/* Table of Content
==================================================
	#Font-Face
	#Site Styles
	#Media Queries */

/* #Font-Face
================================================== */
@import url(../fonts/fonts.css);
@import url('https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i');

/* #Site Styles
================================================== */

/* ### general ### */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { font-family: 'Avenir', sans-serif; font-size: 12px; color: #000; font-weight: 500; }
body { background: #fff; }
input, select, textarea, button { font-family: 'Avenir', sans-serif; font-size: 12px; color: #000; }
img { border: 0; display: block; }
ul, li { list-style: none; }
:focus { outline: none; }

/* ### global classes ### */
.clear { clear: both; visibility: hidden; line-height: 0; height: 0; }
.center { margin: 0 auto; position: relative; max-width: 1400px; }
.centered { padding-right: calc((100% - 1400px) / 2); padding-left: calc((100% - 1400px) / 2); }
h1, h2, h3, h4, h5, h6, p, ul { margin-bottom: 0; padding-bottom: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; overflow-x: hidden; }

/* ### main container ### */
#mainCntr { width: 100%; }

/* ### header container ### */
#headerCntr { position: relative; width: 100%; z-index: 100; }
#headerCntr .logo { position: absolute; top: -30px; background: #fff; border-radius: 50%; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); display: block; width: 320px; height: 320px; }
#headerCntr .logo img { max-width: 100%; margin: 60px 0 0 60px; }
#headerCntr .top { background: #45a533; padding-top: 8px; padding-bottom: 8px; overflow: hidden; }
#headerCntr .top .float-right { margin-right: 150px; }
#headerCntr .top p { font-size: 16px; font-weight: 700; color: #fff; float: left; }
#headerCntr .social { float: left; margin: 5px 0 0 60px; }
#headerCntr .social li { float: left; margin-left: 5px; }
#headerCntr .social li a { display: block; width: 19px; height: 19px; background: url(../img/icon-facebook.png) no-repeat; text-indent: -9999px; }
#headerCntr .social li.twitter a { background: url(../img/icon-twitter.png) no-repeat; }
#headerCntr .social li.linkedin a { background: url(../img/icon-linkedin.png) no-repeat; }
#headerCntr .bottom { padding-top: 35px; padding-bottom: 35px; background: #fff; overflow: hidden; }

#headerCntr .mobileMenu { display: none; cursor: pointer; z-index: 15; float: left; width: 40px; height: 40px; position: relative; transition: 0.2s; overflow: hidden; }
#headerCntr .mobileMenu span { display: block; height: 4px; text-indent: -9999px; border-radius: 5px; background: #fff; position: absolute; top: 50%; right: 20%; left: 20%; transition: 0.2s; }
#headerCntr .mobileMenu span:before,
#headerCntr .mobileMenu span:after { display: block; width: 100%; height: 4px; content: ''; border-radius: 5px; background-color: #fff; transition-duration: 0.2s,0.2s; position: absolute; left: 0; }
#headerCntr .mobileMenu span:before { top: -7px; }
#headerCntr .mobileMenu span:after { bottom: -7px; }
.mm-opened #headerCntr .mobileMenu span { background: none; }
.mm-opened #headerCntr .mobileMenu.is-active span:before,
.mm-opened #headerCntr .mobileMenu.is-active span:after { transition-delay: 0s, 0.2s; }
.mm-opened #headerCntr .mobileMenu span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.mm-opened #headerCntr .mobileMenu span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

	/* ### menu box ### */
	.menuBox:not(.mm-menu) { float: right; margin-right: 150px; }
	.menuBox:not(.mm-menu) ul { list-style: none; }
	.menuBox:not(.mm-menu) ul li { margin-left: 55px; float: left; font-size: 21px; font-weight: 300; }
	.menuBox:not(.mm-menu) ul li a { color: #27292f; text-decoration: none; }
	.menuBox:not(.mm-menu) ul li a:hover { text-decoration: underline; }

/* ### content container ### */
#contentCntr { width: 100%; }

	/* ### banner box ### */
	.bannerBox { position: relative; z-index: 10; }
	.bannerBox ul { width: 100%; position: relative; z-index: 19; }
	.bannerBox li { height: 830px; width: 100%; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; }
	.bannerBox li .title { background: rgba(71,115,13,0.9); position: absolute; bottom: -20px; left: 0; padding-top: 20px; padding-bottom: 20px; width: 100%; font-size: 34px; color: #fff; text-align: right; font-family: 'Avenir Next', sans-serif; }
	.bannerBox .photo { position: absolute; bottom: 60px; border: 10px solid #fff; box-shadow: 5px 5px 15px rgba(0,0,0,0.5); -webkit-transform: matrix(0.989,-0.145,0.145,0.989,0,0); transform: matrix(0.989,-0.145,0.145,0.989,0,0); }
	.bannerBox .details { width: 869px; height: 636px; background: url(../img/bg1.png) no-repeat; position: absolute; top: 40px; right: 50%; margin-right: -800px; }
	.bannerBox .inner { width: 430px; position: absolute; top: 200px; left: 230px; text-align: center; }
	.bannerBox p { font-size: 26px; color: #6d6d6d; margin-bottom: 20px; }
	.bannerBox .heading { color: #8b8b8b; font-size: 90px; font-family: 'Avenir Next', sans-serif; margin-bottom: -35px; }
	.bannerBox .subHeading { color: #b8c245; font-size: 55px; font-family: 'Avenir Next', sans-serif; padding-bottom: 15px; margin-bottom: 20px; position: relative; }
	.bannerBox .subHeading:before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #f3a500; position: absolute; bottom: 0; left: 50%; }
	.bannerBox .button { display: inline-block; padding: 16px 76px; color: #fff; font-size: 30px; text-transform: uppercase; background: #f3a500; border-radius: 45px; box-shadow: 0px 0px 20px rgba(0,0,0,0.8); font-weight: bold; }
	.bannerBox .cycle-pager { position: absolute; bottom: 100px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 20; }
	.bannerBox .cycle-pager span { width: 10px; height: 10px; border-radius: 50%; background: #fff; float: left; margin: 0 3px; text-indent: -9999px; }
	.bannerBox .cycle-pager span.cycle-pager-active { background: #f3a501; }

	/* ### spotlight box ### */
	.spotlightBox { padding-top: 70px; padding-bottom: 30px; background: url(../img/phone1.png) no-repeat right 20px bottom; }
	.spotlightBox.small { background: url(../img/phone10.jpg) no-repeat right bottom; padding-top: 0; padding-bottom: 100px; }
	.spotlightBox.small .left { background: none; }
	.spotlightBox.small .detail { background: url(../img/bg6.png) no-repeat left top; padding-left: 110px; margin-left: 45px;  padding-bottom: 10px; }
	.spotlightBox.bg { background: none; padding-top: 120px; }
	.spotlightBox h1 { font-size: 36px; color: #6d6d6d; margin-bottom: 20px; font-weight: 300; }
	.spotlightBox.small .detail h1 { margin-bottom: 10px; }
	.spotlightBox .left { padding-left: 170px; background: url(../img/logo.png) no-repeat; background-size: 130px; padding-top: 20px; }
	.spotlightBox.bg .detail { background: url(../img/bg12.png) no-repeat left top; }
	.spotlightBox p { font-size: 22px; line-height: 38px; font-weight: 700; color: #a5a5a5; width: 80%; }
	.spotlightBox.small p.subtitle { color: #417505; font-size: 25px; }
	.spotlightBox.small p { font-weight: 500; width: 90%; font-size: 19px; line-height: 31px; color: #6d6d6d; }
	.spotlightBox .features { border-left: 2px solid #f5f5f5; padding-top: 20px; }
	.spotlightBox ul { list-style: none; margin-bottom: 50px; }
	.spotlightBox li { padding-left: 110px; background: url(../img/check1.png) no-repeat 12px center; font-size: 23px; line-height: 38px; font-weight: 700; color: #9f9d9d; margin-bottom: 30px; }
	.spotlightBox li.check2 { background: url(../img/check2.png) no-repeat 20px top; }
	.spotlightBox li.check3 { background: url(../img/check3.png) no-repeat 20px top; }
	.spotlightBox.bg .features { border: 0; padding-right: 150px; }

	/* ### about box ### */
	.aboutBox { background: url(../img/bg2.png) repeat; padding-top: 70px; padding-bottom: 70px; text-align: center; position: relative; }
	.aboutBox:after { content: ''; width: 100%; height: 70px; background: url(../img/pattern.png) no-repeat center bottom; position: absolute; left: 0; bottom: 0; }
	.aboutBox h2 { font-size: 44px; color: #6d6d6d; font-family: 'Avenir Next', sans-serif; font-weight: 500; margin-bottom: 10px; }
	.aboutBox p { font-size: 36px; color: #417505; font-family: 'Avenir Next', sans-serif; font-weight: 500; line-height: 40px; }

	/* ### step box ### */
	.stepBox { padding-top: 80px; padding-bottom: 80px; text-align: center; }
	.stepBox figure { min-height: 420px; background: url(../img/bg3.png) no-repeat center; text-align: center; }
	.stepBox figure img { max-width: 100%; display: inline-block; }
	.stepBox .row { marign: 0 -25px; }
	.stepBox .row > div { padding: 25px; }
	.stepBox .title { font-size: 36px; color: #6d6d6d;  }
	.stepBox p { font-size: 22px; line-height: 38px; color: #417505; margin-bottom: 20px; font-weight: 700; font-family: 'Avenir Next', sans-serif; }
	.stepBox .step2 figure { background: url(../img/bg4.png) no-repeat center; }
	.stepBox .step2 figure img { margin-top: 40px; }
	.stepBox .step3 figure { background: url(../img/bg5.png) no-repeat center; }
	.stepBox .step3 figure img { margin-top: 60px; }

	/* ### apply box ### */
	.applyBox { padding-bottom: 120px; }
	.applyBox .title { padding-left: 115px; background: url(../img/bg6.png) no-repeat; padding-bottom: 50px; }
	.applyBox h3 { color: #6d6d6d; font-weight: 300; margin-bottom: 10px; font-size: 36px; }
	.applyBox p { color: #417505; font-size: 22px; font-weight: 700; }
	.applyBox ul { list-style: none; padding: 20px 200px; overflow: hidden; }
	.applyBox li { float: left; padding: 0 15px 30px 15px; width: 20%; text-align: center; font-family: 'Muli', sans-serif; font-weight: normal; }
	.applyBox li a { width: 160px; height: 160px; border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,0.3); background: #fff; color: #000000; font-size: 17px; transition: 0.5s; }
	.applyBox li a:hover { box-shadow: 0 0 35px rgba(0,0,0,0.3); }
	.applyBox li a img { display: inline-block; margin-bottom: 10px; }
	.applyBox li a:hover { text-decoration: none; }
	.applyBox .more { color: #51d4b6; text-decoration: none; font-style: italic; font-weight: 700; float: right; margin-right: 200px; font-size: 22px; }
	.applyBox .more:hover { text-decoration: underline; }

	/* ### register box ### */
	.registerBox { padding: 50px 0 170px; background: url(../img/photo3.jpg) no-repeat center bottom; background-size: 100%; margin-bottom: 70px; }
	.registerBox .detail { max-width: 1367px; height: 1175px; background: url(../img/bg7.png) no-repeat center; margin: 0 auto; margin-top: -100px; position: relative; }
	.registerBox .inner { padding-top: 220px; max-width: 630px; margin: 0 auto; text-align: center; }
	.registerBox h4 { font-size: 38px; color: #6d6d6d; line-height: 40px; font-weight: bold; }
	.registerBox p { font-size: 19px; color: #6d6d6d; line-height: 31px; margin-bottom: 25px; }
	.registerBox p a { color: #45a533; text-decoration: underline; }
	.registerBox p a:hover { text-decoration: none; }
	.registerBox fieldset { border: none; max-width: 500px; margin: 0 auto; }
	.registerBox .row { margin: 0 -5px; }
	.registerBox .row > div { padding: 0 5px; }
	.form-control, select { border: 1px solid #979797; border-radius: 5px; height: 46px!important; line-height: 46px; padding: 0 15px; font-size: 17px; color: #9b9b9b; font-family: 'Muli', sans-serif; margin-bottom: 7px; }
	.registerBox textarea { width: 100%; height: 75px!important; resize: none; }
	.registerBox .radios { text-align: left; padding-top: 20px; padding-left: 20px; }
	.registerBox .radios label { font-size: 17px; color: #9b9b9b; font-family: 'Muli', sans-serif; margin-right: 20px; }
	.registerBox .buttons { position: absolute; bottom: 0; right: 0; text-align: right; }
	.registerBox .buttons button { background: #f3a500; padding: 12px 60px; color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); border-radius: 30px; cursor: pointer; font-size: 24px; text-transform: uppercase; border: none; font-weight: bold; margin-bottom: 20px; }
	.registerBox .buttons button:hover { background: #ce8e08; }
	.registerBox .terms {  background: #fff; padding: 11px 64px; color: #51d4b6; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); border-radius: 20px; cursor: pointer; font-size: 17px; text-transform: uppercase; border: none; font-weight: bold; }
	.registerBox .terms:hover { background: #51d4b6; color: #fff; text-decoration: none; }

	/* ### webshop box ### */
	.webshopBox { padding-bottom: 50px; }
	.webshopBox .row { padding: 0 50px; background: url(../img/bg8.png) no-repeat left top; }
	.webshopBox .row > div { padding: 30px 50px; }
	.webshopBox .row > div:last-of-type { border-left: 2px solid #f5f5f5; }
	.webshopBox h3 { font-size: 36px; color: #6d6d6d; margin-bottom: 10px; font-weight: 300; }
	.webshopBox p.subTitle { font-size: 22px; color: #417505; line-height: 38px; font-weight: 700; }
	.webshopBox p { font-size: 19px; color: #6d6d6d; line-height: 31px; margin-bottom: 40px; }

	/* ### feature box ### */
	.featureBox { background: url(../img/bg11.png) repeat; padding-top: 20px; padding-bottom: 20px; text-align: center; position: relative; }
	.featureBox:after { content: ''; width: 100%; height: 40px; background: url(../img/pattern1.png) no-repeat center bottom; position: absolute; bottom: 0; left: 0; }
	.featureBox h4 { font-size: 35px; color: #6d6d6d; margin-bottom: 10px; font-weight: bold; }
	.featureBox p { font-size: 22px; color: #4a4a4a; line-height: 38px; font-weight: 500; }
	.featureBox .row > div { padding: 30px 60px; border-left: 1px solid #fff; }
	.featureBox .row div:first-of-type { border-left: 0; }

	/* ### advantage box ### */
	.advantageBox { background: #f3a500; padding-top: 50px; padding-bottom: 50px; }
	.advantageBox.centered { padding-right: calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); }
	.advantageBox p { font-size: 44px; color: #fff; margin-bottom: -10px; padding-left: 30px; }
	.advantageBox a { font-size: 54px; color: #fff; display: inline-block; padding-right: 65px; background: url(../img/arrow.png) no-repeat right; }

	/* ### title box ### */
	.titleBox { margin-bottom: 70px; overflow: hidden; background-size: cover; background-position: center top; }
	.titleBox .title { width: 520px; height: 373px; background: url(../img/bg9.png) no-repeat; float: right; font-size: 54px; color: #8b8b8b; text-transform: uppercase; padding-top: 190px; text-align: center; margin: 20px 0; }
	.titleBox.small .title { font-size: 33px; }
	.titleBox.peak .title { padding-top: 150px; }

	/* ### contact box ### */
	.contactBox { position: relative; }
	.contactBox .top { padding-bottom: 80px; background: #fff; }
	.contactBox .detail { padding-left: 110px; margin: 0 20px; background: url(../img/bg6.png) no-repeat left top; }
	.contactBox h2 { color: #6d6d6d; font-size: 36px; margin-bottom: 10px; font-weight: 300; }
	.contactBox .subtitle { color: #417505; font-size: 22px; margin-bottom: 40px; }
	.contactBox p { font-size: 19px; color: #6d6d6d; line-height: 31px; }
	.contactBox p a { font-weight: bold; color: #4a4a4a; }
	.contactBox .bottom { background: url(../img/bg2.png) repeat; padding-top: 110px; padding-bottom: 110px; position: relative; }
	.contactBox .bottom:before { content: ''; width: 100%; height: 97px; background: url(../img/bg10.png) no-repeat center top; position: absolute; top: 0; left: 0; }
	.contactBox form { max-width: 750px; margin: 0 auto; }
	.contactBox fieldset { border: none; }
	.contactBox .row { margin: 0 -5px; }
	.contactBox .row > div { padding: 0 5px; }
	.contactBox textarea { height: 240px!important; width: 100%; resize: none; }
	.contactBox .form-control { border: 1px solid #fff; background: #f8f9f0; font-family: 'Avenir', sans-serif; font-weight: 500; font-size: 19px; }
	.contactBox button { float: right; border-radius: 30px; background: #f3a500; box-shadow: 0 0 5px rgba(0,0,0,0.5); border: none; cursor: pointer; color: #fff; font-size: 19px; padding: 12px 58px; text-transform: uppercase; margin-top: 5px; }

	/* ### faq box ### */
	.faqBox { position: relative; padding-bottom: 80px; }
	.faqBox.centered { padding-right: calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); }
	.faqBox .detail { padding-left: 110px; margin: 0 20px; background: url(../img/bg6.png) no-repeat left top; }
	.faqBox h2 { color: #6d6d6d; font-size: 36px; margin-bottom: 10px; font-weight: 300; }
	.faqBox .subtitle { color: #417505; font-size: 22px; margin-bottom: 40px; }
	.faqBox ul { list-style: none; margin-bottom: 50px; }
	.faqBox li { border-bottom: 1px solid #e9e9e9; padding-top: 10px; padding-bottom: 10px; font-size: 19px; font-style: italic; }
	.faqBox li a {  color: #6d6d6d; text-decoration: none; }
	.faqBox li a span { text-decoration: underline; }
	.faqBox li a:hover span { text-decoration: none; }
	.faqBox .more { font-size: 20px; color: #9b9b9b; }
	.faqBox .more a { color: #417505; font-weight: bold; }

	/* ### product box ### */
	.productBox { position: relative; padding-bottom: 30px; }
	.productBox.centered { padding-right: calc((100% - 1200px) / 2); padding-left: calc((100% - 1200px) / 2); }
	.productBox .detail { padding-left: 110px; margin: 0 20px; background: url(../img/bg6.png) no-repeat left top; padding-bottom: 20px; }
	.productBox h2 { color: #6d6d6d; font-size: 36px; margin-bottom: 10px; font-weight: 300; }
	.productBox .subtitle { color: #417505; font-size: 22px; margin-bottom: 40px; }
	.productBox .row { padding-left: 45px; }
	.productBox .row > div { text-align: center; }
	.productBox figure { margin-bottom: 65px; }
	.productBox figure img { max-width: 100%; display: inline-block; }
	.productBox h3 { font-size: 36px; color: #6d6d6d; margin-bottom: 10px; font-weight: 300; }
	.productBox .row a { display: block; }
	.productBox .row > div { margin-bottom: 40px; }
	.productBox .row a:hover { text-decoration: none; }
	.productBox .row p { color: #417505; font-size: 22px; line-height: 35px; }
	.productBox .row { padding-bottom: 30px; border-bottom: 1px solid #e9e9e9; margin-bottom: 80px; }
	.productBox .row:last-of-type { border: 0; }

/* ### footer container ### */
#footerCntr { overflow: hidden; width: 100%; }
#footerCntr .top { background: #27292f; padding-top: 40px; padding-bottom: 80px; }
#footerCntr .top .row { padding: 0 70px; }
#footerCntr .logo { margin-bottom: 50px; display: block; }
#footerCntr .logo img { width: 210px; }
#footerCntr .title { color: #fff; display: block; font-size: 21px; margin-bottom: 20px; margin-top: 60px; }
#footerCntr .title.label { color: #9b9b9b; font-size: 24px; margin-bottom: 10px; }
#footerCntr .button { display: inline-block; padding: 15px 54px; border-radius: 40px; background: #fff; color: #45a533; font-size: 24px; text-transform: uppercase; font-weight: bold; }
#footerCntr .top ul { list-style: none; }
#footerCntr .top li  { margin-bottom: 25px; font-size: 21px; font-weight: 300; }
#footerCntr .top li a { color: #fff; }
#footerCntr .social li a { display: block; padding-left: 45px; background: url(../img/icon-facebook1.png) no-repeat left; }
#footerCntr .social li.linkedin a { background: url(../img/icon-linkedin1.png) no-repeat left; }
#footerCntr .social li.twitter a { background: url(../img/icon-twitter1.png) no-repeat left; }
#footerCntr .bottom { background: #4a4a4a; padding-top: 10px; padding-bottom: 10px; }
#footerCntr .bottom ul { overflow: hidden; padding-left: 50px; }
#footerCntr .bottom li { float: left; font-size: 18px; color: #9b9b9b; font-family: 'Muli', sans-serif; }
#footerCntr .bottom li a { color: #9b9b9b; text-decoration: none; }
#footerCntr .bottom li:last-child:after { content: ''; }
#footerCntr .bottom li:after { content: '|'; margin: 0 20px; }
#footerCntr .bottom li a:hover { text-decoration: underline; }

/* #Media Queries
================================================== */
@media only screen and (max-width: 1399px) {
	.centered, .center { padding-left: 15px!important; padding-right: 15px!important; }
	.spotlightBox { background: none; }
	.stepBox { padding-top: 40px; padding-bottom: 40px; }
	.applyBox ul { padding: 20px 0; }
	.advantageBox a { font-size: 52px; }
	#footerCntr .top .row { padding: 0; }
	#footerCntr .bottom ul { padding-left: 0; }
	.productBox h3 { font-size: 30px; }
	.productBox .row { padding-left: 0; }
	.spotlightBox.small .detail { padding-bottom: 50px; }
	.spotlightBox.small .detail { margin-left: 0; }
	.spotlightBox .left { padding-left: 125px; }
	.spotlightBox.small { background: no-repeat; }
	.menuBox:not(.mm-menu) { margin-right: 0; }
	#headerCntr .top .float-right { margin-right: 0; }
	.advantageBox p { padding-left: 0; }
}

@media only screen and (max-width: 1199px) {
	.menuBox:not(.mm-menu) ul li { margin-left: 25px; }
	.bannerBox .photo { bottom: 100px; }
	.bannerBox li .title { font-size: 25px; padding-top: 15px; padding-bottom: 15px; }
	.bannerBox .details { margin-right: -690px; }
	.bannerBox .heading { font-size: 70px; }
	.bannerBox .subHeading { font-size: 40px; }
	.bannerBox p { font-size: 20px; }
	.bannerBox .button { padding: 15px 50px; }
	.spotlightBox h1 { font-size: 30px; }
	.spotlightBox p { width: 100%; }
	.aboutBox h2 { font-size: 35px; }
	.aboutBox p { font-size: 25px; line-height: 30px; }
	.stepBox .title { font-size: 30px; }
	.stepBox p { font-size: 18px; line-height: 25px; }
	.applyBox { padding-bottom: 50px; }
	.registerBox .detail { background-size: cover; }
	.registerBox.centered { padding-left: 0; padding-right: 0; }
	.featureBox .row > div { padding: 20px; }
	.advantageBox a { font-size: 40px; }
	.advantageBox p { font-size: 30px; }
	#footerCntr .button { padding: 5px 30px; font-size: 20px; }
	#footerCntr .top li { margin-bottom: 5px; }
	.featureBox h4 { font-size: 25px; }
	.featureBox p { font-size: 20px; line-height: 30px; }
	#footerCntr .top { padding-bottom: 50px; }
	.spotlightBox.bg { padding-top: 50px; }
}

@media only screen and (max-width: 979px) {
	#headerCntr .logo { background: none; width: auto; height: auto; box-shadow: none; }
	#headerCntr .logo img { margin: 0; width: 150px; }
	#headerCntr .bottom { padding-top: 15px; padding-bottom: 15px; }
	.bannerBox .photo img { width: 200px; }
	.bannerBox .details { width: 700px; height: 445px; margin-right: -500px; background-size: 600px; }
	.bannerBox .inner { top: 100px; left: 95px; }
	.bannerBox .heading { font-size: 50px; margin-bottom: -15px; }
	.bannerBox .subHeading { font-size: 30px; }
	.bannerBox p { font-size: 17px; }
	.bannerBox .button { padding: 10px 20px; font-size: 20px; }
	.bannerBox li { height: 580px; }
	.bannerBox li .title { font-size: 20px; }
	.spotlightBox .left { padding-left: 100px; background-size: 80px; }
	.spotlightBox h1 { font-size: 24px; }
	.spotlightBox p { font-size: 15px; line-height: 22px; }
	.spotlightBox li { font-size: 15px; line-height: 22px; padding-left: 80px; background-size: 50px; padding-bottom: 10px; margin-bottom: 10px; }
	.spotlightBox li.check2 { background-size: 45px; }
	.spotlightBox li.check3 { background-size: 45px; }
	.aboutBox { padding-top: 20px; padding-bottom: 20px; }
	.aboutBox h2 { font-size: 25px; }
	.aboutBox p { font-size: 20px; }
	.stepBox figure { background: none!important; }
	.applyBox .title { padding-left: 90px; }
	.applyBox h3 { font-size: 28px; }
	.applyBox li { width: 25%; }
	.webshopBox .row { padding: 0 20px; background-size: 40px; }
	.webshopBox .row > div { padding: 20px; }
	.webshopBox h3 { font-size: 25px; }
	.webshopBox p.subTitle { font-size: 17px; line-height: 20px; }
	.webshopBox p { font-size: 15px; line-height: 20px; margin-bottom: 20px; }
	.registerBox { margin-bottom: 30px; }
	.featureBox h4 { font-size: 20px; }
	.featureBox p { font-size: 15px; line-height: 20px; }
	.advantageBox p { font-size: 30px; }
	.advantageBox a { font-size: 25px; background-size: 15px; padding-right: 25px; }
	.advantageBox { padding-top: 20px; padding-bottom: 20px; }
	#footerCntr .title.label { font-size: 20px; }
	#footerCntr .logo img { width: 170px; }
	#footerCntr .top li { font-size: 17px; margin-bottom: 5px; }
	#footerCntr .bottom li { font-size: 15px; }
	.faqBox h2 { font-size: 28px; }
	.faqBox .detail { margin: 0; }
	.productBox h2 { font-size: 28px; }
	.productBox .detail { margin: 0; }
	.spotlightBox.small .left { padding-left: 15px; }
	.spotlightBox.small p { width: 100%; }
	.spotlightBox.bg .features { padding-right: 15px; }
	.advantageBox p { margin-bottom: 10px; }
}

@media only screen and (max-width: 767px) {
	.menuBox:not(.mm-menu) { display: none; }
	#headerCntr .mobileMenu { display: block; float: right; margin: -5px -10px 0 0; }
	#headerCntr .bottom { padding-top: 0; padding-bottom: 0; }
	#headerCntr .top p { display: none; }
	#headerCntr .social { margin-top: 9px; }
	.bannerBox li { height: 500px; }
	.bannerBox .details { top: -90px; }
	.bannerBox li .title { font-size: 15px; }
	.bannerBox .cycle-pager { bottom: 80px; }
	.spotlightBox { padding-top: 20px; }
	.spotlightBox h1 { font-size: 20px; }
	.aboutBox h2 { font-size: 20px; }
	.aboutBox p { font-size: 16px; line-height: 20px; }
	.stepBox figure { min-height: auto; }
	.stepBox figure img { margin-top: 0!important; max-width: 100%; }
	.applyBox li { width: 50%; }
	.applyBox .more { margin-right: 0; }
	.registerBox .detail { background: none; }
	.registerBox .inner { padding-top: 50px; }
	.registerBox h4 { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
	.registerBox p { font-size: 15px; line-height: 20px; }
	.registerBox.centered { padding-left: 20px; padding-right: 20px; }
	.registerBox .buttons { position: static; margin-top: 20px; text-align:center; }
	.webshopBox .row > div:last-of-type { border: none; }
	.webshopBox .row > div { padding: 0; }
	.webshopBox .row { background: none; }
	.webshopBox { padding-bottom: 20px; }
	.featureBox .row > div { padding-top: 0; }
	#footerCntr .top .row > div { padding-bottom: 20px; }
	#footerCntr .title { margin-bottom: 10px; }
	.stepBox .row > div { padding-bottom: 0; }
	.registerBox { padding-bottom: 372px; }
	

	.contactBox .detail { margin: 0; padding-left: 80px; background-size: 60px; }
	.contactBox h2 { font-size: 30px; }
	.contactBox .subtitle { margin-bottom: 10px; font-size: 20px; }
	.contactBox p { font-size: 15px; line-height: 20px; }
	.contactBox .top { padding-bottom: 30px; }
	.titleBox { margin-bottom: 30px; }
	.contactBox .bottom { padding-bottom: 30px; }
	#footerCntr .top { padding-bottom: 10px; }
	.contactBox textarea { height: 140px!important; }
	.faqBox .detail { padding-left: 90px; }
	.productBox .detail { padding-left: 0; background: none; }
	.productBox h3 { margin-bottom: 10px; }
	.productBox figure { margin-bottom: 20px; }
	.productBox .row { margin-bottom: 30px; padding-bottom: 0; }
	.spotlightBox.small { padding-bottom: 20px; }
	.spotlightBox.small .detail { padding-bottom: 10px; }
	.spotlightBox.small p.subtitle { font-size: 15px; line-height: 20px; }
	#footerCntr .title { margin-top: 0; }
	.registerBox .radios label { margin-right: 5px; }
	.registerBox .radios label:last-of-type { margin-right: 0; }
	.registerBox .radios { padding-left: 0; }
}

@media only screen and (max-width: 479px) {
	.bannerBox .photo { display: none; }
	.bannerBox .details { margin-right: -400px; top: -30px; }
	.applyBox li a { width: 130px; height: 130px; }
	.applyBox li a { font-size: 12px; }
	.registerBox .terms { font-size: 10px; }
	.advantageBox p { font-size: 25px; line-height: 30px; }
	#footerCntr .top { padding-bottom: 20px; }
	.advantageBox a { font-size: 18px; line-height: 20px; }
	#footerCntr .bottom li:after { margin: 0 5px; }
	.titleBox .title { width: 320px; background-position: center; }
	.titleBox.centered { padding: 0!important; }
	.titleBox .title { font-size: 34px; background-size: 320px; }
	.faqBox h2 { font-size: 22px; }
	.faqBox .detail { background: none; padding-left: 0; }
	.titleBox .title { font-size: 28px; padding-top: 180px!important; }
	.productBox h3 { font-size: 25px; }
	.productBox .row p { font-size: 20px; line-height: 25px; }
	.spotlightBox.small p { font-size: 15px; line-height: 20px; }
	.titleBox.small .title {
    	font-size: 22px;
	}
}

#privacy{
 font-size:14px;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}