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

/* 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;}
*/

/* Generic */
:root {
  --main-color: #c0107f;
  --second-color: #0098b0;
}
body{font-size: 1rem;font-family: 'Montserrat', sans-serif;line-height: 1.5;}
.h1, h1{font-size: 3.5rem;color: var(--second-color);font-weight: 900;}
.h2, h2{font-size: 3rem;}
.h3, h3{font-size: 2rem;}
.h4, h4{font-size: 1.5rem;}
.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: .5rem;}
.form-control-main-color{border: solid 2px var(--main-color);}
.form-control-main-color:focus{border-color: var(--main-color);box-shadow: 0 0 0 .25rem rgba(192, 16, 127, 0.09);}
.form-control-second-color{border: solid 2px var(--second-color);}
.form-control-second-color:focus{border-color: var(--second-color);box-shadow: 0 0 0 .25rem rgba(16, 126, 192, 0.09);}
ul{padding-left: 1rem;}

.main-color{color: var(--main-color);}
.second-color{color: var(--second-color);}
.bg-main-color{background-color: var(--main-color);}
.bg-second-color{background-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;}
.section{padding-top:50px;padding-bottom:50px;}
.text-justify{text-align: justify;}
.list-style-decimal{list-style: decimal;}

/* Header */
/* #menu-links {background: var(--main-color);position: fixed;top: 0;right: 0;left: 0;z-index: 1;} */
#menu-links {position: fixed;top: 0;right: 0;left: 0;z-index: 1;}
/* #menu-links .box-menu{display: flex;align-items: center;justify-content: center;} */
#menu-links .box-menu h3{font-size: 1.4rem;margin:0;}
#menu-links .box-menu i{font-size: 2rem;min-width: 3rem;}
#menu-links .box-menu h3,
#menu-links .box-menu i{color:white;}
.menu-disabled{overflow: hidden;height:0;}
/* .menu-active{min-height: 2rem; height:auto;padding: 1rem 0;transition:.5s all;} */
.menu-active{min-height: 2rem; height:auto;padding:0;transition:.5s all;}

#menu-links .box-menu{transition:.5s all;display: flex;align-items: center;justify-content: center;background: var(--second-color);padding: .6rem .5rem;border-bottom-right-radius: 1rem;border-bottom-left-radius: 1rem;border-bottom: solid 8px #a9e6f0;}
#menu-links .box-menu:hover{background: var(--main-color);border-bottom: solid 8px #ecb4d7;}

/* Footer */
footer #footer-top{background-color:var(--second-color);color:#fff;padding-top: 20px;padding-bottom: 20px;}
footer #footer-top span,
footer #footer-top a:hover,
footer #footer-top a,
footer #footer-top p{color:white;}
footer #footer-bottom{background-color:#f0f0f0;color:#fff;padding-top: 10px;padding-bottom: 10px;}
footer #footer-bottom a,
footer #footer-bottom span{color:#535353;}

/* Slider o Banner Principal  */
#home{position:relative;}
#home .icon-slide{margin-top: -58px;margin-bottom: 20px;}
/* #contacto-header{position: absolute;top: 9%;right: 0;z-index: 9;right:0;left:0;} */
/* #contacto-header .box-contact{padding:20px;background-color:rgba(0,0,0,.2);border-radius:10px;} */
	
/* Banners */

/* Background */

/* Breadcrumb */

/* General Form */
/* Visualmente si funciona pero no se va en el form con jQuery, falta validar con POST directo
.sendmail_form input[type="text"]{text-transform:capitalize;}
.sendmail_form input[type="email"]{text-transform:lowercase;}
*/
::-webkit-input-placeholder { /* WebKit browsers */text-transform:none;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */text-transform:none;}
::-moz-placeholder { /* Mozilla Firefox 19+ */text-transform:none;}
:-ms-input-placeholder { /* Internet Explorer 10+ */text-transform:none;}
::placeholder { /* Recent browsers */text-transform:none;}
.sendmail_form span{color:red;}
.sendmail_form .sendmail_legend{font-size:.8rem;}
.sendmail_form .ajax-item-loader,
.sendmail_form .sendmail_ajax_loader{display:none;}
.sendmail_form .sendmail_result{display:none;margin-bottom:0px}
.sendmail_form .ajax-item-loader{position: absolute;top: 7px;margin-left: auto;right: 20px;width: 26px;z-index: 99999;}

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

/* Home */

/* About us */

/* Services */

