@media screen and (min-width:1200px) {

/*_skeleton-*/
body {
    font-family: 'LatoWebLight';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    box-sizing: border-box;

}
*{
   outline: none; 
}
h1{
    font-size: 40px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0;
}
h2{
    font-size: 28px;
    text-transform: uppercase;
    text-align: left;
}
section{
    display: block;
    width: 100%;
    height: 100%;
    padding: 96px 0 0 0;
}

.clear{
    clear: both;
}
/*_header_*/
header{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 96px;
    background-color: white;
    opacity: 0.9;
    z-index: 1;
}
#menuclose{
    display: none;
}
#menuopen {
    display: none;
}
.logonamber{
    /*// width: 84%;*/
    width: 68%;
    margin: 0 auto;
    line-height: 82px;
    text-transform: uppercase;
    font-weight: bold;
}
.logo{
    float: left;
    font-size: 29px;
    line-height: 92px;
    margin-right: 16%;
}
.logo > a{
    color: black;
    text-decoration: none;
}
.namber{
    float: left;
    padding: 0 20px;
    font-size: 16px;
    text-align: right;
    line-height: 93px;
    background-image: url(../images/icon_phone-call.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.namber > a{
    text-decoration: none;
    color: black;
}
.namber > a > i{
    display: none;

}
nav{
    position: fixed;
    z-index: 2;
    line-height: 61px;
    left: 58% !important;
    font-weight: bold;
}
nav > ul{
    color: black;
    list-style-type: none;
    text-decoration: none;
    padding: 0;
}
nav > ul > li{
    position: relative;
    display: inline;
}
nav > ul > li > a{
    padding: 6px;
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
}
.drop.active .produktm {
  visibility: visible;
  opacity: 1;
}
.produktm{        
    visibility: hidden;
    position: absolute;
    padding: 0%;
    width: 650px;
    min-height: 165px;
    top: 59px;
    left: -203%;
    background-color: white;
    padding-bottom: 15px;
    box-shadow: -3px 3px 15px rgba(0, 0, 0, 0.38);
}

.boxnav {
    margin-top: 17px;
    font-weight: bold;
    float: left;
    font-size: 13px;
    padding: 0 21px;
    line-height: 20px;
}
.boxnav > li{
    list-style-type: none;
}
.boxnav > ul{
    padding: 0;
    list-style-type: none;
}
.boxnav > ul> li > a{
    font-weight: bold;
    color: black;
    font-size: 13px;
    list-style-type: none;
    text-decoration: none;
}
.boxnav > li > a{
    font-weight: bold;
    color: black;
    list-style-type: none;
    text-decoration: none;
}
nav > ul > li > a:hover{
    text-decoration: underline;
}
.content{
    width: 100%;
    height: 100%;

}
/*_footer_*/
footer {
    display: block;
    width: 100%;
    height: 285px;
    margin-top: 85px;
    background-color: rgb(48, 48, 48);
}
/*.foot{
    width: 990px;
    margin: 0 auto;
    padding: 5%;
}*/
.footbox{
    float: left;
    width: 30%;
}
.footbox > a{
    display: block;
    font-size: 15px;
    line-height: 2;
    color: white;
    text-decoration: none;
}
.footbox > p{
    color: white;
    font-size: 15px;
}
#logofoot{
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1;
    margin-left: 15%;
    margin-right: 0;
}
#logofoot > a{
    color: white;
    line-height: 2;
}
.social{
    padding: 0 15px;
}
.social > a{
    display: inline-block;
    color: #303030;
    background: white;
    border-radius: 50%;
    font-size: 14px;
    line-height: 25px;
    width: 24px;
    text-align: center
}
#blok2{
    width: 20%;
    padding: 0 13%;
    padding-right: 0;
}
#blok2 > a:hover{
    text-decoration: underline;
}
#blok3{
    line-height: 0;
    width: 26%;
    float: right;
    line-height: 0;
}


/*_slider_*/
.slogan{
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 56%;
    right: 8%;
    text-align: center;
    font-weight: bold;
    font-size: 53px;
    color: white;
}
.slicks{
    width: 100%;
    background-image: url(content/main_1.png);
    height: 925px;
    background-repeat: no-repeat;
    background-size: cover; 
}
/*_produkt_*/
.produkt{
    width: 61%;
    padding: 6%;
    margin: 0 auto;
    
}
.box{
    max-height: 615px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 3%;
    
}
.box > button{
    position: absolute;
    width: 100%;
    height: 40px;
    bottom: 0;
    border: none;
    text-align: center;
    font-size: 24px;
    text-decoration: none;
    background-color: rgba(251, 248, 248, 0.57);
    cursor: pointer;
}
.box > img{
    width: 100%;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
    -webkit-filter: brightness(75%);
}
.box> img:hover{
    -webkit-filter: contrast(101%);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}
