@import url('animate.css');

@import url('header-footer.css');





body{

    overflow-x: hidden;
    overflow-y: scroll!important;

}






.container-fluid {

    width: auto;

    padding-right: 0;

    padding-left: 0;

    margin-right: auto;

    margin-left: auto;

}







.row{

    padding-right: 0;

    padding-left: 0;

    margin-right: 0;

    margin-left: 0;

}





/*-----------------------PANORAMIC-------------------------*/

/*.img-fluid {

    max-width: 100%;

    width: 100%;

    height: auto;

}*/







.owl-item{

    height: auto!important;

}





.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

    display: block;

}





.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

    display: block;

    margin: 0;

}



.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {

    display: block;

    margin: 0;

}



.owl-theme .owl-nav.disabled+.owl-dots {

    /*margin-top: 10px;*/

    margin: 0;

}



.owl-theme .owl-nav {

    /*margin-top: 10px;*/

    margin: 0;

}







.owl-theme .owl-nav [class*=owl-]:hover {

    background: transparent;

    color: #FFF;

    text-decoration: none;

}



.panoramic .owl-prev {

margin       : 0 0 0 0.7em;

left         : 65px;

display      : inline-block;

position     : absolute;

top          : 35%;

font-size    : 2em;

display:     : none!important;

}

.panoramic .owl-next {

margin       : 0 0.7em 0 0;

right        : 65px;

display      : inline-block;

position     : absolute;

top          : 35%;

font-size    : 2em;

display:     : none!important;

}







.cont_det {

    width: 100%;

    height: 100%;

    max-height: 100px;

    display: inline-block;

    text-align: right;

    position: relative;

    bottom: 0px;

    background-color: #00529e;

    color: #ffffff;

}





.tit_paq_pan{

    width: 50%;

    max-height: 100px;

    text-align: center;

    display: inline-block;

    vertical-align: middle;

    margin: 0;

    padding: 0 15px;

    background-color: #75599a;

}



.tit_paq_pan h3 {

    font-family: 'Arimo', sans-serif;

    font-weight: 700;

    font-size: 26px;

    display: inline-block;

    padding: 15px 0;

    margin: 0;

    width: auto;

    line-height: 100%;

}





.det_panoramic {

    width: 49%;

    max-height: 100px;

    font-family: 'Arimo', sans-serif;

    font-weight: 400;

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    /* margin: 0; */

    padding:15px;

    background-color: #001e42;



}



.det_panoramic p{

    font-weight: 700;

    display: inline-block;

    vertical-align: middle;

    font-size: 26px;

    margin: 0;

    padding: 0;

}



/*.det_panoramic small{

    font-weight: 700;

    font-size: 14px;

    display: block;

    text-align: center;

    padding: 11px 0;

}*/



.det_panoramic span {

    font-size: 14px;

    display: inline-block;

    vertical-align: middle;

}



.det_panoramic div {

    font-size: 64px;

    display: inline-block;

    vertical-align: middle;

    line-height: 50%;

    text-align: right;

    box-sizing: content-box;

    padding: 6px 55px 0 55px;

    color: #fff;

}



.btn_ver_mas {

    font-family: 'Lato', sans-serif;

    width: 145px;

    font-weight: 700;

    font-size: 14px;

    color: #fff;

    background-color: #009d24;

    border: none;

    padding: 12px 0;

    /*margin: 20px 0;*/

    margin-top: 0;

}



.btn_ver_mas img {

    width: 15px!important;

    height: 11px!important;

    display: inline-block!important;

    margin-right: 5px;

}



/*-----------------------PANORAMIC-------------------------*/







#spacetop{

    margin-top: 100px;

}















/*----------------------- BLOQUEOS SECCION -------------------------*/





#cont_bloqueos {

    height: auto;

    min-height: 227px;

    text-align: left;

    margin-top: 100px;

    /*margin-bottom: 100px;*/

}



.icon-bloqueo {

    width: 34px;

    height: 34px;

    margin-right: 10px;

    margin-top: 4px;

    background-position: -213px -58px;

    vertical-align: top;

}



.carusel_bloqueos{

    margin: 0;

    padding:0;

}



.cont_oferta_bloq {

    width: 230px;

    width: 100%;

    text-align: center;

    position: relative;

}







