@charset "utf-8";
/* CSS Document by Dinnero - dev: www.3dteapot.com*/
/*------------------------------------------------------------------------Base-*/
html, body{
	scroll-behavior: smooth;
	font-size: 14px;
	background-image: url(images/back.svg);
	background-size: cover;
	background-attachment: fixed;
}
/*------------------------------------------------------------------------Font`s-*/
@font-face{
	font-family:Inter-Regular;
	src: url(font/Inter-Regular.ttf);
}
@font-face{
	font-family:Inter-ExtraLight;
	src: url(font/Inter-ExtraLight.ttf);
}
@font-face{
	font-family:Inter-Bold;
	src: url(font/Inter-Bold.ttf);
}
@font-face{
	font-family:Inter-Medium;
	src: url(font/Inter-Medium.ttf);
}
@font-face{
	font-family:Inter-ExtraBold;
	src: url(font/Inter-ExtraBold.ttf);
}
@font-face{
	font-family:Cour;
	src: url(font/Cour.ttf);
}
/*------------------------------------------------------------------------Styles-application-*/
.avatar{border-radius: 0px 45px 0px 45px;}
.margin-avatar{margin-top: 10px;}
.pad-order{margin-top: 4px;}


.bank-01{margin-top: 21px;}
.bank-02{margin-top: 24px;}
.bank-03{margin-top: 24px;}
.bank-04{margin-top: 20px;}
.bank-05{margin-top: 14px;}
.bank-06{margin-top: 26px;}

