html, body {
    font-size: 12px;
    font-family: GothamRounded-Light;
    background: white;
    line-height: 1.2;
}
.BotonSolicitar,.nav{transition:all .5s ease}.nav ul li a,.nav ul li:hover a{font-weight:700}@font-face{font-family:GOTHAM_BOLD;src:url(Font/GothaProBol.otf) format("truetype")}@font-face{font-family:GOTHAM_BOOK;src:url(Font/GothamBookRegular.otf) format("truetype")}@font-face{font-family:"1gotham-medium";src:url(Font/1gotham-medium.ttf) format("truetype")}@font-face{font-family:GothamBookRegular;src:url(Font/GothamBookRegular.otf) format("truetype")}@font-face{font-family:GothamRounded-Bold;src:url(Font/GothamRounded-Bold.otf) format("truetype")}@font-face{font-family:GothamRounded-Book;src:url(Font/GothamRounded-Book.otf) format("truetype")}@font-face{font-family:GothamRounded-Light;src:url(Font/GothamRounded-Light.otf) format("truetype")}@font-face{font-family:GothamRounded-Medium;src:url(Font/GothamRounded-Medium.otf) format("truetype")}@font-face{font-family:GothaProBol;src:url(Font/GothaProBol.otf) format("truetype")}html{overflow-x:hidden}body,html{height:100%;min-height:100%;margin:0;padding:0;font-family:GothamRounded-Light;font-size:14px}#ContenedorBuscadorPalabra div a,#ContenedorBuscadorPalabra div label,.BotonSolicitar,h5,strong.footerMenuop{font-family:GOTHAM_BOLD}.footerMenuop{display:block}strong.footerMenuop{margin-bottom:10px;font-size:1.1rem}a.footerMenuop{display:block;line-height:20px;cursor:pointer}.ColumMedia1,.ColumMedia2{display:flex;max-width:900px;margin:auto;align-items:center;padding-bottom:40px}.ColProque2,.nav .brand,.nav ul li{display:inline-block}.ColumMedia1 a{width:33%}.ColumMedia2 a{width:25%}#quinesResponsive{font-size:1.2rem;text-align:justify;line-height:25px;padding-left:20px;border-left:8px #004a9c solid}#ContenedorBuscadorPalabra div{width:50%;padding:0 15px}#ContenedorBuscadorPalabra div label{margin-top:15px;margin-bottom:15px;font-size:1.2rem;line-height:1.7rem;text-align:justify;color:#fff!important}#ContenedorBuscadorPalabra div p{text-align:justify;line-height:1.4rem;color:#fff!important}.nav,.nav ul li{text-align:center}#ContenedorBuscadorPalabra div a{color:#fff!important}.InputBusqueda{width:300px;margin:auto;background:0 0;border:solid #fff;line-height:35px;font-size:1.1rem;color:#fff;padding:0 15px;border-radius:3px}.nav,.nav .brand{line-height:100px}.Marcado{background-color:#3ab089;color:#fff}.ColProque2{width:45%;margin:0 auto}#Error404,.nav{width:100%;left:0}.MicrositioNavSpam{color:#6687b5}.sticky .MicrositioNavSpam{color:#fff}h5{margin-bottom:0}.BotonSolicitar{background:#009bde;border:none;color:#fff;font-size:30px;padding:10px 35px;border-radius:10px;-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,.07),0 1px 10px 0 rgba(0,0,0,.06),0 2px 4px -1px rgba(0,0,0,.5);box-shadow:0 4px 5px 0 rgba(0,0,0,.07),0 1px 10px 0 rgba(0,0,0,.06),0 2px 4px -1px rgba(0,0,0,.5);cursor:pointer}.BotonSolicitar:hover{-webkit-transform:scale(1.04,1.04);transform:scale(1.04,1.04);-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,.07),0 6px 30px 5px rgba(0,0,0,.06),0 8px 10px -5px rgba(0,0,0,.6);box-shadow:0 16px 24px 2px rgba(0,0,0,.07),0 6px 30px 5px rgba(0,0,0,.06),0 8px 10px -5px rgba(0,0,0,.6)}a{text-decoration:none}#Error404{position:fixed;top:0;background-image:url(../Imagenes/error404.jpg);background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover;height:100%}.nav{font-size:12px;z-index:100;position:absolute;-webkit-transition-property:background-color,box-shadow,line-height,height;transition-property:background-color,box-shadow,line-height,height;-webkit-transition-timing-function:cubic-bezier(.78,.13,.15,.86);transition-timing-function:cubic-bezier(.78,.13,.15,.86);-webkit-transition-duration:.3s;transition-duration:.3s}.menu-item.four,.sticky .menu-item.four{text-decoration:none;text-transform:uppercase;}.nav .brand{padding-left:15%;padding-right:0;float:left;font-size:20px;font-family:Pacifico,cursive;-webkit-transition-property:background-color,box-shadow,line-height,height;transition-property:background-color,box-shadow,line-height,height;-webkit-transition-timing-function:cubic-bezier(.78,.13,.15,.86);transition-timing-function:cubic-bezier(.78,.13,.15,.86);-webkit-transition-duration:.3s;transition-duration:.3s}.nav .brand a{color:#E33B00;text-decoration:none}.nav ul{margin:0;text-transform:uppercase}.nav ul li{list-style:none;padding:0;cursor:pointer;line-height:35px}.nav ul li a{color:#fff;text-decoration:none;font-size:14px}.sticky{position:fixed!important;top:0;box-shadow:0 1px 4px rgba(0,0,0,.3);background-color:rgba(18,21,37,.9);line-height:30px}.nav .ImagenNav{margin-top:10px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.sticky .ImagenNav{margin-top:0;padding-top:0}.nav .ImagenNavMicro{padding-top:35px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.sticky .ImagenNavMicro{padding-top:15px}.sticky .brand{line-height:60px;height:60px!important}.menu{display:none}.section.sectionInfoExp{height:57.5vw}@media (min-width:1500px){body,html{font-size:16px}}@media (max-width:1100px){.nav .brand{padding-left:1%!important}}@media (max-width:800px){.TextoPrinci{font-size:3.6rem!important}.CentraResponsive{text-align:center}#Comohtml .CentraResponsive .img-responsive{width:90%!important;max-width:300px;margin:auto;}#Mediahtml .CentraResponsive .img-responsive{width:100%!important;max-width:250px}body,html{font-size:11px}.ColumMedia1,.ColumMedia2{padding-bottom:0;flex-direction:column}.ColumMedia1 a,.ColumMedia2 a{width:90%;margin:30px 0}.CentraResponsive2{text-align:center!important}.CentraResponsive2 .img-responsive{width:100%!important;max-width:300px}.CentraResponsivefoo{text-align:center;margin-bottom:15px}.imagenFot{float:none!important}#quinesResponsive{margin-left:0!important}.JustifytextResponsive{text-align:center!important}#ContenedorBuscadorPalabra div{width:100%;padding:0 15px}}@media (max-width:920px){.hamburger::after,.hamburger::before{content:''}.nav .ImagenNav{padding-top:20px}.sticky .ImagenNav{padding-top:0}#MenuResponsivoCom{display:none}#MenuResponsivoM{display:block!important}.sticky .menu{top:0}.sticky .menu .hamburger,.sticky .menu .hamburger::after,.sticky .menu .hamburger::before{background:#6E7982}.open.sticky .hamburger{background:0 0}.open .hamburger{background-color:transparent}.open .hamburger::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.open .hamburger::after{-webkit-transform:rotate(-45deg) translate(2px,-2px);-ms-transform:rotate(-45deg) translate(2px,-2px);transform:rotate(-45deg) translate(2px,-2px)}.menu{display:block;outline:0;position:relative;line-height:60px;float:left;left:20px;top:20px;width:60px;height:60px;background:0 0;border:0;padding:0;margin:0;cursor:pointer;opacity:.7;-webkit-transition:opacity 150ms;transition:opacity 150ms}.menu:hover{opacity:1}.hamburger,.hamburger::after,.hamburger::before{margin:0 auto;display:block;width:24px;height:3px;line-height:0;-webkit-transition:all 150ms;transition:all 150ms}.hamburger::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background:#fff}.hamburger::after{-webkit-transform:rotate(-45deg) translate(2px,-2px);-ms-transform:rotate(-45deg) translate(2px,-2px);transform:rotate(-45deg) translate(2px,-2px);background:#fff;-webkit-transform:translateY(5px);-ms-transform:translateY(5px);transform:translateY(5px)}.hamburger{background:#fff}.hamburger::before{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.navbar{-webkit-transition:-webkit-transform 150ms;transition:transform 150ms}ul.navbar{-webkit-transform:translate(-100%,0);-ms-transform:translate(-100%,0);transform:translate(-100%,0);padding-left:0}ul.navbar li{line-height:calc((100vh - 60px)/ 6);display:block}.open .navbar{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.open{background-color:rgba(18,21,37,.8)}.nav .brand{display:block;text-align:center;float:none;padding-left:60px}#nav{height:100px}#nav.open{height:auto;min-height:100%}#nav.sticky{height:60px}#nav .open a{width:100%}}.menu-item.four .icon,.sticky .menu-item.four .icon{transition:.15s width ease-out,.15s height ease-out .2s,.15s top ease-out .2s;left:0}.menu-item.four{color:#fff!important;position:relative;display:inline-block;padding:10px 15px;font-weight:900}.menu-item.four .icon{display:inline-block;width:0;height:3px;background-color:rgba(18,21,37,.8);position:absolute;top:50%;z-index:1}.menu-item.four .text{font-size:14px;font-weight:700;position:relative;z-index:2}.menu-item.four:hover .icon{width:calc(100%);height:calc(100%);top:0;font-weight:700}.sticky .menu-item.four{color:#fff;position:relative;display:inline-block;padding:10px 20px;font-weight:900}.sticky .menu-item.four .icon{display:inline-block;width:0;height:3px;background:#0097D9;background-color:rgba(0,152,217,.8);position:absolute;top:50%;z-index:1}.sticky .menu-item.four .text{font-size:14px;font-weight:700;position:relative;z-index:2}.sticky .menu-item.four:hover .icon{width:calc(100%);height:calc(100%);top:0;font-weight:700}.simple-switch-input{position:absolute;width:0;height:0;margin:0;padding:0;opacity:0;-ms-appearance:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;border:none}.simple-switch{-webkit-appearance:none;-moz-appearance:none;-webkit-transition:.4s all;transition:.4s all;margin:0 15px;border-radius:50px;background:#bbb;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);width:36px;height:14px;outline:0;cursor:pointer;position:relative;-moz-user-select:none;-webkit-user-select:none;user-select:none;display:inline-block;top:3px}.simple-switch-input:checked~.simple-switch{background:#84B6D8;box-shadow:inset 0 0 0 15px #84B6D8;transition:.25s all}.simple-switch-input:checked~.simple-switch.dark{background:#009BDB;box-shadow:inset 0 0 0 15px #009BDB}.simple-switch-input:checked~.simple-switch::before,.simple-switch-input~.simple-switch::before{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12),0 0 0 16px rgba(0,108,181,0)}.simple-switch-input:checked~.simple-switch::before{transform:translate(18px,0);background:#006CB5}.simple-switch-input:checked~.simple-switch.dark::before{background:#99D6FF}.simple-switch-input~.simple-switch::before{content:'';transition:.26s all;position:absolute;left:0;top:-3px;bottom:2px;right:auto;transform:translate(0,0);display:block;width:20px;height:20px;border-radius:40px;background:#fff}.botonTraducior,.sticky .botonTraducior{position:absolute;right:10px;color:#fff}.simple-switch.dark:active::before{box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12),0 0 0 16px rgba(89,189,255,.6)}.wrapper{display:table;margin:80px auto;border-radius:4px;box-shadow:0 0 1px 1px rgba(255,255,255,.11),0 0 40px -4px rgba(255,255,255,.3)}.pure-css-switch{background:#e8e8e8;padding:15px;margin:15px;border-radius:4px;float:left;box-shadow:1px 2px 4px 0 rgba(19,19,19,.38)}.pure-css-switch.dark-bg{background:#2c3e50;color:#fff}.botonTraducior{top:0}.sticky .botonTraducior{top:15px}	
::-webkit-input-placeholder { color: white !important; } 
:-moz-placeholder { /* Firefox 18- */ color: white  !important; } 
::-moz-placeholder { /* Firefox 19+ */ color: white  !important; } 
:-ms-input-placeholder { color: white  !important; }
strong {
    font-family: GOTHAM_BOLD;
    color: #03A6D5 !important;
}
.bold {
    font-family: GOTHAM_BOLD;
}

