/* #2845AA */

@charset "utf-8";
@font-face {
	font-family: Inter;
	src: url(../fonts/Inter.ttf);
}
* {
	box-sizing: border-box;
}
html, body {
	overflow-x: hidden;
}
body {
	font-family: Inter, sans-serif;
	font-size: 18px;
	line-height: 26px;
	color: #000;
}
@media (min-width: 1920px) {
	body {
		width: 1920px;
		margin: 0 auto;
	}
}
.content-wrap {
	overflow: hidden;
}
.up {
	width: 35px;
	height: 35px;
	transform: rotate(45deg);
	border-top: 5px solid #2845AA;
	border-left: 5px solid #2845AA;
	opacity: 0;
	position: fixed;
	z-index: 3;
	right: 50px;
	bottom: 40px;
	cursor: pointer;
	transition: .2s;
	mix-blend-mode: difference;
}
@media (max-width: 600px) {
	.up {
		width: 25px;
		height: 25px;
		right: 30px;
		bottom: 15px;
	}
}
.home-page-header {
	height: 1080px;
	background-image: url('../img/top-fon.jpg');
	background-size: cover;
	background-position: 50% 50%;
	position: relative;
}
.home-page-header .lang {
	position: absolute;
	z-index: 3;
	top: 65px;
	right: 65px;
	width: 110px;
	display: flex;
	flex-direction: row-reverse;
	border: 1px solid #2845AA;
	border-radius: 5px;
}
.home-page-header .lang a {
	display: block;
	width: 50%;
	padding: 2px;
	text-decoration: none;
	text-align: center;
	transition: .2s;
}
.home-page-header .lang a:first-child {
	color: #2845AA;
}
.home-page-header .lang a:last-child {
	color: #fff;
	background-color: #2845AA;
}
.home-page-header .lang a:first-child:hover {
	color: #fff;
	background-color: #2845AA;
}
.home-page-header .lang a:first-child:hover ~ a {
	color: #2845AA;
	background-color: transparent;
}
.home-page-header .head-container {
	position: relative;
	max-width: 1600px;
	margin: 0 auto;
	padding: 190px 15px 230px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.home-page-header .dashed,
.home-page-header .dashed-2 {
	position: absolute;
	z-index: 1;
	top: -5px;
	right: 250px;
}
.home-page-header .dashed-2 {
	display: none;
}
@media (max-width: 1919px) {
	.home-page-header .dashed {
		display: none;
	}
	.home-page-header .dashed-2 {
		display: block;
		opacity: .4;
	}
}
@media (max-width: 1199px) {
	.home-page-header .dashed-2 {
		top: -60px;
		right: 100px;
	}
}
@media (max-width: 900px) {
	.home-page-header .dashed-2 {
		right: 0;
		top: -110px;
	}
}
.home-page-header nav {
	position: relative;
	z-index: 2;
}
.home-page-header .navbar {
	list-style: none;
	margin: 0;
	padding: 0;
}
.home-page-header .navbar li {
	padding: 25px 0;
}
.home-page-header .navbar a {
	text-decoration: none;
	color: #000;
	font-size: 50px;
	line-height: 56px;
	position: relative;
	transition: .2s;
}
.home-page-header .navbar a:hover {
	color: #2845AA;
}
.home-page-header .navbar a:before {
	content: '';
	display: block;
	width: 0;
	height: 5px;
	background-color: #2845AA;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: .3s;
}
.home-page-header .navbar a:hover:before {
	width: 100%;
	left: 1px;
}
.home-page-header .menu-item-has-children {
	position: relative;
}
.home-page-header .sub-menu {
	transition: .2s;
	opacity: 0;
	z-index: -1;
	width: 100%;
	position: absolute;
	top: 100%;
	list-style: none;
	background-color: #fff;
	border-width: 0px 2px 2px 2px;
	border-style: solid;
	border-color: #2845AA;
	border-radius: 0px 0px 5px 5px;
	white-space: nowrap;
	padding: 10px 50px;
}
.home-page-header .menu-item-has-children:hover .sub-menu {
	opacity: 1;
	z-index: 5;
}
.home-page-header .logo img {
	width: auto;
	max-width: 100%;
}
@media (max-width: 1600px) {
	.home-page-header nav {
		flex-shrink: 0;
		padding-right: 50px;
	}
	.home-page-header .navbar li {
		padding: 15px 0;
	}
	.home-page-header .navbar a {
		font-size: 40px;
		line-height: 48px;
	}
}
@media (max-width: 1199px) {
	.home-page-header header {
		height: auto;
	}
	.home-page-header .head-container {
		padding: 160px 15px;
	}
	.home-page-header nav {
		flex-shrink: 0;
		padding-right: 100px;
	}
	.home-page-header .navbar li {
		padding: 10px 0;
	}
	.home-page-header .navbar a {
		font-size: 30px;
		line-height: 38px;
	}
	.home-page-header .navbar a:before {
		height: 3px;
	}
}
@media (max-width: 900px) {
	.home-page-header .lang {
		top: 40px;
		right: 40px;
		font-size: 16px;
		line-height: 22px;
	}
	.home-page-header .head-container {
		padding: 120px 15px;
	}
	.home-page-header nav {
		padding-right: 50px;
	}
	.home-page-header .navbar a {
		font-size: 24px;
		line-height: 30px;
	}
}
@media (max-width: 600px) {
	.home-page-header .lang {
		top: 25px;
		right: 25px;
	}
	.home-page-header .head-container {
		flex-wrap: wrap;
		padding: 100px 15px 60px;
	}
	.home-page-header nav {
		width: 100%;
		order: 2;
		padding-right: 0;
		padding-top: 50px;
		text-align: center;
	}
	.home-page-header .navbar a {
		text-shadow: 3px 3px 5px #fff;
	}
	.home-page-header .logo {
		width: 100%;
		order: 1;
	}
}

.about {
	position: relative;
	overflow: hidden;
	margin: 60px 0;
}
.about-block {
	height: 100%;
	width: 190px;
	background-color: #2845AA;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}
.about-container {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 15px;
}
.about-text {
	position: relative;
	max-width: 900px;
	padding: 15px 0;
}
@media (max-width: 1199px) {
	.about-text {
		width: 94%;
	}
	.about-block {
		width: 5%;
	}
}

.main-pics {
	display: flex;
	flex-wrap: wrap;
}
.main-pics img {
	width: 25%;
}
@media (max-width: 900px) {
	.main-pics img {
		width: 50%;
	}
}

.feature {
	position: relative;
	overflow: hidden;
	margin: 100px 0;
}
.feature-block {
	height: 100%;
	width: 5%;
	background-color: #2845AA;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
}
.feature-container {
	width: 86%;
	margin: 0 auto;
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.feature-text {
	max-width: 800px;
	padding-right: 10px;
	order: 1;
}
.feature-pic {
	order: 2;
}
.feature-pic img {
	max-width: 100%;
	position: relative;
	z-index: -1;
}
@media (max-width: 1199px) {
	.feature-container {
		width: 95%;
		margin: 0 0 0 5%;
	}
	.feature-text {
		width: 65%;
	}
	.feature-pic {
		width: 35%;
	}
}
@media (max-width: 900px) {
	.feature-container {
		display: block;
	}
	.feature-text {
		width: 100%;
	}
	.feature-pic {
		float: right;
		margin-left: 10px;
		width: 275px;
	}
}
@media (max-width: 600px) {
	.feature-pic {
		float: none;
		margin-left: 0;
		width: 100%;
	}
}

.advantages {
	padding: 40px 0;
}
.advantages h2 {
	text-align: center;
	font-size: 40px;
	line-height: 50px;
	position: relative;
}
.advantages h2:before {
	content: '';
	display: block;
	height: 15px;
	background-color: #2845AA;
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	margin: auto;
}
.advantages h2 span {
	position: relative;
	display: inline-block;
	padding: 0 50px;
	background-color: #fff;
}
.advantages-container {
	max-width: 1780px;
	margin: 0 auto;
	padding: 50px 15px;
	display: flex;
	justify-content: space-between;
}
.advantages-container > div {
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	transition: .2s;
	position: relative;
	z-index: 2;
}
.advantages-container > div:hover {
	opacity: .7;
}
.advantages-container > div > img {
	display: block;
	margin: 25px auto 35px;
	max-width: 100%
}
@media (max-width: 900px) {
	.advantages-container {
		flex-wrap: wrap;
		padding: 20px 15px 0;
	}
	.advantages-container > div {
		width: 50%;
		padding-bottom: 20px;
	}
}
@media (max-width: 600px) {
	.advantages-container > div {
		font-size: 16px;
		line-height: 20px;
	}
	.advantages-container > div > img {
		max-width: 80%;
		margin: 15px auto 25px;
	}
	.advantages h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.advantages h2 span {
		padding: 0 25px;
	}
}

.partners {
	background-color: #2845AA;
	padding: 30px 15px 60px;
}
.partners h2 {
	text-align: center;
	color: #fff;
	font-size: 40px;
	line-height: 50px;
}
.partners-container {
	max-width: 1220px;
	margin: 0 auto;
	padding: 55px 0 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 2;
}
.partners-container a {
	display: block;
	text-align: center;
	margin: 0 40px;
	transition: .2s;
	width: 230px;
}
.partners-container a:hover {
	opacity: .7;
}
@media (max-width: 1199px) {
	.partners-container {
		justify-content: center;
		flex-wrap: wrap;
	}
	.partners-container a {
		display: block;
		margin: 20px;
	}
}

.countries {
	position: relative;
	padding: 100px 0 80px;
}
.countries:after {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 265px;
	background-color: #2845AA;
}
.countries-container {
	max-width: 1740px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.countries-container a {
	transition: .7s;
}
.countries-container a:hover {
	transform: scale(0.8);
	transition-timing-function: cubic-bezier(0.5, 2, 0.3, -0.1);
}
.countries-container img {
	max-width: 100%;
}
@media (max-width: 1800px) {
	.countries-container a {
		padding: 0 30px;
	}
}
@media (max-width: 900px) {
	.countries {
		padding: 50px 0;
	}
	.countries-container {
		flex-wrap: wrap;
	}
	.countries-container a {
		width: 100%;
	}
	.countries-container img {
		display: block;
		margin: 15px auto;
	}
}

.mice {
	position: relative;
	padding: 135px 15px;
}
.mice:after {
	content: '';
	display: block;
	width: 4.6%;
	position: absolute;
	right: 0;
	top: 10%;
	bottom: 10%;
	margin: auto;
	background-color: #2845AA;
}
.mice-container {
	width: 92%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.mice-pic {
	width: 39%;
	padding-top: 15px;
}
.mice-pic img {
	position: relative;
	z-index: 3;
	max-width: 100%;
}
.mice-text {
	width: 55%;
	margin-right: 3%;
	background-color: #fff;
	position: relative;
	z-index: 3;
}
.mice-abr span {
    display: inline-block;
    padding-right: 30px;
    font-size: 28px;
    line-height: 36px;
}
.mice-abr strong {
    color: #2845AA;
}
.mice-text ul {
    list-style: none;
    padding: 0;
}
.mice-text li {
    position: relative;
    padding-left: 25px;
}
.mice-text li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #2845AA;
    position: absolute;
    left: 8px;
    top: 8px;
}
@media (max-width: 1400px) {
	.mice {
		position: relative;
		padding: 100px 15px;
	}
}
@media (max-width: 1199px) {
	.mice-container {
		flex-wrap: wrap;
	}
	.mice-pic,
	.mice-pic img,
	.mice-text {
		width: 100%;
	}
	.mice-text {
		background-color: transparent;
	}
}

.form {
	padding-top: 40px;
}
.title-pic {
	width: 100%;
	position: relative;
	z-index: 2;
}
.title-pic-desk {
	display: block;
}
.title-pic-mob {
	display: none;
}
.form-container {
	max-width: 1825px;
	margin: 0 auto;
	padding: 50px 15px 30px;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
#wpcf7-f40-o1 {
	width: 40%;
}
.form-container form {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.form-container input:not([type="submit"]),
.form-container textarea {
    border: 1px solid #000;
    border-radius: 10px;
    background-color: transparent;
    outline: none;
    padding: 10px;
    width: 100%;
}
.form-container [type="text"],
.form-container [data-name="your-name"] {
	width: 39%;
	margin-bottom: 15px;
}
.form-container [type="email"],
.form-container [data-name="your-email"] {
	width: 59%;
	margin-bottom: 15px;
}
.form-container [data-name="your-message"] {
	width: 100%;
}
.form-container textarea {
	width: 100%;
	margin-bottom: 20px;
	height: 120px;
	resize: none;
}
.form-container [type="submit"] {
	color: #fff;
	background-color: #2845AA;
	border-radius: 10px;
	border: none;
	padding: 5px 10px;
	font-size: 22px;
	line-height: 30px;
	cursor: pointer;
	transition: .2s;
}
.form-container [type="submit"]:hover {
	opacity: .8;
}
.address, .email {
	width: 25%;
	display: flex;
	padding-top: 10px;
}
.email {
	padding-left: 20px;
}
.address-title,
.email-title {
	font-size: 24px;
	line-height: 30px;
	font-weight: bold;
	margin: 0;
}
.address-pic,
.email-pic {
	padding: 0 30px 0 15px;
}
@media (max-width: 1400px) {
	.address, .email {
		width: 30%;
	}
	.address {
		padding-left: 20px;
	}
	.address-pic,
	.email-pic {
		padding: 0 15px;
	}
	.address-pic img {
		width: 50px;
	}
	.email-pic img {
		width: 50px;
	}
}
@media (max-width: 1199px) {
	.form {
		padding-top: 0;
	}
}
@media (max-width: 1000px) {
	.form-container {
		flex-wrap: wrap;
		justify-content: center;
	}
	#wpcf7-f40-o1 {
		width: 100%;
	}
	.address, .email {
		width: 50%;
		padding-top: 70px;
	}
	.address-pic,
	.email-pic {
		padding: 0 15px 0 0;
	}
}
@media (max-width: 600px) {
	.title-pic-desk {
		display: none;
	}
	.title-pic-mob {
		display: block;
	}
	.address, .email {
		width: 100%;
		max-width: 300px;
		padding-left: 0;
	}
	.email {
		padding-top: 40px;
	}
}

footer {
	text-align: center;
	color: #fff;
	background-color: #2845AA;
	padding: 30px 15px;
	margin-top: 80px;
	position: relative;
	z-index: 2;
}
@media (max-width: 1000px) {
	footer {
		margin-top: 30px;
	}
}


/* country */
.common-page-header {
	max-width: 1755px;
	margin: 0 auto;
	padding: 60px 15px;
	display: flex;
	align-items: center;
	position: relative;
}
.page-navbar {
	list-style: none;
	margin: 0;
	display: flex;
	justify-content: space-around;
	width: 100%;
	position: absolute;
	left: 0;
    top: 75%;
	opacity: 0;
	z-index: -1;
	padding: 15px 20px;
	/*transition: .2s;*/
}
.page-navbar.visible {
	opacity: 1;
	z-index: 3;
	background-color: #fff;
}
.page-navbar li {
	padding: 10px 0;
}
.page-navbar a {
	text-decoration: none;
	color: #000;
	font-size: 30px;
	line-height: 38px;
	position: relative;
	transition: .2s;
}
.page-navbar a:hover {
	color: #2845AA;
}
.page-navbar a:before {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	background-color: #2845AA;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: .3s;
}
.page-navbar a:hover:before {
	width: 100%;
	left: 1px;
}
.page-navbar .sub-menu {
	transition: .1s;
    opacity: 0;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    list-style: none;
    padding: 0 15px;
    background: #fff;
    white-space: nowrap;
}
.page-navbar .menu-item-has-children {
	position: relative;
}
.page-navbar .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    z-index: 5;
    position: absolute;
    top: 100%;
}
.page-navbar-toggler {
	display: block;
	cursor: pointer;
	width: 65px;
	padding: 10px 3px;
	transition: .2s;
}
.page-navbar-toggler span {
	position: relative;
	display: block;
	height: 6px;
	background-color: #000;
}
.page-navbar-toggler span:before,
.page-navbar-toggler span:after {
	position: absolute;
	content: '';
	display: block;
	left: 0;
	width: 100%;
	height: 6px;
	background-color: #000;
}
.page-navbar-toggler span:before {
	top: -17px;
}
.page-navbar-toggler span:after {
	bottom: -17px;
}
.page-navbar-toggler.opened {
	transform: rotate(45deg);
}
.page-navbar-toggler.opened span:before {
	transform: rotate(-90deg);
	top: 0px;
	left: 0;
}
.page-navbar-toggler.opened span:after {
	opacity: 0;
}
.page-logo {
	margin: 0 100px;
	position: relative;
	top: 5px;
}
.page-logo img {
	max-width: 100%;
}
.common-page-header .lang {
	margin-left: auto;
	width: 110px;
	flex-shrink: 0;
    display: flex;
    flex-direction: row-reverse;
    border: 1px solid #2845AA;
    border-radius: 5px;
}
.common-page-header .lang a {
	display: block;
	width: 50%;
	padding: 2px;
	text-decoration: none;
	text-align: center;
	transition: .2s;
}
.common-page-header .lang a:first-child {
	color: #2845AA;
}
.common-page-header .lang a:last-child {
	color: #fff;
	background-color: #2845AA;
}
.common-page-header .lang a:first-child:hover {
	color: #fff;
	background-color: #2845AA;
}
.common-page-header .lang a:first-child:hover ~ a {
	color: #2845AA;
	background-color: transparent;
}
@media (max-width: 1500px) {
	.page-navbar li {
		padding: 10px 30px 10px 0;
	}
	.page-navbar a {
		font-size: 24px;
		line-height: 32px;
	}
}
@media (max-width: 1199px) {
	.page-navbar {
		display: block;
	}
	.page-navbar li {
		padding: 10px 0;
	}
	.page-navbar .menu-item-has-children:hover .sub-menu {
	    opacity: 1;
	    z-index: 5;
	    position: relative;
	}
}
@media (max-width: 900px) {
	.common-page-header {
	    padding: 35px 15px;
	}
	.page-logo {
		margin: 0 50px;
	}
}
@media (max-width: 700px) {
	.page-navbar-toggler {
		width: 45px;
	}
	.page-navbar-toggler span {
		height: 4px;
	}
	.page-navbar-toggler span:before,
	.page-navbar-toggler span:after {
		height: 4px;
	}
	.page-navbar-toggler span:before {
		top: -12px;
	}
	.page-navbar-toggler span:after {
		bottom: -12px;
	}
	.common-page-header .lang {
		width: 80px;
	}
	.common-page-header .lang a {
		font-size: 14px;
		line-height: 20px;
	}
}
@media (max-width: 500px) {
	.common-page-header {
	    padding: 25px 15px;
	}
	.page-navbar-toggler {
		width: 35px;
	}
	.page-navbar li {
	    padding: 5px 0;
	}
	.page-navbar a {
		font-size: 24px;
		line-height: 32px;
	}
	.page-navbar-toggler span {
		height: 3px;
	}
	.page-navbar-toggler span:before,
	.page-navbar-toggler span:after {
		height: 3px;
	}
	.page-navbar-toggler span:before {
		top: -9px;
	}
	.page-navbar-toggler span:after {
		bottom: -9px;
	}
	.common-page-header .lang {
		width: 80px;
	}
	.page-logo {
		margin: 0 25px 0 20px;
	}
	.common-page-header .lang {
		width: 60px;
	}
	.common-page-header .lang a {
		font-size: 12px;
		line-height: 16px;
	}
}

.head-pic {
	display: block;
	width: 100%;
}

.dest-about {
	position: relative;
	padding: 50px 15px;
}
.dest-about:before {
	content: '';
	display: block;
	width: 100%;
	height: 155px;
	background-color: #2845AA;
	position: absolute;
	left: 0;
	bottom: 155px;
}
.dest-about input {
	display: none;
}
.dest-nav-labels {
	max-width: 1540px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 10px 25px;
	padding: 20px 0 40px;
}
.dest-nav-labels label {
	color: #2845AA;
	font-size: 30px;
	line-height: 40px;
	display: block;
	margin: 2px 0;
	cursor: pointer;
	user-select: none;
	transition: .2s;
	position: relative;
	opacity: .8;
}
.dest-nav-labels label:before {
	content: '';
	display: block;
	width: 0;
	height: 3px;
	background-color: #2845AA;
	position: absolute;
	bottom: 0;
	right: 0;
	transition: .3s;
}
.dest-nav-labels label:hover {
	opacity: 1;
}
.dest-nav-labels label:hover:before {
	width: 100%;
	left: 0;
}
#aero:checked ~ .dest-nav-labels [for="aero"],
#geo:checked ~ .dest-nav-labels [for="geo"],
#history:checked ~ .dest-nav-labels [for="history"],
#infra:checked ~ .dest-nav-labels [for="infra"],
#image:checked ~ .dest-nav-labels [for="image"],
#price:checked ~ .dest-nav-labels [for="price"],
#dosug:checked ~ .dest-nav-labels [for="dosug"],
#mice:checked ~ .dest-nav-labels [for="mice"] {
	opacity: 1;
}
#aero:checked ~ .dest-nav-labels [for="aero"]:before,
#geo:checked ~ .dest-nav-labels [for="geo"]:before,
#history:checked ~ .dest-nav-labels [for="history"]:before,
#infra:checked ~ .dest-nav-labels [for="infra"]:before,
#image:checked ~ .dest-nav-labels [for="image"]:before,
#price:checked ~ .dest-nav-labels [for="price"]:before,
#dosug:checked ~ .dest-nav-labels [for="dosug"]:before,
#mice:checked ~ .dest-nav-labels [for="mice"]:before {
	width: 100%;
}
.dest-info-wrap {
	position: relative;
	/*overflow: hidden;*/
}
.dest-info-block {
	position: absolute;
	z-index: -1;
	opacity: 0;
	max-width: 1650px;
	margin: 0 auto;
}
.dest-info-block p {
	max-width: 1540px;
	margin-left: auto;
	margin-right: auto;
}
.dest-info-pics {
	display: flex;
	justify-content: space-between;
	padding: 40px 0;
}
@keyframes opacity {
	to { opacity: 1; }
}
#aero:checked ~ .dest-info-wrap .dest-aero,
#geo:checked ~ .dest-info-wrap .dest-geo,
#history:checked ~ .dest-info-wrap .dest-history,
#infra:checked ~ .dest-info-wrap .dest-infra,
#image:checked ~ .dest-info-wrap .dest-image,
#price:checked ~ .dest-info-wrap .dest-price,
#dosug:checked ~ .dest-info-wrap .dest-dosug,
#mice:checked ~ .dest-info-wrap .dest-mice {
	position: static;
	animation: opacity 1s linear forwards;
}
@media (max-width: 1400px) {
	.dest-about:before {
		display: none;
	}
	.dest-info-pics {
		justify-content: space-around;
		position: relative;
	}
	.dest-info-pics:before {
		content: '';
		display: block;
		height: 36%;
		background-color: #2845AA;
		position: absolute;
		bottom: 32%;
		width: calc(100% + 30px);
		left: -15px;
		z-index: -1;

	}
	.dest-info-pics img {
		width: 23%;
	}
}
@media (max-width: 1300px) {
	.dest-nav-labels {
		justify-content: flex-start;
	}
}
@media (max-width: 1000px) {
	.dest-about {
		padding: 25px 15px;
	}
}
@media (max-width: 900px) {
	.dest-nav-labels label {
		font-size: 24px;
		line-height: 32px;
	}
	.dest-info-pics {
		flex-wrap: wrap;
		justify-content: space-between;
		padding-bottom: 0;
	}
	.dest-info-pics img {
		width: 48%;
		margin-bottom: 4%
	}
}
@media (max-width: 500px) {
	.dest-nav-labels {
		gap: 5px 20px;
		padding: 0 0 20px;
	}
	.dest-nav-labels label {
		font-size: 20px;
		line-height: 28px;
	}
	.dest-info-pics {
		padding: 20px 0;
	}
}

