@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap" rel="stylesheet');
/* #Primary
================================================== */
body {font-family: 'Roboto', sans-serif; margin: 0; padding: 0; font-size: 16px;line-height: 24px;font-weight: 400;color: #212112; background-position: center;background-repeat: repeat; background-color: #fff;overflow-x: hidden;transition: all 200ms linear;}
.no-gutter{ margin: 0; padding: 0;}
a{color:inherit;text-decoration:none}

/* #Navigation
================================================== */
.start-header {opacity: 1;transform: translateY(0);padding: 10px 0;-webkit-transition : all 0.3s ease-out;transition : all 0.3s ease-out;}
.start-header.scroll-on {box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);padding:12px 0;-webkit-transition : all 0.3s ease-out;transition : all 0.3s ease-out;}
.start-header.scroll-on .navbar-brand img{height: 28px;-webkit-transition : all 0.3s ease-out;	transition : all 0.3s ease-out;}
.navigation-wrap{position: fixed;width: 100%;top: 0;left: 0;z-index: 1000;-webkit-transition : all 0.3s ease-out;transition : all 0.3s ease-out; }
.navbar{padding: 0;}
.navbar-brand img{max-width:200px; max-height: 45px;width: auto;display: block;-webkit-transition : all 0.3s ease-out;transition : all 0.3s ease-out;}
.navbar-toggler {float: right;border: none;padding-right: 0;}
.navbar-toggler:active,
.navbar-toggler:focus {outline: none;}
.navbar-light .navbar-toggler-icon {width: 24px;height: 17px;background-image: none;position: relative;	border-bottom: 1px solid #000;   transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{width: 24px;position: absolute;height: 1px;background-color: #000;top: 0;	left: 0;content: '';z-index: 2;  transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after{top: 8px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}
.nav-link{color: #212121 !important;font-weight: 500;transition: all 200ms linear;position: relative;padding: 5px 0 !important;display: inline-block;font-size:16px;}
.nav-item:hover .nav-link{color: #991b1e !important;}
.nav-item.active .nav-link{	color: #000 !important;}
.nav-item:after{position: absolute;	bottom: -5px;left: 0;width: 100%;height: 2px;content: '';background-color: #ffc50d;opacity: 0;   transition: all 200ms linear;}
.nav-item:hover:after{bottom: 0;opacity: 1;}
.nav-item.active:hover:after{opacity: 0;}
.nav-item{position: relative;   transition: all 200ms linear;}
/* #Primary style
================================================== */
.bg-light {background-color: #ffc50d !important; transition: all 200ms linear; }
.section {  position: relative;width: 100%;	display: block;}

.over-hide {   overflow: hidden;}
.absolute-center { left: 0;width: 100%; } 
body.hero-anime p{opacity: 0;transform: translateY(40px);   transition-delay: 1700ms;}
h1 span{display: inline-block; transition: all 300ms linear;opacity: 1;transform: translate(0);}
body.hero-anime h1 span:nth-child(1){opacity: 0;transform: translateY(-20px);}
body.hero-anime h1 span:nth-child(2){opacity: 0;transform: translateY(-30px);}
body.hero-anime h1 span:nth-child(3){opacity: 0;transform: translateY(-50px);}
body.hero-anime h1 span:nth-child(4){opacity: 0;transform: translateY(-10px);}
body.hero-anime h1 span:nth-child(5){opacity: 0;transform: translateY(-50px);}
body.hero-anime h1 span:nth-child(6){opacity: 0;transform: translateY(-20px);}
body.hero-anime h1 span:nth-child(7){opacity: 0;transform: translateY(-40px);}
body.hero-anime h1 span:nth-child(8){opacity: 0;transform: translateY(-10px);}
body.hero-anime h1 span:nth-child(9){opacity: 0;transform: translateY(-30px);}
body.hero-anime h1 span:nth-child(10){opacity: 0;transform: translateY(-20px);}
h1 span:nth-child(1){ transition-delay: 1000ms;}
h1 span:nth-child(2){ transition-delay: 700ms;}
h1 span:nth-child(3){transition-delay: 900ms;}
h1 span:nth-child(4){transition-delay: 800ms;}
h1 span:nth-child(5){transition-delay: 1000ms;}
h1 span:nth-child(6){transition-delay: 700ms;}
h1 span:nth-child(7){transition-delay: 900ms;}
h1 span:nth-child(8){transition-delay: 800ms;}
h1 span:nth-child(9){transition-delay: 600ms;}
h1 span:nth-child(10){transition-delay: 700ms;}
body.hero-anime h1 span:nth-child(11){opacity: 0;transform: translateY(30px);}
body.hero-anime h1 span:nth-child(12){opacity: 0;transform: translateY(50px);}
body.hero-anime h1 span:nth-child(13){opacity: 0;transform: translateY(20px);}
body.hero-anime h1 span:nth-child(14){opacity: 0;transform: translateY(30px);}
body.hero-anime h1 span:nth-child(15){opacity: 0;transform: translateY(50px);}
h1 span:nth-child(11){transition-delay: 1300ms;}
h1 span:nth-child(12){transition-delay: 1500ms;}
h1 span:nth-child(13){transition-delay: 1400ms;}
h1 span:nth-child(14){ transition-delay: 1200ms;}
h1 span:nth-child(15){transition-delay: 1450ms;}
#switch,
#circle {cursor: pointer;-webkit-transition: all 300ms linear;transition: all 300ms linear; } 
#switch {width: 60px;height: 8px; border: 2px solid #ffc50d; border-radius: 27px;background: #000;position: relative;display: block;margin: 0 auto;text-align: center;opacity: 1;transform: translate(0);   transition: all 300ms linear;   transition-delay: 1900ms;}
body.hero-anime #switch{opacity: 0;	transform: translateY(40px);   transition-delay: 1900ms;}
#circle {position: absolute;top: -11px;left: -13px;width: 26px;	height: 26px;border-radius: 50%;background: #000;}
.switched {	border-color: #000 !important;background: #ffc50d !important;}
.switched #circle {	left: 43px;	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);background: #fff;}
.nav-item .dropdown-menu { transform: translate3d(0, 10px, 0); visibility: hidden; opacity: 0;max-height: 0;   display: block;padding: 0;margin: 0;  transition: all 200ms linear;}
.nav-item.show .dropdown-menu {opacity: 1; visibility: visible;max-height: 999px;transform: translate3d(0, 0px, 0);}
.dropdown-menu {padding: 10px!important;margin: 0;font-size: 13px;letter-spacing: 1px;color: #212121;background-color: #fcfaff;border: none;border-radius: 3px;	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);  transition: all 200ms linear;}
.dropdown-toggle::after {display: none;}
.dropdown-item {padding: 3px 15px; color: #212121; border-radius: 2px;   transition: all 200ms linear; }
.dropdown-item:hover, 
.dropdown-item:focus {color: #fff;background-color: #ffc50d;} 
.resized-splitflap { float: right;} 

section .section-title{	text-align:left; color:#2e2e30; font-weight: 900; margin-bottom:30px;font-size:48px;text-transform:uppercase;}
section .section-title:after{content:""; width: 100px; height: 5px; background-color: #fa970b; position: relative;   display: inline-block;}
 
#login .container #login-row #login-column #login-box {	margin-top: 120px;max-width: 600px;height: 320px;border: 1px solid #9C9C9C;background-color: #EAEAEA; }
#login .container #login-row #login-column #login-box #login-form {padding: 20px; }
#login .container #login-row #login-column #login-box #login-form #register-link {margin-top: -85px; }
.know_more  { text-align: center; margin: 10px auto; color: #0056d2; text-decoration: underline; font-size: 20px; display: block; border: none; outline: none; }
.product-view { width: 100%; float:left; border:1px #ccc solid; border-radius: 20px; background: transparent; margin: 0 1.5%;}
.head_yel{border-radius: 20px 20px 0 0; background: #ffc600; font-size: 20px; font-weight: 500; text-align: center; padding: 15px;  margin-bottom: 20px;}
.bottom_blue{border-radius:0 0 20px 20px ; background: #0056d2; font-size: 20px; font-weight: 500; text-align: center; padding: 15px;  color: #fff;}
.prod_gap{ padding: 30px !important; }  
.product-view .content{ padding: 0 20px 10px;}
.product-view .content .prod_name{ font-size: 14px; font-weight: 700;}
.arrow_clr{background-color:#e7e6e5 !important; margin-right: 20px;}
.arrow_clr i{color: #777;}
#ibc_slider{ margin-top: 20px;}
#ibc_slider .swiper{ height: auto;}

#ibc_slider img{  max-width: 90%;  text-align: center; margin: 15px auto;} 
.speak_clr { color:#000; font-size: 14px; text-align: center;}

.prodetail img{ max-width: 100%;}
.prodetail h5{ font-weight: bold; font-size: 20px; text-transform: uppercase; color: #000; text-align: left;}
.purchase_btn{  border-radius: 100px; font-size:20px;  border:none; outline: none; text-transform: uppercase; cursor: pointer; margin: 10px auto; padding:10px 50px; 
background: #2eb72a; color: #fff; }
 
.know_btn{width: 200px; margin: 50px auto; border: 1px #ccc solid; border-radius: 10px;
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.2);}
.know_btn a{ padding:15px 10px 15px 20px; border-radius: 10px; background: #ffffff;; font-size: 16px; text-decoration: none; color: #3a320b; text-transform: uppercase;  display: inline-block; font-weight: 700;}
.know_btn a img { padding: 6px; border-radius: 4px; margin: 0 0 0 25px;
	background: #fa970b; 
	background: -moz-linear-gradient(left,  #fa970b 0%, #ffc50d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #fa970b 0%,#ffc50d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #fa970b 0%,#ffc50d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa970b', endColorstr='#ffc50d',GradientType=1 ); /* IE6-9 */
}
.join_img img{ height: 100%; max-height: 500px;}
.desk_offer_img { display: block;}
.mobb_offer_img{ display: none;}
.col_white_amrc { color:#fa970b; text-transform: uppercase; font-weight: bold; font-size:18px; margin: 100px 0 40px ;}

.bg-color-one { background: #353227;}
.bg-color-two { background: #302c23;}
.bg-color-three { background: #252219;}
.bg-color-four { background: #1a170f;}

 
.header_p{position: relative;width: 100%;display: block;}
.bg_head{ width: 100%; background: url(../images/bg_header.png) repeat-y; height: auto; background-size: 100% auto; } 

.displayNav { top: auto; bottom: 0px; -webkit-transition: 0.3s; transition: 0.3s; opacity: 1;}
nav { position: fixed; z-index: 99; top: -48px; width: 100%; background-color: #1a170f; padding: 30px; color: #FFFFFF; -webkit-transition: 0.3s; transition: 0.3s; opacity: 0;}
.ibc_courseview{ display: block; background: #fff; width: 100%; float: left;}
 
footer{ background: #021719; padding: 40px 0; float: left; width: 100%;}
.foot_logo img{border-bottom:1px #fff solid; padding: 0 0 10px; }
.foot_logo p{ font-size: 14px; color: #fff; margin-top: 10px; line-height: 20px;}
footer h3{ color: #fec500; font-size: 20px; }
footer h3:after{ content: ''; display: block; width: 60px; margin: 10px 0 10px; background: #fec500; height: 1px;}
.foot_links a{display: block; color: #fff; font-size:14px; margin: 7px 0;}
.foot_links a:hover{ text-decoration: none; color: #fec500;}
.foot_links a img{ max-width: 16px; margin-right: 20px; }
.foot_links a{display: block; }
.soc_links { margin-bottom: 10px;}
.soc_links a { display: inline-block; margin-right: 5px;}
.soc_links img{ max-width: 36px;} 
.soc_links_btn { margin-bottom: 10px;}
.soc_links_btn a { display: inline-block; margin-right: 5px;}
.soc_links_btn img{ max-height: 40px;}
.footer_sub{ margin-top: 2px; background: #000; padding: 5px 0; text-align: center;}
.footer_sub a { text-align: center; color: #fff; border-right: 1px #ccc solid; padding: 0 10px; font-size: 14px;} 
.footer_sub a.lst_bdr { border:0px;}
.footer_sub a:hover { text-decoration: none; color: #fec500;}
.footer_sub p { font-size: 14px; color: #fff; font-weight: 700; margin-bottom: 5px; }

.swiper { width: 100%; height: 350px; }

.swiper-slide { text-align: center; 	font-size: 18px; background: #fff; 
	/* Center slide text vertically */
	display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;
	-ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;
	-ms-flex-align: center; -webkit-align-items: center; align-items: center; } 
.swiper-slide img { display: block; width: 100%; height: 100%;  }
.bnr-text .margin_top{ margin-top: 115px;} 
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ background: #fff;}


.grid_strp{
	display: block;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c79c7+50,f16f5c+50,2c79c7+50,2c79c7+50,2eb72a+51,2eb72a+100 */
background: rgb(44,121,199); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(44,121,199,1) 50%, rgba(241,111,92,1) 50%, rgba(44,121,199,1) 50%, rgba(44,121,199,1) 50%, rgba(46,183,42,1) 51%, rgba(46,183,42,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(44,121,199,1) 50%,rgba(241,111,92,1) 50%,rgba(44,121,199,1) 50%,rgba(44,121,199,1) 50%,rgba(46,183,42,1) 51%,rgba(46,183,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(44,121,199,1) 50%,rgba(241,111,92,1) 50%,rgba(44,121,199,1) 50%,rgba(44,121,199,1) 50%,rgba(46,183,42,1) 51%,rgba(46,183,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c79c7', endColorstr='#2eb72a',GradientType=1 ); /* IE6-9 */


}
.bottom_strp span{ font-size: 20px; font-weight: 500; color: #fff; text-align: left;}
.bottom_strp{ text-align: center; margin: 0 auto; padding: 20px 15px 10px; }
.bottom_strp p{ font-size: 20px; font-weight: 500; text-align: center; color: #fff; margin-top: 10px;}
.bottom_strp .blk{ font-size: 14px; font-weight: 500; color: #000;}
.bottom_strp img{ max-height: 40px;}
.strip_doub_b{background: #2c79c7;}
.strip_doub_g{background: #2eb72a;}

.grey_strip{ background: #f5f5f5; padding: 20px 0;}
.grey_strip input{ background: #ccc; }
.grey_strip .blue_btn{ background: #2c79c7; color: #fff; outline: none; border: none; border-radius: 4px;}
.grey_strip button{  padding: 10px;}

.set_strip h2{ text-align: center; font-size: 36px;}
.set_strip h6{ text-align: center; font-size: 18px; margin-top: 30px;}
.set_strip a{ text-align: center; font-size: 18px; display: block; font-weight: 700;}
.set_strip a:hover{ color: #991b1e; text-decoration: none;} 
.set_strip span{ text-align: center; font-size: 15px; display: block; color: #0056d2; }
.set_strip p{ text-align: left; font-size: 14px;}
.set_strip .row .col-sm-3 { width: 23% !important; max-width: 23%; margin-bottom: 40px; }
.set_strip .border_rgt_btm{  padding: 20px; margin: 10px;  border-radius: 10px; box-shadow: 0px 4px 12px #c4c4c4c4;}  

.gunnies{  background: url('../images/Guinness_World_Records_logo.png') no-repeat; position: relative; background-size: 50px 50px;
    top: 0; left: -30px; z-index: 999; width: 50px; height: 50px; display: block; margin-top: -50px;
}


.set_strip .border_btm{ padding: 20px; margin: 10px;  border-radius: 10px; box-shadow: 0px 4px 12px #c4c4c4c4; }  
.cousre_strip{ padding:40px 0 60px; background: #0a071a; margin-top: 20px;} 
.cousre_strip h4{ color: #000; text-align: center; margin-bottom: 20px;}
.cousre_strip input{ background: #f5f5f5; padding: 10px; }
.cousre_strip .blue_btn{ background: #2c79c7; color: #fff;  outline: none; border: none; width: 100%; border-radius: 4px;}
.BB_intro{ background: #fff; padding:70px 0 20px;}
.BB_intro .blue_strip{ background: #0056d2; padding: 20px 30px; border-radius: 10px; margin-top: 30px;} 
.BB_intro .blue_strip h4{ font-size: 24px; color: #fff; font-weight: 700;}
.BB_intro .blue_strip h5{ font-size: 18px; color: #fff; font-weight: 500;}
.BB_intro .blue_strip p{ font-size: 14px; color: #fff; font-weight: 300;}
.BB_intro h2{ font-size: 36px; color: #000; font-weight: 700; }
.ibc_courseview h3{ text-align: center; font-size: 26px; color: #000; font-weight: 700; }

.product-view ul{ margin: 0px;}
.product-view ul li{ content: '';
	display: inline-block; height: auto; width: 100%; font-size: 14px; background-image: url('../images/bullet_icon.png');
	background-size: 25px 25px; background-repeat: no-repeat; margin-left: -35px; padding-left: 40px; margin-bottom: 10px; text-align: left; }

.modal-body .product-view img{ margin: 10px auto;}
	
.swiper-slide .desk{ display: block;}
.swiper-slide .mob{ display: none;} 
.screen_2 input{ padding: 0px; height: auto;}
.screen_1 input{ background: none;}
.Video_detail { margin-top: 30px;}
.Video_detail li { font-size: 20px; color: #000; font-weight: 700; width: 33.3%; float: left; text-align: center; list-style: circle; list-style-position: inside;}
.Video_detail span{ text-align: center; margin:  0px auto; width: 100%; display: block;}
.Video_detail .price { font-size: 24px; color: #000; font-weight: 700; display: inline-block; margin: 0; width: 100%; text-align: center; }
.Video_detail .price b{ font-size: 24px; color: #0056d2; display: inline-block; margin: 20px 0; }

.mob_display{ display: none;}
.desk_display{ display: block;}
.mySwiper img{height: auto; max-width: 100% !important;}
.select_size{ width: 71px; background: #ccc; margin-right: 5px;}
.size_two{ width: 31%; background: #f5f5f5; margin-right: 5px;}
.size_three{ width: 24%; background: #fff; margin:0px 5px 0px 15px;}

.top_black{ background: #000; color: #fff; margin-bottom: 10px; padding: 5px;}
.top_blackk{ background: #000; width: 100%; float: left; color: #fff; font-size: 14px;}
.top_black i{ display: inline; color: #ffc600;}
.top_black .t-center{ text-align: center;}

.moneyback{ position: fixed; top: 120px; right: 10px; z-index: 99;}
.moneyback img{ max-width: 125px;}

.foot_sticky{ position: fixed; bottom: 0px; background: #0a071a; color: #fff; font-size: 14px; padding: 10px ; width: 100%; text-align: center; z-index: 999;}