/*
Theme Name: The7
Theme URI: http://dream-theme.com/the7/
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you’ll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 5.3.1
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.blog .dt-format-gallery .dt-format-gallery-coll.full,
.archive .dt-format-gallery .dt-format-gallery-coll.full,
.search .dt-format-gallery .dt-format-gallery-coll.full
{
	display: none;
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor {}

/*.--Colores--*/

.azul{
	color: #003366;
}

.white{
	color: #fff;
}
.celeste{
	color: #0080ff;
}
.light{
	font: normal 14px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
.light-1{
	    font: normal 15px / 22px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: #000;
    text-align: justify !important;
}
.bold{
	font: normal bold 15px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;

}
.light-2{
	font: normal 15px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    color: #000;
    text-align: justify !important;
}

/*--Header---*/

#phantom{
	background: #296192 !important;
}
.texto-top-bar{
	color: #868686;
}

.telf-bar{
	color: #296192;
	position: relative;
	padding-left: 20px;
}
.telf-bar:before{
	content: "\f095";
	position: absolute;
	font-family: 'fontawesome';
	color: #000;
    left: 0px;
    font-size: 15px;
}

.iconos-sociales{
	display: flex;
	justify-content: center;
	align-items:center;
}

.iconos-sociales i{
	margin-right: 10px;
	 font-size: 17px;
    color: #fff;
    background: #296192;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-align: center;
    padding-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.iconos-sociales i:hover{
	background: #75da1a;
}

.main-nav > li > a .menu-text {
    font: normal 13.5px / 19px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
li.act{
	background: #3f729d;
}
.top-header .active-bg-decoration > li.act > a{
	background: transparent;
}
.top-header .hover-bg-decoration > li:not(.act) > a:hover, .top-header .hover-bg-decoration > li.dt-hovered:not(.act) > a{
	background: transparent;
}
.branding{
	position: relative;
}
.branding:before{
	content: "";
	position: absolute;
    /*background: #26517c;*/
    background: transparent;
    left: -7029px;
    width: 7000px;
    height: 90px;
    top: 0px;
}
/*.branding:after{
	content: "";
	position: absolute;
    background: transparent;
    right: 0px;
    width: 70px;
    height: 90px;
    top: 0px;
    transform: skew(-15deg, 0deg);
    border-right: solid 1px #0e263e;
}*/
.logo-box img{
	width: 150px;
	height: auto;
}
.branding img{
	position: relative;
    left: -30px;
    top: 0px;
    z-index: 1000;
}

#primary-menu{
	padding-left: 210px;
}

/*---HOME-----*/
/*-----------LINEA PRODUCTOS------------*/
.fondo-texto{
	background:url(http://www.cardele.com/wp-content/uploads/2017/07/banner.jpg);
	padding-top: 30px;
	padding-bottom: 0px;
}
.fondo-texto p{
	color: #fff;
	line-height: 20px;
	padding-right: 18%;
	padding-top: 20px;
    font: normal 16px / 24px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    text-align: justify;
}
.fondo-texto a{
	color: #9e999f ;
	text-decoration: none;
	font-weight: 600;
}
.h1-home{
	color: #26517c;
	margin:auto;
	display: block;
	position: relative;
    width: 50%;
}
.h1-home-1{
	position: relative;
	width: 70%;
	margin:auto; 
}
.h1-home-1:before{
	content: "";
	position: absolute;
	width: 115px;
	height:40px;
	left: 128px;
	top: 3px;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
	background-size: 100%;
}
.h1-home-1:after{
	content: "";
	position: absolute;
	width: 115px;
	height:40px;
	right: 128px;
	top: 3px;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
	background-size: 100%;
}

.fondo-linea-productos{
	background: #ededed;
	padding-top: 60px;
	padding-bottom: 60px;
}
.fondo-linea-productos p{
	padding: 20px 16% 0px 16%;
    font: normal 16px / 22px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
}

.linea-box-left{
	width: 75%;
    background:#ececec;
    margin: auto;
    margin-right: 0%;
    padding-bottom: 40px;
    box-shadow: 0px 3px 18px #8e8e8e;
    padding-top: 20px;
   	border-top: solid 5px #007fff;
   	text-align: center;
   	color: #000;
   	height: 440px; /* Antes height:250px, cambiado el 19/05/2022 */
}

.linea-box-left-2{
	width: 75%;
    background:#ececec;
    margin: auto;
    margin-right: 0%;
    margin-bottom: 50px;
    padding-bottom: 40px; 
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0px 3px 18px #8e8e8e;
    border-top: solid 5px #007fff;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    font: normal 16px / 22px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    font-size: 20px;
    width: 86%;
    height: 400px; /* Antes height:250px, cambiado el 15/07/2022 */
}

.linea-box-left .title{
	text-transform: uppercase;
	font-size: 20px;
}
.linea-box-right{
	width: 75%;
    background:#ececec;
    margin: auto;
    margin-left:1%;
    padding-bottom: 40px;
    box-shadow: 0px 3px 18px #8e8e8e;
    padding-top: 20px;
   	border-top: solid 5px #007fff;
   	text-align: center;
   	color: #000;
   	height: 440px; /* Antes height:250px, cambiado el 19/05/2022 */
   }
.linea-box-right .title{
	text-transform: uppercase;
	font-size: 20px;
}
.ver-mas{
	width: 230px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
    background: #706f6f;
    transition: all .5s ease-in-out;
}
.ver-mas:hover{
    background: #1ebbf0;
    color: #fff;
}
/*-----------LINEA EQUIPOS------------*/

.fondo-linea-equipos{
	background: #003366;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #fff;
}

.fondo-linea-equipos h2{
	color: #fff;
}

.fondo-linea-equipos p{
	padding: 35px 16% 20px 16%;
	line-height: 18px;
    font-size: 14px;
    font: normal 15.5px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    text-align: justify !important;
}
.list-equipos{
	width: 52%;
    margin: auto;
    padding-left: 24%;
    font-weight: 700;
    text-transform: uppercase;
    float: right;
    line-height: 18px;
}
.list-equipos-2{
	width: 52%;
    margin: auto;
    padding-right: 24%;
    font-weight: 700;
    text-transform: uppercase;
    float: left;
    line-height: 18px;
}
.linea-equipos{
	position: relative;
	width: 70%;
	margin: auto;
}
.linea-equipos:before{
	content: "";
	position: absolute;
width: 6000px;
    height:28px;
    right: -5725px;
    top:fo8px;
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea-2.png);
    background-size: 100%;
    transform: rotate(180deg);
}
.linea-equipos:after{
	content: "";
	position: absolute;
width: 6000px;
    height:28px;
    left: -5730px;
    top: -4px;
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea-2.png);
    background-size: 100%;
}
/*---------------------*/