h5 {
    font-size: 1.2rem;
}

.ImgLogoIcon {
    max-width: 35px;
}
.activeheadder {
    border-bottom: 2px solid #00bc9c;
    padding-bottom:5px;
}
#WeeclinicTC_HeaderTC, #WeeclinicTC_HeaderAP {
    cursor: pointer;
}
@media (max-width: 800px) {
    .botonTraducior {
        position: absolute;right: 10px;color: white;top: -100px;
    }
    .sticky .botonTraducior {
        position: absolute;right: 10px;top: 15px;color: white;top: -40px;
    }
    #MenuResponsivoM .ImagenNav{
        width:50px;margin-top: -15px;margin-left: -60px;
    }
    .sticky  #MenuResponsivoM  .ImagenNav{
        width:50px;margin-top: 0px;margin-left: -60px;
    }
    .ImagenAcomodoRes3{
        margin-top: 0px !important;
    }
    .CentraResponsive{
        padding-bottom:20px;
    }
    .lineas1{
        padding-bottom:10px;
        padding-top:15px;
    }
    .nav .ImgLogo {
        max-width: 100px;
        margin-left: 0px;
    }

    .ImgBackLeft {
        display : none;
    }

    .ImgBackRi {
        display: none;
    }

    .ContenedorServicios {
        margin-top: 120px !important;
    }

    h5 {
        font-size: 1.7rem;
    }

    .nav div.show_list {
        margin-top:-30px;
    }

    .ImgLogoIcon {
        max-width: 20px;
    }

    .Realizado {
        font-size:10px;
    }
}
@media screen and (max-width: 800px) and (orientation: portrait) {
    #INICIOhtml{
        background: url(../Imagenes/back_resp.jpg) !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        height: 92vh !important;
    }
    .PaddingTopRes{
        padding-top: 23vh !important;
    }
    .ResponsiveAparicion{
        display:inline-block !important;
        position: absolute;
        bottom: 0px;
        margin: auto;
        right: 0px;
        left: 0px;
        text-align: center;
    }
    .CentrarResIni{
        margin:auto;
    }
    .CentrarResIni .TextoPrinci{
        font-size: 4.8rem !important;
    }
    .CentrarResIni h6{
        font-size: 2.6rem !important;
    }
    .nav .ImgLogo {
        max-width: 100px;
    }
}
@media screen and (max-width: 800px) and (orientation: landscape) {
     #INICIOhtml{
        height: 92vh !important;
    }
    .CentrarResIni{
        max-width: 60% !important;
    }
    .PaddingTopRes{
        padding-top: 32vh !important;
    }
    .nav .ImgLogo {
        max-width :100px;
    }
}


