@font-face {
    font-family: 'Proxima Nova';
    src: local('Proxima Nova Light'), local('Proxima-Nova-Light'),
        url('ProximaNova-Light.woff2') format('woff2'),
        url('ProximaNova-Light.woff') format('woff'),
        url('ProximaNova-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
  }


* {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none;
    font-smooth: always;
}

HTML {
    min-width: 100%;
    min-height: 100%;
}

BODY {
    min-width: 100%;
    min-height: 100%;
    color: rgba(37, 37, 37, 1);
    font-family: 'Proxima Nova'; 
    padding-top:140px;   
}

@media (max-width: 1299px) {
  BODY {
    padding-top:100px; 
  }
}

BODY.state-gallery,
BODY.js-sidebar-expand {
    overflow: hidden;
}

TABLE {
    border-collapse: collapse;
}

TABLE TD {

}

H1 {
    font-weight: normal;
    margin: 0 0 30px 0;
    padding: 0;
    line-height: 40px;
    font-size:30px;
    font-weight:700;
    text-transform: uppercase;
}

H1 A {
    text-decoration: none;
}

H2 {
    font-weight: normal;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 30px;
    font-size:20px;
    font-weight:700;    
}

H3 {

}

.o-hidden {
    overflow: hidden;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.hover {
    cursor: pointer;
}

.hover:hover {
    opacity: 0.7;
}

.pointer{
    cursor:pointer;
}

:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

.hide {
    display: none;
}

.hidden {
    display: none !important;
}

.bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-contain {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-cover-item-preload {
    background: url(/local/i/preloader.gif) center center no-repeat white;
    transition: 0.3s;
    opacity: 0.3;
    background-size: 80%;
}

.bg-cover-item-preload-blank {
    background: url(/local/i/preloader.gif) center center no-repeat white !important;
    opacity: 0.3;
}

.js-in-action * {
    opacity: 0.7;
}

BUTTON,
.button {
    border: 0;
    color: white;
    font-weight: 400;
    font-size: 18px;
    line-height: 44px;
    background-color: #000;
    padding: 0 27px;
    cursor: pointer;
    margin: 0;
    border-radius: 2px;
    text-align: center;
}

.input,
.textarea {
    display: block;
    height: 42px;
    line-height: 42px;
    padding: 0;
    margin: 0;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    text-indent: 10px;
    box-shadow: none !Important;
}

INPUT[type="text"].invalid-field-value,
INPUT[type="password"].invalid-field-value,
TEXTAREA.invalid-field-value {
    color: red !important;
    border-bottom: 1px solid red !Important;
}

.invalid-field-value .fake-select * {
    color: red !important;
    background-color: pink !important;
}

LABEL.invalid-field-value {
    color: red !important;
}

.invalid-field-title {
    color: red !important;
}

.input-full {
    width: 100%;
}



/* NEW TEMPLATE */
*{
    box-sizing: border-box;
    padding:0;
    margin:0;
    border:0;
    outline:0;
}

BODY{
    
}

.sidebar{
    
}

#progress {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 5px;
    background: #1e1e1e;
    width: 0;
    display: none;
    transition: 0.1s;
}

.box-wrapper{
    overflow: hidden;
}

.box-wrapper .item-box{
    width:25%;
    float:left;
    position: relative;    
}

@media (max-width: 1024px) {
   .box-wrapper .item-box{
       width:50%;
       float:left;
       position: relative;       
   }
   
   .gallery-wrapper .box-wrapper .item-box{        
        margin-bottom:50px;
    }
}

.box-wrapper .item-box .item{
    position: absolute;
    top:5%;
    left:5%;
    width:90%;
    height:90%;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index:10;
}

.box-wrapper .item-box .item IMG{
    
}

.gallery-cover{}

.gallery-cover I{
    position: absolute;
    bottom:-10px;
    left:5%;
    width:90%;
    height:30px;
    line-height: 30px;
    z-index:12;
    font-style: normal;
    color:#1e1e1e;
    text-align: center;
    display: none;
}

.gallery-cover P{
    position: absolute;
    bottom:-10px;
    left:5%;
    width:90%;
    height:30px;
    z-index:11;
    display: none;
}

.gallery-cover:hover I{
    display: block;
}

.gallery-cover:hover P{
    display: block;
}

@media (min-width: 1300px) {
    .burger{
        display: none;
    }
    
    .close{
        display: none;
    }
    
    .sidebar{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:150px;
        background: white;
        z-index:15;    
        border-bottom:1px solid #1e1e1e;    
    }
    
    .sidebar .menu{
        text-align: center;
        line-height:20px;
        text-transform: uppercase;         
    }
    
    .sidebar .menu A{
        font-size:16px;
        margin: 0 10px;
    }
    
    .logo{
        display: block;
        text-align:center;
        font-size:30px;
        font-weight:700;
        line-height:30px;
        margin: 20px 0;
        text-transform: uppercase;
    }
    
    .logo IMG{
      height:70px;
      position: relative;
      top:0px;
    }
    
    .menu-item:hover,
    .menu-item.active{
        border-bottom:1px solid #1e1e1e;
    }
    
    .gallery-cover I{
        bottom:-15px;      
    }
    
    .gallery-cover P{
        bottom:-15px;        
    }
}

@media (max-width: 1299px) {
  
    .gallery-wrapper .item-box{
        margin-bottom:50px;
    }
    
    .burger{
        position: fixed;
        top:24px;
        right:5%;
        z-index:100;
        display: block;
        width: 32px;
        height: 32px;
        cursor: pointer;
        background: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle/%3E%3Cg data-name='Layer 2' id='Layer_2'%3E%3Cpath d='M28,10H4A1,1,0,0,1,4,8H28a1,1,0,0,1,0,2Z'/%3E%3Cpath d='M28,17H4a1,1,0,0,1,0-2H28a1,1,0,0,1,0,2Z'/%3E%3Cpath d='M28,24H4a1,1,0,0,1,0-2H28a1,1,0,0,1,0,2Z'/%3E%3C/g%3E%3Cg id='frame'%3E%3Crect class='cls-1' height='32' width='32'/%3E%3C/g%3E%3C/svg%3E") center center no-repeat white;
    }
    
    .close{
        position: fixed;
        top:24px;
        right:5%;
        z-index:100;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 27 27' style='overflow: hidden; position: relative;'%3E%3Cpath stroke='none' d='M2814,342.133L2802.63,353.5l11.36,11.363L2811.87,367l-11.37-11.363L2789.14,367l-2.13-2.131,11.36-11.363L2787,342.133l2.13-2.133,11.37,11.369L2811.87,340Z' transform='translate(-2787 -340)'%3E%3C/path%3E%3C/svg%3E") center center no-repeat;
        display: none;
        width: 32px;
        height: 32px;
        cursor: pointer;
    }
    
    .sidebar{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        height:80px;
        background: white;
        z-index:15;
        transform: 1s;
        border-bottom:1px solid #1e1e1e;
    }
    
    .sidebar .menu{
        display: none;
        text-align: left;
        position: relative;  
        text-transform: uppercase;
        padding: 100px 0 0 5%;  
    }
    
    .js-sidebar-expand .burger{
        display: none;
    }
    
    .js-sidebar-expand .close{
        display: block;
    }
    
    .js-sidebar-expand .sidebar{
        height:100%;
    }
    
    .js-sidebar-expand .sidebar .menu{
        display: block;
    }
    
    .sidebar .menu A{
        font-size:16px;
        margin: 0;
        display: block;
        line-height:30px;
    }
    
    .logo{
        position: fixed;
        left:5%;
        top:0;
        font-size:30px;
        font-weight:700;
        line-height:80px;
        text-transform: uppercase;
        z-index:16;
    }
    
    .logo IMG{
      height:60px;
      position: relative;
      left:-20px;
      top:10px;
    }
    
    .menu-item.active{
        font-weight:700;
    }
    
    .gallery-cover I{
        position: absolute;
        bottom:-15px;
        left:5%;
        width:90%;
        height:20px;
        line-height: 20px;
        z-index:12;
        font-style: normal;
        color:#1e1e1e;
        text-align: center;
        display: block;
    }
    
    .gallery-cover P{
        position: absolute;
        bottom:-15px;
        left:5%;
        width:90%;
        height:20px;
        line-height:20px;
        z-index:11;
        display: block;
    }
}

.footer{
    height:100px;
    margin-top:30px;
}

.footer > *{
    margin-left:5%;
    margin-right:5%;
}

.footer .f-right A {
    display: inline-block;
    text-decoration: none;
    width: 24px;
    height: 24px;
    border: 2px solid #1e1e1e;
    border-radius: 24px;
}

.icon-vk {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAB+UlEQVQ4T42RPYgTURDHZyZrCoX4RdTGD0SwFVZygh9nQJa890IIXGOrhSeCrYVVbAXhECzOQmxsRBRh92W3OSWFijanjYiFqIXR4uwsNuyMvJCVd+sVec3uf/4zv/2/WdRaLyPiIRHJAeBnq9W6PxgM2BhzQUQeMfNemB1EvDkcDm+XWmt9zs2WuiiKDdRafwGAI2URAJS1Nu33+7smk8kdEbnseavW2qtOR1G0g4i+E9Hu0heRbw54DwCulUVmTtM0VU4rpRQi2q2AxpjrInLX8wARlx1wAQDe+AYRnYjj+L1SahERX1aBYRhuazabn4nosHfd9UajcRIBwEEdsOUNPrXWLnW73fPM/KIKNMZcEZHVSrrTSZK8ckB3tT4iPqukbItIU0Qe+0ARuSEin4jogFd/aK295PQU6J5KqXeIGHq7HIvI11qt5lYyPUVRfETEMRG1vb4/InIsy7IfPhCMMS7Rmp9ynnf305IkMWVvmXCqtdZPAGBpHpCXMA+C4Gwcx283JXSi1+vtz/N8vbKfefgbzNxO0/TDpoSzlAvMvEZE26skZv6NiBcR8RYAnPJ9Zh7X6/XwP6Br6nQ6Z4joOQDs8YeKohhlWbYYRdE+InpNREd9HxEfbAl0TVEUHQyCYAUA/i0cAEbW2mj20eNENAKAnR70118udtF3yOPTOAAAAABJRU5ErkJggg==) center center no-repeat;
    background-size: 15px auto;
}

.icon-ig {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAACGElEQVQ4T62UPYgTQRTH/+9NiAYrO1OfNmqvFkrQYjc7ES0MfoufcKCNnQh+gDbWVilUFESsYuHOQA4OVBAFgyBnIXiCjcgRbdQoXGaeTNzIGZIzITfFLjM777dv/v83j/BnkNb6jIicBbARQC5bX+7Vcc7NMfNNa+3tLiQ8kiS5C+DYCIBhW24ZY05TkiRHAdwbB+Sce6mUepSd4AKANQD2UxRFL5RSW8aBAbhkjLkeYrTWcyKyCcCzkNkvAKvGgYnIZWvttUyit0FnIvoeYDIM5L3/xsx1IpoXkaL3fi8zrwOwICKvmTknIjuD9t57F1w8MgjmvRfn3Eyj0Vjofa9Wq4V2u71nkNsi4rturtSgcrn8agDsorW2kWlyEMBxIppN0/RGWKtUKhuccw+WxnnvOwM1I6KpNE0/RFG0nojeMTNngbuNMY+DRnEc/2DmQg/Y1WyIAUVjzGet9XYRebokg2ljTC3M4zj+ysxr/wsTkV3W2tlSqZQrFAozRFQiovf5fH5rvV7/EkVRUSn1qe+YQzN7aIw5kG0OhT3VarU+NpvNxUzHKwCujgoL+04aY+70m5MkyQ4AwZx/Cn05zXqMAKsppeadc0UROSwi55k53/+THuwngNWT1lq4LaHOnhPRtklhAJ6E0jgE4P4KwPb1mmPolCcmANaMMdN/76bW+lSn0zmnlNo8YtteFJE3oW2naRo6NX4DNtHx97Ou+RYAAAAASUVORK5CYII=) center center no-repeat;
    background-size: 12px auto;
}