/* Contacto */
#contact .title{font-weight: bold;color: var(--second-color);}
#contact .subtitle{font-size: 1.6rem;}
/* #contact p, */
/* #contact li{font-size: 1.05rem;} */
#contact .title-content{color: var(--second-color);font-weight: 700;font-size: 3rem;text-align: center;}
#contact .btn-quote{background: var(--main-color);color: white;display: block;width: 100%;font-weight: 800;font-size: 2rem;line-height: 1.3;}
#contact .btn-quote:hover{color:white;}

/* Style number */
.box-number{background: var(--main-color);transition:.5s background; padding: 1rem;display: flex;align-items: center;margin-bottom: 1rem;min-height: 11rem;}
.box-number:hover{background-color:var(--second-color);}
.box-number span{font-size: 3rem;border-right: solid 1px #eee;padding-right: .5rem;margin-right: .5rem;min-width: 3rem;text-align: center;}
.box-number span,
.box-number p{color:white;}
.box-number p{margin: 0;}
.box-number .btn-link{background: white;border-radius: .5rem;margin-top: 1rem;color: var(--main-color);padding: .3rem 1rem;display: inline-block;text-decoration: none !important;font-weight: 600;}
/* .box-number p i{font-size: 2rem;} */
 
 
/* Style box  */
.style-box-1{background-color: var(--main-color);min-height: 15rem;padding: 1rem;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: 1rem;margin-bottom:1rem;}
.style-box-1 a{font-weight: bold;}
.style-box-1 a,
.style-box-1 p{color: white;}

/* text-meses */
#text-meses{background-color:#fff;}

/* Coverage */
#coverage{background-color:#e9e9e9;}
#coverage h2{font-size: 4.4rem;color: var(--second-color);font-weight: 900;margin-bottom: 2rem;}
/* -- Table */
#coverage .table{background: white;}
#coverage .table thead{background-color: var(--main-color);}
#coverage .table thead tr th{vertical-align: middle;text-align: center;color:white;}
#coverage .table tbody tr td{text-align:center;}
#coverage .table tbody tr td,
#coverage .table tbody tr th{vertical-align: middle;}

/* Reportes */
#reportes{padding-top:20px;}

/* Call to action */
#call-to-action {background-image:url('/assets/images/icons/fondo-002.jpg');background-size: cover;background-repeat: no-repeat;}
#call-to-action .subtitle{font-size: 1.5rem;margin-bottom: 2rem;}
#call-to-action .box .icon{max-width: 200px;width: 100%;}
#call-to-action .box h3{font-weight: bold;color: black;margin: 1rem 0;font-size: 1.5rem;line-height: 1;}
#call-to-action .description{display: inline-block;padding: .1rem 1rem;background: var(--second-color);border-radius: 2rem;font-size: 1.8rem;color: white;font-weight: bold;margin: 2rem 0 4rem 0;}
#call-to-action .icon-top{position: absolute;top: 0;transform: rotate(300deg) !important;-ms-transform: rotate(300deg) !important;-moz-transform: rotate(300deg);-webkit-transform: rotate(300deg);-o-transform: rotate(300deg);}
#call-to-action .icon-top img{max-width: 4rem;}
/* #call-to-action .box .icon:not(:hover){filter: grayscale(1);background-color: var(--gray);} */

@media print {
	.chat ,
	#home,
	#page button,
	#page a.btn-dark,
	footer a[data-bs-target="#privacy"],
	footer a[data-bs-target="#about-us"]{display:none;}
	#page h1{font-size: 1rem;}
	
}


/*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 (max-width: 1399px){
	
}
@media screen and (max-width: 1199px){
	.box-number{min-height: 5rem !important;}
}
@media screen and (max-width: 991px){

	/* Call to action */
	#call-to-action .box .icon{max-width: 300px;}
	#call-to-action .box h3{font-size: 1.5rem;}
	#call-to-action .description{font-size: 1.4rem;}
}
@media screen and (max-width: 767px){
	/* General */
	.h1, h1{font-size: 2.5rem;}
	
	/* Banner principal */
	#home .icon-slide{margin: 20px 0;}
	
	/* Contact */
	#contact .title{font-size: 2.5rem;}
	#contact .subtitle{font-size: 1.4rem;}
	#contact .btn-quote{font-size: 1.5rem;}
	
	/* Coverage */
	#coverage h2{font-size: 2.5rem;}
	#coverage img{margin-bottom: 2rem;}
	
	/* Call to action */
	#call-to-action .box .icon{max-width: 200px;}
	#call-to-action .box h3{font-size: 1.6rem;}
	
	/* Menu */
	 #menu-links .box-menu i{font-size: 1.5rem;}
	#menu-links .box-menu{flex-direction: column;}
	#menu-links .box-menu h3{font-size: 1rem;margin-top: .5rem;}
}
@media screen and (max-width: 575px){
	
}

/* ---------------------------------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){}