/* Margins */
.m0 { margin:0;}
.mt10 { margin-top:10px;}
.mb10 { margin-bottom:10px;}
.mt20 { margin-top:20px;}
.mb20 { margin-bottom:20px;}
.mt30 { margin-top:30px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}

/* Paddings */
.p0 { padding:0;}
.pt0 { padding-top:0;}
.pb0 { padding-bottom:0;}
.pl0 { padding-left:0;}
.pr0 { padding-right:0;}
.pt5 { padding-top:5px;}
.pb5 { padding-bottom:5px;}
.pl5 { padding-left:5px;}
.pr5 { padding-right:5px;}
.pt10 { padding-top:10px;}
.pb10 { padding-bottom:10px;}
.pl10 { padding-left:10px;}
.pr10 { padding-right:10px;}
.pt15 { padding-top:15px;}
.pb15 { padding-bottom:15px;}
.pl15 { padding-left:15px;}
.pr15 { padding-right:15px;}
.pt20 { padding-top:20px;}
.pb20 { padding-bottom:20px;}
.pl20 { padding-left:20px;}
.pr20 { padding-right:20px;}
.pt30 { padding-top:30px;}
.pb30 { padding-bottom:30px;}
.pl30 { padding-left:30px;}
.pr30 { padding-right:30px;}
.pt40 { padding-top:40px;}
.pb40 { padding-bottom:40px;}
.pl40 { padding-left:40px;}
.pr40 { padding-right:40px;}
.ph15 { padding-left:15px; padding-right:15px;}