.excursions {
	padding: 70px;
	position: relative;
}
.excursions:before {
	content: url('../img/egypt/long-dashed.svg');
	position: absolute;
	left: 0;
	top: 100px;
}
.excursions h2 {
	color: #2845AA;
	padding-left: 70px;
	font-size: 38px;
	line-height: 46px;
}
.ex-content {
	display: flex;
	align-items: center;
	padding-top: 50px;
}
.ex-text, .ex-wrap {
	width: 50%;
}
.ex-text {
	padding: 0 100px 0 70px;
}
.ex-text button {
	color: #fff;
	background-color: #2845AA;
	font-size: 32px;
	line-height: 38px;
	border: none;
	border-radius: 15px;
	padding: 10px 20px;
	margin-top: 20px;
	cursor: pointer;
	transition: .2s;
}
.ex-text button:hover {
	opacity: .8;
}
.ex-wrap {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}
.ex-item {
	width: 48%;
}
.ex-pic {
	width: 100%;
}
.ex-item h3 {
	font-size: 28px;
	line-height: 36px;
	margin: 15px 0 25px;
}
.ex-days, .ex-kindof {
	display: flex;
	align-items: center;
	font-size: 24px;
	line-height: 30px;
}
.ex-days img, .ex-kindof img {
	margin-right: 20px;
}
@media (max-width: 1600px) {
	.excursions {
		padding: 70px 15px;
	}
	.excursions:before {
		left: -70px;
	}
	.excursions h2 {
		padding-left: 0;
	}
	.ex-text {
	    padding: 0 50px 0 0;
	}
}
@media (max-width: 1199px) {
	.ex-text button {
		color: #fff;
		background-color: #2845AA;
		font-size: 24px;
		line-height: 32px;
		border: none;
		border-radius: 10px;
		padding: 10px 20px;
		margin-top: 20px;
	}
	.ex-days, .ex-kindof {
		font-size: 20px;
		line-height: 26px;
	}
	.ex-days img, .ex-kindof img {
		width: 45px;
		margin-right: 15px;
	}
}
@media (max-width: 1000px) {
	.excursions {
		padding: 25px 15px;
	}
	.excursions:before {
		left: auto;
		right: 7vw;
		top: 55px;
	}
	.ex-content {
		flex-wrap: wrap;
	}
	.ex-text, .ex-wrap {
		width: 100%;
	}
	.ex-wrap {
		order: 1;
	}
	.ex-text {	
    	padding: 30px 0 0 0;
		order: 2;
	}
}
@media (max-width: 700px) {
	.excursions:before {
		top: 100px;
	}
	.excursions h2 {
		max-width: 55%;
	}
}
@media (max-width: 500px) {
	.excursions:before {
		right: -20px;
	}
	.ex-wrap {
		flex-wrap: wrap;
	}
	.ex-item {
		width: 100%;
		padding-bottom: 30px;
	}
}

