/*created by wavesite; updated by user*/
*{font-family:Usual}
.homeheader{background-image: url(../img/pexels-kelly-4320473.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;padding:21px 35px;}
.contactheader{background-image: url(../img/contactanosheader.jpg);background-position: center -57vh;background-size: cover;background-repeat: no-repeat;padding:21px 35px;}
.productheader{background:#e2e2e2;background-image: url(../img/11.jpg);background-position: center -57vh;background-size: cover;background-repeat: no-repeat;padding:21px 35px;}
.aboutheader{background-image: url(../img/nosotrosbg.jpg);background-position: center -25vh;background-size: cover;background-repeat: no-repeat;padding:21px 35px;}

.ispage{border-bottom:2px solid #fff;}

.sitelogo img{width:250px}
.sitelogo:hover{border-bottom-color:transparent!important;}

.titulares{font-family:redonda;}
.titularesgrande{font-size:3.5em;font-weight: bold;}
.titularesmedio{font-size:2em;font-weight: bold;}
.headerphrase{color: white;padding-top: 53px;padding-bottom: 68px;padding-left: 15%;}

.greybg{background-color:#ececec;}
.greybg2{background-color: #b0d3d2;}
.greenbg{background-color:#008441}
.grey{color:#ececec;}
.grey2{color: #b0d3d2;}
.grey3{color: #444;}
.green{color:#008441}
.white{color:#ffffff}

.mainnavbar{list-style: none;text-align: right;padding:0;margin:0}
.mainnavbar li{display: inline-block;width:150px}
.mainnavbar .menutoggle{display:none;}
.mainnavbar a{color:white;}
.mainnavbar a:hover{color:white;border-color:white;}
.mainnavbar .lang{width:68px;border:1px solid #fff;text-align: center;width:fit-content;padding:12px;font-size:1.25em;margin-left:21px;border-radius:5px;}

.icenter{text-align: center;}
.ileft{text-align: left;}
.iright{text-align: right;}

.contentpadding{padding-top:53px;padding-bottom: 35px;}

button{border:none;padding:12px 42px;border-radius:12px}
button:hover,button:active,button:focus{background-color:#b0d3d2;}
a{border-bottom:2px solid transparent;}
a:hover{color:#666;border-bottom:2px solid #666;transition:0.5s!important;}

.misionvision{border-radius:21px;padding:35px 12px;width:49%;}


footer .col1, footer .col2{display:inline-block; vertical-align: top; margin:0 3% 0 0}
footer .col1{width:35%;padding:21px}
footer .col2{width:17%}
footer .nav{list-style: none;color:#333;margin:0;padding:0;margin-top:35px}
footer .nav li{margin-bottom:12px}
footer .nav a{color:#333;}
footer .social{    background-color: #008441;
    color: white;
    padding: 10px;
    border-radius: 3px;
    font-size: 1.3em;width: 39px;
    text-align: center;}
.servicewrapper{width:1000px;margin:auto;text-align:center;}
.service{border-radius:21px;background-repeat: no-repeat;width:39.5%;margin:12px 12px;display:inline-block;padding:35px 21px;height:350px;vertical-align: top;color:white;text-align: left; perspective: 1000px;}
.service .front{height:260px;}
.service .fa-plus{background: rgba(0,0,0,0.8);
    color: white;
    padding: 8px 10px;
    font-size:1.2em;
    border-radius: 50px;
    font-weight: 900;}


    .flip-card {
        border-radius:21px;width:39.5%;margin:12px 12px;display:inline-block;height:350px;vertical-align: top;color:white;text-align: left; perspective: 1000px;
      }
      
      /* This container is needed to position the front and back side */
      .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: transform 0.8s;
        transform-style: preserve-3d;
      }
      
      /* Do an horizontal flip when you move the mouse over the flip box container */
      .viewing .flip-card-inner {
        transform: rotateY(180deg);
      }
      
      /* Position the front and back side */
      .flip-card-front, .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-backface-visibility: hidden; /* Safari */
        backface-visibility: hidden;
      }
      
      /* Style the front side (fallback if image is missing) */
      .flip-card-front {
        background-color: #bbb;
        color: #fff;
        padding:35px 21px;
        border-radius:21px;
        text-align: left;;
      }
      
      /* Style the back side */
      .flip-card-back {
        background: #fff;
        color: #121212;
        transform: rotateY(180deg);
        padding:26px 21px 35px 21px;
        border-radius:21px;
        text-align: left;
        background-image: url(../img/minus.png);
            background-position:bottom right;
            background-size:60px;
            background-repeat: no-repeat;
            z-index:33;
      }


      .background{background:rgba(0,0,0,0.8);z-index:-2;width:100vw;top:0;left:0;height:100vh;display:none;position:fixed;}
      .flip-card-back h2{margin-bottom:12px;}

.nosotros{    width: 90%;
    margin: 35px auto;
    padding: 150px 53px;
    background-position: center -28vh;
    background-size: 140%;
    border-radius: 22px;background-image:url(../img/nosotrosbg.jpg)}
      
@media only screen and (min-width:768px){
    .mobillogo{display:none!important;}
}
@media only screen and (max-width: 768px) {
        .flip-card{width:90%}
        footer .col1,footer .col2{width:100%;margin-bottom:21px}
        .titularesgrande {font-size: 2em;padding-left:0}

        .mainnavbar .menutoggle{display: block;
            color: #fff;
            margin-bottom: -5px;
            text-align: right;
            margin-top: -12px;
            font-size: 2em;
            margin-left: 12px;
            background:transparent;
            margin-bottom:21px;
        }
        .mainnavbar li{display:block;padding:12px;width:100%;text-align:left;display:none;}
        

        .sitelogo img{width:150px;position:absolute;z-index:99999999}
        .centermovil{text-align:center;}
        .social{margin-top:21px;}
        .flip-card-front{background-position:bottom right,center!important}
        .flip-card-back {font-size:0.95em}
        .mobilbar{position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            background: #FFF;
            z-index: 9999999999;}
        .mobilbar li{display: block;padding-left:35px}
        .mobilbar .menutoggle{color:#121212;padding:35px;}
        .mobilbar a{color:#121212;font-size:1.5em;display:block;margin-bottom:21px}
        .mobilbar .fa-bars::before{content:'\f00d'}
        .mainnavbar .lang{border-color:#121212;position: absolute;bottom: 15%;margin-left:35px;}
        .mainnavbar .lang a{margin-bottom:0}
        .mobilbar .mobillogo{display: block;position: fixed;top: 9px;left: 0;width: fit-content;}
        .mobilbar .mobillogo img{width:150px;}
        .contactheader,.productheader{background-position:center;}
        .misionvision{width:100%;margin:auto!important;margin-bottom:12px!important;}
.misionvision br,.nosotros br{display:none;}
.nosotros{    padding: 50px 53px;
    background-position: center -16vh;
    background-size: 180%;}
    }