.blue-section{ padding: 70px 0px; background: transparent linear-gradient(291deg, #006BB6 0%, #00365B 100%) 0% 0% no-repeat padding-box;
opacity: 1; display: block; color: #fff; }
.max-width-800{ max-width: 800px!important; margin: 0 auto; display: block; clear: both; overflow: hidden; }
.greentext{font:15px/20px 'opensansBold'; letter-spacing: 0px; color: #6DBB68; margin-bottom: 10px; margin-top: 30px; display: block; }
.videopart h4{font:30px/41px 'opensansBold'; color: #FFFFFF;}

.whitebox-shadow{ background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 12px 6px #00000029; border-radius: 6px; margin-top: 30px;  color: #000; padding: 15px 25px; font: 15px/22px  'opensansRegular'; margin-bottom: 70px;  }
.container-width{ max-width: 960px; margin: 0 auto; padding-left: 15px; padding-right: 15px;  }
.text-green{color: #6DBB68; font-family: 'opensansBold';  }
.whitebox-shadow .input-group{ margin-bottom: 0px;  }
.whitebox-shadow .input-group>.custom-select:not(:last-child), .whitebox-shadow .input-group>.form-control:not(:last-child) {
border-radius: 4px; margin-right: 10px; font-size: 13px; padding: 22px 12px; border-color:#DCDCDC; box-shadow: none; }
.whitebox-shadow .input-group>.input-group-append>.btn { border-radius: 4px; color: #fff; text-shadow: none; font-size: 12px; padding: 10px 18px; font-weight: 400; background: #6DBB68; border-color: #6DBB68; font-family: 'open_sanssemibold'; }
.only-textrow{ color: #fff; font:12px/20px 'opensansBold'; }
.left-w{ display: inline-block; float: left; }
.left-w img{ position: relative; top: -40px; width: 45px; }
.right-w{ margin-left: 55px; display: block; }
.borderlr .col-sm-4{ border-left: 1px solid rgba(247, 247, 247, 0.5);}
.borderlr .col-sm-4:first-child{ border-left: 0px; }


.testimonial-section{ display: block; clear: both; overflow: hidden; padding:40px 0px 10px; }
.testimonials #quote-carousel .carousel-indicators .active{ width: 70px; box-shadow: 0px 19px 13px #00000029; border: 0px; }
.testimonials #quote-carousel .carousel-indicators li { margin: 0 8px; }
.testimonials #quote-carousel{ margin-top: 0px; }
.testimonials #quote-carousel{ padding-bottom: 0px; }
.testimonials .item blockquote p:before{display: none;}
.testimonials blockquote p{ font-size: 14px; line-height: 25px; color: #30364F; }
.quoteicon { display: block; clear: both; text-align: center; margin-bottom: 20px; }
.quoteicon img{ width: 45px;  }

.tes-videobox{ background: url(/images/video-bg.png) no-repeat top center; background-size: 100% 100%; padding:48px 0 30px; }
.tes-videobox .video-screen{ margin: 0px auto; padding: 0px 0 0; }


.grl-form{ background: #006BB6 url(/images/grl-form-bg.png) no-repeat bottom center; padding: 60px 0px; color: #fff;  }
.grl-form h3{  font-family: 'opensansBold'; font-size: 30px; }
.grl-form p{ margin-top: 15px; }
.form-box{ max-width: 520px; margin:0 auto;}
.form-box{ display: block; margin-top: 30px; }
.form-box span{ display: block; color: #fff; font-size: 14px; margin-bottom: 10px; }
.form-box input{ box-shadow: none; border: 1px solid #DCDCDC; padding: 14px 20px; border-radius: 4px; color: #6C757D; font-size: 14px; }
.form-box .form-group{ position: relative;}

.floating-label-wrap{ position: relative;}
.floating-label { position: absolute; top: 0; left: 0; user-select: none; z-index: 1500; color: #5C6173; font-weight: 300; font-size: 15px; }
.floating-label-field--s3::placeholder { color: transparent; }
/* Hide the browser-specific focus styles */
.floating-label-field { z-index: 2000; }

/* Make the label and field look identical on every browser */
.floating-label, .floating-label-field { width: 100%; }
/* Input Style #3 */

.floating-label-field--s3 + .floating-label { position: absolute;  left: .75em; top: 15px; left: 20px; display: inline-block;
transition: transform .25s, opacity .25s, padding .25s ease-in-out; transform-origin: 0 0; }
.floating-label-field--s3:focus, .floating-label-field--s3:not(:placeholder-shown){ padding:21px 20px 7px; font-weight: 400; color: #000; }

.floating-label-field--s3:focus + .floating-label, .floating-label-field--s3:not(:placeholder-shown) + .floating-label { z-index: 2500;
transform: translate(0, -10px) scale(.9); font-size: 12px; }
.note{ font-size: 11px; color: #fff; margin-top: 3px!important; }
.green-btn{ background: #6DBB68; border-radius: 4px; color: #fff; border: solid 1px #6DBB68; }
.green-btn:disabled{ opacity: 0.5; color: #fff;}

.search-section{ padding: 40px 0px 30px; background: #FAFAFA; display: block; color: #fff; }
.search-section label{ font-weight: 300; color: #5C6173; font-size: 12px; font-family:'opensansRegular'; }
.search-section h4{ color: #30364F; font-size: 24px; font-family: 'opensansBold'; margin-bottom: 25px; }
.search-section .form-control{ padding:25px 16px; border-radius: 0px; border-color: #DCDCDC; box-shadow: none; color: #30364F; font-size: 15px; }
.search-section .btn{ background: #6DBB68; border-radius: 0px; font-size: 24px; color: #fff; padding:0px  42px 2px 18px; }

.red-section{ background: #F9C8C7; padding: 15px 0px; color: #BF2121; font-size: 13px; font-family:'open_sanssemibold';  }

.codelist-section{ padding: 60px 0px 60px; background: #fff; display: block; color: #fff; }
.codelist-section h4{color: #2E3A54; font-size: 20px; font-family: 'opensansBold'; }
.code-list{ list-style: none; margin: 0px; padding: 0px; margin-top: 40px; }
.code-list li{ display: block; clear: both; border-bottom: solid 1px #CAD9E5; font-family:'opensansRegular'; padding: 15px 80px; color: #2E3A54; font-size: 14px; }
.lr-space{padding: 15px 80px; display: block; clear: both;  }
.border-btn{ border-radius: 4px; border: solid 1px #359AFF; }

.thankyoupopup .modal-header{ background:#FFA700; color: #FFFFFF; padding: 0px; font-size: 24px; font-family: 'opensansBold'; }
.thankyoupopup .modal-header img{ width: 125px; float: left; }
.thankyoupopup .modal-header .modal-title span{ position: relative; top: 18px;}
.thankyoupopup .close span { line-height: 10px;}
.thankyoupopup .close:not(:disabled):not(.disabled){ margin: 0;  padding: 2px 8px; opacity: 1; color: #FFF; }
.thankyoupopup .modal-dialog { max-width: 350px;  margin: 25vh auto; }
.thankyoupopup .modal-body{ padding: 20px 5px; }

.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.small-text{ font-size: 13px; color: #30364F; }
.btn-xxs{ padding: 6px 10px 7px; font-family:'opensansLight'; font-size: 12px; }
.btn-xxs img{ width: 15px; margin-right: 4px;  }

/* ----------------- media 767------------------ */
@media (max-width:567px) {
     .borderlr .col-sm-4{ border-left: 0px solid rgba(247, 247, 247, 0.5); padding: 20px 0px;}
}
@media (max-width:767px) {
    .blue-section{padding: 20px 0px;}
    .videopart img{ width:250px; }
    .videopart h4 { font: 20px/32px 'opensansBold'; margin-bottom:20px; }
    .left-w{ display:block; float: none; position: absolute; }
    .right-w{ margin-left: 0px; display: block; margin-top: 15px; margin-bottom: 20px; }
    .whitebox-shadow{ padding-bottom: 25px; padding-left: 18px; padding-right: 18px; margin-bottom: 30px }
    .whitebox-shadow .input-group>.custom-select:not(:last-child), .whitebox-shadow .input-group>.form-control:not(:last-child){ display: block; clear: both; width: 100%; margin-right: 0;  margin-bottom: 10px;}
    .whitebox-shadow .input-group>.input-group-append{ display: block; width: 100%; }
    .whitebox-shadow .input-group>.input-group-append>.btn{ width: 100%; font-size: 15px; } 
    .testimonial-section{ padding: 30px 0px 10px; }
    .testimonials blockquote p { font-size: 13px; line-height: 22px;}
    .quoteicon{ margin-bottom:12px;  }
    
    .codelist-section{ padding: 30px 0px 30px; }
    .code-list li{ padding: 10px 0px; }
    .lr-space{padding: 10px 0px;}
    .green-btn{ padding-left: 15px; padding-right: 15px; }
    .search-section h4{ margin-bottom: 10px; }
    .white-box { background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 12px 6px #00000029; border-radius: 6px;  color: #000; padding: 15px 25px; margin: 15px ;}
    .search-section .btn{ font-size: 20px; padding: 0px  32px 2px 13px;}
    .search-section .form-control{ padding: 20px 16px;}
    .search-section h4{ font-size: 20px;}
    .codelist-section h4{font-size: 18px;}
    .thankyoupopup .modal-dialog { max-width: 270px;  margin:10vh auto; }
    .thankyoupopup .modal-header img{ width: 99px;}
    .thankyoupopup .modal-header{font-size: 19px;}
    .thankyoupopup .modal-header .modal-title span{ top: 14px;}
    .or-block{ display: block; clear: both; text-align: center; overflow: hidden; }
    .btn-xxs{ padding: 8px 30px 9px;}
}
/* ----------------- media 768------------------ */

@media (min-width:768px) and (max-width:992px ){
    .blue-section { padding: 30px 0px; }
    .whitebox-shadow{ margin-bottom: 37px; }
    .testimonial-section{ padding: 30px 0px 10px; }
    
}
@media (min-width:768px) {
 
}
/* ----------------- media 992------------------ */
@media (min-width:992px) {
 
}
/* ----------------- media 1100------------------ */
@media (min-width:1100px) {
 
    .testimonial-section{ padding:60px 0px 40px; }
}
/* ----------------- media 1200------------------ */
@media (min-width:1200px) {
 
}