.icon-fb {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAYCAYAAADOMhxqAAABL0lEQVQ4T72TvU6EQBDHZ1jOBltjaUwsjA9AZW2ADcTXsPcBeAvjM1BYqJstSayJb2BPbA0hgd0xc7nDg0PgEuNU+zG/+fjvLMLAkiQ5bdv2zhgTCCEuAcCz1iK7OY7TrhdbC8PwChFzADgZBuK9tdb0ACnlGxFdjznvAXEcnxtjPn5z3gOklJKIXoYAEd27rvvK503TUFdSGIa3iPg0BMqyPCqKotmezwJVVa3yPG87IIqiM5ZNCHFDRI8jJV0QkdnIShgEQes4jphqdufu81Dg/VDgGaMo+gIAl18eAFZTpSHiw6RKPAp1XR/vBPmZpbF3YEBrzdk7m8tgtdY9Bf8WAABSSrEYy0piL6VU7wvMztK/ANwDLR7vTdPLAd/3RZqmdnEGz/PcLMvW/4HtG6f8oaY2uNxfAAAAAElFTkSuQmCC) center center no-repeat;
    background-size: auto 15px;
}


#gallery{
    display:none;
}

.body-gallery-wrapper{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:99;
    background: #1e1e1e;
    overflow-y: scroll;
}

