@import url('default.css');



/* ESSENCIAIS */

/*_____________________________________________________________________________________________________________________________________________________________*/



/* cores do ecrã de loading */

.loader { background: #E9D2B4; }	/* loader background color */

.loader i.fa-cog { color: #96292D; } /* loader spinner color */



/* cor do botão scroll top */

.scrollup { color: #96292D!important; } /* go top button color */



/* hightlight colors */

::selection, ::-moz-selection { background: auto; color: auto; }



/* placeholder dos formularios */

::-webkit-input-placeholder { color: #000000!important; }

:-moz-placeholder { color: #000000!important; }

::-moz-placeholder { color: #000000!important; }

:-ms-input-placeholder { color: #000000!important; }



/* locker on or off */

#locked { display: none; } 

div.sidebar {  }

body { position: relative; overflow-x: hidden; }



/* ADICIONAR CÓDIGO ABAIXO*/

/*_____________________________________________________________________________________________________________________________________________________________*/

@font-face {

  font-family: 'Cardinal-Regular';

  src: url('../fonts/Cardinal-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Cardinal-Regular.woff') format('woff'), url('../fonts/Cardinal-Regular.ttf')  format('truetype'), url('../fonts/Cardinal-Regular.svg#Cardinal-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

  font-family: 'BreeSerif-Regular';

  src: url('../fonts/BreeSerif-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/BreeSerif-Regular.otf')  format('opentype'),

	     url('../fonts/BreeSerif-Regular.woff') format('woff'), url('../fonts/BreeSerif-Regular.ttf')  format('truetype'), url('../fonts/BreeSerif-Regular.svg#BreeSerif-Regular') format('svg');

  font-weight: normal;

  font-style: normal;

}

@font-face {

    font-family: 'rose_normal';

    src: url('../fonts/rosecaps.eot');

    src: url('../fonts/rosecaps.eot?#iefix') format('embedded-opentype'),

         url('../fonts/rosecaps.woff2') format('woff2'),

         url('../fonts/rosecaps.woff') format('woff'),

         url('../fonts/rosecaps.ttf') format('truetype'),

         url('../fonts/rosecaps.svg#rose_normal') format('svg');

    font-weight: normal;

    font-style: normal;



}



body { background-color: #000000; max-width: 100%; overflow-x: hidden; }

div.sidebar { position: fixed; right: 0; top: 0; z-index: 4; background-image: url(../imgs/flag.png); background-position: center; width: 100px; height: 144px; text-align: center; }

div.sidebar #languageChanger ul li { display: block; cursor: pointer; text-transform: uppercase; }

div.sidebar #languageChanger ul li.activeLanguage { color: #FBB74A; }

div.sidebar i { color: #ffffff; cursor: pointer; }



#languageChanger ul { margin-top: 36px; text-align: center; font-family: 'BreeSerif-Regular'; color: #ffffff; }

div.first div.video-mask { z-index: -1; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-image: url(../imgs/100-90-8-monochrome.png); }



#areaWidgetReserva { position: fixed; top: 0; left: 100%; background-color: rgba(0,0,0,0.8); width: 100%; height: 100vh; z-index: 100; text-align: center; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
.areaWidgetReservaAberta { left: 0%!important; }
#areaWidgetReserva .absolute-center { width: 100%; }
#areaWidgetReserva #closeWidget { position: absolute; top: -40px; right: calc( 50% - 180px ); font-size: 28px; z-index: 1; color: #ffffff; cursor: pointer; }
#areaWidgetReserva .widget { position: relative; width: 360px; max-width: 100%; max-height: calc( 100vh - 100px ); margin: 0 auto; overflow-y: auto; }




div.first { position: relative; background-size: 100%; background-position: center bottom; background-repeat: no-repeat; background-image: url(../imgs/top.png); }

div.first video#bgvid, div#bgmobile { position: fixed; top: 0; }

div.first img.logo { position: absolute; left: 100px; top: -269px; }

div.first img.top-img { position: absolute; bottom: 0; left: 0; width: 100%; }

div.first img.down-arrow { position: absolute; bottom: 5%; width: 116px; right: calc(50% - 58px); }

div.first div.form { width: 100%; max-width: 497px; height: 100%; max-height: 289px; text-align: center; position: absolute; right: 0; bottom: 0; background-image: url(../imgs/form.png); background-size: cover; background-position: center; background-repeat: no-repeat; }
div.first div.form a:hover, div.first div.form a:focus, div.first div.form a:active { text-decoration: none; }
div.first div.form h1 { cursor: pointer; display: inline-block; text-align: center; font-family: 'Cardinal-Regular'; color: #000000;  font-size: 54px; margin-top: 110px; /*font-size: 32px; margin-top: 40px;*/ -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
div.first div.form a:hover h1{ color: #B7302E; }
div.first form#form { padding-left: 86px; padding-right: 96px; }

div.first form#form input { font-family: 'BreeSerif-Regular'; color: #000000; background-color: transparent; box-shadow: none; margin-bottom: 0; }

div.first form#form div.form-group { margin-bottom: 0; }

div.first form#form button { background-color: transparent; color: #000000; font-family: 'BreeSerif-Regular'; text-transform: lowercase; padding: 0; margin-top: 28px; }





div.second { position: relative; z-index: 2; background-image: url(../imgs/first-bg.png); background-size: 100%; background-position: top; background-repeat: no-repeat; height: 802px; }

div.second img.bg { width: 100%; }

div.second div.container-fluid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

div.second div.container { max-width: 1200px; margin: 0 auto; float: none; position: relative; top: 83px; }

div.second h1 { font-family: 'Cardinal-Regular'; text-align: center; color: #000000; font-size: 96px; padding-bottom: 60px; }

div.second h1 strong { font-family: 'rose_normal'; font-weight: 100; }

div.second p { font-size: 22px; font-family: 'BreeSerif-Regular'; color: #000000; text-align: center; }





div.third { position: relative; margin-top: -200px; z-index: 1; background-color: #000000; }

div.third div.bx-caption {

	white-space: pre;  height: auto; text-align: left; font-family: 'Cardinal-Regular';

	color: #ffffff; font-size: 180px; margin-top: 0; top: auto; bottom: 80px; line-height: 90%;

  	padding-left: 40px; background-color: transparent;

}



div.fourth { position: relative; margin-top: -200px; z-index: 2; background-image: url(../imgs/second-bg.png); background-size: 100% auto; background-size: cover; background-position: center; height: 1070px; }

div.fourth img.bg-2 { width: 100%; }

div.fourth div.container-fluid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

div.fourth div.container { max-width: 1200px; margin: 0 auto; float: none; position: relative; top: 352px; }

div.fourth h1 { font-family: 'Cardinal-Regular'; text-align: center; color: #000000; font-size: 96px; padding-bottom: 60px; }

div.fourth h1 strong { font-family: 'rose_normal'; font-weight: 100; }

div.fourth p { font-size: 22px; font-family: 'BreeSerif-Regular'; color: #000000; text-align: center; }





div.fifth { position: relative; margin-top: -200px; z-index: 1; background-color: #000000; }

div.fifth div.bx-caption {

	white-space: pre;  height: auto; text-align: left; font-family: 'Cardinal-Regular';

	color: #ffffff; font-size: 180px; margin-top: 0; top: auto; bottom: 80px; line-height: 90%;

  	padding-left: 40px; background-color: transparent;

}

div.fifth div.bx-controls { display: none; }





div.sixth { position: relative; margin-top: -360px; padding-bottom: 330px; z-index: 2; background-image: url(../imgs/second-bg.png); background-size: 100% auto; background-size: cover; background-position: center; }

div.sixth div.row.first-row { max-width: 1200px; margin: 0 auto; padding-bottom: 100px; }

div.sixth div.row.first-row h1 { font-family: 'Cardinal-Regular'; text-align: center; color: #000000; font-size: 96px; padding-top: 220px; padding-bottom: 60px; }

div.sixth div.row.first-row h1 strong { font-family: 'rose_normal'; font-weight: 100; }

div.sixth div.row.first-row p { font-size: 22px; font-family: 'BreeSerif-Regular'; color: #000000; text-align: center; }





div.sixth img.bg-3 { width: 100%;  }

div.sixth div.container-fluid {  padding-top: 150px; }

div.sixth h2 { font-family: 'Cardinal-Regular'; text-align: center; color: #443415; font-size: 42px; }

div.sixth h3 { font-family: 'Cardinal-Regular'; text-align: center; color: #D18543; font-size: 32px; }



div.sixth p { font-size: 22px; font-family: 'Cardinal-Regular'; color: #000000; text-align: center; }



div.sixth img.hr { width: 100%; margin-bottom: 40px; }

div.sixth div.events p {font-size: 17px; color: #000000; position: relative; margin-bottom: 5px; text-align: left; }

div.sixth div.events p:first-child { display: inline-block; margin-bottom: 0; width: 100%; font-size: 32px; color: #D18543; text-align: center; }



div.sixth img.arrow { float: none; margin: 0 auto; display: block; margin-top: 6px; margin-bottom: 6px; }

div.sixth img.frame { position: absolute; width: 127%; top: -16%; left: -13%; z-index: 2; }

div.sixth div.col-md-4 { position: relative; }

div.sixth div.bx-caption { margin-top: -37px; font-family: 'BreeSerif-Regular'; }





.testemunhos { position: relative; margin-top: -320px; padding-bottom: 50px; background-image: url(../imgs/fundo_testemunhos.jpg); background-size: 100% auto; background-size: cover; background-position: center;  }
.testemunhos h1 { font-family: 'Cardinal-Regular'; text-align: center; color: #FFFFFF; font-size: 96px; padding-top: 100px; padding-bottom: 60px; }
.testemunhos h1 strong { font-family: 'rose_normal'; font-weight: 100; }
.testemunhos p { font-size: 17px; font-family: 'BreeSerif-Regular'; color: #FFFFFF; text-align: center; }
.testemunhos #master-slider-4 { height: 250px; }
.testemunhos #master-slider-4 img { display: none; }
.testemunhos #master-slider-4 .legenda { position: relative; width: 100%; }
.testemunhos #master-slider-4 .legenda p { color: #ffffff; }
.testemunhos #master-slider-4 .legenda p.linha2 { font-family: 'Cardinal-Regular'; font-size: 30px; }



div.seventh { padding-top: 100px; padding-bottom: 38px; position: relative; z-index: 1; background-image: url(../imgs/fourth-bg.jpg); background-position: center; background-size: 100%; background-repeat: no-repeat; min-height: 500px; }

div.seventh h1 { font-family: 'Cardinal-Regular'; text-align: center; color: #ffffff; font-size: 96px; padding-bottom: 60px; }

div.seventh h1 strong { font-family: 'rose_normal'; font-weight: 100; }

div.seventh p { font-size: 18px; font-family: 'BreeSerif-Regular'; color: #ffffff; text-align: left; margin-bottom: 0; }

div.seventh a { color: #ffffff; }

div.seventh div.container { position: relative; z-index: 4; }

div.seventh form.newsletter .form-group { width: 100%; text-align: center; margin: 0; }

div.seventh form.newsletter .form-group input {

  color: #000000; border: none; 

  font-family: 'BreeSerif-Regular';

  font-size: 18px;

  background-image: url(../imgs/second-bg.png);

  background-position: center;

  -webkit-box-shadow: 0px 1px 2px 0px rgba(50, 50, 50, 0.75);

  -moz-box-shadow:    0px 1px 2px 0px rgba(50, 50, 50, 0.75);

  box-shadow:         0px 1px 2px 0px rgba(50, 50, 50, 0.75);



}

div.seventh form.newsletter .form-group input#submit {
  margin-top: -10px;
  margin-bottom: 5px;
  color: #ffffff;

  background-image: url(../imgs/wood.jpg);

}

div.seventh form.newsletter .termosecondicoes { width: auto; display: inline; }
div.seventh form.newsletter p.termosecondicoes { font-size: 14px; }

div.seventh div.col-md-12 { text-align: center; }

div.seventh div.col-md-4.newsletter { min-height: 100px; }

div.seventh div.micro { padding-top: 50px; }



div.seventh i.big { position: relative; margin-top: 6px; font-size: 26px!important; }

div.seventh i.big { position: relative; margin-top: 6px; font-size: 26px!important; margin-right: 10px; }

div.seventh .blog  { margin-top: 35px; margin-bottom: 35px; }
div.seventh .blog h1 { font-size: 45px; margin: 0; padding: 0; }


div.seventh img.award { position: absolute; bottom: 20px; left: 20px; width: 70px; z-index: 10; }
div.seventh img.award1 {  }
div.seventh img.award2 { left: 110px; }



div.second, div.fourth { overflow: hidden; }

div.sixth div.col-md-3.col-md-offset-2 { position: relative; }

img.watermark-1 { position: absolute; height: 80%; top: -1%; left: -8%; }

img.watermark-2 { position: absolute; height: 80%; top: -1%; right: -8%; }



img.watermark-3 { position: absolute; height: 50%; top: 25%; left: -8%; }

img.watermark-4 { position: absolute; height: 60%; top: 20%; right: -8%; }



img.watermark-5 { display: none; position: absolute; height: 200%; top: -24%; right: -18%; }





div.background-bottom { position: fixed; display: none; bottom: 0; width: 100%; height: 400px; background-color: #000000; z-index: -1; }









/* Large Devices, Wide Screens */



@media only screen and (max-width : 1860px) {

  div.second { height: 640px; }

  div.second p, div.fourth p, div.sixth div.row.first-row p { font-size: 17px; }

  div.second h1 { padding-bottom: 20px; }

}

@media only screen and (max-width : 1560px) {

  div.second { height: 540px; }

  div.second p { font-size: 17px; }

  div.second h1 { padding-bottom: 20px; }

  div.second div.container { top: 30px;}

}

@media only screen and (max-width : 1100px) {

  div.first { background-image: none; }

  div.first img.logo { left: 20px; }

  div.first img.down-arrow { display: none; }

  div.second p, div.fourth p { font-size: 16px!important; }

  div.second, div.fourth, div.sixth { height: auto; padding-top: 50px; padding-bottom: 50px; background-image: url(../imgs/natural-paper.png); background-size: auto; background-repeat: repeat; background-color: #E9D2B4;  }

  div.second div.container-fluid, div.fourth div.container-fluid, div.sixth div.container-fluid { position: relative; top: auto; left: auto; height: auto; }

  div.second div.container, div.fourth div.container, div.sixth div.container { top: 0; }

  div.third, div.fourth, div.fifth, div.sixth, div.seventh { margin-top: 0; }

  div.sixth { pointer-events: auto; }

  div.sixth div.row.first-row h1 { padding-top: 0px; padding-bottom: 60px; }

  /*div.sixth div.col-md-4 { display: none; }

*/

  div.sixth img.frame { display: none; }

  div.sixth div.container-fluid { padding-top: 60px; }


  div#master-slider-3 { width: 70%; margin-left: 15%; margin-top: 30px; margin-bottom: 100px; }

  div.sixth img.hr { margin-bottom: 20px; }


.testemunhos { margin-top: -25px;}

  div.seventh { padding-top: 40px; padding-bottom: 40px; background-size: cover; }

  div.seventh p {  text-align: center; }

  div.seventh form.newsletter .form-group input#submit { margin-top: 0px; }

  .bx-caption { display: none;  }

}


/* Small Devices, Tablets */

@media only screen and (max-width : 992px) {
  div.seventh div.col-md-4.newsletter { margin-top: 60px; margin-bottom: 30px; } 
  div.seventh div.newsletter #email,div.seventh div.newsletter #submit { width: 320px; max-width: 100%; margin: 0 auto; }
  div.ajax-form-confirmation div { font-size: 16px; line-height: 16px; }
}




/* Small Devices, Tablets */

@media only screen and (max-width : 768px) {

  div.second h1 { font-size: 60px; }

  div.fourth h1 { font-size: 60px; }

  div.sixth div.row.first-row h1 { font-size: 60px; }

  div.sixth h2 { font-size: 32px; }

  div.sixth h3 { font-size: 24px; }

  div.sixth div.events p:first-child { font-size: 18px; }

  div.seventh h1 { font-size: 60px; }
  .testemunhos h1 { font-size: 60px; }
  div.seventh .blog h1 { font-size: 30px; }

  div#master-slider-3 { width: 100%; margin-left: 0%; margin-top: 30px; margin-bottom: 100px; }

}







/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 480px) {
  #areaWidgetReserva #closeWidget {right: calc( 50% - 130px ); }
  div.first div.form h1 { font-size: 40px; margin-top: 115px;}
    div.second h1 { font-size: 40px; }

    div.fourth h1 { font-size: 40px; }

    div.sixth div.row.first-row h1 { font-size: 40px; }

    div.sixth h2 { font-size: 22px; }

    div.sixth h3 { font-size: 17px; }

    div.sixth div.events p:first-child { font-size: 16px; }

    .testemunhos h1 { font-size: 40px; }
    .testemunhos p { font-size: 14px; }
    .testemunhos #master-slider-4 { height: 300px; }
    .testemunhos #master-slider-4 .legenda p.linha2 { font-size: 22px; }
    div.seventh {text-align: center;}
    div.seventh h1 { font-size: 40px; }

    div.seventh .blog h1 { font-size: 26px; }
    div.ajax-form-confirmation div { font-size: 14px; line-height: 14px; }

    div.seventh img.award { position: relative; bottom: auto; left: auto; display: inline-block; margin: 25px 10px; text-align: center; }
    div.seventh img.award1 {  }
    div.seventh img.award2 { left: auto; }

    div.seventh div.micro { padding-top: 20px; }

}



/* Custom, iPhone Retina */ 

@media only screen and (max-width : 320px) {

    div.second h1 { font-size: 30px; }

    div.fourth h1 { font-size: 30px; }

    div.sixth div.row.first-row h1 { font-size: 30px; }

    div.sixth h2 { font-size: 18px; }

    div.sixth h3 { font-size: 16px; }

    div.sixth div.events p:first-child { font-size: 14px; }

    div.seventh h1 { font-size: 30px; }

}