@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;600;700;800;900&display=swap);
body,
html {
    padding: 0;
    margin: 0;
    background: #fff;
    font-weight: 400;
    color: #666;
    font-size: 16px;
    line-height: 1.875rem;
    letter-spacing: .5px;
    font-family: Raleway, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-style: normal;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: 'liga', 'kern'
}

a {
    color: inherit
}

ul {
    margin: 0;
    padding: 0
}

li,
ol,
ul {
    list-style: none;
    list-style-type: none
}

a,
a:hover,
button:hover,
input[type=submit],
input[type=submit]:hover,
span,
span:hover {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

a:focus,
a:hover {
    color: inherit;
    text-decoration: none
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #21222b;
    margin-top: 0;
    text-transform: none;
    font-family: Montserrat, sans-serif;
    line-height: normal;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.h1,
h1 {
    font-size: 3.813rem
}

.h2,
h2 {
    font-size: 2.5rem
}

.h4,
h4 {
    font-size: 1.5rem;
    margin-bottom: .5rem
}

.full-width {
    width: 100%;
    box-sizing: border-box
}

h3 {
    font-size: 1.5rem
}

.center-align {
    margin: 0 auto;
    display: table;
    content: '';
    clear: both
}

button {
    border-radius: 0
}

p {
    float: left;
    width: 100%;
    margin-bottom: 1.25rem;
    font-size: 1.25rem
}

.wrapper {
    z-index: 2;
    background: #fff;
    position: relative
}

.uneditable-input:focus,
input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=submit]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 none
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-thumb {
    cursor: pointer;
    background: #fc0
}

::selection {
    background-color: #fc0;
    color: #21222b
}

-webkit-::selection {
    background-color: #fc0;
    color: #21222b
}

::-moz-selection {
    background-color: #fc0;
    color: #21222b
}

.gry-bg {
    background-color: #f7f7f7
}

.yllw-btn {
    -webkit-border-radius: 5px;
    color: #21222b;
    border-radius: 5px;
    background: #fc0;
    font-size: 1.25rem;
    font-weight: 700;
    padding: .438rem 1.25rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: capitalize;
    border: 2px solid #fc0
}

.yllw-btn:hover {
    background: #21222b;
    border: 2px solid #21222b;
    color: #fc0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.dark-clr {
    display: none;
    opacity: 0;
    visibility: hidden
}

.mobile-header {
    display: none;
    opacity: 0;
    visibility: hidden
}

.sec-pdd7 {
    padding: 7rem 0
}

.sec-pdd6 {
    padding: 6rem 0
}

.sec-pdd5 {
    padding: 5rem 0
}

.sec-pdd4 {
    padding: 4rem 0
}

.sec-pdd3 {
    padding: 3rem 0
}

.mrg-pdd7 {
    margin: 7rem 0
}

.mrg-pdd6 {
    margin: 6rem 0
}

.mrg-pdd5 {
    margin: 5rem 0
}

.mrg-pdd4 {
    margin: 4rem 0
}

.mrg-pdd3 {
    margin: 4rem 0
}

button {
 -webkit- border-radius: 0;
    border-radius: 0
}
.flex-hp {
    display: flex;
    justify-content: center;
    align-items: center
}
.padd-right {
    padding-right: 0
}
.padd-left {
    padding-left: 0
}

.bg-none {
    background: none !important;
}
.wd-container {
    width: 1560px;
}


p{float: left; width: 100%; margin-bottom: 20px;}


header{/*box-shadow: 3px 0 26px -8px rgba(0,0,40,.4); background: #fff;*/ padding:6px 0px; width: 100%; z-index: 999; position: absolute; top:0;}
a.navbar-brand img.stk-sh {
    display: none;
}
a.gl-prtn-lg {
    width: 155px;
    height: auto;
    margin-left: 20px;
    float: left;
}
a.navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    height: auto;
}
.custom-navbar .navbar-nav{display: flex;align-items: flex-start; flex-direction: column; padding-left: 50px; padding-top: 30px; padding-bottom: 5px; background: url(../img/call.png) no-repeat; background-position: left top;}
.custom-navbar .navbar-nav>li{float: left; width: 100%;}
.custom-navbar .navbar-nav>li>a {
    color: #fff;
    font-weight:600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
     font-size:36px;
    padding: 0px 15px;
    border-bottom: 0;
}
.custom-navbar .navbar-nav>li:last-child>a{font-size: 16px; text-transform: none; margin-top: 7px; font-weight: 500;}
header .top-nav a i {
    margin-right: 7px;
    color: #ff805a;
}
.custom-navbar .navbar-nav>li>a i.material-icons{font-size: 24px; margin-left: 7px;}
.navbar{margin: 0; border: 0; border-radius: 0; min-height: auto; height: auto;}
.nav>li>a:hover, .nav>li>a:focus{background: none;}
.banner-section{padding:110px 0px 70px 0px;/* background: url(../img/banner.jpg) no-repeat; background-size: cover;*/ position: relative; overflow: hidden;}
.banner-section .banner-title h1, 
.banner-section .banner-title p{color: #fff; margin: 0px 0px 15px 0px;}
.banner-section .banner-title p{font-size:21px; line-height: normal;}
.banner-section .banner-title h1{text-transform: uppercase;}
.banner-form-section{display: flex; align-items: center; justify-content: center; padding-top: 30px; flex-direction: column;}
.banner-form-section h3{margin-bottom: 20px; color: #fff; font-weight: 600;}
.get-seo-quote-alt-hd-frm input.form-control{width: 100%; padding: 15px; border-radius: 3px; margin-bottom: 10px; -webkit-border-radius: 3px; float: left; width: 100%; border:0; height: auto; box-shadow: 0px 6px 25px 0.4px rgba(0, 0, 0, 0.3);}
.submit-button-box button.btn.btn-success{
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 21px;
    background-color: #ff805a;
    border:1px solid #ff805a;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 6px 25px 0.4px rgba(0,0,0,0.3); margin-bottom: 5px; width: 50%; padding: 15px;
}
.submit-button-box{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.submit-button-box a{color: #fff; font-size: 13px;}
.shape-curve{position: absolute; bottom: 0; width: 100%; float: left; z-index: 9; }
.top-shdw{position: absolute;top: 0; width: 100%; float: left; z-index: 1;}
.shape-curve img, .top-shdw img{width: 100%; height: auto;}
.get-seo-quote-alt-hd-frm{position: relative; z-index: 999;}
.section-one{padding: 50px 0px;}
.inner-sec-title{ text-transform: uppercase; margin-bottom: 50px; font-size: 40px;}
.mrkt-service-title{padding-right: 70px;}
.mrkt-service-title .img-box{margin: 0px 0px 0px 0px; padding: 0px 20px;}
.mrkt-service-title img{width: 100%; height: auto; }
.mrkt-service-dtls-box{ margin: 20px 0px; padding-left: 100px; position: relative; }
.mrkt-service-dtls-box p{margin-bottom: 0;}
.mrkt-service-dtls-box h3{margin-bottom:10px; font-weight: 700; font-size: 21px;}
.feature-icon{width: 70px; float: left; position: absolute; left: 0; top:0px;}
.feature-icon img{width: 100%; height: auto;}

.perk-block{border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.perk-block  .mrkt-service-title{padding-right: 15px;}
.mrkt-service-title ul{ margin: 0; padding: 0; }
.mrkt-service-title ul li{padding-left: 30px; margin:5px 0px; font-size: 18px; color: #41495b; position: relative; text-transform: uppercase;}
.mrkt-service-title ul li:before{content: "\f00c"; color: #ff805a; position: absolute; left: 0;font-family:'FontAwesome';}
.get-a-quote{float: left; width: auto; padding:15px 40px 15px 20px;-webkit-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    font-size: 21px;
   
    border:0px; display: flex; align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    box-shadow: 0px 6px 25px 0.4px rgba(0,0,0,0.3); margin-top: 60px; background:#00caad; 
}
.get-a-quote i.fa{color: #fff; margin-right: 20px; font-size: 31px}    
.submit-button-box button.btn.btn-success:hover,
.get-a-quote:hover{background:#4859a4; color:  #fff ;}
.we-client { padding-bottom: 130px;}
.we-client p{text-align: justify;}
.srvc-block-img img{width: 100%; height: auto;}
.service-two-block .flex-hp{justify-content: space-between;}
.client-box{padding:40px 100px; box-shadow: 0px 6px 25px 0.4px rgba(0,0,0,0.3); margin-top: -70px; background: #439fd3 url(../img/map-quarter1.png) no-repeat; border-radius:5px; display: flex; align-content: center; justify-content: space-between;}

.service-two-block{padding: 30px 0px;}
.two-feature{margin: 30px 0px;}
.client-box h3{font-size: 30px; color: #fff;}
.client-box .get-a-quote{margin: 10px 0px; white-space: nowrap;}
.overlay{opacity: 0.84;
    background-image: -webkit-linear-gradient(#2c3e50 , #3498db);
    background-image: -o-linear-gradient(#2c3e50 , #3498db);
    background-image: linear-gradient(#2c3e50 , #3498db);    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; z-index: 1;}
.banner-section .container{z-index: 9; position: relative;}
.step-img img{width: 100%;height: auto;}
.step-dtls h3, 
.step-dtls p{ text-align: left; margin: 10px 0px; }
.process-box{display: flex; align-items: center; justify-content: center; }
.step-process{float: left; width: 100%; text-align: center;}
.step-process img{width:65%; height: auto;}
.process-steps .inner-sec-title{margin-bottom: 30px;}
.process-box .get-a-quote{ margin-top: 40px; }
.shdw-over{ background: #2a3249; position: absolute; width: 100%; height: 100%; position: absolute;top:0; left: 0; opacity: 0.8; }
.call-inquiry-box{background: #2980c7 url(../img/banner-3.jpg) no-repeat; background-size: cover; padding:100px 40px 150px 40px; position: relative; overflow: hidden;}
.call-inquiry-box h2,
.call-inquiry-box p{color: #fff; position: relative;}
.call-inquiry-box p{ text-align: justify; }
.call-inquiry-box h2{font-size: 30px; margin-bottom: 30px;}
.call-inquiry-form-sec{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.call-inquiry-form{ background: #439fd3; box-shadow: 0px 6px 25px 0.4px rgba(0,0,0,0.3); border-radius: 5px; padding: 40px; margin-top: -100px; }
.call-inquiry-form input.form-control{background: none; border:1px solid #fff; padding: 15px; height: auto; margin-bottom: 10px;}
.call-inquiry-form .submit-button-box{margin-top: 15px;}
.call-inquiry-form input.form-control::-moz-placeholder{color:#fff;opacity:1}
.call-inquiry-form input.form-control:-ms-input-placeholder{color:#fff}
.call-inquiry-form input.form-control::-webkit-input-placeholder{color:#fff}
.featured-icon{margin-top: 60px;}
.featured-icon ul li{width: 20%; float: left; padding: 10px 20px;}

.cities_name{margin-top: 14px;
    padding: 13px 0px;}
.cities_name ul, ul.ftr-social-icon, ul.footer-link {padding:0; margin: 0; float:left; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.cities_name ul li {
    float: left;
    width: auto;
    margin: 0px;
    padding: 7px 17px;
}
ul.ftr-social-icon{justify-content: center; margin-bottom: 10px;}
ul.ftr-social-icon li a {
    width: 30px;
    height: 30px;
    float: left;
    color: rgb(255, 255, 255);
    background-color: rgb(29, 112, 188);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 5px;
    border-radius: 100px;
    overflow: hidden; margin: 0px 5px;
}
ul.ftr-social-icon li.fbin a {
    background-color: rgb(59, 89, 152);
}
ul.ftr-social-icon li.lnkin a {
    border-color: rgb(0, 119, 181);
}
.footer-bottom{margin: 20px 0px 0px 0px;}
.footer-bottom p{margin: 0;}
ul.footer-link{justify-content: center; margin-top: 5px;}
ul.footer-link li{float: left; width: auto; padding: 0px 15px;}
ul.pro-contact-dtls{display: flex; align-items: center; justify-content: space-between;}
ul.pro-contact-dtls li{float: left; width:auto; padding: 10px 10px; margin-top: 10px;}
ul.pro-contact-dtls li a{color: #fff; float: left; width: 100%; display: flex; align-items: center;}
ul.pro-contact-dtls li a h6{color: #fff; font-size: 16px; margin: 0; font-weight: 600}
ul.pro-contact-dtls li a i.fa{margin-right: 15px; font-size: 35px;}
.footer-logo-address{display: flex; align-items: center; justify-content: center; flex-direction: column;}
.footer-logo-address a{margin-bottom: 10px;}
.footer-logo-address address{text-align: center;margin: 0;}
.footer-logo-address address strong{font-size: 18px; font-weight: 600;}
.reason-section{padding-top: 10px;}
.footer-logo-address address p{margin-bottom: 0;}
.reason-box{margin: 30px 0px 10px 0px; padding: 0px 20px;}
.reason-box h2{text-transform: uppercase;}
.reason-box h4{font-weight: 600; line-height:25px; font-size: 18px; font-family: 'Work Sans', sans-serif; }
.rsn-img{margin-bottom: 20px; padding: 15px; background: #fff; overflow: hidden; border-radius: 5px; text-align: center; box-shadow:2px 2px 5px -1px rgba(0,0,0,0.2);}
.rsn-img img{width: 100%; height: auto;}


.call-action-hdr{border: 2px solid rgba(255,255,255,0.5); background:  rgba(0,0,0,0); padding: 5px 20px 5px 5px; display: flex; align-items: center; box-shadow: none;}
.call-action-hdr .fa-paper-plane{width: 50px; height: 50px; padding: 5px;background: #00caad; color: #fff; border-radius: 100px; margin-right: 20px; display: flex; align-items: center; justify-content: center;}
.call-action-hdr:hover .fa-paper-plane{background:#00caad; }
.call-action-hdr:hover{background: #00caad;}
.navbar-header{padding: 0px 0px}
.feature-in-logos{display: flex; align-items: center; justify-content: center;}
.feature-in-logos a{width: 14%; padding: 5px 20px; float:left;}
.feature-in-logos img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%); opacity: 0.5; width: 100%;}
  .mrkt-service-img img{width: 100%; box-shadow:5px 5px 20px -2px rgba(0,0,0,0.4)}
.space-btw{justify-content: space-between; }  
.row-reverse{flex-direction: row-reverse;}
.mrkt-src-list{display: flex; align-items:center; margin: 20px 0px;}
.mrkt-src-list span{width: 110px; height: auto; float:left; margin-right: 30px;}
.mrkt-src-list-dtls{width: 80%; float:left;}
.mrkt-src-list-dtls p{margin-bottom: 0; font-size: 18px; line-height: 25px;}

.result-section, .client-says{ background:#f2f2f2; }
.result-section h2{margin-bottom: 20px;}
.snd-title{font-size: 18px; margin-bottom: 20px line-height:normal;}
.google-screen-img img{width: 100%; height: auto;}

.google-screen-img, .result-dtls{margin: 50px 0px;}
.result-dtls h3{font-size: 36px;}
.result-dtls span{font-size: 21px; margin-bottom: 15px;}
.result-numeric{margin:10px 0px 10px 0px;}
.result-numeric-box {width: 170px; height: 170px; border: 2px solid rgba(0,0,0,0.2); padding: 8px; border-radius: 100px; overflow: hidden; margin-right: 30px;}
.result-numeric-box a{width: 100%; height:100%; border-radius: 100px; display: flex; flex-direction: column; justify-content: center; background:#4859a4;}
.result-numeric-box a p,
.result-numeric-box a span{color: #fff; text-transform: uppercase; margin: 1px 0px; font-size: 15px; line-height: normal;}
.result-numeric-box a p{font-size: 36px; font-weight: 700;}

.result-keywords{margin-top: 30px;}
.result-keywords h4{font-size: 24px; margin-bottom: 30px;}
.result-keywords ul li{float:left; width: 50%; padding-left: 30px; margin: 2px 0px; font-size: 18px; position: relative; text-transform: capitalize;}
.result-keywords ul li:before{color: #5eb4fe; content:"\f178"; font-family:'FontAwesome';  position: absolute; left: 0;}
.result-section .get-a-quote {margin-top: 30px;}
.call-action-details h4{ font-size: 30px; line-height: normal; margin-bottom:15px; }
.call-action-lst .get-a-quote{ margin-top: 20px; }
.call-action-lst-box > span{width: 60px; height: 60px; margin-right: 20px; border:7px solid rgba(255,255,255,0.3); background:#4859a4; border-radius: 100px; overflow: hidden; display: flex; align-items: center; justify-content: center;color: #fff;}
.call-action-lst-box > span i.fa{color: #fff; font-size: 30px;}
.call-action-lst-box p{margin-bottom: 0; width: 80%; color: #4859a4; font-size: 24px; text-transform: capitalize; font-weight: 600;}
.call-action-lst-box p > span{font-weight: 400;}
.call-action-lst-box{display: flex; align-items: center; margin: 30px 0px;}
.service-img img{width: 100%; height: auto;box-shadow:5px 5px 20px -2px rgba(0,0,0,0.4)}
.service-dtls-box{padding-left: 50px;}
.seo-service-block{display: flex; align-items: flex-start; margin: 25px 0px;}
.seo-service-block span.src-icon{width: 110px; margin-right: 30px;}
.seo-service-block span.src-icon img{width: 100%; height: auto;}
.seo-service-block .seo-service-box-dtls{width: 80%;}
.seo-service-block .seo-service-box-dtls h3{margin-bottom: 15px;}
.seo-service{border-top: 1px solid #ddd;}
.client-dtls img{width: 100%; height: auto; box-shadow:5px 5px 20px -2px rgba(0,0,0,0.4) }
.client-dtls h4{font-size: 24px;}
.client-dtls p{margin-bottom: 0}
.client-nm{margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(0,0,0,0.2);}
.client-nm h5{font-size: 21px; margin-bottom: 5px;}
.faq-box{margin:30px 0px;}

.faq-section{background:#60c9d4 url(../img/faq-bg.png) no-repeat; background-size: cover; background-position: 50% 50%;}

.accordion .card{background: #fff;    margin-bottom: 20px; float:left;width: 100%;}
.accordion .card .card-header h2{float:left; width: 100%; padding: 20px; background: #fff; margin: 0; box-shadow: 2px 2px 20px -2px rgba(0,0,0,0.3); z-index: 8; position: relative;}
.card-header h2 > .btn{color:#384772; font-size: 18px; font-weight: 600; margin-bottom: 0; padding: 0; }
.accordion .card .collapse{padding: 30px 20px; background: #edf3ff; box-shadow: 2px 2px 20px -2px rgba(0,0,0,0.3);float:left; width: 100%; z-index: 7;}
.card-header h2 > .btn:hover{text-decoration: none;}

.ui-tabs-list .nav-tabs .nav-item{width: 100%; float: left; padding: 20px; border-bottom: 1px solid #ddd; color:#444; font-size: 21px; font-weight: 600;}
.ui-tabs-list .nav-tabs{border:0;}
.ui-tabs-list .nav-tabs .nav-item.active, .ui-tabs-list .nav-tabs .nav-item.active:hover{background:#4859a4; color: #fff; box-shadow: 2px 2px 20px -1px rgba(0,0,0,0.3);}
.ui-tabs-list .nav-tabs .nav-item:hover{background: #3dc4fc;box-shadow: 2px 2px 20px -1px rgba(0,0,0,0.3); color:#fff;}

.ui-tabs-list .tab-content .tab-pane { padding: 0px 20px; float: left; width: 100%; }
.client-logo{padding: 40px;}
.client-logo li{float:left;width: 33.33333%; text-align: center; padding: 20px;}
.client-logo li img{width: 80%; height: all;}
.client-testimonial{padding: 50px 40px; background: #f2f2f2;}
.client-testimonial h2{text-transform: capitalize;}
.carousel-indicators {
    bottom: 0;
    right: 0px;
    width: auto;
    float: right;
    left: auto;
}

.carousel-indicators .active{background-color: #60c9d4;}
.carousel-indicators li{border-color:#60c9d4;}
.inquiry-form{background:#00caad url(../img/swiper-bg.jpg) no-repeat;  padding: 40px;  background-size: cover; background-position: 50% 50%;box-shadow: 2px 2px 20px -1px rgba(0,0,0,0.3); }
.inquiry-form h3{color: #fff; float: left; width: 100%; margin-bottom: 30px; font-size: 30px;}

.form-group-footer input,
.form-group-footer textarea{float:left; border: 0; color: #fff; border-bottom: 1px solid rgba(255,255,255,0.5); padding: 15px 0px; width: 100%; background: none; margin-bottom: 20px;}
.form-cntrl::-moz-placeholder{color:#fff;opacity:1}
.form-cntrl:-ms-input-placeholder{color:#fff}
.form-cntrl::-webkit-input-placeholder{color:#fff}
input.get-a-quote{background: #fff; border: 0;  text-align: center; color: #00caad; width: auto; float: left; padding: 15px 40px; margin-top: 20px; margin-bottom: 0;}
input.get-a-quote:hover{background: #4859a4;  color:#fff; }
span.tag{float: left;width: 100%; font-size: 14px; margin-top: 5px; color: #fff;}

.address-dtls{padding:0px 40px;}
.address-dtls address{margin-top: 30px;}
ul.pro-contact-dtls li{width: 100%; padding: 15px 0px;}
ul.pro-contact-dtls li a{color:#60c9d4;}
ul.pro-contact-dtls{flex-direction: column;}
ul.pro-contact-dtls li a i.fa{color:#999; }
ul.pro-contact-dtls li a h6{color:#555; font-size: 21px; text-transform: none;}
ul.pro-contact-dtls li a span{color: #999;}
.footer-logo{padding-top: 10px}

.footer-logo .feature-in-logos img{opacity: 1; -webkit-filter: grayscale(0%);
    filter: grayscale(0%);}


.top-form-section{ margin:15px 0px; }
.bn-form-section{padding: 25px; box-shadow: 3px 3px 20px -1px rgba(0,0,0,0.5); background: #fff; border-radius: 5px;}
.bn-form-section h2{margin-bottom: 30px; font-size: 24px; text-transform: uppercase; color: #4859a4;}
.bn-form-input input, .bn-form-input textarea{border: 0; border-bottom: 1px solid #ddd; padding: 13px 0px; margin-bottom: 15px; float: left; width: 100%;}
.bn-form-input input::-moz-placeholder{color:#666;opacity:1}
.bn-form-input input:-ms-input-placeholder{color:#666}
.bn-form-input input::-webkit-input-placeholder{color:#666}

.bn-form-input textarea::-moz-placeholder{color:#666;opacity:1}
.bn-form-input textarea:-ms-input-placeholder{color:#666}
.bn-form-input textarea::-webkit-input-placeholder{color:#666}

.bn-form-section .bn-form-input  input[type="submit"].get-a-quote{background: #00caad; width: auto; font-size: 21px; color: #fff; padding: 13px 30px;}
.bn-form-section .bn-form-input  span.tag{color: #888; margin-left: 20px;}

.session-hd h4{text-align: center; font-size: 24px; font-weight: 500; letter-spacing: 2px; color: #21222b; margin: 0px 0px 30px 0px;     width: auto;
    background: #ffcc00;
    padding: 5px;
    border-radius: 5px;}
.session-hd.session-one p{font-size: 24px; line-height: 32px;}
.scroll-box-hd{margin-bottom: 40px;}
.scroll-box{padding: 0px 5px;}
.scroll-box p, .scroll-box span{margin:0; float: left; width: 100%; color: #21222b; font-weight: 500; margin-top: 5px; text-align: center; font-size: 21px;}
.scroll-bar{padding:3px 4px 4px 4px; border-radius: 50px; background-color: #fff; box-shadow: 2px 2px 12px -1px rgba(0,0,0,0.5);}
.scroll-bar img{width: 70%; height: auto;}

.session-one-form-hd{  position: relative;  display: flex; align-items: center; justify-content: center;}
.input-section{width: 750px; float: left; position: relative; margin:30px 0px; }
.field-input{width: 100%; position: absolute; min-height: 70px;}
.name-input{width: 75%; float: left; padding: }
.email-input-hd{width: 75%; height: auto; float: left; padding-left: 65px; display: flex; align-items: center; background: #ffffff; border-radius:5px;}
.input-section .field-input .email-input-hd:before{display: block;
    content: " ";
    background-image: url(../img/envelope.png);
    background-repeat: no-repeat;
    position: absolute;
       background-repeat: no-repeat;
    position: absolute;
    height: 45px;
    width: 45px;
    left: 20px;
    top: 15px;
    background-size: 35px;}
.input-section .field-input .name-input-hd:before{background-image: url(../img/user.png);}    
.input-section .field-input .email-input-hd input[type="text"],
.input-section .field-input .email-input-hd input[type="email"]{ width: 100%; padding: 20px; font-size: 18px; float: left; border: 0; background: none;  }
.input-section .field-input .input-next-hd,
.input-section .field-input input[type="submit"], .input-section .field-input button{width: 25%;float: left; border-radius: 5px !important; height: auto; text-align: center;float:left; padding: 19px;  color: #21222b;
text-transform: uppercase; letter-spacing:  1px; border: 0px; font-weight: 800;  font-size: 22px;display: flex; align-items: center; justify-content: center;
background: #ffcc00; margin-left: 15px;

}
.input-next-hd:hover{color: #fff;}

.input-section .field-input:not(:first-of-type) {
    visibility: hidden;
}

.swal-overlay{position: relative; float: left; width: 100%; background: none; overflow: hidden;}
.swal-overlay--show-modal .swal-model{opacity: 1;}
.swal-modal, .swal-title{background: none; color: #444; margin:3px 0px; width: 100%; font-weight: 400; padding: 0; border-radius: 0; font-size: 18px; }
.swal-title:first-child{margin-top:12px;}
.swal-overlay:before{content: none;}
input[type="text"]:focus{border: 0; box-shadow: none; outline: none;}


.homeVideo{ position: absolute; top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    will-change: transform; z-index: 1;}
.overlay-bg{width: 100%; height: 100%; position: absolute;  top:0;
background: rgba(247, 247, 247);
}    

input:-internal-autofill-selected { background-color:rgba(255,255,255,1) !important; }

#stepcount {
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    counter-reset: step;
    margin-left: 0px !important;
    padding-left: 0px;
}
#stepcount li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    padding: 3px;
    width: 5%;
    float: left;
    position: relative;
   
}

#stepcount li:before {
    content: counter(step);
    counter-increment: step;
    width: 32px;
    line-height: 32px;
    height: 32px;
    display:flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    color:  #fff;
    background: #ddd;
    border-radius: 50px;
    padding: 1px;
    margin: 0 auto 0px auto;
    position: relative;
    z-index: 2;
    text-align: center;
    border: 2px solid #ddd;
}

#stepcount li.active:before, #stepcount li.active:after {
    background: #ffcc00; 
    color: #21222b;
    border-color: #ffcc00;
    background: 1px 1px 2px 0px rgb(0 0 0 / 14%);
}

#stepcount li:after {
   content: '';
    width: 70%;
    height: 4px;
    background: #ddd;
    position: absolute;
    left: -35%;
    top: 45%;
    z-index: 1;
}

#stepcount li:first-child:after {
 
  content: none; 
}


.infield-form-bx{text-align: center;
    position: relative;
    width: 80%;
    margin-left: auto;
    margin-right: auto; float: none; margin-top: 40px; margin-bottom: 40px;}

.infield-form-hd{    margin-left: auto;
    margin-right: auto;
    width: 100%;
    position: absolute; float: left;}    

.infield-form-hd h3{float: left; width: 100%; text-align: center; color: #21222b; margin: 30px 0px; line-height: normal; font-size: 30px;}    
.infield-radio-bx{ float: left; width: 100%;}
.infield-wrapper{display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;margin-left: auto;
    margin-right: auto; width: auto;}
.infield-option{ flex: 1 25%;
    align-self: stretch;
    display: flex;}
.infield-option label{align-self: stretch;cursor: pointer;
    transform: scale(1);
  background: #ffcc00; 
    color: #21222b;
    border-radius: 5px;
    display: inline-block;
    width: 100%;
    margin-bottom: 14px;
    height: auto;
    font-weight: normal;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    margin-right: 8px;
    margin-left: 8px;
    line-height: 22px;
    box-shadow: 2px 2px 5px -1px  rgba(0,0,0,0.3);
    -webkit-transition: all .5s; transition: all .5s;
}



.infield-option input[type=radio], .infield-option input[type=checkbox]
{display: none;}
.infield-option label i.fa{display: block;
    margin-bottom: 11px;
    margin-left: auto;
    margin-right: auto;
    width: auto;}
.prd-srv .infield-radio-bx .infield-wrapper{ width: 480px; }

.infield-option label:hover{ -webkit-transition: all .5s; transition: all .5s; transform: scale(1);}

input[type="checkbox"]:checked + label{background:  #f7f7f7 !important; }


.infield-form-bx .infield-form-hd:not(:first-of-type) {
    display: none;
}


.next.inf-button, .inf-button {
    padding: 13px 40px;
    text-transform: uppercase;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;


      
    color: #21222b;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 0px;
    font-weight: 800;
   background: #ffcc00;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.next.inf-button:hover, .next.inf-button:focus{  background: #ffffff; outline: none; }

.infield-radio-bx textarea{font-size: 20px !important;
    font-weight: 100 !important;
    padding: 14px !important;
    margin-bottom: 10px !important;
    border-radius: 4px;
    border: 0px solid #ccc!important;
    width: 100%;
    max-width: 550px;}



.swal-icon{display: none;}    


.infield-radio-bx .half-box  .infield-option{flex: 1 50%;}
.infield-radio-bx .third-box  .infield-option{flex: 1 33.3333%;}
.infield-radio-bx .full-box  .infield-option{flex: 1 100%;}
.infield-radio-bx .ten-box  .infield-option{flex: 1 10%;}

.infield-radio-bx .half-box  .infield-option label,
.infield-radio-bx .third-box  .infield-option label,
.infield-radio-bx .full-box  .infield-option label{text-align: left; padding-left: 60px;}

.bx-checklist input[type="checkbox"] + label:before, .bx-checklist input[type="radio"] + label:before {
    font-family: fontawesome;
    content: '\f1db';
    position: absolute;
    left: 13px;
    top: 50%;
    margin-top: -11px;
    font-size: 32px;
    color:#21222b;
}

.bx-checklist  input[type="checkbox"]:checked + label:before, .bx-checklist  input[type="radio"]:checked + label:before {
    content: '\f058';
    color:#21222b;
}

.pos-left {
    position: absolute;
    left: 0px;
    margin-top: 80px;
    margin-left: 7px;
    color: #fff;
    font-size: 16px; text-transform: capitalize;
}
.pos-right {
    position: absolute;
    right: 0px;
    margin-top: 80px;
    margin-left: 7px;
    color: #fff;
    font-size: 16px;text-transform: capitalize;
}

.infield-holder{max-width: 480px;
    margin-left: auto;
    margin-right: auto;}

.infieldTextWrap, .infield-submit{position: relative; width: 100%; margin:5px 0px; float: left;}
.last-form i.fa {
    position: absolute;
    margin-top: 21px;
    left: 21px;
    color: #B3B3B3;
    font-size: 21px;
}

.last-form .infieldTextWrap input{    display: block;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px ;
    font-weight: 400 ;
    padding: 4% ;
    margin-top: 0px ;
    border-radius: 4px;
    border: 1px solid #ccc;
    width: 100%; float: left;
    padding-left: 50px }

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable{position: absolute !important; z-index: 100; background: #FFF; padding: 20px;}
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close{position: absolute !important; right: 0;
    top: 0;}

/*--------------------------------*/
.banner-section .container{overflow: hidden;}
.scroll-box-sec{margin-top: 30px; margin-bottom: 60px;}




#stepcount{display: flex; align-items: center; justify-content: center;}

.container1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.box-minmax {
  margin-top: 30px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  font-size: 20px;
  color: #FFFFFF;
}
.box-minmax span:first-child {
  margin-left: 10px;
}

.range-slider {
  margin-top: 0vh;
  width: 100%;
}

.rs-range {
  margin-top: 29px;
  width: 600px;
  -webkit-appearance: none;
}
.rs-range:focus {
  outline: none;
}
.rs-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0px;
  border: 0px solid #010101;
}
.rs-range::-moz-range-track {
  width: 100%;
  height: 1px;
  cursor: pointer;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0px;
  border: 0px solid #010101;
}
.rs-range::-webkit-slider-thumb {
  box-shadow: none;
  border: 0px solid #ffffff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
  height: 42px;
  width: 22px;
  border-radius: 22px;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -20px;
}
.rs-range::-moz-range-thumb {
  box-shadow: none;
  border: 0px solid #ffffff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
  height: 42px;
  width: 22px;
  border-radius: 22px;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -20px;
}
.rs-range::-moz-focus-outer {
  border: 0;
}

.rs-label {
  position: relative;
  transform-origin: center center;
  display: block;
     width: 175px;
    height: 51px;
  background: transparent;
  border-radius: 50%;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  padding-top:0;
  box-sizing: border-box;
  background: #00B4DB;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #0083B0, #00B4DB);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #0083B0, #00B4DB); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 box-shadow: 2px 2px 17px -1px rgba(0,0,0,0.2);
 display: flex;
 align-items: center;
 justify-content: center;

  margin-top: 20px;
  margin-left: -95px;
  left: attr(value);
  color: #fff;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
font-size: 29px;
    border-radius: 100px;
}


.irs-shadow.shadow-single, .irs-grid, .irs-max, .irs-min{ display: none !important; }

.irs--flat .irs-bar{ background: #ffcc00; }

.irs--flat .irs-line {
    top: 25px;
    height: 15px;
    background-color: #FFF;
    border-radius: 100px;
}

.irs--flat .irs-bar--single {
    border-radius: 100px 0 0 100px;
}

.irs--flat .irs-bar{height: 16px;}

.irs--flat .irs-handle {
   top: 16px;
    width: 115px;
    height: 35px;
     background: #ddd;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #ddd, #f2f2f2);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #ddd, #f2f2f2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 box-shadow: 2px 2px 17px -1px rgba(0,0,0,0.2);
    border-radius: 100px;
}
.irs--flat .irs-single:before{content: none;}
.irs--flat .irs-handle > i:first-child,  .irs--flat .irs-handle:hover > i:first-child{background: rgba(0,0,0,0) !important;}
.irs--flat .irs-single{    color: #000;
    font-size: 26px;
    line-height: normal;
    text-shadow: none;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    z-index: 999;
    font-weight: 700;position: absolute;
    display: block;
    top: 19px;
    left: 0;
    cursor: default;
    white-space: nowrap;}
span.help-inline-error {
    position: absolute;
    top: -25px;
    padding: 0px 10px;
    width: auto;
    background-color: #ef6922;
    right: 15px;
    z-index: 9999;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 0.5px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #FFF;
}



.ui-widget-overlay{position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0;
    overflow-y: auto;
    background-color: rgba(0,0,0,.4);
    z-index: 10000;
    pointer-events: auto;
    opacity: 1;
    transition: opacity .3s;}


.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable
{opacity: 1;
    width: 478px !important;
    pointer-events: auto;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
    position: static;
    margin: 20px auto;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    z-index: 10001;
    transition: opacity .2s,-webkit-transform .3s;
    transition: transform .3s,opacity .2s;
    transition: transform .3s,opacity .2s,-webkit-transform .3s; -webkit-animation: showSweetAlert .3s;
    animation: showSweetAlert .3s;}    

.ui-dialog-content.ui-widget-content h2{font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin: 20px 0px;}

.ui-dialog-title{display: none;}

button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close{position: relative !important; font-size: 0px; border: 0; background: none; height: 70px;}
button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:focus{border-color: rgba(126, 239, 104, 0);
  
  box-shadow: none;
  outline: 0 none;}


.ui-icon-closethick:before{content:"\f00d";}
.ui-icon-closethick{display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; font-size: 34px;
    padding: 10px;
    border: 2px solid #f27474;
    border-radius: 100%;
    width: 70px;
    height: 70px; color: #f27474;
    display: flex;
    align-items: center;
    justify-content: center;}


.ui-dialog.dialog_3 .ui-icon-closethick:before{content: "\f12a";}
.ui-dialog.dialog_3 .ui-icon-closethick{color: #f98e2b; border: 2px solid #f98e2b;}


.ui-dialog.dialog_4 .ui-icon-closethick:before{content: "\f00c";}
.ui-dialog.dialog_4 .ui-icon-closethick{color: #15c2ae; border: 2px solid #15c2ae;}



#step_dialog > a, #step_dialog_2 > a{float:left; width:50%; border:5px solid #fff; padding: 15px; cursor: pointer; border-radius:15px; background: #21222b; color: #ffcc00; font-size: 21px; font-weight: 600; text-transform: capitalize;}
#step_dialog > a.next_dialog{background: #f7f7f7; color: #21222b;}

.sorry-box{display: flex; align-items: center; justify-content: center;}
.sorry-page-session{width: 80%;}

#step_dialog_2 > a.next_step{background: #f7f7f7; color: #21222b; width: 100%;}


@-webkit-keyframes animateErrorIcon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes animateErrorIcon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@-webkit-keyframes animateXMark {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animateXMark {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}



@-webkit-keyframes pulseWarning {
    0% {
        border-color: #f8d486
    }
    to {
        border-color: #f8bb86
    }
}

@keyframes pulseWarning {
    0% {
        border-color: #f8d486
    }
    to {
        border-color: #f8bb86
    }
}


@-webkit-keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}



@-webkit-keyframes swal-loading-anim {
    0% {
        opacity: .4
    }
    20% {
        opacity: .4
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .4
    }
}

@keyframes swal-loading-anim {
    0% {
        opacity: .4
    }
    20% {
        opacity: .4
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .4
    }
}



@-webkit-keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    1% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes showSweetAlert {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    1% {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    45% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
    80% {
        -webkit-transform: scale(.95);
        transform: scale(.95)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.next-btn{display: flex; align-items: center; justify-content: center; margin-top: 25px;}
.next-btn > .next.inf-button, .next-btn > .inf-button{margin-top: 0px; margin-left: 10px; margin-right: 10px; float: left; width: auto;}

.last-form .infieldTextWrap input,
.infield-radio-bx textarea{ color: #222; }

.infield-radio-bx textarea{font-weight:700 !important;}


.homeVideo{display: none;}
.banner-section .banner-title h1{font-family: 'Saira Extra Condensed', sans-serif;
    font-weight: 800;
    font-size: 100px;
    letter-spacing: 0.5px;
    line-height: 91px;
}

.session-hd.session-one p {
   font-size: 22px;
    line-height: 29px;
    font-weight: 400;
}

.top-quote{justify-content: flex-end;}
.top-quote ul li {
    display: flex;
    flex-direction: column;
}
.top-quote ul li a.icon .svg-phone {
    fill: #fff;
    margin-right: 1.25rem;
}
.top-quote ul li.phone-tp a {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 1.563rem;
}
.top-quote ul li.phone-tp a.email-tp {
    color: #fff;
    font-size: 1rem;
    font-family: Raleway, sans-serif;
    font-weight: 400;
}

.scroll-box p{font-size: 18px; text-align: right;}

.footer-logo{margin-bottom: 2rem;}


/*---------------------------------------------footer-----------------------------------------------------*/

footer{background: #232326; }
.ftr-line{border-top:1px solid rgba(255,255,255,0.2);}
.footer-btn-box{padding-bottom: 2rem; padding-top: 2rem;}
.ftr-txt p{margin-bottom: 0; margin-right: 1.5rem;}
.ftr-txt p, .ftr-txt a{color: #666; font-size: 0.938rem;width: auto; line-height: normal;}
.ftr-txt a{padding: 0rem 1.5rem; position: relative;}
.ftr-txt a:before{content:""; width: 1px; height:100%; background: #cdcdcd; position:absolute; left: 0; top:0;}
.ftr-txt a:hover{color: #ffcc00;}
.ftr-social ul{float: right; display: flex; align-items: center;}
.ftr-social ul li{margin-left: 0.8rem;}
.ftr-social ul li a img{opacity: 0.7;-webkit-transition: all .5s; transition: all .5s;}
.ftr-social ul li a:hover img{opacity: 1;-webkit-transition: all .5s; transition: all .5s;}
.footer-box{padding-top:3rem; padding-bottom:3rem;}
.footer-address{display: flex; flex-direction: column;}
.footer-address .h5, .footer-address address, .footer-address a{color: #fff;max-width: 100%; flex:0 0 100%; margin-bottom: 0; color: #cdcdcd; font-size: 1.063rem; line-height:1.7rem;}
.footer-address .h5{font-size: 1.125rem; margin-bottom: 5px; color: #fff; font-weight: 600;}

.footer-links-box .h4{color: #fff; font-size: 1.313rem; font-weight: 600; margin-bottom: 1rem;}
.footer-links-box ul li{ position: relative; margin: 0.3rem 0rem; padding-left: 1rem;}
.footer-links-box ul li a{  color: #cdcdcd;  font-size: 1.063rem; position: relative;}

.footer-links-box ul li a:hover{color: #ffcc00; }
.ptnr-logo{margin-bottom: 1.5rem;}
.ptnr-logo img{width: 80%; height: auto;}
section{display: block;}



.new-header{background: #ffffff; box-shadow: 1px 1px 7px -1px rgb(0 0 0 / 15%);}
.top-quote ul li.phone-tp a, .top-quote ul li.phone-tp a.email-tp{color: #21222b; line-height: 25px;}
.top-quote ul li a.icon .svg-phone{fill: #21222b; position: relative;}
.navbar-brand img{height:48px;}
.top-quote ul li a.icon{position: relative;}
.top-quote ul li a.icon i{    width: 45px;
    height: 45px;
    position: absolute;
    -webkit-transition: .5s all;
    transition: .5s all;
    background: #fc0;
    border-radius: 100px;
    top: -8px;
    left: -8;
    animation: one-animated 3s infinite;}

@keyframes one-animated {
    0% {
        border-radius: 30% 70% 70% 30%/30% 30% 70% 70% box-shadow: 15px 15px 50px rgba(0, 0, 0, .2)
    }
    25% {
        border-radius: 58% 42% 75% 25%/76% 46% 54% 24%
    }
    50% {
        border-radius: 50% 50% 33% 67%/55% 27% 73% 45% box-shadow: -10px -5px 50px rgba(0, 0, 0, .2)
    }
    75% {
        border-radius: 33% 67% 58% 42%/63% 68% 32% 37%
    }
}

.banner-section .banner-title h1 {
    font-family: 'Saira Extra Condensed', sans-serif;
    font-weight: 800;
    font-size: 65px;
    letter-spacing: 0.5px;
    line-height: 65px; color: #21222b;
}
.banner-section .banner-title h1 span{color: #21222b; position: relative;}
.banner-section .banner-title h1 span:before{content:""; background: #ffcc00; left: 0; position: absolute;     bottom: 8px; height: 7px; width: 100%;}
.banner-section .banner-title{display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;}
.session-hd.session-one p{width: 80%; color: #444;}
.input-section .field-input .input-next-hd{max-width: 30%; flex:0 0 30%; position: relative; box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.2);}
.input-section .field-input .email-input-hd {max-width: 70%; flex:0 0 70%; position: relative; box-shadow: 1px 1px 4px -1px rgba(0,0,0,0.2);}
.svg-input svg {
    width: 27px;
    margin-left: 15px;
}

.footer-links-box h5{color: #fff;}
.footer-links-box {color: #cdcdcd;}
.ftr-txt a, .ftr-txt p{color: #cdcdcd;}

.scroll-box h4{font-size: 24px;
    font-weight: 800; margin-bottom: 20px;}
.scroll-box svg{margin-top: 10px; -webkit-animation-name: wiggle;
  -ms-animation-name: wiggle;
  -ms-animation-duration: 1000ms;
  -webkit-animation-duration: 1000ms;
  -webkit-animation-iteration-count: infinite;
  -ms-animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;}

  @-webkit-keyframes wiggle {
  0% {-webkit-transform: rotate(10deg);}
  25% {-webkit-transform: rotate(-10deg);}
  50% {-webkit-transform: rotate(20deg);}
  75% {-webkit-transform: rotate(-5deg);}
  100% {-webkit-transform: rotate(0deg);}
}

.infield-option label i.fa{font-size:4rem; margin: 10px 0px 20px 0px;}
.infield-option label{font-weight: 600; }

.next.inf-button, .inf-button{box-shadow: 1px 1px 4px -1px rgb(0 0 0 / 20%);}



.next-btn > .prev-info{padding-left:70px; position: relative; -webkit-transition: all .3s ease;
    transition: all .3s ease; background:#cfcfcf url(../img/left.png); background-position: 20px 50%; background-size: 30px;  background-repeat: no-repeat;}
.next-btn > .prev-info:hover{ position: relative; -webkit-transition: all .3s ease;
    transition: all .3s ease; background:#cfcfcf url(../img/left.png); background-position: 20px 50%; background-size: 30px;  background-repeat: no-repeat;}

.next-btn > .next-info{ padding-right:70px; background:#ffcc00 url(../img/right.png);  background-position:90% 50%; background-size: 30px; background-repeat: no-repeat;}
.next-btn > .next-info:hover{ background:#21222b url(../img/right1.png);  background-position:90% 50%; color: #ffcc00; background-size: 30px; background-repeat: no-repeat; webkit-transition: all .3s ease;
    transition: all .3s ease;}
.srve-box label{background: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; border:2px solid #fff;}
.srve-box label img{width: 70px; margin-bottom: 20px;}
.srve-box label:hover{border:2px solid #ffcc00;}

.infield-radio-bx textarea{border-radius: 5px; box-shadow: 1px 1px 4px -1px rgb(0 0 0 / 20%);}
input[type="checkbox"]:checked + label{border:2px solid #ffcc00; background: #fff !important;}


.box-progress {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    height: auto;
    margin-bottom: 15px;
    padding: 0px;
    background: #f7f7f7;
    border-radius: 100px;
    overflow: hidden;
}

.box-one {
    border-radius: 100px;
    background: #ffffff;
    padding: 9px;
}

.progress {
    box-shadow: inset 2px 2px 3px -1px rgb(0 0 0 / 20%);
    border-radius: 23px;
    height: 23px;
    background: #d0d0d0;
}
.progress-bar {
    background: #00237c;
    background: -webkit-linear-gradient(to right, #ffcc00, #a68503);
    background: linear-gradient(to right, #ffcc00, #a68503);
    box-shadow: 1px 1px 2px rgb(0 0 0 / 20%);
    overflow: initial;
    border-radius: 100px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
        display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
}

.timer-grid{align-items: center; display: flex;}
.timer-grid span{margin: 0;}

.scroll-box-hd {
    margin-bottom: 10px;
}
.infield-form-hd h3{margin-top: 10px;}
.scroll-box h4 { font-size: 20px; font-weight: 700; margin-bottom: 10px;}
.serv-grid{align-items: center; width: 75%;}
.serv-grid .srve-box label{width:auto; background: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; padding: 7px 0px;
    border: 0px;
    box-shadow: none; white-space: nowrap;}

.serv-grid .srve-box{    flex: 0 0 25%;
    align-self: center;
    display: flex;
    width: auto;
    max-width: 25%;
    justify-content: center;
}
.srve-box label img {
    width: 100%;
    margin-bottom: 0px;
}

.srve-box label i {
    width: 70px;
    background: #f7f7f7;
    padding: 9px;
    border-radius: 100px;
    border: 2px solid #ddd;
    margin-bottom: 10px;
}

.srve-box label:hover {
    -webkit-transition: all .5s;
    transition: all .5s;
    transform: scale(1);
}

.srve-box input[type="checkbox"]:checked + label {
    border: 0;
    background: none !important;
}

.srve-box input[type="checkbox"]:checked + label i{background: #ffffff; border:4px solid #ffcc00; box-shadow: 1px 1px 4px -1px rgb(0 0 0 / 20%);}
.infield-radio-bx textarea{max-width: 70%;}

.infield-option label{border:2px solid #ffcc00;}
.infield-option label:hover{background: #21222b; color: #ffcc00; border:2px solid #21222b;}

.srve-box label:hover{background: none; color: #21222b; border:0;}
.bx-checklist:hover input[type="checkbox"] + label:hover:before, .bx-checklist:hover input[type="radio"] + label:hover:before{color: #ffcc00;}

.bx-checklist:hover input[type="checkbox"]:checked + label:hover:before, .bx-checklist:hover input[type="radio"]:checked + label:hover:before {
    content: '\f058';
    color: #21222b;
}
input[type="checkbox"]:checked + label:hover{color: #21222b;}
input[type="radio"]:checked + label:hover{color: #21222b;}
input[type="radio"]:checked + label {
    border: 2px solid #ffcc00;
    background: #fff !important;
}

.infield-submit input[type="submit"]:hover{background: #21222b; color: #ffcc00;}
.box-one{padding: 0;}

.progress{    -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 20%) inset, 0 1px 0 #fff;
    box-shadow: 0 1px 5px rgb(0 0 0 / 20%) inset, 0 1px 0 #fff;
    height: 27px;
    background: #d0d0d0;
    padding: 3px 5px;}


.progress-bar {


                 -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
            -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
            box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
            -webkit-transition: width .4s ease-in-out;
            -moz-transition: width .4s ease-in-out;
            -ms-transition: width .4s ease-in-out;
            -o-transition: width .4s ease-in-out;
            transition: width .4s ease-in-out;  
                position: relative;
              background-color: #ffcc00;
              background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#fd9215));
              background-image: -webkit-linear-gradient(top, #ffcc00, #fd9215);
              background-image: -moz-linear-gradient(top, #ffcc00, #fd9215);
              background-image: -ms-linear-gradient(top, #ffcc00, #fd9215);
              background-image: -o-linear-gradient(top, #ffcc00, #fd9215);
              background-image: linear-gradient(top, #ffcc00, #fd9215);  
        }


        .progress-bar::after {
            content: '';
            opacity: 0;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #fff;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;         
            
            -webkit-animation: animate-shine 2s ease-out infinite;
            -moz-animation: animate-shine 2s ease-out infinite;             
        }

        @-webkit-keyframes animate-shine { 
            0% {opacity: 0; width: 0;}
            50% {opacity: .5;}
            100% {opacity: 0; width: 95%;}
        }
        

.progress-bar{
    background-color: #ffcc00;
    -webkit-background-size: 30px 30px;
            -moz-background-size: 30px 30px;
            background-size: 30px 30px;         
            background-image: -webkit-gradient(linear, left top, right bottom,
                                color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
                                color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
                                color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
                                to(transparent));
            background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);
            background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
                                transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
                                transparent 75%, transparent);            
            
            -webkit-animation: animate-stripes 3s linear infinite;
            -moz-animation: animate-stripes 3s linear infinite;        
            position: relative;     
}


        
    @-webkit-keyframes animate-stripes { 
            0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }
        
        
        @-moz-keyframes animate-stripes {
            0% {background-position: 0 0;} 100% {background-position: 60px 0;}
        }

.dialog_w {padding-top: 40px  !important;}
.dialog_w .ui-dialog-titlebar button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close{    width: 50px !important;
    height: 50px !important;
    top: -20px !important;
    right: 13px;
    background: #fff !important;
    border-radius: 100px !important; position: absolute !important; padding: 0 !important;}

.dialog_w .ui-dialog-titlebar button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close > .ui-icon-closethick{width: 50px !important;
    height: 50px !important;}



/*----------------------popup-----------------------*/
.ddexitpop{    border: 0;
    border-radius: 5px;
    box-shadow: 3px 3px 20px -2px rgb(0 0 0 / 30%);
    padding:0rem; }

.ddexitpop h1 {
    padding: 20px;
    text-align: center;
    margin: 0px;
    background: #f7f7f7;
    font-size: 2rem;
    line-height: normal;
}

.ddexitpop .dd-content{padding: 30px; display: flex; flex-direction: column;}
.ddexitpop .dd-content p{color: #21222b; font-size: 18px; font-weight: 600; margin-bottom:15px;}
.ddexitpop .dd-content ul{display: flex; flex-direction: column;}
.ddexitpop .dd-content ul li{position: relative; padding-left: 20px; color: #21222b; font-size: 18px; font-weight: 600; margin: 3px 0px; }
.ddexitpop .dd-content ul li:before{    content: "";
    width: 10px;
    height: 3px;
    border-radius: 0;
    background: #ffcc00;
    position: absolute;
    left: 0;
    top: 12px;}

.ddexitpop .dd-btn {display: flex; align-items: center; justify-content: center; padding-bottom: 30px;margin-top: -35px;}
.ddexitpop .dd-btn .calltoaction{    width: auto;
    
    border-radius: 5px !important;
    height: auto;
    text-align: center;
   width: auto;
    padding: 19px 25px;
    color: #21222b !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 0px;
    font-weight: 800;position: relative;
    box-shadow: 1px 1px 4px -1px rgb(0 0 0 / 20%);
    font-size: 14px; 
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffcc00;
   font-family: Raleway, sans-serif;}
.ddexitpop .dd-btn .calltoaction:hover{background: #21222b; color: #ffcc00 !important;}


#stepcount li.current:before, #stepcount li.current:after {
    background: #21222b;
    color: #ffcc00;
    border-color: #21222b;
    background: 1px 1px 2px 0px rgb(0 0 0 / 14%);
}

.email-input-hd label#form_email-error{ width: 80%; position: absolute; bottom: -50px; text-align: center;font-weight: 500;
    font-size: 18px;
} 

.email-custom-check {display: flex;
    align-items: center; width:auto !important;}
 .ddexitpop .close-dd-pop   {    position: absolute;
    border: 0;
    background: #f7f7f7;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    padding: 5px; right: 0;
    top: -22px;}
 .ddexitpop .close-dd-pop:hover,
  .ddexitpop .close-dd-pop:focus{outline: none;}
button:focus, button:hover{outline: none;}
  .ddexitpop .close-dd-pop  > .ui-icon-closethick{width:100%; height: 100%; font-size: 22px;}}
.footer-links-box ul li:before {
    content: "-";
    position: absolute;
    left: 0;
    font-size: 1.063rem;
}