


/*.header*/
.header{
	width: 100%;
	background: rgba(0, 0, 0, .6);
	position: fixed;
	text-align: center;
	z-index: 200;
}

.header .navigation{
	overflow: visible;
}

.header.white_theme,
footer.white_theme{
	background: rgba(255,255,255,.95);
	color: #000;
	box-shadow: 0 0 30px rgba(0,0,0,.2);
}

.header.white_theme a,
footer.white_theme a{
	color: #000;
}

.logo{
	display: block;
	width: 80px;
	height: 63px;
	background: url("../i/logo.png") no-repeat;
	background-size: cover;
	margin: 15px auto 0;
	position: relative;
	z-index: 1;
}

.logo img{
	width: 105px;
	height: 83px;
	opacity: 0;
}

.white_theme .logo{
	background-position: left bottom;
}



.slogan{
	font-family: "Kaushan Script",cursive;
	margin-top: 8px;
	font-size: 1.4em;
}

.social_links div{
	float: left;
	border: 1px solid rgba(255,255,255,.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;;
	margin-right: 7px;
}


.white_theme .social_links div,
.social_links div:hover{
	border: 1px solid rgba(0,0,0,.5);
}

.social_links div,
.white_theme .social_links div:hover{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	border: 1px solid rgba(255, 255, 255,.2);
}

.social_links a{
	width: 30px;
	height: 30px;
	display: block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	background: url("../i/social_buttons/social.png") no-repeat;
}

.social_links .fb a,
.white_theme .social_links .fb:hover a{
	background-position: 0 0;
}

.social_links .fb:hover a,
.white_theme .social_links .fb a{
	background-position: 0 100%;
}

.social_links .tw a,
.white_theme .social_links .tw:hover a{
	background-position: -30px 0;
}

.social_links .tw:hover a,
.white_theme .social_links .tw a{
	background-position: -30px 100%;
}

.social_links .gp a,
.white_theme .social_links .gp:hover a{
	background-position: -60px 0;
}

.social_links .gp:hover a,
.white_theme .social_links .gp a{
	background-position: -60px 100%;
}

.social_links .instagram a,
.white_theme .social_links .instagram:hover a{
	background-position: 100% 0;
}

.social_links .instagram:hover a,
.white_theme .social_links .instagram a{
	background-position: 100% 100%;
}

/*.social_links a:hover{
    border-color: rgb(0, 0, 0);
}*/

.social_links a:last-child{
	margin-right: 0;
}

.cart{
	display: block;
	position: absolute;
	right: 15px;
}

.cart_icon{
	display: block;
	background: url("../i/icon-cart.png") no-repeat;
	background-size: cover;
	position: absolute;
}

.count_tours{
	display: inline-block;
	border-radius: 50%;
	background: rgba(0, 128, 0, .9);
	border: 1px solid rgba(255, 255, 255, .5);
	position: absolute;
	text-shadow: 0 0 5px #000;
}

.sub_header{
	font-family: "Kaushan Script", cursive;
	overflow: hidden;
	height: 0;
	color: #000;
}

.header.black_theme .sub_header{
	color: #fff ;
}

.sub_header h4{
	margin-top: 4px;
	font-size: 2em;
}

.book_button{
	vertical-align: top;
	display: inline-block;
	background: rgba(0, 128, 0, .9);
	padding: 10px 15px;
	font-size: 1.3125em;
	box-shadow: 0 0 3px;
	font-family: "Kaushan Script",cursive;
	color: #fff;
	cursor: pointer;
}

.header .book_button{
	margin-top: 5px;
}

.header.white_theme .book_button{
	color: #fff;
}

.header_title .book_button{

	padding: 10px 25px;
	margin-top: 10px;
	font-size: 1.5625em;
}

.price{
	font-size: 1.5625em;
	display: inline-block;
	margin-right: 15px;
	font-family: "Kaushan Script", cursive;
	line-height: 55px;
}

.header .price{
}

@media screen and (max-width:799px){
	.logo_box{
		margin-top: 12px;
		font-size: 13px;
	}

	.social_links{
		display: inline-block;
		margin: 10px 8px 0 0;
	}

	.cart{
		display: block;
		width: 32px;
		height: 32px;
		background:rgba(0, 0, 0, .8) ;
		position: absolute;
		right: 15px;
		top: 88px;
		box-shadow: 0 0 6px;
	}

	.cart_icon{
		width: 25px;
		height: 28px;
		top: 4px;
		left: 4px;
		/*margin: 6px 4px;*/
	}

	.count_tours{
		/*display: none;*/
		padding: 0 4px;
		font-size: 10px;
		line-height: 13px;
		top: 1px;
		left: 1px;
	}

	.header.show_sub-header{
		top: -120px;
	}


	.header.show_sub-header .sub_header{
		font-size: 13px;
		height: 100px;
	}
}

@media screen and (min-width:800px){

	.header{
		width: 100%;
		position: fixed;
		top:0;
	}

	.header.show_sub-header{
		top: -100px;
	}

	.main_header{
		height: 100px;
	}

	.header.white_theme .navigation .list_item:hover{
		border-color: rgba(0,0,0,.7);
	}

	.header.white_theme .navigation .list_item.current{
		border-color: #000;
	}

	.header.black_theme.show_nav-list .sub_header,
	.header.white_theme.show_nav-list .sub_header{
		border-top: 1px solid rgba(0, 0, 0, .2);
	}

	.header.black_theme.show_nav-list .sub_header{
		border-top: 1px solid rgba(255, 255, 255, .2);
	}

	.header.show_sub-header .sub_header{
		height: 100px;
	}

	.duration{
		position: absolute;
		font-size: 13px;
	}

	.header_title .price{
		color: #fff;
		font-size: 1.875em;
		text-shadow: 0 0 3px #000;
	}

	.header_title .book_button{
		padding: 10px 25px;
	}


	.logo{
		width: 105px;
		float: left;
		height: 83px;
		margin: 9px 43px 5px 15px;
	}

	.navigation .list_item{
		cursor: pointer;
		text-transform: uppercase;
		font-size: 1.1em;
		margin-right: 15px;
		display: inline-block;
		line-height: 92px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
	}

	.navigation .list_item:last-child{
		margin-right: 0;
	}

	.navigation .list_item:hover{
		border-color: rgba(255, 255, 255, .7);
	}

	.navigation .list_item.current{
		border-color: #fff;
		text-shadow: 0 0 3px;
	}

	.navigation{
		display: block;
		position: relative;
	}


	.social_links{
		position: absolute;
		/*top: 15px;*/
		top: 34px;
		right: 15px;
	}

	.cart{
		top: 56px;
		width: 37px;
		height: 34px;
	}

	.cart_icon{
		width: 100%;
		height: 100%;
		background-position: 0 0;
	}

	.header.white_theme .cart_icon{
		background-position: left bottom;
	}

	.count_tours{
		top: -3px;
		left: -4px;
		padding: 0 5px;
		font-size: 15px;
		line-height: 18px;
		color: #fff;
	}


	/*Drop-down sub menu*/ /*TODO*/

	.dropdown-submenu{
		position: relative;
		display: inline-block;
	}

	.dropdown-submenu .tours_item{
		position: relative;
	}

	.expand_item{
		margin-right: 20px;
	}

	.expand_item .list_item{
		margin-right: 0 !important;
	}

	.navigation .dropdown-submenu .list_item:last-child{
		margin-right: 20px;
	}

	.dropdown-submenu .fa{
		display: none;
	}

	.inner-dropdown-submenu{
		left:0;
		/*top:100%;*/
		position: absolute;
		/*display: none;*/
	}

	.show_sub-header .inner-dropdown-submenu{
		/*display: none;*/
	}



	.inner-dropdown-submenu .list_item{
		font-size: 15px;
		box-sizing: border-box;
		width: 100%;
		padding:  5px 15px;
		text-align: left;
		display: block;
		line-height: 2.5;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, .5);
	}

	.white_theme .inner-dropdown-submenu .list_item{
		border-bottom: 1px solid rgba(0, 0, 0, .5);
	}

	.inner-dropdown-submenu .nav-list_item:last-child{
		border-bottom: none;
	}
	.wrap-dropdown-submenu{
		position: absolute;
		overflow: hidden;
		top: 100%;
		left: -20px;
		padding: 0 20px;
	}
	.inner-dropdown-submenu{
		background-color: rgba(0, 0, 0, .7);
		left:20px;
	}

	.white_theme .wrap-dropdown-submenu .inner-dropdown-submenu{
		background-color: rgba(255, 255, 255, .9);
		/*box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1) !important;*/
		box-shadow: 0 3px 3px rgba(0, 0, 0, .2) !important;
	}

}