#leftbox{
    width: 49%;
    float: left;

}
#rightbox{
    width: 49%;
    float: right;

}
#leftbox1{
    width: 100%;
    margin-bottom: 2%;
}
#minbox1{
    width: 32%;
    max-height: 317px;
    float: left;
    padding-right: 2%;
}
#minbox2{
    width: 32%;
    max-height: 317px;
    float: left;
    padding-right: 2%;
}
#minbox3{
    width: 32%;
    max-height: 317px;
    float: right;
}
/*_ partners_*/
.partners{
    width: 100%; 
    
}
.partner{
    width: 26%;
    margin: 0 auto;
    padding: 8% 20%;
}
.partner > h1{
    text-align: center;
    font-size: 37px;
    text-transform: capitalize;
}
.boxpart{
    position: relative;
    width: 111px;
    height: 111px;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.boxpart > p{
    position: absolute;
    width: 100%;
    bottom: -65px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
#parus{
    float: left;
    background-image: url(content/parus.png);
}
#ekodom{
    float: right;
    background-image: url(content/eco_dim.png);
}

/*--------------shtory-----------------*/
/*s*/
/*_bread_*/
.breadcrumbs{
    height: 80px;
}
.breadcrumbs > ul {
    display: inline-table;
    padding: 0;
    list-style: none outside none;
}
.breadcrumbs > ul > li {
    display: inline;
}
.breadcrumbs > ul > li > a {
	display: block;
    float: left;
    padding: 0px 2px;
    text-decoration: none;
    color: black;
    font-size: 18px;
    line-height: 4;
}
.breadcrumbs > ul > li > a:after {
	content: "/";  
}
/*_navleft_*/
/*.navshtor{*/
    /*width: 30%;*/
    /*float: left;*/
/*}*/
#leftnav{
    float: none;
    font-size: 18px;
}
.navshtor > ul{
    color: black;
    list-style-type: none;
    text-decoration: none;
    padding: 0;
    margin: 0;
}
.navshtor > ul > li{
    position: relative;
    display: block;
    line-height: 1;
}
.navshtor > ul > li > a:hover {
    text-decoration: underline;
}
.navshtor > ul > ul > li > a:hover {
    text-decoration: underline;
}
/*_shtory_*/
/*.mainright{
    width: 66%;
    float: right;
    
}*/
.mainright > h1{
    font-size: 30px;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
}
.texter{
    min-height: 200px;
    font-size: 18px;
    font-weight: bold;
}
.mainright > h2{
    font-size: 28px;
    text-transform: uppercase;
    text-align: left;
}
.propusk{
    height: 50px;
}
#minbox4{
    margin: 5px;
    width: 23%;
    max-height: 385px;
    float: left;
}
#minbox5{
    margin: 5px;
    width: 23%;
    max-height: 385px;
    float: left;
}
#minbox6{
    margin: 5px;
    width: 23%;
    max-height: 385px;
    float: left;
}
#minbox7{
    margin: 5px;
    width: 23%;
    max-height: 385px;
    float: right;
}
#buttmin{
    font-size: 19px;
}
/*__paginator__*/
.pagin{
    position: relative;
    width: 100%;
    text-align: center;

}

.pagination{
    display: inline-block;
}

.pagination > a{
    line-height: 25px;
    width: 26px;
    color: black;
    float: left;
    text-decoration: none;
    transition: background-color .3s;
    margin: 0 4px;
}
.pagination > p{
    line-height: 25px;
    width: 80px;
    color: black;
    float: left;
    margin: 0 4px;
}
#bord{
    border: 1px solid #ddd;
}
.pagination > a.active{
    background-color: #6b6969;
    color: white;
    border: 1px solid #6b6969;
}

