/*-----------------------------------------------------------------------
LAYOUT - Grupo CH

Version:    1.0 - 2017
author:     Monstros e Companhia
email:      barbara@monstrosecompanhia.com | silvia@monstrosecompanhia.com
website:    http://www.monstrosecompanhia.com
----------------------------------------------------------------------

----------------------------------------------------------------------*/

/**

**/
*{box-shadow:none !important;}
.modal-content{border-radius: 0px !important;}

body { overflow-x: hidden;color:#193d60;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
a, a:hover, a:focus, a:active{color:#193d60; text-decoration: none;}
.clear { clear: both; }
.displayNone{display: none;}
/***** GERAIS *****/
div{box-sizing: border-box;}
ul, li{margin:0px; padding: 0px;}

hr{    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #194269;
    margin: 1em 0;
    padding: 0; }

.uppercase{text-transform: uppercase;}
.noTextTransform{text-transform: none;}

.textAlign-center{text-align: center;}


.gap25{width:100%;height: 25px;padding: 0px;position: relative;float: left;}
.gap50{width:100%;height: 50px;}
.gap100{width:100%;height:100px;}
.gap150{width:100%;height: 150px;}

.padding5{padding: 5px;}
.padding10{padding: 10px;}
.padding50{padding: 50px 0px;}
.noPadding{padding: 0px;}
.noPaddingTop{padding-top: 0 !important;}
.noPaddingBottom{padding-bottom: 0 !important;}
.noPaddingRight{padding-right: 0 !important;}
.noPaddingLeft{padding-left: 0 !important;}

.marginBottom{width:auto;margin-bottom: 50px;}

.uppercase{text-transform: uppercase;}

/* **** COLORS ************************************************************** */
.colorBlue{color:#193d60;}
.colorGreen{color:#55a746;}
.colorGrey{color:#c1c0c0;}
.colorWhite{color:#FFF;}

.colorFreshGreen{color:#8faf38;} /* Barcos Casa */
.colorFreshBlue{color:#5dbae1;} /* Cruzeiros Fluviais */
.colorLightBlue{color:#3b8aff;} /* Casas Flutuantes */
.colorWaterBlue{color:#8bc6c4;} /* Amarrações */
.colorOrange{color:#da6c00;} /* Restaurante e Cafetaria */
.colorMarrom{color: #9a7f00;} /* Corporate */
.colorPink{color: #f86077;} /* Eventos */
.colorPurple{color: #af4ccc} /* Barcos Electricos */
.colorYellow{color: #deb02e} /* Atividades */


.bgColor-blue{background-color: #193d60;color:#FFF;}
.bgColor-white{background-color: #FFFFFF;}
.bgColor-blue2{background-color: #194269;}
.bgColor-footer{background-color: #254768;}
.bgColor-Green{background-color:#55a746;}
.bgColor-gray{background-color: #EEE; }
.bgColor-FreshGreen{background-color:#8faf38;} /* Barcos Casa */
.bgColor-FreshBlue{background-color:#5dbae1;} /* Cruzeiros Fluviais */
.bgColor-lightBlue{background-color:#3b8aff;} /* Casas Flutuantes */
.bgColor-waterBlue{background-color:#8bc6c4;} /* Amarrações */
.bgColor-orange{background-color:#da6c00;} /* Restaurante e Cafetaria */
.bgColor-marrom{background-color: #9a7f00;} /* Corporate */
.bgColor-pink{background-color: #f86077;} /* Eventos */
.bgColor-purple{background-color: #af4ccc} /* Barcos Electricos */
.bgColor-yellow{background-color: #deb02e} /* Atividades */

.boxInner.freshBlue, .boxSmallInner.freshBlue{border:2px solid #4dbbe1;}
.boxInner.Green, .boxSmallInner.Green{border:2px solid #55a746;}
.boxInner.orange, .boxSmallInner.orange{border:2px solid #da6c00;}
.boxInner.marrom, .boxSmallInner.marrom{border:2px solid #9a7f00;}
.boxInner.pink, .boxSmallInner.pink{border:2px solid #f86077;}
.boxInner.purple, .boxSmallInner.purple{border:2px solid #af4ccc;}

.borderFreshGreen{border:2px solid #8faf38 !important;}
.borderPurple{border:2px solid #af4ccc !important;}
.borderDarkGreen{border:2px solid #55a746 !important;}
.borderLightBlue{border:2px solid #3b8aff !important;}
.borderWaterBlue{border:2px solid #8bc6c4 !important;}

/* **** Texto ************************************************************** */
h1{font-family: 'Roboto Condensed', sans-serif;font-weight:700;font-size: 80px;text-transform: uppercase;}
h2{color:#55a746;text-align: center;font-family: 'Architects Daughter', cursive;font-size: 30px;margin: 50px 0px;font-weight: 100;}
h3{font-family: 'Architects Daughter', cursive;font-size: 26px;}
h3.promocoesTitle{font-family: 'Roboto Condensed', sans-serif;font-weight:700;font-size: 35px;text-transform: uppercase;margin-bottom:20px; }
h4{font-family: 'Roboto', sans-serif;font-size: 22px;line-height:30px;font-weight: 300;}
.keywords{font-family: 'Architects Daughter', cursive;font-size: 40px;}

section{min-height: 100px;position: relative;float: left;width:100%;padding: 50px 0px;}

section.icon{text-align: center;padding: 0 !important;margin:-80px auto auto auto;}
.iconCircle{width: 170px;height: 170px;border-radius:100px;background-color: #FFF;margin:0px auto;position: relative;min-height: 100px !important;}
section.iconCircleBox{padding: 0 !important;min-height: 100px !important;}
.iconCircleTop{width: 200px;height: 200px;border-radius:100px;background-color: #FFF;margin:-100px auto;text-align: center;z-index:200; }
.iconCircleTop i{ position: relative;top: 40%;transform: translateY(-50%);text-align: center}
.iconCircle i{ position: relative;top: 20%;transform: translateY(-50%);text-align: center}

table tr td{height: 30px;}
.table>tbody>tr:first-child>td {border-top:none !important;}
.table>tbody>tr:last-child>td {border-bottom:1px solid #ddd;}

/***** HEADER HOME // O QUE OFERECEMOS *****/
.headerFull{width:100%;}
.headerFull img.banner{display: block;width: 100vw;height: 100vh;object-fit: cover;}
.headerFull .header-colorize{width: 100vw;height: 100vh;position: absolute;top: 0px;opacity: 0.90;text-align: center;}
.headerFull .header-content{width: 100vw;height: 100vh;position: absolute;top:0px;}
.headerFull .header-title{position: relative;top: 50%;transform: translateY(-50%);text-align: center}

/***** HEADER *****/
.header{width:100%;}
.header img.banner{display: block;width: 100vw;height: 40vh;object-fit: cover;}
.header .header-colorize{width: 100vw;height: 40vh;position: absolute;top: 0px;opacity: 0.85;text-align: center;}
.header .header-content{width: 100vw;height: 40vh;position: absolute;top:0px;}
.header .header-title{position: relative;top: 50%;transform: translateY(-50%);text-align: center;}

.home-content {position:absolute;bottom: 10px;top:auto;font-family: 'Roboto', sans-serif;font-size:4vw;line-height:4vw;font-weight:100;color:#FFF;text-align: center;padding: 50px;text-align: center;width: 100%}
.home-content div{margin-top:-15px;}
.home-content .home-titleln2, .home-content .home-titleln4{font-family: 'Architects Daughter', cursive;font-size:4.5vw;}


.home-content2 {position:absolute;top: 100px; bottom: auto;font-family: 'Roboto', sans-serif;font-size:4vw;line-height:4vw;font-weight:100;color:#FFF;text-align: center;padding: 50px;text-align: center;width: 100%}
.home-content2 div{margin-top:-15px;}


/***** NAV *****/
.navbar{
    -webkit-transition: top 0.5s, background 0.5s, box-shadow 0.5s, -webkit-transform 1s;
    transition: top 0.5s, background 0.5s, box-shadow 0.5s, -webkit-transform 1s;
    transition: transform 1s, top 0.5s, background 0.5s, box-shadow 0.5s;
    transition: transform 1s, top 0.5s, background 0.5s, box-shadow 0.5s, -webkit-transform 1s;
}

.navbar-brand {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}
.navbar-sticky .navbar-header .navbar-brand {
-webkit-transform: scale(0.65);
    transform: scale(0.65);
    margin-top:-5px;
}

.navbar{
    z-index: 999;
    margin: 15px 3px 0px 3px;
}


.navbar-sticky, .dropdown-menu.navbar-sticky {margin: 0px;background-color: #193d60;color:#FFF;}
.navbar-sticky .container .navbar .dropdown-menu{background-color: #193d60;opacity: 1}
.navbar ul li a , .navbar ul li a .item,  ul.navSecundary li a{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFF;
}
.navbar ul li a:hover, .navbar ul li a:active, .navbar ul li.dropdown a:hover, ul.navSecundary li a:hover, .nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .nav .open>a:active, .nav>li>a:focus, .nav>li>a:hover{background-color:transparent;}

.navbar ul li a .item{
  position: relative;
  width: 100%;
  height: 50px;
}
.navbar ul li a .item:after, .navbar ul li a:active .item:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 2px;
  background-color: #FFF;
  content: "";
  transition: width 0.2s;
}
.navbar ul li a .item.last:after, .navbar ul li a:active .itemlast:after {
    bottom: -2px;}

.navbar ul li a .item:hover:after {
  width: 100%;
}


/* MENU SECUNDARIO *************************/
ul.navSecundary li a{font-size: 12px;padding:13px 8px;}

ul.navSecundary li a  .item{
  position: relative;
  width: 100%;
  height: 50px;
}

ul.navSecundary li a .item:after, ul.navSecundary li a:active .item:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0;
  height: 2px;
  background-color: #FFF;
  content: "";
  transition: width 0.2s;
}

ul.navSecundary li a .item:hover:after {width: 100%;}

.dropdown-menu{width: 550px;height: 170px;background-color:rgba(255,255,255,.2);
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66FFFFFF,endColorstr=#66FFFFFF);     /* IE Fix */
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.dropdown-menu.small{width: 160px;height:75px;-webkit-column-count: 1;-moz-column-count: 1;column-count:1}
.ling .dropdown-menu{min-width: none !important;width: 34px !important;height:130px;-webkit-column-count: 1;-moz-column-count: 1;column-count:1;border:1px solid #FFF;border-top:none;border-radius: 0px !important;}
.ling .dropdown-toggle{border: 1px solid #FFF;width: 34px;height: 34px;margin-top: 10px;padding-top: 5px;padding-left: 10px;}
.ling .dropdown-menu>li>a{padding: 5px 9px;}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .dropdown-menu li a:hover{border:none !important;}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

/* IDIOMA */
#lingMenu {
  width: 44px !important;
  height: 30px;
  border: 1px solid #D8D8D8;
  text-align: center;
  font-size: 17px;
  line-height: 30px;
  margin-top: 8px;
  padding: 0;
  overflow: hidden;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}




.homeSlogan{width:750px;font-family: 'Roboto', sans-serif;font-size: 4vw;font-weight: 100;text-align: center;line-height:65px;}
.homeSloganAmieira{font-family: 'Architects Daughter', cursive;font-size: 2vw;;text-align: center;margin-top: 55px;}

.textBoxDate{width: 100px;height:100px;border-radius: 100px;background-color:#55a746;margin:auto;margin-bottom: 50px;color:#193d60;font-family: 'Roboto', sans-serif;font-weight: 300;text-align: center}
.textBoxDate p{position: relative;top: 50%;transform: translateY(-50%); }
.textBox{width:600px; font-family: 'Roboto', sans-serif;font-size: 25px;font-weight: 100;text-align: center;margin:auto;}

.homeSlogan2{font-family: 'Roboto', sans-serif;font-size: 25px;font-weight: 700;text-align: center;}


#onload.modal{margin-top:150px;}
#onload .modal-content, #onload .modal-body, #onload .modal-dialog{height: 500px;}
#onload .modal-content {width: 400px;margin-left:100px;}
.mobile #onload .modal-content {margin-left:0;}

/******* BUTOES *************************************************************/
.button{background-color:#FFF;color:#193d60;border:2px solid #193d60;width: 100px;padding:15px 10px;text-align: center;font-family: 'Roboto Condensed', sans-serif;font-weight:700;font-size: 15px;text-transform: uppercase;bottom: -30px; position: absolute;}
.button a {color:#193d60;text-decoration: none;}

.button2{color:#fff;border:2px solid #fff;width: 150px;padding:15px 10px;text-align: center;font-family: 'Roboto Condensed', sans-serif;font-weight:700;font-size: 20px;text-transform: uppercase;bottom: -30px; position: absolute;}
.button2 a {color:#193d60;text-decoration: none;}


.smallbutton{width: 50px;font-size: 15px;}
.largebutton{width: 140px;font-size: 15px;}
.minibutton{width: 40px;font-size: 15px;padding:5px 5px;position: relative;float: right;bottom:0px;}
.button.center{position: relative;margin: 0 auto;}
.button.btnLarge{width: 120px;font-size: 15px;}

/**** FORMULÁRIOS *************************************************************/
input,label,select,button,textarea, input.form-control, textarea.form-control,  select.form-control {margin:0;border:0;padding:0;display:inline-block;vertical-align:middle;white-space:normal;background:none;line-height:1;box-shadow:0 0 10px #9ecaed;-webkit-box-shadow:none;-webkit-appearance: none;-webkit-border-radius: 0px;border-radius: 0px;}
input:focus{outline:0;}
input.form-control, textarea.form-control,  select.form-control{border-bottom:1px solid #194269;border-radius: 0px;}
textarea.form-control{height: 132px;}
textarea.large{height: 181px !important;}
textarea.form-control.twoLines{height: 85px;}
input.form-control::-webkit-input-placeholder, textarea.form-control::-webkit-input-placeholder,  select.form-control::-webkit-input-placeholder{color: #194269;}
input.form-control::-moz-placeholder, textarea.form-control::-moz-placeholder,  select.form-control::-moz-placeholder { /* Firefox 18- */ color: #194269; }
input.form-control:focus, textarea.form-control:focus, select.form-control:focus{border-bottom:2px solid #194269;box-shadow:none !important;}

input[type=radio] {
  border: 5px solid #194269;
  -webkit-appearance: radio;
}

input[type=radio]:checked {
  border: 5px solid #0DFF92;
}

input[type=radio]:checked{
  background: #0DFF92;
}

input[type=radio]:checked{
  color: #0DFF92;
}

select.form-control.formReservas{background: url('../img/arrows.png') no-repeat 99% 50%;}

select.form-control.formReservas option, select.form-control.formReservas option:first-child, select.form-control.formReservas.empty {
  color: #194269;
}



/* Hidden placeholder
select.form-control.formReservas option[disabled]:first-child {
  display: none;
}*/

button.multiselect{margin-top: -80px;width: 100%;min-width: 455px;text-align: left;border:0;border-bottom:1px solid #194269;border-radius: 0px;color: #194269;}
button.multiselect:hover{background-color: #FFFFFF;border-bottom:1px solid #194269;color: #194269;}
ul.multiselect-container.navbar-sticky {background-color: #FFFFFF !important;color:#194269;margin-top:-35px;width: 100%;color: #194269;}
ul.multiselect-container.dropdown-menu{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;font-size:12px;color: #194269;}

table.formReservas tr td{height: 55px;}
table.formReservas tr th, table.formReservas tr td{text-align: center;}
table.formReservas tr td:first-child{text-align: left}

.header-title select.form-control {margin:0;border:0;padding:0 10px;display:inline-block;vertical-align:middle;white-space:normal;background-color:transparent;
    line-height:1;box-shadow:0 0 10px #FFF;-webkit-box-shadow:none;border:2px solid #FFF;  -webkit-appearance: none;-webkit-border-radius: 0px;border-radius: 0px;text-transform: uppercase;color:#000;}
.header-title select:focus.form-control {background-color:transparent;}

.formSection  .button{margin: 10px 8% !important; position: relative;}
.verticalLine{background-image: url('../img/lineBlue.png');background-position: top center;background-repeat: no-repeat;}
.verticalLineGreen{background-image: url('../img/lineGreen.png');background-position: top center;background-repeat: no-repeat;}
.formSection .formTitle {width: 250px;height:250px;border-radius: 150px;margin:auto;margin-bottom: 50px;text-align: center; }
.formSection .formTitleSmall {width: 175px;height:175px;border-radius: 750px;margin:auto;margin-bottom: 50px;text-align: center; }
.formSection .formTitle p{position: relative;top: 50%;transform: translateY(-50%);font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 25px;line-height:30px;color:#FFF;width: 80%;margin:0 auto;}
.formSection .formTitle span{font-family: 'Architects Daughter', cursive;font-size: 30px;}
.formSection .formTitleSmall p{position: relative;top: 50%;transform: translateY(-50%);font-family: 'Roboto', sans-serif;font-weight: 300;font-size: 25px;line-height:30px;color:#FFF;width: 80%;margin:0 auto;}
.formSection .formTitleSmall span{font-family: 'Architects Daughter', cursive;font-size: 30px;}
.formSection .subtitle{font-family: 'Architects Daughter', cursive;font-size: 25px; text-align: center;margin-bottom: 30px;}


.buttonWhite{background-color:transparent;color:#FFF;border:1px solid #FFF;}
.buttonWhite a{color:#FFF;}
.buttonWhite:hover{color:#193d60 !important;}
.buttonWhite:hover a{color:#193d60 !important;}

button:hover a{color:#FFF;}
.borderFreshGreen button:hover a{color:#FFF;}

.borderPurple button:hover a{color:#FFF;}


/* RESERVAS BARCOS */

.titleFormSteps{font-size: 14px;font-weight: bold;margin-top: 35px;margin-bottom:15px;text-align: center}

.row.disponibilidade{padding-top:10px;}
.row.disponibilidade .grey{min-height: 110px;background-color: #CCC;padding-top:10px;}
.row.disponibilidade .grey img.boat{height:85px;}
.row.disponibilidade .moreInfo{padding: 5px;width: 50px;font-size: 12px;}
.row.disponibilidade .button{bottom:15px;top:auto;}
.row.disponibilidade .boatTitle{font-size: 18px; font-weight: bold;margin-bottom: 20px;}
.row.disponibilidade .boatTitle .button{bottom:-60px;}
.row.disponibilidade .price{font-size: 18px; font-weight: bold;}
.row.total .price, .row.total .price input {font-size: 35px; font-weight: bold; color:#193d60;border:none;}
.total .price, .total .price input{font-size: 25px;color:#193d60;border:none;float:left;text-align: right;width: 305px;float: right;margin-bottom: 10px;}
.total .price, .total .price label{font-size: 15px;color:#193d60;border:none;}
.row.disponibilidade .discount, .row.total .discount{font-size: 11px; color:#990000;}
.total .discount{font-size: 13px; color:#990000;}
.row.disponibilidade .discount .old, .row.total .discount .old{text-decoration: line-through;}
.row.disponibilidade .booking{top:30px; left: 20px}

.row.infoBooking{text-align: center;}
.row.infoBooking .lineBlue{border-right:1px solid #193d60;height:150px;margin-bottom: 15px;}
.row.total, .total.grey{min-height: 80px;background-color: #EEE;padding-top:10px;margin-top: 20px;}

.step2 .priceExtras, .step2 .priceExtras input{font-size: 30px;font-weight: bold;text-align: right;color:#193d60;border:none;}

.step3{line-height: 35px;}
.step3 .payments{width: 230px; margin:0px auto;}
.step3 .payments ul li{list-style: none;}
.step3 .payments ul li label{margin-left: 15px;font-weight: 400}
.step3 .price{font-size: 18px;font-weight: bold;text-align: left !important;float:left;width: auto;}

/******* SERVIÇOS *************************************************************/
.homeServices{width: 100vw;height: 100vh;}
section.homeServices{padding:0px !important;}
.homeServices-lb, .homeServices-rb{width: 50vw;height: 100vh;float: left;position: relative;}
.homeServices-lb {border-right: 2px solid #193d60;}
.homeServices-lb .homeServices-img{padding:0px 6px 6px 0px;z-index: 100;}
.homeServices-rb .homeServices-img{padding:0px 0px 6px 6px;z-index: 100;}
.homeServices-info{z-index: 250;}
.homeServices-img img{display: block;width: 100%;height: 100vh;object-fit: cover;}
.homeServices-icon{width: 200px;height: 200px;z-index:200;text-align: center;position: absolute;top:50%;transform: translateY(-50%) translateX(-50%);left:50%;}
.homeServices-info, .homeServices-icon img{position: relative;top: 50%;transform: translateY(-50%); }
.homeServices-icon img{z-index: 300; position: relative; }

.homeServices h3{font-family: 'Roboto Condensed', sans-serif;font-size:4.5vw;font-weight: 900;text-transform: uppercase;text-align: center;line-height: 5vw}
.homeServices .homeServices-description{width: 400px;text-align: center;margin: 0px auto;font-family: 'Architects Daughter', cursive;font-size:1.3vw;margin-top: 20px;}
.homeServices .button{margin-top: 10px;padding:15px !important;width:120px;position:relative !important;}
.homeServices .button.first{margin-right: 20px;}

.home-otherServices .container{width: 650px;text-align: center;margin: 0px auto;font-family: 'Architects Daughter', cursive;font-size: 28px;}
.home-otherServices .container ul.services li{display: inline-block;width: 150px; height: 150px; border-radius:100px;background-color: #FFF;margin:30px 10px;}
.home-otherServices .container ul.services li.events{background-color: #FFF; background-image: url('../img/icons/services/icon_events.png'); background-repeat: no-repeat; background-position: center;}
.home-otherServices .container ul.services li.events:hover{background-color: #F86077; background-image: url('../img/icons/services/icon_events_hover.png'); background-repeat: no-repeat; background-position: center;}
.home-otherServices .container ul.services li.corporate{background-color: #FFF; background-image: url('../img/icons/services/icon_corporate.png'); background-repeat: no-repeat; background-position: center;}
.home-otherServices .container ul.services li.corporate:hover{background-color: #9A7F00; background-image: url('../img/icons/services/icon_corporate_hover.png'); background-repeat: no-repeat; background-position: center;}
.home-otherServices .container ul.services li p{height: 100%;width: 100%;}

.home-otherServices .container ul.services li p img{position: relative;top: 50%;transform: translateY(-50%);}



.newsletter{position:absolute;bottom: 20px;top:auto;left:30%;font-family: 'Roboto Condensed', sans-serif;font-size: 14px;font-weight:700;text-transform: uppercase;color:#FFF;}
.newsletter input{border:1px solid #FFF;border-radius: 0px;width: 250px;padding:5px;margin: 0px 10px;}
.newsletter input::-webkit-input-placeholder {color: #FFF;font-family: 'Roboto Condensed', sans-serif;font-size: 12px;font-weight:300;}
.newsletter input::-moz-placeholder{ /* Firefox 18- */ color: #FFF; font-family: 'Roboto Condensed', sans-serif;font-size: 12px;font-weight:300;}


.newsletterList-number{font-family: 'Roboto Condensed', sans-serif;font-size: 17px;font-weight:100;}
.newsletterList-title{font-family: 'Roboto Condensed', sans-serif;font-size: 17px;font-weight:700;text-transform: uppercase;}
.newsletterList-info{font-family: 'Roboto', sans-serif;font-size: 15px;font-weight:300;}

/**** ACCORDION  ***************************************************************** **/
.accordion{background-color: #193d60}
section.accordion{padding: 0 0 13px 0;}
.accordion h3{height:50px;margin-top: 30px;}
.accordion h2{margin:25px 0;}
.accordion h4 a{color: #FFF;text-transform: uppercase;font-weight: 700;}
.other{padding-top: 15px;}
.accordion h4.other a{color: #55a746;text-transform: uppercase;font-size: 16px;}
.accordion h4.other a:hover{color: #FFF;}
.accordion .panel{border:none !important;}
.panel-group {margin-bottom: -12px;}
.accordion .panel .panel-heading{height: 80px;padding: 0px 0px;margin: 0px; border:none; color:#FFF;}
.accordion .panel .panel-title{padding-top: 17px;}
.accordion .panel-Odd, .accordion .panel-Odd .panel-heading{background-color: #194269; border:none;}
.accordion .panel-Even, .accordion .panel-Even .panel-heading{background-color: #193d60; border:none;}
.panel-default:nth-of-type(odd) .panel-heading, .panel-default:nth-of-type(odd) .panel-body{background: #194269 !important;border:none;}
.panel-default:nth-of-type(even) .panel-heading, .panel-default:nth-of-type(even) .panel-body{background: #193d60 !important;border:none;}
.panel-default:nth-of-type(even) .panel-collapse .panel-default:nth-of-type(even) .panel-heading {background: #193d60 !important;border:none;}
.accordion .titleAccordion{font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 700;text-transform: uppercase;color:#FFF;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{color:#FFF;border:none;}

.panel-body.container{font-family: 'Roboto', sans-serif;font-size: 18px;font-weight: 100;}
.panel-group .panel+.panel{margin-top:0 !important;}

.accordion.ondeEstamos .col-md-8, .accordion.ondeEstamos .col-md-4{font-weight: 300 !important;}
.accordion.ondeEstamos .buttonGroup{position: relative !important;text-align: right;margin-left: -45px;margin-top: 50px;}
.accordion.ondeEstamos .button{position: relative !important;background-color: transparent;color:#FFF;margin-right: 10px;}

/**** O que dizem de nos *************************************************** **/
.message{background-color: #FFF;margin: 10px;width: 100%;height: 220px;font-family: 'Roboto', sans-serif;font-size: 16px;}
.message:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 100px solid transparent;
    border-top: 40px solid #FFF;
    bottom:50px;
    left:25%;
}
.message p{padding: 30px;line-height: 25px;}
.messageAuthor{margin-left:80px;margin-top: 30px;}
.messageAuthor-From{font-family: 'Architects Daughter', cursive;font-size: 14px;}
.messageAuthor-Origin{font-family: 'Roboto', sans-serif;font-weight:900;font-size: 14px;text-transform: uppercase;}
.messageAuthor-Date{font-family: 'Roboto', sans-serif;font-size: 12px;text-transform: uppercase;}
.sharing{margin-left:20px;margin-bottom: 20px;font-family: 'Architects Daughter', cursive;font-size: 15px;}
.sharing, .sharing a{color:#c1c0c0;}
.sharing i{margin-right: 5px;}

.infoContactos{font-family: 'Roboto', sans-serif;font-size: 18px;font-weight: 700;text-transform: uppercase;text-align:center;margin-bottom: 30px }

#map {width: 100vw; height: 650px;}
.map{padding: 0px;}
.map img{    display: block;width: 100vw;height: 100vh;object-fit: cover;}

.box{background-repeat: no-repeat;height: 570px;margin-bottom: 50px;}
section .box:last-child{margin-bottom: 0px !important;}
.boxInner{border-width:2px; border-style: solid; z-index: 10;margin: 25px 15px;height: 510px;}
.boxInner-title{font-family: 'Roboto', sans-serif;font-size: 65px;font-weight: 100;text-transform: uppercase;line-height: 60px;margin-top: 30px;}
.boxInner-subtitle{font-family: 'Architects Daughter', cursive;font-size: 30px;margin-top: 30px;line-height: 35px;width: 80%;}
.boxInner-text{font-family: 'Roboto', sans-serif;font-weight:300;font-size: 16px;top:auto;bottom:15px;position: absolute;width: 80%;}
.boxInner-texttop{font-family: 'Roboto', sans-serif;font-weight:300;font-size: 16px;width: 80%;margin-top: 20px;}
.boxInner-extras{font-family: 'Roboto', sans-serif;font-weight:100;font-size: 35px;width: 80%;position:absolute;bottom:40px;top:auto;line-height: 45px;}

section .box:nth-child(odd){background-position: top left;background-size: 50%;}
section .box:nth-child(even){background-position: top right;background-size: 50%;margin: 100px auto;}
section .box:nth-child(odd) .boxText{float:right;height: 500px; padding-left: 30px;}
section .box:nth-child(even) .boxText, section .box .boxTextLeft{float:left;height: 500px;padding-left: 30px;}

section .box:nth-child(odd) .moreInfo{margin: 270px 0px auto 75%;width: 75px}
section .box:nth-child(even) .moreInfo{margin: 210px auto auto 0;width: 75px}
section .box:nth-child(odd) .btnReserv{margin: 270px 0px auto 75%;width: 75px}
section .box:nth-child(even) .btnReserv{margin: 210px auto auto 0;width: 75px}

.moreInfo.even{margin: 250px auto auto 0 !important;}


/**** BARCOS CASA ************************************************************************************************/

.stamp{z-index: 900;position: absolute;top:-120px;right:65%;left:auto}

.stamp2{z-index: 900;position: absolute;top:-85px; left:auto}

.stampHome{z-index: 900;position: absolute;top:-150px;left:65%}
.stamp img, .stampHome img, .stamp2 img{width: 138px;}

.barcosCasa .boxProduct{height: 400px;background-position: top center;background-repeat: no-repeat;border:15px solid #EEE; margin-bottom: 75px;}
.barcosCasa .boxProductInner{z-index: 10;margin: 30px 15px;height: 390px; padding:10px;}
.barcosCasa .boxProductInner-title{font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 900;text-transform: uppercase;color:#8faf38;margin-top:260px;width: 70%}
.barcosCasa .boxProductInner-subtitle{font-family: 'Architects Daughter', cursive;font-size: 15px;}
.barcosCasa .boxProductInner-info{float:right;margin-top:260px;font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 300;text-transform: uppercase;color:#8faf38;}
.barcosCasa .boxProductInner .moreInfo{background-color: #EEE;font-size: 12px;border:2px solid #8faf38;width:50px;padding: 5px;position: absolute;bottom: -62px;top:auto;}
.barcosCasa .boxProductInner .btn360{background-color: #EEE;font-size: 12px;border:2px solid #8faf38;width:50px;padding: 5px;position: absolute;bottom: -65px;top:auto;left:255px;}
.barcosCasa .boxProductInner .reserveNow{background-color: #EEE;font-size: 15;font-weight:700;border:2px solid #8faf38;width: 120px;padding: 12px;position: absolute;bottom: -70px;top:auto;left:100px;}

.barcosCasa .boxProductInner .button .moreInfo:hover,
.barcosCasa .boxProductInner .button .moreInfo a:hover,
.barcosCasa .boxProductInner .button .reserveNow:hover,
.barcosCasa .boxProductInner .button .reserveNow a:hover{
    background-color: #8faf38 !important;color:#FFF !important;}

.modal.barcos{top: 50% !important;height:900px;transform: translateY(-50%);border-radius: 0px;}

.modal.barcos .modal-content{min-height: 100%;height:auto;}
.barcos.modal .modal-body .modal-info{padding: 0px !important;}
.barcos .modal-body{margin:0px;padding: 0px !important; height: 900px;
    /*overflow-y: auto;*/
    position: relative;
    float: left;
    background-color: #FFF;}
.barcos .modal-header{width:100% !important;height:630px !important;margin:0px;padding: 0px;border:none !important;background-color: #FFF !important;}
.mobile .barcos .modal-header{width:100% !important;height:200px !important;margin:0px;padding: 0px;border:none !important;background-color: #FFF !important;}
.barcos .modal-header button{width: 40px;height: 40px;color:#FFF;background-color: #193d60; padding: 0px !important;z-index:999 !important;opacity:1;font-weight: 100;position: relative;margin-right: 10px;}
/*.barcos .modal-header button:hover{top:0px;color:#193d60 !important;background-color: #FFF;}
//.barcos .modal-header button:hover span{top:0px;color:#193d60 !important;background-color: transparent;}*/
.barcos .thumbnail{background-color: transparent;border:none;border-radius: 0;margin:0px;padding: 0px;height: 75px;width: 75px}
.barcos .thumbnail img{object-fit:cover;  width: 100%;    height: 100%;}
.barcos #slider-thumbs ul li img{margin: 0px;}
.barcos #slider-thumbs ul li {border-bottom: none !important;}
.barcos #slider-thumbs ul {margin-left: 15px;}
.barcos #slider-thumbs ul li {padding: 0px; !important;float: left;position: relative;}
.barcos .carousel-inner img{height: 500px;width: 100%;object-fit:cover;object-position: 50% 50%;}
.barcos .carousel-inner img.img360{height: 75px;width: 75px;margin-bottom:20px;}

.barcos .modal-body .thumbnails img:hover{-webkit-filter: grayscale(0);  filter: grayscale(0);}
.barcos .title{font-family: 'Roboto Condensed', cursive;font-size: 45px;font-weight: 900;margin-top: 30px; text-transform: uppercase;}
.barcos .description{font-family: 'Architects Daughter', cursive;font-size: 17px;}
.barcos .boxDownload, .barcos .boxDownloadInner{height: 80px;width: 80px;float:right;margin-top: 10px;}
.boxDownloadInner:hover{color:#FFF;background-color:#8faf38 }
.boxDownloadInner:hover a{color:#FFF }
.barcos .groupActions {width:100%;text-align: right;}
.barcos .groupActions .button{position: relative; margin-right: 10px;}
.barcos .boxDownload .boxDownloadInner .text{font-family: 'Roboto', cursive;font-size: 12px;font-weight: 700;text-align: center;margin-top: -5px;}
.barcos .btnSmall{background-color:transparent !important;top:auto;bottom:-40px;right:30px;padding: 10px !important;}
.barcos .btnReservNow{right:30px;padding: 10px !important;width: 170px;top;50px !important;}
.barcos section{padding: 20px 0;}
.barcos ul li{border-bottom: 1px solid #FFF;list-style:none;}
.barcos ul li.others{padding-left:40px; padding-top:10px; }
.barcos ul li:last-child{border-bottom: none !important;margin-bottom: 20px;}
.barcos ul li img{margin: 5px;}

//.barcos .borderFreshGreen{border:2px solid #8faf38 !important;}
//.barcos   a button.borderFreshGreen:hover  {color:#FFF;background-color: #8faf38;}
//.barcos a button.borderFreshGreen:hover , .barcosCasa .boxProductInner .moreInfo:hover, .barcosCasa .boxProductInner .reserveNow:hover{color:#FFF;background-color: #8faf38;}

    #controls {
        position: absolute;
        bottom: 0;
        z-index: 2;
        text-align: center;
        width: 100%;
        padding-bottom: 3px;
    }

/* MAPA */
#mapa .modal-body{width:900px !important;min-height: 595px !important;border-radius: 0px;padding: 0px;}
#mapa .mapa_fundo{width:900px !important;min-height: 595px !important;bottom:0px;position:absolute;z-index: 500}
#mapa .mapa_path{width:900px !important;min-height: 595px !important;bottom:0px;position:absolute;z-index: 600}
#mapa .mapaAccoes{width:900px !important;height: 100px !important;bottom:0px;position:absolute;z-index: 650}

#mapa .mapaAccoes .button{position: relative;margin-right: 10px;}

#mapa .legenda img{
    -webkit-box-shadow: 1px 1px 4px 1px #cccccc!important;
    box-shadow: 1px 1px 4px 1px #cccccc!important;
}
#mapa .legenda {width:320px;height:165px;position: absolute;z-index: 750;}
#mapa .legenda_amieira{bottom:220px;left:20px;display: none;}
#mapa .legenda_alqueva{bottom:120px;left:0px;display: none;}
#mapa .legenda_estrela{bottom:70px;0px;right:20px;display: none;}
#mapa .legenda_campinho{bottom:250px;left:20px;display: none;}
#mapa .legenda_luz{bottom:220px;right:20px;display: none;}
#mapa .legenda_mourao{bottom:270px;right:20px;display: none;}
#mapa .legenda_monsaraz{bottom:300px;left:80px;display: none;}
#mapa .legenda_telheiro{bottom:320px;left:90px;display: none;}
#mapa .legenda_juromenha{bottom:400px;left:180px;display: none;}

#mapa .path .line-path {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    -webkit-animation: dash 5s linear;
    animation: dash 5s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

#mapa .path .line-path-slow {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    -webkit-animation: dash 25s linear;
    animation: dash 25s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@-webkit-keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}
@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}

#mapa .info:hover{
    cursor: pointer;
}
#mapa .labels {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    -webkit-animation: show 0.8s linear;
    animation: show 0.8s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}


#mapa .labels.estrela {
    -webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.5s;
}

#mapa .labels.campinho {
    -webkit-animation-delay: 0.9s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.9s;
}

#mapa .labels.luz {
    -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}

#mapa .labels.mourao {
    -webkit-animation-delay: 1.2s; /* Safari 4.0 - 8.0 */
    animation-delay: 1.2s;
}

#mapa .labels.monsaraz {
    -webkit-animation-delay: 1.6s; /* Safari 4.0 - 8.0 */
    animation-delay: 1.6s;
}

#mapa .labels.telheiro {
    -webkit-animation-delay: 1.8s; /* Safari 4.0 - 8.0 */
    animation-delay: 1.8s;
}

#mapa .labels.cheles {
    -webkit-animation-delay: 2.3s; /* Safari 4.0 - 8.0 */
    animation-delay: 2.3s;
}

#mapa .labels.vilareal {
    -webkit-animation-delay: 3.5s; /* Safari 4.0 - 8.0 */
    animation-delay: 3.5s;
}

#mapa .labels.juromenha {
    -webkit-animation-delay: 3.8s; /* Safari 4.0 - 8.0 */
    animation-delay: 3.8s;
}

#mapa .labels.amieira {
    -webkit-animation-delay: 0.7s; /* Safari 4.0 - 8.0 */
    animation-delay: 0.7s;
}

@-webkit-keyframes show {
    from {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        /* IE 5-7 */
        filter: alpha(opacity=0);
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
    }
    to {
            /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
    }
}
@keyframes show {
    from {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        /* IE 5-7 */
        filter: alpha(opacity=0);
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0;
    }
    to {
            /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
    }
}



#mapa .labels{
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0;
}

#mapa .labels.AmieiraMarina{
        /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      /* IE 5-7 */
      filter: alpha(opacity=100);
      /* Netscape */
      -moz-opacity: 1;
      /* Safari 1.x */
      -khtml-opacity: 1;
      /* Good browsers */
      opacity: 1;
}



/**** TABELAS PRECOS ************************************************************************************************/
.hSmall{min-height:40px !important;padding: 3px 0px;}
.prices table {min-width:50%;margin-top:20px;margin-bottom:20px;margin-left: auto;margin-right:auto;}
.prices table tr:nth-child(odd){background-color:#193d60;}
.prices table tr:nth-child(even){background-color: #194269;}
.prices table tr th{text-align: left; padding: 5px;height:25px;}
.prices table tr td{text-align: left; padding: 5px;height:25px;}
.prices table tr th:last-child, section.prices table tr td:last-child{width: 120px;}

.prices.activities table {width:100%;margin-top:25px;}
.prices.activities table tr:nth-child(odd){background-color:#DDD;}
.prices.activities table tr:nth-child(even){background-color:#FFF;}
.prices.activities table tr th{text-align: left; padding: 0px 5px }
.prices.activities table tr td{text-align: left; padding: 0px 5px}

.prices.activities table tr th:last-child, section.prices.activities table tr td:last-child{width: 120px;}
.prices p{    text-align: center;
    font-size: 12px;
    margin-top: 10px;}


.tarifas, .tarifas ul li{list-style: none;line-height: 40px;text-align: left;padding-left:10px;margin-bottom: 5px; font-size: 14px;}
.tarifas .title{background-color:#193d60;color:#FFFFFF; padding: 5px 10px; font-size: 18px;font-weight: bold; margin-bottom: 15px;}
.tarifas ul li.active, .tarifas ul li:hover {background-color: #FFF;color:#193d60;width: 90%;height: 40px;margin-bottom: 5px;}
.tarifas ul li.active:after, .tarifas ul li:hover:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 0px;
    margin-left: 100%;
    margin-top: -36%;
    width: 0;
    height: 0;
    border-left: 15px solid #FFFFFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;

}

.tarifas .line-right{border-right: #FFF 1px solid;}

.tarifas ul.barcos li.active, .tarifas ul.barcos li:hover, .tarifas ul.barcos li.active:after, .tarifas ul.barcos li:hover:after{
    background-color: none !important;border:none!important;
}


.boxProduct{height: 470px;background-position: top center;background-repeat: no-repeat;border:15px solid #EEE; margin-bottom: 45px;}
.boxProductInner{z-index: 10;margin: 30px 15px;height: 410px; padding:10px;}
.boxProductInner-title{font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 900;text-transform: uppercase;color:#8faf38;margin-top:290px;width: 70%}
.boxProductInner-subtitle{font-family: 'Architects Daughter', cursive;font-size: 15px;}
.boxProductInner-info{float:right;margin-top:290px;font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 100;text-transform: uppercase;color:#8faf38;}
.boxProductInner .moreInfo{background-color: #EEE;font-size: 12;border:2px solid #8faf38;margin-top:12px;width:70px;padding: 5px;}
.boxProductInner .reserveNow{background-color: #EEE;font-size: 15;font-weight:700;border:2px solid #8faf38;margin-left:15px;margin-top:12px;width: 120px;padding:12px;}

.boxDownload {height: 350px;border:15px solid #FFF;margin-bottom: 20px;}
.boxDownloadInner{border:2px solid #8faf38;z-index: 10;margin: 0px;height: 300px; padding:10px;z-index: 50;}
.boxDownloadInner-icon{background-color: #FFF !important;width:60px;height: 50px;margin:-330px auto -20px auto;z-index: 300;border:5px solid #FFF; }
.boxDownloadInner-icon{width:50px;height: 50px;margin:-40px auto 0px auto;z-index: 100;border:5px solid #FFF;}
.boxDownload .text{font-family: 'Roboto Condensed', sans-serif;font-size: 22px;font-weight: 900;width: 80%; position: relative;top: 50%;transform: translateY(-50%); margin: 0 auto; text-transform: uppercase; }

.downloads .boxDownloadInner{border:2px solid #55a746;}
.downloads .boxDownloadInner:hover{color:#FFF;background-color:#55a746;}
.downloads .boxDownloadInner:hover a{color:#FFF }

.boxAtividade{height: 300px;background-position: top center;background-repeat: no-repeat;background-size:cover;margin-bottom: 150px;border:15px solid #FFF;}
.boxAtividadeInner{border-width: 2px;border-style:solid;z-index: 10;margin: 15px;height: 360px; padding:10px;}
.boxAtividadeInner-title{font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 900;text-transform: uppercase;margin-top:270px;margin-bottom: 40px;}
.boxAtividade .button{bottom:-125px;left:37%;}

.boxSquare{height: 250px;background-position: top center;background-repeat: no-repeat;margin-bottom: 45px;}
.boxSquareInner{border-width: 2px;border-style:solid;z-index: 10;margin: 30px 5px;height: 230px; padding:10px;}
.boxSquareInner-title{font-family: 'Architects Daughter', cursive;font-size: 28px;}
.boxSquareInner-subtitle{font-family: 'Roboto', sans-serif;font-size: 24px;font-weight: 100;margin-top:-25px;}
.boxSquareInner-info{font-family: 'Roboto', cursive;font-size: 50px;font-weight: 700;margin-top: 60px;}

.boxSmall{padding: 10px;}
.boxSmallInner{border-width:2px; border-style: solid; z-index: 10;height: 300px;}


/***** CASAS FLUTUANTES ************************************************************************/
.casasflutuantes{padding: 10px 30px;height: 300px;}
.casasflutuantes .boxsmall-title{font-family: 'Architects Daughter', cursive;font-size: 25px;}
.casasflutuantes .boxsmall-info{width:75%;position: absolute;bottom: 30px;left:50%;transform: translateX(-50%);}
.dias{font-family: 'Roboto', sans-serif;font-size: 25px;font-weight: 700;padding-top: 25px;}
.casaflutuante:after{
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid #193d60;
    bottom:-20px;
    left:50%;
    transform: translateX(-50%);
}

.casas-flutuantes-1 .info1{font-family: 'Roboto', sans-serif;font-size: 18px;font-weight: 700;}
.casas-flutuantes-1 .equal{font-family: 'Roboto', sans-serif;font-size: 30px;font-weight: 500;}
.casas-flutuantes-1 .p100{font-family: 'Roboto', sans-serif;font-size: 56px;font-weight: 100;}
.casas-flutuantes-1 .info2{font-family: 'Roboto', sans-serif;font-size: 18px;font-weight: 300;}

/***** RESTAURANTE ************************************************************************/
.restaurant{padding: 10px 50px;}
.restaurant .period{font-family: 'Architects Daughter', cursive;font-size: 40px;}
.restaurant .title{font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 700;text-transform: uppercase;margin-top: 30px;}
.restaurant .days{font-family: 'Architects Daughter', cursive;font-size: 18px;margin-top: -15px;}
.restaurant .time{font-family: 'Roboto', sans-serif;font-size: 50px;font-weight: 100;}
.restaurant .info{font-family: 'Roboto', sans-serif;font-size: 13px;font-weight: 300;}

.cafetariaGallery div img, .casasFlutuantesGallery div img{width: 100%;object-fit: cover;}
.cafetariaGallery div, .casasFlutuantesGallery div{margin:0px;padding: 0px;}

/***** BARCOS ELETRICOS ************************************************************************/
.barcosEletricos{padding: 10px 20px;height: 300px;}
.barcosEletricos .boxsmall-title{font-family: 'Architects Daughter', cursive;font-size: 28px;}
.barcosEletricos .boxsmall-subtitle, .casasflutuantes .boxsmall-subtitle{font-family: 'Roboto', sans-serif;font-size: 24px;font-weight: 100;margin-top:-25px;}
.barcosEletricos .boxsmall-info, .casasflutuantes .boxsmall-value{font-family: 'Roboto', cursive;font-size: 50px;font-weight: 700;margin-top: 50px;}

.borderPurple{border:2px solid #af4ccc !important;}
button.borderPurple:hover, a.borderPurple:hover{color:#FFF;}
button.borderPurple:hover a{background-color: transparent;}


/***** CRUZEIROS FLUVIAIS ************************************************************************/
.borderFreshBlue{border:2px solid #4dbbe1 !important;}

.cruzeiros-fluviais-1 .promocoes{padding: 10px 30px;margin:20px 10px;height: 340px;}

/***** ATIVIDADES ************************************************************************/
.borderYellow{border:2px solid #deb02e !important;}
button.borderYellow:hover, a.borderYellow:hover{color:#FFF;}
button.borderYellow:hover a{background-color: transparent;}

.modal.atividades{top: 50% !important;height:100vh;transform: translateY(-50%);border-radius: 0px;}
.modal.actividades .modal-lg{width: 1280px !important;}
.modal.atividades .modal-content{min-height: 100%;height:auto;}

.paddle-services .box{height: 280px; margin:10px 10px; width: 30.5%; text-align: left;}
.paddle-services .box:hover{background-color:#deb02e; color:#FFF; }
.paddle-services .title, .darkSide .title, .canoas-services .title{font-family: 'Roboto', sans-serif;font-size: 18px !important;font-weight: 900;text-transform: uppercase;margin-top:15px;}
.paddle-services .text{font-size: 12px;}
.paddle-services .textLegends{font-size: 14px;margin-right: 5px;}

.canoas-services .box{height: 280px; margin:10px 10px; width: 30.5%}
.canoas-services .title{font-family: 'Roboto', sans-serif;font-size: 16px;font-weight: 900;text-transform: uppercase;margin-top:15px;line-height: 20px !important;}
.canoas-services .subtitle{font-family: 'Roboto', sans-serif;font-size: 14px;font-weight: 300;text-transform: uppercase;margin-top: -10px;}
.canoas-services .text{font-size: 11px;width: 78%;position: absolute;float: left;bottom:10px;}
.canoas-services .textIcons{font-size: 12px;width: 22%;position: absolute;right:10px;bottom:10px;}

.c--anim-btn span {
  color: white;
  text-decoration: none;
  text-align: center;
  display: block;
  height: 280px;
}

.c--anim-btn, .c-anim-btn {transition: 0.3s;}
.c--anim-btn {height: 560px;overflow: hidden;width: 100%;}
.c-anim-btn{margin-top: 0em;}
.c--anim-btn:hover .c-anim-btn{margin-top: -300px;}


/***** PROMOCOES ************************************************************************/
.promocoes{padding: 10px 30px;margin:20px 10px;height: 300px;}
.temporarias .promocoes{height: 330px;}
.permanentes .promocoes{height: 250px;}
.promocoes .boxsmall-title{font-family: 'Architects Daughter', cursive;font-size: 28px;}
.promocoes .boxsmall-subtitle{font-family: 'Roboto', sans-serif;font-size: 24px;font-weight: 300;margin-top:-25px;}
.promocoes .boxsmall-discount{font-family: 'Roboto', cursive;font-size: 50px;font-weight: 700;margin-top: 20px;}
.promocoes .boxsmall-discountText{font-family: 'Roboto', cursive;font-size: 20px;font-weight: 300;margin: 50px 15px;}
.promocoes .boxsmall-info{font-family: 'Roboto Condensed', sans-serif;font-size: 15px;font-weight: 900;margin-top:15px;text-transform: uppercase;line-height: 15px;}
.promocoes .boxsmall-moreinfo{font-family: 'Roboto Condensed', sans-serif;font-size: 11px;font-weight: 500;margin-top:30px;text-transform: uppercase;}
.promocoes .boxsmall-moreinfoBotton{font-family: 'Roboto Condensed', sans-serif;font-size: 13px;font-weight: 500;position:absolute;bottom:25px;top:auto;left:45%;text-transform: uppercase;}
.temporarias .promocoes .boxsmall-moreinfo{margin-top:50px;}
.promocoes .boxsmall-moreinfo.permanente{font-family: 'Roboto Condensed', sans-serif;font-size: 12px;line-height:17px;font-weight: 500;margin-top:10px;text-transform: uppercase;}

.promocoes .icon{width: 100px;height: 40px;background-color: #FFF;top: -10px;left: 37%;position: absolute;}

.servicos .promocoes .boxsmall-discount{font-family: 'Roboto', cursive;font-size: 130px;font-weight: 100;position:absolute;bottom:40px;top:auto;left:50%;transform: translateX(-50%);}
.servicos .promocoes .boxsmall-condition{font-family: 'Roboto Condensed', sans-serif;font-size: 11px;font-weight: 300;margin-top:-10px;text-transform: uppercase;}

/***** MEDIA ******************************************************************************************/
.media{width: 100%;border:1px solid #55a746;text-align: center;margin-left:0px;color:#55a746;font-family: 'Roboto Condensed', sans-serif;font-size: 15px;font-weight: 500;text-transform: uppercase;}
.media div{padding: 0px;}
.media div p{width:100%;height: 50px;border-right:1px solid #55a746;margin:0px !important;padding-top:15px;}
.media div a{width: 100%;color:#55a746;text-decoration: none;}
.media div p:hover, .media div a.active p{background-color: #55a746;color:#FFF;}

.boxMedia{height: 350px; background-color: #EEE;margin: 15px 0px;background-size: cover;}
.boxMedia img{width: 100%;object-fit: cover;}
.boxMedia a{color:#193d60;}
.boxMediaInner{padding:10px;}
.boxMediaInner .date{font-family: 'Roboto Condensed', sans-serif;font-size: 14px;font-weight: 500;margin: 0px;}
.boxMediaInner .title{font-family: 'Roboto Condensed', sans-serif;font-size: 15px;font-weight: 900;text-transform: uppercase;}
.boxMediaInner .source{font-family: 'Roboto Condensed', sans-serif;font-size: 12px;color:#666;text-transform: uppercase;line-height: 5px;position: absolute;bottom: 13px;}

.boxMediaPhotos{height: 360px; margin:  0; border:15px solid #FFF;background-size: cover;padding: 0px;}
.boxMediaPhoto{height: 200px; margin:  0; border:15px solid #FFF;background-size: cover;padding: 0px;}
.boxMedia-gallery{background-color: #193d60;width:75px; height:75px;text-align: center;opacity:0.9}
.boxMediaPhotos  .boxMedia-gallery{width:100%; height:100%;}
.boxMedia-gallery:hover{opacity:1;}
.boxMediaPhotos a:hover{text-decoration: none;}
.boxMediaPhotos .boxMedia-gallery .text{width: 50%;height: 100%;margin: 0 auto;}
.boxMedia-gallery .text p{position: relative;top: 50%;transform: translateY(-50%);font-family: 'Roboto Condensed', sans-serif;font-size: 30px;font-weight: 700;color:#FFF;text-transform: uppercase;text-align: center;}
.boxMediaPhotos img, {width: 100%;object-fit:cover;}
.boxMediaPhotos img, .boxMediaPhoto img{width: 100%;height:100%;object-fit:cover;}

ul.nav-gallery li{display: inline-table;width: 75px;height:75px;margin:0 5px;color:#FFF;text-transform: uppercase;font-size: 10px;background-color: #F00;}
ul.nav-gallery li p{position:relative;top: 50%;transform: translateY(-50%);}
ul.nav-gallery li p a{color:#FFF;}

.boxPartner{height: 200px; margin: 0px; padding:50px;text-align: center;}
.boxPartner img{max-width: 100%;object-fit: full; max-height: 150px;position: relative;top: 50%;transform: translateY(-50%);-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%);o-filter: grayscale(100%);}
.boxPartner img:hover{-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%);o-filter: grayscale(0%);}

.modal .modal-header{color:#FFF;background-color: #193d60; float:right;padding: 0px !important;z-index:999 !important;}
.modal .modal-body{padding:0px 0px 50px 0px;overflow: none;}
.modal .modal-body .modal-info{padding: 50px 35px 35px 30px}
.modal-header span{color:#FFF;font-size: 50px;margin-top:-10px;line-height: 20px}
.modal-header .social{position:absolute;margin-top:0px;width: 50px;height: 50px;background-color: #CCC;text-align: center;font-size: 25px;color:#193d60;padding-top:10px;}

.mediaNews.video, .mediaNews.video .modal-content{min-height: 700px;height:auto;}
.mediaNews, .mediaNews .modal-content{min-height: 500px;height:auto;}
.mediaNews, .mediaNews .modal-body{padding:0px 50px 50px 0px;}
.modal .mediaContent .news{padding:20px 30px;box-sizing: border-box;}
.modal .mediaContent .date{font-family: 'Roboto Condensed', sans-serif;font-size: 13px;font-weight: 300;margin: 30px 0px 10px 0px;}
.modal .mediaContent .title, .modal .title{font-family: 'Roboto Condensed', sans-serif;font-size: 35px;line-height:30px;font-weight: 900;text-transform: uppercase;}
.modal .mediaContent .text{font-family: 'Roboto', sans-serif;font-size: 14px;line-height:20px;}
.modal .mediaContent .text a{text-decoration: underline;}
.modal .mediaContent img{margin-top:50px;margin-right:50px;width: 100%;object-fit:cover;}
.modal .mediaImage{padding:0px !important;}


.iconPlay {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -70px 0 0 -25px;
    text-align: center;
    z-index: 10;
    padding: 0;
    color: #fff;
    background: transparent url(../img/icons/ico-play-small.png) no-repeat;
    background-size: 50px 50px;
}

/*BOTAO FECHAR*/
.mediaContent.modal-header button.close, .atividadesContent.modal-header button.close{width: 50px;height: 50px;color:#FFF;background-color: #193d60; padding: 0px !important;z-index:999 !important;position:absolute !important;top:2px;right:0;left:auto;bottom:auto;opacity:1;font-weight: 100;}
.mediaContent.modal-header button.social, .atividadesContent.modal-header button.social{width: 50px;height: 50px;padding: 0px !important;z-index:999 !important;position:absolute !important;top:0px;right:0;left:auto;bottom:auto;opacity:1;font-weight: 100;}
.mediaContent.modal-header button.close:hover, .atividadesContent.modal-header button.close:hover{color:#193d60 !important;background-color: #FFF;}
.mediaContent.modal-header button.close:hover span, .atividadesContent.modal-header button.close:hover span {color:#193d60 !important;}

 #detail-close {
    position: fixed !important;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    z-index: 1050;
    font-size: 40px;
    color: #FFF;
}

#detail-close.show {display: inline}
#detail-close.hidden {display: none;}

#feature-close {
    position: fixed !important;
   left:460px;
    right: 0px;
    width: 30px;
    height: 30px;
    z-index: 1050;
    font-size: 40px;
    color: #193d60;
    display: inline;
}

.mobile #feature-close {
    position: fixed !important;
    left:250px;
    right: 0px;
    width: 30px;
    height: 30px;
    z-index: 2100;
    font-size: 40px;
    color: #193d60;
    display: inline;
}
.mobile .icon{
    margin-top:-20px;
}

.mobile .modal-content{
    padding-top: 0px;
}
.mobile .col-md-4{margin-left: -20px;}

.modal-backdrop
{
    background-color:#193d60;
    opacity:0.85 !important;
}





/***** LAGO ALQUEVA ************************************************************************/
.modal.lagoAlqueva {top: 50% !important;height:100vh;transform: translateY(-50%);border-radius: 0px;}
.modal.lagoAlqueva .modal-content{min-height: 100%;height:auto !important;box-shadow:none;}
.lagoAlqueva .modal-body{margin:0px;padding: 0px;min-height: 1200px;float: left;
    height: auto !important;position: relative;background-color: #FFF;}
.lagoAlqueva .modal-header{width:100%;height:280px;margin:0px;padding: 0px;}
.lagoAlqueva .modal-header button{width: 50px;height: 50px;color:#FFF;background-color: #193d60; padding: 0px !important;z-index:999 !important;position:absolute !important;top:-30px;right:0;left:auto;bottom:auto;opacity:1;font-weight: 100;}
.lagoAlqueva .modal-header button:hover{color:#193d60 !important;background-color: #FFF;}
.lagoAlqueva .modal-header button:hover span {color:#193d60 !important;background-color: #FFF;}
.lagoAlqueva .modal-header img{margin-top:-50px;padding: 0px;width: 100%;height:330px;object-fit: cover;z-index: 500;}
.lagoAlqueva .title{font-family: 'Roboto Condensed', cursive;font-size: 45px;font-weight: 900;margin-top: 30px; text-transform: uppercase;margin-left: 10px;}
.lagoAlqueva .info{font-family: 'Roboto Condensed', sans-serif;font-size: 18px;margin-left: 10px;margin-top: 35px;}
.lagoAlqueva .info span{margin-right: 30px;}
.lagoAlqueva .text{font-family: 'Roboto', cursive;font-size: 15px;font-weight: 300;margin:30px 10px 10px 10px; }
.lagoAlqueva .boxDownload, .lagoAlqueva .boxDownloadInner{height: 100px;width: 200px;float:right;margin-top: 10px;}
.lagoAlqueva .boxDownload .boxDownloadInner .text{font-family: 'Roboto', cursive;font-size: 12px;font-weight: 700;text-align: center;margin-top: -5px;}
.lagoAlqueva .modal-body .places_items { margin-bottom: 10px;height: 140px;}
.lagoAlqueva .modal-body .places_items i {width: 16px;text-align: center}
.lagoAlqueva .modal-body .places_items p {    font-size: 11px;line-height: 11px;}
.lagoAlqueva .modal-body .buttonGroup{position: relative !important;margin-right: 30px;margin-top:-110px;text-align: right}
.lagoAlqueva .modal-body .button{position: relative !important;background-color: transparent;color:#FFF;margin-right: 10px;}

.borderGreen{border:2px solid #55a746 !important;}
a.borderGreen:hover, .lagoAlqueva .modal-body .button:hover{color:#FFF;}
button.borderGreen:hover a{background-color: transparent;}

.ball{width: 16px;height: 16px;border-radius:7px;padding-top:2px;background-color: #55a746;font-size: 10px;text-align: center; float:left; margin-right: 7px; font-weight: 700;}
.ball-white{width: 16px;height: 16px;border-radius:7px;background-color: #EEEEEE;color:#EEEEEE;font-size: 10px;text-align: center; float:left; margin-right: 7px;font-weight: 700;}
.lagoAlqueva i {width:14px;margin-right: 5px;}

ul.icons{width: auto;margin:0 auto;text-align: center;}
ul.icons li{display:inline-table;width: 19%;font-family: 'Roboto Condensed', sans-serif;font-weight:700;font-size: 12px;text-transform: uppercase;}
ul.icons.cafetaria li{display:inline-table;width: 12%;font-family: 'Roboto Condensed', sans-serif;font-weight:700;font-size: 12px;text-transform: uppercase;margin-bottom: 10px;}
ul.icons li p:first-child{height: 100px;}
ul.icons li p:last-child{margin-top:10px;}
ul.icons .btn{width: 100px;margin-top: 15px;border-radius: 0 !important;}


/***** FOOTER ************************************************************** */
.csr{text-transform: uppercase;text-align: center;font-family: 'Roboto Condensed', sans-serif;font-size: 14px;font-weight: 900;}
.csr img{margin-bottom: 10px;}

/***** FOOTER ************************************************************** */
footer, .footer{
    width: 100%;
    text-align: center;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 12px;
    position: relative;
    float: left;
    }

footer .row, .footer .row{ height: 80px;padding-top: 20px;}

footer .contacts, .footer .contacts {font-size:18px;font-weight:700;}
footer .contactsLight, .footer .contactsLight {font-weight:300;}

ul.social li{display: inline-block;}
ul.social li i{width:35px;color:#FFF;padding: 10px;margin:5px;border: 2px solid #FFF;border-radius: 50%;}
ul.social li i.fa-tripadvisor{padding: 10px 12px 10px 8px;}
ul.social li i:hover{color:#193d60;border: 2px solid #193d60;background-color: #FFF;}

footer .copy{font-weight:700;text-transform: uppercase;}
footer .author{font-weight:400;text-transform: uppercase;}
footer .footer-logos img{margin-top:10px;}



#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-bottom: 2em;
}
#cd-timeline::before, .iconCircleBoxLine:before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 0px;
  height: 100%;
  width: 2px;
  background: #3b8aff;
  z-index: 999;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}

.cd-timeline-block {
  position: relative;
  margin: 0px 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 0px 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 70px;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /*box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);*/
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #3b8aff;
}


/* Chrome, Safari, AND NOW ALSO the Edge Browser and Firefox */
@media and (-webkit-min-device-pixel-ratio:0) {

}

/* Chrome 29+ */
@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-resolution:.001dpcm) {


}

/* Chrome 22-28 */
@media screen and(-webkit-min-device-pixel-ratio:0) {

}


@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  .cssanimations .cd-timeline-img.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-img.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-1 0.6s;
    -moz-animation: cd-bounce-1 0.6s;
    animation: cd-bounce-1 0.6s;
  }
}

@-webkit-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -moz-transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -moz-transform: scale(1.2);
  }

  100% {
    -moz-transform: scale(1);
  }
}
@keyframes cd-bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
.cd-timeline-content {
    text-align: right;
  position: relative;
  margin-left: 60px;
  background: white;
  border-radius: 0.25em;
  padding: 1em;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #303e49;
}

.cd-timeline-content  h3{font-family: 'Architects Daughter', cursive;font-size: 22px;margin-top:-40px;}

.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
  font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: 1em 0;
  line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}
@media only screen and (min-width: 768px) {
  .cd-timeline-content h2 {
    font-size: 20px !important;
    font-size: 1.25rem;
    text-align: right;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', cursive;
    font-weight: 700;
  }
  .cd-timeline-content p {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 20px;
    padding: 1.6em;
    width: 45%;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: white;
  }
  .cd-timeline-content .cd-read-more {
    float: left;
  }
  .cd-timeline-content .cd-date {
    position: absolute;
    width: 100%;
    left: 122%;
    top: 6px;
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
    text-align: left;
  }

.cd-timeline-block:nth-child(even) .cd-timeline-content h2 {
        text-align: left;
            font-size: 40px;
    }

  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: white;
  }
  .cssanimations .cd-timeline-content.is-hidden {
    visibility: hidden;
  }
  .cssanimations .cd-timeline-content.bounce-in {
    visibility: visible;
    -webkit-animation: cd-bounce-2 0.6s;
    -moz-animation: cd-bounce-2 0.6s;
    animation: cd-bounce-2 0.6s;
  }
}

@media only screen and (min-width: 1170px) {
  /* inverse bounce effect on even content blocks */
  .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
    -webkit-animation: cd-bounce-2-inverse 0.6s;
    -moz-animation: cd-bounce-2-inverse 0.6s;
    animation: cd-bounce-2-inverse 0.6s;
  }
}
@-webkit-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
    -moz-transform: translateX(-100px);
    -ms-transform: translateX(-100px);
    -o-transform: translateX(-100px);
    transform: translateX(-100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
@-webkit-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -moz-transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}
@keyframes cd-bounce-2-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}



@media only screen and (max-width: 1170px) {
    .home-content {font-size:7.5vw;}
    .home-content .home-titleln2, .home-content .home-titleln4{font-size:8vw;line-height: 16vw}
    .homeServices-lb, .homeServices-rb{width: 100vw;height: 25vh;padding:2vw;float: left;position: relative;border:none !important;}
    .homeServices-lb.img, .homeServices-rb.img{}
    .homeServices-icon{display: none !important;}
    .homeServices h3{font-size:45px  !important; line-height: 45px;}
    .homeServices-description{font-size:4vw  !important;}
    }
}






/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {

}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {

}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    section{padding-top: 10px;}

    .homeSlogan{
        width: auto!important;
        line-height: 20px;
    }
    section.second_slogan{
        padding: 20px 0;
    }
    .homeSloganAmieira{
        margin-top: 10px;
    }
    .textBox{
        width: auto;
        font-size: 16px;
    }
    .homeServices-info, .homeServices-icon img{
        transform: translateY(0%);
    }
    .homeSloganAmieira{
        font-size: 7vw;
    }
    .homeServices-info img,
    .homeServices-img img{
        width: 100%;
        height: 100%;
    }
    .homeServices .homeServices-description{
        width: 100%;
        padding: 0px 10px;
        margin:0px !important;
}


    .homeServices-lb, .homeServices-rb{
        padding: 0;
    }
    .home-otherServices .container{
        width: auto;
        font-size: 20px;
    }
    .homeServices .button{
        margin-top: 0px;
        margin-bottom: 10px;
        padding: 10px 5px !important;
        width: 90px;
        position: relative !important;
        font-size: 12px;
    }
    section.home-otherServices{
        margin-top: 50px;
    }
    .accordion .panel-title{
        font-size: 14px;
        line-height: 15px;
    }
    .message{
        height: auto;
        margin: auto;
    }
    .restaurant .time{
        font-size: 40px;
    }
    footer .navSecundary{
        display: none;
    }
    footer .row, .footer .row{
        height: auto;
        padding-bottom: 20px;
    }
    .formSection  .button{
        margin: 0!important;
    }
    .home-content .home-titleln2, .home-content .home-titleln4{
        line-height: 20vw;
    }
    .boxInner-title{
        font-size: 35px;
        line-height: 35px;
    }
    .container.box, .boxProduct{
        background-image: none!important;
    }
    .container.box .boxText img, .boxProduct img.boat{
        width: 100%;
    }
    .container.box .boxInner-text{
        position: relative;
        width: 100%;
    }
    section .box:nth-child(odd) .boxText,
    .boxInner,
    section .box:nth-child(even) .boxText,
    section .box:nth-child(even) .boxText, section .box .boxTextLeft{
        height: auto;
        position: relative;
        float: left;
    }
    section .box:nth-child(odd) .boxText,
    section .box:nth-child(even) .boxText{
        padding-left: 15px;
    }
    .container.box .boxInner-text{
        margin-top: 20px;
    }
    .boxInner-extras{
        display: none;
    }
    .borderFreshBlue img{
        width: 100%;
    }
    .boxInner-texttop{
        margin-bottom: 30px;
    }
    .boxInner.freshBlue, .boxSmallInner.freshBlue{
        width: 100%;
    }
    .boxAtividadeInner{
        margin:15px 0px;
    }
    .servicos .promocoes .boxsmall-discount{
        font-size: 50px;
        bottom: 25px;
    }
    .promocoes .boxsmall-subtitle{
        margin-top: 0px;
    }
    .servicos .promocoes .boxsmall-discount{
        position: relative;
    }
    .promocoes .boxsmall-moreinfoBotton{
        position: relative;
        left: auto;
    }
    h1{
        font-size: 50px;
    }
    .keywords{
        font-size: 30px;
        padding: 0px 10px;
    }
    .cafetariaGallery{
        display: none;
    }
    .casasflutuantes .boxsmall-info{
        position: relative;
        width: auto;
        bottom: auto;
    }
    .cd-timeline-content h2{
        font-size: 22px;
        margin: 0;
        text-transform: uppercase;
        font-family: 'Roboto Condensed', cursive;
        font-weight: 700;
    }
    .cd-timeline-content{
        margin-left: 0;
    }
    .cd-timeline-content  h3{
        margin-top: 0;
        text-align: center;
    }
    .cd-timeline-img.cd-picture{
        display: none;
    }
    #cd-timeline{
        margin-bottom: 9em;
        margin-left: -1px;
    }
    section .box:nth-child(odd) .moreInfo{
        margin: 310px 10px auto 35%;
    }
    .boxInner.purple.barcosEletricos{
        width: 100%;
    }
    .row{
        margin: 0;
    }
    .col-md-6 .col-md-6, .col-md-6 .col-md-12{
        padding: 0px;
    }
    .permanentes .promocoes{width: 95%}


}

#menu{
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 20px;
    background: #193d60;
}
#menu li a{
    text-transform: uppercase;
    color: #fff;
}

.slideout-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 998;
    width: 275px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    display: none;
}


.slideout-panel {
    position: relative;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
    overflow: hidden;
}

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

#panel .wrap_button{
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 35px;
    z-index: 991;
}
#panel .brand{
    float: right;
    margin: 20px;
}
#panel button.toggle-button{
    top: 0;
    left: 0;
    width: 50px;
    height: 35px;
    position: fixed;
    margin: 20px;
    font-size: 35px;
    color: #fff;
    text-shadow: 1px 1px 1px #193d60;
    z-index: 999;
}


#menu>ul>li>a span{
    font-weight: bold;
}

#menu>ul>li{
    margin-left: 20px;
}

#menu>ul>li>ul{
    margin-left: 20px;
}
#menu>ul{
    margin-top: 20px;
}

#menu ul.lang li{
    margin-top: 20px;
    float: left;
    padding: 10px 10px 0 0;
    list-style-type: none;
}



/* *********************************************************************
                        HOVER BUTTONS
******************************************************************* */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #193d60;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}





.hoverEffect {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hoverEffect:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #193d60;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hoverEffect:hover, .hoverEffect:focus, .hoverEffect:active {color: white;}
.hoverEffect:hover:before, .hoverEffect:focus:before, .hoverEffect:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}

.hvr-sweep-to-bottom.borderFreshGreen:before {background-color: #8faf38;}

.hoverEffect.borderFreshGreen:before {background-color: #8faf38;}
#mapa .borderFreshGreen:hover {background-color: #8faf38;}
.hoverEffect.borderGreen:before {background-color: #55a746;}
.hoverEffect.borderFreshBlue:before {background-color: #4dbbe1;}
.hoverEffect.borderYellow:before {background-color: #deb02e;}
.hoverEffect.borderPurple:before {background-color: #af4ccc;}
.hoverEffect.buttonWhite:before {background-color: #FFFFFF;}



/* the important styles */

.arrow-wrap {
  position:absolute;
  z-index:1;
  left:50%;
  top:-10em;
  margin-left:-5em;
  width:10em;
  height:10em;
  padding:4em 2em;
  font-size:0.5em;
  display:block;
}

.arrow {
  float:left;
  position:relative;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color: #ffffff transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}

.arrow:after {
  content:'';
  position:absolute;
  top:-3.2em;
  left:-3em;
  width: 0px;
height: 0px;
border-style: solid;
border-width: 3em 3em 0 3em;
border-color:  transparent transparent transparent;
  -webkit-transform:rotate(360deg)
}


.hint {
  position:absolute;
  top:0.6em;
  width:100%;
  left:0;
  font-size:2em;
  font-style:italic;
  text-align:center;
  color:#fff;
  opacity:0;
}


.arrow-wrap:hover .hint {
  opacity:1;
}


  @-webkit-keyframes arrows {
    0% { top:0; }
    10% { top:12%; }
    20% { top:0; }
    30% { top:12%; }
    40% { top:-12%; }
    50% { top:12%; }
    60% { top:0; }
    70% { top:12%; }
    80% { top:-12%; }
    90% { top:12%; }
    100% { top:0; }
  }

  .arrow-wrap .arrow {
    -webkit-animation: arrows 2.8s 0.4s;
    -webkit-animation-delay: 3s;
  }

 /****** PAGINACAO ****/
.pagination>li>a, .pagination>li>span {border:3px solid #193d60 !important; color: #193d60; margin-left:10px;border-radius:0px;font-weight: bold;}
.pagination>li.active>a, .pagination>li.active>span {background-color: #193d60; color:#FFF;}
.pagination>li:hover>a, .pagination>li:hover>span, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #193d60; color:#FFF;}
.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius: 0px;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 0px;}


.mobile  nav ul li a:hover{text-decoration: underline;}
.mobile .barcos .modal-header button{top:-10px;}
.mobile .canoas-services .box{width: 100%;}
.mobile .paddle-services .box, .mobile .c-anim-btn{height: auto !important;width: 100%;}
.mobile .paddle-services .box:hover{background-color: #FFF}
.mobile  .c--anim-btn span{height: auto !important;}
.mobile .lagoAlqueva .boxDownload, .lagoAlqueva .boxDownloadInner {
    height: 100px;
    width: 100%;
    float: right;
    margin-top: 10px;
    margin-bottom: 20px}
.mobile .lagoAlqueva .title{line-height: 45px;}
.mobile .boxAtividadeInner-title{line-height: 20px;}
.mobile .mediaNews, .mobile .mediaNews .modal-body{padding:0px !important;}
.mobile .modal .mediaContent .title, .mobile .modal .title{font-size: 25px;line-height: 25px;}
.mobile .modal .mediaContent img {margin-top: 20px; margin-bottom: 20px;}
.mobile .boxMediaInner .title{line-height: 15px;}
.mobile .boxMediaInner .source{bottom:0px}
.mobile section.icon{margin-top:-45px;}
.mobile .iconCircle{width: 90px;height:90px;border-radius: 45px;}
.mobile .icon i img{width: 50%}
.mobile .csr .col-md-3{margin-bottom: 10px}
.mobile footer .copy, .mobile footer .author{font-size: 10px;margin-bottom: 10px;}
.mobile .barcosCasa .boxProduct{height: 320px}
.mobile .boxProductInner.borderFreshGreen.boats{height:330px}
.mobile .barcosCasa .boxProductInner-title, .mobile .barcosCasa  .boxProductInner-info{margin:0px;}
.mobile .barcosCasa .boxProductInner .moreInfo{bottom:-82px;}
.mobile .barcosCasa .boxProductInner .btn360{bottom:-85px;left:115px;}
.mobile .barcosCasa .boxProductInner .reserveNow{bottom:-40px;left:28px;padding: 7px;}
.mobile .barcosCasa .boxProductInner-title{font-size: 18px;}
.mobile section .box:nth-child(even) .moreInfo, -mobile section .box:nth-child(odd) .moreInfo{margin:  310px 10px auto 60%;}
.mobile img.imageFull{width: 100%;}
.mobile .modal.barcos{top: 600px !important;}
.mobile .modal.barcos{height: 1200px;}
.mobile .stamp img, .mobile .stampHome img{width: 70px;}
.mobile .stamp{z-index: 900;position: absolute;top:-70px;left:65%}
.mobile .stampHome{z-index: 900;position: absolute;top:330px;left:65%}

.mobile #mapa .modal-body{width: 100%}

.mobile .modal-dialog.modal-lg{width: 85%;}
.mobile #onload .modal-content, .mobile #onload .modal-body, .mobile #onload .modal-dialo{width: 300px;}
@media print {

    footer, header, .wrap_button{display: none !important;}
}

@media only screen
    and (min-device-width : 414px)
    and (max-device-width : 736px)
    and (orientation : landscape)
{
   .mobile .barcosCasa .boxProductInner .reserveNow{bottom:-86px !important;left:170px;padding: 8px;}
}



.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
    font-weight: bold;
}

.stepwizard-step p{
    width: 100px;
    margin:5px auto;
    font-size: 11px;
    font-weight: bold;
    color: #55a746;
}

.stepwizard-step.disabled p{
    width: 100px;
    margin:5px auto;
    font-size: 11px;
    font-weight: bold;
    color: #CCC;
}

.stepwizard-step.disabled .btn-success{
    background-color: #CCC;
    border:#CCC;
}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

input:-moz-read-only { /* For Firefox */
    background-color: transparent;
}

input:read-only {
    background-color: transparent;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{    background-color: transparent;}

.w120{width: 120px;}