@media screen and (max-width: 600px) and (orientation: portrait) {
    .PaddingTopRes{
        padding-top: 22vh !important;
    }
    .ResponsiveAparicion img{
        max-width: 150px !important;
    }
    .CentrarResIni .TextoPrinci{
        font-size: 3.2rem !important;
    }
    .CentrarResIni h6{
        font-size: 1.8rem !important;
    }
    .nav .ImgLogo {
        max-width: 100px;
    }
}
@media screen and (max-width: 600px) and (orientation: landscape) {
    .PaddingTopRes{
        padding-top: 32vh !important;
    }
    .CentrarResIni .TextoPrinci{
        font-size: 3rem !important;
    }
    .CentrarResIni h6{
        font-size: 1.6rem !important;
    }
}


.ColorBlue {
    color: #03A6D5 !important;
}

.ColorAguaMiel {
    color: #7ECBDF;
}

.ColorGris {
    color: #6C6C6C;
}

.NavSeparadador {
    border-left: 2px #00BC9C solid;
    height: 40px;
    display: block;
}

.ContenedorServicios {
    max-width: 800px;
    margin: auto;
}

.ImgLogo {
    max-width: 170px;
    margin-right: 15px;
    margin-left:25px;
}

.back-blue {
    background-color: #2F84E5;
}

