/*
Theme Name: ASERIMPEX
Theme URI: https://www.facebook.com/assoltec/
Author: Juan Duarte - Assoltec
Author URI: https://www.facebook.com/assoltec/
Description: Temas Desarrollados a medida para Paginas Web Empresariales
Tags: one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: milu-theme
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


body{
  font-family: 'Poppins';
}

h1, h2, h3, h4, h5, h6, p, a, button, li, span, input, label, textarea{
  font-family: 'Poppins' !important;
  font-weight: 400 !important;
}

.prb{
  background: url(https://aserimpex.com/wp-content/uploads/2020/07/2392-min-scaled.jpg) no-repeat center;
  background-size: cover;
  min-height: 90vh;
}
.prb .navbar{
  background-color: transparent !important;
  font-size: 15px !important;
}

.prbb{
  background: url(https://aserimpex.com/wp-content/uploads/2020/09/Empresa-Aserimpex.jpg) no-repeat center;
  background-size: cover;
  min-height: 90vh;
}

.prbb .navbar{
  background-color: transparent !important;
  font-size: 15px !important;
}

.minh-100{
  height: 55vh;
}

.prb-c{
  background: url(https://aserimpex.com/wp-content/uploads/2020/08/621453-PNUC94-442-min-scaled.jpg) no-repeat center;
  background-size: cover;
  min-height: 90vh;
}

.prbc .navbar{
  background-color: transparent !important;
  font-size: 15px !important;
}

.prb-serv{
  background: url(https://aserimpex.com/wp-content/uploads/2020/09/Servicios-Aserimpex.jpg) no-repeat center;
  background-size: cover;
  min-height: 90vh;
}

.prb-serv .navbar{
  background-color: transparent !important;
  font-size: 15px !important;
}


.line-1{
    position: relative;
    /* top: 50%;   */
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 250%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
    color: white;    
}