.resorts {
	padding: 70px;
	position: relative;
}
.resorts:before {
	content: url('../img/egypt/long-dashed.svg');
	position: absolute;
	left: 0;
	top: 100px;
}
.resorts h2 {
	color: #2845AA;
	padding-left: 70px;
	font-size: 38px;
	line-height: 46px;
}
.resorts input {
	display: none;
}
.resorts-content {
	display: flex;
	padding-top: 50px;
}
.resorts-label-wrap {
	position: relative;
	width: 515px;
	flex-shrink: 0;
	padding-top: 30px;
}
.resorts-label-wrap img {
	display: block;
	margin: 0 auto;
}
.egypt-resorts.resorts-label-wrap img {
	width: 100%;
}
.resorts-label-wrap label {
	cursor: pointer;
	font-size: 10px;
	line-height: 13px;
	position: absolute;
	transition: .1s;
}
.resorts-label-wrap label:hover {
	color: #2845AA;
}
/* Egypt */
#res-aleksandria:checked ~ .resorts-content label[for="res-aleksandria"],
#res-portsaid:checked ~ .resorts-content label[for="res-portsaid"],
#res-kair:checked ~ .resorts-content label[for="res-kair"],
#res-nuveiba:checked ~ .resorts-content label[for="res-nuveiba"],
#res-dahab:checked ~ .resorts-content label[for="res-dahab"],
#res-sharm:checked ~ .resorts-content label[for="res-sharm"],
#res-hurgada:checked ~ .resorts-content label[for="res-hurgada"],
#res-luksor:checked ~ .resorts-content label[for="res-luksor"],
#res-marsa:checked ~ .resorts-content label[for="res-marsa"],
#res-asuan:checked ~ .resorts-content label[for="res-asuan"],
#res-abusimbel:checked ~ .resorts-content label[for="res-abusimbel"],
/* Tunisia */
#res-bizerta:checked ~ .resorts-content label[for="res-bizerta"],
#res-tabarka:checked ~ .resorts-content label[for="res-tabarka"],
#res-gammart:checked ~ .resorts-content label[for="res-gammart"],
#res-tunis:checked ~ .resorts-content label[for="res-tunis"],
#res-nabeul:checked ~ .resorts-content label[for="res-nabeul"],
#res-hammamet:checked ~ .resorts-content label[for="res-hammamet"],
#res-enfida:checked ~ .resorts-content label[for="res-enfida"],
#res-sousse:checked ~ .resorts-content label[for="res-sousse"],
#res-monastir:checked ~ .resorts-content label[for="res-monastir"],
#res-mahdia:checked ~ .resorts-content label[for="res-mahdia"],
#res-djerba:checked ~ .resorts-content label[for="res-djerba"],
#res-tozer:checked ~ .resorts-content label[for="res-tozer"],
#res-duz:checked ~ .resorts-content label[for="res-duz"] {
	color: #2845AA;
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
}
/* Egypt */
.resorts-label-wrap label[for="res-aleksandria"] {
	top: 82px;
	left: 130px;
}
#res-aleksandria:checked ~ .resorts-content label[for="res-aleksandria"] {
	top: 78px;
	left: 110px;
}
.resorts-label-wrap label[for="res-portsaid"] {
	top: 50px;
	right: 120px;
}
#res-portsaid:checked ~ .resorts-content label[for="res-portsaid"] {
	top: 45px;
	right: 100px;
}
.resorts-label-wrap label[for="res-kair"] {
	top: 125px;
	right: 180px;
}
#res-kair:checked ~ .resorts-content label[for="res-kair"] {
	top: 120px;
	right: 170px;
}
.resorts-label-wrap label[for="res-nuveiba"] {
	top: 155px;
	right: 75px;
}
#res-nuveiba:checked ~ .resorts-content label[for="res-nuveiba"] {
	top: 150px;
	right: 75px;
}
.resorts-label-wrap label[for="res-dahab"] {
	top: 195px;
	right: 80px;
}
#res-dahab:checked ~ .resorts-content label[for="res-dahab"] {
	top: 190px;
	right: 80px;
}
.resorts-label-wrap label[for="res-sharm"] {
	top: 220px;
	right: 105px;
}
#res-sharm:checked ~ .resorts-content label[for="res-sharm"] {
	top: 215px;
	right: 105px;
}
.resorts-label-wrap label[for="res-hurgada"] {
	top: 345px;
	right: 130px;
}
#res-hurgada:checked ~ .resorts-content label[for="res-hurgada"] {
	top: 340px;
	right: 130px;
}
.resorts-label-wrap label[for="res-luksor"] {
	top: 427px;
	left: 180px;
}
#res-luksor:checked ~ .resorts-content label[for="res-luksor"] {
	top: 423px;
	left: 168px;
}
.resorts-label-wrap label[for="res-marsa"] {
	top: 515px;
	right: 80px;
}
#res-marsa:checked ~ .resorts-content label[for="res-marsa"] {
	top: 510px;
	right: 80px;
}
.resorts-label-wrap label[for="res-asuan"] {
	top: 555px;
	right: 125px;
}
#res-asuan:checked ~ .resorts-content label[for="res-asuan"] {
	top: 550px;
	right: 115px;
}
.resorts-label-wrap label[for="res-abusimbel"] {
	top: 635px;
	right: 210px;
}
#res-abusimbel:checked ~ .resorts-content label[for="res-abusimbel"] {
	top: 630px;
	right: 210px;
}
/* Tunisia */
.resorts-label-wrap label[for="res-bizerta"] {
	top: 18px;
	left: 223px;
}
#res-bizerta:checked ~ .resorts-content label[for="res-bizerta"] {
	top: 13px;
	left: 218px;
}
.resorts-label-wrap label[for="res-tabarka"] {
	top: 55px;
	left: 145px;
}
#res-tabarka:checked ~ .resorts-content label[for="res-tabarka"] {
	top: 50px;
	left: 135px;
}
.resorts-label-wrap label[for="res-gammart"] {
	top: 55px;
	right: 143px;
}
#res-gammart:checked ~ .resorts-content label[for="res-gammart"] {
	top: 52px;
	right: 125px;
}
.resorts-label-wrap label[for="res-tunis"] {
	top: 78px;
	left: 270px;
}
#res-tunis:checked ~ .resorts-content label[for="res-tunis"] {
	top: 73px;
	left: 260px;
}
.resorts-label-wrap label[for="res-nabeul"] {
	top: 110px;
	right: 105px;
}
#res-nabeul:checked ~ .resorts-content label[for="res-nabeul"] {
	top: 105px;
	right: 90px;
}
.resorts-label-wrap label[for="res-hammamet"] {
	top: 130px;
	right: 110px;
}
#res-hammamet:checked ~ .resorts-content label[for="res-hammamet"] {
	top: 130px;
	right: 90px;
}
.resorts-label-wrap label[for="res-enfida"] {
	top: 150px;
	right: 135px;
}
#res-enfida:checked ~ .resorts-content label[for="res-enfida"] {
	top: 145px;
	right: 120px;
}
.resorts-label-wrap label[for="res-sousse"] {
	top: 172px;
	right: 122px;
}
#res-sousse:checked ~ .resorts-content label[for="res-sousse"] {
	top: 165px;
	right: 113px;
}
.resorts-label-wrap label[for="res-monastir"] {
	top: 192px;
	right: 88px;
}
#res-monastir:checked ~ .resorts-content label[for="res-monastir"] {
	top: 187px;
	right: 70px;
}
.resorts-label-wrap label[for="res-mahdia"] {
	top: 235px;
	right: 82px;
}
#res-mahdia:checked ~ .resorts-content label[for="res-mahdia"] {
	top: 230px;
	right: 68px;
}
.resorts-label-wrap label[for="res-djerba"] {
	top: 373px;
	right: 100px;
}
#res-djerba:checked ~ .resorts-content label[for="res-djerba"] {
	top: 368px;
	right: 90px;
}
.resorts-label-wrap label[for="res-tozer"] {
	top: 367px;
	left: 120px;
}
#res-tozer:checked ~ .resorts-content label[for="res-tozer"] {
	top: 362px;
	left: 115px;
}
.resorts-label-wrap label[for="res-duz"] {
	top: 410px;
	left: 200px;
}
#res-duz:checked ~ .resorts-content label[for="res-duz"] {
	top: 405px;
	left: 195px;
}
.resorts-text {
	padding: 80px;
	margin-left: 20px;
	background-size: cover;
	background-position: 50% 50%;
}
.resorts-text h3 {
	font-size: 30px;
	line-height: 38px;
	font-weight: bold;
	margin-top: 15px;
}
.resorts-text-item {
	opacity: 0;
	display: none;
	background-color: rgba(255,255,255,.8);
	padding: 30px 30px 100px 120px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 65%);
}
/* Egypt */
#res-main.egypt-main:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/main.jpg');
}
#res-aleksandria:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/aleksandria.jpg');
}
#res-portsaid:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/portsaid.jpg');
}
#res-kair:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/kair.jpg');
}
#res-nuveiba:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/nuveiba.jpg');
}
#res-dahab:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/dahab.jpg');
}
#res-sharm:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/sharm.jpg');
}
#res-hurgada:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/hurgada.jpg');
}
#res-luksor:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/luksor.jpg');
}
#res-marsa:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/marsa.jpg');
}
#res-asuan:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/asuan.jpg');
}
#res-abusimbel:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/egypt/resorts/abusimbel.jpg');
}
/* Tunisia */
#res-main.tunisia-main:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/main.jpg');
}
#res-bizerta:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/bizerta.jpg');
}
#res-tabarka:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/tabarka.jpg');
}
#res-gammart:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/gammart.jpg');
}
#res-tunis:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/tunis.jpg');
}
#res-nabeul:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/nabeul.jpg');
}
#res-hammamet:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/hammamet.jpg');
}
#res-sousse:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/sousse.jpg');
}
#res-enfida:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/enfida.jpg');
}
#res-monastir:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/monastir.jpg');
}
#res-mahdia:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/mahdia.jpg');
}
#res-djerba:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/djerba.jpg');
}
#res-tozer:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/tozer.jpg');
}
#res-duz:checked ~ .resorts-content .resorts-text {
	background-image: url('../img/tunisia/resorts/duz.jpg');
}
/* Egypt */
#res-main:checked ~ .resorts-content .resorts-text-main,
#res-aleksandria:checked ~ .resorts-content .resorts-text-aleksandria,
#res-portsaid:checked ~ .resorts-content .resorts-text-portsaid,
#res-kair:checked ~ .resorts-content .resorts-text-kair,
#res-nuveiba:checked ~ .resorts-content .resorts-text-nuveiba,
#res-dahab:checked ~ .resorts-content .resorts-text-dahab,
#res-sharm:checked ~ .resorts-content .resorts-text-sharm,
#res-hurgada:checked ~ .resorts-content .resorts-text-hurgada,
#res-luksor:checked ~ .resorts-content .resorts-text-luksor,
#res-marsa:checked ~ .resorts-content .resorts-text-marsa,
#res-asuan:checked ~ .resorts-content .resorts-text-asuan,
#res-abusimbel:checked ~ .resorts-content .resorts-text-abusimbel,
/* Tunisia */
#res-main:checked ~ .resorts-content .resorts-text-main,
#res-bizerta:checked ~ .resorts-content .resorts-text-bizerta,
#res-tabarka:checked ~ .resorts-content .resorts-text-tabarka,
#res-gammart:checked ~ .resorts-content .resorts-text-gammart,
#res-tunis:checked ~ .resorts-content .resorts-text-tunis,
#res-nabeul:checked ~ .resorts-content .resorts-text-nabeul,
#res-hammamet:checked ~ .resorts-content .resorts-text-hammamet,
#res-enfida:checked ~ .resorts-content .resorts-text-enfida,
#res-sousse:checked ~ .resorts-content .resorts-text-sousse,
#res-monastir:checked ~ .resorts-content .resorts-text-monastir,
#res-mahdia:checked ~ .resorts-content .resorts-text-mahdia,
#res-djerba:checked ~ .resorts-content .resorts-text-djerba,
#res-tozer:checked ~ .resorts-content .resorts-text-tozer,
#res-duz:checked ~ .resorts-content .resorts-text-duz {
	display: block;
	animation: opacity 1s linear forwards;
}
@media (max-width: 1600px) {
	.resorts {
		padding: 70px 15px;
	}
	.resorts:before {
		left: -70px;
	}
	.resorts h2 {
		padding-left: 0;
	}
	.resorts-text {
		padding: 60px;
	}
	.resorts-text-item {
		padding: 20px 20px 70px 90px;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 75%);
	}
}
@media (max-width: 1400px) {
	.resorts-text {
		padding: 40px;
	}
	.resorts-text-item {
		padding: 20px 20px 50px 70px;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 15% 100%, 0 80%);
	}
}
@media (max-width: 1199px) {
	.resorts-label-wrap {
		width: 365px;
		padding-top: 0;
		margin-top: 30px;
	}
	/* Egypt */
	.resorts-label-wrap label[for="res-aleksandria"] {
		top: 33px;
		left: 73px;
	}
	#res-aleksandria:checked ~ .resorts-content label[for="res-aleksandria"] {
		top: 26px;
		left: 60px;
	}
	.resorts-label-wrap label[for="res-portsaid"] {
		top: 10px;
		right: 70px;
	}
	#res-portsaid:checked ~ .resorts-content label[for="res-portsaid"] {
		top: 5px;
		right: 50px;
	}
	.resorts-label-wrap label[for="res-kair"] {
		top: 65px;
		right: 120px;
	}
	#res-kair:checked ~ .resorts-content label[for="res-kair"] {
		top: 60px;
		right: 110px;
	}
	.resorts-label-wrap label[for="res-nuveiba"] {
		top: 85px;
		right: 55px;
	}
	#res-nuveiba:checked ~ .resorts-content label[for="res-nuveiba"] {
		top: 82px;
		right: 58px;
	}
	.resorts-label-wrap label[for="res-dahab"] {
		top: 112px;
		right: 60px;
	}
	#res-dahab:checked ~ .resorts-content label[for="res-dahab"] {
		top: 107px;
		right: 60px;
	}
	.resorts-label-wrap label[for="res-sharm"] {
		top: 135px;
		right: 80px;
	}
	#res-sharm:checked ~ .resorts-content label[for="res-sharm"] {
		top: 130px;
		right: 80px;
	}
	.resorts-label-wrap label[for="res-hurgada"] {
		top: 218px;
		right: 92px;
	}
	#res-hurgada:checked ~ .resorts-content label[for="res-hurgada"] {
		top: 213px;
		right: 92px;
	}
	.resorts-label-wrap label[for="res-luksor"] {
		top: 277px;
		left: 118px;
	}
	#res-luksor:checked ~ .resorts-content label[for="res-luksor"] {
		top: 272px;
		left: 107px;
	}
	.resorts-label-wrap label[for="res-marsa"] {
		top: 340px;
		right: 60px;
	}
	#res-marsa:checked ~ .resorts-content label[for="res-marsa"] {
		top: 335px;
		right: 60px;
	}
	.resorts-label-wrap label[for="res-asuan"] {
		top: 368px;
		right: 80px;
	}
	#res-asuan:checked ~ .resorts-content label[for="res-asuan"] {
		top: 365px;
		right: 70px;
	}
	.resorts-label-wrap label[for="res-abusimbel"] {
		top: 430px;
		right: 158px;
	}
	#res-abusimbel:checked ~ .resorts-content label[for="res-abusimbel"] {
		top: 425px;
		right: 158px;
	}
	.resorts-text {
		padding: 30px;
	}
	.resorts-text-item {
		padding: 10px 20px;
		clip-path: none;
	}
}
@media (min-width: 1001px) and (max-width: 1199px) {
	/* Tunisia */
	.resorts-label-wrap label[for="res-bizerta"] {
		top: -14px;
		left: 150px;
	}
	#res-bizerta:checked ~ .resorts-content label[for="res-bizerta"] {
		top: -18px;
		left: 135px;
	}
	.resorts-label-wrap label[for="res-tabarka"] {
		top: 23px;
		left: 75px;
	}
	#res-tabarka:checked ~ .resorts-content label[for="res-tabarka"] {
		top: 17px;
		left: 60px;
	}
	.resorts-label-wrap label[for="res-gammart"] {
		top: 26px;
		right: 72px;
	}
	#res-gammart:checked ~ .resorts-content label[for="res-gammart"] {
		top: 22px;
		right: 56px;
	}
	.resorts-label-wrap label[for="res-tunis"] {
		top: 48px;
		left: 195px;
	}
	#res-tunis:checked ~ .resorts-content label[for="res-tunis"] {
		top: 43px;
		left: 185px;
	}
	.resorts-label-wrap label[for="res-nabeul"] {
		top: 77px;
		right: 28px;
	}
	#res-nabeul:checked ~ .resorts-content label[for="res-nabeul"] {
		top: 73px;
		right: 18px;
	}
	.resorts-label-wrap label[for="res-hammamet"] {
		top: 100px;
		right: 35px;
	}
	#res-hammamet:checked ~ .resorts-content label[for="res-hammamet"] {
		top: 100px;
		right: 15px;
	}
	.resorts-label-wrap label[for="res-enfida"] {
		top: 120px;
		right: 60px;
	}
	#res-enfida:checked ~ .resorts-content label[for="res-enfida"] {
		top: 115px;
		right: 45px;
	}
	.resorts-label-wrap label[for="res-sousse"] {
		top: 143px;
		right: 47px;
	}
	#res-sousse:checked ~ .resorts-content label[for="res-sousse"] {
		top: 140px;
		right: 34px;
	}
	.resorts-label-wrap label[for="res-monastir"] {
		top: 162px;
		right: 15px;
	}
	#res-monastir:checked ~ .resorts-content label[for="res-monastir"] {
		top: 158px;
		right: 0;
	}
	.resorts-label-wrap label[for="res-mahdia"] {
		top: 202px;
		right: 10px;
	}
	#res-mahdia:checked ~ .resorts-content label[for="res-mahdia"] {
		top: 197px;
		right: -5px;
	}
	.resorts-label-wrap label[for="res-djerba"] {
		top: 342px;
		right: 30px;
	}
	#res-djerba:checked ~ .resorts-content label[for="res-djerba"] {
		top: 337px;
		right: 20px;
	}
	.resorts-label-wrap label[for="res-tozer"] {
		top: 338px;
		left: 45px;
	}
	#res-tozer:checked ~ .resorts-content label[for="res-tozer"] {
		top: 333px;
		left: 37px;
	}
	.resorts-label-wrap label[for="res-duz"] {
		top: 380px;
		left: 125px;
	}
	#res-duz:checked ~ .resorts-content label[for="res-duz"] {
		top: 375px;
		left: 118px;
	}
}
@media (max-width: 1000px) {
	.resorts {
		padding: 40px 15px;
	}
	.resorts:before {
		left: auto;
		right: 7vw;
	}
	.resorts-content {
		flex-wrap: wrap;
	}
	.resorts-label-wrap {
		margin: 0 auto;
	}
	.resorts-label-wrap.tunisia-label-wrap {
		width: 515px;
		padding-top: 30px;
	}
	.resorts-text {
		width: 100%;
		margin-left: 0;
		margin-top: 25px;
	}
	.resorts-text-item {
		padding: 20px 20px 70px 90px;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 75%);
	}
}
@media (max-width: 500px) {
	.resorts h2 {
		max-width: 55%;
	}
	.resorts:before {
		right: -20px;
		top: 155px;
	}
	.resorts-label-wrap.tunisia-label-wrap {
		left: -18vw;
	}
	.resorts-text {
		padding: 15px;
	}
	.resorts-text-item {
		clip-path: none;
		padding: 15px 25px;
	}
}
@media (max-width: 400px) {
	.resorts-label-wrap.tunisia-label-wrap {
		left: -130px;
	}
}
@media (max-width: 360px) {
	.resorts-label-wrap {
		left: -40px;
	}
}

