/* font-family: "Lato", sans-serif; */
body {
/* 	background-color: #f4f4f4; */
	margin: 0;
	padding: 0;
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #666666;
}

a, a:focus { 
	-moz-outline-style: none; 
	outline:none;
}

.btn {
	border-radius: 0;
}

/* global */
*,*:focus,*:hover {outline:none;}

.img-thumb {border:0; padding: 0; margin: 0; max-width: 100%; height: auto;}
.img-right {float: right; margin: 0 0 5px 15px;}
.img-left {float: left; margin: 0 15px 5px 0;}
.img-border {border: 1px solid #999; padding: 5px}

.float-left {float: left;}
.float-right {float: right;}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}

.text-center-padding {text-align: center; margin: 0 auto 0 auto; padding: 0 0 10px 0;}

.margin10 {height: 10px; line-height: 0; font-size: 0;}
.margin20 {height: 20px; line-height: 0; font-size: 0;}
.margin30 {height: 30px; line-height: 0; font-size: 0;}
.margin40 {height: 40px; line-height: 0; font-size: 0;}
.margin50 {height: 50px; line-height: 0; font-size: 0;}
.margin60 {height: 60px; line-height: 0; font-size: 0;}
.margin70 {height: 70px; line-height: 0; font-size: 0;}
.margin80 {height: 80px; line-height: 0; font-size: 0;}
.margin90 {height: 90px; line-height: 0; font-size: 0;}
.margin100 {height: 100px; line-height: 0; font-size: 0;}

.pt-0 {padding-top: 0;}
.pt-5 {padding-top: 5px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pt-20 {padding-top: 20px;}
.pt-24 {padding-top: 24px;}
.pt-30 {padding-top: 30px;}
.pt-40 {padding-top: 40px;}
.pt-50 {padding-top: 50px;}
.pt-60 {padding-top: 60px;}
.pt-70 {padding-top: 70px;}
.pt-80 {padding-top: 80px;}
.pt-90 {padding-top: 90px;}
.pt-100 {padding-top: 100px;}

.pb-0 {padding-bottom: 0;}
.pb-5 {padding-bottom: 5px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 30px;}
.pb-30 {padding-bottom: 30px;}
.pb-40 {padding-bottom: 40px;}
.pb-50 {padding-bottom: 50px;}
.pb-60 {padding-bottom: 60px;}
.pb-70 {padding-bottom: 70px;}
.pb-80 {padding-bottom: 80px;}
.pb-90 {padding-bottom: 90px;}
.pb-100 {padding-bottom: 100px;}

.mt-0 {margin-top: 0;}
.mt-5 {margin-top: 5px;}
.mt-10 {margin-top: 10px;}
.mt-15 {margin-top: 15px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mt-40 {margin-top: 40px;}
.mt-50 {margin-top: 50px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}
.mt-80 {margin-top: 80px;}
.mt-90 {margin-top: 90px;}
.mt-100 {margin-top: 100px;}
.mt-110 {margin-top: 110px;}
.mt-120 {margin-top: 120px;}
.mt-130 {margin-top: 130px;}
.mt-140 {margin-top: 140px;}

.mb-0 {margin-bottom: 0;}
.mb-5 {margin-bottom: 5px;}
.mb-10 {margin-bottom: 10px;}
.mb-15 {margin-bottom: 15px;}
.mb-20 {margin-bottom: 30px;}
.mb-30 {margin-bottom: 30px;}
.mb-35 {margin-bottom: 35px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}


.position-rel {
	position: relative;
}

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

@media (min-width: 1300px) {
  .container-max {
    max-width: 90%;
  }
}

@media (min-width: 1600px) {
  .container-max {
    max-width: 85%;
  }
}

@media (min-width: 1980px) {
  .container-max {
    max-width: 65%;
  }
}

.container-max:before, 
.container-max:after {
    display: table;
    content: "";
}

.container-max:after {
    clear: both;
}
/* /global */

.selected {font-weight: 700;}
.no-border {border: 0; padding: 10px 0 10px 0;}
.clear {width: inherit;height: 0;font-size: 0;line-height: 0;clear: both;}
.nopadding {padding: 0; margin: 0;}




h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	color: #333333;
}






/* ARTICLE STYLE */
.article {
	padding: 0 0 20px 0;
}
	.article h1, 
	.article h2, 
	.article h3, 
	.article h4, 
	.article h5, 
	.article h6 {
		margin-top: 8px;
	}


	.article h1 {}

	.article h2 {}

	.article h3 {
		position: relative;
		padding-left: 75px;
		font-size: 50px;
	}
		.article h3::before {
			content: "";
			position: absolute;
			z-index: 1;
			background-image: url(../images/leaf.svg);
			width: 54px;
			height: 60px;
			left: 0;
			top: -8px;
		}

	.article h6 {
		margin-bottom: 20px;
	}
		.article h6 hr {
			margin-bottom: 5px;
			margin-top: 0;
		}
		.article h6 span {
			font-weight: 700;
		}
	.article p {
	}
	.article a,
	.article a:visited {
		text-decoration: underline;
	}
	.article a:hover {
		text-decoration: none;
	}
	.article b,
	.article strong {
		font-weight: 700;
	}
	.article ul {
		padding: 10px 0 10px 50px;
		list-style-position: inside;
	}
	.article ul li {
		list-style: disc;
	}
	.article img {
		max-width: 100%;
		height: auto;
		border: 0;
	}


.header {
	background-color: #76878d;
}

	.header__wrapper {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		padding: 10px 0;
		justify-content: space-evenly;
	}

		@media (max-width: 1200px) {
		.header__wrapper {
			padding: 10px 75px;
			justify-content: space-between;
		}

		.header__wrapper.animate {
			padding: 10px 75px;
			position: fixed;
			z-index: 20;
			top: 0;
			left: 0;
			width: 100%;
			background-color: #76878d;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .45);
		}

	}

	@media (min-width: 1200px) {
		.header__wrapper {
			padding: 10px 0;
			justify-content: space-between;
		}

		.header__wrapper.animate {
			padding: 5px 0;
			position: fixed;
			z-index: 20;
			top: 0;
			left: 0;
			width: 100%;
			background-color: #76878d;
			box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .45);
		}

	}



	.logo {
		position: relative;
		transition: opacity .2s ease-in-out;
	}

	@media(min-width: 1180px) {
		.logo {
			width: 400px;
			position: absolute;
			z-index: 1;
			left: 65px;
			top:  3px;
			transition: opacity .2s ease-in-out;
		}
	}
		.logo:hover {
			opacity: .8;
		}

			.logo img {
				width: 290px;
				max-width: 100%;
				height: auto;
				border: 0;
			}

			@media (min-width: 1024px) {
				.header__wrapper.animate .logo img {
					height: 42px;
					margin-top: 0;
				}
			}


	.header__contact {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-end;
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 30px;
		width: 100%;
	}

	@media (min-width: 1024px) {
		.header__wrapper.animate .header__contact {
			display: none;
		}
	}

		.header__contact li {
			margin-top: -6px;
			margin-right: 50px;
		}

		.header__contact li:last-child {
			margin-right: 0;
		}

			.header__contact li a,
			.header__contact li a:visited {
				color: #fff;
				text-decoration: none;
				transition: color .2s ease-in-out;
			}

			.header__contact li a:hover {
				color: #fff;
				text-decoration: none;
			}

			.header__contact li a .fa,
			.header__contact li a:visited .fa {
				margin-right: 6px;
				margin-top: 10px;
				color: #92cc33;
				transition: color .2s ease-in-out;
				font-size: 21px;
			}
			.header__contact li a:hover .fa {
				color: #fff;
			}


