@charset "UTF-8";

/********************************
   CSS FUENTE INSTALADA
*********************************/


/* RESET STYLES */
html, body, div, span, 
applet, object, iframe,
h1, h2, h3, h4, h5, h6, 
p, img, ol, ul, li, form, label, 
article, aside, embed, menu, 
nav, section, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
ol, ul {list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
li {display: inline-block; margin: 0; padding: 0; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}

/*GLOBAL STYLES*/
body, html{height:100%; position:relative; font-size:16px; -webkit-font-smoothing:antialiased; width: 100%; z-index: -1500; font-family: 'Roboto', sans-serif;}
figure, figcaption {margin:0; padding:0}
form, input {margin:0; padding:0}
input, textarea {font-size:1em; outline:none; border:none; resize:none; border-radius:0}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
h1, h2, h3, h4 {margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif;}  
p, input, li, a, span, select {font-size: 1em; line-height: 1.2em; font-family: 'Roboto', sans-serif;}
a {
    cursor:pointer !important;
  border: none;
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}
h2, div, input{-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s}
a:focus {outline: none}
button {
    cursor: pointer; 
  border: none; 
  -webkit-appearance: none; 
  -moz-appearance: none; 
  appearance: none; 
  -webkit-border-radius: 0; 
  -moz-border-radius: 0; 
  border-radius: 0; 
  -webkit-box-shadow: none; 
  -moz-box-shadow: none; 
  box-shadow: none;
}
button:focus {outline: none}

input{-webkit-appearance: none;}
p{font-size: 1em; color:#;}
h1{font-size: 1.8em;}
h2{font-size: 1.6em;color:#;}
h3{font-size: 1.4em; font-weight: bold}
h4{font-size: 1.2em;color:#;}
h5{font-size: 1.1em;color:#;}

select{
  -webkit-appearance: none;
    border-radius: initial;
    font-size: 1em !important;
    color: #808080 !important;
    width: 100%;
    position: relative;
    background-image: url(../../img/frontend/flecha.png);
    background-size: 30px;
    background-position: right;
    background-repeat: no-repeat;
}

/* FONT FAMILIY AWESOME 

font-family: FontAwesome;

*/

/*---------------------------------------
        CENTRAR CONTENIDO 50% 50%
----------------------------------------*/  

#wrapLogin {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}


/*---------------------------------------
                GENERAL
----------------------------------------*/  
.container{
  margin:0 auto;
  max-width:1280px;
  /*background-color:rgba(224,238,245,.4);*/
}
.col10{
  width: 10%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col20{
  width: 20%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col23{
  width: 23.5%;
  display: inline-block;
  vertical-align: top;
}
.col25{
  width: 25%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col30{
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col32{
  width: 32%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col33{
  width: 33.33%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col35{
  width: 35%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
}
.col40{
  width: 40%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col50{
  width: 50%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col60{
  width: 60%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col65{
  width: 65%;
  display: inline-block;
  vertical-align: middle;
  margin-right: -4px;
}
.col70{
  width: 70%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
.col80{
  width: 80%;
  display: inline-block;
  vertical-align: top;
  margin-right: -4px;
}
@media only screen and (max-width: 1280px){
  .container { margin: 0 50px 0 50px;}
}
@media only screen and (max-width: 1024px){
  body {font-size: 15px !important;}
}
@media only screen and (max-width: 768px) {
  .container { margin: 0 25px 0 25px;}
  body {font-size: 14px !important;}
}

@media only screen and (max-width: 480px) {
  body {font-size: 13px !important;}
  .container {margin: 0 15px 0 15px;}
}

/*---------------------------------------
                STICKY MEMU
----------------------------------------*/
	.sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  top: 15px;
}
/*---------------------------------------
				        INDEX
----------------------------------------*/	

.border_pages{
  margin-top: 0px;
  border-top: 4px solid #f5f5f5;
  border-bottom: 4px solid #f5f5f5;
  padding-top: 35px!important;
  padding-bottom: 50px!important;
}

.boxHeader{
  background-color: #0a3b5d;
  color: #fff;
  padding: 0 0;
  font-size: .9em;
}
.boxHeader .col70 p, .boxHeader .col70 a{
  display: inline-block;
  vertical-align: middle;
}
.boxHeader .col70 p{
  padding-right: 10px;
}
.boxHeader .col30:nth-child(1){
  text-align: left;
  font-weight: bold;
}
.boxHeader .col70:nth-child(2){
  text-align: right;
}
.boxHeader .col70, .boxHeader .col30{
  vertical-align: middle;
}

.boxHeader .col70 p:nth-child(2){
  border-right: solid 1px #fff;
  border-left: solid 1px #fff;
  padding: 0 10px;
  margin: 0 10px;
}
.boxHeader .col70 p a{
  font-size: 17px;
}
/* ------- */
.boxNav{
  background-color: #fff;
  padding: 20px 0;
  color: #000;
}
.boxNav img{
  width: 110px;
}
.boxNav .container div{
  vertical-align: middle;
}
.boxNav .container .col60{
  text-align: center;
}
.boxNav .container div:nth-child(1){
  text-align: left;
}
.boxNav .container div:nth-child(3){
  text-align: right;
}
.txtShopCar{
  display: inline-block;
  vertical-align: middle;
  color:#000;
  font-size: 13px;
  padding: 0 0 0 15px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.numberIcon{
  display: inline-block;
  vertical-align: middle;
  font-size: 25px;
  color: #cc2027;
}
.logos_esd{
  display: inline-block;
  margin-left: 20px
}
.numberIcon p{
  position: relative;
}
.numberIcon p:nth-child(1){  font-size: 18px; font-weight: bold; padding-left: 25px}
.numberIcon p:nth-child(2){  font-size: 15px;}

.numberIcon span{
  width: 20px;
  height: 20px;
  border-radius: 50% 50%;
  background-color: #cc2027;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}
.numberIcon i{
  color: #fff;
  font-size: 11px;
  text-align: center;
  position: absolute;
  top:4px;
  left: 4px;
}
.numberIcon img{
  width: 120px;
}
/* DELIVERY */

.boxDelivery{
  padding: 40px 0 10px 0;
}
.boxDelivery p{
  font-size: 14px;
  line-height: 1.8;
  font-weight: 300;
}
.boxDelivery .container .col33:nth-child(1){
padding-right: 80px;
color:#cc2027;
}
.boxDelivery .container .col33:nth-child(2){
  padding: 0 40px;
    color:#0a3b5d;
}
.boxDelivery .container .col33:nth-child(3){
  padding-left: 80px;
  color:#cc2027;
}
.boxDelivery .container .col33 h5{
font-weight: 400;
}

.boxDelivery .container .col33:nth-child(1) h5 i, .boxDelivery .container .col33:nth-child(2) h5 i, .boxDelivery .container .col33:nth-child(3) h5 i{
 font-size: 25px
}
.boxDelivery .container .col33 h5{
  margin-bottom: 10px;
}


@media only screen and (max-width: 975px){
.boxNav img {width: 90px;}
}

@media only screen and (max-width: 1024px){
.boxNav .container > div:nth-child(1){width: 15%}
.boxNav .container > div:nth-child(2){width: 65%}
.boxNav .container > div:nth-child(3){width:20%}
}

@media only screen and (max-width: 885px){
.txtShopCar{display: none}
.boxNav .container > div:nth-child(1){width: 15%}
.boxNav .container > div:nth-child(2){width: 72%}
.boxNav .container > div:nth-child(3){width:13%}
}

@media only screen and (max-width: 768px) {
.boxDelivery .container .col33:nth-child(1){padding-right: 40px;}
.boxDelivery .container .col33:nth-child(2){padding: 0 20px;}
.boxDelivery .container .col33:nth-child(3){padding-left: 40px;}

.boxNav .container > div:nth-child(1){width: 25%}
.boxNav .container > div:nth-child(2){width: 0}
.boxNav .container > div:nth-child(3){width:75%}
.boxHeader .col70{display: none;}
}
@media only screen and (max-width: 600px) {
.boxDelivery .col33{width: 100%; text-align: center;}
.boxDelivery .container .col33:nth-child(1){padding-right: 0; margin-bottom: 15px;}
.boxDelivery .container .col33:nth-child(2){padding: 0 0; margin-bottom: 15px;}
.boxDelivery .container .col33:nth-child(3){padding-left: 0;}
}

@media only screen and (max-width: 440px){
  .boxHeader .col50 p:nth-child(2){display: none}
}
/* Corousel */

.carousel{
  background-color: #fff;
  padding: 40px 0;
}
.carousel img{
  height: 40px;
}
/* Section Index Tools*/

section{
  padding: 50px 0;
}
@media only screen and (max-width: 768px) {
  section{padding: 65px 0 0 0;}
}

@media only screen and (max-width: 440px) {
    section {padding: 25px 0 0 0;}
}

.tittleIndex{
position: relative;
padding: 15px 0;
border-bottom: solid 5px #f5f5f5;
}
.tittleIndex.v2{
  margin-bottom: 25px;
}
.tittleIndex p{
  color:#000;
}
.tittleIndex > a{
  display: block;
  position: absolute;
  right: 0;
  top:50%;
  transform: translateY(-50%);
  color:#808080;
  font-size: 14px;
}
.tittleIndex p > a{
  color:#000;
}
.tittleIndex p > span{
  color: #009353;
}
.tittleIndex p > a:hover{
  text-decoration: underline !important;
}
.tittleIndex a:hover{
  color: #000;
}
.imgProduct{
  background-size: contain;
  width: 100px;
  height: 100px;
  background-position: center;
  display: inline-block;
  vertical-align: top;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.boxToolIndex1 .txtProduct{
  display: inline-block;
  vertical-align: top;
  width: 170px;
}
.txtProduct h5{
  color: #000;
  font-size: 1.15em;
}
.txtProduct p{
  color: #cc2027;
  font-size: 1em;
  margin:5px 0;
}
.txtProduct span{
  color: #0a3b5d;
  font-size: 1em;
}
.boxToolIndex1 .col25:nth-child(4n+1), .boxToolIndex1 .col25:nth-child(4n+2), .boxToolIndex1 .col25:nth-child(4n+3), .boxToolIndex1 .col25:nth-child(4n+4){
  margin-top: 30px;
  margin-bottom: 40px;
}
.boxToolIndex1 .col25:hover .txtProduct h5, .boxToolIndex1 .col25:hover .txtProduct span {
  color: #0a3b5d !important;
}

.txtProduct div{
    font-size: .8em;
    margin-top: 10px;
    display: table;
    background-color: #0a3b5d;
    color: #fff;
    padding: 6px 25px;
    text-align: center;
    border-radius: 10px;
}
.txtProduct div:hover{
  color: #fff;
  background-color: #cc2027;
}
/*box Sales*/
.boxSales{
  margin-bottom: 20px;
}
.boxSales .col23{
  padding: 20px 20px;
  color: #0a3b5d;
  background-color: #f5f5f5;
	height: 140px;
}
.boxSales .col23 span{
  font-weight: 300;
  font-size: 1em;
}
.boxSales .col23 p{
  font-weight: 700;
  font-size: 1em;
	width: 200px;
}
.boxSales .col23 a{
  font-size: .8em;
  margin-top: 10px;
  display: inherit;
  background-color: #0a3b5d;
  color:#fff;
  padding: 8px 20px;
  text-align: center;
  border-radius: 10px;
}
.boxSales .col23 a:hover{
  background-color: #000;
  color: #fff;
}
.boxSales .col23:nth-child(1){
  background-image: url(../../img/frontend/sales1.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
}
.boxSales .col23:nth-child(2){
  margin-right: 2%;
  margin-left: 2%;
  background-image: url(../../img/frontend/sales2.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
}
.boxSales .col23:nth-child(3){
  background-image: url(../../img/frontend/sales3.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 2%;
}
.boxSales .col23:nth-child(4){
  background-image: url(../../img/frontend/sales3.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
}


.boxSales .col23:nth-child(5){
  background-image: url(../../img/frontend/sales1.png);
  background-size: 80px;
  background-repeat: no-repeat;
	margin-top: 2%;
  background-position: right;
}
.boxSales .col23:nth-child(6){
  margin-right: 2%;
  margin-left: 2%;
  background-image: url(../../img/frontend/sales2.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
	margin-top: 2%;
}
.boxSales .col23:nth-child(7){
  background-image: url(../../img/frontend/sales3.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 2%;
	margin-top: 2%;
}
.boxSales .col23:nth-child(8){
  background-image: url(../../img/frontend/sales3.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
	margin-top: 2%;
}



.boxSales .col23:nth-child(9){
  background-image: url(../../img/frontend/sales1.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
	margin-top: 2%;
}
.boxSales .col23:nth-child(10){
  margin-right: 2%;
  margin-left: 2%;
  background-image: url(../../img/frontend/sales2.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
	margin-top: 2%;
}
.boxSales .col23:nth-child(11){
  background-image: url(../../img/frontend/sales3.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 2%;
	margin-top: 2%;
}
.boxSales .col23:nth-child(12){
  background-image: url(../../img/frontend/sales3.png);
  background-size: 80px;
  background-repeat: no-repeat;
	margin-top: 2%;
  background-position: right;
}




.boxSales .col23:nth-child(13){
  background-image: url(../../img/frontend/sales1.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
	margin-top: 2%;
}
.boxSales .col23:nth-child(14){
  margin-right: 2%;
  margin-left: 2%;
  background-image: url(../../img/frontend/sales2.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
	margin-top: 2%;
}
.boxSales .col23:nth-child(15){
  background-image: url(../../img/frontend/sales3.png);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 2%;
	margin-top: 2%;
}
.boxSales .col23:nth-child(16){
  background-image: url(../../img/frontend/sales3.png);
  background-size: 80px;
  background-repeat: no-repeat;
	margin-top: 2%;
  background-position: right;
}


/* box_product_images*/
.box_product_images .tittleIndex{
  margin-bottom: 30px;
}
.box_product_images{
  margin-top: 0;
  margin-bottom: 10px;
}
.box_product_images .col32{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 420px;
}
.box_product_images .col32 div{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 195px;
}
.box_product_images div .col32 div:nth-child(1){
  margin-bottom: 30px;
}
.box_product_images div .col32:nth-child(2){
  margin-left: 2%;
  margin-right: 2%;
}
/*box index_category_product */
.index_category_product {
  margin-top: 25px;
}
.index_category_product .col32{
  background-color: #f5f5f5;
  padding: 20px 20px;
  margin-bottom: 15px;
}
.index_category_product .col32 p{
  font-size: 1.1em;
}
.index_category_product .col32:nth-child(3n+1){
 color:#cc2027;
}
.index_category_product .col32:nth-child(3n+1):hover{
 background-color:#cc2027;
 color:#fff;
}
.index_category_product .col32:nth-child(3n+2){
  margin-right: 2%;
  margin-left: 2%;
  color:#0a3b5d;
}
.index_category_product .col32:nth-child(3n+2):hover{
  background-color:#0a3b5d;
  color:#fff;
}
.index_category_product .col32:nth-child(3n+3){
 color:#cc2027;
}
.index_category_product .col32:nth-child(3n+3):hover{
 background-color:#cc2027;
 color:#fff;
}

/* box Tool 2*/
.boxToolIndex2{
  margin:40px 0 20px 0;
}
.boxToolIndex2 .imgProduct{
  width: 180px;
  height: 180px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.boxToolIndex2 .txtProduct a{
  font-size: .9em;
  margin-top: 10px;
  display: table;
  background-color: #cc2027;
  color: #fff;
  padding: 10px 40px;
  text-align: center;
  border-radius: 10px;
}
.boxToolIndex2 .txtProduct a:hover{
  background-color: #000;
  color:#fff;
}
.boxToolIndex2 .txtProduct h5{
  font-size: 1.1em;
  max-width: 200px;
  line-height: 1.4
}
.boxToolIndex2 .txtProduct p{
  font-size: 1em;
  margin:5px 0;
}
.boxToolIndex2 .txtProduct span{
  font-size: 1em;
}

/* BANNER */
.banner_index{
  padding: 0;
  background-image: url(../../img/frontend/background_metal.png);
  height: 420px;
  background-position: right;
  background-size: 100% 420px;
  background-repeat: no-repeat;

}
.sliderHome{
  height: 420px;
}
.boxCategory{
  position: absolute;
  left: 0;
  top:0;
}
.bxslider{
  width: 100%;
  position: relative;
}
.bxslider li{
  height: 420px;
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto 400px;
	
}
.sliderabout li div{
  height: 320px;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
.bxslider .bx-wrapper{
height: 600px;
}
.bxslider h1{
  font-weight: 600 !important;
  margin-bottom: 20px;
  color:#0a3b5d;
  font-size: 2.4em;
	line-height: 1.2;
}
.bxslider h3{
  color:#999999;
  font-weight: 200 !important;
  font-size: 2.5em;
  margin-bottom: 15px;
    line-height: 0.7;
}
.bxslider p{
  color: #808080;
  line-height: 1.8
}
.bxslider span{
  color: #000;
  font-weight: bold;
  font-size: 1.2em;
  margin:15px 0;
  display: block;
}
.bxslider a{
    font-size: .9em;
    margin-top: 10px;
    display: table;
    background-color: #cc2027;
    color: #000;
    padding: 10px 40px;
    text-align: center;
    border-radius: 10px;
    font-weight: 500;
}
.bxslider div{
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 600px;
}
.boxToolIndex2 .col20{
  margin-bottom: 20px;
}

.bxslider li div h4{
	margin-top:10px;
}

@media only screen and (max-width: 1050px) {
.boxProductsPage .col25{ width: 33.33%; }
.boxToolIndex1 .col25{width: 33.33%}
}
@media only screen and (max-width: 1000px) {
.boxSales .col23{padding: 30px 30px;}
.boxSales .col23 span{font-size: 1.5em}
.boxSales .col23 p{font-size: 1.8em}
.boxToolIndex2 .col20{width: 25%;}
}
@media only screen and (max-width: 890px) {
.boxProductsPage .col25{ width: 50%; }
}
@media only screen and (max-width: 768px) {
.boxProductsPage .col25{ width: 33.33%; }
.boxSales .col23{padding: 30px 20px;}
.boxSales .col23 span{font-size: 1.3em}
.boxSales .col23 p{font-size: 1.6em}
.boxToolIndex2 .col20{width: 33.33%;}
.banner_index{margin-top: 52px}
.boxSales .col23{width: 100%}
.boxSales .col23:nth-child(2), .boxSales .col23:nth-child(3){margin-right: 0; margin-left: 0; margin-top: 2%; margin-bottom: 2%;}
.boxSales .col23{ height: auto}
	
	.index_category_product .col32{ display: block; width: 100%;     margin-right: 0!important;    margin-left: 0!important;}
	.box_product_images .col32{ height: 250px;}
	.box_product_images .col32 div{height: 110px;}
	.box_producer .container .col40{ width: 100%}
	footer .col25{width: 100%; text-align: center; margin-bottom: 10px;}
}
@media only screen and (max-width: 665px) {
    .banner_index {
        height: 170px;}
	
}

@media only screen and (max-width: 540px) {
.boxProductsPage .col25{ width: 50%; text-align: center; }
.boxToolIndex1 .col25{width: 50%; text-align: center;}
.boxToolIndex2 .col20{width: 50%; text-align: center;}
.boxToolIndex2 .col20:nth-child(2n+1){padding-right: 1%;}
.boxToolIndex2 .col20:nth-child(2n+2){padding-left: 1%;}
.boxToolIndex2 .txtProduct a, .txtProduct div{display: inline-block;}

}
@media only screen and (max-width: 480px) {
.boxToolIndex2 .imgProduct{width: 150px;}
.boxToolIndex2{margin: 10px 0 10px 0}
}
/* BOX CATEGORIAS PRODUCTOS*/

/*------------- BOX ASK -------------*/

.boxCategory{
  width: 200px;
}
.boxCategory h3{
  background-color: #cc2027;
  color: #000;
  font-size: .9em;
  text-align: left;
  padding: 15px 20px;
  font-weight: 400;
  border-radius: 10px 10px 0 0;
  border: solid 1px #cc2027;
}
.boxAsk{
  border-bottom: solid 3px #cc2027;
}
.boxAsk h4 {
  border-right: solid 3px #cc2027;
  border-left: solid 3px #cc2027;
  color: #808080;
  cursor: pointer;
  font-size: .9em;
  font-weight: 300;
  position: relative;
  padding:10px 0 10px 15px;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s
}

.boxAsk h4:nth-child(3), .boxAsk h4:nth-child(7), .boxAsk h4:nth-child(11), .boxAsk h4:nth-child(15), .boxAsk h4:nth-child(19), .boxAsk h4:nth-child(23){
  background-color: #f5f5f5;
}

.boxAsk h4:hover{
  color:#000;
}
.boxAsk h4:after {
  top: 18px;
  right: 15px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(48, 48, 48, 0);
  border-top-color: #808080;
  border-width: 6px;
}
.boxAsk h4:hover:before{
  background-color: #808080;
}
.boxAsk .symbol { color:#808080; }
.boxAsk .symbol:after {
  bottom: 100% !important;
  content: "";
  border-color: rgba(0, 125, 212, 0) !important;
  border-bottom-color: #cc2027 !important;
  border-width: 6px !important;
  top: 10px !important;
}
.boxAsk .symbol:before{
  background-color: #a41d4c;
}
.boxAsk blockquote { display: none;padding: 0; margin: 0 0; }
.boxAsk blockquote:after {
  clear: both;
  content: "";
  display: table;
}

/*segundo nivel*/
.boxAsk blockquote > h4{
  background-color: #e9e9ea !important;
  padding:10px 0 10px 40px;
}
.boxAsk blockquote > h4:before{
  content: "";
  width: 5px;
  height: 2px;
  background-color: #a7a9ac;
  position: absolute;
  left: 25px;
  top:20px;
}
.boxAsk blockquote > h4.symbol:before{
  background-color: #009353;
}
/*tercer nivel*/
.boxAsk blockquote > blockquote > a{
  border-right: solid 3px #cc2027;
  border-left: solid 3px #cc2027;
  display: block;
  background-color: #e0e1e2 !important;
  padding:10px 0 10px 60px;
  color: #6d6e71;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: .9em
}
.boxAsk blockquote > blockquote > a:before{
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50% 50%;
  border:2px solid #6d6e71;
  position: absolute;
  left: 40px;
  top:17px;
}
.boxAsk blockquote > blockquote > a:hover, .boxAsk blockquote > blockquote > a.active{
  color:#000;
}
.boxAsk blockquote > blockquote > a:hover:before, .boxAsk blockquote > blockquote > a.active:before{
  border:2px solid #0a3b5d;
}

@media only screen and (max-width: 768px) {
  .boxCategory{width: 170px;}
  .boxBanner{padding-left: 200px; margin-bottom: 0}
}

@media only screen and (max-width: 600px) {
  .boxCategory{display: none}
  .boxBanner{padding-left: 0;}
}
@media only screen and (max-width: 1024px) {
.boxBanner.index .boxCategory{display: none}
.boxBanner.index{padding-left: 0px; margin-top:0px; margin-bottom: 30px;}
.bxslider li{background-size: auto 280px;}
.bxslider div{width: 300px;}
.bxslider li{height: 360px;}
}
@media only screen and (max-width: 600px) {
  .bxslider li{background-size: auto 180px;}
  .bxslider div{width: 270px;}
  .bxslider li{height: 330px;}
}

@media only screen and (max-width: 600px) {
  .bxslider li{background-size: auto 130px;}
  .bxslider div{width: 200px;}
  .bxslider li{height: 340px;}
}

@media only screen and (max-width: 480px) {
  .bxslider p{display: none}
  .bxslider li{height: 170px;}
}
/*----------------------------------------
			           MENU 
----------------------------------------*/
nav{
	display:block;}
nav ul li a{
    font-size: 14px;
    color:#000;
    padding: 5px 20px;
  }
nav ul li a:hover{
  background-color: #0a3b5d;
  color:#fff;
  padding: 5px 20px;
  border-radius: 5px 4px; 
}

nav ul li a.active{
  background-color: #0a3b5d;
  color:#fff;
  padding: 5px 20px;
  border-radius: 5px 4px; 
}

@media only screen and (max-width: 975px){
nav ul li a{padding: 0 5px;}
}


@media only screen and (max-width: 768px) {
  nav {z-index: 9999999; width: 100%; height: 52px;  background-color: #cc2027; position: absolute; top: 148px; left: 0; transition-duration: 0.5s; transition-timing-function: swing; overflow: hidden;}
  nav.open {height: 280px;}
  nav ul {padding:52px 20px 0 20px;}
  nav ul li { list-style: none; display:block !important;}
  nav ul li a {padding: 10px 0; display: block; text-decoration: none; color: #fff; text-align: left;}
  .navToggle {position: absolute; width: 52px; height: 52px; top: 0; left: 20px; transition-duration: 0.5s;}
  .navToggle .icon {transition-duration: 0.25s; position: absolute; width: 30px; height: 2px; top: 50%; left: 50%; transform:translateX(-50%) translateY(-50%); background-color: #fff;}
  .navToggle .icon:before, .navToggle .icon:after {transition-duration: 0.25s; position: absolute; width: 30px; height: 2px; background-color: #fff; content: ""; }
  .navToggle .icon:before {top: -7px; left: 0;}
  .navToggle .icon:after {top: 7px; left: 0; }
  .navToggle:hover {cursor: pointer;}
  .navToggle:hover .icon:before {top: -10px;}
  .navToggle:hover .icon:after {top: 10px;}
  .navToggle.open {transition-duration: 1s; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
  .navToggle.open .icon {transition-duration: 0.5s; background-color: transparent; }
  .navToggle.open .icon:before {transition-duration: 0.5s; top: 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
  .navToggle.open .icon:after {transition-duration: 0.5s; top: 0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
  nav ul li a.active,   nav ul li a:hover{padding: 10px 20px;}
	
.bxslider h3{display:none;}
	
.bxslider h1{font-size: 2em;}

}

@media only screen and (max-width: 480px) {
  .bxslider h1{font-size: 1.5em;}
}

/*-------------CONTACT----------------------*/
.formContacto p{
  margin-bottom: 30px;
}
.formContacto h2{
  margin-bottom: 20px;
  font-weight: 600 !important;
  color: #0a3b5d;
}
.box_map{
  padding-left: 30px;
}


.box_map{

}
input[type="text"], textarea, input[type="password"], input[type="search"] {
  opacity: 1;
  color: #58595b;
  font-weight: 400;
  font-size: .9em;
  border-radius: 0;
  line-height: 22px;
  background-color: #f2f2f2;
  margin-bottom: 20px;
  width: 100%;
  padding: 10px 13px 10px 54px;
}
input[type="submit"] {
  opacity: 1;
  color: #fff;
  font-weight: 400;
  font-size: 1em;
  border-radius: 0;
  line-height: 22px;
  background-color: #0a3b5d;
  padding: 10px ;
  margin-bottom: 20px;
  width: 100%;
  cursor: pointer;
  text-transform: uppercase;
}
input[type="submit"]:hover{
  background-color: #cc2027;
  color: #fff;
}

/*-------------FORM LOGIN----------------------*/
.createUser, .forgotPass{
  display: none;
}
.submitLogin:hover{
  background-color: #009353 !important;
}
/* Icons ---------------------------------- */
.inputSearch{
    background-image: url(../../img/frontend/lupa.svg);
  background-size: 25px 25px;
  background-position: 18px 8px;
  background-repeat: no-repeat;
}
.txtName{
  background-image: url(../../img/frontend/name.svg);
  background-size: 18px 18px;
  background-position: 18px 11px;
  background-repeat: no-repeat;
}
.txtPass{
  background-image: url(../../img/frontend/pass.svg);
  background-size: 18px 18px;
  background-position: 18px 11px;
  background-repeat: no-repeat;
}
.txtPhone{
  background-image: url(../../img/frontend/telefono.svg);
  background-size: 19px 19px;
  background-position: 18px 11px;
  background-repeat: no-repeat;
}
.txtProductimg{
  background-image: url(../../img/frontend/producto.svg);
  background-size: 19px 19px;
  background-position: 18px 11px;
  background-repeat: no-repeat;
}
.txtEmail{
  background-image: url(../../img/frontend/email.svg);
  background-size: 20px 20px;
  background-position: 15px 11px;
  background-repeat: no-repeat;
}
.txtMessage{
  background-image: url(../../img/frontend/lapiz.svg);
  background-size: 19px 19px;
  background-position: 18px 10px;
  background-repeat: no-repeat;
}
.txtCaptcha{
  background-size: 122px;
  background-repeat:no-repeat;
  padding: 10px 13px 13px 140px !important;
}
input::-webkit-input-placeholder {
  color: #58595b !important;
  font-size:1em !important;
}
input:-moz-placeholder {
    color: #58595b !important;
  font-size:1em !important; 
}
input:-ms-input-placeholder { 
    color: #58595b !important;
  font-size:1em !important; 
}
textarea::-webkit-input-placeholder {
  color: #58595b !important;
  font-size:1em !important;
}
textarea:-moz-placeholder {
    color: #58595b !important;
  font-size:1em !important; 
}
textarea:-ms-input-placeholder { 
    color: #58595b !important;
  font-size:1em !important; 
}

/*ESTILO INPUT RADIO*/
input[type="radio"] {
 background-color: #fff;
 border:1px solid #c3c3c3;
 height: 14px;
 transition:all 0.3s ease;
 width: 14px;
 -webkit-appearance: none;
 -moz-appearance: none;
}
input[type="radio"]:hover { background-color: #efefef }
input[type="radio"]:checked {
 background-color: #49b707;
 border:3px solid #fff;
 box-shadow: 0 0 1px 1px rgba(15,15,15,0.5);
}

/*ESTILO INPUT CHECKBOX*/
input[type="checkbox"] {
 background-color: #fff;
 border:1px solid #c3c3c3;
 height: 14px !important;
 transition:all 0.3s ease;
 width: 14px !important;
 position: relative;
 padding: 10px 10px !important;
 display: inline-block;
 vertical-align: middle;
 margin-top: 0 !important;
}
input[type="checkbox"]:hover { background-color: #d4145a }
input[type="checkbox"]:checked {
 background-color: #73b925;
 /*border:3px solid #fff;
 box-shadow: 0 0 1px 1px rgba(15,15,15,0.5);*/
}
input[type="checkbox"]:checked:before{
  content: "\f00c";
  position: absolute;
  top: 1px;
  left: 2px;
  color: #FFF;
  font-family: FontAwesome;
}

/*------------------------------------------
				          FOOTER
------------------------------------------*/
footer{
  background-color: #333333;
  color: #fff;
  padding: 10px 0;
}
.infoBox{
  color:#fff;
  padding: 15px 0;
  font-size: .9em;
  line-height: 2;
}
.infoBox h3{
  margin-bottom: 10px;
}
.infoBox p{
  line-height: 1.8;
}
.infoBox span{
  color:#fff;
  display: inline-block;
}
.infoBox span i{
  color:#cc2027;
  font-size: 15px
}
.info_footer{
  text-align: center;
  font-size: 13px;
  padding: 15px 0;
  position: relative;
  background-color: #212121;
}

footer p span, footer a span{
  margin-right: 10px;
}
footer a span{
  text-decoration: underline;
}
.infoBox a{
  display: block;
      line-height: 1.8;
}
footer a:hover span{
  color: #fff !important;
}
@media only screen and (max-width: 768px) {
  .infoBox h3{text-align: center;}
  footer .col33{width: 100%; text-align: center;}
  footer .col33 br{display: none}
  footer .col33 .col50{width: 100%;}
}
@media only screen and (max-width: 600px) {
 .logCards{position: relative; right: inherit; top: inherit; transform: inherit;} 
}
@media only screen and (max-width: 480px) {
  footer{padding: 0 25px;}
}
/*---------------------------------------
            SECTION ABOUT US
----------------------------------------*/
.tittleH2{
  font-weight: 300 !important;
  margin-bottom: 30px;
}
/*section{
  min-height: 560px;
}*/
.boxAboutxt h2{
    font-weight: 600 !important;
    margin-bottom: 10px;
    color:#0a3b5d;
}
.boxAboutxt p, .boxDetailProduct p{
  text-align: justify;
  font-size: .9em;
  color: #808080;
  line-height: 1.8;
}
.boxAboutImg{
  float: right;
  margin-left: 25px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .boxAboutImg{width: 100%; margin: 0; margin-bottom: 15px;}
  .boxAboutxt h2{text-align: center;}
  .boxAboutxt h2, .tittleH2{margin-top: 20px; text-align: center;}
  .boxAboutxt h2{margin-bottom: 25px}
}
/*---------------------------------------
            SECTION SERVICES
----------------------------------------*/
.btn_download{
  display: inline-block;
  color:#fff;
  background-color: #0a3b5d;
  padding: 5px 15px;
  border-radius: 5px;
  margin-top: 10px;
}
.btn_download:hover{
  background-color: #cc2027;
}

.boxServices{
  border-bottom: solid 1px #f5f5f5;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.boxServices.v2{
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.boxServices.v2 .boxServicestxt{
  padding-left: 0
}
.boxServicesImg{
    background-position: center;
    background-size: cover;
    height: 200px;
    background-repeat: no-repeat;
    /*border: solid 1px #f2f2f2;*/
}
.boxServicestxt{
  padding-left: 30px;
}
.boxServicestxt h2, .boxDetailProduct h2{
    font-weight: 400 !important;
    margin-bottom: 10px;
    color:#0a3b5d;
}
.boxServicestxt h5, .boxDetailProduct h5{
    font-weight: 300 !important;
    margin-bottom: 10px;
    color:#cc2027;
}
.boxServicestxt p, .formContacto p{
  font-size: .9em;
    color: #808080;
    line-height: 1.8;
    text-align: justify;
}
.boxBanner .boxServices:last-child{
border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
} 

@media only screen and (max-width: 768px) {
  .boxServices .col20{ width: 30% }
  .boxServices .col80{ width: 70% }
}
@media only screen and (max-width: 480px) {
  .boxServices .col20{ width: 100%; margin-bottom: 15px }
  .boxServices .col80{ width: 100%; padding-left: 0 }
}
/*---------------------------------------
            RESULT SEARCH
----------------------------------------*/
.txtSearchTittle{
  font-weight: bold;
  color:#009353;
}
/*---------------------------------------
        SECTION POLITICAS PRIVACIDAD
----------------------------------------*/
.boxPdf.v2 a{
  display: block;
  margin-bottom: 20px;
  font-size: 1em;
  color: #808080;
  line-height: 1.8;
  padding-top: 0;
  border-top: none !important
}
.boxPdf a{
  display: block;
  margin-bottom: 20px;
  font-size: 1em;
  color: #808080;
  line-height: 1.8;
  border-top: solid 1px #f5f5f5;
  padding-top: 20px
}
.boxPdf a i{
  color:#cc2027;
}
.boxPdf a:hover{
  color:#cc2027;
  text-decoration: underline !important;
}
.boxPdf h2{
  margin-bottom: 30px;
}

/*---------------------------------------
        SECTION PRODUCER
----------------------------------------*/

.box_producer{
  background-color: #f5f5f5;
  padding: 50px 0;
  color: #0a3b5d;
}
.box_producer p{
  line-height: 1.7;
}
.box_producer h1{
  position: relative;
  padding-left: 70px;
  margin-bottom: 10px;
}
.box_producer h1 div{
  position: absolute;
  left: 0;
  top: 0;
}
.box_producer h1 div i{
  font-size: 60px;
}
.box_producer h1 span{
  font-weight: 700;
}
.box_producer .col40 .col50 p{
  line-height: 2.5;
}
.box_producer .container .col40, .box_producer .container .col10{
  vertical-align: middle!important;
}
/*---------------------------------
          VENTAJAS COMPETITIVAS
------------------------------------*/

.boxAdvantage .col20, .boxAdvantage .col80{
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.boxAdvantage .boxServices:nth-child(3n+1){
  padding-right: 2%;
}
.boxAdvantage .boxServices:nth-child(3n+2){
  padding-right: 1%;
  padding-left: 1%;
}
.boxAdvantage .boxServices:nth-child(3n+3){
  padding-left: 2%;
}
.boxAdvantage h2{
  font-size: 1.2em;
  margin-top: 25px;
}

@media only screen and (max-width: 768px) {
.boxAdvantage .boxServices{width: 50%}
.boxAdvantage .boxServices:nth-child(3n+1){padding-right: 0;}
.boxAdvantage .boxServices:nth-child(3n+2){padding-right: 0; padding-left: 0;}
.boxAdvantage .boxServices:nth-child(3n+3){padding-left: 0;}

.boxAdvantage .boxServices:nth-child(2n+1){padding-right: 2%;}
.boxAdvantage .boxServices:nth-child(2n+2){padding-left: 2%;}
}

@media only screen and (max-width: 768px) {
.boxAdvantage .boxServices{width: 100%}
.boxAdvantage .boxServices:nth-child(2n+1){padding-right: 0;}
.boxAdvantage .boxServices:nth-child(2n+2){padding-left: 0;}
.boxAdvantage h2{margin-top: 10px;}
}
/*---------------------------------
          SELECT
------------------------------------*/
.select {
  position: relative;
  display: inline-block;
  margin: 0 auto;
  width: 110px;
  color: #fff;
  vertical-align: middle;
  text-align: left;
  height: 40px;
  background-color: #0a3b5d;
  border:none;
  padding-left: 0;
}
.select .placeholder {
  color:#fff;
  position: relative;
  display: block;
  z-index: 1;
  padding:0 0 0 15px;
  cursor: pointer;
  height: 40px;
    line-height: 40px;
  overflow: hidden;
    padding-right: 37px;
}

.select .placeholder:after {
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '\25BC';
  color:#fff;
  z-index: 10;
}

.select.is-open .placeholder:after {
  content: '\25B2';
}
.select.is-open ul {
  display: block;
}
.select.select--white .placeholder {
  background: #fff;
  color: #999;
}
.select.select--white .placeholder:hover {
  background: #fafafa;
}
.select ul {
  max-height:40px;
  display: none;
  position: absolute;
  width: 100%;
  background: #fff;
  border-radius: 3px;
  top: 31px;
  left: 0;
  list-style: none;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  z-index: 100;
      -webkit-box-shadow: 0px 0px 8px 3px rgba(156,156,156,0.2);
    -moz-box-shadow: 0px 0px 8px 3px rgba(156,156,156,0.2);
    box-shadow: 0px 0px 8px 3px rgba(156,156,156,0.2);
}
.select ul li {
  display: block;
  text-align: left;
  padding: 0.8em 1em 0.8em 1em;
  color: #999;
  border-radius: 3px;
  cursor: pointer;
}
.select ul li:hover {
  background: #0a3b5d;
  color: #fff;
}
  
  ::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 7px;
    }
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,.5);
        -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
    }
/*------------------------------------------
                  Paginator
-----------------------------------------*/

.paginatorPage { 
    font-size: 0px;
    margin-top: 55px;
    display: block;
    text-align: right;
    /* margin-bottom: 10px;*/ }
.paginatorPage li { display: inline;}
.paginatorPage a {
  background-color: #0a3b5d;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  height: 30px;
  line-height: 30px;
  margin-bottom: 12px;
  text-align: center;
  transition:all 0.3s ease;
  width: 34px;
  margin-right: 5px 
}
.paginatorPage span:last-child a{
  margin-right: 0;}

.paginatorPage  a.active, .paginatorPage a:hover {
  background-color: #cc2027;
  color: #fff;
}


/** LANDING PAGES */
.boxLandingQuestion, .boxPdf.v2{
  margin-top: 25px;
}
.boxLandingQuestion > h4, .boxPdf.v2 h4, .formularioLanding h4{
    font-weight: 300 !important;
    margin-bottom: 15px;
        position: relative;
    background-color: #f5f5f5;
    padding: 15px 30px;
    width: 58%;
}
.boxQuestion h4 {
  cursor: pointer;
  line-height: 1.25em;
  margin-bottom: 20px;
  padding-left: 22px;
  position: relative;
  text-align: justify;
  font-size: .9em;
  color: #808080;
  line-height: 1.8;
}
.boxQuestion h4:after {
  top: 9px;
  left: 0;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(48, 48, 48, 0);
  border-top-color: #009353;
  border-width: 6px;
}
.boxQuestion .symbol { color:#009353 }
.boxQuestion .symbol:after {
  bottom: 100% !important;
  content: "";
  border-color: rgba(0, 125, 212, 0) !important;
  border-bottom-color: #009353 !important;
  border-width: 6px !important;
  top: 3px !important;
}
.boxQuestion blockquote { display: none }
.boxQuestion blockquote:after {
  clear: both;
  content: "";
  display: table;
}
.boxQuestion blockquote p{
  color: #3a3a3a;
}

.formContacto.v2{
  width: 60%;
  padding-right: 25px;
}
.formularioLanding span{
      text-align: justify;
    font-size: .9em;
    color: #808080;
    line-height: 1.8;
}

.formularioLanding input[type="text"]{
  background-color: #fff;
  border:solid 1px #f2f2f2;
}

@media only screen and (max-width: 768px) {
.boxLandingQuestion > h4, .boxPdf.v2 h4, .formularioLanding h4{width: 100%;}
.formContacto.v2{width: 100%; padding-right: 0px;}
}

/*------------------------------------------
          DETAIL PRODUCT
-----------------------------------------*/

.boxDetailProduct .txtCharacteristic{
  font-size: 1em;
  margin: 5px 0;
  color: #009353;
  display: block;
}

.boxDetailProduct .price{
  font-size: 1em;
  color: #0a3b5d;
  display: block;
}

.boxDetailProduct .btnBuy{
    font-size: .9em;
    margin-top: 10px;
    display: table;
    background-color: #cc2027;
    color: #000;
    padding: 10px 40px;
    text-align: center;
    border-radius: 10px;
}
.boxDetailProduct .btnBuy:hover{
  background-color: #000;
  color:#fff;
}



/*------------------------------------------
             GOOGLE TRANSLATE
-----------------------------------------*/

/*GOOGLE TRANSLATE*/
#google_translate_element { line-height: 0 !important }
.goog-te-banner-frame.skiptranslate { display: none !important }
#google_translate_element .goog-te-gadget {
  font-size: 0px;
  text-align: center
}
#google_translate_element .goog-te-gadget > div > div { display: none }
#google_translate_element .goog-te-gadget span { display: none }
#google_translate_element .goog-te-combo {
  background-color: #7e8186;
  border:1px solid #7e8186;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-family: roboto;
  padding:4px 8px;
  margin: 0;
}
#translate {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 4px rgba(88,88,88,0.2);
  display: none;
  margin-top: 12px;
  left: 0;
  padding: 14px;
  position: absolute;
}
.lang p{color:#FFF;position: relative;}
.lang p:hover{color:#624a9e;}


#whatsapp {
   position: fixed;
   bottom: 20px;
   left:20px;
		z-index: 999999999999999999;
}

#whatsapp p{
	    border-radius: 5px;
    position: absolute;
    left: 90px;
    top: 28px;
    background-color: #f5f5f5;
    padding: 10px;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, .5));
}

#whatsapp svg {
   width: 80px;
   filter: drop-shadow(0 1px 4px rgba(0,0,0,.2));
	   background-color: #25D366;
    padding: 8px;
    border-radius: 30%;

}

#whatsapp circle {
   fill: #25d366;
}
#whatsapp path {
   fill: #fff;
}


@media only screen and (max-width: 768px) {
	section.container{		margin-top: 35px;	}
	.boxEvents .col60, .boxEvents .col40 {width: 100%; display: block}
}


/*----------------------------------------
            BX SLIDER
----------------------------------------*/

.carousel .bx-wrapper{
  max-width: 100% !important;
}

.bx-wrapper {
  position: relative;
}
.bx-wrapper img {
  max-width: 100%;
  display: block;
}
.bx-wrapper .bx-viewport {
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: 25px;
    left: 0;
  width: 100%;
  z-index: 99;
}

.boxAboutImg .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 11px;
    left: 14px;
    width: 100%;
    z-index: 99;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
.bx-wrapper .bx-pager {
  text-align: left;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  zoom: 1;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #cc2027;
  border:solid 3px #cc2027;
  text-indent: -9999px;
  display: block;
  width: 15px;
  height: 15px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 50% 50%;
  -webkit-border-radius: 50% 50%;
  border-radius: 50% 50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #fff;
}
.sliderHome .bx-wrapper .bx-controls-direction, .carousel .bx-wrapper .bx-controls-direction{
 display: none
}
.bx-wrapper .bx-prev {
  left: 15px;
  background: url(../../img/frontend/controls.png) no-repeat 0 0;
}
.bx-wrapper .bx-next {
  right: 15px;
  background: url(../../img/frontend/controls.png) no-repeat -32px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../../img/frontend/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../../img/frontend/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -86px -33px;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
 }
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}
/*---- 

EVENTS
----- */

.box_banner_events img{width: 80%}

.box_banner_events{text-align: center;
}

/*--------------------------------
        MAGNIFIC POP UP
---------------------------------*/
#modalBox{
max-width: 800px;
background-color: #FFF;
padding:35px;
position: relative;
height: 500%;
margin: 0 auto;}

#popupsearch, #popuplogin{
max-width: 650px;
background-color: #FFF;
padding:35px;
position: relative;
height: 500%;
margin: 0 auto;
width: 90%;
}
#popupsearch h1, #popuplogin h1{
text-align: center;
color: #494949;
font-size: 1.2em;
margin-bottom: 30px;
position: relative;
}
#popupsearch input[type="submit"], #popuplogin input[type="submit"]{
  margin-bottom: 0;
  cursor: pointer;
}
#popupsearch h1:before, #popuplogin h1:before{
  content: "";
  width: 100%;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform:translateX(-50%);
  height: 1px;
  background-color: #494949;
}
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 1em;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

  -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
  -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
  -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
  -o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
  transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;

  -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
  -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
  -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
  -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
  transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0;

  -webkit-transition: opacity 0.3s ease-out; 
  -moz-transition: opacity 0.3s ease-out; 
  -o-transition: opacity 0.3s ease-out; 
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}