.cont_oferta_bloq img:hover{

    filter: brightness(120%) drop-shadow(0px 8px 8px #000);

    transition: opacity .3s;

    opacity: 1;

}





/*.cont_oferta_bloq a {

    display: block;

    color: #ffffff;

}*/



.carusel_bloqueos .owl-prev {

margin       : 0 0 0 0.7em;

left         : 65px;

display      : inline-block;

position     : absolute;

top          : 43%;

font-size    : 2em;

}

.carusel_bloqueos .owl-next {

margin       : 0 0.7em 0 0;

right        : 65px;

display      : inline-block;

position     : absolute;

top          : 43%;

font-size    : 2em;

}





/*Detalle banners*/

a.theme_ban_white  { display:block; color:#ffffff!important;   }

a.theme_ban_blue  { display:block; color:#01114d!important;   }

.cont_num_mt {

    font-family: 'Arimo', sans-serif;

    font-weight: 400;

    font-size: 12px;

    text-align: right;

    padding: 1px 5px 0 0;

    position: absolute;

    z-index: 100;

    top: 0;

    right: 0;

    width: 100%;

}



.cont_det_ban {

    font-family: 'Arimo', sans-serif;

    font-weight: 400;

    font-size: 12px;

    height: auto;

    display: inline-block;

    text-align: center;

    padding: 0 0 7px 0;

    position: absolute;

    z-index: 100;

    bottom: 0;

    right: 0;

    width: 100%;

}



.cont_det_ban small{

    font-weight: 700;

    font-size: 14px;

    display: block;

    text-align: center;

    padding: 10px 0;

}



.cont_det_ban span {

    font-size: 14px;

    vertical-align: middle;

    letter-spacing: 0;

}



.cont_det_ban div {

    height: auto;

    font-size: 55px;

    display: inline-block;

    vertical-align: middle;

    line-height: 54%;

    text-align: right;

    letter-spacing: -2px;

}



/*Detalle banners*/



/*----------------------- BLOQUEOS SECCION -------------------------*/





.cont_cent{

    margin-top: 100px;

}







/*----------------------- FILTERS -------------------------*/



#cont_filters{

    color: #353745;

    text-align: center;

    min-height: auto;

    /*margin-bottom: 40px; */

}



    #show_filters{
        display: none;
    }
    #close_filters{
        display: none;
        width: 55%;
    }





#cont_center_filters{

    width: 100%;

    /* max-width: 225px; */

    max-width: 307px;

    display: inline-block;

    text-align: center;

    /*background-color: red;*/

}



.altern_show{ display: none;  }



#cont_center_filters ul{
    margin: 0;
    padding: 0;
}


#menu_top li{
font-family: 'Arimo', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    padding: 15px 0;
    display: block;
    text-align: left;
    max-width: 100%;
    text-transform: uppercase;
    border-top: 1px solid rgba(0,0,0,0.2);
}

#menu_top li a{
    color: #454545;
}


#menu_operators li{
font-family: 'Arimo', sans-serif;
    font-weight: 700;
    font-size: 16px;
    margin: 0;
    padding: 15px 0;
    display: block;
    text-align: left;
    max-width: 100%;
    text-transform: uppercase;
    border-top: 1px solid rgba(0,0,0,0.2);
    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/boton-filtrar/filtrar-arrow.png)!important;
    background-repeat: no-repeat;
    background-position: center right;
}

#menu_operators li a{
    color: #454545;
}





#cont_filters h4 {

    font-family: 'Arimo', sans-serif;

    font-weight: 400;

    font-size: 20px;

    margin: 0 0 30px 0;

    display: inline-block;

    text-align: left;

    /*width: 225px;*/

    width: 100%;

    /*color: #75599a;*/

    color: #454545;

    /* background-color: yellow; */

}



#cont_filters .bloq_fill h5{

    font-family: 'Arimo', sans-serif;

    font-weight: 700;

    font-size: 16px;

    margin: 30px 0;

    display: block;

    text-align: left;

    max-width: 307px;

    /*background-color: pink;*/

}



.icon_accordeon_noactive{

    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/boton-filtrar/filtrar-arrow.png)!important;

    background-repeat: no-repeat;

    background-position: center right;

}



.icon_accordeon_active{

    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/boton-filtrar/filtrar-arrow-active.png)!important;

    background-repeat: no-repeat;

    background-position: center right;

}







.btn-link:hover {

    color: #75599a;

    text-decoration: none;

    background-color: transparent;

    border-color: transparent;

}





.lnk_vistas {

    display: block;

    margin: 30px 0 10px 0;

    padding: 0;

    height: 24px;

    text-align: right;

    width: 98%;

}