.main {}


.container__1900 {
	width: 100%; 
	max-width: 1900px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

.container__1520 {
	width: 100%; 
	max-width: 1520px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}


	.white-section {
		background-color: #ffffff;
		color: #333333;
		padding: 30px 0;
		overflow: hidden;
	}

	@media(min-width: 768px) {
		.white-section {			
			padding: 100px 0;
		}		
	}

	@media(max-width: 768px) {
		.mb-logo img {
			max-width: 220px;
			margin-bottom: 20px;
		}
	}

	@media(min-width: 991px) {
		.white-section {
			background-color: #ffffff;
		}
		.content {
			padding-left: 40px;
		}
		
	}	

	.white-section .row {
		display: flex;
		flex-wrap: wrap;

	}

		.white-section h1 {
			color: rgb(60,90,100);
			margin: 0 0 35px 0;
			padding: 0 0;
			font-size: 46px;
			font-weight: 600;
			line-height: 50px;
		}

		.white-section h1 span {
			font-size: 36px;
			font-weight: 500;
		}

		.white-section h2 {
			color: rgb(60,90,100);
			margin: 0 0 35px 0;
			padding: 0 0;
			font-size: 40px;
			font-weight: 600;
			line-height: 50px;
		}

		.white-section h2 span {
			font-size: 32px;
			font-weight: 500;
		}

		.white-section h3 {
			color: rgb(60,90,100);
			font-size: 40px;
			font-weight: 500;
			line-height: 40px;
			margin-bottom: 30px;
		}

		.white-section h4 {
			font-family: "Lato", sans-serif;
			color: rgb(60,90,100);
			font-size: 26px;
			font-weight: 500;
			line-height: 40px;
		}

		.white-section p {
			color: #333333;
			margin: 0 0 15px 0;
			padding: 0 0;
			font-size: 18px;
			line-height: 26px;
		}
		.white-section strong {
			color: #333333;
		}

			.white-section__image {
				position: relative;
				height: 100%;
				padding-top: 30px;
			}

			@media(min-width: 768px) {
				.white-section__image {
					padding-top: 0;
				}
			}
				.white-section__image img {
					width: 100%;
					height: 100%;
					position: relative;
					display: block;
					object-fit: cover;
				}

				@media(min-width: 768px) {
					.white-section__image img {
						width: 40vW;
						height: 100%;
						position: absolute;
						z-index: 1;
						left: 0;
						top: 0;
						display: block;
						object-fit: cover;
					}	
				}



.documents {
    background-color: rgba(255, 255, 255, .0);
    padding: 0;
}

.documents p {
    font-size: 1.25em;
    padding: 0 20px;
    text-align: center;
}

	@media (max-width:1980px) {
        .documents p {
            font-size: 1.1em;
            line-height: 1.32em;
            padding-top: 5px;
        }
    }

.documents p span {
    font-size: .8em;
}


.documents h3 span {
    font-size: .8em;
    font-weight: 600;
}

.documents ul {
    font-size: .79em;
    display: flex;
    margin-top: 0;
    margin-left: 30px;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
}

	@media (max-width:992px) {
        .documents ul {
            margin-left: 0;
        }
    }

.documents ul li {
    width: 16%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;   
    list-style: none;    
    text-align: center;
}

    @media (max-width:992px) {
        .documents ul li {
            width: 96%
        }
    }

.documents li a {
    color: #000000;
    text-decoration: none;
    background-color: #eaeaea;
    
    width: 100%;
    margin: 0 6px 12px 6px;
    padding: 55px 8px 8px 8px;
    border: 2px solid #eaeaea;

    transition: all .3s ease-in-out; 
    -webkit-transition: all .2s ease-in-out; 
    -moz-transition: all .2s ease-in-out; 
    -o-transition: all .2s ease-in-out; 
    -ms-transition: all .2s ease-in-out;   
}

.documents li a:hover {
    border: 2px solid #435a64;
}

.links {
    background-color: rgba(255, 255, 255, .0);
    padding: 0;
}

.links p {
    font-size: 1.25em;
    padding: 0 20px;
    text-align: center;
    margin-bottom: 5px;
}

	@media (max-width:1980px) {
        .links p {
            font-size: 1.1em;
            line-height: 1.32em;
            padding-top: 5px;
        }
    }

.links p span {
    font-size: .8em;
}


.links h3 {
	color: #ae323b;
    font-size: 1.15em;
    font-weight: 900;
    margin: 2px 0;
    padding: 0;
}

.links h4 {
    font-size: 1.4em;
    font-weight: 900;
    margin: 0;
    padding: 0;
}

.links ul {
    font-size: .79em;
    display: flex;
    margin-top: 0;
    margin-left: 30px;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: stretch;
}

	@media (max-width:992px) {
        .links ul {
            margin-left: 0;
        }
    }

.links ul li {
    width: 16%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;   
    list-style: none;    
    text-align: center;
}

    @media (max-width:992px) {
        .links ul li {
            width: 96%
        }
    }

.links li a {
    color: #000000;
    text-decoration: none;
    background-color: #eaeaea;
    
    width: 100%;
    margin: 0 6px 12px 6px;
    padding: 8px;
    border: 2px solid #eaeaea;

    transition: all .3s ease-in-out; 
    -webkit-transition: all .2s ease-in-out; 
    -moz-transition: all .2s ease-in-out; 
    -o-transition: all .2s ease-in-out; 
    -ms-transition: all .2s ease-in-out;   
}

.links li a:hover {
    border: 2px solid #435a64;
}


.data {
	color: #666666 !important;
	margin: 6px 0 1px 0 !important;
	font-size: 13px !important;
	font-weight: 700;
}

.data::before {
	content: "- ";
}

.data::after {
	content: " -";
}


.pdf {
   background-image: url('../images/pdf_icon.svg'); 
}

.jpg {
   background-image: url('../images/jpg_icon.svg'); 
}

.pdf, .jpg {
   background-position: top 12px center;
   background-repeat: no-repeat;
}

.price {
	font-family: "Lato", sans-serif;
	font-size: 19px;
	padding: 20px 20px 5px 20px;
	border: 1px solid #999;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}

	@media (max-width:1024px) {
        .price {
           font-size: 16px
        }
    }

.price h2, .price h3, .price h4, .price h5 {
	font-family: "Lato", sans-serif;
	font-size: 1em;
}

.price h2 {
	font-size: 1.12em;
	line-height: 1.1em;
	margin: 0 0 10px 0;
}

.price h3 {
	font-size: 1.35em;
	line-height: 1em;
	margin: 10px 0 5px 0;

}

.price h3 span {
	color: #d70000;
	font-weight: 700;
}

.price h4 {
	font-size: .72em;
	font-weight: 400;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.price h5 {
	margin: 15px 50px 5px 50px;
	padding: 0 0 3px 0;
	color: #555;
	font-size: .9em;
	font-weight: 600;
	border-bottom: 1px solid #555;
}

.price p {
	font-size: .82em;
}

.price p strong {
	font-size: 1.25em;
}

.price p span {

}

.blink {
	color: #cd4236;;
	font-size: 1em;
	font-weight: 800;
	margin-left: 10px;
	animation: blink-animation 1s steps(3, start) infinite;
	-webkit-animation: blink-animation 1s steps(3, start) infinite;
}

	@keyframes blink-animation {
	  to {
	    visibility: hidden;
	  }
	}
	@-webkit-keyframes blink-animation {
	  to {
	    visibility: hidden;
	  }
	}

.blink strong {
	font-weight: 800;
}

.reservation::after {
	content:  "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	background-color: rgba(243, 243, 243, .4);
	background-image: url('../images/reservation.png');
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 10;
	top:  0;
	left: 0;
	animation: blink-animation 2s steps(5, start) infinite;
	-webkit-animation: blink-animation 2s steps(5, start) infinite;
}



.gallery {
    background-color: rgba(255, 255, 255, .6);
    padding: 0;
}

.gallery ul {
    font-size: .79em;
    display: flex;
    margin-top: 0;
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
    align-items: stretch;
}

.gallery ul li {
    width: 14%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;   
    list-style: none;    
    text-align: center;
}

    @media (max-width:992px) {
        .gallery ul li {
            width: 33%
        }
    }

.gallery li a {
    color: #000000;
    text-decoration: none;
    background-color: #eaeaea;
    
    width: 100%;
    margin: 0 6px 12px 6px;
    padding: 3px;
    border: 2px solid #eaeaea;

    transition: all .3s ease-in-out; 
    -webkit-transition: all .2s ease-in-out; 
    -moz-transition: all .2s ease-in-out; 
    -o-transition: all .2s ease-in-out; 
    -ms-transition: all .2s ease-in-out;   
}

.gallery li a:hover {
    border: 2px solid #435a64;
    opacity: .5;
}




.footer {
	padding: 0;
	background: rgba(255,255,255,1);
}


@media(min-width: 768px) {
	.footer {
		padding: 0;
	}	
}

	.footer-top {}

		.footer__logo__mb {
			margin-bottom: 20px;
		}
		@media(min-width: 768px) {
			.footer__logo__mb {
				margin-bottom: 90px;
			}
		}

			.footer__logo {
				text-align: center;
			}

				.footer__logo img {
					max-width: 100%;
					height: auto;
					border: 0;
				}

			.footer__logo__descp {
				text-align: center;
				color: #f2f2f2;
				font-size: 30px;
			}

		.footer__wr {}
			
			.footer__wr__item {
				
			}

				.footer__wr__item h5 {
					font-weight: 700;
					color: #4881c8;
					font-size: 30px;
					margin-bottom: 35px;
				}

				.footer__wr__item p {
					color: #333;
					font-weight: 400;
					font-size: 20px;
					margin: 0 0 25px;
				}

				.footer__wr__item p span {
					color: #448672;
					font-weight: 400;					
				}

				.footer__wr__item a,
				.footer__wr__item a:visited {
					text-decoration: none;
					color: #333333;
					transition: color .2s ease-in-out;
				}

				.footer__wr__item a:hover {
					text-decoration: none;
					color: #888888;
				}

				.phone {
					background-image: url('../images/phone.jpg');
					background-repeat: repeat-y;
					background-size: 100%;
					width: 100vh;
				}

			.l-col-img {
			    background-position: center;
			    background-repeat: no-repeat;
			    background-size: cover;
			}

			.spacer-block {
			    height: 600px;
			}

			@media (max-width: 992px) {
				.spacer-block {
			    height: 220px;
				}
			}

			.adress {
				padding: 50px 0 50px 150px;
			}

			.adress-inside {
				padding: 50px 0 50px 0;
			}

			.adress h2,
			.adress-inside h2 {
				color: #435a64;
				font-size: 60px;
				margin-bottom: 50px;
			}

			.adress h3,
			.adress-inside h3 {
				color: #000000;
				font-size: 30px;
				font-weight: 600;
				margin-bottom: 40px;
			}

			.adress h3 span,
			.adress-inside h3 span {
				display: block;
				margin-top: 10px;
				font-size: 24px;
				font-weight: 400;
				font-style: italic;
			}

			.adress h4,
			.adress-inside h4 {
				font-family: "Lato", sans-serif;
				color: #000000;
				font-size: 32px;
				font-weight: 500;
				margin-bottom: 20px;
			}

				@media (max-width: 991px) {
					.adress,
					.adress-inside {
						background-image: none;
						padding: 35px 20px;
						text-align: center;
					}

					.adress h4,
					.adress-inside h4 {
						font-size: 24px;
					}
				}

				@media (min-width: 992px) and (max-width: 1599px) {
					.adress,
					.adress-inside {
						background-image: none;
						padding: 15px 20px 15px 20px;
					}					
				}

				@media (min-width: 1600px) and (max-width: 1919px) {
					.adress,
					.adress-inside {
						padding: 15px 20px 15px 50px;
					}					
				}

			.contact-logo {
				padding-top: 80px;
			}

				@media (max-width: 991px) {
					.contact-logo {
						padding-top: 40px;
						text-align: center;
					}
				}

			.small-font {
				margin: 40px 300px 0 0;
			}

			.small-font p {
				font-size: .92em;
				font-weight: 500;
				margin-bottom: 10px;
			}

			.small-font b {
				font-weight: 400;
				margin: 0 10px;
			}

			.small-font hr {
				border-top: 1px solid #076044;
		    width: 40%;
		    margin-left: -5px;
		    margin-top: 50px;
			}

				@media (max-width: 991px) {
					.small-font {
						margin: 25px 30px;
					}

					.small-font hr {
						width: 60%;
				    margin: 30px auto 10px auto;				    
					}
					
				}

				@media (min-width: 992px) and (max-width: 1699px) {
					.small-font {
						margin: 25px 40px 25px 0px;
					}

					.small-font hr {
						width: 60%;
				    margin: 30px auto 10px -5px;				    
					}					
				}

		.footer__payments {
			max-width: 380px;
			margin: 0 auto;
			padding: 60px 0 110px 0;
		}

		.footer__copyright {
			background: #76878d;
			padding-top: 40px;
			padding-bottom: 50px;
			color: #f2f2f2;
			font-size: 12px;
			font-weight: 400;
			text-align: center;
			border-top: solid 1px #aaaaaa;
		}

			.footer__copyright span {
				margin: 0 10px;
			}

			.footer__copyright a,
			.footer__copyright a:visited {
				color: #f2f2f2;
				font-size: 12px;
				font-weight: 400;
				text-decoration: none;
				transition: color .2s ease-in-out;
			}
			.footer__copyright a:hover {
				text-decoration: none;
				color: #096;
			}


/* Superfish */
.sf-menu {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 200px;	
	align-items: flex-end;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-end;
	list-style: none;
	border: 0;
	text-align: center;
	font-size: 0;
	background: transparent;
	transition: 0.2s ease-out;
	display: none;
	order: 2;
	width: 100%;
}
@media(min-width: 1180px) {
	.sf-menu {
		display: flex;
	}
}

@media (min-width: 1260px) {
	.sf-menu {
		order: 1;
		/*width: initial;*/
		justify-content: flex-end;
	}
}

.sf-menu > li {
	display: inline-block;
}

.sf-menu > li > a {
	display: block;
	position: relative;
}

.sf-menu li {
	font-size: 14px;
	text-align: left;
}

.sf-menu > li > a {
	border-left: 0px;
	padding: 15px 10px 3px 0;
	text-decoration: none;
	zoom: 1;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
}
@media (min-width: 768px) {
	.sf-menu > li > a {
		font-size: 18px;
		padding: 15px 10px 3px 10px;
	}
}
@media (min-width: 1024px) {
	.sf-menu > li > a {
		font-size: 18px;
		padding: 15px 15px 3px 15px;
	}
}
@media (min-width: 1200px) {
	.sf-menu > li > a {
		font-size: 18px;
		padding: 15px 10px 3px 10px;
	}
}
.sf-menu > li:last-child > a {
	padding-right: 0;
}

.sf-menu > li > a:hover {
	color: #4982c8;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.sf-menu > li > a.sf-sel {
	color: #4982c8;
}

.sf-menu > li {
	background: transparent;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

.sf-menu > li:hover,
.sf-menu > li.sfHover {
	color: #4982c8;
	background: transparent;
	-webkit-transition: none;
	transition: none;
}

.sf-menu > li:hover a,
.sf-menu > li.sfHover a {
	color: rgba(249, 249, 249, .6);
}

.sf-menu ul.sf-mixed-normal {
	position: absolute;
	display: none;
	top: 100%;
	left: initial;
	z-index: 160;
	padding-left: 0px;
	background-color: #fff;
	padding: 15px 15px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
	min-width: 15em;
	*width: 15em;
}

.sf-menu ul.sf-mixed-normal li {
	list-style-type: none;
	/* background: #000000; */
	position: relative;
}

.sf-bg .sf-menu ul.sf-mixed-normal li {
	/* background: #ffffff */
}

.sf-menu ul.sf-mixed-normal a,
.sf-menu ul.sf-mixed-normal a:visited {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 8px 10px 8px 25px;
	text-decoration: none;
	zoom: 1;
	display: block;
	color: #000000;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

.sf-menu ul.sf-mixed-normal a:hover {
	background: #405a64;
	color: #fff;
}

.sf-bg .sf-menu ul.sf-mixed-normal a:hover {
	background: #000000;
}

.sf-menu ul.sf-mixed-normal > li:before {
	content: "";
	background: #000000;
	position: absolute;
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	left: 5px;
	width: 6px;
	height: 6px;
}

.sf-menu ul.sf-mixed-normal ul {
	position: absolute;
	display: none;
	top: 0;
	left: 100%;
	z-index: 160;
	padding-left: 0px;
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
	min-width: 12em;
	*width: 12em;
}

.sf-arrows .sf-mixed-normal .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em;
}

.sf-arrows .sf-mixed-normal .sf-with-ul:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #dfeeff;
	border-top-color: rgba(255, 255, 255, 0.5);
}

.sf-mixed-normal .sf-arrows > li > .sf-with-ul:focus:after,
.sf-mixed-normal .sf-arrows > li:hover > .sf-with-ul:after,
.sf-mixed-normal .sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white;
}

.sf-mixed-normal .sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dfeeff;
	border-left-color: rgba(255, 255, 255, 0.5);
}

.sf-mixed-normal.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-mixed-normal.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-mixed-normal.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

.sf-menu .sf-mega {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 150;
}

.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
	display: block;
}

