@font-face {
    font-family: "Montserrat-b";
    src: url(fonts/Montserrat-Bold.otf) format("truetype");
}

@font-face {
    font-family: "Montserrat-l";
    src: url(fonts/Montserrat-Light.otf) format("truetype");
}
@font-face {
    font-family: "Montserrat-r";
    src: url(fonts/Montserrat-Regular.otf) format("truetype");
}
@font-face {
    font-family: "BodoniModa";
    src: url(fonts/BodoniModa.ttf) format("truetype");
}
@font-face {
    font-family: "BodoniModa-Itali";
    src: url(fonts/BodoniModa-Itali.ttf) format("truetype");
}



[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
iframe{width: 100%;}
html{margin-top: 0 !important;}
body{font-size: 12px;font-family: Montserrat-l;-webkit-font-smoothing: antialiased;position: relative;overflow-x: hidden;height: auto;margin: 0px;}
body *{outline: none}
input{outline: none;}
input:focus::-webkit-input-placeholder{color: transparent;}
input:focus:-moz-placeholder{color: transparent;}
input:focus::-moz-placeholder{color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
input:focus{outline: none}
textarea:focus::-webkit-input-placeholder{color: transparent;}
textarea:focus:-moz-placeholder{color: transparent;}
textarea:focus::-moz-placeholder{color: transparent;}
textarea:focus:-ms-input-placeholder {color: transparent;}
textarea:focus{outline: none}
a,button{color: initial;text-decoration: none;cursor: pointer;}
a:focus{outline: none;color: none;}
a{text-decoration: none!important;outline: none;}
a:hover{text-decoration: none;outline: none;color: inherit;}
h1,h2,h3,h4,h5,h6,p{margin:0px;line-height:normal;}
h1,h2,h3,h4,h5,h6{text-align: center;font-weight: normal;}
button{border: none;outline: none}

button[disabled], html input[type=button][disabled], input[type=reset][disabled], input[type=submit][disabled]{opacity: .5}
.input.ng-invalid.ng-dirty{border: 1px solid #E62117!important}
.input.ng-valid{background: white}

/*Globales*/

.cerrar-menu{position: fixed;width: 100%;height: 100%;left: 100%;top: 0;z-index: 50;background: rgba(0,0,0,0.5);}

.open-menu{display: none}
.open-menu i{color: white;font-size: 70px;}

.max-widht,
.max-widht1,
.max-widht2,
.max-widht3,
.max-widht4,
.max-widht5,
.max-widht6{padding: 0;margin: 0 auto}

.max-widht{max-width: 1200px!important;width: 90%}
.max-widht1{max-width: 1100px!important;width: 90%}
.max-widht2{max-width: 900px!important;width: 90%}
.max-widht3{max-width: 700px!important;width: 90%}
.max-widht4{max-width: 600px!important;width: 90%}
.max-widht5{max-width: 500px!important;width: 90%}
.max-widht6{max-width: 400px!important;width: 90%}

.header{background: #333333;width: 100%;padding: 20px 0;display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;}
.header .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.header .cont .menu{margin-right: 20px;color: white;font-size: 80px;}
.header .cont .links{display: flex;flex-direction: row;justify-content: space-between;align-items: center;max-width: 1000px;width: 90%}
.header .cont .links .link{padding-bottom: 5px;border-bottom: 2px transparent;margin: 0 10px;border-bottom: 2px solid transparent;transition: all ease-in-out .5s}
.header .cont .links .link:hover{border-bottom: 2px solid white}
.header .cont .links .link span{color: white;text-align: center;font-size: 18px;text-transform: uppercase;font-family: Montserrat-b}
.header .cont .links .link.contacto{padding: 10px 20px;border-radius: 20px;background: linear-gradient(to right, #014ABD 0%, #4068FE 80%);transition: all ease-in-out .5s;box-sizing: border-box;}
.header .cont .links .link.contacto:hover{background: transparent;border: 1px solid white}

.header .logo1{width: 100px;display: none}
.header .logo1 img{width: 100%}

.idiomas{width: 50px;margin-left: 10px;display: flex;flex-direction: row;justify-content: center;}
.idiomas img{width: 100%}

.chat{position: fixed;bottom: 50px;right: 0;background: white;padding: 15px 20px;border-radius: 50px 0 0 50px;z-index: 1000;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.chat i{color: #00A656;font-size: 20px;margin-right: 15px;}
.chat p{color: #00A656;font-size: 20px;text-transform: uppercase;font-family: Montserrat-b}

.banner{width: 100%;height: 130vh;background: url('../img/sena.jpg');background-position: center;background-size: cover;display: flex;flex-direction: row;justify-content: center;align-items: flex-start;max-height: 800px}
.banner .cont{margin-top: 70px;width: 90%;max-width: 1200px;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;position: relative;}
.banner .cont h1{font-family: Montserrat-b;color: white;font-size: 70px;text-align: center;margin-bottom: 10px;letter-spacing: 5px;margin-top: 180px}
.banner .cont h2{font-family: BodoniModa;color: white;font-size: 60px;text-align: center;text-transform: uppercase;}
.banner .cont a.btn{padding: 20px 40px;border-radius: 20px;  background: linear-gradient(to right, #014ABD 0%, #4068FE 80%);margin-top: 15px;border: 1px solid transparent;transition: all ease-in-out .5s;}
.banner .cont a.btn span{color: white;font-size: 25px;font-family: Montserrat-b}
.banner .cont .logo1, .banner .cont .logo2{position: absolute;top: 0;width: 150px;z-index: 10}
.banner .cont a.btn:hover{background: transparent;border: 1px solid white}
.banner .cont .logo1{left: 0}
.banner .cont .logo2{right: 0}

.banner.about-page{height: 100vh;background: url('../img/1.jpg');;max-height: 700px}
.banner.about-page .cont{margin-top: 50px}

.banner.contact-page{background: url('../img/CONTACT.jpg');background-position: center;background-size: cover;height: 100vh;max-height: 700px}
.banner.about-page .cont{margin-top: 50px}

.worth{background: #0F1F39;padding: 50px 0;height: 500px;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;align-content: flex-end;position: relative;}
.worth .cont{width: 100%;max-width: 1200px;}
.worth .cont h2{font-family: BodoniModa-Itali;color: white;text-align: center;text-transform: uppercase;font-size: 50px;font-style: italic;}
.worth .cont p{color: white;text-align: center;text-transform: uppercase;font-size: 25px}
.worth img{position: absolute;left: 0;right: 0;top: -35%;z-index: 1000;width: 90%;max-width: 1100px;margin: 0 auto}

.renowned{padding: 50px 0;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;background: #0F1F39}
.renowned .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center;}
.renowned .cont img{display: flex;flex: 1;margin-right: 50px;width: 60%}
.renowned .cont .info{width: 500px;justify-content: flex-start;display: flex;flex-direction: column;align-items: flex-start;align-content: flex-start;}
.renowned .cont .info h3{color: white;text-align: left;;font-size: 28px;margin-bottom: 20px;text-transform: uppercase;font-family: Montserrat-b}
.renowned .cont .info h3 span{font-family: BodoniModa-Itali;font-style: italic;font-size: 35px}
.renowned .cont .info p{color: white;text-align: left;;font-size:  20px;text-transform: uppercase;font-family: Montserrat-b;letter-spacing: 2px;line-height: 35px}

.about{height: 100vh;background: url('../img/jardin.jpg');background-position: center;background-size: cover;display: flex;flex-direction: row;justify-content: center;align-items: flex-end;padding-bottom: 20px;box-sizing: border-box;background-attachment: fixed;;max-height: 700px}
.about .cont{width: 90%;max-width: 1200px}
.about .box{background: linear-gradient(to right, #014ABD 0%, #4068FE 80%);padding: 40px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;max-width: 345px;width: 90%;border: 1px solid transparent;transition: all ease-in-out .5s;}
.about .box h2{color: white;font-size: 30px;text-transform: uppercase;text-align: left;font-family: Montserrat-b;}
.about .box h3{color: white;font-size: 22px;text-align: left;font-family: BodoniModa-Itali;padding-bottom: 5px;padding-right: 20px;border-bottom: 2px white solid;font-style: italic;margin-bottom: 15px;}
.about .box p{color: white;font-size: 18px;text-transform: uppercase;text-align: left;font-family: Montserrat-b;line-height: 35px}
.about .box a{color: white;font-size: 18px;text-transform: uppercase;text-align: left;font-family: Montserrat-b;line-height: 35px;margin-top: 10px}

.about.about-page .box h2{padding-bottom: 5px;padding-right: 20px;border-bottom: 2px white solid;font-style: italic;margin-bottom: 15px;}
.about.about-page{}

.galeria{background: #0F1F39;display: flex;flex-direction: row;justify-content: center;padding: 30px 0;position: relative;}
.galeria .slide{width: 100%;display: flex;}
.galeria .slide .item{width: 100%;display: flex;flex-direction: row;justify-content: center;align-items: center;overflow: hidden;}
.galeria .slide .item img{object-fit: cover;width: auto;max-height: 700px}

.galeria .cont{width: 90%;max-width: 1000px;position: relative;}

.arrows{position: absolute;top: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;background: rgba(255,255,255,0.8);z-index: 100;padding: 10px}
.arrows i{color: #064EC6;font-size: 60px }
.arrows.izq{left: 0}
.arrows.der{right: 0}

.renowned.witness{background: #04122D}
.renowned.witness, .renowned.witness .cont{justify-content: flex-end;}
.renowned.witness  .cont  img{margin: 0;margin-left: 50px}
.renowned.witness  .cont .info{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;}
.renowned  .cont a{padding: 20px 40px;border-radius: 20px;  background: linear-gradient(to right, #014ABD 0%, #4068FE 80%);margin-top: 15px;display: flex;;border: 1px solid transparent;transition: all ease-in-out .5s;}
.renowned  .cont a span{color: white;font-size: 25px;font-family: Montserrat-b}

.renowned  .cont a:hover{background: transparent;border: 1px solid white}

.video{height: 100vh;background: #04122D;background-size: cover;background-position: center;padding: 40px 0;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;align-content: flex-end;justify-content: flex-end;;max-height: 700px;position: relative;}
.video .cont{width: 90%;max-width: 1200px;position: relative;z-index: 10000;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: flex-end;align-content: flex-end;}
.video .cont p{font-family: BodoniModa-Itali;font-style: italic;font-size: 40px;text-transform: uppercase;color: white;width: 100%;text-align: center;}

.video video{width: 100%;height: 100%;position: absolute;left: 0;top: 0}

.ceo{background: #04122D;padding: 80px 0;;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.ceo .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
.ceo .cont .box{padding: 30px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;width: 90%;max-width: 550px;background: linear-gradient(to right, #014ABD 0%, #4068FE 80%);;border: 1px solid transparent;transition: all ease-in-out .5s;}
.ceo .cont .box .info{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;max-width: 376px}
.ceo .cont .box h2{color: white;font-size: 35px;font-family: Montserrat-r;padding-bottom: 5px;border-bottom: 2px solid white;text-align: left;text-transform: uppercase;}
.ceo .cont .box h3{color: white;font-size: 38px;margin-bottom: 15px;font-family: BodoniModa-Itali;font-style: italic;text-align: left;text-transform: uppercase;}
.ceo .cont .box p{color: white;font-size: 17px;margin-bottom: 15px;font-family: Montserrat-b;text-align: left;text-transform: uppercase;line-height: 35px}
.ceo .cont .box a{color: white;font-size: 17px;;font-family: Montserrat-b;text-align: left;text-transform: uppercase;}
.ceo .cont img{width: 500px;position: relative;z-index: 1000;margin-left: -50px;margin-top: 50px}

.enjoy{background: url("../img/museo.jpg");background-size: cover;background-position: center;height: 100vh;padding-top: 50px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;align-content: flex-start;box-sizing: border-box;;max-height: 700px}
.enjoy h2{color: white;font-size: 45px;text-align: center;width: 90%;font-family:BodoniModa-Itali ;font-style: italic;margin-bottom: 10px}
.enjoy p{color: white;font-size: 25px;text-align: center;width: 90%;font-family:Montserrat-b }

.enjoy.about-page{background: url('../img/756715-visuel-paris-tour-eiffel-champs-de-mars.jpg');background-size: cover;background-position: center;}

.special{padding: 60px 0;background: #0F1F39;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.special h3{color: white;font-size: 40px;font-family: BodoniModa-Itali;margin-bottom: 15px;text-align: center;}
.special p{color: white;font-size: 25px;font-family: Montserrat-b;text-align: center;}

.specialiced{background: #04122D;padding: 50px 0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.specialiced h3{color: white;font-family: BodoniModa-Itali;font-size: 45px;text-align: center;margin-bottom: 50px;}
.specialiced form{width: 90%;max-width: 1100px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.specialiced form .info{width: 45%;background: linear-gradient(to right, #014ABD 0%, #4068FE 80%);padding: 50px 0;text-align: center;align-items: center;align-content: center;justify-content: center;display: flex;flex-direction: column;box-sizing: border-box;}
.specialiced form .info .cont{width: 90%;max-width: 400px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
.specialiced form .info h3{text-align: left;color: white;width: 90%;font-size: 30px;margin-bottom: 10px}
.specialiced form .info h4{text-align: left;color: white;width: 90%;font-size: 18px; font-family:Montserrat-b;margin-bottom: 10px}
.specialiced form .info .line{width: 150px;background: white;padding: 2px 0;margin-bottom: 20px}
.specialiced form .info p{text-align: left;color: white;width: 90%;font-size: 16px; font-family:Montserrat-b;margin-bottom: 10px;text-transform: uppercase;}
.specialiced form .inputs{width: 55%;background: white;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 40px 0}
.specialiced form .inputs .cont{width: 90%;max-width: 400px;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;}
.specialiced form .inputs h3{font-size: 40px;color: #07162F;;margin-bottom: 40px;text-align:left;text-transform: uppercase;}
.specialiced form .inputs label{font-family:Montserrat-b;color: #07162F;margin-bottom: 5px;font-size: 18px}
.specialiced form .inputs input{font-family:Montserrat-b;color: #07162F;border: 0;background: transparent;padding-bottom: 5px;border-bottom: 2px solid #878787;margin-bottom: 20px;width: 100%}
.specialiced form .inputs button{font-family:Montserrat-b}

.specialiced form .inputs button{padding: 20px 40px;border-radius: 20px;  background: linear-gradient(to right, #014ABD 0%, #4068FE 80%);margin-top: 15px;display: flex;;border: 1px solid transparent;transition: all ease-in-out .5s;}
.specialiced form .inputs button span{color: white;font-size: 25px;font-family: Montserrat-b}

.specialiced form .inputs button:hover{background: #04122D;border: 1px solid #04122D}

.separador{margin: 15px}

.delivered{height: 300px;background: #04122D;position: relative;}
.delivered .cont{background: linear-gradient(to right, #014ABD 0%, #4068FE 80%);display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;padding: 50px 80px;position: absolute;left: 0;right: 0;margin: 0 auto;bottom: -40px;z-index: 1000;box-sizing: border-box;max-width: 650px}
.delivered .cont h3{font-family: BodoniModa-Itali;font-size: 50px;text-align: center;margin-bottom: 10px;color: white}
.delivered .cont p{font-family:Montserrat-b;font-size: 30px;text-align: center;color: white;text-transform: uppercase;max-width: 500px}

.delivered .line{width: 200px;height: 4px;background: white;margin-top: 15px}

.enjoy.about-page{padding-top: 100px}

.footer{background: #0F1F39;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 30px 0;padding-bottom: 80px}
.footer .cont{width: 90%;max-width: 1200px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.footer .cont .box{display: flex;flex-direction: row;justify-content: flex-start;align-items: flex-start;width: 60%}
.footer .cont .box img{width: 150px;margin-right: 50px;}
.footer .cont .box h3{color: white;font-family:Montserrat-b ;text-transform: uppercase;font-size: 30px;text-align: left;}
.footer .cont .box h3 span{font-family: BodoniModa-Itali;font-size: 28px;font-style: italic;}
.footer .cont .links{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;align-content: flex-start;width: 40%}
.footer .cont .links a{margin-bottom: 10px;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.footer .cont .links span{color: white;font-size: 18px;text-align: left;}
.footer .cont .links i{margin-right: 10px;color: white;font-size: 24px}

.footer .cont .links a.button{padding: 20px 60px;border-radius: 20px;  background: linear-gradient(to right, #014ABD 0%, #4068FE 80%);margin-top: 15px;display: flex;margin-bottom: 30px;transition: all ease-in-out .5s;}
.footer .cont .links a.button span{color: white;font-size: 25px;font-family: Montserrat-b}

.footer .cont .links a.button:hover{background: transparent;border: 1px solid white}


.title-men{position: fixed;background: rgba(0,0,0,0.7);display: flex;flex-direction: column;justify-content: center;align-items: center;align-content: center;top: 0;left: 0;opacity: 1;z-index: 10000000000000000000000;width: 100%;height: 100%}
.title-men h1{color: white;font-family: BodoniModa-Itali;margin-bottom: 20px;text-align: center;font-size: 40px}
.title-men img{width: 90%;max-width: 300px;margin-bottom: 20px}
.title-men a{width: 90%;max-width: 371px}
.title-men i{margin-bottom: 15px;font-size: 30px;color: #FF0000}

@media(min-width: 1400px){
	.renowned, .renowned.witness{justify-content: center;}
}

@media(max-width: 900px){
    .header .cont{height: 100%}
    .header .cont .links{position: fixed;left: -100%;top: 0;z-index: 1000;flex-direction: column;height: 100vh;background: #5A5A5A;width: 50%;justify-content: start;align-items: center;}
    .header .cont .links .link{margin: 15px 0;}
    .header .logo1{display: flex;width: 70px}
    .open-menu{display: flex;}
    .banner .cont .logo1{display: none}

    .worth{height: 350px}

    .renowned {padding-top: 20px}
    .renowned , .renowned .cont{flex-direction: column;justify-content: center;align-items: center;align-content: center;}
    .renowned .cont img{margin: 0;width: 100%;}
    .renowned .cont .info{width: 100%;margin: 20px 0}
    .about{justify-content: center;align-items: center;align-items: center;background-attachment: inherit}
    .about .cont{display: flex;flex-direction: row;justify-content: center;align-items: center;align-content: center;}

    .renowned.witness .cont .info{justify-content: center;align-items: center;align-items: center;}
    .renowned .cont .info p{text-align: center;}
    .renowned.witness .cont img{margin: 0}
    .video .cont{height: 80%}
    .video, .renowned .cont .info{justify-content: center;align-items: center;align-content: center;}
    .renowned .cont .info h3{text-align: center;}
    .renowned .cont .info h3 br{display: none;text-align: center;}
    .renowned .cont .info h3 br.no-diaply{display: flex!important}
    .ceo .cont{flex-direction: column;justify-content: center;align-items: center;align-content: center;}
    .ceo .cont .box{width: 100%;margin: 0;margin-bottom: 20px}
    .ceo .cont img{width: 100%;margin: 0}
    .footer .cont, .footer .cont .box, .footer .cont .links{flex-direction: column;justify-content: center;align-items: center;align-content: center;}
    .footer .cont .box img{margin: 0}
    .footer .cont .box h3{margin-top: 10px;text-align:center;margin-bottom: 20px}
    .footer .cont .links span{text-align: center;}

    .specialiced form{flex-direction: column;}
    .specialiced form .info, .specialiced form .inputs{width: 100%}
}

@media(max-width: 720px){
    .banner .cont h1{font-size: 50px}
    .worth .cont h2{font-size: 30px}
    .worth{padding: 20px;}
    .renowned .cont .info h3,
    .renowned .cont .info h3 span{font-size:30px;}
    .video .cont p, .enjoy h2{font-size: 30px}
    .video{padding: 0}
    .banner .cont h2{font-size: 30px}
    .galeria .slide .item img{width: 100%}
    .arrows i{font-size: 30px}
    .banner{height: 100vh}
    .banner .cont .logo1, .banner .cont .logo2{width: 100px}
    .banner .cont .logo1 img,  .banner .cont .logo2 img{width: 100px}
    .worth{height: 230px}
    .worth .cont h2{font-size: 25px}
    .worth .cont p{font-size: 20px}
    .video .cont{height: 100%}
    .video {height: 80vh}
    .footer .cont .links{width: 90%;}

}

.video-mov{padding: 20px 0;display: flex;flex-direction: column;background: #04122D;display: none;}

@media(max-width: 510px){
    .renowned .cont .info p{font-size: 16px}
    .video {height: inherit;display: none}
    #video{width: 100%}
    .ceo .cont .box{padding: 20px 15px}
    .enjoy{height: 70vh}
    .chat p{font-size: 15px}
    .footer .cont .links a{width: 90%;margin: 10px auto}
    .footer .cont .links a.button{padding: 20px 0}
    .banner{height: 80vh}

    .video-mov{padding: 20px 0;display: flex;flex-direction: column;background: #04122D;display: flex;flex-direction: column;background: #04122D}
    .video-mov p{font-family: BodoniModa-Itali;font-style: italic;font-size: 20px;margin-bottom: 20px;text-transform: uppercase;color: white;width: 100%;text-align: center;}
    .header{padding: 10px 0}
    .specialiced form .info p{font-size: 14px}
    .header .cont .links .link{width: 90%;text-align: center;margin-bottom: 15px}
    .header .cont .links .link span{font-size: 14px}
}