body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	color:#fff; 
	font-family: 'Roboto', sans-serif; font-size:16px;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
	 outline: 0px !important; font-weight:normal; background:#200f05;
}
 
 html {
scroll-behavior: smooth;
}
*{ box-sizing:border-box;}

a { 
	text-decoration: none; 
	outline: 0;
	-webkit-transform: translateZ(0);
	-webkit-transition:0.2s color linear;
		-moz-transition:0.2s color linear;
			transition:0.2s color linear;
}
:hover {  transition: all 0.5s ease-in-out 0s;
    -moz-transition: all 0.5s ease-in-out 0s;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;}

.effect{ position:relative; display:block; overflow:hidden;}
.effect:before,.effect:after{content:''; background:rgba(212, 210, 210, 0.2) none repeat scroll 0 0;content: "";opacity: 1;position:absolute;}
.effect:before{ bottom: 0;left: 50%;right:50%;top: 0;}
.effect:after{left: 0;bottom: 50%;right:0;top:50%;}
.effect:hover:before,.effect:hover:after{transition: all 900ms ease-in 0s;}
.effect:hover:before{ left: 0; opacity: 0; right: 0;}
.effect:hover:after{ top: 0; opacity: 0; bottom: 0;}

 

 
.main-container{width:100%; float:left; margin:0px; padding:0px;}
.container {width:1170px; margin:0 auto; padding:0px; }

.top_header{width:100%; float:left; margin:0px; padding:0px; display: flex;  flex-wrap: wrap; }
.top_header .content{ width:50%; padding:5%; margin:0 0 0 0; text-align:left;}
.top_header .content .logo {width:100%; float:left; margin:0px; padding:0px 0 0px 0;}
.top_header .content .logo img{ max-width:100%; height:auto;}

