@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Nunito+Sans');



* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}




.clear {
	clear:both;
}

.color1 {
	color:#000000;
}

.color2 {
	color:#ffffff;
}


body {	
  	background:#060107 url(../img/bg-body.jpg) repeat left top 100%; background-attachment:fixed;
	font:14px 'Nunito Sans', sans-serif;
	letter-spacing:1px;

	
	
}


h1, h2, h3, h4 {
	margin-top: 23px;
    margin-bottom: 3px;
}

p {
	text-align:justify;
}


#wrapper-jen {
	width:1000px;
	margin:auto;
}

#header-jen {
	width:100%;
	float:left;
}




#logo a {
	text-decoration:none;
	color:#97bc31;
}


#logo {
	font-weight:normal;
	float:left;
	padding:15px 0;
	color:#fff;
	font-size:60px;
	text-shadow:2px 2px #fff, -2px -2px #fff;
	font-weight:bold;
}


#logo .log {
	font:24px roboto;
	float:right;
	text-shadow:none;
	color:#fcb943;
}

#contact {
	float:right;
	text-align:right;
	font-weight:bold;
	padding-top:30px;
	color:#fff;
	font-size:26px;
}



.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}

#nav {
	width:100%;
	height:50px;
    float:left;
   background: #0601079e;
}

#nav li {
	float:left;
	list-style:none;
}



#nav li a {
	float:left;
	font-size:13px;
	text-transform:uppercase;
	text-align:center;
	width:100%;
	padding:0 20px;
	line-height:48px;
	text-decoration:none;
	color:#fff;
}


#nav-drahul li a:hover,
#nav li a.active {
	color:#6db3f1;
}



#content-jen {
	width:100%;
	padding:25px;
	float:left;
	background:rgba(255, 255, 255, 0.8);
}


#inner-images {
	width:100%;
	margin:25px 0;
}



#inner-images li {
	list-style:none;
	width:21%;
	float:left;
	font-size:12px;
	text-align:center;
	margin:0 2%;
}

#inner-images li img {
	width:100%;
	border:1px solid #000;
	border-radius:10px;
}



#side-rahul {
	width:30%;
	float:right;
}



#side-rahul p {
	padding:25px;
	width:100%;
	float:left;
	background:#fff;
}

#side-rahul p img{ vertical-align:top;
 width:100%;
border-radius:2px;
 float:left;
 margin-bottom:10px;
 
}


table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
}

th, td {
    text-align: center;
    padding: 16px;
}

th:first-child, td:first-child {
    text-align: left;
}

tr:nth-child(even) {
    background-color: #f2f2f2
}

#side-rahul h5 {
	width:100%;
	font-size:18px;
	background:rgb(29, 28, 28);
	text-align:center;
	font-weight:normal;
	color:#fff;
	padding:8px 0;
	float:left;
}


#side-rahul h6 {
	padding:10px;
	font-size:18px;
	font-weight:normal;
	background:rgba(255, 0, 0, 0.5);
}


#side-rahul {
	float:right;
	margin-bottom:50px; 
	

}
#side-rahul p{background:rgba(255, 235, 203, 0.5);
}

#side-rahul ul{ list-style:none; font-size:14px; background:rgba(255, 235, 203, 0.5); width:100%; float:left;  padding:25px; margin-bottom:15px; }
#side-rahul  ul li{padding:5px 0px 5px 18px; font-weight:bold; line-height:19px; text-align:left; background:url(../img/arow2.png) no-repeat left;}
#side-rahul ul li a {color: #060107; text-decoration: none;}
#side-rahul ul li:hover a{color:#91074b;}


#model-img ul{ list-style:none;  background:#FFF; width:100%; 
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
 border:1px solid #91074b; float:left;  padding:25px;
	margin-bottom:25px; }
#model-img ul li{border-radius:10px;
	border:2px solid #000; }
#model-img ul li img{width:100%;
	border-radius:10px;
	border:2px solid #000;}
 

#contentmain-rahul {
	width:65%;
	float:left;
}


#contentmain-rahul li {
	margin:5px 0 5px 15px;
}




#gallery ul li {
	list-style:none;
	float:left;
 
	margin:1%;
	border:2px solid #524b48;
	width:30%;
	transition:all ease .5s;
}

#gallery ul li img {
	width:100%;
}

#gallery ul li:hover {
	border:2px solid #fff;
}


.profile {
	
    margin-bottom: 15px;
    margin-top: 15px;
    }



    .profile-img {
    width: 158px;
    float: left;
    margin: 10px 15px;
}

 .img-v {
    width: 47%;
    float: left;
   
}