.social{margin-left: 8px;margin-bottom: 20px;}
.socials{margin-bottom: 20px;}
.green-line{color: #46B88F; text-decoration: underline;}
.green{color: #46B88F;}

.link{text-decoration: underline; color:#49B78F; transition:0.5s;}
.link:hover{text-decoration: none; color:#000000; transition:0.5s;}
.link-white{text-decoration: none; color:#FFF; transition:0.5s;}
.link-white:hover{text-decoration: none; color:#FFF; transition:0.5s;}
.text{position: absolute;margin-top: -41px; margin-left: 87px;line-height:1.3;}

.title-h1{
	font-size: 24px;
	font-family:Inter-Bold;
	margin-top: 10px;
}
.title-h2{
	font-size: 20px;
	font-family:Inter-Bold;
	margin-bottom: 22px;
}
@media (max-width: 576px){
  .title-h2{
	font-size: 16px;
}}
/*------------------------------------------------------------------------Head-*/
.head{
	width: 100%;
	height: 480px;
    background-image: url(images/line.svg), linear-gradient(29deg, rgba(10,117,79,1) 0%, rgba(15,161,109,1) 100%);
	background-position: bottom;
	background-attachment: fixed;
	border-radius: 0px 0px 70px 70px;
}
@media (max-width: 576px){
  .head{
	background-image: none;
}}
@media (max-width: 576px){
  .back{
	background-image: url(images/line.svg), linear-gradient(29deg, rgba(10,117,79,1) 0%, rgba(15,161,109,1) 100%);
	background-position: top;
	background-attachment: fixed;
}}
/*------------------------------------------------------------------------Body-*/
.user{
	font-size: 12px;
	color: white;
	font-family:Inter-Medium;
	text-align: center;
}
.menu-logotype{
	padding-top: 35px;
	padding-left: 50px;
	text-align: left;
}
@media (max-width: 576px){
  .menu-logotype{
	padding-left: 22px;
}}
.menu-language{
	padding-top: 47px;
	padding-bottom: 20px;
	color: black;
	text-align: right;
	padding-right: 40px;
}
.menu-box{
	float: right;
	padding-top: 32px;
	padding-right: 22px;
}
/*-------------------------------------------------------------------------*/
.content{
	text-align: left;
	font-family:Inter-Medium;
	font-size: 14px;
	background-color: white;
	border-radius: 70px 70px 0px 0px;
	margin-top: -120px;
	padding-top: 30px;
	padding-left: 60px;
	padding-right: 60px;
	padding-bottom: 40px;
	-webkit-box-shadow: 1px -1px 36px 9px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 1px -1px 36px 9px rgba(0, 0, 0, 0.18);
	box-shadow: 1px -1px 36px 9px rgba(0, 0, 0, 0.18);
}
@media (max-width: 576px){
  .content{
	padding-left: 22px;
	padding-right: 22px;
	  border-radius: 50px 50px 0px 0px;
}}
.borders{
	border-radius: 15px;
	border: 2px dashed #CECECE;
	min-height: 70px;
	height: auto;
	text-align: center;
	font-size: 14px;
	padding-top: 22px;
	margin-bottom: 20px;
}
.borders-green{
	background-color: #46B88F;
	border-radius: 15px;
	border: 0px dashed #CECECE;
	height: 70px;
	color: #FFF;
	text-align: center;
	font-size: 11px;
	padding-top: 14px;
	margin-bottom: 20px;
	transition: 0.6s;
}
.borders-green:hover{
	transition:0.6s;
	transform: scale(1.1);
}
.borders-brand{
	border-radius: 15px;
	border: 2px dashed #CECECE;
	min-height: 70px;
	height: auto;
	text-align: center;
	font-size: 12px;
	margin-bottom: 0px;
	transition:0.6s;
}
.borders-brand:hover{
	border: 2px dashed #E6E6E6;
	transition:0.6s;
	transform: scale(1.1);
}
/*------------------------------------------------------------------------Button-*/
.button-tips{
	width: 22%;
	font-family:Inter-Bold;
	border-radius:60px;
	border: 2px solid #46B88F;
	text-align: center;
	background-color: transparent;
	color:#46B88F;
	font-size:12px;
	height:45px;
	transition-property: all;
	transition: all ease 0.5s;	
	line-height:0.0;
}
.button-tips:hover{
	color: white;
	transition:0.5s;
	cursor:pointer;
	background-color: #46B88F;
}
.button-tips:focus{
	color: white;
	transition:0.5s;
	cursor:pointer;
	background-color: #46B88F;
}
.left-button{
	margin-left: 3%;
}
@media (max-width: 1400px){
  .left-button{
	margin-left: 2.7%;
}}
@media (max-width: 992px){
  .left-button{
	margin-left: 2.9%;
}}
@media (max-width: 380px){
  .left-button{
	margin-left: 2.7%;
}}
/*------------------------------------------------------------------------Input`s*/
.input{
	height:70px;
	width:100%;
	border:none;
	background-color:#F5F7F9;
	padding-left:25px;
	font-size:14px;
	border-radius:20px;
	margin-top:20px;
	color:#757575;
	-moz-appearance:none;
 	-webkit-appearance:none;
	appearance:none;
	transition:0.6s;
	margin-bottom: 10px;
	font-family:Inter-Bold;
}
.input:hover{
	border-color:#34237c;	
	transition:0.6s;
} 
.input:focus{
	transition:0.6s;
	border-color:#0681FF; 
	box-shadow:0 0 12px 2px rgba(70, 184, 143, 0.8);
	box-shadow:0 0 0 3px -moz-mac-focusring; 
	color:#515050;
	outline:none; 
}
/*------------------------------------------------------------------------Input`s*/
.message{
	height:120px;
	width:100%;
	border:none;
	background-color:#F5F7F9;
	padding-left:25px;
	font-size:14px;
	padding-top: 20px;
	border-radius:20px;
	color:#757575;
	-moz-appearance:none;
 	-webkit-appearance:none;
	appearance:none;
	transition:0.6s;
	margin-bottom: 15px;
}
.message:hover{
	border-color:#34237c;	
	transition:0.6s;
} 
.message:focus{
	transition:0.6s;
	border-color:#0681FF; 
	box-shadow:0 0 12px 2px rgba(70, 184, 143, 0.8);
	box-shadow:0 0 0 3px -moz-mac-focusring; 
	color:#515050;
	outline:none; 
}
/*------------------------------------------------------------------------Buttons-*/
.button-ipay{
	width: 100%;
	font-family:Inter-Bold;
	background-color: black;
	border-radius:66px;
	text-align: center;
	color:#FFF;
	font-size:14px;
	height:75px;
	transition-property: all;
	transition: all ease 0.6s;	
	line-height:0.0;
	margin-top: 12px;
}
.button-ipay:hover{
	transition: all ease 0.6s;	
	transform: scale(1.1);
}
/*------------------------------------------------------------------------Buttons-*/
.button-ipay-all{
	width: 100%;
	font-family:Inter-Bold;
	background-color: white;
	border-radius:66px;
	text-align: center;
	border: 2.5px solid black;
	color:black;
	font-size:14px;
	height:75px;
	transition-property: all;
	transition: all ease 0.6s;	
	line-height:0.0;
	margin-top: 12px;
}
.button-ipay-all:hover{
	transition: all ease 0.6s;	
	transform: scale(1.1);
}
/*------------------------------------------------------------------------Buttons-*/
.button-support{
	border: none;
	width: 400px;
	font-family:Inter-Bold;
	background-color: #46B88F;
	border-radius:66px;
	text-align: center;
	color:#FFF;
	font-size:14px;
	height:75px;
	transition-property: all;
	transition: all ease 0.6s;	
	line-height:0.0;
	margin-top: 12px;
	padding-left:0px;
}
.button-support:hover{
	transition: all ease 0.6s;
	background-color: #000;
}
@media (max-width: 576px){
  .button-support{
	width: 100%;
}}
.img-support{margin-right: 15px;margin-left:0px;}
/*------------------------------------------------------------------------Buttons-*/
.button-modal{
	border: none;
	width: 400px;
	font-family:Inter-Bold;
	background-color: #46B88F;
	border-radius:66px;
	text-align: center;
	color:#FFF;
	font-size:18px;
	height:75px;
	transition-property: all;
	transition: all ease 0.6s;	
	line-height:0.0;
}
.button-modal:hover{
	transition: all ease 0.6s;
	background-color: #000;
}
@media (max-width: 576px){
  .button-modal{
	width: 90%;
}}
/*------------------------------------------------------------------------Buttons-*/
.button-bill{
	border: none;
	width: 90%;
	font-family:Inter-Bold;
	background-color: #46B88F;
	border-radius:66px;
	text-align: center;
	color:#FFF;
	font-size:18px;
	height:75px;
	transition-property: all;
	transition: all ease 0.6s;	
	line-height:0.0;
}
.button-bill:hover{
	transition: all ease 0.6s;
	background-color: #000;
}
/*-------------------------------------------------------------------------*/
.checks{
	margin-top: 0px;
	margin-bottom: 40px;
	font-size: 13px;
}
/*-------------------------------------------------------------------------Animation-*/
.swing-img:hover {
  -webkit-animation: swing 0.6s ease;
   animation: swing 1.2s ease;
   -webkit-animation-iteration-count: 0;
   animation-iteration-count: 1;
}
/*-------------------------------------------------------------------------Animation-*/
@-webkit-keyframes swing {
  15% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
  }
  30% {
    -webkit-transform: translateX(-9px);
    transform: translateX(-9px);
  }
  40% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  65% {
    -webkit-transform: translateX(3px);
    transform: translateX(3px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/*-------------------------------------------------------------------------Rating-*/
.full-stars {
    text-align: center;
}
.full-stars .rating-group {
    display: inline-flex;
}
.full-stars input {
    position: absolute;
    left: -9999px;
}
.full-stars label {
    margin: 0;
    cursor: pointer;
}
.full-stars label svg {
	margin: 0px;
    height: 65%;
    width: 100%;
    fill: #179467;
    transition: fill 0.3s;
	background-color: #F5F7F9;
	border-radius: 65px;
	padding-top: 21px;
	padding-bottom: 21px;
}
.full-stars input:checked ~ label svg {
    fill: #CECECE;	
}
.full-stars .rating-group:hover label svg {
    fill: #179467;
}
.full-stars .rating-group input:hover ~ label svg {
    fill: #CECECE;
}
/*------------------------------------------------------------------------Off/on*/
.toggle-pill-color input[type="checkbox"] {
  	display: none;
}
.toggle-pill-color input[type="checkbox"] + label {
	  position: relative;
	  width: 70px;	  
	  height: 40px;
	  border-radius: 1em;
	  border-radius: 45px;
	  background: #EEEEEE;
	  cursor: pointer;
	  -webkit-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  -webkit-transition: background 0.1s ease-in-out;
	  transition: background 0.1s ease-in-out;
}
.toggle-pill-color input[type="checkbox"] + label:before {
  	content: "";
  	display: block;
  	width: 23px;	  
	height: 23px;
  	border-radius: 25px;
    background: #fff;
    position: absolute;
    left: 8px;
    top: 8px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.toggle-pill-color input[type="checkbox"]:checked + label {
  background: #46B88F;
}
.toggle-pill-color input[type="checkbox"]:checked + label:before {
  left: 36px;
}
/*------------------------------------------------------------------------Animation-start*/
@keyframes singl {
    0% {
        transform: translateY(-100%);
		filter: blur(15px);
    }

    100% {
        transform: translateY(0);
    }
}
.singl {
    animation-duration: 1.0s;
    animation-name: singl;
}
/*------------------------------------------------------------------------Animation-start*/
@keyframes singls {
    0% {
        transform: translateY(100%);
		filter: blur(15px);
    }

    100% {
        transform: translateY(0);
    }
}
.singls {
    animation-duration: 1.0s;
    animation-name: singls;
}
/*------------------------------------------------------------------------Animation`s*/
@keyframes fadeInDown-II { 
    0% {                
       opacity: 0;
       filter: blur(20px);
	   transform: scale(1.2);
    }
    100% {              
        opacity: 1;
        transform: none;
    }
}
/*------------------------------------------------------------------------Burger-style-*/
.burger-active{
	font-size: 21px;
	color: #A4A4A4;
}
.position-menu{
	height:auto;
	position:relative;
	margin-top:0px;
	float: right;
}
@media (max-width: 576px){
  .position-menu{
	margin-right: -10px;
}}
.menu-btn{
  display:flex;
  padding-top:10px;
  align-items:center;
  position:absolute;
  top:0;
  right:0;
  width:35px;
  height:40px;
  cursor:pointer;
  z-index:200;	
}
.menu-btn > span,
.menu-btn > span::before,
.menu-btn > span::after {
  display:block;
  position:absolute;
  width:100%;
  height:3px;
  background-color:#46B88F;
  transition-duration: .50s;
}
.menu-btn > span::before {
  content: '';
  top: -10px;
}
.menu-btn > span::after {
  content: '';
  top:10px;
}
.menubox{
  display:block;
  text-align: center;
  position:fixed;
  visibility:hidden;
  top:0; 
  left:-100%;
  font-size:21px;
  font-family:Inter-Bold;
  line-height:0.5;
  width:100%;
  height:100%;  
  margin:0;
  padding:18px 0px;
  list-style:none;
  background-color:#FFF;
  transition-duration: .45s;
  z-index: 100;
  opacity: 1.0; 
  overflow-x: hidden;
  -ms-overflow-style: none; 
  scrollbar-width: none; 
}
@media (max-width: 576px){
  .menubox{
	text-align: left;
}}
.menu-padding{
	margin-top:80px;
	margin-left: 50px;
	padding-right: 0px;
}
@media (max-width: 576px){
  .menu-padding{
	padding-right: 50px;
}}
.text-padding{
	padding-left:50px; 
	margin-top:30px;
	font-size:12px;
	line-height:1.6;
	font-family:Inter-Regular;
}
.about{
	font-size: 14px;
	font-family:Inter-Regular;
	margin-top: 20px;
	line-height:1.6;
}
.button-padding{
	padding-left:150px; 
	padding-top: 20px;
}
.menu-item {
  display:block;
  z-index: 100;
  padding:20px 50px;
  color:#000;
  font-size:14px;
  text-decoration:none;
}
.menu-item:hover {
  background-color:#25272B;
  color:#FFF;
  width:100%; 	
  transform: scale(1.05);
}
#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;
}
.end-footer{
	margin-top: 100px;
}
.logo-burger{
	margin-top: 18px;
	margin-left: 50px;
}
/*-------------------------------------------------------------------------Modal-window*/
.modalDialogs {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
 	background: rgba(0,0,0,0.8);
	backdrop-filter: blur(8px);
	z-index: 900;
	-webkit-transition: opacity 600ms ease-in;
	-moz-transition: opacity 600ms ease-in;
 	transition: opacity 600ms ease-in;
	display: none;
	pointer-events: none;
	text-align:right;
	overflow-y: scroll;
	height: auto;
	animation-duration:0.6s; 
    animation-fill-mode:both;  
    animation-name:fadeInDown-II;
}
.modalDialogs::-webkit-scrollbar {
  width: 0;
}
.modalDialogs:target {
	display: block;
	pointer-events:auto;
}
.modalDialogs > div {
	text-align: center;
	background-color: white;
	border-radius:0px;
	max-width:30%;
	height:100%;
	width:100%;
	margin:0 auto;
	padding: 50px 0px 0px 0px;	
}
@media (max-width: 1700px){
  .modalDialogs > div {
	max-width:550px;
}}
@media (max-width: 1400px){
  .modalDialogs > div {
	max-width:475px;
}}
@media (max-width: 1200px){
  .modalDialogs > div {
	max-width:475px;
}}
@media (max-width: 992px){
  .modalDialogs > div {
	max-width:540px;
}}
@media (max-width: 768px){
  .modalDialogs > div {
	max-width:540px;
}}
@media (max-width: 576px){
  .modalDialogs > div {
	max-width:100%;
}}
.payment{
	margin-top: 90px;
	font-size: 16px;
	position:absolute;
    bottom:0;   
	width:100%;
	height: 73%;
	left: 0;
	padding-bottom: 50px;
	font-family:Inter-ExtraLight;
	line-height:1.4;
}
.pay-bold{
	font-family:Inter-Bold;
}
.pay-img{
	margin-bottom: 10px;
}
/*------------------------------------------------------------------------Dropdown-world*/
.dropbtn {
    padding: 0px;
    cursor: pointer;
	color: white;
	font-size: 14px;
	text-decoration: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    width: 20px;
	padding-top: -10px;
	z-index: 9999;
}
.dropbtn
{
  padding-left: 0px;
  width: 20px;
}
.dropbtn::after { 
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    width: 20px;
}
.dropdown-content a {
    color: white;
	font-size: 14px;
    padding: 5px 0px 5px 0px;
    text-decoration: none;
    display: block;
}
.dropdown-content a:hover {
	background-color: none;
	color: #46B88F;
	text-decoration: underline;
	transition:0.5s;
}
.dropdown:hover .dropdown-content {
    display: block;
}
/*------------------------------------------------------------------------Checkbox*/
.checkbox.style-c {
  	display: inline-block;
  	position: relative;
  	cursor: pointer;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}
.checkbox.style-c input {
  	position: absolute;
  	opacity: 0;
  	cursor: pointer;
  	height: 0;
  	width: 0;
}
.checkbox.style-c input:checked ~ .checkbox__checkmark {
  	background-color: #46B88F;
}
.checkbox.style-c input:checked ~ .checkbox__checkmark:after {
  	opacity: 1;
}
.checkbox.style-c:hover input ~ .checkbox__checkmark {
  	background-color: #46B88F;
}
.checkbox.style-c:hover input:checked ~ .checkbox__checkmark {
  	background-color: #46B88F;
}
.checkbox.style-c .checkbox__checkmark {
  	top:0;
  	left:0;
  	height:20px;
 	width: 20px;
	margin-right: 5px;
	margin-top: 3px;
  	background-color: #d9d9d9;
  	transition: background-color 0.25s ease;
  	border-radius: 5px;
}
.checkbox.style-c .checkbox__checkmark:after {
    content: "";
    position: absolute;
    left: 8px;
    top: 7px;
    width: 5px;
    height: 10px;
 	border: solid #FFF;
  	border-width: 0 2px 2px 0;
  	transform: rotate(45deg);
  	opacity: 0;
  	transition: opacity 0.25s ease;
}
.checkbox.style-c .checkbox__body {
 	color: #333;
 	line-height: 1.2;
  	font-size: 12px;
}
/*-------------------------------------------------------------------------Modal-window*/
.modal-end{
	position:absolute;
    bottom:0;   
	width:100%;
	left: 0;
	padding-bottom: 40px;
}
.modal-end-bill{
	position:relative;
    bottom:0;   
	width:100%;
	left: 0;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: white;
}
/*-------------------------------------------------------------------------Tables*/
.tables{
	width: 90%;
	text-align: left;
	font-size: 12px;
	margin-left: 6%;
	margin-right: 6%;
	font-family:Cour;
	background-color: white;
}
.table-center{
	text-align: center;
}
.table-padding{
	padding-top: 5px;
	padding-bottom: 5px;
}
.table-title{
	font-size: 12px;
	font-weight: 1200;
}
.table-price{
	padding-left: 3%;
}
/*-------------------------------------------------------------------------*/
.fixedbut { 
	position: fixed; 
	bottom: 24px;
	margin-left: 26px;
	display: block; 
	background: #000;  
	color: #fff; 
	text-decoration: none; 
	padding: 16px 30px 30px 30px; 
	z-index: 999999;
	height: 60px;
	font-size: 16px;
	width: auto;
	border-radius: 100px;	
	transition:all ease 0.8s;
}
.fixedbut:hover{ 
	background: #222;
	cursor: pointer;	
	transition:all ease 0.8s;  
	transform: scale(1.1); 
}
.fixedbut-left{
	margin-left: 160px;
}
@media (max-width: 576px){
  .fixedbut-left{
	  margin-bottom: 75px;
	  margin-left: 26px;
}}