.sf-menu .sf-mega {
	box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.2);
	width: 100%;
}

.sf-mega {
	background-color: #ffffff;
	padding: 15px 15px;
	width: 100%;
}

.sf-mega-section {
	float: left;
	width: 25%;
	padding: 0 15px;
	margin: 0 0;
}

.sf-menu .sf-mega-section h4 {
	margin-top: 0px;
}

.sf-menu .sf-mega-section h4 > a {
	color: #333;
	font-weight: 700;
	font-size: 18px;
}

.sf-menu .sf-mega-section ul {
	padding: 0 0 0 0;
}

.sf-menu .sf-mega-section li {
	list-style: none;
	padding-bottom: 5px;
}

.sf-menu .sf-mega-section li a {
	color: #888888;
	-webkit-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	transition: 0.2s ease-out;
}

.sf-menu .sf-mega-section li a:hover {
	color: #333333;
	margin-left: 7px;
}

.sf-menu .sf-mega-section li a:before {
	content: "\f105";
	display: inline-block;
	font-family: "FontAwesome";
	padding-right: 10px;
}

.sf-mega-section-images {
	color: #606060;
	margin-top: 0px;
	padding-bottom: 5px;
	padding-top: 20px;
}

.sf-mega-section-images strong {
	color: #c90320;
}

