/*
 * Start Bootstrap - Half Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
html,
body {
    height: 100%;
}
/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */
.carousel,
.activities-header {
    height: 70%;
}
.item,
.active,
.carousel-inner {
    height: 100%;
}
.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
/*OVERRIDES CAROUSEL*/
.carousel-caption h1,
.carousel-caption h2 {
    color: #9E0444;
    font-weight:bold;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-shadow: 5px 3px 2px #0C3292, 1px -1px 2px #A3A4A5, -3px 3px 1px #0C3292, 5px -3px 0px #0C3292, 0px -4px 1px #0C3292, 3px 1px 1px #0C3292, -4px 0px 0px #0C3292, 5px 1px 5px #A3A4A5;
    /*Bootstrap Shadow: text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/
}
.carousel-caption h1 {
    font-size:3.5em;
}
.carousel-caption h2 {
    font-size: 2em;
}
.carousel-caption span.white {
    color:#ffffff;
}
.carousel-caption span.yellow {
    color:#FFBB02;
}
.carousel-caption h1:active,
.carousel-caption h1:hover,
.carousel-caption h2:active,
.carousel-caption h2:hover {
    color: #A3A4A5;
}
/*CONTENT*/
/*content-section*/
@media screen and (min-width:768px) {
}
.content-section ul {
    margin-bottom: 4em;
}
#activities {
    background-color: #e9e9e9;
}
/*TABLE*/
#activities-table {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#activities-table tr a{
    margin-right: 14em;
}
#activities-table-xs-sm td{
    padding-top:1em;
    padding-bottom:1em;
}
#activities-table tr td photo_box:last-child a{
    margin-right: 0;
}
.table-responsive > tbody > tr > td, 
.table-responsive > tbody > tr > th, 
.table-responsive > tfoot > tr > td, 
.table-responsive > tfoot > tr > th, 
table > thead > tr > td, 
.table-responsive > thead > tr > th {
    border: none;
    text-align: left;
}
.table-bordered th,
.table-bordered td {
    border: 1px solid #ddd !important;
}
#activities-table,
.inner-more {
    margin-left: 1em;
    margin-right: 1em;
}
#activities-table-xs-sm td {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    text-align: center;
}
#activities-table td {
    padding-top: 0.8em;
    padding-bottom: 0.8em;
}
#activities-table a p {
    text-align: center;
}
#activities-table-xs-sm td a:link,
#activities-table-xs-sm td a:hover,
#activities-table-xs-sm td a:focus,
#activities-table-xs-sm td a:active {
    color: #0C3292;
}
.table-responsive a {
    color: #6F7072;
    font-size: 1.2em;
}
.table-responsive a:active,
.table-responsive a:hover {
    text-decoration:none;
    color: #333333;
}
/*ISOTOPE ACTIVITIES*/
/*general layout*/
/*animations*/
.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.2s;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.animation:not(.visible) {
    opacity: 0;
}
.animation.animated {
    opacity: 1;
}
.animated.scaleUp {
    -webkit-animation-name: scaleUp;
    -moz-animation-name: scaleUp;
    -o-animation-name: scaleUp;
    animation-name: scaleUp;
}
.isotope_grid .isotope_item .pic_box img {
    width: 100%;
}
.photo_box img {
    /*
    width: 100%;
    max-width: 100%;
    */
}
.animation img {
    max-width: 100%;
}
/*isotope grid*/
.isotope_grid {
    width: 100%;
    overflow: hidden;
}
.isotope_grid .isotope_main {
    width: 100%;
    overflow: hidden;
    /*position: relative;*/
    padding: 0 10px 0 0;
}
.isotope-main {
    position: relative;
    height: 372px;
}
.isotope_grid .isotope_item {
    /*width: 200px;*/
    margin: 0px;
    /*
    position: absolute;
    left: 0;
    top: 0;
    */
    overflow: hidden;
}
.isotope-item {
    width: 275px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.isotope_grid .isotope_item .photo_box {
    margin: 0 0 15px 15px;
}
/*isotope content*/
#activities .photo_box .content {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFF;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 1;
}
#activities .photo_box .shade {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 0;
}
/*DESCRIPTION*/
#description .content-section h1 {
    margin-bottom: 0.5em;
}
#more-destinations,
#more-activities {
    margin-bottom: 4em;
}
#more-destinations .content-section h1,
#more-activities .content-section h1{
    margin-bottom: 0.8em;
}
#more-activities .photo_box {
    margin-bottom: 3em;
}
#description .content-section h2 {
    color: #9E0444;
    margin-bottom: 0.8em;
    font-size: 1.5em;
}
#activities h1 {
    margin-bottom: 0.8em;
}
@media screen and (max-width:1000px) {
    #activities-table tr a{
        margin-right: 8em;
    }
}
@media screen and (max-width:768px) {
    .inner-more img {
        margin-bottom: 1em;
    }
}
#activities-isotope {
    margin-bottom: 4em;
}
/*ACTIVITIES*/
/*
.activities-header {
    background-image: url('../images/activities/1900x1080/biking.jpg');
}
*/
#imageless-header {
    height: 15%;
}
#activities-list {
    margin-bottom:3em;
}
#activities-list h1,
#activities-list h2 {
    margin-bottom: 1.4em;
    font-weight: bold;
}
#activities-list h2 {
    color: #9E0444;
}
#activities-list img {
    display: block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:3em;
}
#activities-header-arxaiologikoi-xwroi {
    background-image: url('../images/activities/1900x1080/arxaiologikoi-xwroi.jpg');
}
#activities-header-biking {
    background-image: url('../images/activities/1900x1080/biking.jpg');
}
#activities-header-birdwatching {
    background-image: url('../images/activities/1900x1080/birdwatching.jpg');
}
#activities-header-canyoning {
    background-image: url('../images/activities/1900x1080/canyoning.jpg');
}
#activities-header-climbing {
    background-image: url('../images/activities/1900x1080/climbing.jpg');
}
#activities-header-flying-fox {
    background-image: url('../images/activities/1900x1080/flying-fox.jpg');
}
#activities-header-freefall {
    background-image: url('../images/activities/1900x1080/freefall.jpg');
}
#activities-header-golf {
    background-image: url('../images/activities/1900x1080/golf.jpg');
}
#activities-header-hfaisteia {
    background-image: url('../images/activities/1900x1080/hfaisteia.jpg');
}
#activities-header-hiking {
    background-image: url('../images/activities/1900x1080/hiking.jpg');
}
#activities-header-horse-riding {
    background-image: url('../images/activities/1900x1080/horse-riding.jpg');
}
#activities-header-iamatika-loutra {
    background-image: url('../images/activities/1900x1080/thermal-baths.jpg');
}
#activities-header-sea-ski {
    background-image: url('../images/activities/1900x1080/sea-ski.jpg');
}
#activities-header-archery {
    background-image: url('../images/activities/1900x1080/archery.jpg');
}
#activities-header-castles {
    background-image: url('../images/activities/1900x1080/kastra.jpg');
}
#activities-header-katarraktes {
    background-image: url('../images/activities/1900x1080/katarraktes.jpg');
}
#activities-header-museums {
    background-image: url('../images/activities/1900x1080/mouseio.jpg');
}
#activities-header-nausiploia {
    background-image: url('../images/activities/1900x1080/nausiploia.jpg');
}
#activities-header-orienteering {
    background-image: url('../images/activities/1900x1080/orienteering.jpg');
}
#activities-header-rafting {
    background-image: url('../images/activities/1900x1080/rafting.jpg');
}
#activities-header-rally {
    background-image: url('../images/activities/1900x1080/rally.jpg');
}
#activities-header-spa {
    background-image: url('../images/activities/1900x1080/spa.jpg');
}
#activities-header-thalassia-parka {
    background-image: url('../images/activities/1900x1080/thalassia-parka.jpg');
}
#activities-header-thriskeutikos-tourismos {
    background-image: url('../images/activities/1900x1080/thriskeutikos-tourismos.jpg');
}
#activities-header-sphlaiologia {
    background-image: url('../images/activities/1900x1080/sphlaiologia.jpg');
}
#activities-header-yoga {
    background-image: url('../images/activities/1900x1080/yoga.jpg');
}
#activities-header-monoraft-hot-dog {
    background-image: url('../images/activities/1900x1080/monoraft-hot-dog.jpg');
}
#activities-header-river-trekking {
    background-image: url('../images/activities/1900x1080/river-trekking.jpg');
}
#activities-header-sea-kayak {
    background-image: url('../images/activities/1900x1080/sea-kayak.jpg');
}
#activities-header-sup {
    background-image: url('../images/activities/1900x1080/sup.jpg');
}
#activities-header-via-ferrata {
    background-image: url('../images/activities/1900x1080/via-ferrata.jpg');
}



