/*------------------------------------------------------------------

[Table of contents]

1. Core
2. Home

-------------------------------------------------------------------*/

/*========= 1.Core =========*/
.clr{clear:both;}
.container{width:1000px;}
.container-860{width:860px;}
.width-100p{width:100%;}
.width-90p{width:90% !important;}
.width-80p{width:80% !important;}
.center-block{display:block;margin:0 auto;}
.br-10a{border-radius:10px;}
.blue-border-box-1px{border:1px solid #1589cb;border-radius:10px;position:relative;}
.white-border-box-1px{border:1px solid #fff;border-radius:10px;position:relative;}
.yellow-border-box-1px{border:1px solid #fc0;border-radius:10px;position:relative;}
.blue-box-shadow-5px{-webkit-box-shadow: 0 0 5px 5px #0b3686;box-shadow: 0 0 5px 5px #0b3686;}

/*========= 2.Font case =========*/
.text-case-none{text-transform:none;}
.text-bold{font-weight:bold;}
.text-light{font-weight:300;}
.text-medium{font-weight:500;}
.text-lato, .navbar-nav>li>a{font-family: 'Montserrat', sans-serif;}

/*========= 3.Font Sizes =========*/
body *{font-family: 'Montserrat', sans-serif; color:#363333;}
.title-header{font-family: 'Montserrat', sans-serif;;font-size:60px;line-height:62px;font-weight:900;}
.title{font-family: 'Montserrat', sans-serif;;font-weight:900;}
.sub-title{font-size:16px;line-height:24px;font-family: 'Montserrat', sans-serif;}
.text-80{font-size:80px;line-height:90px;}
.text-50{font-size:50px;line-height:60px;}
.text-46{font-size:46px;line-height:56px;}
.text-42{font-size:42px;line-height:52px;}
.text-36{font-size:36px;line-height:46px;}
.text-34{font-size:34px;line-height:44px;}
.text-32{font-size:32px;line-height:42px;}
.text-28{font-size:26px;line-height:38px;}
.text-26{font-size:26px;line-height:36px;}
.text-24{font-size:24px;line-height:34px;}
.text-22{font-size:22px;line-height:32px;}
.text-20{font-size:20px;line-height:30px;}
.text-18{font-size:16px;line-height:22px;}
.text-16{font-size:16px;line-height:20px;}
.text-12{font-size:12px;line-height:18px;}
.text-10{font-size:10px;line-height:16px;}

/*========= 4.Font color =========*/
.text-black{color:#333;}
.text-blue{color:#197acb;}
.text-orange{color:#ec5122;}
.text-white{color:#fff;}
.text-grblue{background: -webkit-linear-gradient(left, #305063, #009cff);background: linear-gradient(left, #305063, #009cff);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/*========= 5.Margins =========*/
.mt-0{margin-top:0px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-40{margin-top:40px;}
.mt-60{margin-top:60px;}
.mtn-60{margin-top:-60px;}
.mtn-80{margin-top:-80px;}
.mbn-30{margin-bottom:-30px;}
.mbn-70{margin-bottom:-70px;}
.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;}


/*========= 6.Padding =========*/

.p-20a{padding:20px;}
.p-10{padding:10px;}
.p-20{padding:20px;}
.p-30{padding:30px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-40{padding-top:40px;}
.pt-60{padding-top:60px;}
.pt-80{padding-top:80px;}
.pt-100{padding-top:100px;}
.pt-160{padding-top:160px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-40{padding-bottom:40px;}
.pb-60{padding-bottom:60px;}
.pb-80{padding-bottom:80px;}
.pb-110{padding-bottom:150px;}
.navbar-brand{padding:0px   ;}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;}

/*========= 7. Colors=========*/
.bgt{background:transparent none;}
.bg-darkgrey{background-color:#2a2a2a;}
.bg-blue{background-color:#1589cb;}
.bg-white{background-color:#fff;}
.text-lgray{color:#999;}
.text-white{color:#fff;}
.text-yellow{color:#fc0;}
.text-lblue{color:#0c90da;}
.text-grey{color:#aaa;}
.text-green{color:#03944c;}
.text-dblue{color:#305063;}
.bg-gr-blue{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#305063+0,009cff+100 */
background: #305063; /* Old browsers */
background: -moz-linear-gradient(left, #305063 0%, #009cff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #305063 0%,#009cff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #305063 0%,#009cff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#305063', endColorstr='#009cff',GradientType=1 ); /* IE6-9 */}
.bg-gr-pink-violet{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff008a+0,7006fe+100 */
background: #ff008a; /* Old browsers */
background: -moz-linear-gradient(left, #ff008a 0%, #7006fe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #ff008a 0%,#7006fe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #ff008a 0%,#7006fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff008a', endColorstr='#7006fe',GradientType=1 ); /* IE6-9 */}

/*========= 7.Backgrounds Image=========*/

.carousel-indicators li{background:#615a74 ;}
.carousel-indicators .active{background:#cfdce8 ;}

/*========= 8.JV Page CSS=========*/
.botwave-bg{background:#ffffff url(../images/cta-bg.png) no-repeat no-repeat center ;background-size:cover;}
.app-logos{background-color:#e0ebef;}
.section-1{background:#e0ebef url(../images/section-1-bg.png) no-repeat center bottom;background-size:cover;}
.section-3, .bg-style-2{background:#fff url(../images/section-3-bg.png) no-repeat center top; background-size: cover;}
.section-4{background-color:#ffffff;}
.section-5{background: url(../images/section-5-bg.png) no-repeat center bottom; background-size: cover;}
.section-6{background:#d6f2ff;}
.section-7{background:#ffffff url(../images/section-7-bg.png) no-repeat center top;background-size:cover;}
.section-8{background:#ffffff;}
.section-9{background:#ffffff url(../images/section-9-bg.png) no-repeat center bottom;background-size:cover;}
.section-11{background:#c6ecfe;}
.section-12{background:#ffffff;}
.section-13{background:#ffffff url(../images/section-13-bg.png) no-repeat center bottom;background-size:cover;}
.section-14{background:#c6ecfe;}
.section-15{background:#2e5d75 ;}
.section-16{background:#c6ecfe;}
.section-17{background:#ffffff;}
.section-18{background:#216787;}
.section-20{background:#eff8fc url(../images/cta-bg.png) no-repeat center center; background-size: cover;}
.footer-15{background: #404040;}
.green-input-field {
    font-size: 18px;
    padding: 15px;
    border: 1px solid #ccc;
    font-family: 'Lato', sans-serif;
    width: 48%;
    margin: 0 auto;
    display: block;
}


/*========= EXIT POPUP =========*/
#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: 425px;  margin: 100px auto; position: relative; z-index: 9999999; color: #494949; font-size:14px; padding:20px 10px; 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{opacity:0.5;position: absolute; top: -20px; right: -22px; color: #fff; font-weight: bold; width: 38px; height: 38px; background: #2e2d2b; border-radius: 50%; line-height: 25px; font-size: 34px; text-align: center; border: 3px solid #fff; cursor: pointer; display: block;}

#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:#089a50;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;}

/*========= CALL TO ACTION BOXES =========*/
.cta-box{background:#fff;padding:30px 0 ;border-radius:5px;-webkit-box-shadow: 0 3px 1px 1px #e5e5e5;box-shadow: 0 3px 1px 1px #e5e5e5;}
.checklist{padding:15px 10px;margin:0;}
.cta-box ul{   margin-left:0;margin-top:30px;}
.cta-box li, .checklist li{background:#fff url(../images/check.png) no-repeat 0 15px ;list-style:none;margin-left:0;text-align:left;padding:8px 5px 8px 25px;}
.cta-box .active{background:#fff url(../images/check-active.png) no-repeat 35px 18px ;}
.grey-input-field {
    

    font-size: 18px;
    padding: 15px;
    border: 2px solid #ccc;
    font-family: 'Lato', sans-serif;
    width: 48%;
    margin: 0 auto;
    display: block;
    background-color:#e4e5e7;
}
.yellow-cta {
    background: #fc0;
    text-shadow: 0 0 5px #aa8b0f;
    padding:20px 10px;
    color: #fff;
    font-weight: 800;
    border: 0 none;
    font-size: 28px;
    border-radius: 7px;
    width: 48%;
    margin: 0 auto 40px auto;
    display: block;
    position: relative;
    top: 2px;
}
.yellow-cta:hover {
    background: #0cca46;
    text-shadow: 0 0 5px #dd9700;
    cursor: pointer;
}

.lgreen-cta {
    background: #0cca46;
    text-shadow: 0 0 5px #aa8b0f;
    padding:20px 10px;
    color: #fff;
    font-weight: 800;
    border: 0 none;
    font-size: 28px;
    width: 48%;
    margin: 0 auto 40px auto;
    display: block;
    position: relative;
    top: 2px;
}
.lgreen-cta:hover {
    background: #09c242;
    text-shadow: 0 0 5px #dd9700;
    cursor: pointer;
}


/*========= Pop Up =========*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 15; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

 #popup-content{
     position: fixed;
     width: 800px;
    height: 500px;
     box-shadow: 0px 0px 15px #000000;
            border-radius: 2px;
            background-color:white;
            left:50%;
            margin-left:-400px;
            top:50%;
            margin-top:-450px;
 
}
/* Modal Content */
.modal-content {
     z-index: 15;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 800px;
    height: 500px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 1.4s;
    animation-name: animatetop;
    animation-duration: 1.4s
}

.modal-content form input[name="name"], .modal-content 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;
}

.modal-content form input[type="submit"], {
    background: #089a50;
    width: 324px;
    border: 0 none;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
} 
.free-access-button{
    background: #089a50;
    width: 324px;
    border: 0 none;
    font-size: 20px;
    color: #fff;text-align:center;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    border-radius: 8px;padding:15px;margin:10px 0;
    display:block;
}
.free-access-button:hover{color:#fff;background:#058a47;}

/* Modal Content */
.modal-content {
     z-index: 15;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 800px;
    height: 420px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 1.4s;
    animation-name: animatetop;
    animation-duration: 1.4s
}
.best-deal{background-color:#fc0;position:absolute;top:-20px;left:22%;padding:5px 65px;margin-top:0;display:block;}
/*========= 9.J FooterCSS=========*/
.footer{background-color:#fff;padding-top:20px;color:#999;}
.footer-alt{margin:0;padding:0;}
.footer a:hover { color: #bbb;}
.copyright-txt{color:#999;}

.show-mobile{display:none;}

/* Hide Play button + controls on iOS */
video::-webkit-media-controls {
    display:none !important;
}

@media only screen and (max-width: 768px) {
    
	.container{width:90%;padding-left:5%;padding-right:5%;}
	.container-860{width:90%;padding-left:5%;padding-right:5%;}
    .ctaperson-right{margin-top:60px;}
    .ctaperson-right .best-deal{font-size:10px;left:14%;top:-10px;}

}
/* Small devices (tablets, 768px and up) */
@media only screen and (max-width: 992px) {
	.container{width:90%;padding-left:5%;padding-right:5%;}
	.container-860{width:90%;padding-left:5%;padding-right:5%;}
	.show-mobile{display:block;}
	.hide-mobile{display:none;}
	.center-mobile{text-align:center;}
}


/* Large devices (large desktops, 1200px and up) */
@media only screen and (max-width: 1600px){ 
}