.hotels {
	padding: 70px;
	position: relative;
}
.hotels:before {
	content: url('../img/egypt/short-dashed.svg');
	position: absolute;
	left: 0;
	top: 100px;
}
.hotels h2 {
	color: #2845AA;
	padding-left: 70px;
	font-size: 38px;
	line-height: 46px;
}
.hotels-content {
	background-image: url('../img/egypt/hotel-fon.jpg');
	background-size: cover;
	background-position: 50% 50%;
	padding: 150px 50px 50px;
	margin-top: 130px;
	display: flex;
}
.egypt-hotels-content {
	background-image: url('../img/egypt/hotel-fon.jpg');
}
.tunisia-hotels-content {
	background-image: url('../img/tunisia/hotel-fon.jpg');
}
.hotels-text {
	width: 55%;
	margin-left: auto;
	padding: 30px 100px 80px 45px;
	background-color: rgba(255,255,255,.8);
	clip-path: polygon(0 0, 100% 0, 100% 60%, 80% 100%, 0 100%);
}
@media (max-width: 1600px) {
	.hotels {
		padding: 70px 15px;
	}
	.hotels h2 {
		padding-left: 0;
	}
	.hotels-content {
		margin-top: 100px;
	}
}
@media (max-width: 1199px) {
	.hotels {
		padding: 25px 15px;
	}
	.hotels:before {
		top: 55px;
	}
	.hotels-content {
		padding: 50px;
	}
	.hotels-text {
		width: 100%;
	}
}
@media (max-width: 1000px) {
	.hotels-content {
		padding: 30px;
	}
}
@media (max-width: 600px) {
	.hotels:before {
		left: auto;
		right: 7vw;
	}
}
@media (max-width: 500px) {
	.hotels:before {
		right: -20px;
	}
	.hotels-content {
		padding: 15px;
	}
	.hotels-text {
		clip-path: none;
		padding: 10px 25px;
	}
}

