/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 23/out/2018, 15:21:15
    Author     : XO
*/
body {
    /*    background: #ffffff url("../images/92kalpha.png")  center center no-repeat;
        background-size: contain;
        background-position: top;*/
}
nav {
    height:150px!important;
    max-height:150px!important;
}
.mainLeft {
    background: #ffffff url("../lisbon.jpg") 50% 50%;
    animation:colunaImpar 1s forwards;
    animation-timing-function: ease-in-out!important;
    animation-delay: 200ms;
    animation-fill-mode: forwards;
}
.mainCenter {
    background: #ffffff url("../mercedeshalf.jpg") center center;
    animation:colunaImpar 1s;
    animation-timing-function: ease-in-out!important;;
    animation-fill-mode: forwards;
    animation-delay: 400ms;
}
.mainRight {
    background: #ffffff url("../people.jpg") center center;
    animation:colunaImpar 1s ;
    animation-timing-function: ease-in-out!important;
    animation-fill-mode: forwards;
    animation-delay: 600ms;
}
.mainLeft, .mainCenter, .mainRight, .main92k {
    opacity:0;
    position:relative!important;
    height:100vh!important;    
    background-size:cover;filter: grayscale(100%);
    padding:0px!important;
    transition:1s;
    -webkit-transition:1s;
    animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);


}
.bgStrip {
    opacity:0;
    animation:colunaPar 1s  forwards;
    animation-timing-function: ease-in-out;
    animation-delay: 600ms;
    position:relative;
    height:200px;
    /*animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);*/
}
.mainCenter .bgStrip {
    animation-delay:800ms;
}
.mainRight .bgStrip {
    animation-delay:1000ms;
}
.mainLeft div, .mainCenter div, .mainRight div {
    padding:0.5rem 1rem 0.5rem 1rem;
}
.mainLeft:hover, .mainCenter:hover, .mainRight:hover {
    filter: grayscale(0%);
    background-position:40% 50%;
    /*//transition:1s;*/
    transition: all 900ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -webkit-transition: all 900ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.mainLeft:hover h4, .mainCenter:hover h4, .mainRight:hover h4 {
    //display:none; 
}
.mainCenter:hover {
    filter: grayscale(0%);
    background-position:right;
    transition:1s;
    -webkit-transition:1s;
}
.pad {
    padding:0.5rem 1rem 0.5rem 1rem;  
}

.mainLeft:hover .bgStrip {
    /*height:80%;*/
    transition:height 1s;
}

.main92k {
    position:relative;
    background-color:#222;
    transition:1s;
    -webkit-transition:1s;
    filter:grayscale(0%);
    animation:colunaPar 1s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
.main92k:hover {
    /*background-color:#bbd753;*/
    background-color:#fff;
    transition:500ms;
    -webkit-transition:500ms;

}
.main92k:hover .logoW{
    visibility: hidden;
    transition:300ms;
    -webkit-transition:300ms;
}
.main92k:hover .logo{
    visibility: visible;
    -webkit-transition: all 900ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    transition: all 900ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.main92k h2, .main92k p {
    color:#FFF;
}

.main92k:hover h2, .main92k:hover p {
    color:#555;
    transition: all 900ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
    -webkit-transition: all 900ms cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
h4 {
    /*font-variant:small-caps;*/
    font-weight: 800;
}
.logoW {
    width:40%;
    min-width:120px;
    display:block;
    position:absolute;
    top:20px;
    left:30%;
}
.logo {
    width:40%;
    min-width:120px;
    visibility: hidden;
    display:block;
    position:absolute;
    left:0%;
    z-index:3;
    top:20px;margin-left:30%!important
}

h4, p {

    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;
}
.cXO, .fade {
    opacity:0;
    animation: fadein 2s;
    animation-delay:2500ms;
    animation-fill-mode: forwards;
}

.button {
    border:1px solid white!important;
}
.button:hover {
    color:#bbd753!important;
    border:1px solid transparent!important;
    border-bottom:1px solid #bbd753!important;
}
.row {
    margin-bottom:0px!important;
}
.greenBG {
    background-color:#bbd753!important;
}
.greenBG2 {
    background-color:#90ab2a!important;
}
.separator {
    background-color:#bbd753;
    height:2px;
    min-height:2px;
    line-height:2px;
    clear:both;
    display:block;
}

#navbarX, #navbarX2 {
    background-color: #222; /* Black background color */
    position: fixed; /* Make it stick/fixed */
    top: -70px; /* Hide the navbar 50 px outside of the top view */
    width: 100%; /* Full width */
    transition: top 0.3s; /* Transition effect when sliding down (and up) */
    z-index:99999;
    height:60px;
    /*border-bottom:1px solid #444;*/
}
#navbarX2 {
    top:0px;
    /*background-color: #90ab2a;*/
    /*background-color: #3d4d00;*/
    background-color: #222;

}

/* Style the navbar links */
#navbarX a, #navbarX2 a {
    float: right;
    display: block;
    color: #DDD;
    font-weight: 800;
    text-align: center;
    padding: 15px;
    text-decoration: none;
    text-transform: uppercase;
    font-size:0.8em;
    margin-left:15px;
    border-bottom:3px solid transparent!important;
    transition:500ms;

}

#navbarX a:hover,#navbarX2 a:hover {
    /*background-color: #ddd;*/
    transition:500ms;
    color: white;
    background-color:#90ab2a!important;
    border-bottom:3px solid #bbd753!important;
}
#menuT {
    position:fixed!important;
    top:10px!important;
    left:10px!important;
    color:#CCC!important;
    z-index:2;
}
.cBG {
    background: rgb(144,171,42); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(144,171,42,1) 0%, rgba(144,171,42,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%)!important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(144,171,42,1) 0%,rgba(144,171,42,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(144,171,42,1) 0%,rgba(144,171,42,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cBG2 {
    background-color:#222;
    background: linear-gradient(to bottom, rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.cBG3 {
    background-color:#222;
    background: linear-gradient(to bottom, rgba(34,34,34,1) 0%,rgba(34,34,34,1) 50%,rgba(100,100,100,1) 50%,rgba(100,100,100,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.gText {
    color: #bbd753!important;
}

/* label color */
.input {
    background-color:#FFF!important;
    color: #FFF!important;
}

.input-field label {
    /*color: #bbd753!important;*/
}
/* label focus color */
.input-field input[type=text]:focus + label {
    color: #bbd753!important;
}
/* label underline focus color */
.input-field input[type=text]:focus {
    border-bottom: 1px solid #bbd753!important;
    box-shadow: 0 1px 0 0 #bbd753!important;
}
/* valid color */
.input-field input[type=text].valid {
    border-bottom: 1px solid #bbd753!important;
    box-shadow: 0 1px 0 0 #bbd753!important;
}
.iconsAlign {
    vertical-align:middle;
    font-size:25px;
    position:relative;
    top:-2px;
    color:#bbd753;
}

.bgImage{
    /*background-image: url('../img/retina.jpg');*/
    /*background-image:url('../images/tours3_3.jpg');*/
    background-size:cover;
    background-color:#6b8215;
}

@media screen and (min-width: 1024px){
    .bgImage{
        /*background-image: url('../img/retina.jpg');*/
        background-image:url('../images/tours3_4.jpg');
        background-size:cover;
    }
}

.card-content {
    padding:15px 10px 10px 10px!important;
}

.card {
    border:0px solid #EEE;
}
.card:hover {
    /*border:0px solid transparent;*/

}
.card-image img {
    filter:grayscale(100%);
    transition:500ms;
    /*border-radius: 10px!important;*/
}
.card:hover .card-image img {
    filter:grayscale(0%);
    transition:500ms;
}
.card:hover .card-image {
    background-color:#bbd753;
    /*border-radius:10px 10px 0 0 !important;*/
}

.card:hover .card-content {
    background-color:#bbd753;
    color:#FFF;
    transition:500ms;
    /*border-radius:0px 0px 10px 10px!important;*/
}
a {
    color:#FFF!important;
}
a:hover {
    color:#bbd753!important;
}
.roundB {
    background-color:#bbd753;
    padding:10px;
    border-radius: 50%;
}

.tabs .tab a {
  color: rgba(10, 10, 10, 1)!important;
  /*Custom Text Color*/
}

.tabs .tab a:hover {
  color:#26a69a;
  /*Custom Color On Hover*/
}

.tabs .tab a:focus.active {
  color:#26a69a;
  font-weight:600;
  /*Custom Text Color While Active*/
  background-color: rgba(255, 255, 255, 1);
  /*Custom Background Color While Active*/
}

.tabs .indicator {
  background-color:#bbd753;
  /*Custom Color Of Indicator*/
}

.input-field .prefix.active {
     color:#bbd753!important;
   }
.material-icons .prefix .active{
    
}
.input-field textarea:focus + label {
  color: #bbd753 !important;
}

.row .input-field textarea:focus {
  border-bottom: 1px solid #bbd753 !important;
  box-shadow: 0 1px 0 0 #bbd753 !important
}


button#ihavecookiesBtn {
    margin-left: 0px !important;
}
/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #bbd753;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
    font-family: system-ui;
}
#gdpr-cookie-message h4 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: var(--red);
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: white;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: var(--red);
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted rgba(255,255,255,0.75);
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color: white;
    border-bottom-color: var(--red);
    transition: all 0.3s ease-in;
    background-color:#bbd753;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: #DDD;
    color: white;
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: #AAA;
    color: var(--red);
    transition: all 0.3s ease-in;
}
button#gdpr-cookie-advanced {
    background: white;
    color: var(--red);
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}