/*
.navbar {
    position: relative;
    min-height: 80px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}
*/
.navbar-brand > img {
    max-width: 4.9em;
    position: relative;
    top: -0.7em;
}
#activities-list a {
    color: #0C3292;
}
@media screen and (max-width:768px) {
    .Facebook-Iframe,
    .Youtube-Iframe {
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1em;
    }
}

/*CONTACT SECTION*/
#contact-us .section-subheading {
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 20px;
}
@media screen and (max-width:767px) {
    .contact-us ul:nth-last-child(1) {
        margin-top: 2em;
    }
}
@media screen and (max-width:768px) {
    #contact-us-header {
        max-width: 5em;
        color: red
    }
    #contact-us .section-subheading {
        font-size: 2.5em;
        font-weight: 400;
        margin-bottom: 75px;
    }
}
@media (min-width: 768px) {
    #contact-us {
        padding: 2em 0;
    }
}
section#contact-us {
    background-color: #222222;
    background-position: center;
    background-repeat: no-repeat;
}
section#contact-us .section-heading {
    color: white;
}
#contact-us h2::-moz-selection,
#contact-us h3::-moz-selection,
#contact-us ul > li::-moz-selection {
    text-shadow: none;
}
#contact-us h2,
#contact h2,
#contact-us h4 {
    font-family: Tahoma;
    font-weight: 400;
}
#contact-us h4 {
    font-size: 18px;
}
@media screen and (max-width:768px) {
    #contact-us {
        padding-top: 3em;
        padding-bottom: 3em;
    }
    #contact-us h4 {
        font-size: 16px;
    }
}
#contact-us h3 {
    color: #ffffff;
    line-height: 2em;
    font-size: 24px;
}
#contact-us img {
    max-width: 1em;
    position: relative;
    left: -1em;
}
@media screen and (max-width: 768px) {
    #first-row-contact {
        max-width: 98%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
}
#contact-us h3, #contact-us h4, #contact-us h2, #contact-us h3, section#contact-us {
    text-transform: none;
}
/*JUMBOTRON*/
.jumbotron {
    background-color: #3250a2;
    color: #ffffff;
    font-weight: bold;
    margin-top: 2em;
    max-width: 40%;
    padding: 0.1em;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*
.jumbotron:hover {
    background-color: #85064B;
    color: #3250a2;
    font-weight: bold;
}
*/
.jumbotron .h1, .jumbotron h1,
.jumbotron p {
    text-align: center;
    margin: 0.1em;
}
@media screen and (min-width: 768px){
    .jumbotron .h1, .jumbotron h1 {
        font-size: 3em;
    }
    .jumbotron-container {
        width: 990px;
    }
}
@media screen and (max-width: 1000px) {
    .jumbotron {
        max-width: 90%;
    }
    .jumbotron-container {
        width: 400px;
    }
}
@media screen and (max-width: 768px) {
    .jumbotron {
        max-width: 80%;
    }
    .jumbotron-container {
        width: 350px;
    }
}
@media screen and (max-width: 400px) {
    .jumbotron {
        max-width: 70%;
    }
    .jumbotron-container {
        width: 300px;
    }
}
.advit-links-btn {
    color: #ffffff;
    background-color: #3250a2;
    border-color: #3250a2;
    margin-bottom: 2em;
}
.advit-links-btn:hover {
    color: #ffffff;
    background-color: #9E0444;
    border-color: #9E0444;
}