.sf-menu li .category-thumbnail {
	width: 100% !important;
	float: none;
	clear: both;
	overflow: hidden;
	padding-right: 0;
}

.sf-arrows .sf-with-ul {
	padding-right: 2em;
	*padding-right: 1em;
}

.sf-arrows .sf-with-ul:after {
	content: "";
	position: absolute;
	top: 69%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-top-color: #dfeeff;
	border-top-color: rgba(255, 255, 255, 0.5);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white;
}

/* ./ Superfish */

/* link-menu-effect *

.content__item {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    counter-increment: itemcounter;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.content__item::before {
    color: var(--color-number);
    position: absolute;
    top: 0;
    left: 0;
    content: counters(itemcounter, ".", decimal-leading-zero);
}


.link--leda {
    overflow: hidden;
    line-height: 2;
}

.link--leda::before {
    height: 2px;
    top: calc(100% - 5px);
    transform-origin: 100% 50%;
    transform: scale3d(0, 1, 1);
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.link--leda:hover::before {
    transform-origin: 0% 50%;
    transform: scale3d(1, 1, 1);
}

.link--leda::after {
    content: attr(data-text);
    height: 100%;
    top: 0;
    background: none;
    transform-origin: 100% 50%;
    transform: translate3d(150%, 0, 0);
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.link--leda:hover::after {
    transform: translate3d(0, 0, 0);
}

.link--leda span {
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.5, 0.5, 0.3, 1);
}

.link--leda:hover span {
    transform: translate3d(-150%, 0, 0);
}
/* ./ link-menu-effect */



