@charset "UTF-8";
.intro_index {
    width: 90%;
    max-width: 700px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.intro_index .sub_tittle_gray {
    padding-top: 30px;
    padding-bottom: 25px;
}
.intro_index  {
    padding-bottom: 30px;
}
.transport_box {
    background-image: url(../img/index/transport_back.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    position: relative;
    padding-bottom: 58%;
    text-align: center;
}
.position_top_blue {
    top: 46px;
    z-index: 9999;
}
.form_intro_box {
}
.intro_list_box {
    padding-bottom: 30px;
}
.other_options_box {
    padding-bottom: 60px;
}
.responsive_image {
    width: 100%;
    height: auto;
}
.single_item_tour {
    width: 33.3333%;
    float: left;
    text-align: center;
}
.content_single_tour {
    background-color: #FFFFFF;
    -webkit-box-shadow: 5px 5px #D1D1D1;
    box-shadow: 5px 5px #D1D1D1;
    width: 85%;
    display: inline-block;
    text-align: left;
    border: 1px solid #E9E9E9;
}
.content_optional_tours {
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    min-height: 225px;
}
.description_other_tour {
    padding-top: 0px;
    padding-bottom: 15px;
}
.other_tours_tittle {
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    position: relative;
    height: 244px;
}.total_body {
}
.total_other_tours {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.hux_pic {
    background-image: url(../img/index/huatulco.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding-bottom: 37%;
    position: relative;
}
.content_pic_hux {
    padding-top: 15%;
}
.content_pic_hux .hux_pic .position_top_blue {
    top: -112px;
}
.triangles_back {
    background-image: url(../img/layout/triangles.png);
    background-repeat: repeat-x;
    background-position: center top;
    position: relative;
}
.planes_back {
    width: 30%;
    height: auto;
    position: absolute;
    right: 5%;
    top: -246px;
}
.tours_intro_box {
    padding-top: 13%;
}
.hux_intro_box {
    padding-left: 10%;
    width: 50%;
    margin-top: -5%;
    padding-bottom: 58px;
}
.tri_img {
    width: 25%;
    height: auto;
}
.hux_intro_box div .tittle_green {
    padding-bottom: 30px;
}
.tittle_box1 {
    position: relative;
    text-align: center;
}
.tittle_2 {
    position: relative;
}
.tittle_2 .position_top_blue {
    top: -84px;
}
@media screen and (max-width:860px){
.single_item_tour {
    width: 80%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
.tour_3_display {
    display: none;
}
.intro_list_box {
    background-color: #FFFFFF;
}
.operator_pic {
    display: none;
}
.planes_back {
    top: -118px;
}
.hux_intro_box {
    width: 80%;
    padding-top: 80px;
}
}
@media screen and (max-width:680px){
.single_item_tour {
    width: 100%;
    margin-bottom: 26px;
}
.content_single_tour {
    width: 100%;
}
.hux_intro_box {
    padding-top: 200px;
}
}

@media screen and (max-width:960px){
.position_top_blue {
    position: relative;
}
.tittle_2 .position_top_blue {
    top: 2px;
}
.tittle_2 {
    padding-bottom: 65px;
}
}