@font-face {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}
.fa, .far, .fas {font-family: 'FontAwesome';}

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


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

@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
        url('../fonts/SourceSansPro-Light.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
        url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {padding: 0;margin: 0;font-family: 'Source Sans Pro';font-weight: normal;}
html, body {width: 100%;height: 100%}
a {text-decoration: none;color: #021F35;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}
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}
.count::-moz-selection {background-color:#fff;color:#021F35}
.count::selection {background-color: #fff;color: #021F35}
img {max-width: 100%;height: auto}
p {font-family: 'Source Sans Pro';font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;color: #666;}
p a {color: #2388da;}
p a:hover {color: #021F35;}
p strong {color: #2388da;font-weight: normal;}
li strong {color: #2388da;font-weight: normal;}
ul, ol, ul li, ol li {margin: 0;padding: 0;}
ul li a, ol li a {color: #2388da;}
ul li a:hover, ol li a:hover {color: #021F35;}
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;-webkit-box-shadow: none;box-shadow: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Poppins';font-style: normal;font-weight: bold;color: #021F35;margin-bottom: 10px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #2388da;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {color: #2388da;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #021F35;}
h1 {font-size: 40px;line-height: 55px;}
h2 {font-size: 32px;line-height: normal;}
h3 {font-size: 30px;line-height: normal;}
h4 {font-size: 28px;line-height: normal;}
h5 {font-size: 26px;line-height: normal;}
h6 {font-size: 24px;line-height: normal;}
select::-ms-expand {display: none;}
select {-moz-appearance: none;}
#back-top-wrapper {position: fixed;right: 57px;bottom: 26px;overflow: hidden;z-index: 2;}
p#back-top {margin: 0;line-height: normal;font-size: 0;}
#back-top-wrapper #back-top a {opacity: 1;transition: 200ms all;border-radius: 50%;display: inline-block;background: #2388da url(../images/top-arrow.png) no-repeat;height: 50px;width: 50px;background-position: center center;}
#back-top-wrapper #back-top a:hover {background-color: #021F35;background-position: center center;transform: 0.6s;}
.modal-backdrop.show {opacity: 0.93;}
.modal.popup-form button.close {opacity: 1;position: absolute;right: 28px;top: 35px;font-size: 26px;font-weight: normal;color: #fff;cursor: pointer;text-shadow: none;}
.modal.popup-form .modal-dialog {max-width: 710px !important;position: absolute;top: 60px;left: 0;right: 0;transform: 0.6s; width: 95%;border-radius: 4px;margin: 0 auto;overflow: hidden;}
.modal.popup-form .modal-content {border: none;box-shadow: none;background: transparent;}
.modal.popup-form .modal-body {padding: 0;border: none;background: #fff;}
.modal.popup-form .gform_wrapper textarea.medium {height: 80px!important;}
.modal-body .gform_wrapper form {padding-top: 0;}
.modal.popup-form .form-hero .b-form-title {margin-top: -1px;text-align: center;}
.modal.popup-form .modal-body .col-sm-5 {padding: 0;}
.modal.popup-form .modal-body .col-sm-7 {padding: 0;}
.popup-right p {text-align: center;}
.modle-dtl {position: absolute;height: auto;bottom: 0;}
.popup-logo {text-align: center;padding: 30px;}
.popup-dtl {position: relative;}
.popup-dtl-bottum {background: #F5F5F5;position: absolute;bottom: 0;left: 0px;right: 0;padding: 0 15px;}
.popup-dtl-bottum::after {content: '';height: 55px;width: 100%;top: -50px;position: absolute;background: url(../images/popup-dtl-bottum-layer.png) no-repeat;left: 0;background-size: 100%;}
.popup-dtl-bottum figure {box-shadow: 0px 0px 20px rgba(26, 36, 107, 0.20);width: 90px;height: 90px;background: #fff;border-radius: 50%;text-align: center;line-height: 90px;border: 2px solid #2388da;margin: -106px 0 15px 50px;position: relative;z-index: 1;}
.popup-dtl-bottum h5 strong {color: #2388da;font-size: 36px;font-weight: 600;line-height: 46px;margin: 0;}
.popup-dtl-bottum h5 {color: #021F35;font-size: 34px;font-weight: 600;line-height: 46px;}
.popup-dtl-bottum p {color: #FFF;font-family: Poppins;font-size: 24px;font-weight: 600;line-height: 28px;background: #2388da;padding: 13px 10px;margin: 0 -15px 0px;text-align: center;}
.popup-dtl-bottum p a {color: #FFF;}
.popup-dtl-bottum p a:hover {color: #021F35;}
.popup-dtl > figure > img {height: 460px;object-fit: cover;}
.popup-right {height: 100%;}
.popup-right .form-hero {height: 100%;}
.popup-right .form-hero .b-form-title {color: #000;font-size: 36px;font-weight: 600;line-height: 28px;margin-bottom: 10px;}
.popup-right .form-hero input.button.gform_button {padding: 13px 30px;width: auto;}
.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: 20px;margin-bottom: 15px;}
.default-css ul li, .default-css ol li {font-family: 'Source Sans Pro';font-style: normal;font-weight: normal;font-size: 18px;line-height: 28px;color: #666;margin: 0 0 6px;}
.default-css ul li a, .default-css ol li a {color: #2388da}
.default-css ul li strong, .default-css ol li strong {color: #2388da;}
.default-css ul li a:hover, .default-css ol li a:hover {color: #021F35}
.default-css ul li {list-style: none !important;background: url(../images/list-arrow.png) no-repeat;background-position: 0 5px;padding-left: 23px;background-size: 17px;}
.default-css ol li::marker {color: #021F35;}
section.default-section {padding: 100px 0;}
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: relative;top: 0;left: 0;right: 0;width: 100%;z-index: 99;padding: 10px 0px;background: #F5F5F5;}
.header-section.sticky {position: fixed;}
.header-top-right p {font-weight: 500;color: #FFFFFF;margin: 0;}
.heaer-top .row {align-items: center;}
.header-bottom {display: flex;display: -webkit-flex;align-items: center;justify-content: space-between;position: relative;}
.head-call-now {display: flex;align-items: center;vertical-align: middle;position: relative;
    top: -4px;}
.head-call-now .headcall-inn {padding-left: 15px;}
.headcall-inn div {display: block !important;}
.head-call-now p {margin: 0;color: #000;font-size: 20px;font-weight: 600;line-height: 40px;}
.head-call-now a {font-family: 'Source Sans Pro';font-style: normal;font-weight: 700;font-size: 36px;line-height: 30px;color: #2388da;}
.head-call-now a:hover {color: #021F35;}
/*--banner--*/
.home-banner {position: relative;background: #021F35;z-index: 1;padding: 50px 0;background-size: cover;}
.home-banner::before {content: '';height: 100%;width: 100%;top: 0;position: absolute;left: 0;z-index: -1;background: radial-gradient(84.24% 123.18% at 10.33% 18.80%, #fff 0%, rgb(255 255 255 / 57%) 100%);}
.home-banner::after {content: '';height: 100%;width: 6%;bottom: 0;position: absolute;left: 0;z-index: -1;background: #F5F5F5;}
.home-banner>img {width: 100%;}
.banner-star {display: -webkit-box;display: -ms-flexbox;-ms-flex-wrap: wrap;display: inline-block;padding-bottom: 15px;}
.stardx {display: inline-block;position: relative;}
.banner-star p {margin: 0;padding-left: 4px;display: inline-block;color: #666;font-size: 20px;font-weight: 600;line-height: 28px;}
.banner-title {margin-bottom: 20px;color: #021F35;font-family: Poppins;font-size: 54px;font-style: normal;font-weight: 600;line-height: 70px;}
.banner-caption ul {margin: 0 0 0;padding: 0;}
.banner-caption ul li {padding-left: 32px;margin-bottom: 15px;background: url(../images/list-arrow.png) no-repeat top left;background-position: top 4px left;list-style: none;font-style: normal;line-height: 34px;color: #000;font-family: Source Sans Pro;font-size: 20px;font-weight: 400;}
.banner-caption ul li strong {color: #2388da;font-weight: 400;}
.banner-btns {padding-top: 20px;}
.banner-btns a.theme-btn.btn-red {margin-right: 20px;border: 1px solid #FFEC00;background: #FFEC00;color: #000;}
.banner-btns a.theme-btn.btn-red:hover {background: #FFF;border-color: #021F35;color: #021F35;}
.banner-btns a.theme-btn.btn-blue {background-color: #fff;border: 1px solid #021F35;color: #021F35;}
.banner-btns a.theme-btn.btn-blue:hover {background: #2388da;border-color: #2388da;color: #fff;}
a.theme-btn {display: inline-block;position: relative;padding: 14px 38px;text-align: center;color: #FFF;font-family: Source Sans Pro;font-size: 20px;font-style: normal;font-weight: 600;line-height: 28px;border-radius: 0px 20px;}
a.theme-btn.btn-red strong {color: #2388da;}
a.theme-btn.btn-red:hover strong {color: #000;}
a.theme-btn.btn-blue {background: #FFEC00;color: #000;}
a.theme-btn.btn-blue strong {color: #2388da;}
a.theme-btn.btn-blue:hover strong {color: #000;}
.help-you-section a.theme-btn.btn-red strong {color: #FFEC00;}
.help-you-section a.theme-btn.btn-red:hover strong {color: #000;}
.about-btns a.theme-btn.btn-red strong {color: #FFEC00;}
.about-btns a.theme-btn.btn-red:hover strong {color: #000;}

section.professional-serivce a.theme-btn.btn-red {margin-right:20px}
section.professional-serivce a.theme-btn.btn-red strong {color: #FFEC00;}
section.professional-serivce a.theme-btn.btn-red:hover strong {color: #000;}

a.theme-btn.btn-blue:hover {background: #2388da;transition: 0.6s;border-radius: 20px 0px;}
a.theme-btn.btn-red {background: #2388da;}
a.theme-btn.btn-red:hover {background: #FFEC00;transition: 0.6s;border-radius: 20px 0px;color: #000;}
.home-banner .row {align-items: center;}
.form-hero {position: relative;right: 0;top: 0;padding: 25px 20px;border-radius: 0px 20px;background: #FFF;box-shadow: 0px 0px 60px 0px rgba(26, 36, 107, 0.10);}
.form-hero .b-form-title {margin-bottom: 15px;color: #021F35;text-align: center;font-family: 'Poppins';font-size: 28px;font-style: normal;font-weight: 700;line-height: 36px;}
.form-hero .b-form-title strong {color: #2388da;}
.form-hero .gform_body {margin: 0 -8px;}
.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;}
.gform_wrapper .gfield {padding: 0 8px 10px;clear: both;text-align: left;width: 100%;margin: 0;}
.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: 'Source Sans Pro', sans-serif;font-style: normal;font-weight: 400 !important;font-size: 16px !important;line-height: 22px;color: #666 !important;margin-bottom: 3px;}
.form-hero .gform_wrapper .medium {width: 100%!important;font-size: 16px!important;padding: 7px 15px 7px 5px!important;-webkit-appearance: none;resize: none;position: relative;height: 42px;transition: all 1s;margin: 0!important;color: #666!important;font-family: Source Sans Pro;font-style: normal;font-weight: 400;line-height: 28px;border: none;border-bottom: 1px solid rgb(2 31 53 / 44%);}
.form-hero .gform_wrapper .medium::-webkit-input-placeholder { /* Edge */
color: #666;opacity: 1;}
.form-hero .gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #666;opacity: 1;}
.form-hero .gform_wrapper .medium::placeholder {color: #666;opacity: 1;}
.form-hero input.button.gform_button {padding: 9px 20px;display: inline-block;position: relative;cursor: pointer;transition: all 1s;border: none;width: auto;color: #FFF;font-family: Source Sans Pro;font-size: 20px;font-style: normal;font-weight: 600;line-height: 28px;border-radius: 0px 20px;background: #2388da;}
.form-hero input.button.gform_button:hover {background-color: #021F35;color: #fff;transition: 0.6s;border-radius: 20px 0px;}
.gform_wrapper textarea.medium {height: 80px!important;border-radius: 0;display: block;}
.gform_wrapper .gform_footer {padding: 0px 0 0 0 !important;margin: 0 0 0 0 !important;position: relative;z-index: 1;}
.gform_wrapper .medium.gfield_select {background: url(../images/select-arrow.png) no-repeat right 13px center!important;background-size: 16px !important;}
.form-hero .gform_wrapper .gform_footer {margin: 0 0 0px 0 !important;}
.form-hero .gform_wrapper label {font-size: 16px!important;font-family: Source Sans Pro;font-style: normal;font-weight: 400;line-height: 28px;color: #666;margin: 0 !important;padding-left: 5px;}
.form-hero .ginput_container.ginput_container_fileUpload {text-align: center;border: 1px solid rgb(2 31 53 / 18%);padding: 15px;}
.form-hero input[type="file"] {display : none;}
.form-hero .button {border: none;display: inline-block;letter-spacing: 0.02em;padding: 8px 20px;text-align: center;text-decoration: none;transition: all 0.2s;color: #FFF;font-family: Source Sans Pro;font-size: 18px;font-style: normal;font-weight: 600;line-height: 28px;margin-top: 5px;border-radius: 45px;background: #021F35;}
.form-hero .button:hover {background-color: #2388da;}
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select {width: 100%!important;font-size: 16px!important;padding: 10px 15px 7px 5px!important;-webkit-appearance: none;resize: none;position: relative;height: 42px;transition: all 1s;margin: 0!important;color: #666!important;font-family: Source Sans Pro;font-style: normal;font-weight: 400;line-height: 28px;border: none;border-bottom: 1px solid rgb(2 31 53 / 44%);background: #FFF;}
.form-hero .gform_wrapper select {background: url(../images/select-arrow.png) no-repeat right 13px center!important;background-size: 16px !important;}
.banner-social {position: absolute;left: 16px;top: 50%;transform: translateY(-50%);}
.banner-social hr {transform: rotate(-90deg);background: #D9D9D9;width: 75px;margin-bottom: 91px;margin-top: 61px;}
.banner-social p {transform: rotate(-90deg);color: #666;}
.top-social a {padding: 13px 0;border-bottom: 1px solid rgb(217 217 217 / 52%);display: block;width: 26px;text-align: center;margin: 0 auto;}
.top-social a:last-child {border-bottom: none;}
.top-social a img {filter: brightness(0) invert(0.5);transition: all 0.6s ease;}
.top-social a:hover img {transform: rotate(360deg);}


.counter-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
}
.count-box {
    width: 50%;
    padding: 10px;
}
.count-bx {
    height: 100%;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(35, 136, 218, 0.20);
    background: #FFF;
    box-shadow: 0px 0px 40px 0px rgba(35, 136, 218, 0.20);
    padding: 30px 10px;
}
.count-digit-row {
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    color: #2388DA;
    text-align: center;
    font-family: Poppins;
    font-size: 50px;
    font-style: normal;
    font-weight: 800;
    line-height: 50px;
}
.count-bx p {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    margin: 0;
}


/*--floating-icon--*/
.floating-icon {position: fixed;right: -71px;top: 50%;transform: translateY(-50%);z-index: 11;transform: rotate(-90deg);}
.floating-icon a {padding: 11px 28px;display: inline-block;text-align: center;font-family: 'Source Sans Pro';border-radius: 4px 4px 0px 0px;background: #2388da;color: #FFF;font-size: 20px;font-style: normal;font-weight: 600;line-height: 28px;}
.floating-icon a:hover {color: #fff;background: #021F35;transition: 0.6s;}
.heading-title {margin-bottom: 30px;color: #021F35;font-family: Poppins;font-size: 60px;font-style: normal;font-weight: 600;line-height: 65px;}
.heading-title strong {color: #2388da;font-weight: 600;}
/*--logo-section--*/
.logo-section {position: relative;z-index: 1;background: #FFF;box-shadow: 30px 30px 60px 0px rgba(2, 31, 53, 0.20);padding: 30px 0;}
.logo-list ul {padding: 0;margin: 0;align-items: center;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
.logo-list ul li {list-style: none;padding: 15px;width: 12.5%;text-align: center;height: 100%;}
.logo-list ul li figure img:hover {transform: scale(0.95);transition: 0.6s;}
.logo-slider.owl-carousel .owl-stage {
    display: flex;
    align-items: center;
    justify-content: center;
}
.logo-slider .item {
    text-align: center;
}
/*--our-process-section--*/
section.our-process-section {
    padding: 100px 0 170px;
    background: #021F35;
}
section.our-process-section .heading-title {
    color: #fff;
}
.our-process-row .row {justify-content: center;}
.our-process-row {max-width: 1400px;margin: 0 auto;}
.our-process-row .col-sm-4 {padding: 30px;}
.our-process-box {padding: 40px 30px;height: 100%;border-radius: 0px 30px;background: #FFF;box-shadow: 0px 0px 50px 0px rgba(2, 31, 53, 0.10);}
.our-process-box:hover {box-shadow: 0px 0px 50px 0px rgba(255, 12, 12, 0.10);}
.our-process-box-top {display: flex;justify-content: space-between;align-items: center;padding-bottom: 25px;}
.our-process-box h3 {color: #000;font-family: Poppins;font-size: 26px;font-style: normal;font-weight: 600;line-height: 28px;}
.counter {color: rgb(2 31 53 / 20%);font-family: Source Sans Pro;font-size: 40px;font-style: normal;font-weight: 700;line-height: 28px;}
.our-process-box:hover h3 {color: #2388da;transition: 0.6s;}
.our-process-box-top figure img {filter: brightness(0);}
.our-process-box:hover .our-process-box-top figure img {filter: none;transition: 0.6s;}
/* section.services-section */
section.services-section {background: #F5F5F5;padding-bottom: 20px;}
.services-box-img figure {border-radius: 0px 40px 0px 0px;overflow: hidden;margin-top: -70px;}
section.services-section .col-sm-5 {padding-left: 0;}
.services-box {padding: 65px 200px 60px 60px;}
.services-box ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;justify-content: center;}
.services-box ul li {list-style: none;width: 15%;padding: 25px 15px;}
.services-boxx ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0;justify-content: center;}
.services-boxx ul li {list-style: none;width: 15%;padding: 25px 15px;}
.services-boxx {padding: 60px 60px 60px 60px;}
.services-box-contant figure {border-radius: 0px 20px;background: #FFF;box-shadow: 20px 20px 50px 0px rgba(2, 31, 53, 0.20);width: 90px;height: 90px;line-height: 82px;text-align: center;margin: 0 auto 20px;}
.services-box-contant h6 {margin: 0;color: #000;font-family: Source Sans Pro;font-size: 22px;font-style: normal;font-weight: 600;line-height: 28px;text-align: center;}
.services-box-contant:hover h6 {color: #2388da;transition: 0.6s;}
.services-box-contant figure img {filter: brightness(0);}
.services-box-contant:hover figure img {filter: none;transition: 0.6s;}

.services-bottum {
    padding: 60px 0;
}
.services-bottum .heading-title {
    margin-bottom: 10px;
}

/* .help-you-section */
.help-you-section {padding: 80px 40px;margin-left: 40px;background: #021F35;}
.help-you {display: flex;align-items: center;justify-content: space-between;}
.help-you .heading-title {color: #fff;font-size: 40px;line-height: 50px;margin: 0;width: 70%;}
.help-you-btns {width: 30%;text-align: right;}
.help-you-btns a.theme-btn.btn-red {margin-right: 20px;}
.help-you-btns a.theme-btn.btn-red:hover {background: #fff;color: #021F35;}
.help-you-btns a.theme-btn.btn-blue:hover {background: #2388da;color: #fff;}
.help-you-btns a.theme-btn.btn-blue {background: #fff;color: #021F35;}

 

/* section.patio-covers-section  */
section.patio-covers-section {padding: 100px 0;}
.patio-covers-row .row {justify-content: center;}
.patio-covers-row .col-sm-4 {padding: 15px;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;}
.patio-covers-box figure {margin-bottom: 25px;}
.patio-covers-box figure img {filter: brightness(0);}
.patio-covers-box:hover figure img {filter: none;transition: 0.6s;}
.patio-covers-box {border-radius: 0px 20px;background: #FFF;box-shadow: 20px 20px 60px 0px rgba(2, 31, 53, 0.10);padding: 35px 40px;height: 100%;}
.patio-covers-box h3 {color: #021F35;font-size: 30px;font-weight: 600;line-height: 38px;}
.patio-covers-box:hover h3 {color: #2388da;transition: 0.6s;}
/*--about-section--*/
section.about-section {padding: 0 0 100px;}
section.about-section .row {align-items: center;}
.about-content .heading-title {font-size: 52px;line-height: 70px;}
.about-content p strong {color: #2388da;font-weight: 400;}
.about-btns {padding-top: 20px;display: flex;align-items: center;}
.about-img-box figure {border-radius: 0px 30px;overflow: hidden;}
.about-img-box figure img {width: 100%;}
.about p strong {color: #2388da;font-weight: 400;}
.about-img-box {position: relative;}
.about-box-bottum {position: absolute;bottom: 0;left: 0;right: 0;padding: 30px 0 0;background: #021F35;text-align: center;border-radius: 0px 0 0 30px;}
.about-box-bottum h4 {color: #FFF;text-align: center;font-size: 50px;font-weight: 600;line-height: 60px;margin-bottom: 30px;}
.about-box-bottum h4 strong {color: #FFEC00;}
.about-box-bottum h4 span {font-size: 41px;line-height: 57px;display: block;}
.about-box-bottum a {padding: 12px 30px 1px;color: #2388da;font-family: Poppins;font-size: 36px;font-style: normal;font-weight: 600;line-height: 60px;border-radius: 20px 20px 0px 0px;background: #F5F5F5;}
.about-box-bottum a:hover {color: #021F35;}
.head-call-now.about-call figure {width: 60px;height: 60px;background: #fff;text-align: center;border-radius: 50%;line-height: 61px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);}
.head-call-now.about-call a {font-size: 20px;line-height: 30px;color: #000;}
.head-call-now.about-call a:hover {color: #2388da;}
.head-call-now.about-call {border-left: 1px solid #D9D9D9;padding-left: 26px;margin-left: 35px;}
.about-content {padding-left: 20px;}
/*--testimonial-section--*/
section.testimonial-section {padding: 100px 0px;background: #F5F5F5;}
.testimonial-row-parent .row {justify-content: center;}
.testimonial-row-parent .col-sm-3 {padding: 37px 25px;}
.quto {margin-bottom: 30px;}
.client-say-box {height: 100%;padding: 1px 22px 85px;position: relative;border-radius: 0px 20px;background: #FFF;box-shadow: 30px 30px 60px 0px rgba(10, 49, 88, 0.10);}
.quto figure {background: #FFF;box-shadow: 0px 30px 60px rgba(2, 31, 53, 0.20);width: 70px;height: 70px;text-align: center;line-height: 68px;border-radius: 50%;margin-top: -40px;}
.client-nm-text {position: absolute;bottom: 0;border-radius: 0px 0px 0px 20px;background: #F5F5F5;padding: 10px 22px;display: flex;left: 0;right: 0;align-items: center;justify-content: space-between;}
.client-say-box:hover .client-nm-text {background: #021F35;}
.client-nm-text h6 {margin: 0;color: #021F35;font-family: Source Sans Pro;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;}
.client-say-box:hover .client-nm-text h6 {color: #fff;transition: 0.6s;}
.client-say-box p {font-size: 16px;line-height: 25px;}
.start-icon-bottom {
    text-align: center;
}
.clients-google {
    padding-top: 5px;
}


/* --service-area-section--*/
.service-area-section {background: #FFF;padding: 100px 0;}
.service-area-list .subheading-title {margin-bottom: 10px;color: #2388da;font-family: Poppins;font-size: 26px;font-style: normal;font-weight: 700;line-height: 28px;}
.service-area-section .row {justify-content: right;}
.service-area-row {background: #FFF;box-shadow: 40px 40px 60px 0px rgba(2, 31, 53, 0.10);border: 1px solid rgb(0 0 0 / 12%);}
.service-area-list {padding: 40px 100px 40px 20px;}
.service-area-list ul {display: flex;flex-wrap: wrap;align-items: center;/* justify-content: space-between; */
}
.service-area-list ul li {width: 25%;list-style: none;}
.area-location-bx {padding: 20px 0;}
.area-location-bx:hover figure {transition: 0.6s;border-radius: 20px 0px;}
.area-location-bx figure {width: 89px;height: 82px;text-align: center;line-height: 71px;margin: 0 auto 20px;border-radius: 0px 20px;background: #FFF;box-shadow: 0px 0px 40px 0px rgba(2, 31, 53, 0.10) inset;transition: 0.6s;}
.area-location-bx h6 {margin: 0;color: #666;text-align: center;font-family: Source Sans Pro;font-size: 22px;font-style: normal;font-weight: 600;line-height: 36px;}
.area-location-bx:hover h6 {color: #2388da;transition: 0.6s;}
.service-area-map{background: #F5F5F5; height: 100%;}
.service-area-map figure {text-align: center;padding: 72px 40px;}
/*--faq--*/
section.faq-section {padding: 0px 0 100px;}
section.faq-section .col-sm-4 {padding-left: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
section.faq-section .col-sm-8 {-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;}
.faq-box .card-header h5, .card-header-title {
    padding: 20px 65px 20px 0px;
    position: relative;
    border: none;
    margin: 0;
    letter-spacing: 0.01em;
    box-shadow: none;
    letter-spacing: 0.01em;
    font-family: 'Source Sans Pro';
    font-style: normal;
    color: #2388da;
    font-weight: 500;
    font-size: 22px;
    line-height: 28px;
    border-radius: 0px 20px 0 0;
    border:none;
    background: #FFF;
}
.card-body.default-css p {color: #666;}
.card-body.default-css {padding: 2px 30px 10px 0px;border-top: none;}
.faq-box .card {margin: 0 0 0px;border-radius: 0;background: transparent;box-shadow: none;border: none;}
.card-header-title.collapsed {
    color: #021F35;
    box-shadow: none;
    background-color: transparent;
    border-radius: 0;
    border-bottom: 1px solid rgba(2, 31, 53, 0.10);
    background: #FFF;
}
.card-header-title.collapsed:hover {color: #2388da;}
.faq-box .card-header h5:after, .card-header-title::after {content: "";background:  url(../images/faq-minus.png) no-repeat center;width: 20px;height: 20px;position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);right: 0px;}
.faq-box .card-header {border: none;padding: 0;cursor: pointer;position: relative;margin: 0 0 0;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;}
.faq-img {position: relative;border-radius: 0px 20px;overflow: hidden;}
.faq-box-bottum {background: #021F35;padding-top: 20px;position: absolute;bottom: 0;left: 0;right: 0;}
.faq-box-bottum::before {content: '';height: 90px;width: 100%;top: -43%;position: absolute;background: url(../images/faq-box-layer.png) no-repeat;background-size: 100%;}
.faq-box-bottum h4 {text-align: center;color: #FFF;font-family: Poppins;font-size: 24px;font-style: normal;font-weight: 600;line-height: 36px;padding: 0 10px;}
.faq-box-bottum .faq-call a {font-family: 'Source Sans Pro';text-align: center;display: block;color: #FFF;font-size: 40px;font-style: normal;font-weight: 700;line-height: 40px;background: rgb(217 217 217 / 13%);padding: 10px;}
.faq-box-bottum .faq-call a:hover {color: #2388da;}
section.faq-section .col-sm-3 {-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
section.faq-section .col-sm-9 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    padding-right: 100px;
}
.faq-img>figure>img {width: 100%;}
.faq-box-bottum figure {background: #FFF;box-shadow: 0px 0px 30px #2388da;width: 100px;height: 100px;border-radius: 50%;text-align: center;line-height: 90px;margin: -130px 30px 30px auto;position: relative;}
.faq-box-bottum h4 a {color: #FFEC00;}
.faq-box-bottum h4 a:hover {color: #2388da;}
section.faq-section .row {
    align-items: center;
}

.contact-right-form iframe {
    height: 100%;   
}

/* OUR BLOG SECTION CSS START */
.blog-section {padding: 100px 0;background: linear-gradient(180deg, #F5F5F5 0%, rgba(245, 245, 245, 0.00) 100%);}
.home .blog-section {overflow: hidden;}
.blog-wrapper .row {justify-content: center;}
.blog-wrapper .col-sm-4 {padding: 20px;}
.blog-item {border-radius: 0px 20px;background: #FFF;box-shadow: 0px 0px 40px 0px rgba(48, 69, 124, 0.20);}
.home .blog-wrapper {max-width: 1340px;margin: 0 auto;}
.blog-item figure {border-radius: 0px 20px 0px 0px;overflow: hidden;}
.blog-content h3 {color: #021F35;text-align: center;font-family: Source Sans Pro;font-size: 20px;font-style: normal;font-weight: 600;line-height: 30px;}
.blog-content h3 a {color: #021F35;}
.blog-item:hover .blog-content h3 a {color: #2388da;transition: 0.6s;}
.blog-item figure img {width: 100%;transition: all 0.6s ease;}
.blog-item:hover figure img {transform: scale(1.1);}
.blog-content {padding: 30px 20px;text-align: center;}
.blog-btns {text-align: center;padding-top: 30px;}
.blog-btns a.theme-btn.btn-blue {margin-left: 10px;margin-right: 10px;}
/* section.newsletter-section */
section.newsletter-section {position: relative;padding: 60px 0;background: #021F35;}
section.newsletter-section::before {content: '';height: 188px;width: 100%;bottom: 0;left: 0;position: absolute;background: url(../images/newsletter-bg.png) no-repeat;}
.newsletter-box {display: flex;justify-content: space-between;align-items: center;}
section.newsletter-section .heading-title {color: #fff;margin: 0;width: 70%;}
.newsletter-form {width: 565px;}
.newsletter-form .medium {padding: 7px 78px 7px 19px !important;display: block;height: 60px;width: 100%;margin: 0 !important;font-style: normal;font-weight: 400;color: #666;font-size: 18px !important;font-family: Source Sans Pro;line-height: 28px;background: #fff!important;border-radius: 4px;border-radius: 0px 20px;border: 1px solid rgba(0, 0, 0, 0.20);}
.newsletter-form input.button.gform_button {width: 67px;height: 60px;display: inline-block;border: none;cursor: pointer;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;position: absolute;top: 0;right: 0;font-size: 0;color: #FFFFFF;background: #2388da url(../images/telegram-icon.png) no-repeat;background-position: center;border-radius: 0px 20px 0 0;}
.newsletter-form input.button.gform_button:hover {background-color: #FFEC00;}
.newsletter-form form {position: relative;}
.newsletter-form .gform_wrapper .gform_footer {position: initial;}
/*----------- footer ---------*/
.footer {padding-top: 90px;background: #FFF;}
.ftr-parent .col-sm-4 {-ms-flex: 0 0 29%;flex: 0 0 29%;max-width: 29%;}
.ftr-parent .col-sm-3 {-ms-flex: 0 0 23%;flex: 0 0 23%;max-width: 23%;}
.ftr-parent .col-sm-2 {-ms-flex: 0 0 16%;flex: 0 0 16%;max-width: 16%;}
.ftr-logo {padding-bottom: 40px;border-bottom: 1px solid #D9D9D9;margin-bottom: 30px;}
.about-ftr {padding-right: 110px;}
.ftr-social a {height: 50px;width: 50px;text-align: center;border-radius: 50%;display: inline-block;margin: 0 3px;line-height: 45px;border: 1px solid #231F20;}
.ftr-social {padding-top: 30px;}
.ftr-social a:hover {background: #2388da;transition: 0.6s;border-color: #2388da;}
.ftr-social a img {filter: brightness(0);transition: 0.6s;width: 24px;}
.ftr-social a:hover img {filter: brightness(0) invert(1);transition: 0.6s;}
.ftr-title {margin-bottom: 14px;color: #2388da;font-family: Source Sans Pro;font-size: 26px;font-style: normal;font-weight: 600;line-height: 28px;}
.ftr-item ul li {list-style: none;margin-bottom: 10px;color: #666;font-family: 'Source Sans Pro';font-size: 18px;font-style: normal;font-weight: 400;line-height: 26px;}
.ftr-item ul li a {color: #666;}
.ftr-item ul li a:hover {color: #2388da;}
.ftr-item.ftr-time ul li p {margin-bottom: 10px;display: flex;}
.ftr-item.ftr-time ul li p strong {color: #666;min-width: 116px;}
.ftr-item.ftr-time ul li p span {color: #2388da;}
.menu-copyright ul {padding: 0;margin: 0;}
.menu-copyright ul li {list-style: none;display: inline-block;position: relative;text-align: center;font-style: normal;font-weight: 400;color: #666;font-size: 18px;font-family: 'Source Sans Pro';line-height: 28px;}
.menu-copyright ul li a {color: #666;}
.menu-copyright ul li a:hover {color: #2388da;}
.menu-copyright ul li::after {content: '/';color: #666;padding: 0 10px 0 13px;font-family: ''Source Sans Pro'';font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;}
.copyright p {margin: 0;}
.menu-copyright {float: right;}
.copyright p a {color: #2388da;}
.copyright p a:hover {color: #666;}
.menu-copyright ul li:last-child:after {display: none;}
.copyright-sections .row {align-items: center;}
.copyright-sections {padding: 22px 0 22px;border-top: 1px solid #D9D9D9;margin-top: 50px;}
.head-call-now.ftr-call a {font-size: 40px;line-height: 30px;color: #000;font-weight: 600;}
.head-call-now.ftr-call a:hover {color: #2388da;}
/*******DK*****/
/**Inner Banner*/
section.inner-banner {position: relative;}
section.inner-banner::before {content: '';height: 100%;width: 100%;top: 0;left: 0;position: absolute;background: linear-gradient(91deg, rgba(1, 20, 34, 0.76) 40.44%, rgba(2, 31, 53, 0.00) 100%);}
.inner-banner>img {width: 100%;}
.page-nav {width: 100%;}
.page-nav-box {padding: 11px 30px;top: 0;left: 0;position: relative;display: inline-block;min-width: 330px;margin-top: auto;border-radius: 4px;background: #2388da;float: left;border: 5px solid #fff;margin-top: -30px;}
.page-nav ul li {margin: 0px;list-style: none;text-align: center;font-family: 'Source Sans Pro';font-style: normal;font-weight: 500;font-size: 20px;line-height: 28px;color: #021F35;}
.page-nav ul li span a {color: #021F35;}
.page-nav ul li span a:hover {color: #fff;}
.page-nav ul li span {color: #fff;}
section.inner-banner .caption-absolute {position: absolute;top: 46%;left: 0;width: 100%;transform: translateY(-50%);z-index: 1;}
.banner-title.inner-title {color: #fff;font-weight: 600;}
.banner-title.inner-title strong {color: #2388da;}
.banner-title.inner-banner {color: #fff;font-weight: 600;}
.banner-title.inner-banner strong {color: #2388da;}
.banner-btns.inner-btn {padding: 0;}
.innservd {background: none !important;}
.blog-btns {margin: 0 auto;text-align: center;padding-top: 30px;}
section.inner-banner a.theme-btn.btn-black {background: #fff;color: #000;}
section.inner-banner a.theme-btn.btn-black:hover {background: #2388da;color: #fff;}
section.free-estimate-serivce a.theme-btn.btn-black {background: #fff;color: #000;}
section.free-estimate-serivce a.theme-btn.btn-black:hover {background: #2388da;color: #fff;}
.emergency-services-text .head-call-now.faq-call a.theme-btn.btn-red {background: #fff;color: #000;}
.emergency-services-text .head-call-now.faq-call a.theme-btn.btn-red :hover {background: #2388da;color: #fff;}
/*CTA 1 section*/
section.emergency-services-section {background: linear-gradient(180deg, #021F35 0%, #021F35 100%);overflow: hidden;margin: 0 110px 100px;}
.emergency-services-call figure {border-radius: 4px;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(20px);width: 100px;height: 100px;text-align: center;line-height: 98px;margin: 0 auto 20px;}
section.emergency-services-section .row {position: relative;}
section.emergency-services-section .row::before {content: '';height: 1px;width: 100%;top: 96px;left: 0;position: absolute;background-color: rgb(217 217 217 / 12%);}
.emergency-services-call figure img {filter: brightness(0) invert(1);}
.emergency-services-img figure img {width: 100%;}
.emergency-services-text .heading-title {color: #fff;font-size: 50px;line-height: 70px;}
.emergency-services-text p {font-size: 16px;line-height: 24px;color: #fff;}
.emergency-services-text {text-align: center;padding: 50px 0;}
.emergency-services-img figure {width: 785px;height: 785px;background: #fff;border-radius: 50%;overflow: hidden;border: 5px solid #fff;outline: 5px solid #2388da;outline-offset: -9px;}
section.emergency-services-section .col-sm-4 {padding: 0;}
section.emergency-services-section .col-sm-4:first-child .emergency-services-img {float: right;}
section.emergency-services-section .col-sm-4:last-child .emergency-services-img {float: left;}
.emergency-services-img {margin: -100px 0;}
.emergency-services-text .head-call-now.faq-call {justify-content: center;padding-top: 10px;}
.emergency-services-text .head-call-now.faq-call figure {line-height: 62px;}
.emergency-services-text .head-call-now.faq-call a:hover {color: #2388da;}
/* section.about-zuppardo-section  */
section.about-zuppardo-section {background: rgb(255 169 2 / 8%);padding: 100px 0;}
section.about-zuppardo-section h2 {color: #021F35;font-size: 40px;font-weight: 700;line-height: 71px;text-transform: uppercase;}
section.about-zuppardo-section .default-css figure {margin-bottom: 20px;}
section.expertise-trust-section {background: #021F35;padding: 0 100px;overflow: hidden;}
section.expertise-trust-section .row {align-items: center;}
.expertise-trust.logo {margin: -50px 0;}
.expertise-trust.logo figure {border-radius: 340px;background: #FFF;width: 340px;height: 340px;text-align: center;margin: -50px 0;line-height: 312px;}
.expertise-trust .heading-title {color: #fff;margin: 0;font-size: 46px;font-weight: 600;line-height: 57px;}
.head-call-now.expertise-trust p {margin: 0;color: #fff;font-size: 32px;font-weight: 600;line-height: 41px;}
.head-call-now.expertise-trust a {font-size: 46px;line-height: 52px;}
.head-call-now.expertise-trust a:hover {color: #fff;}
.head-call-now.expertise-trust {justify-content: right;}
section.expertise-trust-section .col-sm-5 {position: relative;}
section.expertise-trust-section .col-sm-5::before {position: absolute;content: '';background: url(../images/expertise-trust-befoore.png) no-repeat;width: 19px;height: 100%;top: 0;right: -39px;}
/*------Contact page------*/
/*--Contact Us--*/

.contact-page-section {padding: 100px 0;}
.contact-page-parent .row {justify-content: center;}
.contact-page-form .heading-title {margin-bottom: 50px;}
.contact-info-icon figure {width: 100px;height: 100px;border-radius: 50%;text-align: center;line-height: 93px;background: #FFFFFF;box-shadow: 0px 0px 30px rgba(26, 36, 107, 0.16);margin-right: 30px;}
.contact-info-icon {display: flex;justify-content: center;}
.contact-address {height: 100%;}
.contact-page-parent .col-sm-4 {padding: 15px;border-right: 1px solid rgba(26, 36, 107, 0.2);}
.contact-page-parent .col-sm-4:last-child {padding: 15px;border-right: none;}
.contact-address p {margin: 0;font-size: 20px;line-height: 28px;}
.contact-address p strong {display: block;font-weight: 600;font-size: 26px;line-height: 34px;color: #021F35;margin-bottom: 10px;}
.contact-info-call-row div {display: block !important;}
.contact-info-call-row a.external-dni {font-family: 'Source Sans Pro';font-style: normal;font-weight: 400;font-size: 20px;line-height: 28px;text-transform: capitalize;color: #666666;}
.contact-info-call-row a.external-dni:hover {color: #2388da;}
.contact-right-form {border-radius: 0 4px 4px 0;overflow: hidden;height: 100%;}
.contact-right-form figure {height: 100%;}
.contact-right-form figure img {width: 100%;height: 100%;}
.contact-page-form {padding-top: 100px;max-width: 1367px;margin: 0 auto;}
.contact-left-form {padding: 50px;height: 100%;background: #FFFFFF;box-shadow: 0px 0px 30px rgba(26, 36, 107, 0.1);border-radius: 4px 0 0 4px;}
.contact-page-form .col-sm-6:first-child {padding-right: 0;}
.contact-page-form .col-sm-6:last-child {padding-left: 0;}
.contact-form-col .gform_wrapper .medium {width: 100%!important;font-size: 18px!important;padding: 5px 10px 5px 5px!important;-webkit-appearance: none;resize: none;position: relative;height: 50px;transition: all 1s;margin: 0!important;border: none;border-bottom: 1px solid #D9D9D9;font-family: 'Source Sans Pro';font-style: normal;font-weight: 400;line-height: 28px;color: #666666;}
.contact-form-col .ginput_complex input[type='text'] {width: 100%!important;font-size: 18px!important;padding: 5px 10px 5px 5px!important;-webkit-appearance: none;resize: none;position: relative;height: 50px;transition: all 1s;margin: 0!important;border: none;border-bottom: 1px solid #D9D9D9;font-family: 'Source Sans Pro';font-style: normal;font-weight: 400;line-height: 28px;color: #666666;}
.contact-form-col .ginput_complex select {width: 100%!important;font-size: 18px!important;padding: 5px 10px 5px 5px!important;-webkit-appearance: none;resize: none;position: relative;height: 50px;transition: all 1s;margin: 0!important;border: none;border-bottom: 1px solid #D9D9D9;font-family: 'Source Sans Pro';font-style: normal;font-weight: 400;line-height: 28px;color: #666666;}
.contact-form-col .ginput_complex select {background: url(../images/select-arrow.png) no-repeat right 20px center !important;}
.contact-form-col .ginput_container.ginput_container_textarea textarea.medium.textarea {height: 100px!important;border-radius: 0;}
.contact-form-col .gform_wrapper .gfield {clear: both;text-align: left;width: 100%;margin: 0;}
.contact-left-form .gform_body {margin: 0 -8px;}
.contact-form-col input.button.gform_button {padding: 11px 30px;display: inline-block;position: relative;cursor: pointer;transition: all 1s;border: none;border-radius: 45px;background: #2388da;color: #FFF;font-family: 'Source Sans Pro';font-size: 18px;font-style: normal;font-weight: 500;line-height: 28px;}
.contact-form-col input.button.gform_button:hover {background-color: #021F35;color: #fff;transition: 0.6s;}
.contact-form-col .gform_wrapper .medium.gfield_select {background: url(../images/select-arrow.png) no-repeat right 20px center!important;}
.contact-form-col .gform_wrapper .gfield.gfield--width-full {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.contact-form-col .gform_wrapper .gfield.gfield--width-half {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.contact-form-col .gform_wrapper .medium::-webkit-input-placeholder { /* Edge */
color: #666666;opacity: 1;}
.contact-form-col .gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #666666;opacity: 1;}
.contact-form-col .gform_wrapper .medium::placeholder {color: #666666;opacity: 1;}
 .form-hero .gform_wrapper input[type="text"]::-webkit-input-placeholder {
     /* Edge */
     color: #666;
     opacity: 1;
 }

 .form-hero .gform_wrapper input[type="text"]:-ms-input-placeholder {
     /* Internet Explorer 10-11 */
     color: #666;
     opacity: 1;
 }

 .form-hero .gform_wrapper input[type="text"]::placeholder {
     color: #666;
     opacity: 1;
 }
/*--About inner page--*/
section.about-section.about-inn {background: #fff;padding-top: 130px;}
section.about-section.about-inn .col-sm-8 {-ms-flex: 0 0 69%;flex: 0 0 69%;max-width: 69%;}
section.about-section.about-inn .col-sm-4 {-ms-flex: 0 0 31%;flex: 0 0 31%;max-width: 31%;}
.about-services {display: flex;padding: 10px 0;justify-content: center;}
.about-services-dtl {display: flex;width: 50%;padding-right: 40px;}
.about-services-dtl figure {width: 16%;}
.about-services-text {width: 84%;}
.about-services-text h6 {color: #021F35;font-size: 18px;font-weight: 600;line-height: 28px;}
.about-services p {font-size: 16px;line-height: 24px;}
.about-inn-img {position: relative;}
.about-inn-img figure img {width: 100%;}
.about-inn-box-bottum {background: #021F35;padding: 20px 22px;position: absolute;bottom: 0;}
.about-inn-box-bottum::after {content: '';height: 36px;width: 100%;top: -29px;position: absolute;background: url(../images/about-layer.png) no-repeat;left: 0;background-size: 100%;}
.about-inn-box-bottum h4 {color: #FFF;text-align: center;font-size: 34px;font-style: normal;font-weight: 600;line-height: 50px;}
.about-inn-box-bottum p {color: #FFF;text-align: center;font-size: 22px;font-weight: 600;line-height: 28px;border-radius: 4px;background: #021F35;box-shadow: 0px 0px 40px 0px rgba(196, 160, 30, 0.40);padding: 16px;margin: 20px 0;}
.about-inn-box-bottum p a {color: #2388da;font-family: 'Source Sans Pro';font-size: 22px;font-style: normal;font-weight: 600;line-height: 28px;}
.about-inn-box-bottum p a:hover {color: #fff;}
section.award-winning-section {background: #F5F5F5;padding: 100px 0;}
.award-winning ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
.award-winning ul li {list-style: none;width: 50%;text-align: center;}
.award-winning .heading-title {font-size: 40px;font-weight: 500;line-height: 64px;}
.roofing-section.extra {margin: 0 auto;padding: 100px 0;background: url(../images/our-process-shap.png);background-repeat: no-repeat !important;z-index: 1;background-position: bottom;box-shadow: 0px 0px 50px rgba(4, 74, 114, 0.1);background-size: 100%;}
section.blog-section .row {justify-content: center;}
section.blog-section.singlepgge .row {justify-content: center;}
/***CTA3***/
section.professional-serivce {padding: 0 0 100px;}
.professional-text {text-align: right;padding: 140px 100px 140px 0;background: linear-gradient(270.15deg, rgba(255, 255, 255, 0.88) 33.34%, rgba(255, 255, 255, 0.67) 40.9%, rgba(255, 255, 255, 0) 55.86%);}
.professional-row {border-radius: 45px;}
section.professional-serivce {padding: 0 0 100px;}
/***CTA4***/
.free-estimate-text {padding: 100px 100px 100px 50px;background: #021F35;max-width: 915px;}
.free-estimate-row {padding: 110px 0;background-size: cover;}
section.free-estimate-serivce {padding-bottom: 100px;}
.free-estimate-text .heading-title {color: #fff;}

.free-estimate-text .heading-title strong {color: #2388da;}
.free-estimate-btns a.theme-btn.btn-red {background: #2388da;color: #fff;margin-right: 15px;}
.free-estimate-btns a.theme-btn.btn-red:hover {background: #021F35;color: #fff;}
.free-estimate-btns a.theme-btn.btn-blue {background: #2388da;color: #fff;}
.free-estimate-btns a.theme-btn.btn-blue:hover {background: #021F35;color: #fff;}
.emergency-area-services-btn.help-btns a.theme-btn.btn-black {background: #2388da;color: #fff;}
.emergency-area-services-btn.help-btns a.theme-btn.btn-black:hover {background: #021F35;color: #fff;}
.estimatin-titel a.theme-btn.btn-blue {background: #fff;color: #000;}
.estimatin-titel a.theme-btn.btn-blue:hover {background: #000;color: #fff;}
/*--service-area inner page--*/
.service-area-section.services-dtl-inn.inn2 {padding: 100px 0;background: #fff;}
.service-area-left .subheading-title {margin-bottom: 10px;color: #2388da;font-family: Poppins;font-size: 26px;font-style: normal;font-weight: 700;line-height: 28px;}
.service-area-section.services-dtl-inn.inn2 .row {align-items: center;justify-content: right;}
.service-area-section.services-dtl-inn.inn2 .service-area-list ul {display: flex;flex-wrap: wrap;align-items: center;/* justify-content: space-between; */
}
.service-area-section.services-dtl-inn.inn2 .service-area-list ul li {width: 20%;list-style: none;}
.service-area-section.services-dtl-inn.inn2 .area-location-bx {padding: 15px 0;display: inherit;}
.service-area-section.services-dtl-inn.inn2 .area-location-bx:hover figure {transition: 0.6s;box-shadow: 20px 20px 40px 0px rgb(255 12 12 / 22%) !important;}
.service-area-section.services-dtl-inn.inn2 .area-location-bx figure {width: 89px;height: 82px;text-align: center;line-height: 69px;border-radius: 4px 4px 30px 4px;background: #FFF;box-shadow: 20px 20px 40px 0px rgba(2, 31, 53, 0.16);margin: 0 auto 20px;}
.service-area-section.services-dtl-inn.inn2 .area-location-bx h6 {margin: 0;color: #666;text-align: center;font-family: 'Source Sans Pro';font-size: 20px;font-style: normal;font-weight: 500;line-height: 36px;padding-left: 0px;}
.service-area-section.services-dtl-inn.inn2 .area-location-bx:hover h6 {color: #2388da;transition: 0.6s;}
.service-area-section.services-dtl-inn.inn2 .service-area-map figure {background: #F5F5F5;text-align: center;padding: 72px 40px;}
.service-area-section.services-dtl-inn.inn2 .service-area-list {padding-left: 0px;}
.service-area-section.services-dtl-inn.inn2 .service-area-list .heading-title {color: #021F35;}
/*--service-area inner page--*/
.service-area-section.services-dtl-inn {padding-top: 0;margin: 0px;}
.service-area-section.services-dtl-inn .services-area-img figure {width: 100%;height: auto;border-radius: 0;padding: 0;line-height: normal;box-shadow: none;}
.page-template-template-service-areas .service-area-section.services-dtl-inn .service-area-left {background: #FFF;box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.10);padding: 50px;}
.service-area-section.services-dtl-inn .col-sm-5 {padding: 0;}
.service-area-section.services-dtl-inn .col-sm-7 {padding: 0;}
section.emergency-area-services {background: #021F35;margin: 0 110px 100px;position: relative;}
section.emergency-area-services::before {content: '';height: 242px;width: 248px;position: absolute;background: url(../images/emergency-area-text-layer.png) no-repeat;right: 0;bottom: 0;}
.emergency-area-text .heading-title {color: #FFF;line-height: 65px;font-size: 50px;margin-bottom: 20px;}
.emergency-area-text {padding: 100px 239px 50px 150px;}
.emergency-area-text p {color: #FFF;font-size: 18px;line-height: 26px;}
section.emergency-area-services .col-sm-5 {padding: 0;}
section.emergency-area-services .col-sm-7 {padding: 0;}
.emergency-area-img-box figure img {width: 100%;height: 100%;object-fit: cover;}
.emergency-area-img-box figure {height: 100%;}
.emergency-area-img-box {position: relative;height: 100%;}
.emergency-area-img-box::before {content: '';height: 100%;width: 237px;position: absolute;background: url(../images/emergency-area-img-layer.png) no-repeat;right: 0;top: 0;background-size: 100% 100%;}
.cutting-services-img figure {width: 168px;height: 168px;border-radius: 50%;overflow: hidden;border: 5px solid #fff;}
.cutting-services-img {position: absolute;top: 3%;right: -9%;}
.cutting-services-img:nth-child(3) {position: absolute;top: 36%;right: -3%;}
.cutting-services-img:nth-child(4) {position: absolute;top: 67%;right: 8%;}
.emergency-area-services-btn {padding-top: 20px;}
.emergency-area-services-btn a.theme-btn.btn-green {margin-right: 20px;}
/*--ssidebar--*/
.form-hero.service-detail-form .form-title {color: #FFF;text-align: center;font-family: 'Poppins';font-size: 34px;font-style: normal;font-weight: 600;line-height: 28px;background: #2388da;box-shadow: 0px 0px 60px 0px rgba(48, 69, 124, 0.20);padding: 16px 15px;margin-bottom: 20px;}
.form-hero.service-detail-form {background: #021F35;box-shadow: 0px 0px 60px 0px rgba(26, 36, 107, 0.10);padding: 6px 6px 20px;margin-bottom: 40px;}
.form-hero.service-detail-form .gform_wrapper input[type="text"], .form-hero.service-detail-form .gform_wrapper textarea {border: 1px solid rgba(255, 255, 255, 0.30);background-color: transparent;color: #fff !important;}
.form-hero.service-detail-form .gform_wrapper select {border: 1px solid rgba(255, 255, 255, 0.30);background: #021F35 url(../images/select-arrow.png) no-repeat right 13px center !important;color: #fff !important;}
#gform_drag_drop_area_4_14, #gfield_upload_rules_4_14 {color: #fff;}
.form-hero.service-detail-form .gform_wrapper .ginput_complex input[type='text']::-webkit-input-placeholder { /* Edge */
color: #fff;opacity: 1;}
.form-hero.service-detail-form .gform_wrapper .ginput_complex input[type='text']:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;opacity: 1;}
.form-hero.service-detail-form .gform_wrapper .ginput_complex input[type='text']::placeholder {color: #fff;opacity: 1;}
.form-hero.service-detail-form .form-title {color: #FFF;text-align: center;font-family: 'Poppins';font-size: 34px;font-style: normal;font-weight: 600;line-height: 28px;background: #2388da;box-shadow: 0px 0px 60px 0px rgba(48, 69, 124, 0.20);padding: 16px 15px;margin-bottom: 20px;}
.form-hero.service-detail-form {background: #021F35;box-shadow: 0px 0px 60px 0px rgba(26, 36, 107, 0.10);padding: 6px 6px 20px;margin-bottom: 40px;}
.form-hero.service-detail-form .gform_wrapper .medium {border: 1px solid rgba(255, 255, 255, 0.30);background-color: transparent;color: #fff !important;padding: 5px 15px 5px 15px !important;}
.form-hero.service-detail-form .gform_wrapper input[type="text"],
.form-hero.service-detail-form .gform_wrapper textarea,
.form-hero.service-detail-form .gform_wrapper select{
color: #fff !important;
    padding: 5px 15px 5px 15px !important;
}


.form-hero.service-detail-form .gform_wrapper label {color: #fff !important;}
.form-hero.service-detail-form .gform_wrapper .medium::-webkit-input-placeholder { /* Edge */
color: #fff;opacity: 1;}
.form-hero.service-detail-form .gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;opacity: 1;}




.form-hero.service-detail-form .gform_wrapper .medium::placeholder {color: #fff;opacity: 1;}
.form-hero.service-detail-form .ginput_container.ginput_container_fileUpload {border: 1px solid rgba(255, 255, 255, 0.30);}
.form-hero.service-detail-form .gform_wrapper.gravity-theme .gform_drop_area {border: 1px solid rgba(255, 255, 255, 0.30) !important;background: transparent !important;}
.form-hero.service-detail-form .gform_wrapper {padding: 0 10px !important;}
.form-hero.service-detail-form .button {background-color: #2388da;}
.form-hero.service-detail-form input.button.gform_button {background-color: #2388da;}
.form-hero.service-detail-form input.button.gform_button:hover {background-color: #fff;color: #000;}
section.default-section .col-sm-4 {padding-left: 45px;}
.form-hero.service-detail-form .gform_wrapper .gfield {padding-bottom: 15px;}
.service-detail-form .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] {border: 1px solid #c02b0a !important;}
.sidebar-title {color: #021F35;font-size: 34px;font-style: normal;font-weight: 600;line-height: 36px;font-family: 'Poppins';background: #FFF;padding: 12px 28px;margin-bottom: 15px;}
.service-detail-list {background: #F5F5F5;padding: 6px 6px 15px;margin-bottom: 40px;}
.service-detail-list ul {padding: 0 30px;}
.service-detail-list ul li {list-style: none;}
.service-detail-list ul li a:hover {color: #2388da;}
.service-detail-list ul li a {display: block;padding: 9px 30px 9px 0;color: #666;font-family: 'Source Sans Pro';font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px;position: relative;}
.service-detail-list ul li+li {border-top: 1px solid rgb(0 0 0 / 10%);}
.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;}
.service-detail-list.estimatin-titel {text-align: center;}
.estimatin-titel {background: #2388da;box-shadow: 0px 0px 60px 0px rgba(164, 32, 53, 0.10);text-align: center;padding: 50px 40px;margin-bottom: 40px;}
.estimatin-titel h4 {color: #FFF;text-align: center;font-family: 'Poppins';font-size: 34px;font-style: normal;font-weight: 700;line-height: 40px;margin-bottom: 20px;}
.side-bar-banner {background: #021F35;}
.sidebar-bnnr-text {text-align: center;}
.sidebar-bnnr-text h4 {color: #FFF;text-align: center;font-family: 'Poppins';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: 'Source Sans Pro';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;}
section.default-section {padding: 100px 0;}
.modal.popup-form .modal-body .banner-main-form-div {width: 100%;float: none;}
.service-detail-form .gform_wrapper.gravity-theme .ginput_container_address span {padding: 0 8px !important;margin-bottom: 12px !important;}
.service-detail-form .gform_wrapper.gravity-theme .ginput_container_address {margin-left: 0;margin-right: 0;}
.gfield--type-address {margin-bottom: 12px !important;}
.gform_wrapper.gravity-theme .ginput_container_address span {padding: 0 8px 0 !important;}
/*--blog inner page--*/
section.blog-section.blog-inn {background: #fff;padding: 80px 0;}
.wp-pegination {text-align: center;padding-top: 25px;}
.wp-pagenavi {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a {width: 40px;height: 40px;display: inline-block;margin: 0 5px;text-align: center;line-height: 32px;font-family: 'Source Sans Pro';font-size: 20px;font-style: normal;font-weight: 600;color: #021F35;border-radius: 4px;border: 1px solid #021F35;}
.wp-pegination span.current, .wp-pegination .page:hover {border: 1px solid #2388da;color: #2388da;}
.wp-pegination a.nextpostslink {background: url(../images/blog-next.png);background-repeat: no-repeat !important;background-position: center center !important;font-size: 0;}
.wp-pegination a.previouspostslink {background: url(../images/blog-next.png);background-repeat: no-repeat !important;background-position: center center !important;font-size: 0;transform: rotate(180deg);}
.wp-pegination a.nextpostslink:hover {border-color: #021F35;}
.commetns-section {padding: 0 0 0}
.comment-content p {font-size: 18px;line-height: 26px;color: #414141;font-family: 'Source Sans Pro';font-weight: 400}
nav.navigation.post-navigation {overflow: hidden;padding: 25px 0 16px}
.post-navigation span.post-title {display: none}
.post-navigation span.screen-reader-text {display: none}
.post-navigation h2.screen-reader-text {display: none}
.comment-respond .comment-reply-title {font-size: 30px;line-height: 40px;color: #000;margin: 0 0 5px;text-transform: capitalize}
.comment-respond .comment-reply-title span {color: #021F35}

.nav-previous a{display: inline-block;position: relative;padding: 14px 38px;text-align: center;color: #FFF;font-family: Source Sans Pro;font-size: 20px;font-style: normal;font-weight: 600;line-height: 28px;border-radius: 0px 20px;background: #2388da;}
 .nav-previous a:hover {background: #021F35;color: #fff;}
 
.nav-next a {display: inline-block;position: relative;padding: 14px 38px;text-align: center;color: #FFF;font-family: Source Sans Pro;font-size: 20px;font-style: normal;font-weight: 600;line-height: 28px;border-radius: 0px 20px;background: #021F35;}
.nav-next a:hover {background: #2388da;color: #fff;}

.row.testirow {margin-top: 50px;}
.row.testirow .col-sm-4 {margin-bottom: 50px;}
.nav-previous {float: left}
.nav-next {float: right;margin-right: 0;}
p.comment-form-url {margin: 0}
.commetns-forms {padding: 35px 0 0}
.commetns-forms img {width: 100%}
.blog-detail-left .blog-img {max-width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;position: relative;}
.blog-boxyz {font-size: 24px;line-height: 24px;color: #fff;font-weight: 600;width: 90px;height: 60px;border-radius: 13px;background-color: #021F35;text-align: center;padding: 6px 0;position: absolute;top: 10px;font-family: 'Source Sans Pro';left: 10px;text-transform: uppercase}
.blog-card figure img {width: 100%;border-radius: 10px;transition: all 1s;}
.blog-card figure {position: relative;overflow: hidden;margin: 0 0 20px;}
.blog-boxyz strong {display: block}
.blog-card:hover .blog-boxyz {background-color: #2388da}
.search-btn {margin-bottom: 35px;border-radius: 4px;padding: 30px 28px 30px;background: #F5F5F5;border: 1px solid rgb(35 136 218);}
.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: 'Source Sans Pro';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: 'Source Sans Pro';font-style: normal;font-size: 18px;line-height: 27px;color: #011321}
.blog-info a:hover {color: #2388da;}
.blog-section.singlepgge {background: #f9f9f9;box-shadow: 0px 0px 50px rgba(4, 74, 114, 0.1);}
.testimonial-section.innside {padding: 100px 0;}
button.button.gform_button_select_files.gform-theme-button.gform-theme-button--control {background: #000;border: none;border-radius: 5px;color: #fff;padding: 5px 10px;}
button.button.gform_button_select_files.gform-theme-button.gform-theme-button--control:hover {background-color: #2388da;color: #fff;}
.about-btns a.theme-btn.btn-red {margin-right: 20px;}
.about-btns.service-area-btn a.theme-btn.btn-red {margin-right: 20px;}
/*------------- roofing-types ---------------*/
.roofing-types-section{ padding: 100px 0; }
.roofing-types-list .row{justify-content: center;}
.roofing-types-list .col-sm-2{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; margin: 15px 0; }

.roofing-type-box{ border-radius: 4px; background: #FFF; box-shadow: 0px 0px 40px 0px rgba(2, 31, 53, 0.10); text-align: center; padding: 39px 15px; height: 100%; }
.roofing-type-box:hover figure img { filter: none; }
.roofing-type-box figure{ margin: 0 auto 30px; }

.roofing-type-box figure img{ filter: brightness(0); }
.roofing-type-box h4{ color: #021F35; text-align: center; font-family: 'Source Sans Pro'; font-size: 24px; font-style: normal; font-weight: 500; line-height: 36px; }
.roofing-type-box:hover h4{ color: #2388da; }
.roofing-types-list { max-width: 1400px; margin: 13px auto 0; }
.roofing-type-box figure img { filter: brightness(0); width: auto; max-height: 60px; }
#gform_confirmation_message_5 {font-family: 'Source Sans Pro';font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;color: #fff;}
/*--gallery page--*/
.gallery-section {position: relative;padding: 100px 0;box-shadow: 0px 0px 50px rgba(4, 74, 114, 0.1);}
.gallery-items > img {width: 100%;}
.gallery-row-parent {position: relative;}
.gallery-image {overflow: hidden;}
.gallery-row-parent .row {justify-content: center;}
.gallery-image img {width: 100%;transition: all 0.6s;}
.gallery-items:hover .gallery-image img {transform: scale(1.1);}
.gallery-items {position: relative;overflow: hidden;margin: 0 0;height: 100%;}
.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.800000011920929;background: #2388da;overflow: hidden;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-transition: .3s;transition: .3s ease;}
.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: 70px;width: 70px;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%);}
.gallery-row-parent ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
.gallery-row-parent ul li {list-style: none;width: 25%;padding: 15px;}
.emergency-services-text h2, .emergency-services-text h3, .emergency-services-text h4, .emergency-services-text h5, .emergency-services-text h6{color: #fff;}
.emergency-services-text h2 strong, .emergency-services-text h3 strong, .emergency-services-text h4 strong, .emergency-services-text h5 strong, .emergency-services-text h6 strong{color: #2388da;}
.services-detail-left {background: #F5F5F5;padding: 20px;}
.services-detail-left .fimgs img{border: 5px solid #021F35; width:100%;}
.emergency-area-services-btn.help-btns a.theme-btn.btn-red{ margin-right:20px;}
.emergency-area-services-btn.help-btns a.theme-btn.btn-blue{ background:#fff; color:#000;}
.top-right-text {
        font-family: Source Sans Pro;
        font-size: 23px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        letter-spacing: 1px;
}
.header-top-text {
    padding: 0 10px 10px;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: right;
}
.header-top-text .top-social a {
    border: none;
    border-right: 1px solid rgb(217 217 217 / 52%);
    padding: 0 10px;
    margin: 0;
    display: inline;
}
.header-top-text .top-social {
    padding-left: 150px;
}
.header-top-text .top-social a:last-child{border: none;}
.top-right-text a {
    color: #000;
}
.top-right-text a strong{
color: #2388da;
}
.emergency-services-text .head-call-now.faq-call a.theme-btn.btn-red:hover {
    color: #fff;
    background-color: #2388da;
}
.gform_wrapper.gravity-theme fieldset .ginput_container_address {
    margin-left: 0;
    margin-right: 0;
}
.error404 .services-box-img figure, .page-template-template-thank-you .services-box-img figure{
    margin: 0;
}
.client-say-box.banner {
    width: 700px;
    margin-top: 65px;
}
.service-detail-form-ifrem {
    margin-bottom: 30px;
}




/* table */
.overview-timing-section { background: #000; background-size: cover; padding: 60px 0; position: relative; }
.timing-table.table-responsive { max-width: 1300px; margin: 0 auto; }
.overview-timing-section .heading-title { color: #fff; }
.overview-table-row { padding-top: 0; max-width: 1040px; margin: 0 auto;    background: #fff; }
.timing-table table.table.table-striped tr th { border: 1px solid rgb(201 159 66 / 30%); padding: 11px 10px; vertical-align: middle; background: #2388DA; color: #fff; text-align: center; font-family: 'Poppins'; font-size: 26px; font-style: normal; font-weight: 600; line-height: 28px; border-top:0; }
.timing-table table.table.table-striped tr th:nth-child(2) img { max-width: 120px; }
.timing-table .table tbody td { padding: 15px 15px; border: 1px solid rgb(201 159 66 / 30%); vertical-align: middle; text-align: center; }
.timing-table .table tbody td figure { margin: 0; }
.timing-table .table tbody td h6 { margin: 0; color: #000;  font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; text-align: left; padding-left: 0; }
.table-fst-col { display: flex; align-items: center; }
.table-fst-col figure {
    width: 50px;
    margin-right: 15px !important;
}
.overview-timing-section .section-heading h2 { color: #fff; }
.timing-table .table tbody td:nth-child(1) { width: 30%; }
.timing-table.table-responsive table { margin: 0; }
.timing-table .table tbody td:nth-child(2) {
    width: 20%;
    --bs-table-bg-type: transparent;
    color: #fff;
}
.timing-table .table tbody td:nth-child(3) { width: 50%; }
.timing-table table.table.table-striped tr th:nth-child(2) { background: #ffeb01; --bs-table-bg-type: transparent; }
.timing-table .table tbody td:nth-child(2) h6 { color: #fff; }
.timing-table .table tbody td .table-fst-col h6 {
    width: calc(100% - 65px);
}




@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;}
.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;}
.mega-menu ul.sub-menu li a {background: transparent !important;color: #666 !important;}
.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #2388da !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li {position: relative;padding-left: 30px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li a {background: transparent !important;color: #666 !important;padding: 3px 10px 3px 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: #2388da !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before {content: "";font-size: 18px;color: #2388da;font-family: 'FontAwesome';left: 0;position: absolute;top: 6px;background: url(../images/aluminum-patio-cover.png) no-repeat;height: 16px;width: 16px;background-size: 16px;filter: brightness(0);}
.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: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);}
/*------------- 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);left: 0;}
.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: #2388da !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: #2388da !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li {position: relative;padding-left: 20px !important;margin-left: 0px !important;text-transform: inherit !important;float: none;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a {background: transparent !important;color: #414141 !important;padding: 3px 10px 3px 15px;padding-left: 0 !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: 700;color: #2388da !important;font-size: 18px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #2388da !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a::after {color: #2388da !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;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a:hover {color: #2388da !important;}

.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu li {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: #4d97d2; font-family: 'FontAwesome'; left: 0; position: absolute; top: 7px; background: url(../images/aluminum-patio-cover.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::before {content: "";font-size: 18px;color: #2388da;font-family: 'FontAwesome';left: 0;position: absolute;top: 6px;background: url(../images/aluminum-patio-cover.png) no-repeat;height: 16px; width: 16px; background-size: 16px;filter: brightness(0);}

.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu>li.menu-item-has-children {
    padding-left: 0 !important;
}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu>li.menu-item-has-children:before{display: none;}
.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: #2388da !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: #2388da !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;}
.menu-top-menu-container {position: relative} 
}
@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) {
.container {padding: 0 50px !important;max-width: 100% !important;}
.container-fluid {padding: 0 50px !important;max-width: 100% !important;}
.home-banner {padding: 50px 0 50px 100px;}
section.services-section .col-sm-7 {-ms-flex: 0 0 53%;flex: 0 0 53%;max-width: 53%;}
section.services-section .col-sm-5 {-ms-flex: 0 0 47%;flex: 0 0 47%;max-width: 47%;}
section.services-section .container-fluid {padding: 0 15px !important;max-width: 100% !important;}
.help-you .heading-title {width: 55%;}
.help-you-btns {width: 45%;}
.emergency-area-text {
    padding: 100px 169px 50px 100px;
}
.header-section .container-fluid {
    padding: 0 15px !important;
}


}
@media(max-width:1799px) {
.heaer-top .col-sm-2 {
    -ms-flex: 0 0 12%;
    flex: 0 0 12%;
    max-width: 12%;
}
.heaer-top .col-sm-10 {
    -ms-flex: 0 0 88%;
    flex: 0 0 88%;
    max-width: 88%;
}


}
@media(max-width:1699px) {
.container {padding: 0 50px !important;max-width: 100% !important;}
.container-fluid {padding: 0 50px !important;max-width: 100% !important;}
.banner-title {font-size: 46px;line-height: 62px;}
.head-call-now a {font-size: 28px;line-height: 30px;}
.head-call-now p {font-size: 18px;line-height: 32px;}
.head-call-now figure img {max-width: 49px;}
.heading-title {font-size: 52px;line-height: 58px;}
.our-process-row .col-sm-4 {padding: 20px;}
.counter {font-size: 30px;line-height: 28px;}
.our-process-box-top figure img {max-width: 57px;}
.our-process-box h3 {font-size: 22px;line-height: 24px;}
.our-process-box {padding: 30px 20px;}
section.our-process-section {padding: 80px 0 120px;}
.services-box-contant h6 {font-size: 22px;line-height: 28px;}
.services-box-contant figure img {max-width: 43px;}
.services-box-contant figure {width: 70px;height: 70px;line-height: 70px;margin: 0 auto 15px;}
.services-box ul li {padding: 15px 15px;}
section.patio-covers-section {padding: 80px 0;}
section.about-section {padding: 0 0 80px;}
section.testimonial-section {padding: 80px 0px;}
.service-area-section {padding: 80px 0;}
section.faq-section {padding: 0px 0 80px;}
.blog-section {padding: 80px 0;}
.patio-covers-row .col-sm-4 {padding: 15px;}
.patio-covers-box {padding: 25px 20px;}
.patio-covers-box figure {margin-bottom: 20px;}
.patio-covers-box figure img {max-width: 64px;}
.patio-covers-box h3 {font-size: 24px;line-height: 32px;}
.help-you .heading-title {font-size: 34px;line-height: 49px;}
.help-you-section {padding: 60px 0px;margin-left: 40px;}
.help-you-btns a.theme-btn.btn-red {margin-right: 10px;}
.about-box-bottum h4 {font-size: 40px;line-height: 50px;margin-bottom: 20px;}
.about-box-bottum h4 span {font-size: 34px;line-height: 47px;display: block;}
.about-box-bottum a {padding: 7px 30px 1px;font-size: 29px;line-height: 48px;}
.floating-icon a {padding: 8px 22px;font-size: 16px;line-height: 24px;}
.floating-icon {right: -56px;}
.testimonial-row-parent .col-sm-3 {padding: 28px 15px;}
.client-nm-text {padding: 8px 15px;}
.service-area-map figure {padding: 49px 40px;}
.faq-box-bottum figure {width: 80px;height: 80px;line-height: 77px;margin: -119px 30px 30px auto;}
.faq-box-bottum figure img {max-width: 52px;}
.faq-box-bottum::before {top: -55%;}
.service-area-list {
    padding: 40px 100px 40px 20px;
}

section.emergency-services-section .col-sm-4:nth-child(2) { padding: 0 15px; }

.emergency-services-text .heading-title { font-size: 38px; line-height: 50px; }
.emergency-services-img figure { width: 645px; height: 100%; }
.help-img figure img {
    width: 100%;
    height: 310px;
    object-fit: cover;
}
.services-detail-left figure.fimgs {
    margin-bottom: 20px;
}
.form-hero.service-detail-form .form-title {
    font-size: 30px;
}
.emergency-area-text {
    padding: 70px 99px 60px 70px;
}

.service-area-section.innpaged {
    padding-bottom: 60px;
}

.service-area-section.innpaged .services-area-img {
    padding-right: 15px;
}
.form-hero.service-detail-form .gform_wrapper select {
     background-size: 14px !important;
    padding-right: 26px !important;
    background-position: right 10px center !important;
}
.count-digit-row {
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 40px;
}
.count-bx p {
    font-size: 26px;
    line-height: 28px;
}




}
@media(max-width:1599px) {
.faq-box-bottum h4 {font-size: 20px;line-height: 32px;}
.faq-box-bottum .faq-call a {font-size: 30px;line-height: 38px;padding: 8px;}
.about-ftr {padding-right: 40px;}
.modal.popup-form button.close {
    right: 15px;
    top: 15px;
    font-size: 22px;
    width: 22px;
}
.modal.popup-form .modal-dialog {
    top: 0;
    transform: inherit;
    margin: 50px auto 0;
}
.emergency-services-text .heading-title {
    font-size: 28px;
    line-height: 40px;
}
.head-call-now a {
        font-size: 22px;
        line-height: 26px;
    }
        .container-fluid {
            padding: 0 15px !important;
            max-width: 100% !important;
        }
}
@media(max-width:1499px) {
.home-banner .col-sm-8 {-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;}
.home-banner .col-sm-4 {-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
.banner-title br {display: none;}
.banner-title {font-size: 39px;line-height: 54px;}
.form-hero .b-form-title {font-size: 26px;line-height: 28px;}
a.theme-btn {padding: 14px 32px;font-size: 18px;line-height: 28px;border-radius: 0px 20px;}
.home-banner {padding: 50px 0 50px 50px;}
.banner-caption ul li {padding-left: 26px;margin-bottom: 12px;background-position: top 8px left;font-size: 18px;background-size: 19px;}
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select {font-size: 16px!important;padding: 7px 15px 7px 5px!important;height: 40px;line-height: 22px;}
.form-hero .gform_wrapper .medium {font-size: 16px!important;padding: 7px 15px 7px 5px!important;height: 40px;line-height: 22px;}
.gform_wrapper textarea.medium {height: 60px!important;}
.form-hero .ginput_container.ginput_container_fileUpload {padding: 10px;}
.form-hero .button {font-size: 16px;line-height: 22px !important;}
.logo-section {padding: 10px 0;}
.heading-title {font-size: 44px;line-height: 55px;margin-bottom: 20px;}
.services-box {padding: 45px 70px 40px 20px;}
section.patio-covers-section {padding: 60px 0;}
section.about-section {padding: 0 0 60px;}
section.testimonial-section {padding: 60px 0px;}
.service-area-section {padding: 60px 0;}
section.faq-section {padding: 0px 0 60px;}
.blog-section {padding: 60px 0;}
.about-content .heading-title {font-size: 40px;line-height: 60px;}
.area-location-bx figure {width: 79px;height: 72px;line-height: 65px;margin: 0 auto 15px;}
.area-location-bx h6 {font-size: 20px;line-height: 26px;}
.area-location-bx {padding: 10px 0;}
.service-area-list {padding: 40px 20px 40px 20px;}
.faq-box .card-header h5, .card-header-title {padding: 20px 45px 20px 0px;font-size: 20px;line-height: 28px;}
.card-body.default-css {padding: 2px 30px 10px 0px;}
section.faq-section .col-sm-9 {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
    padding-right: 40px;
}
.faq-box .card-header h5:after, .card-header-title::after {background-size: 16px;}
.faq-box .card-header h5.collapsed:after, .card-header-title.collapsed::after {background-size: 16px;}
.faq-box-bottum::before {top: -47%;}
.blog-wrapper .col-sm-4 {padding: 15px;}
.newsletter-form .medium {padding: 7px 53px 7px 19px !important;height: 50px;width: 100%;font-size: 16px !important;}
.newsletter-form input.button.gform_button {width: 57px;height: 50px;}
.newsletter-form {width: 425px;}
.head-call-now.ftr-call a {font-size: 30px;}
.footer {padding-top: 70px;}
.ftr-title {font-size: 22px;}
.top-right-text { font-size: 20px; }
.ftr-social a {
    height: 40px;
    width: 40px;
    margin: 0 1px;
    line-height: 35px;
}
.ftr-social a img {
    width: 20px;
}
.gallery-section {
    padding: 70px 0;
}
.form-hero.service-detail-form .form-title { font-size: 25px; line-height: 28px; padding: 10px 15px; }
.sidebar-title { font-size: 26px; line-height: 30px; }
.estimatin-titel h4 { font-size: 28px; line-height: 33px; }
.sidebar-bnnr-text h4 { font-size: 30px; line-height: 40px; }
.sidebar-call { font-size: 24px; line-height: 30px; }
.free-estimate-row { padding: 70px 0; }
.free-estimate-text { padding: 70px 70px 70px 50px; max-width: 615px; }
section.free-estimate-serivce { padding-bottom: 40px; }
.free-estimate-row { padding: 50px 0; }
.emergency-area-text .heading-title { line-height: 40px; font-size: 26px; margin-bottom: 10px; } 
.emergency-area-text { padding: 50px 59px 50px 40px; }
.service-area-section.services-dtl-inn.inn2 .service-area-map figure { width: 100%; height: 100%; padding: 72px 40px; }
.page-template-template-service-areas .service-area-section.services-dtl-inn .service-area-left { padding: 30px; }
.service-area-section.services-dtl-inn.inn2 .area-location-bx figure { width: 69px; height: 72px; line-height: 60px; margin: 0 auto 15px; }
.service-area-left .subheading-title { font-size: 22px; line-height: 25px; }
.service-area-section.services-dtl-inn.inn2 .area-location-bx h6 { font-size: 18px; line-height: 26px; }
.search-btn { margin-bottom: 30px; padding: 20px 15px 20px; border: none; }
.search-medium { padding: 8px 50px 8px 15px; height: 44px; font-size: 16px; line-height: 24px; }
.search-btn button { top: 8px; width: 30px; right: 10px; }
section.no-results.not-found { text-align: center; }
.contact-info-icon figure { width: 90px; height: 90px; line-height: 90px; margin-right: 20px; }
.help-box .heading-title { line-height: 45px; font-size: 34px; }
h1 {font-size: 28px;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;}
section.emergency-services-section {
    margin: 0 50px 100px;
}
.services-boxx {padding: 40px 40px 40px 40px;}
.client-say-box.banner {
    width: 600px;
    margin-top: 65px;
}
.header-top-text .top-social {
    padding-left: 100px;
}
.services-bottum {
    padding: 20px 0;
}
.clients-google img {
    max-width: 60px;
}
.clients-google {
    padding-top: 2px;
}
.home-banner .col-sm-6:first-child {
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
    max-width: 45%;
}
.home-banner .col-sm-6:last-child {
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
    max-width: 55%;
}
.logo-slider .item figure img {
    max-height: 100px !important;
    max-width: 150px !important;
}
.timing-table .table tbody td h6 {
    font-size: 18px;
    line-height: 26px;
}
.table-fst-col figure {
    width: 40px;
    margin-right: 10px !important;
}
.timing-table .table tbody td .table-fst-col figure img {
    width: 100%;
    max-width: 100%;
}
.timing-table .table tbody td .table-fst-col h6 {
    width: calc(100% - 50px);
}
.timing-table .table tbody td figure img {
    max-width: 30px;
}
.timing-table table.table.table-striped tr th {
    padding: 11px 10px;
    font-size: 22px;
    line-height: 28px;
}


}
@media(max-width:1399px) {
.client-say-box {padding: 1px 15px 70px;}
.quto figure {width: 60px;height: 60px;line-height: 59px;margin-top: -26px;}
.quto figure img {max-width: 33px;}
.quto {margin-bottom: 15px;}
.testimonial-row-parent .col-sm-3 {padding: 20px 15px;}
.client-nm-text h6 {font-size: 16px;}
.start-icon img {max-width: 15px;}
.service-area-map figure {padding: 49px 40px;}
section.faq-section .col-sm-3 {-ms-flex: 0 0 35%;flex: 0 0 35%;max-width: 35%;}
section.faq-section .col-sm-9 {-ms-flex: 0 0 65%;flex: 0 0 65%;max-width: 65%;}
.ftr-item.ftr-time ul li p strong {min-width: 103px;}
.head-call-now .headcall-inn {
    padding-left: 10px;
}
.form-hero .b-form-title {
    font-size: 22px;
    line-height: 30px;
}
        .head-call-now a {
            font-size: 20px;
            line-height: 20px;
        }
.emergency-services-text .heading-title { font-size: 27px; line-height: 41px; }
section.default-section .col-sm-4 { padding-left: 15px; }

.service-detail-list ul { padding: 0 15px; }
.service-detail-list ul li a { padding: 9px 14px 9px 0; } 
.contact-address p { font-size: 18px; line-height: 25px; }
.contact-address p strong { font-size: 22px; line-height: 26px; }
.estimatin-titel {
    padding: 40px 25px;
    margin-bottom: 40px;
}
        .head-call-now p {
            font-size: 16px;
            line-height: 20px;
        }
.head-call-now figure img {
    max-width: 36px;
}
.menu-top-menu-container {position: inherit} 
.home-banner .col-sm-6:first-child {
    -ms-flex: 0 0 42%;
    flex: 0 0 42%;
    max-width: 42%;
}
.home-banner .col-sm-6:last-child {
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 58%;
}
.stardx img {
    max-width: 18px;
}
.banner-star p {
    padding-left: 4px;
    font-size: 18px;
    line-height: 26px;
}
.banner-title {
    font-size: 34px;
    line-height: 48px;
}
.count-digit-row {
    margin-bottom: 15px;
    font-size: 36px;
    line-height: 30px;
}
.count-bx p {
    font-size: 22px;
    line-height: 24px;
}


}
@media(max-width:1299px) {
.services-box-img figure {margin-top: -30px;}
section.about-section .col-sm-4 {-ms-flex: 0 0 37%;flex: 0 0 37%;max-width: 37%;}
section.about-section .col-sm-8 {-ms-flex: 0 0 63%;flex: 0 0 63%;max-width: 63%;}
.ftr-parent .col-sm-4 {-ms-flex: 0 0 27%;flex: 0 0 27%;max-width: 27%;}
.ftr-parent .col-sm-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.about-ftr {padding-right: 10px;}
.emergency-services-img figure { width: 545px; height: 100%; }
.emergency-services-img { margin: -30px 0; }
.estimatin-titel { padding: 30px 20px; margin-bottom: 30px; }
.sidebar-call { font-size: 21px; line-height: 30px; }
.heaer-top .col-sm-10 {
    padding-left: 0;
}
.head-call-now p {
    font-size: 13px;
    line-height: 20px;
}

}
@media(max-width:1199px) {
h1 {font-size: 26px;line-height: normal;}
h2 {font-size: 24px;line-height: normal;}
h3 {font-size: 23px;line-height: normal;}
h4 {font-size: 22px;line-height: normal;}
h5 {font-size: 20px;line-height: normal;}
h6 {font-size: 18px;line-height: normal;}
.container {padding: 0 15px !important;}
.container-fluid {padding: 0 15px !important;}
p {font-size: 16px;line-height: 22px;}
.banner-social {display: none;}
.home-banner::after {display: none;}
.home-banner {padding: 40px 0;}
.banner-title {font-size: 34px;line-height: 47px;margin-bottom: 15px;}
.floating-icon {display: none;}
.banner-star p {font-size: 18px;line-height: 28px;}
a.theme-btn {padding: 14px 25px;font-size: 16px;line-height: 23px;border-radius: 0px 20px;}
.banner-btns a.theme-btn.btn-red {margin-right: 10px;}
.form-hero .b-form-title {font-size: 22px;line-height: 22px;}
.stardx img {max-width: 15px;}
.header-bottom {padding-right: 60px;justify-content: flex-end;}
.head-call-now a {font-size: 24px;line-height: 26px;}
.head-call-now p {font-size: 16px;line-height: 26px;}
.head-call-now figure img {max-width: 44px;}
.form-hero input.button.gform_button {font-size: 18px;line-height: 28px;}
.form-hero .gform_wrapper label {font-size: 14px!important;line-height: 25px;}
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select {font-size: 14px!important;padding: 10px 15px 7px 5px!important;height: 35px;line-height: 23px;}
.heading-title {font-size: 30px;line-height: 38px;margin-bottom: 15px;}
.our-process-row .col-sm-4 {padding: 15px;}
.counter {font-size: 24px;line-height: 20px;}
.our-process-box-top figure img {max-width: 49px;}
.our-process-box h3 {font-size: 18px;line-height: 24px;}
section.our-process-section {padding: 40px 0;}
.our-process-box {padding: 20px 15px;}
.services-box-img figure {margin-top: 0;}
.services-box-contant h6 {font-size: 20px;line-height: 16px;}
.services-box {padding: 25px 30px 20px 20px;}
.services-box ul li {padding: 10px;}
section.patio-covers-section {padding: 40px 0;}
section.about-section {padding: 0 0 40px;}
section.testimonial-section {padding: 40px 0px;}
.service-area-section {padding: 40px 0;}
section.faq-section {padding: 0px 0 40px;}
.blog-section {padding: 40px 0;}
.patio-covers-box figure img {max-width: 57px;}
.patio-covers-box h3 {font-size: 20px;line-height: 26px;}
.default-css ul li, .default-css ol li {font-size: 16px;line-height: 24px;}
.help-you .heading-title {font-size: 28px;line-height: 42px;}
.help-you-section {padding: 60px 0px;margin-left: 0;}
.help-you {display: block;text-align: center;}
.help-you .heading-title {font-size: 24px;line-height: 34px;width: 100%;}
.help-you-btns {width: 100%;text-align: center;padding-top: 20px;}
.about-content .heading-title {font-size: 30px;line-height: 45px;}
.about-box-bottum h4 {font-size: 30px;line-height: 34px;margin-bottom: 15px;}
.about-box-bottum h4 span {font-size: 27px;line-height: 43px;}
.about-box-bottum a {padding: 7px 23px 0px;font-size: 24px;line-height: 36px;}
.client-say-box p {font-size: 14px;line-height: 20px;}
.area-location-bx h6 {font-size: 18px;line-height: 23px;}
.service-area-map figure {padding: 49px 40px;}
.service-area-list .subheading-title {font-size: 22px;}
.faq-box .card-header h5, .card-header-title {
    padding: 16px 35px 16px 0px;
    font-size: 18px;
    line-height: 28px;
}
.card-body.default-css {padding: 2px 15px 5px 0px;}
.faq-box-bottum h4 {font-size: 18px;line-height: 29px;}
.faq-box-bottum .faq-call a {font-size: 24px;line-height: 28px;padding: 7px;}
.faq-box-bottum figure {width: 65px;height: 65px;line-height: 65px;margin: -97px 20px 20px auto;}
.faq-box-bottum figure img {max-width: 42px;}
.faq-box-bottum::before {top: -55%;}
.blog-btns {padding-top: 15px;}
.blog-content {padding: 20px 15px;}
.blog-content h3 {font-size: 18px;line-height: 24px;}
.blog-btns a.theme-btn.btn-blue {margin-left: 10px;margin-right: 10px;}
.newsletter-form {width: 365px;}
section.newsletter-section {padding: 40px 0;}
.footer {padding-top: 40px;}
.ftr-parent .col-sm-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;padding: 0;}
.ftr-parent .col-sm-2 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;padding: 0;}
.ftr-parent .col-sm-3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;padding: 0;}
.ftr-logo {padding-bottom: 0;border-bottom: none;margin-bottom: 5px;}
.head-call-now.ftr-call {display: none;}
.ftr-title {margin: 12px 0;font-size: 20px;line-height: 28px;background: #2388da;padding: 7px 0;color: #fff;}
.ftr-item ul li {margin-bottom: 0;font-size: 16px;line-height: 24px;display: block;border-bottom: 1px solid #D9D9D9;padding: 5px 0;}
.ftr-item ul li:last-child {border-bottom: none;}
.ftr-item.ftr-time ul li p {margin-bottom: 0;display: flex;justify-content: center;}
.ftr-social {padding-top: 15px;}
.ftr-social a {height: 40px;width: 40px;margin: 0 1px;line-height: 37px;}
.ftr-social a img {width: 19px;}
.footer p {font-size: 16px;line-height: 22px;}
.copyright-sections .col-sm-6:first-child {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;order: 2;}
.copyright-sections .col-sm-6:last-child {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;padding: 0;order: 1;}
.ftr-logo img {
    max-width: 200px;
}
.menu-bar {
    padding-right: 20px;
}
.top-right-text {
    font-size: 18px;
    padding: 0;
    letter-spacing: 0;
}
.head-call-now {
    top: 0;
}
.copyright-sections .col-sm-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.menu-copyright ul li::after {
    display: none;
}
.copyright-sections .col-sm-6:first-child {
    order: 2;
}
.copyright-sections .col-sm-6:last-child {
    order: 1;
}
.copyright-sections {
    padding: 0 0 15px;
    margin: 0 auto 0;
    border: none;
    text-align: center;
}
.menu-copyright ul li {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 22px;
    border-bottom: 1px solid #D9D9D9;
    padding: 6px 0;
    display: block;
}
.copyright {
    padding-top: 14px;
}
.menu-copyright {
    float: none;
    text-align: center;padding-top: 15px;
}
#back-top-wrapper{display: none;}
.gallery-section {
    padding: 40px 0;
}
.gallery-row-parent ul li {
    padding: 10px;
}
.gallery-item-parent {
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
}
.form-hero {
    padding: 25px 15px;
}
section.emergency-services-section { margin: 0 15px 40px; }
.emergency-services-text .heading-title { font-size: 25px; line-height: 34px; }
.freeEstimate-left-detail { padding: 41px 0; }
.freeEstimate-left-inn { padding: 100px 30px; height: 100%; }
.service-free-estimate { padding-bottom: 40px; }
.wp-pegination { padding-top: 20px; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a { width: 40px; height: 40px; margin: 0 5px; text-align: center; line-height: 31px; font-size: 20px; }
.contact-info-inn h2 { font-size: 26px; line-height: 26px; margin-bottom: 20px; }
.contact-info-icon figure { width: 40px; height: 40px; line-height: 32px; margin-right: 15px; margin-top: 5px; }
.contact-info-icon p strong { font-size: 20px; line-height: 20px; }
.contact-page-right h1.heading-title { font-size: 28px; line-height: 34px; margin-bottom: 15px; }
.contact-info-inn { padding: 40px 35px; }
.contact-page-right { padding: 30px 30px 35px 0px; }
.contact-page-right .form-hero input.button.gform_button { padding: 8px 15px; }
.contact-page-right .form-hero .gform_wrapper .medium { height: 40px; }
.contact-page-section { padding: 40px 0; }
.contact-map-section { padding-top: 40px; }
section.inner-banner .caption-absolute { top: 45%; }
section.default-section { padding: 40px 0; }
.form-title { font-size: 22px; padding: 10px 15px; margin-bottom: 15px; line-height: 25px; }
.sidebar-title{ font-size: 22px; padding: 10px 15px; margin-bottom: 15px;line-height: 25px; }
.service-detail-list ul { padding: 0 15px; }   
.service-detail-list ul li a { padding: 8px 18px 8px 0; font-size: 16px; line-height: 22px; }
.estimatin-titel h4 {font-size: 22px; line-height: 30px; margin-bottom: 15px; }
.sidebar-bnnr-text h4 { font-size: 24px; line-height: 30px; }
.sidebar-bnnr-text h4 small { font-size: 22px; }
.sidebar-call { font-size: 18px; padding: 5px 15px 5px; line-height: 28px; }
.iconfff img { width: 40px; }
.iconfff { height: 60px; width: 60px; line-height: 56px; }
section.services-detail.default-section .col-sm-8 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
section.services-detail.default-section .col-sm-4 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
.estimatin-titel { padding: 30px 15px; }
.gallery-img ul li { padding: 10px; }
.nav-previous a, .nav-next a { padding: 7px 20px; font-size: 16px; line-height: 25px; }
section.emergency-area-services { margin: 0 15px 40px; }
.service-area-section.services-dtl-inn.inn2 { margin-top: 40px; }
section.professional-serivce {padding: 0 0 40px;}
.professional-text {padding: 90px 70px 90px 0;}
.free-estimate-text {padding: 40px 20px 40px 25px;max-width: 500px;}
.page-nav ul li { font-size: 16px; line-height: 22px; }
.page-nav-box { padding: 8px 15px; min-width: 100%; border-radius: 0; background: #2388da; float: none; border: none; margin: 0;}
.page-nav { margin-top: 0;background: #2388da;}
.page-nav .container { padding: 0; }
section.about-zuppardo-section { padding: 40px 0; }
.form-hero.service-detail-form .form-title { font-size: 22px; line-height: 25px; padding: 10px 15px; }
.testimonial-section.innside { padding: 40px 0; }
.service-area-section.services-dtl-inn.inn2 { margin-top: 0; padding: 40px 0; }
.service-area-section.services-dtl-inn.inn2 .service-area-map figure { padding: 30px 31px; }
.service-area-section.services-dtl-inn.inn2 .service-area-list ul li { width: 33.33%; list-style: none; }
.emergency-area-text p { font-size: 16px; line-height: 22px; }
.emergency-area-text { padding: 40px 15px 40px 15px; }
.emergency-area-services-btn { padding-top: 0; }
section.blog-section.blog-inn { padding: 40px 0; }
.contact-info-icon figure img { width: auto; max-height: 30px; }
.contact-info-icon figure { width: 50px; height: 50px; line-height: 45px; margin-right: 15px; margin-top: 5px; }
.contact-address p { margin: 0; font-size: 16px; line-height: 23px; }
.contact-page-form { padding-top: 40px; }
.contact-page-form .heading-title { margin-bottom: 20px; }
.contact-left-form { padding: 15px; }
.contact-form-col .gform_wrapper .medium { font-size: 16px !important; padding: 5px 10px 5px 5px !important; height: 40px; line-height: 22px; }
.contact-form-col input.button.gform_button { padding: 10px 20px; font-size: 16px; line-height: 22px; }
.contact-form-col .ginput_complex select{ font-size: 16px !important; padding: 5px 10px 5px 5px !important; height: 40px; line-height: 22px; }
.contact-form-col .ginput_complex input[type='text']{ font-size: 16px !important; padding: 5px 10px 5px 5px !important; height: 40px; line-height: 22px; }
.contact-info-call-row a.external-dni { font-size: 18px; line-height: 24px; }
section.testimonial-section.pageinn { padding-top: 40px; }
.contact-form-col .gform_wrapper.gravity-theme fieldset {
    margin-bottom: 8px !important;
}
.contact-form-col .gform_wrapper.gravity-theme fieldset .ginput_container_address {
    margin-left: 0;
    margin-right: 0;
}
.contact-right-form iframe {
    height: 620px;
    display: block;
}
.contact-form-col .gform_wrapper .medium.gfield_select {
    background-size: 15px !important;
    background-position: right 10px center !important;
}
.contact-form-col .ginput_complex select {
    background-size: 15px !important;
    background-position: right 10px center !important;
}
.roofing-types-section {
    padding: 40px 0;
}
.roofing-type-box figure {
    margin: 0 auto 20px;
}
.roofing-type-box figure img {
    filter: brightness(0);
    width: auto;
    max-height: 46px;
}
.professional-text {
    padding: 40px 40px 40px 0;
}
.roofing-type-box h4 {
    font-size: 22px;
}
.roofing-type-box {
    padding: 29px 15px;
}
.ginput_recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
.g-recaptcha { transform:scale(0.77); -webkit-transform:scale(0.77); transform-origin:0 0; -webkit-transform-origin:0 0; }
.top-social a img {
    max-width: 16px;
}
.header-top-text {
    padding: 0;
    border: none;
}
.header-top-text .top-social a {
    padding: 0 8px;
}
.header-top-text .top-social {
    padding-left: 20px;
}
.count-digit-row {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 30px;
}
.count-bx p {
    font-size: 20px;
    line-height: 24px;
}
.clients-google img {
    max-width: 50px;
}
.clients-google {
    padding-top: 0;
}
.timing-table table.table.table-striped tr th {
    padding: 6px 8px;
    font-size: 20px;
    line-height: 26px;
}
.timing-table table.table.table-striped tr th:nth-child(2) img {
    max-width: 80px;
}
.timing-table .table tbody td h6 {
    font-size: 15px;
    line-height: 20px;
}
.timing-table .table tbody td figure img {
    max-width: 25px;
}
.table-fst-col figure {
    width: 35px;
    margin-right: 10px !important;
}
.timing-table .table tbody td .table-fst-col h6 {
    width: calc(100% - 45px);
}
.timing-table .table tbody td {
    padding: 10px 10px;
}
.overview-timing-section {
    padding: 40px 0;
}
section.faq-section .col-sm-9 {
    padding-right: 15px;
}



}
@media(max-width:1023px) {
.home-banner .col-sm-8 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.home-banner .col-sm-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-top: 30px;}
.banner-main-form-div {padding-top: 0;}
.banner-caption ul li {padding-left: 21px;margin-bottom: 12px;background-position: top 4px left;font-size: 16px;background-size: 16px;line-height: 22px;}
.banner-title br {display: block;}
.logo-list ul li {padding: 15px;width: 25%;}
.testimonial-row-parent .col-sm-3 {-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;}
.service-area-row .col-sm-5 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.service-area-row .col-sm-7 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.service-area-map figure {padding: 30px 20px;width: 100%;height: 100%;}
.service-area-list {padding: 30px 20px 30px 20px;text-align: center;}
.about-btns.service-area-btn {justify-content: center;}
.faq-box-bottum::before {top: -50%;}
.emergency-services-img { display: none; }
.emergency-services-text { padding: 40px 0; }
section.emergency-services-section .col-sm-4 { padding: 0 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
section.emergency-services-section .row::before { top: 79px; }
.emergency-services-call figure { width: 80px; height: 80px; line-height: 78px; margin: 0 auto 15px; }
.testimonial-row-parent .col-sm-3 { padding: 18px 15px; margin-top: 10px; -ms-flex: 0 0 25%; flex: 0 0 33.33%; max-width: 33.33%; }
.services-boxx ul li { 
    width: 25%; 
}.services-boxx {
    padding: 20px 0px 25px 0px;
}
.patio-covers-row .col-sm-4 {
    padding: 15px;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}




}
@media(max-width:991px) {
section.about-section .col-sm-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
section.about-section .col-sm-8 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.about-content {padding-left: 0;padding-top: 40px;}
section.faq-section .col-sm-3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
section.faq-section .col-sm-9 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.faq-box-bottum::before {display: none;}
.faq-box-bottum figure {width: 65px;height: 65px;line-height: 65px;margin: 0 auto 15px;}
.faq-img {padding-top: 20px;}
.faq-box-bottum {border-top: 3px solid #2388da;}
.blog-wrapper .col-sm-4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.freeEstimate-left-inn { padding: 30px 15px; }
.contact-info-inn { padding: 40px 25px; }
section.blog-section.blogpage-single-section .col-sm-8 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
section.blog-section.blogpage-single-section .col-sm-4 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
.servie-detail-image { margin-bottom: 20px; }
.service-detail-form .gform_wrapper .gfield.gfield--width-half { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-detail-form .gform_wrapper.gravity-theme .ginput_container_address span { flex: 0 0 100%; }
.service-detail-form .gform_wrapper.gravity-theme .ginput_complex .ginput_full { flex: 0 0 100%; }
.contact-info-icon figure { margin-right: 10px; }
.contact-address p { margin: 0; font-size: 14px; line-height: 21px; }
.roofing-types-list .col-sm-2 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    margin: 15px 0;
}
.home-banner .col-sm-6:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
	margin-top:15px;
}
.home-banner .col-sm-6:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.header-top-text .top-social {display: none;}
.heaer-top .col-sm-2 {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}
.heaer-top .col-sm-10 {
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
}
.count-box {
    width: 33.33%;
    padding: 5px;
}
.count-digit-row {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 22px;
}
.counter-row {
    padding-top: 10px;
}
.count-bx p {
    font-size: 16px;
    line-height: 20px;
}
.count-bx {
    padding: 25px 10px 20px;
}



}
@media(max-width:900px) {
.heaer-top .col-sm-2 {-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
.heaer-top .col-sm-10 {-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;position: static;}
.our-process-row .col-sm-4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
section.services-section .col-sm-7 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;}
section.services-section .col-sm-5 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 0;}
.services-box-img figure {
    margin-top: 0;
    border-radius: 0;
}
.services-box {padding: 25px 16px 20px 15px;}
.patio-covers-row .col-sm-4 {padding: 15px;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.newsletter-form {width: 285px;}
.header-bottom{position: static;}
.top-right-text {
    font-size: 18px;
    padding: 0;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #021f35;
    padding: 3px 15px;
    border: none;
}
.top-right-text a{color: #fff;}
.header-section {
    padding-top: 41px;
} 
.gallery-row-parent ul li {
    width: 33.33%;
    padding: 5px;
}
a.example-image-link img {
    width: 25px;
}
a.example-image-link {
    height: 50px;
    width: 50px;
}


.inner-banner>img { width: 100%; height: 220px; object-fit: cover; }
section.inner-banner .caption-absolute { top: 50%; }
.freeEstimate-parent-row .col-sm-6 { padding: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.freeEstimate-parent-row .col-sm-6:last-child figure{display: none;}
.freeEstimate-left-detail { padding: 0; }
.freeEstimate-left-inn { padding: 40px 15px; }
.contact-info-inn { padding: 40px 15px; }
.professional-text { padding: 70px 40px 50px 0; }
.choose-gutter-heading { padding: 10px 0; }
.service-area-list ul li { width: 50%; }
.blog-wrapper .col-sm-4 { padding: 15px; }
.banner-main-form-div { padding-left: 0; }
.emergency-area-services-btn.help-btns a.theme-btn.btn-red {
    margin-right: 7px;
}
.top-logo img {
    max-width: 130px;
}
.services-bottum {
    padding: 0 0 20px;
}


}
@media(max-width:812px) {
.banner-title {font-size: 22px; line-height: 30px;margin-bottom: 15px;}
.banner-caption ul li {padding-left: 21px;margin-bottom: 12px;background-position: top 4px left;font-size: 16px;background-size: 16px;line-height: 22px;}
.banner-star p {font-size: 16px;line-height: 26px;}
.stardx img {max-width: 12px;}
.banner-star {padding-bottom: 10px;}
a.theme-btn {padding: 12px 20px;font-size: 14px;line-height: 20px;}
.banner-btns a.theme-btn.btn-red {margin-right: 3px;}
.form-hero input.button.gform_button {font-size: 16px;line-height: 20px !important;padding: 9px 15px;}
.form-hero .button {font-size: 14px;line-height: 18px !important;padding: 7px 16px;}
.form-hero .b-form-title {font-size: 18px;line-height: 20px;}
.heading-title {font-size: 22px; line-height: 30px;margin-bottom: 15px;}
.our-process-box h3 {font-size: 16px;line-height: 20px;}
p {font-size: 14px;line-height: 20px;margin-bottom: 10px;}
.services-box-contant h6 {font-size: 18px;line-height: 16px;}
.patio-covers-box h3 {font-size: 18px;line-height: 23px;margin-bottom: 10px;}
.default-css ul li, .default-css ol li {font-size: 14px;line-height: 20px;}
.default-css ul li {padding-left: 19px;background-size: 14px;}
.help-you .heading-title {font-size: 22px;line-height: 34px;width: 100%;}
.help-you-btns {padding-top: 20px;}
.help-you-section {padding: 40px 0px;margin-left: 0;}
.help-you-btns a.theme-btn.btn-red {margin-right: 3px;}
.head-call-now.about-call a {font-size: 18px;line-height: 28px;}
.head-call-now.about-call {padding-left: 15px;margin-left: 20px;}
.head-call-now.about-call figure {width: 50px;height: 50px;line-height: 49px;}
.about-btns {padding-top: 10px;}
.service-area-list .subheading-title {font-size: 18px;}
.faq-box .card-header h5, .card-header-title {
    padding: 13px 30px 13px 0px;
    font-size: 16px;
    line-height: 24px;
}
.faq-box .card-header h5:after, .card-header-title::after {background-size: 13px;}
.faq-box .card-header h5.collapsed:after, .card-header-title.collapsed::after {background-size: 13px;}
.card-body.default-css {padding: 2px 10px 5px 0px;}
.blog-content h3 {font-size: 16px;line-height: 22px;}
.blog-btns a.theme-btn.btn-blue {margin-right: 5px;}
.newsletter-box {display: block;text-align: center;}
section.newsletter-section .heading-title {width: 100%;}
.newsletter-form {width: 285px;margin: 15px auto 0;}
.newsletter-form .medium {padding: 7px 50px 7px 15px !important;height: 40px;font-size: 14px !important;}
.newsletter-form input.button.gform_button {width: 46px;height: 40px;}
.area-location-bx figure {
    width: 59px;
    height: 52px;
    line-height: 55px;
    margin: 0 auto 15px;
}
.area-location-bx figure img {
    width: 30px;
}
.area-location-bx h6 {
    font-size: 16px;
    line-height: 21px;
}
.banner-btns {
    padding-top: 10px;
}
.freeEstimate-btns .theme-btn { margin: 10px 2px 0; }
.page-nav ul li { font-size: 15px; line-height: 20px; }
.contact-page-parent .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.contact-page-parent .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.contact-info-left-image{display: none;}
.contact-info-left { height: auto; text-align: center; }
.contact-info-icon { display: block; margin: 0; text-align: center; padding: 14px 0;border-bottom: 1px solid rgb(255 255 255 / 22%); } 
.contact-info-icon figure { width: 40px; height: 40px; line-height: 32px; margin: 0 auto 10px; }
.contact-info-icon:nth-child(4){border-bottom: 0; padding-bottom: 0;}
.contact-page-right { padding: 30px 15px 35px 15px; }
.form-title { font-size: 18px; padding: 8px 15px; line-height: 21px; }
.sidebar-title { font-size: 20px; padding: 8px 15px; }
.service-detail-list ul li a { padding: 8px 18px 8px 0; font-size: 15px; line-height: 20px; }
.estimatin-titel h4 { font-size: 22px; line-height: 29px; margin-bottom: 13px; } 
.servie-detail-image { margin-bottom: 20px; }
section.services-detail.default-section .col-sm-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
section.services-detail.default-section .col-sm-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 30px; }
.form-hero.service-detail-form { margin-bottom: 30px; }
.service-detail-list { margin-bottom: 30px; }
.estimatin-titel { margin-bottom: 30px; }
section.blog-section.blogpage-single-section .col-sm-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
section.blog-section.blogpage-single-section .col-sm-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-top: 30px; }

.nav-previous a, .nav-next a { padding: 7px 15px; font-size: 15px; line-height: 22px; }
.blog-info a { font-size: 15px; line-height: 23px; }
.service-detail-form .gform_wrapper .gfield.gfield--width-half { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.service-detail-form .gform_wrapper.gravity-theme .ginput_container_address span { flex: 0 0 50%; }
.service-detail-form .gform_wrapper.gravity-theme .ginput_complex .ginput_full { flex: 0 0 100%; }
.stardx { top: -1px; }

.service-area-left .subheading-title { font-size: 20px; }
.page-template-template-service-areas .service-area-section.services-dtl-inn .service-area-left { padding: 15px; }
.service-area-section.services-dtl-inn.inn2 .area-location-bx figure { width: 49px; height: 47px; line-height: 40px; margin: 0 auto 15px; border-radius: 4px 4px 20px 4px; }

.service-area-section.services-dtl-inn.inn2 .area-location-bx h6 { font-size: 16px; line-height: 22px; padding-left: 0px; }
.emergency-area-text .heading-title { line-height: 30px; font-size: 20px; margin-bottom: 10px; }
.contact-page-form .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.contact-right-form iframe { width: 100%; height: 300px; }
.contact-form-col input.button.gform_button{line-height: normal !important;}
.contact-page-form .col-sm-6:first-child { padding-right: 15px; }
.contact-page-form .col-sm-6:last-child { padding-left: 15px; }
.contact-page-form .gform_wrapper.gravity-theme .ginput_container_address { margin-left: 0; margin-right: 0; }
.wp-pegination {
    padding: 25px 0 0;
}
.roofing-type-box h4 {
    font-size: 20px;
    line-height: 26px;
}
.roofing-type-box {
    padding: 20px 15px;
}
.logo-slider .item figure img {
    max-height: 80px !important;
    max-width: 110px !important;
}
.table-fst-col figure {
    width: 30px;
    margin-right: 10px !important;
}
.timing-table .table tbody td .table-fst-col h6 {
    width: calc(100% - 40px);
}
.timing-table .table tbody td h6 {
    font-size: 13px;
    line-height: 18px;
}
.timing-table table.table.table-striped tr th {
    padding: 6px 8px;
    font-size: 16px;
    line-height: 24px;
}
.timing-table table.table.table-striped tr th:nth-child(2) img {
    max-width: 70px;
}




}
@media(max-width:767px) {
.testimonial-row-parent .col-sm-3 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.client-say-box.banner {
    width: 100%;
    margin-top: 50px;
}
}
@media(max-width:700px) {
.service-area-list ul li {width: 33.33%;}
.gallery-row-parent ul li {
    width: 50%;
    padding: 5px;
}
.service-area-section .col-sm-6:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-area-section .col-sm-6:last-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
section.emergency-area-services .col-sm-5 { padding: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
section.emergency-area-services .col-sm-7 { padding: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.gallery-img ul li { padding: 5px; }
.stardx img { width: auto; max-height: 13px; }
.stardx { top: -1px; padding-right: 0; }
.professional-text { padding: 40px 11px 40px 11px; }
.emergency-area-text { text-align: center; }
.emergency-area-text p { font-size: 15px; line-height: 20px; }
.service-area-section.services-dtl-inn.inn2 .row { align-items: inherit; justify-content: center; }
.service-area-section.services-dtl-inn .col-sm-7{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-area-section.services-dtl-inn .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.contact-page-parent .col-sm-4 { padding: 5px 15px; border-right: none; border-bottom: 1px solid rgba(26, 36, 107, 0.2); -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.contact-info-icon figure { width: 50px; height: 50px; line-height: 46px; margin: 0 auto 10px; }
.contact-info-icon figure img { width: auto; max-height: 25px; }
.gallery-row-parent ul li { padding: 6px; width: 33.33%; }
.service-area-section .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-area-section .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.roofing-types-list {
    margin: 0 auto 0;
}
.roofing-types-list .col-sm-2 {
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}
.professional-text {
    padding: 40px 15px 40px 15px;
    text-align: center;
    background: #fff;
    opacity: 0.8;
}
.professional-row {
    border-radius: 25px;
}
.services-boxx ul li {
    width: 33.33%;
    padding: 20px 10px;
}
}
@media(max-width:600px) {
}
@media(max-width:575px) {
.banner-title {font-size: 20px;line-height: 29px;margin-bottom: 15px;}
.banner-caption ul li {padding-left: 18px;margin-bottom: 9px;background-position: top 4px left;font-size: 14px;background-size: 14px;line-height: 20px;}
.heaer-top .col-sm-2 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;text-align: center;padding: 0;}
.heaer-top .col-sm-10 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0;position: static;}
.header-bottom {padding-right: 0;position: static;justify-content: center;border-top: 1px solid #D9D9D9;padding-top: 10px;margin-top: 15px;}
.top-logo img {max-width: 130px;}
.our-process-row .col-sm-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.patio-covers-row .col-sm-4 {padding: 15px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.blog-wrapper .col-sm-4 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.blog-btns a.theme-btn {
    margin: 10px 2px 0 !important;
}
.service-area-list {
    padding: 30px 15px 30px 15px;
}
.about-btns.service-area-btn a.theme-btn.btn-red {
    margin-right: 3px;
}
.about-btns a.theme-btn.btn-red {
    margin-right: 4px;
}
.banner-star p {
    font-size: 12px;
    line-height: 20px;
}
.gallery-row-parent ul{margin: 0 -5px;}
.gallery-row-parent ul li {
    padding: 5px;
    width: 50%;
}
.professional-text .heading-title br{display: none;}
.free-estimate-text { padding: 40px 15px 40px 15px; max-width: 100%; text-align: center; background: rgb(2 31 53 / 78%); }
.free-estimate-row { padding: 0; }
.free-estimate-btns a.theme-btn.btn-red { margin-right: 2px; }
section.why-choose-section .col-sm-4 { padding: 8px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.services-row-inn .col-sm-6 { padding: 8px 15px; }
.services-detail-img { display: block; margin: 0; }
.services-detail-img img { padding: 10px 0; width: 100%; }
.emergency-area-text { text-align: center; padding: 30px 0 0; }
.gallery-img ul li { padding: 5px; width: 50%; }
section.emergency-area-services .emergency-area-text { padding: 30px 15px; }
.contact-address p { margin: 0; font-size: 16px; line-height: 21px; }
.our-process-box-top { padding-bottom: 13px; }
.blog-wrapper .col-sm-4 { padding: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.roofing-types-list .col-sm-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 7px 0;
}
section.professional-serivce a.theme-btn.btn-red {
    margin-right: 2px;
}
.roofing-type-box h4 {
    font-size: 18px;
    line-height: 22px;
}
.our-process-box {
    padding: 20px 15px;
}
.services-boxx {
    padding: 0px;
}.services-boxx ul li {
    width: 50%; 
}
.count-digit-row {
    margin-bottom: 10px;
    font-size: 26px;
    line-height: 22px;
}
.count-bx p {
    font-size: 13px;
    line-height: 18px;
}
.count-bx {
    padding: 20px 5px 15px;
}
.logo-slider .item figure img {
    max-height: 70px !important;
    max-width: 90px !important;
}
.timing-table table.table.table-striped tr th {
    padding: 5px 5px;
    font-size: 13px;
    line-height: 22px;
}
.timing-table table.table.table-striped tr th:nth-child(2) img {
    max-width: 60px;
}
.table-fst-col figure {
    width: 25px;
    margin-right: 5px !important;
}
.table-fst-col figure {
    width: 25px;
    margin-right: 5px !important;
}
.timing-table .table tbody td .table-fst-col h6 {
    width: calc(100% - 30px);
}
.timing-table .table tbody td h6 {
    font-size: 11px;
    line-height: 16px;
}
.timing-table .table tbody td figure img {
    max-width: 20px;
}





}
@media(max-width:525px) {
.logo-list ul li {padding: 15px;width: 33.33%;}
.logo-list ul {justify-content: center;}
.gform_wrapper .gfield.gfield--width-half {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.testimonial-row-parent .col-sm-3 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}
@media(max-width:480px) {
.banner-btns a.theme-btn {padding: 10px 15px;font-size: 12px;line-height: 20px;}
.about-btns {display: block;text-align: center;}
.head-call-now.about-call {padding-left: 0;margin-left: 0;justify-content: center;border: none;padding-top: 20px;}
.service-area-list ul li {width: 50%;}
.banner-star p {
    font-size: 12px;
    line-height: 20px;
}
.floating-icon-mobi { padding-top: 0; }
.service-detail-form .gform_wrapper .gfield.gfield--width-half { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-detail-form .gform_wrapper.gravity-theme .ginput_container_address span { flex: 0 0 100%; }
.service-area-section.services-dtl-inn.inn2 .service-area-list ul li { width: 50%; list-style: none; margin: 10px 0; }
.contact-form-col .gform_wrapper .gfield.gfield--width-half { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }


}
@media(max-width:420px) {
.logo-list ul li {padding: 15px;width: 50%;}
.services-box ul li {width: 50%;}
.help-you-btns a.theme-btn {padding: 12px 15px;font-size: 14px;line-height: 20px;}
section.faq-section .heading-title {font-size: 22px;line-height: 32px;margin-bottom: 15px;}
.newsletter-box .heading-title {font-size: 22px;line-height: 35px;}
a.theme-btn {
    padding: 10px 11px;
    font-size: 14px;
    line-height: 20px;
}

}





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

.somfy-page-section{ padding: 100px 0; }
.somfy-product-row{ padding: 40px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 40px 0; }
.somfy-product-row .row{justify-content: center;}
.somfy-product-item{position: relative;}
.somfy-product-content{ position: absolute; bottom: 0; background: #2388da; right: 0; width: 230px; color: #fff; padding: 15px; transition: .2s ease-in-out; -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; }
.somfy-product-content h5 { font-size: 22px; line-height: 26px; margin: 0; }
.somfy-product-content h5 a{ color: #fff; }
.somfy-product-item:hover .somfy-product-content{ bottom: 10px; }
.somfy-product-row .col-sm-4 { margin: 15px 0; }
.decking-sp-slide .slider.slider-nav .slick-slide { border-radius: 5px; overflow: hidden; border-top: 0; border-bottom: 0; padding: 0 4px; }
.decking-sp-slide .slider.slider-for { margin-bottom: 5px; }
button.slick-prev.slick-arrow, button.slick-next.slick-arrow { border: none; background: transparent; font-size: 0; background: #2388da; color: #fff; width: 20px; height: 30px; vertical-align: middle; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; }
.slider.slider-nav.slick-initialized.slick-slider { margin: 0 -4px; }
button.slick-prev.slick-arrow::before{ content: "\f104";font-family: 'FontAwesome'; font-size: 32px; top: 0; vertical-align: middle; line-height: 20px; }
button.slick-next.slick-arrow::before{ content: "\f105";font-family: 'FontAwesome'; font-size: 32px; top: 0; vertical-align: middle; line-height: 20px; }
button.slick-prev.slick-arrow { left: 4px; }
button.slick-next.slick-arrow { right: 4px; }
.color-ave ul{ display: flex; flex-wrap: wrap; margin-left: -10px; }
.color-ave ul li{ list-style: none; width: 20%; padding: 15px 10px; text-align: center; }
.color-ave ul li p{margin-bottom: 0;}
.color-ave ul li img{ margin-bottom: 20px; }
.decking-row { border-top: 1px solid #eee; padding-top: 40px; margin-top: 27px; }

/*------------------*/
.elementor-wrapper.content-video {aspect-ratio: 1.7777;}
.elementor-wrapper.content-video iframe.elementor-video-iframe {height: 100%;width: 100%;display: flex;border: none;background-color: #000;}

@media(max-width:1499px) {
    .somfy-product-content h5 { font-size: 20px; line-height: 24px; margin: 0; }
    .color-ave ul li p { margin-bottom: 0; font-size: 16px; line-height: 22px; }
}
@media(max-width:1199px) {
.somfy-page-section { padding: 40px 0; }
.somfy-product-row { padding: 15px 0; margin: 15px 0; }
.somfy-product-content h5 { font-size: 18px; line-height: 22px; margin: 0; }
.somfy-product-content { width: 210px; padding: 10px; }
.decking-row { padding-top: 22px; margin-top: 0px; }
.color-ave ul li { padding: 8px 5px; }
.color-ave ul li p { font-size: 15px; line-height: 20px; }
.color-ave ul li img { margin-bottom: 10px; }

}
@media(max-width:960px) {
.decking-row .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.decking-content-right { padding-top: 30px; }
.decking-sp-slide .slider.slider-for figure img { width: 100%; }

}
@media(max-width:812px) {
.somfy-product-content { width: 100%; padding: 10px; text-align: center; position: relative; }
.somfy-product-content h5 { font-size: 16px; line-height: 20px; margin: 0; }
.color-ave ul li p { margin-bottom: 0; font-size: 14px; line-height: 20px; }

}
@media(max-width:480px) {
.color-ave ul li { list-style: none; width: 33.33%; }
.color-ave ul { display: flex; flex-wrap: wrap; margin-left: 0; justify-content: center; }

}