/*
Theme Name: Wired IT Theme
Author: Wired IT
Author URI: https://www.wiredit.mx/
Description: Template Wired IT 2020
Version: 1.0
*/

/* Fonts */
/*
@font-face{font-family: 'Nombre_Font';src: url('../fonts/Nombre_Font.eot');src: url('../fonts/Nombre_Font.eot?#iefix') format('embedded-opentype'),url('../fonts/Nombre_Font.woff2') format('woff2'),url('../fonts/Nombre_Font.woff') format('woff'),url('../fonts/Nombre_Font.ttf') format('truetype'),url('../fonts/Nombre_Font.svg#Nombre_Font') format('svg');font-weight: normal;font-style: normal;}
*/
html {
  scroll-behavior: smooth;
}
/* Genericas */
:root {
  --main-color: #fa903b;
  --second-color: #f9f9f9;
}
body{font-size: 0.95rem;}
.h1, h1{font-size: 4rem;}
.h2, h2{font-size: 3rem;padding-bottom: 20px;}
.h3, h3{font-size: 2rem;}
.h4, h4{font-size: 1.1rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem;}
a, a:hover{text-decoration:none;}
address{margin-bottom: .5rem;}
dl, ol, ul {margin-bottom: 0;}

.bg-gray{background:#f9f9f9 !important;}
.list-group{list-style-type: none;}
.list-group li{margin-bottom: 20px;}
.main-color{color: var(--main-color);}
.second-color{color: var(--second-color);}
.generic-border{border-radius: 3px 3px 3px 3px;-moz-border-radius: 3px 3px 3px 3px;-webkit-border-radius: 3px 3px 3px 3px;}
.generic-shadow{-webkit-box-shadow: 0px 2px 5px -1px rgba(89,88,89,1);-moz-box-shadow: 0px 2px 5px -1px rgba(89,88,89,1);box-shadow: 0px 2px 5px -1px rgba(89,88,89,1);}
.btn-main{background:var(--main-color);color:white !important;border-radius: 0;padding:10px 15px;font-weight:700;font-size: 17px;line-height: 1;}
.section{padding-bottom:50px;padding-top:50px;position:relative;}
.disabled{pointer-events: none;cursor: default;}

/* Header */
header{background:white;}
header .navbar-nav .nav-link{text-transform: uppercase;}

/* Footer */
footer{position:relative;}
footer .widget-footer .widget-title{font-size: 1.4rem !important;font-weight: bold;}
footer ul li{padding-bottom:10px;}
footer h2,
footer h3,
footer p,
footer a,
footer a:hover,
footer li,
footer div{color:black;}
/* -- Top */
footer #footer-top{padding:50px 0;background-image: url('https://dummyimage.com/1600x500/c9c9c9/e6e6e6');background-size: cover;background-repeat: no-repeat;background-position: center;}
footer #footer-top .widget-footer .widget-content{margin-top: 30px;margin-bottom: 15px;}
/* -- Bottom */
footer #footer-bottom{background: black;color: white;padding: 6px 0;}
footer #footer-bottom p,
footer #footer-bottom a,
footer #footer-bottom li{margin:0;padding:8px 0;color:white;}
footer #footer-bottom ul li{display:inline-block;}
/* -- Contact */
footer .footer-contact li{display: flex;}
footer .footer-contact i{padding-right: 10px;padding-top: 5px;color: var(--main-color);}
/* -- Social */
footer .footer-social-icons{padding-top: 20px;}
footer .footer-social-icons li{display:inline-block;margin-right: 10px;}
footer .footer-social-icons li a{color:white;background: var(--main-color);height: 30px;display: table-cell;width: 30px;text-align: center;vertical-align: middle;border-radius: 50%;}




/* Menu */
header ul.navbar-nav{position: relative;}
header ul.navbar-nav li.icon{position: absolute;right: -50px;font-size: 20px;top: -4px;}
header ul.navbar-nav li.icon a{color:var(--main-color) !important;}

/* Slider o Banner Principal  */
	
/* Banners */

/* Fondos */

/* Breadcrumb */
#breadcrumb {background-size: cover;padding: 100px 0;text-align: center;background-position: center;background-repeat: no-repeat;\}: ;}
#breadcrumb h1,
#breadcrumb span{color: white !important;}
#breadcrumb h1{font-size: 3rem;margin-bottom: 20px;}


/* Paginator */

/* Formulario */
/* Visualmente si funciona pero no se va en el form con jQuery, falta validar con POST directo
.woocommerce-input-wrapper input[type="text"],
.wpcf7-form-control-wrap input[type="text"]{text-transform: capitalize;}
.woocommerce-input-wrapper input[type="email"],
.wpcf7-form-control-wrap input[type="email"]{text-transform:lowercase;}
*/
::-webkit-input-placeholder{text-transform: none;}
:-moz-placeholder {text-transform: none;}
::-moz-placeholder {text-transform: none;}
:-ms-input-placeholder {text-transform: none;}
::placeholder {text-transform: none;}
input, select, textarea,
.fstdropdown{border-radius: 0 !important;}
input.input-text, input.form-control, select, textarea{border: 1px solid #ced4da !important;min-height: 40px!important;padding: 5px 13px !important;}
/*
.sendmail_form span{color:red;}
.sendmail_form .sendmail_legend{font-size:12px;}
.sendmail_form .sendmail_ajax_loader{display:none;}
.sendmail_form .sendmail_result{display:none;}
*/

/* Chat */
.chat{position:fixed; width:60px; height:60px; bottom:35px; left: 20px; right:40px; color:#FFF; border-radius:50px; text-align:center; z-index:9999;}
.chat img{max-width: unset !important;}
.my-chat{margin-top:22px; }

/* Woocommerce */
.product_title{font-size: 2rem !important;}
.woocommerce div.product p.price, .woocommerce div.product span.price{font-size: 1.5em;}
.search-field{border-radius: 0rem !important;width:73% !important;}
.woocommerce form .form-row .optional{display:none;}
.search-btn{border-radius: 0rem !important;background-color: var(--main-color);border-color: var(--main-color);}
.widget_product_categories .cat-item a{color: var(--main-color) !important;}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color:#1e85be !important;}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text{width:150px !important;}
.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {display: block;}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2, .woocommerce .woocommerce-MyAccount-content .col-1 {max-width: unset !important;}
#add_payment_method #payment .payment_method_paypal img, .woocommerce-cart #payment .payment_method_paypal img, .woocommerce-checkout #payment .payment_method_paypal img{max-height: 38px !important;}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input{top: 0.2em !important;}
.shop_table thead{background-color:var(--main-color);}
.shop_table thead th{color:#fff;}
.woocommerce .quantity .qty{height: 35px;min-width: 4.5rem;}
.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads{text-align: left;}
.woocommerce table.shop_table{border-collapse: collapse;border: 1px solid #eee;}
.woocommerce table.my_account_orders td a{padding: 10px;min-height: auto;margin-right: 3px;}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{min-height: 40px;background-color:var(--main-color) !important;color:white !important;border-radius:0 !important;}
.woocommerce-checkout-review-order-table tfoot tr.woocommerce-shipping-totals, .woocommerce a.added_to_cart{display:none !important;}
/* -- Tabs */
.woocommerce div.product .woocommerce-tabs ul.tabs {padding: 0 0 0 0em !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background-color: #fff !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {color: var(--main-color) !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {background-color: var(--main-color) !important;width: 49% !important;text-align: center !important;margin: 0 0px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {color: #fff !important;}
/* -- My Account */
.woocommerce-MyAccount-content a{color:var(--main-color);}
.woocommerce-MyAccount-navigation ul{list-style: none !important;padding-left: 0 !important;}
.woocommerce-MyAccount-navigation ul li a{display: block;padding:12px 10px;font-weight: 600;color: black;border-bottom: solid 1px #eee;transition: .5s all;}
.woocommerce-MyAccount-navigation ul li:last-child a{border-bottom:none;}
.woocommerce-account .woocommerce-MyAccount-content{padding: 40px;border: solid 1px #eee;}
.woocommerce-account .woocommerce-MyAccount-navigation{width: 32% !important;border: solid 1px #eee;}
.woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover{background:var(--main-color);color:white;}
/* -- Address */
.woocommerce-account .addresses .title h3{font-size: 1.2rem;font-weight: 600;text-transform: uppercase;margin-bottom: 20px;}
.woocommerce .woocommerce-customer-details .woocommerce-column__title{font-size: 1.5rem;font-weight: 600;}

/* Inicio */
/* -- Nosotros */
#nosotros{background:var(--second-color);}
/* -- Filtro  */
.filter-controls{padding: 40px 0;list-style: none;padding-left: 0;}
.filter-controls li{font-size: 25px;text-transform: uppercase;padding: 0;margin-right: 20px;display: inline-block;cursor:pointer;}
.filter-controls li.active{border-bottom: solid 2px var(--main-color);}
.filter-controls li:last-child{margin-right: 0;}
/* -- Cobertura */
div#cobertura{position:relative;}
div#cobertura:after{position:absolute;background:var(--main-color);width:100px;height:2px;bottom:-15px;content:"";right:0;left:0;margin:auto;}
div#cobertura .title{font-size: 1.6rem;}
/* -- Product */
.product-style-1{margin-top: 20px;margin-bottom: 20px;background: var(--second-color);}
.product-style-1 .woocommerce{padding-top: 10px;}
.product-style-1 img{height: 100% !important;object-fit: cover;min-height: 350px;}
.product-style-1 .content{padding: 20px 20px 20px 0;}
.product-style-1 .content form.cart table{width:100%;}
.product-style-1 .content form.cart table .reset_variations,
.product-style-1 .content form.cart table td.label{display:none !important;}
.product-style-1 .content form.cart .single_variation_wrap .single_variation{display: flex;flex-direction: column-reverse;}
.product-style-1 .content form.cart .single_variation_wrap .single_variation .woocommerce-variation-price{position:relative;}
.product-style-1 .content form.cart .single_variation_wrap .single_variation .woocommerce-variation-price .price{right: 0;top: 54px;padding: 12px 0;position: absolute;}
.product-style-1 .content form.cart .single_variation_wrap .woocommerce-variation-add-to-cart > .quantity, 
.product-style-1 .content form.cart > .quantity{display: inline-block;}
.product-style-1 .content form.cart .single_add_to_cart_button{padding:12px 15px;}
.product-style-1 .content form.cart .custom-field{margin-bottom: 22px;}
/* -- Contacto */
#contacto iframe{width:100%;height:100%;min-height:250px;}

/* Cart Float */
.xoo-wsc-icon-basket1::before{content: "" !important;}
.xoo-wsc-basket{background-image: url('images/icons/moto.png');background-size: 100%;height: 70px;width: 70px;}


/*REFERENCIA PARA LAS MEDIDAS https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ */
/*MEDIA QUERY GENERICO QUE PUEDE APLICAR PARA TODOS LOS CELULARES*/
@media screen and (min-width: 320px) and (max-width: 1199px){
	
	/* Header */
	header > .row > .col-12{text-align:center;}
	.navbar-collapse{position: absolute;top: 50px;background: white;border: solid 1px #ececec;padding: 0 10px;z-index:2;}
	header ul.navbar-nav li.icon{position: relative;right: 0;top: 0;}
	
	/* Footer */
	footer .widget-footer .widget-title{margin-top: 20px;}
	footer #footer-top .widget-footer .widget-content{margin-top: 10px;}
}
@media screen and (max-width: 767px){
	
	/* Genericas */
	.h1, h1{font-size: 4rem;}
	.h2, h2{font-size: 2.1rem;padding-bottom: 20px;}
	.h3, h3{font-size: 2rem;}
	.h4, h4{font-size: 1.1rem;}
	
	/* Woocommerce */
	.search-field{width: 85% !important;}
	.woocommerce form.woocommerce-checkout h3, .woocommerce .woocommerce-MyAccount-content h3{font-size:1.2rem !important;}
	.woocommerce form .form-row label{font-size:.8rem;}
	/* -- Checkout */
	.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_paypal"] a{float: unset;display: inline-block;line-height: 20px;}
	.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_paypal"] img:first-child{width: 130px;}
	.woocommerce-checkout #payment ul.payment_methods li label[for="payment_method_paypal"] img:nth-child(2){width: 155px;}
	.woocommerce-checkout #payment ul.payment_methods li label{font-size:.8rem;}
	.woocommerce button.button{font-size:.9rem !important;}
	/* -- My Account */
	.woocommerce-account .woocommerce-MyAccount-navigation{width:100% !important;margin-bottom:20px;}
	.woocommerce-account .woocommerce-MyAccount-content{padding: 15px;}
	
	/* Home */
	/* -- Filter */
	.filtr-container > .filtr-item{transform: none !important;position:unset !important;perspective: 0 !important;}
	.filter-controls li.active{pointer-events: none;cursor: default;}
	/* .filtr-container > .filtr-item{transform: scale(1) !important;position: static !important;} */
}
@media screen and (max-width: 575px){
	/* Inicio */
	/* -- Filtro  */
	.filtr-container{padding:0 !important;margin:0;justify-content:center;}
	/* -- Product */
	.product-style-1 .content{padding: 20px ;}
}

/* ---------------------------------IPHONE--------------------------------- */
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2){}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){}

/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2){}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){}

/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px)and (-webkit-min-device-pixel-ratio: 2){}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2)and (orientation: landscape){}

/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3){}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3)and (orientation: landscape){}

/* ---------------------------------GALAXY--------------------------------- */
/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2){}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait){}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape){}

/* ----------- Galaxy S4 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait){}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape){}

/* ----------- Galaxy S5 EN ADELANTE ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3){}

/* Portrait */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait){}

/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape){}

/* --------------------------------- TABLETS --------------------------------- */
/* ----------- iPad mini ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1){}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2){}

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2){}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2){}

/* ----------- Galaxy Tab 10.1 ----------- */
/* Portrait and Landscape */
@media (min-device-width: 800px) and (max-device-width: 1280px){}

/* Portrait */
@media (max-device-width: 800px) and (orientation: portrait){}

/* Landscape */
@media (max-device-width: 1280px) and (orientation: landscape){}

/* ----------- Asus Nexus 7 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332){}

/* Portrait */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: portrait){}

/* Landscape */
@media screen and (device-width: 601px) and (device-height: 906px) and (-webkit-min-device-pixel-ratio: 1.331) and (-webkit-max-device-pixel-ratio: 1.332) and (orientation: landscape){}

/* ----------- Kindle Fire HD 7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5){}

/* Portrait */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape){}

/* ----------- Kindle Fire HD 8.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5){}

/* Portrait */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: portrait){}

/* Landscape */
@media only screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation: landscape){}