.fondo-stock-equipos{
	background: #fff;
	padding-top: 60px;
	color: #000;
}
.fondo-stock-equipos p{
	font-size: 13.5px;
	line-height: 18px;
    font: normal 15.5px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    text-align: justify !important;
}
.stock{
	padding-left: 20%;
	padding-top: 18px;
}
.stock h3{
	position: relative;
}

.stock h3:before{
    content: "";
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
    position: absolute;
    width: 115px;
    height: 40px;
    background-size: 100%;
    right: 38px;
    top: 0px;
}
.fondo-azul{
	background: #003366;
	padding-top: 60px;
	padding-bottom:60px;
	color: #fff;
	border-bottom: solid 5px #2d76fa;
}
.fondo-azul h4{
	color: #fff;
}
.fondo-azul p{
	font-size: 13.5px;
	line-height: 18px;
    font: normal 15px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
}


.ver-mas-1{
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin: auto;
    color: #003366 !important;
    text-decoration: none;
    font-size: 14px;
    border-radius: 5px;
    background: #fff !important;
    text-align: center;
    padding-top: 0px;
    height: 34px;
    float: left;
    transition: all .5s ease-in-out;
    margin-top: 15px !important;
}   
.ver-mas-1:hover{
    background: #2d76fa !important;
    color: #fff !important;
}
.fondo-contacto-inicio{
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/contacto-1903x832.jpg);
	padding-top: 103px;
	padding-bottom:60px;
	background-size: cover;
	border-bottom: solid 5px #2d76fa;
}


.fondo-contacto-inicio input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.fondo-contacto-inicio input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.fondo-contacto-inicio input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.fondo-contacto-inicio input:-moz-placeholder { /* Firefox 18- */
  color: #000;
}
.fondo-contacto-inicio input:-moz-placeholder { /* Firefox 18- */
  color: #000;
}


.fondo-contacto-inicio textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.fondo-contacto-inicio textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.fondo-contacto-inicio textarea:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.fondo-contacto-inicio textarea:-moz-placeholder { /* Firefox 18- */
  color: #000;
}
.fondo-contacto-inicio textarea:-moz-placeholder { /* Firefox 18- */
  color: #000;
}









.iphorm-elements{
    width: 75%;
    margin: auto !important;
    padding-left: 4% !important;
}

.titulo-contacto-inicio{
	text-shadow: 0px 2px 5px #3e3e3e;
}
.titulo-contactos{
	position: relative;
	width: 70%;
	margin: auto;}
.titulo-contactos:before{
	content: "";
	position: absolute;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
    width: 115px;
    height: 40px;
    background-size: 100%;
    left: 130px;
    top: 0px;
}
.titulo-contactos:after{
	content: "";
	position: absolute;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
    width: 115px;
    height: 40px;
    background-size: 100%;
    right: 130px;
    top: 0px;
}
.titulo-contactos p{
	font-size: 13px;
	margin-bottom: 20px !important;
	font: normal 13.5px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
}
.gmail_default{
	font: normal 16px / 22px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    color: #424242;
}
.custom-menu li.act{
	background: transparent;
}


.logo-footer{
	text-align:center;
}

.logo-footer img{
	text-align:center;
	position: relative;
    top: -9px;
}





/*----------SERVICIO-POSTVENTA--------------------*/

.servicios-postventa-titulo{
	font: normal bold 18.5px / 32px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	position: relative;
	padding-left: 45px;
	padding-bottom: 15px;
}
.servicios-postventa-titulo-2{
	font: normal bold 18.5px / 32px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	position: relative;
	padding-left: 45px;
	padding-bottom: 15px;
}
.servicios-postventa-titulo-3{
	font: normal bold 18.5px / 32px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	position: relative;
	padding-left: 45px;
	padding-bottom: 15px;
}
.servicios-postventa-titulo-4{
	font: normal bold 18.5px / 32px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	position: relative;
	padding-left: 45px;
	padding-bottom: 15px;
}

.servicios-postventa-titulo:before{
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	background: #f6f6f6;
	left: 0px;
	top: -7px;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/icono-1-1.png);
	background-size: 100%;
}
.servicios-postventa-titulo-2:before{
	content: "";
	position: absolute;
	width: 32px;
	height: 32px;
	background: #f6f6f6;
	left: 0px;
	top:-7px;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/3.png);
	background-size: 100%;
}
.servicios-postventa-titulo-3:before{
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	background: #f6f6f6;
	left: 0px;
	top: -8px;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/2-1.png);
	background-size:100%;
}
.servicios-postventa-titulo-4:before{
	content: "";
	position: absolute;
	width: 35px;
	height: 35px;
	background: #f6f6f6;
	left: 0px;
	top: -8px;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/4-1.png);
	background-size: 100%;
}
.servicio-post-venta-left{
	padding-left: 25%;
}

.fondo-texto p:nth-child(1){
	padding-top: 52px;
}



.custom-menu li.act{
	background: transparent;
}

#text-3 .textwidget{
	display:flex;
	padding-top: 15px;
}

#text-3 .textwidget ul{
	width: 50%;
	float: left;
}
#text-3{
	position: relative;
}

#text-3:before{
	content: "";
	position: absolute;
	width: 1px;
    height: 130px;
    background: #fff;
    left: -18px;
    top: 0px;
}
#text-3:after{
	content: "";
	position: absolute;
	width: 1px;
    height: 130px;
    background: #fff;
    right:40px;
    top: 0px;
}

.fondo-footer{
	background: #003366;
}
.fondo-footer-2{
	background: #112639;
	box-shadow: inset 2px -5px 44px #000;
	padding-top: 20px;
	color: #fff;
}

