@charset "UTF-8";
.filter_content {
	background-color: #3cd6bf;
	border-top-left-radius: 79px;
	border-top-right-radius: 79px;
	overflow-y: auto;
}
.filter_tittle {
	float: left;
	background-color: #1c355e;
	line-height: 78px;
	border-top-left-radius: 79px;
	border-top-right-radius: 79px;
	width: 35%;
	color: #FFFFFF;
	text-align: center;
	font-family: 'Avenir';
	font-size: 23px;
	font-weight: 500;
}
.filter_options {
	line-height: 78px;
	border-top-left-radius: 78px;
	border-top-right-radius: 78px;
	float: left;
	width: 65%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 50px;
}
.link_filter {
	display: inline-block;
	width: 24%;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Avenir';
	text-decoration: none;
	font-weight: 700;
	color: #FFFFFF;
	font-size: 21px;
}
.link_filter:hover {
	color: #1D355E;
	
}
.filter_content {
	margin-left: auto;
	margin-right: auto;
	max-width: 90%;
}
.tours_content {
    background-color: #f6f6f6;
    padding-top: 80px;
    padding-left: 5%;
    padding-right: 5%;
    overflow-y: auto;
    padding-bottom: 50px;
}
.top_tours_box {
	float: right;
	width: 25%;
}
.tours_box {
	float: left;
	width: 70%;
}
.tour_item   {
	-webkit-box-shadow: 5px 5px #D1D1D1;
	box-shadow: 5px 5px #D1D1D1;
	background-color: #FFFFFF;
	overflow-y: auto;
	margin-bottom: 40px;
}
.triangle-topright {
    width: 0;
    height: 0;
    border-top: 100px solid #f6f6f6;
    border-left: 100px solid transparent;
    position: absolute;
    top: 0px;
    right: 0px;
}
.tittle_top_tours {
	text-align: center;
	background-color: #eda23b;
	font-family: 'Avenir';
	color: #FFFFFF;
	font-weight: 900;
	font-size: 29px;
	position: relative;
	padding-top: 89px;
	padding-bottom: 66px;
}
.picture_box {
	float: left;
	width: 30%;
}
.content_tour {
	float: left;
	width: 70%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: auto;
}
.intro_tours {
	float: left;
	width: 70%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 25px;
	border-right: 2px solid #DADADA;
	min-height: 200px;
}
.price_tour {
	width: 40%;
	height: 100%;
	position: absolute;
	right: -45%;
	top: 0px;
}
.content_price {
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
	padding-top: 19px;	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.visit_tour {
	position: absolute;
	bottom: 11px;
	width: 100%;
}
.visit_button {
	display: inline-block;
	background-color: #1D355E;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	border-radius: 20px;
	font-family: 'Avenir';
	color: #FFFFFF;
	text-decoration: none;
}
.visit_button:hover {
	background: #3CD6BF;
	
}
.tour_content {
    color: #a5a5a5;
    font-family: 'Avenir';
    font-size: 17px;
    font-weight: 400;
    line-height: 23px;
}
.time_box {
	background-color: #ededed;
	display: inline-block;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	font-family: 'Avenir';
	font-weight: 500;
	font-size: 18px;
	border-radius: 9px;
}
.time_green {
	color: #3cb4a5;
	font-size: 25px;
	vertical-align: -5.9px;
	line-height: 15px;
	margin-right: 5.1px;
}
.tours_price {
	text-transform: uppercase;
	color: #3CB4A5;
	font-family: 'Avenir';
	font-weight: 900;
	font-size: 22px;
}
.price_unit {
	color: #a5a5a5;
	font-family: 'Avenir';
	font-weight: 400;
	line-height: 23px;
}
.top_tour_item {
	background-color: #FFFFFF;
	margin-top: 19px;
}
.top_tour_picture {
	padding-bottom: 69%;
	position: relative;
	background-image: url(../img/tours/icons/1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.top_tour_price {
	background-color: rgba(14,26,48,0.59);
	position: absolute;
	padding-bottom: 6px;
	padding-right: 15px;
	bottom: 0px;
	right: 0px;
	padding-top: 6px;
	padding-left: 15px;
	font-family: 'Avenir';
	font-weight: 900;
	color: #ffffff;
	font-size: 23px;
}
.top_tour_item_tittle {
	color: #1c355e;
	font-family: 'Avenir';
	font-weight: 900;
	font-size: 22px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.visit_tour_yellow {
	background-color: #EDA23B;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	border-radius: 19px;
	font-family: 'Avenir';
	font-weight: 900;
	color: #FFFFFF;
	font-size: 17px;
	text-decoration: none;
}
.visit_tour_yellow:hover {
	background-color: #1D355E;
}
.view_tour_box {
	padding-bottom: 15px;
	padding-left: 15px;
	padding-top: 0px;
	padding-right: 15px;
	text-align: right;
}
.header_pic {
    padding-bottom: 57%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.detail_tour {
	width: 70%;
	padding-left: 5%;
	padding-right: 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}
.basic_info_box {
	margin-top: -80px;
	width: 70%;
	/* [disabled]background-color: #F113E9; */
	margin-left: auto;
	margin-right: auto;
}
.info_tittle_basic {
	background-color: #253761;
	color: #FFFFFF;
	font-family: 'Avenir';
	font-weight: 900;
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
	display: inline-block;
}
.basic_info_content {
	border-top: 4px solid #3DB3A5;
	background-color: #FFFFFF;
	border-bottom: 2px solid #3DB3A5;
	overflow-y: auto;
}
.description_tour {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.description_tour_tittle {
	color: #253761;
	font-family: 'Avenir';
	font-weight: 900;
	font-size: 23px;
	padding-bottom: 14px;
	padding-top: 50px;
}
.description_tour_content {
	padding-bottom: 69px;
	border-bottom: 2px solid #3cb4a5;
}
.col_description_content {
	width: 50%;
	float: left;
}
.col_content_box {
	overflow-x: auto;
	border-bottom: 2px solid #3cb4a5;
	padding-top: 30px;
	padding-bottom: 31px;
	padding-left: 20px;
	padding-right: 20px;
}
.sub_tittle_content {
	font-family: 'Avenir';
	font-weight: 600;
	color: #1c355e;
	text-transform: uppercase;
	font-size: 17px;
	line-height: 20px;
}
.hour_tittle {
	text-transform: uppercase;
	margin-left: 8px;
}
.include_text_tours {
	width: 85%;
}
.content_tour_detail {
	/* [disabled]background-color: #703600; */
}
.clear_cols {
	clear: both;
}
.tours_reservation_box {
	float: left;
	width: 30%;
}
.price_detail_box {
	margin-top: -140px;
	height: 140px;
	width: 80%;
}
.price_detail_content {
	background-color: #253761;
	height: 70px;
line-height: 70px;
	color: #FFFFFF;
	font-family: 'Avenir';
	font-weight: 900;
	font-size: 27px;
	text-align: center;
}
.price_unit_detail {
	background-color: #3cb4a5;
	height: 70px;
	line-height: 70px;
	font-family: 'Avenir';
	font-weight: 500;
	font-size: 22px;
	text-align: center;
	color: #FFFFFF;
}
.form_reservation_box {
	margin-top: 100px;
	width: 80%;
	background-color: #253761;
	background-image: url(../img/layout/triangle_gallery.png);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 33% auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.duration_detail {
	float: left;
	width: 33.3333%;
	height: 120px;
	border-right: 2px solid #3cb4a5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 12%;
	padding-top: 40px;
}
.location_detail {
	float: left;
	width: 33.333%;
	height: 120px;
	border-right: 2px solid #3cb4a5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 12%;
	padding-top: 40px;
}
.age_detail {
	float: left;
	width: 33.3333%;
	height: 120px;
	padding-left: 12%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 40px;
}
.detail_tour_title {
	font-family: 'Avenir';
	font-weight: 900;
	font-size: 19px;
	color: #1c355e;
}
.detail_info {
	display: block;
	font-family: 'Avenir';
	font-weight: 400;
	font-size: 16px;
	color: #1c355e;
}
.time_icon_detail {
	float: left;
	margin-left: -37px;
	color: #3DB3A5;
	font-size: 30px;
	margin-top: 4px;
}
.pin_icon_detail {
	float: left;
	margin-left: -34px;
	color: #3DB3A5;
	font-size: 29px;
	margin-top: 4px;
}
.user_icon_detail {
	float: left;
	margin-left: -34px;
	color: #3DB3A5;
	font-size: 25px;
	margin-top: 4px;
}
.box_reviews {
	width: 70%;
	/* [disabled]background-color: #F60004; */
}
.review_item {
	/* [disabled]background-color: #0000E3; */
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	overflow-y: auto;
	padding-bottom: 40px;
}
.stars_box {
	text-align: right;
	color: #eee021;
	font-size: 21px;
	padding-top: 20px;
	padding-bottom: 15px;
}
.review_tittle {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	color: #253761;
	font-family: 'Avenir';
	font-weight: 900;
	font-size: 25px;
	border-bottom: 2px solid #3DB3A5;
	padding-bottom: 10px;
	padding-top: 10px;
}
.review_text {
	width: 65%;
	float: left;
	font-family: 'Avenir';
	font-weight: 400;
	font-size: 16px;
	color: #1c355e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 25px;
}
.review_picture {
	float: right;
	width: 35%;
}
.rotator_box {
	margin-top: -20px;
	margin-right: -20px;
	margin-bottom: -10px;
	margin-left: -20px;
}
.rotator_box .item {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #E1E1E1;
	background-image: url(../img/layout/triangle_gallery.png);
	background-repeat: no-repeat;
	background-position: right top;
}
.rotator_wrap {
	margin-top: 15px;
	padding-bottom: 38px;
}
.reserve_tittle {
    font-family: 'Avenir';
    font-weight: 900;
    color: #ffffff;
    font-size: 21px;
    padding-bottom: 20px;
    text-transform: uppercase;
}
.field_box {
	margin-top: 15px;
}
.field_reserve {
	width: 100%;
	height: 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: 'Avenir';
	font-size: 16px;
	color: #1A253D;
    outline: none;
}
.reserve_button {
	background-color: #3DB3A5;
	border-style: none;
	color: #FFFFFF;
	font-family: 'Avenir';
	font-size: 17px;
	font-weight: 900;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 8px;
    outline: none;
}
.button_reserve_box {
	padding-top: 140px;
}
.picture_tour {
	width: 100%;
	height: auto;
}
.disclaimer_box {
	background-color: #e4e4e4;
}
.disclaimer_content {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	padding-top: 29px;
	padding-bottom: 42px;
}
.header_tours {
    background-image: url(../img/tours/header_tour_back.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 69%;
    position: relative;
}
.transition_white {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 80px;
    background-image: -webkit-linear-gradient(270deg,rgba(255,252,252,0.00) 25.69%,rgba(255,255,255,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,252,252,0.00) 25.69%,rgba(255,255,255,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,252,252,0.00) 25.69%,rgba(255,255,255,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,252,252,0.00) 25.69%,rgba(255,255,255,1.00) 100%);
}
.intro_tours_list {
    position: relative;
}
.tours_mountains {
    position: absolute;
    top: -140px;
    right: 0px;
    max-width: 65%;
    height: auto;
    z-index: 10;
}
.tours_tittle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 137px;
    color: #FFFFFF;
    position: absolute;
    top: -116px;
    left: 5%;
    z-index: 9;
}
.seagul {
    position: absolute;
    top: -317px;
    z-index: 13;
    left: 8%;
    width: 23%;
    height: auto;
}
.text_intro_tours {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 15%;
    padding-bottom: 7%;
}
.intro_list_text {
    padding-top: 21px;
}
.intro_list_box {
    width: 50%;
}
.spacer_prefoot {
    height: 80px;
    background-color: #F6F6F6;
}
.tour_durtion {
    margin-top: 15px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #808080;
  	font-family: 'Avenir';
	
}
::-moz-placeholder { /* Firefox 19+ */
  color: #808080;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #808080;
}
:-moz-placeholder { /* Firefox 18- */
  color: #808080;
}
@media screen and (max-width:1150px){
.filter_tittle {
	float: none;
	width: 100%;
}
.filter_options {
	width: 100%;
	padding-right: 70px;
	padding-left: 70px;
}
.basic_info_box {
	width: 90%;
}
.tours_mountains {
    top: -89px;
}
}
@media screen and (max-width:960px){
.top_tours_box {
	display: none;
}
.tours_box {
	width: 100%;
}
}
@media screen and (max-width:860px){
.detail_tour {
	width: 90%;
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.tours_reservation_box {
	width: 90%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	max-width: 435px;
	text-align: center;
}
.price_detail_box {
	margin-top: 0px;
	display: inline-block;
}
.form_reservation_box {
	margin-top: 30px;
	background-image: none;
	display: inline-block;
}
.box_reviews {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
}
.tours_mountains {
    display: none;
}
.intro_list_box {
    width: 100%;
}
.text_intro_tours {
    padding-top: 10%;
}
}
@media screen and (max-width:790px){
.filter_options {
	padding-left: 15px;
	padding-right: 15px;
}
.intro_tours {
	width: 100%;
	padding-right: 0px;
	border-style: none;
}
.price_tour {
	position: relative;
	left: auto;
	right: auto;
	width: 50%;
	float: left;
}
.content_price {
	text-align: center;
	padding-top: 0px;
}
.visit_tour {
	position: relative;
	bottom: auto;}
.tour_durtion {
	width: 50%;
	float: left;
}
.price_unit {
	padding-bottom: 7px;
}
}

@media screen and (max-width:600px){
.picture_box {
	width: 100%;
}
.content_tour {
	width: 100%;
}
.tours_tittle {
    display: none;
}
.detail_tour {
    width: 100%;
}
.description_tour {
    width: 100.1%;
}
.review_tittle {
    width: 100%;
}
.review_item {
    width: 100%;
}
.review_picture {
    display: none;
}
.review_text {
    width: 100%;
}
.duration_detail {
    width: 100%;
    border-right-style: none;
    border-bottom: 2px solid #3DB3A5;
}
.location_detail {
    width: 100%;
    border-right-style: none;
    border-bottom: 2px solid #3DB3A5;
}
.col_description_content {
    width: 100%;
    padding-top: 15px;
}    
}