.lnk_vistas:before {

    font-family: 'Arimo', sans-serif;

    font-weight: 700;

    font-size: 16px;

    width: auto;

    /*height: 25px;*/

    display: inline-block;

    text-align: right;

    color: #353745;

    /*margin: 0 0 30px 0!important;*/

    margin: 0!important;

    padding-left: 40px;

    /*background-color: green;*/

    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/boton-filtrar/btn_tipo_lista.jpg);

    background-repeat: no-repeat;

    /*background-position: top right;*/

    background-position: left -1px;

    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

    content: "VER LISTA";

}



.icon_blq:before{

    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/boton-filtrar/btn_tipo_blq.png)!important;

    content: "VER MOSAICO";

    padding-left: 35px;

    background-position: left -1px;

}



.lnk_vistas:hover{

    color: #75599a;

    text-decoration: none;

}







hr{

    background: #e0e7ed;

    margin: 0;

    padding: 0;

}



/*form*/

#form_filter_section{

    font-family: 'Lato', sans-serif;

    font-weight: 400;

    width: 100%;

    padding: 0;

    display: block;

    margin: 0 auto;

    text-align: center;

}



.form-group {

    margin: 0 auto 30px auto;

    max-width: 220px;

    text-align: center;

    display: block;

}







#form_filter_section input{

    padding:0 8px;

    /*height: 35px;*/

    border-radius:0;

    border-color: #898989 ;

    color: #353745;

    background-color: #ffffff;

    font-size: 16px;

}



.skeyword{

    height: 38px;

    padding:0 13px!important;

}





#form_filter_section select{

    /*padding:6px;*/

    height: 35px;

    border-radius:0;

    color: #353745;

    border-color: #898989;

    background-color: #ffffff;

}





/* SELECT2*/





.select2-container--default.select2-container--focus .select2-selection--multiple {

    border: solid 1px #898989!important;

    outline: 0;

}



.select2-container--default .select2-selection--multiple {

    background-color: white;

    border: 1px solid #898989!important;

    border-radius: 0!important;

    cursor: text;

}



#cont_filters {

    font-family: 'Lato', sans-serif;

    font-weight: 400;

    color: #fff;

    text-align: center;

    min-height: auto;

    /* margin-bottom: 40px; */

}



.select2-container .select2-selection--multiple {

    box-sizing: border-box;

    cursor: pointer;

    display: block;

    min-height: 38px!important;

    user-select: none;

    -webkit-user-select: none;

}





.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

    color: #fff!important;

    cursor: pointer;

    display: inline-block;

    font-weight: bold;

    margin-right: 2px;

}



.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background-color: #75599a!important;

    border: 1px solid #75599a!important;

    border-radius: 0!important;

    cursor: default;

    float: left;

    margin-right: 5px;

    margin-top: 5px;

    padding: 0 5px;

}



.select2-container--default .select2-search--inline .select2-search__field {

    background: transparent;

    border: none;

    outline: 0;

    box-shadow: none;

    -webkit-appearance: textfield;

    font-family: 'Lato', sans-serif!important;

    font-weight: 400!important;

    font-size: 16px!important;

}



/* //SELECT2*/





#form_filter_section ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */

    color:#353745; /* Firefox */

}

#form_filter_section :-ms-input-placeholder { /* Internet Explorer 10-11 */

    color:#353745;

}

#form_filter_section::-ms-input-placeholder { /* Microsoft Edge */

    color:#353745;

}





.btn-filtrar {

    font-family: 'Lato', sans-serif;

    font-weight: 700;

    width: 100%;

    max-width: 143px;

    font-size:14px;

    color: #fff;

    background-color: #009d24;

    border: none;

    padding: 12px 0;

    display: block!important;

    margin: 0 auto 30px auto;

}



.btn-ver-todo {

    font-family: 'Lato', sans-serif;

    font-weight: 700;

    width: 100%;

    max-width: 143px;

    font-size:14px;

    color: #fff;

    /*background-color: #75599a;

    background-color: transparent;*/

    background-color: #152441;

    border: none;

    padding: 12px 0;

    display: block!important;

    margin: 0 auto 30px auto;

}

/* form */





/*range */

.ui-widget.ui-widget-content {

    border: 1px solid #4196cc;

    height: 3px;

    width: 95%;

    display: inline-block;

}

.ui-widget-header {

    border: 1px solid #4196cc;

    background: #4196cc!important;

    color: #333;

    font-weight: bold;

}





