/*
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;}
*/
/* font-family: 'Arimo', sans-serif; */

/* font-family: 'Poppins', sans-serif; */

/* Genericas */
html{
	scroll-behavior: smooth;
}
:root {
  --main-color: #4550c7;
  --second-color: #;
}
body{font-size: 1rem;font-family: 'Poppins', sans-serif; }
h1, .h1,
h2, .h2,
h3, .h3{font-family: 'Arimo', sans-serif;font-weight:700;}
.h1, h1{font-size: 3rem;}
.h2, h2{font-size: 2.5rem;}
.h3, h3{font-size: 1.5rem;}
.h4, h4{font-size: 1.25rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem;}
a, a:hover{text-decoration:none;}
address, dl, ol, ul {margin-bottom: .5rem;}
/* dl, ol, ul {margin-bottom: 0;} */

.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);}
.section{padding-top:70px;padding-bottom:70px;}
.object-fit-cover{object-fit: cover;}
.bg-gray{background: #fbfbfb;}

/* Header */
header #navbar_menu.no-fixed{position: absolute;top: 40px;z-index: 2;width: 100%;height: auto;left: 0;right: 0;}
header #navbar_menu.fixed-top{background:rgb(255, 227, 0);}
header #navbar_menu {background: rgba(255, 227, 0, 0.82);padding-top: 10px;padding-bottom: 10px;}
header #navbar_menu .navbar-brand img{max-width:220px;}
header #navbar_menu .navbar {padding:0 !important;}
header #navbar_menu .navbar #navbarNav .navbar-nav li.nav-item {margin-right: 15px;}
header #navbar_menu .navbar #navbarNav .navbar-nav li.nav-item:last-child{margin-right:0;}
header #navbar_menu .navbar #navbarNav .navbar-nav li.nav-item:last-child a{padding-right:0;}
header #navbar_menu .navbar #navbarNav .navbar-nav li.nav-item .nav-link{font-family: 'Arimo', sans-serif;font-size: 17px;color:black;transition:.5s color;}
header #navbar_menu .navbar #navbarNav .navbar-nav li.nav-item .nav-link:hover{color:var(--main-color);}
/* Top */
#top-header{position: relative;top: 0;z-index: 3;right: 0;width: 100%;background: black;color: white;padding: 8px 0;height: 40px;}
#top-header ul{list-style:none;padding:0;margin:0;}
#top-header ul li{display:inline-block;border-right: solid 1px #eee;padding-right: 10px;margin-right: 10px;}
#top-header ul li i{margin-right:3px;}
#top-header ul li a{color:white;font-size: 14px;}
#top-header ul li:last-child{border:none;padding-right:0;margin-right:0;}

/* Footer */
footer #footer-top .container{border-top:solid 1px #eee;padding-top:50px;padding-bottom:50px;}
footer #footer-top .widget-footer .widget-content{margin-top: 50px;}
footer #footer-top .widget-footer .widget-content ul li{margin-bottom:10px;display: inline-block;border-right: solid 1px #c6c6c6;padding-right: 10px;margin-right: 10px;}
footer #footer-top .widget-footer .widget-content ul li:last-child{border:none;margin-right:0;padding-right:0;}
footer #footer-top .widget-footer .widget-content ul li a{color: black;transition:.5s color;}
footer #footer-top .widget-footer .widget-content ul li a:hover{color:var(--main-color);}
footer #footer-bottom {background:var(--main-color);}
footer #footer-bottom a,
footer #footer-bottom p{color:white;}
footer #footer-bottom p,
footer #footer-bottom ul{margin:0;}
footer #footer-bottom p,
footer #footer-bottom li{padding:10px 3px;}

/* Menu */

/* Slider o Banner Principal  */
#banner-slider-principal .carousel-item {position:relative;}
#banner-slider-principal .carousel-item img{min-height: 570px;object-fit: cover;height:94vh;}
#banner-slider-principal .content{position:absolute;right:0;left:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center;}
#banner-slider-principal .content .background {background: rgba(255, 255, 255, 0.72);max-width: 635px;min-height: 300px;display: flex;align-items: start;flex-direction: column;justify-content: center;padding: 50px;}
#banner-slider-principal .content .background .title-slider{padding-bottom: 15px;text-transform: uppercase;font-weight: 700;position:relative;margin-bottom:20px;font-size:2.2rem;}
#banner-slider-principal .content .background .title-slider:after{position:absolute;content:"";left:0;bottom:0;width:100px;height:4px;background:var(--main-color);}
#banner-slider-principal .content .background .description{font-size: 1.6rem;color: var(--main-color);font-family: 'Poppins', sans-serif;}
#banner-slider-principal .content .background .description .fa-square{font-size: 1rem;color: black;position: relative;top: -2px;}

/* Banners */

/* Fondos */

/* Breadcrumb */

/* Paginator */

/* Formulario */
/* Visualmente si funciona pero no se va en el form con jQuery, falta validar con POST directo
.wpcf7-form-control-wrap input[type="text"]{text-transform: capitalize;}
.wpcf7-form-control-wrap 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 .sendmail_ajax_loader{display:none;}
.sendmail_form .sendmail_result{display:none;margin-bottom:0px}

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

/* About us */
#about-us .title-about-us{margin-bottom:20px;position:relative;padding-bottom:10px;}
#about-us .title-about-us:after{position:absolute;content:"";left:0;bottom:0;width:100px;height:4px;background:var(--main-color);}
#about-us ul{padding:0;list-style:none;}
#about-us .box-about-us{margin-top: 30px;border-radius: 20px;box-shadow: 0 0px 23px -10px rgba(62,57,107,.2);text-align: center;padding: 45px 20px;min-height: 330px;}
#about-us .box-about-us i{background: var(--main-color);border-radius: 50%;padding: 20px 0;width: 75px;height: 75px;margin-bottom: 20px;color: white;font-size: 35px;}

/* Services*/
#services{background-repeat:no-repeat;background-size:cover;background-position:center;}
#services .title-services,
#services .description-services p{color:white;}
#services .description-services{margin-bottom: 40px;}
#services .box-services{margin-top: 30px;border-radius: 20px;text-align: center;padding: 45px 20px;transition:.5s all;background:white;}
#services .box-services:hover{box-shadow: 0 9px 68px 0 rgba(62,57,107,.2);}
#services .box-services i{background: var(--main-color);border-radius: 50%;padding: 20px 0;width: 75px;height: 75px;margin-bottom: 20px;color: white;font-size: 35px;}
#services .box-services h3{font-size: 18px;min-height: 75px;}

/* Projects */
#projects .title-projects{margin-bottom:20px;position:relative;padding-bottom:10px;}
#projects .title-projects:after{position:absolute;content:"";left:0;bottom:0;width:100px;height:4px;background:var(--main-color);}
#projects .description-projects ul{list-style:circle;}

/* Contact */
#contact input,
#contact textarea{border-radius: 0;padding: 13px 12px;height: auto;border: solid 1px #f4f3f3;}
#contact .btn-main{border: solid 1px var(--main-color);color: var(--main-color);padding: 10px 25px;}
#contact .box-contact{margin-bottom: 10px;border-radius: 20px;text-align: center;padding: 25px 10px;transition:.5s all;background:white;}
#contact .box-contact .icon{background: var(--main-color);width: 40px;height: 40px;border-radius: 50%;color: white;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;margin-left: auto;margin-right: auto;}
#contact .box-contact .icon i{font-size: 20px;}
#contact .box-contact a{display:block;color: var(--main-color);}

/* Breadcrumb */
#breadcrumb{padding: 150px 0 68px 0;}

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

/*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 only screen and (max-width:991px){
	
	/* Header */
	header #navbar_menu .navbar-toggler{background: white;border-radius: 0;border: none;}
	.navbar-collapse{position: absolute;top: 50px;z-index: 3;background: white;padding: 10px;position: absolute;top: 50px;z-index: 3;background: white;padding: 10px;}
	
	/* Slider */
	#banner-slider-principal .content .background .title-slider{font-size: 1.8rem;}
	#banner-slider-principal .content .background .description{font-size:1.4rem;}
}
@media only screen and (max-width:767px){
	
	/* Header */
	header #navbar_menu.no-fixed{top: 80px;}
	/* -- Top */
	#top-header{padding:10px 0;height:80px;}
	#top-header ul li{display: block;border: none;padding-right: 0;margin-right: 0;padding-bottom: 6px;}
	
	/* Slider */
	#banner-slider-principal .content .background{padding: 20px;}
	
	/* Footer */
	footer #footer-top .widget-footer .widget-content ul li{display:block;margin-right:0;padding-right:0;border:none;}
}

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