/*
Theme Name: Wired IT Theme
Author: Wired IT
Author URI: https://www.wiredit.mx/
Description: Template Wired IT 2022
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;}
*/

/* Generic */
:root {
  --main-color: #001689;
  --second-color: #0d6efd;
}
.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;}
.btn-main{background:var(--main-color);color:white !important;border-radius: 0;padding:10px 15px;font-weight:700;font-size: 17px;line-height: 1;}
.w-100{width:100%;}
.text-justify{text-align: justify;}
.section > .container{padding-bottom: 0px;}
.mt-50{margin-top:50px;}
.mt-40{margin-top:40px;}
.mt-30{margin-top:30px;}
.mt-20{margin-top:20px;}
.mt-10{margin-top:10px;}
.mt-0{margin-top:0px;}
.mb-50{margin-bottom:50px;}
.mb-40{margin-bottom:40px;}
.mb-30{margin-bottom:30px;}
.mb-20{margin-bottom:20px;}
.mb-10{margin-bottom:10px;}
.mb-0{margin-bottom:0px;}
.pt-50{padding-top:70px;}
.pt-50{padding-top:60px;}
.pt-50{padding-top:50px;}
.pt-40{padding-top:40px;}
.pt-30{padding-top:30px;}
.pt-20{padding-top:20px;}
.pt-10{padding-top:10px;}
.pt-0{padding-top:0px;}
.pb-70{padding-bottom:70px;}
.pb-60{padding-bottom:60px;}
.pb-50{padding-bottom:50px;}
.pb-40{padding-bottom:40px;}
.pb-30{padding-bottom:30px;}
.pb-20{padding-bottom:20px;}
.pb-10{padding-bottom:10px;}
.pb-0{padding-bottom:0px;}