@media screen and (min-width:960px){

	.header.show_sub-header{
		top: -116px;
	}

	.header.show_sub-header .sub_header {
		height: 116px;
	}

	.main_header{
		height: 115px;
	}

	.navigation .list_item{
		line-height: 107px;
		border-top: 4px solid transparent;
		border-bottom: 4px solid transparent;
		margin-right: 20px;
	}

	.header_title .book_button{
		padding: 10px 25px;
	}

	.price{
		line-height: 63px;
	}

	.logo{
		margin: 16px 43px 10px 15px;
	}

	.social_links{
		top: 40px;
	}

	.cart{
		top: 65px;
		width: 42px;
		height: 39px;
	}

	.count_tours{
		top: 0;
		left: -3px;
		padding: 0 5px;
		font-size: 15px;
		line-height: 18px;
	}

	/*Drop-down sub menu*/ /*TODO*/
	.inner-dropdown-submenu .list_item{
		font-size: 15px;
		box-sizing: border-box;
		width: 100%;
		padding:  5px 15px;
		text-align: left;
		display: block;
		line-height: 2.5;
		border: none;
		border-bottom: 1px solid rgba(255, 255, 255, .5);
	}

}


/*HEADER*/

.header,.sub_header{
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.navigation{
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */

	/* No support for these yet, use at own risk */
	-o-user-select: none;
	user-select: none;
}


/*BUG FIX*/
/*Z-index bugs on Android 3/4*/
.slogan, .sidebar-list,.navigation{
	-webkit-transform: translateZ(0);
}

/*---END OF BUG FIX---*/



@media screen and (max-width:799px){

	/*SIDEBAR*/
	.nav-list_content{
		-webkit-transition: height .3s;
		-moz-transition: height .3s;
		-ms-transition: height .3s;
		-o-transition: height .3s;
		transition: height .3s;
	}
	.nav_title{
		-webkit-transition: width .2s;
		-moz-transition: width .2s;
		-ms-transition: width .2s;
		-o-transition: width .2s;
		transition: width .2s;
	}

	.nav_title_text,
	.nav_title_icon{
		-webkit-transition: opacity .2s, visibility .2s;
		-moz-transition: opacity .2s, visibility .2s;
		-ms-transition: opacity .2s, visibility .2s;
		-o-transition: opacity .2s, visibility .2s;
		transition: opacity .2s, visibility .2s;
	}

	.nav-list .nav-drop_down,
	.expand_item .nav-drop_down{
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);

		-webkit-transition:
				visibility 0s linear 200ms,
				-webkit-transform 200ms linear;
		-moz-transition:
				visibility 0s linear 200ms,
				-moz-transform 200ms linear;
		-ms-transition:
				visibility 0s linear 200ms,
				-ms-transform 200ms linear;
		-o-transition:
				visibility 0s linear 200ms,
				-o-transform 200ms linear;
		transition:
				visibility 0s linear 200ms,
				transform 200ms linear;
	}

	.show_nav-list .nav-drop_down,
	.expand_item:hover .nav-drop_down{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);

		-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;
	}

	.nav-list .list_item{
		-webkit-transition: background .3s;
		-moz-transition: background .3s;
		-ms-transition: background .3s;
		-o-transition: background .3s;
		transition: background .3s;
	}

}