.direccion, .mail{
	font-size:12px;
	line-height: 18px;
}
.box-footer-left .titulo{
	font: normal bold 14px / 32px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: -5px;
}
.box-footer-right .titulo{
	font: normal bold 14px / 32px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: -5px;
}
.box-footer-left{
	padding-left: 100px;
	position: relative;
}

.box-footer-left:before{
    content: "\f041";
    position: absolute;
    font-family: 'fontawesome';
     left: 48px;
    top: 18px;
    font-size: 45px;
}
.box-footer-left:after{
    content: "";
    position: absolute;
    left: 85px;
    top: 20px;
    font-size: 45px;
    width: 1px;
    height: 25px;
    background: #f6f6f6;
}
.box-footer-right:after{
    content: "";
    position: absolute;
    left:106px;
    top: 20px;
    font-size: 45px;
    width: 1px;
    height: 25px;
    background: #f6f6f6;
}

.box-footer-right{
	padding-left:120px;
	position: relative;
	padding-top: 6px;

}
.box-footer-right:before{
     content: "\f003";
    position: absolute;
    font-family: 'fontawesome';
     left: 48px;
    top: 18px;
    font-size: 45px;
}

.visitanos{
	position: relative;
}
.visitanos:after{
	content: "";
    position: absolute;
    right:0px;
    top: 9px;
    font-size: 45px;
    width: 1px;
    height: 50px;
    background: #f6f6f6;

}
   .carrusel-home{
   	width: 87%;
   	float: none;
   	margin: auto;
   	margin-bottom: 40px;
   }
   .carrusel-home p{
		color:#717171;
		font-weight: 700;
		line-height: 18px;
         padding-top: 15px;

   }
   .ult-carousel-wrapper .slick-dots li.slick-active i{
   		color: #0080ff;
   }


   /*------LA EMPRESA----------------*/

.fondo-empresa{
	padding-bottom: 40px;
}
   .titulo-empresa{
   	 font-size: 30px;
   	 color: #0080ff;
   	 font: normal bold 30px / 32px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
   	 position: relative;
   }

   .titulo-empresa:before{
	   	content: "";
	    position: absolute;
	    width: 115px;
	    height: 40px;
	    right: 530px;
    	top: 3px;
	    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
	    background-size: 100%;
	    background-repeat: no-repeat;
   }

   .fondo-representantes{
   	background: url(http://www.cardele.com/wp-content/uploads/2017/07/fondo-1903-934.jpg);
   	padding-top: 60px;
   	padding-bottom: 40px;
   	border-bottom: solid 5px #007fff;
   	background-size: cover;
   }

   .box-azul-empresa{
   	    background: #003466;
    color: #FFE;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    padding:30px 28px;
    width:79%;
    margin: auto;
   }
   .box-azul-empresa p{
	   	line-height: 20px;
	   	font: normal 15px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;

   }
   .box-azul-empresa p:nth-child(1){
   	position: relative;
   	margin-bottom: 25px;
   }

    .box-azul-empresa p:nth-child(1):before{
    	content: "";
    width: 450px;
    height: 40px;
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea-3.png);
    background-size: 100%;
    left: 13%;
    bottom: -34px;
    position: absolute
   }
   .empresa-img{
   	width: 90%;
   	margin: auto;
   	padding-top: 45px;
   	padding-bottom: 40px;
   }
/*------LINEA VERTICAL---------------*/
.v-line{
 border-left: thick solid #0080ff;
 height:100%;
 left: 50%;
 position: absolute;
}




     
   .titulo-sucursales{
   	font-size:30px;
    color: #0080ff;
   	 font: normal bold 28px / 32px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
   	 position: relative;
   }

   .titulo-sucursales:before{
   	 	content: "";
	    width: 450px;
	    height: 40px;
	    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea-3.png);
	    background-size: 100%;
	    left: 22%;
	    bottom: -38px;
	    position: absolute;
	    background-repeat:no-repeat;
   }
   .texto-sucursales{
	   	padding-left: 15%;
	    padding-right: 15%;
	    text-align: center;
	    font: normal 15px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
        color: #424242;
   }


/*-------EQUIPOS---LEEBOY------------*/

.titulos-equipos{
	font-size: 25px;
	text-transform:uppercase;
	font: normal bold 25px / 28px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	color: #0080ff;
	position: relative;
 }
 .titulos-equipos:before{
 	content: "";
	position: absolute;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea-6.png);
	width: 750px;
	height: 40px;
	left: -290px;
	top: -2px;
	background-size: 100%;
 }
  .titulos-equipos:after{
 	content: "";
	position: absolute;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea-6.png);
	width: 750px;
	height: 40px;
	right: -290px;
	top: -8px;
	background-size: 100%;
	transform: rotate(180deg);
 }
.list-equipos-1{
	list-style-type: none !important;
	text-align: right;
 }
 .list-equipos-1 li{
	position: relative;
	padding-right:25px;
	margin-bottom: 10px;
	font: normal 15px / 22px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: #000;
 }
  .list-equipos-1 li strong{
	display: block;
	color: #0080ff;
 }
 .list-equipos-1 li:after{
 	content: "";
 	position: absolute;
 	display:block;
	margin:0 auto;
	width:0;
	height:0;
	border-color:#0e61fd #0e61fd #0b80fd #0b80fd;
	border-style:solid;
	border-width:7px;
	top: 3px;
	right:0px;
 }

 .list-equipos-3{
	list-style-type: none !important;
	text-align: left;
 }
 .list-equipos-3 li{
	position: relative;
	padding-left:25px;
	margin-bottom: 10px;
	font: normal 15px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    color: #000;
 }
  .list-equipos-3 li strong{
	display: block;
	color: #0080ff;
 }
 .list-equipos-3 li:before{
 	content: "";
 	position: absolute;
 	display:block;
	margin:0 auto;
	width:0;
	height:0;
	border-color:#0e61fd #0e61fd #0b80fd #0b80fd;
	border-style:solid;
	border-width:7px;
	top: 3px;
	left:0px;
 }

 .nota{
 	background: #dadada;
    border-radius: 25px;
     padding: 25px 10px;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    width: 80%;
    margin: auto;
 }
 .nota strong{
 	display: block;
 	font-size: 22px;
    text-align: center;
    margin-bottom:24px !important;
    color: #036;
    position: relative;
    padding-left: 0px;
 }
 .nota strong:before{
 	content: "";
 	position: absolute;
 	background:transparent;
 	left:6px;
 	background-size: 100%;
 	width: 45px;
    height: 49px;
    top: -15px;
 }

 .nota .texto{
 	padding-left: 3%;
 	padding-right: 3%;
 	text-align: left;
 }
 .caracteristicas{
 	font-size: 18px;
 	color: #296192;
 }
 .linea-equipos-seccion-uno{
 	padding-bottom: 50px;
 }
 .linea-equipos-seccion-uno p{
 	padding-left: 20%;
    padding-top: 30px;
    text-align: justify;
    color: #000;
 }
 
 /*-------EQUIPOS-TICEL--------*/

