/*!
 * Custom
 */
body{color:#131313;}
body p{font-size:24px;}
.container{font-size:20px;font-family: 'Lato', 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-strike{text-decoration:line-through;}
.text-uppercase{text-transform:uppercase;}
.text-capitalize{text-transform: capitalize;}
.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;}
p{margin-bottom:20px;}
.float-right{float:right;}
.float-left{float:left;}
.col-xs-15{width:20%;}
.showimg{display:none;}
.btn{background:#eb8923;width:100%;}
.width-180px{width:180px;}
.width-300px{width:400px;}
.width-450px{width:450px;}
.width-60p{width:60%;}
.width-80p{width:80%;}
.width-90p{width:90%;}
.width-100p{width:100%;}
.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;}
.zo{opacity:0;}
.btnorder{box-shadow:0 5px 0  #ef9200;}
.btnorder:hover{text-decoration:none;color:#fff;position:relative;top:1px;}
.btnimg:hover{position:relative;top:1px;opacity:0.9;}


/*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; margin-bottom:5px;}
.nexar{font-family: 'nexa_lightregular';}
.nexab{font-family: 'nexa_boldregular';}

/*text color*/
h2{color:#23a7d8;}
.white-text{color:#fff ;}
.black-text{color:#000000;}
.grey-text{color:#222;}
.lgrey-text{color:#aaa;}
.lblue-text{color:#00eff4;}
.blue-text{color:#23a7d8;}
.violet-text{color:#383878;}
.lviolet-text{color:#6a55b8;}
.dblue-text{color:#0b1d2a ;}
.red-text{color:#ad3232;}
.green-text{color:#54c688;}
.yellow-text{color:#fc0;}
.orange-text{color:#fc8815;}
.pink-text{color:#e52a6f;}
.lred-text{color:#f60041;}

/*text background*/
.red-bg-text{background:#ee4242;}
.white-bg-text{background:#fff;}
.black-bg-text{background:#000;}
.blue-bg-text, .container .cta-box-blue{background:#003e78;}
.green-bg-text{background:#79b65b;}
.yellow-bg-text{background:#ffcc00;}

/*background colors*/
.bgt{background-color:transparent;}
.red-bg{background-color:#bb1717;}
.violet-bg{background-color:#614f7b;}
.white-bg{background-color:#fff;}
.darkgrey-bg{background-color:#454545;}
.grey-bg{background-color:#f3f3f3;}
.lgrey-bg{background-color:#f0f0f0;}
.black-bg{background-color:#000;}
.blue-bg{background-color:#1971ca;}
.dblue-bg{background-color:#03162b;}
.sdblue-bg{background-color:#12304c;}
.lblue-bg{background-color:#00a3a9;}
.lblue2-bg{background-color:#0a68a3;}
.lgreen-bg{background-color:#acd037;}
.green-bg{background-color:#54c688;}
.yellow-bg{background-color:#ffcc00;}
.pink-bg{background-color:#ff5a54;}
.dgrey-bg{background-color:#121212;}
.fbblue-bg{background:#e9ebee;}

/*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 size*/
.trust-area p{font-size:16px;}
.text-16{font-size:16px;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:32px;}
.text-30{font-size:30px;line-height:44px;}
.text-34{font-size:34px;line-height:44px;}
.text-36{font-size:36px;line-height:46px;}
.text-40{font-size:40px;line-height:50px;}
.text-38{font-size:38px;line-height:38px;}
.text-44{font-size:44px;line-height:44px;}
.text-46{font-size:46px;line-height:46px;}
.text-48{font-size:48px;line-height:50px;}
.text-52{font-size:52px;line-height:64px;}
.text-54{font-size:54px;line-height:64px;}
.text-56{font-size:56px;line-height:64px;}
.text-60{font-size:60px;line-height:72px;}
.text-70{font-size:70px;line-height:78px;}
.text-80{font-size:80px;line-height:92px;}
.faq-area h4{margin-bottom:5px;}

/*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;}


/*margin*/
.mta-40{margin:40px auto;}
.mtn-20{margin-top:-20px;}
.mtn-40{margin-top:-40px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}
.mt-140{margin-top:140px;}
.mb-0{margin-bottom:0;}
.mb-10{margin-bottom:10px;}
.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;}
.mb-140{margin-bottom:140px;}
.mbn-30{margin-bottom:-30px;}
.mbn-80{margin-bottom:-80px;}
.mbn-120{margin-bottom:-120px;}
.mln-80{margin-left:-80px;}
.mrn-80{margin-right:-80px;}
.mln-120{margin-left:-120px;}
.mrn-120{margin-right:-120px;}

/*padding*/
.p-0{padding:0;}
.p-5a{padding:5px;}
.p-10a{padding:10px;}
.p-20a{padding:20px;}
.p-20-60{padding:20px 60px;}
.pt-160{padding:160px 0;}
.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;}
.p-100{padding:100px 0;}
.pt-0{padding-top:0;}
.pt-10{padding-top:10px;}
.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-0{padding-bottom:0px;}
.pb-10{padding-bottom:10px;}
.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;}

/*areas*/
.featured-area{background:#fff url(../images/featuredbg.jpg) no-repeat bottom center;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.trust-area {background:#341b28 url(../images/trustbg.jpg) no-repeat bottom center;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.first-area{background:#fff url(../images/) no-repeat bottom right  ;}
.second-area{background:#ececec url(../images/) no-repeat bottom left;background-size:48%;}
.dbluenet{background:#000f22 url(../images/dbluenet.jpg) no-repeat top center;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
.steps-area{background:#000f22 url(../images/stepsbg.jpg) no-repeat top center;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
.faq-area{background:#3457b6 url(../images/faq.jpg) no-repeat top center; }
.fourth-area{background:#fff url(../images/50.jpg) no-repeat bottom right;}
.demo-area{background:#ee0075 url(../images/demobg.png) no-repeat top center;}
.join-area{background:#000f22 url(../images/joinbg.jpg) no-repeat top center;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover; }
.cta-area {background:#fefeff url(../images/ctabg.png) no-repeat;}
.geowhite{background:#f1f1f1 url(../images/geowhite.jpg) no-repeat top center;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.geoblue{background:#010b19 url(../images/geoblue.jpg) no-repeat top center;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.dark-gray-area{background:#222222;}
.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) {

	.gfxrow1{background-image:none;}
	.showimg{display:block;}
	.fourth-area{-webkit-background-size: 40%;  -moz-background-size: 40%;  -o-background-size: 40%;  background-size: 40%;}
}


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