/*======================================= CUSTOM CSS START =======================================*/

/*********************************** FONTS IMPORT ***********************************/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Gloria+Hallelujah');

/*********************************** GENERAL ***********************************/
html{
    font-size: 16px;
    font-weight: normal;
    overflow-y: scroll;
    overflow-x: hidden;
}
body{
    font-size:16px;
    font-family: 'Roboto Condensed', sans-serif;
    margin:0;
    padding:0;
    height:100%;
}
a{ color:#333; }
a:hover{ text-decoration: none; }
a.disabled{
    opacity: 0.3;
    cursor: not-allowed;
}
p{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
}
h1,h2,h3,h4,h5{
    margin-bottom: 40px;
    font-weight: 700;
}
ul {
    padding: 0 0 0 0px;
    color:#fff;
}

/********************************** THEME ASSETS **********************************/
/* Sections */
/* Content */
section#content{
    margin-top: 50px;
}

/* Sobre */
section#sobre{
    padding: 50px 0px 50px;
    background-color: #ececec;
}

/* Prémios */
section#premios{
    padding: 50px 0px 50px;
    background-color: #fff;
}
section#premios ul{
    list-style-type: none;
    margin-right: auto;
    padding-left:0px;
}
section#premios ul li{
    display:inline;
    font-size: 0.9em;
}
section#premios ul li > a{
    padding: 4px 13px;
    border-radius: 16px;
    border:2px solid #333;
    color:#3c3c3c;
    text-decoration: none;
}
section#premios ul li > a:hover{
    border-radius: 16px;
    border:2px solid #3c3c3c;
    color:#fff;
    background-color: #3c3c3c;
}
.owl-carousel .owl-item{
    -webkit-perspective: 1000;
}
.premios_carousel__bg{
    width: 100%;
    height: 150px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.premios_carousel__data{
    color: #c7d83c;
    margin: 20px 0;
}
.premios_carousel__text{
    margin: 0;
}
#premios_carousel .owl-nav .owl-prev{
    position: absolute;
    top: 60%;
    left: -50px;
    border-radius: 0 !important;
    color: #bde4f7;
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    opacity: 0.85 !important;
}
#premios_carousel .owl-nav .owl-next{
    position: absolute;
    top: 60%;
    right: -50px;
    border-radius: 0 !important;
    color: #00abc4;
    border-color: transparent !important;
    background-color: transparent !important;
    padding: 0 !important;
    opacity: 0.85 !important;
}
.borderSlider {
    border-radius: 30px;
    border: 2px solid #000;
    padding: 7px;
    font-size: 0.5em;
    color: #000;
}
#premios_carousel .owl-nav .owl-prev:hover .borderSlider,
#premios_carousel .owl-nav .owl-next:hover .borderSlider{
    border: 2px solid #333 !important;
    background-color: #333 !important;
    color: #fff !important;
}
/* Contactos */
section#contactos{
    padding: 50px 0px 50px;
}
section#contactos ul{
    list-style-type: none;
    margin-right: auto;
    padding-left:0px;
}
section#contactos ul li{
    display:inline;
    padding: 4px 13px;
    font-size: 0.9em;
}
section#contactos ul li > a {
    border-radius: 16px;
    border:2px solid #fff;
    padding: 4px 13px;
    color:#fff;
    text-decoration: none;
}
section#contactos ul li > a:hover {
    border-radius: 16px;
    border:2px solid #fff;
    color:#3c3c3c;
    background-color: #fff;
 }

/* Footer */
section#footer{
    margin-top: 0px;
}
.footer{
    min-height: 50px;
    padding:30px;
    font-size: 0.9em;
}
.dev-by{
    text-align: right;
}
/* Slider Content */
#parque{
    height: 700px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    background-image: url('../images/parque_slider.png');
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
#parque_small{
    min-height: 235px;
    height: auto;
    vertical-align: middle;
    text-align: center;
    position: relative;
    background-image: url('../images/parque_slider.png');
    background-position: center center;
    background-repeat: no-repeat;
}
#ecomuseu{
    height: 700px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    background-image: url('../images/ecomuseu_slider.png');
    background-size: 1400px;
    background-position: right center;
    background-repeat: no-repeat;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