.border-pdf{
    border-top: dashed 0px #afaaaa;
    width: 67%;
    margin: auto;
    border-width: 2px;
}
.pdf{
	display: flex;
	padding-top: 50px;
}
.img-pdf{
	width: 25%;
}
.img-pdf img{
	width: 100%;
}
.texto-pdf{
	width: 75%;
	padding-left: 3%;
}
.texto-pdf .titulo{
	position: relative;
	font: normal bold 16px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	color: #0080ff;
	margin-bottom: 10px !important;
}
.texto-pdf .titulo:before{
	content:"";
	position: absolute;
	width: 46%;
	height: 2px;
	background: #0080ff;
	left: 0px;
	bottom:-2px;
}
.texto-pdf p{
	font: normal 15px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    color: #000;
}
.texto-pdf a{
	font-size:15px;
}


/*------SERVCICIO-POST-VENTA--*/

.wpb_accordion_header{
	background: #e7e7e7 !important;
    padding: 12px !important;
    width:100%;
}
.wpb_accordion_header span{
	font: normal bold 18px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	color: #1381fb !important;
}
.wpb_accordion_header span:hover{
	color: #1381fb !important;
}
.content .wpb_content_element.dt-style:not(.dt-accordion-bg-on) .wpb_accordion_header > a:before{
	background: transparent !important;
}
.wpb_content_element.dt-style .wpb_accordion_header a{
	color: #1381fb !important;
}
.wpb_content_element.dt-style .wpb_accordion_header a:hover{
	color: #1381fb !important;
}

/*----BACKING---*/