.pagination > a:hover:not(.active){
    background-color: #ddd;
   
}
/*------------gotshtory-------------*/
.texter > ol{
    padding-left: 20px;
}
.texter > ul{
    padding-left: 20px;
}
.texter > ol > li > a{
    text-decoration: none;
    color: black;
}
.maintov{
    margin-top: 50px;
    overflow: hidden;
    margin-bottom: 20px;
}
.kartochka{
    position: relative;
    float: left;
    width: 48%;

    font-size: 18px;
    margin-bottom: 37px;
    font-weight: bold;
    
}
#right{
    float: right;
    border: none;
}
.kartfoto{
    overflow: hidden;
    width: 100%;

    align-items: center;    
}
.shtorfoto{
    background-image: url(content/photo3.png);
    background-repeat: no-repeat;
   /* background-size: contain;*/
   /* height: 660px;
    width: 75%;*/
    margin: 38px;
    margin-bottom: 0; 
}
/*__star__*/
.reviewStars-input input:checked ~ label, .reviewStars-input label, .reviewStars-input label:hover, .reviewStars-input label:hover ~ label {
  background-image: url(content/star.png);
  background-repeat: no-repeat;
}

.reviewStars-input {
  overflow: hidden;
  *zoom: 1;
  position: relative;
  top: 5px;
  float: left;
}

.reviewStars-input input {
  position: absolute;
  top: 0;
  z-index: 0;
  opacity: 0;
  height: 23px;
  width: 20px;
  
  
}

.reviewStars-input input:checked ~ label {
  background-position: 0 -20px;
  height: 25px;
  width: 20px;
}

.reviewStars-input label {
    background-position: 0 0;
    background-size: 20px;
    height: 19px;
    width: 20px;
    float: right;
    cursor: pointer;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}

.reviewStars-input label:hover, .reviewStars-input label:hover ~ label {
  background-position: 0 -20px;
}

.kartochka > button{
    margin-top: 20px;
    height: 38px;
    width: 160px;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    background-color: #6b6969;
    border: none;
    cursor: pointer;
}
.article{
   margin-bottom: 0; 
}
.article2{
    margin: 0;
}
.kartochka > button:hover{
    background-color: #555353;
}

.article{
   margin-bottom: 0; 
}
.article2{
    margin: 0;
}
.kartochka > button:hover{
    background-color: #555353;
}
/*____1shtora_____*/
.podrobnozakaz{
    position: relative;
    margin-bottom: 100px;
}
.opis{
    position: relative;

}
.opis > p{
    font-weight: bold;
    font-size: 18px;
}
.opis > button{

    height: 45px;
    width: 200px;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    background-color: #6b6969;
    border: none;
    cursor: pointer;
}
.ocenka{

}
.ocenka > ul {
    display: inline-table;
    padding: 2px 0;
    margin: 0;
    list-style: none outside none;
}
.ocenka > ul > li {
    display: inline;
}
.ocenka > ul > li {
    display: inline;
    padding: 0px 2px;
    font-size: 14px;
}
.summary{
   margin: 0 5px; 
}
#ball{
    
}
#people{
    
}
#mainrightmin{
    float: left;!important;
}
.properties{

    margin: 15px 0;
    min-height: 215px;

    font-size: 14px;
}
.propbox{
    width: 120px;
    float: left;
    text-align: center;
    border-right: solid 1px rgba(0, 0, 0, 0.25);
    
}
.prophead{
    height: 20px;
    line-height: 10px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.25);
}
.shtors{

}
.shtorvib{
     width: 21%;
    float: left;
    font-size: 15px;
    margin: 12px;
    font-weight: bold;
}
.shtorvib > p{
    box-sizing: border-box;
    padding: 0 10px;
}
.shtorvib:hover{
    font-weight: bold;
}
#shtors1{
    
}
/*__poslugi2__*/
.poslugi11{
    
}
.poslugi11 > h1{
    font-size: 40px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0;
}
.posluga11{
    width: 33%;
    float: left;
    font-size: 15px;
    font-weight: bold;
}
.posluga11 > p{
    text-align: center;
}
#poslbut{
    height: 40%;
}
/*__poslugi__*/
.poslugi{
    
}
.poslugi > h1{
    font-size: 40px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0;
}
.posluga{
    padding: 1%;
    width: 30%;
    float: left;
    font-size: 15px;
}
.posluga > p{
    text-align: center;
}
.poslugi > form{
    width: 30%;
    padding: 30px;
 }
.poslugi> form > input{
    margin: 10px;
}
.poslugi> form > input:nth-child(1){
    padding: 15px 30px;
    border: none;
    border-bottom: solid 1px darkgrey;
    background: rgba(255, 0, 0, 0);
    background-image: url(content/icons_name.png);
    background-repeat: no-repeat;
    background-position: center left;

 }
