@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'Montserrat', sans-serif; font-size:1.6rem; line-height:1.628571; color:#222222; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:normal; font-family:'Bebas Neue', cursive; color:#222222;}
h1{font-size:3.5rem; margin-bottom:32px;}
h2{font-size:3.0rem; margin-bottom:8px;}
h3{font-size:2.5rem; margin-bottom:16px;}
h4{font-size:2.0rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
a, a *{color:#b99053; text-decoration:none;}
a:hover{color:#D0B48B;}
small{font-size:1.2rem;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}
article p:last-of-type{margin:0px;}

/*floats*/
.left{float:left;}
.right{float:right;}
.video-container{position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/*forms*/

.form-grid{display:grid; grid-template-columns:200px auto; gap:16px;}
.form-grid.reverse{grid-template-columns:auto 200px; width:100%;}
.form-grid.smaller{width:80%; margin:0px auto;}
.form-grid .wide{grid-column-end:span 2;}
.form-grid h2{margin-bottom:0px; font-size:2.4rem;}
.form-grid h3{margin-bottom:0px; font-size:2.0rem;}
.form-grid h3.nomargin{margin-top:0px;}
.form-grid div{padding:8px 0px;}
.form-grid div.row{border-bottom:1px dotted #eae9e9;}
.form-grid div.noborder{border-bottom:none !important;}
.form-grid div.label{color:#2a2620; font-size:1.4rem;}
.form-grid div.label.white{color:#ffffff; font-size:1.4rem;}
.form-grid div.row label{font-size:1.4rem;}
.form-grid div.row label.red{color:#e2001a;}
.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}

/*input*/
.form-grid div input[type="text"],
.form-grid div input[type="number"],
.form-grid div input[type="date"],
.form-grid div input[type="time"],
.form-grid div input[type="email"],
.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; font-family:'Montserrat', sans-serif; border-radius:8px; border:1px solid #eae9e9;}
.form-grid div input[type="text"].red,
.form-grid div input[type="number"].red,
.form-grid div input[type="date"].red,
.form-grid div input[type="time"].red,
.form-grid div input[type="email"].red,
.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
.form-grid div input[type="text"]:focus,
.form-grid div input[type="number"]:focus,
.form-grid div input[type="date"]:focus,
.form-grid div input[type="time"]:focus,
.form-grid div input[type="email"]:focus,
.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
.form-grid div textarea{width:100%; height:300px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Montserrat', sans-serif;} 
.form-grid div textarea:focus{border:1px solid #303030;}
.form-grid div input[type=submit]{min-width:200px; display:inline-block; padding:8px 16px; text-align:center; font-family: 'Bebas Neue',cursive; font-size:1.8rem; text-decoration:none !important; color:#ffffff; background-color:#b99053; cursor:pointer;}
.form-grid div .checkbox-ctr{display:block; position:relative; padding-left:32px; margin-bottom:12px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.form-grid div .checkbox-ctr.red{color:#e2001a;}
.form-grid div .checkbox-ctr input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.form-grid div .checkbox-ctr .checkmark{position:absolute; top:0; left:0; height:25px; width:25px; background-color:#f3f1f1; border-radius:4px;}
.form-grid div .checkbox-ctr .checkmark.red{border:2px solid #e3051b;}
.form-grid div .checkbox-ctr input:checked ~ .checkmark{background-color:#9ec53f ;}
.form-grid div .checkbox-ctr .checkmark:after{content:""; position:absolute; display:none;}
.form-grid div .checkbox-ctr input:checked ~ .checkmark:after{display:block;}
.form-grid div .checkbox-ctr .checkmark:after{left:9px; top:5px; width:5px; height:10px; border:solid white; border-width:0 3px 3px 0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg);}
.form-grid div .radio-ctr{display:block; position:relative; padding-left:35px; margin-bottom:12px; cursor:pointer; font-size:22px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;user-select:none;}
.form-grid div .radio-ctr input{position:absolute; opacity:0; cursor:pointer; height:0; width:0;}
.form-grid div .radio-ctr .checkmark{position:absolute; top:0; left:0; height:24px; width:24px; background-color:#f3f1f1; border-radius:50%; border:2px solid #ffffff;}
.form-grid div .radio-ctr .checkmark.red{border:2px solid #e3051b;}
.form-grid div .radio-ctr input:checked ~ .checkmark{background-color:#9ec53f ; border:2px solid #9ec53f ;}
.form-grid div .radio-ctr .checkmark:after{content:""; position:absolute; display:none;}
.form-grid div .radio-ctr input:checked ~ .checkmark:after{display:block;}
.form-grid div .radio-ctr .checkmark:after{top:6px; left:6px; width:8px; height:8px; border-radius:50%; background:white;}
/*buttons*/
.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
.form-grid div.submit .button-left input[type=button],
.form-grid div.submit .button-left input[type=submit]{min-width:200px; display:inline-block; padding:8px 16px; text-align:center; font-family: 'Bebas Neue',cursive; font-size:1.6rem; text-decoration:none !important; color:#ffffff; background-color:#b99053; cursor:pointer; border:unset;}
.form-grid div.submit .button-right input[type=button],
.form-grid div.submit .button-right input[type=submit]{min-width:200px; display:inline-block; padding:8px 16px; text-align:center; font-family: 'Bebas Neue',cursive; font-size:1.6rem; text-decoration:none !important; color:#ffffff; background-color:#b99053; cursor:pointer; border:unset;}
.form-grid div.submit .button-right input[type=submit].grey{color:#ffffff; background-color:#444444;}
.form-grid div.submit .button-right input[type="button"]:hover,
.form-grid div.submit .button-right input[type="submit"]:hover,
.form-grid div.submit .button-left input[type="button"]:hover,
.form-grid div.submit .button-left input[type="submit"]:hover{background:#D0B48B;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding: 0 24px; position:relative;}

/*header*/
header{height:158px;}
header .grid{display:grid; grid-template-columns:120px 1fr; grid-gap:32px; height:inherit;}
header .grid .logo{width:120px; height:95px; margin:auto 0;}
header .grid .logo img{width:100%; height:100%; object-fit:contain;}
header .grid .slogan{font-family:'Damion', cursive; font-size:2.5rem; line-height:158px; color:#222222;}
header .grid nav{height:158px; padding-top:59px;}
header .grid nav ul{display:flex; justify-content:flex-end;}
header .grid nav ul li{height:40px; display:flex; justify-content:flex-end; margin-left:32px;}
header .grid nav ul li a{font-family:'Bebas Neue',cursive; font-size:2.2rem; line-height:44px; color:#222222; padding:0px 12px;}
header .grid nav ul li a:hover,
header .grid nav ul li a.on{background:#f2f2f2;}
header .grid nav ul li a.beige{background:#b99053; color:#ffffff;}
header .grid .menu{display:none;}
header .grid .catalog{display:none;}

/*generals*/
section{padding:24px 0;}
.bg-darkgrey{background-color:#5c5c5c;}
.bg-mediumgrey{background-color:#e1e1e1;}
.bg-lightgrey{background-color:#f2f2f2;}
.bg-white{background-color:#ffffff;}
.divider{border-top: 8px solid #5c5c5c;}
.grid-2{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;}
.grid-3{display:grid; grid-template-columns:1fr 1fr 1fr; grid-gap:32px;}
.grid-4{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-gap:32px;}
.button{min-width:200px; display:inline-block; padding:8px 16px; text-align:center; font-family: 'Bebas Neue',cursive; font-size:1.8rem; text-decoration:none !important; color:#ffffff; background-color:#222222;}
.button:hover{background-color:#e1e1e1; cursor:pointer; color:#222222;}
.button.fw{width:100%; padding:16px 16px; text-align:left;}

/*Breadcrumbs*/
.breadcrumbs ol{display:flex; justify-content:flex-start; color:#bababa;}
.breadcrumbs li{font-size:1.4rem; line-height:28px;}
.breadcrumbs a{text-decoration:none;}
.breadcrumbs a:active{text-decoration:underline;}
.breadcrumbs a span{color:#bababa !important;}


/*sections*/
section.slide .grid-3{row-gap:0px;}
section.slide .grid-3 .image{grid-area:1/2/1/span 2; height:100%; width:100%; z-index:102;}
section.slide.assortment .grid-3 .image{grid-area:1/1/1/span 2; z-index:102;}
section.slide .grid-3 .image img{height:100%; width:100%; object-fit:contain;}
section.slide .grid-3 article:last-of-type{grid-area: 2/1/2/span 3; padding:110px 32px 32px 32px; margin-top:-110px;}
section.slide .grid-3 article h1{margin-bottom:24px;}
section.slide.assortment .grid-3 article:last-of-type{grid-area: unset; padding:unset; margin-top:unset;}
section.slide .grid-3 article:last-of-type p{margin-bottom:32px;}
section.slide .grid-3 .buttons .button{margin:8px 0; width: 100%;}
section.slide .grid-3 .buttons .button:last-of-type{background:#b99053;}
section.slide .grid-3 .buttons .button:last-of-type:hover{background:#D0B48B;}
section.slide .grid-4 article:first-of-type{grid-column-end:span 4; text-align:center;}
section.slide .grid-4 .image:first-of-type{grid-area:2/1/3/1; height:465px; width:692px;}
section.slide .grid-4 .image{height:100%; width:100%;}
section.slide .grid-4 .image img{height:100%; width:100%; object-fit:cover;}
section.slide .grid-4 article{grid-column-end:span 2;}
section.slide .grid-4 article:last-of-type p{margin-bottom:48px;}
section.slide .grid-4 article div{font-size:1.2rem; width:35%; float:left; font-weight:bold;}
section.slide .grid-4 article div span{display:block; font-size:2.0rem;}
section.slide .grid-4 article .buttons {width:65%; float:right; font-weight:unset;}
section.slide .grid-4 article .buttons .button{min-width:150px;}
section.slide .grid-4 article .buttons .button:last-of-type{float:right;}

section.product{}
section.product .grid-2{}
section.product .grid-2 article:first-of-type{grid-column-end:span 2; text-align:center;}
section.product .grid-2 .image img{width:100%; object-fit:cover;}
section.product .grid-2 article .buttons{float:right; font-weight:unset; margin-top:24px;}
section.product .grid-2 article .buttons .button{min-width:150px; margin-left:16px;}
section.product .grid-2 article .buttons .button:last-of-type{float:right;}

section.gallery{}
section.gallery .grid-4 h2{grid-column-end:span 4;}
section.gallery .grid-4 .image{position:relative; padding-top:66.66%;}
section.gallery .grid-4 .image img{width:100%; height:100%; display:block; object-fit:cover; position:absolute; top:0; left:0; right:0; bottom:0;}

section.content{overflow:visible;}
section.content article{margin-bottom:32px;}
section.content .grid-3 h2{grid-column-end:span 3; text-align:center;}
section.content .grid-3 article{padding:32px 32px 48px 32px; text-align:center;}
section.content .grid-3 .image{height:370px; width:100%;}
section.content .grid-3 .image img{height:100%; width:100%; object-fit:cover;}
section.content .grid-4 article{grid-area:1/1/1/span 4;}
section.content .grid-4 article h2{margin-bottom:32px; text-align:center;}
section.content .grid-4 .image{width:100%; height:288px;}
section.content .grid-4 .image:nth-of-type(6n+2){grid-column-end:span 2;}
section.content .grid-4 .image:nth-of-type(6n+4){grid-column-end:span 2;}
section.content .grid-4 .image a img{width:100%; height:100%; object-fit:cover;}
section.content .grid-4 .button{grid-area:4/4/4/4;}
section.content .grid-2 h2{grid-column-end:span 2;}
section.content .grid-2 h2 span.tag{color:#b99053;}
section.content .grid-2 article:first-of-type{grid-area:3/1/3/1; padding:0;}
section.content .grid-2 article:first-of-type .button{margin-top:24px;}
section.content .grid-2 article:first-of-type .button:hover{background:#a3a3a3; color:white;}
section.content .grid-2 .image{grid-area: 1/1/span 2/1;width:100%; height:380px;}
section.content .grid-2 .model .image{grid-area: unset;width:100%; height:360px; margin-bottom:32px;}
section.content .grid-2 .model article{margin-bottom:unset;}
section.content .grid-2 .load-more{grid-column-end:span 2; text-align:center;}
section.content .grid-2 .load-more .button{ width:fit-content; margin: 0 auto;}
section.content.contact{padding:48px 0; margin-bottom:48px;}
section.content.contact .grid-2 h2{grid-area:1/1/1/span 2; color:#ffffff;}
section.content.contact .grid-2 .image.team{grid-area: 2/2/2/2;width:100%; height:380px;}
section.content .grid-2 .image img{width:100%; height:100%; object-fit:cover;}
section.content .grid-2 article{padding:16px 32px;}
section.content .grid-2 article:last-of-type{margin-bottom:-48px; z-index:105;}
section.content .grid-2 .model article{margin-bottom:unset;}
section.content .grid-2.specs{margin-bottom:32px;}
section.content .grid-2.specs article{grid-area: unset; padding: 16px 32px;}
section.content .grid-2.specs article:last-of-type{margin-bottom:32px;}
section.content .item-grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:24px; margin:32px 0;}
section.content .item-wide,
section.content .item-grid{padding:24px; background:white;}
section.content .item-grid .image{padding-top:80%; overflow:hidden; position:relative; grid-area:1/2/1/2;}
section.content .item-grid .image img{width:100%; height:100%; position:absolute; top:0; bottom:0; left:0; right:0; object-fit:cover;}
section.content .item-grid:nth-of-type(odd){background:#b8b8b8;}
section.content .item-grid:nth-of-type(odd) h2,
section.content .item-grid:nth-of-type(odd) h3,
section.content .item-grid:nth-of-type(odd) article{grid-area:1/2/1/2; color:white;}
section.content .item-grid:nth-of-type(odd) .image{grid-area:1/1/1/1;}
section.content .item-grid article{grid-area:1/1/1/1; padding:24px;}
section.content .item-grid article a{color:white !important; font-weight:bold;}
section.content .item-grid article a:hover{text-decoration:underline;}
section.content .item-grid.wide{display:grid; grid-template-columns:1fr 1fr; grid-gap:24px;}
section.content .item-grid.wide .image{display:none;}
section.content .item-grid.wide article{grid-column-start:span 2; padding:24px;}
section.content .item-grid.wide:nth-of-type(odd) article{grid-area:unset; grid-column-start:span 2; padding:24px;}
section.content .item-grid article .button{margin:24px 0;}
section.content .item-grid.wide article .button{margin:24px 0;}

/*tabs*/
div.tabs{width:100%; height:40px; display:block;}
div.tabs .toggl{width:auto; height:40px; display:inline-block; padding:0px 24px; line-height:40px; cursor:pointer; font-family:'Bebas Neue',cursive; font-size:1.8rem; text-transform:uppercase; background:#e1e1e1; margin:0px 16px;}
div.tabs .toggl:first-of-type{margin-left:0px;}
div.tabs .toggl:hover{background:#5c5c5c; color:#ffffff;}
div.tabs .toggl.on{background:#222222; color:#ffffff;}

/*footer*/
footer{overflow:visible; color:#5c5c5c;}
footer .grid-4{padding-top:48px; padding-bottom:32px; grid-gap:0px;}
footer .grid-4 .logo{height:153px; width:190px;}
footer .grid-4 .logo img{height:100%; width:100%; object-fit:contain;}
footer .grid-4 .links li{height:32px; }
footer .grid-4 .links li a{line-height:32px; color:#5c5c5c;}
footer .grid-4 .links li a:hover{color:#222222;}
footer .grid-4 .socials{grid-area: 2/3/2/3; display:flex;}
footer .grid-4 .socials li{font-size:2.0rem; margin: 0 12px;}
footer .grid-4 .socials li:first-child{margin-left:47px;}
footer .grid-4 .contact a{color:#222222 !important;}
footer .grid-4 .copyright{grid-area: 3/1/3/span 4; margin-top:24px; display:grid; grid-template-columns:1fr 1fr;}
footer .grid-4 .copyright *{font-size:1.2rem; color:#b8b8b8;}
footer .grid-4 .copyright a{margin-left:12px;}
footer .grid-4 .copyright a:hover{color:#222222;}
footer .grid-4 .copyright div:nth-of-type(2){text-align:right;}


/*tablet: 768-1023*/
@media only screen and (max-width:1024px) 
{
    h1{font-size:2.5rem;}
    h2{font-size:2.2rem;}
    h3{font-size:2.0rem; margin-bottom:8px;}
    
    header{height:120px;}
    header .grid nav{padding-top:unset;}
    header .grid nav ul li{ height:120px; margin-left:0px; padding-top:55px;}
    header .grid nav ul li a{width:100%; height:40px; font-size:2.0rem;}
    
    section.slide .grid-3 .image{height:225px; width:100%; grid-area:1/2/1/2; margin-bottom:0px; margin-top:auto;}
    section.slide .grid-3{grid-template-columns:1fr 1fr;}
    section.slide.assortment .grid-3{grid-template-columns: 1fr 1fr;}
    section.slide.assortment .grid-3 .image{grid-area:1/1/1/1; height:323px; width:407px; z-index:102; margin:unset;}
    section.slide .grid-3 .buttons .button{width: 80%; margin-left:0;}
    section.slide .grid-3 article h2{margin-bottom:24px;}
    section.slide .grid-3 article:last-of-type{padding:32px; margin-top:unset; grid-area:2/1/2/span 2}
    section.slide .grid-4{grid-template-columns:1fr 1fr;}
    section.slide .grid-4 article:first-of-type{grid-column-end:span 2; text-align:center;}
    section.slide .grid-4 .image:first-of-type{grid-area:2/1/2/span 2; width:100%;} 
    section.slide .grid-4 article{grid-column-end:span 2;}
    section.slide .grid-4 article:last-of-type p{margin-bottom:32px;}
    section.slide .grid-4 article div{font-size:1.2rem; width:100%; float:unset; font-weight:bold; text-align:center; margin-bottom:32px;}
    section.slide .grid-4 article div span{display:block; font-size:2.0rem;}
    section.slide .grid-4 article .buttons {width:100%; grid-column-end:span 2; float:unset; font-weight:unset;text-align:center}
    section.slide .grid-4 article .buttons .button{min-width:150px; margin: 0 16px;}
    section.slide .grid-4 article .buttons .button:last-of-type{float:unset;}
   
    section.content article{margin-bottom:24px;}
    section.content .grid-3{grid-template-columns: 1fr; grid-gap:24px;}
    section.content .grid-3 .image{height:170px;}
    section.content .grid-3 h2{grid-column-end:unset; text-align:center;}
    section.content .grid-3 article{padding:24px; text-align:center; margin-bottom:0px;}

    section.content .grid-4 article h2{margin-bottom:16px;}
    section.content .grid-4 .image{width:100%; height:150px;}
    section.content .grid-4 .button{grid-area:4/3/4/span 2;}
    section.content .grid-2 article:first-of-type{grid-area:1/2/1/2;}
    section.content .grid-2 .image{grid-area:unset; width:100%; height:204px;}
    section.content .grid-2 article{padding:16px 16px;}
    section.content .grid-2 article:last-of-type{grid-area: 3/1/3/span 2; margin-bottom:-48px; z-index:105;}
    section.content.contact{margin-bottom:24px;}
    section.content.contact .grid-2 .image.team{ height:217px;}
    section.content .grid-2 .model .image{height:199px;}
    section.content .grid-2 .model article{margin-bottom:unset;}
    section.content .grid-2.specs{margin-bottom:24px;}
    section.content .grid-2.specs article{grid-area: unset; padding: 16px;}
    section.content .grid-2.specs article:last-of-type{margin-bottom:24px;}
    
    section.product .grid-2{grid-template-columns:1fr;}
    section.product .grid-2 article:first-of-type{grid-column-end:unset;}

    section.gallery .grid-4{grid-template-columns:1fr 1fr;}
    section.gallery .grid-4 h2{grid-column-end:span 2;}
    
    footer .grid-4{padding-top:24px; padding-bottom:24px; grid-gap:0px; font-size:1.4rem;}
    footer .grid-4 .logo{height:113px; width:152px;}
    footer .grid-4 .links li{height:24px;}
    footer .grid-4 .links li a{line-height:24px;}
    footer .grid-4 .socials li:first-child{margin-left:31px;}
    footer .grid-4 .copyright{grid-area: 3/1/3/span 4; margin-top:16px; display:grid; grid-template-columns:1.2fr 0.7fr;}
    footer .grid-4 .copyright *{font-size:1.2rem; color:#b8b8b8;}
    footer .grid-4 .copyright a{margin-left:12px;}
}

/*mobile l: 427-767*/
@media only screen and (max-width:767px) 
{
    h1{margin-bottom:16px;}
    .breadcrumbs{display:none;}   

    header{height:100px; overflow:visible;}
    header .grid{grid-template-columns:120px 1fr 32px; grid-gap:24px;}
    header .grid .logo{width:104px; height:80px;}
    header .grid .logo img{width:100%; height:100%; object-fit:contain;}
    header .grid nav{width:100%; height:auto; display:block; float:none; left:0; top:-800px; position:absolute; -webkit-transform:translateY(-140%); transform:translateY(-140%); -webkit-transition:-webkit-transform 0.5s, visibility 0s 0.5s; transition:transform 0.5s, visibility 0s 0.5s;}
    header .grid .catalog{display:block; width:100%; text-align:right; padding:30px 0px;}
    header .grid .catalog a{width:auto; height:40px; display:block; background:#b99053; color:white; padding:8px; font-size:1.6rem; font-family: 'Bebas Neue', cursive; float:right;}
    header .grid .menu{display:unset; display:block; text-align:right; padding:30px 0px;}
    header .grid .menu a{display:block; width:100%; height:40px; background:#000000; text-align:center;}
    header .grid .menu a i{font-size:2.0rem; color:#ffffff; line-height:40px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:12px; background:#5c5c5c;}
    header .grid nav ul li{width:100%; height:auto; min-height:48px; display:block; float:left; margin:0px; text-align:right;}
    header .grid nav ul li:last-of-type{display:none;}
    header .grid nav ul li a{color:#ffffff; height:48px; font-size:1.4rem; line-height:48px; margin:unset;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:100px; z-index:110; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    
    .grid-2{grid-template-columns: 1fr;}
    .grid-3{grid-template-columns: 1fr; grid-gap:16px;}
    .grid-4{grid-template-columns: 1fr 1fr; grid-gap:16px;}
    .button{min-width:150px;}
    .form-grid,
    .form-grid.reverse{grid-template-columns:1fr;}
    .form-grid .wide{grid-column-end:unset;}
    .form-grid.smaller{width:100%;}

    section.slide .grid-3{grid-template-columns:1fr !important; row-gap:24px;}
    section.slide .grid-3 .image{grid-area:unset; height:295px; width:100%;}
    section.slide .grid-3 article:last-of-type{grid-area:unset; padding:0px 0px 0px 0px; margin-top:0px; background-color:unset;}
    section.slide .grid-3 .buttons .button{width: 100%;}
    section.slide .grid-3 .buttons .button:last-of-type{margin-bottom:24px;}
    section.slide.assortment .grid-3{grid-template-columns:unset;}
    section.slide.assortment .grid-3 .image{width:100%;}
    section.slide .grid-4 .image:first-of-type{width:100%; height:234px;} 
    section.slide .grid-4 article:last-of-type p{margin-bottom:16px;}
    section.slide .grid-4 article div{margin-bottom:16px;}
    section.slide .grid-4 article .buttons .button{margin: 0 8px;}

    
    section.content article{margin-bottom:16px;}
    section.content .grid-3 .image{height:243px;}
    section.content .grid-4 article{grid-area:1/1/1/span 2;}
    section.content .grid-4 article h2{margin-bottom:8px;}
    section.content .grid-4 .image{width:100%; height:170px;}
    section.content .grid-4 .image:nth-of-type(6n+2){grid-column-end:span 2; grid-row-start:2;}
    section.content .grid-4 .mobilehide{display:none;}
    section.content .grid-4 .button{grid-area:unset; grid-column-end:span 2;}
    section.content .grid-2{grid-gap:16px;}
    section.content .grid-2 h2{grid-column-end:unset;}
    section.content .grid-2 article:first-of-type{grid-area:unset;}
    section.content .grid-2 .image{grid-area:unset; width:100%; height:204px;}
    section.content .grid-2 article{padding:16px 16px;}
    section.content .grid-2 article:last-of-type{grid-area:unset; margin-bottom:-48px; z-index:105;}
    section.content.contact{padding:48px 0 32px 0; margin-bottom:24px;}
    section.content.contact .grid-2 h2{grid-area:unset;}
    section.content.contact .grid-2 .image.team{grid-area:unset;}
    section.content .grid-2 .mobilehide{display:none;}
    section.content .grid-2 .model .image{height:199px;}
    section.content .grid-2 .model article{margin-bottom:unset;}
    section.content .grid-2 .load-more{grid-column-end:unset; text-align:center;}
    section.content .grid-2.specs{margin-bottom:0px;}
    section.content .item-grid{display:grid; grid-template-columns:1fr; grid-gap:24px; margin:32px 0;}
section.content .item-wide,
section.content .item-grid{padding:16px; background:white;}
section.content .item-grid .image{grid-area:unset;}
section.content .item-grid:nth-of-type(odd){background:#b8b8b8;}
section.content .item-grid:nth-of-type(odd) h2,
section.content .item-grid:nth-of-type(odd) article{grid-area:2/1/2/1; color:white;}
section.content .item-grid article{grid-area:unset; padding:16px;}
section.content .item-grid.wide{display:grid; grid-template-columns:1fr; grid-gap:16px;}
section.content .item-grid.wide article{grid-column-end:unset; padding:16px;}
section.content .item-grid article .button{margin:16px 0;}
section.content .item-grid.wide article .button{margin:16x 0;}
    
    div.tabs{height:unset; background:#f2f2f2; padding-top:24px;}
    div.tabs .toggl{width:100%; height:32px; display:block; padding:0px 16px; line-height:32px; margin:0px;}
    
    footer .grid-4{padding-top:24px; padding-bottom:24px; grid-gap:8px; font-size:1.4rem;}
    footer .grid-4 .logo{height:94px; width:126px; grid-area:2/1/2/1;}
    footer .grid-4 .links li{height:24px;}
    footer .grid-4 .links li a{line-height:24px;}
    footer .grid-4 .socials{grid-area: 3/1/3/1; display:flex;}
    footer .grid-4 .socials li:first-child{margin-left:20px;}
    footer .grid-4 .copyright{grid-area: 4/1/4/span 2; margin-top:16px; display:grid; grid-template-columns:1.2fr 0.7fr;}
    footer .grid-4 .copyright *{font-size:1.2rem; color:#b8b8b8;}
    footer .grid-4 .copyright a{margin-left:12px;}
}

/*mobile s: 320-426*/
@media only screen and (max-width:426px)
{
    
    body{font-size:1.4rem;}
    
    .button{min-width:120px; font-size:1.6rem;}
    
    section.slide .grid-3 .image{grid-area:unset; height:242px;}
    section.slide.assortment .grid-3 .image{height:202px; width:100%;}
         section.slide .grid-4 .image:first-of-type{height:180px;} 
    section.slide .grid-4 article:last-of-type p{margin-bottom:8px;}
    section.slide .grid-4 article div{margin-bottom:8px;}
    section.slide .grid-4 article .buttons .button{margin:4px;}
    
    section.product .grid-2 article .buttons{float:unset;}
    section.product .grid-2 article .buttons .button{margin-left:unset; margin:8px 0;}
    section.product .grid-2 article .buttons a{margin-left:unset; width: 100%;}

    section.content .grid-3 .image{height:193px;}
    section.content .grid-4 .mobilehide{display:none;}
    section.content .grid-4 .category{grid-column-end:span 2;}
    section.content .grid-4 .image{width:100%; height:130px;}
    section.content .grid-2 article{padding:8px 8px;}
    section.content.contact .grid-2 .image.team{height:162px;}
    
     footer .grid-4{padding-top:16px; padding-bottom:16px;font-size:1.2rem;}
     footer .grid-4 .logo{height:79px; width:99px; }
}