.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {

    border: 2px solid #1f9fdc;

    background: #fff;

    font-weight: normal;

    color: #454545;

    border-radius: 15px;

}

.ui-slider-horizontal .ui-slider-handle {

    top: -11px!important;

    margin-left: -.6em;

}



.ui-slider .ui-slider-handle {

    position: absolute;

    z-index: 2;

    width: 22px;

    height: 22px;

    cursor: default;

    -ms-touch-action: none;

    touch-action: none;

}



.ranges{

    display: inline-flex;

    width: 100%;



}



.barras_filtro {

    margin-bottom: 30px;

    width: 190px;

    display: inline-block;

}



.counter {

    font-family: 'Arimo', sans-serif;

    font-weight: 400;

    font-size: 14px;

    border: none;

    margin-top: 10px;

    width: 49%;

}

/* range */



.btn-link {

    font-weight: 400;

    color: #454545;

    background-color: transparent;

    margin: 0;

    padding: 0;

    /*background-color: yellow;*/

    width: 100%;

}



.bloq_fill {

    display: inline-block;

    vertical-align: top;

    width: 100%;

}



.card-body {

    padding: 0;

}







/*----------------------- FILTERS -------------------------*/













/*----------------------- PAQUETES -------------------------*/



#cont_list{

       margin-bottom: 100px;

}



.title-blq {

    height: auto;

    min-height: 54px;

    font-family: 'Arimo', sans-serif;

    font-weight: 400;

    font-size: 40px;

    letter-spacing: -1px;

    margin: 0 0 0 0;

    padding: 0 19px;

    display: inline-block;

    line-height: 120%;

    border-left: 6px solid #75599a;

}

.title-blq h1 {

    color:#353745;

    margin: 0;

    padding: 0;

    line-height: 100%;
    text-transform: uppercase;

}



.title-blq br { margin: 0; padding:0;  }



.title-blq p {

    font-weight: 400;

    font-size: 20px;

    line-height: 120%;

    letter-spacing: 0px;

    margin: 0;

    padding:0;

}











.title-blq-responsive {

    height: auto;

    min-height: 54px;

    font-family: 'Arimo', sans-serif;

    font-weight: 400;

    font-size: 40px;

    letter-spacing: -1px;

    margin: 0 0 0 0;

    padding: 0 19px;

    display: inline-block;

    line-height: 120%;

    border-left: 6px solid #75599a;

    display: none;

}

.title-blq-responsive h1 {

    color:#353745;

    margin: 0;

    padding: 0;

    line-height: 100%;
    text-transform: uppercase;

}



.title-blq-responsive br { margin: 0; padding:0;  }



.title-blq-responsive p {

    font-weight: 400;

    font-size: 20px;

    line-height: 120%;

    letter-spacing: 0px;

    margin: 0;

    padding:0;

}













.mostrar{ transition: 1s;

          opacity: 1;

          display: block!important;

}





.ocultar{ transition: 1s;

          opacity: 0;

          display: none!important;

}





#view_list{  /*margin-top: 70px;*/ margin-top: 0; display: none;  }


table{
    font-family: 'Arimo', sans-serif;
    color: #000;
    /*width: 95%!important;*/
}

.table {
    margin-bottom: 0;
}

.col_ciudades {
    width: 45%;
}

.col_paises{
    display:none;
}

.header_tbl {
    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/tbl/header-bg.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
    /*border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;*/
    padding-left: 35px!important;
    line-height: 110%;
    vertical-align: middle!important;
}

.headerSortUp {
    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/tbl/header-asc.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
    /*border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;*/
    padding-left: 35px!important;
}

.headerSortDown {
    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/tbl/header-desc.png);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: 10px;
    /*border-left: 1px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;*/
    padding-left: 35px!important;
}

.supidc {
    vertical-align:super;            /*superindice*/
    font-size:9px;
    margin-left: 3px;
}

.table-responsive p {
    color: #F93;
    text-align: right;
    display: block;
    font-size: 13px;
    font-style: italic;
    font-weight: bold;
}

#load_list_mosaic{
    width: 270px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 18px;
    border:solid 3px #009d24;
    text-align: center;
    margin: 50px auto 0 auto;
    padding: 10px 0;
    color: #009d24!important;
    display: block;
    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/boton-cargar-mas/cargar-mas.png);
    background-repeat: no-repeat;
    background-position: 45px 17px;
}

