@font-face {
	font-family: 'AvenirNextLTPro-Regular';
	src: url('../fonts/AvenirNextLTPro-Regular_3.eot');
	src: local('☺'), url('../fonts/AvenirNextLTPro-Regular_3.woff') format('woff'), url('../fonts/AvenirNextLTPro-Regular_3.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Regular_3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AvenirNextLTPro-Medium';
	src: url('../fonts/AvenirNextLTPro-Medium.eot');
	src: local('☺'), url('../fonts/AvenirNextLTPro-Medium.woff') format('woff'), url('../fonts/AvenirNextLTPro-Medium.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AvenirNextLTPro-Bold';
	src: url('../fonts/AvenirNextLTPro-Bold_3.eot');
	src: local('☺'), url('../fonts/AvenirNextLTPro-Bold_3.woff') format('woff'), url('../fonts/AvenirNextLTPro-Bold_3.ttf') format('truetype'), url('../fonts/AvenirNextLTPro-Bold_3.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset css --- */
* {padding:0px; margin:0px; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;}
*:focus {outline: 0;}
html, body{ overflow-x:hidden;}
body{ margin:0; padding:0; font-size:1em; color:#080808; font-family:'AvenirNextLTPro-Regular',Sans-Serif; background: #fedaa8;}
ol, ul {list-style: none; margin:0; padding:0;}
:focus {outline: 0;}
a, a:link {text-decoration: none; outline:none;}
p { padding:2px 0; margin:0;}
.clear {clear:both;}
a {color:#36A1D6; text-decoration:none;}
a:hover {text-decoration:none; color:#0c528f;}
a:focus{outline:none !important;}
:hover{transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal;}
img {border:0; max-width:100%; height:auto;}
::-webkit-input-placeholder {opacity:1; color: #999999;}
:-moz-placeholder{opacity:1; color: #999999;}
::-moz-placeholder{opacity:1; color: #999999;}
:-ms-input-placeholder{opacity:1; color: #999999;}
/* --- Reset css */

.container{ max-width: 1050px;}

.site-header{ padding: 0 40px; display: flex; align-items: center; justify-content: space-between; height: 100px; background: #fedaa8;}
.header-left{ display: flex; align-items: center;}
.logo-group ul{ display: flex; align-items: center; padding-left: 20px;}
.logo-group ul li{ margin-left: 20px;}

.header-right{ display: flex; align-items: center; justify-content: flex-end;}
.access-icon{ background: rgba(255,255,255,0.6); border-radius: 5px;}
.access-icon ul{ height: 36px; display: flex; align-items: center; padding: 0 15px;}
.access-icon ul li{ margin-left: 10px; cursor: pointer;}
.access-icon ul li:first-child{ margin-left: 0;}

.access-icon ul li.fontIcon span{ color: #00549b; display: inline-block; padding: 0 4px; font-family:'AvenirNextLTPro-Medium',Sans-Serif; font-size: 0.9em;}
.access-icon ul li select{ background: none; border: none; color: #00549b; font-family:'AvenirNextLTPro-Medium',Sans-Serif; font-size: 0.9em;}

.start{ padding-top: 60px;}
.start-left{ background: #fffcdf; display: flex; align-items: center;}
.icon-title{ width: 211px; height: 234px; background: url(../images/icon-txt.png) no-repeat; display: flex; align-items: center; justify-content: center; color: #FFF; font-size: 1.5em; font-family:'AvenirNextLTPro-Regular',Sans-Serif; margin-bottom: 30px; text-align: center;}

.start-left-txt{ width: calc(100% - 211px); padding-left: 30px;}
.start-left-txt ul{ margin-left: 20px; padding-top: 10px;}
.start-left-txt ul li{ list-style-type: disc; font-size: 1.2em;}

.site-footer{ background: #b62974; padding: 22px 40px; margin-top: 80px; border-top: 8px solid #542975; border-left: 8px solid #542975;}
.site-footer p{ color: #fffcdf;}
.inpWrap{ margin-top: 8px;}
.inp{ width: 100%; border: none; background: #FFF; font-family:'AvenirNextLTPro-Medium',Sans-Serif; padding: 9px 15px;}

h2.bgTxt{ display: inline-block; background: #b62974; color: #FFF; font-size: 2.8em; padding: 8px 25px;}
p.smTxt{ font-size: 0.7em; padding-top: 8px;}
.submitBtn{ background: #5d5e5e; color: #FFF; font-size: 1.6em; padding: 2px 25px; border: none; border-radius: 50px;}

.oppertunity, .rewards, .story, .faq, .speak{ padding: 60px 0 0 0;}
.oppertunity-main, .rewards-main, .story-main, .faq-main, .speak-main{ background: #fffcdf; padding: 40px;}
.oppertunity ul{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.oppertunity ul li{ position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%;
max-width: 50%; margin-top: 30px;}
/* .oppertunity ul li:first-child, .oppertunity ul li:nth-child(2){ margin-top: 0;} */
.oppertunity-single{ display: flex; align-items: center;}
.oppertunity-single p{ font-family:'AvenirNextLTPro-Bold',Sans-Serif; padding: 0; padding-left: 20px;}

.titleTxt{ margin: -71px 0 0 -40px;}
.titleTxt h2{ display: inline-block; color: #FFF; position: relative; padding: 0 52px 0 15px;}
.titleTxt h2::after{ content: ''; width: 15px; height: 87px; position: absolute; left: 0; top: 0; background: url(../images/left.png) no-repeat;}
.titleTxt h2::before{ content: ''; width: 52px; height: 87px; position: absolute; right: 0; top: 0; background: url(../images/right.png) no-repeat;}
.titleTxt h2 span{ display: flex; align-items: center; height: 87px; background: url(../images/mid.png) repeat-x; padding-left: 20px; }

.rewards, .story, .faq, .speak{ padding-top: 120px;}
.rewards-single{ height: 100%; display: flex; align-items: center; background: #552976; color: #FFF; padding: 40px 15px;}
.rewards-single h3{ padding-bottom: 15px;}
.rewards-single p{ padding-top: 10px;}
.rewards-single ul li{ font-size: 0.8em; margin-top: 8px;}
.rewards-single-main{ width: 100%; text-align: center;}

.video{ background: #fffde0; padding: 80px 0; margin-top: 120px;}
.titleTxt.alt{ margin-top: -111px;}

.story-carousal-wrap{ width: 750px; margin: 0 auto; padding-top: 40px;}
.story-carousal-vid{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.story-carousal-vid iframe, .speak-vid iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.story-carousal-txt{ padding-top: 15px;}

.story-carousal .owl-nav button{ height: 88px; width: 88px; background: #b62973 !important; position: absolute; left: -139px; top: 50%; margin-top: -44px; display: flex; align-items: center; justify-content: center; color: #FFF;}
.story-carousal .owl-nav button span{ color: #ffcb0a !important; font-size: 110px !important; display: inline-block; transform: translateY(-15px);}
.story-carousal .owl-nav button.owl-next{ left: inherit; right: -139px;}

.faqAccord{ margin-top: 40px;}
.faqAccord .accordion-button{ background: #f7b2d0 !important; color: #231f20 !important; border: none !important; border-radius: 0 !important; border-bottom: 1px solid #b62974 !important; font-family:'AvenirNextLTPro-Medium',Sans-Serif; font-size: 0.6em; padding-right: 70px;}
.faqAccord .accordion-button:focus{ outline: none; box-shadow: none;}
.faqAccord  .accordion-item{ border: none !important; border-radius: 0 !important; background: #f9cde0 !important;}
.faqAccord .accordion-body p{ font-size: 1.2em;}

.faqAccord .accordion-button::after{ content: '\f067'; width: 56px; height: 100%; background: #b62974; position: absolute; right: 0; top: 0; transition: none !important; display: flex; align-items: center; justify-content: center; font-family:'FontAwesome'; color: #FFF !important; border-bottom: 1px solid #f9cde0 !important;}
.faqAccord  .accordion-button:not(.collapsed)::after{ content: '\f068';}

.speak-cont{ max-width: 560px; margin: 0 auto; padding: 15px 0 0 0;}
.speak-carousal .item p span{ font-family:'AvenirNextLTPro-Bold',Sans-Serif;}
.speak-vid{ width: 360px; margin: 20px auto;}
.speak-vid{ position: relative; height: 200px;}

.speak-carousal .owl-nav button{ height: 88px; width: 88px; background: #b62973 !important; position: absolute; left: 12px; top: 75px; display: flex; align-items: center; justify-content: center; color: #FFF;}
.speak-carousal .owl-nav button span{ color: #ffcb0a !important; font-size: 110px !important; display: inline-block; transform: translateY(-15px);}
.speak-carousal .owl-nav button.owl-next{ left: inherit; right: 12px;}

.start-up{ margin-top: 80px;}
.start-left-txt ul.list{ margin: 0; padding: 0;}
.start-left-txt ul.list li{ list-style-type: none; display: flex; align-items: center; font-family:'AvenirNextLTPro-Medium',Sans-Serif; margin: 25px;}
.start-left-txt ul.list li:first-child{ margin-top: 0;}
.start-left-txt ul.list li span.num{ display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; background: #b62a74; color: #FFF; margin-right: 12px;} 
.start-left-txt ul.list li span.txt{ display: inline-block; line-height: 24px; width: calc(100% - 38px);}

.start-up .icon-title{ margin: 0;}
.start-up .start-left{ padding: 60px 0px;}

.videoGallery{ display: flex; justify-content: space-between; padding-top: 50px;}
.videoGallery-left{ width: calc(100% - 280px);}
.videoGallery-right{ width: 250px; padding-right: 30px; height: 419px; overflow-x: hidden; overflow-y: auto;}

.video-iframe{ position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
.video-iframe iframe{ position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
/* .video-thumb iframe { display: none;} */

.video-thumb{ display: block; position: relative; margin-top: 10px; cursor: pointer;}
.video-thumb:first-child{ margin-top: 0;}
.video-thumb::after{ content: ''; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; cursor: pointer;}
.video-thumb iframe{ width: 100%; height: 120px; display: block;}

.scrollCont .mCSB_draggerRail{ background: none !important;}
.scrollCont .mCSB_dragger_bar{ background: #231f20 !important; width: 6px !important;}
.scrollCont .mCSB_scrollTools .mCSB_draggerContainer::after{ content: ''; width: 2px; height: 100%; background: #fddaa8; position: absolute; left: 7px; top: 0;}
.scrollCont .mCSB_scrollTools{ right: 4px !important;}

.content.mCustomScrollbar, .mCustomScrollBox, .mCSB_container, .mCSB_scrollTools, .mCSB_draggerContainer, .mCSB_dragger, .mCSB_dragger_bar, .mCSB_draggerRail{ transition: none !important;}


.story-carousal .owl-dots, .speak-carousal .owl-dots, .hero-carousal .owl-dots{ text-align: center; display: none;}
.story-carousal .owl-dots button, .speak-carousal .owl-dots button, .hero-carousal .owl-dots button{ width: 15px; height: 15px; border-radius: 10px; background: #542975; margin: 0 3px;}
.story-carousal .owl-dots button.active, .speak-carousal .owl-dots button.active, .hero-carousal .owl-dots button.active{ background: #b62974;}

.hero-carousal .owl-nav button{ height: 88px; width: 88px; background: #b62973 !important; position: absolute; left: 40px; top: 50%; margin-top: -44px; display: flex; align-items: center; justify-content: center; color: #FFF;}
.hero-carousal .owl-nav button span{ color: #ffcb0a !important; font-size: 110px !important; display: inline-block; transform: translateY(-15px);}
.hero-carousal .owl-nav button.owl-next{ left: inherit; right: 40px;}

.titleTxt.forMob{ display: none;}


@media (max-width: 1023px) {
 .start-right{ padding-top: 50px;}
 h2.bgTxt{ display: block;}
 .oppertunity ul li{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
 .rewards-single{ height: auto; margin-top: 30px;}
 .story-carousal-wrap{ width: 100%;}
 .story-carousal .owl-nav button{ left: -40px;}
 .story-carousal .owl-nav button.owl-next{ right: -40px;}

 .videoGallery{ flex-wrap: wrap;}
 .videoGallery-left{ width: 100%;}
 .videoGallery-right{ width: 100%; padding: 0;} 

 .video-thumb{ display: inline-block; width: 210px; margin: 0 !important; white-space: nowrap; padding-top: 10px;}
 .videoGallery-right{ height: auto; overflow-x: auto !important; overflow-y: hidden !important;}
 .mCSB_container{ white-space: nowrap; overflow-x: auto !important; overflow-y: hidden !important;}

 .start-left-icon{ display: none;}
 .titleTxt.forMob{ margin: 0; margin-top: -30px; display: block;}
}

@media (max-width: 767px) {
	.oppertunity-main, .rewards-main, .story-main, .faq-main, .speak-main{ padding-left: 15px; padding-right: 15px;}
	.titleTxt{ margin-left: -15px;}
	.start-left{ flex-wrap: wrap; }
	.start-left-txt{ width: 100%;}
	.icon-title{ margin: 0 auto;}
	.start-left{ padding: 0 0 40px 0;}
	.start-left-txt{ padding-top: 30px; padding-right: 20px;}
	.titleTxt h2{ font-size: 1.2em;}

	.faqAccord .accordion-button{ font-size: 0.7em;}
	.faqAccord .accordion-body p{ font-size: 1em;}

	.start-up .start-left{ padding-top: 0; padding-bottom: 30px;}
	.start-up .start-left-txt{ padding-left: 0; padding-right: 0; padding-bottom: 0;}
	.start-left-txt ul.list li{ align-items: flex-start;}

	.site-header{ padding: 0 15px; display: block; height: auto; padding-top: 15px; padding-bottom: 15px;}
	.access-icon{ width: 100%;}
	.logo-group ul{ padding-left: 0;}
	.access-icon ul{ justify-content: center;}
	.header-right{ margin-top: 15px;}

	.oppertunity{ padding-top: 120px;}
	.story-carousal .owl-dots, .speak-carousal .owl-dots, .hero-carousal .owl-dots{ display: block;}
	.story-carousal .owl-nav, .speak-carousal .owl-nav, .hero-carousal .owl-nav{ display: none;}

	.submitBtn{ display: block; width: 100%;}
	.oppertunity-single img{ width: 50px;}
}