#ecomuseu_small{
    min-height: 260px;
    height: auto;
    vertical-align: middle;
    text-align: center;
    position: relative;
    background-image: url('../images/ecomuseu_slider.png');
    background-size: 800px;
    background-position: right center;
    background-repeat: no-repeat;
}
#templo{
    height: 700px;
    vertical-align: middle;
    text-align: center;
    position: relative;
    background-image: url('../images/templo_slider.png');
    background-size: 1400px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: width 0.3s ease;
    -moz-transition: width 0.3s ease;
    -o-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
#templo_small{
    min-height: 235px;
    height: auto;
    vertical-align: middle;
    text-align: center;
    position: relative;
    background-image: url('../images/templo_slider.png');
    background-size: 800px;
    background-position: center;
    background-repeat: no-repeat;
}
#parque .colImageParque img{
    height: 171px;
}
#ecomuseu .colImageEco img {
    height: 171px;
}
#templo .colImageTemplo img {
    height: 171px;
}

/* Custom buttons */
.borderlanghome {
    border-radius: 16px;
    border:1px solid #333;
    padding: 2px 8px;
    margin-top: -5px;
}
.borderThickerBlack {
    border-radius: 16px;
    border:2px solid #333;
}
.borderThickerBlack:hover{
    border-radius: 16px;
    border:2px solid #333;
    color:#fff;
    background-color: #3c3c3c;
}
.borderThickerWhite {
    border-radius: 16px;
    padding:4px 13px;
    border:2px solid #fff;
    color:#fff;
    white-space: nowrap;
}
.borderThickerWhite:hover{
    border-radius: 16px;
    padding:4px 13px;
    border:2px solid #fff;
    color:#3c3c3c;
    background-color: #fff;
    white-space: nowrap;
}
.borderThickerWhiteSmall {
    border-radius: 16px;
    padding:5px 13px;
    font-size:0.8em;
    border:2px solid #fff;
    color:#fff;
    text-align: left;
    white-space: nowrap;
    background: none;
}
.borderThickerWhiteSmall:hover{
    border-radius: 16px;
    padding:5px 13px;
    font-size:0.8em;
    border:2px solid #fff;
    color:#3c3c3c;
    background-color: #fff;
    white-space: nowrap;
}
.main-title{
    font-size: 2.313em;
}
/* Colors (Backgrounds) */
.backlightGreen{background-color: rgba(145, 176, 71, 1); }
.backintermGreen{background-color: #799b3c;}
.backparkGreen{background-color: #93bb4c;}
.backdarkGreen{background-color: #214107;}
.backdarkGrey{background-color: rgba(60, 60, 60, 1); }
.backdarkRed{background-color: rgba(202, 73, 33, 1); }

/* Colors (Text) */
.textlightGreen{color: #91b047;}
.textintermGreen{color: #799b3c;}
.textparkGreen{color: #c7d83c;}
.textdarkGreen{color: #214107;}
.textdarkGrey{color: #3c3c3c;}
.textdarkRed{color: #ca4921;}

/********************************** BOOTSTRAP OVERRIDE **********************************/

.col-sm-12 {
    padding-left: 0px;
    padding-right: 0px;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset text-align */
    text-align:left;
    /* inline-block space */
    margin-right:-5px;
    text-align: center;
}
.col-centered-no-float {
    display:inline-block;
    /* reset text-align */
    text-align:left;
    /* inline-block space */
    margin-right:-5px;
    text-align: center;
}
.col-left {
    display:inline-block;
    float: left;
    /* reset text-align */
    text-align:left;
    /* inline-block space */
    margin-right:-5px;
}

/* Navbar */
.nav {
    margin-top: 40px;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.8em;
}
.navbar-default {
    background-color: none;
    background: none;
    border:none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
}
.navbar-nav>li>a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 20px;
}

/*********************************** MISC ***********************************/
/* Google translate CSS Edit */
.goog-te-gadget-simple .goog-te-menu-value {
    font-family: 'Roboto Condensed', sans-serif;
}
#google_translate_element {
    background-color: rgba(243, 243, 243, 0.9);
}
#google_translate_element .goog-te-gadget-simple {
    background-color: rgba(243, 243, 243, 0.9);
    border: none;
}
.goog-te-gadget-simple .goog-te-menu-value span {
    padding: 0px 4px;
}
.goog-te-gadget-simple .goog-te-menu-value span a {
    text-decoration: none;
}
.goog-te-gadget img {
    display:none;
}

/* Button/link State */
.activeContactos{
    border-radius: 16px;
    border:2px solid #fff;
    background-color: #fff;
    color: #3c3c3c!important;
}
.activePremios{
    border-radius: 16px;
    border:2px solid #fff;
    background-color: #3c3c3c;
    color: #fff!important;
}
.scrollToTop{
    width:100px;
    height:130px;
    padding:10px;
    text-align:center;
    font-weight: bold;
    color: #91b047;
    text-decoration: none;
    position:fixed;
    bottom:50px;
    right:30px;
    display:none;

}
.scrollToTop:hover{
    text-decoration:none;
    color:#91b047;
}

/* HR´s */
hr.style-one {
    border: 0;
    height: 1px;
    width: 20%;
    margin-top: 20px;
    margin-bottom: 20px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* Other Colors (Backgrounds) */
.backdarkerGrey{background-color: #333;}

/* Other Colors (Text) */
.textwhite{color: #fff;}
.textlightgrey{color: #ececec;}
.textgrey{color: #ccc;}

/* Borders */
.borderleft{ border-left: 1px solid #000; }
.borderright{ border-right: 1px solid #000; }

/* Dividers */
.divider2{margin-top: 1%; margin-bottom: 1%;}
.divider4{margin-top: 2%; margin-bottom: 2%;}
.divider6{margin-top: 3%; margin-bottom: 3%;}
.divider8{margin-top: 4%; margin-bottom: 4%;}
.divider10{margin-top: 5%; margin-bottom: 5%;}
.divider20{margin-top: 10%; margin-bottom: 10%;}
.divider30{margin-top: 15%; margin-bottom: 15%;}
.divider40{margin-top: 20%; margin-bottom: 20%;}
.divider50{margin-top: 25%; margin-bottom: 25%;}
.divider60{margin-top: 30%; margin-bottom: 30%;}
.divider70{margin-top: 35%; margin-bottom: 35%;}
.divider80{margin-top: 40%; margin-bottom: 40%;}

/* Padding */
.padding10{padding:1em;}
.padding20{padding:2em;}
.padding30{padding:3em;}
.padding40{padding:4em;}
.padding50{padding:5em;}

/* Padding Right */
.paddingr2{padding-right: 0.2em;}
.paddingr5{padding-right: 0.5em;}
.paddingr10{padding-right: 1em;}
.paddingr20{padding-right: 2em;}
.paddingr30{padding-right: 3em;}
.paddingr40{padding-right: 4em;}
.paddingr50{padding-right: 5em;}
.paddingr60{padding-right: 6em;}

/* Padding Left */
.paddingl2{padding-left: 0.2em;}
.paddingl5{padding-left: 0.5em;}
.paddingl10{padding-left: 1em;}
.paddingl20{padding-left: 2em;}

/* Margins */
.marginL10{margin-left:10%;}
.marginR10{margin-right:10%;}
.mTop2{margin-top: 2%;}
.mTop5{margin-top: 5%;}
.mTop10{margin-top: 10%;}
.mTop20{margin-top: 20%;}
.mTop30{margin-top: 30%;}
.mTop40{margin-top: 40%;}
.mTop50{margin-top: 50%;}
.mTop60{margin-top: 60%;}
.mTop70{margin-top: 70%;}
.mTop80{margin-top: 80%;}
.mBot2{margin-bottom: 2%;}
.mBot5{margin-bottom: 5%;}
.mBot10{margin-bottom: 10%;}
.mBot20{margin-bottom: 20%;}
.mBot30{margin-bottom: 30%;}
.mBot40{margin-bottom: 40%;}
.mBot50{margin-bottom: 50%;}
.mBot60{margin-bottom: 60%;}
.mBot70{margin-bottom: 70%;}
.mBot80{margin-bottom: 80%;}


/*********************************** TEXT ***********************************/
.textRight{ text-align: right; }
.textLeft{ text-align: left; }
h1.maintitlewhite{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 2em; color:#fff;
    font-weight: bold;
}
h2.maintitlewhite{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    color:#fff;
    font-weight: bold;
}
h3.maintitlewhite{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 2.313em;
    color:#fff;
    font-weight: bold;
}
p.textwhite{
    font-size: 1.063em;
    color:#fff;
    font-weight: normal;
    font-family: 'Roboto Condensed', sans-serif;
}

/*********************************** IMAGES ***********************************/
img.image {
    display: block;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}
img.image-open {
    display: block;
    margin: auto;
    margin-top: -50px;
    margin-bottom: 50px;
    margin-left: 10px;
}

/*********************************** TABLES ***********************************/


/*********************************** DIVS ***********************************/
.colImageParque{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    margin: auto;
}
.colTextParque{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: calc(100% - 250px);
    margin: auto;
    display: none;
}
.colImageEco{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    margin: auto;
}
.colTextEco{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: calc(100% - 250px);
    margin: auto;
    display: none;
}
.colImageTemplo{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 50%;
    margin: auto;
}
.colTextTemplo{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: calc(100% - 250px);
    margin: auto;
    display: none;
}

/*********************************** MEDIA QUERIES ***********************************/

/* XL */
@media screen and (max-width: 1367px) and (min-width: 1201px){
    .colTextParque_small{
        margin-left: 60px;
        margin-right: 175px;
        margin-bottom: 40px;
    }
    .colTextEco_small{
        margin-left: 60px;
        margin-right: 175px;
        margin-bottom: 40px;
    }
    .colTextTemplo_small{
        margin-left: 60px;
        margin-right: 175px;
        margin-bottom: 40px;
    }
    section#contactos ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    section#premios ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

/* LG */
@media screen and (max-width: 1200px) and (min-width: 993px) {
    .colTextParque_small{
        margin-left: 45px;
        margin-right: 175px;
        margin-bottom: 40px;
    }
    .colTextEco_small{
        margin-left: 45px;
        margin-right: 175px;
        margin-bottom: 40px;
    }
    .colTextTemplo_small{
        margin-left: 45px;
        margin-right: 175px;
        margin-bottom: 40px;
    }
    section#contactos ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    section#premios ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .mTop5 {
        margin-top: 0%;
    }
    .filterContactos{
        margin-top: 300px;
    }
    .footer .text-center {
        line-height: 5px;
    }
    .footer {
        margin-bottom: 15px;
    }
}

/* Landscapes */
@media only screen
  and (min-device-width: 1024px)
  and (max-device-width: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    img.image {
        margin-bottom: 5px;
        margin-top: 30px;
        margin-left: 61px;
    }
}
@media only screen
  and (min-device-width: 800px)
  and (max-device-width: 1024px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 2) {
    img.image {
        margin-bottom: 5px;
        margin-top: 30px;
        margin-left: 61px;
    }
}

/* MD */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    img.image {
        margin-bottom: 20px;
        margin-top: 25px;
        margin-left: 50px;
    }
}

@media screen and (max-width: 992px) and (min-width: 769px) {
    .colTextParque_small{
        font-size: 12px;
        padding-left: 85px;
        padding-right: 175px;
        margin-bottom: 40px;
    }
    .colTextEco_small{
        font-size: 12px;
        padding-left: 85px;
        padding-right: 175px;
        margin-bottom: 40px;
    }
    .colTextTemplo_small{
        font-size: 12px;
        padding-left: 85px;
        padding-right: 175px;
        margin-bottom: 40px;
    }
    img.image {
        margin-bottom: 5px;
        margin-top: 30px;
        margin-left: 85px;
    }
    section#contactos ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    section#premios ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .filterContactos{
        margin-top: 320px;
    }
}

/* SM */
@media screen and (max-width: 768px) and (min-width: 577px) {
    .navbar-default .navbar-collapse{
        z-index: 1;
        margin-top: 20px;
        border:none;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
        margin-top: 30px;
        border: none;
        background-color: #fff;
        color: #91b047;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #91b047;
    }
    .footer .text-center{
        line-height: 5px;
    }
    section#contactos ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    section#premios ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .templo{
        margin-top: 220px;
    }
    .scrollToTop {
        margin-right: -35px;
        font-size: 0.5em;
    }
    .borderlanghome {
        border: none;
    }
    img.image {
        margin-bottom: 20px;
        margin-top: 25px;
        margin-left: 85px;
    }
    .colTextParque_small{
        font-size: 9px;
        padding-left: 85px;
        padding-right: 175px;
        margin-bottom: 20px;
    }
    .colTextEco_small{
        font-size: 9px;
        padding-left: 85px;
        padding-right: 175px;
        margin-bottom: 20px;
    }
    .colTextTemplo_small{
        font-size: 9px;
        padding-left: 85px;
        padding-right: 175px;
        margin-bottom: 20px;
    }
    h3.maintitlewhite{
        margin-bottom: 20px;
    }
    .filterContactos{
        margin-top: 315px;
    }
}

@media only screen and (min-width : 768px) {
    /* mudar em mobile para tirar o hover e colocar click*/
    .menuhover:hover > .dropdown-menu{
        display: block;
    }
    /*end mobile hover*/
}

/* XS */
@media screen and (max-width: 576px) and (min-width: 321px) {
    .navbar-default .navbar-collapse{
        z-index: 1;
        margin-top: 20px;
        border:none;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
        margin-top: 30px;
        border: none;
        background-color: #fff;
        color: #91b047;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #91b047;
    }
    .footer{
        text-align: center;
    }
    .dev-by{
        text-align: center;
    }
    section#contactos ul li{
        margin-bottom: 10px;
        margin-top: 10px;
    }
    section#premios ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .filterContactos{
        margin-top: 220px;
    }
    .scrollToTop {
        margin-right: -35px;
        font-size: 0.5em;
    }
    .borderlanghome {
        border: none;
    }
    .footer {
        margin-bottom: 12px;
    }
    .borderThickerWhiteSmall {
        padding: 2px 9px;
        font-size: 0.875em;
    }
    .borderThickerWhiteSmall:hover {
        padding: 2px 9px;
        font-size: 0.875em;
    }
    img.image {
        margin-bottom: 10px;
        margin-top: 25px;
        margin-left: 45px;
    }
    .colTextParque_small{
        padding-left: 45px;
        padding-right: 75px;
        margin-bottom: 20px;
    }
    .colTextEco_small{
        padding-left: 45px;
        padding-right: 75px;
        margin-bottom: 20px;
    }
    .colTextTemplo_small{
        padding-left: 45px;
        padding-right: 75px;
        margin-bottom: 20px;
    }
    h3.maintitlewhite{
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 320px) {
    .navbar-default .navbar-collapse{
        z-index: 1;
        margin-top: 20px;
        border:none;
    }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {
        margin-top: 30px;
        border: none;
        background-color: #fff;
        color: #91b047;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #91b047;
    }
    .footer .text-center{
        line-height: 5px;
    }
    .filterContactos{
        margin-top: 205px;
    }
    section#contactos ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    section#premios ul li {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .templo{
        margin-top: 220px;
    }
    .scrollToTop {
        margin-right: -35px;
        font-size: 0.5em;
    }
    .borderlanghome {
        border: none;
    }
    .footer {
        margin-bottom: 12px;
    }
    .borderThickerWhiteSmall {
        padding: 2px 9px;
        font-size: 0.7em;
    }
    img.image {
        margin-bottom: 10px;
        margin-top: 25px;
        margin-left: 45px;
    }
    .colTextParque_small{
        padding-left: 45px;
        padding-right: 75px;
        margin-bottom: 20px;
    }
    .colTextEco_small{
        padding-left: 45px;
        padding-right: 75px;
        margin-bottom: 20px;
    }
    .colTextTemplo_small{
        padding-left: 45px;
        padding-right: 75px;
        margin-bottom: 20px;
    }
    h3.maintitlewhite{
        margin-bottom: 20px;
    }
}


/*======================================= CUSTOM CSS END =======================================*/