@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;}
	.home #home-banner .wrapper {height: 480px;}
	.home #home-banner-content h2 {font-size: 46px;line-height: 50px;}
	.home #home-banner-gallery .swiper-container {height: 470px;}
	.home .highlight-b {height: 560px;}
	.home .highlight-b .swiper-container,
	.home .highlight-b .general-section-title .wrapper {height: 420px;}
	
	/*------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;}
	.home #home-banner {padding-bottom: 58px;}
	.home #home-banner .wrapper {height: 420px;}
	.home #home-banner-content {padding-top: 42px;}
	.home #home-banner-content h2 {font-size: 40px;line-height: 42px;}
	.home #home-banner-gallery .swiper-container {height: 410px;}
	.home #hbanner-container {padding: 55px 0 60px;}
	.home #hbanner-container h2 span {font-size: 30px;line-height: 32px;}
	.home .general-section.highlight-a {padding: 58px 0 50px;}
	.home .highlight-b {height: 520px;padding: 40px 0 34px;}
	.home .highlight-b .swiper-container,
	.home .highlight-b .general-section-title .wrapper {height: 390px;}
	.home .general-section.list-a {padding: 40px 0 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;}
	.home #home-banner {padding-bottom: 44px;}
	.home #home-banner {min-height: 0;display: block;}
	.home #home-banner-content {padding-top: 34px;}
	.home #home-banner-gallery .swiper-container {margin-bottom: 40px;}
	.home #home-banner-video {bottom: -10px;}
	.home #hbanner-container {padding: 44px 0 48px;}
	.home #hbanner-container .swiper-container {height: 320px;}
	.home .highlight-a .wrapper .left {min-height: auto;}
	.home #home-swiper {padding-top: 56px;}
	.home .highlight-b {height: auto;padding: 40px 0 34px;background-color: #f0e6e6;}
	.home .highlight-b .swiper-container,
	.home .highlight-b .general-section-title .wrapper {height: auto;}
	.home .highlight-b .swiper-container {height: 460px;}
	.home .general-section.list-a {padding: 34px 0 50px;}
	
	#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;}
	.tours .tour-intro-section {padding: 55px 0;}
	.tours .tour-intro-premium p {font-size: 16px;line-height: 26px;}
	.tours .highlight-c {padding-top: 55px;}
	.tours .grid-a {margin-bottom: 60px;}
	.tours .grid-a .grid-item h2 {font-size: 46px;line-height: 48px;}
	.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;}
	.contacts .general-section.showOnScroll {padding: 46px 0 18px;}
	.contacts .text-container blockquote p {font-size: 24px;line-height: 30px;}
	.contacts #contacts-container {padding-top: 44px;}
	#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;}
	.tours .tour-intro-premium {text-align: left;}
	.tours .tour-intro-premium h4,
	.tours .tour-intro-premium .eyebrow {font-size: 18px;line-height: 22px;}
	.tours .grid-a .grid-item h2 {font-size: 38px;line-height: 40px;}
	.tours .grid-a .item-content .textcontent {padding: 100px 24px 28px;}
	.tours .grid-a .item-content .title {font-size: 22px;line-height: 26px;}
	#home-banner-content {padding-top: 40px;}
	#home-banner-content h2 {font-size: 40px; line-height: 40px;}
	#home-banner-gallery .swiper-container {height: 250px;}
	.home #home-banner-content {padding-top: 28px;}
	.home #home-banner-content h2 {font-size: 36px;line-height: 38px;}
	.home #home-banner-content .text-container,
	.home #home-banner-content .text-container * {font-size: 15px;line-height: 22px;}
	.home #hbanner-container h2 span {font-size: 26px;line-height: 28px;margin: 0 16px;}
	.home #hbanner-container .box-knowmore a {font-size: 16px;margin: 0 16px;padding: 0 22px;}
	#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%;}
}

@media screen and (max-width: 600px){
	.home #home-banner {min-height: 0 !important;padding-top: 96px;padding-bottom: 36px;display: block !important;overflow: hidden;}
	.home #home-banner .wrapper {height: auto !important;min-height: 0 !important;max-height: none !important;margin: 0 18px !important;padding: 0 0 24px !important;}
	.home #home-banner .border-mask .midleft,
	.home #home-banner .border-mask .midright {height: 100%;}
	.home #home-banner .border-mask .botleft,
	.home #home-banner .border-mask .botright {bottom: 0;width: 40%;}
	.home #home-banner-content {position: relative;width: 100%;padding: 28px 22px 6px;right: auto;top: auto;text-align: left;}
	.home #home-banner-content h2 {font-size: 42px;line-height: 44px;text-align: left;margin-bottom: 14px;max-height: none;}
	.home #home-banner-content .text-container,
	.home #home-banner-content .text-container * {font-size: 15px;line-height: 22px;text-align: left;}
	.home #home-banner-gallery {width: 100%;max-width: none;padding: 18px 22px 0;position: relative;}
	.home #home-banner-gallery .swiper-container {height: 420px !important;min-height: 0;max-height: none;margin-bottom: 0;box-shadow: 10px 14px 28px rgba(0,0,0,0.14);}
	.home #home-banner-gallery .swiper-slide {background-position: center top;}
	.home #home-banner-video {position: relative;width: calc(100% - 44px);height: 190px;right: auto;bottom: auto;margin: 22px 22px 0;z-index: 2;box-shadow: 10px 14px 28px rgba(0,0,0,0.14);}
	.home #home-banner .gallery-a .w2-swiper-navigation {top: auto;bottom: 14px;left: 22px;right: 22px;width: auto;justify-content: space-between;}
	.home #home-banner-video .btn-video:before {font-size: 15px;transform: translate(-50%, 42px);}
	.home #home-banner-video .btn-video .content {width: 74px;height: 74px;}
	.home #home-banner-video .btn-video .icon:before {border-top-width: 11px;border-bottom-width: 11px;border-left-width: 17px;margin: 10px 0 0 13px;}
}

@media screen and (max-width: 480px){
	.home #home-banner-content h2 {font-size: 38px;line-height: 40px;}
	.home #home-banner-gallery .swiper-container {height: 390px !important;}
	.home #home-banner-video {height: 170px;}
	.home #home-banner-video .btn-video:before {font-size: 14px;transform: translate(-50%, 38px);}
}