/*
Theme Name: Prowebglobal 
Template Theme URI: https://gis.com/ 
Author: Prowebglobal
Description: Plantilla desarrollada exclusiva para GIS
*/
* {
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-smartViewbox-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	
}
.lato { font-family: 'Lato', sans-serif }
.lato b, .lato .bold, .lato.bold { font-weight: 700 }
.Montserrat { font-family: 'Montserrat', sans-serif }
.Montserrat s, .Montserrat .bold { font-weight: 700 }
.bgBlue { background-color: #1d4773 }
.bgBlueN { background-color: #1d4773; color:#FFF }
.bgBlueN::-webkit-input-placeholder { color:#FFF }
.bgBlueN:-moz-placeholder { color:#FFF }
.bgBlueN::-moz-placeholder { color:#FFF }
.bgBlueN:-ms-input-placeholder { color:#FFF }

.bgBlue2 { background-color: #5C78A7 }
.bgGreen { background-color: #189046!important }
.bgGreen2 { background-color: #59cfa6 }
.bgGray1 { background-color: #DCDCDC }
.bgGray2 { background-color: #EEEEEE }
.bgGray3 { background-color: #EAEAEA }
.bgGray4 { background-color: #555555 }
.bgGray5 { background-color: #d6d6d6 }
.bgWhite { background-color: #ffffff }
.cGreen { color: #2fcb6c }
.cGreen2 { color: #119146 /*#59cfa6*/}
.cBlue { color: #1D4873 }
.cGray, .cGray a { color: #878785 }
.cGray2 { color: #DCDCDC }
.cGray3 { color: #575B5E }
.cGray4{ color:#393939}
.cGray5{color:#1b1b1b}
.cRed{color:#EE3E36}
.cWhite, .cWhite a { color: #fff }
.cBlack, .cBlack a { color: #000 }
.aRadius { border-radius: 30px }
.borderGreen { border: 2px solid #189046 }
.borderGreen:hover { border: 2px solid #1D4873 }
.borderWhite { border: 2px solid #fff }
.borderWhiteN { border: 2px solid #fff }
.borderWhite:hover { border: 2px solid #1D4873 }
.borderGray { border: 2px solid #DCDCDC }
.borderGray:hover { border: 2px solid #189046 }
.borderBlack { border: 1px solid #000 }
.borderBlue { border: 2px solid #8AA9CA }
.upper { text-transform: uppercase }
.listNone, .sub-menu { list-style: none }
.section, .section2 {
	width: 100%;
	max-width: 100vw;
	margin: 0 auto
}
.section {
	max-width: 1280px !important;
	padding: 0 20px
}
.font10 {
	font-size: 10px;
	line-height: 15px
}
.font11 {
	font-size: 11px;
	line-height: 18px
}
.font12 {
	font-size: 12px;
	line-height: 20px
}
.font14 {
	font-size: 14px;
	line-height: 21px
}
.font16 {
	font-size: 16px;
	line-height: 22px
}
.font17 {
	font-size: 17px;
	line-height: 23px
}
.font18 {
	font-size: 18px;
	line-height: 25px
}
.font20 {
	font-size: 20px;
	line-height: 25px
}
.font22 {
	font-size: 22px;
	line-height: 27px
}
.font24 {
	font-size: 24px;
	line-height: 29px
}
.font29 {
	font-size: 29px;
	line-height: 36px
}
.font30 {
	font-size: 30px;
	line-height: 38px
}
.tituloP {
	position: relative;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	width: 100%;
	color: #1D4873;
	padding: 25px 0;
	font-weight: 700
}
.tituloP:after {
	content: '';
	width: 80px;
	position: absolute;
	bottom: 0;
	left: calc(50% - 40px);
	border: 2px solid #1D4873
}
button, input, textarea {
	outline: none;
	border: none;
	height: 35px
}
textarea { height: 150px }
body, html { overflow-x: hidden }
/*header*/
#nav-toggle {
	display: none;
	position: fixed;
	top: 82px;
	right: 0;
	cursor: pointer;
	padding: 10px 45px 16px 0;
	z-index: 999
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 5px;
	width: 35px;
	background: #339D5D;
	position: absolute;
	display: block;
	content: ''
}
#nav-toggle span:before { top: -10px; }
#nav-toggle span:after { bottom: -10px }
#nav-toggle, #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
#nav-toggle.active { top: 20px; }
#nav-toggle.active span { background-color: transparent }
#nav-toggle.active span:before, #nav-toggle.active span:after {
	top: 0;
	background: #999
}
#nav-toggle.active span:before {
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
#nav-toggle.active span:after {
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.wrap2 {
	position: fixed;
	top: 0;
	right: -120%;
	width: calc(100% - 250px);
	background: rgba(0,0,0,.7);
	height:100vh;
	z-index: 140
}
.wrap2.active { right: 0px; }
.topHeader { height: 40px }
.nav ul li {
	position: relative;
	flex-grow: 1;
}
.nav ul li a {
	position: relative;
	display: block;
	text-align: center;
	padding: 18px 50px;
	font-size: 14px
}
.nav ul li a:hover,.nav ul li a.active { color: #2fcb6c }
.nav ul li a:after {
	content: '';
	position: absolute;
	right: 0;
	top: 35%;
	width: 0;
	height: 30%;
	border-right: 1px solid #526D9E;
	display: block
}
.nav ul li:last-child a:after { border-right: none }
.nav ul li ul {
	position: absolute;
	top: 100%;
	width: 100%;
	z-index: 0;
	opacity: 0;
	border-radius: 20px;
	padding-top: 10px !important
}
.nav ul li:hover ul {
	z-index: 2;
	opacity: 1
}
.nav ul li ul li a {
	padding: 10px;
	text-align: left;
	font-size: 11px;
	border-bottom: 1px dashed #778EB5
}
.nav ul li ul li a:after, .nav ul li ul li:last-child a { border: none }
.nav ul li ul li { background: rgba(29,72,115,.7)}
.nav ul li ul li:last-child { border-radius: 0 0 10px 10px }
.nav ul li ul li:first-child { border-radius: 10px 10px 0 0 }
.direcH{
	line-height: 15px
}
/*header*/
/*index*/
.section3{
	width: 1920px;
	margin: 0 auto;
	margin-left: 50%;
	position: relative;
	transform: translateX(-50%)
}
.slider .text:before{
	position: absolute;
	content: '';
	display: block;
	width: 240px;
	height: 80%;
	left: -2%;
	top: 10%;
	background: #189147 ;
	opacity: .6;
	z-index: -1
}
.slider .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 1280px;
	height: 100%;
	transform: translateX(-50%);
	margin-left: 52.5%
}

.serviciosIndex {
	background-image: url(img/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat
}
.serviciosIndex .col1 { width: 55% }
.serviciosIndex .col2 { width: 40% }
.serviciosIndex .col1 figure img, .serviciosIndex .col2 figure img {
	width: 100% !important;
	height: auto !important
}
.serviciosIndex .corelativel1:hover .descrip, .serviciosIndex .relative:hover .descrip { background: rgba(0,0,0,.5) }
.serviciosIndex .relative:hover .borderWhite, .serviciosIndex .relative:hover .borderWhite { color: #2fcb6c }
.serviciosIndex .descrip {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.2)
}
/*.serviciosIndex .descrip figure img {
	height: 50px !important;
	width: auto !important
}*/
.notiIndex {
	width: 270px
}
.notiIndex:hover .more { color: #2fcb6c }
.wFaqIndex {
	min-height: 550px;
	background: url(img/bg_containers.jpg) no-repeat top center
}
.wFaqIndex .col1 {
	width: 60%;
	background: rgba(29,72,115,.9)
}
.wFaqIndex .col2 {
	width: 40%;
	background: rgba(69,93,133,.9)
}
.faqIndex li a { border-top: 1px solid #5C78A7 }
/*index*/

/*quienes somos*/
.bgQuienesS, .bgFaq {
	background-image: url(img/bg_faqs.jpg);
	background-repeat: no-repeat;
	background-position: top center
}
.flexQuienes .col1 {
	width: 370px;
}
.flexQuienes .col2 { width: calc(100% - 370px); }
.flexQuienes .texto p {
	line-height: 30px;
	margin-top: 10px
}
.flexQuienes .texto p:first-child { margin-top: 0 }
.bgIntalaciones {
	background-image: url(img/bg_container_azul.jpg);
	background-repeat: no-repeat;
	background-position: center
}
.bgIntalaciones figure {
	width: 300px
}
.bgIntalaciones figure span{
	height: 70px !important;
}
.icon3V figure span{
	height: 88px !important;
}
.misionVision p { line-height: 25px }
.misionVision .col1 { width: calc(95% / 3) }
/*quienes somos*/

/*servicios*/
.bgServicios {
	background-color: #E2E2E2;
	background-image: url(img/bg_gris.jpg);
	background-repeat: no-repeat;
	background-position: top center
}
.servicios .col1, .servicios .col2, .servicios .col3 { margin-bottom: 2em }
.servicios .col1 { width: calc(95% / 3); }
.servicios .col2 { width: calc(95% / 2 + 2.5% / 2); }
.servicios .col2 {
	min-height: 295px
}
.servicios .col3 { width:calc( 95% / 3 * 2 + 2.5%);
}
.servicios .col1 figure img, .servicios .col2 figure img {
	width: 100% !important;
	height: auto !important
}
.separator {
	width: 75px;
	position: relative;
	height: 1px
}
.servicios .descrip {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
.servicios .relative:hover .descrip { background: rgba(0,0,0,.5) }
.servicios .relative:hover .borderWhite{ color: #2fcb6c }
.serviciosI .cols .col {
	width: calc(95% / 3);
	margin: 20px 0
}
.serviciosOI .col2 {
	max-height: 380px;
	overflow: hidden
}
.bgAlmacenaje{
	background-image: url(img/almacenamiento_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover
}

.bgReparaciones{
	background-image: url(img/reparaciones_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover
}
.bgPesaje{
	background-image: url(img/pesaje_bg.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover
}
.lonasR{
	margin: 40px 0
}
/*servicios*/
/*FAQ*/
.faq { background: rgba(69,93,133,.9) }
.faq ul li { border-bottom: 1px solid #fff }
.faq ul li:last-child { border-bottom: none }
.faq ul li .flex i{
	position: absolute; top: 20px; right: 0;
	pointer-events: none
}

/*FAQ*/
/*contacto*/
.bgContact, .bgNoticias {
	background-image: url(img/bg_gris_conts.jpg);
	background-repeat: no-repeat;
	background-position: top center
}
.bgContact input, .ebook input, .bgContact textarea { background: none }
.bgContact button, .bgContact input, .ebook input, .ebook button { height: 42px }
/*contacto*/
/*solicitar-cotizacion*/
.formQ { width: 80% }
.formQ .required:after{
	content: '*';
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	color: #1D4873;
	font-weight: 700;
	font-size: 18px
}
.wrap{
	left: 0;
	top: 0;
	position: fixed;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.6);
	z-index: 99;
	display: none
}
.solicitarCotizacion,.Wsuscribir{
	z-index: 100;
	width: 100%;
	max-width: 70%;
	border-radius:30px;
	background: #fff  url(img/bg.jpg) no-repeat center center;
	position: absolute;
	left: 15%;
	top: 15%;
	display: none
}
.solicitarCotizacion .close, .Wsuscribir .close{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: #303030;
	border-radius:100%;
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	z-index: 9999
}

/*solicitar-cotizacion*/
/*blog*/
.grid-sizer, .grid-item { width: calc(95% / 3) }
.grid-item {
	margin-bottom: 2.5%;
	background: #fff;
}
.gutter-sizer { width: 2.5% }
.twitter-tweet{
	margin: 0 !important
}
.grid-item iframe{width: 100% !important}
.noticiaP { width:calc( 95% / 3 * 2 + 2.5%)
}
.noticiaP figure img {
	width: 100%;
	height: auto
}
.noticiaP .descrip {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,.2)
}
.ebook {
	background-image: url(img/blog_banner_short.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover
}
.bgNoticias .ebook { width: calc(95% / 3) }
.ebook input:hover, .ebook input:focus { border-color: #000 }
.ebook ::-webkit-input-placeholder {
color: #fff !important
}
.ebook :-moz-placeholder {
color: #fff !important
}
.ebook ::-moz-placeholder {
color: #fff !important
}
.ebook :-ms-input-placeholder {
color: #fff !important
}
.ebook ::-ms-input-placeholder {
color: #fff !important
}
.noticia .col1 {
	width: 290px
}
.noticia .col2 { width: calc(100% - 290px) }
.page li a{
	color: #000;
	padding:10px  5px;
	font-weight: 700
}
.page li:last-child,.page li:first-child{
	border-radius: 100%;
	background: #fff;
	width: 35px;
	height: 35px
}
.page li:first-child{margin-right: 5px}
.page li:last-child{margin-left: 5px}
.page li:last-child a,.page li:first-child a{
	color: #40BFF4
}
/*blog*/
/*footer*/
footer .section .tercio:first-child { width: 20% }
footer .section .tercio:nth-child(2) { width: 35% }
footer .section .tercio:last-child { width: 35% }
.navF li { width: 100% }
.navF ul { padding: 0 !important }
.navF li ul { display: none }
.navF li a {
	padding: 10px 0;
	display: block;
	font-size: 14px
}
.contactF { background: url(img/mapa_footer.jpg) no-repeat right 70% }
/*footer*/
/*comments WP*/
#respond{width: 100%; justify-content: flex-end;}
#comment{ background-color: #EEEEEE; border: 1px solid #000; padding:10px; width: 100%;}
#author{ background-color: #EEEEEE; border: 1px solid #000; padding:10px; width: 100%;}
#email{ background-color: #EEEEEE; border: 1px solid #000; padding:10px; width: 100%;}
#url{ background-color: #EEEEEE; border: 1px solid #000; padding:10px; width: 100%;}
#commentsubmit{background-color: #189046;color: #fff;border-radius: 30px;padding-left: 70px !important;padding-right: 70px !important; text-transform: uppercase; margin-top:20px!important; margin-bottom:20px!important}
/*widget qtranslate*/
#qtranslate-chooser{position: relative;height: 18px;overflow: hidden;width: 60px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap}
#qtranslate-chooser:hover{overflow: visible}
#qtranslate-chooser li{list-style: none;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
#qtranslate-chooser:hover li a{background-color: #EAEAEA}
#qtranslate-chooser li a:hover{color: #fff;background-color:#1D4773!important}
#qtranslate-chooser li{order: 2;width: 100%}
#qtranslate-chooser li a{width: 100%;padding: 0px 5px 0px 5px;background-position:5px center;display:block;}
#qtranslate-chooser li a span{padding-right: 15px;padding-left:23px;position: relative}
#qtranslate-chooser li a span:after{position: absolute;top:2px;content: '';display: block;width: 10px;height: 10px;right:-12px;background-size: contain;background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwOS4xMjEsMTI1Ljk2NmMtMy44MzgtMy44MzgtMTAuMDU1LTMuODM4LTEzLjg5MywwTDI1Ni4wMDUsMzY1LjE5NEwxNi43NzEsMTI1Ljk2NmMtMy44MzgtMy44MzgtMTAuMDU1LTMuODM4LTEzLjg5MywwICAgIGMtMy44MzgsMy44MzgtMy44MzgsMTAuMDU1LDAsMTMuODkzbDI0Ni4xOCwyNDYuMTc1YzEuODQyLDEuODQyLDQuMzM3LDIuODc4LDYuOTQ3LDIuODc4YzIuNjEsMCw1LjEwNC0xLjAzNiw2Ljk0Ni0yLjg3OCAgICBsMjQ2LjE3LTI0Ni4xNzVDNTEyLjk1OSwxMzYuMDIxLDUxMi45NTksMTI5LjgwNCw1MDkuMTIxLDEyNS45NjZ6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==)}
#qtranslate-chooser li.active{order: 1}

#contenedor-call-to-action {
  display:inline;
}

#contenedor-call-to-action #left {
  background-color:#189147;
  padding-top:1%;
  text-align:center;
  padding-bottom: 1%;
  width:auto; 
  float:left;
  width:50%;
  float:left;
  font-size: 16px;
  line-height : 14px;
  font-family: 'Montserrat', sans-serif;
}

#contenedor-call-to-action #right {
  background-color:#555555;
  padding-top:1%;
  text-align:center;
  padding-bottom: 1%;
  width:auto;
  float:right;
  width:50%;
  float:right;
  font-size: 16px;
  line-height : 14px;
  font-family: 'Montserrat', sans-serif;
}


@media screen and (max-width: 700px) {
  #contenedor-call-to-action #left {
    background-color:#189147;
    padding-top:3%;
    text-align:center;
    padding-bottom: 3%;
    width:auto; 
    float:none;
  }

  #contenedor-call-to-action #right {
    background-color:#555555;
    padding-top:3%;
    text-align:center;
    padding-bottom: 3%;
    width:auto; 
    float:none;
  }

}
@media screen and (max-width: 270px) {

#contenedor-call-to-action {  
  min-width: 273px;
}
#contenedor-call-to-action #left {
    background-color:#189147;
    padding-top:3%;
    text-align:center;
    padding-bottom: 3%;
    //width:auto; 
    //float:none;
    min-width: 273px;
  }

  #contenedor-call-to-action #right {
    background-color:#555555;
    padding-top:3%;
    text-align:center;
    padding-bottom: 3%;
    //width:auto; 
    //float:none;
    min-width: 273px;
  }

}