.footer {
    width: 100%;
    padding-bottom: 5rem;
    font-size: 1.1rem;
    position: relative;
    padding-bottom: 80px;
}

.Realizado {
    width: 100%;
    background: #0E67B1 !important;
    color: white;
    position: absolute;
    bottom: 0px;
    padding: 25px 0px;
    text-align: center;
}

/* Navbar section */
.nav {
    width: 100%;
    height: 75px;
    position: fixed;
    text-align: center;
    z-index: 5;
    background: white;
    top: 0px;
}

.ContainerNav {
    text-align: center;
    width: 100%;
    max-width: 1200px;
    margin: auto;
}

.nav div.logo {
    float: left;
    width: auto;
    height: auto;
}

    .nav div.logo a {
        text-decoration: none;
        color: #fff;
        font-size: 2.5rem;
    }

        .nav div.logo a:hover {
            color: #00E676;
        }

.nav div.main_list {
    height: 75px;
    float: right;
}

.nav div.main_list ul {
    width: 100%;
    height: 40px;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top:15px;
}

.nav div.main_list ul li {
    width: auto;
    padding: 0;
    padding-right: 2rem;
}

.nav div.main_list ul li a {
    text-decoration: none;
    color: #42ba96;
    font-size: 0.8rem;
    letter-spacing: 0px;
}

