@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');
*{margin:0;padding:0;outline:none;list-style:none;border:none;}
html{height:100%;font:400 62.5% sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{min-height:100%;font: 400 1.5rem 'PT Sans';color:#666;background-color:#f2f2f3;padding-bottom:40rem;position:relative;}
a{color:#47659d;text-decoration:underline;cursor: pointer}
a:hover{color:#c4294a;text-decoration:none; }

*{/* background: rgba(0,0,0,0.1) */}

/**/
.header{overflow:hidden; padding-bottom: 30px;}
.header .menu{width:100%;background-color:#fff;position:fixed;z-index:999;}
.header .menu>ul{height:5.5rem;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;margin:0 auto;}
.header .menu li a{font-weight:700;text-transform:uppercase;text-decoration:none;}
.header .menu li a:hover{text-decoration:underline;}
.header .logo{display:inline-block;margin:10rem 0 4rem 0;}
.header .logo img{width:43rem;}
.header .info .phone{margin:0 0 1rem 0;}
.header .info .phone small,
.header .info .phone span{display:block;color:#333;text-indent:2.5rem;}
.header .info .phone small{font:400 1.5rem 'PT Sans';}
.header .info .phone small.first{height:1.6rem;background:url(images/icon-map.png) left center no-repeat;}
.header .info .phone span{font:400 3rem 'PT Sans';color:#a82d4a;}
.header .info .email{margin-top: 14px;color:#333;display:block;background:url(images/icon-mail.png) left center no-repeat;/* margin:0 0 2rem 0; */text-indent:3rem;text-decoration:none;font-size: 17px;}
.header .info .time{line-height:2.5rem;overflow:hidden;background:url(images/icon-clock.png) left .3rem no-repeat;text-indent:3rem;}
.header .info .time span{display:block;color:#333;font-size: 17px;}

.main .center{display:flex;flex-flow:row wrap;justify-content:center;margin: 0 0 0 0;}

.content{width:100%;order:2;}
.content h1{font:normal 2.4rem 'PT Sans';color:#333;text-transform:uppercase;margin: 0 0 1rem 0;padding:0 0 2.4rem 0;border-bottom:.1rem solid #c9c9c9;}
.content p{line-height:1.6;margin:0 0 1.5rem 0;}
.content p:last-child{margin-bottom:0;}
.content ul{margin:0 0 1.5rem 0;}
.content ul li{line-height:2rem;color:#333;list-style:disc;margin:0 0 1rem 2rem;}
.content ol{margin:0 0 1.5rem 0;}
.content ol li{line-height:2rem;color:#333;list-style:decimal;margin:0 0 1rem 2rem;}
.content strong{color:#333;}
.term-description{margin:0 0 3rem 0;}

.types{margin:0 0 8rem 0;}
.types ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
.types li{width:17rem;height:30rem;background-color:#fff;border:.2rem solid #cacaca;transition:.5s ease-out;}
.types li:hover{box-shadow:0 1rem 1rem #bebebe;}
.types li:last-child{margin-right:0;}
.types li a{display:block;text-align:center;text-decoration:none;}
.types li img{width:16rem;margin:.5rem auto 1rem auto;}
.types li .separator{width:14.5rem;height:.8rem;display:block;background:url(images/separator.png) center center no-repeat;margin:0 auto 1rem auto;}
.types li .title{height:6rem;font:normal 1.5rem 'PT Sans';color:#333;display:flex;align-items:center;justify-content:center; font-weight: 400;}

.products{width:100%;margin:0 0 8rem 0;}
.products .title{width:100%;font:normal 3rem/1 'PT Sans';color:#333;display:block;text-align:center;text-transform:uppercase;margin:0 0 4rem 0;}
.products .title:before{display:block;content:'';position:relative;bottom:-1.5rem;z-index:1;border-top:.1rem solid #c9c9c9;}
.products .title span{display:inline-block;background:#f2f4f6;padding:0 1.5rem;position:relative;z-index:2;}
.products ul{display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 0 4rem 0;padding:0 0 1rem 0;}
.products li{width:19.6rem;height:20rem;background:#fff;text-align:center;padding:1rem;border:.1rem solid #c9c9c9;transition:.5s ease-out;list-style:none!important;}
.products li:hover{box-shadow:0 1rem 1rem #bebebe;}
.products a{text-decoration:none;}
.products img{margin:0 auto 0rem auto;}
.products a span{height:6rem;font-weight: 500;display:flex;align-items:center;justify-content:center;}
.products .all{width:14rem;height:4rem;font:400 1.4rem 'PT Sans';color:#fff;display:flex;align-items:center;justify-content:center;background-color:#435993;text-transform:uppercase;text-decoration:none;margin:0 auto;border-radius:.3rem;transition:.5s ease-out;}
.products .all:hover{background-color:#a82d4a;}

.archive .products{display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 0 4rem 0;padding:0 0 1rem 0;}
.archive .products:after{content:'';flex:auto;}
.archive .products a{width:18rem;height: 21rem;background:#fff;text-align:center;margin:0 0 1.7rem 0;padding:1rem;border:.1rem solid #c9c9c9;transition:.5s ease-out;list-style:none!important;}
.archive .products a:hover{box-shadow:0 1rem 1rem #bebebe;}
.archive .products a:last-child{margin:0 0 0 1.7rem;}
.archive .products img{margin:0 auto 0rem auto;}
.archive .products span{height:6rem;font-weight:700;display:flex;align-items:center;justify-content:center;}

.slider{margin:0 0 10rem 0;}
.slider .title{width:100%;font:normal 3rem/1 'PT Sans';color:#333;display:block;text-align:center;text-transform:uppercase;margin:0 0 4rem 0;}
.slider .title:before{display:block;content:'';position:relative;bottom:-2rem;z-index:1;border-top:.1rem solid #c9c9c9;}
.slider .title span{display:inline-block;background-color:#f2f4f6;padding:0 2rem;position:relative;z-index:2;}
.slider .carousel a{display:block;position:relative;}
.slider .carousel a:before{content:'';width:100%;height:100%;background:transparent;background-position:center center;transition:.5s ease-out;}
.slider .carousel a:hover:before{content:'';width:100%;height:100%;display:block;position:absolute;background:rgba(0,0,0,.5) url(images/icon-zoom.png) center center no-repeat;z-index:2;}
.slider .slick-slide{margin:0 1rem;}
.slider .slick-list{margin:0 -1rem;}
.slider .slick-prev,.slick-next{width:3.5rem;height:3.6rem;background:url(images/arrows.png) 0 0 no-repeat;text-indent:-999rem;position:absolute;top:40%;z-index:2;border:none;cursor:pointer;}
.slider .slick-prev{left:-5.5rem;}
.slider .slick-next{background:url(images/arrows.png) -3.5rem 0 no-repeat;right:-5.5rem;}

.application{width:100%;overflow:hidden;background:url(images/phone.jpg) right 10rem no-repeat;}
.application .title{color:#a82d4a;}
.application .title{width:100%;font:normal 3rem/1 'PT Sans';color:#333;display:block;text-align:center;text-transform:uppercase;margin:0 0 4rem 0;}
.application .title:before{display:block;content:'';position:relative;bottom:-2rem;z-index:1;border-top:.1rem solid #c9c9c9;}
.application .title span{display:inline-block;background-color:#f2f4f6;padding:0 2rem;position:relative;z-index:2;}
.application .description{font:400 1.6rem 'PT Sans';color:#666;display:block;text-align:center;margin:0 0 3rem 0;}
.application form{max-width:74rem;overflow:hidden;text-align:center;margin:0 auto;}
.application p{float:left;margin:0 2rem 2.5rem 0;}
.application p input[type="text"]{width:19.8rem;height:4rem;font:400 1.6rem 'PT Sans';color:#999;padding:0 1.5rem;border:.1rem solid #c9c9c9;border-radius:.3rem;position:relative;z-index:99;}
.application p textarea{width:70rem;height:5rem;font:400 1.6rem 'PT Sans';color:#999;display:block;padding:1.5rem;border:.1rem solid #c9c9c9;border-radius:.3rem;resize:none;position:relative;z-index:99;}
.application input[type="submit"]{width:23rem;height:4.2rem;font:400 1.4rem 'PT Sans';color:#fff;display:block;background-color:#435993;text-align:center;text-transform:uppercase;margin:3rem auto 0 auto;border-radius:.3rem;transition:.5s ease-out;cursor:pointer;}
.application input[type="submit"]:hover{background:#a82d4a;}
.application .email{margin-right:0;}
.application .submit{float:none;}
.application .wpcf7-not-valid-tip{font:400 1.1rem 'PT Sans';float:none;display:block;margin:.5rem 0 0 0;}
.application .wpcf7-response-output{margin:0;padding:1rem;}

.sidebar{width:24rem;order:1;}
.sidebar .title{font:normal 1.8rem 'Times New Roman';color:#345996;display:block;text-align:center;text-transform:uppercase;margin:0 0 3rem 0;padding:0 0 1rem 0;border-bottom:.1rem solid #c9c9c9;}
.sidebar .menu{margin:0 0 4rem 0;}
.sidebar .menu li{margin:0 0 1.5rem 2rem;}
.sidebar .menu li a{font:normal 1.8rem 'Times New Roman';color:#333;overflow:hidden;display:block;background:url(images/icon-bullet.png) left .7rem no-repeat;padding:0 0 0 1.5rem;text-decoration:none;}
.sidebar .menu li a:hover{text-decoration:underline;}
.sidebar .button{width:14rem;height:5rem;font:700 1.8rem 'PT Sans';color:#fff;display:flex;align-items:center;justify-content:center;background-color:#c4294a;text-align:center;text-transform:uppercase;text-decoration:none;margin:0 auto;border-radius:.3rem;transition:.5s;display: none;}
.sidebar .button:hover{background:#355997;}

.footer{width:100%;height: 35rem;position:absolute;bottom:0;}
.footer .map{width:100%;height:30rem;background-color:#bbb;}
.footer .map .ymaps-layers-pane{-webkit-filter:grayscale(100%);}
.footer .bottom .inner{height:5rem;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;}
.footer .bottom .copyright{color:#888;}
.footer .bottom .email{display:flex;align-items:center;}
.footer .bottom .email:before{content:'';width:1.6rem;height:1.2rem;display:inline-flex;background:url(images/icon-mail.png) no-repeat;margin:0 1rem 0 0;position:relative;top:.2rem;}
.footer .bottom .phone{font-weight:700;}

.controls{display:flex;align-items:center;margin:0 0 2rem 0;
    position: relative;
    max-width: 80%;
}
.controls .select{margin:0 2rem 0 0;border:.1rem solid #bbb;}
.controls .select select{font-weight:700;text-align:center;padding:.5rem;}
.controls .checkbox{width:100%;}
.controls .checkbox .item{font-weight:700;display:inline-flex;align-items:center;margin:0 2rem 0 0;}
.controls .checkbox .item input[type="checkbox"]{margin:.1rem .5rem 0 0;}

.items{max-width:64rem;text-align:justify;padding:1rem 0;}
.items:after{content:'';width:100%;display:inline-block;}

.mix,.gap{display:inline-block;vertical-align:top;}
.mix{background-color:#fff;text-align:center;margin-bottom:2rem;text-decoration:none;position:relative;border:.1rem solid #cacaca;}
.mix:hover{transition:.5s ease-out;box-shadow:0 1rem 1rem #bebebe;}
.mix:before{content:'';display:inline-block;padding-top:56.25%;}
.mix img{margin:.5rem 0 .5rem -.4rem;}
.mix span{font:700 1.6rem 'PT Sans';color:#333;display:block;margin:0 0 1rem 0;}
.mix,.gap{width:calc(100%/2 - (((2 - 1) * 1rem) / 2));}



.fancybox-slide--iframe .fancybox-content{max-width:86rem;max-height:66rem;padding:1.5rem;}
.body{background-color:#fff;padding:0;}
.modal{display:flex;}
.modal .slides{width:40rem;margin:0 2rem 0 0;}
.modal .slides .slide{margin:0 0 1.3rem 0;}
.modal .slides .thumbs{text-align:center;}
.modal .slides .thumbs img{display:block;margin:0 auto;border:.3rem solid transparent;cursor:pointer;}
.modal .slides .thumbs .slick-current img{border:.3rem solid #000;}
.modal .info{width:40rem;margin:0 0 3rem 0;}
.modal .info p b{color:#333;}
.modal .info .title{font:700 2.4rem 'PT Sans';color:#333;}
.modal .info .model{color:#999;margin:0 0 1rem 0;}
.modal .info .stela{color:#999;margin:0 0 1rem 0;}
.modal .info .stand{color:#999;margin:0 0 1rem 0;}
.modal .info .color{color:#999;margin:0 0 2.5rem 0;}
.modal .info .price{font:700 3.2rem 'PT Sans';color:#333;margin:0 0 2rem 0;}
.modal .wpcf7 form p{margin:0 0 2rem 0;}
.modal .wpcf7 form input[type="text"]{width:100%;font:400 1.6rem 'PT Sans';text-indent:1rem;padding:1rem 0;border:.2rem solid #ddd;}
.modal .wpcf7 form input[type="submit"]{width:14rem;height:5rem;font:700 1.8rem 'PT Sans';color:#fff;display:flex;align-items:center;justify-content:center;background-color:#c4294a;text-transform:uppercase;text-decoration:none;margin:0 auto;border-radius:.3rem;transition:.5s ease-out;cursor:pointer;}
.modal .wpcf7 form input[type="submit"]:hover{background-color:#355997;}
.modal .wpcf7 .wpcf7-not-valid{border:.2rem solid #f00!important;}

.wpcf7 .ajax-loader{display:none!important;}
.wpcf7 .wpcf7-not-valid{border:.1rem solid #f00!important;}
.wpcf7 .wpcf7-not-valid:not(:hover){-webkit-transition:1s;transition:1s;}
.screen-reader-response,.wpcf7-validation-errors,.wpcf7-not-valid-tip{display:none!important;}
.wpcf7-mail-sent-ok{text-align:center;background-color:#fff;font:700 1.3rem 'PT Sans';color:#000;margin:0 0 3rem 0;padding:1rem;border:,2rem solid green;clear:both}


header.header{
    height: 460px;
    background: url(images/header.png);
    margin-bottom: 10px;
    background-size: 1100px;
    background-repeat: no-repeat;
    background-position: 200px 0px;
}

body > header > .inner{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;

}

body > header > .inner > .logo{
    margin: 68px 0px 1px 0px;
    height: 120px;
    position: relative;
    right: 10px;
}

body > header > .inner a.toContact{
    color:#333;
    display:block;
    background:url(images/icon-map.png) left center no-repeat;
    margin:0 0 10px 0;
    text-indent:3rem;
    text-decoration:none;
    margin-bottom: 6px;
    font-size: 17px;
}

body > header > .inner a.toContact1{
    background: none;
}

body > header > div.inner > div > a{
    margin-bottom: 10px;
}





body > header > div.inner > div > div.address > div > span > a{
    text-decoration: none;
    color: #c4294a;
}

.types>.title{width:100%;font:normal 3rem/1 'PT Sans';color: #333;display:block;text-align:center;text-transform:uppercase;margin:20px 0 4rem 0;font-weight: 500;}
.types>.title span{display:inline-block;background-color:#f2f4f6;padding:0 2rem;position:relative;z-index:2;}
.types>.title:before{display:block;content:'';position:relative;bottom:-1.5rem;z-index:1;border-top:.1rem solid #c9c9c9;}



.contentWithout{width:64rem;order:2;}
.contentWithout h1{font:normal 3rem 'PT Sans';color:#333;text-transform:uppercase;margin:0 0 1.5rem 0;padding:0 0 1.4rem 0;border-bottom:.1rem solid #c9c9c9;}
.contentWithout p{line-height:1.6;margin:0 0 1.5rem 0;font-weight: 400 !important;}
.contentWithout p:last-child{margin-bottom:0;}
.contentWithout ul{margin:0 0 1.5rem 0;}
.contentWithout ul li{line-height:2rem;color:#333;list-style:disc;margin:0 0 1rem 2rem;}
.contentWithout ol{margin:0 0 1.5rem 0;}
.contentWithout ol li{line-height:2rem;color:#333;list-style:decimal;margin:0 0 1rem 2rem;}
.contentWithout strong{color:#333;}


.contentWithout{
    width:100%;
    order:2;
    text-align: center;
}

.archive .products{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    margin:0 0 0rem 0;
    padding:0 0 0rem 0;
    width: 100%;
    /* position: relative; */
    right: 0%;
}

.sidebar{
    position: relative;
    right: 0px;
    bottom: -10px;
    height: 200px;
}

.archive .products a{
    margin: 10px;
    margin-bottom: 40px;
}


.archive .products:after{content:'';flex:auto; display: none;}

.archive .products a:last-child{margin:10px;}

body > main > div > div > div.content > div.term-description{
    display: none;
}
.types {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.types ul{
    display:grid;
    grid-template-rows: 310px 310px;
    grid-template-columns: 180px 180px 180px 180px;
    grid-gap: 20px 30px;
}

.mixitup-ready{
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
    margin:0 0 4rem 0;
    padding:0 0 1rem 0;
    min-width: 100%;
    /* position: relative; */
    /* right: 50%; */
}

.mix,.gap{
    display:inline-block;
    vertical-align:top;
}
.mix{
    background-color:#fff;
    text-align:center;
    margin-bottom:2rem;
    text-decoration:none;
    position:relative;
    border:.1rem solid #cacaca;
    }
.mix:before{
    content:'';
    display:inline-block;
    padding-top:56.25%;
    }
.mix img{
    margin:.5rem 0 .5rem -.4rem;
    }
.mix span{
    font:700 1.6rem 'PT Sans';
    color:#333;
    display:block;
    margin:0 0 1rem 0;
    }
.mix,.gap{
    width:200px}

.inner{width:100%;max-width:94rem;margin:0 auto; }

.dropNav{
    display: flex;
    position: relative;
}

.dropNavWrapper{
    display: flex;
    position: absolute;
    top: 20px;
    padding-top: 10px;
    left: -10px;
    opacity: 0;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    transition: 0;
    display: none;
    width: 150px;
    background: #fff;

}

.dropNavItem{
    position: relative;
    padding: 10px 10px;
    justify-content: flex-start;
    align-items: center;
    color:#47659d;
    opacity: 0;
    transition: 0;
    font-size: 13px;
    width: 87%;
}

.dropNav:hover .dropNavWrapper{
    opacity: 1;
    transition: 0;
    display: flex;
}

.dropNav:hover .dropNavItem{
    opacity: 1;
    transition: 0;
}

.dropNavItem::after{
    position: absolute;
    bottom: 0px;
    left: 10px;
    content:'';
    width: 130px;
    height: 1px;
    background: #47659d4d;
}

.dropNavWrapper .dropNavItem:last-child::after{
    display: none;
}

.dropNav1 >.dropNavWrapper{
    height: 20px;
}

.dropNav1:hover  >.dropNavWrapper{
    height: 120px;
}

.dropNav2 > .dropNavWrapper{
    height: 20px;
}

.dropNav2:hover > .dropNavWrapper{
    height: 250px;
}

.dropNav3 > .dropNavWrapper{
    height: 20px;
}

.dropNav3:hover > .dropNavWrapper{
    height: 100px;
}



.dropNavItem .dropNavWrapper{
    padding-top: 0px;
    left: 145px;
    top: 0px;
    max-height: 0px;
    background: #fff;
    opacity: 0 !important;
    width: 150px;
    display: none !important;

}



.dropNavItem:hover .dropNavWrapper{
    display: flex !important;
    width: 100%;
    opacity: 1 !important;
    max-height: 1000px;
}

.dropNavItem:hover a{
    color: #c4294a !important;
}


.sidebar{
    position: absolute;
    width: 200px;
    top: 474px;
    left:165px;
    /*     left: -20px; */
}
.sidebar>.dropNav{
    display: flex;
    position: relative;
    padding: 10px 20px;
    background: #ffffff;

}
.sidebar > a{
    padding: 10px 20px;
}
.sidebar > div:first-child{
    background: #47659d;
    display: flex;
    flex-direction: column;
    padding-left: 0px;
    padding-bottom: 0px;
}

.sidebar>.dropNav>a{
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    padding: 0px 10px 10px 10px;
}

body > main > div > div > div.sidebar > div > a{
    text-transform: uppercase;
}

.sidebar>.dropNav a{
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
}


.sidebar>.dropNav>.dropNavWrapper{
    display: flex;
    position: absolute;
    top: 40px;
    padding-top: 10px;
    left: 0px;
    opacity: 1 !important;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    transition: 0.7s;
    width: 200px;
    background: #fff;
    height: 260px;

}

.sidebar>.dropNav>.dropNavWrapper>.dropNavItem>.dropNavWrapper{
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    display: none;
}

.dropNavWrapperSidebar{
    margin-left: 0px;

}

.dropNavWrapperSide{
/*     display: none; */
    height: 0px;
    opacity: 0;
    transition: 1s;
}

.sidebar>.dropNav>.dropNavWrapper>.dropNavItem:hover .dropNavWrapper{
    display: flex;
    left:190px;
}
.sidebar .dropNavWrapperSide .dropNavItem{
    width: 140px;
}
.sidebar .dropNavItem{
    width: 160px;
    position: relative;
    padding: 10px 20px;
    justify-content: flex-start;
    align-items: center;
    color:#47659d;
    opacity: 1;
    transition: 1.3s;
    font-size: 13px;
    background: #fff;
}

.sidebar .dropNavItem:after{
    width: 178px;
}

.sidebar .dropNavItem:last-child:after{
    display: none;
}


.sidebar .dropNavWrapperSide .dropNavItem:first-child:before{
    content: '';
    height:1px;
    background: #c7d0e1;
    position: absolute;
    width: 158px;
    top:3px;
    left: 10px;
}

.sidebar .dropNavWrapperSide .dropNavItem:after{
    width: 158px;
}



@media (min-width: 1441px){
    .inner{
    width:100%;
    max-width:114rem;
    margin:0 auto;
    }

    body > main > div > div.types > ul > li{
        width: 220px;
        padding-top: 20px;
        padding-bottom: 10px;
    }

    body > main > div > div.types > ul > li  img{
        height: 200px;
        width: 177px;
    }

    body > main > div > div.products > ul > li{
        width: 260px;
        height: 240px;
    }

    body > main > div > div.products > ul > li img{
        height: 180px;
    }

    body > main > div > div.slider > div > div > div > div.slick-slide > div > a img{
        height: 190px;
    }

    .sidebar{
        /* position: relative; */
        left: 170px;
        top: 372px;
        height: 200px;
    }
    .archive .products{
        display:flex;
        flex-flow:row wrap;
        justify-content:flex-start;
        margin:0 0 4rem 0;
        padding:0 0 1rem 0;
        width: 100%;
        position: relative;
        right: 0%;
    }

    header.header{
        height: 480px;
        background: url(images/header.png);
        margin-bottom: 10px !important;
        background-repeat: no-repeat;
        background-position: 200px -45px;
        background-size: 85%;
    }

    .types ul{
        display:grid;
        grid-template-rows: 340px 340px;
        grid-template-columns: 230px 230px 230px 230px;
        grid-gap: 40px;
    }

    .archive .products a:first-child{
        /* margin-left: 230px; */
    }

    .archive .products a{
        margin-bottom: 40px;
    }

    .archive .products:after{content:'';flex:auto; display: none;}

    .archive .products a:last-child{margin:10px;}

    body > main > div > div > div.content > div.term-description{
        display: none;
    }


    .mixitup-ready{
        display:flex;
        flex-flow:row wrap;
        justify-content:space-between;
        margin:0 0 4rem 0;
        padding:0 0 1rem 0;
        min-width: 100%;
        /*         position: relative;
        right: 100%; */
    }

    .mix,.gap{
        display:inline-block;
        vertical-align:top;
    }
    .mix{
        background-color:#fff;
        text-align:center;
        margin-bottom:2rem;
        text-decoration:none;
        position:relative;
        border:.1rem solid #cacaca;
        }
    .mix:before{
        content:'';
        display:inline-block;
        padding-top:56.25%;
        }
    .mix img{
        margin:.5rem 0 .5rem -.4rem;
        }
    .mix span{
        font:700 1.6rem 'PT Sans';
        color:#333;
        display:block;
        margin:0 0 1rem 0;
        }
    .mix,.gap{
        width:200px}

    .gap:first-child{
        margin-left: 0px;
        display: none;
    }


}

@media (min-width: 1610px){
    header.header{
        height: 460px;
        background: url(images/header.png);
        margin-bottom: 10px !important;
        background-repeat: no-repeat;
        background-position: 450px 0px;
        background-size: 1200px;
    }
}

#menuButton{
    display:none;
}

#mobileMenu{
    display:none;
}/*

##################################

             mobile

##################################
 */

@media (orientation: portrait){

    #metaslider_2483{
        width: 100% !important;
        height: 35vw;
    }


     .fancybox-slide--iframe{
         padding: 10px;
         margin: 0px;
     }

    .fancybox-slide--iframe .fancybox-content{max-width:100%;max-height:80vh;padding:0rem;}

    .modal .right{
        display: none !important;
    }

    #menuButton{
        display: flex;
        width: 35px;
        height: 35px;
        top: 7px;
        right: 20px;
        background: #c0c0c0ba;
        position: absolute;
        padding: 3px;
        border-radius: 4px;
    }
    #menuButton:hover{
        cursor: pointer;
    }

    .mbLine{
        position: absolute;
        width: 30px;
        height: 4px;
        background: #4c70b2;
        transition: 0.4s;
        border-radius: 2px;
      }

      .mbLine:nth-child(1){
        top: 3;
      }
      .mbLine:nth-child(2){
        top: 16px;
      }
      .mbLine:nth-child(3){
        top: 29px;
      }

    .header #mobileMenu /*mobile*/{
        display: none;
        flex-direction: column;

    }
    .header .menu ul{
        display:none;
    }
    .header #mobileMenu{
        display:none;
        flex-direction: column;
        height: 300px;
        align-items: flex-start;
        justify-content: flex-start;
        padding-left: 40px;
        position: fixed;
        background: #fff;
        height: 100vh;
        width: 100%;
        padding-top: 70px;
    }

    .header #mobileMenu>li{
        padding: 0px;
        font-size: 19px
    }

    .dropNavItem{
        display: flex;
        opacity: 0.7;
        position: relative;
        padding: 2px 10px;
        justify-content: flex-start;
        align-items: center;
        color:#47659d;
        transition: 1.3s;
        font-size: 13px;
        margin-left: 20px;
    }

    .dropNavItemItem{
        display: flex;
        opacity: 0.6;
        position: relative;
        padding: 4px 10px;
        justify-content: flex-start;
        align-items: center;
        color:#a82d4a !important;
        transition: 1.3s;
        font-size: 12px;
        margin-left:50px;
    }

    .dropNavItemItem a{
        color:#a82d4a !important;
    }


    .header .inner .logo{
        margin: 5px;
        margin-bottom: 18px;
        padding: 0px;
        position: relative;
        top: 20px;
        left: 10px;
        height: 70px;

    }
    .header .inner .logo img{
        width: 230px;
    }

    header.header{
        height: 270px;
        background: url(images/header.png);
        margin-bottom: -0px !important;
        background-repeat: no-repeat;
        background-position: 200% 0;
        background-size: 330px;
        padding-bottom: 140px;
    }

    .header .info{
        margin-left: 20px;
        margin-top: 10px;
    }
    body > header > .inner a.toContact{
        background: none;
        text-indent: 0;
    }
    .header .info .email{
        background: none;
        text-indent: 0;
    }

    .header .info .phone{
        display: flex;
        margin-bottom: 5px;
    }

    .header .info .phone span{
        text-indent: 0px;
        font-size: 24px;
        margin-left: 0px;
    }

    .header .info .time{
        text-indent: inherit;
        background: none;
    } 


    .inner{
        padding-top: 0px;
    }
    .footer .bottom .inner{
        flex-direction: column;
        height: auto;
        text-align: center;
    }
    .footer .bottom .email{margin-bottom: 10px;}
    .footer .bottom .phone{display: none;}

    /* ##### inner mobile  #####  */

    .types{
        margin: 0px 0px 30px 0px;
        padding: 0px;
    }

    .types>.title{
        margin-bottom: 20px;
    }
    .types ul{
        display:grid;
        grid-template-rows: 40vh 40vh 40vh 40vh;
        grid-template-columns: 1fr 1fr;
        grid-gap: 15px 15px;
        margin: 0px;
        padding: 0px 10px;
    }

    .types ul li{
        width: 100%;
        height: 40vh;
        border: 1px solid #c9c9c9;
    }

    .types ul li .separator{
        width: 100%;
    }

    .types ul li span.title{
        height: 20px;
    }

    .types ul li img{
        width: 93%;
    }


    .products ul{
        display:flex;
        flex-direction: column;
        align-items: center;
    }

    .products ul li{
        margin-bottom: 10px;
    }



    /* body > main > div > div.slider{
        display: none;
    } */

    .slick-slide img {
        margin: auto;
    }
    
    html {
        overflow-x: hidden;
    }


    #wpcf7-f6-o1 > form{
        display: flex;
        flex-direction: column;
    }

    #wpcf7-f6-o1 > form .name{
        margin-right: 0px;
    }

    #wpcf7-f6-o1 > form .phone{
        margin-right: 0px;
    }


    .sidebar{
        display: none;
    }

    .center>.content>h1{
        margin-top:10px;
        margin-left: 20px !important;
        right:0px;
    }

    .inner{
        left: 0px;
    }

    .controls{
        margin-left: 20px;
    }

    .gap{
        display: none;
    }
    .mixitup-ready{
        display:flex;
        flex-flow:row wrap;
        justify-content:space-around;
        margin:0 0 0 0;
        padding:0 10px;
        min-width: calc(100% - 20px);
        position: relative;
        right: 0;
    }

    .mix{
        width: 100px;
        padding: 0px 5px;
    }

    .mix img{
        width: 100px;
    }

    .modal .slides{width:100%;margin:0 0rem 0 0;}
    .modal .slides .slide{margin:0 0 0rem 0;}
    .modal .slides .thumbs{text-align:center;}
    .modal .slides .thumbs img{display:block;margin:0 auto;  width: 60% !important;}
    .modal .slides .thumbs .slick-current img{border:.3rem solid #000; width: 60% !important;}


    .modal{
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    body > div.modal > div.slides > div > div > div > div > div > div > img{
        width: 100%;
    }


    .modal .right{display: none;}

    .archive .products{
        display:flex;
        flex-flow:row wrap;
        justify-content:space-around;
        margin:0 0 0 0;
        padding:0 0 0 0;
        width: 100%;
        position: relative;
        right: 0%;
    }

    .archive .products a:first-child{
        margin-left: 0px;
    }


    body > main > div > div > div.content > img{
        margin: 10px 10px;
        width: 300px;
        height: 300px;
    }
    .footer .map{
        display:none;
    }

    .footer{
        width:100%;
        height:100px;
        position:absolute;
        bottom:0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    body{
        padding-bottom: 100px;
    }

    section{
        margin-left: 20px;
    }
    .content .items {
        /* padding-left: 3px;
        padding-right: 3px; */
    }
    p{
        padding-left: 10px;
        padding-right: 10px;
    }
    h2, h3, h4{
        padding-left: 10px;
        padding-right: 10px;
    }
}

#menu > * {
    height: 100%;
    display: flex;
    align-items: center;

}

#menu > a{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

#menu > div > a{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
}

#menu > div> .dropNavWrapper{
    top: 40px;
}

@media (orientation: landscape){
    .content h1{
        /* padding: 0px; */
        /* margin-bottom: 15px; */
        /* position: relative; */
        /* left: 215px; */
        /* width: 700px; */
    }



    .controls{
        display:flex;
        align-items:center;
        margin:0 0 1rem 0;
        /* position: relative; */
        max-width: 80%;
        /* left: 215px; */
    }

    section{
        /* margin-left: 230px; */
    }





}

body > div > ol.indicator{
    display:none !important;
}

.content h1{
    text-align: center;
    padding: 0px;
    margin-bottom: 15px;
    /* position: relative; */
}


@media (min-width: 1380px){
.sidebar{
            position: absolute;
            width: 200px;
            top:474px;
            left:15.8%;
        /*     left: -20px; */
        }

        .content h1{
            /* margin-left: 30px; */
        }

        .controls {
            /* margin-left: 30px; */
        }

    @media (min-width: 1440px){
        .sidebar{
            position: absolute;
            width: 200px;
            top:374px;
            left:6.8%;
        /*     left: -20px; */
        }
        .content h1{
            /* margin-left: 18px; */
        }

        .controls {
            /* margin-left: 18px; */
        }

        @media (min-width: 1600px){
            .sidebar{
                position: absolute;
                width: 200px;
                top:494px;
                left:14.0%;
            /*     left: -20px; */
            }
            @media (min-width: 1920px){
                .sidebar{
                    position: absolute;
                    width: 200px;
                    top:474px;
                    left:20%;
                /*     left: -20px; */
                }

                @media (min-width: 2500px){
                    .sidebar{
                        position: absolute;
                        width: 200px;
                        top:474px;
                        left:27.7%;
                    /*     left: -20px; */
                    }
                }
            }
        }

    }




}

@media all and (orientation: landscape) and (max-width: 815px){
    #menu{
        max-width: 80% !important;
    }
    body > main > div > div.slider{
        margin: 10px auto;
        margin-bottom: 30px;
        max-width: 80% !important;
    }
    body > main > div > div.slider img{
        max-width: 80% !important;
    }
    .header{
        padding-bottom: 30px;
    }
}


body > main > div > div > div.content > img{
    margin-left: 24%;
}

.types>.ml-slider-3-11-1{
    width: 100%;
}

.gap{
    display: none;
}

.sidebar{
    display: none !important;
}

.thumbs{
    display: none;
}

.modal .wpcf7 form input[type=submit]{
    width: auto !important;
    padding-left: 10px;
    padding-right: 10px;
}

.fancybox-slide--iframe .fancybox-content {
    max-width: 86rem;
    max-height: 53.4rem;
 }

 .modal .slides .slide {
    margin: 0 0 0;
}

.items {
    max-width: 100%;
}
.tablefrontpage {
    display: block;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px;
}
.wp-pagenavi {
    grid-column: 1 / 5;
}
.thumbssingle {
    display: grid!important;
    grid-template-columns: 1fr 1fr 1fr;
}
.bread {
    margin-bottom: 30px;
}
.text_home{
    margin-bottom:20px;
}
.text_home h1{
    width: 80%;
    font: normal 3rem/1 'PT Sans';
    color: #333;
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0 25px 4rem;
    font-weight: 500;}

img.zoom {
    width: 100%;
}

.types1{margin:0 0 8rem 0;}
.types1 ul{display:flex;flex-flow:row wrap;justify-content:space-between;}
.types1 li{width:17rem;height:30rem;background-color:#fff;border:.2rem solid #cacaca;transition:.5s ease-out;}
.types1 li:hover{box-shadow:0 1rem 1rem #bebebe;}
.types1 li:last-child{margin-right:0;}
.types1 li a{display:block;text-align:center;text-decoration:none;}
.types1 li img{width:16rem;margin:.5rem auto 1rem auto;}
.types1 li .title{height:6rem;font:normal 1.5rem 'PT Sans';color:#333;display:flex;align-items:center;justify-content:center; font-weight: 400;}
.types1>.title{width:100%;font:normal 3rem/1 'PT Sans';color: #333;display:block;text-align:center;text-transform:uppercase;margin:20px 0 4rem 0;font-weight: 500;}
.types1>.title span{display:inline-block;background-color:#f2f4f6;padding:0 2rem;position:relative;z-index:2;}

.types1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.types1 ul{
    display:grid;
    grid-template-rows: 310px 310px;
    grid-template-columns: 180px 180px 180px 180px;
    grid-gap: 20px 30px;