.poslugi> form > input:nth-child(2){
    padding: 15px 30px;
    border: none;
    border-bottom: solid 1px darkgrey;
    background: rgba(255, 0, 0, 0);
    background-image: url(../images/icon_phone-call.png);
    background-repeat: no-repeat;
    background-position: center left;
 }
.poslugi> form > input:nth-child(3){
    height: 45px;
    width: 200px;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    background-color: #6b6969;
    border: none;
    cursor: pointer;
 }
/*___Contact___*/
.blockcon{
    padding: 10% 0;
}
.blockcon > p{
   color: black; 
   font-size: 18px;
   font-weight: bold;
   line-height: 0;
}
.blockcon > a{
    display: block;
    font-size: 18px;
    font-weight: bold;
    line-height: 2;
    color: black; 
    text-decoration: none; 
}
#contaktnav{
    width: 30%;
}
#mainrightcon{
    width: 70%;
    float: left;
    overflow: hidden;
    display: flex;
    align-items: center;
}
#contaktnav > h1{
    font-size: 40px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 0;
}
/*----Statti-----*/

/*.center{*/
    /*width: 970px;*/
    /*margin: 0 auto;*/
/*}*/
#stat > p{
    font-size: 14px;
}
#stat > h3{
    font-size: 19px;
    text-align: center;
}
#stat > a{
    text-transform: uppercase;
    font-size: 16px;
    color: rgb(81, 80, 80);
    text-decoration: none;
}
#stat > a:hover{
    text-decoration: underline;
}
/*-------Stattimailn------*/
#stattimain{
   float: none;
}
#stattimain > p{
    font-size: 18px;
}
#stattimain > ul{
    padding-left: 20px;
}
#nonto{
    list-style-type: none;
    border-left: solid 1px rgba(117, 117, 117, 0.41);
}

/*-----404----*/
.error{
    text-align: center;
}
.error > h5{
    font-size: 250px;
    text-align: center;
    font-weight: bold;
    margin: 0;
}
.error > h1{
    text-align: center;
}
.error >button{
    height: 45px;
    width: 200px;
    font-size: 15px;
    color: white;
    text-transform: uppercase;
    background-color: #6b6969;
    border: none;
    cursor: pointer;
}}
.star-rating{
    font-size: 0;
}
.star-rating__wrap{
    display: inline-block;
    font-size: 1rem;
}
.star-rating__wrap:after{
    content: "";
    display: table;
    clear: both;
}
.star-rating__ico{
    float: right;
    padding-left: 2px;
    cursor: pointer;
    color: #FFB300;
}
.star-rating__ico:last-child{
    padding-left: 0;
}
.star-rating__input{
    display: none;
}
.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
    content: "\f005";
}

.call-popup {
    position: fixed;
    z-index: 999;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(160, 160, 160, 0.9);
    padding: 15px;
    padding-top: 60px;
    /*padding: 80px 15px 15px 15px;*/
    max-width: 450px;
    max-height: 100vh;
    overflow-y: auto;
    display: none;
}