/* Animation Banners*/
.anim-typewriter{
  animation: typewriter 3s steps(21) 1s 1 normal both,
             blinkTextCursor 500ms steps(21) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 12.3em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

.line-4{
    position: relative;
    /* top: 50%;   */
    width: 24em;
    margin: 0 auto;
    margin-left: 30px;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 250%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
    color: white;    
}

/* Animation Banners*/
.anim-typewriter4{
  animation: typewriter4 3s steps(30) 1s 1 normal both,
             blinkTextCursor4 500ms steps(30) infinite normal;
}
@keyframes typewriter4{
  from{width: 0;}
  to{width: 17em;}
}
@keyframes blinkTextCursor4{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

.line-5{
    position: relative;
    /* top: 50%;   */
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 250%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
    color: white;    
}

/* Animation Banners*/
.anim-typewriter5{
  animation: typewriter5 3s steps(24) 1s 1 normal both,
             blinkTextCursor5 500ms steps(24) infinite normal;
}
@keyframes typewriter5{
  from{width: 0;}
  to{width: 14.1em;}
}
@keyframes blinkTextCursor5{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

.line-3{
    position: relative;
    /* top: 50%;   */
    width: 24em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    font-size: 250%;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);
    color: white;    
}

/* Animation Banners*/
.anim-typewriter3{
  animation: typewriter3 3s steps(24) 1s 1 normal both,
             blinkTextCursor3 500ms steps(24) infinite normal;
}
@keyframes typewriter3{
  from{width: 0;}
  to{width: 14.1em;}
}
@keyframes blinkTextCursor3{
  from{border-right-color: rgba(255,255,255,.75);}
  to{border-right-color: transparent;}
}

.fnd{
    background-color: #194c6f;
}

.prb-single{
  background-color: #147482 !important;
}

.assoltec{
  width: 60px;
  padding-bottom: 23px;
}

:root {
  --animate-duration: 6s;
  --animate-delay: 3s;
  --animate-repeat: 1;
}

.imag-inicio{
  -webkit-filter: brightness(50%);
filter: brightness(50%);
}

.cont-icn{
  display: -webkit-inline-box;
}

.icn{
  width: 18px;
  height: 18px;
}

.ico-home{
  width: 80px !important;
  margin: auto;
  padding-top: 15px;
}
.cahome{border-radius: 15px !important; box-shadow: -11px 10px 13px -2px rgba(209,205,209,1);}

.ico-cont{
  width: 55px !important;
}

.bts {
  color: #fff !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 0.5em 1.2em !important;
  background: #f35a3f !important;
  border: 2px solid !important;
  border-color: #ec444c !important;
  position: relative !important;
  border-radius: 5px !important;
}
.bts:before {
  content:"";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  transition: all 1s ease;
}

.bts:hover:before {
width: 100%;
}


.menu-fixed {
  position:fixed;
  z-index:1000;
  top:0;
  max-width:1000px;
  width:100%;
  box-shadow:0px 4px 3px rgba(0,0,0,.5);
}

.tit-c{
  color: #145c72 !important;
}

.bann{
  background: url(https://aserimpex.com/wp-content/uploads/2020/08/25100-scaled.jpg) no-repeat center;
  background-size: cover;
  min-height: 75vh;
}

.img-qh{width: 500px; border-radius: 5px !important;}

.bg-tit{background: linear-gradient(#f46c3c,#ec444c);}

.tit{color: white !important;}

.bg-foot{
  background: url(https://aserimpex.com/wp-content/uploads/2020/08/25100-scaled.jpg) no-repeat center;
  background-size: cover;
  min-height: 24vh;
}

.bann-color{
  background-color: #147482 !important;
}

.bts-action{
  border-radius: 5px !important;
}

.ico-action{
  height: 50px;
}

textarea{
  height: 120px !important;
}
.p-fclb{
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.frm-ptd{
  display: flex !important;
}

#ipt-form{
  border-radius: 5px !important;
}


.btn-bann{
  background: white;
  border-radius: 5px;
  animation: 5s move;
  /* top: 100px; */
  right: 0%;
  position: absolute;
  opacity: 85%;
}

@keyframes move {
  from {
      right: -50%;
  }
  to {
      right: 0%;
  }
}

.pbtn-bann{
  font-size: 30px;
  padding: 15px;
  margin: auto !important;
  color: #ec444b;
}

.abtn-bann{
  color: white !important;
  opacity: 2% !important;
}

.frm-c, .mapa{
  padding: 15px;
}

.pcont{
  color: black !important;
}

.txt-cont{
  color: #267d8a !important;
}

.redes-f{
  width: 30px;
}

----------------------------------------------------------------|
/* Flips */
----------------------------------------------------------------|
.tarjeta-wrapp{
  /* margin: 10px; */
  -webkit-perspective: 800;
  perspective: 800;
}

.tarjeta{
  /* width: 500px; */
  height: 350px;
  background: #F29720;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: .7s ease;
  transition: .7s ease;
  -webkit-box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.65);
  box-shadow: 0px 10px 15px -5px rgba(0,0,0,0.65);

}

.adelante, .atras{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.adelante{
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.atras{
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);

  padding: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;

  text-align: center;
  color: #fff;
  font-family: "open sans";
  background: #ec444b;
}

.tarjeta-wrapp:hover .tarjeta{
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.cardd1{
  background-image: url(https://aserimpex.com/wp-content/uploads/2020/09/Asesorias-Aserimpex.jpg);
  background-size: cover;
}

.cardd2{
  background-image: url(https://aserimpex.com/wp-content/uploads/2020/09/thermo-king-refrigeration-Aserimpex.jpg);
  background-size: cover;
}

.cardd3{
  background-image: url(https://aserimpex.com/wp-content/uploads/2020/09/Autopartes-Aserimpex-scaled.jpg);
  background-size: cover;
}

.cardd4{
  background-image: url(https://aserimpex.com/wp-content/uploads/2020/09/montacargas-aserimpex.jpg);
  background-size: cover;
}

.tit-cardds{
  color: white;
}

.fila{
  /* display: flex:  */
  justify-content: space-around;
}

.cont-rsc{
  padding: 15px;
}

.cardd{
  width: 320px;
  height: 218px;
  border: 1px solid rgba(0,0,0,0.125);
  padding: auto;
}

.txt-tit-card-qs{
  color: black !important;
  font-family: 'Poppins' !important;
  font-size: larger;
}

.ten{
  margin-top: 10px;
}

.seventeen{
  margin-top: 17px;
}

.twenty-five{
  margin-top: 25px;
}

/* Media Querys */

@media(max-width: 1200px){
  .line-1, .line-3 {
    font-size: 200%;
  }
  .line-4{
    font-size: 150%;
  }
  .line-5{
    font-size: 180%;
  }
}