/*!
 * Custom
 */
.body{color:#232323;}
.container{font-size:20px;font-family: 'Source Sans Pro', sans-serif;font-weight:300;}
.clr{clear:both;}
.v-space{padding:10px;}
.v-space-40{padding:20px;}
.height-60{height:60px;}
.img-responsive{margin:0 auto;}
.text-underline{text-decoration:underline;}
.text-line{text-decoration: line-through;}
.text-italic{font-style:italic;}
.text-uppercase{text-transform:uppercase;}
.center-block{display:block;margin:0 auto;}
.center-text, .cta-area, .steps-area p, .fifth-area h2{text-align:center;}
.left-text{text-align:left;}
.right-text{text-align:right;}
.radius-a{border-radius:5px;}
.radius-10{border-radius:10px;}
p{margin-bottom:20px;}
.float-right{float:right;}
.checklist-orange li{background:transparent url(../images/orangecheck.png) no-repeat  left top;padding-left:35px;padding-bottom:15px;list-style:none;color:#000;}
.col-xs-15{    width:20%;}
.showimg{display:none;}
.btn{background:#eb8923;width:100%;}
.width-300px{width:400px;}
.width-80p{width:80%;}
.circle{border-radius: 50%;margin:5px auto;color:#000;vertical-align:middle;	width: 150px;	height: 150px; text-align:center;margin-bottom:20px;margin-top:40px;}
.circle span{line-height:150px;font-size:70px;}
.br-10a{border-radius:10px;}

/*text fonts*/
.lato , .cta-area h3{font-family: 'Lato', sans-serif;}
.oswald{font-family: 'Oswald', sans-serif;}
.open-sans{font-family: 'Open Sans', sans-serif;}
.montserrat, .trust-area h4{font-family: 'Montserrat', sans-serif;}
.roboto{font-family: 'Roboto', sans-serif;}
.rale{font-family: 'Raleway', sans-serif;}

/*text color*/
h2{color:#23a7d8;}
.blue-area, .trust-area, .white-text, .steps-area p, .fifth-area, .join-area, .faq-area p, .darkblue-area p, .superdarkblue-area p, .darkblue-area .checklist-blue li, .topbluegeo-area p, .introducing-area p, .introducing-area .checklist-blue li, .greengeo-area p{color:#fff !important;}
.black-text{color:#000000;}
.blue-text{color:#2769b2;}
.dblue-text{color:#0b1d2a ;}
.gblue-text{color:#64768b ;}
.red-text{color:#ad3232;}
.yellow-text{color:#fc0;}
.orange-text{color:#fc8815;}
.faq-area h4{color:#3fcbff;}

/*background colors*/
.red-bg{background:#ee4242;}
.white-bg{background:#fff;}
.black-bg{background:#000;}
.blue-bg{background:#15516a;}
.lblue-bg{background:#d1e5e8;}
.dblue-bg{background:#20354e;}
.green-bg{background:#79b65b;}
.yellow-bg{background:#ffcc00;}
.orange-bg{background-color:#f19158;}

/*text size*/
.trust-area p{font-size:16px;}
.text-16{font-size:15px;line-height:14px;}
.text-18{font-size:18px;line-height:28px;}
.text-20{font-size:20px;line-height:30px;}
.text-22{font-size:22px;line-height:32px;}
.text-24{font-size:24px;line-height:34px;}
.text-26{font-size:26px;line-height:36px;}
.text-28{font-size:28px;line-height:38px;}
.text-30{font-size:30px;line-height:40px;}
.text-34{font-size:34px;line-height:44px;}
.text-36{font-size:36px;line-height:44px;}
.text-40{font-size:40px;line-height:50px;}
.text-44{font-size:44px;line-height:54px;}
.text-42{font-size:42px;line-height:52px;}
.text-46{font-size:46px;line-height:56px;}
.text-52{font-size:52px;line-height:64px;}
.text-60{font-size:60px;line-height:72px;}
.text-62{font-size:62px;line-height:72px;}
.text-70{font-size:70px;line-height:78px;}
.text-80{font-size:80px;line-height:92px;}


/*background */
.bg-cover{-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.bg-100a{-webkit-background-size: 100% 100%;  -moz-background-size:  100% 100%;  -o-background-size:  100% 100%;  background-size:  100% 100%}
.bg-100auto{-webkit-background-size: 100% auto;  -moz-background-size:  100% auto;  -o-background-size:  100% auto;  background-size:  100% auto;}
.bg-ptc{background-position: top center;}
.bg-pbc{background-position: bottom center;}
.bg-nr{background-repeat:no-repeat;}

/*text weight*/
.text-300{font-weight:300;}
.text-bold{font-weight:bold;}
.text-800{font-weight:800;}
.text-900{font-weight:900;}

/*text leads*/
h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif;margin-top:0;margin-bottom:25px;}
h1{font-size:50px;line-height:60px;}
h2{font-size:30px;line-height:40px;}

/*top*/
body .tp-100{top:-120px;}

/*margin*/
.mtn-40{margin-top:-40px;}
.mb-0, .trust-area h4{margin-bottom:0;}
.mb-10, .cta-area h2{margin-bottom:10px;}
.mbt-30{margin-top:30px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-60{margin-bottom:60px;}
.mb-80{margin-bottom:80px;}
.mt-10{margin-top:10px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.ml-0{margin-left:0;}

/*padding*/
.p-5a{padding:5px;}
.p-10a{padding:15px;}
.p-15a{padding:15px;}
.p-20a{padding:20px;}
.p-10{padding:10px 0;}
.p-20{padding:20px 0;}
.p-30{padding:30px 0;}
.p-40{padding:40px 0;}
.p-60{padding:60px 0;}
.pt-0{padding-top:0;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-60{padding-top:60px;}
.pt-80{padding-top:80px;}
.pt-120{padding-top:120px;}
.pt-160{padding-top:160px;}
.pt-180{padding-top:180px;}
.pt-220{padding-top:220px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-60{padding-bottom:60px;}
.pb-80{padding-bottom:80px;}
.pb-120{padding-bottom:120px;}
.pb-160{padding-bottom:160px;}
.pb-180{padding-bottom:180px;}
.pb-220{padding-bottom:220px;}
.pl-0{padding-left:0;}
 .front-end:before,.oto-one:before {
    content: '';
    background: url(../images/arrow.png) 50% no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 65px;
    right: -12px;
    width: 24px;
    height: 14px;}

/*areas*/
.grey-area{background:#ececec;}
.featured-area{}
.bg1{background-image: url(../images/bg/1.jpg);}
.bg2{background-image: url(../images/bg/2.jpg);}
.bg3{background-image: url(../images/bg/3.jpg);}
.bg4{background-image: url(../images/bg/4.jpg);}
.bg5{background-image: url(../images/bg/5.jpg);}
.bg6{background-image: url(../images/bg/6.jpg);}
.bg7{background-image: url(../images/bg/7.jpg);}
.bg8{background-image: url(../images/bg/8.jpg);}
.bg9{background-image: url(../images/bg/9.jpg);}
.bg10{background-image: url(../images/bg/10.jpg);}
.bg11{background-image: url(../images/bg/11.jpg);}
.bg12{background-image: url(../images/bg/12.jpg);}
.bg13{background-image: url(../images/bg/13.jpg);}
.bg14{background-image: url(../images/bg/14.jpg);}
.bg15{background-image: url(../images/bg/15.jpg);}
.bg16{background-image: url(../images/bg/16.jpg);}
.bg17{background-image: url(../images/bg/17.jpg);}
.bg18{background-image: url(../images/bg/18.jpg);}
.bg19{background-image: url(../images/bg/19.jpg);}
.bg20{background-image: url(../images/bg/20.jpg);}
.buy-button-bg{background-image: url(../images/buttonbg-1.png);}
.cta-bg{background:#89c261 url();}
.footer-area{background:#232323;padding:20px;}
.footer-area p, .footer-area p a{color:#fff;text-align:center;font-size:18px;margin-bottom:5px;}

/*featured-area*/
.featured-black-underline{background:transparent url(../images/featured-black-underline.png) no-repeat bottom right;padding-bottom:5px;background-size:100% auto;}
.featured-white-underline{background:transparent url(../images/featured-white-underline.png) no-repeat bottom right;padding-bottom:5px;background-size:100% auto;}
.featured-arrow-down{background:transparent url(../images/featured-arrow-down.png) no-repeat center center;padding-bottom:5px;font-family:'Open Sans', sans-serif;padding:25px;font-size:20px;color:#000;}

/*boxes*/
.cta-box{background:#fff;padding:30px 0 0 0;}
.cta-box h3{background:#8e9caa;color:#fff;padding:20px 0;font-size:34px;margin-bottom:0;}
.cta-box ul{   margin-left:0;margin-top:30px;}
.cta-box li{background:#fff url(../images/check.png) no-repeat 15px 10px ;list-style:none;margin-left:0;text-align:left;padding:8px 5px 8px 50px;}

.bonus-box{border:5px solid #ce2727;margin-bottom:50px;}
.bonus-box h2{background:#ce2727;width:100%;margin-top:30px;padding:15px 0;font-size:52px;margin-bottom:35px;text-align:center;color:#fc0;}
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* exit pop up */
#exitpopup_wrap, #exitpopup_wrap2 { position: fixed; width: 100%;  height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 99999; top: 0; left: 0;}
#exitpopup { width: 735px; height: 500px;  margin: 100px auto; position: relative; z-index: 9999999; color: #494949; font-size:14px; padding:25px 40px; padding-bottom:0; background: #fff; box-sizing: border-box; border-radius: 5px; box-shadow: 0 0 20px #000;  }
#exitpopup:after { content:""; display:block; weight: 1px; clear:both;}
#exitpopup h2 { color:#2f5e94; font-size:39px;line-height:48px; text-transform:uppercase; text-align:center;font-family: "Arial Black", sans-serif; font-weight: normal;letter-spacing: -2px;}
#exitpopup p{text-align:center;}
#exitpopup a.close, #exitpopup a.close2, #bio_ep_close{position: absolute; top: -10px; right: -10px; color: #fff; font-weight: bold; width: 28px; height: 28px; background: #2e2d2b; border-radius: 50%; line-height: 24px; font-size: 20px; text-align: center; border: 3px solid #fff; cursor: pointer; display: block;}
#exitpopup form{text-align: center; float:right; margin:0 0 0 30px;width:60%;}
#exitpopup form input[name="name"], #exitpopup form input[name="email"] { box-sizing: border-box; padding: 15px 30px;  border: 1px solid #c4c6ca; border-radius: 0px; font-size: 18px; vertical-align:bottom; margin:0 auto; margin-bottom:10px; width:324px;}
#exitpopup form input[type="email"] {background-repeat:no-repeat; background-position: center left; padding-left: 60px; min-width:400px; text-align: left; float:left;}
#exitpopup form input[type="submit"]{background:#DF2928;width:324px;border:0 none;font-size:20px;color:#fff;font-weight:bold;ffont-family: 'Lato', sans-serif;border-radius:8px;padding-top:15px;padding-bottom:15px;}
#exitpopup form input[type="submit"]:hover{cursor:pointer;}
#exitpopup .pull-left{position: absolute;bottom: 0;left: 0;width:44%;}
#exitpopup .privacy{ clear:both; padding:10px 0;}
#exitpopup #after{  text-align: center; font-size: 20px; line-height: normal; color: #900; width:50%; float:right;}
#bio_ep #exitpopup{margin-top:0;}

@media only screen and (max-width: 768px) {
	.col-xs-15{    width:100%;}
}
/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 992px) {

	.first-area, .second-area, .fourth-area{background-image:none;}
	.showimg{display:block;}
	.fourth-area{-webkit-background-size: 48%;  -moz-background-size: 48%;  -o-background-size: 48%;  background-size: 48%;}
}


/* Large devices (large desktops, 1200px and up) */
@media only screen and (max-width: 1600px){ 
	.first-area, .fourth-area{-webkit-background-size: 58%;  -moz-background-size: 58%;  -o-background-size: 58%;  background-size: 58%;}
}