@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:'Source Sans Pro', sans-serif; font-size:1.8rem; line-height:1.628571; color:#352d25; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}


/*text*/
h1, h2, h3, h4, h5, h6{width:100%; font-family:'Crimson Pro', sans-serif; height:auto; font-weight:900;}
h1{font-size:4.0rem; margin-bottom:32px;}
h2{font-size:2.5rem; margin-bottom:32px;}
h3{font-size:2.2rem; margin-bottom:16px;}
h4{font-size:2.0rem; margin-bottom:16px;}
h5{font-size:1.8rem; margin-bottom:16px;}
p{margin:0px 0px 32px 0px;}
p:last-of-type{margin:0px 0px 0px 0px;}
a, a{color:#ee721f; text-decoration:none;}
a:hover, a:hover {color:#f29456;}
a.on{color:#0f80cb;}
small{font-size:1.2rem;}
section{padding: 32px 0;}
article ul,
article ol{list-style:disc outside; margin:0px 0px 30px 20px;}

/*floats*/
.left{float:left;}
.right{float:right;}

/*forms*/
form.form-grid{display:grid; grid-template-columns:160px auto; gap:16px; margin:0px auto;}
form.form-grid .wide{grid-column-end:span 2;}
form.form-grid h2{margin-top:35px; margin-bottom:0px; font-size:2.4rem;}
form.form-grid h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
form.form-grid div{padding:8px 0px;}
form.form-grid div.row{border-bottom:1px dotted #eae9e9;}
form.form-grid div.noborder{border-bottom:none !important;}
form.form-grid div.label{color:#2a2620;}
form.form-grid div.row label.red{color:#e2001a;}
form.form-grid div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form-grid div input[type="text"],
form.form-grid div input[type="number"],
form.form-grid div input[type="date"],
form.form-grid div input[type="time"],
form.form-grid div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; font-family:'Open Sans', sans-serif; font-size:1.4rem; border-radius:8px; border:1px solid #eae9e9; color:#2a2620; background:#ffffff;}
form.form-grid div select{width:100%; height:24px; line-height:24px; font-size:1.4rem; padding:16px; border-radius:8px; color:#2a2620; background:#ffffff; border:1px solid #eae9e9; font-family:'Roboto', sans-serif; color:#555555;}
form.form-grid div select{height:unset; line-height:unset; padding:8px 16px;}
form.form-grid div select option{color:#555555;}
form.form-grid div input[type="text"].red,
form.form-grid div input[type="number"].red,
form.form-grid div input[type="date"].red,
form.form-grid div input[type="time"].red,
form.form-grid div select.red,
form.form-grid div input[type="datetime-local"].red{border:1px solid #e2001a;}
form.form-grid div input[type="text"]:focus,
form.form-grid div input[type="number"]:focus,
form.form-grid div input[type="date"]:focus,
form.form-grid div input[type="time"]:focus,
form.form-grid div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form-grid div textarea{width:100%; height:300px; line-height:24px; padding:16px; border-radius:8px; font-family:'Open Sans', sans-serif; font-size:1.4rem; background:#ffffff; color:#2a2620; border:1px solid #eae9e9} 
form.form-grid div textarea:focus{border:1px solid #303030;}
form.form-grid div textarea.red{border:1px solid #e2001a;}
form.form-grid div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form-grid div.submit .button-left input[type=button],
form.form-grid div.submit .button-left input[type=submit]{border:0px; font-family:'Open Sans', sans-serif; font-size:1.4rem; color:#555555; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:left; cursor:pointer;}
form.form-grid div.submit .button-right input[type=button],
form.form-grid div.submit .button-right input[type=submit]{border:0px; font-family:'Open Sans', sans-serif; font-size:1.4rem; color:#ffffff; font-size:1.4rem; padding:15px 25px; border-radius:5px; text-decoration:none; float:right; cursor:pointer;}
form.form-grid div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}


/*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:150px;}
header .grid{display:grid; grid-template-columns:300px 1fr; grid-gap:32px; height:120px;}
header .topbar{height:30px; width:100%; background-color:#f5f5f5;}
header .topbar .toplinks ul{display:flex; justify-content:flex-end; font-size:1.6rem; color:#a3a3a3;}
header .topbar .toplinks ul li:last-of-type a{color:#1F9BEE; margin-left:12px;}
header .topbar .toplinks ul li a{text-decoration:none; color:#444444; margin: 0 4px;}
header .topbar .toplinks ul li:hover a{color:#1f9bee;}
header .topbar .toplinks ul li:last-of-type a:hover{color:#f29456;}
header .grid .logo{height:70px; width:300px; margin: auto 0;}
header .grid .logo img{height:100%; width:100%; object-fit:contain;}
header .grid nav ul{display:flex; justify-content:flex-end; line-height:120px; font-size:1.6rem;}
header .grid nav ul:nth-of-type(2){display:none;}
header .grid nav ul li{margin-right:18px;}
header .grid nav ul li:last-of-type{margin-right:unset;}
header .grid nav ul li a{color:#444444;}
header .grid nav ul li a:hover{color:#ee721f;}
header .grid nav ul li a.on{color:#ee721f;}
header .grid .menu{display:none;}

/*generals*/
.title.orange{color:#ee721f;}
.title.blue{color:#0f80cb;}
.title.white{color:#ffffff; /*filter:drop-shadow(0px 3px 6px #444444);*/}
.bg.orange{background-color:#ee721f;}
.bg.blue{background-color:#0f80cb;}
.bg.blue{background: rgb(78,176,242);background: linear-gradient(90deg, rgba(78,176,242,1) 0%, rgba(31,155,238,1) 50%, rgba(15,128,203,1) 100%);}
.bg.blue h2{color:#ffffff;}
.bg.blue p{color:#ffffff;}
.bg.blue a{color:#ffffff; text-decoration:none;}
.bg.blue a:after{content: ""; color:white; margin-right:6px;}
.bg.blue a:hover{color:#f29456;}
.bg.blue ul li a:hover:after{content:"\279C"; color:#f29456;}
.bg.blue ul{list-style:none;}
.bg.blue ul li:before{content: "•"; color:white; display:inline-block; width:1em; margin-left:-1em;}
.bg.orange.gradient{background: rgb(241,137,67);background: linear-gradient(90deg, rgba(241,137,67,1) 0%, rgba(238,114,31,1) 50%, rgba(214,95,16,1) 100%);}
.button{display:block; width:fit-content; font-size:1.4rem; font-weight:700; font-family:'Open Sans',sans-serif; color:#ffffff; line-height:1.4; text-align:center; padding:8px 24px; border-radius:4px; text-decoration:none;}
.button:hover{background-color:#d5d5d5;}
.button.full{width:100%; height:48px; line-height:48px; padding:unset; border-radius: 0px 0px 4px 4px;}
.button.full:hover{background:#b97e4f; color:#ffffff;}
.button.outline{background:unset; border:4px solid white;}
.button.bg.blue{}
.button.bg.blue:hover{background:unset; background-color:#ee721f; color:white;}
.button.bg.orange:hover{background:white; color:#ee721f;}
hr{border-bottom: 1px solid #f5f5f5; filter:blur(1px); opacity:0.6;}
.content .wrapper:first-child .watermark{display:block;}
.watermark{height:230px; width:230px; position:absolute; left:138px; bottom:56px; opacity:0.09; display:none;}
.watermark.right{height:230px; width:230px; position:absolute; left:unset; right:138px; bottom:56px; opacity:0.6;}
.watermark img{height:100%; width:100%; object-fit:cover;}

section{overflow:visible;}

/*sections*/
section.hero{padding-top:unset; position:relative; z-index:1}
section.hero .overlay{height:200px; width:100%;}
section.hero .overlay img{height:100%; width:100%; object-fit:cover;}
section.hero .image {height:200px; width:580px; position:absolute; bottom:32px; right:0; z-index:-1;}
section.hero .image img{height:100%; width:100%; object-fit:cover;}

section.intro p:last-of-type{padding-bottom:8px;}
section.intro .button{margin:24px 0;}


section.content .wrapper {position:relative; padding: 48px 0;}
section.content .wrapper .grid{display:grid; grid-template-columns:1fr 1fr; grid-gap:32px;}
section.content .wrapper .grid .image{max-height:100%; width:100%;}
section.content .wrapper:nth-child(even) .grid .image{grid-area:1/1/1/1;}
section.content .wrapper:nth-child(odd) .grid .image{grid-area:1/2/1/2;}
section.content .wrapper .grid .image img{height:100%; width:100%; object-fit:contain;}
section.content .wrapper article .button{margin:24px 0;background-color:#ee721f;}
section.content .wrapper address{font-style:normal;}
section.content .wrapper address a{color:#ee721f;}
section.content .wrapper address a:hover{color:#f18943;}
section.content .wrapper address span{display: block; font-weight:900; margin: 12px 0;}
section.content .wrapper .maps{width:100%; height:100%;}
section.content .wrapper .maps iframe{width:100%; height:100%;}

section.assortiment .grid{display:grid; grid-template-columns:repeat(3, 1fr);}
section.assortiment .grid h2{grid-column-end:span 3;}
section.assortiment .grid .category{height:100%; width:100%; text-align:center;}
section.assortiment .grid .category .image{height:290px; width:290px; margin: 0 auto;}
section.assortiment .grid .category .image img{height:100%; width:100%; object-fit:cover;}
section.assortiment .grid .category .title{font-family:'Open Sans', sans-serif; font-size:1.8rem; font-weight:700;}
section.assortiment .grid .category .button{margin: 24px auto; font-weight:500;}
section.assortiment .grid .mobilemore{display:none;}


section.slider .slideshow .slide{width:100%; height:100%;}
section.slider .slideshow .slide .image{width:100%; height:100%;}
section.slider .slideshow .slide .image img{width:100%; height:100%; object-fit:cover;}
.slick-prev:before,
.slick-next:before {color:#0f80cb !important;}
.slick-slide img{margin: 0 auto;}


/*footer*/

footer{position:relative; overflow:visible; height:425px; border-top:8px solid #1f9bee;}
footer .wrapper{background:#f5f5f5; height:100%;}
footer .background{width:100%; height:calc(100% - 32px); position:absolute; bottom:0; background-image:url('../images/SEC-FP-R-02.svg'),url('../images/SEC-FP-L-01.svg'); background-position: left center, right center; background-repeat: no-repeat,no-repeat;}
footer .grid{height:100%; display:grid; grid-template-columns:1fr 1fr 1fr 200px;}
footer .grid h4,
footer .grid .logo:first-of-type{margin-top:32px;}
footer .grid .logo{display:block; width:200px; height:50px; margin-top:24px;}
footer .grid .logo img{width:100%; height:100%; object-fit:contain;}
footer .grid address{font-style:normal;}
footer .grid address a.footer{color:#444444 !important;}
footer .grid address a.footer:hover{color:#f18943 !important;}
footer .grid .sociallinks i{color:#1F9BEE; font-size:3.0rem; margin-right:24px;}
footer .grid .sociallinks i:hover{color:#4eb0f2; font-size:3.0rem; margin-right:24px;}
footer .grid hr{display:none;}
footer .grid .customerservice a{display:block;}
footer .grid .customerservice .button{margin: 12px 0; width:80%;}
footer .button{background-color:#0f80cb;}
footer .bar{width:100%; height:20px; background:#d5d5d5;}
footer .bar .container .copyright{display:grid; grid-template-columns: 1fr 1fr; font-size:1.2rem; line-height:20px; color:#444444;}
footer .bar .container .copyright a{color:#444444;}
footer .bar .container .copyright a:hover{color:#f5f5f5;}
footer .bar .container .copyright div:last-of-type{grid-area: 1/2/1/2; text-align:right;}
footer .bar .container .copyright div:not(:last-of-type) a{margin-left:8px;}



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

header .grid{grid-template-columns:230px 1fr;}
header .grid .logo{height:70px; width:230px; margin: auto 0;}


section.hero .image,
section.hero .overlay{height:107px;}
section.hero .image{width:330px;}




section.assortiment .grid .category .image{height:250px; width:250px; margin: 0 auto;}
}

/*tablet*/
@media only screen and (max-width:768px) 
{
    h1{font-size:2.5rem; margin-bottom:32px;}
    h2{font-size:2.2rem; margin-bottom:32px;}
    h3{font-size:2.0rem; margin-bottom:16px;}
    h4{font-size:1.8rem; margin-bottom:16px;}
    h5{font-size:1.8rem; margin-bottom:16px;}
    
    section{padding:24px 0;}
    .slick-dots{bottom:-27px !important;}
    
    header{height:120px; overflow:visible;}
    header .grid{display:grid; grid-template-columns:230px 1fr; height:90px;}
    header .grid .logo{width:230px; height:40px;}
    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 .menu{display:unset; display:block; text-align:right; z-index:1;}
    header .grid .menu a i{font-size:3.0rem; color:#ee721f; line-height:90px;}    
    header .grid nav ul{width:100%; height:auto; display:block; position:relative; float:left; padding:24px; background:#1F9BEE; margin-left:unset;}
    header .grid nav ul li:before{background:none;}
    header .grid nav ul li{background:none;}
    header .grid nav ul li{width:100%; height:48px; line-height:48px; display:block; float:left; margin:0px; text-align:right; border-radius:unset;}
    header .grid nav ul li a{color:#ffffff; height:48px; line-height:48px; margin:unset;}
    header .grid nav.open{width:100%; height:100vh; display:block; float:none; left:0px; top:90px; z-index:101; position:absolute; margin:0px !important; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s;}
    
    section.hero .image,
    section.hero .overlay{height:80px;}
    section.hero .image{position:absolute; bottom:24px; width:228px;}
    
    section.content .wrapper .watermark{height:230px; width:230px; position:absolute; left:unset; right:24px; bottom:56px; opacity:0.09;}
    section.content .wrapper .watermark.right{height:230px; width:230px; position:absolute; left:unset; right:24px;  bottom:unset; top:56px; opacity:0.09;}
    section.content .wrapper .grid{display:grid; grid-template-columns:1fr; grid-gap:32px;}
    section.content .wrapper:nth-child(even) .grid .image{grid-area:1/1/1/1;}
    section.content .wrapper:nth-child(odd) .grid .image{grid-area:2/1/2/1;}
    section.content .wrapper .grid .image{height:100%; width:100%; margin: auto;}
    
    section.assortiment .grid .category .image{height:220px; width:220px; margin: 0 auto;}
    
    section.slider .slideshow{width:90%;margin: 0 auto; }
  
    
    
    footer{position:relative; overflow:visible; height:fit-content; border-top:8px solid #1f9bee;}
    footer .wrapper{background:#f5f5f5; height:100%;}
    footer .background{width:100%; height:calc(100% - 24px); position:absolute; bottom:0; background-image:url('../images/SEC-FP-R-02.svg'); background-position: left center; background-repeat:no-repeat; background-size:22%;}
    footer .grid{height:100%; display:grid; grid-template-columns:1fr 1fr;}
    footer .grid h4,
    footer .grid .logo:first-of-type{margin-top:24px;}
    footer .grid .logo{display:block; width:100px; height:40px; margin: 12px 0 12px auto;}
    footer .grid .logo img{width:100%; height:100%; object-fit:contain;}
    footer .grid address{font-style:normal;}
    footer .grid .sociallinks{grid-area:2/1/2/1;}
    footer .grid .sociallinks i{color:#1F9BEE; font-size:2.5rem; margin-right:12px;}
    footer .grid .customerservice a{display:block;}
    footer .grid .customerservice .button{margin: 12px 0; width:100%;}
    footer .bar{width:100%; background:#d5d5d5;}
    footer .bar .container .copyright{display:grid; grid-template-columns: 1fr 1fr; font-size:1.2rem; color:#ffffff;}
    footer .bar .container .copyright a{color:#ffffff;}
    footer .bar .container .copyright a:hover{color:#f5f5f5;}
    footer .bar .container .copyright div:last-of-type{grid-area: 1/2/1/2; text-align:right;}
    footer .bar .container .copyright div:not(:last-of-type) a{margin-left:8px;}

}

/*mobile l*/
@media only screen and (max-width:426px)
{  
    h1{font-size:2.2rem; margin-bottom:24px;}
    h2{font-size:2.0rem; margin-bottom:24px;}
    h3{font-size:1.8rem; margin-bottom:16px;}
    h4{font-size:1.6rem; margin-bottom:16px;}
    h5{font-size:1.4rem; margin-bottom:16px;}
    
    section{padding:16px 0;}
    
    body{font-size:1.4rem;}
    .bg.blue a:after{content:unset; color:unset; margin-right:unset;}
    
    form.form-grid{grid-template-columns:1fr;}
    form.form-grid .wide{grid-column-end:unset;}
    
    header{height:100;}
    header .topbar .toplinks ul{justify-content:space-around;}
    header .topbar .toplinks ul li:nth-of-type(1){display:none;}
    header .topbar .toplinks ul li:nth-of-type(2){display:none;}
    header .topbar .toplinks ul li:nth-of-type(3){display:none;}
    header .grid{height:70px;}
    header .grid .logo{width:170px;}
    header .grid .menu a i{font-size:2.2rem; line-height:70px;}
    header .grid nav.open{top:70px;}
    header .grid nav ul:nth-of-type(1){padding-bottom:unset;}
    header .grid nav ul:nth-of-type(2){display:block; padding: 0 24px; padding-bottom:24px;}
    header .grid nav ul:nth-of-type(2) li:first-of-type{display:none;}
    header .grid nav ul:nth-of-type(2) li:nth-of-type(4){display:none;}
    
    section.hero .overlay{height:63px; width:100%;}
    section.hero .image{height:63px; width:105px; bottom:16px;}
    
    section.content .wrapper{padding:12px;}
    section.content .wrapper .watermark,
    section.content .wrapper .watermark.right{height:100px; width:100px; position:absolute; left:unset; right:24px; bottom:unset; top:0; opacity:0.09;}
    section.content .wrapper .grid{display:grid; grid-template-columns:1fr; grid-gap:24px;}
    section.content .wrapper .grid .image{width:100%; margin: 0 auto 0 0;}
    
    section.assortiment .grid{display:grid; grid-template-columns:1fr;}
    section.assortiment .grid h2{grid-column-end:unset;}
    section.assortiment .grid .category{display:grid; grid-template-columns:50px 1fr; gap:12px; margin:12px 0;}
    section.assortiment .grid .category .image{height:50px; width:50px;}
    section.assortiment .grid .category .title{line-height:50px; text-align: left;}
    section.assortiment .grid .category .button{display:none;}




    footer{position:relative; overflow:visible; height:fit-content; border-top:8px solid #1f9bee;}
    footer .wrapper{background:#f5f5f5; height:100%;}
    footer .background{width:100%; height:calc(100% - 24px); position:absolute; bottom:0; background-image:url('../images/SEC-FP-R-02.svg'); background-position: left center; background-repeat:no-repeat; background-size:22%;}
    footer .grid{height:100%; display:grid; grid-template-columns:1fr 1fr;}
    footer .grid .logo:first-of-type{margin-top:12px;}
    footer .grid .logos{grid-column-end:span 2; display:grid; grid-template-columns:1fr 1fr; margin-bottom:24px;}
    footer .grid .logos hr{display:unset;}
    footer .grid .logo{display:block; width:80px; height:40px; margin:auto;}
    footer .grid .logo img{width:100%; height:100%; object-fit:contain;}
    footer .grid address{font-style:normal;}
    footer .grid .sociallinks{grid-area:2/1/2/1;}
    footer .grid .sociallinks i{color:#1F9BEE; font-size:2.5rem; margin-right:12px;}
    footer .grid .customerservice a{display:block;}
    footer .grid .customerservice .button{margin: 12px 0; width:100%;}
    footer .bar{width:100%; background:#d5d5d5; height:fit-content;}
    footer .bar .container .copyright{display:grid; grid-template-columns: 1fr; font-size:1.2rem; color:#ffffff;}
    footer .bar .container .copyright a{color:#ffffff;}
    footer .bar .container .copyright a:hover{color:#f5f5f5;}
    footer .bar .container .copyright div:last-of-type{grid-area:unset; text-align:left;}
    footer .bar .container .copyright div:not(:last-of-type) a{margin-left:8px;}
}

/*mobile m*/
@media only screen and (max-width:376px)
{
 
}

/*mobile s*/
@media only screen and (max-width:320px)
{
    

    section.assortiment .grid{display:grid; grid-template-columns:1fr;}
    section.assortiment .grid h2{grid-column-end:unset;}
    section.assortiment .grid .mobilemore{display:unset; text-align:center; font-size:1.6rem; font-weight:500; margin-top:32px; }
    section.assortiment .grid .mobilemore .button{width:100%; margin: 12px 0;}
    section.assortiment .grid .category .title{font-family:'Open Sans', sans-serif; font-size:1.4rem; font-weight:700;}


    footer{padding-top:4px;}
    footer .grid{display:block; height:unset;}
    footer .wrapper .background{height:100%;}
    footer .grid h4{margin-top:unset;}
   
}