@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 1023px){
	.wrapper	{width:auto;padding:0 10px;margin:0 auto;}
	h3, h3 * {font-size: 60px; line-height: 60px;}
	
	/*------MENU------*/

	
	/*------BANNER------*/
	#home-banner .wrapper {margin: 0 10px; padding:0;}
	#home-banner-gallery{width:50%;}
	
	
	/*------GALLERY------*/
	
	
	
	/*------HOME------*/
	
	.highlight-b .swiper-container {width: 100%;}
	.highlight-b .general-section-title .wrapper {width: 50%; margin: 0;}
	.highlight-b .general-section-title .wrapper h3 {padding-right: 0;}
	.highlight-b .swiper-slide .right {width:70%; margin-left: 30%;display: flex; flex-direction: row; justify-content: flex-end;}
	.highlight-b .swiper-slide .image {width: 80%;}
	.highlight-b .swiper-slide .content {width: 100%;}
	.highlight-b .swiper-slide .text-container {padding: 40px 40px 40px 60px;}
	
	#home-banner .wrapper, #secbanner .wrapper {padding: 0; margin: 0 10px;}
	#home-banner .border-mask .botright, #secbanner .border-mask .botright {width:28%;}
	#home-banner .border-mask .botleft, #secbanner .border-mask .botleft {width:60% }
	#home-banner .border-mask .boticon, #secbanner .border-mask .boticon {right:32%}
	#secbanner-contents .right .title {font-size: 45px; line-height: 45px;}

	#home-banner-content h2 {font-size: 50px; line-height: 50px;}
	
	/*------ABOUT ------*/
	
	
	/*------CONTACTS ------*/
	
	
	/*------FOOTER------*/
	footer .top .wrapper{padding: 40px 10px; flex-direction: column;}
	footer .top .wrapper .left {margin-bottom: 50px; padding-right: 0;}
	footer .top .left nav ul.level-1 {justify-content: center;}
	footer .top .right {display: flex; text-align: left; justify-content: center;}
	footer .top .right .box-social {margin-bottom: 0; margin-right: 30px;}
	
	#languages-container {top:100px; right: 0; }
	
	
}

@media screen and (max-width: 768px){
	h2, h2 * {font-size: 60px; line-height: 60px;}
	h3, h3 * {font-size: 40px; line-height: 40px;}
	
	header .left a {margin-top: -20px;}
	header .left a .not-truncated {display: none;}
	header .left a:before {content: "";background: url("../images/logo-mobile.svg") no-repeat center center; display: block; width: 107px; height: 80px;}
	.truncated header .left a:before{display:none;}
	header .right nav {display: none;}
	
	#mobile-menu-switch {display:block !important;}
	#mobile-menu {display:block !important}
	
	#home-banner .wrapper, #secbanner .wrapper {height:440px;}
	#home-banner-content{padding-top: 50px;}
	#home-banner-gallery .swiper-container {height: 420px;}
	.gallery-a .w2-swiper-navigation {bottom: 40px;}
	.btn-knowmore .icon {width: 80px; }
	#home-banner-video {height: 170px; width: 40%; bottom: -20px;}
	#home-banner-video .btn-video .text {font-size: 20px; line-height: 20px;}
	#home-banner .border-mask .boticon {bottom: -60px;}
	
	.general-section.highlight-a {padding-top: 100px;}
	.highlight-a .wrapper .left {width: 50%; }
	.highlight-a .wrapper .left h2 {font-size: 45px; line-height: 45px;} 
	.highlight-a .wrapper .left .image {margin-left: 20%;}
	
	#itinerary-contents .bot .left {width: 50%;}
	#itinerary-contents .bot .right {width: 50%; padding: 30px 0 0 15px;}
	#itinerary-contents  h3 {font-size: 50px; line-height: 50px;}
	
	.grid-c  .grid-item {width:100%;}
	
	.photo-gallery #secbanner .wrapper {height:300px;}
	#photo-gallery-container {padding: 40px 20px 0; height: 450px;}
	#photo-gallery-contents .text {padding: 30px; left:20px; width: 50%;}
	#photo-gallery-contents .text h2 {font-size: 20px; line-height: 23px;}
	
	#contacts-container .wrapper .left {width: 60%;}
	#contacts-container .wrapper .right {width: 40%;}
	#contacts-container .wrapper .right .item {margin-left: 0; }
	
	#languages-container {background: none; top:40px; right:75px; transition: top 0.3s ease;}
	body.truncated #languages-container {top:25px;}
	#languages-container .btn {    background-size: 15px; background-position: 7px center; padding: 0 10px 0 30px; font-size: 12px; height: 30px;}
	#languages-container .list {padding-top: 40px;}
	
	footer .top .left nav li.level-1 {margin-right: 20px;}
	footer .top .left nav a.level-1 {font-size: 18px;}
	footer .top .left nav ul.level-2 {margin-left: 0;}
}