.body-gallery-item-inner{
    position: relative;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;    
}

.body-gallery-item-inner.image-horizontal{
  top:100px;
}

.body-gallery-item-inner.image-vertical{
  top:20px;
}

.close-gallery{
    position: fixed;
    top:20px;
    right:35px;
    z-index:100;
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='_Слой_1' data-name='Слой_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 256 256'%3E%3C!-- Generator: Adobe Illustrator 29.6.1, SVG Export Plug-In . SVG Version: 2.1.1 Build 9) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: %23515151; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath class='st0' d='M65.76,43.15l-22.59,22.61,62.21,62.24-62.24,62.24,22.64,22.61,62.22-62.22,62.24,62.24,22.61-22.64-62.22-62.22,62.24-62.24-22.64-22.61-62.22,62.22-62.24-62.24v.02Z'/%3E%3C/svg%3E") center center no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.inner-content{
    margin: 0 5%;
}

.page-content{
    padding: 20px 0;
}

.price-item{
    
}

.price-item .price__inner{
    margin-bottom:50px;
}

.price-item .price__inner .price__title{
    font-size:25px;
    font-weight:700;
    margin:0 0 15px 0;
}

.price-item .price__inner .price__price{
    font-weight:700;
    margin: 0 0 10px 0;
}

.price-item .price__inner .price__detail{
    
}

