/*
Theme Name: Secure Grille Child
Author: Secure Grille
Template: twentytwentyone
Version: 1.4
*/

@font-face {
font-family:'Neue Haas Grotesk Display Pro 55 Roman';
font-style:normal;
font-weight:normal;
src:local('fonts/Neue Haas Grotesk Display Pro 55 Roman'), url('fonts/NeueHaasDisplayRoman.woff') format('woff');
}
@font-face {
font-family:'Neue Haas Grotesk Display Pro 65 Medium';
font-style:normal;
font-weight:normal;
src:local('fonts/Neue Haas Grotesk Display Pro 65 Medium'), url('fonts/NeueHaasDisplayMediu.woff') format('woff');
}

body { font-family:'Neue Haas Grotesk Display Pro 55 Roman'; font-size:22px; color:#AF9E84; font-weight:400; line-height:1.3; padding-top:130px; cursor:default; }

* { box-sizing:border-box; -webkit-box-sizing:border-box; }
a { color:#AF9E84; display:inline-block; vertical-align:top; }
a, input, button { text-decoration:none !important; outline:none !important; transition:all 0.3s ease 0s; }
img { width:auto; max-width:100%; height:auto; max-height:100%; transition:all 0.3s ease 0s; }

.relative { position:relative; }
.transition { transition:all 0.3s ease 0s; }

body ::-moz-selection { background:#AF9E84; color:#fff; }
body ::selection { background:#AF9E84; color:#fff; }

.font-grotesk-roman { font-family:'Neue Haas Grotesk Display Pro 55 Roman'; font-weight:400; }
.font-grotesk-medium { font-family:'Neue Haas Grotesk Display Pro 65 Medium'; font-weight:400; }

h1 { font-size:60px !important; /*font-size:80px;*/ }
h2 { font-size:45px !important; /*font-size:60px;*/ }
h3 { font-size:37px !important; /*font-size:50px;*/ font-family:'Neue Haas Grotesk Display Pro 65 Medium'; }
h4 { font-size:33px !important; /*font-size:44px;*/ }
h5 { font-size:27px !important; /*font-size:36px;*/ }
h6 { font-size:22px !important; /*font-size:30px;*/ }	

p { line-height:inherit; margin-top:0px; margin-bottom:25px; }
p:last-child { margin-bottom:0px; }
p:empty { display:none; }

h1, h2, h3, h4, h5, h6 { font-family:'Neue Haas Grotesk Display Pro 55 Roman'; color:#AF9E84; font-weight:400 !important; padding:0px 0px; margin-top:0px; margin-bottom:0px; line-height:1.15 !important; }
.h1, .h2, .h3, .h4, .h5, .h6 { font-family:'Neue Haas Grotesk Display Pro 55 Roman'; color:#AF9E84; font-weight:400 !important; padding:0px 0px; margin-top:0px; margin-bottom:0px; line-height:1.15 !important; }

.site .button { font-family:'Neue Haas Grotesk Display Pro 55 Roman'; background:none !important; font-size:22px; color:#AF9E84 !important; font-weight:400; text-transform:none; font-style:normal; text-align:center; text-decoration:underline !important; text-decoration-thickness:2px !important; line-height:normal; padding:15px 35px; margin:0px 0px; border:2px solid #AF9E84; width:auto; height:auto; box-shadow:none; border-radius:0px; transition:all 0.3s ease-out 0s; }
.site .button:hover { background:#AF9E84 !important; color:#fff !important; border-color:#AF9E84; }

::-moz-placeholder { color:inherit; }
::-webkit-input-placeholder { color:inherit; }
:-ms-input-placeholder { color:inherit; }
::-ms-input-placeholder { color:inherit; }

.max-700 { margin-left:auto; margin-right:auto; max-width:700px; }
ul { font-family:inherit; list-style:none; padding:0px 0px; line-height:inherit; }
ul li {}

ul.dot-style {}
ul.dot-style li { padding:0px 0px 0px 30px; margin:0px 0px 20px 0px; position:relative; }
ul.dot-style li:before { content:""; background:#AF9E84; width:5px; height:5px; position:absolute; top:12px; left:0px; z-index:0; border-radius:50%; }
ul.dot-style li:last-child { margin-bottom:0px; }

#main { padding:0px 0px; }
.site-main > * { margin:0px 0px; }

body .container { width:calc(100% - 30px); max-width:1370px; }
body .container:before,
body .container:after { display:none; }

body .row { /*display:flex; flex-wrap:wrap; width:calc(100% + 30px);*/ min-height:inherit; }
body .row:before,
body .row:after { display:none; }

.col-sm-12 { width:100%; }

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background:none; color:inherit; }
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline:none; }

.site-header { background:#f4f3ed; padding:20px 0px; margin:0px 0px !important; width:100%; max-width:100%; position:fixed; left:0px; top:0px; z-index:9; }
.site-header:before,
.site-header:after { display:none; }
.site-header .container { position:relative; }
.site-header .container:after { content:""; background:#af9e84; display:block; width:calc(100% - 30px); height:2px; position:absolute; left:15px; bottom:-20px; z-index:1; } 
.site-header .row { justify-content:space-between; align-items:center; }
.site-header .row > * { padding:0px 15px; width:auto; }

.site-header .site-branding { margin:0px 0px; }
.site-header .site-branding .site-logo { display:block !important; padding:0px 0px !important; margin:0px 0px !important; position:static !important; }
.site-header .site-branding .site-logo .custom-logo-link { display:inline-block; vertical-align:top; }
.site-header .site-branding .site-logo img { width:245px; height:auto; }

.site-header #site-navigation { position:static; }
.site-header #site-navigation .primary-menu-container { margin:0px 0px; }
.site-header #site-navigation ul.menu-wrapper { display:inline-block; vertical-align:top; }
.site-header #site-navigation ul.menu-wrapper li { display:inline-block; vertical-align:top; }
.site-header #site-navigation ul.menu-wrapper li a {}
.site-header #site-navigation ul.menu-wrapper > li { margin-left:60px; }
.site-header #site-navigation ul.menu-wrapper > li:first-child { margin-left:0px; }
.site-header #site-navigation ul.menu-wrapper > li > a { font-family:'Neue Haas Grotesk Display Pro 55 Roman'; background:none; font-size:22px; color:#AF9E84; font-weight:400; text-decoration:underline !important; text-decoration-thickness:2px !important; line-height:normal; padding:0px 0px; margin:0px 0px; }
.site-header #site-navigation ul.menu-wrapper > li > a:hover { text-decoration:none !important; }
.site-header #site-navigation ul.menu-wrapper > li.current-menu-item > a { text-decoration:none !important; }
.site-header #site-navigation ul.menu-wrapper > li.download-brochure { display:table; margin-top:25px; margin-left:auto; }
.site-header #site-navigation ul.menu-wrapper > li.download-brochure > a { background:#AF9E84; font-size:15px; color:#F4F3ED; text-decoration-thickness:1px !important; padding:13px 20px; }

body.sticky-header {}
body.sticky-header .site-header { padding:15px 0px; }
body.sticky-header .site-header .container:after { bottom:-15px; }
body.sticky-header .site-header .site-branding .site-logo img { width:200px; }
body.sticky-header .site-header #site-navigation ul.menu-wrapper > li > a { font-size:18px; }
body.sticky-header .site-header #site-navigation ul.menu-wrapper > li.download-brochure { margin-top:15px; }
body.sticky-header .site-header #site-navigation ul.menu-wrapper > li.download-brochure > a { font-size:14px; padding:10px 15px; }

.site-footer { background:none; padding:50px 0px; margin:0px 0px !important; width:100%; max-width:100%; position:relative; } 
.site-footer:before { background:url("https://securegrillestaging.dreamhosters.com/wp-content/uploads/2021/11/grille-corner-L-1.svg"), url("https://securegrillestaging.dreamhosters.com/wp-content/uploads/2021/11/grille-corner-R-1.svg"); background-repeat:no-repeat !important; background-size:auto 100% !important; background-position:left center, right center !important; height:58px; top:0px; width:calc(100% - 60px); max-width:1340px; }
.site-footer:after { background:#AF9E84; width:calc(100% - 95px); max-width:calc(1340px - 35px); height:2px; top:calc(58px / 2); }
.site-footer:before,
.site-footer:after { content:""; display:block; position:absolute; left:50%; z-index:1; transform:translateX(-50%); }

.site-footer .container { margin-top:35px; margin-bottom:0px; }
.site-footer .row {}
.site-footer .widget-area { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; column-gap:0px; padding:0px 0px; margin:0px 0px; width:100%; }
.site-footer .widget-area:before,
.site-footer .widget-area:after { display:none; }
.site-footer .widget-area > * { padding:0px 15px; }
.site-footer .widget-area .widget { margin:0px 0px; }
.site-footer .widget_media_image {}
.site-footer .widget_media_image figure {}
.site-footer .widget_media_image img { width:310px; height:auto; }
.site-footer .widget_nav_menu { flex:1; }
.site-footer .menu-footer-menu-container {}
.site-footer ul.menu { display:flex; flex-wrap:wrap; justify-content:flex-end; margin-top:-15px; }
.site-footer ul.menu li { line-height:1; margin-top:15px; margin-left:calc(55px + (60 - 55) * ((100vw - 1200px) / (1920 - 1200))); }
.site-footer ul.menu li:first-child { margin-left:0px; }
.site-footer ul.menu li a { font-family:'Neue Haas Grotesk Display Pro 55 Roman'; background:none; font-size:22px; color:#AF9E84 !important; font-weight:400; text-decoration:underline !important; text-decoration-thickness:2px !important; line-height:normal; padding:0px 0px; margin:0px 0px; }
.site-footer ul.menu li a:hover { text-decoration:none !important; }
.site-footer ul.menu li.current-menu-item a { text-decoration:none !important; }

.door-img-section { padding:50px 0px !important; }
.door-img-section .col-sm-12 { width:100%; }
.door-img-section .inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px -8px !important; }
.door-img-section figure { padding:0px 8px; margin:0px 0px; }
.door-img-section figure img { max-height:385px; }

.protect-homes-section {}
.protect-homes-section .col-md-6 { width:50%; }
.protect-homes-section h2 { max-width:450px; }

.design-section { padding:50px 0px !important; }
.design-section h3 {}
.design-section .button { display:table; margin:50px auto 0px auto; }

.product-list { margin-bottom:-50px !important; }
.product-list .product { margin:0px 0px 50px 0px; }
.product-list .product .inner { width:100%; height:100%; }
.product-list .product figure { text-align:center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; position:relative; }
.product-list .product figure img { object-fit:contain; object-position:center; height:200vh; max-height:385px; }
.product-list .product figure img ~ img { opacity:0; visibility:hidden; position:absolute; /*top:0px; left:50%;*/ z-index:1; /*transform:translateX(-50%);*/ }
.product-list .product .inner:hover figure img { opacity:0; visibility:hidden; }
.product-list .product .inner:hover figure img:last-child { opacity:1; visibility:visible; }
.product-list .product .inner:hover figure img ~ img { opacity:1; visibility:visible; }
.product-list .product figure .base {}
.product-list .product figure .hover {}
.product-list .product h3 { font-family:'Neue Haas Grotesk Display Pro 65 Medium'; padding:15px 0px; margin:30px 0px 0px 0px; border-top:2px solid #af9e84; border-bottom:2px solid #af9e84; }

.our-partners-section { padding:0px 0px 50px 0px; }
.our-partners-section h2 { max-width:420px; }
.our-partners-section .button-row { text-align:center; } 
.our-partners-section .gs_logo_area { padding:50px 0px !important; margin:0px 0px; }

.gs_logo_area.slider1 {}
.gs_logo_area.slider1 .gs_logo_area--inner { border-top:2px solid #af9e84; border-bottom:2px solid #af9e84; }
.gs_logo_area.slider1 .gs_logo_container { margin:0px -2px !important; }
.gs_logo_area.slider1 .swiper-wrapper { /*transform:none !important;*/ }
.gs_logo_area.slider1 .swiper-slide { padding:30px 30px !important; border-right:2px solid #af9e84; min-height:185px; }
.gs_logo_area.slider1 .swiper-slide .gs_logo_single { padding:0px 0px; border:none; border-radius:0px;  }
.gs_logo_area.slider1 .swiper-slide .gs_logo_single--inner {}
.gs_logo_area.slider1 .swiper-slide img { object-fit:contain; display:table !important; margin:0 auto; width:auto !important; max-width:100% !important; /*max-width:220px !important;*/ height:auto !important; max-height:85px; }

.gs_logo_area.slider1 div[class*="swiper-button"] { background-repeat:no-repeat !important; background-size:100% 100% !important; background-position:center center !important; padding:0px 0px; margin:0px 0px; width:60px; height:60px; position:absolute; top:100%; bottom:auto; opacity:1; border-radius:0px; }
.gs_logo_area.slider1 div[class*="swiper-button"] svg { display:none; }
.gs_logo_area.slider1 .swiper-button-prev { background:url("images/icon-arrow-left.svg") !important; left:0px !important; right:auto !important; }
.gs_logo_area.slider1 .swiper-button-next { background:url("images/icon-arrow-right.svg") !important; left:auto !important; right:0px !important; }

.contact-form-section { padding:0px 0px 50px 0px; }
.contact-form-section h2 { margin-bottom:80px; max-width:550px; }
.contact-form-section .wpforms-container { margin:0px 0px; }

.wpforms-container {}
.wpforms-container form.wpforms-form { font-family:'Neue Haas Grotesk Display Pro 55 Roman'; }
.wpforms-container form.wpforms-form .wpforms-field-container {}
.wpforms-container form.wpforms-form .wpforms-field { padding:0px 0px !important; margin:0px 0px 30px 0px; width:100%; }
.wpforms-container form.wpforms-form .wpforms-field .wpforms-field-label {}
.wpforms-container form.wpforms-form .wpforms-field .wpforms-field-large { font-family:inherit; background:none; font-size:22px; color:#AF9E84; font-weight:400; line-height:1.3; padding:16px 25px; margin:0px 0px; border:2px solid #AF9E84 !important; width:100%; height:auto; max-height:65px; text-overflow:ellipsis; resize:none; border-radius:0px; box-shadow:none; }
.wpforms-container form.wpforms-form .wpforms-field textarea {}
.wpforms-container form.wpforms-form .wpforms-field .wpforms-field-large.wpforms-error { border-color:#f00 !important; }
.wpforms-container form.wpforms-form .wpforms-field label.wpforms-error { display:none !important; }

.wpforms-container form.wpforms-form .wpforms-submit-container { padding:45px 0px 0px 0px !important; }
.wpforms-container form.wpforms-form .wpforms-submit-container .wpforms-submit { font-size:22px; line-height:1.3; padding:16px 35px; margin:0px 0px; border:2px solid #AF9E84 !important; } 
.wpforms-container form.wpforms-form .wpforms-submit-container .wpforms-submit-spinner {}

.grille-corner-1 { padding-top:68px !important; padding-bottom:10px !important; position:relative; }
.grille-corner-1:before { background:url("../../../wp-content/uploads/2021/11/grille-corner-L-1.svg"), url("../../../wp-content/uploads/2021/11/grille-corner-R-1.svg"); background-repeat:no-repeat !important; background-size:auto 100% !important; background-position:left center, right center !important; height:58px; top:0px; width:calc(100% - 30px) !important; max-width:1340px; }
.grille-corner-1:after { background:#AF9E84; width:calc(100% - 65px) !important; max-width:calc(1340px - 35px); height:2px; top:calc(58px / 2); }
.grille-corner-1:before,
.grille-corner-1:after { content:""; display:block !important; position:absolute; left:50%; z-index:1; transform:translateX(-50%); }

.grille-corner-2 { background:url("../../../wp-content/uploads/2021/11/grille-corner-L-2.svg"), url("../../../wp-content/uploads/2021/11/grille-corner-R-2.svg"); background-repeat:no-repeat; background-size:auto 100%; background-position:left center, right center; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; padding:0px 90px; margin-bottom:50px; border-top:2px solid #af9e84; border-bottom:2px solid #af9e84; width:100%; min-height:70px; }
.grille-corner-2 h3 { font-family:'Neue Haas Grotesk Display Pro 65 Medium'; }

.grille-corner-3 { background:url("../../../wp-content/uploads/2021/11/decorative-line-T.svg"), url("../../../wp-content/uploads/2021/11/decorative-line-B.svg"); background-repeat:no-repeat; background-size:100% calc(200px - 15px); background-position:top 17px center, bottom 17px center; padding:200px 0px; }
.grille-corner-3 h1 { text-align:center; padding:40px 0px; border-top:2px solid #af9e84; border-bottom:2px solid #af9e84; }

.heading-section {}
.heading-section .grille-corner-3 {}
.heading-section h1 {}

.gallery-protect-homes-section {}
.gallery-protect-homes-section h2 {}

.pagination { display:flex; flex-wrap:wrap; justify-content:space-between; padding:0px 0px; margin:50px 0px 0px 0px; border:none; width:100%; max-width:100%; }
.pagination a { background-repeat:no-repeat !important; background-size:100% 100% !important; background-position:center center !important; padding:0px 0px; margin:0px 0px; width:60px; height:60px; opacity:1; border-radius:0px; }
.pagination a.prev { background:url("images/icon-arrow-left.svg") !important; }
.pagination a.next { background:url("images/icon-arrow-right.svg") !important; }

body.page-template-contact .contact-form-section { padding-top:50px; }

.grid-slider {}
.grid-slider .slick-list {}
.grid-slider .slick-track {}
.grid-slider .slick-slide {}
.grid-slider .slick-slide > div { display:flex !important; flex-wrap:wrap; margin:0px -15px; width:calc(100% + 30px) !important; }
.grid-slider .slick-slide .product-wrapper { display:flex !important; flex-wrap:wrap; margin:0px -15px; width:calc(100% + 30px) !important; }
.grid-slider .slick-slide .product-wrapper .product {}

.slider { padding-bottom:55px; margin-bottom:50px; }
.slider .slick-list {}
.slider .slick-track {}
.slider .slick-track:before,
.slider .slick-track:after { display:none; }
.slider .slick-slide {}

.slider .slick-arrow { background-repeat:no-repeat !important; background-size:100% 100% !important; background-position:center center !important; padding:0px 0px; margin:0px 0px; width:60px; height:60px; position:absolute; top:auto; bottom:0px; z-index:1; opacity:1; transform:none; border-radius:0px; }
.slider .slick-arrow:before { display:none; }
.slider .slick-prev { background:url("images/icon-arrow-left.svg") !important; left:0px; right:auto; }
.slider .slick-next { background:url("images/icon-arrow-right.svg") !important; left:auto; right:0px; }

.partners-section { padding:50px 0px 0px 0px; }
.partners-section .row { margin-bottom:50px; }
.partners-section .grille-corner-2 { margin-bottom:0px; }

.gs_logo_area.grid1 {}
.gs_logo_area.grid1 .gs_logo_area--inner { border-bottom:2px solid #af9e84; overflow: hidden; }
.gs_logo_area.grid1 .gs_logo_container { margin:0px -2px -2px -2px !important; }
.gs_logo_area.grid1 .gs_logo_single--wrapper { padding:30px 30px !important; border-right:2px solid #af9e84; border-bottom:2px solid #af9e84; min-height:185px; }
.gs_logo_area.grid1 .gs_logo_single--wrapper .gs_logo_single { padding:0px 0px; border:none; border-radius:0px;  }
.gs_logo_area.grid1 .gs_logo_single--wrapper .gs_logo_single--inner {}
.gs_logo_area.grid1 .gs_logo_single--wrapper img { object-fit:contain; display:table !important; margin:0 auto; width:auto !important; max-width:100% !important; /*max-width:220px !important;*/ height:auto !important; max-height:85px; }

body.error404 {}
body.error404 #main { padding:50px 0px; height:60vw; min-height:200px; max-height:550px; }
body.error404 #main > * { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px; width:calc(100% - 30px); max-width:1370px; }
body.error404 .page-header { padding-top:0px; padding-bottom:0px; border:none; }
body.error404 .page-header .page-title {}
body.error404 .error-404 { display:none !important; }






@media only screen and (max-width:1199px) {
body { font-size:20px; padding-top:115px; }	

h1 { font-size:54px !important; /*font-size:60px !important;*/ }
h2 { font-size:41px !important; /*font-size:45px !important;*/ }
h3 { font-size:33px !important; /*font-size:37px !important;*/ }
h4 { font-size:33px !important; /*font-size:33px !important;*/ }
h5 { font-size:30px !important; /*font-size:27px !important;*/ }
h6 { font-size:20px !important; /*font-size:22px !important;*/ }

.site .button { font-size:20px; padding-top:12px; padding-bottom:12px; }

ul.dot-style li:before { top:10px; }
	
.site-header .site-branding .site-logo img { width:200px; }
.site-header #site-navigation ul.menu-wrapper > li { margin-left:30px; }
.site-header #site-navigation ul.menu-wrapper > li > a { font-size:18px; }
.site-header #site-navigation ul.menu-wrapper > li.download-brochure { margin-top:15px; }
.site-header #site-navigation ul.menu-wrapper > li.download-brochure > a { padding:12px 18px; }

body.sticky-header .site-header .site-branding .site-logo img { width:180px; }
body.sticky-header .site-header #site-navigation ul.menu-wrapper > li > a { font-size:16px; }

.site-footer ul.menu li { margin-left:calc(20px + (30 - 20) * ((100vw - 768px) / (1199 - 768))); }
.site-footer ul.menu li a { font-size:calc(16px + (18 - 16) * ((100vw - 768px) / (1199 - 768))); }
.site-footer .widget_media_image img { width:calc(200px + (250 - 200) * ((100vw - 768px) / (1199 - 768))); }

.door-img-section figure img { max-height:calc(285px + (385 - 285) * ((100vw - 768px) / (1199 - 768))); }
.protect-homes-section h2 { max-width:420px; }

.product-list .product figure img { max-height:calc(285px + (385 - 285) * ((100vw - 768px) / (1199 - 768))); }
.product-list .product h3 { padding:12px 0px; }

.our-partners-section h2 { max-width:400px; }

.gs_logo_area.slider1 .swiper-slide { min-height:145px; }
.gs_logo_area.slider1 div[class*="swiper-button"] { width:53px; height:53px; }

.wpforms-container form.wpforms-form .wpforms-field .wpforms-field-large { font-size:20px; max-height:62px; }
.wpforms-container form.wpforms-form .wpforms-submit-container .wpforms-submit { font-size:20px; }

.grille-corner-3 { background-size:100% calc(180px - 15px); padding:180px 0px; }

.pagination a { width:53px; height:53px; }

.slider { padding-bottom:45px; }
.slider .slick-arrow { width:53px; height:53px; }

.gs_logo_area.grid1 .gs_logo_single--wrapper { min-height:145px; }

}

@media only screen and (max-width:991px) {
.heading-section h1 br { display:none; }
}

@media only screen and (max-width:767px) {
body { font-size:18px; padding-top:0px; }	

h1 { font-size:36px !important; /*font-size:48px !important;*/ /*font-size:60px;*/ }
h2 { font-size:27px !important; /*font-size:36px !important;*/ /*font-size:45px;*/ }
h3 { font-size:23px !important; /*font-size:30px !important;*/ /*font-size:37px;*/ }
h4 { font-size:20px !important; /*font-size:26px !important;*/ /*font-size:33px;*/ }
h5 { font-size:17px !important; /*font-size:22px !important;*/ /*font-size:27px;*/ }
h6 { font-size:14px !important; /*font-size:18px !important;*/ /*font-size:22px;*/ }

.col-sm-6 { width:100%; }

.site .button { font-size:18px; padding:10px 30px; }

ul.dot-style li { padding-left:25px; margin-bottom:15px; }
ul.dot-style li:before { top:9px; } 

.site-header { padding:15px 0px; position:static; }
.site-header .container:after { bottom:-15px; }
.site-header .site-branding .site-logo img { width:120px !important; max-width:100%; height:auto; max-height:100% !important; }

.site-header .menu-button-container { background:none; display:block; padding:0px 0px; margin:0px 0px; position:static; }
.site-header .menu-button-container #primary-mobile-menu { background:none !important; font-size:16px; color:#AF9E84 !important; font-weight:400; text-transform:uppercase; padding:0px 0px; }
.site-header .menu-button-container #primary-mobile-menu .dropdown-icon { flex-wrap:wrap; align-items:center; }
.site-header .menu-button-container #primary-mobile-menu .dropdown-icon svg { margin-right:-3px; width:22px; height:22px; top:0px !important; }

.site-header #site-navigation .primary-menu-container { background:none; display:flex; flex-wrap:wrap; padding:0px 0px; margin:0px 0px; border:none; opacity:0; visibility:hidden; width:100vw; height:100%; overflow:visible; position:absolute; top:calc(100% + 15px); bottom:auto; left:auto; right:-15px; z-index:1; transform:none; }
.site-header #site-navigation ul.menu-wrapper { background:#f4f3ed; display:flex; flex-wrap:wrap; flex-direction:column; padding:30px 30px; width:100%; }
.site-header #site-navigation ul.menu-wrapper > li { margin:18px 0px 0px 0px; width:100%; }
.site-header #site-navigation ul.menu-wrapper > li:first-child { margin-top:0px; }
.site-header #site-navigation ul.menu-wrapper > li > a { font-size:16px; display:table; }
.site-header #site-navigation ul.menu-wrapper > li.download-brochure { margin-top:25px; }
.site-header #site-navigation ul.menu-wrapper > li.download-brochure > a { font-size:14px; padding:10px 15px; }

body.primary-navigation-open { overflow:hidden; }
body.primary-navigation-open .site-header #site-navigation .primary-menu-container { opacity:1; visibility:visible; }
body.primary-navigation-open .site-header  ~ * { opacity:0; visibility:hidden; }

.site-footer { padding:35px 0px; }
.site-footer:before { height:46px; }
.site-footer:after { width:calc(100% - 88px); top:calc(46px / 2); }
.site-footer .container { margin-top:20px; }

.site-footer .widget-area { justify-content:center; align-items:center; flex-direction:column; }
.site-footer .widget-area > * { margin-bottom:20px !important; width:100%; }
.site-footer .widget-area > *:last-child { margin-bottom:0px !important; }
.site-footer .widget_media_image img { width:180px; }
.site-footer ul.menu { justify-content:center; }
.site-footer ul.menu li { margin-left:11px !important; margin-right:11px !important; }
.site-footer ul.menu li a { font-size:16px; }

.door-img-section { padding:30px 0px !important; }
.door-img-section .inner { margin:-30px auto 0px auto !important; max-width:556px; }
.door-img-section figure { text-align:left; margin-top:30px; width:50%; }
.door-img-section figure img { /*margin-top:30px; width:50%; object-fit:contain; object-position:left;*/ }
.door-img-section figure:nth-child(2n+1) { padding-left:0px; }
.door-img-section figure:nth-child(2n+2) { text-align:right; padding-right:0px; /*object-position:right;*/ }

.grille-corner-1 { padding-top:56px !important; }
.grille-corner-1:before { height:46px; }
.grille-corner-1:after { width:calc(100% - 58px) !important; top:calc(46px / 2); }

.grille-corner-2 { padding:0px 60px; margin-bottom:30px; min-height:55px; }
.grille-corner-2 h3 { line-height:0.9 !important; }

.protect-homes-section .col-md-6 { width:100%; }
.protect-homes-section h2 { margin-bottom:20px !important; max-width:100%; }

.design-section { padding:30px 0px !important; }

.product-list { margin-bottom:-30px !important; }
.product-list .product { margin-bottom:30px; width:50%; }
.product-list .product h3 { padding:10px 0px; }

.design-section .button { margin-top:30px; }

.our-partners-section { padding-bottom:30px; }
.our-partners-section h2 { margin-bottom:15px; max-width:100%; }
.our-partners-section .gs_logo_area { padding:30px 0px !important; }

.gs_logo_area.slider1 .swiper-slide { min-height:calc(115px + (147 - 115) * ((100vw - 300px) / (767 - 300))); }
.gs_logo_area.slider1 .swiper-slide img { max-height:60px; }
.gs_logo_area.slider1 div[class*="swiper-button"] { width:46px; height:46px; }

.contact-form-section { padding-bottom:30px; }
.contact-form-section h2 { margin-bottom:25px; max-width:100%; }

.wpforms-container { margin-top:30px !important; }
.wpforms-container form.wpforms-form .wpforms-field .wpforms-field-large { font-size:18px; padding:12px 15px; max-height:52px; }
.wpforms-container form.wpforms-form .wpforms-submit-container { padding-top:0px !important; }
.wpforms-container form.wpforms-form .wpforms-submit-container .wpforms-submit { font-size:18px; padding:12px 30px; }

.grille-corner-3 { background-size:100% calc(140px - 15px); padding:140px 0px; }
.grille-corner-3 h1 { padding:25px 0px; }

.gallery-protect-homes-section h2 { margin-bottom:20px; }

.pagination {margin-top:30px; }
.pagination a { width:46px; height:46px; }

body.page-template-contact .contact-form-section { padding-top:30px; }

.slider { padding-bottom:45px; margin-bottom:30px; }
.slider .slick-arrow { width:46px; height:46px; }

.gs_logo_area.grid1 .gs_logo_single--wrapper { min-height:calc(115px + (147 - 115) * ((100vw - 300px) / (767 - 300))); }

}

@media only screen and (max-width:479px) {
.gs_logo_area.slider1 .swiper-slide { padding:15px 15px !important; }
.gs_logo_area.grid1 .gs_logo_single--wrapper { padding:15px 15px !important; }
}