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

[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-raleway, .navbar-nav>li>a{font-family: 'Raleway', sans-serif;}

/*========= 3.Font Sizes =========*/
body{
    overflow-x: hidden;
  overflow-y: scroll;
}
body *{font-family: 'Montserrat', sans-serif; color:#4f6059;}
.title-header{font-family: 'Poppins', sans-serif;;font-size:60px;line-height:62px;font-weight:900;}
.title{font-family: 'Poppins', sans-serif;;font-weight:900;}
.sub-title{font-size:16px;line-height:24px;font-family: 'Poppins', sans-serif;}
.text-80{font-size:80px;line-height:90px;}
.text-75{font-size:75px;line-height:80px;}
.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-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;}

/*========= 4.Font color =========*/
.text-black{color:#333;}
.text-yellow{color:#f4e56a;}
.text-blue{color:#197acb;}
.text-orange{color:#ec5122;}
.text-white{color:#fff;}
.text-dblue{color:#2a4159;}
.text-bluegreen{background: -webkit-linear-gradient(left, #197acb, #019245);background: linear-gradient(left, #197acb, #019245);
	-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/*========= 5.Margins =========*/
.mt-0{margin-top:0px;}
.mt-80{margin-top:80px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.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-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-20{padding-top:20px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.ptl-50{padding-left:50px;}
.pb-10{padding-bottom:10px;}
.pb-40{padding-bottom:40px;}
.pb-60{padding-bottom:60px;}
.pb-80{padding-bottom:80px;}
.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;}
.bg-violet{background-color:#523b91;}
.text-lgray{color:#999;}
.text-white{color:#fff;}
.text-yellow{color:#fc0;}
.bg-gr-bluegreen{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#197acb+0,019245+100 */
background: #197acb; /* Old browsers */
background: -moz-linear-gradient(left, #197acb 0%, #019245 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #197acb 0%,#019245 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #197acb 0%,#019245 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#197acb', endColorstr='#019245',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=========*/

/*========= 8.JV Page CSS=========*/
.botwave-bg{background:#108397 url(../images/botwavebg.png) no-repeat bottom center;background-size:100% auto;}
.section-1{background:#fff url(../images/section-1-bg.png) no-repeat top center;background-size:cover;}
.section-111{background:#fff url(../images/section-111.png) no-repeat top center;background-size:cover;}
.section-3{background:#fff url(../images/section-3-bg.png) no-repeat top center;background-size:cover;}
.section-4{background-color:#f4f7fa;}
.section-6{background:#fff url(../images/section-6-bg.png) no-repeat top left;}
.section-7{background:#fff url(../images/section-7-bg.png) no-repeat center right;}

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


/*========= Pop Up =========*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* 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 {
    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
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

/* 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%;}
    .list-overflow-green14{
    padding: 0px 0px 0px 60px;
}
.adsjust{
    font-size:42px;
}
.ctaboxalign{
    
    padding: 0 2%;
}

.ctaperson{
    margin: 0px 1% 20px 1%;
}
}
/* 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){