/* Swiper */
	.swiper-container {
	  width: 100%;
	  height: 100%;
	}

	.swiper-slide {
	  text-align: center;
	  font-size: 18px;
	  background: #fff;

	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}


		/* swiper 01 */
		.swiper-Slider-01.swiper-container .swiper-slide img {
			width: 100%;
			height: auto;
			border: 0;
		}
			.swiper-Slider-01.swiper-container .swiper-description {
				width: 100%;
				position: absolute;
				z-index: 2;
				left: 50%;
				bottom: 35%;
				transform: translate(-50%, 50%);
				text-align: left;
				color: #ffffff;
				max-width: 1200px;
				margin: 0 auto;
				padding: 0 45px;
			}
				.swiper-Slider-01.swiper-container .swiper-description h3 {
					color: #fff;
					font-size: 20px;
					font-weight: 700;
					text-shadow: 2px 3px 5px rgba(0, 0, 0, .4);
					letter-spacing: 1px;
					margin: 0 0;
				}

				.swiper-Slider-01.swiper-container .swiper-description p {
						color: #333333;
				}

				.swiper-Slider-01.swiper-container .swiper-description a {
						color: #333333;
				}

				@media (min-width: 768px) {
					.swiper-Slider-01.swiper-container .swiper-description h3 {
						font-size: 30px;
					}
				}
				@media (min-width: 1024px) {
					.swiper-Slider-01.swiper-container .swiper-description h3 {
						font-size: 50px;
					}
				}
				@media (min-width: 1300px) {
					.swiper-Slider-01.swiper-container .swiper-description h3 {
						font-size: 64px;
					}
				}
				@media (min-width: 1600px) {
					.swiper-Slider-01.swiper-container .swiper-description {
						left: 15%;
					}
					.swiper-Slider-01.swiper-container .swiper-description h3 {
						font-size: 80px;
						line-height: 80px;
					}
					.swiper-Slider-01.swiper-container .swiper-description h3 span {
						font-size: 60px;
					}
					.swiper-Slider-01.swiper-container .swiper-description h4 {
						font-size: 50px;
						margin-left: 5px;					
					}
					.swiper-Slider-01.swiper-container .swiper-description p {
						font-size: 24px;
						margin-left: 10px;
					}
				}




				.swiper-Slider-01.swiper-container .swiper-pagination-bullet {
					width: 16px;
					height: 16px;
					border-radius: 0;
					border: solid 3px #fff;
					background: #fff;
					opacity: 1;
				}

				.swiper-Slider-01.swiper-container .swiper-pagination-bullet-active {
					background: #065F44;
				}

	.btn.btn-gradient,
	.btn.btn-gradient:visited {
		display: inline-flex;
		align-self: flex-end;
		align-items: center;
		justify-content: center;
		color: #fff;
		text-decoration: none;
		padding: 6px 10px;
	    font-size: 18px;
	    font-weight: 400;
	    min-width: 130px;
	    height: 38px;
	    min-height: 38px;
		border-radius: 0;
		position: relative;
		overflow: hidden;
		z-index: 1;
		border: 0;
		transition: color .2s ease-in-out,  font-size .2s ease-in-out;
		order: 1; 
	}

	@media (min-width: 768px) {
		.btn.btn-gradient,
		.btn.btn-gradient:visited {
			font-size: 16px;
			padding: 4px 20px;
		}
	}
	@media (min-width: 1260px) {
		.btn.btn-gradient,
		.btn.btn-gradient:visited {
			order: 2;
		}		
	}

		.btn.btn-gradient:hover {
			text-decoration: none;
			background: rgba(1,120,20,1);
			color: #fff;
			text-decoration: none;
		}

		.btn.btn-gradient::before {
			content: "";
			position: absolute;
			z-index: -2;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			background: rgba(146,204,51,1);
			border-radius: 0;
		}

		.btn.btn-gradient::after {
			content: "";
			position: absolute;
			z-index: -1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: flex;
			background: rgba(67,90,100,1);			
			transition: background .2s ease-in-out, background-color .2s ease-in-out, top .2s ease-in-out;
			border-radius: 0;
		}

		.btn.btn-gradient:hover::after {
			top: -100%;
		}


		.swiper-Slider-01 .btn.btn-gradient {
			margin-top: 10px;
		}

		@media(min-width: 768px) {
			.swiper-Slider-01 .btn.btn-gradient {
				margin-top: 20px;
			}
		}
		@media(min-width: 1024px) {
			.swiper-Slider-01 .btn.btn-gradient {
				margin-top: 25px;
			}
		}
		@media(min-width: 1200px) {
			.swiper-Slider-01 .btn.btn-gradient {
				margin-top: 30px;
			}
		}

		/* ./ swiper 01 */

		/* swiper 02 */
		.swiper-Slider-02.swiper-container {
			padding: 50px 0;
		}

		.swiper-Slider-02.swiper-container .swiper-slide {
			flex-direction: column;
			background: transparent;
			padding-bottom: 40px;
		}
			.swiper-Slider-02.swiper-container .swiper-slide img {
				max-width: 100%;
				height: auto;
				border: 0;
			}
				.swiper-Slider-02.swiper-container .swiper-description {
					width: 100%;
					position: relative;
				}

				.swiper-Slider-02.swiper-container .swiper-pagination-bullet {
					width: 16px;
					height: 16px;
					border-radius: 0;
					border: solid 3px #fff;
					background: #fff;
					opacity: 1;
				}

				.swiper-Slider-02.swiper-container .swiper-pagination-bullet-active {
					background: #2b64af;
				}
		/* ./swiper 02 */


