/* Apply styles for Desktop, Tablet and Smartphones */
@media screen {
	
}
.container-b {
	max-width: var(--big-container);
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.see-all {
	max-width: 470px;
	width: 100%;
	color: var(--menuHoverColor);
	text-align: center;
	text-transform: uppercase;
	font-family: 'Montserratarm-Medium';
	font-size: 22px;
	display: block;
	margin: 0 auto;
	background-color: var(--secondColor);
	padding: 22px 28px;
	border: none;
	border-radius: 3px;
	outline: none;
}
.subtitle {
	font-family: 'Montserratarm-Medium';
	font-size: 44px;
	text-transform: uppercase;
}
.white {
	color: #fff;
}
.grey {
	color: #6d6d6d;
}
.mainPageSubtitle {
	margin-top: 16px;
	margin-bottom: 16px;
}
.mainPageSubtitle img {
	margin-right: 15px;
}
.top-container-wrapper {

}
.alt-menu-burger {
	height: 25px;
	width: 50px;
	cursor: pointer;
	position: relative;
}
.alt-menu-burger .bar {
	height: 5px;
	width: 100%;
	background-color: #fff;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 3px;
}
.bar-1 {
	top: 0;
}
.bar-2 {
	top: 50%;
	transform: translateY(-50%);
}
.bar-3 {
	bottom: 0;
}
.alt-menu-opened .bar-1 {
	top: 9px;
	transform: rotate(135deg);
}
.alt-menu-opened .bar-2 {
	transform: rotate(720deg);
	opacity: 0;
}
.alt-menu-opened .bar-3 {
	bottom: 9px;
	transform: rotate(-135deg);
}
.alt-menu {
	height: 100%;
	width: 100%;
	background-color: #3cb878e0;
	position: fixed;
	top: 0;
	left: -10000px;
	right: 0;
}
.alt-menu.alt-menu-visible {
	left: 0;
}
.alt-menu li {
	margin: 10px 0;
}

.down-scroll {
	height: 50px;
	width: 50px;
	color: #fff;
	cursor: pointer;
	line-height: 50px;
	text-align: center;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
}
.down-scroll i {
	font-size: 40px;
}

.main-page-top-container {
	height: 100vh;
	background-image: url(../img/main-thumbnail.png);
	position: relative;
}
.main-page-top-container .container-b {
	height: 100%;
	padding-top: 55px;
}
.big-logo-container {
	width: 100%;
	margin-top: 8px;
	position: absolute;
	left: 0;
	right: 0;
}
.big-logo {
	margin: 50px 0;
	object-fit: cover;
}
.big-logo-1 {
	max-width: 215px;
	width: 100%;
}
.big-logo-2 {
	max-width: 343px;
	width: 100%;
}
.grass-image {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.overlay {
	height: 100%;
	width: 100%;
	display: block;
	background-color: rgba(0,0,0,.7);
	position: absolute;
}
header {
	background-color: var(--mainColor);
	padding-top: 8px;
	padding-bottom: 15px;
}
#logo {
	max-width: 233px;
	width: 100%;
}
#logo img {
	object-fit: cover;
}
.header-wrapper {
	justify-content: space-between;
}
.phone-social-languages {
	justify-content: flex-end;
}
.phone {
	margin-right: 33px;
}
.phone a {
	color: #fff;
	font-family: 'Montserratarm-Medium';
	font-size: 20px;
	margin-left: 6px;
}
.phone img {
	height: 30px;
	width: 30px;
	object-fit: contain;
}
.social {
	margin-right: 23px;
}
.social a {
	height: 30px;
	width: 30px;
	color: var(--mainColor);
	line-height: 30px;
	text-align: center;
	border-radius: 50%;
	background-color: #fff;
	margin: 0 7px;
}
.lang {
	margin: 0 8px;
}
.lang:last-child {
	margin-right: 0;
}
#menu {
	margin-top: 20px;
}
#menu li {
	margin: 0 19px;
}
#menu li:last-child {
	margin-right: 0;
}
.navigation li a {
	color: #fff;
	font-family: 'Montserratarm-Medium';
	text-transform: uppercase;
	padding-bottom: 4px;
}
li.active a,
li:hover a {
	color: var(--menuHoverColor);
}
li.active a {
	border-bottom: 3px solid var(--menuHoverColor);
}

.lang {
	border: 1px solid #fff;
	border-radius: 50%;
}
.lang > a {
	border: 1px solid #fff;
	border-radius: 50%;
}