.blue-line {
	height: 15px;
	background-color: #2845AA;
	margin: 50px 0 35px;
}

.foot-logo {
	width: 40%;
	padding: 0 25px;
}
.foot-logo img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	position: relative;
	top: 20px;
}
@media (max-width: 1000px) {
	.foot-logo {
		width: 100%;
	}
	.foot-logo img {
		position: static;
	}
}

/* about */
.about-destination {
	position: relative;
	padding: 50px 0;
}
.about-destination:before {
	content: url(../img/about/dashed-title.svg);
	position: absolute;
	left: 0;
	top: 90px;
}
.about-destination h2 {
    color: #2845AA;
    padding-left: 100px;
    font-size: 38px;
    line-height: 46px;
}
.about-destination-slogan {
	max-width: 1630px;
	margin: 0 auto;
	padding: 75px 15px 25px;
	font-size: 28px;
	line-height: 36px;
}
.about-countries {
	position: relative;
	margin-bottom: 50px;
}
.about-countries:after {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	margin: auto;
	height: 55%;
	background-color: #2845AA;
}
.about-countries-container {
	max-width: 1710px;
}
.about-countries img {
	display: block;
}
.about-description {
	max-width: 1710px;
	margin: 0 auto;
	background-image: url('../img/about/description.jpg');
	background-size: cover;
	background-position: 50% 50%;
	padding: 205px 430px 40px 60px;
}
.about-description-text {
	background-color: rgba(255,255,255,.9);
	padding: 100px 120px 130px 120px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 65%);
	font-size: 25px;
	line-height: 33px;
}
@media (max-width: 1400px) {
	.about-description {
		padding: 150px 200px 40px 60px;
	}
}
@media (max-width: 1199px) {
	.about-destination h2 {
	    padding-left: 15px;
	}
	.about-description {
		padding: 100px 150px 40px 60px;
	}
	.about-description-text {
		padding: 70px 70px 120px 100px;
	}
}
@media (max-width: 800px) {
	.about-description {
		padding: 40px 60px;
	}
	.about-destination:before {
		left: auto;
    	right: 7vw;
	}
}
@media (max-width: 600px) {
	.about-description {
		padding: 20px 40px;
	}
	.about-description-text {
		clip-path: none;
		padding: 30px;
		font-size: 20px;
		line-height: 28px;
	}
	.about-destination-slogan {
		font-size: 20px;
		line-height: 28px;
	}
}
@media (max-width: 500px) {
	.about-destination h2 {
		max-width: 55%;
		margin-top: 0;
	}
	.about-destination:before {
		right: -20px;
		top: 110px;
	}
	.about-destination-slogan {
		padding: 55px 15px 25px;;
	}
}
@media (max-width: 400px) {
	.about-description {
		padding: 10px 25px;
	}
}