@media screen and (max-width: 600px){
	/*.general-section {padding: 100px 0;}*/
	
	#home-banner .wrapper, #secbanner .wrapper {height: auto; padding-bottom: 20px;}
	#home-banner .border-mask .botleft, #secbanner .border-mask .botleft {width: 40%;}
	#home-banner .border-mask .botright, #secbanner .border-mask .botright {width: 40%;}
	#home-banner .border-mask .boticon, #secbanner .border-mask .boticon {right: 47%;}
	#home-banner-content, #secbanner-content  {position: relative; width: 100%;}
	#home-banner-gallery {width: 100%; padding: 20px 20px 0 20px;}
	#home-banner-gallery .swiper-container {height: 320px; margin-bottom: 60px;}
	#home-banner-content h2{margin-bottom: 10px; font-size: 40px; line-height: 40px; text-align: center;}
	#home-banner-content .text-container {margin-bottom: 10px; text-align: center;}
	#home-banner-content .knowmore-container {text-align: left}.gallery-a .w2-swiper-navigation {bottom:inherit; top:50%; width: 100%; right:auto;left: 0; justify-content: space-between;}
	#home-banner-video {width: 300px; right:50%; margin-right: -150px; z-index: 2;}
	
	#secbanner-contents {flex-direction: column-reverse; padding: 40px 20px 0 20px;}
	#secbanner-contents .left {width: 100%; padding-right: 0;}
	#secbanner-contents .right {width: 100%; padding: 40px 0 0 0;}
	
	.highlight-a .wrapper {flex-direction: column}
	.highlight-a .wrapper .left {background-position: 0 45px; min-height: 305px; width: auto;}
	.highlight-a .wrapper .right {padding-left: 0;}
	.highlight-a .wrapper .left h2 br {display: none;}
	
	#home-swiper{padding-top: 200px;}
	.highlight-b { display: block;}
	.highlight-b .general-section-title { position: relative; height: auto;}
	.highlight-b .general-section-title .wrapper {width: auto; height: auto;}
	.highlight-b .general-section-title .wrapper h3 br {display: none;}
	.highlight-b .swiper-slide .right {width: 100%; margin-left: 0;}
	.highlight-b .swiper-slide .text-container {padding-left: 90px;}
	.highlight-b .swiper-slide .number {bottom: 72px; left:10px; font-size: 50px; line-height: 50px;}
	
	.swiper-pagination-bullet {width: 50px;}
	
	.general-section.list-a {padding: 100px 0;}
	.list-a .item,
	.list-a .item:nth-child(even){flex-direction: column;}
	.list-a .item .left,
	.list-a .item:nth-child(even) .left{width: auto; margin-bottom: 30px; padding: 0}
	.list-a .item .right {width: auto; padding: 0;}
	.list-a .item:nth-child(even) .right .bot {flex-direction: row;}
	.list-a .item:nth-child(even) .right .bot .innerleft {padding-right: 50px; padding-left: 0;}
	
	footer .top .wrapper .left{margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #f0e6e6}
	footer .top .left nav ul li {display: none;}
	footer .top .left nav ul li:nth-child(5) {display: block; margin-right: 0;}
	footer .top .left nav ul li:nth-child(5) a {margin:0;}
	
	.text-columns {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;-moz-column-gap: 0;
    -webkit-column-gap: 0;column-gap: 0;}
	.grid-a .grid-item {width: 100%;}
	.grid-a .item-content .image {width:90%;}
	.grid-b .grid-item {width: 100%;}
	
	#secbanner-contents .right .time {margin-bottom: 20px;}
	
	#itinerary-header {margin-bottom: 0;}
	#itinerary-header .wrapper {flex-direction: column;}
	#itinerary-header .wrapper .left {width: 100%; padding: 0; margin-bottom: 30px;}
	.itinerary-list li {flex-direction: row-reverse;}
	.itinerary-list .text {text-align: left;}
	#itinerary-header .wrapper .right {width: 100%; padding: 0;}
	#itinerary-header .left .bot {background-size: 100% 100%;}
	
	#itinerary-contents .top {flex-direction: column; padding-bottom: 0;}
	#itinerary-contents .top .left {width: 100%; padding-right: 0; margin-bottom: 30px;}
	#itinerary-contents .top .right {width: 100%; margin-top: 0; margin-left: 0;}
	#itinerary-contents .bot {flex-direction: column;}
	#itinerary-contents .bot .left {padding-right:0; width: 100%; margin-bottom: 30px;}
	#itinerary-contents .bot .right {padding-left:0; width: 100%; }
	#itinerary-contents .bot .right .content-line {left: 0; right: auto;}
	
	#itinerary-bot .wrapper,
	#itinerary-mid .wrapper{flex-direction: column;}
	#itinerary-bot .wrapper a,
	#itinerary-mid .wrapper a{margin-bottom: 10px;}
	
	.photo-gallery #secbanner .wrapper {height:auto; padding-bottom: 40px;}
	#photo-gallery-container {height:300px;}
	#photo-gallery-contents .w2-swiper-navigation{max-width: 100%;}
	
	#contacts-container .wrapper {flex-direction: column;}
	#contacts-container .wrapper .left{width: 100%; padding-right: 0; margin-bottom: 60px;}
	#contacts-container .wrapper .right{width: 100%; padding-left: 0;}
	#photo-gallery-contents .text {position: relative; width: 100%; left: 0;}
	
	#popup-newsletter .wrapper {width: auto;}
	
} 

@media screen and (max-width: 480px){
	h2, h2 *{font-size: 50px; line-height: 50px;}
	#home-banner-content {padding-top: 40px;}
	#home-banner-content h2 {font-size: 40px; line-height: 40px;}
	#home-banner-gallery .swiper-container {height: 250px;}
	#secbanner-contents .right .title {font-size: 40px; line-height: 40px;}
	
	#home-banner-video {width: 240px; right:50%; margin-right: -120px; z-index: 2;}
	
	.highlight-b .swiper-container {height: 480px;}
	.highlight-b .swiper-slide .image {height: 150px;}
	.highlight-b .swiper-slide .number {top:140px;}
	.highlight-b .swiper-slide .right {padding-top: 60px;}
	
	.grid-c {margin-bottom: 100px;}
	.grid-c .item-content {padding-left: 0;}
	.grid-c .item-content .image {width: 100px; height: 100px;}
	.grid-c .item-content .textcontent {padding: 75px 20px 40px 20px; }
	
	footer .top .right {flex-direction: column;}
	footer .top .right .box-social {margin-right: 0; margin-bottom: 40px; text-align: center;}
	footer .top .right .box-social .content {justify-content: center}
	footer .top .right h4 {text-align: center;}
	#form-newsletter .content {width: auto;}
	footer .bot .wrapper {display:block; height: auto; padding: 20px 10px;}
	
	.itinerary-list {padding: 40px 20px 0;}
	#itinerary-contents h3 {font-size: 40px; line-height: 40px;}
	#itinerary-contents .top {padding: 40px 20px;}
	#itinerary-contents .bot {padding-left: 20px;}
	
	.itinerary-contact a .text {font-size: 16px;  }
	.itinerary-contact a .icon {background-position: right center; width: 70px;}
	
	#itinerary-bot a .text,
	#itinerary-mid a .text,
	#itinerary-bot a,
	#itinerary-mid a{font-size: 16px; }
	#itinerary-bot a .icon,
	#itinerary-mid a .icon{background-position: right center; width: 70px;}
	
	#form-contacts .box-adults, #form-contacts .box-children18, #form-contacts .box-children11 {width:100%;}
	
	#form-popup-newsletter{padding: 60px 30px 60px 30px;}
	#form-popup-newsletter .content {flex-direction: column; padding-top: 0;}
	#form-popup-newsletter h3 {font-size: 20px; line-height: 23px; margin-bottom: 10px;}
	#form-popup-newsletter p {font-size: 14px; line-height: 18px;}
	#form-popup-newsletter .email {width: 100%; text-align: center; }
	#form-popup-newsletter .submit {width: 100%;}
}