@media screen and (min-width: 800px){

	.navigation .list_item{
		-webkit-transition: border-color .5s;
		-moz-transition: border-color .5s;
		-ms-transition: border-color .5s;
		-o-transition: border-color .5s;
		transition: border-color .5s;
	}


	.sidebar-list{
		transition: right .5s;
	}

	.nav_title{
		transition: opacity .5s;
	}

	.sidebar-list_content{
		transition: padding .5s;
	}

	.sidebar-list li a:before{
		transition: background .3s;
	}

	.sidebar-list .title_item{
		transition: opacity .3s;
	}

	.scroll_down_container{
		-webkit-transition: opacity .5s;
		-moz-transition: opacity .5s;
		-ms-transition: opacity .5s;
		-o-transition: opacity .5s;
		transition: opacity .5s;
	}


	.wrap-dropdown-submenu{
		width: 182px;
		height: 0;
		-webkit-transition: height .3s;
		-moz-transition: height .3s;
		-ms-transition: height .3s;
		-o-transition: height .3s;
		transition: height .3s;
	}

	.expand_item .inner-dropdown-submenu{
		padding-bottom: 0 !important;
		box-shadow: none !important;
		overflow-y: auto;
		/*height: 0;*/
		opacity: 0;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);

		-webkit-transition:  visibility 0s linear 200ms,   -webkit-transform 200ms linear, opacity .3s;
		-moz-transition: visibility 0s linear 200ms, -moz-transform 200ms linear;
		-ms-transition: visibility 0s linear 200ms,
		-ms-transform 200ms linear;
		-o-transition: visibility 0s linear 200ms,
		-o-transform 200ms linear;
		transition:
				visibility 0s linear 200ms,
				transform 200ms linear, opacity .2s;
		/*visibility: hidden;*/
	}

	.expand_item:hover .inner-dropdown-submenu{
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);

		/*-webkit-transition-delay: 0s;
		-moz-transition-delay: 0s;
		-ms-transition-delay: 0s;
		-o-transition-delay: 0s;
		transition-delay: 0s;*/
		visibility: visible;
		/*height: 100%;*/
		opacity: 1;
	}


	.expand_item:hover .wrap-dropdown-submenu{
		/*height: 100%;*/
		height: 200px;
	}
}