.about-uslugi h2 {
	text-align: center;
	position: relative;
	font-size: 50px;
	line-height: 60px;
}
.about-uslugi h2:before {
	content: '';
	display: block;
	background-color: #2845AA;
	height: 15px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.about-uslugi h2 span {
	display: inline-block;
	background-color: #fff;
	position: relative;
	top: -3px;
	padding: 50px;
}
.about-uslugi-wrap {
	max-width: 1770px;
	padding: 0 15px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1%;
}
.about-uslugi-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	width: 19%;
}
.about-uslugi-item img {
	max-width: 100%;
}
.about-uslugi-item span {
	display: inline-block;
	font-size: 28px;
	line-height: 36px;
	padding-top: 10px;
}
@media (max-width: 1400px) {
	.about-uslugi-item {
		width: 17%;
	}
	.about-uslugi-item span {
		display: inline-block;
		font-size: 22px;
		line-height: 30px;
	}
}
@media (max-width: 1199px) {
	.about-uslugi h2 {
		font-size: 40px;
		line-height: 50px;
	}
	.about-uslugi h2 span {
		padding: 30px;
	}
	.about-uslugi-item {
		width: 15%;
	}
	.about-uslugi-item span {
		display: inline-block;
		font-size: 18px;
		line-height: 24px;
	}
}
@media (max-width: 800px) {
	.about-uslugi-wrap {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.about-uslugi-item {
		width: 25%;
		margin: 2% 3%;
	}
}
@media (max-width: 500px) {
	.about-uslugi h2 {
		font-size: 30px;
		line-height: 40px;
	}
	.about-uslugi h2 span {
		padding: 15px;
	}
	.about-uslugi-item {
		width: 35%;
		margin: 5% 2%;
	}
}

.dashed-block-big {
	position: relative;
	margin-top: 100px;
}
.dashed-block-big:before {
	content: url('../img/about/dashed-1.png');
	position: absolute;
	left: 0;
	top: 0;
}
.dashed-block-big-content {
	max-width: 1740px;
	margin: 0 auto;
	padding-top: 130px;
	position: relative;
	display: flex;
}
.dashed-block-big-pic {
	flex-shrink: 0;
	position: relative;
}
.dashed-block-big-pic:after {
	content: url('../img/about/pic-2.jpg');
	position: absolute;
	bottom: -240px;
	right: -250px;
}
.dashed-block-big-pic img {
	max-width: 100%;
}
.dashed-block-big-text {
	padding: 20px 130px 0 135px;
	font-size: 28px;
	line-height: 36px;
}
.dashed-block-small {
	max-width: 1670px;
	float: right;
	padding: 460px 15px 320px;
	position: relative;
}
.dashed-block-small:before {
	content: url('../img/about/dashed-2.png');
	position: absolute;
	left: 0;
	top: 0;
}
.dashed-block-small-item {
	display: flex;
	align-items: center;
	padding: 55px 0;
}
.dashed-block-small-pic {
	margin: 0 285px 0 15px;
	flex-shrink: 0;
}
.dashed-block-small-pic img {
	max-width: 100%;
	position: relative;
}
.dashed-block-small-text h3 {
    color: #2845AA;
    font-size: 38px;
    line-height: 46px;
}
.dashed-block-small-text {
	font-size: 28px;
	line-height: 36px;
	padding-right: 150px;
}
@media (max-width: 1600px) {
	.dashed-block-big-text {
	    padding: 20px 15px 0 55px;
	}
	.dashed-block-big-pic:after {
		bottom: -300px;
		right: -320px;
	}
	.dashed-block-small-text {
		padding-right: 0;
	}
}
@media (max-width: 1400px) {
	.dashed-block-big:before,
	.dashed-block-small:before {
		opacity: .4;
	}
	.dashed-block-big-pic {
		width: 600px;
	}
	.dashed-block-big-pic:after {
		bottom: auto;
		right: auto;
		top: 320px;
		left: 60px;
		z-index: 1;
	}
	.dashed-block-small {
	    float: none;
	    padding: 400px 15px 180px;
	}
}
@media (max-width: 1199px) {
	.dashed-block-small {
		padding: 300px 15px 180px;
	}
	.dashed-block-small:before {
		left: 10vw;
	}
	.dashed-block-small-pic {
		margin: 0 60px 0 15px;
	}
}
@media (max-width: 1000px) {
	.dashed-block-big-content {
		flex-wrap: wrap;
		padding-top: 0;
	}
	.dashed-block-big-text {
		order: 1;
		padding: 15px;
	}
	.dashed-block-big-pic {
		order: 2;
	}
	.dashed-block-big-pic:after {
	    top: 170px;
	    left: auto;
	    right: -330px;
	}
	.dashed-block-small {
	    padding: 150px 15px;
	}
	.dashed-block-small-item {
		flex-wrap: wrap;
		padding: 0;
	}
	.dashed-block-small-pic {
		width: 100%;
		order: 2;
		margin: 0;
	}
	.dashed-block-small-pic img {
		margin: 0 auto;
		display: block;
	}
	.dashed-block-small-text {
		width: 100%;
		order: 1;
	}
}
@media (max-width: 800px) {
	.dashed-block-big-pic {
		width: 100%;
	}
	.dashed-block-big-pic:after {
		display: none;
	}
	.dashed-block-small {
	    padding: 20px 15px 150px;
	}
}
@media (max-width: 600px) {
	.dashed-block-small {
	    padding: 20px 15px 80px;
	}
	.dashed-block-big-text,
	.dashed-block-small-text {
		font-size: 20px;
		line-height: 28px;
	}
}

/* servicies */
.services-container {
	max-width: 1770px;
	margin: 0 auto;
	padding: 0 15px;
}
.hotel-services-description {
	font-size: 25px;
	line-height: 33px;
}
.hotel-services h2 {
	padding: 0 0 100px 0;
}
.services-description {
	max-width: 1740px;
	margin: 0 auto;
	background-image: url('../img/services/serv-pic.jpg');
	background-size: cover;
	background-position: 50% 50%;
	padding: 150px 430px 60px 60px;
}
.services-description-text {
	background-color: rgba(255,255,255,.9);
	padding: 50px 120px 130px 120px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 65%);
	font-size: 25px;
	line-height: 33px;
}
.services-dest {
	padding-top: 0;
}
.servicies-countries {
	padding-top: 30px;
}
@media (max-width: 1199px) {
	.services-description {
		padding: 100px 150px 40px 60px;
	}
	.services-description-text {
		padding: 70px 70px 120px 100px;
	}
}
@media (max-width: 800px) {
	.services-description {
		padding: 40px 60px;
	}
}
@media (max-width: 600px) {
	.hotel-services-description {
		font-size: 20px;
		line-height: 28px;
	}
	.hotel-services:before {
		top: 130px;
	}
	.hotel-services h2 {
		max-width: 60%;
		padding: 0 0 70px 0;
	}
	.services-description {
		padding: 20px 40px;
	}
	.services-description-text {
		clip-path: none;
		padding: 30px;
		font-size: 20px;
		line-height: 28px;
	}
}
@media (max-width: 400px) {
	.services-description {
		padding: 10px 25px;
	}
}

