@font-face {
    font-family: 'FontAwesome';
    src: url('./fontawesome-webfont.eot');
    src: url('./fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff') format('woff'),
        url('../fonts/fontawesome-webfont.ttf') format('truetype'),
        url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
    font-weight: normal;
    font-style: normal
}



@font-face {
    font-family: 'Outfit';
    src: local('Outfit SemiBold'), local('Outfit-SemiBold'),
        url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: local('Outfit Regular'), local('Outfit-Regular'),
        url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: local('Outfit Medium'), local('Outfit-Medium'),
        url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: local('Outfit Bold'), local('Outfit-Bold'),
        url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: local('Montserrat Bold'), local('Montserrat-Bold'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


body {padding: 0;margin: 0;font-family: 'Outfit';font-weight: 400;}
html, body {width: 100%;height: 100%}
a {text-decoration: none;color: #FF5E15;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;}
a:hover {text-decoration: none!important;cursor: pointer; color: #000;}
a:focus {text-decoration: none;transition: all 1s ease}
:focus {outline: none!important}
::-moz-selection {background-color:#000;color:#fff}
::selection {background-color: #000;color: #fff}   
.other-services-bottum-text .section-title::selection, .services-tabs ul.nav.nav-tabs li a.active .services-text h2::selection, .hero-title::selection{color: #fff;    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff;}
img {max-width: 100%;height: auto}
p {font-family: 'Outfit';font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;color: #666;}
p a {color: #FF5E15;}
p strong {color: #000; font-weight: 600;}
p a:hover {color: #30457C;}
ul, ol, ul li, ol li {margin: 0;padding: 0;}
ul li a, ol li a {color: #FF5E15;}
ul li a:hover, ol li a:hover {color: #30457C;}
figure, address {margin: 0;}
input, textarea, select, button {border-radius: 0;-webkit-box-shadow: none;box-shadow: none;outline: none;}
input:focus, textarea:focus, select:focus, button:focus { outline: 0 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
h1, h2, h3, h4, h5, h6 {font-family: 'Outfit';font-style: normal;font-weight: 600;color: #30457C;margin-bottom: 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #FF5E15;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {color: #FF5E15;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #30457C;}
h1 {font-size: 40px;line-height: normal;}
h2 {font-size: 32px;line-height: normal;}
h3 {font-size: 28px;line-height: normal;}
h4 {font-size: 24px;line-height: normal;}
h5 {font-size: 20px;line-height: normal;}
h6 {font-size: 16px;line-height: normal;}
select::-ms-expand {display: none;}
select {-moz-appearance: none;}
.alignleft {float: left;margin-right: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.alignright {float: right;margin-left: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.aligncenter {clear: both;display: block;margin: 0 auto 15px}
.default-css ul {margin-bottom: 20px;}
.default-css ol {padding-left: 18px;}
.default-css ul li, .default-css ol li { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: #666; margin: 0 0 15px; }
.default-css ul li a, .default-css ol li a {color: #FF5E15}
.default-css ul li strong, .default-css ol li strong {color: #30457C;font-weight: 600;font-family: 'Outfit';}
.default-css ul li a:hover, .default-css ol li a:hover {color: #30457C}
.default-css ul li { list-style: none !important; background: url(../images/list-arrow.png) no-repeat; background-position: 0 2px; padding-left: 35px; background-size: 26px; }
/*-----------------------*/
ul.two-col{display: flex; flex-wrap: wrap;}
ul.three-col{display: flex; flex-wrap: wrap;}
ul.three-col li{width:33.33%;}
ul.two-col li{width:50%;}

@media (max-width: 900px){
ul.three-col li{width:50%;}
}
@media (max-width: 575px){
ul.two-col{display:block;}
ul.three-col{display:block;}
ul.three-col li{width:100%;}
ul.two-col li{width:100%;}
}


/*--------- header-section ---*/

.header-section { position: absolute; top: 0; left: 0; right: 0; width: 100%; z-index: 99; }
.header-section.sticky {position: fixed; box-shadow: 0px 0px 8px rgb(0 0 0 / 14%);background-color: #000; }
.top-header{padding: 25px 0;}
.top-header .row{align-items: center;}
.top-text { color: #FFF; font-family: Outfit; font-size: 28px; font-style: normal; font-weight: 500; line-height: 30px; text-align: center; }
.top-text strong { color: #FF5E15;font-weight: 500; }
.head-call-now {display: flex;align-items: center;vertical-align: middle; justify-content: right;   float: right;}
.head-call-now .headcall-inn {
  padding-left: 8px;
  width: calc(100% - 58px);
}
.head-call-now p{color: #FF5E15; font-weight: 700; line-height: normal; margin: 0 0 1px;}
.head-call-now a { color: #FFF; font-family: Outfit; font-size: 30px; font-style: normal; font-weight: 700; line-height: 34px;}
.head-call-now a:hover {color: #FF5E15;}
.head-call-now figure{  width: 58px; }


.header-menu{position: relative;}
.header-menu::before { content: ''; background-color: #fff; height: 100%; position: absolute; top: 0; width: 30%; right: 0; z-index: -1; }
.header-row{ background-color: #FFF; padding: 2px 0 2px 25px; border-radius: 4px 0 0 4px; display: flex; align-items: center; justify-content: space-between; }

.schedule-btn a{
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    display: inline-block;
    padding: 11px 27px;
    background-color: #FF5E15;
}
.schedule-btn a:hover{
    background-color: #30457C; color: #fff;
}


/*--banner--*/

.home-banner { position: relative; background-repeat: no-repeat !important; background-size: cover!important; z-index: 1; padding: 214px 0 60px; }
.home-banner::before { content: ''; height: 100%; width: 100%; bottom: 0; position: absolute; left: 0; z-index: -1; opacity: 0.71; background: #0E0E0E; }
.home-banner>img {width: 100%;}
.banner-caption-left{padding-top: 20px;}
.banner-title { margin-bottom: 15px; color: #FFF; font-family: Montserrat; font-size: 58px; font-style: normal; font-weight: 700; line-height: 74px; /* 127.586% */ text-transform: uppercase;}
.banner-title strong{ color: #FF5E15;}
.banner-caption p{ color: #666; font-family: 'Outfit'; font-size: 20px; font-style: normal; font-weight: 400; line-height: 30px; }
.banner-caption ul {margin: 0 0 0;padding: 0;}
.banner-caption ul li { padding-left: 38px; background: url(../images/list-arrow.png) no-repeat top left; background-position: top 3px left; list-style: none; color: #FFF; font-family: Outfit; font-size: 26px; font-style: normal; font-weight: 600; line-height: 35px; margin-bottom: 15px;}
.banner-caption ul li strong{color: #FF5E15;font-weight: 600;}
.banner-star p { margin: 0; padding-left: 10px; color: #fff; font-weight: 500; display: inline-block; font-size: 20px; }
.banner-star { display: -webkit-box; display: -ms-flexbox; -ms-flex-wrap: wrap; display: inline-block; padding-bottom: 13px; }
.stardx { display: inline-block; position: relative;top: -1px; }

.banner-btns { padding-top: 15px; }
a.theme-btn { border-radius: 45px; background: #FF5E15;color: #FFFBFB; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; padding: 13px 30px; display: inline-block; text-align: center;  text-transform: uppercase;}

a.theme-btn:hover{ box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.25); color: #FF5E15;background: #FFF; }
a.theme-btn.btn-white { background: #FFF;color: #FF5E15;box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.25);}
a.theme-btn.btn-white:hover { background: #FF5E15;color: #FFFBFB; }
.banner-btns a.theme-btn { margin-right: 18px; }


/*--logo-section--*/
.logo-list ul {
  padding: 0;
  margin: 0;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.logo-list ul li {list-style: none;padding: 5px 60px 0 0;text-align: center;height: 100%; }
.logo-list ul li:last-child {border-right: none;padding-right: 0;}
.logo-list{padding-top: 60px;}


.form-hero {
  border-radius: 10px;
  background: #FFF;
  padding: 15px 18px 25px;
  max-width: 510px;
  float: right;
}
.form-hero .b-form-title { color: #FFF; text-align: center; font-family: Outfit; font-size: 44px; font-style: normal; font-weight: 700; line-height: 36px; /* 81.818% */ text-transform: uppercase;border-radius: 10px; background: #30457C;padding: 24px 15px; margin-bottom: 30px; }
.form-hero .gform_wrapper {max-width: 100%!important;margin: 0 !important;padding: 0!important;}
.gform_wrapper .gform_fields {display: -webkit-box;display: -ms-flexbox;display: flex !important;-ms-flex-wrap: wrap;flex-wrap: wrap;grid-column-gap: 0% !important;grid-row-gap: 0px !important;}
.gform_wrapper.gravity-theme .gform_fields {grid-column-gap: 0 !important;grid-row-gap: 0 !important;}
.form-hero .gform_body { margin: 0 -7px; }
.gform_wrapper .gfield {padding: 0 7px 15px;clear: both;text-align: left;width: 100%;margin: 0;}
.gform_wrapper.gravity-theme .ginput_container_address {margin-left: 0 !important;margin-right: 0 !important;}
.gfield--type-address {margin-bottom: 0 !important;}
.gform_wrapper.gravity-theme .ginput_container_address span {padding: 0 7px 15px !important;margin: 0 !important;}
.gform_wrapper.gravity-theme fieldset {margin: 0 !important;}
.gform_wrapper .gfield.gfield--width-full {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.gform_wrapper .gfield.gfield--width-half {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.form-hero .gform_wrapper .ginput_container {margin: 0!important;padding: 0;position: relative;}
.form-hero .gform_wrapper label.gfield_label {font-family: ' Outfit', sans-serif;font-style: normal;font-weight: 400 !important;font-size: 16px !important;line-height: 22px;color: #666 !important;margin-bottom: 3px;}
.gform_wrapper .medium::-webkit-input-placeholder { /* Edge */color: #666;opacity: 1;}
.gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666;opacity: 1;}
.gform_wrapper .medium::placeholder {color: #666;opacity: 1;}
.gform_wrapper input[type="text"]::-webkit-input-placeholder { /* Edge */color: #666;opacity: 1;}
.gform_wrapper input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #666;opacity: 1;}
.gform_wrapper input[type="text"]::placeholder {color: #666;opacity: 1;}
.form-hero input.button.gform_button { display: inline-block !important; position: relative !important; cursor: pointer !important; transition: all 1s !important; border: none !important; color: #FFF !important; text-align: center !important; font-family: Outfit !important; font-size: 20px !important; font-style: normal !important; font-weight: 700 !important; line-height: 26px !important; border-radius: 4px !important;
    background: #FF5E15 !important; padding: 17px 53px !important; text-transform: uppercase !important;}
.form-hero input.button.gform_button:hover { background: #30457C !important; color: #fff !important; }
.gform_wrapper textarea.medium { height: 55px !important; display: block; }
.gform_wrapper .gform_footer { padding: 0px 0 0 0 !important; margin: 10px 0 0 0 !important; }
.form-hero .gform_wrapper .ginput_complex select {background: #fff url(../images/select-arrow.png) no-repeat right 13px center !important; background-size: 16px !important;}
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium { width: 100% !important; padding: 7px 14px 7px 14px; -webkit-appearance: none; resize: none; border-radius: 0; position: relative; height: 38px; transition: all 1s; margin: 0 !important; box-shadow: none; color: #666 !important; font-size: 16px !important; font-family: Outfit; font-style: normal; font-weight: 400; line-height: normal;  background: #FFF;
border: none;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10) !important;}
.form-hero .gform_wrapper select { background: #fff url(../images/select-arrow.png) no-repeat right 13px center!important; background-size: 16px !important; }
.form-hero .gform_wrapper label, .form-hero .gform_wrapper label, .form-hero .gform_wrapper label.gfield_label {font-size: 16px!important;font-family: Outfit;font-style: normal;font-weight: 400;line-height: 28px;color: #666;margin: 0 !important;padding-left: 5px;}

.modal.popup-form .modal-dialog { max-width: 700px !important; position: absolute; top: 0; left: 0; right: 0; transform: inherit; width: 94%; border-radius: 10px; margin: 70px auto 0; }
.modal.popup-form .modal-content { border: none; box-shadow: none; border-radius: 10px; }
.modal.popup-form .modal-body { padding: 0; border: none; }
.modal.popup-form .modal-body .form-hero { border: none; max-width: 100%; width: 100%; padding: 40px 30px; }
.modal.popup-form button.close { opacity: 1; position: absolute; right: 30px; top: 30px; font-size: 0; font-weight: normal; color: #fff; cursor: pointer; text-shadow: none; background: transparent; border: none; outline: none; }

.form-hero .ginput_container.ginput_container_fileUpload { text-align: center; border-radius: 0; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10); background: #FFF; padding: 6px; }
.form-hero input[type="file"] { display: none; }

.form-hero .gform_wrapper label {
  font-size: 16px!important;
  font-family: Outfit;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  color: #000;
  margin: 0!important;
  padding-left: 5px
}

.form-hero .ginput_container.ginput_container_fileUpload,.form-hero .gform_wrapper.gravity-theme .gform_drop_area {
  text-align: center;
  padding: 10px!important;
  border-radius: 0!important;
  background: #fff!important;
  border-color: transparent !important;
  
}

.form-hero input[type=file] {
  display: none
}

.form-hero .button.gform_button_select_files {
  border: none;
  display: inline-block;
  padding: 8px 28px !important;
  margin-top: 5px !important;
  color: #fff !important;
  font-family: Outfit !important;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 23px !important;
  border-radius: 4px;
  background: #FF5E15 !important;
}

.form-hero .button.gform_button_select_files:hover {
  background-color: #30457C !important;
}

.form-hero .ginput_container.ginput_container_fileUpload label {
  color: #414141;
  font-size: 14px!important
}
.gform-theme--foundation .gform_drop_area{
  background: #fff !important;
  border: none !important;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .1) !important;
  padding: 10px !important;

}
.newsletter-form .gform_wrapper .gfield {
  padding: 0;
}




/*--floating-icon--*/

.floating-icon {position: fixed;right: -73px;top: 50%;transform: translateY(-50%);z-index: 11;transform: rotate(-90deg);}
.floating-icon a { padding: 15px 30px; display: inline-block; text-align: center; border-radius:0; color: #000; font-family: 'Outfit'; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px;  background: #fff; border: 1px solid #D9D9D9;}
.floating-icon a:hover {color: #fff; background: #30457C; border-color: #30457C; }
.floating-icon a strong{color: #FF5E15; text-transform: uppercase;font-weight: 500;}

.heading-title {
    margin-bottom: 15px;
    color: #30457C;
    font-family: Outfit;
    font-size: 58px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    text-transform: uppercase;
}
.heading-title strong{ color: #FF5E15; font-weight: 700; }




.working-section {
    padding: 110px 160px 110px 0;
  }
  .working-section .row {
    align-items: center;
  }
  .working-section .col-sm-7 {
    width: 47%;
}
  .working-img {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .working-img figure {
    margin: 0 25px;
  }
  .working-section .col-sm-5 {
    width: 53%;
}
  .working-content {
    max-width: 700px;
    padding-left: 50px;
  }
  .working-content .section-heading {
    margin-bottom: 35px;
  }
  .working-box {
    display: flex;
    align-items: center;
    margin-bottom: 55px;
  }
  .working-box-content h3 {
    color: #000;
    font-family: Outfit;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 6px;
    transition: all 0.6s;
  }
  .working-box:hover .working-box-content h3{
    color: #FF5E15;
  }
  .working-box:last-child {
    margin-bottom: 0px;
  }
  .working-box .working-box-img {
    border-radius: 4px 4px 84px 84px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 20px 40px 10px;
    border-top: 6px solid #FF5E15;
    text-align: center;
    height: auto;
    margin-right: 55px;
}
  .working-box .working-box-img figure {
    margin-bottom: 15px;
  }
  .working-count {
    color: #30457C;
    text-align: center;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
  }
  .working-box-content {
    width: calc(100% - 220px);
}
.working-box-content p {
  margin: 0;
}





/*--shower-services-section--*/
section.services-section {
    padding: 0px 15px;
  }
.services-row {
    border-radius: 45px;
    padding: 100px 0 80px;
    background: #F9F4F4;
  }
  .services-parent .section-heading {
    max-width: 1400px;
    margin: 0 auto 20px;
  }
  .services-parent {
    text-align: center;
  }
  .services-parent h3 {
    color: #666;
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    text-transform: uppercase;
  }
.services-parent ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0;  justify-content: center;}
.services-parent ul li {
    list-style: none;
    width: 16.66%;
    padding: 25px 16px;
  }
.services-box {
    padding: 0px 0px;
    height: 100%;
    text-align: center;
  }
.services-box figure {
    text-align: center;
    line-height: 125px;
    margin: 0 auto 25px;
    transition: all 0.6s;
    width: 161px;
    height: 143px;
    border-top: 6px solid #FF5E15;
    border-radius: 4px 4px 84px 84px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
  }
.services-box h4 {
    color: #000;
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 10px;
    transition: all 0.6s;
  }
  
.services-box:hover h4{
    color: #FF5E15;
}

/*--default-section--*/
.default-section.hntc .section-heading { max-width: 100%; }
.default-section.hntc { background: #F9F4F4; }

/*--testimonial-section--*/
section.testimonial-section {
    padding: 100px 50px;position: relative;z-index: 1;background-repeat: no-repeat;background-size: cover;overflow: hidden;
}
section.testimonial-section::before {
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;opacity: 0.9;
    background: #30457C;
}
.testimonial-row-parent {
    position: relative;
    z-index: 1;
    max-width: 1500px;
    margin: 0 auto;
  }
.testimonial-row-parent::after {
    content: "";
    background: url(../images/testimonial-shape.png) no-repeat;
    height: 600px;
    position: absolute;
    width: 110px;
    left: -11%;
    z-index: -1;
    top: -40%;
    transform: translateX(-50%);  
    background-size: cover;
}
.testimonial-row-parent::before {
    content: "";
    background: url(../images/testimonial-shape.png) no-repeat;
    height: 600px;
    position: absolute;
    width: 110px;
    right: -18%;
    z-index: -1;
    top: -40%;
    transform: translateX(-50%) rotate(-180deg);
    background-size: cover;
  }
section.testimonial-section .heading-title { margin: 0;color: #fff;}
.testimonial-row-parent .row {justify-content: center;}
.client-star { margin-top: 15px;}
.testimonial-row-parent .col-sm-4 {
    padding: 20px 0px;}
.testimonial-section .section-heading.text-center {
    margin-bottom: 33px;
}
.client-say-box figure {margin-bottom: 25px;
}
.client-say-box {
    position: relative;
    height: 100%;
    padding: 0px 45px 45px;
    background: transparent;
    z-index: 1;
    text-align: center;
  }
  .client-nm-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    text-align: center;
  }
.client-nm-text h6 {
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px; transition: 0.6s; 
    margin: 0;}
.client-say-box p {color: #fff;}

.client-say-box:hover .client-nm-text h6{
    color: #FF5E15;
}

.testimonial-row-parent .client-say-box {
  border-right: 1px solid #D9D9D9;
}
.testimonial-row-parent .col-sm-4:last-child .client-say-box {
  border-right: none;
}
.testimonial-row-parent .col-sm-4:nth-child(3n) .client-say-box{
border-right: none;
}



/* --service-area-section--*/
section.service-area-section {
    position: relative;
    padding: 120px 50px;
  }
.service-area-row {
    border-radius: 45px;
    border: 1px solid rgba(48, 69, 124, 0.10);
    background: #F9F4F4;
    padding: 100px 50px 100px 100px;
  }
.service-area-section .col-sm-5 {
    padding: 0;
    width: 42%;
}
.service-area-section .col-sm-7 {
    padding: 0;
    width: 58%;
  }
.services-area-img>figure>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-area-heading .heading-title {
    margin-bottom: 10px;
}
.service-area-section .row {align-items: center;}
.service-area-left {
    padding: 0px 0px 0px 120px;
  }
  .service-area-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0px 0 -10px;
}
.service-area-list ul li {width: 33.33%;list-style: none;}
.area-location-bx {padding: 23px 10px 23px 10px;display: flex;align-items: center;}

.area-location-bx h6 {
    margin: 0;
    padding-left: 20px;
    font-family: Sen;
    font-size: 22px;
    font-style: normal;color: #414141;
    font-weight: 400;
    line-height: 28px;font-family: Outfit;
  }
.area-location-bx:hover h6 {color: #FF5E15;}













/*  */
section.gallery-section {
    padding: 100px 0;position: relative;z-index: 1;
}
.choose-btns {
    text-align: center;
    padding-top: 20px;
}
.choose-btns a.theme-btn.btn-white {
    margin-left: 20px;
}
.gallery-row {
    padding-top: 40px;
}
  .choose-row .col-sm-6 {
    padding: 0 20px;
  }
section.gallery-section::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 65%;
    left: 0;
    background: url(../images/gallery-row-bg.png) no-repeat;
      background-size: auto;
    background-size: 100%;
    z-index: -1;
    bottom: 0;
  }
.gallery-row .row {
    align-items: center;
    justify-content: center;
}
.gallery-row .col-sm-3 {
    padding: 25px;
}
.gallery-items>img {width: 100%;object-fit: cover;border-radius: 10px;}
.gallery-img > figure > img {width: 100%;}
.gallery-row-parent {position: relative;}
.gallery-image {overflow: hidden;}
.gallery-image img {width: 100%;transition: all 0.6s;}
.gallery-items:hover .gallery-image img {transform: scale(1.1);}
.gallery-items {position: relative;}
.gallery-items::before {
    content: '';
    height: 97%;
    width: 100%;
    top: -10px;
    position: absolute;
    left: -10px;
    z-index: -1;
    border-radius: 10px;
    border: 1px solid #FF5E15;
}
.gallery-item .gallery-image {width: 100%;height: 100%;object-fit: cover;}
.gallery-item-parent {position: absolute;bottom: 15px;left: 15px;right: 15px;top: 15px;opacity: 0.9;background: #FF5E15;overflow: hidden;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: .3s;transition: .3s ease;border-radius: 10px;}
.gallery-item-text {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;width: 100%;text-align: center;}
a.example-image-link {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;align-items: center;height: 80px;width: 80px;position: relative;background: #fff;border-radius: 50%;margin: 0 auto;position: relative;}
.gallery-items:hover .gallery-item-parent {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.lb-nav a.lb-prev, .lb-nav a.lb-next {opacity: 1 !important;width: 50px !important;height: 50px;top: 50%;position: absolute;transform: translateY(-50%);z-index: 1;}
.lb-nav a.lb-prev {left: 15px !important;}
.lb-nav a.lb-next {right: 15px !important;}
.lb-data .lb-close {background-size: 26px !important;}
.lb-nav {position: static !important;}
.lightbox {position: fixed !important;left: 0;top: 50% !important;transform: translateY(-50%) !important;}
.gallery-slider .owl-nav .owl-next, .gallery-slider .owl-nav .owl-prev {background-position: center !important;background-repeat: no-repeat !important;height: 80px;width: 80px;border-radius: 50%;margin: 0 10px;border: 1px solid #000 !important;display: inline-block;}
.gallery-slider .owl-nav .owl-prev {background: url(../images/owl-prev.png) no-repeat !important;background-position: center !important;}
.gallery-slider .owl-nav .owl-next {background: url(../images/owl-next.png) no-repeat !important;background-position: center !important;}
.gallery-slider .owl-nav .owl-prev:hover {background: url(../images/owl-prev-hover.png) no-repeat !important;background-position: center !important;border-color: #4d98d2 !important;}
.gallery-slider .owl-nav .owl-next:hover {background: url(../images/owl-next-hover.png) no-repeat !important;background-position: center !important;border-color: #4d98d2 !important;}
.gallery-slider .owl-nav span {display: none;}
.gallery-slider .owl-nav {text-align: center;padding-top: 30px;}







.recent-projects-section {
    padding: 110px 0;
  }

  .recent-projects-btns.text-center a.theme-btn {
    margin-right: 20px;
}
.recent-projects-btns.text-center {
    padding-top: 50px;
}
.large-4 h3 {
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0.56px;
    margin: 25px 0;
  }
  .large-4 {
    border: 1px solid #CCC;
  }
  .gallery-row .col-sm-6 {
    padding: 0 21px;
  }

.our-process-row {
    background: #F9F4F4;
    box-shadow: 0px 0px 40px 0px rgba(48, 69, 124, 0.30) inset;
}
.our-process-box {
  text-align: center;
  padding: 70px 95px 60px;
  height: 100%;background: #F9F4F4;
    box-shadow: 0px 0px 40px 0px rgba(48, 69, 124, 0.30) inset;
}
section.our-process-section .row {
    justify-content: center;
}
section.our-process-section .col-sm-4 {padding: 0;}
.our-process-box h3 {
    color: #30457C;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    text-transform: uppercase;
}
.our-process-box p {
    color: #666;
    text-align: center;
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}
section.our-process-section .col-sm-4:nth-child(even) .our-process-box {
    background: #FF5E15;
    box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.25);
}
section.our-process-section .col-sm-4:nth-child(even) .our-process-box h3 {color: #fff;}
section.our-process-section .col-sm-4:nth-child(even) .our-process-box p {color: #fff;}
section.our-process-section .col-sm-4:nth-child(even) .our-process-box figure img {filter: brightness(0.5);}
.our-process-btns {
  padding-top: 10px;
}
.our-process-btns  a.theme-btn.btn-white:hover {
  background: #30457C;
  color: #FFFBFB;
}




/*--faq--*/
section.faq-section {
  padding: 0px 0 100px;
}
section.faq-section .col-sm-7 {
  width: 70%;
}
section.faq-section .col-sm-5 {
  width: 30%;
}

.faq-img {
  height: 100%;
}
.faq-img figure {
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.faq-img > figure > img {
  width: 100%;
  object-fit: cover;
}
.faq-box-left {
  padding-right: 75px;
}
.faq-box .card-header h5, .card-header-title {
  padding: 34px 170px 20px 34px;
  position: relative;
  margin: 0px;
  box-shadow: none;
  color: #FF5E15;
  background: transparent;
  font-family: Outfit;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  border: none;
  border-radius: 0;
}
.card-body.default-css p {color: #666;}
.card-body.default-css {
  padding: 0px 170px 10px 34px;
  margin: 0px 0px 0 0px;
}
.faq-box .card {
  margin: 0 0 30px;
  border-radius: 15px;
  background: transparent;
  box-shadow: none;
  border: 1px solid #ccc;overflow: hidden;
}
.faq-box .card:last-child{
  margin-bottom: 0;
}
.card-header-title.collapsed {
  color: #414141;
  padding: 34px 170px 34px 34px;
  box-shadow: none;
  border-radius: 15px;
  border: none;
  background: transparent;
}
.card-header-title.collapsed:hover {color: #FF5E15;}
.faq-box .card-header h5:after, .card-header-title::after {
  content: "";
  background: url(../images/faq-minus.png) no-repeat center;
  width: 45px;
  height: 45px;
  position: absolute;
  top: 57%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  right: 40px;
  border-radius: 45px;
  border: 1px solid #FF5E15;
  background-size: 15px !important;
}
.faq-box .card-header {border: none;padding: 0;cursor: pointer;position: relative;margin: 0 0 0px;background: transparent !important;}
.faq-box .card-header h5.collapsed:after, .card-header-title.collapsed::after {
  background: url(../images/faq-pluse.png) no-repeat center;
  box-shadow: none;
  border-color: #414141;
  top: 50%;
}
.card-header-title::before {
  position: absolute;
  content: '';
  width: 130px;
  height: 58px;
  transform: rotate(-36.02deg);
  flex-shrink: 0;
  right: -30px;
  top: 0;
  border-radius: 230px;
  opacity: 0.26;
  background: #D9D9D9;
  overflow: hidden;
}
.faq-box-left .section-heading {
  margin-bottom: 30px;
}











/* OUR BLOG SECTION CSS START */
.blog-section {
  padding: 100px 0 1px;
  border-radius: 45px;
  background: #F9F4F4;
  margin: 0 60px 350px;
  position: relative;
  z-index: 1;
}
.blog-section .section-heading.text-center {
  max-width: 1050px;
  margin: 0 auto 25px;
}
section.blog-section::before {
  content: '';
  width: 300px;
  position: absolute;
  height: 250px;
  left: 0;
  top: 0;
  background: url(../images/blog-shape.png) no-repeat;
  z-index: -1;  background-size: cover;
}
section.blog-section::after {
  content: '';
  width: 300px;
  position: absolute;
  height: 250px;
  right: 0;
  top: 0;
  background: url(../images/blog-shape2.png) no-repeat;
  z-index: -1;  background-size: cover;
}
.blog-wrapper {
  margin-bottom: -250px;
}
.blog-wrapper .row {justify-content: center;}
.blog-wrapper .col-sm-4 {
    padding: 15px 20px;}

.blog-item {
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  background: #FFF;
  padding: 13px;
  text-align: center;
  height: 100%;
  transition: all 0.6s ease;
}
.blog-item figure {
  border-radius: 10px;
  overflow: hidden;
}
.blog-item figure img {
  width: 100%;
  transition: all 0.6s ease;
  border-radius: 10px;
}
.blog-content {
  padding: 25px 25px;
}
.blog-content h3 {
  margin: 0;
  color: #000;
  font-family: Outfit;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 36px;
  transition: all 0.6s ease;
}
.blog-content h3 a {
  color: #000;
  transition: all 0.6s ease;
}
.blog-item:hover .blog-content h3 a {color: #FF5E15;}
.blog-item:hover figure img {transform: scale(1.1);}

.blog-item:hover{
box-shadow: 0px 0px 60px 0px rgba(48, 69, 124, 0.10);
}


/*------footer-----*/
.newsletter-section {
  background: #F9F4F4;
  box-shadow: 0px 30px 80px 0px rgba(48, 69, 124, 0.16);
  padding: 60px 50px;
  position: relative;
  border-top: 1px solid #30457C;
}
.newsletter-title{ text-align: center; color: #30457C; font-family: Outfit; font-size: 70px; font-style: normal; font-weight: 700; line-height: 70px; margin-bottom: 30px; }
.newsletter-title strong{ color: #FF5E15; }
.newsletter-form { max-width: 1265px; width: 100%; margin: 0 auto; }
.newsletter-form form { position: relative; }
.newsletter-form .medium { padding: 15px 195px 15px 30px !important; display: block !important; height: 60px !important; width: 100% !important; margin: 0 !important; border-radius: 45px !important; border: 1px solid rgba(48, 69, 124, 0.30) !important; background: #FFF !important; color: #414141 !important; font-family: Outfit !important; font-size: 18px !important; font-style: normal !important; font-weight: 400 !important; line-height: 28px !important; }
.newsletter-form input.button.gform_button { display: inline-block !important; border: none !important; cursor: pointer !important; transition: all 0.6s ease-out !important; -webkit-transition: all 0.6s ease-out !important; -moz-transition: all 0.6s ease-out !important; -ms-transition: all 0.6s ease-out !important; -o-transition: all 0.6s ease-out !important; margin: 0 !important; padding: 11px 36px !important; height: 50px !important; position: absolute !important; top: 5px !important; right: 6px !important; color: #FFF !important; text-align: center !important; font-family: Outfit !important; font-size: 20px !important; font-style: normal !important; font-weight: 600 !important; line-height: 28px !important; text-transform: uppercase !important; border-radius: 0px 45px 45px 0px !important; background: #FF5E15 !important; }
.newsletter-form input.button.gform_button:hover{ background-color: #30457C !important; color: #fff !important; }
.newsletter-form .medium::-webkit-input-placeholder { /* Edge */ color: #414141 !important; opacity: 1; }
.newsletter-form .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #414141 !important; opacity: 1; }
.newsletter-form .medium::placeholder { color: #414141 !important; opacity: 1; }


.footer{ background: #F9F4F4; padding: 78px 0 0; }
.ftr-title { color: #FF5E15; font-family: Outfit; font-size: 28px; font-style: normal; font-weight: 700; line-height: 32px; text-transform: capitalize; margin-bottom: 20px; }
.ftr-item.ftr-item-2 ul {
  column-count: 2;
}
.ftr-contact-item {
  padding-left: 40px;
}
.ftr-parent .col-sm-3:nth-child(1) {
  width: 23%;
}
.ftr-parent .col-sm-3:nth-child(3) {
  width: 27%;
}
.ftr-item ul li { list-style: none; color: #414141; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; text-transform: capitalize; margin-bottom: 10px; }
.ftr-item ul li a { color: #414141; }
.ftr-item ul li a:hover { color: #FF5E15; }
.ftr-contact-col p strong { font-family: Outfit; font-style: normal; font-weight: 700; font-size: 20px; line-height: 28px; text-transform: capitalize; color: #FF5E15; display: block; }
.ftr-contact-col p { margin: 0; }
.ftr-contact-col figure { width: 50px; height: 50px; text-align: center; padding-top: 0; line-height: 46px; margin-right: 20px; margin-top: 5px; border: 1px solid #FF5E15; border-radius: 4px; }
.ftr-contact-col a { font-family: Outfit;  font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; text-transform: capitalize; color: #414141; display: block; }
.footer-hours-col { max-width: 375px; }
.ftr-contact-col a:hover { color: #FF5E15; }
.ftr-contact-col div { display: block !important; }
.ftr-contact-col { display: flex; flex-wrap: wrap; align-items: flex-start; margin-bottom: 30px; }
.footer-menu{ background: #30457C; padding: 7px 0; }
.footer-menu ul { display: flex; justify-content: center;align-items: center; }
.footer-menu ul li { list-style: none; display: inline-block; position: relative; font-family: Outfit; font-style: normal; font-weight: 400; font-size: 18px; line-height: 22px; color: #fff; }
.footer-menu ul li a:hover { color: #FF5E15; }
.footer-menu ul li::after { content: '/'; font-weight: 400; font-size: 18px; line-height: 36px; text-align: center; font-family: Outfit; color: #fff; padding: 0 65px; }
.footer-menu ul li:last-child:after { display: none; }
.footer-menu ul li a { color: #fff;transition: 0.6s; }
.footer-menu { border-top: 1px solid rgb(1 25 63 / 20%); border-bottom: 1px solid rgb(1 25 63 / 20%); margin: 35px 0 0 0; }

.menu-copyright ul {padding: 0;margin: 0;}
.menu-copyright ul li { list-style: none; display: inline-block; position: relative; font-weight: 400; font-size: 18px; line-height: 28px; text-align: center; font-family: Outfit; color: #414141; }
.menu-copyright ul li a {color: #414141;}
.menu-copyright ul li a:hover {color: #FF5E15;}
.menu-copyright ul li::after {content: '/';font-size: 18px;line-height: 18px;color: #414141;font-weight: 400;padding: 0 10px 0 13px; font-family: Outfit;}
.copyright-sections { position: relative; z-index: 1; padding: 13px 0;  }
.copyright p {margin: 0;}
.copyright p a {color: #FF5E15;;}
.copyright p a:hover {color: #000;}
.menu-copyright { text-align: right; }
.menu-copyright ul li:last-child:after {display: none;}
.copyright-sections .row { align-items: center; }
.ftr-social a { background: #30457C; height: 50px; width: 50px; text-align: center; border-radius: 50%; display: inline-block; margin: 0 5px; line-height: 48px; }
.ftr-social a img { filter: brightness(0) invert(1); width: auto; max-height: 23px; transition: all 0.6s ease; }
.ftr-social a:hover { background: #fff; box-shadow:0px 0px 20px rgba(255, 94, 21, 0.30); }
.ftr-social a:hover img{ filter: none; }
.ftr-logo{ margin-bottom: 38px;   text-align: center;}
.ftr-social {
  text-align: center;
}






/*  -----twentytwenty-css------*/

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  content: " " ;
  display: block ;
  background: white ;
  position: absolute !important;
  z-index: 30 ;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) ;
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) ;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) ; }

.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px ; 
  height: 9999px ;
  left: 50% ;
  margin-left: -1.5px ; }

.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px ;
  height: 3px ;
  top: 50% ;
  margin-top: -1.5px ; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  position: absolute !important;
  top: 0 ;
  width: 100% ;
  height: 100% ; }

.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s ;
  -moz-transition-duration: 0.5s ;
  transition-duration: 0.5s ; }

.twentytwenty-before-label, .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity ;
  transition-property: opacity ; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  color: white ;
  font-size: 13px ;
  letter-spacing: 0.1em ; }

.twentytwenty-before-label:before, .twentytwenty-after-label:before {
  position: absolute !important;
  background: transparent;
  padding: 0 20px ;
  -webkit-border-radius: 2px ;
  -moz-border-radius: 2px ;
  border-radius: 2px ; 
  color: #FFF ;
  -webkit-text-stroke-width: 1;
  -webkit-text-stroke-color: #000 ;
  font-family: Outfit ;
  font-size: 18px ;
  font-style: normal ;
  font-weight: 700 ;
  line-height: 20px ;
  letter-spacing: 0.36px ;
  text-transform: uppercase ;
}

.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 10% !important;
  margin-top: -19px !important; }

.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 10% !important;
  margin-left: -45px !important;
  text-align: center !important;
  width: 90px !important; }

  .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
    width: 25px !important;
    height: 25px !important;
    border: none !important;
    position: absolute !important;
    background-position: center !important;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  top: 50% ;
  margin-top: -10px ;
}
.twentytwenty-up-arrow, .twentytwenty-down-arrow {
  left: 50% ;
  margin-left: -6px ; }

.twentytwenty-container {
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  box-sizing: content-box !important;
  z-index: 0 ;
  overflow: hidden !important;
  position: relative !important;
  -webkit-user-select: none ;
  -moz-user-select: none ;
  -ms-user-select: none ; }
  .twentytwenty-container img {
    max-width: 100% !important;
    position: absolute !important;
    top: 0 !important;
    display: block !important; }
  .twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay {
    background: rgba(0, 0, 0, 0) ; }
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label,
    .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label {
      opacity: 0 ; }
  .twentytwenty-container * {
    -webkit-box-sizing: content-box ;
    -moz-box-sizing: content-box ;
    box-sizing: content-box ; }

.twentytwenty-before-label {
  opacity: 0 ; }
  .twentytwenty-before-label:before {
    content: attr(data-content) ; }

.twentytwenty-after-label {
  opacity: 0 ; }
  .twentytwenty-after-label:before {
    content: attr(data-content) ; }

.twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px ; }

.twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px ; }

.twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px ; }

.twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px ; }

.twentytwenty-overlay {
  -webkit-transition-property: background ;
  -moz-transition-property: background ;
  transition-property: background ;
  background: rgba(0, 0, 0, 0) ;
  z-index: 25 ; }
  .twentytwenty-overlay:hover {
    background: rgba(0, 0, 0, 0.5) ; }
    .twentytwenty-overlay:hover .twentytwenty-after-label {
      opacity: 1 ; }
    .twentytwenty-overlay:hover .twentytwenty-before-label {
      opacity: 1 ; }

.twentytwenty-before {
  z-index: 20 ; }

.twentytwenty-after {
  z-index: 10 ; }

.twentytwenty-handle {
  height: 80px !important;
  width: 80px !important;
  position: absolute !important;
  left: 50% ;
  top: 50% ;
  margin-left: -40px !important;
  margin-top: -40px !important;
  border: none !important;
  background: #fff !important;
  -webkit-border-radius: 1000px ;
  -moz-border-radius: 1000px ;
  border-radius: 1000px ;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) ;
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) ;
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5) ;
  z-index: 40 ;
  cursor: pointer ; }

.twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50% ;
  margin-bottom: 40px ; 
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50% ;
  margin-top: 40px ;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

.twentytwenty-vertical .twentytwenty-handle:before {
  left: 50% ;
  margin-left: 22px ;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after {
  right: 50% ;
  margin-right: 22px ;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }

  .twentytwenty-left-arrow {
    border-right: none ;
    left: 50% ;
    margin-left: -30px ;
    background: url(../images/twentytwenty-right.png) no-repeat ;
    transform: rotate(-180deg) ;
}
.twentytwenty-right-arrow {
  border-left: none ;
  right: 50% ;
  background: url(../images/twentytwenty-right.png) no-repeat ;
  margin-right: -30px ;
}
.twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50% ;
  margin-top: -17px ; }

.twentytwenty-down-arrow {
  border-top: 6px solid white ;
  bottom: 50% ;
  margin-bottom: -17px ; 
}
.modal-backdrop.show {
  opacity: .93
}






/*--inner pages start--*/
section.inner-banner {position: relative;}
section.inner-banner::before {content: '';height: 100%;width: 100%;top: 0;left: 0;position: absolute;background: #0E0E0E; opacity: 0.7;}
.inner-banner>img {width: 100%;}
.banner-title.inner-title {
  font-size: 40px;
  line-height: 50px;
}
section.inner-banner .hero-banner-content {
  max-width: 1350px;
  margin: 0 auto;
}
section.inner-banner .caption-absolute {position: absolute;top: 63%;left: 0;width: 100%;transform: translateY(-50%);z-index: 1;
  text-align: center;}
.banner-btns.inner-btn {
  padding-top: 25px;
}
.page-nav {
  display: inline-block;
  width: 100%;
  text-align: center;
  background: #fff;
  position: relative;
  z-index: 1;
}
.page-nav::before{
  content: '';
  position: absolute;
  width: 100%;
  height: 65px;
  left: 0;
  bottom: -65px;
  background: url(../images/page-nav-shape.png) no-repeat;
  background-size: 100%;
}
.page-nav-box {
  padding: 15px 20px;
}
.page-nav ul li {
  margin: 0px;
  list-style: none;
  color: #666;
  font-family: Outfit;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
}
.page-nav ul li span a {
  color: #666;
}
.page-nav ul li span a:hover {color: #000;}
.page-nav ul li span {
  color: #FF5E15;
}
  .page-nav {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #fff;
  }

  .services-section.services-inn {
    padding: 0;
  }
  .services-section.services-inn .container {
    max-width: 1400px !important;
  }
  .services-section.services-inn .services-row {
    border-radius: 0;
    padding: 100px 0 80px;
    background: #fff;
  }
  .services-section.services-inn .services-parent ul li {
    width: 25%;
  }
section.service-area-section.innsidex {
  background: #F9F4F4;
}
 
    .page-template-template-service-areas section.service-area-section.service-area-inn {
      padding-bottom: 0;
    }
  .default-section {
    padding: 100px 0;
  }
  .default-btns {
    padding-top: 45px;
  }
  .default-btns .theme-btn.btn-white {
    margin-left: 20px;
  }

  .contact-map .col-sm-12 {
    padding: 0;
}
.contact-map iframe {
  object-fit: cover;
  width: 100%;
  padding: 0;
  margin: 0;
  display: block;
  height: 470px;
}
.contact-inn-section .contact-row {
  max-width: 1280px;
  margin: 0 auto;
  border-radius: 10px;
  background: #F9F4F4;
}
.contact-inn-section {
  padding: 120px 0;
}
.contact-inn-section .form-hero {
  border-radius: 0px 10px 10px 0px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  height: 100%;
}
.banner-main-form-div {
  height: 100%;
}
.contact-inn-section .ftr-contact-item {
  padding: 45px 80px 25px 70px;
}
.contact-inn-section .ftr-title {
  color: #30457C;
  font-family: Outfit;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-transform: uppercase;
  margin-bottom: 35px;
}
.contact-content .ftr-contact-col {
  flex-wrap: initial;
  margin-bottom: 45px;
}
.contact-content .ftr-contact-col:first-child{
  margin-right: 60px;

}
.contact-content {
  display: flex;
  flex-wrap: wrap;
}
.ftr-contact-col p b {
  color: #FF5E15;
  font-weight: 400;
}
.contact-img figure {
 overflow: hidden;
 border-radius: 10px;
}
.contact-img figure img {
  width: 100%;
  object-fit: cover;
}
section.after-before-section {
  padding: 120px 0;
}
section.after-before-section .col-sm-8 {
  width: 69%;
}
section.after-before-section .col-sm-4 {
  width: 31%;
}
.after-before-content.default-css figure {
  width: 100%;
  margin: 0 0 45px;
}
.after-before-content.default-css figure img {
  width: 100%;
  object-fit: cover;
}
.after-before-content-text {
  margin-bottom: 45px;
}
.after-before-content.default-css h3, .after-before-content.default-css h4, .after-before-content.default-css h5, .after-before-content.default-css h6, .after-before-content.default-css h1, .after-before-content.default-css h2{
  color: #30457C;
  font-family: Outfit;
  font-size: 45px;
  font-style: normal;
  font-weight: 600;
  line-height: 60px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px;
}
.sidebar-contact-form .form-hero {
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 0px 60px 0px rgba(2, 21, 90, 0.10);
  padding: 15px 25px 35px;
  float: none;
  max-width: 100%;
}
.sidebar-contact-form {
  margin-bottom: 70px;
}
.sidebar-contact-form .form-hero .b-form-title {
  font-size: 36px;
  line-height: 36px;
  padding: 18px 15px;
  margin-bottom: 20px;
}
.sidebar {
  padding-left: 55px;
}
.sidebar-img {
  position: relative;
  z-index: 1;
}
.sidebar-img figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sidebar-img figure {
  height: 100%;overflow: hidden;
  border-radius: 10px;
}
.sidebar-img::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(48, 69, 124, 0.02) 7%, #30457C 80%);
}
.sidebar-img-content {
  position: absolute;
  bottom: 25px;
  left: 15px;
  right: 15px;
  text-align: center;
}
.sidebar-img-content h3 {
  color: #FFF;
  font-family: Outfit;
  font-size: 33px;
  font-style: normal;
  font-weight: 700;
  line-height: 41px;
}
.wp-pagenavi {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a, .wp-pegination a.page-numbers  { width: 50px; height: 50px; display: inline-block; margin: 0 10px 0 0; text-align: center; line-height: 47px; color: #000; border: 1px solid #FF5E15; color: #000; font-family: Outfit; font-size: 22px; font-style: normal; font-weight: 500; border-radius: 4px; }
.wp-pegination span.current, .wp-pegination .page:hover, .wp-pegination a.page-numbers:hover  { background: #30457C; color: #fff; border: 1px solid #30457C; }
.wp-pegination a.nextpostslink { background: url(../images/next-arrow.png); background-repeat: no-repeat !important; background-position: center center !important; font-size: 0;;}
.wp-pegination a.previouspostslink {background: url(../images/next-arrow.png);background-repeat: no-repeat !important;background-position: center center !important;font-size: 0;transform: rotate(180deg);}
.wp-pegination a.nextpostslink:hover { background: #30457C url(../images/next-arrow-hover.png); background-repeat: no-repeat !important; background-position: center center !important; border: 1px solid #30457C;}

section.default-section.inpad {
    padding: 100px 0;
}

.form-hero.service-detail-form {
  background: #f9f4f4;
  margin-bottom: 30px;float: none; border-radius: 10px;
}
.sidebar-title {
  color: #000;
  font-family: Outfit;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 6px;
}
.service-detail-list {
  background: #f9f4f4;border-radius: 10px;
  margin-bottom: 30px;padding: 20px 20px;
}
.service-detail-list ul li {
  
  list-style: none;
}
.service-detail-list ul li a {
  border-bottom: 1px solid #ccc;
  display: block;
  padding: 7px 20px 7px 0;
  position: relative;
  font-family: 'Outfit';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #666;
}
.service-detail-list ul li a:hover{
      color: #FF5E15;
}
.service-detail-list ul li:last-child a{
  border-bottom: 0;
}
.service-detail-list ul li a::after {
  content: "\f105";
  position: absolute;
  top: 9px;
  right: 0;
  height: 13px;
  background-size: cover;
  color: #666;
  font-family: 'FontAwesome';
  font-size: 16px;
}
.estimatin-titel {
  background: #2388da;
  box-shadow: 0px 0px 60px 0px rgba(164, 32, 53, 0.10);
  text-align: center;
  padding: 40px 20px;
  margin-bottom: 30px;
}

.search-btn {margin-bottom: 35px;border-radius: 4px;padding: 30px 28px 30px;background: #f9f4f4;}
.search-btn form {position: relative}
.search-medium {width: 100%;padding: 15px 70px 15px 15px;border: 1px solid rgba(0, 0, 0, 0.3);height: 60px;background-color: #fff;border-radius: 8px;font-size: 18px;line-height: 28px;color: #414141;font-family: 'Outfit';font-weight: 400;}
.search-btn button {border: none;position: absolute;top: 15px;width: 40px;right: 15px;background: #fff}
.search-btn button:hover {cursor: pointer}
.blog-info {padding-bottom: 10px;}
.blog-info a {font-family: 'Outfit';font-style: normal;font-size: 18px;line-height: 27px;color: #011321}
.blog-info a:hover {color: #2388da;}
section.blog-section.blogpage-single-section.default-section::before{display: none;}
section.blog-section.blogpage-single-section.default-section::after{
  display: none;
}
section.blog-section.blogpage-single-section.default-section {
  margin: 0;
  background: transparent;
}
.estimatin-detail {background: #000;box-shadow: 0px 0px 60px 0px rgba(164, 32, 53, 0.10);text-align: center;padding: 50px 40px;margin-bottom: 30px;background-size: 100% 100%;}
.estimatin-title{
color: #FFF;
  text-align: center;
  font-family: 'Outfit';
  font-size: 34px;
  font-style: normal;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 20px;
}
.estimatin-detail h4 {color: #FFF;text-align: center;font-family: 'Outfit';font-size: 34px;font-style: normal;font-weight: 700;line-height: 40px;margin-bottom: 20px;}
.side-bar-banner {background: #000;}
.sidebar-bnnr-text {text-align: center;padding-top: 15px;}
.sidebar-bnnr-text h4 {color: #FFF;text-align: center;font-family: 'Outfit';font-size: 40px;font-style: normal;font-weight: 700;line-height: 50px;padding: 0 15px 10px;}
.sidebar-bnnr-text h4 small {font-size: 36px;display: block;}
.sidebar-call {color: #FFF;font-family: 'Outfit';font-size: 28px;font-style: normal;font-weight: 500;line-height: 35px;background: #2388da;display: block;padding: 8px 15px 10px;text-align: center;}
.sidebar-call a {color: #fff;}
.sidebar-call a:hover {color: #000;}
.side-bar-banner>figure img {width: 100%;}
.iconfff {background: #2388da;height: 90px;width: 90px;border-radius: 50%;text-align: center;line-height: 80px;position: relative;float: right;}
.side-call-icon {text-align: right;display: inline-block;width: 100%;}
.side-call-icon {text-align: right;display: inline-block;width: 100%;padding-right: 20px;margin-top: -50px;}
.blog-img-single {
  margin-bottom: 15px;
}
.nav-previous a, .nav-next a {display: inline-block;position: relative;border-radius: 45px; background: #FF5E15; color: #FFFBFB; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; padding: 13px 30px; display: inline-block; text-align: center; text-transform: uppercase;}
.nav-previous a:hover, .nav-next a:hover {box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.25); color: #FF5E15; background: #FFF;}
.nav-next {
  float: right;
}
.nav-previous {
  float: left;
}
.nav-links {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
}
section.blog-section.blog-inn {
  margin: 0;
  background: transparent;
}
section.blog-section.blog-inn::before{display: none;}
section.blog-section.blog-inn:after{display: none;}
.blog-img-single figure img {
  width: 100%; border-radius: 15px;
}
section.service-area-section.innsidex .service-area-row {
  border: none;
  padding: 0;
  border-radius: 0;
}
.testimonial-row-parent .col-sm-4:last-child .client-say-box{border-right: 0;}
section.blog-section.blog-inn .blog-wrapper {
  margin: 0;
}
.moxie-shim.moxie-shim-html5 {
  display: none;
}
section.blog-section.blog-inn {
  padding-bottom: 100px;
}
section.blog-section.blog-inn .wp-pegination {
  text-align: center;
  padding-top: 15px;
}
section.blog-section.blog-inn .wp-pegination .wp-pagenavi {
  justify-content: center;
}

.newsletter-form .gform_confirmation_message_2.gform_confirmation_message {
  text-align: center;
}
section.faq-section.faq-inn {
    padding-top: 100px;
}
section.gallery-section.inn-gallery::before {display: none;}
.gallery-row-parent .row {
    justify-content: center;
}
.gallery-row-parent .col-sm-3 {
    padding: 15px;
}
    .wp-pegination {
        text-align: center;
    }


@media (min-width: 1200px) {
/*------------- mega menu ---------------*/
.menu-top-menu-container { position: relative; }
.mega-menu {position: inherit!important}
.mega-menu .hover_mega_menu {visibility: hidden;position: absolute;margin-top: 0;width: 100%;right: 0;border-radius: 0 0 10px 10px;box-shadow: 0 0 5.5px rgb(5 5 5 / 20%);background-color: #fff;box-sizing: border-box;z-index: 999;opacity: 0;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;padding: 25px 25px 25px 25px;border-bottom: 8px solid #30457C;}
.mega-menu:hover>.hover_mega_menu {visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0)}
.mega-menu ul.sub-menu li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-right: 15px!important;background: transparent !important;border-bottom: none;text-transform: inherit !important;float: none;}
.mega-menu ul.sub-menu li a {background: transparent !important;color: #414141 !important;}
.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #30457C !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li {position: relative;padding-left: 26px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before {content: "";font-size: 18px;color: #C60606;font-family: 'FontAwesome';left: 0;position: absolute;top: 5px;background: url(../images/favicon.png) no-repeat;height: 24px;width: 24px;background-size: 22px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:hover::before {filter: none;transition: 0.6s;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li a {background: transparent !important;color: #414141 !important;padding: 5px 10px 5px 15px;padding-left: 0 !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #30457C !important;}
/* .navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before {content: "\f105";font-size: 18px;color: #4D98D2;font-family: 'FontAwesome';left: 0;position: absolute;top: 3px;}
 */
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:last-child:before {display: block;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li.mega-menu-img {width: 27% !important;padding: 0 !important;margin: 0 0 0 0 !important;float: right;position: absolute !important;top: 25px;right: 25px;bottom: 34px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li.mega-menu-img::before {display: none;}
.mega-menu .hover_mega_menu ul.sub-menu {position: relative;width: auto;top: 0;opacity: 1;overflow: visible;transform: inherit;transform-origin: inherit;visibility: inherit;column-count: 3;border: none;border-radius: 0;box-shadow: none;transition: inherit;margin: 0;transform: rotateX(0deg);left: 0;}
/*------------- mega menu2 CSS---------------*/
.mega-menu2 {position: inherit!important}
.mega-menu2 .hover_mega_menu {visibility: hidden;position: absolute;margin-top: 0;width: 100%;border-radius: 0 0 10px 10px;left: -0px;margin-left: 0px;right: 0;box-shadow: 0 0 5.5px rgba(5, 5, 5, 0.20);background-color: #fff !important;box-sizing: border-box;z-index: 999;opacity: 0;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;padding: 15px 15px 15px 15px;}
.mega-menu2:hover>.hover_mega_menu {visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0)}
.mega-menu2 .hover_mega_menu ul.sub-menu {position: relative;width: auto;top: 0;opacity: 1;overflow: visible;transform: inherit;transform-origin: inherit;visibility: inherit;column-count: 4;border: none;border-radius: 0;box-shadow: none;transition: inherit;margin: 0;transform: rotateX(0deg);}
.mega-menu2 ul.sub-menu li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-right: 0px!important;background: transparent !important;border: none;float: none;}
.mega-menu2 ul.sub-menu li a {background: transparent !important;color: #30457C !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children a {padding: 5px 0 !important;margin-left: 0px !important;font-weight: 600;}
.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #30457C !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li {position: relative;padding-left: 0 !important;margin-left: 0px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a {background: transparent !important;color: #30457C !important;padding: 3px 10px 3px 15px;padding-left: 0 !important; font-weight: 700;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children>a {padding: 5px 0 !important;margin-left: 0px !important;font-weight: 700;color: #30457C !important;font-size: 16px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #30457C !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a::after {color: #30457C !important;top: 21px;display: none;}
/* .navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu {opacity: 1 !important;visibility: visible !important;position: relative;background: transparent;box-shadow: none;padding: 0;transform: rotateX(0deg);padding-left: 0px;padding-bottom: 0;}
*/
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a {padding-left: 0 !important;padding-top: 3px !important;font-weight: 400;color: #414141 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a:hover {color: #30457C !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li {position: relative;padding-left: 0 !important;text-transform: inherit !important;float: none;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu li {padding-left: 20px !important;width: 100%;}
/* .navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu>li .hover_mega_menu ul.sub-menu>li::before{ content: "\f105"; font-size: 18px; color: #414141; font-family: 'FontAwesome'; left: 0; position: absolute; top: 1px; display: block; }
 */
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu>li .hover_mega_menu ul.sub-menu>li::before { content: ""; font-size: 18px; color: #30457C; font-family: 'FontAwesome'; left: 0; position: absolute; top: 5px; background: url(../images/bigfloridapaverpatios.png) no-repeat; height: 16px; width: 16px; background-size: 15px; filter: brightness(0); }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu>li .hover_mega_menu ul.sub-menu>li:hover::before {filter: none;transition: 0.6s;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu>li .hover_mega_menu ul.sub-menu>li:hover::before {color: #30457C !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li .hover_mega_menu {opacity: 1 !important;visibility: visible !important;position: relative;background: transparent;box-shadow: none;padding: 0;transform: rotateX(0deg);padding-left: 0px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li .hover_mega_menu ul.sub-menu {column-count: 1;}
.navbar-collapse .menu-top-menu-container > ul > li.mega-menu2 .hover_mega_menu ul li a {text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container > ul > li.mega-menu .hover_mega_menu ul li a {text-transform: inherit !important;}
.contact-detail-menu {border-radius: 4px;display: inline-block;width: 100%;padding: 20px 20px 20px;background: #F3F9FF;overflow: hidden;margin: 20px 0 0;text-align: left;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children a:hover {color: #30457C !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu {margin-left: 0px;margin-top: 0;left: 0 !important;border-bottom: none;left: 0;}
}
@media (min-width:1200px) { .container {max-width: 1180px !important;} }
@media (min-width:1300px) { .container {max-width: 1270px !important;} }
@media (min-width:1400px) { .container {max-width: 1360px !important;} }
@media (min-width:1500px) { .container {max-width: 1440px !important;} }
@media (min-width:1600px) { .container {max-width: 1540px !important;} }
@media (min-width:1700px) { .container {max-width: 1630px !important; } }



@media (max-width:1899px) {
.our-process-box {
  padding: 90px 80px 60px;
}


}


@media (max-width:1799px) {
.our-process-box {
  padding: 90px 65px 60px;
}
}

@media (max-width:1699px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 100% !important;
  padding: 0 45px;
}
.schedule-btn a {
  font-size: 20px;
  padding: 10px 27px;
}
.top-logo img {
  max-width: 160px;
}
.head-call-now figure {
  width: 50px;
}
.head-call-now .headcall-inn {
  width: calc(100% - 50px);
}
.head-call-now a {
  font-size: 27px;
  line-height: 30px;
}
.top-text {
  font-size: 23px;
}
.top-header {
  padding: 15px 0;
}
.header-section .container {
  padding: 0 15px;
}
.banner-title {
  font-size: 48px;
  line-height: 64px;
}
.banner-caption ul li {
  padding-left: 30px;
  background-position: top 4px left;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
  background-size: 22px;
}
.form-hero .b-form-title {
  font-size: 35px;
  padding: 20px 15px;
  margin-bottom: 25px;
}
.home-banner {
  padding: 190px 0 60px;
}
.logo-list ul li {
  padding: 5px 40px 0 0;
}
.logo-list {
  padding-top: 40px;
}
.working-section {
  padding: 80px 35px 80px 0;
}
.heading-title {
  font-size: 45px;
  line-height: 60px;
}
.working-box .working-box-img {
  margin-right: 45px;
}
.services-row {
  padding: 70px 0 50px;
}
.services-parent h3 {
  font-size: 22px;
}
.services-box h4 {
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 7px;
}
.services-box figure {
  line-height: 105px;
  margin: 0 auto 25px;
  width: 141px;
  height: 123px;
}
.services-box figure img {
  max-width: 80px;
}
.services-parent ul li {
  padding: 25px 14px;
}
section.gallery-section {
  padding: 80px 0;
}
section.gallery-section::before {
  height: 60%;
}
.our-process-box h3,.our-process-box h4,.our-process-box h5,.our-process-box h6,.our-process-box h2 {
  font-size: 32px;
  line-height: 38px;
  margin-bottom: 15px;
}
.our-process-box p {
  font-size: 22px;
  line-height: 32px;
}
.our-process-box {
  padding: 60px 55px 50px;
}
.recent-projects-section {
  padding: 80px 0;
}
.large-4 h3 {
  font-size: 24px;
  line-height: 32px;
  margin: 20px 0;
}
.recent-projects-btns.text-center {
  padding-top: 40px;
}
.gallery-row {
  padding-top: 20px;
}
.choose-row {
  padding-bottom: 20px;
}
section.testimonial-section {
  padding: 80px 0px;
}
.client-star {
  margin-top: 5px;
}
.client-star img {
  max-width: 50px;
}
.client-say-box figure {
  margin-bottom: 18px;
}
.client-say-box figure img {
  max-width: 70px;
}
.testimonial-row-parent::after {
  height: 500px;
  left: -2%;
  top: -70%;
}
.testimonial-row-parent::before {
  height: 500px;
  right: -10%;
  top: -10%;
}
.client-say-box {
  padding: 0px 40px 35px;
}
section.service-area-section {
  padding: 80px 15px;
}
.service-area-row {
  padding: 80px 35px 80px 55px;
}
.service-area-left {
  padding: 0px 0px 0px 90px;
}
.area-location-bx {
  padding: 20px 10px 20px 10px;
}
.area-location-bx h6, .area-location-bx h5, .area-location-bx h4, .area-location-bx h3, .area-location-bx h2, .area-location-bx h1{
  padding-left: 12px;
  font-size: 20px;
  line-height: 26px;
}
.faq-box-left {
  padding-right: 25px;
}
.faq-box .card-header h5, .card-header-title {
  padding: 30px 110px 15px 25px;
  font-size: 22px;
  line-height: 30px;
}
.card-header-title.collapsed {
  padding: 30px 110px 30px 25px;
}
.faq-box .card-header h5::after, .card-header-title::after {
  width: 40px;
  height: 40px;
  top: 59%;
  background-size: 13px !important;
}
.card-header-title::before {
  width: 115px;
  height: 51px;
  right: -23px;
  opacity: 0.26;
}
.faq-box .card {
  margin: 0 0 25px;
}
.faq-box-left .section-heading {
  margin-bottom: 25px;
}
.blog-section {
  padding: 80px 0 1px;
  margin: 0px 25px 320px;
}
section.blog-section.blog-inn {
  padding-bottom: 80px;
}
section.blog-section::before {
  width: 220px;
  height: 180px;
}
section.blog-section::after {
  width: 220px;
  height: 180px;
}
.blog-wrapper .col-sm-4 {
  padding: 15px 15px;
}
.blog-item {
  border-radius: 10px;
}
.blog-content h3 {
  font-size: 22px;
  line-height: 34px;
}
.blog-content {
  padding: 20px 20px;
}
.newsletter-title {
  font-size: 55px;
  line-height: 60px;
  margin-bottom: 20px;
}
.newsletter-section {
  padding: 50px 40px;
}
.ftr-logo img {
  max-width: 250px;
}
.footer-menu ul li::after {
  padding: 0 55px;
}
.recent-projects-btns.text-center a.theme-btn {
  margin-right: 15px;
}
.choose-btns a.theme-btn.btn-white {
  margin-left: 15px;
}
.banner-btns a.theme-btn {
  margin-right: 13px;
}
.gform_wrapper .gform_footer {
  margin: 0px 0 0 0 !important;
}
.working-box-content {
    width: calc(100% - 210px);
}
section.faq-section {
  padding: 0px 0 90px;
}
.card-body.default-css {
  padding: 0px 120px 10px 25px;
}
.banner-btns.inner-btn {
  padding-top: 15px;
}
.service-area-section.service-area-inn {
  padding: 100px 0 70px;
}
.default-btns {
  padding-top: 35px;
}
.default-section {
  padding: 80px 0;
}
.services-section.services-inn .services-row {
  padding: 100px 0 60px;
}
.after-before-content.default-css h3, .after-before-content.default-css h4, .after-before-content.default-css h5, .after-before-content.default-css h6, .after-before-content.default-css h1, .after-before-content.default-css h2 {
  font-size: 35px;
  line-height: 48px;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
section.after-before-section {
  padding: 100px 0 80px;
}
.after-before-content.default-css figure {
  margin: 0 0 30px;
}
.sidebar {
  padding-left: 35px;
}
.sidebar-img-content h3 {
  font-size: 30px;
  line-height: 38px;
}
.page-nav-box {
  padding: 10px 15px;
}
.contact-inn-section {
  padding: 100px 0 80px;
}
.form-hero input.button.gform_button {
  padding: 14px 43px !important;
}
.contact-inn-section .ftr-contact-item {
  padding: 45px 50px 25px 70px;
}




}

@media (max-width:1599px){
.working-content {
  padding-left: 30px;
}
section.gallery-section::before {
  height: 55%;
}
.service-area-left {
  padding: 0px 0px 0px 60px;
}
.footer {
  padding: 60px 0 0;
}


}
@media (max-width:1499px){
  .schedule-btn a {
    font-size: 18px;
    line-height: 24px;
    padding: 9px 20px;
  }
  .banner-title {
    font-size: 38px;
    line-height: 54px;
  }  
  .form-hero .b-form-title {
    font-size: 30px;
    padding: 18px 15px;
    margin-bottom: 25px;
    line-height: 30px;
  }
  .banner-caption ul li {
    padding-left: 26px;
    background-position: top 4px left;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 8px;
    background-size: 19px;
  }
  a.theme-btn {
    font-size: 18px;
    line-height: 28px;
    padding: 11px 25px;
  }
    .nav-previous a,
    .nav-next a{
      font-size: 18px;
        line-height: 28px;
        padding: 11px 25px;
    }
  .banner-btns a.theme-btn {
    margin-right: 10px;
  }
  .form-hero input.button.gform_button {
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 12px 35px !important;
  }
  .logo-list {
    padding-top: 30px;
  }
  .logo-list ul li {
    padding: 5px 25px 0 0;
  }
  .logo-list ul li img {
    max-width: 160px;
    max-height: 70px;
  }
  .heading-title {
    font-size: 35px;
    line-height: 47px;
  }
  .working-box {
    margin-bottom: 45px;
  }
  .working-img figure {
    margin: 0 15px;
  }
  .working-section {
    padding: 60px 35px 60px 0;
  }
  .working-box .working-box-img figure img {
    max-width: 75px;
  }
  .working-box .working-box-img figure {
    margin-bottom: 10px;
  }
  .working-box .working-box-img {
    border-radius: 4px 4px 80px 80px;
    padding: 15px 30px 10px;
    border-top: 5px solid #FF5E15;
    margin-right: 30px;
  }
  .working-count {
    font-size: 16px;
    line-height: 18px;
  }
  .working-box-content h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 5px;
  }
  .working-box-content {
    width: calc(100% - 165px);
}
.services-row {
  padding: 60px 0 30px;
}
.services-box figure {
  line-height: 95px;
  margin: 0 auto 20px;
  width: 131px;
  height: 113px;
  border-radius: 4px 4px 70px 70px;  
  border-top: 5px solid #FF5E15;
}
.services-parent ul li {
  padding: 20px 14px;
}
.services-box figure img {
  max-width: 65px;
} 
.services-box h4 {
  margin-bottom: 5px;
}
section.gallery-section {
  padding: 60px 0;
}
a.example-image-link {
  height: 70px;
  width: 70px;
}
.gallery-item-text img {
  max-width: 35px;
}
.gallery-item-parent {
  bottom: 10px;
  left: 10px;
  right: 10px;
  top: 10px;
}
.twentytwenty-left-arrow, .twentytwenty-right-arrow {
  margin-top: -12px !important;
}
.our-process-box h3, .our-process-box h4, .our-process-box h5, .our-process-box h6, .our-process-box h2 {
  font-size: 26px;
  line-height: 32px;
  margin-bottom: 10px;
}
.our-process-box {
  padding: 40px 35px 40px;
}
.our-process-box p {
  font-size: 20px;
  line-height: 30px;
}
.recent-projects-section {
  padding: 60px 0;
}
.twentytwenty-handle {
  height: 70px !important;
  width: 70px !important;
  margin-left: -35px !important;
  margin-top: -35px !important;
}

.twentytwenty-horizontal .twentytwenty-handle::before {
  margin-bottom: 35px !important;
}
.twentytwenty-horizontal .twentytwenty-handle::after {
  margin-top: 35px !important;
}
.large-4 h3 {
  font-size: 20px;
  line-height: 28px;
  margin: 17px 0;
}
.recent-projects-btns.text-center {
  padding-top: 30px;
}
.gallery-row .col-sm-6 {
  padding: 0 15px;
}
section.testimonial-section {
  padding: 60px 0px;
}
.client-star img {
  max-width: 35px;
}
.client-say-box figure img {
  max-width: 60px;
}
.client-say-box figure {
  margin-bottom: 12px;
}
.client-nm-text h6 {
  font-size: 20px;
  line-height: 24px;
}
.testimonial-section .section-heading.text-center {
  margin-bottom: 25px;
}
section.service-area-section {
  padding: 60px 15px;
}
.service-area-row {
  padding: 60px 15px 60px 45px;
}
.service-area-left {
  padding: 0px 0px 0px 50px;
}
.area-location-bx {
  padding: 15px 8px 15px 8px;
}
.card-header-title.collapsed {
  padding: 22px 90px 22px 20px;
}
.faq-box .card {
  margin: 0 0 20px;
}
.faq-box .card-header h5, .card-header-title {
  padding: 22px 90px 10px 20px;
  font-size: 20px;
  line-height: 28px;
}
.card-body.default-css {
  padding: 0px 50px 10px 20px;
}
.faq-box .card-header h5::after, .card-header-title::after {
  width: 35px;
  height: 35px;
  background-size: 12px !important;
  right: 25px;
}
.card-header-title::before {
  width: 93px;
  height: 44px;
}
.faq-box-left {
  padding-right: 25px;
}
.faq-box-left .section-heading {
  margin-bottom: 20px;
}
section.faq-section {
  padding: 0px 0 60px;
}
.blog-section {
  padding: 60px 0 1px;
  margin: 0px 25px 310px;
}
section.blog-section.blog-inn {
  padding-bottom: 60px;
}
.blog-content h3 {
  font-size: 20px;
  line-height: 30px;
}
.blog-content {
  padding: 15px 15px;
}
.blog-item {
  padding: 10px;
}
.blog-wrapper .col-sm-4 {
  padding: 12px 12px;
}
.blog-section .section-heading.text-center {
  margin: 0 auto 15px;
}
section.blog-section::before {
  width: 170px;
  height: 130px;
}
section.blog-section::after {
  width: 170px;
  height: 130px;
}
.newsletter-title {
  font-size: 45px;
  line-height: 50px;
  margin-bottom: 15px;
}
.ftr-title {
  font-size: 25px;
  line-height: 30px;
  margin-bottom: 12px;
}
.ftr-logo {
  margin-bottom: 25px;
}
.footer-menu ul li::after {
  padding: 0 45px;
}
.ftr-contact-col figure {
  width: 45px;
  height: 45px;
  line-height: 41px;
  margin-right: 12px;
  margin-top: 4px;
}
.newsletter-form .medium {
  height: 55px !important;
}
.newsletter-form input.button.gform_button {
  height: 45px !important;
}
.ftr-logo img {
  max-width: 210px;
}
.ftr-social a {
  height: 45px;
  width: 45px;
  margin: 0 2px;
  line-height: 43px;
}
.ftr-social a img {
  max-height: 20px;
}
.ftr-parent .col-sm-3:nth-child(1) {
  width: 21%;
}
.ftr-parent .col-sm-3:nth-child(2) {
  width: 27%;
}
.gallery-row .col-sm-3 {
  padding: 20px;
}
.banner-title.inner-title {
  font-size: 35px;
  line-height: 47px;
}
.banner-btns.inner-btn {
  padding-top: 5px;
}
.our-process-btns {
  padding-top: 5px;
}
.services-section.services-inn .services-row {
  padding: 80px 0 40px;
}
section.after-before-section {
  padding: 80px 0 60px;
}
.after-before-content.default-css h3, .after-before-content.default-css h4, .after-before-content.default-css h5, .after-before-content.default-css h6, .after-before-content.default-css h1, .after-before-content.default-css h2 {
  font-size: 30px;
  line-height: 40px;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
.after-before-content-text {
  margin-bottom: 35px;
}
.after-before-content.default-css figure {
  margin: 0 0 25px;
}
.sidebar {
  padding-left: 25px;
}
.sidebar-contact-form .form-hero {
  padding: 15px 15px 25px;
}
.sidebar-contact-form .form-hero .b-form-title {
  font-size: 26px;
  line-height: 26px;
  padding: 15px 15px;
}
.sidebar-img-content h3 {
  font-size: 25px;
  line-height: 32px;
}
.sidebar-contact-form {
  margin-bottom: 45px;
}
.service-area-section.service-area-inn {
  padding: 80px 0 50px;
}
.default-btns {
  padding-top: 25px;
}
.default-section {
  padding: 60px 0;
}
.contact-inn-section .ftr-contact-item {
  padding: 35px 5px 25px 27px;
}
.contact-content .ftr-contact-col {
  margin-bottom: 35px;
}
.contact-inn-section .ftr-title {
  font-size: 32px;
  line-height: 28px;
  margin-bottom: 28px;
}
.contact-map iframe {
  height: 400px;
}
.contact-inn-section {
  padding: 80px 0 60px;
}
section.inner-banner .caption-absolute {
  top: 65%;
}
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a {
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
}
.wp-pegination .page,
.wp-pegination span,
.wp-pagenavi a,
.wp-pegination a.page-numbers {
    width: 45px;
      height: 45px;
      line-height: 45px;
      font-size: 20px;
}
.wp-pegination a.nextpostslink:hover {
  background-size: 25px !important;
}
.wp-pegination a.nextpostslink {
  background-size: 25px !important;
}
.page-nav-box {
  padding: 8px 15px;
}
.search-btn {
  margin-bottom: 30px;
  padding: 20px 20px 20px;
}
.estimatin-detail {
  padding: 30px 20px;
}
section.after-before-section .col-sm-8 {
  width: 65%;
}
section.after-before-section .col-sm-4 {
  width: 35%;
}
section.default-section.inpad {
  padding: 60px 0;
}
.modal.popup-form .modal-body .form-hero {
  padding: 20px 15px;
}
.gform-theme--foundation .gfield textarea.small {
  min-block-size: 70px;
}
.ginput_recaptcha {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}
section.faq-section.faq-inn {
    padding-top: 70px;
}

}
@media (max-width:1399px){
.services-parent h3 {
  font-size: 20px;
  line-height: 24px;
}
.services-parent ul li {
  padding: 15px 10px;
}
section.gallery-section::before {
  height: 53%;
}
.ftr-contact-item {
  padding-left: 20px;
}
.working-box {
  margin-bottom: 45px;
}
.working-box .working-box-img {
  margin-right: 25px;
}
.working-box-content {
  width: calc(100% - 160px);
}
.client-say-box {
  padding: 0px 25px 35px;
}
.testimonial-row-parent::before {
  height: 400px;
  right: -10%;
  top: 0;
  width: 90px;
}
.testimonial-row-parent::after {
  height: 380px;
  left: -2%;
  top: -40%;
  width: 80px;
}
.twentytwenty-handle {
  height: 70px !important;
  width: 70px !important;
  margin-left: -35px !important;
  margin-top: -35px !important;
}
.banner-title.inner-title {
  font-size: 30px;
  line-height: 40px;
}
.gallery-row {
  padding-top: 10px;
}

.estimatin-title {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 15px;
}


.header-row {
  position: relative;
}
        .menu-top-menu-container {
          position: inherit;
        }



}
@media (max-width:1299px){
  .logo-list {
    padding-top: 20px;
  }
  .logo-list ul li {
    padding: 15px 20px 0 0;
  }
  .gallery-row .col-sm-3 {
    padding: 15px;
  }
  .service-area-left {
    padding: 0px 0px 0px 30px;
  }
  .service-area-section .col-sm-7 {
    width: 60%;
  }
  .service-area-section .col-sm-5 {
    width: 40%;
  }
  .service-area-row {
    padding: 60px 15px 60px 35px;
  }
  .area-location-bx {
    padding: 12px 8px 12px 8px;
  }
  .footer-menu ul li::after {
    padding: 0 35px;
  }
  .ftr-parent .col-sm-3:nth-child(2) {
    width: 28%;
  }
  .ftr-contact-item {
    padding-left:15px;
  }
  .ftr-parent .col-sm-3:nth-child(3) {
    width: 29%;
  }
  .ftr-parent .col-sm-3:nth-child(4) {
    width: 29%;
  }
  .ftr-parent .col-sm-3:nth-child(4) {
    width: 22%;
  }
  .ftr-social a {
    margin: 5px 2px;
  }
  .contact-map iframe {
    height: 330px;
  }
  .sidebar-img-content h3 {
    font-size: 22px;
    line-height: 30px;
  }
  .banner-btns.inner-btn {
    padding-top: 0px;
  }






}
@media (max-width:1199px){
  .top-logo img {
    max-width: 140px;
  }
  .head-call-now .headcall-inn {
    width: calc(100% - 40px);
  }
  .header-section {
    position: initial;    
    background: #000;
  }
  .top-text {
    font-size: 18px;
  }
  .head-call-now figure {
    width: 40px;
  }
  p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .home-banner {
    padding: 40px 0 40px;
  }
  .banner-title {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 10px;
  }
  .schedule-btn a {
    font-size: 16px;
    line-height: 24px;
    padding: 9px 15px;
  }
  .top-header {
    padding: 10px 70px 10px 15px;
  }
  .head-call-now a {
    font-size: 25px;
    line-height: 28px;
  }
  .form-hero .b-form-title {
    font-size: 25px;
    padding: 15px 15px;
    margin-bottom: 15px;
    line-height: 25px;
  }
  .gform_wrapper .gfield {
    padding: 0 5px 10px;
    margin: 0;
  }
  .form-hero .gform_body {
    margin: 0 -5px;
  }
  .form-hero {
    padding: 15px 15px 20px;
  }
  a.theme-btn {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 20px;
  } 
    .nav-previous a,
    .nav-next a {
    font-size: 16px;
      line-height: 24px;
      padding: 10px 20px;
    }
  .banner-btns a.theme-btn {
    margin-right: 7px;
  }
  .banner-caption ul li {
    padding-left: 22px;
    background-position: top 5px left;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 6px;
    background-size: 17px;
  }
  .header-row {
    padding: 0;
    border-radius: 0;
    display: block;position: inherit;
  }
  .schedule-btn a {
    display: block;
  }
  .header-menu::before {
    display: none;
  }
  .heading-title {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 10px;
  }
  .working-content {
    padding-left: 0px;
  }
  .working-box .working-box-img {
    border-radius: 4px 4px 60px 60px;
    padding: 10px 20px 10px;
    border-top: 5px solid #FF5E15;
    margin-right: 20px;
  }
  .working-box-content h3 {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 2px;
  }
  .working-count {
    font-size: 15px;
    line-height: 18px;
  }
  .working-box .working-box-img figure img {
    max-width: 65px;
  }
  .working-box {
    margin-bottom: 30px;
  }
  .services-parent ul li {
    padding: 10px 10px;
    width: 25%;
  }
  .services-box h4 {
    margin-bottom: 3px;
    font-size: 18px;
    line-height: 24px;
  }
  .services-parent h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .services-box figure {
    line-height: 85px;
    margin: 0 auto 15px;
    width: 121px;
    height: 103px;
    border-radius: 4px 4px 60px 60px;
    border-top: 5px solid #FF5E15;
  }
  .services-box figure img {
    max-width: 55px;
  }
  .working-section {
    padding: 40px 0px 40px 0;
  }
  .working-box-content {
    width: calc(100% - 125px);
  }
  .working-img figure {
    margin: 0 10px;
  }
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding: 0 15px;
  }
  section.services-section {
    padding: 0px 0px;
  }
  .services-row {
    padding: 40px 5px 30px;
  }
  .services-parent .section-heading {
    margin: 0 auto 10px;
  }
  section.gallery-section {
    padding: 40px 0;
  }
  .logo-list ul li {
    padding: 15px 20px 0 0;
  }
  .banner-caption-left {
    padding-top: 0px;
  }
  .choose-row .col-sm-6 {
    padding: 0 15px;
  }
  .choose-btns a.theme-btn.btn-white {
    margin-left: 10px;
  }
  a.example-image-link {
    height: 60px;
    width: 60px;
  }
  .gallery-item-text img {
    max-width: 25px;
  }
  .our-process-box h3, .our-process-box h4, .our-process-box h5, .our-process-box h6, .our-process-box h2 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 8px;
  }
  .our-process-box p {
    font-size: 18px;
    line-height: 26px;
  } 
  .our-process-box {
    padding: 40px 15px 40px;
  }
  .recent-projects-section {
    padding: 40px 0;
  }
  .gallery-row {
    padding-top: 10px;
  }
  .gallery-row .col-sm-6 {
    padding: 0 10px;
  }
  .twentytwenty-handle {
    height: 60px !important;
    width: 60px !important;
    margin-left: -30px !important;
    margin-top: -30px !important;
  }
  .twentytwenty-horizontal .twentytwenty-handle::before {
    margin-bottom: 30px !important;
  }
  .twentytwenty-horizontal .twentytwenty-handle::after {
    margin-top: 30px !important;
  }
  .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
    width: 12px !important;
    height: 20px !important;
  }
  .twentytwenty-right-arrow {
    margin-right: -20px !important;
  }
  .twentytwenty-left-arrow {
    margin-left: -20px !important;
  }
  .twentytwenty-left-arrow, .twentytwenty-right-arrow {
    margin-top: -10px !important;
  }
  .large-4 h3 {
    font-size: 18px;
    line-height: 26px;
    margin: 15px 0;
  }
  .recent-projects-btns.text-center {
    padding-top: 25px;
  }
  .recent-projects-btns.text-center a.theme-btn {
    margin-right: 10px;
  }
  section.testimonial-section {
    padding: 40px 0px;
  }
  .testimonial-row-parent::before {
    display: none;
  }
  .testimonial-row-parent::after {
    display: none;
  }
  .client-star {
    margin-top: 3px;
  }
  .client-star img {
    max-width: 28px;
  }
  .client-say-box figure {
    margin-bottom: 10px;
  }
  .client-say-box figure img {
    max-width: 55px;
  }
  .client-say-box {
    padding: 0px 15px 30px;
  }
  .client-nm-text h6 {
    font-size: 18px;
    line-height: 24px;
  }
  section.service-area-section {
    padding: 40px 0px;
  }
  .service-area-row {
    padding: 40px 15px 30px 15px;
  }
  .area-location-bx h6, .area-location-bx h5, .area-location-bx h4, .area-location-bx h3, .area-location-bx h2, .area-location-bx h1 {
    padding-left: 6px;
    font-size: 17px;
    line-height: 22px;
  }
  .area-location-bx {
    padding: 10px 8px 10px 8px;
  }
  .area-location-bx figure {
    max-width: 23px;
  }
  .service-area-section .col-sm-5 {
    padding: 0 10px;
  }
  .service-area-section .col-sm-7 {
    padding: 0 10px;
  }
  .service-area-left {
    padding: 0px 0px 0px 8px;
  }
  .faq-box-left {
    padding-right: 0px;
  }
  .faq-box .card-header h5, .card-header-title {
    padding: 18px 70px 5px 15px;
    font-size: 18px;
    line-height: 26px;
  }
  .card-header-title.collapsed {
    padding: 18px 70px 18px 15px;
  }
  .card-body.default-css {
    padding: 0px 40px 10px 15px;
  }
  .faq-box .card {
    margin: 0 0 15px;
  }
  .faq-box .card-header h5::after, .card-header-title::after {
    width: 30px;
    height: 30px;
    background-size: 10px !important;
    right: 15px;
    top: 62%;
  }
  .card-header-title::before {
    width: 66px;
    height: 44px;
    right: -14px;
  }
  section.faq-section {
    padding: 0px 0 40px;
  }
  .ftr-parent .col-sm-3:nth-child(1) {
    width: 100%;
  }
  .ftr-parent .col-sm-3:nth-child(2) {
    width: 100%;
  }
  .ftr-parent .col-sm-3:nth-child(3) {
    width: 100%;
  }
  .ftr-parent .col-sm-3:nth-child(4) {
    width: 100%;
  }
  .ftr-item {
    text-align: center;
  }
  .ftr-item.ftr-item-2 ul {
    column-count: 1;
  }
  .ftr-contact-item {
    padding-left: 0;
    text-align: center;
  }
  .footer-menu ul li::after {display: none;
  }
  .footer-menu ul {
    display: block;
    text-align: center;
  }
  .footer-menu ul li {
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    padding: 7px 0px;
    border-bottom: 1px solid #D9D9D970;
  }
  .ftr-contact-col {
    display: block;
    margin-bottom: 0;
    padding: 15px 0;
    border-bottom: 1px solid #00000026;
  }
  .ftr-contact-col figure {
    margin: 0 auto 10px;
  }
  .ftr-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 0px;
    background: #ff5e15;
    color: #fff;
    padding: 7px 0;
  }
  .ftr-item ul li {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
    border-bottom: 1px solid #0000001f;
    padding: 8px 0;
  }
  .ftr-item ul li:last-child {
    border-bottom: none;
  }
  .footer {
    padding: 40px 0 0;
  }

  .about-ftr {
    padding: 25px 0;
  }
  .footer-menu {
    margin: 0px 0 0 0;
  }
  .footer-menu {
    padding: 0px 0;
  }
  .footer-menu ul li:last-child{
    border: none;
  }
  .ftr-logo img {
    max-width: 190px;
  }
  .ftr-logo {
    margin-bottom: 15px;
  }
  .newsletter-title {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 15px;
  }
  .newsletter-section {
    padding: 40px 15px;
  }
  .blog-content {
    padding: 13px 10px;
  }
  .blog-wrapper .col-sm-4 {
    padding: 10px 10px;
  }
  .blog-section {
    padding: 40px 0 1px;
    margin: 0px 15px 210px;
  }
    section.blog-section.blog-inn{
          padding-bottom: 40px;
    }
  .blog-content h3 {
    font-size: 18px;
    line-height: 26px;
  }
  .blog-wrapper {
    margin-bottom: -180px;
  }
  .menu-copyright ul li {
    font-size: 16px;
    line-height: 24px;;
  }
  .menu-copyright ul li::after {
    font-size: 16px;
    line-height: 18px;
    padding: 0 7px 0 10px;
  }
  .copyright-sections {
    padding: 10px 0 15px;
  }
  .copyright-sections {
    position: relative;
    z-index: 1;
    padding: 10px 0 15px;
  }
  .ftr-social a {
    margin: 0px 2px;
  }
  .newsletter-form input.button.gform_button {
    padding: 11px 30px !important;
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .logo-list ul li img {
    max-width: 140px;
    max-height: 60px;
  }
  .form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium {
    padding: 7px 10px 7px 10px;
    height: 35px;
    font-size: 15px !important;
  }
  .form-hero input.button.gform_button {
    font-size: 16px !important;
    line-height: 22px !important;
    padding: 10px 30px !important;
  }
  .working-content .section-heading {
    margin-bottom: 25px;
  }
  .logo-list {
    padding-top: 15px;
  }
  .header-section .container {
    padding: 0 0px;
  }
  .recent-projects-btns .theme-btn.btn-white {
    margin: 0;
  }
  section.inner-banner .caption-absolute {
    top: 50%;
  }
  .banner-title.inner-title {
    font-size: 25px;
    line-height: 35px;
  }
  .page-nav ul li {
    font-size: 16px;
    line-height: 24px;
  }
  .page-nav-box {
    padding: 6px 15px;
  }
  section.after-before-section {
    padding: 40px 0 40px;
  }
  .sidebar {
    padding-left: 0px;
  }
  .sidebar-contact-form .form-hero .b-form-title {
    font-size: 22px;
    line-height: 22px;
    padding: 12px 12px;
    margin-bottom: 15px;
  }
  .sidebar-contact-form {
    margin-bottom: 35px;
  }
  .sidebar-contact-form .form-hero {
    padding: 15px 15px 20px;
  }
  .after-before-content.default-css figure {
    margin: 0 0 15px;
  }
  .after-before-content.default-css h3, .after-before-content.default-css h4, .after-before-content.default-css h5, .after-before-content.default-css h6, .after-before-content.default-css h1, .after-before-content.default-css h2 {
    font-size: 22px;
    line-height: 30px;
    padding-bottom: 8px;
    margin-bottom: 10px;
  }
  .after-before-content-text {
    margin-bottom: 25px;
  }
  .wp-pegination .page, .wp-pegination span, .wp-pagenavi a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin: 0 6px 0 0;
  }
    .wp-pegination .page,
    .wp-pegination span,
    .wp-pagenavi a,
    .wp-pegination a.page-numbers {
      width: 40px;
      height: 40px;
      margin: 0 6px 0 0;
      line-height: 40px;
      font-size: 18px;
    }


  .sidebar-img-content h3 {
    font-size: 20px;
    line-height: 26px;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: 'Outfit';
    font-style: normal;
    font-weight: 600;
    color: #30457C;
    margin-bottom: 10px;
  }
  .services-section.services-inn .services-row {
    padding: 50px 0 30px;
  }
  .gallery-row .col-sm-3 {
    padding: 10px;
  }
  .gallery-items::before {
    top: -5px;
    left: -5px;
  }
  section.gallery-section::before {
    height: 50%;
  }
  .service-area-section.service-area-inn {
    padding: 40px 0 40px;
  }
  .default-css ul li, .default-css ol li {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 6px;
  }
  .default-css ul li {
    background-position: 0 4px;
    padding-left: 22px;
    background-size: 18px;
  }
  .default-btns {
    padding-top: 10px;
  }
  .default-section {
    padding: 40px 0;
  }
  .default-btns .theme-btn.btn-white {
    margin-left: 10px;
  }
  .default-css ul {
    margin-bottom: 10px;
  }
  .contact-inn-section {
    padding: 40px 0 40px;
  }
  .contact-inn-section .ftr-contact-item {
    padding: 15px 0px 15px 15px;
  }
  .contact-inn-section .ftr-title {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 20px;
    background: transparent;
    text-align: left;
  }
  .contact-content .ftr-contact-col:first-child {
    margin-right: 35px;
  }
  .contact-content .ftr-contact-col {
    margin-bottom: 20px;
    border-bottom: none;
    padding: 0;
    display: flex;
    text-align: left;
  }
  .contact-content figure {
    margin: 0 10px 0 0;
  }
  .ftr-contact-col a {
    font-size: 16px;
    line-height: 22px;
  }
  .ftr-contact-col p strong {
    font-size: 18px;
    line-height: 26px;
  }
  .ftr-contact-col figure {
    width: 40px;
    height: 40px;
    line-height: 36px;
  }
  .ftr-contact-col figure img {
    max-width: 22px;
  }
  .newsletter-form .medium {
    height: 50px !important;
    padding: 10px 195px 10px 30px !important;
  }
  .newsletter-form input.button.gform_button {
    height: 41px !important;
  }
  .newsletter-form input.button.gform_button {
    height: 42px !important;
    top: 4px !important;
    right: 5px !important;
  }

.header-menu .container {
    padding: 0;
}
.header-section .col-sm-3 {
    padding: 0;
}
.header-section .col-sm-6 {
    padding: 0;
}
.header-section .container {
    padding: 0 15px;
}
.search-btn {
  padding: 15px 15px 15px;
}
.search-medium {
  padding: 7px 44px 7px 15px;
  height: 45px;
  font-size: 16px;
  line-height: 22px;
}
.search-btn button {
  top: 10px;
  width: 30px;
  right: 9px;
}
.sidebar-title {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 6px;
}
.service-detail-list {
  margin-bottom: 30px;
  padding: 20px 15px;
}
.service-detail-list ul li a {
  padding: 7px 14px 7px 0;
  font-size: 16px;
  line-height: 22px;
}

h1 {font-size: 30px;line-height: normal;}
h2 {font-size: 26px;line-height: normal;}
h3 {font-size: 24px;line-height: normal;}
h4 {font-size: 20px;line-height: normal;}
h5 {font-size: 18px;line-height: normal;}
h6 {font-size: 16px;line-height: normal;}
        .estimatin-title {
          font-size: 22px;
          line-height: 30px;
          margin-bottom: 15px;
        }
    .nav-links {
      padding-top: 0;
    }


section.after-before-section .col-sm-8 {
  width: 60%;
}

section.after-before-section .col-sm-4 {
  width: 40%;
}
.moxie-shim.moxie-shim-html5 {
  display: none;
}
span.gform_drop_instructions {
  margin-bottom: 5px !important;
}
section.default-section.inpad {
  padding: 40px 0;
}
.form-hero .button.gform_button_select_files {
  padding: 6px 10px !important;
  font-size: 16px !important;

  line-height: 18px !important;
  min-height: auto !important;
  height: auto !important;
}

        .gform-theme--foundation fieldset,
        .gform-theme--foundation legend {
          padding: 0 0 10px !important;
        }
.modal.popup-form button.close {
  right: 15px;
  top: 15px;
  width: 30px;
}
.modal.popup-form .modal-dialog {
  margin: 50px auto 0;
}
section.faq-section.faq-inn {
    padding-top: 40px;
}
.gallery-row-parent .col-sm-3 {
    padding: 10px;
}

}

@media(max-width:1024px){
  .top-text {
    font-size: 16px;
    line-height: 24px;
  }
  section.gallery-section::before {
    display: none;
  }
  .gallery-items::before {
    top: -5px;
    left: -5px;
  }
  .gallery-row .col-sm-3 {
    padding: 9px;
  }
  section.faq-section .col-sm-5 {
    display: none;
  }
  section.faq-section .col-sm-7 {
    width: 100%;
  }
  .card-body.default-css {
    padding: 0px 60px 10px 15px;
  }
  .blog-section {
    padding: 40px 0 5px;
    margin: 0px 15px 40px;border-radius: 15px;
  }
  .blog-wrapper {
    margin-bottom: 0px;
  }
  section.blog-section::before {
    display: none;
  }
  section.blog-section::after {
    display: none;
  }
  .top-header .col-sm-3 {
    width: 27%;
  }
  .top-header .col-sm-6 {
    width: 46%;
  }
  .banner-btns .theme-btn.btn-white {
    margin: 0;
  }
  .contact-map iframe {
    height: 270px;
  }
  .services-section.services-inn .services-row {
    padding: 40px 0 30px;
  }
  .sidebar-img-content {
  left: 10px;
  right: 10px;
}
section.blog-section.blogpage-single-section.default-section {
  padding-bottom: 40px;
}

}

@media(max-width:991px){
  .top-text {
    display: none;
  }
  .copyright-sections .col-sm-6 {
    width: 100%;
  }
  .copyright-sections .col-sm-6:first-child{
    order: 2;
  }
  .copyright-sections .col-sm-6:last-child{
    order: 1;
  }
  .menu-copyright {
    text-align: center;
  }
  .menu-copyright ul li {
    width: 100%;
    padding: 7px 0;
    border-bottom: 1px solid #0000002b;
  }
  .copyright-sections {
    padding: 0px 0 15px;
  }
  .copyright {
    padding-top: 7px;
    text-align: center;
  }
  .menu-copyright ul li::after {
    display: none;
  }
  .area-location-bx h6, .area-location-bx h5, .area-location-bx h4, .area-location-bx h3, .area-location-bx h2, .area-location-bx h1 {
    padding-left: 5px;
    font-size: 14px;
    line-height: 20px;
  }
  .area-location-bx figure {
    max-width: 22px;
  }
  .area-location-bx {
    padding: 8px 8px 8px 8px;
  }
  .top-header .col-sm-6 {
    display: none;
  }
  .top-header .col-sm-3 {
    width: 50%;
  }
  .head-call-now {
    float: right;
  }
section.services-detail.default-section .col-sm-8 {
  width: 100%;
}
section.services-detail.default-section .col-sm-4 {
    width: 100%;
}
section.services-detail.default-section .service-detail-right {
  margin-top: 20px;
}
.form-hero.service-detail-form{max-width: 100%;}
.service-detail-right .sidebar-img {
    max-width: 400px;
    margin: 0 auto;
}

}

@media(max-width:900px){
  .home-banner .col-sm-7 {
    width: 100%;
  }
  .home-banner .col-sm-5 {
    width: 100%;
  }
  .banner-caption-left {
    padding-bottom: 25px;
  }
  .form-hero {
    float: none;
    margin: 0 auto;   
    max-width: 100%;
  }
  .banner-title br {
    display: none;
  }
  .banner-caption ul li {
    padding-left: 18px;
    background-position: top 5px left;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
    background-size: 15px;
  }
  .working-img figure:first-child{
    display: none;
  }
  .working-section .col-sm-5 {
    width: 35%;
  }
  .working-section .col-sm-7 {
    width: 65%;
  }
  .services-parent ul li {
    width: 33.33%;
  }
  .logo-list {
    padding-top: 5px;
  }
  .contact-inn-section .ftr-contact-item {
    padding: 10px 0px 10px 10px;
  }
  .contact-content figure {
    margin: 0 8px 0 0;
  }
  .contact-content .ftr-contact-col:first-child {
    margin-right: 17px;
  }
  section.after-before-section .col-sm-8 {
    width: 100%;
  }
  section.after-before-section .col-sm-4 {
    width: 100%;margin-top: 20px;
  }
  .sidebar-contact-form .form-hero {
    padding: 15px 15px 20px;
    margin: 0 20px 0 0;
  }
  .sidebar {
    padding-left: 0px;
    display: flex;
    padding-bottom: 40px;
  }
  .sidebar-contact-form {
    margin-bottom: 0px;
    width: 60%;
  }
 
  .services-section.services-inn .services-parent ul li {
    width: 33.33%;
  }

.wp-pegination {
  text-align: center;
}









}

@media(max-width:812px){
  .head-call-now .headcall-inn {
    width: calc(100% - 35px);
  }
  .banner-title {
    font-size: 25px;
    line-height: 35px;
    margin-bottom: 10px;
  }
  .banner-btns a.theme-btn {
    margin-right: 5px;
  }
  a.theme-btn {
    font-size: 15px;
    line-height: 22px;
    padding: 10px 15px;
  }
    .nav-previous a,
    .nav-next a {
      font-size: 15px;
        line-height: 22px;
        padding: 10px 15px;
    }
  .top-logo img {
    max-width: 120px;
  }
    p {
    font-size: 15px;
    line-height: 22px;
  }
  .head-call-now a {
    font-size: 22px;
    line-height: 25px;
  }
  .form-hero .b-form-title {
    font-size: 20px;
    padding: 12px 15px;
  }
  .heading-title {
    font-size: 24px;
    line-height: 30px;
  }
  .working-box .working-box-img figure img {
    max-width: 50px;
  }
  .working-count {
    font-size: 14px;
    line-height: 15px;
  }
  .working-box-content h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 1px;
  }
  .working-box {
    margin-bottom: 25px;
  }
  .working-box-content {
    width: calc(100% - 110px);
  }
  .services-box h4 {
    margin-bottom: 1px;
    font-size: 16px;
    line-height: 22px;
  }
  .services-box figure {
    line-height: 65px;
    margin: 0 auto 12px;
    width: 101px;
    height: 83px;
    border-radius: 4px 4px 50px 50px;
  }
  .services-box figure img {
    max-width: 48px;
  }
  .services-parent h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .services-row {
    padding: 40px 0px 30px;
  }
  .services-parent ul li {
    padding: 8px 10px;
  }
  .our-process-box h3, .our-process-box h4, .our-process-box h5, .our-process-box h6, .our-process-box h2 {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 5px;
  }
  .our-process-box p {
    font-size: 15px;
    line-height: 22px;
  }
  .our-process-box {
    padding: 30px 15px 30px;
  }
  .service-area-list ul li {
    width: 50%;
  }
  .ftr-title {
    font-size: 20px;
    line-height: 26px;;
    padding: 6px 0;
  }
  .ftr-item ul li {
    font-size: 15px;
    line-height: 22px;
    padding: 6px 0;
  }
  .ftr-contact-col figure {
    margin: 0 auto 9px;
    width: 40px;
    height: 40px;
    line-height: 36px;
  }
  .ftr-contact-col p strong {
    font-size: 18px;
    line-height: 24px;
  }
  .ftr-contact-col a {
    font-size: 16px;
    line-height: 22px;
  }
  .about-ftr {
    padding: 15px 0;
  }
  .ftr-logo img {
    max-width: 160px;
  }
  .footer-menu ul li {
    font-size: 15px;
    line-height: 20px;
    padding: 6px 0px;
  }
  .menu-copyright ul li {
    font-size: 15px;
    line-height: 22px;
    padding: 6px 0;
  }
  .copyright {
    padding-top: 6px;
  }
  .copyright-sections {
    padding: 0px 0 10px;
  }
  .footer {
    padding: 30px 0 0;
  }
  .newsletter-title {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
  }
  .newsletter-form .medium {
    padding: 7px 135px 7px 20px !important;
    height: 45px !important;
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .newsletter-form input.button.gform_button {
    padding: 8px 15px !important;
    font-size: 15px !important;
    line-height: 22px !important;
    height: 37px !important;
  }
  .blog-content h3 {
    font-size: 16px;
    line-height: 22px;
  }
  .blog-item {
    padding: 7px;
  }
  .blog-wrapper .col-sm-4 {
    padding: 10px 6px;
  }
  .blog-content {
    padding: 10px 5px;
  }
  .card-header-title.collapsed {
    padding: 13px 60px 13px 15px;
  }
  .faq-box .card-header h5, .card-header-title {
    padding: 14px 60px 2px 15px;
    font-size: 16px;
    line-height: 24px;
  }
  .card-header-title::before {
   display: none;
  }
  .faq-box .card-header h5::after, .card-header-title::after {
    width: 25px;
    height: 25px;
    background-size: 8px !important;
    right: 13px;
    top: 67%;
  }
  .card-body.default-css {
    padding: 0px 40px 5px 15px;
  }
  .faq-box-left .section-heading {
    margin-bottom: 15px;
  }
  .faq-box .card {
    margin: 0 0 12px;
  }
  .client-star img {
    max-width: 23px;
  }
  .client-star {
    margin-top: 1px;
  }
  .testimonial-section .section-heading.text-center {
    margin-bottom: 15px;
  }
  .client-say-box figure img {
    max-width: 45px;
  }
  .client-nm-text h6 {
    font-size: 17px;
    line-height: 22px;
  }
  section.testimonial-section {
    padding: 40px 0px 20px;
  }
  .client-say-box {
    padding: 0px 10px 30px;
  }
  .large-4 h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 12px 0;
  }
  .gallery-row {
    padding-top: 0px;
  }
  .recent-projects-btns.text-center {
    padding-top: 20px;
  }
  .twentytwenty-before-label::before, .twentytwenty-after-label::before {
    padding: 0 10px;
    font-size: 14px;
    line-height: 18px;
  }
  .twentytwenty-handle {
    height: 50px !important;
    width: 50px !important;
    margin-left: -25px !important;
    margin-top: -25px !important;
  }
  .gallery-row .col-sm-3 {
    padding: 10px;
    width: 50%;
  }
  .twentytwenty-horizontal .twentytwenty-handle::before {
    margin-bottom: 25px !important;
  }
  .twentytwenty-horizontal .twentytwenty-handle::after {
    margin-top: 25px !important;
  }
  .choose-row .col-sm-6 {
    padding: 0px 15px;
    width: 100%;
  }
  .choose-btns {
    padding-top: 10px;
  }
  .head-call-now figure {
    width: 35px;
  }
  .lb-nav a.lb-prev, .lb-nav a.lb-next {
    width: 20px !important;
    height: 40px;
    background-size: 20px !important;
  }
  .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow {
    width: 10px !important;
    height: 20px !important;
    background-size: 10px !important;
  }
  .twentytwenty-left-arrow {
    margin-left: -16px !important;
  }
  .twentytwenty-right-arrow {
    margin-right: -16px !important;
  }
  .gallery-items > img {
    height: 100%;
  }
  .gallery-items {
    height: 100%;
  }
  .gallery-row .row {
    align-items: inherit;
  }
  .contact-inn-section .contact-row .col-sm-7 {
    width: 100%;
  }
  .contact-img {
    display: none;
  }

  .contact-inn-section .contact-row .col-sm-5 {
    width: 100%;
  }
  .contact-content {
    display: block;
  }
  .contact-content .ftr-contact-col {
    border-bottom: 1px solid #00000026;
    display: block;
    text-align: center;
    margin-bottom: 0;
    padding: 15px 0;
  }
  .contact-inn-section .ftr-title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 0px;
    background: transparent;
    text-align: center;
  }
  .contact-content .ftr-contact-col:last-child{
    border: none;
  }
  .contact-inn-section .ftr-contact-item {
    padding: 20px 0px 15px 0px;
  }
  .contact-content .ftr-contact-col:first-child {
    margin-right: 0px;
  }
  .banner-title.inner-title {
    font-size: 22px;
    line-height: 30px;
  }
  .inner-banner > img {
    height: 250px;
  }
  .page-nav ul li {
    font-size: 15px;
    line-height: 22px;
  }
  .after-before-content.default-css h3, .after-before-content.default-css h4, .after-before-content.default-css h5, .after-before-content.default-css h6, .after-before-content.default-css h1, .after-before-content.default-css h2 {
    font-size: 20px;
    line-height: 26px;
    padding-bottom: 6px;
    margin-bottom: 10px;
  }
  .wp-pegination .page, .wp-pegination span, .wp-pagenavi a {
    width: 37px;
    height: 37px;
    line-height: 35px;
    font-size: 16px;
    margin: 0 5px 0 0;
  }
     .wp-pegination .page,
     .wp-pegination span,
     .wp-pagenavi a,
     .wp-pegination a.page-numbers {
      width: 37px;
        height: 37px;
        line-height: 35px;
        font-size: 16px;
        margin: 0 5px 0 0;
     }
  .default-css ul li {
    background-position: 0 3px;
    padding-left: 20px;
    background-size: 16px;
  }
  .default-css ul li, .default-css ol li {
    font-size: 15px;
    line-height: 22px;
    margin: 0 0 4px;
  }
  .service-area-section.service-area-inn {
    padding: 40px 0 30px;
  }
  .default-btns .theme-btn.btn-white {
    margin-left: 5px;
  }


h1 {font-size: 24px;line-height: normal;}
h2 {font-size: 22px;line-height: normal;}
h3 {font-size: 20px;line-height: normal;}
h4 {font-size: 18px;line-height: normal;}
h5 {font-size: 16px;line-height: normal;}
h6 {font-size: 15px;line-height: normal;}


.estimatin-detail {
  padding: 30px 15px;
}
        .estimatin-title {
          font-size: 20px;
          line-height: 26px;
          margin-bottom: 10px;
        }

}





@media(max-width:767px){

  .large-4 h3 {
    font-size: 15px;
  }
  .sidebar-img {
    display: none;
  }
  .sidebar-contact-form {
    width: 100%;
  }
  .sidebar-contact-form .form-hero {
    padding: 15px 15px 20px;
    margin: 0;
  }
  .sidebar-contact-form .form-hero .b-form-title {
    font-size: 20px;
    line-height: 20px;
  }
section.blog-section.blogpage-single-section.default-section .col-sm-8 {
    width: 100%;
}
section.blog-section.blogpage-single-section.default-section .col-sm-4 {
  width: 100%;
}
.service-detail-right {
  margin-top: 30px;
}
.estimatin-detail{margin-bottom: 0;}
.gallery-row-parent .col-sm-3 {
    padding: 10px;
    width: 50%;
}
	
	
	
}
@media(max-width:700px){
  .working-img figure:first-child {
    display: block;
  }
  .working-section .col-sm-5 {
    width: 100%;
    order: 2;
  }
  .working-section .col-sm-7 {
    width: 100%;
    order: 1;
  }
  .working-box:last-child {
    margin-bottom: 30px;
  }
  section.our-process-section .col-sm-4 {
    width: 100%;
  }
  .blog-wrapper .col-sm-4 {
    padding: 8px 8px;
    width: 50%;
  }
  .blog-section {
    padding: 40px 0 25px;
  }
  .testimonial-row-parent .col-sm-4 {
    width: 50%;
  }
  .testimonial-row-parent .col-sm-4:nth-child(2) .client-say-box {
    border-right: none;
  }
  .gallery-row .col-sm-6 {
    width: 100%;padding: 10px 10px;
  }
  .recent-projects-btns.text-center {
    padding-top: 10px;
  }
  .working-box .working-box-img {
    padding: 10px 25px 10px;
  }
  .working-box-content {
    width: calc(100% - 120px);
}
.choose-btns a.theme-btn.btn-white {
  margin-left: 5px;
}

.testimonial-row-parent .col-sm-4:nth-child(2n) .client-say-box {
  border-right: none;
}

    .testimonial-row-parent .col-sm-4:nth-child(3) .client-say-box {
      border-right: 1px solid #D9D9D9;
    }
.testimonial-row-parent .col-sm-4:last-child .client-say-box {
  border-right: 0;
}
}
@media(max-width:600px){
  .services-parent ul li {
    width: 50%;
  }
  .service-area-section .col-sm-7 {
    width: 100%;
    order: 1;
  }
  .service-area-section .col-sm-5 {
    width: 100%;
    order: 2;
  }
  .service-area-left {
    padding: 0px 0px 25px 0px;
  }
  .service-area-row {
    border-radius: 25px;
  }
  .contact-map iframe {
    height: 210px;
  }
}
@media(max-width:575px){
  .working-img figure {
    margin: 0 5px;
  }
  .newsletter-section {
    padding: 40px 0px;
  }
  .banner-title {
    font-size: 23px;
    line-height: 30px;
  }
  .logo-list ul li img {
    max-width: 130px;
    max-height: 50px;
  }
  .banner-caption ul li {
    padding-left: 17px;
    background-position: top 4px left;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 3px;
    background-size: 14px;
  }
  .banner-btns {
    padding-top: 12px;
  }
  .form-hero input.button.gform_button {
    font-size: 15px !important;
    line-height: 22px !important;
    padding: 10px 25px !important;
  }
  .ftr-logo img {
    max-width: 140px;
  }
  .schedule-btn a {
    font-size: 15px;
    line-height: 22px;
    padding: 9px 15px;
  }
  .services-section.services-inn .services-parent ul li {
    width: 50%;
  }


}
@media(max-width:525px){
  .blog-wrapper .col-sm-4 {
    width: 100%;
  }
  .card-body.default-css {
    padding: 0px 25px 5px 15px;
  }

  .blog-section {
    padding: 40px 0 25px;
  }
  .testimonial-row-parent .col-sm-4 {
    width: 100%;padding: 0;
  }
  .testimonial-row-parent .col-sm-4:nth-child(2) .client-say-box {
    border-right: none;
    border-left: none;
  }
  .testimonial-row-parent .client-say-box {
    border-bottom: 1px solid #D9D9D9;
  }
  .testimonial-row-parent .col-sm-4:last-child .client-say-box{
    border: none;
  }
  .client-nm-text {
    position: initial;
  }
  .client-say-box {
    padding: 15px 10px;
  }
  .large-4 h3 {
    margin: 10px 0;
  }
  a.theme-btn {
    font-size: 12px;
    line-height: 20px;
    padding: 10px 10px;
    border-radius: 4px;
  }
    .nav-previous a,
    .nav-next a {
      font-size: 14px;
      line-height: 20px;
      padding: 9px 15px;
    }
  .banner-btns a.theme-btn {
    margin-right: 3px;
  }
  .choose-btns a.theme-btn.btn-white {
    margin-left: 3px;
  }
  .recent-projects-btns.text-center a.theme-btn {
    margin-right: 3px;
  }
  .recent-projects-btns.text-center a.theme-btn {
    margin: 5px 2px;
  }
  .banner-title.inner-title {
    font-size: 18px;
    line-height: 26px;
  }
  a.example-image-link {
    height: 50px;
    width: 50px;
  }
    .gallery-item-text img {
    max-width: 22px;
  }
  .after-before-content.default-css h3, .after-before-content.default-css h4, .after-before-content.default-css h5, .after-before-content.default-css h6, .after-before-content.default-css h1, .after-before-content.default-css h2 {
    font-size: 18px;
    line-height: 24px;
  }
.testimonial-row-parent .client-say-box{border-right: 0;}

}
@media(max-width:480px){
  .working-content .heading-title {
    text-align: center;
  }
  .working-box {
    display: block;
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }
  .working-box .working-box-img {
    border-top: 5px solid #FF5E15;
    max-width: 100px;
    margin: 0 auto 15px;
  }
  .working-box-content {
    width: calc(100% - 0px);
  }
  .working-box:last-child {
    margin-bottom: 10px;
    border: none;
  }
  .services-box figure {
    line-height: 55px;
    margin: 0 auto 10px;
    width: 81px;
    height: 73px;
    border-radius: 4px 4px 40px 40px;
    border-top: 4px solid #FF5E15;
  }
  .services-box figure img {
    max-width: 43px;
  }
  .services-box h4 {
    font-size: 15px;
    line-height: 20px;
  }
  .gform_wrapper .gfield.gfield--width-half {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .top-header .col-sm-3 {
    width: 100%;
  }
  .top-logo {
    text-align: center;
  }
  .top-header .col-sm-6 {
    width: 100%;
  }
  .top-header {
    padding: 0;
  }
  .head-call-now {
    padding: 10px 0;
    float: none;
    display: flex;
    text-align: center;
    justify-content: center;
  }
  .top-logo {
    text-align: center;
    border-bottom: 1px solid #D9D9D9;
    padding: 10px 0;
  }
  .head-call-now .headcall-inn {
    width: auto;
    text-align: left;
  }

}
@media(max-width:420px){
  .card-body.default-css {
    padding: 0px 15px 5px 15px;
  }
}
@media(max-width:360px){}