/** ESTILOS **/

/** COLORES 
* PRINCIPAL:    #d43504 
* PPAL LIGHT:   #ef3e41
* PPAL DARK:    #9a0f10
* CONTRSTE 1:   #db0808
* CONTRASTE 2:  #ffbb00
**/


/** GENERALES **/

html{
   
}

layout_header {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: block;
    z-index: 2;
    border-bottom: none;
    min-height: 12vh; 
}
layout_body {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: block;
    min-height: 80vh;
    z-index: 1;
}
layout_footer {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: block;
    bottom: 0;
    z-index: 2;
    min-height: 8vh;
    overflow: hidden;

}
.fondo_blanco {
    background-color: white;
}


.p0{
    padding:0px !important;
}
.p5{
    padding:5px !important;
}
.p10{
    padding:10px !important;
}
.p15{
    padding:15px !important;
}
.p20{
    padding:20px !important;
}
.p25{
    padding:25px !important;
}
.p30{
    padding:30px !important;
}
.p35{
    padding:35px !important;
}
.p40{
    padding:40px !important;
}
.p45{
    padding:45px !important;
}
.p50{
    padding:50px !important;
}

.pt0{
    padding-top:0px !important;
}
.pt5{
    padding-top:5px !important;
}
.pt10{
    padding-top: 10px !important;
}
.pt15{
    padding-top:15px !important;
}
.pt20{
    padding-top:20px !important;
}
.pt25{
    padding-top:25px !important;
}
.pt30{
    padding-top:30px !important;
}
.pt35{
    padding-top:35px !important;
}
.pt40{
    padding-top:40px !important;
}
.pt45{
    padding-top:45px !important;
}
.pt50{
    padding-top:50px !important;
}

.pl0{
    padding-left:0px !important;
}
.pl5{
    padding-left:5px !important;
}
.pl10{
    padding-left:10px !important;
}
.pl15{
    padding-left:15px !important;
}
.pl20{
    padding-left:20px !important;
}
.pl25{
    padding-left:25px !important;
}
.pl30{
    padding-left:30px !important;
}
.pl35{
    padding-left:35px !important;
}
.pl40{
    padding-left:40px !important;
}
.pl45{
    padding-left:45px !important;
}
.pl50{
    padding-left:50px !important;
}


.pb0{
    padding-bottom:0px !important;
}
.pb5{
    padding-bottom:5px !important;
}
.pb10{
    padding-bottom:10px !important;
}
.pb15{
    padding-bottom:15px !important;
}
.pb20{
    padding-bottom:20px !important;
}
.pb25{
    padding-bottom:25px !important;
}
.pb30{
    padding-bottom:30px !important;
}
.pb35{
    padding-bottom:35px !important;
}
.pb40{
    padding-bottom:40px !important;
}
.pb45{
    padding-bottom:45px !important;
}
.pb50{
    padding-bottom:50px !important;
}


.pr0{
    padding-right:0px !important;
}
.pr5{
    padding-right:5px !important;
}
.pr10{
    padding-right:10px !important;
}
.pr15{
    padding-right:15px !important;
}
.pr20{
    padding-right:20px !important;
}
.pr25{
    padding-right:25px !important;
}
.pr30{
    padding-right:30px !important;
}
.pr35{
    padding-right:35px !important;
}
.pr40{
    padding-right:40px !important;
}
.pr45{
    padding-right:45px !important;
}
.pr50{
    padding-right:50px !important;
}

.m0{
    margin:0px !important;
}

.m0{
    margin:0px !important;
}
.m5{
    margin:5px !important;
}
.m10{
    margin:10px !important;
}
.m15{
    margin:15px !important;
}
.m20{
    margin:20px !important;
}
.m25{
    margin:25px !important;
}
.m30{
    margin:30px !important;
}
.m35{
    margin:35px !important;
}
.m40{
    margin:40px !important;
}
.m45{
    margin:45px !important;
}
.m50{
    margin:50px !important;
}

.mt0{
    margin-top:0px !important;
}
.mt5{
    margin-top:5px !important;
}
.mt10{
    margin-top:10px !important;
}
.mt15{
    margin-top:15px !important;
}
.mt20{
    margin-top:20px !important;
}
.mt25{
    margin-top:25px !important;
}
.mt30{
    margin-top:30px !important;
}
.mt35{
    margin-top:35px !important;
}
.mt40{
    margin-top:40px !important;
}
.mt45{
    margin-top:45px !important;
}
.mt50{
    margin-top:50px !important;
}