.nav div.main_list ul li a:hover {
    color: #42ba96;
}

.navTrigger {
    display: none;
}

.nav {
    padding-top: 5px;
    padding-bottom: 20px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .nav.affix {
        background: rgba(255,255,255) !important;
    }

.line40px {
    line-height: 40px;
}

.paddingbot0px {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.max_width420px {
    max-width: 480px;
}

.TextoWeeCompany:hover {
    color: #7ECBDF !important;
}

.ImgBackLeft {
    position: absolute;
    left: 0px;
    width: 20%;
    max-width: 320px;
}

.ImgBackRi {
    position: absolute;
    right: 0px;
    width: 20%;
    max-width: 320px;
}

@media screen and (max-width:768px) {
    .navTrigger {
        display: block;
    }

    .nav div.logo {
        margin-left: 15px;
        float: none;
    }

    .nav div.main_list {
        width: 100%;
        height: 0;
        overflow: hidden;
    }

    .nav div.show_list {
        height: auto;
        display: none;
    }

    .nav div.main_list ul {
        flex-direction: column;
        width: 100%;
        height: 75vh;
        right: 0;
        left: 0;
        bottom: 0;
        background: rgba(255,255,255,1);
        justify-content: space-evenly;
        background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background-image: -webkit-gradient(top, 0 0, 100% 0, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)));
        background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background-image: linear-gradient(top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 1)', endColorstr='rgba(255, 255, 255, 0)', GradientType=1);
        padding: 2rem 0;
        padding-bottom: 10rem;
    }

        .nav div.main_list ul li {
            width: 100%;
            text-align: center;
        }

            .nav div.main_list ul li a {
                text-align: center;
                width: 100%;
                font-size: 1.4rem;
                padding: 0px;
                color: #42ba96;
            }

    .nav div.media_button {
        display: block;
    }
}

.navTrigger {
    cursor: pointer;
    width: 30px;
    height: 25px;
    margin: auto;
    position: absolute;
    right: 30px;
    top: 0;
    bottom: 0;
}

    .navTrigger i {
        background-color: #42ba96;
        border-radius: 2px;
        content: '';
        display: block;
        width: 100%;
        height: 4px;
    }

        .navTrigger i:nth-child(1) {
            -webkit-animation: outT 0.8s backwards;
            animation: outT 0.8s backwards;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

        .navTrigger i:nth-child(2) {
            margin: 5px 0;
            -webkit-animation: outM 0.8s backwards;
            animation: outM 0.8s backwards;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

        .navTrigger i:nth-child(3) {
            -webkit-animation: outBtm 0.8s backwards;
            animation: outBtm 0.8s backwards;
            -webkit-animation-direction: reverse;
            animation-direction: reverse;
        }

    .navTrigger.active i:nth-child(1) {
        -webkit-animation: inT 0.8s forwards;
        animation: inT 0.8s forwards;
    }

    .navTrigger.active i:nth-child(2) {
        -webkit-animation: inM 0.8s forwards;
        animation: inM 0.8s forwards;
    }

    .navTrigger.active i:nth-child(3) {
        -webkit-animation: inBtm 0.8s forwards;
        animation: inBtm 0.8s forwards;
    }

@-webkit-keyframes inM {
    50% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes inM {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes outM {
    50% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
    }
}

@keyframes outM {
    50% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(45deg);
    }
}

@-webkit-keyframes inT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes inT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(9px) rotate(0deg);
    }

    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes outT {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(9px) rotate(135deg);
    }
}

@keyframes outT {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(9px) rotate(0deg);
    }

    100% {
        transform: translateY(9px) rotate(135deg);
    }
}

@-webkit-keyframes inBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes inBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(0deg);
    }

    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}

@-webkit-keyframes outBtm {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
    }

    50% {
        -webkit-transform: translateY(-9px) rotate(0deg);
    }

    100% {
        -webkit-transform: translateY(-9px) rotate(135deg);
    }
}

@keyframes outBtm {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-9px) rotate(0deg);
    }

    100% {
        transform: translateY(-9px) rotate(135deg);
    }
}