/**/ body, a{ font-family: 'Lato-Medium', Verdana, Arial, sans-serif; } body{ display:flex; flex-direction: column; min-height: 100vh; margin: 0; } .cont{ flex:1; } 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; font-weight: 600; padding: 5px; background-image: url('../images/line1.png'); background-position: center 20px; background-repeat: no-repeat; } .nav1 li a:hover, .nav1 li .active{ background-color: inherit!important; background-position: center 3px; } .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; } .menu li{ list-style: none; margin:0; padding:0; text-align: center; } .menu li a{ text-align: center; font-size: 15px; display: block; margin: 0 auto; line-height: 20px; width: 100%; padding: 5px 10%; background-image: url('../images/line2.png'); background-position: center 55px; background-repeat: no-repeat; font-weight: bold; } .menu li a:hover, .menu li a.active{ background-position: center 22px; 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: 280px; padding-top: 58px; } footer a{ color: #fff; } footer .fleft{ padding-bottom:25px; } 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; } 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; } .main-box1{ min-height:300px; text-align: center; border-bottom:1px solid #9f9e9e; } .main-box1 .title{ font-family: 'Lato-Medium'; text-transform: uppercase; font-size: 11px; font-weight: 600; 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{ margin: 0px 26.5px; 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{ padding-bottom:10px; padding-top: 52px; background-image:url('../images/line3.png'); background-repeat:no-repeat; background-position: bottom center; } .main-box3{ 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:620px; text-align: center; padding-top: 32px; } .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 29px; } .main-box4 .col-md-6{ padding-bottom: 7px; } .main-box5{ font-size:15px; line-height: 24px; padding-top: 48px; margin-bottom: 75px; } .main-box5 p{ padding:0; margin: 0px 0px 21px 0px; } .more{ display: flex; justify-content: flex-end; } .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:#d2d2d2; } .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; } .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; align-content: center; } .post_cont .text{ width:305px; margin:0 20px; color: #838383; font-family: 'Lato-Bold'; font-size: 14px; } .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: 40px 0; border-bottom: 1px solid rgba(0,0,0,0); } .dates_but a:hover{ padding: 12px 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;} .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-weight: bold; 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: 12px;} .map_small{ padding-top: 47%; background-color: grey; margin: 14px 13px; } .top4{margin-top: 4px;} .showroom{text-align: center;} .showroom img{width:100%;max-width:700px;margin:25px auto; margin-bottom: 50px;} .no_btm{margin-bottom: 0!important;padding-bottom: 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{ margin: 10px 0px 100px 0px; letter-spacing: 1px; } .post_1_main{ color: #777777; font-size: 15px; font-family: 'Lato-Medium'; } .textitle_bottom .post_1_main{ letter-spacing: 0.4px; margin-top: 1px; margin-bottom: 12px; } .textile_bottom{ margin-bottom: 134px; margin-top: 98px; float: left; width: 100%; } .textile_bottom.tb1{ margin-top: 73px; } .textile_bottom .title1{ margin: 1px; } .textile_bottom .post_1_main{ margin-bottom: 12px; letter-spacing: 0.4px; } .post_1 .titles{ padding-left: 50px; } .textitle_bottom{ margin-bottom: 134px; } .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; } .spoiler{display: none;width:100%!important;} .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; } .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-position: center 27px; } .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; } .link_to_cat a:hover:before{ background-image: url('../images/arrow_right_hv.png'); background-position: 93% center; } .post_1.contract img{max-height:222px;} .blocks{text-align: center;letter-spacing: normal;text-transform: uppercase;margin-top: 36px;margin-left: 9px;} .blocks a .title{ font-size: 14px; font-family: 'Lato-Medium'; font-weight: bold; padding: 17px 0px 9px 0px; } .blocks a:hover{color:black!important;} .b1{padding-bottom: 44px;} .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: 960px; margin: 0 auto; } .tile_1{ width: 100%; max-width: 227px; height: 250px; 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: 14px; } .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{color:#414143!important;} .tile_1 .picture:after, .tile_2 .picture:after { content: ''; position: absolute; width: 100%; height: 100%; top: -100%; left: 0; background-image: url('../images/hover_a.png'); transition:0.1s; background-size: cover; } .tile_1 a:hover .picture:after, .tile_2 a:hover .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; } .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; 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:194px!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 .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; margin-bottom: 0px; background: url('../images/knopka.png'); background-position: left 5px; background-repeat: no-repeat; } .spoiler .form-group{ margin-bottom:2px; padding: 8px 17px; padding-right: 0; } .spoiler label.checked { background: url('../images/knopkach.png'); background-position: left 5px; 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 0px 38px 0px; } .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 30px 0px 10px; } .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; margin-bottom: 28px; } .pages{ text-align: center; list-style: none; display: flex; justify-content: center; margin: 56px 0px; } a.active{ cursor: default; } .pages li a{ width: 21px; height: 21px; display: flex; text-align: center; font-family: 'Arial Bold', Arial, sans-serif; font-weight: bold; line-height: 2px; justify-content: center; align-items: center; border: 1px solid #d2d2d2; margin-right: -1px; color: #9b9999; font-size: 12px; } .pages .left_pg{ background-image: url('../images/left_ar.png'); } .pages .right_pg{ background-image: url('../images/right_ar.png'); } .pages .left_pg, .pages .right_pg{ background-color: #d2d2d2; padding: 0px 14px; background-repeat: no-repeat; background-position: center center; } .pages .left_pg, .pages .right_pg:hover{ border:1px solid rgba(0,0,0,0); } .pages li a.active, .pages li a.active:hover{color:black;} .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; } /**/ @media (min-width: 1200px){ .nav_up{ padding: 20px 25px; } } @media (min-width: 992px) and (max-width: 1199px) { footer .fleft p{ background-size: contain; } .post_cont .text{width: 245px;} .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;} } @media (max-width: 991px) { .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;} } @media (max-width: 729px) { .post_cont{justify-content: center;} .post_cont .text{width:100%;margin:20px} .dates_but {margin:0 auto;text-align: center;} .post_1.contract img {width: initial;} } @media (max-width: 576px){ .post_1.contract img {width: 100%;height: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%;} }