/* ./ Swiper */



/* cookie */
.popupCookie {
	padding: 15px 120px 15px 15px;
	min-height: 65px;
	display: none;
	background: #fff;
	position: fixed;
	z-index: 999999;
	border: 0;
	align-items: center;
}

.popupCookie p {
	text-align: left;
	margin: 0 0;
	font-size: 14px;
	color: #666666;
	text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6);
}
.popupCookie p a,
.popupCookie p a:visited {
	color: #2b63ae;
	text-decoration: underline;
}
.popupCookie p a:hover {
	color: #666666;
	text-decoration: none;
}
.popupCookie .btn-cookie {
	position: absolute;
	z-index: 1;
	right: 15px;
	background: #076044;
	border: solid 1px #075044;
	color: #ffffff;
	cursor: pointer;
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
}

.popupCookie .btn-cookie:hover {
	background: #fff;
	border: solid 1px #666;
	color: #666;
	text-decoration: none;
}


@media (max-width: 767px) {
	.popupCookie {background: #f2f2f2; bottom:0; left:0; width:100%; border: 0px solid #ccc;}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.popupCookie {background: #f2f2f2;bottom:20px; left: 10%; width:80%; border: 1px solid #ccc;}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.popupCookie {background: #f2f2f2;bottom:20px; left: 10%; width:80%; border: 1px solid #ccc;}
}

@media (min-width: 1200px) {
	.popupCookie {background: #f2f2f2;bottom:20px; left: 10%; width:80%; border: 1px solid #ccc;}
}

/* ./cookie */

/*
JQuery Simple MobileMenu
https://github.com/Position2/jQuery-Simple-MobileMenu
*/

body.mmactive {
	overflow: hidden
}

.mobile_menu {
	display: none;
	position: relative
}

.sm_menu_outer.active .mobile_menu {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

.sm_menu_outer {
	/*height: calc(100vh - 60px);*/
	height: 100vh;
	overflow-y: scroll;
	overflow-x: hidden;
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: -9;
	width: 100%;
	opacity: 0;
	background-color: #435a64;
	padding-top: 60px;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s
}

.sm_menu_outer.active {
	opacity: 1;
	z-index: 999
}

.sm_menu_outer .mobile_menu a {
	color: #ffffff;
	display: block;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 1px;
	padding: 20px 15px;
	text-transform: uppercase;
	text-decoration: none;
	    border-bottom: solid 1px rgba(255,255,255,.2);
}

.sm_menu_outer .mobile_menu li {
	list-style-type: none;
	border-bottom: 0.5px solid rgba(0, 0, 0, 0);
	border-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #2a2a2a 20%, #2a2a2a 50%, #2a2a2a 80%, rgba(0, 0, 0, 0) 100%) 0 0 1 0;
	color: #ffffff
}

#sm_menu_ham {
	background-color: #F44336;
	cursor: pointer;
	float: right;
	height: 28px;
	position: fixed;
	right: 5px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	width: 30px;
	top: 20px;
	right: 15px;
	z-index: 99999;
	border-radius: 0px;
}

#sm_menu_ham span {
	background-color: #fff;
	border-radius: 5px;
	display: block;
	height: 2px;
	left: 3px;
	opacity: 1;
	position: absolute;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 0.25s ease-in-out 0s;
	-moz-transition: all 0.25s ease-in-out 0s;
	-o-transition: all 0.25s ease-in-out 0s;
	transition: all 0.25s ease-in-out 0s;
	width: 24px
}

#sm_menu_ham span:nth-child(1) {
	top: 4px
}