.price-item .price__inner .price__description{
    
}

.price-item .price__inner .price__link{
    margin: 15px 0 0 0;
}

.price-item .price__inner .price__link A{
    display: inline-block;
    border:1px solid #1e1e1e;
    text-decoration: none;
    line-height:40px;
    padding: 0 40px;
}

.page-content P{
    margin: 5px 0 10px 0;
}

.page-contacts TABLE{
    width:100%;
    margin: 30px 0;
}

.page-contacts TABLE TD{
    width:33%;
}

.page-contacts TABLE TD STRONG {
    display: block;
    margin: 0 0 10px 0;
}

.page-contacts TABLE TD:nth-of-type(3) A {
    display: inline-block;
    text-decoration: none;
    width: 24px;
    height: 24px;
    border: 2px solid #555;
    border-radius: 24px;
}

.feedback-form .f-left {
    width: 49%;
}

.feedback-form .f-right {
    width: 49%;
}

.feedback-form {
    padding: 50px 0 0 0;
}

.feedback-form .f-left {
    width: 49%;
}

.feedback-form .f-right {
    width: 49%;
}

.feedback-form INPUT,
.feedback-form TEXTAREA {
    display: block;
    width: 90%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #555;
    background: none;
    font-size: 12px;
    line-height: 20px;
    padding: 10px;
}

.feedback-form INPUT {
    margin: 0 0 50px 0;
}

.feedback-form TEXTAREA {
    height: 132px;
    resize:none;
}

@media (max-width: 1299px) {
    .page-contacts TABLE TD{
        display:block;
        width:100%;
        padding: 10px 0;
    }
}

/* NEW TEMPLATE */