/* ----------------------------------------------------------------
    Author     :
    _______    .---.        ____    .-------.       ____
   /   __  \   | ,_|      .'  __ `. |  _ _   \    .'  __ `.
  | ,_/  \__),-./  )     /   '  \  \| ( ' )  |   /   '  \  \
,-./  )      \  '_ '`)   |___|  /  ||(_ o _) /   |___|  /  |
\  '_ '`)     > (_)  )      _.-`   || (_,_).' __    _.-`   |
 > (_)  )  __(  .  .-'   .'   _    ||  |\ \  |  |.'   _    |
(  .  .-'_/  )`-'`-'|___ |  _( )_  ||  | \ `'   /|  _( )_  |
 `-'`-'     /  |        \\ (_ o _) /|  |  \    / \ (_ o _) /
   `._____.'   `--------` '.(_,_).' ''-'   `'-'   '.(_,_).'

-----------------------------------------------------------------*/
.megamenu-row{padding: 10px;}
.blanco{
    color: white !important;
}
.bgGrafico{
    background-image: url('/uploads/content/recursos/fondo-grafico.jpg');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgWeb{
    background-image: url('/uploads/content/recursos/fondo-web.jpg');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg3d{
    background-image: url('/uploads/content/recursos/fondo-3d.jpg');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgImpresion{
    background-image: url('/uploads/content/recursos/fondo-impresion.jpg');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgIlustracion{
    background-image: url('/uploads/content/recursos/fondo-ilustracion.jpg');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bgVideo{
    background-image: url('/uploads/content/recursos/fondo-video.jpg');
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.botonTurquesa{
    background-color: #13afba;
}
.botonVerde{
    background-color: #84b707;
}
.botonAmarillo{
    background-color: #fdc00d;
}
.botonRosa{
    background-color: #ff5273;
}
.botonLila{
    background-color: #be34d6;
}
.main-slider .swiper-slide{
    background-position-y: center;
}
footer p, footer .w-list .list li a, footer span, footer h6, footer li, footer .w-follow .utouch-icon{
    color: white;
}
footer .w-follow .utouch-icon{
    fill: white;
}
.padding50{
    padding: 50px 0;
}
.text-center{
    text-align: center;
}
.contact-item img{
    height: 44px;
    min-width: 44px;
    margin-right: 30px;
}
.with-icon{
    z-index: 9;
}
.btnAddCart{
    font-family: 'Nunito';
    font-weight: bold;
    z-index: 999;
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 0;
    background-color: white;
}
.galeriaRise .screenshots-item{
    padding-bottom: 40px;
}
.stunning-header--bg-photo{
    background-position-y: center;
}
footer .w-contacts a{
    color: white;
}
.botonVolver{
    margin-top: -50px;
}
.publicacion{
    margin-bottom: 40px;
}
.publicacion h2{
    font-size: 25px;
}
.publicacion .imagenPost{
    padding: 0;
}
a .publicacion p{
    color: #4b5d73;
}
.letraGrandeHome{
    font-weight: 900;
    font-size: 30px;
}
.imgSombra{
    border-radius: 10px;
    box-shadow: 30px 0 100px 0 rgba(0, 0, 0, 0.15);
}
.textoGrande p{font-size: 20px;}
.espaciador{padding: 40px;}
.preciosEventos img{max-width: 100%;}
.preciosEventos{padding-bottom: 40px;}
.porfolioDetalle{margin: 0 10px;}

.proximosEventos ul{
    border-radius: 10px;
    box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.1);
    width: 100%;
}
.proximosEventos ul li{

}
.proximosEventos ul li:first-child, .proximosEventos ul li:nth-child(3), .proximosEventos ul li:nth-child(5), .proximosEventos ul li:nth-child(7), .proximosEventos ul li:nth-child(9), .proximosEventos ul li:nth-child(11), .proximosEventos ul li:nth-child(13), .proximosEventos ul li:nth-child(15), .proximosEventos ul li:nth-child(17){
    font-size: 18px;
    line-height: 1.3em;
    font-weight: 700;
    color: #273f5b;
    padding: 8px 15px;
    border-top: 1px solid #dbe3ec;
}
.proximosEventos ul li:nth-child(2), .proximosEventos ul li:nth-child(4), .proximosEventos ul li:nth-child(6), .proximosEventos ul li:nth-child(8), .proximosEventos ul li:nth-child(10), .proximosEventos ul li:nth-child(12), .proximosEventos ul li:nth-child(14), .proximosEventos ul li:nth-child(16), .proximosEventos ul li:nth-child(18){
    padding: 5px 15px;
    color: #6987ab;
    font-size: 14px;

}
.proximosEventos ul li:first-child, .proximosEventos ul li:last-child{
    border-top: none !important;
    border-radius: 10px 10px 0 0;
}
.proximosEventos ul li:first-child, .proximosEventos ul li:nth-child(2), .proximosEventos ul li:nth-child(7), .proximosEventos ul li:nth-child(8), .proximosEventos ul li:nth-child(13), .proximosEventos ul li:nth-child(14){
    background-color: #d2e9f7;
}
.proximosEventos ul li:nth-child(3), .proximosEventos ul li:nth-child(4), .proximosEventos ul li:nth-child(9), .proximosEventos ul li:nth-child(10), .proximosEventos ul li:nth-child(15), .proximosEventos ul li:nth-child(16){
    background-color: #ecf5fe;
}
.proximosEventos ul li:nth-child(5), .proximosEventos ul li:nth-child(6), .proximosEventos ul li:nth-child(11), .proximosEventos ul li:nth-child(12), .proximosEventos ul li:nth-child(17), .proximosEventos ul li:nth-child(18){
    background-color: white;
}
.botonFotos{
    margin-bottom: 40px;
    text-align: center;
}
.textoSliderHome{
    background-color: rgba(255, 255, 255, 0.6);
    padding: 10px 20px;
    margin-bottom: 15px;
    border-radius: 50px;
}
.crumina-stunning-header h1{
    color: white;
}
.contenidoBlog{
    padding-bottom: 40px;
}
.contenidoBlog ul{list-style-type: disc;}
.contenidoBlog ol{list-style-type: lower-alpha;}
.contenidoBlog ul, .contenidoBlog ol{padding-left: 40px; margin-bottom: 1.5em; font-size: 16px;}
.contenidoBlog ul li, .contenidoBlog ol li{font-size: 16px;}
.enlaceGaleriaServicio{
    top: 20% !important;

}
.popup-youtube{
    top: 80% !important;
}
.checkboxContacto input{width: auto;}
.whatsappFlotante {
    position: fixed;
    bottom: 15px;
    left: 15px;
    z-index: 9999;
}
.whatsappFlotante .enlaceWhatsapp {
    background-color: #00e676;
    display: flex;
    padding: 13px;
    border-radius: 50%;
    -webkit-box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: -1px 1px 10px 1px rgba(0, 0, 0, 0.3);
}
.w100{width: 100%;}

/***********************RESPONSIVE******************************/

/*PANTALLA LG*/
@media (min-width:1200px){
    .SliderIzquierda{height: 680px;}
    .galeriaRise .screenshots-item{height: 200px; overflow: hidden;}
    .galeriaRise .screenshots-item img{min-height: 170px;}
    .galeriaRise .screenshots-item img, .porfolioDetalle .screenshots-item img{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    #formularioFotosMovil, .botonFotosMovil{display: none;}
    .formularioFotosEscritorio{
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 300px;
        background-color: #f8f8f8;
        border-radius: 50px;
        padding: 30px;
        -webkit-box-shadow: 0 0 20px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0 0 20px 0px rgba(0,0,0,0.15);
        box-shadow: 0 0 20px 0px rgba(0,0,0,0.15);
        z-index: 999;
    }
    .formularioFotosEscritorio input{
        padding: 6px 12px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .formularioFotosEscritorio textarea{
        min-height: auto;
        padding: 6px 12px;
        font-size: 14px;
    }
    .publicacion .imagenPost{height: 193px; overflow: hidden;}
    .publicacion .imagenPost img{
        min-height: 193px;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .imagenEventos .imagenMovil{display: none !important}
    .iconoHome{ position: absolute; top: -150px; right: 0;}
    .lg-pt-150{padding-top: 150px;}
}

/*PANTALLA MD*/
@media(min-width:800px) and (max-width:1199px) {
    .SliderIzquierda{height: 315px;}
    .galeriaRise .screenshots-item{height: 200px; overflow: hidden;}
    .galeriaRise .screenshots-item img{min-height: 170px;}
    .galeriaRise .screenshots-item img, .porfolioDetalle .screenshots-item img{
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    #formularioFotosMovil, .botonFotosMovil{display: none;}
    .formularioFotosEscritorio{
        position: fixed;
        bottom: 20px;
        right: 20px;
        width: 250px;
        background-color: #f8f8f8;
        border-radius: 50px;
        padding: 20px;
        -webkit-box-shadow: 0 0 20px 0px rgba(0,0,0,0.15);
        -moz-box-shadow: 0 0 20px 0px rgba(0,0,0,0.15);
        box-shadow: 0 0 20px 0px rgba(0,0,0,0.15);
        z-index: 999;
        font-size: 14px;
    }
    .formularioFotosEscritorio input{
        padding: 6px 12px;
        margin-bottom: 5px;
        font-size: 13px;
    }
    .formularioFotosEscritorio textarea{
        min-height: auto;
        padding: 6px 12px;
        margin-bottom: 5px;
        font-size: 13px;
    }
    .imagenEventos .imagenMovil{display: none !important}
    .iconoHome{ position: absolute; top: -80px; right: 0;}
}

/*PANTALLA SM*/

@media(min-width:571px) and (max-width:799px) {
    .SliderIzquierda{height: 210px;}
    .botonFotosMovil{
        position: fixed;
        bottom: 20px;
        right: 0;
        background-color: #0083ff;
        color: white;
        padding: 10px 10px 10px 20px;
        border-radius: 50px 0 0 50px;
        font-weight: bold;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        z-index: 999;
    }
    .botonFotosMovil a{color: white;}
    .formularioFotosEscritorio{display: none;}
    .imagenEventos .imagenEscritorio{display: none !important}
    .iconoHome, .iconoHome2{display: none;}

}

/*PANTALLA XS*/
@media (max-width:570px) {
    .botonFotosMovil{
        position: fixed;
        bottom: 20px;
        right: 0;
        background-color: #0083ff;
        color: white;
        padding: 10px 10px 10px 20px;
        border-radius: 50px 0 0 50px;
        font-weight: bold;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
        z-index: 999;
    }
    .botonFotosMovil a{color: white;}
    .formularioFotosEscritorio{display: none;}
    .imagenEventos .imagenEscritorio{display: none !important}
    .iconoHome, .iconoHome2{display: none;}
    .iconoMenu{max-width: 90px !important;}
    .headroom--not-top .primary-menu-responsive.primary-menu{
        position: fixed;
        background-color: white;
        width: 100%;
        left: 0;
        top: 0;
        padding: 5px;
    }
    .headroom--not-top .primary-menu-responsive .primary-menu-menu.scrollable{top: calc(100%) !important;}
}

/*CUSTOM*/
@media (max-width:991px) {
    .SliderIzquierda{height: 158px;}
    .whatsappFlotante {
        bottom: 40px;
    }
    .whatsappFlotante img {
        width: 30px;
        height: 30px;
    }
}
@media(min-width:800px) and (max-width:991px) {
    .galeriaRise .screenshots-item{height: 160px; overflow: hidden;}
    .galeriaRise .screenshots-item img{min-height: 120px;}
}
@media(min-width:571px) and (max-width:799px) {

    .galeriaRise .screenshots-item{height: 200px; overflow: hidden;}
    .galeriaRise .screenshots-item img{min-height: 170px;}
}
@media (max-width:768px) {
    .megamenu-row .col-xs-6{width: 50% !important; float: left;}
}
@media (min-width:941px) {
  .headroom--not-top .megamenu{top: calc(100% - 8px) !important;}
}
@media (min-width:1500px){
    .porfolioDetalle .screenshots-item{height: 295px; overflow: hidden;}
    .porfolioDetalle .screenshots-item img{min-height: 295px;}
}
@media(min-width:1200px) and (max-width:1499px) {
    .porfolioDetalle .screenshots-item{height: 225px; overflow: hidden;}
    .porfolioDetalle .screenshots-item img{min-height: 225px;}
}
@media(min-width:1100px) and (max-width:1199px) {
    .porfolioDetalle .screenshots-item{height: 325px; overflow: hidden;}
    .porfolioDetalle .screenshots-item img{min-height: 325px;}
}
@media(min-width:992px) and (max-width:1099px) {
    .porfolioDetalle .screenshots-item{height: 255px; overflow: hidden;}
    .porfolioDetalle .screenshots-item img{min-height: 255px;}
}
@media(min-width:750px) and (max-width:991px) {
    .porfolioDetalle .screenshots-item{height: 210px; overflow: hidden;}
    .porfolioDetalle .screenshots-item img{min-height: 210px;}
}

@media(min-width:571px) and (max-width:749px) {
    .porfolioDetalle .screenshots-item{height: 150px; overflow: hidden;}
    .porfolioDetalle .screenshots-item img{min-height: 150px;}
}

.image-source-link {
	color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	-o-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
		opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
		opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
}