.ml0{
    margin-left:0px !important;
}
.ml5{
    margin-left:5px !important;
}
.ml10{
    margin-left:10px !important;
}
.ml15{
    margin-left:15px !important;
}
.ml20{
    margin-left:20px !important;
}
.ml25{
    margin-left:25px !important;
}
.ml30{
    margin-left:30px !important;
}
.ml35{
    margin-left:35px !important;
}
.ml40{
    margin-left:40px !important;
}
.ml45{
    margin-left:45px !important;
}
.ml50{
    margin-left:50px !important;
}


.mb0{
    margin-bottom:0px !important;
}
.mb5{
    margin-bottom:5px !important;
}
.mb10{
    margin-bottom:10px !important;
}
.mb15{
    margin-bottom:15px !important;
}
.mb20{
    margin-bottom:20px !important;
}
.mb25{
    margin-bottom:25px !important;
}
.mb30{
    margin-bottom:30px !important;
}
.mb35{
    margin-bottom:35px !important;
}
.mb40{
    margin-bottom:40px !important;
}
.mb45{
    margin-bottom:45px !important;
}
.mb50{
    margin-bottom:50px !important;
}


.mr0{
    margin-right:0px !important;
}
.mr5{
    margin-right:5px !important;
}
.mr10{
    margin-right:10px !important;
}
.mr15{
    margin-right:15px !important;
}
.mr20{
    margin-right:20px !important;
}
.mr25{
    margin-right:25px !important;
}
.mr30{
    margin-right:30px !important;
}
.mr35{
    margin-right:35px !important;
}
.mr40{
    margin-right:40px !important;
}
.mr45{
    margin-right:45px !important;
}
.mr50{
    margin-right:50px !important;
}


.no_padding {
    padding: 0 !important;
}
.no_padding_bottom{
    padding-bottom:0 !important;
}
.no_padding_top{
    padding-top:0 !important;
}
.no_padding_left{
    padding-left:0 !important;
}
.no_padding_right{
    padding-right:0 !important;
}
.clear_both{
    clear:both;
}
.overflow_initial{
    overflow:initial !important;
}
.overflow_hidden{
    overflow:hidden !important;
}
.align_left{
    text-align:left !important;
}
.align_right{
    text-align:right !important;
}
.align_center{
    text-align:center !important;
}
.contenedor_sin_resultados {
    text-align: center;
    font-size: 15px;
    color: #a7a7a7;
    padding: 15px;
}
.contenedor_centrado_vertical{
    position:relative;
    width:100%;
    height:100%;
    display:table
}

.contenido_centrado_vertical{
    position:relative;
    display:table-cell;
    vertical-align:middle
}

/** TRANSITIONS **/
.transition_rebote{
webkit-transition: all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
-moz-transition: all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0s !important;
-o-transition: all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
-ms-transition: all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
transition: all 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275) 0 !important;
}
.transition_03 {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
transition:all 0.3s ease
}
.transition_06 {
-webkit-transition:all 0.6s ease;
-moz-transition:all 0.6s ease;
-o-transition:all 0.6s ease;
-ms-transition:all 0.6s ease;
transition:all 0.6s ease
}
.transition_08 {
-webkit-transition:all 0.8s ease;
-moz-transition:all 0.8s ease;
-o-transition:all 0.8s ease;
-ms-transition:all 0.8s ease;
transition:all 0.8s ease
}

.transition_1 {
-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
-ms-transition:all 1s ease;
transition:all 1s ease
}
/*
input[type=password],
input[type=text], 
input[type=email] {
    width: 100%;
    padding: 20px 10px;
    font-size: 16px;
    color: #a9a7a7;
    background: #FFFFFF;
    border: 1px solid #eaeaea;
    outline: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
*/
/** IMAGENES CON MASCARA **/

.contenedor_mascarara {
    position: relative;
    overflow: hidden;
}
img.mascarara{
    position:absolute;
    width:100%;
    height:auto;
}
img.mascarara.horizontal{
    max-width: unset;
    height: 100%;
    width: auto;
}

