html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin : 0;padding : 0;border : 0;font-size : 100%;vertical-align : baseline}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display : block}

body{line-height : 1}

ol, ul{list-style : none}

blockquote, q{quotes : none}

blockquote:before, blockquote:after, q:before, q:after{content : '';content : none}

table{border-collapse : collapse;border-spacing : 0}

@font-face{
  font-family : 'FontAwesome';
  src         : url(../font/FontAwesome.eot);
  src         : url(../font/FontAwesome.eot?#iefix) format("embedded-opentype"), url(../font/FontAwesome.woff2) format("woff2"), url(../font/FontAwesome.woff) format("woff"), url(../font/FontAwesome.ttf) format("truetype");
  font-weight : 400;
  font-style  : normal
}

@font-face{
  font-family : 'Optima Tr Normal';
  src         : url(../font/OptimaTr-Normal.eot);
  src         : url(../font/OptimaTr-Normal.eot?#iefix) format("embedded-opentype"), url(../font/OptimaTr-Normal.woff2) format("woff2"), url(../font/OptimaTr-Normal.woff) format("woff"), url(../font/OptimaTr-Normal.ttf) format("truetype");
  font-weight : 400;
  font-style  : normal
}

@font-face{
  font-family : 'San Francisco Display Regular';
  src         : url(../font/SanFranciscoDisplay-Regular.eot);
  src         : url(../font/SanFranciscoDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(../font/SanFranciscoDisplay-Regular.woff2) format("woff2"), url(../font/SanFranciscoDisplay-Regular.woff) format("woff"), url(../font/SanFranciscoDisplay-Regular.ttf) format("truetype");
  font-weight : 200;
  font-style  : normal
}

@font-face{
  src         : url(../font/SanFranciscoDisplay-Light.eot);
  src         : url(../font/SanFranciscoDisplay-Light.eot?#iefix) format("embedded-opentype"), url(../font/SanFranciscoDisplay-Light.woff2) format("woff2"), url(../font/SanFranciscoDisplay-Light.woff) format("woff"), url(../font/SanFranciscoDisplay-Light.ttf) format("truetype");
  font-weight : 200;
  font-style  : normal
}

@font-face{
  font-family : 'Watercoral';
  src         : url(../font/Watercoral.eot);
  src         : url(../font/Watercoral.eot?#iefix) format("embedded-opentype"), url(../font/Watercoral.woff2) format("woff2"), url(../font/Watercoral.woff) format("woff"), url(../font/Watercoral.ttf) format("truetype");
  font-weight : 400;
  font-style  : normal
}

*{
  font-family : 'Marcellus', serif;
}
.center{
  text-align: center;
}
.gallery img{
  width: 100%;
  padding: 10px 0;
}

.mobile_menu_open, .mobile_menu{display : none}

.slider-container{position : relative;overflow : hidden;width : 100%;margin : 0 auto;-webkit-user-select : none;-moz-user-select : none;-ms-user-select : none;user-select : none}

.slider{position : relative;width : 9999px}

.slider:before, .slider:after{display : table;content : ' '}

.slider:after{clear : both}

.slider__item{position : relative;float : left;margin : 0;padding : 0;height : 100%}

.slider__item img{display : block; width : 100%;height : auto}

.slider__switch span{display : block;width : 32px;height : 32px}

.slider__switch{position : absolute;top : 50%;margin-top : -20px;padding : 10px 5px;cursor : pointer;-webkit-user-select : none;-moz-user-select : none;-ms-user-select : none;-o-user-select : none;user-select : none;transition : opacity .15s ease;fill : #fff}

.slider__switch--prev{left : 30px}

.slider__switch--next{right : 40px}

.slider__switch:hover{opacity : .85}

.slider__switch[disabled]{visibility : hidden;opacity : 0}

.slider__caption{position : absolute;top : 220px;left : 50%;display : block; margin-left : -400px; color : #FFF; font-size : 110px; font-family: 'Italianno', cursive;}
.sld_text{
  position : absolute;
  width: 500px;
  top : 220px;
  left : 0;
  right: 0;
  display : block;
  margin : auto;
  color : #FFF;
  font-size : 140px;
  font-family: 'Italianno',  cursive;
}
.sld_text span{
  font-size: 40px;
  display: block;

}

.slider__caption_2{position : absolute;top : 360px;left : 55%;display : block;max-width : 900px; margin-left : -450px;color : #fff; color : #FFF; font-size : 22px; text-align : center; line-height : 30px}

.slider__caption[disabled]{opacity : 0;visibility : hidden}

.slider-nav{line-height : 30px;position : absolute;bottom : 80px;left : 0;width : 100%;height : 30px;margin : 0;padding : 0;text-align : center;z-index : 99999;filter : alpha(opacity=90)}

.slider-nav__control{display : inline-block;width : 12px;height : 12px;margin : 0 3px;-webkit-transition : background .5s ease;-moz-transition : background .5s ease;-o-transition : background .5s ease;transition : background .5s ease;border : 2px solid #fff;border-radius : 50%;background : transparent}

.slider-nav__control.is-active{width : 12px;height : 12px;background : #fff}

.slider.has-touch{cursor : move;cursor : -webkit-grabbing;cursor : -moz-grabbing}

.header{height : 100%; width : 100%}

.logo_index{
  position: absolute;
  z-index: 999;
  top: 50px;
  left: 0;
  right: 0;
  margin: auto;
  width: 190px;
}

.logo_index img{
  max-width: 190px;
  max-height: 60px;
}

.nav_index{
  position: absolute;
  z-index: 999;
  top: 120px;
  left: 0;
  right: 0;
  text-align: center;
}

.nav_index a{font-family : 'Optima Tr Normal'; color : #FFF; font-size : 20px; text-decoration : none; margin : 0 20px 0 0}

.nav_index a:last-child{margin-right : 0}

header{background : url(../img/header_logo.png) center no-repeat; background-size : cover; margin : auto; text-align : center; height : 520px}

.logo{margin-top : 180px; margin-bottom : 40px}

nav a{font-family : 'Optima Tr Normal'; color : #FFF; font-size : 20px; text-decoration : none; margin : 0 20px 0 0}

nav a:last-child{margin-right : 0}

.biography{width : 100%; clear : both; background : #333333; padding-top : 50px; padding-bottom : 50px; color : #FFF; font-size : 20px; text-align : center; line-height : 30px}

.biography div{max-width : 900px; margin : auto}

.content{width : 100%; clear : both; overflow : hidden; margin : 20px 0 0 0}

.content_in{max-width : 890px; margin : auto}

.content:nth-of-type(odd){background : #FFFFFF}

.content:nth-of-type(even){background : #EAECEE}

.content_top{padding : 40px 0 40px 0; overflow : hidden}

.cont_t_name{color : #85929E; font-size : 60px; float : left; width : 60%; text-align : center}

.cont_t_city{
  color : #85929E;
  font-size: 40px;
  width: 70%;
}

.content_top p{ color : #85929E; font-size : 18px; float : right; width : 40%; margin : 10px 0 20px 0}
.mn_p1{
  float: left !important;
}

.gallery div{margin-bottom : 10px; overflow : hidden; float : left}

.gallery div a img{width : 100%; height : 100%; display : block}

.gallery div:nth-of-type(odd) a:nth-of-type(1){max-width : 586px; max-height : 778px; float : left; margin-right : 10px}

.gallery div:nth-of-type(odd) a:nth-of-type(2), .gallery div:nth-of-type(odd) a:nth-of-type(3){float : left; max-width : 288px; max-height : 385px; overflow : hidden; margin-bottom : 10px}

.gallery div:nth-of-type(even) a:nth-of-type(1){max-width : 586px; max-height : 778px; float : right; margin-right : 5px}

.gallery div:nth-of-type(even) a:nth-of-type(2), .gallery div:nth-of-type(even) a:nth-of-type(3){float : left; max-width : 288px; max-height : 385px; overflow : hidden; margin-bottom : 10px}

.gallery div:nth-of-type(even) a:nth-of-type(3), .gallery div:nth-of-type(odd) a:nth-of-type(3){margin-bottom : 0 !important}

.content:nth-of-type(even) .cont_t_name{float : right}

.content:nth-of-type(even) .cont_t_city{text-align : right;float: right;}

.content:nth-of-type(even) .content_top p{text-align : right}

.content:nth-of-type(even) .content_top a{float : right}

.content:nth-of-type(odd) .cont_t_name{
  float: none;
  margin: auto;
}

.content:nth-of-type(odd) .cont_t_city{text-align : left}

.content:nth-of-type(odd) .content_top p{text-align : left}

.content:nth-of-type(odd) .content_top a{float : left}

.content:nth-of-type(even) .gallery div a:nth-of-type(1){float : right}

.page_up{background : url(../img/up.png) center no-repeat; display : block; margin : auto; clear : both; display : block; color : #85929E; font-size : 18px; text-decoration : none; text-align : center; padding : 70px 0 20px 0}

.team{max-width : 810px; margin : auto; margin-top : 40px; margin-bottom : 40px; overflow : hidden}

.team div{width : 49%; text-align : center; margin-bottom : 10px; overflow : hidden;float : left; margin-right : 2%}

.team div img{height : 100%; width : 100%; float : left}

.team div span{ color : #85929E; font-size : 18px; clear : both; margin-top : 20px; margin-bottom : 10px; display : inline-block}

.team div p{font-family : 'Watercoral'; color : #85929E; font-size : 5.5vw; clear : both; padding : 30px 0 30px 0}

.team div:nth-of-type(even){margin-right : 0}

.contact{max-width : 810px; margin : auto; margin-top : 40px; margin-bottom : 40px; overflow : hidden}

.contact_left span{color : #85929E; font-size : 40px; padding-bottom : 20px; padding-top : 20px; display : inline-block}

.contact_left p{ color : #85929E; font-size : 18px; padding: 10px 0;}
.contact_left a{color : #85929E; text-decoration: none;}

.directions{padding : 15px; background : #CCC; color : #000; margin : 10px 0 0 0; float : left; clear : both; text-decoration : none}

.contact_right{ color : #85929E; font-size : 16px}

.contact_right h4{margin-bottom : 20px}

.contact_right form p{margin-top : 20px; margin-bottom : 10px}

.contact_right form input{outline : none; border : 1px #E3E3E3 solid; padding : 2%; width : 95%}

.contact_right form textarea{outline : none; border : 1px #E3E3E3 solid; padding : 2%; width : 95%; height : 150px; margin-bottom : 10px}

.contact_right form button{-webkit-border-radius : 6px;-moz-border-radius : 6px;border-radius : 6px; color : #FFFFFF; font-size : 14px; outline : none; padding : 20px 60px; background : #85929E; border : none}

.contact_right form button:hover{cursor : pointer}

.contact div{width : 49%; margin-bottom : 10px; overflow : hidden;float : left; margin-right : 2%}

.contact div:nth-of-type(even){margin-right : 0}

footer{width : 100%; background : #EAECEE; min-height : 86px; overflow : hidden}

.footer_in{width : 90%; margin : auto; overflow : hidden}

.footer_in p{ color : #85929E; font-size : 18px; float : left; margin : 28px 0 0 0}

.footer_in div{float : right}

.footer_in div a{float : right; display : block; width : 22px; height : 24px; margin : 22px 0 0 10px}

.social_1{background : url(../img/social.png) 0 0 no-repeat}

.social_2{background : url(../img/social.png) -42px 0 no-repeat}

.social_3{background : url(../img/facebook.svg) no-repeat;    background-size: 100%;}
.social_3_1{background : url(../img/instagram.svg) no-repeat;    background-size: 100%;}

.social_4{background : url(../img/social.png) -117px 0 no-repeat}

.social_5{background : url(../img/social.png) -150px 0 no-repeat}

.social_6{background : url(../img/social.png) -181px 0 no-repeat}

.macart{float : right; clear : both; margin-top : 14px; display : block}

.reservasion_btn{
  position: fixed;
  background: #ffffff;
  padding: 15px;
  border-radius: 32px;
  display: flex;
  right: 15px;
  bottom: 15px
}
.reservasion_icon{
  width: 40px;
  text-align: center;
  padding: 2px 5px;
  border-right: solid 1px #333;
}
.reservasion_text{
  padding: 0 5px;
  color: #333333;
  font-weight: 600;
  letter-spacing: 1px;
}