body{font-family: Lato, sans-serif;}
a:hover{text-decoration: none;}
img{max-width: 100%;}
a{color: inherit;}
li{list-style: none;}
ul{padding-left: 0;}

section{max-height: 1500px;}
.menu-content{position: fixed; z-index: 99; right: 24px; top: 32vh; -webkit-transition: 1s ease; transition: 1s ease;}
.menu-icon{ height: 70px; width: 50px; border-radius: 8px; text-align: center; padding-top: 15px; margin-bottom: 2px; -webkit-transition: 1s ease; transition: 1s ease; position: relative; cursor: pointer;}
.menu-icon::after{content: ''; background-image: url(../img/drewno2.jpg); height: 70px; width: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.5; z-index: 29; border-radius: 6px;}
.menu-icon img {max-width: 65%; position: relative; z-index: 30;}
.menu-icons {z-index:  10; position:  relative;}
.menu-item {font-size: 16px; color: #fff; font-weight: 700; background: no-repeat center/cover; background-image: url(../img/wood3.jpg); line-height: 55px; position: absolute; border-right: none; left: 100px; right: 0px; -webkit-transition: 1s ease; transition: 1s ease;}
.menu-item a{display: block; padding-left: 60px; -webkit-transition: 0.5s ease; transition: 0.5s ease;}
.menu-item-1 {top: 20px;}
.menu-item-2 {top: 84px;}
.menu-item-3 {top: 148px;}
.menu-item-4 {top: 212px;}
.menu-items {width: 200px; height: 45vh; top: 0; position: absolute;}
.menu-content:hover{right: 114px;}
.menu-content:hover .menu-icon{height: 62px; width: 42px;}
.menu-content:hover .menu-item{left: -12px; right: -114px;}
.menu-content:hover .menu-icon::after{height: 62px; width: 42px; opacity: 1; border: 2px solid #fff;}
.menu-item a:hover{color: #fff; font-weight: 700;}
.slider-image {height: 100vh; position: relative;}
h1{font-family: 'Dancing Script', cursive; font-size: 108px; font-weight: 700; text-align: center; color: #fff; margin: 0; padding-top: 200px; text-shadow: 0 4px 9px rgba(65,64,66,.75);}
h2{color: #fff; font-family: 'Dancing Script', cursive; text-align: center; font-size: 30px; margin-top: 70px; text-shadow: 0 4px 9px rgba(65,64,66,.75);}
.number{position: absolute; top: 10px; left: 10px; padding: 10px 15px;}
.number a{font-size: 16px; color: #fff; display: block; padding: 5px;}
.number img{height: 16px; margin-right: 10px; vertical-align: text-bottom;}
.parallax{background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
.desc-image{height: 100vh;}
.description .container{margin: 0 0 0 auto;}
.belka{background: no-repeat center/cover; text-align: center; width: 100%;}
.belka span{font-size: 60px; font-weight: 700; color: #000; opacity: 0.3; text-transform: uppercase; display: block; padding: 10px 0;}
.description-text {margin: 250px 0 0 -100px; font-size: 2.4vh; line-height: 3.5vh; border: 3px solid; padding: 70px 165px 70px 70px;}
.gallery{margin: 5vh 0;}
.photos::after{content: ''; position: absolute; top: 0; bottom: 0; right: 25px; width: 50px; background-color: rgba(224, 142, 18, 0.8); z-index: 3;}
.gallery-item{padding: 5px;}
.gallery-item a img{transition: 0.2s; max-height: 40vh;}
.gallery-item a:hover img{transform: scale(1.02, 1.02);}
.gallery-text {margin: 10vh 0 0; font-size: 2.4vh; line-height: 3.5vh; padding: 20px; text-align: center; background-color: #fff;}
.gallery-text p{margin-bottom: 0;}
.gallery-nav a{width: 25%; float: left; padding: 10px 0; text-align: center; font-size: 2.4vh; border-bottom: 2px solid #111; color: #000;}
.gallery-nav a:hover{color: #000; border-bottom: 2px solid #e08e12;}
.gallery-nav a.active{color: #fff; background-color: rgba(224, 142, 18, 0.8); border-bottom: 2px solid #e08e12; text-decoration: none;}
.gallery-nav{margin-top: 10vh;}
.photos-img{width: 70%; float: right;}
.photos{height: 100vh; padding-top: 20px; background-color: #fff; position: relative;}
.owl-theme .owl-nav [class*=owl-]{font-size: 20px; padding: 0 14px; background-color: transparent; color: #e08e12; border: 2px solid #e08e12; border-radius: 5px; -webkit-transition: 0.5s ease; transition: 0.5s ease;}
.owl-theme .owl-nav [class*=owl-]:hover{background-color: rgba(224, 142, 18, 0.8); border-color: #e08e12;}
.gal { display: none!important; }
.gal.active { display: block !important; }
.contact-content img {height: 40px; vertical-align: text-bottom; margin-right: 10px;}
.contact {height:  100vh;}
.contact-content {font-size: 40px; font-weight: 700; line-height: 70px; border-radius: 10px; margin-right: 10%; color: #fff;}
.contact a{color: #eee; text-decoration: none; font-weight: 500;};
.contact a:hover{color: #fff; text-decoration: none;}
.contact p{margin: 0;}
.contact .con1{font-family: 'Dancing Script', cursive; font-size: 70px; text-align: center; padding-top: 70px; color: #fff;}
.contact .con2{padding-top: 100px; padding-left: 50px;}
.contact .con3{padding-top: 45px; padding-left: 150px;}
.contact .con4{padding-top: 45px; padding-left: 250px;}
.copyrights{background-color: #111; color: #fff; font-size: 14px; margin: 0;}
.copyrights a{color: #fff;}
.copyrights a:hover{color: #fff;}
.copyrights .right{text-align: right;}
.copyrights p{margin: 0;}

@media (max-width: 1400px){
    .description-text {margin: 70px 0 0 0;}
    .photos-img {width: 50%;}
}
@media (max-width: 1200px){
    .photos-img {width: 70%;}
    .description-text {margin: 30px 0 0 0; padding: 50px 165px 50px 50px;}
}
@media (max-width: 1200px) and (min-height: 1000px){
    .description-text{font-size: 2.3vh; line-height: 2.8vh;}
}
@media(max-width: 991px){
    .description-text{padding: 70px 100px 70px 30px;}
    .gallery-text {margin: 18px 10px 0 -100px;}
    .contact-content{margin-right: 0;}
    .contact .con2{padding-left: 25px;}
    .contact .con3{padding-left: 125px;}
    .contact .con4{padding-left: 225px;}
    .gallery {margin: 1vh 0;}
    .owl-theme .owl-nav {margin-top: 0px;}
    .owl-theme .owl-nav [class*=owl-]{line-height: 30px;}
    .belka span {font-size: 40px;}
}
@media(max-width: 787px){
    h1{font-size: 78px;}
    .description-text{background-color: rgba(85, 85, 85, 0.6); color: #fff;}
    #about.parallax{background-position: right;}
    .photos-img{display: none;}
    .gallery-text {margin: 18px 10px 0 10px;}
    .belka span {font-size: 30px;}
    .contact-content {font-size: 28px;}
    .contact .con1{font-size: 50px; margin-right: 0; text-align: left;}
    .contact .con3{padding-left: 75px;}
    .contact .con4{padding-left: 175px;}
    .menu-content {right: 0; top: auto; bottom: 0px; left: 0; background-color: rgba(170, 170, 170, 0.6);}
    .menu-icon{display: inline-block; width: 25%; float: left; padding: 15px;}
    .menu-item{display: none;}
    .menu-icon::after{display: none;}
    .menu-content:hover{right: 0}
    .menu-content:hover .menu-icon{height: auto; width: 25%;}
    .description-text{padding: 10px;}
    .photos::after{display: none;}
    .gallery-nav a {width: 50%;}
}
@media(max-width: 600px){
    .contact-content {font-size: 25px;}
    .contact .con2, .contact .con3, .contact .con4{padding-left: 0;}
}
@media(max-width: 500px){
    h1{padding-top: 35%;}
}
@media(max-height: 600px){
    h1{padding-top: 15%;}
    .contact .con1{margin-right: 20%; padding-top: 8%;}
    .contact .con2, .contact .con3, .contact .con4{padding-top: 1%;}
    .desc-image, .photos, .contact {height: auto;}
}