.greeting {
	height: 367px;
	margin-top: 44px;
	position: relative;
	justify-content: flex-end;
}
.greeting-title {
	color: var(--secondColor);
	font-family: 'Montserratarm-Medium';
	font-size: 48px;
	line-height: 1;
	text-transform: uppercase;
}
.greeting-slider-image {
	position: absolute;
	left: 0;
	bottom: 0;
}
.color-layer {
	height: 300px;
	max-width: 933px;
	width: 100%;
	border-radius: 10px;
	background: linear-gradient(90deg, #ff9600, #ffbe00, #ffe400);
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.greeting-slider {
	margin-top: 49px;
}
.greeting-slider-wrapper {
	max-width: 758px;
	width: 100%;
	padding: 0 25px;
}
.greeting-slider p {
	font-family: 'Montserratarm-Medium';
	font-size: 18px;
	line-height: 42px;
	text-transform: uppercase;
}
.greeting-slider .slick-dots {
	margin-top: 55px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	align-items: center;
}
.greeting-slider .slick-dots li.slick-active button {
	background-color: var(--secondColor);
}
.greeting-slider .slick-dots button {
	height: 20px;
	width: 20px;
	font-size: 0;
	background-color: #fff;
	border: none;
	border-radius: 50%;
	outline: none;
	margin: 0 4px;
}

table caption {
	font-family: 'Montserratarm-Medium';
	font-size: 26px;
	text-transform: uppercase;
}
.ticket-price table {
	width: 100%;
	margin-bottom: 40px;
	border-collapse: separate;
	border-spacing: 10px;
}
.ticket-price table th {
	color: #fff;
	font-family: 'Montserratarm-Medium';
	font-size: 18px;
	text-transform: uppercase;
	/* background-color: var(--secondColor); */
}
td {
	position: relative;
}
.booking {
	height: 100%;
	width: 100%;
	color: #fff;
	line-height: 56px;
	text-transform: uppercase;
	background-color: #00a2ff;
	display: block;
	opacity: 0;
	position: absolute;	
	top: 0;
	left: 0;
	right: 0;
}
.booking:hover {
	opacity: 1;
}
.green-font {
	color: #21b166 !important;
}
.green-cell {
	color: #fff !important;
	background-color: #21b166 !important;
}
.blue-cell {
	color: #fff !important;
	background-color: #1ad3e9 !important;
}
.orange-cell {
	color: #fff !important;
	background-color: #ffc000 !important;
}
.white-cell {
	color: #000 !important;
	background-color: #fff !important;	
}
.empty-cell {
	background-color: transparent !important;
}
.width1_5 {
	width: 20%;
}
.width2_5 {
	width: 40%;
}
.width3_5 {
	width: 60%;
}
.width4_5 {
	width: 80%;
}
.width1 {
	width: 100%;
}

.ticket-price table tr th,
.ticket-price table tr td {
	padding: 16px 0;
}
.ticket-price table tr th:first-child {
	/* width: 197px; */
}
.ticket-price table td {
	color: #393939;
	font-family: 'Montserratarm-Bold';
	font-size: 17px;
	text-align: center;
	background-color: #ebebeb;
}

.home-page footer {
	margin-top: 198px;
}
footer {
	background: linear-gradient(#ffde6e, #ffad36);
	position: relative;
	padding-top: 118px;
	padding-bottom: 12px;
}
.footer-top-photo {
	width: 100%;
	display: block;
	position: absolute;
	/* top: -97px; */
	top: -40px;
	left: 0;
	right: 0;
}

.animals-container {
	margin-bottom: 74px;
}
.animals-container .see-all {
	margin-top: 35px;
}
.animals {
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.animal {
	margin-bottom: 30px;
	position: relative;
}
.animal-layer {
	height: 240px;
	width: 240px;
	color: #fff;
	cursor: pointer;
	font-family: 'Montserratarm-Medium';
	font-size: 18px;
	line-height: 240px;
	text-align: center;
	text-transform: uppercase;
	display: block;
	background-color: rgba(255, 255, 255, .2);
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
}
.animal-layer:hover {
	opacity: 1;
}
.animal-image {
	height: 240px;
	width: 240px;
	border: 5px solid #fff;
	border-radius: 50%;
}
.animal-image img {
	border-radius: 50%;
	object-fit: cover;
}
.animal-name {
	font-family: 'ArialAMU-Bold';
	text-transform: uppercase;
	margin-top: 15px;
	margin-bottom: 9px;
}
.animal-residence {
	color: #494949;
	font-family: 'ArialAMU-Regular';
	position: relative;
}
.animal-residence::before {
	content: '\f041';
	color: #fff;
	font-family: FontAwesome;
	font-size: 18px;
	margin-right: 5px;
}

.footer-map {
	margin-top: 74px;
}
.footer-map-logo img {
	height: 58px;
	width: 88px;
	margin: 0 auto;
	object-fit: cover;
}
.footer-map-logo p {
	color: #fff;
	font-family: 'Montserratarm-ExtraLight';
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 9px;
}
.footer-map-logo p span {
	font-family: 'Montserratarm-Medium';
}
.footer-down {
	height: 97px;
	width: 97px;
	cursor: pointer;
	margin-top: 19px;
	margin-bottom: 8px;
	position: relative;
}
.footer-down img {
	height: 27px;
	width: 38px;
	border-radius: 50%;
	margin: 0 auto;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}
.footer-down:hover img {
	top: 55%;
}

.follow-us {
	max-width: 352px;
	width: 100%;
	margin: 0 auto;
}
.follow-us-title {
	max-width: 314px;
	width: 100%;
	color: #fff;
	font-family: 'Montserratarm-Light';
	font-size: 60px;
	line-height: 64px;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	background-repeat: no-repeat;
	-webkit-background-size: auto;
	background-size: auto;
	background-position: bottom center;
}
.follow-us-title span {
	font-family: 'Montserratarm-Medium';
}
.follow-us-socials {
	margin-top: 36px;
	justify-content: space-between;
}
.follow-us-icon {
	height: 105px;
	width: 105px;
	color: var(--menuHoverColor);
	text-align: center;
	background-color: #fff;
	border-radius: 50%;
	background-image: none;
	transition: .3s;
}
.follow-us-icon a i {
	color: #ffd261;
	line-height: 105px;
	font-size: 60px;
}
.follow-us-icon:hover a i {
	color: #fff;
}
.follow-on-facebook:hover {
	background-image: url(../img/icons/facebook-bg.png);
}
.follow-on-instagram:hover {
	background-image: url(../img/icons/instagram-bg.png);
}
.follow-on-youtube:hover {
	background-image: url(../img/icons/youtube-bg.png);
}
.map-wrapper {
	/* box-shadow: inset 0 0 20px 20px #ffd261; */
}
.footer-bottom {
	margin-top: 40px;
}
.footer-bottom-navigation {
	margin-bottom: 11px;
}
.footer-bottom-navigation li {
	line-height: 1;
	padding: 0 20px;
}
.footer-bottom-navigation li:not(:first-child) {
	border-left: 1px solid #fff;
}
.footer-bottom-navigation li.active a {
	border-bottom: none;
}
.footer-bottom-navigation li:hover a {
	color: #fff;
}
.footer-bottom-navigation li a:hover,
.footer-bottom-navigation li.active a {
	color: var(--secondColor);
}
.footer-bottom-content {
	position: relative;
	justify-content: space-between;
}
.footer-logo img {
	object-fit: cover;
}
.footer-logo-1 {
	max-width: 230px;
	width: 100%;
}
.footer-logo-2 {
	max-width: 77px;
	width: 100%;
}
.copyright {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.copy-text {
	color: #ffd79b;
	font-family: 'Tahoma-Regular';
	font-size: 14px;
}

/* Animals Page */
.animals-page footer {
	margin-top: 66px;
}
/* End Animals Page */

/* Popup */
.popup {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
.popup.popup-closed {
	display: none;
}
.popup-wrapper {
	height: 100%;
	position: relative;
}
.popup-layer {
	height: 100%;
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .5);
	z-index: 2;
}
.popup-image {
	border-color: #ffd565;
}
.animal-name.popup-name {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 5px;
}
.popup-residence {
	margin-bottom: 3px;
}
.popup-container {
	height: 400px;
	max-width: 700px;
	width: 100%;
	padding: 15px;
	border-radius: 10px;
	background-color: #fff;
	position: relative;
	z-index: 3;
}
.popup-burger {
	height: 20px;
	width: 20px;
	cursor: pointer;
	position: absolute;
	top: 20px;
	right: 15px;
	z-index: 4;
}
.popup-bar {
	height: 3px;
	width: 100%;
	background-color: var(--secondColor);
	display: block;
	position: absolute;
}
.popup-bar:first-child {
	transform: rotate(45deg);;
}
.popup-bar:last-child {
	transform: rotate(-45deg);;
}
.popup-text {
	max-width: 405px;
	width: 100%;
	padding-left: 20px;
}
.animal-residence.popup-residence::before {
	color: #ffd565;
}
.popup-content {
	height: 310px;
	font-family: 'ArialAMU-Regular';
	font-size: 16px;
	overflow-y: auto;
}
/* End Popup */

/* Rules Page */
.rules-page main {
	height: 835px;
	background-color: var(--mainColor);
	padding-top: 56px;
	position: relative;
}
.flowers {
	height: 720px;
	width: 100%;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	background-position: center;
	position: absolute;
	top: 56px;
	left: 0;
	right: 0;
}
.rule-container {
	min-height: 655px;
	max-width: 1028px;
	width: 100%;
	background-color: #fff;
	border-radius: 10px;
	margin: 0 auto;
	padding: 28px 20px;
	position: relative;
}
.rules-wrapper .subtitle {
	margin-bottom: 7px;
}
.rule-list {
	max-width: 575px;
	width: 100%;
	color: #c84e4e;
	font-family: 'Montserratarm-Bold';
	font-size: 18px;
	text-align: center;
	text-transform: uppercase;
	margin: 0 auto;
}
.rules {
	height: 557px;
	overflow-y: auto;
	padding-top: 31px;
}
.rules ul {
	width: 50%;
}
.rules ul li {
	max-width: 390px;
	width: 100%;
	font-family: 'Montserratarm-Medium';
	font-size: 16px;
	line-height: 28px;
	position: relative;
	margin: 18px 0;
	padding-left: 18px;
}
.rules ul li::before {
	content: '';
	height: 7px;
	width: 7px;
	display: block;
	background-color: var(--mainColor);
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 10px;
}
/* End Rules Page */

/* News Page */
.news-page main {
	padding-top: 50px;
	padding-bottom: 115px;
}
.news-container {
	margin-top: 17px;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}
.single-news {
	max-width: 330px;
	width: 100%;
	margin: 10px 0;
}
.single-news img {
	height: 220px;
	width: 100%;
	object-fit: cover;
}
.news-title {
	color: #fff;
	font-size: 18px;
	font-family: 'Montserratarm-Medium';
	text-transform: uppercase;
	padding: 11px 15px 11px 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
/* End News Page */

/* Tickets Page */
.tickets-page main {
	padding-top: 34px;
	padding-bottom: 156px;
}
.tickets-subtitle {
	color: #fff;
	font-family: 'Montserratarm-Medium';
	font-size: 26px;
	background-color: #ffc000;
	text-transform: uppercase;
	margin-top: 50px;
	margin-bottom: 26px;
	padding-top: 12px;
	padding-bottom: 10px;
	position: relative;
}
.tickets-subtitle img {
	height: 30px;
	object-fit: cover;
}
.photography-section {
	background: #ffc000;
	margin-top: 70px;
	padding-top: 15px;
	padding-bottom: 42px;
}
.photography-table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 10px;
}
.photography-table caption {
	color: #fff;
	font-family: 'Montserratarm-Medium';
	font-size: 36px;
	text-align: center;
	text-transform: uppercase;
}
.photography-table td {
	font-family: 'Montserratarm-Medium';
	font-size: 18px;
	padding: 17px 0 17px 63px;
	position: relative;
}
.photography-table td:first-of-type::before {
	content: url('../img/icons/photo.png');
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}
.photography-table td.cinema::before {
	content: url('../img/icons/cinema.png');
}
/* End Tickets Page */

/* Contacts Page */
.contacts-page main {
	padding-top: 50px;
	padding-bottom: 90px;
	position: relative;
}
.contact-page-map-bg {
	height: 100%;
	width: 50%;
	background-image: url(../img/map-bg.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 208px;
	/* left: 0; */
	right: 210px;
	z-index: -1;
}
.contacts-container {
	margin-top: 38px;
	margin-bottom: 150px;
}
.contact-form,
.contact-map {
	width: 50%;
}
.contact-title {
	color: #6d6d6d;
	font-family: 'Montserratarm-Medium';
	font-size: 32px;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 12px;
}
.contact-form input:not([type="submit"]),
.contact-form textarea {
	width: 100%;
	font-family: 'Montserratarm-Light';
	font-size: 16px;
	text-indent: 16px;
	text-transform: uppercase;
	border: 1px solid var(--secondColor);
	border-radius: 0;
	display: block;
	margin-bottom: 15px;
}
.contact-form textarea {
	padding-top: 14px;
}
.contact-form input:not([type="submit"]) {
	height: 38px;
}
input[type="submit"] {
	height: 50px;
	width: 50%;
	color: #fff;
	cursor: pointer;
	font-family: 'Montserratarm-Medium';
	font-size: 22px;
	text-transform: uppercase;
	float: right;
	background-color: var(--mainColor);
	border: 1px solid var(--secondColor);
	border-radius: 0;
	margin-top: 15px;
}
/* End Contacts Page */