#load_list_mosaic:hover {
    color:#fff!important;
    text-decoration: none;
}


/*FX BUTTON GREEN*/
.hvr-bounce-to-right-green {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-to-right-green:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(https://conexiondubai.com/2027/wp-content/themes/conexion/img/n2/imgs/boton-cargar-mas/cargar-mas-white.png)!important;
    background-repeat: no-repeat!important;
    background-position: 45px 17px!important;
    background: #009d24;
    color: #fff!important;
    border-radius: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-right-green:hover, .hvr-bounce-to-right-green:focus, .hvr-bounce-to-right-green:active {
    color: #fff;
}

.hvr-bounce-to-right-green:hover:before, .hvr-bounce-to-right-green:focus:before, .hvr-bounce-to-right-green:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}



/*FX BUTTON GREEN*/

thead{
    font-weight: 700;
    font-size: 16px;
    background-color: #75599a;
    color: #ffffff;
}

tbody{
    font-weight: 400;
    font-size: 12px;
}

tbody a{
    color: #000;
}



tbody a:hover{
    color: #75599a;
}





tbody tr:hover {
    background-color: #E3F2FF!important;
}


/* MOSAIC */
#view_mosaic{ margin-top: 0;  text-align: center; }

#view_mosaic ul{
    text-align: left;
    margin: 0;
    padding: 0;
}

#view_mosaic li{
    display: inline;
}

.mosaic {
    /*width: 30%;*/
    width: 23%;
    max-width: 328px;
    font-family: 'Arimo', sans-serif;
    background-color: #f5f5f5;
    text-align: center;
    display: inline-block;
    margin: 0 1% 1% 0;
}

.mosaic img:hover{
    filter: brightness(110%) /*drop-shadow(0px 1px 1px #000)*/;
    transition: opacity .3s;
    opacity: 1;
}

.mosaic_banner {
    /*width: 47.3%;*/
    /*width: 61%;*/
    width: 47%;
    max-width: 665px;
    display: inline-block;
    margin: 0 1% 1% 0;
    vertical-align: top;
}

.cont_img_mosaic{
    display:block;
    height:172px;
    overflow:hidden;
}

.mosaic .mosaic-body{
    /*padding: 0 30px 30px 30px;*/
    padding: 0 30px 0 30px;
}

.mosaic .mosaic-title{
    height: 40px;
    font-weight: 700;
    font-size: 16px;
    color: #353745;
    margin:17px 0 17px 0;
}

.mosaic .mosaic-dias{
    font-weight: 700;
   font-size: 14px;
    color: #787e8c;
}

.mosaic .mosaic-costo{
    font-weight: 700;
    font-size: 32px;
    color: #353745;
    text-align: left;
    line-height: 120%;
    margin: 21px 0 21px 0;
    padding: 0;
}

.mosaic .mosaic-ciudades{
    display: block;
}

.mosaic .mosaic-paises{
    display: none;
}

.mosaic .mosaic-costo span{
    display: inline-block;
    line-height: 20%;
}

.mosaic .mosaic-costo span label{
    font-weight: 700;
    display: block;
    font-size: 10px;
}



.mosaic .mosaic-costo span small{
    font-weight: 700;
    font-size: 16px;
    display: block;
}



.mosaic .ver_detalle{
    float: right;
}
/* MOSAIC */

/*----------------------- PAQUETES -------------------------*/







/*----------------------- BANNER -------------------------*/
#cont_banner{
    color: #353745;
    text-align: center;
}



#cont_center_banner{
    display: inline-block;
    margin-top: 128px;
   margin-bottom: 100px;
}

/*----------------------- //BANNER -------------------------*/





/*----------------------- LISTO PARA VIAJAR -------------------------*/
#cont_unete_blq_green{
    background-color: #75599a!important;
    overflow:hidden;
}

/*----------------------- LISTO PARA VIAJAR -------------------------*/





/*FX BUTTON GENERAL*/
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-bounce-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #c7322f;
    border-radius: .25rem;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
   color: white;
}


.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    /*-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);*/
}
/*FX BUTTON GENERAL*/




@media screen and (max-width:1700px){
    /*.mosaic {
        width: 100%;
    }*/
}



@media screen and (max-width:1500px){
#cont_center_filters {
    text-align: center;
}

.bloq_fill {
    /*margin: 0 12px;*/
    margin: 0;
}



/* MOSAIC */
/*.mosaic {
    width: 30%;
}*/


