frontend/web/css/style.css

/**/
body, a{
    font-family: 'Lato-Medium', Verdana, Arial, sans-serif;
}
body{
    display:flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}
.nav > li > a:hover, .nav > li > a:focus{
    background-color: inherit;
    outline: none;
}
.cont{
    flex:1;
    overflow: hidden;
}
.container.cont{
    width:100%;
    max-width:100%;
}
a{
    cursor:pointer;
}
.nav1{
    background-color:#e9e6e6;
    min-height:31px;
    padding:0;
    margin:0;
    border-radius: 0;
    overflow: hidden;
}
.nav1 .navbar-nav{
    float: none;
    text-align: center;
}
.nav1 li a{
    margin: 0;
    color: #000000;
    font-size: 10.4px;
    text-transform: uppercase;
    padding: 5px;
    background-image: url('../images/line1.png');
    background-position: center 20px;
    background-repeat: no-repeat;
    padding-top: 5.5px;
    padding-bottom: 4.5px;
}
.nav1 li a:hover, .nav1 li .active{
    background-color: inherit!important;
    background-position: center 5px;
}
.nav1 li .active{cursor:default;}
.nav1 .navbar-nav li{
    padding: 0 15px;
    float: none;
    display: inline-block;
}
header{
    overflow: hidden;
    background-color: #000000;
    height: 136px;
    background-image: url('../images/logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    position:relative;
}
header .container{position:relative;height:100%;}
header a.main{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black!important;
    opacity: 0;
}
header a.main:hover{
    background-color: black!important;
    opacity: 0.2;
}
/*.container{max-width:960px;}*/
.menu{
    background-color:#e9e6e6;
    text-transform: uppercase;
    font-family: 'Lato-Regular';
    margin-bottom: 7px;
}
.menu ul{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 5px 0;
    position: relative;
}
.menu li + li {
    margin-left: 5.83%;
}
.menu li {
    list-style: none;
    margin:0;
    padding:0;
    text-align: center;
    /*width: 14%;*/
    min-width: 76px;
    max-width: 8.5%;
}
.menu li a:after {
    content: '';
    top: calc(50% - 13px);
    right: 0px;
    width: 1px;
    height: 25px;
    /*background: #bbbbbb;*/
    position: absolute;
}
.menu .dropd_menu a:after, .menu li:last-child a:after{
    display: none;
}
.menu li a{
    text-align: center;
    font-size: 15px;
    display: block;
    margin: 0 auto;
    line-height: 20px;
    width: 100%;
    padding: 5px 0;
    position: relative;
}
.menu li a:hover, .menu li a.active{
    color:#a9aaa9;
}
.menu a.active{
    cursor: default;
}
a, a:focus{
    color:#000000;
    transition: 0.2s;
    text-decoration: none;
}
a:hover, a:active{
    text-decoration: none;
    background-color: inherit!important;
    color:#a9aaa9;
}


footer{
    background-color: black;
    color: white;
    text-align: center;
    min-height: 225px;
    padding-top: 40px;
}
footer .container{
    max-width: 1070px;
    padding-right: 45px;
    padding-left: 6px;
}
footer a{
    color: #fff;
}
footer .fleft{
    padding-bottom:25px;
    margin-left: 27px;
}
footer .fcenter ul li a{
    color: rgba(255, 255, 255, 0.9);
    background-image: url('../images/line4.png');
    background-repeat: no-repeat;
    background-position: 0px 30px;
    padding: 5px 0px;
    font-weight: 600;
}
footer .fcenter ul li a:hover{
    background-position: 0px 20px;
}
footer .fleft p{
    font-size: 10px;
    font-family: 'Lato-Light';
    font-weight: 600;
    letter-spacing: 0.2px;
    background-image: url('../images/logo_small.png');
    background-position: top center;
    background-repeat: no-repeat;
    padding: 110px 0px 0px 0px;
}

footer .fcenter{
    margin-top: -3px;
    padding-bottom:25px;
}
footer .fcenter ul li{
    text-align: left;
    text-transform: uppercase;
    list-style: none;
    font-size: 12px;
    font-family: 'Lato-Light';
    letter-spacing: 0.5px;
    padding-bottom: 10px;
}
footer .fcenter ul li a:hover{
    color:#aba9a9;
}
footer .fcenter ul li a:active,footer .fcenter ul li a:focus{
    color:#fff;
}
footer .fright{
    padding-bottom: 25px;
    margin-left: 3px;
}
footer .fright .hours{
    text-align: right;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.75px;
    line-height: 21px;
    margin-top: 38px;
}
footer .socbuts ul{
    display: flex;
    justify-content: flex-end;
}
footer .socbuts ul li{
    list-style: none;
    padding-left: 22px;
}
footer .socbuts a:hover{
    opacity:0.6;
}
.contacts_block{
    display: flex;
    width: 100%;
    max-width: 1062px;
    margin: 0 auto;
    margin-bottom:25px;
}
.pagination{
    display: flex;
    justify-content: center;
    margin: 56px 0px;
}
.pagination, .pagination a, .pagination span{
    font-family: Arial, sans-serif!important;
    font-weight: bold;
    color:#9b9999!important;
    font-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
}
.pagination li a, .pagination li span{
    padding: 1px 8.5px;
}

.pagination .active a{
    background-color: initial!important;
    border-color: #d2d2d2!important;
    color:#000!important;
}
.pagination .left_pg span, .pagination .right_pg span, .pagination .left_pg a, .pagination .right_pg a{
    background-color: #d2d2d2;
    padding: 1px 9.5px;
}
.pagination .left_pg a, .pagination .left_pg span{
    background-image: url(../images/left_ar.png);
    font-size:0px;
    width: 28px;
    height: 21px;
}
.pagination .right_pg a, .pagination .right_pg span{
    background-image: url(../images/right_ar.png);
    font-size:0px;
    width: 28px;
    height: 21px;
}

.main-box1{
    position: relative;
    max-width: 994px;
    margin: 0 auto;
    min-height: 300px;
    text-align: center;
}
.main-box1 a img{
    max-width: 298px;
    max-height: 175px;
    width: 100%;
    height: 100%;
}
.main-box1:after {
    content: '';
    max-width: calc(100% - 33px);
    width: 100%;
    margin-left: 17px;
    position: absolute;
    height: 1px;
    background-color: #cecece;
    bottom: 0px;
    left: 0;
}
.main-box1 .title{
    font-family: 'Lato-Medium';
    text-transform: uppercase;
    font-size: 11px;
    color: black;
    padding: 13px;
    background-image: url('../images/line4.png');
    background-position: center 55px;
    background-repeat: no-repeat;
    transition:0.2s;
    margin-bottom: 12px;
}
.main-box1 a:hover .title{
    color:#9f9e9e;
    background-position: center 33px;
}
.carousel{
    max-width: 960px;
    margin: 0 auto!important;
    position: relative;
}
.link_big{
    padding: 31px 0px 15px 0px;
}
.link_big a{
    font-family: 'Lato-Bold';
    text-transform: uppercase;
    font-size: 18px;
    padding: 7px 11px 3px 12px;
    margin:15px;
    transition:0.2s;
}
.link_big a:hover{
    border: 1px solid #9f9e9e;
}
.main-box2{
    max-width: 990px;
    margin: 0 auto;
    padding-bottom:10px;
    padding-top: 52px;
    background-image:url('../images/line3.png');
    background-repeat:no-repeat;
    background-position: bottom center;
}
.main-box3{
    max-width: 1000px;
    margin: 0 auto;
    letter-spacing: 0.4px;
    padding: 10px 0;
    background-image:url('../images/line3.png');
    background-repeat:no-repeat;
    background-position: bottom center;
}
.main-box3 .title{
    margin-top: 15px;
    color:#000000;
    text-transform: uppercase;
    font-family: 'Lato-Light';
    font-size:24px;
    text-align: center;
    font-weight: 600;
}
.main-box3 ul{
    margin: 14px 0px;
}
.main-box3 ul li{
    list-style: none;
    font-family: 'Lato-Medium';
    font-size: 16px;
    padding: 4px 0px 3px 0px;
}
.main-box4{
    min-height: 410px;
    text-align: center;
    padding-top: 32px;
    max-width: 1064px;
    margin: 0 auto;
}
.main-box4 a:hover{color:black;}
.main-box4 .picture{
    width: 85.2%;
    background-color: #a4a2a2;
    padding-top: 46.299%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    max-height:250px;
}
.main-box4 .picture.h240{
    max-height:243px;
    padding-top: 45%;
}
.main-box4 .picture img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.main-box4 .title{
    font-size:14px;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    font-weight: 600;
    background-image: url('../images/line5.png');
    background-repeat: no-repeat;
    background-position: center 65px;
    transition:0.2s;
}
.main-box4 a:hover .title{
    background-position: center 33.5px;
}
.main-box4 .col-md-6{
    padding-bottom: 7px;
}
.main-box5{
    font-size: 15px;
    line-height: 24px;
    margin-top: -22px;
    margin-bottom: 50px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;

}
.main-box5 p{
    padding: 0;
    margin: 0px 0px 21px 0px;
    letter-spacing: 0.4px;
    font-family: 'Lato-Medium';
}
.just-more, .more{
    display: flex;
    justify-content: flex-end;
    padding-top:15px;
}
.just-more a,.more a{
    float: right;
    text-transform: uppercase;
    font-size: 11px;
    font-family: 'Lato-Bold';
    width: 130px;
    height: 22px;
    text-align: center;
    line-height: 19px;
    border: 2px solid #d2d2d2;
    color:#9e9e9e;
}
.just-more a:hover, .more a:hover {
    border: 2px solid #d2d2d2;
    color:#fff;
    background-color: #d2d2d2!important;
}
.item .slide_img{
    height: 420px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.oldsite_down{
    height: 52px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.oldsite_down a{
    border: 2px solid black;
    text-align: center;
    color: black;
    padding: 7px 48px 6px;
}
.oldsite_down a:hover{
    background-color: black!important;
    color: #ffffff;
}
.carbut{
    width: 52px;
    position: absolute;
    height: 100%;
    top: 0;
    background-color: rgba(0,0,0,0);
    background-position: center;
    background-repeat:no-repeat;
    opacity:0.57;
    transition:0.2s;
}
.carbut:hover{
    background-color:rgba(0,0,0,0);
    opacity: 1;
}
.carbut.left{
    left: 0;
    background-image:url('../images/slide_left.png');
}
.carbut.right{
    right: 0;
    background-image:url('../images/slide_right.png');
}

.carousel-indicators li {
    margin: 0 3px;
    display: inline-block;
    width: 6px;
    height: 6px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 10px;
    background-color: white;
    opacity: 0.57;
}
.carousel-indicators .active {
    margin: 0 3px;
    display: inline-block;
    width: 6px;
    height: 6px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 10px;
    background-color: white;
    background-color: #fff;
    opacity: 1;
}
.post_cont{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    align-content: center;
}
.post_cont .text{
    width: 300px;
    margin: 0 20px;
    margin-right: 0;
    color: #838383;
    font-family: 'Lato-Medium';
    font-size: 14px;
    max-height: 145px;
    overflow: hidden;
}
.post_cont .more{
    position: absolute;
    right: 0;
    bottom: 0;
}
.post .title{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
}
.post .date{
    color:#b8b8b8;
    font-family:'Lato-Light';
    font-size:46px;
    margin-right: 28px;
}
.post .title_text{
    text-transform: uppercase;
    font-size: 17px;
    width: 300px;
    line-height: 20px;
    margin-top: -4px;
}
.dates_but{
    margin-left: 145px;
}
.dates_but a{
    text-transform: uppercase;
    font-family: 'Lato-Bold';
    font-size: 18px;
    padding: 7px 0;
    border-bottom: 1px solid #d9d9d9;
}
.but_lines:before{
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: #d9d9d9;
    top: 0;
    left: 36%;
}
.but_lines:after{
    content: '';
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: #d9d9d9;
    bottom: 0;
    left: 36%;
}
.but_lines{
    position: relative;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 15px 9px 15px;
/*
    background-image: url('../images/two_lines.png');
    background-position: center center;
    background-repeat: no-repeat;
*/
    box-shadow: inset 0px 0px 0px 0px #d9d9d9;
}
.but_lines:hover{
    background-image:none;
    box-shadow: inset 0px 0px 0px 1px #d9d9d9;
}
.mar13_17{
    margin: 13px 0px 17px 0px;
}
.center_line{text-align: center;display: block;}
.big_link{
    text-transform: uppercase;
    font-family: 'Lato-Bold';
    font-size: 18px;
    border-bottom: 1px solid rgba(0,0,0,0);
}
.blog_block{text-align: center;margin:16px 0;}
.blog_link .center_line{
    font-family: 'Lato-Medium';
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    background-image: url('../images/line3.png');
    background-repeat: no-repeat;
    background-position: center 50px;
    transition:0.2s;
    padding: 14px 0px;
}
.blog_link:hover .center_line{
    background-position: center 34px;
}
.main-box2 .post{
    margin-top: 14px;
    max-width: 683px;
}
.nav_up{
    font-size: 8.48px;
    text-transform: uppercase;
    font-weight: bold;
    color:#a9a9a9;
    padding: 20px 0;
    margin-top:8px;
}
.nav_up a{
    color:#a9a9a9;
}
.nav_up span{
    color:black;
}
.title1{
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}
.title1.left{text-align: left;}
.title2{
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
    padding-top: 12px;
}
.title3{
    padding: 0px 0px 30px 0px;
    font-family: 'Lato-Light';
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    color: black;
}
.title3 span{
    font-weight: 600;
}
.title_line{
    width:100%;
    height:25px;
    position:relative;
}
.title_line:after{
    content: '';
    width: 40px;
    height: 1px;
    background-color: #a9a9a9;
    position: absolute;
    bottom: 9px;
    left: 50%;
    margin-left: -20px;
}
.text1{
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
}
.text1 .b{
    font-weight: bold;
}
.top11_12{margin-top:11px;margin-bottom: 5px;}
.map_small{
    padding-top: 39.198%;
    background-color: #dcdcdc;
    margin: 14px 13px;
    margin-top: 13px;
}
.top4{margin-top: 4px;}
.showroom{
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.oldsite{
    color: white;
    z-index: 2;
    max-width: 205px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
}
.showroom img{width:100%;max-width:700px;margin:25px auto; margin-bottom: 50px;padding-top:1px;}
.no_btm{margin-bottom: 0!important;padding-bottom: 0!important;}
.no_top{margin-top: 0!important;padding-top: 0!important;}
.titles{
    font-family: 'Lato-Light';
    text-transform: uppercase;
    font-weight: 600;
}
.titles .ti_a{font-size: 24px;padding-bottom: 8px;}
.titles .ti_b{font-size: 17px;padding-bottom: 15px;}
.post_1{
    max-width: 960px;
    margin: 0 auto;
    letter-spacing: 1px;
}
.post_1_main{
    color: #777777;
    font-size: 15px;
    font-family: 'Lato-Medium';
    margin: 0 auto;
    max-width: 1110px;
    margin-bottom: 50px;
}
.textitle_bottom .post_1_main{
    letter-spacing: 0.4px;
    margin-top: 1px;
    margin-bottom: 12px;
}
.textile_bottom{
    float: left;
    margin: 40px auto;
    width: 100%;
}
.textile_bottom.tb1{
    margin-top: 73px;
}
.textile_bottom .title1{
    margin: 1px;
    margin-right: 95px;
}
.textile_bottom .post_1_main{
    margin-bottom: 12px;
    letter-spacing: 0.4px;
    margin-right: 95px;
    margin-top: 7px;
}
.post_1 .titles{
    padding-left: 50px;
}
.textitle_bottom{
    margin-bottom: 134px;
}
.tb2 .content > .title1.left, .tb2 .content > .post_1_main, .tb2 .content > .more{
    margin-right:0px!important;
}
.post_1_start{
    display: flex;
    padding-left: 50px;
    padding-bottom: 43px;
    letter-spacing: 0.4px;
    font-size: 15px;
    color: #777777;
    flex-wrap: wrap;
}
.post_1_start .pic{
    padding-right: 14px;
}
.post_1_start .pic img{width:100%;}
.post_1_start .text{
    max-width: 432px;
    padding-left: 12px;
}
.post_1_main .more{
    margin-top: -17px;
    margin-bottom: 16px;
}
.simple-spoiler {
    overflow: hidden;
}
.text_left{
    padding-left: 50px;
    padding-right: 40px;
}
.text_left.text2{
    letter-spacing: 0.4px;
    color:#777777;
}
.title_tl{
    font-size: 17px;
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-top: 18px;
    color: black;
}
.text .link_to_cat{
    padding-top: 10px;
}
.text .picture{
    max-width: 595px;
    max-height: 266px;
    background-color: grey;
    width: 100%;
    padding-top: 44.706%;
    position: relative;
    margin-top: 15px;
    margin-bottom: 27px;
    background-position: center;
    background-size: cover;
}
.text .tags{
    margin-top: 7px;
}
.link_to_cat a{
    background-color: #e4e4e4;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 12px 26px 11px 17px;
    background-image: url(../images/line6.png);
    background-repeat: no-repeat;
    position: relative;
    background-position: center 45px;
}
.link_to_cat a.big{
    padding: 12px 48px 11px 37px;
}
.link_to_cat a:hover{
    color: black;
    background-color: #decfc8!important;
}
.link_to_cat a:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('../images/arrow_right.png');
    background-position: 93% center;
    background-repeat: no-repeat;
    margin-top: -1px;
}
.post_1.contract img{max-height:222px;}
.blocks{text-align: center;letter-spacing: normal;text-transform: uppercase;margin-top: 36px;margin-left: 9px;padding: 0 13px;}
.post_1.contract .blocks{
    padding: 0;
    max-width: 990px;
    margin: 0 auto;
    margin-top: 36px;
}
.blocks .title{

    padding: 17px 0px 9px 0px;
}
.blocks .title a{
    font-size: 14px;
    font-family: 'Lato-Medium';
    font-weight: bold;
}
.blocks a:hover{color:black!important;}
.b1{
    margin: 0;
    padding: 0;
    padding-bottom: 6px;
}
.blocks .labels{padding: 15px 0px;position: relative;}
.blocks .line1{font-size: 24px;}
.blocks .line2{
    font-size: 11px;
    font-weight: bold;
    padding: 9px 0;
}
.blocks .labels:before{
    content: '';
    position: absolute;
    background-image: url('../images/line7.png');
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0px;
}
.mt12{margin-top:12px;}
.col-md-12.b1 img{width:100%!important;}
.col-md-6.b1 .picture{
    background-color: #cccccc;
    padding-top: 42%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 469px;
    margin: 0 auto;
    max-height: 222px;
}
.col-md-12.b1 .picture{
    padding-top: 21%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    max-height: 222px;
    max-width: 1010px;
    margin: 0 auto;
}
.tile_1{
    width: 100%;
    max-width: 227px;
    height: 240px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
}
.tile_2{
    width: 100%;
    max-width: 305px;
    height: 315px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    margin: 0 auto;
}
.tile_1 .picture, .tile_2 .picture{
    width:100%;
    background-color:#cccccc;
    padding-top: 80%;
    background-position:center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.tile_2 .picture{
    padding-top: 85%;
}
.tile_1 .title_1, .tile_2 .title_1{
    font-size: 15px;
    padding-bottom: 1px;
    padding-top: 15px;
}
.tile_1 .title_2, .tile_2 .title_2{font-size: 10px;}
.tile_1 a, .tile_1 a:hover, .tile_2 a, .tile_2 a:hover, .tile3 a:hover, .tile4 a:hover{color:#414143!important;}
.tile_1 .picture:after, .tile_2 .picture:after, .tile3 .picture:after, .tile4 .picture:after, .cols a:after, .actions_cont .picture:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0;
    background-image: url('../images/plus.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.83);
}
.actions_cont .picture{overflow:hidden; }
.tile3 .picture, .tile4 .picture, .actions_cont .picture{
    position: relative;
}
.tile_1 a:hover .picture:after, .tile_2 a:active .picture:after, .tile3 a:active .picture:after, .tile4 a:active .picture:after, .cols a:active:after, .actions_cont a:active .picture:after{
    top:0;
}
.tile_2 .title_1{
    font-family: 'Lato-Light';
    font-weight: 600;
}
.tile_2 .title_1 span{
    font-family: 'Lato-Medium';
    font-weight: 600;
}
.tile3{
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 0px;
    padding: 0!important;
}
.tile3 .picture{
    max-height: 222px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tile3 .title, .tile4 .title{
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Lato-Light';
    margin-top: 15px;
}
.tile4{
    max-width: 330px;
    text-align: center;
    overflow: hidden;
    margin: 0 auto;
}
.tile4 .picture{
    position: relative;
    overflow: hidden;
    text-align: center;
}
.tile4 .title{
    margin-top: 13px;
    margin-bottom: 12px;
}
.tiles{
    margin-top: 30px;
    margin-bottom: 50px;
}
.filters{
    text-align: center;
}
.button1{
    color: #414143;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
}
.button1 a{
    border: 2px solid #898989;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    padding-left: 2px;
    max-width: 194px;
    padding-top: 4px;
    margin:0 auto;
}
.button1 a:hover{
    background-color:#898989!important;
    color:white;
}
.filters_block{
    background-color: #e5e5e5;
    padding-bottom: 100%;
    max-width: 219px;
    margin: 16px auto;
    padding-top: 2px;
}
.filters_block .title{
    font-size: 15px;
    color: #414143;
    font-family: 'Lato-Light';
    text-transform: uppercase;
    font-weight: 600;
    padding: 16px;
}
.filters_block input[type="text"]{
    margin-top: 2px;
    width: 89%!important;
    height: 41px;
    margin-left: 0px;
    outline: none;
    font-family: 'Lato-Italic';
    font-size: 12px;
    color: #b1b1b1;
    padding-left: 16px;
    letter-spacing: 0.4px;
    background-image: url('../images/icon_search.png');
    background-position: calc(100% - 14px) center;
    background-repeat: no-repeat;
    border: 1px solid;
}
.button2 a.punkt, .button2 a.punkt:hover{
    background-color: white!important;
    color: #414143!important;
    width: 89%!important;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    border: 1px solid #b1b1b1;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Lato-Light';
    font-weight: 600;
    line-height: 21px;
    padding: 14px;
    cursor: default;
    position: relative;
}
.button2{
    position: relative;
    margin: 12px 0;
}
.button2 a.punkt:before, .button3 a.punkt:before{
    content: '';
    top: 0;
    position: absolute;
    width: 17px;
    background-image: url('../images/arrow_down.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    right: 12px;
    transition: 0.3s;
}
.button2 a.punkt.opened:before, .button3 a.punkt.opened:before,.more_colls.opened:before{
    transform: rotate(180deg);
}
.button3 a.punkt, .button3 a.punkt:hover{
    background-color: white!important;
    color: #b1b1b1!important;
    width: 89%!important;
    display: flex;
    margin: 0 auto;
    align-items: center;
    border: 1px solid #b1b1b1;
    font-size: 12px;
    font-family: 'Lato-Italic';
    line-height: 21px;
    padding: 9px 16px;
    cursor: default;
    position: relative;
    letter-spacing: 0.4px;
}
.button3 a.nonit, .button3 a.nonit:hover{
    font-family: 'Lato-Medium';
}
.button2 .spoiler, .button3 .spoiler{
    color:#000000;
    width:195px!important;
    text-align: left;
    font-family: 'Lato-Medium';
    font-size:12px;
    margin:0 auto!important;
    background-color:#fff;
    border: 1px solid #b1b1b1;
    border-top:none;
}
.button3{
    margin: 11px 0px;
}
.spoiler {
    display: none;
    width: 100% !important;
}
.spoiler .control-label{display: none;}
.spoiler input[type=checkbox], input[type=radio] {
    margin: 1px 0 0;
    opacity: 0;
    margin-right: 7px;
}
.spoiler label {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
    width: 100%;
    letter-spacing: 0.4px;
    background: url(../images/knopka.png);
    background-position: left 2px;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 5px;
}
#orderform-username{margin-top:2px;}
#orderform-username input[type=checkbox]{
    display: none!important;
}
.spoiler .form-group{
    margin-bottom: -6px;
    padding: 8px 17px;
    padding-right: 0;
}
.spoiler #orderform-username .l_check label {
    background: url('../images/knopkach.png');
    background-position: left 2px;
    background-repeat: no-repeat;
}
.caps{text-transform: uppercase;}
.spoiler.caps{font-size:10px!important;}
.spoiler ul{
    list-style: none;
    padding: 8px 0px;
    text-align: center;
}
.spoiler ul li{
    padding: 7px 0px;
}
.spoiler ul a{
    font-size: 15px;
    background-image: url('../images/line4.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom: 7px;
    font-family: 'Lato-Light';
    font-weight: 600;
}
.spoiler ul a span{font-size:9px;text-transform: uppercase;}
.spoiler ul li:last-child a{background-image: none;}
.blocks .line2 {
    font-size: 20px;
    font-family: 'Lato-Light';
    font-weight: 600;
    margin-top: -2px;
    margin-bottom: -4px;
}
.blocks.b2 {
    text-align: center;
    text-transform: uppercase;
    margin-top: 26px;
    margin-left: 0px;
    
}
.note{
    display: flex;
    flex-wrap: wrap;
    margin: 17px auto 38px auto;
    max-width: 982px;
    position: relative;
}
.note .picture{
    width: 100%;
    padding-top: 27.778%;
    max-width: 450px;
    background-color: #dcdcdc;
    max-height: 300px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px 20px 0px 10px;
}
.text_prev{
    position: relative;
    margin-bottom: 22px;
    max-height: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.note .date{
    font-size: 46px;
    font-family: 'Lato-Light';
    color: #b8b8b8;
    margin: -12px 0 -3px -2px;
}
.note .title{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    padding: 6px 0;
    max-width: 500px;
}
.note p{
    color: #777777;
    font-size: 15px;
    max-width: 422px;
    padding: 2px 0px;
    line-height: 18px;
}
a.active{
    cursor: default;
}
.more_colls{
    background-color: #decfc8;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 38px 6px 25px;
    font-size: 14px;
    position: relative;
    display: inline-block;
    margin-top: 18px;

}
.more_colls:hover{
    color:#c29a87;
}
.more_colls:before{
    content: '';
    top: 0;
    position: absolute;
    width: 17px;
    background-image: url('../images/arrow_down_bl.png');
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    right: 12px;
    transition: 0.3s;
}
.more_colls:hover:before{
    background-image: url('../images/arrow_down_or.png');
}
.filters.f2{
    background-image: url('../images/line8.png');
    background-position: top center;
    background-repeat: no-repeat;
}
.mat_pics{
    margin: 40px auto 210px auto;
    float: none;
    width: 100%;
    max-width: 1022px;
}
.mat_pic{
    margin-bottom: 25px;
    width: 170px;
    height: 125px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.mat_pic img{
    max-width: 140px;
    max-height: 125px;
}
.brand_logo{
    text-align: center;
    padding-bottom: 30px;
}
.brand_logo img{
    max-width: 960px;
    max-height: 150px;
}
.brand_title1{
    color: #000000;
    font-family: 'Lato-Light';
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.brand_title1_2{
    color: #000000;
    font-family: 'Lato-Light';
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    margin-top: 17px;
    margin-bottom: 9px;
}
.brand_title2{
    text-align: center;
    text-transform: uppercase;
    font-family: 'Lato-Light';
    font-size: 17px;
}
.brand_title2_2{
    text-align: center;
    text-transform: uppercase;
    font-family: 'Lato-Light';
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
}
.brand .about_brand {
    margin-top: 40px!important;
}
.spoiler-inner div{
    font-family: 'Lato-Medium'!important;
    font-size: 14px!important;
}
.titles .line2{
    max-width: 960px;
    margin: 0 auto;
}
.title4{
    text-transform: uppercase;
    font-family: 'Lato-Light';
    font-size: 17px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
}
.title5{
    text-transform: uppercase;
    font-family: 'Lato-Medium';
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 13px;
}
.cover{text-align: center;}
.about_brand p{
    font-size: 15px;
    font-family: 'Lato-Medium';
    color: #777777;
    letter-spacing: 0.4px;
}
.about_brand{
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 966px;}

.blog1{
    max-width: 595px;
    margin: 0 auto;
}
.blog1 .title{
    text-transform: uppercase;
    font-size: 21px;
    font-weight: bold;
}
.tags .date{
    font-size: 12px;
    color: #7e7e82;
}
.blog1 p{
    font-size: 14px;
    color: #777777;
    letter-spacing: 0.3px;
}
.blog_tag a{
    color: #3a3743;
    font-size: 9px;
    text-transform: uppercase;
    background-color: #eadad4!important;
    padding: 7px 9px 5px 9px;
    letter-spacing: 0.3px;
    margin-right: 3px;
}
.link_to_post{
    text-align: center;
    margin-top: 19px;
    padding-bottom: 68px;
    background-image: url('../images/line10.png');
    background-repeat: no-repeat;
    background-position: center calc(100% - 30px);
}
.link_to_post a{
    text-transform: uppercase;
    font-size: 11px;
    color: #000000;
    font-weight: 600;
    background-color: #e4e4e4;
    padding: 11px 31px 10px 14px;
    background-image: url('../images/arrow_right.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 14px) center;
}
.link_to_post a:hover{
    background-color:#eadad4!important;
}
.text3{
    text-align: center;
    font-size: 15px;
    color: #514f4f;
    font-family: 'Lato-Light';
    font-weight: 600;
    letter-spacing: 0.7px;
    max-width: 960px;
    margin: 0 auto;
}
.down_line{
    background-image:url('../images/line9.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    padding-bottom:32px;
}
.title6{
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    letter-spacing: 2.8px;
    color: #000000;
    margin-bottom: 34px;
    margin-top: 27px;
}
.title7{
    font-size: 19.75px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Lato-Light';
    font-weight: 600;
    color: #000000;
}
.title8{
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'Lato-Light';
    margin-bottom: 17px;
}
.title_or{
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #dab6a6;
    text-align: center;
    max-width: 450px;
    margin: 6px auto;
    line-height: 33px;
    padding-top: 29px;
}
.list1{
    list-style: none;
    font-size: 18px;
    letter-spacing: 0.5px;
    font-family: 'Lato-Light';
    font-weight: 600;
    padding-left: 0px;
}
.list1 li{
    margin-bottom: 20px;
    background-image: url('../images/arrow_right.png');
    background-position: 0px 4px;
    background-repeat: no-repeat;
    padding-left: 24px;
}
.list1_block img{width:100%;}
.list2{
    color: #464646;
    font-size: 16px;
    font-family: 'Lato-Light';
    font-weight: 600;
    letter-spacing: 0.5px;
    max-width: 1000px;
    margin: 33px auto;
    line-height: 19px;
    padding: 0 38px;
}
.list-view{
    max-width: 1010px;
    margin: 0 auto;
    padding: 0;
}
.list2 li{
    margin-bottom: 20px;
}
.blocks_2{
    max-width: 1038px;
    margin: 0 auto;
}
.sec_list{
    padding: 43px 0px;
}
.shares{
    list-style: none;
    position: absolute;
    top: 50px;
    right: -52px;
}
.shares li a {
    width: 30px;
    height: 30px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}
.shares li a.fb{background-image: url('../images/fb1.jpg');}
.shares li a.fb:hover{background-image: url('../images/fb2.jpg');}
.shares li a.gpl{background-image: url('../images/gpl1.jpg');}
.shares li a.gpl:hover{background-image: url('../images/gpl2.jpg');}
.shares li a.ptst{background-image: url('../images/ptst1.jpg');}
.shares li a.ptst:hover{background-image: url('../images/ptst2.jpg');}
.shares li a.vk{background-image: url('../images/vk1.jpg');}
.shares li a.vk:hover{background-image: url('../images/vk2.jpg');}
.shares li a:hover{background-color: black!important;}
.shares li{margin-bottom: 9px;}
.text{
    position: relative;
}
.blog_post1 img{
    width: 100%!important;
    max-width: 960px;
    text-align: center;
    height: 100%!important;
}
p.center{text-align: center;}
p.right{text-align: right;}
.blog_post1{
    margin: 5px 0;
}
.blog_post1 p{color:#000000;font-size:16px;font-family: 'Lato-Light';font-weight: 600;max-width: 960px;margin:0 auto;margin: 30px auto;}
.blog_post1 .date{
    text-align: center;
    font-size: 33px;
    font-family: 'Lato-Light';
    color: #b8b8b8;
}
.blog_post1 .title{
    text-transform: uppercase;
    font-size: 29px;
    text-align: center;
    margin: 0 auto;
    max-width: 600px;
    line-height: 37px;
    color: #000000;
}
.blog_post2{
    max-width: 865px;
    margin: 0 auto;
}
.blog_post2 .title{
    text-align: center;
    text-transform: uppercase;
    font-size: 21px;
    font-weight: bold;
}
.blog_post2 .tags{
    margin: 6px 0;
}
.blog_post2 .text-blog{
    margin:18px 0;
}
.blog_post2 img:first-child{margin-top:0;}
.blog_post2 img{
    width: 100%!important;
    margin: 9px 0px;
    height: 100%!important;
}
.list1_block{
    max-width: 990px;
    margin: 0 auto;
}
.hidden{display: none;}
.text-blog p{
    color: #595656;
    font-family: 'Lato-Light';
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 20px;
    margin: 17px 0px;
}


.shares-blog{
    list-style: none;
    text-align: center;
    padding: 30px 0px;
}
.shares-blog li a {
    width: 42px;
    height: 42px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
}
.shares-blog li a.fb{background-image: url('../images/fb4.jpg');}
.shares-blog li a.fb:hover{background-image: url('../images/fb3.jpg');}
.shares-blog li a.gpl{background-image: url('../images/gpl4.jpg');}
.shares-blog li a.gpl:hover{background-image: url('../images/gpl3.jpg');}
.shares-blog li a.ptst{background-image: url('../images/ptst4.jpg');}
.shares-blog li a.ptst:hover{background-image: url('../images/ptst3.jpg');}
.shares-blog li a.vk{background-image: url('../images/vk4.jpg');}
.shares-blog li a.vk:hover{background-image: url('../images/vk3.jpg');}
.shares-blog li a:hover{background-color: black!important;}
.shares-blog li{
    display: inline-block;
    margin-right:28px;
}
.shares-blog li:last-child{
    margin-right:0px;
}
.mat-opt-list{
    font-family: 'Lato-Light';
    font-weight: 600;
    color: #000000;
    text-align: center;
    margin: 60px 0;
    padding: 0;
}
.col-md-12.product{
    max-width: 1070px;
    margin: 0 auto;
    float: none;
}
.pic img{
    width: 100%;
    max-width: 630px;
}
.mat-opt-list ul{
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 17px;
    letter-spacing: 0.5px;
    text-align: left;
    margin-left: 45px;
}
.mat-opt-list ul li{margin-bottom: 20px;}
.mat-opt-list ul li:last-child{margin-bottom: 0px;}
.mat-opt-list ul li span{
    color: #9c9c9b;
    width: 117px;
    display: inline-block;
}
.mat-opt-list .name1{
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Lato-Medium';
    margin-bottom: 3px;
}
.mat-opt-list .name2{
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 4px;
    max-height: 34px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mat-opt-list .name3{
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Lato-Medium';
    margin-bottom: 34px;
}
.collection .head{
    text-align: center;
}
.collection .head img{
    max-width:960px;
    /*width:100%;*/
}
.cols{max-width: 1068px;margin: 40px auto 25px;}
.cols a{
    max-width: 300px;
    overflow: hidden;
    display: block;
    text-align: center;
    margin: 0 auto 30px;
    position: relative;
}
.collection{
    max-width: 990px;
    width: 100%;
    margin: 0 auto;
}
.collection .titles .line1{
    font-size: 24px;
    margin-bottom: 8px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.collection .titles .line2{font-size: 17px;}
.collection .titles{
    margin: 36px auto 15px auto;
    width: 100%;
    max-width: 1014px;
}
.collection p{
    font-size: 15px;
    color: #797877;
    line-height: 18px;
    letter-spacing: 0.3px;
    text-align: justify;
    width: 100%;
    max-width: 1014px;
    margin: 0 auto;
}
.collection .down .more{
    width: 100%;
    max-width: 1010px;
    margin: 0 auto;
}
.down p{color:#000000;}
.down{
    margin-bottom: 63px;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.cols a img{max-width: inherit; width:100%;}
.cols a .label{
    height: 40px;
    background-color: rgba(0, 0, 0, 0.68);
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: calc(0% - 40px);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0.4px;
}
.cols a:hover .label{
    bottom:0;
}
.cols a .label span{font-weight: 600;padding-right: 5px;}
.menu .container{position:relative;min-height:45px;}
.menu .container ul li:hover .dropd_menu{
    display: block;
}
.textile_bottom .centered{
    max-width: 964px;
    margin: 0 auto;
}
.dropd_menu{
    position: absolute;
    width: 100%!important;
    font-family: 'Lato-Medium';
    font-size: 16px;
    background-color: #e9e6e6;
    top: 62px;
    left: 89px;
    z-index: 30;
    padding: 20px 10px;
    display: none;
}
.menu .openmenu{
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 40px;
    top: 2%;
    left: 2%;
    font-size: 24px;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    display: none;
}
.dropd_menu:before {
    position: absolute;
    content: '';
    width: 17%;
    min-width: 150px;
    height: 45px;
    background-color: rgba(255, 0, 0, 0);
    left: 0;
    top: -30px;
}
.dropd_menu ul{
    margin-bottom: 10px;
}
.dropd_menu ul li a{
    font-weight: 100;
    font-size: 14px;
    padding: 5px 0;
}
.dropd_menu .title{
    padding: 20px;
    position: relative;
}
.dropd_menu .title:after{
    content: '';
    position: absolute;
    width: 50%;
    top: 0;
    left: 25%;
    height: 1px;
    background-color: rgba(0,0,0,0.15);
    margin: 0px;
}
.dropd_menu div:first-child .title:after{display: none;}


.action{max-width:260px;margin-bottom: 10px;}
.action img{width:100%; max-width:227px;}
.a_down{
    display: flex;
    align-items: center;
    margin: 11px 0px;
}
.a_down .price{
    font-family: 'Lato-Bold';
    font-size: 18px;
    width: 68px;
    border-top: 1px solid #aaaaaa;
    text-align: center;
    border-bottom: 1px solid #aaaaaa;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.a_down .line1{
    font-size: 15px;
    font-family: 'Lato-Light';
    font-weight: 600;
}
.a_down .line2{font-size: 9.42px;}
.a_down .titles{margin-left: 15px;}
.actions_cont{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;
    max-width: 1036px;
    margin: 0 auto;
    padding-right: 42px;
}
.down.act_d{
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}
.d_title{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}
.act_d{margin-top:66px;}
.act_d p{color:#878686;font-family: 'Lato-Light';font-weight: 600;font-size:15px;letter-spacing: 0.4px;}

/**/
.dropd_menu:before {
    position: absolute;
    content: '';
    width: 17%;
    min-width: 150px;
    height: 45px;
    background-color: rgba(255, 0, 0, 0);
    left: 0;
    top: -30px;
}
.dropd_menu {
    width: initial!important;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
}
.idp_el{
    display: inline-block;
}
.idp_el a{
    padding: 0!important;
    margin-right: 40px!important;
    text-align: left!important;
}
.inline_dropb{
    padding-left: 38px;
}

.textile_bottom .content{
    margin: 0 auto;
    max-width: 960px;
}


.comm_line_1 .user_data, .comm_line_1 .user_name{
    padding-left: 0;
    font-family: 'Lato-Medium';
    font-size: 14px;
    color: #7e7e82;
    float: none;
    display: inline;
    font-weight:inherit;
}
.user_txt{
    padding-left: 0!important;
    font-size: 15px;
    font-family: 'Lato-Medium';
    color: #343333;
    line-height: 18px;
}


.form-comm-wr .control-label{display: none;}
.form-comm-wr input, .form-comm-wr textarea {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 900;
    border-radius: 0px;
    margin-top: -1px;
    outline: none;
    resize: none;
    padding: 0px 14px;
    letter-spacing: 0.5px;
    /*box-shadow: none!important;*/
    border: 1px solid rgb(204, 204, 204);
    width: 100%;
}
.form-comm-wr textarea{
    padding: 14px;
}
.input_bl.submit_btn button {
    border: 1px solid #9e9e9e;
    background-color: #fff;
    outline: none!important;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    color: #9e9e9e;
    letter-spacing: 1px;
    padding: 5px 17px;
    transition: 0.1s;
    border-radius: 0;
}
.input_bl.submit_btn button:hover{
    background-color: #9e9e9e;
    color: #fff;
}
.input_bl.submit_btn {
    text-align: center;
    padding: 15px 0px;
}
.form-comm-wr .input_bl{
    float: none;
    margin:0;
}
.add_comment{
    position: relative;
    width: 100%;
    max-width: 705px;
    display: none;
    margin: 40px auto!important;
}
.form-comm-wr {
    width: 100%;
    background: none;
    padding: 0px;
    float: none;
    max-width: 705px;
    margin: 0 auto;
    font-family: 'Lato-Medium';
}
.add_comment .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    color: #000000;
    font-family: 'Lato-Light';
    font-weight: 600;
    padding: 14px;
}
.close_comm {
    position: absolute;
    top: 16px;
    right: 0;
    width: 27px;
    height: 27px;
    background-image: url(../images/close.png);
    transition: 0.1s;
    cursor: pointer;
}
.close_comm:hover {
    background-image: url(../images/close_hover.png);
}
.artbox_form_container{
    max-width: 705px;
    margin: 0 auto;
}
.otz_buttons {
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    margin: 44px 0px;
}
.otz_buttons a {
    background-color: #e4e4e4;
    padding: 11px;
    padding-bottom: 10px;
    margin: 10px;
    background-image: url(../images/arrow_down_bold.png);
    background-repeat: no-repeat;
    background-position-y: center;
}
.otz_buttons a:hover {
    background-color: #ebdbd4!important;
    color: #000;
}
.otz_buttons .btn_otz.more1 {
    padding-right: 15px;
    padding-left: 38px;
    background-position-x: 17px;
}
.otz_buttons .btn_otz.write {
    padding-right: 42px;
    padding-left: 16px;
    background-position-x: calc(100% - 16px);
}
.otzivi_block {
    width: 100%;
    max-width: 865px;
    float: none;
    margin: 0 auto;
    padding-bottom: 70px;
}
.title9 {
    color: #847e7e;
    font-size: 24px;
    text-transform: uppercase;
    font-family: 'Lato-Light';
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 11px;
}
.start_otzivi {
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-size: 15px;
    line-height: 26px;
    font-family: 'Lato-Light';
    font-weight: 600;
    margin-bottom: 15px;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
}
.start_otzivi .title {
    font-size: 18px;
}
.comments_block {
    border-bottom: 1px solid #d9d9d9;
}
.artbox_item_info {
    border-top: 1px solid #d9d9d9;
    padding-top: 18px;
    padding-bottom: 27px;
}
.product-list-item img {
    width: 100%;
    height: 171px;
}
.product-list-item:hover::after {
    background-color: rgba(255, 255, 255, 0.83);
    background-image: url("../images/plus.png");
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
    height: 171px;
    left: 0;
    position: absolute;
    width: 100%;
    top:0px;
}
.comments-wr {
    margin-top: 0px!important;
    padding-bottom: 16px;
}
.artbox_item_container:last-child .comments-wr{
    border-bottom: 1px solid #d9d9d9;
}
.comments-start{width:100%!important;}
.submit_btn button, .answer-form button{
    height:inherit;
}
.catalog_block{
    max-width: 1016px;
    margin: 0 auto;
}
.textile_bottom .simple-spoiler, .textile_bottom .title1.left{
    margin: 0 auto;
    max-width: 960px;
}
.aw_logo{
    opacity: 0.5;
    margin-top: 15px;
    text-align: right;
}
.aw_logo a{
    text-align: right;
    color: #edeeef;
    background: url(../images/aw_logo.png);
    background-position: right center;
    background-repeat: no-repeat;
    padding-top: 6px;
    padding-bottom: 4px;
    padding-right: 37px;
    font-family: sans-serif;
    font-size: 12px;
}
.product .pic{
    padding-left: 25px;
    max-width: 630px;
    max-height: 390px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.hidemenu{
    height: 68px;
    position: relative;
}
.hidemenu a{
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat:no-repeat;
    background-image: url('../images/hidem1.png');
}
.hidemenu.show a{
    background-image: url('../images/hidem2.png');
}
.picmobile{
    width: 100%;
    padding-top: 10px;
    margin: 0 auto;
    margin-bottom: -15px;
    padding-left: 15px;
    padding-right: 15px;
}
.picmobile .picture2{
    width: 100%;
    max-width: 308px;
    margin: 0 auto;
    max-height: 175px;
    overflow: hidden;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}
.picmobile .picture2 img{
    width: 100%;
    max-height: 175px;
}
/**/
@media (min-width: 1200px){
    .dropd_menu{left:0px;}
    .nav_up{
        max-width: 960px;
        margin: 0 auto;
    }
    .col-md-3{
        margin-left: 22px;
        margin-right: -22px;
    }
    .filters.col-md-3{
        margin-left: 9px;
        margin-right: -9px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .dropd_menu{left:0px;}
    .tile3 {
        text-align: center;
        overflow: hidden;
        margin-bottom: 0px;
        margin-top: 15px;
        padding: 0!important;
        margin-left: 5px;
        margin-right: 5px;
        width: 48%;
    }
    .post_1 .titles, .text_left{margin-left:0px;}
    footer .fleft p{
        background-size: contain;
    }
    .post_cont .text {width: 210px;}
    .main-box1 img{width:100%;}
    .carousel{margin: 0px 14.5px;}
    .post_1_start .text {
        max-width: 100%;
        padding-left: 0px;
        padding-top: 15px;
    }
    .post_1.contract img {width: 100%;}
    .blocks{margin-left: 36px;}
    .text_left{padding-right: 20px;}
    .note .picture{margin: 0 0 25px;}
    .note{margin: 17px 0px 75px 0px;}
    .tile3 .picture img,.tile4 .picture img{width:100%;}

    .main-box5 {
        padding-top: 0px;
        max-width: 844px;
    }
    .main-box2 .post {
        margin-top: 14px;
        max-width: 550px;
        margin-left: 30px;
    }
    .menu li + li {
        margin-left: 5.25%;
    }
    .menu li{
        max-width: 13%;
    }
    footer .fleft{
        margin-left:10px;
    }
    footer .container{
        padding-right: 15px;
    }
    footer .fright{
        margin-left: -10px;
    }
}
@media (max-width: 991px) {
    .textile_bottom{
        margin: 30px auto;
    }
    .menu .container ul li:hover .dropd_menu{
        display:none;
    }
    .blog1 .text .picture{
        margin-bottom: 53px;
    }
    .shares{
        list-style: none;
        position: absolute;
        bottom: -52px;
        width: 100%;
        padding: 0;
        margin: 0;
        top: inherit;
        right: inherit;
        display: flex;
        justify-content: center;
    }
    .shares li{
        float: left;
        margin-right: 10px;
    }
    .tile_1{
        max-width: 218px;
    }
    .text_left, .post_1 .titles{
        margin-left:0px;
    }
    .navbar-nav{margin:0;}
    footer .fright{
        margin-left: 0px;
    }
    .aw_logo a{
        padding-right: 17px;
        background-size: 15%;
        font-size: 11px;
    }
    .menu .container {
        padding: 0px;
        display: none;
    }
    .menu .container.showed{
        display: block;
    }
    .menu .container ul {
        padding: 0;
        border-top: 1px solid black;
    }
    .dropd_menu:before{display:none;}
    .post_1_main{margin-left:0;}
    .carousel{margin: 0px auto;}
    .post_1_start{padding-left:0px;}
    .post_1_start .pic{padding-right:0px;}
    .post_1_start .text {
        max-width: 100%;
        padding-left: 0px;
        padding-top: 15px;
    }
    .post_1 .titles {padding-left: 0px;}
    .text_left{padding-left: 0px;padding-right: 0px;}
    .blocks{margin-left: 0px;}
    .filters_block{padding-bottom: 75px;}
    .note .picture{margin: 0 auto 25px;}
    .note{margin: 17px 0px 75px 0px;}
    .main-box5 {
        margin: 0 auto;
        max-width: 587px;
        padding: 20px 0 45px;
    }
    .menu li{
        min-width:100%;
        max-width:100%;
        margin:0px!important;
    }
    .menu .container{
        padding: 0px;
        margin: 0;
        width: 100%;
    }
    .dropd_menu{
        position: inherit;
        width: 100%!important;
        z-index: 30;
        padding: 0!important;
        box-shadow:none;
    }
    .dropd_menu.showmob{
        display:block!important;
    }
    .inline_dropb, .dropd_menu{
        padding:0;margin:0;
    }
    .idp_el{
        width: 100%;
        padding: 0px;
        margin: 0px;
    }
    .menu li a{
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        border-bottom: 1px solid black;
    }
}
@media (max-width: 729px) {
    .blog_block a img{
        max-height: 175px;
        width: 100%;
        max-width: 308px;
    }
    .main-box1 a img{
        max-width:305px;
    }
    .main-box1{
        padding-bottom: 10px;
    }
    .main-box2{
        padding-bottom: 30px;
        padding-top: 15px;
    }
    .post_cont{
        justify-content: center;
        overflow: hidden;
        max-width: 308px;
        margin: 0 auto;}
    .post_cont .picture{
        max-height: 175px;
        display: flex;
        align-items: center;
        overflow: hidden;
    }
    .post_cont .text{
        width: 100%;
        max-width: 308px;
        margin: 20px auto 35px;}
    .dates_but {margin:0 auto;text-align: center;}
    .post_1.contract img {width: initial;}
    .brand_logo img, .tile3 .picture img, .tile4 .picture img{width:100%;}
    .main-box3 ul{
        padding: 0 15px;
        max-width: 330px;
        margin: 10px auto;
    }
    .main-box4 .picture{
        width: 100%;
        padding-top: 48.21%;
        max-width: 305px;
        padding-top: 45%!important;
        max-height: 175px!important;
    }
    .main-box5 .simple-spoiler{
        padding: 0 15px;
    }
    .main-box5 .just-more, .main-box5 .more{
        padding-left: 15px;
        padding-right: 15px;
        max-width: 335px;
        margin: 0 auto;
    }
    .main-box5 .spoiler-inner{
        max-width: 305px;
        margin: 0 auto;
    }
    .main-box2 .post .title{
        max-width: 308px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .main-box1 .title{margin-bottom: 0px;}
}
@media (min-width: 705px){
    .tiles{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
}
@media (max-width: 576px){
    .post_1.contract img {width: 100%;height:100%;}
    .about_brand{margin-left:0px;margin-right:0px;}
    .col-xs-4.mat_pic a img{width:100%;}
}
@media (max-width: 450px) {
    footer .fcenter ul li, footer .fright .hours{font-size: 10px;letter-spacing: -0.1px;}
}
@media (min-width: 410px) and (max-width: 450px){
    footer .fright .hours{margin-top: 24px;}
}
@media (max-width: 379px) {
    .main-box1 img{width:100%;}
    .blog_link img{width: 100%;}
    .shares-blog li a {
        width: 25px;
        height: 25px;
        background-size: cover;
        display: block;
        background-position: center;
        background-repeat: no-repeat;
    }
    .link_big a{font-size:13px;}
    .oldsite_down a{font-size:11px;}
    header{
        background-size: 70%;
    }
    footer .fleft p{
        background-size: 80%;}
}