.top_header .content h2{width:100%; float:left; margin: 20px 0; padding:0px; font-size:36px; color:#fff; font-weight:300; line-height:normal;  text-transform:uppercase}
.top_header .content h2 a{width:100%; float:left; margin:0px 0 0px 0; padding:0px;  color:#ffdc0e; font-weight:700; line-height:normal; }
.top_header .content h2 a:hover{color:#fff;}

.top_header .content p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:20px; line-height:28px; color:#fff; font-weight:300;  }

.top_header .image{ width:50%; padding:0%; margin:0 0 0 0; text-align:left; line-height:0;}
.top_header .image img{ width:100%; height:auto;}

.logos_area{ width:100%; float:left; margin:0 0 0 0; padding:50px; text-align:center; background:#fff;}
.logos_area h2{width:100%; float:left; margin:0px 0 20px; padding:0px; font-size:30px; color:#200f05; font-weight:900; line-height:normal;  text-transform:uppercase}
.logos_area ul{width:100%; float:left; margin:0px; padding:0px; display:inline-block; text-align:center;}
.logos_area ul li{width:auto; margin:10px; padding: 0px 40px; list-style:none; display:inline-block; text-align:center;}
.book-content{width:100%; float:left; margin:0; padding:70px 0;}

.logos_area .youtube_video{ width:100%; float:left!important; margin:0 0 0 0; padding:0; text-align:center; background:#fff;}
.youtube_video h2{width:100%; float:left; margin:0px 0 20px; padding:0px; font-size:30px; color:#200f05; font-weight:900; line-height:normal;  text-transform:uppercase}

.book-img{width:40%; float:left; margin:0; padding:0px; line-height:0px; position:relative;}  
.book-img img{position:absolute; } 

.book-content-text{width:55%; float:right; margin:20px 0 0px 0; padding:0px; } 
.book-content-text h2{width:100%; float:left; margin:0px; padding:0px 0 30px 0; font-size:24px; line-height:30px; color:#fff; font-weight:300; }

.book-content-text h3{width:100%; float:left; margin:0px; padding:0px 0 5px 0; font-size:24px;  color:#ffdc18; font-weight:900; text-transform:uppercase}

.book-content-text ul{width:100%; float:left; margin:0px; padding:0px; list-style:none; display: flex;  flex-wrap: wrap;}
.book-content-text ul li{width:48%; margin:20px 2% 0 0; padding:0px 0 0 30px;  background:url(../images/arrow.png) no-repeat 0px 3px; font-size:23px; font-weight:700;}

.book-content-text p{width:100%; float:left; margin:0px 0 20px 0; padding:0px; font-size:18px; color:#fff; font-weight:400; line-height:24px;}
.book-content-text p a{margin:0px 0 0px 0; padding:0px; font-size:14px; color:#ffdc0e; font-weight:700; line-height:normal; text-decoration:underline; text-transform:uppercase}
.book-content-text p a:hover{color:#333;} 
 
.testimonial-content-box{width:100%; float:left; margin:20px 0 0 ; padding:0px 0;}
.testimonial-img{width:100%; float:left; margin:0; padding:0px 0; line-height:0px;}
.testimonial-img img{width:100%; height:auto;}

.testimonial_content{width:100%; float:left; margin:0px 0 0 ; padding:40px 0; background:#ffe319;}
.testimonial_content h2{width:100%; float:left; margin:0px; padding:0px 0 30px 0;  text-align:center; border-top:1px solid #000; }
.testimonial_content h2 span{width:auto; margin:-16px auto auto auto; padding:0px 10px; background:#ffe319; font-size:36px; line-height:30px; color:#000; font-weight:900; text-align:center; display:table;  }

.testimonial_content ul{width:100%; float:left; margin:20px 0; padding:0px;}
.testimonial_content ul li{width:29%; float:left; margin:0px 2%; padding:0px; list-style:none; text-align:center; }
.testimonial_content ul li p{width:100%; float:left; margin:10px 0; padding:0px; font-style:italic; color:#000000; font-size:16px; line-height:24px; }
.testimonial_content ul li h3{width:100%; float:left; margin:10px 0; padding:0px;  color:#000000; font-size:18px;   font-weight:700; text-transform:uppercase; }
.testimonial_content ul li h3 span{width:100%; float:left; margin:0px 0; padding:0px;  color:#000000; font-size:14px;  font-weight:400; }


.footer{width:100%; float:left; margin:-30px 0 30px 0 ; padding:0px 0 0 0;}

.footer .left{width:65%; float:left; margin:0px 0; padding:0px 0 0 0;}
.footer .left .elle_img{width:auto; float:left; margin:0px 20px 0 0; padding:0px 0 0 0;}
.footer .left .data{width:auto; float:left; margin:60px 0px 0 0; padding:0px 0 0 0;}
.footer .left .data h3{ margin:10px 0; padding:0px;  color:#fff; font-size:21px;   font-weight:700;  }
.footer .left .data h3 a{ color:#FFFFFF;}
.footer .left .data h3 a:hover{ color:#ffdc18;}

.footer .left .data p{ margin:10px 0; padding:0px;  color:#fff; font-size:14px;   font-weight:300;  }
.footer .left .data p a{ color:#FFFFFF;}
.footer .left .data p a:hover{ color:#ffdc18;}



.footer .right{width:250px; float:right; margin:70px 0 0; padding:0px 0 0 0;}
.footer .right ul{width:100%; float:left; margin:20px 0; padding:0px;}
.footer .right ul li{width:30%; float:left; margin:0px 1%; padding:0px; list-style:none; text-align:center; }
.footer .right ul li i{ font-size:40px;}
.footer .right ul li a{ color:#FFFFFF;}
.footer .right ul li a:hover{ color:#ffdc18;}
.footer .right ul li p{ margin:0px; padding:5px 0 0 0; font-size:12px;}

















.featured-on{width:30%; float:left; margin:0px; padding:0px;}
.featured-on h5{width:100%; float:left; margin:0px 0 30px; padding:0; font-size:16px; line-height:16px; font-weight:700; color:#ffea19; text-transform:uppercase}
.quick-link{width:30%; float:left; margin:0px; padding:0px;}
.quick-link h5{width:100%; float:left; margin:0px 0 15px; padding:0; font-size:16px; line-height:16px; font-weight:700; color:#ffea19; text-transform:uppercase}
.quick-link ul{width:100%; float:left; margin:0px; padding:0px;}
.quick-link ul li{width:100%; float:left; margin:0px; padding:0px; list-style:none; font-size:14px; line-height:24px; font-weight:300; color:#fff; text-transform:uppercase}
.quick-link ul li a{color:#fff;}
.quick-link ul li a:hover{color:#ffe319;}

.join-footer{width:40%; float:left; margin:0px; padding:0px;}
.join-footer h5{width:100%; float:left; margin:0px 0 15px; padding:0; font-size:16px; line-height:16px; font-weight:700; color:#ffea19; text-transform:uppercase}
.join-footer .txtfield{width:100%; float:left; margin:0px; padding:0px 10px; border:0px; line-height:45px; height:45px; font-weight:300; font-size:14px; outline:0px;}
.join-now-btn{width:189px; margin:10px 0 0 0; float:left; padding:0px; line-height:45px; font-size:18px; color:#000; font-weight:700; background:#ffe319; text-transform:uppercase; text-align:center;}
.join-now-btn:hover{background:#fff; color:#ffe319;}

.copyright{width:100%; padding:15px 0; margin:40px 0 0 0; float:left; border-top:rgba(255,255,255,0.7) 1px solid;}
.copyright-text{float:left; margin:0px; padding:0px; font-size:14px; line-height:16px; font-weight:300; color:#989898;}
.copyright-text a{color:#989898;}
.copyright-text a:hover{color:#fff;}
.copyright-right{width:auto; float:right; margin:0px; padding:0px;}
.copyright-right ul{width:auto; float:right; margin:0px; padding:0px;}
.copyright-right ul li{width:32px; height:32px; line-height:32px; border-radius:50%; background:#fff; text-align:center; float:left; margin:0px 5px; padding:0px; list-style:none;}
.copyright-right ul li a{ display:block; color:#000;}
.copyright-right ul li a:hover{color:#ffe319}