.services-transport {
	position: relative;
	margin: 100px 0;
}
.services-transport:before {
	content: url(../img/services/dashed-title-big.svg);
    position: absolute;
    left: 0;
    top: 0;
}
.services-transport:after {
	content: url(../img/services/dashed-1.png);
    position: absolute;
    right: 20px;
    top: 550px;
}
.services-transport h2 {
	color: #2845AA;
    font-size: 38px;
    line-height: 46px;
}
.services-transport {
	font-size: 25px;
	line-height: 33px;
}
.services-transport-content {
	padding-bottom: 100px;
}
.services-transport-content-first {
	padding-top: 50px;
	width: 68%;
}
.services-transport-content-pics {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 140px;
	position: relative;
	z-index: 2;
}
.services-transport-content-pics:before {
	content: '';
	display: block;
	width: 60%;
	padding-top: 32.7%;
	background-color: #2845AA;
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: -1;
}
.services-transport-content-pics img {
	width: 100%;
}
.services-transport-pic-1 {
	width: 23%;
}
.services-transport-pic-2 {
	width: 43%;
}
.services-transport-pic-3 {
	width: 22%;
	position: relative;
	top: -530px;
}
.services-transport-p-padding {
	padding: 30px 0;
}
.services-transport-plus-one {
	position: relative;
	padding: 70px 0 70px 40px;
	max-width: 1200px;
}
.services-transport-plus-one:before {
	content: url('../img/services/1.svg');
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 145px;
	margin: auto;
}
.services-transport-plus-two {
	display: flex;
	align-items: center;
	padding: 40px 0;
}
.services-transport-plus-two img {
	flex-shrink: 0;
	align-self: center;
	margin-right: 150px;
}
.services-transport-plus-two p {
	max-width: 980px;
	position: relative;
}
.services-transport-plus-two p:before {
	content: url('../img/services/2.svg');
	position: absolute;
	height: 145px;
	left: -75px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.services-transport-plus-three {
	position: relative;
	padding: 70px 0 70px 80px;
	max-width: 1200px;
}
.services-transport-plus-three:before {
	content: url('../img/services/3.svg');
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 150px;
	margin: auto;
}
.services-transport-plus-four {
	display: flex;
	align-items: center;
	padding: 100px 0 50px;
}
.services-transport-plus-four img {
	flex-shrink: 0;
	margin-left: 100px;
}
@media (max-width: 1600px) {
	.services-transport:after {
		opacity: .4;
		display: none;
	}
}
@media (max-width: 1400px) {
	.services-transport-content-first {
		width: 75%;
		margin-bottom: 0;
	}
	.services-transport-content-pics {
		padding-top: 90px;
	}
	.services-transport-pic-3 {
		top: -420px;
	}
	.services-transport-plus-four {
		display: flex;
		align-items: center;
		padding: 0;
	}
}
@media (max-width: 1199px) {
	.services-transport-content-first {
		width: 100%;
	}
	.services-transport-pic-3 {
		position: static;
	}
	.services-transport-plus-four img {
		width: 55%;
		margin-left: 3%;
	}
}
@media (max-width: 900px) {
	.services-transport-content {
		padding-bottom: 20px;
	}
	.services-transport-plus-one {
		padding: 0 0 0 40px;
	}
	.services-transport-plus-two {
		flex-wrap: wrap;
		padding: 15px 0;
	}
	.services-transport-plus-two img {
		max-width: 100%;
		margin: auto;
	}
	.services-transport-plus-two p {
		padding-left: 40px;
	}
	.services-transport-plus-two p:before {
		left: 0;
	}
	.services-transport-plus-three {
		padding: 0 0 0 40px;
	}
}
@media (max-width: 800px) {
	.services-transport:before {
	    left: auto;
	    right: 7vw;
	    top: 50px;
	}
	.services-transport h2 {
		max-width: 55%;
	}
	.services-transport-plus-four {
		flex-wrap: wrap;
	}
	.services-transport-plus-four img {
		width: auto;
		max-width: 100%;
		margin: auto;
	}
}
@media (max-width: 600px) {
	.services-transport {
		margin: 50px 0;
		font-size: 20px;
		line-height: 28px;
	}
}
@media (max-width: 500px) {
	.services-transport:before {
	    right: -20px;
	}
}
@media (max-width: 400px) {
	.services-transport:before {
	    right: -60px;
	}
}

.services-ex {
	position: relative;
	font-size: 25px;
	line-height: 33px;
}
.services-ex h2 {
	color: #2845AA;
    font-size: 38px;
    line-height: 46px;
}
.services-ex:before {
	content: url(../img/services/dashed-title-small.svg);
    position: absolute;
    left: 0;
    top: 0;
}
.services-ex-firstblock {
	display: flex;
	align-items: center;
	padding: 50px 0;
}
.services-ex-firstblock-pic {
	flex-shrink: 0;
}
.services-ex-firstblock-pic img {
	max-width: 100%;
}
.services-ex-firstblock-text {
	padding-right: 100px;
	position: relative;
}
.dashed-top,
.dashed-bottom {
	background: url('../img/services/dashed-blue.png') repeat;
	height: 3.5px;
	position: absolute;
	width: 150%;
	left: -50%;
}
.dashed-top {
	top: -70px;
}
.dashed-bottom {
	bottom: -70px;
}
.services-ex-firstblock-text:after {
	content: '';
	display: block;
	width: 20px;
	background: url('../img/services/dashed-white.png') no-repeat;
	background-size: contain;
	position: absolute;
	top: -71px;
	bottom: -71px;
	right: -35px;
}
.services-ex-firstblock-text .dashed-top + p {
	padding-bottom: 20px;
}
.services-ex-title {
	text-align: center;
    font-size: 40px;
    line-height: 50px;
    position: relative;
}
.services-ex-title span {
	position: relative;
    display: inline-block;
    padding: 0 50px;
    background-color: #fff;
}
.services-ex-title:before {
	content: '';
    display: block;
    height: 15px;
    background-color: #2845AA;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
}
.services-nums-wrap {
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
	padding-left: 35px;
}
.services-nums-wrap:before,
.services-nums-wrap:after {
	content: '';
	height: 4.5px;
	width: 200px;
	position: absolute;
	background-image: url('../img/services/dashed-blue2.png');
	left: -146px;
}
.services-nums-wrap:before {
	top: -2px;
}
.services-nums-wrap:after {
	bottom: 0;
}
.services-ex-item {
	position: relative;
	display: flex;
	align-items: center;
	padding: 38px 0;
}
.services-ex-item:before {
	content: url('../img/services/mark.svg');
	position: absolute;
	height: 104px;
}
.services-ex-item-one:before,
.services-ex-item-three:before,
.services-ex-item-five:before,
.services-ex-item-seven:before {
	left: -36px;
}
.services-ex-item-two:before,
.services-ex-item-four:before,
.services-ex-item-six:before {
	right: -32px;
}
.services-ex-item-one:before {
	top: -40px;
}
.services-ex-item-seven:before {
	bottom: 0;
}
.dashed-item-bottom {
	height: 4.5px;
	width: 100%;
	position: absolute;
	background: url('../img/services/dashed-blue.png') repeat;
	left: -4px;
	bottom: 0;
}
.dashed-item-left,
.dashed-item-right {
	height: 102%;
	position: absolute;
	bottom: 0;
	background: url('../img/services/dashed-blue3.png');
}
.dashed-item-left {
	width: 4.5px;
	left: -1px;
}
.dashed-item-right {
	width: 4px;
	right: 4px;
}
.services-ex-item img {
	flex-shrink: 0;
	max-width: 100%;
}
.services-ex-item p {
	position: relative;
	margin: 0 100px;
}
.services-ex-item p:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.services-ex-item-one p {
	padding-left: 40px;
}
.services-ex-item-one p:before {
	height: 144px;
	content: url('../img/services/1.svg');
}
.services-ex-item-two p {
	padding-left: 50px;
}
.services-ex-item-two p:before {
	height: 146px;
	content: url('../img/services/2.svg');
}
.services-ex-item-three p {
	padding-left: 70px;
}
.services-ex-item-three p:before {
	height: 149px;
	content: url('../img/services/3.svg');
}
.services-ex-item-four p {
	padding-left: 70px;
}
.services-ex-item-four p:before {
	height: 143px;
	content: url('../img/services/4.svg');
}
.services-ex-item-five p {
	padding-left: 70px;
}
.services-ex-item-five p:before {
	height: 146px;
	content: url('../img/services/5.svg');
}
.services-ex-item-six p {
	padding-left: 60px;
}
.services-ex-item-six p:before {
	height: 148px;
	content: url('../img/services/6.svg');
}
.services-ex-item-seven p {
	padding-left: 50px;
}
.services-ex-item-seven p:before {
	height: 142px;
	content: url('../img/services/7.svg');
}
@media (max-width: 1600px) {
	.services-ex-firstblock-text {
		padding-right: 50px;
	}
	.services-ex-firstblock-text .dashed-top + p {
		padding-bottom: 0;
	}
}
@media (max-width: 1400px) {
	.services-ex {
		margin: 120px 0;
	}
	.dashed-top {
		top: 0;
	}
	.dashed-bottom {
		bottom: 0;
	}
	.services-ex-firstblock-text:after {
		top: -1px;
		bottom: -1px;
	}
}
@media (max-width: 1300px) {
	.dashed-top {
		top: 150px;
		opacity: .4;
	}
	.dashed-bottom {
		bottom: 150px;
		opacity: .4;
	}
	.services-ex-firstblock-text:after {
		top: 149px;
		bottom: 149px;
	}
}
@media (max-width: 1199px) {
	.services-ex-firstblock {
		flex-wrap: wrap;
	}
	.services-ex-firstblock-text {
		padding: 0;
		margin: 50px 0;
	}
	.services-ex-firstblock-pic {
		width: 100%;
		padding-top: 30px;
		text-align: center;
	}
	.services-ex-firstblock-text:after {
		display: none;
	}
	.dashed-top {
		top: -25px;
		opacity: 1;
		width: 100%;
		left: 0;
	}
	.dashed-bottom {
		bottom: -25px;
		opacity: 1;
		width: 100%;
		left: 0;
	}
	.services-ex-item p {
		margin: 0 50px;
	}
}
@media (max-width: 1000px) {
	.services-ex-item {
		flex-wrap: wrap;
	}
	.services-ex-item img {
		margin: auto;
	}
	.services-ex-item p {
		margin: 20px 30px;
	}
	.services-ex-item-one img,
	.services-ex-item-three img,
	.services-ex-item-five img,
	.services-ex-item-seven img {
		order: 1;
	}
	.services-ex-item-one p,
	.services-ex-item-three p,
	.services-ex-item-five p,
	.services-ex-item-seven p {
		order: 2;
	}
	.dashed-item-left,
	.dashed-item-right {
		height: 101%;
	}
	.services-nums-wrap {
		padding-left: 15px;
	}
	.services-nums-wrap:before,
	.services-nums-wrap:after {
		display: none;
	}
}
@media (max-width: 600px) {
	.services-ex {
		font-size: 20px;
		line-height: 28px;
	}
	.services-ex:before {
	    left: auto;
	    right: 7vw;
	}
	.dashed-top {
		display: none;
	}
	.services-ex-firstblock-text {
		margin-top: 0;
	}
	.services-ex-title {
	    font-size: 32px;
	    line-height: 40px;
	}
	.services-ex-title span {
	    padding: 0 30px;
	}
	.services-ex-title br {
		display: none;
	}
}
@media (max-width: 500px) {
	.services-nums-wrap {
		margin-top: -20px;
		margin-bottom: 0;
	}
	.services-ex-item-one img,
	.services-ex-item-three img,
	.services-ex-item-five img,
	.services-ex-item-seven img {
		padding-left: 15px;
	}
	.services-ex-item-two img,
	.services-ex-item-four img,
	.services-ex-item-six img {
		padding-right: 15px;
	}
	.services-ex-item-one p,
	.services-ex-item-three p,
	.services-ex-item-five p,
	.services-ex-item-seven p {
		margin: 10px 0 0 15px;
		padding: 0;
	}
	.services-ex-item-two p,
	.services-ex-item-four p,
	.services-ex-item-six p {
		margin: 10px 15px 0 0;
		padding: 0;
	}
	.services-ex-item p:before {
		left: 0;
		right: 0;
		width: 100px;
		text-align: center;
	}
	.services-ex-item:before {
		display: none;
	}
}

.services-dosug {
	position: relative;
	font-size: 25px;
	line-height: 33px;
	margin: 120px 0;
}
.services-dosug h2 {
	color: #2845AA;
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 100px;
}
.services-dosug:before {
	content: url(../img/services/dashed-title-small.svg);
    position: absolute;
    left: 0;
    top: 0;
}
.services-dosug-wrap {
	display: flex;
	align-items: center;
	position: relative;
	margin: 30px 0;
}
.services-dosug-wrap:before {
	content: '';
	display: block;
	width: 150px;
	height: 100%;
	background-color: #2845AA;
	position: absolute;
	top: 0;
	left: -150px;
}
.services-dosug-text {
	padding: 0 75px 0 50px;
	order: 1;
}
.services-dosug-text p {
	margin: 40px 0;
}
.services-dosug-pic {
	flex-shrink: 0;
	order: 2;
}
.services-dosug-pic img {
	max-width: 100%;
}
@media (max-width: 1400px) {
	.services-dosug-text {
		padding: 0 35px 0;
	}
	.services-dosug-text p {
		margin: 20px 0;
	}
}
@media (max-width: 1199px) {
	.services-dosug-wrap {
		display: block;
	}
	.services-dosug-pic {
		float: right;
		margin-left: 15px;
	}
}
@media (max-width: 1000px) {
	.services-dosug-pic {
		width: 45%;
	}
}
@media (max-width: 800px) {
	.services-dosug-text {
		padding: 0 0 0 15px;
	}
	.services-dosug-pic {
		float: none;
		width: 100%;
		text-align: center;
	}
}
@media (max-width: 600px) {
	.services-dosug {
		font-size: 20px;
		line-height: 28px;
	}
	.services-dosug:before {
	    left: auto;
	    right: 7vw;
	}
}

.services-mice {
	position: relative;
	margin: 100px 0;
	font-size: 25px;
	line-height: 33px;
}
.services-mice:before {
	content: url(../img/services/dashed-title-mice.svg);
    position: absolute;
    left: 0;
    top: 0;
}
.services-mice:after {
	content: url(../img/services/dashed-mice.png);
	position: absolute;
    left: -10px;
    top: 350px;
}
.services-mice h2 {
	color: #2845AA;
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 120px;
}
.services-mice-wrap {
	display: flex;
	justify-content: space-between;
}
.top-mice-wrap {
	padding-top: 80px;
	align-items: center;
}
.bottom-mice-wrap {
	padding: 140px 0 80px;
}
.bottom-mice-wrap .services-mice-text {
	padding-top: 100px;
}
.services-mice-text {
	width: 37%;
}
.services-mice-text p {
	margin: 50px 0;
}
.services-mice-clip-block {
	width: 57%;
	background-size: cover;
	background-position: 50% 50%;
	padding: 120px 80px;
	position: relative;
	z-index: 2;
}
.top-mice-wrap .services-mice-clip-block {
	background-image: url('../img/services/mice-1.jpg');
}
.bottom-mice-wrap .services-mice-clip-block {
	background-image: url('../img/services/mice-2.jpg');
}
.services-mice-clip-content {
	background-color: rgba(255,255,255,.8);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 65%);
	padding: 45px 50px 100px 115px;
}
@media (max-width: 1600px) {
	.bottom-mice-wrap {
		padding: 80px 0 30px;
	}
	.bottom-mice-wrap .services-mice-text {
		padding-top: 0;
	}
}
@media (max-width: 1500px) {
	.top-mice-wrap {
		padding-top: 50px;
	}
}
@media (max-width: 1400px) {
	.services-mice:after {
		opacity: .4;
	}
	.services-mice-text {
		width: 30%;
	}
	.services-mice-clip-block {
		width: 65%;
		padding: 80px 50px;
	}
	.bottom-mice-wrap {
		align-items: center;
	}
}
@media (max-width: 1199px) {
	.services-mice-text {
		width: 33%;
	}
	.services-mice-text p {
		margin: 20px 0;
	}
	.top-mice-wrap {
		padding-top: 30px;
	}
}
@media (max-width: 1000px) {
	.services-mice-wrap {
		flex-wrap: wrap;
	}
	.services-mice-text,
	.services-mice-clip-block {
		width: 100%;
	}
	.top-mice-wrap {
		padding-top: 0;
	}
	.top-mice-wrap .services-mice-text p:first-child {
		margin-top: 0;
	}
	.bottom-mice-wrap {
		padding: 20px 0;
	}
}
@media (max-width: 800px) {
	.services-mice-clip-block {
		padding: 50px 35px;
	}
	.services-mice-clip-content {
		padding: 35px 35px 80px 90px;
	}
}
@media (max-width: 850px) {
	.services-mice:before {
	    left: auto;
	    right: 7vw;
	}
}
@media (max-width: 700px) {
	.services-mice h2 {
		max-width: 82%;
	}
	.services-mice:before {
	    top: 50px;
	}
}
@media (max-width: 600px) {
	.services-mice {
		font-size: 20px;
		line-height: 28px;
	}
	.services-mice-clip-content {
		clip-path: none;
		padding: 20px 30px;
	}
}
@media (max-width: 400px) {
	.services-mice:before {
	    right: -20px;
	}
	.services-mice-clip-block {
		padding: 20px;
	}
	.services-mice-clip-content {
		padding: 15px;
	}
}

