*{
    font-family: 'Roboto', sans-serif;

    
}

    ul{
        list-style-image: url('https://www.rehobot.com.mx/v2/assets/images/item.png');
    }
    
    ul li{
        margin-top: 10px;
        margin-bottom: 10px;
    }

    body{
        background-image: url("https://www.rehobot.com.mx/v2/assets/images/pistas.png");
        /*font-family: 'Roboto', sans-serif;
        background: -moz-linear-gradient(45deg, #ddd, #fff, #ddd);
        background: -webkit-linear-gradient(45deg, #ddd, #fff, #ddd);
        background: -o-linear-gradient(45deg, #ddd, #fff, #ddd);
        background: -linear-gradient(#ddd, #fff, #ddd);*/
        /*background: #000;*/
        
    }
    
    .modal-content{
        background: -moz-linear-gradient(45deg, #ddd, #fff, #ddd);
        background: -webkit-linear-gradient(45deg, #ddd, #fff, #ddd);
        background: -o-linear-gradient(45deg, #ddd, #fff, #ddd);
        background: -linear-gradient(#ddd, #fff, #ddd);
        background-size: 100% 100%;
    }
    
    h1, h2, h3, h4, h5{
        margin-top: -15px;
        font-weight: normal;
    }
    
    h1{font-size: 15px; font-weight: bold !important;}
    h2{font-size: 14px !important;}
    h3{font-size: 13px !important;}
    h4{font-size: 12px !important;}
    h5{font-size: 11px !important;}
    
    h3{
        font-size: 15px;
    }
    
    em{
        font-size: inherit;
    }
    
    textBlue{
        color: #0045d4; 
    }
    
    redText{
        color: #ff0000;
    }
    
    grayText{
        color: #777;
    }
    
    .div75, .div66, .div25{
        width: 100%;
        float: left;
    }
    
    .fotoEmpD{
        border-radius: 50%;
    }

/**************MODIFICACIONES DEL PROFILE********************/
    .fotoEmp{
        margin-top: -16px;
        float: left;
        border: 1px solid #fff; 
        width: auto;
        border-radius: 50%;
    }    
/**************ESTILOS DEL HEADER********************/
    header{
    	position: fixed;
        height: 60px;
        
        background: #eee;
        
        
        color: #59cfda;
        border-bottom: 4px solid #4997b6;
    }
    
    .miniheader{
        position: absolute;
        
        background: -webkit-linear-gradient(left, #4997b6, #59cfda, #4997b6);
        background: -o-linear-gradient(left, #4997b6, #59cfda, #4997b6);
        background: -moz-linear-gradient(left, #4997b6, #59cfda, #4997b6);
        background: -linear-gradient(#4997b6, #59cfda, #4997b6);
        
        color: #88c54e;
        width: 100%;
        height: 20px;
        left: 0;
        top: 0;
        padding: 0;
    }
    
    #logoShow{
        display: none;
    }
    
    .logoHeader, .logoHeader2{
        position: absolute; 
        height: 40px;
        width: auto;
        padding-top: 2px;
        top: 18px;
        left:10px;
    }
    
    .logoHeader2{
        top: 13px;
        left: 20px;
    }
    
    #buscadorU{
        border-radius: 5px;
        border: 1px solid #000;
        margin-bottom: 50px;
    }
    
    .menu{
    	position: absolute;
        z-index: 20;
    	width: 100%;
    	height: 100vh;
        top: 60px;
    	left: 0;
        background: rgba(70, 72, 74, 0.8);
    	transition: all 0.5s;
    	transform: translateX(-100%);
    }
    
    .menu a{
    	display: block;
    	color: #fff;
    	height: 50px;
        font-size: 12px;
    	text-decoration: none;
    	padding: 15px;
        background: #eee;
    	border-bottom: 1px solid #7bc254;
        
    }
    
    .menu a:hover{
        /*background: rgba(1, 168, 158, 0.7);*/
        background: rgba(89, 207, 218, 0.6);
        color: #000;
        text-decoration: none;
        transition: all 0.3s;
    }
    
    
    
    
    textoMenu, textoMenuP{
        float: left;
        text-align: center;
        margin-top: -15px;
        font-size: 13px;
        margin-left: 10px;
        color: #000;
    }
    
    textoMenuP{
        margin-top: 0;
        height: 17px;
        max-height: 17px;
        overflow: hidden;
        text-align: center;
        margin-left: 0;
        width: auto;
        margin-left: 10px;
    }
    
    textoMenuP::before{
        content: "¡Hola, ";
    }
    
    textoMenuP::after{
        content: "!";
    }
    
    .menu a:hover textoMenu{
        color: #fff;
        font-size: 14px;
        transition: all 0.3s;
    }
    
    .menu a:hover #iconFontello{
        color: #000;
        transition: all 0.3s;
    }

    .spaceMiniHeader{
         position: relative;
         z-index: 999;
        float: right;
        text-align: center;
        width: 12.5%;
        padding: 0;
    }
    
    
    #iconForMiniHeader{
        font-size: 17px;
        color: #fff;
        float: left;
        position: relative;
        top: -5px;
        right: 5px;
    }
    
    #iconForMiniHeader:hover{
        color: #ccc; /*#01a89e;*/
        transition: all 1s;
    }
    
    .textForMiniHeader{
        display: none;
    }
    
    .telefonoMiniHeader{
        color: #fff;
        margin-top: 6px;
        text-decoration: none;
    }
    
    .telefonoMiniHeader:hover{
        color: #ccc;
        transition: all 1s;
    }
    
    #search{
        position: absolute;
        z-index: 5;
        width: 80%; 
        float: right;
        text-align: left;
        font-size: 12px;
        height: 25px;
        margin-top: 2px;
        padding-left: 25px;
        float: left;
    }
    /*
    #buscar{
        width: 100%;
    }*/
    
    #menu-bar:checked ~ .menu{
    	transform: translateX(0%);
    }
    
    #iconNotif, #iconFontello, mensaje{
        color: #4997b6;
    }
    
    #iconNotif, #iconFontello{
        font-size: 17px;
        margin-top: 0;
        float: left;
    }
    
    #iconFontello{
        font-size: 20px;
    }
    
    .iconHeader{
        width: 30px; 
        height: 30px;
        margin-bottom: 2px; 
        float: left;
    }
    
    #menuBar{
        position: absolute;
        font-size: 30px;
        top: 20px;
        right: 10px;
        color: #4997b6;
    }

    
    
    .espacioSitio{
        width: 100%;
        margin-top: 60px;
        min-height: 70vh;
    }
    
    .construccion{
        width: 100%;
        position: fixed;
        top: 25vh;
        opacity: 0.7;
        box-shadow: 5px 5px 15px #000;
    }
    
    .carousel{
        box-shadow: 5px 5px 15px #000;
    }
    
    .reja{
        background-image: url("https://uniques.com.mx/assets/images/dummy.png");
        opacity: 0.8;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0; 
        left: 0;
    }
     
    #texto1{background-image: url("https://rehobot.com.mx/v2/assets/images/banner/texto1.png");animation: textosB 15s infinite;}
    #texto2{background-image: url("https://rehobot.com.mx/v2/assets/images/banner/texto2.png");animation: textosB2 15s infinite;}
    #texto3{background-image: url("https://rehobot.com.mx/v2/assets/images/banner/texto3.png");animation: textosB3 15s infinite;}
    
    .textoBanner{
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        top: 0; 
        left: 0;
    }
    
    .tituloRehobot{
        width: 95%;
        color: #000;
        font-weight: bold;
        position: relative; 
        left: 0;
        margin-left: 5%;
    }
    
    .tituloRehobot:after{
        content:'';
        width:100px;
        height:4px;
        background:#4997b6;
        position:absolute;
        bottom:-4px;
        left: 0;
    }
    
    .parrafo{
        font-size: 13px;
        text-align: justify;
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
        font-weight: normal;
    }
    
    .div50, .div33{
        width: 100%;
        float: left;
    }
    
    .footer33{
        width: 100%;
        height: auto;
        float: left;
    }
    
    .imEquipo, .imEquipo2{
        width: 90%;
        margin-left: 5%;
        box-shadow: 5px 5px 15px #000;
    }
    
    .imEquipo2{
        box-shadow: none;
        width: 70%;
        margin-left: 15%;
    }
    
    .imEquipo2:hover{
        width: 72%;
        margin-left: 14%;
        transition: all 0.5s;
    }
            
    .desvText{
        width: 100%;
        position: absolute;
        z-index: 10;
        height: 70px; 
        left: 0; 
        bottom: 0;
    }
    
    #conoceMas{
        position: absolute;
        z-index: 11;
        bottom: 10px;
        width: 50%;
        left: 25%;
    }
    
     .container {
        height: 250px;
        width: auto;
        overflow: hidden;
        margin-left: 1%;
        margin: 10px;
        position: relative;
        box-shadow: 5px 5px 15px #000;
    }
    
    .container > .productosOz {
        height: 200px;
        position:absolute;
        left: -200%;
        right: -100%;
        top: -100%;
        bottom: -100%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
    }
    
    .numeroInd, .nombreInd, .descripcionInd{
        width: 100%;
        color: #8863ff;
        text-align: center;
    }
    
    .nombreInd{
        color: #000;
    }
    
    .descripcionInd{
        padding: 20px;
        color: #000;
        text-align: justify;
        font-size: 13px;
    }
    
    .imagenMetodo{
        width: 90%;
        margin-left: 5%;
        height: auto;
        max-height: 230px;
        overflow-y: hidden;
        box-shadow: 5px 5px 15px #000;
        border-top-right-radius: 30px;
    }
    
    .imagenMetodo:hover{
        width: 91%;
        margin-left: 4.5%;
        transition: all 0.5s;
    }
    
    .progress, .tituloResultado{
        width: 95%;
        margin-left: 2.5%;
    }
    
    .tituloResultado{
        font-size: 13px;
    }
    
    .classfieldset{
        width: 100%;
        /*padding: 15px;*/
        margin-left: 0%;
        border-radius: 10px;
        text-align: center;
    }
    
    ul li{
        float: none;
        text-align: left;
        width: 100%;
        font-size: 13px;
    }
    
    #listaNos{
        font-size: 13px;
    }
    
    /*.garantia{
        width: 80%;
        margin-left: 10%;
    }
    
    .garantia:hover{
        width: 81%;
        margin-left: 9.5%;
        transition: all 0.5s;
    }*/
    
    #reduceMargin{
        margin-top: -50px;
    }
    
    .empuja100px{
        margin-left: 0;
    }
    
    #dimMetodos{
        padding-bottom: 0;
        height: 300px;
        max-height: 300px;
        overflow: hidden;
    }
    
    .espacios{
        display: none;
    }
    
    .servFlex{
        width: 100%;
    }
    
    .colArticulos{
        width: 100%;
        height: 100vh;
        position: absolute;
        top: 50px;
        left: 0;
        background: rgba(255,255,255,0.9);
        z-index:21;
        overflow-y: scroll;
        transform: translatex(-100%);
    }
    
    .verMas, .verMenos{
        width: 70px;
        background: #8863ff;
        color: #fff;
        position: fixed;
        top: 90px;
        transform: rotate(90deg);
        right: -25px;
        z-index: 21;
        text-align: center;
    }
    
    .verMenos{
        /*right: auto;
        left: -25px;*/
        top: 50px;
    }
    
    .espacioArticulo{
        width: 100%;
        margin-top: 70px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .portada{
        position:absolute;
        top: 0; 
        left: 0;
        width: 100%;
        z-index: -999999;
    }
    
    .gradArt{
        position: absolute;
        left: 0; 
        bottom: -10px;
        width: 100%;
    }
    
    .publicado, .creado, .tema, .vistoArt{
        width: 25%;
        float: left;
        font-size: 12px;
        text-align: center;
        vertical-align: middle;
        
    }
    
    .creado, .vistoArt{
        background: #eee;
    }
    
    .vistaPrevia{
        margin-bottom: 30px;
    }
    
    .previa{
        width: 95%;
        margin-left: 2.5%;
        box-shadow: 5px 5px 15px #000;
    }
    
    .nombrePrevia{
        text-align: center;
    }
    
    .faq{
        width: 95%;
        margin-left: 2.5%;
        border-radius: 5px;
        border: 1px solid #337ab7;
        padding: 0;
        margin-bottom: 25px;
    }   
     
    .spanQuest{
        background: #337ab7;
        color: #fff;
        padding: 10px;
    }
    
    .spanAnswer{
        background: transparent;
        padding: 10px;
    }
    
    #desk{
        display: none;
    }
    
    #grand80Small90{
        width: 100%;
    }
    
    fsG18S13{
        font-size: 18px !important;
    }
    
    .textoNosotros{
        width: 90%; 
        margin-left: 5%; 
        margin-top: 10px;
        font-size: 13px;
    }
    
    .imgNosotros{
        width: 90%;
        margin-left: 5%;
        box-shadow: 5px 5px 15px #000;
    }
    
    .ajustaNos{
        margin-bottom: 25px;
        width: 100%; 
    }
    
    .puntoMuerto{
        display: none !important;
    }
    
    .espacioComentario{
        width: 100%;
        background: #eee;
        border: 1px solid #000;
        border-radius: 10px;
        display: flex; 
        justify-content:
        center; flex-wrap: wrap;
        margin-top: 15px;
    }
    
    .fotoPerfil{
        width: 15%;
        max-width: 40px;min-width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #bd0000;
        color: #fff;
        font-size: 25px;
        text-align: center;
        vertical-align: central;
        float: left;
        margin-top: 10px;
    }
    
    .comentarioSpan{
        width: 85%;
        font-size: 12px;
        padding: 5px;
        text-align: justify;
        float: left;
    }
    
    #comentarArt{
        margin-left: 10px;
        margin-bottom: 10px;
    }
    
    .temasSize{
        font-size: 15px;
    }
    
    .logoFooter{
        width: 50%;
    }
    
    .divFooter{
        border-top: 1px solid #88c54e; 
        width: 80%;
        margin-left: 10%;
    }
    
    #missionDesk{
        display: none;
    }
    
    .spaceServices, .spaceServices2{
        width: 100%; 
        display: flex; 
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .bgcarrusel{
        width: 100%;
        margin-left: 0%;
        height: 100%;
        min-height: 50vh;
        max-height: 50vh;
        overflow: hidden;
         display: flex;
        justify-content: center;
        position: relative;
    }
    
    #dir1, #dir2{
        font-size: 35px;
        position: absolute;
        top: 46%;
        left: 5px;
        cursor: pointer;
        color: #e5c138;
    }
    
    #dir1:hover, #dir2:hover{
        font-size: 40px;
        color: #88c54e; 
        top: 44%;
        transition: all 1.5s;
    }
    
    #dir2{
        left: auto;
        right: 5px;
    }
    
    .imgEsp{
        width: 100%;
        height: auto;
    }
    
    .bandaSup, .bandaInf{
        background-image: url("https://www.rehobot.com.mx/banda_gama.jpg");
        
        position: absolute;
        top: 8px;
        height: 20px;
        z-index:  10;
        width: 97%;
        left: 1.5%;
    }
    
   
    
    .bandaInf{
        top: auto;
        bottom: 0;
    }
    
    .effectPic{
        width: 100%;
        margin-left: 0%;
        float: left;
        margin-top: 20px;
        margin-bottom: 20px;
        padding:8px; 
        background-color: #f5f5f5; 
        border-bottom: 1px solid #999999; 
        border-right: 1px solid #999999; 
    }
    
    .contenedorC{
        width: 100%;
        margin: auto;
         box-shadow: 5px 5px 15px #000;
    }
    
    #sliderC{
        height: 200px;
        width: 2496px;
        background-image: url("https://rehobot.com.mx/v2/assets/images/clientes.png");
        background-size: 100% 100%;
        animation: slider 60s infinite linear;
       
    }
    
    .organizacion{
        width: 100%;
    }
    
    .imagenContacto{
        width: 95%;
        margin-left: 2.5%;
        border-radius: 10px;
        box-shadow: 5px 5px 15px #000;
    }
    
    #map, #map2{
        height: 200px;
        width: 100%;
        margin-left: 0%;
        box-shadow: 5px 5px 15px #000;
    }
    
    
    .itemC{
        width: 100%;
        margin-top: 15px;
        font-size: 1px;
        text-align: center;
    }
    
    .resmd5{
        color: #619f26; 
        font-weight: bold;
        font-size: 15px;
        width: 100%;
    }
    
    
    .iconoColumna{
        width: 40px;
        height: 40px;
        margin-left: 9px;
    }
    
    titleColumn{
        width: 100%;
        text-align: center;
        display: inline;
        font-size: 8px;
        font-weight: normal;
        position: absolute;
        bottom: 2px;
        left: 0;
    }
    .columna:hover titleColumn{
        display: inline;
    }
    
    .columna{
        height: 60px;
    }
    
    .columna a{
    	display: block;
    	color: #fff;
    	height: 60px;
        width: 60px;
        font-size:50px;
        text-align: left;
    	text-decoration: none;
        position: relative;
    	padding: 2px;
                padding-top: 2px;
        margin: auto;
    	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        float: left;
    }
    
    .columna a:hover{
    	background: rgba(255, 255, 255, 0.3);
        color: #fff;
    }


    


    .columna a .glyphicon{
        font-size: 35px;
        margin-top: 1px;
        margin-left: 0;
        
    }
    
    #iconCurso{
        margin-left: 10px;
    }
    
    .downColumna{
        position: fixed;
        width: 60px;
        height: 20px;
        z-index: 99999999999;
        bottom: 15px;
        right: -10px;
        transform: rotate(90deg);
    }

    #blankColumna{
        display: none;
    }
    
    #waColumna{
        background: #49c658;
        display: normal;
    }
    .iconoColumna{
        width: 40px;
        height: 40px;
        margin-left: 9px;
    }
    
    titleColumn{
        width: 100%;
        text-align: center;
        display: inline;
        font-size: 8px;
        font-weight: normal;
        position: absolute;
        bottom: 2px;
        left: 0;
    }
    .columna:hover titleColumn{
        display: inline;
    }
    
    .columna{
        height: 60px;
    }
    
    .columna a{
    	display: block;
    	color: #fff;
    	height: 60px;
        width: 60px;
        font-size:50px;
        text-align: left;
    	text-decoration: none;
        position: relative;
    	padding: 2px;
                padding-top: 2px;
        margin: auto;
    	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        float: left;
    }
    
    .columna a:hover{
    	background: rgba(255, 255, 255, 0.3);
        color: #fff;
    }


    


    .columna a .glyphicon{
        font-size: 35px;
        margin-top: 1px;
        margin-left: 0;
        
    }
    
    #iconCurso{
        margin-left: 10px;
    }
    
    .downColumna{
        position: fixed;
        width: 60px;
        height: 20px;
        z-index: 99999999999;
        bottom: 15px;
        right: -10px;
        transform: rotate(90deg);
    }

    #blankColumna{
        display: none;
    }
    
    #waColumna{
        background: #49c658;
        display: normal;
    }
        
     .contenidoCatalogo{
        width: 100%;
        margin-top: 20px;
    }
    
    .contenidoCatalogo #space50{
        font-size: 15px;      
    }
    
    .ipEcards{
        width: 90%;
        margin-left: 5%;
    }
    
    .frameEcard{
        width: 1000%;
        height: 580px; 
        background: #000;
        margin-left: -5%;
        box-shadow: 5px 5px 15px #000;
        border-radius: 20px;
        max-width: 390px;
        overflow-x: hidden;
    }
    
    ul li{
        width: 90%;
        margin-left: 10%;
        text-align: left;
        font-size: 12px;
    }
    
    #ecardsMuestras{
        position: relative;
    }
    
    #prev_prod, #next_prod{
        position: absolute;
        z-index: 50;
        left: 0;
        top: 50%;
        width: 30px;
        height: 30px;
        text-align: center;
        vertical-align: central;
        font-size: 30px;
        color: #fff;
        border-radius: 5px;
        background: rgba(0, 0, 0, 0.5);
    }
    
    #prev_prod:hover, #next_prod:hover{
        background: rgba(0, 0, 0, 1);
        width: 35px;
        height: 35px;
        border-radius: 50%;
        transition: all 0.5s;
    }
    
    #next_prod{
        left: auto;
        right: 0;
    }
    
    #grand90Small90{
        width: 90%;
        margin-left: 5%;
    }
    
    .containerWeb{
        width: 100%;
        margin-left: 0;
        position: relative;
        overflow: hidden;
        height: 70vh;
    }
    
    .portadaWeb, .textoPortadaWeb{
        height: 70vh;
        position: absolute;
        z-index: -10;
        top: 0;
        left: -60%;
    }
    
    .textoPortadaWeb{
        width: 80%;
        top: 40%;
        left: 10%;
        height: auto;
        z-index: -9;
    }
    
    .opacityBlackWeb{
        width: 100%;
        position: absolute;
    }
    
    .tituloWeb{
        position: relative;
        width: 100%;
        bottom: 0;
    }
    
    #grand60Small90{
        width: 90%;
        margin-left: 5%;
    }
    
    .bg_invertir h4, important{
        font-size: 11px !important;
   }
    
    .bg_invertir h2, important{
        color: #00056e;
        font-weight: bold;
    }
    
    .complemento50{
        width: 90%;
        margin-left: 5%;
        float: left;
        margin-top: 20px;
        box-shadow: 5px 5px 15px #000;
    }
    
    .cardProd{
        background-image: url("https://www.rehobot.com.mx/v2/assets/images/bg_tarjeta.jpg");
        background-size: 100% 100%;
        width: 95%;
        margin-left: 2.5%;
        float: left;
        margin-top: 20px;
        box-shadow: 5px 5px 15px #000;
    }
    
    .portadaProd{
        width: 90%;
        margin-left: 5%;
    }
    
    /*.bannerMaquinas{
        height: 200px;
        background: #ccc;
        width: 95%;
    }*/
    
    .maquinaPyR{
        width: 90%;
        margin-left: 5%;
        box-shadow: 5px 5px 15px #000;
        float: left;
    }
    
    .cerrarA{
        position: absolute;
        z-index: 50;
        width: 20px;
        height: 20px;
        color: #000;
        border: 2px solid #fff;
        background: #ccc;
        border-radius: 50%;
        float: right;
        top: 0;
        right: 0;
        text-align: center;
        font-size: 18px;
        vertical-align: central;
        padding: 0;
    }
    
    .cerrarA::before{
        position: absolute;
        content: "x";
        padding: 0;
        padding-bottom: 20px;
        top: -5px;
        left: 3px;
    }
    
    #bgpromo{
        position: fixed;
        width: 100%;
        height: 200vh;
        z-index: 9999;
        top: 0;
        left: 0;
        background: rgba(0,0,0,0.5);
        
    }
    
    .promo{
        width: 100%;
        margin-top: 25%;
        box-shadow: 5px 5px 15px #000;
    }
    
    #cerrarPromo{
        margin-top: 25%;
    }
    
    .videoEcard{
        width: 100%;
        box-shadow: 5px 5px 15px #000;
    }
    
    .{
        
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    @keyframes textosB{
        0%     {width: 100%; height: 100%; left: 0%; top: 0%;}
        50%    {width: 105%; height: 105%; left: 1%; top: 1%;}
        100%   {width: 100%; height: 100%;left: -1%; top: -1%;}
    }
    
    @keyframes textosB2{
        0%     {width: 100%; height: 100%; left: 0%; top: 0%;}
        50%    {width: 105%; height: 105%; left: -5%; top: -5%;}
        100%   {width: 100%; height: 100%;left: 0%; top: 0%;}
    }
    
    @keyframes textosB3{
        0%     {top: 0%;}
        50%    {top: -5%;}
        100%   {top: 0%;}
    }
    
    @keyframes slider{
        to{
            background-position: -2300px;
        }
    }