@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');



body, html {

    margin: 0;

    padding: 0;

    width: 100%;

    color: #565656;

    font-size: 15px;

    height: 100%;

    min-height: 100%;

    background-color: #fff;

}



* {

	font-weight: 400;

	font-family: 'Open Sans', sans-serif;

	box-sizing: border-box; 

}



section {width: 100%;max-width: 1200px;position: relative;margin: 0 auto;}



#preloader {position: fixed;top:0; left:0;right:0; bottom:0;background: #fff;z-index: 100000;}



#loader {width: 32px;height: 32px;position: absolute;left:50%; top:50%;background: url(../images/loader.gif) no-repeat center 0;margin:-16px 0 0 -16px;color: #f69221;}



.wrapper {width: 100%;min-height: 100%;background:url(../images/bg-cover.jpg) no-repeat top center;background-size:100%;background-attachment: fixed;}

.wrapper.fix {padding-top: 900px;}

.wrapper.models {background:#fff;padding-top: 85px;}



.header {position: relative;overflow: hidden;margin-bottom: 160px;transition: 1s;}

.header section .logo {position: relative;margin: 10px auto 0;width: 90%;max-width: 350px;transition: .5s;}

.header section .logo img {width: 100%;}

.header section .logo-line {width: 80%;max-width: 650px;height: 4px;background-color: #fff;margin:0 auto;position: relative;}

.header section .logo-line::before {content: "";position: absolute;border-radius: 10px;height: 5px;width: 5px;background-color: #fff;top: 0;right: 101%;}

.header section .logo-line::after {content: "";position: absolute;border-radius: 10px;height: 5px;width: 5px;background-color: #fff;top: 0;left: 101%;}



.header section .menu {position: relative;width: 100%;text-align: center;margin-top: 70px;transition: .5s;}

.header section .menu a {font-size: 1.2rem;border-radius: 20px;padding: 5px 15px;transition: .3s;color: #fff;text-decoration: none;margin: 0;vertical-align: middle;}

.header section .menu a:hover {background-color: #2e626f;}

.header section h1 {color: #fff;text-align: center;font-size: 2.3em;font-weight: 600;transition: .5s;text-shadow: 2px 2px 6px #000;}



.header .normal {display: none;}



.header .logo-lander {position: relative;width: 90px;float: right;margin: 15px 10px 0 0;display: none;}



.header.fix {position: fixed;top: 0;left: 0;right: 0;margin:0;background-color: #fff;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);z-index: 5;height: 85px;}

.header.fix .logo {position: absolute;top:5px;left:0;max-width: 200px;margin:10px;}

.header.fix .menu {position: absolute;top:0;right:120px;width: 70%;text-align: right;margin: 30px 0;}

.header.fix .menu a {color: #2e626f;}

.header.fix .menu a:hover {background-color: #eee;}

.header.fix .menu a img {width: 25px;}



.header.fix .normal {display: inline-block;}

.header.fix .logo-line, .header.fix h1, .header.fix .intro {display: none;}



.header.fix .logo-lander {display: block;}





/* menu responsivo */



.btn-burger {height: 66px;overflow: hidden;position: fixed;display: none;text-indent: 100%;white-space: nowrap;width: 44px;padding: 0;z-index: 8;transition: all 0.3s;cursor: pointer;top:15px;left: 15px;}

.btn-burger span {background-color: #2e626f;bottom: auto;display: inline-block;height: 4px;left: 50%;position: absolute;right: auto;top: 50%;width: 25px;z-index: 10;transform: translateX(-50%) translateY(-50%);}

.btn-burger span:before, .btn-burger span:after {background-color: #2e626f;content: "";height: 100%;position: absolute;right: 0;top: 0;width: 100%;transform: translateZ(0);backface-visibility: hidden;transition: transform 0.3s;}

.btn-burger span:before {transform: translateY(-8px) rotate(0deg);}

.btn-burger span:after {transform: translateY(8px) rotate(0deg);}

.btn-burger.close-nav span {background-color: rgba(255, 255, 255, 0);}

.btn-burger.close-nav span:before {transform: translateY(0) rotate(45deg);background-color: #fff;}

.btn-burger.close-nav span:after {transform: translateY(0) rotate(-45deg);background-color: #fff;}





.menu-responsive {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background:rgba(0,0,0,0.9);margin: 0;width: 100%;padding: 100px 50px;z-index: 7;display: none;}

.menu-responsive a {display: block;color: #fff;padding: 20px;margin: 20px 0;text-align: center;text-decoration: none;font-size: 1.4rem;}

.menu-responsive a img {width: 35px;}

.menu-responsive.open {display: block;}





/* Estilos descripción */



.head-desc {background-color: transparent;height: 250px;position: relative;}

.cont-desc {background-color: #fff;position: relative;}

.cont-desc section {max-width: 1000px;}

.cont-desc .box-shadow {width:95%;background-color: #edefe9;max-width: 900px;height: 250px;margin: 0 0 50px 10px;position: relative;vertical-align: top;}

.cont-desc .box-info {width: 95%;background-color: #2e626f;color: #fff;font-size: 0;margin: -400px 0 50px auto;position: relative;max-width: 900px;}

.cont-desc .box-info .col-text {display: inline-block;width: calc(100% - 300px);padding: 20px;vertical-align: top;}

.cont-desc .box-info .col-text h1 {font-size: 2.2rem;margin: 0;}

.cont-desc .box-info .col-text h2 {font-size: 1.4rem;margin: 0;}

.cont-desc .box-info .col-text .line {height: 5px;width: 80%;max-width: 150px;background-color: #afac98;}

.cont-desc .box-info .col-text p {font-size: 1rem;}

.cont-desc .box-info .col-img {display: inline-block;width: 300px;}

.cont-desc .box-info .col-img img {width: 100%;}







/* Estilo iconos */



.cont-icons {background-color: #edefe9;text-align: center;overflow: hidden;color: #4d8686;}

.cont-icons h1 {font-size: 2.2rem;display: inline-block;position: relative;margin: 50px 0 0;}

.cont-icons h1::before {content: "";height: 3px;background-color: #4d8686;position: absolute;right: 105%;top: 45%;width: 120px;}

.cont-icons h1::after {content: "";height: 3px;background-color: #4d8686;position: absolute;left: 105%;top: 45%;width: 120px;}

.cont-icons p {font-size: 1.1rem;}



.cont-icons section {margin: 50px auto 0}

.cont-icons .icon-section {display: inline-block;font-size: 0;width: 150px;padding: 15px;vertical-align: top;margin: 10px;}

.cont-icons .icon-section .circle {border-radius: 100px;width: 100%;background-color: #2e626f;overflow: hidden;padding: 25px;}

.cont-icons .icon-section .circle img {width: 100%;}

.cont-icons .icon-section .title {color: #2e626f;font-size: 1rem;margin: 30px 0 0;font-weight: 600;padding: 20px 0 0;position: relative;}

.cont-icons .icon-section .title:after {content: " ";position: absolute;bottom: 100%;left: 50%;margin-left: -10px;border-width: 10px;border-style: solid;border-color: transparent transparent #afac98 transparent;}







/* Estilos modelos */





.cont-models {position: relative;background:url(../images/bg-sections.jpg) no-repeat bottom left;background-size:100%;color: #4d8686;text-align: center;padding: 100px 10px 50px;background-color: #fff;}

.cont-models h1 {font-size: 2.2rem;display: inline-block;position: relative;}

.cont-models h1::before {content: "";height: 3px;background-color: #4d8686;position: absolute;right: 105%;top: 45%;width: 120px;}

.cont-models h1::after {content: "";height: 3px;background-color: #4d8686;position: absolute;left: 105%;top: 45%;width: 120px;}

.cont-models p {font-size: 1.1rem;}



.cont-models .models {position: relative;font-size: 0;margin: 80px 0 0;text-align: center;}

.cont-models .models a {display: inline-block;transition: .3s;width: 250px;margin: 20px;border: 3px solid #afac98;position: relative;overflow: hidden;}

.cont-models .models a .name {position: absolute;bottom: 0;left: 0;right: 0;background:rgba(46,98,111, .85);font-size: 1.6rem;font-weight: 600;padding: 15px;top: auto;color: #fff;text-align: left;transition: .3s;z-index: 3;}

.cont-models .models a .name .line {width: 50%;height: 5px;background-color: #afac98;}

.cont-models .models a .start {position: absolute;top: 0;bottom: 0;left: 0;right: 0;background:rgba(46,98,111, .85);padding: 130px 0;text-align: center;transition: .3s;opacity: 0;z-index: 2;}

.cont-models .models a .start span {padding: 10px;font-size: .8rem;color: #fff;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}

.cont-models .models a:hover .start {opacity: 1;}

.cont-models .models a:hover .name {background:rgba(46,98,111, 0);}



.cont-models .models a img {width: 100%;}





/* estilos por modelo */



.cont-model {position: relative;width: 100%;margin-bottom: 50px;}

.cont-model .top {background-color: #2e626f;}

.cont-model .top .name {color: #fff;display: inline-block;margin: 80px 0 20px;margin-left: 40%;}

.cont-model .top .name h1 {font-size:2.3rem;font-weight: 600;margin: 0;}

.cont-model .top .name h2 {font-size:1.4rem;margin: 0;}

.cont-model .top .name .line {width: 100px;height: 5px;background-color: #afac98;}



.cont-model .model-info {position: relative;overflow: hidden;max-width: 1000px;margin: 0 auto;font-size: 0;margin-top: -100px;}

.cont-model .model-info .photos {display: inline-block;width: 350px;vertical-align: top;}

.cont-model .model-info .photos .fotorama__stage__shaft {border:4px solid #afac98;}

.cont-model .model-info .desc {display: inline-block;width: calc(100% - 350px);padding: 100px 20px 0;}

.cont-model .model-info .desc h1 {font-size: 2rem;color: #afac98;padding: 15px;border-bottom: 2px solid #afac98;margin: 0;}

.cont-model .model-info .desc .col {display: inline-block;width: 50%;padding: 0px 20px;margin: 20px 0;vertical-align: top;}

.cont-model .model-info .desc .col .line {width: 100%;position: relative;color: #2e626f;font-size: 0;}

.cont-model .model-info .desc .col .line img {font-size:20px;vertical-align: top;display: inline-block;}

.cont-model .model-info .desc .col .line p {display: inline-block;width: 70%;font-size: 1rem;margin: 0;padding:6px 15px;}

.cont-model .model-info .desc .col .line span {display: inline-block;font-size: 1rem;}

.cont-model .model-info .desc .col.borde {border-right: 1px solid #2e626f;}



.cont-model .model-info .desc .cont-360 {position: relative;margin: 20px 0;text-align: center;}

.cont-model .model-info .desc .cont-360 a {width: 100px;border-radius: 50%;background-color: #2e626f;transition: .3s;display: inline-block;overflow: hidden;padding: 10px 15px;}

.cont-model .model-info .desc .cont-360 a:hover {background-color: #174854;}

.cont-model .model-info .desc .cont-360 a img {width: 100%;}



.cont-model .menu-models {position: relative;font-size: 0;max-width: 1000px;margin: 0 auto;}

.cont-model .menu-models a {display: inline-block;width: calc(100%/4);text-align: center;padding: 10px 0;font-size: 1.2rem;color: #2e626f;transition: .3s;text-decoration: none;font-weight: 500;}

.cont-model .menu-models a:hover {background-color: #edefe9;;}

.cont-model .menu-models a.active {background-color: #2e626f;color: #fff;}





/* Estilos galeria */



.cont-galeria {position: relative;background:url(../images/bg-sections2.jpg) no-repeat top right;background-size:100%;color: #4d8686;text-align: center;padding: 100px 10px 50px;background-color: #fff;}

.cont-galeria h1 {font-size: 2.2rem;display: inline-block;position: relative;}

.cont-galeria h1::before {content: "";height: 3px;background-color: #4d8686;position: absolute;right: 105%;top: 45%;width: 120px;}

.cont-galeria h1::after {content: "";height: 3px;background-color: #4d8686;position: absolute;left: 105%;top: 45%;width: 120px;}

.cont-galeria .fotorama__wrap {margin: 30px auto;}

.fotorama__dot {width: 10px;height: 10px;background-color: #eee;}

.fotorama__nav__frame.fotorama__active .fotorama__dot {width: 10px;height: 10px;background-color: #4d8686;border-color: #4d8686;}



.cont.galeria .cont-360 {position: relative;margin: 20px 0;text-align: center;}

.cont-galeria .cont-360 a {width: 100px;border-radius: 50%;background-color: #2e626f;transition: .3s;display: inline-block;overflow: hidden;padding: 10px 15px;}

.cont-galeria .cont-360 a:hover {background-color: #174854;}

.cont-galeria .cont-360 a img {width: 100%;}





/* Estilos contacto */



.cont-contact {position: relative;padding: 180px 0 50px;background:url(../images/bg-contact.jpg) no-repeat top center;background-size: 100%;overflow: hidden;background-color: #fff;}

.cont-contact section {font-size: 0;margin-bottom: -100px;background-color: #2e626f;}

.cont-contact .col {display: inline-block;width: 50%;padding: 30px;color: #fff;vertical-align: top;}

.cont-contact .col:nth-child(2) {background-color: #afac98;padding:40px 80px;}

.cont-contact .col h1 {font-size: 2.2rem;margin: 0;}

.cont-contact .col h2 {font-size: 1.4rem;margin: 0;}

.cont-contact .col .line {height: 5px;width: 80%;max-width: 150px;background-color: #afac98;}

.cont-contact .col p {font-size: 1.1rem;margin: 30px 0 0;}

.cont-contact .col iframe {margin-top: 20px;}

.cont-contact .icon {width: 20px;display: inline-block;vertical-align: top;}



.cont-contact form label {font-size: 1rem;color: #fff;padding: 10px 0;}

.cont-contact form .in {font-size:1rem;padding: 10px;color: #333;border:none;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);margin: 5px 0 20px;width: 100%;}

.cont-contact form .in:focus {border:none;box-shadow: 2px 2px 5px rgba(119,214,242, 1);outline: none;}



.cont-contact form .submitBnt {color: #fff;background-color: #2e626f;padding: 15px 25px;display: block;margin: 25px auto 0;border:none;font-size: 1.2rem;cursor: pointer;transition: .3s;}

.cont-contact form .submitBnt:hover {background-color: #1b4955}

.cont-contact .socialmedia {margin-top: 100px;}





/* Estilo croquis */



.cont-contact .cont-croquis {position: relative;margin: 20px 0 0;overflow: hidden;}

.cont-contact .cont-croquis img {width: 100%;}

.cont-contact .cont-croquis .over {position: absolute;top: 0;bottom: 0;left: 0;right: 0;transition: .2s;background: rgba(0,0,0,0.8);color: #fff;padding: 22px;text-align: center;font-size: 1.5rem;opacity: 0;}

.cont-contact .cont-croquis:hover .over {opacity: 1;}







/* estilos redes */



.socialmedia {position: relative;padding: 40px 0;text-align: center;}

.socialmedia a {display: inline-block;margin: 5px;padding: 10px;transition: .3s;border-radius: 50%;}

.socialmedia a:hover {background-color: #eee;}

.socialmedia a img {width: 40px;}

.social_container {position: fixed;top: 55%;right: 0;display: flex;flex-direction: column;gap: 10px;}
.social_container a {width: 80px;height: 60px;border-radius: 10px 0 0 10px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, .3);transition: .3s;text-decoration: none;padding-right: 20px;transform: translateX(20px);display: flex;justify-content: center;align-items: center;}
.social_container a:hover {transform: translateX(0);}
.social_container a svg {width: 35px;}
.social_container a.whats svg {fill: #25D366;}
.social_container a.facebook svg {fill: #0866FF;}
.social_container a.instagram svg {fill: url(#MyGradient);}


.header .socialmedia a:hover {background:rgba(255,255,255,0.1);}





/* Estilos footer */



footer {position: relative;background-color: #edefe9; text-align: center;padding: 10px 0;}

footer img {display: inline-block;width: 150px;vertical-align: top;}

footer p {display: inline-block;color: #2e626f;padding: 25px;margin: 0;}

footer a {color: #2e626f;font-weight: 600;}