/*.mosaic_banner {
    width: 61.3%;
}*/

/* //MOSAIC */


}









@media screen and (max-width:1430px){
    .mosaic {
        /*width: 45%;*/
        width: 32%;
    }

    .mosaic_banner {
        width: 65.3%;
    }
}



@media screen and (max-width:1215px){
    .mosaic_banner {
        width: 100%;
    }

    .mosaic {
        width: 38%;
    }

}





@media screen and (max-width:1199px){
    #cont_filters{
        display: none;

    }

    .btn-primary {
        color: #fff;
        background-color: transparent;
        border-color: none!important;
    }

    #show_filters{
        display: block;
        z-index: 100;
        position: fixed;
        margin: 0 auto;
        bottom: 43px;
        left: 19%;
        width: 55%;
        background-color: #009d24;
        font-size: 16px;
        padding: 9px 12px;
        border: none!important;
    }
    #close_filters{
        display: block;
    }

    #cont_filters {
        margin-bottom: 0;
        position: fixed;
        z-index: 100;
        background-color: #fff;
        height: 100%;
        left: 0;
        top: 0;
        display: block;
        overflow-x: auto;
    }

    .close_cont_filters{
        display: none!important
    }

    #cont_center_filters {
        max-width: 100%;
        width: 100%;
        margin-top: 20px;
    }

    #form_filter_section {
        width: 70%;
    }

    .lnk_vistas {
        width: 100%;
    }

    #view_mosaic ul {
        text-align: center;
    }


    .barras_filtro{
        width: auto;
    }

    .altern_show{ display: block;  }

    #cont_filters h4 {

        width: 100%;

        text-align: left;

    }

    #cont_filters .bloq_fill h5 {
        width: 100%;
        max-width: 100%;
        text-align: left;
    }

    .btn-link {
        width: 100%;
    }

    .bloq_fill {
       margin: 0;
       width: 100%;
    }


    .form-group {
        max-width: 100%;
    }


   .select2-container {
        box-sizing: border-box;
        display: inline-block;
        margin: 0;
        position: relative;
        vertical-align: middle;
        width: 100%!important;
    }


    .title-blq {
        display: none;
    }



    .title-blq-responsive {
       display: none;
       margin: 100px 15px 0 15px;
       text-align: left;
    }

    /*#view_list {

        margin-top: 30px;

    }*/



    /*#view_mosaic {

        margin-top: 30px;

    }*/



    .cont_cent {
        margin-top: 70px;
    }



    /* MOSAIC */

    .mosaic_banner {

        width: 100%;

        max-width: 670px;

    }

    /* //MOSAIC */





    #img_map_green{

            display: none!important;

    }









/*----------------------- BANNER -------------------------*/



#cont_center_banner{

    margin-top: 0;

}


}


@media screen and (max-width:1124px){
    /*.det_panoramic {

        padding: 15px 55px 15px 55px;

        text-align: right;

    }



    .det_panoramic div {

        padding: 20px 0 0 55px;

    }*/

}







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



    .cont_det {

    width: 100%;

    height: auto;

    max-height: 100%;

    }





    .tit_paq_pan{

        width: 100%;

        height: auto;

    }



    .tit_paq_pan h3 {

    }





    .det_panoramic {

        width: 100%;

        max-height: 100%;

        text-align: center;



    }







    /*.det_panoramic div {

        padding: 7px 50px 0 50px;

    }*/







}





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



/* MOSAIC */

.mosaic {

    width: 100%;

}



.mosaic_banner {

    width: 100%;

}





/* //MOSAIC */



}



















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



/* MOSAIC */



.mosaic {

    margin: 0 12px 12px 0;

}



.mosaic_banner {

    width: 100%;

    max-width: 328px;

    margin: 0 12px 12px 0;

}





/* //MOSAIC */



}











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





    .cont_det {

    }





    .det_panoramic {

        width: 100%;

        max-height: auto;

        text-align: center;

    }







    /*.det_panoramic div {

        padding: 10px 0 0 0;

    }*/





}





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





 .det_panoramic {

    text-align: right;

}



.btn_ver_mas {

    margin-right: 50px;

}





}









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



.tbl_dnone{ display: none;  }



}



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



 .det_panoramic {

    text-align: center;

}



    .det_panoramic p {

        display: block;

    }





    .det_panoramic div {

        padding: 6px 30px 0 30px;

        display: block;

        text-align: center;

    }





.btn_ver_mas {

    margin-right: 0;

}





}