*{
    font-family: helvetica;
    color:#7B7B7B;
}
.col_b{
    color:#fff;
}
.col_c{
    color:#43242a!important;      
}
.col_r{
    color:#fc1835;     
}
a, span, .h_m_50, input{
    -webkit-transition: all 0.20s ease-out;
    -moz-transition: all 0.20s ease;
    -ms-transition: all 0.20s ease;
    text-decoration: none;
}
h2 {
    font-size: 30px;
    font-weight: bold!important;
}
html {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5{
    font-weight: normal;
}
body {
    background: white;
    font-family: 'ubunturegular';
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.box{
    box-sizing: border-box;
}
.gen{
    float:left;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
}
.contenedor {
    max-width: 100%;
    padding: 0;
}
.contenedor2{
    max-width: 1300px;
}
.contenedor3{
    max-width: 1200px;
}
.forma{
    width:100%;
    float:left;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
}
.center{
    float:none!important;
    display: block!important;
    margin: 0 auto!important;
}
.span_ser{
    letter-spacing: 1px;
}

.t_left{
    text-align: left!important;
}
.t_right{
    text-align: right;
}
.t_center{
    text-align: center;
}
.t_justify{
    text-align: justify;
}
.left_{
    float: left;
}
.right_{
    float: right;
}
.color_1{
    color:#01eed1;
}
.color_2{
    color:#fff;
}
.color_3{
    color:#3b3b3b;
}    
.color_4{
    color:#44bf19;
}  
.color_5{
    color:#0081fa;
} 
.color_6{
    color:#fe3355;
} 
.color_7{
    color:#ff9c00;
} 
.color_8{
    color:#1a1a1a;
} 
.color_10{
    color: #777;
} 
   
.font-1{
    font-size: 40px;
}
.font-2{
    font-size: 14px;
}
.font-3{
    font-size: 28px;
}
.font-4{
    font-size: 12px!important;
}

.absolute{
    position: absolute;
}
.line_h_1{
    line-height:57px; 
}
.relative{
    position: relative;
}
.fixed{
    position: fixed;
}
.center_ab{
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto!important;
}
.right_ab{
    right:0;
}
.left_ab{
    left:0;
}
.top_ab{
    top:0;
}
.bottom_ab{
    bottom:0;
}
.d99{
 width: 99%;   
}
.d95{
 width: 95%;   
}
.d90{
 width: 90%;   
}
.d85{
 width: 85%;   
}
.d80{
 width: 80%;
}
.d75{
 width: 75%;   
}
.d70{
 width: 70%;   
}
.d666{
    width: 66.6666666%;   
   }
.d65{
 width: 65%;   
}
.d60{
 width: 60%;   
}
.d55{
 width: 55%;   
}
.d50{
 width: 50%;   
}
.d45{
 width: 45%;   
}
.d40{
 width: 40%;   
}
.d35{
 width: 35%;   
}
.d33{
 width: 33%;   
}
.d333{
 width: 33.3333333%;   
}
.d30{
 width: 30%;   
}
.d25{
 width: 25%;   
}
.d20{
 width: 20%;   
}
.d21 {
    width: 21%;
}
.d17{
 width: 17%;   
}
.d16{
 width: 16.66%;   
}
.d15{
 width: 15%;   
}
.d14{
    width: 14.28%;   
   }
.d12{
    width: 12.5%;    
}
.d11{
    width: 11.11%; 
}
.d10{
 width: 10%;   
}
.d9{
 width: 9.09%;   
}
.d5{
 width: 5%;   
}
.mar_t_0{
    margin-top:0px; 
}
.mar_t_1{
    margin-top:10px!important; 
}
.mar_t_15{
    margin-top:15px!important; 
}
.mar_t_2{
    margin-top:20px; 
}
.mar_t_3{
    margin-top:30px; 
}
.mar_t_4{
    margin-top:40px; 
}
.mar_t_5{
    margin-top:50px!important; 
}
.mar_t_6{
    margin-top:60px; 
}
.mar_t_7{
    margin-top:70px; 
}
.mar_t_8{
    margin-top:80px; 
}
.mar_t_9{
    margin-top:90px; 
}
.mar_t_10{
    margin-top:100px!important; 
}
.mar_r_10 {
    margin-right: 70px;
}

.mar_b_1{
    margin-bottom:10px!important; 
}
.mar_b_2{
    margin-bottom:20px!important; 
}
.mar_b_3{
    margin-bottom:30px; 
}
.mar_b_4{
    margin-bottom:40px; 
}
.mar_b_5{
    margin-bottom:50px!important; 
}
.mar_b_6{
    margin-bottom:60px; 
}
.mar_b_7{
    margin-bottom:70px; 
}
.mar_b_8{
    margin-bottom:80px; 
}
.mar_b_9{
    margin-bottom:90px; 
}
.mar_b_10{
    margin-bottom:100px!important; 
}

.mar_neg_1{
    margin-top: -41px;
}
.pad_t_1{
    padding-top:10px; 
}
.pad_t_2{
    padding-top:20px; 
}
.pad_t_3{
    padding-top:30px; 
}
.pad_t_4{
    padding-top:40px; 
}
.pad_t_5{
    padding-top:50px; 
}
.pad_t_6{
    padding-top:60px; 
}
.pad_t_7{
    padding-top:70px; 
}
.pad_t_8{
    padding-top:80px; 
}
.pad_t_9{
    padding-top:90px; 
}
.pad_t_10{
    padding-top:100px; 
}

.pad_b_1{
    padding-bottom:10px; 
}
.pad_b_2{
    padding-bottom:20px; 
}
.pad_b_3{
    padding-bottom:30px; 
}
.pad_b_4{
    padding-bottom:40px; 
}
.pad_b_5{
    padding-bottom:50px; 
}
.pad_b_6{
    padding-bottom:60px; 
}
.pad_b_7{
    padding-bottom:70px; 
}
.pad_b_8{
    padding-bottom:80px; 
}
.pad_b_9{
    padding-bottom:90px; 
}
.pad_b_10{
    padding-bottom:100px; 
}
.pad_lr_30{
    padding-left: 30px;
    padding-right: 30px;
}
.top{
    top:0px; 
}
.top_1{
    top:10px; 
}
.top_2{
    top:20px; 
}
.top_3{
    top:30px; 
}
.top_4{
    top:40px; 
}
.top_5{
    top:50px; 
}
.top_6{
    top:60px; 
}
.top_7{
    top:70px; 
}
.top_8{
    top:80px; 
}
.top_9{
    top:90px; 
}
.top_10{
    top:100px; 
}

.bottom_1{
    bottom:10px; 
}
.bottom_2{
    bottom:20px; 
}
.bottom_3{
    bottom:30px; 
}
.bottom_4{
    bottom:40px; 
}
.bottom_5{
    bottom:50px; 
}
.bottom_6{
    bottom:60px; 
}
.bottom_7{
    bottom:70px; 
}
.bottom_8{
    bottom:80px; 
}
.bottom_9{
    bottom:90px; 
}
.bottom_10{
    bottom:100px; 
}


.back_mor{
    background:#570249;
}
.back_neg{
    background:#000;
}
.block{
   display: block;
}
.z-1{
    z-index: 10;
}
.z-2{
    z-index: 20;
}
.z-3{
    z-index: 30;
}
.z-4{
    z-index: 40;
}
.z-5{
    z-index: 50;
}
nav{
    text-align: center;
    color:#fc1835;
}
nav a{
    color:#fc1835;
    font-weight: bold;
}
  .nav{
    position:relative;
    z-index: 999;
    background: #fff;
  }
  .anav {
        padding: 14px 0;
}
.slider {
    width: 100%;
    height: 45vmax;
    position: relative;
    transform-style: preserve-3d;
    animation: slider 16s infinite;
    top: 20px;
}
.face{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 45vmax;

	overflow: hidden;
	object-fit: cover;
	object-position: center;
}

.face--front{ transform: translateZ(50vw); }
.face--back{ transform: rotateY(180deg) translateZ(50vw); }
.face--left{ transform: rotateY(-90deg) translateZ(50vw); }
.face--right{ transform: rotateY(90deg) translateZ(50vw); }

.description{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	position: absolute;
	width: 100%;
	height: 100%;

	padding: 40px 20px;
	text-shadow: 0 0 1px rgba(103, 135, 144, 1);
}
	.title{
		font-size: 24px;
		color: white;
		line-height: 1.6;
	}
	.para{
		font-size: 12px;
		color: white;
	}

	.placeholders{
		display: flex;
		flex-direction: column;
	}
	.placeholder{
		max-width: 100%;
		padding: 10px 20px;
	}
/**/
@keyframes slider {
	0%, 20%{ transform: rotateY(0deg); }
	25%, 45%{ transform: rotateY(-90deg); }
	50%, 70%{ transform: rotateY(-180deg); }
	75%, 95%{ transform: rotateY(-270deg); }
	100%{ transform: rotateY(-360deg); }
}

/**/
@media(min-width: 640px){
	header{ padding: 4px 30px 0; }
	h1{ font-size: 36px; height: 100px; padding-left: 30px; }
	.placeholders{ flex-direction: row; flex-wrap: wrap; padding: 0 20px;}
	.placeholder{ max-width: 50%; padding: 10px; }
	.description{ padding: 50px 40px; }
	.slider, .face{ height: 40vmax; }
}
@media(min-width: 1024px){
	header{ padding: 4px 25px 0; }
	h1{ font-size: 36px; height: 200px;  padding-left: 40px;}
	.placeholders{ flex-direction: row; padding: 0 30px; }
	.placeholder{ max-width: 25%; padding: 0 10px; }
	.slider, .face{ height: 35vmax; }
}
.img{
	width: 100%;
    height:auto;
}
.container{
    width:1200px;
    margin: 0 auto;
    display: block;
    float: none;
    box-sizing: border-box;
    padding: 0 20px;
}
.text_slider{
    position: absolute;
    top:200px;
}
h1{
    color:#fff;
    font-weight: bold;
    font-size: 60px;
}
.callto {
    background: url(../img/call1.png) left top no-repeat;
    height: 155px;
    margin: 30px 0 0;
    background-size: 100%;
}
.t_1 {
    font-size: 25px;
    font-weight: bold;
    margin: 3% 0 0 0;
}
.t_2 {
    font-size: 15px;
    font-weight: bold;
    margin: 7.5% 0 0 -60px;
    color: #fff;
}
.cat a span{
        height: 100%;
        float: left;
        text-align: center;
        align-items: center;
        box-sizing: border-box;
        padding: 25% 0;
        text-transform: uppercase;
        color: #fff!important;
        background: url(../img/back_cat.png) repeat;
        opacity: 0;
}
.cat a span:hover{
    opacity: 1;
}
.cat a{
    color:#fff!important;
    font-size: 15px;
    font-weight: 700;
}
.descuentos{
    color:#fff;
    background:#fc1835;
    float: left;
}
.bot_des{
    bottom: -1px;
    left: -90px;
    width: 27%;
}
footer{
    background: url(../img/mantel.png) repeat;
}
.icon_f {
    width: 30px;
    float: left;
    margin: 0 10px 45px 0;
}
footer a{
    color:#fff;
}
footer h4 {
    color: #fff;
    font-weight: 700;
    margin: 15px 0 14px!important;
    font-size: 20px;
}
.tel_f{
    font-size: 20px;
}
.tel_f a {
    margin: 0 0 13px;
    float: left;
}
.line_r{
        border-right: 1px solid #fff;
        box-sizing: border-box;
}
.fofo{
    color:#fff;
    background:#fc1835;
    float: left;
}
.nodesk{
    display: none;
}
.nav_ho a{
    letter-spacing: 0px;
}
.nav_ho a:hover{
    background:#fc1835;
    color:#fff;
}
.logo2 {
    width: 128px;
    float: left;
    margin: 5px 0 0;
}
.somos_bk{
    background:url(../img/cab_somospg.jpg) center;
}   
.comedores_bk{
    background:url(../img/cab_comedores.jpg) center;
}   
.catering_bk{
    background:url(../img/cab_catering.jpg) center;
}   
.familia_bk{
    background:url(../img/cab_familia.jpg) center;
}  
.contacto_bk{
    background:url(../img/cab_contacto.jpg) center;
}  
.gracias_bk{
    background:url(../img/cab_gracias_.jpg) center;
}  
.eventos_bk{
    background:url(../img/cab_eventos.jpg) center;
}  
.office_bk{
    background:url(../img/cab_office.jpg) center;
}  
.cart_bk{
    background:url(../img/cab_cart.jpg) center;
}  
.regalos_bk{
    background:url(../img/cab_regalos.jpg) center;
}
.servicios_bk{
    background:url(../img/cab_servicios.jpg) bottom;
}
.term_bk{
    background:url(../img/cab_term.jpg) bottom;
}
.cabecera {
    background-size: 100%;
    background-attachment: fixed;
    background-position: top;
}
.cabecera h1 {
    padding: 150px 0;
    background-attachment: fixed;
}
.check li{
    background: url(../img/check.svg) left center no-repeat;
    padding: 0 0 0 30px;
    margin:0 0 10px; 
    background-size: 15px;
}
.white-popup-block{
    width: 40%;
    margin: 0 auto;
    display: block;
    height: auto;
}
.white-popup-block img{
    width: 100%;
}
.owl-prev {
    background: url(../img/left.svg) no-repeat;
    text-indent: -999999999px;
    height: 40px;
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    left: -18px;
    z-index: 9999999999;
    width: 39px;
}
.owl-next{
    background: url(../img/right.svg) no-repeat;
    text-indent: -999999999px;
    height: 40px;
    position: absolute;
    top: 0px;
    bottom: 0;
    margin: auto;
    right: -18px;
    z-index: 9999999999;
    width: 39px;
}
.ul_pay li{
    margin: 0 0 10px;
}
.ul_pay img {
    width: 21px;
}
.bot_1{
    color:#fff;
    background:#fc1835;
    padding: 10px 20px;
    margin:0 auto;
    float: none;
    display: block;
    border-radius:3px;
    text-align: center;
}
.bot_1:hover{
    background: #43242a;
}
.size-2{
    font-size: 15px;
}
form {
    background: #fcb922;
    padding: 30px!important;
    border-radius: 5px;
}
label{
    color:#43242a;
}
.input_form input{
    box-sizing: border-box;
    padding: 10px;
    border-radius: 5px;
    border: none;
}
textarea{
    height: 100px!important;
    border-radius: 5px;
    border: none;
    padding: 10px!important;
    box-sizing: border-box;
}
.bot3 {
    background: #fc1835;
    color: #fff;
    padding: 15px!important;
    margin: 0 auto;
    display: block;
    text-align: center;
    cursor: pointer;
    width: 100%;
    border: none;
    border-radius: 5px;
}
.bot3:hover{
    background: #43242a;
}
.cat_of a{
    box-sizing: border-box;
}
.cat_of span{
    font-size: 25px!important;
}
.cat_of span{
    padding: 30% 0!important;
}
.fofo a {
    padding: 20px 0;  
    text-align: center;
    width: 100%;
    float: left; 
}
.fofo a:hover{
    background: #43242a;;
}
@media only screen and ( max-width: 1200px ){
    .mov100{
        width: 100%;
    }
    .cabecera {
        background-size:cover;
        background-attachment: fixed;
        background-position: left;
    }
    .cabecera h1 {
        padding: 110px 0 70px;
        background-attachment: fixed;
    }
    .bot_1{
        width: 50%;
    }
    .nomov{
        display: none;
    }
    .movblock{
        display: block;
    }
    .text_slider {
        position: absolute;
        top: 100px;
    }
    .text_slider h1{
            color: #fff;
            font-weight: bold;
            font-size: 33px;
    }
    .container{
        width:100%;
    }
    .h_m_50{
        height: 60px;
        overflow: hidden;
        position: absolute;
    }
    .h_m_50:hover{
        height: 350px;
        border-bottom:1px solid #ccc;
    }
    .relative_mov{
        position:relative!important;
    }
    .bot_des {
        bottom: inherit;
        left: 0;
        width: 27%;
        top: -37px;
    }
    .line_r{
        border-right:none;
        border-bottom:1px solid #fff;
    }
    .center_mov{
        float:none!important;
        display: block!important;
        margin: 0 auto!important;
    }
    .mar_mov_t {
        margin: 50px 0 50px!important;
    }
}