.header {
	background-color: rgba(8, 147, 206, .7);
	padding: 17px 40px 24px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.logo {
	position: absolute;
    top: 59px;
    left: 40px;
}

/*Top menu*/

.header-block {
	padding-bottom: 10px;
	border-bottom: 3px solid #fdaf17;
	margin-bottom: 25px;
	vertical-align: middle;
	width: calc(100% - 324px);
	margin-left: 324px;
}

.top-menu {
	display: inline-block;
	position: relative;
	margin-top: 12px;
}

#menu-btn, #f-menu-btn {
	display: none;
}

.label-menu-bar {
	font-size: 0;
}

.menu-btn {
	display: none;
	font-size: 0;
}

.menu-list-element {
	font-family: 'Museo';
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 35px;
	position: relative;
}

.menu-list-element-link:hover {
	color: rgba(255, 255, 255, .5);
}

.menu-list-element-link {
	color: #fff;
}

.menu-list-element i {
	font-size: 13px;
    padding-left: 7px;
}

.submenu-list .menu-list-element {
	text-transform: initial;
	line-height: 48px;
}

.submenu-list .menu-list-element-link {
	display: block;
	color: #333333;
}

/*Contacts*/

.header .contacts-address {
	position: absolute;
    top: 42px;
    right: 40px;
}

.header .contacts-address, .header .contacts-phones, .header .contacts-mail {
	text-align: right;
	color: rgba(255, 255, 255, .5);
	font-family: 'Museo';
	font-size: 13px;
	font-weight: 500;
}

.header .contacts-phone:hover, .header .contacts-mail:hover {
	color: #fff;
}

.header .contacts-phone {
	display: inline-block;
	font-size: 18px;
	line-height: 15px;
	font-weight: 900;
	color: rgba(255, 255, 255, .5);
}

/*Social*/

.social {
	width: 100%;
    text-align: right;
	padding-top: 7px;
}

.social-list-element {
	display: inline-block;
	padding-left: 15px;
}

.social-list-element-link {
	color: rgba(255, 255, 255, .5);
	font-size: 15px;
}

.social-list-element-link:hover {
	color: #fff;
}

@media screen and (min-width: 1001px) {
	
	/*Top menu*/

	.top-menu .menu-list.menu-list-second {
		position: absolute;
		top: 54px;
		left: 0;
	}
	
	.top-menu .menu-list.menu-list-second > .menu-list-element {
		font-size: 18px;
		font-weight: 900;
		padding-bottom: 10px;
		margin-right: 25px;
	}
	
	/*Submenu*/

	.menu-list-element:hover  > .submenu-list {
		display: block;
	}

	.submenu-list {
		position: absolute;
		top: 20px;
		left: 0;
		margin-top: 10px;
		display: none;
		background: #fff;
		-webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, .09);
		        box-shadow: 0 0 29px 0 rgba(0, 0, 0, .09);
	}

	.submenu-list:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-bottom: 8px solid #fff;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		position: absolute;
		top: -8px;
	}
	
	.submenu-list.tour-type-list:before {
		left: 62px;
	}

	.submenu-list.tour-type-list .menu-list-element {
		display: block;
		padding: 0 23px;
		white-space: nowrap;
		margin-right: 0;
	}
	
	.submenu-list.tour-type-list .menu-list-element:hover {
		background: #0893ce;
	}
	
	.submenu-list.tour-type-list .menu-list-element:hover .menu-list-element-link {
		color: #fff;
	}

	.submenu-list.countries-list {
		left: -565px;
		padding: 20px 0 15px 44px;
		column-count: 4;
	}
	
	.submenu-list.countries-list:before {
		left: 595px;
	}

	.submenu-list .menu-list-element-link {
		font-size: 16px;
		line-height: 48px;
		color: #333333;
	}
	
	.submenu-list.countries-list .menu-list-element {
		white-space: nowrap;
		margin-right: 0;
		width: 220px;
	}
	
	.submenu-list.countries-list .menu-list-element-link {
		display: inline-block;
	}

	.submenu-list.countries-list .menu-list-element-flag {
		vertical-align: middle;
		padding-right: 10px;
	}

	.submenu-list.countries-list .menu-list-element-country {
		vertical-align: middle;
	}

	.submenu-list.countries-list .menu-list-element-link:hover {
		color: #0893ce;
		text-decoration: underline;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1230px) {
	
	.header {
		padding: 32px 20px 24px;
	}
	
	/*Logo*/
	
	.logo {
		top: 55px;
		left: 20px;
	}
	
	/*Contacts*/
	
	.header .contacts-address {
		top: 35px;
		right: 20px;
	}
	
	.header .contacts-phones {
		position: absolute;
		top: 115px;
		right: 20px;
		width: 200px;
	}
	
	.header .social {
		position: absolute;
		top: 0;
		right: 20px;
		padding-top: 0;
		line-height: 27px;
	}
}

@media screen and (max-width: 1000px) {
	
	.header {
		padding: 15px;
	}
	
	.header-block {
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 15px;
		margin-left: 0;
	}
	
	/*Logo*/
	
	.logo {
		top: 42px;
		left: 15px;
		width: 187px;
	}
	
	/*Top menu*/
	
	.top-menu .menu-btn {
		display: inline-block;
		line-height: 0;
		margin-bottom: 34px;
	}
	
	.top-menu {
		display: block;
		margin-top: 17px;
		text-align: right;
	}
	
	.top-menu .menu-list-wrap {
		display: none;
		position: absolute;
		top: 39px;
		right: -15px;
		background: #fff;
		-webkit-box-shadow: 0 0 29px 0 rgba(0, 0, 0, .09);
		        box-shadow: 0 0 29px 0 rgba(0, 0, 0, .09);
		text-align: left;
		max-width: 375px;
		width: calc(100% + 30px);
		padding: 17px 22px 14px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
	}

	.top-menu .menu-list:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-bottom: 8px solid #fff;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		position: absolute;
		top: -7px;
		right: 15px;
	}
	
	.top-menu .menu-list-element {
		display: block;
		font-size: 16px;
		line-height: 40px;
	}
	
	.top-menu .menu-list-element i {
		display: none;
	}
	
	.top-menu .menu-list-element-link {
		color: #333333;
	}
	
	.top-menu .countries-list {
		display: none;
	}
	
	.top-menu .submenu-list .menu-list-element {
		line-height: 36px;
		padding-left: 23px;
	}
	
	#menu-btn:checked ~ .menu-list-wrap {
		display: block;
	}
	
	/*Contacts*/
	
	.header .contacts-phones {
		text-align: center;
	}

	.header .contacts-address {
		display: none;
	}
	
	.header .social {
		position: absolute;
		top: 0;
		right: 15px;
		padding-top: 0;
		line-height: 27px;
	}
}