html, body{
    min-height:100%;
    margin:0;
    padding:0;
  	font-family: 'Gotham', sans-serif;
  	font-size:16px;	
  	outline:none;
  	background:#fff;    
}

p{font-size:12px !important; line-height:13px !important;}

.section-content{padding:0;}

.btn-dark{background:#000; color:#fff; margin-right:50px;}
.btn-dark:hover{color:#fff;}

.header-logo{padding:20px auto !important; margin-top:30px; -webkit-transition: 0.4s; transition: 0.4s;}
.header-sticky-ready .header-logo{margin-top:0; -webkit-transition: 0.4s; transition: 0.4s;}
.logo-is-responsive{margin-top:0 !important;}
.mk-header-bg{background:rgba(0,0,0,1);}
.main-navigation-ul > li.menu-item > a.menu-item-link{color:#fff;}
.main-navigation-ul > li.menu-item > a.menu-item-link::after {background:none !important;}

.slick-slide img {margin:0 auto;}

.banner-home{
    background:url(../img/banner_bg.jpg) no-repeat bottom center #000;
    background-size: 100% auto;
    color:#fff;
    height:600px;
    position:relative;
}	
.banner-home-servicios{
    height:450px;   
}
.banner-home .col-md-12{height:100%;}
.cofee{position:absolute; top:50%; left:14%; margin-top:-50px;}
.cofee-smoke{width:100%; height:100%; position:absolute; top:49%; margin-left:-40px;}
.coffee-smug{
    background:url(../img/smug.png) no-repeat center center;
    width:95%;
    height:270px;
    background-size:contain;
    position:absolute;
    z-index:9;
    top:50%;
    margin-top:-40px;
}	
#Mycanvas{
    position:absolute;
    position: absolute;
    margin-left: 4%;
    margin-top: -12%;

}					

.cofee-text{position:absolute; top:50%; left:42%; width:40%; margin-top:-50px; z-index:9999;}										
.cofee-text h1{margin:0; font-size:56px!important; color:#fff!important; line-height:54px!important; letter-spacing:-1px; font-weight:bold;}										
.cofee-text h3{color:#F3702A !important; font-size:20px !important;}	

.banner-btn{ color:#fff !important; padding:8px 10px; border:2px solid #fff; font-size:12px; border-radius:12px; display:inline-block; cursor:pointer;-webkit-transition: 0.4s; transition: 0.4s;}
.banner-btn:hover{color:#fff !important; border:2px solid #F3702A; -webkit-transition: 0.4s; transition: 0.4s;}	

.empresa-content{
    padding:120px 25%;
    background:#fff;
    font-size:16px;
    color:#646464;
    text-align:center;
}

.empresa-content h1{
    color:#4C4C4D;
    font-size:40px;
    
    text-transform:none;
}	
.empresa-content .sep{
    width:100%;
    height:25px;
    background:url(../img/sep.png) no-repeat center center;
    margin-bottom:20px;
}				

.quienes-content{
    background:#F36F2B;
    color:#fff;
    padding:80px 0;
    margin:0;
}	
.quienes-content .col-md-12{
    padding:0 !important;
}
.ser-m{
    background:url(../img/logo_quienes.png) no-repeat center center;
    min-height:220px;
    background-size:contain;
}	

.ser-l{
    font-size:16px;
    line-height:18px;
    padding-left:60px;
}

.ser-l .tit{
    background:#fff;
    color:#5C5C5C;
    width:80%;
    height:30px;
    padding:5px 8px 3px 3px;
    text-align:right;
    float:left;
    margin-left:-60px;
    margin-bottom:20px;
    position:relative;
}
.ser-l .tit:after{
    content:'';
    position:absolute;
    right:-20px;
    top:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 0 0 20px;
    border-color: transparent transparent transparent #fff;

}
.ser-r{
    text-align:right;
}
.ser-r .tit{
    background:#fff;
    color:#5C5C5C;
    width:80%;
    height:30px;
    padding:3px 8px;
    text-align:left;
    float:right;
    margin-right:-15px;
    margin-bottom:20px;
    position:relative;
}		
.ser-r .tit:before{
    content:'';
    position:absolute;
    left:-20px;
    top:0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 30px 20px;
    border-color: transparent transparent #fff transparent;


}	
.ser-r h3{
    color:#fff !important;
    line-height:32px;
    margin-right:50px;
    margin-top:40px;
    -webkit-transition: 0.4s; transition: 0.4s;
}	
.ser-r h3:hover{
    margin-right:60px;
    -webkit-transition: 0.4s; transition: 0.4s;
    position:relative;
}
.ser-r h3:hover:after{
    content:'>';
    font-size:20px;
    color:#fff;
    position:absolute;
    right:-25px;
    top:40%;
}

.trabajar-content{
    padding:120px 5% 200px 5%;
    background:#fff;
    font-size:12px;
    color:#646464;
    text-align:center;
}

.trabajar-content h1{
    color:#4C4C4D;
    font-size:28px;
    font-weight: bold;
    text-transform:none;
    margin-bottom:50px;
}		
.trabajar-content .col-md-2{
    width:20% !important;
}	
.trabajar-content .col-md-2 h3{
    font-size:14px !important;
    line-height:16px !important;
    color:#F36F2B !important;
    text-transform:none !important;
    margin-bottom:3px;
}			

.clientes-content{
    background:#20221C;
    padding:200px 0 0 0;
    position:relative;
    text-align:center;
}	

.clientes-content h1{
    color:#BFBFBF;
    font-size:22px;
    font-weight:bold;
}

.somos-vendro{
    width:230px;
    height:240px;
    background:url(../img/somos_vendro.png) no-repeat center center;
    background-size:contain;
    position:absolute;
    left:50%;
    top:0;
    margin-left:-115px;
    margin-top:-320px;
}					

.clientes{
    margin-top:70px;
    margin-bottom:70px;
}	
.list-cliente{display:inline-block;}		

.contact-content{
    padding:120px 25%;
    background:#fff;
    font-size:16px;
    color:#646464;
    text-align:left;
}				
.contact-content b{
    color:#000;
    font-size:22px;
    line-height:25px;
}					
.contact-content input, .contact-content textarea{
    width:100%;
    max-width:100%;
    border:1px solid #999;
    border-radius:6px;
    background:#fff;
    color:#666;
    font-size:14px;
    margin-bottom:0px;
    resize:none;
	height: 40px;
	padding: 0 8px;
}			
#form_64{
    margin-top:15px;
}						
.contact-content button{
    background:#EB6924 !important;
    color:#fff !important;
    border-radius:8px;
    font-size:13px;
    padding:11px 35px !important;
    margin-top:-70px;
}		
.contact-content button:hover, .contact-content button:after, .contact-content button:hover:after, .contact-content button:before, .contact-content button:hover:before{
    background:#EB6924 !important;
}			
.footer-wrapper{
    display:none;
}			
#mk-footer{background:#111 !important;}
#sub-footer{ 
    background:url(../img/footer_contact.png) no-repeat right center #111 !important;
    background-position:97% !important;
    padding:30px 2% 50px 2%;
}								
.mk-footer-copyright {
    line-height: 16px;
    padding: 25px 0px 20px;
    opacity: 0.8;
    float: left;
    width: 68%;
}

/* SERVICIOS */

.servicios-content{
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%,#f9f9f9 100%); 
    background: linear-gradient(to right, #ffffff 0%,#f9f9f9 100%);
	margin-top:90px;
}
.servicios-content .col-md-8, .servicios-content .col-md-4{padding:50px 0;}
.servicios-content .col-md-4{background:#fff; padding:50px 30px; margin-right:3.333%; width:30%; height:550px; box-shadow: 4px 0 4px -4px rgba(0, 0, 0, 0.3), -4px 0 4px -4px rgba(0, 0, 0, 0.3);}

.servicios-content h1{font-size:50px; font-family:'GothamBold', sans-serif; font-weight:bold; color:#353535; padding-left:15%; text-transform:none; letter-spacing:-2px;}
.servicios-content .carousel-control{width:60px; height:60px; left:0; top:50%; margin-left:-30px; background:#000; border-radius:30px; opacity:0.8;}
.servicios-content .carousel-control:hover{opacity:1;}
.servicios-content .carousel-control.left{margin-top:5px;  left:0; right:auto;}
.servicios-content .carousel-control.right{margin-top:-60px; left:0; right:auto;}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{margin-top:-17px; width:25px; margin-left: -14px;}


#servicios_imagenes{min-height: 400px;}
#servicios_imagenes img{width:60%; margin-left:20%; max-height:400px;object-fit:contain;}
#servicios_imagenes .carousel-inner > .item {
    transition: left 0.2s ease-in-out 0s;
	-webkit-transition: 0.5s; 
    transition: 0.5s;
	opacity:0;
}
#servicios_imagenes .carousel-inner > .item.active{
	opacity:1;
	-webkit-transition: 0.5s; 
    transition: 0.5s;
}
#servicios_preview{position:relative; overflow:hidden; height:400px;}
#servicios_preview img{
    opacity:0; 
    position: absolute;
    top: 0;
    margin-top: -70px;
    -webkit-transition: 0s; 
    transition: 0s;
    -ms-transform: scale(0.5); 
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    margin-left:-5%;
}
#servicios_preview img.right{
    left: 80%;
}
#servicios_preview img.left{
    left: -80%;
}

#servicios_preview .active1{
    display:block;
    opacity:0.6;
    -ms-transform: scale(0.5); 
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    position: absolute;
    top: 0;
    left: 30% !important;
    margin-top: -70px;
    -webkit-transition: 0.4s; 
    transition: 0.4s;
     z-index:9;
}
#servicios_preview .active2{
    display:block;
    opacity:0.2;
    -ms-transform: scale(0.3); 
    -webkit-transform: scale(0.3);
    transform: scale(0.3);
    position: absolute;
    top: 0;
    left: 0 !important;
    margin-top: -70px;
    -webkit-transition: 0.4s; 
    transition: 0.4s;
     z-index:8;
}
.list-data{display:none; position:relative;}
.list-data h1{font-weight:bold; color:#353535; font-size:35px !important; margin:0!important; padding-left:0;}
.list-data h2{font-size:22px; font-weight:bold; color:#F3702A; margin-bottom:8px;}
.list-data .serv_description{color:#000; font-size:12px; line-height:13px; max-height:350px; overflow:auto;}
.list-data .sep{
    width:100%;
    height:30px;
    background:url(../img/sep_data.png) no-repeat center center;
    margin-bottom:10px;
}
.list-data .serv_description .productos{
    margin-top:30px;
    color:#000;
    width:35%;
    font-size:12px;
    line-height:13px;
    float:left;
}
.list-data .serv_description .productos b{
    display:block;
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}
.list-data .serv_description .productos p{
    font-size:12px;
    line-height:13px;
}

.list-data .table-producto{
    float: right;
    width: 65%;
    font-size: 10px;
    margin-top: 25px;
    border: 1px solid #eee;
    border-radius:8px;
}
.table-list{border-bottom:1px solid #f1f1f1;}
.table-list .col-md-5{
    border-left:1px solid #f1f1f1;
}

.consultar{position:absolute; z-index:99; bottom:0; right:3.333%; width:30%; height:95px; background:url(../img/consultar_icon.png) no-repeat center center; background-size:auto 80%; margin-bottom: -46.5px; margin-right:15px;}

.medios-content{background:url(../img/bg_medios.png) center center #353535;}
.medios-content .col-md-4{text-align:center; background:#fff; padding:50px 30px;margin-right:3.333%; width:29.33%;  box-shadow: 4px 0 4px -4px rgba(0, 0, 0, 0.3), -4px 0 4px -4px rgba(0, 0, 0, 0.3);}
.medios-content .col-md-12:first-child{
    width:66.3%;
    padding:90px 10% 40px 10%;
    color:#fff;
    font-size:12px;
    line-height:14px;
}
.medios-content .col-md-12 h1{
    color:#fff;
    font-weight:bold;
    text-transform:none;
}
.medios-content .col-md-4 td{
    padding:4px 0px !important;
}
.medios-content .col-md-4 input, .medios-content .col-md-4 select{
    width:auto;   
}
.medios-content .col-md-4 select{
    margin-bottom:4px;
}
.medios-content .col-md-4 button, #btnenviar{
    margin-top:-80px;
    background:#EB6924;
    border-radius:8px;
	padding:10px 20px;
	border:0 !important;
	color:#fff;
}
#btnenviar{
	margin-top:20px;
}
.medios-content .col-md-4 button:hover,.medios-content .col-md-4 button:after,.medios-content .col-md-4 button:hover:after, .medios-content .col-md-4 button:hover:before{
    background:#EB6924;
}
.list-medio{
    margin:30px 0;
    padding-left:80px;
    min-height:90px;
}
.list-medio h2{
    color:#F3702A;
    font-weight:bold;
    font-size:18px;
    margin-bottom:0;
    text-transform:none;
}
.list-medio.medio-1{
    background:url(../img/medio1.png) no-repeat top left;
}
.list-medio.medio-2{
    background:url(../img/medio2.png) no-repeat top left;
}
.list-medio.medio-3{
    background:url(../img/medio3.png) no-repeat top left;
}

.modalidades-content{
    background: #ffffff;
    background: -moz-linear-gradient(left, #ffffff 0%, #f9f9f9 100%);
    background: -webkit-linear-gradient(left, #ffffff 0%,#f9f9f9 100%); 
    background: linear-gradient(to right, #ffffff 0%,#f9f9f9 100%);
    padding:90px 5% 190px 5%;
    text-align:center;
}

.modalidades-content h1{
    font-weight:bold;
    margin-bottom:60px;
}

.list-modalidad{
    font-size:13px;
    padding:0 4%;
}
.list-modalidad h2{
    color:#F36F2B;
    font-size:18px;
    line-height:22px;
}
.error {
    color: #EE372A;
    font-size: 10px;
    float: left;
    text-transform:none;
    font-weight:400;
}

.nombre_campo{font-size:11px; font-weight:300; width: 30%;}
#telefono1{width:50%;}
.tablaCampos{margin-bottom:15px;}
.tablaCampos tr{margin:8px 0;}
@media screen and (max-width: 800px) {
    .cofee {
        position: absolute;
        top: 65%;
        left: 5%;
        margin-top: -50px;
        width: 90%;
        text-align:center;
    }
    .cofee-text {
        position: absolute;
        top: 120px;
        left: 5%;
        width: 90%;
        margin-top: -50px;
        z-index: 9999;
        text-align:center;
    }
    .cofee-text h1 {
        font-size: 32px !important;
        line-height:36px !important;
        text-align:center;
    }
    .cofee-text h3 {
        font-size: 18px !important; 
        line-height:24px !important;
        text-align:center;
    }
    .ser-r .tit{
        margin-top:60px;
        float:left;
         text-align:right;
         margin-left:-15px;
    }
    .ser-r .tit:after{
        content:'';
        position:absolute;
        right:-20px;
        top:0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 30px 0 0 20px;
        border-color: transparent transparent transparent #fff;
    
    }
    .ser-r .tit:before{
        border:0 !important;   
    }
    .ser-r h3 {
        text-align:left;   
    }
    .ser-m{
        margin-top:30px;
    }
    .trabajar-content .col-md-2{
        width:100% !important;
        margin-bottom: 50px;
    }
    .mk-footer-copyright, .mk-footer-logo{display:none;}
    
    
    /*SERVICIOS*/
    #servicios_preview{display:none;}
    #servicios_imagenes{min-height:auto; height:auto;}

	.servicios-content .carousel-control{top:100%; z-index:99; margin-top:20px !important;}
    .servicios-content .carousel-control:hover{opacity:1;}
    .servicios-content .carousel-control.left{margin-top:0px;  left:50%; right:auto; margin-left:-70px;}
    .servicios-content .carousel-control.right{margin-top:0px; left:50%; right:auto; margin-left:0px;}
    .carousel-control .glyphicon-chevron-right,.carousel-control .glyphicon-chevron-left{top:34%;}
    .servicios-content .col-md-4{width:100%; box-shadow:none; height:auto; padding-bottom:50px;}
    .consultar{display:none;}
    .medios-content .col-md-12:first-child {width:100%;}
    .medios-content .col-md-4{width:100%; box-shadow:none; height:auto; padding-bottom:50px;}
    #mk-header .header-logo a { width:44%;}
    #sub-footer {background: #111 url('../img/footer_contact.png') no-repeat scroll center center !important;}
}										


@media screen and (max-width: 800px) {
    .list-data h1 {
        font-size: 22px;
    }
	.contact-content {padding: 120px 3%;}
	.contact-content h3{font-size:18px;}
	#sub-footer {height:190px;}
	.banner-home {padding-top:40px;}
}