@import url(fonts.css);
@import url(slick.css);
@import url(jquery.fancybox.min.css);

/* fonts
=====================*/

@font-face{
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Regular.eot');
    src: url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Regular.woff2') format('woff2'),
         url('../fonts/ProximaNova-Regular.woff') format('woff'),
         url('../fonts/ProximaNova-Regular.ttf') format('truetype'),
         url('../fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-RegularIt.eot');
    src: url('../fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-RegularIt.woff2') format('woff2'),
         url('../fonts/ProximaNova-RegularIt.woff') format('woff'),
         url('../fonts/ProximaNova-RegularIt.ttf') format('truetype'),
         url('../fonts/ProximaNova-RegularIt.svg#ProximaNova-RegularIt') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face{
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Bold.woff2') format('woff2'),
         url('../fonts/ProximaNova-Bold.woff') format('woff'),
         url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
         url('../fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face{
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-BoldIt.eot');
    src: url('../fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-BoldIt.woff2') format('woff2'),
         url('../fonts/ProximaNova-BoldIt.woff') format('woff'),
         url('../fonts/ProximaNova-BoldIt.ttf') format('truetype'),
         url('../fonts/ProximaNova-BoldIt.svg#ProximaNova-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face{
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-Black.eot');
    src: url('../fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Black.woff2') format('woff2'),
         url('../fonts/ProximaNova-Black.woff') format('woff'),
         url('../fonts/ProximaNova-Black.ttf') format('truetype'),
         url('../fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face{
    font-family: 'Proxima Nova';
    src: url('../fonts/ProximaNova-BlackIt.eot');
    src: url('../fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-BlackIt.woff2') format('woff2'),
         url('../fonts/ProximaNova-BlackIt.woff') format('woff'),
         url('../fonts/ProximaNova-BlackIt.ttf') format('truetype'),
         url('../fonts/ProximaNova-BlackIt.svg#ProximaNova-BlackIt') format('svg');
    font-weight: 900;
    font-style: italic;
}

/* normalize
=====================*/

*,*:before,*:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bold}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* basic
=====================*/

.animate,
input,
button,
textarea,
select,
a,
.btn{
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
}

* html .clearfix            {zoom: 1;}
*:first-child+html .clearfix{zoom: 1;}

body{
    background: #000;
    font: normal 15px 'Proxima Nova', Tahoma, sans-serif;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.html--hidden{
    margin-right: 17px;
    overflow: hidden;
}

#site{
    background: #181818;
    position: relative;
    overflow: hidden;
}

.container{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 68px;
    padding-left: 68px;
}

.container--mwidth_1440{max-width: 1440px;}
.container--mwidth_1218{max-width: 1218px;}

.row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

.col{
    padding-right: 15px;
    padding-left: 15px;
}

a      {color: inherit;text-decoration: none;cursor: pointer;}
a:hover{text-decoration: underline;}

h1,
h2,
h3,
h4,
h5,
h6,
.heading{
    display: block;
    font-weight: bold;
    position: relative;
}

h1,
.heading--size_1{
    font-size: 63px;
}

h2,
.heading--size_2{
    font-size: 47px;
}

h3,
.heading--size_3{
    font-size: 30px;
}

h4,
.heading--size_4{
    font-size: 25px;
}

h5,
.heading--size_5{
    font-size: 20px;
}

h6,
.heading--size_6{
    font-size: 18px;
}

form{
    display: block;
}

input,
button,
select,
textarea{
    font-weight: normal;
    font-family: 'Proxima Nova', Tahoma, sans-serif;
}

input,
button{
    margin: 0;
    padding: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
}

.clearfix:before,
.clearfix:after{
    height: 0;
    content: '';
    clear: both;
    display: block;
    visibility: hidden;
}

::-webkit-input-placeholder {color: rgba(255,255,255,.5);}
::-moz-placeholder          {color: rgba(255,255,255,.5);}
:-moz-placeholder           {color: rgba(255,255,255,.5);}
:-ms-input-placeholder      {color: rgba(255,255,255,.5);}

/* stub
=====================*/

.stub{
    background: url(../images/stub-bg.jpg) center center no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    width: 100%;
    height: 100vh;
    min-height: 450px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 18px;
    color: #fff;
    text-align: center;
}

.stub__container{
    
}

.stub__logo{
    width: 100%;
    max-width: 590px;
    margin: 0 auto 46px;
    display: block;
}

.stub__code{
    margin-bottom: 20px;
    display: block;
    font-weight: bold;
    font-size: 37px;
    opacity: .3;
}

.stub__code:after{
    content: '</>';
}

.stub__text{
    margin-bottom: 25px;
}

.stub__phone{
    outline: none;
}

.stub__phone:hover{
    opacity: .6;
    text-decoration: none;
}

/* components
=====================*/

.logo{
    display: inline-block;
    font-size: 0;
}

.logo__img{
    width: 100%;
    height: auto;
}

.language{
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0;
}

.language__item{
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.language__item:not(:last-child){
    margin-right: 31px;
}

.language__item:not(:last-child):after{
    background: #fff;
    width: 14px;
    height: 1px;
    margin-left: 8px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 100%;
}

.language__link{
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: rgba(255,255,255,.5);
    text-transform: uppercase;
}

.language__link--current,
.language__link:hover{
    color: #fff;
    text-decoration: none;
}

.pl-111{padding-left: 111px;}
.pr-111{padding-right: 111px;}

.text{
    line-height: 1.55;
    opacity: .77;
}

.title{
    margin: 0 0 76px;
}

.social{
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.social__item{
    margin: 0 14px 8px 0;
    padding: 0;
}

.social__link{
    overflow: visible;
}

.social__link:hover{
    text-decoration: none;
    opacity: .6;
}

.copyright{
    font-size: 13px;
    color: rgba(255,255,255,.77);
}

.scroll{
    display: inline-block;
    font-size: 12px;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    will-change: transform;
    opacity: .6;
}

.scroll:hover{
    text-decoration: none;
    opacity: 1;
}

.scroll:before{
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: -10px;
    left: -26px;
}

.scroll:after{
    width: 8px;
    height: 8px;
    margin-left: -16px;
    content: '';
    display: block;
    border: 2px solid #fff;
    border-bottom: none;
    border-left: none;
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
    -webkit-transform-origin: left top;
       -moz-transform-origin: left top;
        -ms-transform-origin: left top;
         -o-transform-origin: left top;
            transform-origin: left top;
    position: relative;
    top: -1px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    will-change: transform;
}

.view{
    padding: 10px;
    display: inline-block;
    color: rgb(50,50,50);
    vertical-align: top;
    outline: none;
    opacity: .2;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    cursor: pointer;
}

.view:hover{
    text-decoration: none;
    opacity: 1;
}

.view__icon{
    font-size: 20px;
}

.tabs{
    overflow: visible;
}

.tabs-item{
    margin-bottom: 14px;
}

.tabs-item--active{
    overflow: visible;
}

.tabs-item__header{
    padding: 10px 50px 10px 0;
    cursor: pointer;
    opacity: .5;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    position: relative;
}

.tabs-item__header:hover,
.tabs-item--active .tabs-item__header{
    opacity: 1;
}

.tabs-item--active .tabs-item__header:hover{
    opacity: .5;
}

.tabs-item__header:after{
    width: 10px;
    height: 10px;
    margin: -2px 2px 0 0;
    content: '';
    display: block;
    border: 2px solid #fff;
    border-bottom: none;
    border-left: none;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
}

.tabs-item--active .tabs-item__header:after{
    -webkit-transform: translateY(-4px) rotate(135deg);
       -moz-transform: translateY(-4px) rotate(135deg);
        -ms-transform: translateY(-4px) rotate(135deg);
         -o-transform: translateY(-4px) rotate(135deg);
            transform: translateY(-4px) rotate(135deg);
}

.tabs-item__title{
    margin: 0;
    text-transform: uppercase;
}

.tabs-item__content{
    padding: 11px 26px 18px 0;
    display: none;
}

.link-moore{
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.link-moore:hover{
    text-decoration: none;
    opacity: .6;
}

.link-moore:after{
    background: #fff;
    width: 14px;
    height: 1px;
    margin: -1px 0 0 6px;
    content: '';
    display: inline-block;
    -webkit-transform-origin: left center;
       -moz-transform-origin: left center;
        -ms-transform-origin: left center;
         -o-transform-origin: left center;
            transform-origin: left center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    vertical-align: middle;
}

.link-moore:hover:after{
    -webkit-transform: translateX(4px) scaleX(1.5);
       -moz-transform: translateX(4px) scaleX(1.5);
        -ms-transform: translateX(4px) scaleX(1.5);
         -o-transform: translateX(4px) scaleX(1.5);
            transform: translateX(4px) scaleX(1.5);
}

.input{
    background: transparent;
    width: 100%;
    padding: 11px 0;
    display: block;
    font-size: 15px;
    color: #fff;
    border: none;
    border-bottom: 1px solid #979797;
    outline: none;
}

.input:hover{
    -webkit-box-shadow: 0 1px 0 #979797;
       -moz-box-shadow: 0 1px 0 #979797;
            box-shadow: 0 1px 0 #979797;
}

.input:focus{
    border-color: #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
       -moz-box-shadow: 0 1px 0 #fff;
            box-shadow: 0 1px 0 #fff;
}

.input:focus::-webkit-input-placeholder {color: transparent}
.input:focus::-moz-placeholder          {color: transparent}
.input:focus:-moz-placeholder           {color: transparent}
.input:focus:-ms-input-placeholder      {color: transparent}

.input:-webkit-autofill,
.input:-webkit-autofill:hover, 
.input:-webkit-autofill:focus, 
.input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px transparent inset !important;
}

.checkbox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
    cursor: pointer;
}

.checkbox__input{
    display: none;
    position: absolute;
    left: -9999px;
}

.checkbox__icon{
    width: 16px;
    height: 16px;
    margin-right: 9px;
    display: block;
    font-size: 13px;
    line-height: 18px;
    color: transparent;
    text-align: center;
    text-indent: -20px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 16px;
            flex: 0 0 16px;
    -webkit-box-shadow: inset 0 0 0 1px #979797;
       -moz-box-shadow: inset 0 0 0 1px #979797;
            box-shadow: inset 0 0 0 1px #979797;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    position: relative;
    overflow: hidden;
}

.checkbox__icon:after{
    content: '\2713';
}

.checkbox__input:checked ~ .checkbox__icon{
    color: #fff;
    text-indent: 0;
    -webkit-box-shadow: inset 0 0 0 1px #fff;
       -moz-box-shadow: inset 0 0 0 1px #fff;
            box-shadow: inset 0 0 0 1px #fff;
}

.checkbox__input:checked ~ .checkbox__text{
    color: #fff;
}

.checkbox__text{
    padding-top: 1px;
    font-size: 13px;
    -webkit-transition: color .4s;
    -o-transition: color .4s;
    -moz-transition: color .4s;
    transition: color .4s;
}

.btn{
    background: transparent;
    padding: 10px 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border: none;
    outline: none;
    cursor: pointer;
}

.btn:hover{
    text-decoration: none;
}

.btn:after{
    background: #fff;
    width: 24px;
    height: 1px;
    margin-left: 14px;
    content: '';
    display: inline-block;
    -webkit-transform-origin: left center;
       -moz-transform-origin: left center;
        -ms-transform-origin: left center;
         -o-transform-origin: left center;
            transform-origin: left center;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    vertical-align: middle;
}

.btn:hover:after{
    -webkit-transform: translateX(4px) scaleX(1.5);
       -moz-transform: translateX(4px) scaleX(1.5);
        -ms-transform: translateX(4px) scaleX(1.5);
         -o-transform: translateX(4px) scaleX(1.5);
            transform: translateX(4px) scaleX(1.5);
}

/* header
=====================*/

.header{
    width: 100%;
    padding: 40px 0;
}

.header--relative{
    position: relative;
}

.header--absolute{
    position: absolute;
    top: 0;
    left: 0;
}

.header__container{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.header__logo{
    max-width: 156px;
    margin-top: 7px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 156px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 156px;
            flex: 0 0 156px;
    position: relative;
    z-index: 1;
}

.header__right{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.header__language{
    position: relative;
    z-index: 1;
}

.header__toggle{
    background: transparent;
    width: 40px;
    height: 40px;
    margin: 0 -10px 0 53px;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: -o-transform .4s;
    -moz-transition: transform .4s, -moz-transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s, -moz-transform .4s, -o-transform .4s;
    position: relative;
    z-index: 14;
}

.header__toggle-line{
    background: #fff;
    width: 20px;
    height: 1px;
    margin-left: -10px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.header__toggle-line:nth-child(1){
    -webkit-transform: translateY(-6px);
       -moz-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
         -o-transform: translateY(-6px);
            transform: translateY(-6px);
}

.header__toggle:hover:not(.header__toggle--active) .header__toggle-line:nth-child(1){
    -webkit-transform: translateY(-7px);
       -moz-transform: translateY(-7px);
        -ms-transform: translateY(-7px);
         -o-transform: translateY(-7px);
            transform: translateY(-7px);
}

.header__toggle-line:nth-child(2){
    overflow: visible;
}

.header__toggle-line:nth-child(3){
    -webkit-transform: translateY(6px);
       -moz-transform: translateY(6px);
        -ms-transform: translateY(6px);
         -o-transform: translateY(6px);
            transform: translateY(6px);
}

.header__toggle:hover:not(.header__toggle--active) .header__toggle-line:nth-child(3){
    -webkit-transform: translateY(7px);
       -moz-transform: translateY(7px);
        -ms-transform: translateY(7px);
         -o-transform: translateY(7px);
            transform: translateY(7px);
}

.header__toggle--active .header__toggle-line:nth-child(1){
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
}

.header__toggle--active .header__toggle-line:nth-child(2){
    opacity: 0;
}

.header__toggle--active .header__toggle-line:nth-child(3){
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
}

.nav-drop{
    background: rgba(26,26,26,.92);
    width: 100%;
    height: 100%;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    z-index: 4;
}

.nav-drop--show{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.nav-drop--active{
    opacity: 1;
    visibility: visible;
}

.nav-drop__inner{
    background: rgba(24,24,24,.9);
    padding: 132px 0;
    overflow-y: auto;
}

.header__nav-container{
    overflow: visible;
}

.header__nav{
    overflow: visible;
}

.nav{
    overflow: visible;
}

.nav__list{
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    list-style-type: none;
}

.nav__item{
    margin: 0;
    padding: 0;
}

.nav__item + .nav__item{margin-top: 26px;}

.nav__link{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    color: #696969;
    white-space: nowrap;
    position: relative;
}

.nav__link:after{
    background: #fff;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    content: '';
    display: block;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 6px;
    -webkit-transform: scale(2);
       -moz-transform: scale(2);
        -ms-transform: scale(2);
         -o-transform: scale(2);
            transform: scale(2);
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.nav__link:hover:after,
.nav__link--current:after{
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
    visibility: visible;
}

.nav__link:hover,
.nav__link--current{
    color: #fff;
    text-decoration: none;
}

.nav__link--current{
    pointer-events: none;
}

.nav__link-number{
    margin-right: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 60px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 60px;
            flex: 0 0 60px;
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    position: relative;
}

.nav__link:hover .nav__link-number,
.nav__link--current .nav__link-number{
    -webkit-transform: translateX(-100%) scale(.5);
       -moz-transform: translateX(-100%) scale(.5);
        -ms-transform: translateX(-100%) scale(.5);
         -o-transform: translateX(-100%) scale(.5);
            transform: translateX(-100%) scale(.5);
    opacity: 0;
    visibility: hidden;
}

.nav__link-text{
    text-transform: uppercase;
}

/* main
=====================*/

.main{
    margin-bottom: 27px;
    position: relative;
    z-index: 0;
}

.main__slide{
    outline: none;
}

.main__inner{
    position: relative;
}

.main__inner-header{
    min-height: 550px;
    position: relative;
    z-index: 0;
}

.main__inner-footer{
    position: relative;
    z-index: 1;
}

.slick-current .main__picture{
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
    opacity: 1;
}

.slick-current + .slick-slide .main__picture{
    opacity: 1;
    -webkit-transform: translateX(100%);
       -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
         -o-transform: translateX(100%);
            transform: translateX(100%);
}

.main__picture{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    height: 100%;
    margin-left: -431px;
    right: 0;
    bottom: 0;
    left: 50%;
    opacity: 0;
    -webkit-transition: opacity 2s, -webkit-transform 1s;
    transition: opacity 2s, -webkit-transform 1s;
    -o-transition: opacity 2s, -o-transform 1s;
    -moz-transition: transform 1s, opacity 2s, -moz-transform 1s;
    transition: transform 1s, opacity 2s;
    transition: transform 1s, opacity 2s, -webkit-transform 1s, -moz-transform 1s, -o-transform 1s;
    position: absolute;
    z-index: -1;
}

.main__picture:before{
    background: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.main__footer{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.main__next{
    width: 100%;
    max-width: 530px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.main__next-img{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    max-width: 58.6%;
    min-width: 58.6%;
    padding-bottom: 32.25%;
    -webkit-flex-basis: 58.6%;
        -ms-flex-preferred-size: 58.6%;
            flex-basis: 58.6%;
    margin-top: -86px;
}

.main__next-content{
    padding: 0 0 0 34px;
    font-size: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
}

.main__next-content:before{
    background: #252525;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.main__next-number{
    min-width: 20px;
    margin-right: 32px;
    font-weight: bold;
}

.main__next-title{
    overflow: visible;
}

.main__content{
    margin-top: -361px;
}

.main__title{
    max-width: 54%;
    margin: 0 0 103px;
    line-height: 1.1;
}

.main__content-footer{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.main__description{
    max-width: 450px;
    padding-top: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 450px;
        -ms-flex-preferred-size: 450px;
            flex-basis: 450px;
}

.main__description-title{
    margin-right: 34px;
    font-weight: bold;
    font-size: 16px;
    white-space: nowrap;
}

.main__description-text{
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    line-height: 1.55;
    color: rgba(255,255,255,.7);
}

.main__control{
    width: 530px;
    padding: 116px 1px 0;
}

.main__control-inner{
    max-width: 309px;
    min-width: 309px;
    -webkit-flex-basis: 309px;
        -ms-flex-preferred-size: 309px;
            flex-basis: 309px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.btn-arrow{
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-bottom: none;
    border-left: none;
    cursor: pointer;
    will-change: transform;
    position: relative;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    z-index: 1;
}

.btn-arrow:hover{
    opacity: .6;
}

.btn-arrow:before{
    width: 18px;
    height: 18px;
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 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%);
    z-index: -1;
}

.btn-arrow--prev{
    -webkit-transform: rotate(-135deg);
       -moz-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
         -o-transform: rotate(-135deg);
            transform: rotate(-135deg);
}

.btn-arrow--next{
    -webkit-transform: rotate(135deg) scaleX(-1);
       -moz-transform: rotate(135deg) scaleX(-1);
        -ms-transform: rotate(135deg) scaleX(-1);
         -o-transform: rotate(135deg) scaleX(-1);
            transform: rotate(135deg) scaleX(-1);
}

.main__control-arrow{
    overflow: visible;
}

.main__control-arrow--prev{
    overflow: visible;
}

.main__control-arrow--next{
    overflow: visible;
}

.control-count{
    font-weight: bold;
    font-size: 14px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 22px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 22px;
            flex: 0 0 22px;
    text-align: center;
}

.control-progress{
    background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
    background-image: -webkit-linear-gradient(left, #fff, #fff);
    background-image: -moz-linear-gradient(left, #fff, #fff);
    background-image: -o-linear-gradient(left, #fff, #fff);
    background-image: linear-gradient(to right, #fff, #fff);
    background-repeat: no-repeat;
    -webkit-background-size: 0 100%;
       -moz-background-size: 0 100%;
         -o-background-size: 0 100%;
            background-size: 0 100%;
    height: 3px;
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
       -moz-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-transition: -webkit-background-size .4s;
    transition: -webkit-background-size .4s;
    -o-transition: -o-background-size .4s;
    -moz-transition: background-size .4s, -moz-background-size .4s;
    transition: background-size .4s;
    transition: background-size .4s, -webkit-background-size .4s, -moz-background-size .4s, -o-background-size .4s;
    position: relative;
}

.control-progress:before{
    background: #3C3C3C;
    width: 100%;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: -1;
}

.main__control-count{
    overflow: visible;
}

.main__control-count--prev{
    margin: 0 11px 0 13px;
}

.main__control-count--next{
    margin: 0 17px 0 13px;
}

.main__control-progress{
    overflow: visible;
}

/* page-action
=====================*/

.page-action{
    padding: 0 0 88px;
    position: relative;
}

.page-action__container{
    position: relative;
}

.page-action__scroll{
    position: absolute;
    left: 27px;
    top: -79px;
    z-index: 2;
}

.page-action__phone{
    width: 41px;
    height: 41px;
    margin-left: auto;
    display: block;
    font-size: 41px;
    outline: none;
    position: relative;
    z-index: 0;
}

.page-action__phone:hover{
    color: #181818;
    text-decoration: none;
}

.page-action__phone:after{
    background: #fff;
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    right: 2px;
    bottom: 2px;
    left: 2px;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(1.5);
       -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
         -o-transform: scale(1.5);
            transform: scale(1.5);
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    pointer-events: none;
    z-index: -1;
}

.page-action__phone:hover:after{
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

/* map-section
=====================*/

.map-section{
    overflow: visible;
}

.map__container{
    overflow: visible;
}

.map-section__inner{
    height: 725px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative;
    z-index: 0;
}

.map{
    background: #ccc;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.map__content{
    background: #252525;
    width: 50%;
    padding-top: 80px;
    padding-right: 80px;
    padding-bottom: 103px;
}

.map__content-title{
    margin: 0 0 21px;
}

.map__content-text{
    overflow: visible;
}

/* projects
=====================*/

.projects{
    padding: 125px 0 120px;
}

.projects__title{
    overflow: visible;
}

.projects__list{
    overflow: visible;
}

.projects-item{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.projects-item:nth-child(even){
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.projects-item__col{
    max-width: 50%;
    min-height: 508px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
}

.projects-item__content{
    background: #252525;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.projects-item:nth-child(odd) .projects-item__content{
    padding-left: 68px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}

.projects-item:nth-child(even) .projects-item__content{
    padding-right: 68px;
}

.projects-item__inner{
    max-width: 541px;
    padding-top: 60px;
    padding-bottom: 80px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.projects-item:nth-child(odd) .projects-item__inner{
    padding-right: 116px;
}

.projects-item:nth-child(even) .projects-item__inner{
    padding-left: 116px;
}

.projects-item__title{
    margin: 0 41px 0 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.projects-item__description{
    padding-top: 3px;
}

.projects-item__text{
    margin-bottom: 17px;
}

.projects-item__moore{
    overflow: visible;
}

.projects-item__picture{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    font-size: 0;
    position: relative;
    overflow: hidden;
}

/* footer
=====================*/

.footer{
    background: #000;
    padding: 81px 0 38px 0;
}

.footer__container{
    overflow: visible;
}

.footer__top{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.footer__left{
    max-width: 56.6%;
    -webkit-flex-basis: 56.6%;
        -ms-flex-preferred-size: 56.6%;
            flex-basis: 56.6%;
}

.footer__col{
    max-width: 50%;
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
}

.footer__item{
    margin: 0 79px 51px 0;
}

.footer__item-title{
    margin: 0 0 12px;
    font-weight: bold;
    font-size: 14px;
    color: rgba(255,255,255,.32);
}

.footer__item-text{
    line-height: 1.55;
}

.footer__link{
    overflow: visible;
}

.footer__link:hover{
    text-decoration: none;
    opacity: .6;
}

.footer__right{
    max-width: 30%;
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
}

.footer__info{
    overflow: visible;
}

.footer__info-logo{
    max-width: 204px;
    margin-bottom: 33px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 204px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 204px;
            flex: 0 0 204px;
    vertical-align: top;
}

.footer__info-text{
    font-size: 13px;
    line-height: 1.5;
    color: rgba(255,255,255,.55);
}

.footer__copyright{
    padding-top: 37px;
}

/* page
=====================*/

.page{
    padding-bottom: 187px;
    display: block;
    overflow: visible;
}

.page__container{
    outline: none;
}

.page__slider{
    outline: none;
}

.page__slider-item{
    font-size: 0;
    position: relative;
    outline: none;
    vertical-align: top;
}

.page__slider-img{
    width: 100%;
    display: block;
}

.page__slider-view{
    position: absolute;
    top: 17px;
    right: 22px;
    cursor: pointer;
    z-index: 1;
}

.page--theme_light .page__slider-view{
    opacity: 1;
}

.page--theme_light .page__slider-view:hover{
    opacity: .4;
}

.page__slider-view:hover{
    text-decoration: none;
}

.page__block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.page__block-main{
    max-width: 662px;
    margin-right: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 662px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 662px;
            flex: 0 0 662px;
}

.page__block-header{
    background: #252525;
    margin: -122px 0 38px;
    padding-top: 40px;
    padding-right: 34px;
    padding-bottom: 50px;
    position: relative;
    z-index: 1;
}

.page--theme_light .page__block-header{
    background: #fff;
    color: #000;
}

.page--theme_light .page__block-header .content{
    color: rgba(0,0,0,.75);
}

.page--theme_light .content a{
    color: rgba(0,0,0,1);
}

.page--theme_light .btn-arrow{
    border-color: #000;
}

.page--theme_light .control-progress{
    background-image: -webkit-gradient(linear, left top, right top, from(#000), to(#000));
    background-image: -webkit-linear-gradient(left, #000, #000);
    background-image: -moz-linear-gradient(left, #000, #000);
    background-image: -o-linear-gradient(left, #000, #000);
    background-image: linear-gradient(to right, #000, #000);
}

.page--theme_light .control-progress:before{
    background: rgba(0,0,0,.1);
}

.page__block-inner{
    outline: none;
}

.page__block-control{
    width: 100%;
    max-width: 309px;
    margin: 0 0 38px 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.page__block-row{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
       -moz-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}

.page__block-title{
    margin: 0 40px 0 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.content{
    line-height: 1.55;
    color: rgba(255,255,255,.75);
}

.content p{
    margin: 0 0 22px;
}

.content > :last-child{margin-bottom: 0;}

.content img{
    max-width: 100%;
    height: auto;
}

.content a{
    color: #fff;
}

.content a:not(:focus){
    outline: none;
}

.content a:hover{
    text-decoration: none;
    opacity: .6;
}

.page__block-text{
    padding-top: 3px;
    overflow: visible;
}

.page__block-link{
    margin-top: -3px;
    font-size: 14px;
    color: #fff;
}

.page__block-tabs{
    overflow: visible;
}

.page__block-aside{
    background: #252525;
    max-width: 390px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 390px;
       -moz-box-flex: 0;
        -ms-flex: 0 0 390px;
            flex: 0 0 390px;
}

.page--theme_light .page__block-aside{
    background: #fff;
    color: #000;
}

.page--theme_light .page-block__line-text{
    color: rgba(0,0,0,.55);
}

.page--theme_light .page__block-info:not(:first-child){
    border-top-color: rgba(0,0,0,.12);
}

.page-block{
    outline: none;
}

.page__block-info{
    padding: 39px 62px 37px 62px;
}

.page__block-info:not(:first-child){
    border-top: 1px solid rgba(255,255,255,.1);
}

.page__block-subtitle{
    text-transform: uppercase;
}

.page-block__list{
    margin: 38px 0 0;
    padding: 0;
    list-style-type: none;
}

.page-block__line{
    margin: 0;
    padding: 0;
}

.page-block__line a{
    -webkit-box-shadow: 0 1px 0 transparent;
       -moz-box-shadow: 0 1px 0 transparent;
            box-shadow: 0 1px 0 transparent;
}

.page-block__line a:hover{
    text-decoration: none;
    -webkit-box-shadow: 0 1px 0 currentColor;
       -moz-box-shadow: 0 1px 0 currentColor;
            box-shadow: 0 1px 0 currentColor;
}

.page-block__line + .page-block__line{margin-top: 24px;}

.page-block__line-title{
    overflow: visible;
}

.page-block__line-text{
    margin-top: 6px;
    color: rgba(255,255,255,.5);
}

.page__block-presentation{
    margin: -30px;
    padding: 30px;
}

.presentation{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.presentation:hover{
    text-indent: 5px;
    text-decoration: none;
}

.presentation__icon{
    margin-right: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
       -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
}

.presentation__text{
    text-transform: uppercase;
}

.construction-progress{
    outline: none;
}

.video-popup{
    display: block;
    font-size: 0;
    outline: none;
    cursor: pointer;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    position: relative;
}

.video-popup:hover{
    text-decoration: none;
}

.video-popup:after{
    width: 0;
    height: 0;
    content: '';
    display: block;
    border-style: solid;
    border-width: 21px 0 21px 34px;
    border-color: transparent transparent transparent #ffffff;
    position: absolute;
    top: 50%;
    left: 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%);
    opacity: .65;
    -webkit-transition: all .3s cubic-bezier(.58,1.58,.4,1);
    -o-transition: all .3s cubic-bezier(.58,1.58,.4,1);
    -moz-transition: all .3s cubic-bezier(.58,1.58,.4,1);
    transition: all .3s cubic-bezier(.58,1.58,.4,1);
    z-index: 1;
}

.video-popup:hover:after{
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 1;
}

.video-popup__img{
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
}

/* news
=====================*/

.news{
    padding: 23px 0;
}

.news__title{
    margin: 0 0 66px;
    text-align: center;
}

.news__list{
    padding-bottom: 120px;
}

.news-item{
    background: #252525;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.news-item__col{
    min-height: 508px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
       -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
}

.news-item__col-picture{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

.news-item__col-content{
    padding: 78px 94px 90px 94px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.news-item__col-content > *{
    max-width: 420px;
}

.news-item__title{
    margin: 0 0 29px;
    line-height: .73;
}

.news-item__link{
    
}

.news-item__link:hover{
    opacity: .6;
    text-decoration: none;
}

.news-item__text{
    margin: 0 0 20px;
}

.news-item__moore{
    outline: none;
}

.news__item{
    overflow: visible;
}

.news__item:not(:last-child){
    margin-bottom: 30px;
}

/* article-item
=====================*/

.article{
    padding-bottom: 96px;
    overflow: visible;
}

.article-item{
    overflow: visible;
}

.article-item__img{
    width: 100%;
    height: auto;
    vertical-align: top;
}

.article-item__header{
    background: #181818;
    margin: -93px 102px 126px;
    padding: 0 20px;
    position: relative;
}

.article-item__inner{
    max-width: 576px;
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
}

.prev-link{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    vertical-align: baseline;
}

.prev-link:hover{
    text-decoration: none;
    opacity: .6;
}

.prev-link:hover .prev-link__icon{
    -webkit-transform: rotate(-135deg) translate(4px, -4px);
       -moz-transform: rotate(-135deg) translate(4px, -4px);
        -ms-transform: rotate(-135deg) translate(4px, -4px);
         -o-transform: rotate(-135deg) translate(4px, -4px);
            transform: rotate(-135deg) translate(4px, -4px);
}

.prev-link__icon{
    width: 8px;
    height: 8px;
    margin-right: 4px;
}

.prev-link__text{
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
}

.link-bs{
    -webkit-box-shadow: 0 1px 0 currentColor;
       -moz-box-shadow: 0 1px 0 currentColor;
            box-shadow: 0 1px 0 currentColor;
}

.link-bs:hover{
    -webkit-box-shadow: 0 1px 0 transparent;
       -moz-box-shadow: 0 1px 0 transparent;
            box-shadow: 0 1px 0 transparent;
}

.article-item__prev{
    margin-bottom: 32px;
}

.article-item__date{
    margin: 0 0 23px;
    display: block;
    font-size: 13px;
    opacity: .75;
}

.article-item__title{
    margin: 0 0 32px;
    padding-bottom: 27px;
    font-size: 34px;
    line-height: 1.15;
    border-bottom: 1px solid rgba(255,255,255,.2);
}

.article-item__text{
    overflow: visible;
}

/* events
=====================*/

.events{
    background: #252525;
    padding: 16px 0;
}

.events__container{
    max-width: 1236px;
}

.events__title{
    margin-bottom: 26px;
    padding: 19px 0;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.events__list{
    overflow: visible;
}

.events__row{
    margin: 0 -28px;
}

.events__col{
    max-width: 33.33%;
    margin-bottom: 90px;
    padding: 0 28px;
    -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
            flex-basis: 33.33%;
}

.events-item{
    overflow: visible;
}

.events-item__date{
    margin: 0 0 16px;
    padding: 0 3px;
    display: block;
    font-size: 13px;
}

.events-item__link{
    display: block;
}

.events-item__link:hover{
    opacity: .6;
    text-decoration: none;
}

.events-item__img{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    display: block;
}

.events-item__title{
    margin: 0;
    display: block;
    font-size: 23px;
    line-height: normal;
}

/* contact
=====================*/

.contact{
    padding-top: 44px;
    padding-bottom: 152px;
}

.contact__block{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.contact__block-form{
    max-width: 40%;
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
    margin-right: 30px;
    padding-bottom: 12px;
}

.contact-form{
    overflow: visible;
}

.contact-form__title{
    margin: 0 0 70px;
}

.contact-form__inner{
    overflow: visible;
}

.contact-form__line{
    outline: none;
}

.contact-form__line:not(:last-child){margin-bottom: 33px;}

.contact-form__privacy{
    margin: -4px 0 56px;
    color: rgba(255,255,255,.5);
}

.contact__block-content{
    background: #252525;
    max-width: 53.5%;
    padding: 32px 70px 16px;
    color: #fff;
    -webkit-flex-basis: 54.5%;
        -ms-flex-preferred-size: 54.5%;
            flex-basis: 54.5%;
}

.contact__list{
    outline: none;
}

.contact__row{
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.contact__col{
    max-width: 50%;
    min-width: 39%;
    margin: 32px 0;
}

.contact-item{
    outline: none;
}

.contact-item__title{
    margin: 0 0 33px;
    color: rgba(255,255,255,.3);
    text-transform: uppercase;
}

.contact-item__text{
    font-size: 14px;
    line-height: 1.6;
}

.contact-item__text a:hover{
    text-decoration: none;
    opacity: .6;
}

.contact-item__list{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.contact-item__line{
    margin: 0;
    padding: 0;
}

.contact-item__line:not(:last-child){
    margin-bottom: 22px;
}