@charset "UTF-8"; 
/*********************** GOOGLE FONTS ***********************/
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900|Libre+Baskerville:400,400i,700&display=swap');

p, body, a, li, .primary { font-family: 'Libre Baskerville', serif; }
h1, h2, h3, h4 { font-family: 'Libre Baskerville', serif; }
/*
font-family: 'Libre Baskerville', serif;
font-family: 'Lato', sans-serif;
*/

p { color: #58585a; font-size: 16px; font-weight: 400; text-align: justify; }

/*********************** GENERAL ***********************/
:focus { outline: none; }
body { background:#fff; padding: 0; margin: 0; }
section { /*padding-top: 50px;*/ background: #fff;position: relative }
ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; border: 0px solid red; }
p { color: #58585a; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

::placeholder { color: #3d3f40; }
.principal { color: #35cd84; }
.secundario {color: #f34f98; }
.light { color: #fff; }
.justify { text-align: justify !important; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.mayus { text-transform: uppercase; }
.inline{ display: inline-block; }
.sombreado { text-shadow: 0px 0px 10px rgba(0,0,0,.6) }
.empty { width: 100%;height: 10px }
.hidden { opacity: 0;visibility: hidden;z-index: 0;background-color: #fff; }
.visible { opacity: 1;visibility: visible;z-index: 10;background-color: #fff; }
.movil { display: none; }
.desktop { display: block; }
.onlymovil { display: none; }
/*
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; 

-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); 

-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); 
*/

/*********************** CLEAR ***********************/

.clear { clear: both; height: 0px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear50 { clear: both; height: 50px; }
.clear300 { clear: both; height: 50px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px 10px; }
.padding30 { padding: 30px 10px; }
			
/*********************** FORMULARIOS ERROR ***********************/

label.error { display:none !important; }
input.error { border:1px solid #F00!important; }
select.error { border:1px solid #F00!important; }
textarea.error { border:1px solid #F00!important; }

/*********************** COLUMNAS ***********************/

.col2 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left; width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col5 li { float: left; width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col6 li { float: left; width: 16.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col7 li { float: left; width: 14.28%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col8 li { float: left; width: 12.5%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col9 li { float: left; width: 11.1%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(even) { width: 75%;float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixto li:nth-child(odd) { width: 25%;float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(even) { width: 85%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mixta li:nth-child(odd) { width: 15%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(odd) { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(even) { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.vertical-align { display: table; width: 100%; }
.vertical-align li { float: none; display: table-cell; vertical-align: middle; height: auto; }
.col2mix li:first-child { width: 33.33%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2mix li:nth-child(2) { width: 66.66%; float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.full li { float: left; width: 100% !important; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }

/*********************** HEADER ***********************/
header { position: fixed;width: 100%;top:0px;z-index: 800;background-color: rgba(0,0,0,.0);-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.header_chico { background-color: rgba(0,0,0,1) }
.logo { width: 30%;float: left;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.logo img { width: 180px;margin: 10px 0px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.logo_chico img { width: 100px; }
.logo_chico { margin-left: 0%; }
.btn_movil {width: 40px;height: 30px;border: 1px solid #fff;position: relative;float: left;margin-top: 30px;margin-left: calc(62% - 50px);margin-right: 2%;padding: 5px;}
.btn_movil span {border: 2px solid #fff;float: left;width: calc(100% - 10px);margin: 3px 3px;}
.menu { width: 50%;float: left;margin-left: 15%;margin-top: 30px; }
.menu li a { color: #fff;text-transform: uppercase;line-height: 1;text-align: center;font-size: 14px;padding: 10px 0px;position: relative;text-shadow: 0px 0px 10px rgba(0,0,0,.5) }
.menu li a::before { content: '';position: absolute;border-top: 2px solid #b82744;width: 0%;opacity: 0;margin: 0 50%;left: 0px;bottom: -5px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu li a:hover::before { width: 50%;opacity: 1;margin: 0 25%; }
.menu .menu_activo a::before { width: 50%;opacity: 1;margin: 0 25%; }
.menu_chico2 li a { text-shadow: none; }
.langs { width: 5%;float: left;margin-top: 30px }
.langs a {color: #fff;text-transform: uppercase;line-height: 1;text-align: center;font-size: 14px;padding: 10px 0px;  }

/*********************** FOOTER ***********************/
footer { background-color: #333333;padding: 5px 0px; }
footer p { color: #e1e1e1;text-align: left;font-size: 14px;margin: 10px 0px; }
footer a { color: #e1e1e1;text-align: right;font-size: 14px;margin: 0px; }
.logoFoot img { width: 100px;margin: 10px auto }
.Copy { padding: 10px 0px 5px 0px  }
.Copy a { display: inline-block }
.Copy a, .Copy p { font-size: 12px;color: #e1e1e1;text-align: center;line-height: 1;margin: 0px; }

/*********************** SLIDER ***********************/
.MainSlider { height: 700px;background-image: url('../img/slider/slider-inicio.jpg');background-size: cover;background-repeat: no-repeat;background-position: center top;position: relative; }
.TextSlider {width: 540px;margin: 0 calc(50% - 270px);position: absolute;top: 300px;}
.TextSlider h1 {font-size: 30px;color: #fff;text-align: center;line-height: 1;text-shadow: 0px 0px 10px rgba(0,0,0,.6);}
.TextSlider h1 span {font-size: 20px;display: block;}
.EsChico { height: 120px; }
.Slider .owl-prev {width: 30px;height: 60px;position: absolute;text-align: center;line-height: 60px;color: #ffffff;background-color: rgba(0, 0, 0, 0.6);left: 50px;bottom: calc(50% - 30px);}
.Slider .owl-next {width: 30px;height: 60px;position: absolute;text-align: center;line-height: 60px;color: #ffffff;background-color: rgba(0, 0, 0, 0.6);right: 50px;bottom: calc(50% - 30px);}


/*********************** INICIO ***********************/
.Productos-02 h3, .Productos-01 h3, .Contacto-01 h3, .Inicio-01 h3, .Inicio-02 h3, .Inicio-03 h3, .Inicio-04 h3, .Inicio-05 h3, .Inicio-06 h3 { color: #000;text-align: center;font-size: 34px;width: 80%;margin: 10px 10% 30px 10%;position: relative;line-height: 1; }
.Productos-02 h3::before, .Productos-01 h3:before, .Contacto-01 h3::before, .Inicio-01 h3::before, .Inicio-02 h3::before, .Inicio-03 h3::before, .Inicio-04 h3::before, .Inicio-05 h3::before, .Inicio-06 h3::before { content: '';position: absolute;border: 2px solid #b82744;width: 20%;margin: 0 40%;left: 0px;bottom: -20px; }
.Productos-02 h3 span, .Contacto-01 h3 span, .Inicio-02 h3 span, .Inicio-03 h3 span, .Inicio-04 h3 span, .Inicio-05 h3 span { font-family: 'Lato', sans-serif;display: block;font-size: 20px;font-weight: 300;text-transform: uppercase;padding-top: 5px; }
.Inicio-01 { padding: 30px 0px; }
.Inicio-01 h4 { font-size: 28px;line-height: 1.2;width: 70%;margin: 50px auto 100px auto;text-align: center;font-weight: 400; }
.ContInicio-01 { height: 460px;width: calc(100% - 30px);margin: 30px auto;background-position: center center;background-size: cover;background-blend-mode: multiply;/*background-color: rgba(0,0,0,.3);*/background-repeat: no-repeat;position: relative;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.ContInicio-01:hover { background-color: rgba(0,0,0,.3); }
.ContInicio-01 h5 { position: absolute;font-family: 'Lato', sans-serif;width: 60%;margin: 0 20%;top: 190px;text-align: center;font-size: 20px;text-transform: uppercase;color: #fff;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.ContInicio-01:hover h5 { opacity: 1; }
.Inicio-01 p { color: #333333;width: calc(100% - 100px);margin: 20px auto;text-align: center;font-size: 16px; }

.Inicio-02 { padding: 30px 0px; }
.Inicio-02 .IconoInicio-02 { width: 90px;margin: 40px auto 20px auto; }
.Inicio-02 p { text-align: center;font-size: 16px;width: 80%;margin: 10px auto;font-family: 'Lato', sans-serif; }
.Inicio-02 p strong { display: block;font-family: 'Libre Baskerville', serif; }

.Inicio-03 { padding: 30px 0px;padding: 30px 0px 50px 0px;background-color: #e1e1e1; }
.Inicio-03 p { font-size: 16px;margin: 20px 0px;color: #000;padding-left: 30px;position: relative; }
.Inicio-03 p::before { content: '';width: 22px;height: 22px;position: absolute;background-image: url('../img/main/royal.png');background-size: 22px;background-repeat: no-repeat;background-position: center center;left: 0px;top: 0px; }
.Inicio-03 img { width: 60%;margin: 30px auto; }

.Inicio-04 { padding: 30px 0px; }
.Inicio-04 img { margin: 10px 0px }
.Inicio-04 h4 { text-align: center;font-size: 30px;line-height: 1;margin: 10px 0px;text-transform: uppercase;font-family: 'Lato' , sans-serif; }
.Inicio-04 p { width: 70%;margin: 10px auto;text-align: center;font-size: 18px;color: #000;font-family: 'Lato' , sans-serif; }
.Inicio-04 a { background-color: #b82744;width: 120px;margin: 10px auto;text-align: center;color: #fff;font-size: 12px;text-transform: uppercase;padding: 10px 0px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease }
.Inicio-04 a:hover { width: 140px; }
.Inicio-05 { padding: 30px 0px; }
.Clientes { margin: 20px 0px }
.Clientes img { margin: 10px auto; width: 250px !important }
.Clientes .owl-prev { background-color: #b82644;color: #fff;width: 30px;height: 50px;line-height: 50px;text-align: center;position: absolute;left: -30px;bottom: calc(50% - 25px); }
.Clientes .owl-next { background-color: #b82644;color: #fff;width: 30px;height: 50px;line-height: 50px;text-align: center;position: absolute;right: -30px;bottom: calc(50% - 25px); }

.Inicio-06 { padding: 20px 0px;background-image: url('../img/main/back-inicio-06.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center; }
.Inicio-06 img { width: 50px;margin: 20px auto; }
.Inicio-06 p { font-family: 'Lato', sans-serif;text-transform: uppercase;text-align: center;font-size: 20px;line-height: 1;margin: 0px;color: #000; }
.Inicio-06 .col4 { width: 700px;margin: 0 auto; }

/*********************** PRODUCTOS ***********************/
.Productos-01 { padding: 30px 0px } 
.Productos-01 h4 { font-size: 28px;line-height: 1.2;width: 70%;margin: 50px auto 100px auto;text-align: center;font-weight: 400; }
.Productos-01 h6 { font-size: 16px;line-height: 1;margin: 10px 0px;padding-left: 10px; }
.MenuCats .Cat { background-color: #eaeaea;-webkit-appearance: none;cursor: pointer;width: calc(100% - 15px);text-align: left;height: 40px;font-size: 10px;text-transform: uppercase;color: #000;font-weight: 600;line-height: 1;padding: 5px 0px 5px 10px;margin: 5px 0px;border: 0px;position: relative; }
.MenuCats .Cat.activo { background-color: #b82744;color: #fff; }
.MenuCats .Cat.activo-02 { background-color: #b82744;color: #fff; }
.MenuCats .Cat::before { content: '';height: 0px;top: 0px;right: -15px;border-left: 15px solid #eaeaea;border-bottom: 0px solid transparent;border-top: 20px solid transparent;border-right: 0px solid transparent;position: absolute; }
.MenuCats .Cat::after { content: '';height: 0px;top: 0px;right: -15px;border-left: 15px solid #eaeaea;border-bottom: 20px solid transparent;border-top: 20px solid transparent;border-right: 0px solid transparent;position: absolute; }
.MenuCats .Cat.activo::before { border-left: 15px solid ##b82744; }
.MenuCats .Cat.activo::after { border-left: 15px solid #b82744; }
.MenuCats .Cat.activo-02::before { border-left: 15px solid ##b82744; }
.MenuCats .Cat.activo-02::after { border-left: 15px solid #b82744; }
.MenuCats .Cat:hover::after, .MenuCats .Cat:hover::before { border-left: 15px solid #b82644; }
.MenuCats .Cat:hover { background-color: #b82744;color: #fff; }
.Productos-Feed .element-item { width: 33.33%;float: left; }
.Productos-Feed .element-item img { width: calc(100% - 30px);margin: 15px; }
.Productos-01 .element-item h5 { text-align: center;margin: 0px;line-height: 1;font-weight: 400;font-size: 14px;color: black; }
.Productos-01 .element-item h5 span { display: block;font-size: 12px;font-weight: 400; }
.Productos-02 { padding: 30px 0px;background-color: #eaeaea; }
.Productos-02 p { color: #000000;text-align: left;font-size: 16px; }
.Productos-02 p strong { font-family: 'Lato', sans-serif;font-size: 18px; }
.Productos-02 p span { color: #b82744;display: block; }
.Productos-02 img { width: 90%;margin: 30px auto }
.nombre { display: none }

/*********************** CONTACTO ***********************/
.Contacto-01 { padding: 30px 0px;background-image: url('../img/main/fondo-formulario-contacto.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center;background-color: rgba(0,0,0,.5);background-blend-mode: multiply; }
.Contacto-01 h3, .Contacto-01 h3 span { color: #fff;text-shadow: 0px 0px 10px rgba(0,0,0,.6) }
#FormCOM { margin: 30px auto;padding-top: 30px;width: calc(70% - 100px) }
#FormCOM input { width: calc(100% - 19px);border: 1px solid #fff;padding-left: 15px;height: 40px;box-shadow: 0px 0px 10px rgba(0,0,0,.2);font-family: 'Libre Baskerville', serif; }
#FormCOM textarea { width: calc(100% - 19px);border: 1px solid #fff;padding-left: 15px;padding-top: 15px;height: 120px;resize: none;box-shadow: 0px 0px 10px rgba(0,0,0,.2);font-family: 'Libre Baskerville', serif; }
#FormCOM input#submitCOM { width: 100%;background-color: #b62843;border: none;color: #fff;text-transform: uppercase;font-size: 14px;padding-left: 0px;box-shadow: none;height: 45px }
#FormCOM input#submitCOM:hover, #FormCOM input#submitCOM:disabled {  }

/*********************** PAGINADOR BLOG ***********************/
.pagination { padding-left: 0; border-radius: 4px;margin: 20px auto;display: table;width: 100%; display: table; }
.pagination > li { display: inline;width: auto!important;padding: 0!important;float: none !important; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #00c1ae; text-decoration: none; background-color: #fff; border: 1px solid #ddd; }
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { z-index: 2; color: #00c1ae; background-color: #eee; border-color: #ddd; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 3; color: #fff; cursor: default; background-color: #00c1ae; border-color: #00c1ae; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; }
.pager li { display: inline; }
.pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; }
.pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #eee; }
.pager .next > a, .pager .next > span { float: right; }
.pager .previous > a, .pager .previous > span { float: left; }
.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: #fff; }

/*********************** MEDIAS QUERIES ***********************/

@media screen and (min-width: 320px) and (max-width: 479px) {
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col3 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col7 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.vertical-align { display: block; }
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none }
	.onlymovil { display: block; }

	header { background-color: rgba(0,0,0,1); }
	.logo { width: 50%; }
	.logo img { width: 80px; }
	.logo_chico img { width: 60px; }
	.btn_movil { margin-left: calc(42% - 50px);margin-top: 20px; }
	.menu { display: none;width: 200px;margin-left: 0px;margin-top: 10px;background-color: rgba(0,0,0,.6);position: absolute;right: 0px;top: 70px;padding-bottom: 10px; }
	.menu li { width: 100%;padding: 7px 0px; }
	.menu li a { text-align: right;padding-right: 30px;font-size: 12px;}
    .menu li a::before { margin: 0 0% 0 100%; }
    .menu li a:hover::before, .menu .menu_activo a::before { width: 80px;margin: 0px 30px 0 calc(100% - 110px); }
	.langs { position: absolute;right: 0px;margin-top: 25px; }
	.header_chico .langs { margin-top: 25px; }

	.MainSlider { height: 280px;margin-top: 100px; }
	.EsChico { height: 100px; }
	.TextSlider {width: 90%;margin: 0 5%;top: 100px;}
	.TextSlider h1 {font-size: 20px;}
	.TextSlider h1 span {font-size: 14px;}
	
	.Productos-02 h3, .Productos-01 h3, .Contacto-01 h3, .Inicio-01 h3, .Inicio-02 h3, .Inicio-03 h3, .Inicio-04 h3, .Inicio-05 h3, .Inicio-06 h3 { font-size: 24px;width: 250px;margin: 10px calc(50% - 125px); }
	.Productos-02 h3 span, .Contacto-01 h3 span, .Inicio-02 h3 span, .Inicio-03 h3 span, .Inicio-04 h3 span { font-size: 14px; font-weight: 500; }
	.Productos-02 h3::before, .Productos-01 h3:before, .Contacto-01 h3::before, .Inicio-01 h3::before, .Inicio-02 h3::before, .Inicio-03 h3::before, .Inicio-04 h3::before, .Inicio-05 h3::before, .Inicio-06 h3::before { bottom: -10px; }
	
	.ContInicio-01 { height: 270px;margin: 15px }
	.ContInicio-01 h5 { width: calc(100% - 80px);margin: 0px 40px;top: 110px;font-size: 14px; }
	.Inicio-01 p { width: calc(100% - 40px);font-size: 14px;margin: 10px 20px; }

	.Inicio-03 p { font-size: 14px; }
	
	.Inicio-04 h4 {font-size: 24px;}
	.Inicio-04 p {width: calc(100% - 40px);font-size: 14px;margin: 15px auto;}

	.Inicio-06 .col4 { width: 100%; }
	.Inicio-06 .col4 li { width: 50%; }
	.Inicio-06 p { font-size: 14px; }
	.Clientes .owl-prev { left: -5%; }
	.Clientes .owl-next { right: -5%; }
	.Clientes img { width: 90% !important }
	
	footer p { text-align: center; }
	footer a { text-align: center; }
	
	.col2mixta li:nth-child(odd) { width: 100%; }
	.col2mixta li:nth-child(even) { width: 100%; }
	.Productos-Feed .element-item { width: 50%; }
	.MenuCats .Cat { width: calc(50% - 10px);float: left;margin: 5px }
	.MenuCats .Cat::before,.MenuCats .Cat::after { display: none; }
	.Productos-01 h6 { text-align: center; }
	
	.Productos-02 img { width: 100%; }
	.Productos-02 p { font-size: 14px; }
	
	#FormCOM { width: calc(100% - 40px); }
	#FormCOM input { height: 30px; }
	#FormCOM textarea {  }
	#FormCOM input#submitCOM { height: 35px; }
}
@media screen and (min-width: 480px) and (max-width: 599px) {
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col3 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col7 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.vertical-align { display: block; }
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none }
	.onlymovil { display: block; }
	
	header { background-color: rgba(0,0,0,1); }
	.logo { width: 50%; }
	.logo img { width: 80px; }
	.logo_chico img { width: 60px; }
	.btn_movil { margin-left: calc(42% - 50px);margin-top: 20px; }
	.menu { display: none;width: 200px;margin-left: 0px;margin-top: 10px;background-color: rgba(0,0,0,.6);position: absolute;right: 0px;top: 70px;padding-bottom: 10px; }
	.menu li { width: 100%;padding: 7px 0px; }
	.menu li a { text-align: right;padding-right: 30px;font-size: 12px;}
    .menu li a::before { margin: 0 0% 0 100%; }
    .menu li a:hover::before, .menu .menu_activo a::before { width: 80px;margin: 0px 30px 0 calc(100% - 110px); }
	.langs { position: absolute;right: 0px;margin-top: 25px; }
	.header_chico .langs { margin-top: 25px; }

	.MainSlider {height: 230px;margin-top: 90px;}
	.EsChico { height: 100px; }
	.TextSlider {width: 70%;margin: 0 15%;top: 80px;}
	.TextSlider h1 {font-size: 20px;}
	.TextSlider h1 span {font-size: 14px;}
	
	.Productos-02 h3, .Productos-01 h3, .Contacto-01 h3, .Inicio-01 h3, .Inicio-02 h3, .Inicio-03 h3, .Inicio-04 h3, .Inicio-05 h3, .Inicio-06 h3 { font-size: 24px;width: 250px;margin: 10px calc(50% - 125px); }
	.Productos-02 h3 span, .Contacto-01 h3 span, .Inicio-02 h3 span, .Inicio-03 h3 span, .Inicio-04 h3 span { font-size: 14px; font-weight: 500; }
	.Productos-02 h3::before, .Productos-01 h3:before, .Contacto-01 h3::before, .Inicio-01 h3::before, .Inicio-02 h3::before, .Inicio-03 h3::before, .Inicio-04 h3::before, .Inicio-05 h3::before, .Inicio-06 h3::before { bottom: -10px; }
	
	.ContInicio-01 { height: 180px;margin: 15px }
	.Inicio-01 .col2 li { width: 50%; }
	.ContInicio-01 h5 { width: calc(100% - 20px);margin: 0px 10px;top: 65px;font-size: 14px; }
	.Inicio-01 p { width: calc(100% - 40px);font-size: 12px;margin: 10px 20px; }

	.Inicio-02 .col4 li { width: 50%; }
	.Inicio-02 p { height: 55px;width: 90%;font-size: 14px; }

	.Inicio-03 p { font-size: 14px; }
	.Inicio-03 img { width: 260px; }
	
	.Inicio-04 h4 {font-size: 24px;}
	.Inicio-04 p {width: calc(100% - 40px);font-size: 14px;margin: 15px auto;}

	.Inicio-06 .col4 { width: 100%; }
	.Inicio-06 .col4 li { width: 50%; }
	.Inicio-06 p { font-size: 14px; }
	.Clientes .owl-prev { left: -5%; }
	.Clientes .owl-next { right: -5%; }
	.Clientes img { width: 90% !important }
	
	footer p { text-align: center; }
	footer a { text-align: center; }
	
	.col2mixta li:nth-child(odd) { width: 100%; }
	.col2mixta li:nth-child(even) { width: 100%; }
	.Productos-Feed .element-item { width: 50%; }
	.MenuCats .Cat { width: calc(33.33% - 10px);float: left;margin: 5px }
	.MenuCats .Cat::before,.MenuCats .Cat::after { display: none; }
	.Productos-01 h6 { text-align: center; }
	
	.Productos-02 img { width: 100%; }
	.Productos-02 p { font-size: 14px; }
	
	#FormCOM { width: calc(100% - 40px); }
	#FormCOM input { height: 30px; }
	#FormCOM textarea {  }
	#FormCOM input#submitCOM { height: 35px; }
}
@media screen and (min-width: 600px) and (max-width: 1023px) {
	.contenedor { width: 90%; }
	.movil { display: block }
	.desktop { display: none }
	
	.logo img { width: 140px; }
	.logo_chico img { width: 80px; }
	.menu { display: none;width: 270px;margin-left: 0px;margin-top: 10px;background-color: rgba(0,0,0,.6);position: absolute;right: 0px;top: 90px;padding-bottom: 10px; }
	.menu li { width: 100%;padding: 10px 0px; }
	.menu li a { text-align: right;padding-right: 30px; }
    .menu li a::before { margin: 0 0% 0 100%; }
    .menu li a:hover::before, .menu .menu_activo a::before { width: 80px;margin: 0px 30px 0 calc(100% - 110px); }
	.langs { position: absolute;right: 0px; }
	.header_chico .langs { margin-top: 30px; }
	
	.MainSlider { height: 480px; }
	.EsChico { height: 100px }
	.TextSlider {width: 80%;margin: 0 10%;top: 200px;}
	.TextSlider h1 {font-size: 36px;}
	.TextSlider h1 span {font-size: 20px;}
	
	.Productos-02 h3, .Productos-01 h3, .Contacto-01 h3, .Inicio-01 h3, .Inicio-02 h3, .Inicio-03 h3, .Inicio-04 h3, .Inicio-05 h3, .Inicio-06 h3 { font-size: 30px;width: 70%;margin: 10px 15% 30px 15%; }
	.Productos-02 h3 span, .Contacto-01 h3 span, .Inicio-02 h3 span, .Inicio-03 h3 span, .Inicio-04 h3 span { font-size: 18px; }
	
	.ContInicio-01 { height: 330px; }
	.ContInicio-01 h5 { width: 80%;margin: 0 10%;top: 140px;font-size: 18px; }
	.Inicio-01 p { width: calc(100% - 50px);margin: 10px 25px;font-size: 14px; }

	.Inicio-02 .col4 li { width: 50%; }
	.Inicio-02 .IconoInicio-02 { width: 100px;margin: 20px auto; }
	.Inicio-02 p { height: 60px }
	
	.Inicio-03 .col2 li { width: 100%;float: left; }
	.Inicio-03 img { width: 250px }
	
	.Inicio-04 .col2 li { width: 100%;float: left; }
	.Inicio-04 img { width: 550px;margin: 30px auto 10px auto; }
	.Inicio-04 h4 { font-size: 26px; }
	
	.Inicio-06 .col4 { width: 100%; }
	.Clientes img { width: 90% !important; }
	
	footer .col3 li { width: 100%;float: left; }
	footer p { text-align: center; }
	footer a { text-align: center; }
	
	.col2mixta li:nth-child(odd) { width: 100%; }
	.col2mixta li:nth-child(even) { width: 100%; }
	.MenuCats .Cat { width: calc(33.33% - 10px);float: left;margin: 5px }
	.MenuCats .Cat::before,.MenuCats .Cat::after { display: none; }
	.Productos-01 h6 { text-align: center; }
	
	.Productos-02 .col2 li { width: 100%;float: left; }
	.Productos-02 img { width: 500px; }
}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.contenedor { width: 960px; }
	.movil { display: none; }

}
@media screen and (min-width: 1024px) and (max-width: 1299px) {
	.logo img { width: 160px; }
	.logo_chico img { width: 90px; }
	.MainSlider { height: 600px; }
	.EsChico { height: 110px; }
	.TextSlider { top: 250px; }
	.TextSlider h1 { font-size: 42px; }
	.TextSlider h1 span { font-size: 22px; }
	
	.ContInicio-01 { height: 420px; }
	.ContInicio-01 h5 { top: 180px; }
	
	.Productos-01 h4, .Inicio-01 h4 { font-size: 26px; }
	.Productos-02 h3, .Productos-01 h3, .Contacto-01 h3, .Inicio-01 h3, .Inicio-02 h3, .Inicio-03 h3, .Inicio-04 h3, .Inicio-05 h3, .Inicio-06 h3 { font-size: 32px; }
	.Productos-02 h3 span, .Contacto-01 h3 span, .Inicio-02 h3 span, .Inicio-03 h3 span, .Inicio-04 h3 span { font-size: 18px; }
	.Inicio-02 p { width: 90%; }
	.Productos-02 img { width: 95%;margin: 50px auto; }
	
	.Productos-02 p { font-size: 14px; }
}
@media (min-width: 1440px){
	.movil { display: none; }
	.CalltoFooter::before { width: 202px;height: 195px;top: -60px }
}

#loader-wrapper { position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 1000; }
#loader {display: block;position: relative;left: 50%;top: 50%;width: 150px;height: 150px;margin: -75px 0 0 -75px;border: 3px solid #3498db;z-index: 1500; }    
#loader:before { content: "";position: absolute;top: 5px;left: 5px;right: 5px;bottom: 5px;border: 3px solid #e74c3c; }
#loader:after { content: "";position: absolute;top: 15px;left: 15px;right: 15px;bottom: 15px;border: 3px solid #f9c922; }

/* change border to transparent and set only border-top to a solid color */
#loader { border: 3px solid transparent;border-top-color: #b82744;border-bottom-color: #b82744; /* #3498db; */ }
#loader:before { border: 3px solid transparent;border-top-color: #fff;border-bottom-color: #fff; /* #e74c3c;*/ }
#loader:after { border: 3px solid transparent;border-top-color: #b82744;border-bottom-color: #b82744; /* #ff8c5d;*/ }

#loader { border-radius: 50%; }
#loader:before { border-radius: 50%; }
#loader:after { border-radius: 50%; }
#loader { z-index: 1001; }

#loader { -webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite; }
#loader:before { -webkit-animation: spin 3s linear infinite;animation: spin 3s linear infinite; }

#loader-wrapper .loader-section { position: fixed;top: 0;width: 51%;height: 100%;background: #000;z-index: 1000; }
#loader-wrapper .loader-section.section-left { left: 0; }
#loader-wrapper .loader-section.section-right { right: 0; }
/* Loaded */
.loaded #loader-wrapper .loader-section.section-left { -webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);transform: translateX(-100%); } 
.loaded #loader-wrapper .loader-section.section-right { -webkit-transform: translateX(100%);-ms-transform: translateX(100%);transform: translateX(100%); }
.loaded #loader { opacity: 0; }
.loaded #loader-wrapper { visibility: hidden; }
.loaded #loader { opacity: 0;-webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.loaded #loader-wrapper .loader-section.section-right, .loaded #loader-wrapper .loader-section.section-left { -webkit-transition: all 0.3s 0.3s ease-out; transition: all 0.3s 0.3s ease-out; }
.loaded #loader-wrapper { -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);-webkit-transition: all 0.3s 0.6s ease-out; transition: all 0.3s 0.6s ease-out; }
.loaded #loader-wrapper .loader-section.section-right, .loaded #loader-wrapper .loader-section.section-left { -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000); }
.loaded #loader-wrapper { -webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%); -webkit-transition: all 0.3s 1s ease-out; transition: all 0.3s 1s ease-out; }

/* include this only once */
@-webkit-keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
	@keyframes spin {
	0%   {
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}