@charset "utf-8";
/* CSS Document by 3dteapot.com */
/*------------------------------------------------------------------------Body-*/
html, body{
	scroll-behavior: smooth;
	min-height: 500px;
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-size: 100% 100%;
	flex-shrink: initial;
	overflow-x: hidden;
}
/*------------------------------------------------------------------------Font`s-*/
@font-face{
	font-family:ElektraLight;
	src: url(font/ElektraLight.otf);
}
@font-face{
	font-family:ElektraTextBold;
	src: url(font/ElektraTextBold.otf);
}
/*------------------------------------------------------------------------Styles-basic*/
.h01{font-size: 18px;font-family:ElektraTextBold;color: #1fc545;line-height: 1.3;margin-top: 15px;}
@media (max-width: 576px){
  .h01{
	font-size: 14px;
	margin-top: 10px;
}}
.h02{font-size:18px;font-family:ElektraTextBold;color:#1fc545;line-height: 1.3;}
.h03{font-size:36px;font-family:ElektraTextBold;color:#FFF;line-height: 1.3; margin-top: 25px;}
@media (max-width: 576px){
  .h03{
	  font-size:28px;
}}
.h04{font-size:18px;font-family:ElektraTextBold;color:#FFF;line-height: 1.3;}
@media (max-width: 576px){
  .h04{
	  font-size:16px;
}}
.h05{font-size: 21px;font-family:ElektraTextBold;color:#1fc545;line-height: 1.3;margin-top: 15px;}
@media (max-width: 576px){
  .h05{
	  font-size:16px;
}}
.h06{font-size: 21px;font-family:ElektraTextBold;color:#eca634;line-height: 1.3;}
@media (max-width: 576px){
  .h06{
	  font-size:16px;
}}
.phone{margin-left: 20px; margin-right: 10px; margin-top: -5px;}
@media (max-width: 576px){
  .phone{
	  margin-left: 0px;
}}
@media (min-width: 576px){
  .phone-none{
	  display: none;
}}

.social{margin-bottom: 20px;}
.social-right{margin-right: 5px;}

.link{color:#FFF;transition-property:all;transition:all ease 0.4s;}
a:hover.link{color:#FFF;text-decoration:none;transition:0.4s;}

.link-menu{color:#FFF;transition-property:all;transition:all ease 0.4s;}
a:hover.link-menu{color:#1fc545;text-decoration:none;transition:0.4s;}

.link-menu-hotel{color:#FFF;transition-property:all;transition:all ease 0.4s;}
a:hover.link-menu-hotel{color:#eca634;text-decoration:none;transition:0.4s;}

.active-menu-hotel{color:#eca634;text-decoration:none;}
a:hover.active-menu-hotel{color:#FFF;text-decoration:none;transition:0.4s;}

.active-menu-product{color:#1fc545;text-decoration:none;}
a:hover.active-menu-product{color:#FFF;text-decoration:none;transition:0.4s;}

.active-menu-category{color:#f4ac36;text-decoration:none;}
a:hover.active-menu-category{color:#f4ac36;text-decoration:none;transition:0.4s;}

.link-menu-two{color:#FFF;transition-property:all;transition:all ease 0.4s;}
a:hover.link-menu-two{color:#FFF;text-decoration:none;transition:0.4s;}

.pad-page-menu{margin-left: 13%;}
.pad-page-icon{margin-right: 10px;}
.pad-select-icon{padding-top: 23px; text-align: left;}
.pad-category-two{margin-top: 150px;}
.pad-select-menu{margin-left: 30px;}
.pad-icon-category{margin-right: 10px;}
.pad-number{margin-left: 25px;}
@media (max-width: 576px){
  .pad-number{
	margin-left: 0px;
}}
@media (max-width: 450px){
  .pad-select-menu{
	margin-left: 22px;
}}
@media (max-width: 576px){
  .pad-category-two{
	margin-top: 100px;
}}
.black-line{
	background-color: black;
	width: 100%;
	height: auto;
}
.active-menu-mob{
	font-family:ElektraTextBold;
	color:#23dc4c;
}
.font-copyright{
	font-size: 12px;
}

@media (max-width: 992px){
  .logo-none{
	  display: none;
}}
@media (min-width: 992px){
  .logo-view{
	  display: none;
}}
/*------------------------------------------------------------------------Index-page*/
.index{  	
	flex-direction: column;
  	height: 100vh;
	text-align: center;
	align-items: center;
	display: flex;
    justify-content: center;
}
@media (max-width: 992px){
  .index{
	 /*height: 30.0vh;*/
	 height: calc(33.7vh - 30px);
}}
.contact{  	
	padding-bottom: 30px;
	position: absolute;
	bottom: 0px;
	font-family:ElektraLight;
	font-size: 14px;	  
	color: white;
}
@media (max-width: 992px){
  .contact{
	 display: none;
}}
.logotype{  	
	padding-top: 120px;
	position: absolute;
	top: 0px;
	margin-left: 25px;
}
@media (max-width: 992px){
  .logotype{
	 display: none;
}}
.logotype-size{
	max-width: 220px;
}
@media (max-width: 992px){
  .logotype-size{
	 max-width: 120px;
}}
@media (max-width: 576px){
  .logotype-size{
	 max-width: 90px;
}}
@media (max-width: 992px){
  .logotype-hide{  
	  height: 80px;
	  background-color: black;
	  padding-left: 25px;
	  padding-top: 27px;	  
}}
@media (max-width: 992px){
  .logotype-index-hide{  
	  max-width: 180px;
}}
@media (max-width: 992px){
  .footer-hide{  
	  height:auto;
	  background-color: black;
	  text-align: center;
	  padding-top: 60px;
	  padding-bottom: 40px;	  
	  color: white;	  
}}
.menu{  	
	padding-top: 120px;
	position: absolute;
	top: 0px;
	margin-left: 210px;
}
@media (max-width: 992px){
  .menu{
	 margin-left: 0px;
	 right: 0;
	 margin-right: 25px;
}}
.back-01{
	background-image: url(images/b-01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: black;
}
@media (max-width: 992px){
  .back-01{
	 background-image: url(images/b-001.jpg);
	 background-size: cover;
	 background-position: center;
}}
.back-02{
	background-image: url(images/b-04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: black;
}
@media (max-width: 992px){
  .back-02{
	 background-image: url(images/b-004.jpg);
	 background-size: cover;
	 background-position: center;
}}
.back-03{
	background-image: url(images/b-07.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-color: black;
}
@media (max-width: 992px){
  .back-03{
	 background-image: url(images/b-007.jpg);
	 background-size: cover;
	 background-position: center;
}}
/*------------------------------------------------------------------------Style`s*/
.img{	
	transition-property: all;
	transition: all ease 0.5s;
}
.img:hover{
	transition:0.5s;
	-ms-transform: scale(1.08); /* IE 9 */
    -webkit-transform: scale(1.08); /* Safari 3-8 */
    transform: scale(1.08); 
}
/*------------------------------------------------------------------------Burger-style-*/
.burger-active{color:#542174;}
.position-menu{
	/*background-color:#333;*/
	height:auto;
	margin:0 auto;
	position:relative;
}
@media (max-width: 992px){
  .position-menu{
	  margin-top:-225px;
	  margin-right:0%;
}}
.menu-btn{
  display:flex;	
  padding-top:134px;
  align-items:center;
  position:absolute;
  top:0;
  right:0;
  width:40px;
  height:40px;
  cursor:pointer;
  z-index:3000;
}
@media (max-width: 992px){
  .menu-btn{  
	  padding-top: 41px;
}}
@media (max-width: 992px){
  .menu-btn-01{  
	  padding-top: 145px;
}}
.menu-btn > span,
.menu-btn > span::before,
.menu-btn > span::after {
  display:block;
  position:absolute;
  width:100%;
  height:3px;
  background-color:#FFF;
  transition-duration: .35s;
}
.menu-btn > span::before {
  content: '';
  top: -12px;
}
.menu-btn > span::after {
  content: '';
  top:12px;
}
.menubox{
  display:block;
  position:fixed;
  visibility:hidden;
  text-align: center;
  top:0;
  left:-100%;
  font-size:18px;
  line-height:1.1;
  width:100%;
  height:100%;  
  margin:0;
  opacity: 95%;
  padding:73px 0px;
  list-style:none;
  background-color:#000;
  transition-duration: .25s;
  z-index: 2000;
  overflow:none;
  overflow-style:none;  
}
.menu-padding{margin-top:60px;}
.text-padding{
	font-size:14px;
	line-height:1.4;
	color: white;	
	padding-bottom: 30px;
	position: absolute;
	bottom: 0px;
	text-align: center;
	width: 100%;
}
@media (max-width: 992px){
  .text-padding{  
	font-size:12px;
}}
@media (max-width: 992px){
  .social-scale{  
	width: 27px;
}}
.logo-menu-pad{margin-bottom:27px; margin-top: 50px;}
@media (max-width: 992px){
  .logo-menu-pad{  
	 margin-top: 5px;
	 margin-bottom:-20px;
}}
.menu-item {
  display:block;
  z-index: 100;
  padding:20px;
  color:#FFF;
  font-size:14px;
  text-decoration:none;
  transition-duration: .25s;
  padding-left:-40px;
  font-family:ElektraLight;
}
@media (max-width: 576px){
  .menu-item{  
	 font-size:12px;
}}
.menu-item:hover {
  background-color:#14802c;
  color:#FFF;
  width:100%;
}
#menu-toggle{
  opacity: 0;
}
#menu-toggle:checked ~ .menu-btn > span{
  transform:rotate(45deg);
}
#menu-toggle:checked ~ .menu-btn > span::before{
  top:0;
  transform:rotate(0);
}
#menu-toggle:checked ~ .menu-btn > span::after{
  top:0;
  transform:rotate(90deg);
}
#menu-toggle:checked ~ .menubox{
  visibility:visible;
  left:0;
}
/*------------------------------------------------------------------------Animation-*/
.animal-start{
	-webkit-animation-name:fade;
    -webkit-animation-duration:4s;
    animation-name:fade;
    animation-duration:4s;
}
@-webkit-keyframes fade {
    from {
        opacity: .1
    }
    to {
        opacity: 1
    }
}
@keyframes fade {
    from {
        opacity: .2
    }
    to {
        opacity: 1
    }
}
/*------------------------------------------------------------------------Animation-*/
.shake-horizontal:hover{
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
/*------------------------------------------------------------------------Animation-*/
.csa-head:hover{
    animation: changeBackground 9s;
	animation-iteration-count:infinite;
	animation-play-state: running;
}
@media (max-width: 992px){
  .csa-head:hover{ 
	 animation: none;
}}
@keyframes changeBackground {
	0%{
    background-image: url(images/b-01.jpg);
  }
	25%{
   	background-image: url(images/b-02.jpg);
	}
	35%{
   	background-image: url(images/b-02.jpg);
	}
	50%{
   	background-image: url(images/b-03.jpg);
  }
	65%{
   	background-image: url(images/b-03.jpg);
  }
    100%{
    background-image: url(images/b-01.jpg);
  }
}
.csa-head-two:hover{
    animation: changeBackground-1 9s;
	animation-iteration-count:infinite;
	animation-play-state: running;
}
@media (max-width: 992px){
  .csa-head-two:hover{ 
	 animation: none;
}}
@keyframes changeBackground-1 {
	0%{
    background-image: url(images/b-04.jpg);
  }
	25%{
   	background-image: url(images/b-05.jpg);
	}
	35%{
   	background-image: url(images/b-05.jpg);
	}
	50%{
   	background-image: url(images/b-06.jpg);
  }
	65%{
   	background-image: url(images/b-06.jpg);
  }
    100%{
    background-image: url(images/b-04.jpg);
  }
}
.csa-head-free:hover{
    animation: changeBackground-2 9s;
	animation-iteration-count:infinite;
	animation-play-state: running;
}
@media (max-width: 992px){
  .csa-head-free:hover{ 
	 animation: none;
}}
@keyframes changeBackground-2 {
	0%{
    background-image: url(images/b-07.jpg);
  }
	25%{
   	background-image: url(images/b-08.jpg);
	}
	35%{
   	background-image: url(images/b-08.jpg);
	}
	50%{
   	background-image: url(images/b-09.jpg);
  }
	65%{
   	background-image: url(images/b-09.jpg);
  }
    100%{
    background-image: url(images/b-07.jpg);
  }
}
/*------------------------------------------------------------------------Menu-page-*/
.menu-page-head{
	background-color: black;
	height: 130px;
	color: white;
}
@media (max-width: 992px){
  .menu-page-head{  
	 height: 90px;
}}
.menu-page-left{
	background-color: black;
	height: 130px;
	color: white;
	font-family:ElektraTextBold;
	font-size: 16px;
	padding-top: 53px;
}
.menu-page-right{
	text-align: right;
	padding-top: 35px;
}
.logotype-size-index{
	max-width: 110px;
	margin-top: 73px;
	z-index: 200;
}
.logotype-size-page{
	max-width: 60px;
}
@media (max-width: 992px){
  .logotype-size-page{  
	  max-width: 45px;
}}
.logo-page-center{
	text-align: center;
	z-index: 200;
}
@media (max-width: 992px){
  .logo-page-center{  
	  margin-top: -280px;
}}
@media (max-width: 992px){
  .logotype-size-index{  
	  max-width: 80px;
}}
/*------------------------------------------------------------------------Menu*/
.menu-title{
	height: 240px;	
	text-align: center;
	padding-top: 130px;
	font-family:ElektraTextBold;
	font-size: 14px;
}
@media (max-width: 576px){
  .menu-title{
	font-size: 12px;
	height: 170px;	
	padding-top: 85px;
}}
.title-category{
	height: 90px;
	text-align: center;
	font-family:ElektraTextBold;
	font-size: 36px;
	color: #4c4a4a;
}
@media (max-width: 576px){
  .title-category{  
	 font-size: 26px;
	 height: 70px;
}}
.menu-product{}
.menu-product img {
    width:100%;
    height:auto;
	max-width:490px;
}
.font-product{
	font-size: 14px;
	color: #919191;
	line-height: 1.4;
}
@media (max-width: 576px){
  .font-product{
	font-size: 12px;
	line-height: 1.3;
}}
.logo-center-mobile{
	text-align: center;
}
.logo-center-mobile-icon{
	margin-top: -23px;
}
/*------------------------------------------------------------------------Page-footer*/
.footer-page-left{
	height: 110px;
	color: white;
	font-size: 14px;
}
.footer-page-center{
	color: white;
	font-size: 14px;
	text-align: center;
}
.footer-page-right{
	color: white;
	font-size: 14px;
	text-align: right;
}
.footer-page-top{
	margin-top: 120px;
}
@media (max-width: 992px){
  .footer-page-top{
	margin-top: 0px;
}}
.footer-page-top-two{
	margin-top: 250px;
}
@media (max-width: 992px){
  .footer-page-top-two{
	margin-top: 100px;
}}
/*------------------------------------------------------------------------Styles-titler*/
.titles {
    overflow: hidden;
    text-align: center;
}
.titles:before,
.titles:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12%;
    height: 3px;
    background-color: #4c4a4a;
    position: relative;
}
.titles:before {
    margin-left: -100%;
    left: -20px;
}
.titles:after {
    margin-right: -100%;
    right: -20px;
}
/*------------------------------------------------------------------------Contact-page*/
.contact-map{
	width: 100%;
	height: 500px;
	background-color: black;
	z-index: 1;
}
@media (max-width: 992px){
  .contact-map{
	height: 400px;
}}
.contact-map-text{
	padding-top: 130px;
	height: auto;
	color: #919191;
	padding-bottom: 100px;
	line-height: 1.4;
}
@media (max-width: 992px){
  .contact-map-text{
	text-align: center;
}}
.z-index-map{
	z-index: 300;
}
/*------------------------------------------------------------------------Contact-about*/
.about-block{
	width: 100%;
	height: 350px;
	background-color:wheat;
	z-index: 1;
}
.about-back-01{
	background-image: url(images/about-01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 350px;
	max-width: 100%;
}
.about-back-02{
	background-image: url(images/about-02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 350px;
	max-width: 100%;
	background-position: center;
}
.about-back-03{
	background-image: url(images/about-03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 350px;
	max-width: 100%;
	background-position: center;
}
/*------------------------------------------------------------------------Buttom*/
.button{
	border-radius:50px;
	background-color:#14802c;
	color:#FFF;
	border:#ffc823 solid 0px;
	padding:25px 35px 25px 35px;
	font-size:16px;
	min-height:44px;
	transition-property: all;
	transition: all ease 0.5s;	
	line-height:1.0;
	font-family:ElektraTextBold;
	margin-top: 20px;
	margin-bottom: 10px;
}
.button:hover{
	background-color:#12af35;
	transition:0.5s;
	cursor:pointer;
	-ms-transform: scale(1.08); /* IE 9 */
    -webkit-transform: scale(1.08); /* Safari 3-8 */
    transform: scale(1.08); 
}
.button-two{
	border-radius:50px;
	background-color:#eca634;
	color:#000;
	border:#ffc823 solid 0px;
	padding:25px 35px 25px 35px;
	font-size:16px;
	min-height:44px;
	transition-property: all;
	transition: all ease 0.5s;	
	line-height:1.0;
	font-family:ElektraTextBold;
	margin-bottom: 10px;
}
.button-two:hover{
	background-color:#fcbc53;
	transition:0.5s;
	cursor:pointer;
	-ms-transform: scale(1.08); /* IE 9 */
    -webkit-transform: scale(1.08); /* Safari 3-8 */
    transform: scale(1.08); 
}
/*------------------------------------------------------------------------Price*/
.box-price{
	width: 60px;
	height: 60px;
	color: #FFF;
	background-color: #199e37;
	position: absolute;
	font-family:ElektraTextBold;
	padding-top: 17px;
	z-index: 900;
	font-size: 18px;
	text-align: center;
}
@media (max-width: 768px){
  .box-price{
	width: 40px;
	height: 40px;
	font-size: 12px;
	padding-top: 12px;
}}
/*------------------------------------------------------------------------Shop*/
.shop-block{
	margin-top: 150px;
	color: #919191;
	font-size: 14px;
}
.shop-title{
	font-family:ElektraTextBold;
	font-size: 36px;
	color: #4c4a4a;
	text-align: left;
}
@media (max-width: 992px){
  .shop-title{
	 text-align: center;
	  font-size: 26px;
	  margin-top: -50px;
	  margin-bottom: -35px;
}}
.shop-img img {
    width:100%;
    height:100%;
}
@media (max-width: 992px){
  .shop-mobile{
	  text-align: center;
}}
@media (max-width: 992px){
  .height-shop{
	 margin-top: 50px;
}}
@media (max-width: 992px){
  .title-hotel{
	  text-align: center;
}}
.border-active{
	border: solid #eca634 3px;
}
@media (max-width: 992px){
  .img-icon-menu{
	  width: 6%;
}}
/*-------------------------------------------------------------------------*/
.fixedbut { 
	position: fixed; 
	bottom: 24px;
	margin-left: 26px;
	display: block; 
	background: #14802c; 
	color: #fff; 
	text-decoration: none; 
	padding: 16px 30px 30px 30px; 
	z-index: 999999;
	height: 60px;
	width: auto;
	border-radius: 100px;	
	transition:all ease 0.8s;
}
.fixedbut:hover{ 
	background: #12af35;
	cursor: pointer;	
	transition:all ease 0.8s;  
	transform: scale(1.1); 
}