.bgsection{background: #001689 !important;}
.bgsection:before {background-color: unset;}

/* Header */
.header .contact-info > .btn-cta{transition: .5s}
.header .navbar-brand {height: auto;}
.header .navbar-brand > img{max-width: 260px;}
.header .contact-info{margin: 0;}
.header .contact-info > div{margin-top: 20px;margin-bottom:0;}
.header .contact-info > .btn-cta{margin-top: 15px;}

.navbar-main .rowe{border-top: 1px solid #f2f2f2;}
.navbar-main .navbar-collapse .navbar-nav{float: unset !important;display: flex;justify-content: space-between;}
.navbar-main .navbar-collapse .navbar-nav > li{width: 100%;text-align: center;border-right: solid 1px #f2f2f2;}
.navbar-main .navbar-collapse .navbar-nav > li:last-child{border-right:unset;}
.navbar-main .navbar-collapse .navbar-nav > li.active{background: var(--main-color);}
.navbar-main .navbar-collapse .navbar-nav > li.active > a{color: white;}
.navbar-main .dropdown-menu > li a:hover{color: white;background-color: #256d85;}

.navbar{margin-bottom: 0;}
.rowe{border-top: unset;}
.navbar-collapse.collapse{display: flex !important;justify-content: flex-end;height: 100px !important;align-items: center;}
.navbar-nav > li{  margin-right: 30px;}
.navbar-nav > li:last-child{  margin-right: 0;}
/* .navbar-nav > li.active,
.navbar-nav > li:hover{background: var(--main-color);} */
.navbar-nav > li.active > a,
.navbar-nav > li.open > a,
.navbar-nav > li.open > a:hover,
.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover,
.navbar-nav > li .dropdown-menu li:hover a {color: white;background: var(--main-color);}
.navbar-nav > li a{padding: 10px 25px;}
.navbar-nav > li .dropdown-menu{}
.navbar-nav > li .dropdown-menu li{margin: 0;}


/* Footer */
.box-icon-4{border: 1px solid #f2f2f2;}
.box-icon-4:hover .body-content .heading,
.box-icon-4:hover .body-content a{color: white;}
.box-icon-4 .body-content address{font-style: normal;}
/* -- Top */
.footer .footer-item .footer-sosmed{display: flex;justify-content: space-around;}
.footer .footer-item .footer-title{margin-bottom: 0;}
/* -- Bottom */
.footer .fcopy{padding: 30px 0 15px 0;}
.footer .fcopy p{margin-bottom: 10px;}
.footer .fcopy a{color:white}

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

/* Breadcrumb */
.banner-page{height: 325px;}
.banner-page .title-page{font-size: 3.4rem;}

/* General Form */
/* Visualmente si funciona pero no se va con el formato en el form, esto en JQuery y POST
.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 .invalid-feedback{display:none;color:red;}
.sendmail_form .sendmail_ajax_loader{display:none;}
.sendmail_form .sendmail_result{display:none;margin-bottom:0px}

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

/* Home */
/* -- Headband */
#headband{padding: 70px 0;}
#headband h1{text-align: center;font-size: 3rem;margin: 0;}
/* -- Because */
#because{padding-bottom:70px;}
#because .row-items{display: flex;justify-content: space-between;flex-wrap: wrap;}
#because .row-items .col{flex: 1 1 20%;padding: 5px;margin-bottom:10px;}
#because .row-items .col .card-icon{background: white;padding: 20px 10px;display: block;text-align: center;border-radius: 20px;}
#because .row-items .col .card-icon h3{font-size: 18px;font-weight: normal;border-top: solid 2px var(--main-color);padding-top: 10px;margin-top: 15px;display: block;margin-bottom: 0;}
#because .row-items .col .card-icon .icon{display: inline-block;transition:.5s all;width: 100px;border-radius: 50%;padding: 5px;overflow: visible;border: dashed 2px white;}
#because .row-items .col .card-icon:hover .icon{padding: 15px;border: dashed 2px var(--main-color);}
/* -- Statistic */
#statistic{padding-bottom:70px;}
#statistic .counter{text-align: center;background: white;padding-top: 20px;margin-bottom: 20px;}
#statistic .counter .icon{margin-bottom: 0;padding-bottom: 20px;}
#statistic .counter .content{display: flex;align-items: center;flex-wrap: wrap;background: #eff3f6;}
#statistic .counter .content > .counter-number{width: 60px;font-size: 3rem;color: white;background: var(--main-color);font-weight: bold;height: 60px;display: flex;align-items: center;justify-content: center;}
#statistic .counter .content > .counter-title{padding-left: 10px;font-size: 16px;font-weight: bold;color: var(--main-color);}
/* -- Compliance */
#compliance{padding-bottom:70px;}
#compliance .section-heading{margin-bottom: 0;margin-top: 0;}

/* About us */
/* -- Values */
#values{padding-bottom:70px;}
#values .row-items{display: flex;justify-content: space-between;flex-wrap: wrap;}
#values .row-items .col{flex: 1 1 20%;padding: 5px;margin-bottom:10px;}
#values .row-items .col .card-icon{background: #eff3f6;padding: 20px 10px;display: block;text-align: center;border-radius: 20px;}
#values .row-items .col .card-icon h3{font-size: 18px;font-weight: normal;border-top: solid 2px var(--main-color);padding-top: 10px;margin-top: 15px;display: block;margin-bottom: 0;}
#values .row-items .col .card-icon .icon{display: inline-block;transition:.5s all;width: 100px;border-radius: 50%;padding: 5px;overflow: visible;border: dashed 2px #eff3f6;}
#values .row-items .col .card-icon:hover .icon{padding: 15px;border: dashed 2px var(--main-color);}

/* Services */
#page-service{}
#page-service .row-service{display: flex;flex-wrap: wrap;justify-content: center;}
#page-service .feature-box-8 .media{margin-bottom: 0;}
#page-service .feature-box-8 .media img{min-height: 220px;object-fit: cover;}
#page-service .feature-box-8 .body{padding: 25px 15px 25px;}
#page-service .feature-box-8{background-color: #091426;}
#page-service .feature-box-8:hover,
#page-service .feature-box-8:hover .body .title,
#page-service .feature-box-8 .body .title{color: white;}
#page-service .feature-box-8 .body .title{min-height: 61.4px;margin-bottom: 0;font-size: 13px;}
#page-service .feature-box-8 .body .readmore{opacity: 1;transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);background: white;color: var(--main-color);padding: 10px 5px;}

/* Contacto */

/* Reportes */
#reportes .input-group .form-control{border-radius: 0;padding: 14px 10px;height: auto;}
#reportes .btn-default:hover{color:white;}

/* Contact */
#contact.section > .container{padding-bottom: 50px;}
#contact .section-heading{margin-bottom: 0;margin-top: 0;}
#contact .text-muted{color:#777 !important}
#contact .widget-title{font-size: 30px;}
#contact address{font-style: normal;}
#contact textarea,
#contact input{border-radius: 0;height: auto;padding: 12px 10px;border: solid 2px #eee;box-shadow: unset;}
#contact button{color:white !important;}

/*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){
	/* Header */
    .header .navbar-brand > img{max-width: 150px;}
    .navbar-nav > li{margin-right: 5px;}
    .navbar-collapse.collapse{height: 50px !important;}
}
@media screen and (max-width: 991px){
	/* Header */
	.header .box-icon-1 .icon{display: none;}
	.header .box-icon-1 .body-content{margin-left: 0;}
	.header .navbar-main .navbar-brand{top: -70px;}
	.header .navbar-main .navbar-brand > img{max-width: 100px;width: 100%;}
	
	.navbar-main .navbar-collapse .navbar-nav{align-items: center;}
	.navbar-main .navbar-collapse .navbar-nav > li:nth-child(4){width: 136%;}
	
	/* Breadcrumb */
	.banner-page .title-page{font-size: 3rem;}
	
	/* Home */
	/* -- Headband */
	#headband h1{font-size: 2rem;}
	/* -- Because */
	#because .row-items .col{flex: 1 1 30%;}
	
	/* About us */
	/* -- Value */
	#values .row-items .col{flex: 1 1 30%;}
	
	/* Contact */
	#contact iframe{height: 100%;min-height: 200px;}
	
	/* Services */
	#page-service .feature-box-8 .body .title{min-height: 41.4px;}
}
@media screen and (max-width: 767px){
	/* Header */
	.navbar-main .navbar-collapse .navbar-nav{display: block;float: left !important;width: 100%;margin: auto;}
	.navbar-main .navbar-collapse .navbar-nav > li:nth-child(4){width:100%;}
	.navbar-main .navbar-collapse .navbar-nav > li{border-right: unset;}
	.header .navbar-main .navbar-brand{top: 8px;}
	.header .contact-info{float: unset;display: flex;justify-content: space-between;align-items: center;}
	
    .navbar-header{float: right;}
    .rowe{position: relative;}
    .navbar-collapse{overflow: visible;position: absolute;right: 0;top: 56px;z-index: 999;background: #eff3f6;}
    .navbar-collapse.collapse{height: auto !important;}
    .navbar-nav{margin-top: 0;margin-bottom: 0;}
    .navbar-nav > li{margin: 0 !important;}

	/* Breadcrumb */
	.banner-page{height: auto;padding: 48px 15px 165px 15px;}
	.banner-page > .container{padding: 0;}
	
	/* Services */
	#page-service .feature-box-8 .body .title{min-height: auto;font-size: 17px;max-width: 500px;}
	
	/* Footer */
	.footer .footer-item .logo-bottom{max-width: 300px;margin-right: auto;margin-left: auto;display: block;}
	.footer .fcopy p,
	.footer .fcopy .text-right{text-align: center;}
}
@media screen and (max-width: 575px){
	/* Header */
	.header .contact-info > div:first-child{margin-top: 0;}
	.header .contact-info > div{margin-right: 0;}
	.header .contact-info{flex-direction: column;}
	.header .contact-info > .btn-cta{display:none;}
	
	/* Home */
	/* -- Because */
	#because .row-items .col{flex: 1 1 50%;}
	
	/* About us */
	/* -- Value */
	#values .row-items .col{flex: 1 1 50%;}
}