.backing-fondo{
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/1903-X-220.jpg);
    padding-top: 120px;
    padding-bottom: 99px;
    background-size: 100%;
    background-repeat: no-repeat;
}
.fondo-info-backing{
	margin-top: 30px; 
	margin-bottom: 50px;
}
.info-backing{
	background: #ededed;
	width: 100% !important;
	margin: auto !important;
	padding-top: 30px;
    padding-bottom:60px;
}
.titulo-backing{
	font-size: 20px;
	text-transform: uppercase;
	font: normal bold 20px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	position: relative;
	margin-bottom:40px;
}
.titulo-backing:before{
	content: "";
	position: absolute;
    width: 256px;
    height: 7px;
    background: #1d1515;
    left: 38%;
    bottom: -15px;
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linia-1.png);
}
.info-backing p:nth-child(2){
	padding-left: 10%;
    padding-right: 10%;
    font: normal bold 15px / 18px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
    color:#696969;
}
.barra-backing{
	background: #585856;
	padding-top: 35px;
    padding-bottom: 0px;
}
.barra-titulo{
	color: #fff;
	font-size: 22px;
	font: normal bold 22px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 0px;
	position: relative;
}
.barra-titulo:before{
	content: "";
	position: absolute;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea-8.png);
    width: 500px;
    height: 10px;
    right: 430px;
    top: 7px;
    background-size: 100%;
}
.texto-barra{
	color: #fff;
	font-size: 18px;
}
.fondo-tabla{
	padding-top: 50px;
	padding-bottom: 50px;
}
.titulo-factores{
	text-align: center;
    color: #036;
    font-size: 22px;
    font: normal bold 23px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
    margin-bottom: 0px;
}
.texto-factores{
	 color: #036;
    font-size: 19px;
    font: normal bold 19px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
}
.factores{
	position: relative;
}
.factores:before{
	content: "";
	position: absolute;
	width:720px;
	height: 8px;
	background: #036;
	left:19%;
	top: -22px;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/raya.png);

}
.factores:after{
	content: "";
	position: absolute;
	width:720px;
	height: 8px;
	background: #036;
	left:19%;
	bottom:-22px;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/raya.png);
}
.list-factores{
	list-style-type: none !important;
	position: relative;
}
.list-factores li{
	position: relative;
	padding-left:100px;
    margin-bottom: 50px;
    margin-bottom: 45px;
    font: normal 13.5px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
    color: #000;
}
.list-factores li:nth-child(1):before{
	content: "01.";
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-color: #0e61fd #0e61fd #0b80fd #0b80fd;
    border-style: solid;
    border-width: 31px;
    top: 3px;
    left: 0px;
    font-size: 31px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.list-factores li:nth-child(2):before{
	content: "02.";
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-color: #0e61fd #0e61fd #0b80fd #0b80fd;
    border-style: solid;
    border-width: 31px;
    top: 3px;
    left: 0px;
        font-size: 31px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.list-factores li:nth-child(3):before{
	content: "03.";
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-color: #0e61fd #0e61fd #0b80fd #0b80fd;
    border-style: solid;
    border-width: 31px;
    top: 3px;
    left: 0px;
     font-size: 31px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.list-factores li:nth-child(4):before{
	content: "04.";
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-color: #0e61fd #0e61fd #0b80fd #0b80fd;
    border-style: solid;
    border-width: 31px;
    top: 3px;
    left: 0px;
        font-size: 31px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.list-factores li:nth-child(5):before{
	content: "05.";
    position: absolute;
    display: block;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-color: #0e61fd #0e61fd #0b80fd #0b80fd;
    border-style: solid;
    border-width: 31px;
    top: 3px;
    left: 0px;
     font-size: 31px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.list-factores:after{
    content: "";
    position: absolute;
    width: 515px;
    height: 5px;
    border-top: dashed 2px #000;
    transform: rotate(90deg);
    top: 260px;
    left: -229px;
    z-index: 1;
}
.lista-factores-contenido{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 50%;
	margin:auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
.list-factores strong{
	display: block;
	color: #0080ff;
	font-size: 16px;
	margin-bottom: 5px !important;
}

.nota-2{
    border-radius: 25px;
     padding: 25px 10px;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    width: 80%;
    margin: auto;
    padding-top: 70px;
 }
 .nota-2 .nota-2-strong{
 	display: block;
 	font-size: 22px;
    text-align:left;
    margin-bottom:24px !important;
    color: #036;
    position: relative;
    padding-left:17px;
 }
 .nota-2 .nota-2-strong:before{
 	content: "";
 	position: absolute;
 	background:transparent;
 	left:6px;
 	background-size: 100%;
 	width: 45px;
    height: 49px;
    top: -15px;
 }


 .nota-2 .texto{
 	padding-left: 3%;
 	padding-right: 3%;
 	text-align: left;
 	font-size: 15px;
 	font: normal 14px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
 }
 .imagen-wearing{
 	padding-top:57px;
 }
 .barra-titulo-2{
	color: #fff;
	font-size: 22px;
	font: normal bold 22px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 0px;
	position: relative;
}
.barra-titulo-2:before{
	content: "";
	position: absolute;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea-8.png);
    width: 500px;
    height: 10px;
    right: 300px;
    top: 7px;
    background-size: 100%;
}
.texto-ceramic{
	text-align: center;
    color: #036;
    font-size: 22px;
    font: normal bold 23px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
    margin-bottom: 25px;
}
.list-wearing{
	position: relative;
}
.list-wearing:after{
    content: "";
    position: absolute;
    width: 380px !important;
    height: 5px;
    border-top: dashed 2px #000;
    transform: rotate(90deg);
    top:   220px !important;
    left: -161px !important;
    z-index: 1;
}
.list-wearing li{
	font: normal 14px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    text-transform: none;
}
.aplicaciones{
	color: #0080ff !important;
	font: normal bold 23px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	padding-top: 50px;
}
.fondo-aplicaciones{
	padding-top: 30px;
}
.fondo-aplicaciones p{
    text-align: justify;
    color: #000;
}
.fondo-aplicaciones{
	font: normal 15px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
}
.fondo-stock{
	padding-top: 70px;
    padding-bottom: 50px;
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/FONDO-12.jpg);
}
.fondo-linea-productos .light{
	color: #000;
    text-align:justify !important;
}
.fondo-linea-productos img{
	box-shadow: 2px 3px 11px #827e7e;
	margin-bottom: 30px;
}

.titulo-stock{
	font-size: 25px;
    text-transform: uppercase;
    color: #0080ff;
    position: relative;
}
.titulo-stock strong{
	font: normal bold 25px / 28px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
}
.titulo-stock:before{
	content: "";
	position: absolute;
    width: 420px !important;
    height: 6px;
    top: -20px !important;
    left: 32% !important;
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/RAYA-AZUL.png);
    background-size:100%;
  }

  .stock-box-1{
  	padding-top: 70px;
  }
 .texto-stock{
  	padding-left: 15%;
    font: normal 15.5px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
    text-align: justify !important;
    color: #000;
  }
  .fondo-stock-imagen{
  	background: url(http://www.cardele.com/wp-content/uploads/2017/07/FONDO-12.jpg);
  	position: relative;

  	z-index: 10;
  }
  .fondo-trabajando{
  	background: url(http://www.cardele.com/wp-content/uploads/2017/07/sliders.jpg);
  	padding-top: 208px;
    padding-bottom: 90px;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .texto-trabajando{
  	font-size: 72px;
    line-height: 40px;
    font: normal bold 72px / 40px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
    color: #003366;
    position: relative;
    margin-bottom: 18px !important;
  }
   .texto-trabajando:before{
		content: "";
		background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
	    position: absolute;
	    width: 150px;
	    height: 36px;
	    background-size: 100%;
	    right: 130px;
	    top: 60px;
	    background-repeat: no-repeat;
    }
      .texto-trabajando:after{
		content: "";
		background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
	    position: absolute;
	    width: 150px;
	    height: 36px;
	    background-size: 100%;
	    left: 130px;
	    top: 60px;
	    background-repeat: no-repeat;
    }
    .texto-2-trabajando{
	  	font-size: 50px;
	    line-height: 40px;
	    font: normal  50px / 40px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	    color: #003366;
  }
	
	.titulo-videos{
		position: relative;
		font-size: 30px;
		font: normal bold 28px / 40px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
		color: #2d76fa;
	}
  .titulo-videos:before{
	content: "";
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
    position: absolute;
    width: 115px;
    height: 40px;
    background-size: 100%;
    right: 964px;
    top: 4px;
  }

.fondo-videos{
	padding-top: 40px;
	padding-bottom: 40px;
}

.videos .titulo{
	font: normal bold 24px / 28px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	text-align: center;
	color: #585856 ;
	margin-bottom: 30px;
	position: relative;
}

.videos .titulo:before{
	content: "";
	position:absolute;
    height: 5px;
    width: 320px;
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linia-1.png);
    left: 130px;
    bottom: -15px;
}
.videos p{
	font-size: 18px;
	text-align: center;
	color: #585856 ;
}


.nota-3{
 	background: #fff;
    border-radius: 25px;
     padding: 18px 10px;
    color: #000;
    font-size: 13px;
    line-height: 18px;
    width: 80%;
    margin: auto;
    border: solid 2px #036;
    margin-top: 20px;
 }
 .nota-3 strong{
 	display: block;
 	font-size:16px;
    text-align: left;
    margin-bottom:14px !important;
    color: #036;
    position: relative;
    padding-left:14px;
 }
 .nota-3 strong:before{
 	content: "";
 	position: absolute;
 	background:transparent;
 	left:6px;
 	background-size: 100%;
 	width: 30px;
    height:32px;
    top: -5px;
 }

 .nota-3 .texto{
 	padding-left: 3%;
 	padding-right: 3%;
 	text-align: left;
    font-size: 14px;
 }
 .fondo-video-imagen{
 	background: url(http://www.cardele.com/wp-content/uploads/2017/07/FONDO-12.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
 }
 .fondo-blanco{
 	padding-top: 50px;
 	padding-bottom: 50px;
 }
 .columna-post-venta-left, .columna-post-venta-right{
 	padding-top: 35px; 
 }

 .titulo-contactenos{
 	position:relative;
 }
 .titulo-contactenos:before {
    content: "";
    background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea.png);
    position: absolute;
    width: 115px;
    height: 40px;
    background-size: 100%;
    right: 870px;
    top: 4px;
}
/*-------CONTACTO---------*/

.info-contacto{
	background: #003366;
    color: #fff;
    padding: 25px;
    margin-bottom: 10px;
}
.info-contacto .titulo-info{
	font: normal bold 19px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	position: relative;
	padding-left: 65px;
}
.horario, .telefonos, .correo{
	position: relative;
}
.info-contacto p{
	font.size: 16.5px;
	padding-left: 65px;
}
.info-contacto .horario:before{
	content: "\f017";
	position: absolute;
    left: -25px;
    top: -10px;
    font-family: 'fontawesome';
    width: 62px;
    height: 65px;
    background: #2d76fa;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info-contacto .telefonos:before{
	content: "\f095";
	position: absolute;
	  left: -25px;
    top: -10px;
    font-family: 'fontawesome';
    width: 62px;
    height: 65px;
    background: #2d76fa;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.info-contacto .correo:before{
	content: "\f003";
	position: absolute;
	  left: -25px;
    top: -10px;
    font-family: 'fontawesome';
    width: 62px;
    height: 65px;
    background: #2d76fa;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.branding img{
	width: 150px;
}

#text-3 ul li a:hover{
	color: #5edc3e;
	font-weight: bold;
}
.sub-nav{
	padding: 0px !important;
}
.sub-nav .sub-nav{
	top: 0px !important;
}
#primary-menu li ul li ul li a:hover{
	background:#12467b;
}

.fondo-contactos{
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/FONDO-CONT.png);
	margin-bottom: 30px;
	padding-top: 20px;
}
.fondo-contactos p{
	font: normal 15px / 20px "Fira Sans", Helvetica, Arial, Verdana, sans-serif;
}
.formulario-contacto{
	padding-top: 20px;
	color: #fff;
	padding-left: 9%;
}
.mapa-contacto{
	border-top: solid 5px #2d76fa;
	border-bottom: solid 5px #2d76fa; 
}
#text-2 p{
	text-align: center;
	color: #fff;
	line-height: 18px;
    /* line-height: 15px; */
    font-size: 13px;
    position: relative;
    top: -22px;
}

.masthead:not(.mixed-header){
	background-position: 0px 52px !important;
}
.cq-videocover-iconcontainer{
	left: 57% !important;
	background: #d50f1b !important;
}
.video-container{
	text-align: right;
}
.video-container-1{
	text-align: right;
}
.relacion{
	position: relative;
}
.relacion:before{
	content: "";
	position: absolute;
	right: 758px !important;
}
.pdf-2{
	width: 45%;
    margin: auto;
}
.iphorm-elements .iphorm-element-wrap-text input{
	border: none !important;
}
#page textarea{
	border: none !important;
}



