/*
==========================================================================
  CONTACTO :: FMSTUDIO by: KUBIK;
==========================================================================
*/

#home-section{ overflow: hidden; }
#slideshow{width:100%;height:100%; display:block;position:relative;}
#slideshow .item{}
/*#slideshow .item .slide{width:100%;height:687px; background-position:top left;background-repeat:no-repeat;background-size:cover;}*/
.info{height: 100%; position: absolute; z-index: 2; display: block; top: 20%; width: 100%;}
.tile-main{ margin-bottom: 0px; font-size: 22px; font-weight: 300; color: #fff; margin-top: 80px; line-height: 30px; text-align: center; letter-spacing: 10px;font-family: 'Oswald', sans-serif !important; }
.tile-submain{ font-size: 50px; font-weight: 300; color: #fff; letter-spacing: 29px; text-align: center;font-family: 'Oswald', sans-serif !important; }
.tile-sm-txt{font-size:21px;color:#000;}

#home-section{ overflow: hidden; }
.back-slide-color{height:100%; height: 700px; background: linear-gradient(to bottom right, #2e3092 0%, #2e3092 50%, #ffec00 50%, #ffec00 100%); }



/* CONTENT */
.back-red{background-color: #e72f2f;}
.data-info{ }
.back-white{ background-color: transparent; border-radius: 8px; padding: 12px; /*box-shadow: 0 2px 7px 1px rgb(0 0 0 / 30%);*/}
.form-control { background: #b92626;border: 0px; height: 40px;color: #fff; border-radius: 0px; font-family: 'Oswald', sans-serif !important; letter-spacing: 5px; font-weight: 200; text-transform: uppercase; }
.form-control::placeholder{color: #fff; text-transform: uppercase; font-family: 'Oswald', sans-serif !important; letter-spacing: 5px; font-weight: 200; }

.form-control:focus{background-color: #b92626; color:#fff; border-color: transparent; box-shadow: none; text-transform: uppercase; letter-spacing: 5px; font-weight: 200;}

.form-group { margin-bottom: 7px; }
.comentario{height: 100px; resize: none; font-weight: 200; }
.title-contacto{ color: #fff;padding-top: 30px; font-weight: 100; padding-bottom: 50px; font-size: 50px; text-transform: uppercase; font-family: 'Oswald', sans-serif !important; letter-spacing: 10px;}
.text-contact{color: #000000; font-size: 18px; line-height: 20px; padding-top: 10px; padding-bottom: 30px; font-weight: 500;}

.btn-send{ padding: 5px 45px 10px; font-weight: 100; width: 100%; max-width: 100%; background: /*url(../images/contact/send.png) -55px 10px no-repeat*/ #6A7077; color: #fff; border: 0; border-radius: 0px; font-size: 18px; height: 45px; transition: ease .33s; -webkit-transition: ease .33s; letter-spacing: 4px; text-transform: uppercase; margin: 0; font-family: 'Oswald', sans-serif !important; } 
.btn-send:hover{ background-position: 35px 10px; /*padding-left: 70px;*/ background: #fff; border-color: 1px solid #000; color: #e72f2f; }
.back-blue{background-color: #101144;}

/*Maps*/
.mapsection { /*float: left;*/ position: relative; width: 100%; min-height: 100%; overflow: hidden; display: inline-block; }
#infoWindow{text-align: center;display: inline-block; padding: 10px 0px;}
.maps-dir{ color: #656565; display: inline-block; position: relative; font-size: 14px; text-align: center; padding: 10px 30px 10px;}
.txtvergmap{background: #6A7077; color: #fff !important; font-size: 14px; line-height: 28px; padding-top: 10px; padding-bottom: 10px; padding-left: 25px; padding-right: 25px; font-family: 'Oswald', sans-serif !important; }
.gm-ui-hover-effect{top: 0px !important; right: 0px !important;}
.infoImg{width: 100%; max-width: 60px !important;}
.title3{padding-top: 40px; font-weight: 100; padding-bottom: 20px; font-size: 50px; color: #000000; text-transform: uppercase; font-family: 'Oswald', sans-serif !important; letter-spacing: 10px; }
.title3 a{color: #2e3092;}
/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/

/* LG/XL */
@media screen and (max-width: 1920px){}
@media screen and (max-width: 1680px){
    .tile-main {margin-top: 72px; font-size: 16px; }
  .tile-submain { font-size: 34px; }
}
@media screen and (max-width: 1600px){
  .tile-main {margin-top: 62px; }
  .tile-submain { font-size: 28px; }
  .title-contacto{ font-size: 38px; }
  .title3{ font-size: 38px; }
}
@media screen and (max-width: 1440px){
  .tile-main {margin-top: 50px; }
  .tile-submain{ etter-spacing: 26px;letter-spacing: 22px;}

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

/* MD/SM */
@media screen and (max-width: 1360px){
  .tile-main { margin-top: 60px; }
  .tile-submain { font-size: 30px; letter-spacing: 20px; }
  #slideshow .item .slide{display: inline-block; position: relative; height: 250px; background: url('../images/portafolio/banner-proyectos1.jpg'); background-size: cover; background-repeat: no-repeat;background-position: center;}
  #slideshow .item .slide .images-seccion-tablet{display: none;}

}  
@media screen and (max-width: 1280px){
  .title-contacto { font-size: 30px; }
  .title3{font-size: 30px;}
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 1150px){}
@media screen and (max-width: 1100px){}
@media screen and (max-width: 1080px){}
@media screen and (max-width: 991px){
  .mapsection{min-height: 450px;}
  .tile-main { margin-top: 10px; }
  .tile-submain { letter-spacing: 16px; }
}
@media screen and (max-width: 880px){}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 700px){
  .mapsection{ min-height: 400px; }
}
@media screen and (max-width: 600px){
  .FormContact{padding: 0px;}
  .back-white{padding: 0px;}
  .back-red{padding: 0px;}
  .tile-submain { font-size: 22px; letter-spacing: 12px; }
}
@media screen and (max-width: 580px){}
@media screen and (max-width: 540px){}
@media screen and (max-width: 480px){
  .tile-submain { letter-spacing: 8px; }
}
@media screen and (max-width: 360px){}