/** SWIPER **/
.swiper-container {
    width: 100%;
    height: 50vh;
    min-height: 500px;
    background-color:black;
}
.swiper-slide img {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}
.swiper-slide{
    cursor:pointer;
}
.swiper-slide-description {
    position: absolute;
    background-color: black;
    bottom: 0;
    width: 100%;
    opacity: 0.8;
    padding: 10px;
    padding-bottom: 30px;
    color: white;
}
.swiper-slide-description b {
    text-transform: uppercase;
}
.pswp__caption b {
    text-transform: uppercase;
}
.individual_alerta {
    padding: 4px 6px;
    font-size: 15px;
}
.individual_alerta.error {
    background-color: rgb(255, 219, 219);
    color: rgb(166, 17, 17);
}
.individual_alerta.exito {
    background-color: rgb(164, 179, 42);
    border: rgb(132, 145, 34) solid 1px;
    color: rgb(255, 255, 255);
}
.contenedor_alertas_page {
    margin: 6px;
}
.boton_cerrar_alerta {
    float: right;
    margin-top: 2px;
    cursor:pointer;
}




/** 
==========================================================================================================================
----------------------------------------------------------------------------------------------- CUSTOM PROYECTO CHASICOWEB
==========================================================================================================================
**/
body{
    font-family: 'Roboto', sans-serif !important;
    background-color:#081508;
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Roboto', sans-serif !important;
}

.tp-banner-container {
    max-width: 100%;
}

.tp-bgimg {
    background-color: rgb(8, 21, 8) !important;
    background-image:none !important;
}
.logo_home img {
    width: 340px !important;
    height: auto !important;
}
.main-slider.style-two .text {
    color: #b0d0c4;
    font-size: 18px !important;
    text-transform: uppercase;
    font-family: roboto;
}

.logo-box .logo img {
    width: 110px;
    opacity:0;
}
.fixed-header .logo-box .logo img{
    opacity:1;
}

.hidden-bar {
    background: #1c6148;
}

.logo.text-center img {
    width: 160px;
}
.hidden-bar .logo {
    background: #063a27;
}
.hidden-bar .side-menu ul li a {
    color: white;
}

.hidden-bar .side-menu ul li a:hover, 
.hidden-bar .side-menu ul > li.current > a, 
.hidden-bar .side-menu ul > li > ul > li.current > a {
    background: rgba(0, 0, 0, 0.18);
    color: #ffffff;
}
.preloader{
    /*background-color: #091704;*/
    background-color:transparent;
    background-image:none;
}
.news-section-one {
    background: #daf1e8;
}
.news-section-one h3 {
    text-align: center;
    font-size: 27px;
    text-transform: uppercase;
    margin-bottom:15px;
}
.news-section-one {
    text-align: center;
}

.news-section-one img {
    max-width: 760px;
}
.share-section-one {
    background: #206a4e;
}
.btn-style-four,
.btn-style-three:hover {
    color: white;
    background-color: #206a4e;
    border-color: #36906e;
}
.footer-style-two {

    background: #252525;
}
ul.rate-list .clearfix {
    font-size: 13px;
    color: #cacaca;
    margin-bottom: 8px;
    background-color: #2d2d2d;
    padding: 11px;
}
ul.rate-list .clearfix span.pull-left {
    font-weight: bold;
    font-size: 16px;
}
.contact-column h3 {
    font-size: 21px;
    margin-bottom: 10px;
    font-weight: bold;
    color: white;
}
.btn-style-four:hover,
.btn-style-three {
    background: none;
    color: #206a4e;
    
}
.footer-style-two .contact-form input[disabled], .footer-style-two .contact-form textarea[disabled] {
    color: #404040 !important;
    background-color: #040404 !important;
}
.btn-style-four[disabled] {
    background-color: #909090;
    color: #5f5f5f;
    border-color: #676767;
}
.fluid-column ul.rate-list .clearfix {
    background-color: #22282f;
}
.intro-section-two .fluid-box .rates-column .rate-list li {
    margin-bottom: 10px;
}
ul.rate-list a {
    display: block;
    width: 100%;
    color: white;
    padding: 11px;
    height: 45px;
}
ul.rate-list .clearfix.enlace {
    padding: 0;
}
ul.rate-list a:hover {
    background-color: #206a4e;
}

ul.rate-list a .pull-right {
    font-size: 17px;
    font-weight: bold;
}
/** 
==========================================================================================================================
------------------------------------------------------------------------------------------- FIN CUSTOM PROYECTO CHASICOWEB 
==========================================================================================================================
**/