.formulario-contacto input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.formulario-contacto input::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.formulario-contacto input:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.formulario-contacto input:-moz-placeholder { /* Firefox 18- */
  color: #000;
}
.formulario-contacto input:-moz-placeholder { /* Firefox 18- */
  color: #000;
}


.formulario-contacto textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000;
}
.formulario-contacto textarea::-moz-placeholder { /* Firefox 19+ */
  color: #000;
}
.formulario-contacto textarea:-ms-input-placeholder { /* IE 10+ */
  color: #000;
}
.formulario-contacto textarea:-moz-placeholder { /* Firefox 18- */
  color: #000;
}
.formulario-contacto textarea:-moz-placeholder { /* Firefox 18- */
  color: #000;
}
#phantom{
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/Cardele-Contacto-1.png) !important;
	background-position: 0px 0px !important;
}
#text-3 ul li a{
	font: normal 300 14px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
}
.slick-prev {
    left: -45px !important;
    top: 105px !important;
    font-size: 40px !important;
    color: #ccc !important;
}
.slick-next {
    right: -40px !important;
    top: 105px !important;
    font-size: 40px !important;
    color: #ccc !important;
}
#text-4{
	padding-top: 15px;
}

.negrita{
	display: inline !important;
    color: #757575 !important;
    font-size: 15px !important;
}
.parrafo-stock{
	width: 80%;
    margin: auto;
    font-size: 17px;
    color: #000;
}
.equipos-titulo-slider{
	position: relative;
    top: -38px;
}

.linea-equipos-5{
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/linea-azul.png);
    height: 42px;
    width: 100%;
    background-size: 100%;
    margin-bottom: 40px;
    background-repeat: no-repeat;
}

.iphorm-errors-list > .iphorm-error {
    padding: 3px 10px 3px 10px;
    margin: 0;
    line-height: 16px;
    background: #296292 !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    border: none !important;
    float: left;
}


.iphorm-success-message {
    background: #003366;
    padding: 8px 20px 8px 11px !important;
    border: none !important;
    font-weight: normal;
    color: #fff !important;
    width: 68%;
    margin: auto;
    margin-bottom: 20px !important;
}
.cuadro-contacto p:nth-child(1){
	font-size: 24px;
	font: normal bold 15px / 22px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	color: #003366;
}
.cuadro-contacto p:nth-child(2){
	margin-bottom: 0px;
	position: relative;
	    padding-left: 26px;
}
.cuadro-contacto p:nth-child(3){
	margin-bottom: 0px;
	    padding-left: 26px;
}
.cuadro-contacto p:nth-child(4){
	margin-bottom: 0px;
	    padding-left: 26px;
}
.cuadro-contacto p:nth-child(2):before{
	    content: "\f041";
	    position: absolute;
	    left: 0px;
	    top: 2px;
	    font-family: 'fontawesome';
	    font-size: 28px;
	    color: #003366;
}
.mobile-branding img{
	width: 150px;
}
  
 .main-nav>li{
	transition: all .3s ease-in-out;
 }  