.img-vv {
    width: 221px;
    float: left;
    margin: 0px 15px;
}

.profile-photo img {
    width: 100%;
    border: solid 3px #fff;
}

.name {
    font-size: 13px;
    text-align: center;
    padding-bottom: 5px;
}

.age {
    font-size: 13px;
    text-align: center;
}

.sample-button {
    width: 98%;
    margin: 5px;
    padding: 3px 0;
    color: #fff;
    background-color: #171717;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

.sample-button .a { text-decoration: none;}


#footer-rahul {
	width:100%;
	padding:20px 5px;
	background:rgba(56, 54, 54, 0.5);
	float:left;
	color:#fff;
	font-size:10px;
}

#footer-rahul li {
	list-style:none;
	padding:0 10px;
	border-right:solid 1px #fff;
	float:left;
}



#footer-rahul a {
	text-transform:uppercase;
	color:#fff;
	text-decoration:none;
}

#footer-rahul a:hover {
	text-decoration:underline; color:#FF3366;
}


#footer-rahul p {
	margin-right:5px;
	text-align: center;
}

#ftr-rahul {
	width:100%;
	padding:10px 0;
}
#ftr-rahul .box{ width:31%; padding:10px; float:left; margin:5px 10px; background:#FFF; border:1px solid #91074b; border-radius:10px; }
#ftr-rahul .box h6{ width:100%; padding:2px 0; font-size:18px; text-align:center; font-weight:normal; color:#91074b; border-bottom:1px dashed #999; margin-bottom:10px;}
#ftr-rahul .box p{ width:100%; padding:2px 0; font:14px roboto;
	letter-spacing:1px; color:#91074b;}



	.scroll-side-menu-007 {
	max-height: 100vh;
	overflow: scroll;
	display: flex;
	flex-flow: wrap;
}
.scroll-side-menu-007::-webkit-scrollbar {
  display: none;
}
.scroll-side-menu-007 li {
	width:33.333333333%;
	list-style-position: inside;
	color: #fff;
	margin-top: 5px;
}
@media only screen and (max-width:767px) {
.scroll-side-menu-007 li {
	width:50%;
}
}
.link-area {
	background-color: #6A1A1B;
	padding: 25px;
}
.link-area h3 {
	text-align: center;
	text-decoration: underline;
	text-decoration-color: #000;
	color: #fff;
	font-size: 20px;
	margin-top: 5px;
}
.link-area a {
	color: #fff;
	text-decoration: none;
}

@media only screen and ( max-width: 900px) { 

#ftr-rahul .box{ width:90%;}

#wrapper-jen {
	width:100%;
}



#logo {
	font-size:40px;
	text-align:center;
	width:100%;
}


#logo .log {
	width:100%;
	font-size:18px;
	line-height:24px;
	text-align:center;
}

#contact {
	width:100%;
	text-align:center;
	font-weight:bold;
	padding:0 0 10px 0;
	color:#fff;
	font-size:18px;
}





#nav {
	height:auto;
}

#nav li {
	width:100%;
	border-bottom:1px solid #fff;
}



#side-rahul {
	width:100%;
}


#contentmain-rahul {
	width:100%;
}




#inner-images li {
	list-style:none;
	width:100%;
	float:left;
	font-size:16px;
	text-align:center;
	margin:25px 0;
}

 .profile-img {
    width: 150px;
    float: left;
    margin: 10px 15px;
}


#gallery ul li {
	padding:0;
	margin:2%;
	border:none;
	width:100%;
}

#gallery ul li img {
	width:100%;
	border-radius:5%;
}

#gallery ul li:hover {
	border:none;
}


.img-v {
    width: 100%;
    float: left;
   
}

.img-vv {
    width: 100%;
    float: left;
    margin: 0px 0px;
}


#footer-rahul {
	width:100%;
	padding:20px 5px;
	background:#000;
	float:left;
	text-align:center;
	color:#fff;
	font-size:9px;
}

#footer-rahul li {
	list-style:none;
	width:100%;
	padding:10px 0;
	border-right:none;
	float:left;
}


#footer-rahul p {
	width:100%;
	text-align:center;
	margin-top:25px;
}


#footer-rahul a {
	float:none;
}



#gallery ul li{list-style:none;float:left;padding:10px;margin:2%;border:1px solid #c8b12f;width:21%;transition:all ease .5s;}
#gallery ul li img{width:100%;border-radius:5%;}
#gallery ul li:hover{border:1px solid #4d4412;}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	}