#sm_menu_ham span:nth-child(2),
#sm_menu_ham span:nth-child(3) {
	top: 12px
}

#sm_menu_ham span:nth-child(4) {
	top: 20px
}

#sm_menu_ham.open span:nth-child(1) {
	left: 50%;
	top: 18px;
	width: 0
}

#sm_menu_ham.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg)
}

#sm_menu_ham.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

#sm_menu_ham.open span:nth-child(4) {
	left: 50%;
	top: 18px;
	width: 0
}

.sm_menu_outer.accordion .mobile_menu .submenu,
.sm_menu_outer.accordion .mobile_menu li.hasChild ul.submenu {
	display: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.sm_menu_outer.accordion .mobile_menu .hasChild > .submenu li {
	padding-left: 20px
}

.sm_menu_outer.accordion .mobile_menu li.active > .submenu {
	right: auto
}

.sm_menu_outer.accordion .mobile_menu li.hasChild > a {
	position: relative
}

.sm_menu_outer.accordion .mobile_menu li.hasChild > a::before {
	position: absolute;
	content: '';
	background: url("../images/next.png") no-repeat scroll 50% center / 60% auto;
	right: 0;
	top: 20px;
	width: 40px;
	height: 25px;
	transition: all 0.19s ease
}

.sm_menu_outer.accordion .mobile_menu li.hasChild.active > a::before {
	transform: rotate(89deg);
	transition: all 0.19s ease
}

@media (min-width:1180px) {
	#sm_menu_ham,
	.sm_menu_outer {
		display: none
	}

}
/* ./mobile menu */

.go-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	z-index: 100;
}

	.go-top span {
		width: 30px;
		height: 60px;
		display: block;
		background: #e21e25;
		color: #fff;
		text-align: center;
		border-radius: 5px;
		border: 0;
		font-size: 18px;
		line-height: 56px;
		font-family: FontAwesome;
		text-decoration: none;
		cursor: pointer;
	}

		.go-top span:before {
			content: "\f106";
		}

	.go-top span:hover {
		background: #f32626;
		text-decoration: none;
	}

	@media (max-width: 1180px) {
		.no-mobile {
			display: none;
		}
	}



/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }