/*

Theme Name: SC Garage Doors

Theme URI: https://www.digitalmovement.com.au/

Template: siteorigin-corp

Author: Digital Movement

Author URI: //www.digitalmovement.com.au/

Description: A modern business theme from SiteOrigin. Corp is versatile and quick to customize. Fast loading and fully stocked with all the modern theme features you've come to expect and enjoy. Convert visitors to customers with effective layouts and beautifuly presented landing pages. Corp offers seamless integration with Page Builder by SiteOrigin, a custom WooCommerce design, five unique blog layouts and a stunning Jetpack Portfolio layout.

Tags: one-column,two-columns,left-sidebar,right-sidebar,grid-layout,custom-background,custom-colors,custom-menu,custom-logo,featured-images,footer-widgets,full-width-template,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-commerce

Version: 1.20.9.1745579390

Updated: 2025-04-25 11:09:50



*/



html {font-size: calc(10px + (16 - 10)*((100vw - 1200px)/(1920 - 1200)));}

a:focus {outline: 0;}

:root {

    --primary: #ffffff;

    --secondary: #72bd35;

    --theredary: #ffa300;

}



@font-face {

  font-family: 'FuturaPTHeavy';

  src: url('fonts/FuturaPTHeavy.woff2') format('woff2'),

  font-weight: normal;

  font-style: normal;

}



@font-face {

  font-family: 'FuturaPTMedium';

  src: url('fonts/FuturaPTMedium.woff2') format('woff2');

  font-weight: normal;

  font-style: normal;

}

body .fixed {

  position: fixed !important;

  top: 0px;

  left: 0;

  animation: scrolls 0.5s linear;

  box-shadow: 0px 0px 8px 0px #000;

  z-index: 9999;

  background-color: #000 !important;

  width: 100%;

  border-top: 0;

}

 @keyframes scrolls {

  from {

    transform: translate(0, -100%);

  }



  to {

    transform: translate(0, 0);

  }

} 

.site-header.mobile-menu.fixed .header-top {display: none;}

.site-header.mobile-menu.fixed .site-branding {max-width: 14.688rem;}

img{max-width:100%;}

body a {font-family: 'FuturaPTMedium';}

body h1,h2,h3,h4,h5{font-family: 'FuturaPTHeavy';}

body p,li,input, textarea, input[type="submit"],span{font-family: "Inter", sans-serif;}

.corp-container {max-width: 90.1%;margin: 0 auto;padding: 0;}

.site-header .corp-container {max-width: 100%;}

.header-top {display: flex;justify-content: center;align-items: center; padding: 6px 3rem; border-bottom: 1px solid #909090;}

body ul{margin: 0;}

body li,.header-left{list-style: none;}

p:empty {display: none;}

.grid-li {display: flex;gap: 1.625rem;}

.header-right ul li {display: inline-block;}

.header-right ul li a{font-size: 1.375rem; line-height: normal; color: #fff; font-weight: 400;}

.header-right ul li a:hover{color: #ffa300;}

.header-right ul li.phone a::before {height: 1.375rem;width: 1.375rem; display: block;content: "";background-image: url(images/Phone-icon.svg);background-repeat: no-repeat;background-size: 1.375rem;}

.header-right ul li.email a::before {height: 1.563rem;width: 1.563rem; display: block;content: "";background-image: url(images/Email-icon.svg);background-repeat: no-repeat;background-size: 1.563rem;}

.header-right ul li.map a::before {height: 1.5rem;width: 1.5rem; display: block;content: "";background-image: url(images/Location-icon.svg);background-repeat: no-repeat;background-size: 1.5rem;}

.header-right ul li a {display: flex;align-items: center;gap: 10px;}

body .site-header {position: absolute;background: #343b4647; border-bottom: 0;}

.site-header .site-branding {padding-right: 0;max-width: 16.688rem;}

.site-header .site-header-inner{padding: 1.875rem 17.5rem 1.875rem 2.625rem;}

.main-navigation ul li{margin: 0; padding-bottom: 0; margin-right: 3.5rem;}

.site-header .main-navigation li a {font-size: 1.375rem; line-height: normal; color: #fff; font-weight: 500;position: relative;text-transform: capitalize;letter-spacing: 0;}

#menu-item-15::after {content: "";background-image: url(/wp-content/uploads/2025/05/right-arow2.png);width: 1.125rem;height: 0.625rem;position: absolute;right: -1.506rem;top: 0.8rem;background-size: contain; cursor: pointer;}

#menu-item-15:hover::after {transform: rotate(-180deg);}

.hero-banner{position: relative;}
.hero-banner img,.hero-banner .vc_box_border_grey,.hero-banner .vc_figure,.single-featured-image-header img {width: 100%;}

.main-content{position: absolute;top: 0;left: 0;width: 100%;}

.banner-content {width: 60%;float: left; margin-top: 16.5%;}

.banner-content h4{font-size: 2.188rem; line-height: 1; color: var(--primary); margin: 0;margin-bottom: 0.813rem; text-transform: uppercase;}

.banner-content h1{font-size: 3.75rem; line-height: 1.2; color: var(--primary); margin: 0;margin-bottom: 1.5rem; text-transform: uppercase;}

.banner-content p{font-size: 1.5rem; line-height: normal; color: var(--primary); margin: 0; font-weight: 400;}

.banner-content .second-btn:hover {background: var(--theredary);border-color: var(--theredary);}

.list-number-2 li{font-size: 1.65rem; line-height: normal; color: var(--primary); margin-bottom: 2.125rem;position: relative;padding-left: 3.125rem; font-weight: 600;}

.list-number-2 {padding-top: 1.875rem;}

.list-number-2 li:last-of-type{margin-bottom: 0;}

.list-number-2 li::before{height: 1.313rem;width: 1.688rem; display: block;content: "";background-image: url(images/Right-arrow.png);background-repeat: no-repeat;background-size: cover;position: absolute; top: 5px; left: 0;}

a.first-btn {font-size: 1.563rem;line-height: normal;color: #fff;background: var(--theredary);text-transform: uppercase; padding: 1.094rem 0; display: inline-block;min-width: 18.4rem;text-align: center;}

.boder-bottom .first-btn{text-transform: capitalize;}

.center-btn .second-btn {text-transform: capitalize;}

a.first-btn:hover{background: #fbc76a; color: var(--primary); transition: 0.4s linear;}

/*a.get-btn:hover,.right-form .submit-button{background-color: #ffa300;}*/

a.second-btn {background: transparent;border: 1px solid #fff;}

a.second-btn:hover {border-color: #fbc76a;transition: 0.4s linear;}

a.right-btn::after {height: 1.188rem;width: 2.438rem; display: block;content: "";background-image: url(images/Right-btn.png);background-repeat: no-repeat;background-size: cover;margin-left: 1.625rem;display: inline-block;}

.btn-flex {display: flex;align-items: center;gap: 2.188rem;padding-top: 3.125rem;}



.banner_form {width: 35.3%;float: right;border: 3px solid #fff;margin-top: 16.5%;padding: 3.438rem 2.5rem 4.375rem;}

.banner_form h3 {font-size: 2.625rem; line-height: 1.1; color: var(--primary); text-transform: uppercase; margin: 0; text-align: center;margin-bottom: 2rem;}

.banner_form input {font-size: 1.05rem;margin-top: 1.25rem;width: 100%;background: transparent;font-weight: 400;color: #fff;line-height: normal;border: 1px solid #fff;box-sizing: border-box;padding: 1.25rem;}

.banner_form input:focus{border-color: #fff;}

.banner_form textarea {font-size: 1.05rem;height: 10.75rem;margin-top: 1.25rem;background: transparent;font-weight: 400;color: #fff;line-height: normal;border: 1px solid #fff;resize: none;padding: 1.25rem;}

.banner_form input::placeholder, .banner_form textarea::placeholder {color: #fff;}

::placeholder {opacity: 1;}

.wpcf7-email::placeholder {text-transform: capitalize;}

.wpcf7-email {text-transform: lowercase;}

.banner_form .wpcf7-form-control-wrap {position: relative;}

.banner_form .wpcf7-not-valid-tip {position: absolute;top: 1.25rem;left: 1.125rem;}

.banner_form .wpcf7-not-valid-tip {font-size: 1rem; line-height: 1;margin-top: 0;}

body .wpcf7 form .wpcf7-response-output {font-size: 1.25rem;margin: 0; margin-top: 10px;text-align: center;width: 100%;display: inline-block;font-family: "Inter", sans-serif;font-weight: 400;color: #dc3232;line-height: 1.2;padding: 5px 10px;}

.wpcf7 form.sent .wpcf7-response-output {color: #000;}

.wpcf7-spinner {position: absolute;}

.banner_form .submit-button {font-size: 1.563rem;margin-top: 0.6875rem;background-color: var(--theredary);font-weight: 400;color: #fff;line-height: normal;border: transparent;letter-spacing: 0;}

.banner_form .submit-button:hover, .banner_form .submit-button:focus, .banner_form .submit-button:active {background-color: #fbc76a;color: var(--primary);}











.service_row {margin-top: -23%;}

.text-p p {color: var(--primary);padding-bottom: 5.938rem; font-size: 1.563rem;}

.font50{font-size: 3.125rem; line-height: 1.2; text-transform: uppercase;color: var(--primary);margin-top: 0;}

.vc_do_custom_heading.font50{margin-bottom: 1.75rem;}

body p{font-size: 1.5rem; line-height: 2.188rem; color: #292121; margin-bottom: 1.625rem; font-weight: 400;}

body .wpb_content_element{margin-bottom: 0;}

.font25 {font-size: 1.563rem;line-height: 1.1;color: #292121;text-transform: uppercase;margin-top: 0;}

.vc_do_custom_heading.font25{margin-bottom: 0.813rem;}

.block-service .font25{color: #000; margin-bottom: 1.375rem;}

.block-service p{font-size: 1.563rem; line-height: normal; color: #000000; font-family: 'FuturaPTMedium';}

a.read-btn {font-size: 1.25rem;text-transform: uppercase;line-height: normal;color: #fff;padding: 0.906rem 2.313rem;background: #ffa300; display: inline-block;}

a.read-btn:hover{background: #fbc76a; transition: 0.4s linear;}

.block-service {padding: 5.125rem 2.125rem 3.125rem; display: flex; height: 100%;}

body .main-block .vc_column-inner {padding: 0; height: 100%;}

body .main-block .vc_column-inner .wpb_wrapper {display: flex;flex-direction: column;height: 100%;overflow: hidden;}

.block-service .font25 + p {flex: 1;}



.main-block img,.main-block .vc_single_image-wrapper,.main-block .vc_figure,.slider-item_inner img,.slider-item_inner .vc_single_image-wrapper,.slider-item_inner .vc_figure{width: 100%;}

body .main-block {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 2.625rem; margin: 0 3px;}

.main-block .vc_col-sm-4 {width: 100%; box-shadow: 0px 8px 7px 0px #ccc;}

.main-block.vc_row::after, .main-block.vc_row::before,.grid_row.vc_row::after, .grid_row.vc_row::before {display: none;}







body .widget-garage{padding: 9.688rem 0 6rem;}

.sc-garage{width: 100%;float: left;padding: 6.875rem 0 6.25rem;}

.sc-garage .left-sc{width: 36%; float: left;padding-right: 1rem;}

.sc-garage .right-sc{width: 64%; float: left;}

.left-sc h2 {color: #000000;}

.right-sc strong{font-weight: 600;}

body .vc_row-has-fill > .vc_column_container > .vc_column-inner{padding-top: 0 !important;}

.most_row {padding: 5.938rem 0;}

.popular_row {padding: 0 2.375rem;}

.popular_row h5{color: var(--primary);}

.popular_row p {color: var(--primary); line-height: normal;}

.heading-margin{padding-top: 2rem;margin-bottom: 1rem !important}

.boder-bottom {border-bottom: 1px solid #afaaa8;padding-top: 3.75rem;}

.grid_row{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.563rem; margin-top: 1.563rem;}

.sidber-padding{padding-top: 4.5rem;}

.grid_row .vc_col-sm-4{width: 100%;}

.container-padding{padding-left: 13.688rem;padding-right: 13.688rem;}

.container-padding .slider-item_inner.wpb_column.vc_column_container.vc_col-sm-2 {

  width: 100%;

}

.slider-item_inner {background: var(--primary);height: 100%;display: flex;flex-direction: column;}

.doors-block {padding: 2.188rem 2.438rem 2.313rem; display: flex;flex-direction: column;height: 100%;}

.doors-block h5 {color: #ffa300;font-family: 'FuturaPTMedium'; margin-bottom: 1.25rem;font-weight: 400;}

.doors-block p {font-size: 1.375rem;line-height: 1.938rem;}

.doors-block h5 + p {min-height: 9rem;}

.center-btn {margin-top: 2.938rem;}

.doors-block p + p {text-align: center;}





.get_row {max-width: 68%;margin: 0 auto;text-align: center; padding: 5.25rem 0 6.563rem;}

.get_row p {color: var(--primary);}

a.black-btn {background: #292121;}

.tab-btn{display: flex;justify-content: center; align-items: center; gap: 2.188rem;padding-top: 2.5rem;}







.testimonials_row {padding-top: 5.625rem;}

.slider_row {padding: 3.75rem 4rem 0;}

.slider_row .sp-testimonial-client-image{margin-bottom: 2.813rem; padding-top: 2.5rem;}

.slider_row .sp-testimonial-client-image {display: flex;justify-content: center;}

.slider_row img{max-width: 13.75rem;}

.slider_row .testimonial-content {background: #f5f5f5;}

.slider_row .description-content {padding: 0 3.125rem 1.375rem 4rem;}

.slider_row .description-content p,.time-groups p{font-size: 1.125rem; line-height: normal;}

.slider_row .description-content::before{content: ''; background: url(images/Top-arrow.png) no-repeat; width: 2.563rem; height: 1.938rem; margin-bottom: 10px; background-size: cover; display: flex; flex-wrap: wrap;}

.slider_row .slick-prev::before{content: ''; background: url(images/Left-hand.png) no-repeat; display: inline-block; width: 1.5rem; height: 2.75rem; background-size: cover;}

.slider_row .slick-next::before{content: ''; background: url(images/Right-hand.png) no-repeat; display: inline-block; width: 1.5rem; height: 2.75rem; background-size: cover;}

.slider_row .slick-prev,.slider_row .slick-next{top: 50%;}

.slider_row .slick-current.slick-active + .slick-active .sp-testimonial-client-image {margin-bottom: 5rem; padding-top: 4rem;}

.slider_row .slick-track {display: flex;align-items: center;}

.review-slider2 {margin: 0 0.938rem;}

.time-groups span {background: var(--theredary); display: flex;justify-content: center;align-items: center;color: var(--primary);font-size: 2.5rem;line-height: normal;font-weight: 400;border-radius: 100px;width: 4rem;height: 4rem;}

.time-groups {display: flex;align-items: center;gap: 14px; border-top: 2px solid #8f8f8f;padding: 3.125rem 0 2.5rem 4rem;}

.time-groups h3{font-size: 1.125rem; line-height: normal; margin: 0; color: #292121; font-weight: 700;}

.custom_slide_box {padding: 0 0.875rem;}











.why_choose_customers {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;text-align: center;padding: 4rem 0 6.25rem;grid-gap: 18px;}

.why_choose_customers li {border: solid 1px #6bac42;padding: 0 3rem 3.3rem 3rem;position: relative;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.50);background: url(images/listbg.png) no-repeat center bottom;background-size: 32.063rem auto;}

.why_choose_customers li .border-icon {border: solid 1px #6bac42;border-radius: 100%;position: absolute;left: 0;right: 0;top: -3.6rem;display: block;margin: 0 auto;width: 6.25rem;}

.why_choose_customers li .free-quote {font-size: 1.25rem;margin-top: 3rem;display: block;pointer-events: none;}











.booka_row{width: 100%;float: left;padding: 4.063rem 0 8.25rem;}

.left-form{width: 50%; float: left; padding-right: 10.25rem;padding-top: 3.25rem;}

.left-form p {color: var(--primary);line-height: normal;}

.left-form p strong{color: var(--primary);}

.left-form ul {padding-top: 1.5rem;}

.left-form ul li {margin-bottom: 1.688rem;}

.left-form ul li:last-of-type {margin-bottom: 0;}

.left-form ul li a{font-size: 1.563rem; line-height: normal;width: max-content; color: var(--primary);font-family: "Inter", sans-serif;font-weight: 700; display: flex;align-items: center;gap: 1.875rem;}

.left-form ul li a:hover{color: var(--secondary);}

.left-form ul li.phone a::before{height: 2.938rem;width: 2.875rem; display: block;content: "";background-image: url(images/Phone-icon.png);background-repeat: no-repeat;background-size: cover;}

.left-form ul li.email a::before{height: 2.938rem;width: 2.875rem; display: block;content: "";background-image: url(images/Email-icon.png);background-repeat: no-repeat;background-size: cover;}



.right-form{width: 50%; float: left;}

.grid-form {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 1.25rem;}

.right-form input {font-size: 1.302rem;margin-top: 2.125rem;width: 100%;background: transparent;font-weight: 400;color: #fff;line-height: normal;border: 0;border-bottom: 1px solid #f3c169;box-sizing: border-box;padding: 1.625rem 5px;}

.right-form select{font-family: "Inter", sans-serif; font-size: 1.302rem;width: 100%;margin-top: 2.125rem;background-color: transparent;font-weight: 400;color: #fff;line-height: normal;border: 0;border-bottom: 1px solid #f3c169;box-sizing: border-box;padding: 1.625rem 5px; outline: none; cursor: pointer;content: ''; background-image: url(images/Arrow-icon.png);background-repeat: no-repeat; display: inline-block;background-size: 1rem;background-position: right 1.125rem center;appearance: none;}

.right-form textarea {font-size: 1.302rem;height: 5rem;margin-top: 2.125rem;background: transparent;font-weight: 400;color: #fff;line-height: normal;border: 0;border-bottom: 1px solid #f3c169;resize: none;padding: 1.625rem 0;}

.right-form input::placeholder, .booka_row .right-form textarea::placeholder {color: #fff;}

.right-form .submit-button {font-size: 1.563rem;padding: 1.3rem; margin-top: 2.438rem;background-color: #292121;font-weight: 400;color: #fff;line-height: normal;border: transparent;letter-spacing: 0;max-width: 18.438rem;}

.right-form .submit-button:hover, .right-form .submit-button:focus, .right-form .submit-button:active {background-color: #fbc76a;color: var(--primary);}









body .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner{padding-top: 0;}

.map_row iframe{display: flex; flex-wrap: wrap;min-height: 37.5rem;}

.grid-logo {display: flex;justify-content: space-between; padding: 6.375rem 2.25rem 3.563rem;}

.grid-logo li img{width: 15rem;}

.grid-logo li:nth-child(2) img {width: 10.75rem;}



.site-footer{padding-top: 6.25rem;}

.site-footer .widgets{margin-bottom: 6.875rem;}

.site-footer .widgets.widgets-5 {padding: 0 2.313rem;}

#text-9 {width: 22%;float: left;margin-right: 0;}

#nav_menu-2 {width: 14.4%;float: left;margin-right: 0;}

#nav_menu-3 {width: 21%;float: left;margin-right: 0;}

#text-10 {width: 26.6%;float: left; margin-right: 0}

#text-11{width: 16%;float: left;}

.footer-logo .logo-img-1 {max-width: 18rem;margin-bottom: 1.5rem;}

.site-footer .widgets .widget .widget-title {font-size: 1.75rem;line-height: 1;letter-spacing: 0;margin-bottom: 2.5rem; font-family: 'FuturaPTMedium';}

.footer-logo p {margin-bottom: 0; color: var(--primary); padding-right: 5.813rem;}

#menu-quick-links li a,#menu-our-services li a,.footer-icon li a,.follow-footer li a {font-size: 1.563rem;line-height: normal;width: max-content;font-family: "Inter", sans-serif;}

.site-footer .widget ul li, .widget-area .widget ul li {line-height: 1;margin-bottom: 1.7rem;}

.footer-icon li,.follow-footer li{margin-bottom: 1.625rem;}

.footer-icon li:last-of-type, .follow-footer li:last-of-type{margin-bottom: 0;}

.footer-icon li.map a::before{height: 1.875rem;width: 1.625rem;display: inline-block;content: "";background-image: url(images/Map-footer.svg);background-repeat: no-repeat;background-size: cover;}

.footer-icon li.phone a::before{height: 1.563rem;width: 1.563rem;display: inline-block;content: "";background-image: url(images/Phone-footer.svg);background-repeat: no-repeat;background-size: cover;}

.footer-icon li.email a::before{height: 1.688rem;width: 1.813rem;display: inline-block;content: "";background-image: url(images/Email-footer.svg);background-repeat: no-repeat;background-size: cover;}

.footer-icon li a,.follow-footer li a {display: flex;align-items: center;gap: 1rem;}

.follow-footer li.facebook a::before{height: 1.75rem;width: 1.75rem;display: inline-block;content: "";background-image: url(images/Facebook.svg);background-repeat: no-repeat;background-size: cover;}

.follow-footer li.intagram a::before{height: 1.625rem;width: 1.625rem;display: inline-block;content: "";background-image: url(images/instagram.svg);background-repeat: no-repeat;background-size: cover;}

.site-footer .corp-container {max-width: 100%;}

.site-footer .site-info span::after{display: none;}

body .site-footer .bottom-bar {padding: 16px 0;}

.site-info span {font-size: 1.25rem;line-height: normal;font-weight: 400;}

.site-info a{font-family: "Inter", sans-serif;}

.contact_row .get-right-form h2 {text-transform: capitalize;}

.footer-icon li a:hover {color: var(--theredary);}

.main-navigation:not(.link-underline) div > ul:not(.cart_list) > li.current-menu-item > a, .main-navigation:not(.link-underline) div > ul:not(.cart_list) > li.current-menu-ancestor > a{color: #fff !important}

/* About */

.entry-thumbnail {display: none;}

.about_row{padding: 5.625rem 0 5rem;}

.left-image img,.right-image img{box-shadow: 0 0px 10px 3px #ccc;}

.left-image img,.left-image .vc_box_border_grey,.left-image .vc_figure,.right-image img,.right-image .vc_box_border_grey,.right-image .vc_figure{width: 100%;}

body .left-image{padding-right: 2.625rem;}

body .right-image{padding-left: 3.125rem;}

body .right-content{padding-left: 3.125rem;}

body .left-content{padding-right: 2.625rem;}

.top-margin{margin-top: 0.75rem;}

.single-featured-image-header {display: flex;flex-wrap: wrap; position: relative;}

.sectional_row{padding-top: 7.25rem;}

.roller_row{padding: 6.813rem 0 5.75rem;}

.custom-doors{padding-top: 5.125rem;}

.page-id-190 .widget-garage {padding-top: 8rem;}

.page-id-136 .widget-garage {padding-top: 6rem;}





.page-id-139 .main-content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.page-id-139 .banner-content{width: 100%; text-align: center; margin-top: 11.2rem; padding: 0 15px;}

.contact_row {padding: 5.625rem 0;}

.contact_row .contact-content{width: 56.5%; padding-right: 13.75rem;}

.contact_row .get-right-form{width: 43.5%;}

.contact_row .vc_do_custom_heading{margin-bottom: 0;}

.font40 {font-size: 2.5rem;line-height: normal;color: #000;}

.contact-info p {padding: 1.5rem 0 4rem;}

.gap-icon a{color: #000;}

.gap-icon{padding: 2.25rem 0 2.688rem;}

.follow_row{padding-top: 0.813rem;}

.follow_row li.facebook a::before {height: 2.75rem;width: 2.75rem;display: inline-block;margin-right: 0.875rem; content: "";background-image: url(images/Facebook.svg);background-repeat: no-repeat;background-size: cover;}

.follow_row li.intagram a::before {height: 2.813rem;width: 2.813rem;display: inline-block;content: "";background-image: url(images/instagram.svg);background-repeat: no-repeat;background-size: cover;}

.follow_row li{display: inline-block;}

.follow_row li a{font-size: 0;}

.grid-border{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0.938rem;}

.get-right-form input{font-size:1.125rem;margin-top:0.375rem;background:transparent;width:100%;font-weight:400;color:#787878;line-height:normal;border:2px solid #ebebeb;box-sizing:border-box;padding:0.688rem 1.25rem 0.875rem;}

.get-right-form select{font-size:1.125rem;width:100%;margin-top:1.25rem;background-color:transparent;font-weight:400;color:#787878;line-height:normal;border-bottom:2px solid #ebebeb;box-sizing:border-box;padding:0.625rem 1.25rem 0.75rem;outline:none;cursor:pointer; appearance: none;font-family: "Inter", sans-serif;}

.get-right-form textarea{font-size:1.125rem;height:12.063rem;margin-top:1.375rem;background:transparent;font-weight:400;color:#787878;line-height:normal;border:2px solid #ebebeb;resize:none;padding:1.125rem 1.25rem;}

body .get-right-form .submit-button{font-size: 1.563rem;margin-top:1.5rem;background-color:var(--theredary);color: var(--primary);padding: 1.375rem 0; font-weight:400;line-height:normal;border:transparent;letter-spacing:0;}

.complete-p{padding: 1.25rem 0 1.75rem;}

body .margin-bottom {margin-bottom: 0 !important;}

body .slider-item_inner {width: 100%;}

#site-navigation #primary-menu .sub-menu {top: 3rem;left: -4rem;}

.site-header.mobile-menu.fixed #site-navigation #primary-menu .sub-menu {top: 4.1rem;}

.main-navigation ul .children li a, .main-navigation ul .sub-menu li a {

  background: var(--secondary);border-bottom: 1px solid #fff !important;border-color: #353538;color: #fff;}

.main-navigation ul .sub-menu li a:hover {background: var(--primary);color: #000;}

.fixed #site-navigation .menu-header-menu-container #primary-menu .sub-menu {top: 5.6rem;}

body .get-right-form .submit-button:hover {background: #fbc76a;}

.wpcf7-form.invalid br {display: none;}

.main-block .vc_col-sm-4 img {padding: 5px;transition: 1s all;background: #fff;}

.main-block .vc_col-sm-4 img:hover, .slider-item_inner img:hover {scale: 1.2;overflow: hidden;}

.slider-item_inner img{transition: 1s all;}

.slider-item_inner .wpb_single_image {overflow: hidden;}

.home .center-btn .second-btn {display: inline-block;}

.center-btn .second-btn {display: none;}

select option {color: #000;}

.left-form ul strong {font-size: 1.5rem;color: #fff;text-transform: capitalize;font-weight: 700;font-family: "Inter",sans-serif;padding-bottom: 1.8rem;display: inline-block;}

.page-id-389 .main-content{top: 50%;transform: translateY(-50%);}

.page-id-389 .banner-content{width: 100%;text-align: center;margin-top: 0;}



/*--------page error404------*/

.error-404.not-found {margin-bottom: 4rem;}

.error404 .heightlight{font-size:7.125rem;font-weight:700;line-height:.8;color:#000;display:block;margin-bottom:1.25rem;}

.error-404.not-found .btn-5 {font-size: 1.125rem;font-weight: 400;text-transform: uppercase;padding: 1.2rem 3rem;border-radius: 50px;color: #fff;background-color: var(--secondary);}

.error-404.not-found .btn-5:hover {background-color: var(--secondary);}

.btn-5:hover{background-color: var(--secondary);}

.error404 #primary{text-align:center;}

.error-404.not-found .fixed {position: unset;box-shadow: none;}

.error-text {color: #000;}

.error-404.not-found .page-header {

  padding-top: 14rem;

}

#site-navigation .tel-number{display: none;}





/*-------Responsive----------*/



@media only screen and (max-width:1190px){

.corp-container {max-width: 100%;padding: 0 15px;}

.header-top {padding-right: 15px;}

.site-header .site-header-inner {padding: 18px 0;}

.site-header .main-navigation li a, .header-right ul li a{font-size: 15px;}

.grid-li{gap:15px;}

.header-right ul li.phone a::before, .header-right ul li.email a::before, .header-right ul li.map a::before {

  height: 18px;width: 18px;background-size: cover;}

.banner-content p, .list-number-2 li {font-size: 15px;line-height: 1.4;}

.banner_form .wpcf7-not-valid-tip, body .wpcf7 form .wpcf7-response-output{font-size: 12px;top: 15px;left: 10px;}

.list-number-2 li::before {height: 16px;background-size: contain;width: 21px;}

.list-number-2 li{padding-left: 32px;}

a.first-btn{font-size: 16px;padding: 10px 20px;}

.banner_form input {font-size: 15px;margin-top: 15px;padding: 10px;}

.banner_form textarea {font-size: 15px;height: 95px;margin-top: 15px;padding: 10px;}

.banner_form .submit-button{font-size: 18px;margin-top: 15px;}

.right-form select{background-size: 15px;}

.service_row {margin-top: -15%;}

.font25{font-size: 18px;line-height: 1.2;}

.block-service p{font-size: 15px;line-height: 1.4;}

a.read-btn {font-size: 15px;padding: 8px 20px;}

.block-service {padding: 15px;}

body p, .doors-block p {font-size: 15px;line-height: 1.5;margin-bottom: 15px;}

.popular_row p, .left-form ul li a{line-height: 1.5;font-size: 15px;}

.popular_row {padding: 0px 15px;}

.container-padding {padding-left: 15px;padding-right: 15px;}

.sidber-padding {padding-top: 40px;}

.doors-block h5{margin-bottom: 15px;}

.time-groups h3{font-size: 18px;}

.slider_row .description-content p, .time-groups p {font-size: 14px;line-height: 1.4;}

.why_choose_customers li .free-quote {font-size: 15px;margin-top: 10px;line-height: 1.2;}

.right-form input, .right-form select, .right-form textarea { font-size: 15px;margin-top: 5px;padding: 15px 5px;}

.right-form textarea{height: 65px;}

.right-form .submit-button { font-size: 15px;margin-top: 15px;max-width: 100%;width: auto;padding: 12px 20px;}

.site-footer .widgets.widgets-5 {padding: 0;}

.site-footer .widgets .widget .widget-title {font-size: 16px;margin-bottom: 15px;}

#menu-quick-links li a, #menu-our-services li a, .footer-icon li a, .follow-footer li a{font-size: 14px;}

.site-info span, .text-p p{font-size: 15px;}

.footer-icon li a, .follow-footer li a{gap: 12px;}

.footer-icon li.map a::before, .footer-icon li.phone a::before, .footer-icon li.email a::before,

.follow-footer li.facebook a::before, .follow-footer li.intagram a::before{width: 18px;height: 18px;}

.banner_form {position: relative;}

.wpcf7-spinner {position: absolute;left: 0;bottom: 0;}





.single-featured-image-header img {height: 740px;object-fit: cover;}

.page-id-139 .single-featured-image-header img, .page-id-389 .single-featured-image-header img {height: 400px;object-fit: cover;}

body .left-image {padding-right: 0;}

body .right-content {padding-left: 15px;}

body .left-content {padding-right: 15px;}

body .right-image {padding-left: 0;}



.get-right-form input, .get-right-form select, .get-right-form textarea{font-size: 15px;padding: 10px;margin-top: 8px;}

.get-right-form textarea{height: 90px;margin-top: 15px;}

.get-right-form select{margin-top: 15px;}

body .get-right-form .submit-button {font-size: 18px;margin-top: 15px;padding: 15px;}

.contact_row .contact-content{padding-right: 0px;}

.main-block .vc_col-sm-4 {box-shadow: 0px 8px 7px 7px #ccc;}

.doors-block h5 + p {min-height: 90px;}

.left-form ul strong {font-size: 18px;padding-bottom: 15px;}

.error-404.not-found .page-header {padding-top: 160px;}

.error-404.not-found .btn-5 {font-size: 18px;padding: 15px 30px;}

.error-404.not-found {margin-bottom: 50px;}

#menu-item-15:after{top: 9px;}

}





@media only screen and (max-width:992px){

.service_row {margin-top: 25px;}

.service_row h5, .service_row h2, .service_row p {color: #000 !important;}

.widgets.widgets-5 {display: grid;grid-row-gap: 20px;grid-template-columns: 1fr 1fr 1fr;}

#text-9, #nav_menu-2, #nav_menu-3, #text-10, #text-11{width: auto;}

.left-form ul li.phone a::before, .left-form ul li.email a::before{width: 25px;height: 25px;}

a.right-btn::after {height: 12px;width: 26px;}

.site-header .site-header-inner{height: 80px;}

#mobile-menu-button{top: 3px;}

#mobile-menu-button svg {display: none;}

#mobile-menu-button span {width: 35px;height: 3px;background:var(--primary);display: block;margin: 6px 0;transition: .5s linear;}

.to-close span:first-child {transform: rotate(135deg);position: relative;top: 5px;}

.to-close span:nth-child(2) {display: none !important;}

.to-close span:last-child {transform: rotate(-135deg);position: relative;top: -5px;}

.site-header.mobile-menu #mobile-navigation {width: 360px;overflow: hidden;height: 100vh;left: -1050px;transition:.8s;top: 0;background: #000;}

.site-header #primary-menu {overflow: scroll;height: 100%;}

.site-header.mobile-menu #mobile-navigation.open {left: 0;transition: .6s;height: 100vh !important;}

#primary-menu{display: block;}



.site-header #mobile-navigation ul li a {

  padding: 11px;

  font-size: 15px;

  border-color: #fff;

  border-bottom: 1px solid #fff;

  color: #fff;

  line-height: 2;

}

.sub-menu li a {padding-left: 25px !important;}

.site-header #mobile-navigation ul li a:hover {background-color: var(--theredary);color: #fff;}

.site-header #mobile-navigation ul li .dropdown-toggle {

  background: var(--theredary);font-size: 19px;padding: 13px 20px;right: 0;top: 0;color: #fff;}

.site-header .site-branding {max-width: 180px;}

.site-header.mobile-menu.fixed .site-branding {max-width: 160px;}

.doors-block h5 + p {

  min-height: 110px;

}

.doors-block{padding: 10px;}

#site-navigation .tel-number {

  display: inline-flex;

  position: relative;

  top: -1px;

  margin-right: 0;

}



.slick-prev.slick-arrow {left: -10px;}

.slick-next.slick-arrow {right: -15px;}

.doors-block h5{height: 30px;}

.grid-logo li img {width: 110px;}

}





@media only screen and (max-width:767px){

body .hero-banner img {height: 1060px;object-fit: cover;}

.banner-content {width: 100%;margin-top: 138px;}

a.first-btn {padding: 10px 25px;}

.banner_form .submit-button {padding: 15px;}

.banner_form {width: 100%;margin-top: 45px;padding: 30px 15px;}

.banner-content h4 {font-size: 18px;margin-bottom: 10px;}

.banner-content h1{font-size: 28px;}

.banner_form h3{font-size: 22px;margin-bottom: 15px;}

.font50{font-size: 25px;}

.service_row {margin-top: 40px;}

body .main-block {grid-template-columns: 1fr 1fr;grid-gap: 20px;margin: 0;}

.grid_row {grid-template-columns: 1fr 1fr;grid-gap: 15px;margin-top: 15px;}

.sc-garage {padding: 40px 0;}

.sc-garage .left-sc {width: 100%;padding-bottom: 15px;padding-right: 0px;}

.sc-garage .right-sc {width: 100%;}

.why_choose_customers {grid-template-columns: 1fr 1fr;padding: 15px 0;}

.why_choose_customers li {padding: 25px 15px 25px 15px;background: none;}

.why_choose_customers li .border-icon{width: 60px;}

.doors-block{padding: 20px 15px;}

.get_row {max-width: 100%;padding: 45px 0;}

.widgets.widgets-5 {grid-row-gap: 10px;grid-template-columns: 1fr 1fr;}

.footer-logo .logo-img-1 {max-width: 190px;margin-bottom: 10px;}

.most_row {padding: 35px 0;}

.center-btn {margin-top: 30px;}

.tab-btn{padding-top: 20px;}

.site-footer .widget ul li, .widget-area .widget ul li{margin-bottom: 8px;}

.slider_row img {max-width: 135px;}

.testimonials_row {padding-top: 45px;}

.why_choose_customers li .free-quote {padding: 15px 5px;}

.single-featured-image-header img {height: 1050px;}

.sectional_row {padding-top: 45px;}

.about_row {padding-top: 45px;padding-bottom: 0;}

body .right-content {padding-left: 0;padding-top: 25px;}

.vc_row.wpb_row.vc_row-fluid.roller_row, .custom-doors {

  display: flex;flex-wrap: wrap;flex-direction: column-reverse;

  padding-top: 45px;padding-bottom: 0px;}

body .left-content {padding-right: 0;padding-top: 25px;}

.your-free-sec {margin-top: 45px;}

.contact_row .contact-content {width: 100%;}

.contact_row .get-right-form {width: 100%;margin-top: 30px;}

.contact_row {padding: 45px 0;}

.follow_row li.facebook a::before, .follow_row li.intagram a::before {height: 30px;width: 30px;display: inline-block;margin-right: 5px;}

.font40 {font-size: 20px;}

.follow_row {padding-top: 10px;}

.gap-icon {padding: 15px 0;}

.grid-border{grid-gap: 10px;}

.doors-block h5 + p {min-height: 115px;}

.error404 .heightlight{font-size: 50px;}

.error-404.not-found .page-title {font-size: 26px;line-height: 1.2;margin-top: 15px;}

.heading-margin {padding-top: 25px;margin-bottom: 8px !important;}

.page-id-136 .widget-garage {padding-top: 40px;}

.why_choose_customers {margin-bottom: 30px;}

.list-number-2 {padding-top: 15px;}

.grid-logo {display: grid;padding: 40px 0px;grid-template-columns: 1fr 1fr 1fr;grid-row-gap: 20px;}

.grid-logo li {text-align: center;}

.grid-logo li img {width: 145px;}

.grid-logo li:nth-child(2) img {width: 110px;}

.site-branding img{filter: brightness(100);}

.vc_do_custom_heading.font25,.vc_do_custom_heading.font50 {margin-bottom: 10px;}

}



@media only screen and (max-width:575px){

.site-header .site-branding {max-width: 150px;}

.header-top {display: none;}

.site-header.mobile-menu #mobile-navigation{width: 300px;}

body .hero-banner img {height: 1215px;}

.banner-content h1 {font-size: 25px;}

.font50 {font-size: 22px;}

body .main-block, .grid_row {grid-template-columns: 1fr;}

.why_choose_customers {grid-template-columns: 1fr;}

.left-form {width: 100%;padding-right: 0;padding-top: 20px;}

.right-form {width: 100%;}

.grid-logo{grid-template-columns: 1fr;}

.grid-logo li img {width: 175px;}

.map_row iframe {min-height: 370px;}

.widgets.widgets-5 {grid-row-gap: 0;grid-template-columns: 1fr;}

.grid-form{grid-template-columns: 1fr;}

.single-featured-image-header img {height: 1145px;}

.grid-border{grid-template-columns: 1fr;}

.error-404.not-found .page-header.fixed {display: none;}

.btn-flex{padding-top: 15px;}

.slider_row .slick-next::before, .slider_row .slick-prev::before {display: none;}

.slick-prev.slick-arrow {left: 0;}

.slick-next.slick-arrow {right: 0;}

.doors-block h5{height: auto;}

.doors-block h5 + p {

  min-height: auto;

}

}