/*!
 * Custom
 */
body{color:#232323;}
body p{font-size:20px;}
.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;}


/*z-index*/
.z1{z-index:1;}
.z10{z-index:10;}

/*text fonts*/
.lato {font-family: 'Lato', sans-serif;}
.oswald{font-family: 'Oswald', sans-serif;}
.open-sans{font-family: 'Open Sans', sans-serif;}
.gothu{font-family: 'gotham_ultraregular';}
.gotht{font-family: 'gotham_thinregular';}
.pop{font-family: 'Poppins', sans-serif;}

/*text color*/
h2{color:#23a7d8;}
.blue-area, .white-text, .steps-area p, .fifth-area, .join-area, .faq-area p, .darkblue-area p, .superdarkblue-area p, .checklist-blue li, .topbluegeo-area p, .introducing-area p, .introducing-area .checklist-blue li, .greengeo-area p{color:#fff !important;}
.black-text{color:#000000;}
.grey-text{color:#222;}
.lgrey-text{color:#aaa;}
.lblue-text{color:#00eff4;}
.blue-text{color:#23a7d8;}
.dblue-text{color:#0b1d2a ;}
.red-text{color:#ad3232;}
.green-text{color:#54c688;}
.yellow-text{color:#fc0;}
.orange-text{color:#fc8815;}
.pink-text{color:#e52a6f;}
.faq-area h4{color:#3fcbff;}

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

/*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*/
.text-13{font-size:13px;line-height:14px;}
.text-16{font-size:15px;line-height:18px;}
.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-32{font-size:32px;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-48{font-size:48;line-height:58px;}
.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;}
.text-160{font-size:160px;line-height:92px;}

/*text weight*/
.text-normal{font-weight:normal;}
.text-bold{font-weight:bold;}
.text-300{font-weight:300;}
.text-400{font-weight:400;}
.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;}
.trustedarea h4{margin-bottom:5px;}
.trustedarea p{font-size:14px;}


/*position*/
.pr{position:relative;}

/*top*/
.tn-50{top:-100px;}
.tn-120{top:-120px;}
.tn-240{top:-240px;}

/*margin*/
.mta-40{margin:40px auto;}
.mtn-20{margin-top:-20px;}
.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-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;}

/*border radius*/
.br-5a{border-radius:5px;}
.br-10a{border-radius:10px;}
.brb-10{border-radius:0 0 10px 10px;}

/*areas*/
.grey-area{background:#ececec;}
.white-area{}
.trust-area{background-image: url("../images/trustedbg.jpg.html");}
.featured-area{background-image: url("../images/featuredbg.png");}
.money-area{background-image: url("../images/moneybg.jpg.html");}
.testimonial-box{background-image: url("../images/testimonialbg.png.html");}
.triiconarea{background:#001639 url("../images/citybg.png");}
.bluepattern-area{background-image: url("../images/bluepattern.png.html");}
.cta{background-image: url("../images/ctabg.png");}
.cta2{background-image: url("../images/ctabg2.png");}
.gvr-area{background-image: url("../images/gviolentroundbg.jpg.html");}
.gw-area{background-image: url("../images/gwbg.jpg.html");}
.circle{background-image: url("../images/circlebg.jpg.html");background-position:center top;background-size:100% 100%;}
.gvr2-area{background-image: url("../images/gvrroundbg.png.html");}
.dotted-area {background-image: url("../images/dotted.png.html");}
.octibg {background-image: url("../images/octi.png.html");background-position:top right 200px;background-size:auto;background-repeat:no-repeat;padding-top:280px;}
.footer-area{background:#232323;padding:20px;}
.footer-area p, .footer-area p a{color:#fff;text-align:center;font-size:18px;margin-bottom:5px;padding:0 10px;font-size:16px;}

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

/*checklist*/
ul{margin-left:15px;}
ul li{background:transparent url("../images/slist.png.html") no-repeat  left top;padding-left:40px;padding-bottom:15px;list-style:none;color:#000;font-size:20px !important;}
.darkbglist li{background:transparent url("../images/dbglist.png.html") no-repeat  left top;padding-left:40px;padding-bottom:15px;list-style:none;color:#000;font-size:20px !important;}
.xlist li{background:transparent url("../images/bigx.png.html") no-repeat  left 5px;padding-left:50px;padding-bottom:15px;list-style:none;color:#000;font-size:32px !important;margin-bottom:10px;}
.rlist li{background:transparent url("../images/rslist.png.html") no-repeat  left 5px;padding-left:50px;padding-bottom:15px;list-style:none;color:#000;font-size:20px !important;margin-bottom:10px;}
.whitelist li{background:transparent url("../images/wlist.png.html") no-repeat  left 5px;padding-left:50px;padding-bottom:15px;list-style:none;color:#000;font-size:20px !important;margin-bottom:10px;}

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

/* 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: 16px; 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:41%;}
#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;}
.btn-responsive {
    white-space: normal !important;
    word-wrap: break-word;
}

/*Testimonial box and font style and colours*/
.testimonial {padding: 20px 25px;background-color: #fff;border:3px solid #23a7d8; /*Change colour here and in .arrow-down*/float: left;font-style:italic;font-family: 'Open Sans';line-height:38px;color: #53646d;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;color:#111;}
.the-testimonial p{font-size:18px;line-height:27px;}
.the-testimonial img{width:120px;float:left;margin-right:25px;}
/*Author section wrapper*/
.author-wrapper {width: 100%;margin-bottom: 20px;float: left;}
/*This creates the arrow with no need for an image, thanks to css-tricks.com*/
.arrow {float: left;margin-left: 25px;width: 0;height: 0;border-top: 30px solid #23a7d8;border-left: 30px solid transparent;border-right: 0px solid transparent; }
/*Author Name*/
.testimonial-name {float: left;margin: 0 8px;color: #1a1a1a;padding-top: 5px;font-weight:bold;font-family:'Open Sans';font-size:18px;}
.testimonial-name span{font-weight:normal;font: normal 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}


@media(min-width:240px){
#ouibounce-modal .modal{width:315px;height:500px;background-color:#f0f1f2;z-index:1;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border:1px solid #454545;border-radius:0px;-webkit-animation:popin .3s;animation:popin .3s; overflow-y:hidden;}
#af-form-1589105050 .af-body input.text, #af-form-1589105050 .af-body textarea{padding:10px 18px !important; border:1px solid #6a6a6a; width:100%; margin-bottom:12px; background-color:transparent; border-radius:30px;color:#000; outline:none; font-family:Open sans !important;
font-size:16px;}	.xsmt8{margin-top:8%;}.xs_padding{padding-bottom:2%;}
}


@media(min-width:768px){
#ouibounce-modal .modal{width:620px;height:500px;background-color:#f0f1f2;z-index:1;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border:1px solid #454545;border-radius:0px;-webkit-animation:popin .3s;animation:popin .3s}	.mt4{margin-top:4%;}.xs_padding{padding-bottom:0;}
}


@media(min-width:992px){
#ouibounce-modal .modal{width:620px;height:500px;background-color:#f0f1f2;z-index:1;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border:1px solid #454545;border-radius:0px;-webkit-animation:popin .3s;animation:popin .3s}
}

@media(min-width:1200px){
#ouibounce-modal .modal{width:620px;height:500px;background-color:#f0f1f2;z-index:1;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;border:1px solid #454545;border-radius:0px;-webkit-animation:popin .3s;animation:popin .3s}
}



#ouibounce-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%}#ouibounce-modal .underlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.8);cursor:pointer;-webkit-animation:fadein .5s;animation:fadein .5s}#ouibounce-modal .modal-title{font-size:18px;background-color:#252525;color:#fff;padding:10px;margin:0;border-radius:4px 4px 0 0;text-align:center}#ouibounce-modal h3{color:#fff;font-size:1em;margin:.2em;text-transform:uppercase;font-weight:500}#ouibounce-modal .modal-body{padding:10px 20px;font-size:.9em}#ouibounce-modal p{color:#344a5f}#ouibounce-modal form{text-align:center;margin-top:35px}#ouibounce-modal form input[type=text]{padding:12px;font-size:1.2em;width:300px;border-radius:30px;border:1px solid #ccc;-webkit-font-smoothing:antialiased}#ouibounce-modal form input[type=submit]{text-transform:uppercase;font-weight:700;padding:12px;font-size:1.1em;border-radius:4px;color:#fff;background-color:#4ab471;border:none;cursor:pointer;-webkit-font-smoothing:antialiased}#ouibounce-modal form p{text-align:left;margin-left:35px;opacity:.8;margin-top:1px;padding-top:1px;font-size:.9em}#ouibounce-modal .modal-footer{position:absolute;bottom:20px;text-align:center;width:100%}#ouibounce-modal .modal-footer p{text-transform:capitalize;cursor:pointer;display:inline;border-bottom:1px solid #344a5f}@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}@-ms-keyframes fadein{0%{opacity:0}100%{opacity:1}}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}

#ouibounce-modal 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;}
#ouibounce-modal p{text-align:center;}
#af-form-1589105050 input[type="submit"]{padding:10px 8px !important; border:1px solid #ff4e00!important; width:70%!important; background:#ff4e00!important; cursor:pointer!important; font-size:18px!important; font-weight:700!important; border-radius:30px!important; color:#FFF!important; outline:none; font-family:Open Sans !important;}
#af-form-1589105050 input[type="submit"]:hover{padding:10px 8px !important; border:1px solid #ff4e00!important; width:70%!important; background:#ff5f19!important; cursor:pointer!important; font-size:18px!important; font-weight:700!important; border-radius:30px!important; color:#fff!important; outline:none; font-family:Open Sans !important;}
#af-form-1589105050 .af-standards .af-element{padding-right:15px;padding-left:15px;}
.popupbg{background:url("../images/popupbg.png.html") repeat; padding:8px 0px;}
.af-element{padding-bottom:5px;padding-top:5px;}
.orgcolor {
    color: #ff4e00;
}
button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close {
    color: #474747;
    opacity: 1;
    outline: none;
    margin-right: 5px;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
   text-shadow: 0 1px 0 #fff;
   }
   .innerbody {
    border: 1px solid #464646;
    border-radius: 10px;
	margin-top:-1%;
}
.modal-header .close {
    margin-top: -2px;
}
.close{color:#474747;} .clr1{color:#474747;} .clr{color:#006159;}
.close:hover{color:#474747;} .ft16{font-size:16px;} .ft10{font-size:10px;}
 .modal-body {
    position: relative;
    padding: 15px;
}
/* Extra small devices (phones, less than 768px) */
@media only screen and (max-width: 768px) {
	.col-xs-15{    width:100%;}
	.text-70, .text-60, .text-62{font-size:28px ;line-height:40px;}
	.text-52, .text-46, .text-40{font-size:26px ;line-height:38px;}
	.p-20-60{padding:20px 20px;font-size:14px;letter-spacing:-1px;}
.xlist{padding-left:5px !important;}
	.xlist li{font-size:20px;}
	.text-160{font-size:50px;}
}
/* 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%;}
}