.main-nav>li:hover{
	background: #3f729d;
}
.dt-mobile-header li.act{
	background: transparent;
}
.accent-gradient .dt-close-mobile-menu-icon span {
    background: #296192 !important;
    background: -webkit-linear-gradient(135deg,#296192 30%,#296192 100%) !important;
    background: linear-gradient(135deg,#296192 30%,#296192 100%) !important;
}

.mobile-branding img{
	-webkit-animation-name: animacion; 
   -webkit-animation-timing-function: linear; 
   -webkit-animation-iteration-count: infinite; 
   -webkit-animation-duration: 2s; 
   animation-name: animacion; 
   animation-timing-function: linear; 
   animation-iteration-count: infinite; 
   animation-duration: 2s; 
   -webkit-transform-style: preserve-3d; 
   -moz-transform-style: preserve-3d; 
   -ms-transform-style: preserve-3d; 
   transform-style: preserve-3d;
    width: 72px !important;
    height: auto !important;
    padding-bottom: 6px;
    padding-top: 6px;
}
.logo-box img{
	-webkit-animation-name: animacion; 
   -webkit-animation-timing-function: linear; 
   -webkit-animation-iteration-count: infinite; 
   -webkit-animation-duration: 2s; 
   animation-name: animacion; 
   animation-timing-function: linear; 
   animation-iteration-count: infinite; 
   animation-duration: 2s; 
   -webkit-transform-style: preserve-3d; 
   -moz-transform-style: preserve-3d; 
   -ms-transform-style: preserve-3d; 
   transform-style: preserve-3d;
    width: 72px !important;
    height: auto !important;
    padding-bottom: 6px;
    padding-top: 6px;
}
.branding img{
    -webkit-animation-name: animacion; 
   -webkit-animation-timing-function: linear; 
   -webkit-animation-iteration-count: infinite; 
   -webkit-animation-duration: 2s; 
   animation-name: animacion; 
   animation-timing-function: linear; 
   animation-iteration-count: infinite; 
   animation-duration: 2s; 
   -webkit-transform-style: preserve-3d; 
   -moz-transform-style: preserve-3d; 
   -ms-transform-style: preserve-3d; 
   transform-style: preserve-3d;
    width: 72px !important;
    height: auto !important;
    padding-bottom: 6px;
    padding-top: 6px;
}

@-webkit-keyframes animacion { 
   from 
   { 
       -webkit-transform: rotateY(0deg); 
   } 
   to { 
       -webkit-transform: rotateY(-360deg); 
   } 
}

.branding>a{
	position: relative;
}
.branding>a:before{
	content: "";
	position: absolute;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/logo3.png);
    background-size: 100%;
    width: 72px;
    height: 70px;
    right: -52px;
    top: 12px;
}
.logo-box>a{
	position: relative;
}
.logo-box>a:before{
	content: "";
	position: absolute;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/logo3.png);
    background-size: 100%;
    width: 72px;
    height: 70px;
    right: -82px;
    top: 12px;
}

.mobile-branding>a{
	position: relative;
}
.mobile-branding>a:before{
	content: "";
	position: absolute;
	background: url(http://www.cardele.com/wp-content/uploads/2017/07/logo3.png);
    background-size: 100%;
    width: 72px;
    height: 70px;
    right: -82px;
    top: 12px;
}
.creditos-footer{
	display: inline-flex;
}
.creditos-footer img{
	position: relative;
    top: 3px;
    left: 8px;
}











/*------MEDIA-QUERIES------*/
@media(max-width: 1477px){
	.masthead:not(.mixed-header) {
	    background-position: -280px 52px !important;
	}
	#phantom {
		background-position: -280px 0px !important;
	}

}
@media(max-width: 1366px){
	.masthead:not(.mixed-header) {
	    background-position: -300px 52px !important;
	}
		#phantom {
			    background-position: -300px 0px !important;
	}
	.fondo-contactos{
		background-position: -330px 0px;
	}
}
@media(max-width: 1280px){
		.main-nav > li > a .menu-text {
		    font: normal 12.5px / 19px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
		    text-transform: none;
	}

	.masthead:not(.mixed-header) {
	    background-position: -312px 52px !important;
	}
	#phantom {
	    background: url(http://www.cardele.com/wp-content/uploads/2017/07/Cardele-Contacto-1.png) !important;
	    background-position: -312px 0px !important;
		}
	.linea-equipos:after{
		left: -5745px;
		top: 4px;
	}
	.linea-equipos:before{
		right: -5745px;
	}
	.titulo-empresa:before{
		right: 470px;
	}
	.titulos-equipos:before{
		left: -330px;
	}
	.titulos-equipos:after{
		right: -330px;
	}
	.equipos-titulo-slider{
		top: -100px;
	}
	.fondo-trabajando{
		padding-bottom: 0px;
	}
	.titulo-videos:before{
		right: 920px;
	}
	.relacion:before{
		right: 700px !important;
	}
	.fondo-contactos{
		background-position: -380px 0px;
	}
	.titulo-videos:before{
		right:810px; 
	}
} 
@media(max-width: 1024px){
	.masthead:not(.mixed-header) {
	    background: #296192 !important;
	}
	.linea-equipos:before{
		background: transparent;
	}
	.linea-equipos:after{
		background: transparent;
	}
	.fondo-texto{
		background-size: cover;
	}
	.h1-home-1:before{
		background: transparent;
	}
	.h1-home-1:after{
		background: transparent;
	}
	.stock h3:before{
		background: transparent;
	}
	.titulo-contactos:before{
		background: transparent;
	}
	.titulo-contactos:after{
		background: transparent;
	}
	.linea-box-left,.linea-box-right{
		height:280px;
	}
	.titulo-empresa:before{
		right:240px;
	}
	.box-azul-empresa p:nth-child(1):before {
	    content: "";
	    left: 3%;
	}
	.titulo-sucursales:before{
		left: 12%;
	}
	.backing-fondo{
		padding-bottom: 0px;
	}
	.titulo-backing:before{
		left:36%;
	}
	.barra-titulo:before{
		right: 140px;
	}
	.factores:before, .factores:after{
		left:11%;
	}
	.titulos-equipos:before{
		background: transparent;
	}
	.titulos-equipos:after{
		background: transparent;
	}
		.nota{
		width: 100%;
	}
	.nota strong{
		font-size: 18px;
	}
	.titulo-stock:before{
		left: 29%;
	}
	.texto-stock{
		padding-left: 0%;
	}
	.texto-trabajando {
	    font-size: 40px;
	    line-height: 40px;
	    font: normal bold 40px / 10px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	    color: #003366;
	    position: relative;
	    margin-bottom: 18px !important;
	}
	.texto-2-trabajando {
	    font-size: 30px;
	    line-height: 40px;
	    font: normal 30px / 40px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
	    color: #003366;
	}
	.texto-trabajando:before{
		background: transparent;
	}
	.texto-trabajando:after{
		background: transparent;
	}
	.fondo-trabajando{
		padding-top: 130px;
	}
	.equipos-titulo-slider{
		top: -38px;
	}
	.titulo-videos:before{
		background: transparent;
	}
	.video-container img{
		width: 80%;
	}
	.video-container-1 img{
		width: 80%;
	}
	.videos .titulo:before{
		background:transparent;
	}
	.fondo-contactos {
    background-position: -500px 0px;
}
.list-factores:after{
	border-top: none;
}
.list-equipos{
	width: 70%;
}
.list-equipos-2{
	width: 70%;
}
}