.services-kons {
	position: relative;
	margin: 100px 0;
	font-size: 25px;
	line-height: 33px;
}
.services-kons:before {
	content: url(../img/about/dashed-title.svg);
    position: absolute;
    left: 0;
    top: 0;
}
.services-kons:after {
	content: url(../img/services/dashed-kons.png);
	position: absolute;
    left: 0;
    top: 680px;
}
.services-kons h2 {
	color: #2845AA;
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 100px;
}
.services-kons-top {
	position: relative;
}
.services-kons-top:after {
	content: '';
	display: block;
	width: 30%;
	height: 100%;
	background-color: #2845AA;
	position: absolute;
	top: 0;
	right: 0;
}
.services-kons-top p {
	width: 68%;
}
.services-kons-pics {
	position: relative;
	padding: 50px 0;
}
.services-kons-pics:before {
	content: '';
	display: block;
	width: 100%;
	height: 50%;
	background-color: #2845AA;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.services-kons-pics .services-container {
	display: flex;
	justify-content: space-between;
}
.services-kons-pics img {
	width: 25%;
	position: relative;
}
.services-kons-bottom {
	display: flex;
	align-items: center;
}
.services-kons-bottom-pics {
	width: 365px;
	flex-shrink: 0;
	margin-right: 65px;
	position: relative;
	z-index: 2;
}
.services-kons-bottom-pics img {
	display: block;
	margin: 30px 0;
}
.services-kons-bottom-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.services-kons-bottom-list li {
	position: relative;
	padding: 12px 0 12px 20px;
}
.services-kons-bottom-list li:before {
	content: url('../img/services/list.svg');
	position: absolute;
	left: 0;
	top: 15px;
}
@media (max-width: 1199px) {
	.services-kons-pics img {
		width: 30%;
	}
	.services-kons-bottom-pics {
		margin-right: 35px;
	}
	.services-kons-bottom-list li {
		padding: 8px 0 8px 20px;
	}
	.services-kons-bottom-list li:before {
		top: 12px;
	}
}
@media (max-width: 1000px) {
	.services-kons-top:after {
		width: 8%;
	}
	.services-kons-top p {
		width: 90%;
	}
	.services-kons-bottom {
		align-items: flex-start;
	}
	.services-kons-bottom-pics {
		width: 33%;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}
	.services-kons-bottom-pics img {
		width: 100%;
	}
}
@media (max-width: 800px) {
	.services-kons:before {
	    left: auto;
	    right: 7vw;
	}
	.services-kons:after {
		opacity: .4;
		top: 1100px;
	}
	.services-kons-pics {
		padding: 30px 0;
	}
	.services-kons-pics img {
		width: 32%;
	}
	.services-kons-bottom {
		flex-wrap: wrap;
	}
	.services-kons-bottom-pics {
		width: 100%;
		flex-direction: row;
		justify-content: space-between;
		order: 2;
	}
	.services-kons-bottom-pics img {
		width: 49%;
		margin-bottom: 0;
	}
	.services-kons-bottom-list {
		order: 1;
	}
}
@media (max-width: 600px) {
	.services-kons h2 {
		max-width: 55%;
	}
	.services-kons:before {
	    top: 50px;
	}
	.services-kons {
		font-size: 20px;
		line-height: 28px;
	}
}
@media (max-width: 500px) {
	.services-kons-pics .services-container {
		flex-wrap: wrap;
	}
	.services-kons-pics {
		padding: 0;
	}
	.services-kons-pics img {
		width: auto;
		max-width: 100%;
		margin: 20px auto;
	}
}
@media (max-width: 400px) {
	.services-kons-bottom-pics {
		flex-wrap: wrap;
	}
	.services-kons-bottom-pics img {
		width: 100%;
		margin-top: 10px;
	}
}

/* tech */
.tech-pic {
	position: relative;
	z-index: 2;
}
.tech-container {
	max-width: 1630px;
	margin: 0 auto;
	padding: 0 15px;
	font-size: 25px;
	line-height: 33px;
}
.tech-content {
	padding-top: 100px;
	position: relative;
}
.tech-content:before {
	content: url('../img/tech/dashed-small.png');
	position: absolute;
	top: -187px;
	left: 0;
}
.tech-content:after {
	content: url('../img/tech/dashed-big.png');
	position: absolute;
	top: 340px;
	left: 0;
}
.tech-big-pic {
	display: block;
	max-width: 100%;
	margin: 50px auto 100px;
}
.tech-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 100px 0 50px;
	position: relative;
}
.tech-wrap:before {
	content: '';
	display: block;
	width: 300px;
	height: 260px;
	background-color: #284595;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: -300px;
}
.tech-wrap img {
	flex-shrink: 0;
	width: 34%;
	position: relative;
	z-index: 2;
}
.tech-wrap-text {
	width: 60%;
}
.tech-wrap-text a {
	color: #2845AA;
}
.tech-wrap-text a:hover {
	text-decoration: none;
}
.tech-wrap-text h2 {
	color: #2845AA;
    font-size: 38px;
    line-height: 46px;
}
@media (max-width: 1700px) {
	.tech-content:before,
	.tech-content:after {
		opacity: .4;
	}
}
@media (max-width: 1199px) {
	.tech-content {
		padding-top: 50px;
	}
	.tech-big-pic {
		margin: 50px auto;
	}
	.tech-wrap {
		padding: 30px 0 50px;
	}
}
@media (max-width: 1000px) {
	.tech-wrap {
		flex-wrap: wrap;
		justify-content: center;
	}
	.tech-wrap img {
		width: auto;
		max-width: 100%;
	}
	.tech-wrap-text {
		width: 100%;
	}
	.tech-wrap:before {
		display: none;
	}
}
@media (max-width: 600px) {
	.tech-content {
		padding-top: 30px;
	}
	.tech-content:before {
		top: -100px;
	}
	.tech-wrap {
		padding: 30px 0;
	}
	.tech-container {
		font-size: 20px;
		line-height: 28px;
	}
	.tech-wrap-text h2 {
	    font-size: 28px;
	    line-height: 36px;
	}
	.tech-big-pic {
		margin: 30px auto;
	}
}

/* career */
.career-top {
	position: relative;
	margin-top: 60px;
	padding: 35px 15px 35px 75px;
	font-size: 25px;
	line-height: 33px;
}
.career-top:before {
	content: '';
	display: block;
	width: 300px;
	height: 100%;
	background-color: #284595;
	position: absolute;
	top: 0;
	left: -300px;
}
.career-big-text {
	padding: 35px 15px 35px 75px;
	font-size: 35px;
	line-height: 45px;
}
.career-big-text a,
.career-bottom a {
	color: #284595;
}
.career-big-text a:hover,
.career-bottom a:hover {
	text-decoration: none;
}
.career-fon-wrap {
	position: relative;
	margin-bottom: 200px;
}
.career-fon-wrap:after {
	content: url('../img/career/dashed.png');
	position: absolute;
	bottom: -150px;
	left: 0;
}
.career-fon {
	background-image: url('../img/career/career-fon.jpg');
	background-size: cover;
	background-position: 50% 50%;
	display: flex;
	justify-content: space-between;
	padding: 60px;
}
.career-fon-text {
	font-size: 25px;
	line-height: 45px;
	background-color: rgba(255,255,255,.8);
	padding: 50px 30px 120px 60px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%, 0 65%);
	align-self: flex-start;
	width: 100%;
}
.career-fon img {
	display: block;
	flex-shrink: 0;
	margin-left: 60px;
}
.career-bottom {
	padding: 0 15px 35px 75px;
	font-size: 25px;
	line-height: 33px;
}
.career-bottom p {
	max-width: 1150px;
}
@media (max-width: 1800px) {
	.career-top:before {
		left: -260px;
	}
}
@media (max-width: 1199px) {
	.career-top {
		padding: 5px 15px 5px 75px;
	}
	.career-big-text {
		padding: 5px 15px 15px 75px;
	}
	.career-fon {
		padding: 40px;
	}
	.career-fon img {
		margin-left: 40px;
		width: 50%;
		align-self: flex-start;
	}
	.career-fon-text {
		line-height: 35px;
		padding: 40px 30px 80px 60px;
	}
	.career-fon-wrap:after {
		opacity: .4;
	}
}
@media (max-width: 800px) {
	.career-top:before {
		left: -280px;
	}
	.career-top {
	    padding: 5px 15px 5px 45px;
	}
	.career-big-text {
		font-size: 30px;
		line-height: 40px;
		padding: 5px 15px 15px 15px;
		text-align: center;
	}
	.career-fon {
		flex-wrap: wrap;
		justify-content: center;
	}
	.career-fon img {
		margin: 40px auto 0;
		width: auto;
		max-width: 100%;
	}
}
@media (max-width: 600px) {
	.career-top {
		margin-top: 30px;
	}
	.career-big-text {
		font-size: 25px;
		line-height: 35px;
		padding: 0 15px;
	}
	.career-top,
	.career-fon-text,
	.career-bottom {
		font-size: 20px;
		line-height: 28px;
	}
	.career-fon img {
		margin: 15px auto 0;
	}
	.career-fon {
		padding: 15px;
	}
	.career-fon-text {
		padding: 30px 10px 60px 40px;
	}
	.career-bottom {
		padding: 0 15px 15px;
	}
}

/* excursions */
.ex-page-h1 {
	font-size: 45px;
	line-height: 55px;
}
.ex-page-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1%;
}
.ex-page-item {
	width: 23%;
	margin: 20px 1%;
}
.ex-page-item img {
	display: block;
	width: 100%;
}
@media (max-width: 1199px) {
	.ex-page-wrap {
		margin: 0 -1%;
	}
	.ex-page-item {
		width: 31.333%;
		margin: 30px 1%;
	}
}
@media (max-width: 800px) {
	.ex-page-item {
		margin: 20px 1% 10px;
	}
	.ex-page-item h3 {
		font-size: 20px;
		line-height: 26px;
	}
	.ex-page-item p {
		font-size: 16px;
		line-height: 22px;
	}
}
@media (max-width: 600px) {
	.ex-page-h1 {
		font-size: 35px;
		line-height: 45px;
	}
	.ex-page-wrap {
		justify-content: space-between;
	}
	.ex-page-item {
		width: 47.5%;
	}
	.ex-page-item h3 {
		font-size: 16px;
		line-height: 22px;
	}
	.ex-page-item p {
		font-size: 14px;
		line-height: 18px;
	}
}