.mfp-close {
    /*width: 55px;*/
    /*height: 55px;*/
    position: absolute;
    top: 0px;
    right: 0px;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    background: none;
    border: none;
    outline: none;
    font-size: 60px;
    line-height: 1;
    color: #fff;
    z-index: 999;
}
@media only screen and (max-width: 640px) {
    .call-popup {
        left: 25px;
        right: 25px;
        /*max-width: 450px;*/
        max-width: 100%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}


.scrollup {
    z-index: 999;
    padding: 12px 2px;
    background-color: rgba(253, 60, 61, 0.5);
    width: 50px;
    font-size: 1.8rem;
    position: fixed;
    right: 0;
    bottom: 30px;
    right: 30px;
    display: none;
    text-align: center;
    cursor: pointer;
    color: #fff;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in; }
.scrollup:hover {
    background-color: #fd3c3d; }
.contacts-form {
    margin-bottom: 10px; }

.contacts-form__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 20px 10px;
    margin-bottom: 20px;

    outline: none;
    border: 1px solid #999;
    background-color: #f3fff9;
    color: rgba(0, 0, 0, 1); }
.contacts-form__field:focus {
    border-color: #000000;
    background-color: #d1d6d4;
}
.contacts-form__field::-webkit-input-placeholder {
    color: #999; }
.contacts-form__field::-moz-placeholder {
    color: #999; }
.contacts-form__field:-ms-input-placeholder {
    color: #999; }
.contacts-form__field::placeholder {
    color: #999; }
.contacts-form__btn {
    margin-bottom: 10px;
    display: inline-block;
    padding: 22px 40px;
    color: #fff;
    background-color: #2a2f2d;
    border: none;
    outline: none;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in; }
.contacts-form__btn:hover {
    background-color: #20232a;
    color: #fff; }

/*@media screen and (max-width: 640px) {*/

    /*.call-popup  {*/
        /*position: fixed;*/
        /*z-index: 999;*/
        /*padding: 80px 15px 15px 15px;*/
        /*left: 0;*/
        /*right: 0;*/
        /*top: 50px;*/

        /*width: 80%;*/
        /*margin: 0;*/
        /*display: none;*/

    /*}*/
/*}*/
/*@media screen and (max-width: 481px) {*/
    /*.call-popup  {*/
        /*position: fixed;*/
        /*z-index: 999;*/
        /*padding: 80px 15px 15px 15px;*/
        /*left: 0;*/
        /*right: 0;*/
        /*top: 50px;*/

        /*width: 80%;*/
        /*display: none;*/
        /*margin: 0;*/

    /*}*/
/*}*/

/*@media screen and (max-width: 321px) {*/

    /*.call-popup  {*/
        /*position: fixed;*/
        /*z-index: 999;*/
        /*padding: 80px 15px 15px 15px;*/
        /*left: 0;*/
        /*right: 0;*/
        /*top: 50px;*/

        /*width: 80%;*/
        /*display: none;*/
        /*margin: 0;*/

    /*}*/
/*}*/
.zagl{
    font-weight: bold;
    font-size: large;
}
.product-link{
    color: #6b6969;
    text-decoration: none;
}

.product-link:hover {
    text-decoration: underline;
}
.drop.active .produktm {
    visibility: visible;
    display: block;
    opacity: 1;
}
.produktm {
    visibility: hidden;
    display: none;
    overflow-y: auto;
    max-height: 100vh;
}

.center {
    // max-width: 1170px;
    max-width: 940px;
    padding: 0 15px;
    margin: auto;
    box-sizing: border-box;
}
.center:before,
.center:after {
    content: "";
    display: table;
    clear: both;
}

.navshtor {
    float: left;
    width: 25%;
}
.mainright{
    width: 72%;
    float: right;
    overflow: hidden;

}

.mainright:before,
.mainright:after {
    content: "";
    display: table;
    clear: both;
}

.content_left {
	width: 100%;
    // float: left;
    // width: 65%;
}
.content_right {
		display: none;
    // float: right;
    // width: 33%;
}

.content_left--services {
    // width: 74%;
}

.content_right--services {
    // width: 25%;
    display: none;
}

.content_wrap {
    margin-bottom: 30px;
    overflow: hidden;
}


.content_wrap:before,
.content_wrap:after {
    content: "";
    display: table;
    clear: both;
}



.foot {
    // max-width: 1170px;
    max-width: 940px;
    padding: 60px 15px 0 15px;
    margin: auto;
    /*box-sizing: border-box;*/
}

/*// @media screen and (max-width:640px) {
//     .content_left,
//     .content_right{
//         float: none;
//         width: 100%;
//     }

//     .content_left--services,
//     .content_right--services {
//         width: 100%;
//     }

//     .map {
//         margin-bottom: 30px;
//     }
// }*/

.posluga {
	width: 31% !important;
}
.facebook__wrap {
	position: absolute;
	width: 210px;
	right: 10px;
	top: 175px;

}

 @media screen and (max-width:1200px) {
 	.facebook__wrap {
 		position: static;
 		padding: 0 15px;
 		width: 100%;
 		margin: auto;
 	}
 }

.slider {

}

.slider__item {
    position: relative;
}

.slider__caption {
    position: absolute !important;
    top: 30% !important;
    left: 0;
    right: 0;
    max-width: 1200px;
    padding: 0 20px;
    margin: auto;
    font-size: 50px;
    color: #fff;

    text-align: center;
    border: none !important;
    text-shadow: 1px 1px rgba(34, 34, 34, 0.5);
    font-weight: bold;
}

.bx-wrapper {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 620px){
    .slider__caption {
        font-size: 30px;
    }
}