@media(max-width: 768px){
	.linea-box-left, .linea-box-right{
		height: 320px;
	}
	.logo-footer{
		text-align: left;
	}
	#text-2 p{
		text-align: left;
	}
	#text-3 .textwidget{
		display: block !important;
	}
	#text-3 .textwidget ul{
		float: none;
		width: 100%;
	}
	.footer-container{
		width: 100%;
	}
	#text-3:before{
		background: transparent;
	}
	#text-3:after{
		background: transparent;
	}
	.titulo-empresa:before{
		background: transparent;
	}
	.box-azul-empresa p:nth-child(1):before {
	  background: transparent;
	}
	.titulo-sucursales:before{
		background: transparent;
	}
	.titulo-backing:before{
		background:transparent;
	}
	.barra-titulo:before{
		background:transparent;
	}
	.factores:before, .factores:after{
		background:transparent;
	}
	.barra-titulo-2:before{
		background: transparent;
	}
	.nota strong{
		font-size: 14px;
	}
	.titulo-stock:before{
		background:transparent;
	}
	.videos .titulo{
		font-size: 20px;
		line-height: 22px;
	}
	.fondo-contactos {
    background-position: -599px 0px;
}
#text-2, #text-3, #text-4{
	margin-bottom: 0px;
}
.list-equipos{
	width: 88%;
}
.list-equipos-2{
	width: 88%;
}
}
@media(max-width: 640px){
	.fondo-texto p {
	    color: #fff;
	    line-height: 20px;
	    padding-right: 0%;
	    padding-top: 0px;
	    text-align: center;
	}
	.fondo-texto p:nth-child(1){
		padding-top: 0px;
	}
	.linea-box-left {
	    margin: auto;
	    margin-bottom: 50px;
	}
	.linea-box-right {
	    margin: auto;
	    margin-bottom: 50px;
	}
	.imagen-linea-equipos{
		text-align: center !important;
	}
	.list-equipos, .list-equipos-2{
		padding-left: 11%;
		padding-right: 0%;
		text-align: center;
	}
	.servicio-post-venta-left{
		padding-left: 0%;
	}
	.repuestos{
		margin-bottom: 0px;
	}
	.visitanos:after{
		background: transparent;
	}
	.lista-factores-contenido{
		width:80%;
	}
	.linea-equipos-seccion-uno p{
		padding-left: 0%;
	}
	.list-equipos-1{
		text-align: left;
	}
	.list-equipos-1 li{
		padding-left: 25px;
	}
	.list-equipos-1 li:after{
		right:100%;
	}
	.caracteristicas {
	    font-size: 18px;
	    color: #296192;
	    text-align: left;
	    display: block;
	    margin-bottom: 20px !important;
	}
	.imagen-ticel{
		text-align: left !important;
	}
	.list-equipos-3{
		margin: 0px !important;
	}
	.nota{
		width: 60%;
	}
	.wpb_accordion_wrapper{
		margin-bottom: 50px !important;
	}
	.video-container{
		text-align: center;
	}
	.video-container-1{
		text-align: center;
	}
	.video-container img{
		width:70%;
	}
	.video-container-1 img{
		width:70%;
	}
	.videos .titulo:before{
		background:transparent;
	}
	.cq-videocover-iconcontainer{
		left: 51% !important;
	}
	.videos{
		padding-top: 10px;
	}
	.nota-3{
		width: 65%;
	}
	.equipos-titulo-slider{
		top: -82px;
	}
.texto-trabajando {
    font: normal bold 30px / 10px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
    margin-bottom: 10px !important;
}
.texto-2-trabajando {
    font: normal 24px / 40px "Ubuntu", Helvetica, Arial, Verdana, sans-serif;
}
.fondo-trabajando{
	padding-top: 0px;
}   .iphorm-elements .iphorm-element-wrap-text input, #page textarea{
		border: solid 1px #ababab !important;
	} 
	.fondo-contactos{
		background: transparent;
	}
	.formulario-contacto{
		padding-left: 0%;
		color: #000;
	}
	.iphorm-elements{
		width: 100%;
	}
	.list-equipos{
	width: 55%;
    text-align: left;
    padding-right: 20%;
    /* margin-bottom: 30px !important; */
    margin: auto !important;
    margin-bottom: 30px !important;
}
.list-equipos-2{
	width: 55%;
    text-align: left;
    padding-left: 25%;
    /* margin-bottom: 30px !important; */
    margin: auto !important;
    margin-bottom: 30px !important;
}
.imagen-wearing {
    padding-top: 0px;
    text-align: center !important;
}

}
@media(max-width: 480px){
	.h1-home-1{
		width: 100%;
	}
	.stock{
		padding-left: 0% !important;
		margin-bottom: 20px;
	}
}

@media(max-width: 320px){
	.h1-home-1{
		width: 100%;
	}
	.fondo-linea-productos p {
	    padding: 20px 0% 0px 0%;
	}
	.linea-box-left {
	    width: 86%;
	    margin: auto;
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-bottom: 50px;
	    /* margin: auto !important; */
		}
		.linea-box-right {
	    width: 86%;
	    margin: auto;
	    margin-right: 0%;
	    padding-left: 20px;
	    padding-right: 20px;
	    margin-bottom: 50px;
	    /* margin: auto !important; */
		}
		.fondo-linea-equipos p {
		    padding: 35px 0% 20px 0%;
		    line-height: 18px;
		    font-size: 14px;
		}
		.lista-factores-contenido{
			width:100% !important;
		}
}