@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);

h1, h2, h3, p, a, li {
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

h1, h2, h3 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700; }
    
p, a { font-family: 'Open Sans', sans-serif; }

a:hover { color: #444; }
a { color: #40c1b9; }
    
.container-tct {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: auto; }
.container-tct:before, .container-tct:after {
    content: "";
    display: table; }
.container-tct:after { clear: both; }

/* @media (min-width: 1070px) {
    #stories-travel .container-tct {  max-width: 1070px; }
}

@media (min-width: 1400px) {
    #mosaic .container-tct { max-width: 1366px; }
} */

/**
 * MOSAIC
 */
.mosaic {
    width: 100%;
    padding: 0;
    margin: 0;
    position: relative; }
.mosaic:before, .mosaic:after {
    content: "";
    display: table; }
.mosaic:after { clear: both; }

.mosaic .column {
    padding: 0;
    margin: 0;
    float: left; }

.mosaic .item  {
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    display: block;
    position: relative;
    cursor: pointer; }
    
.mosaic .item:before {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.6))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    transition-property: all;
    transition-duration: 0.5s; }
    
.mosaic .item:after {
    content: "";
    background-color: rgba(56,173,166,0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    transition-property: all;
    transition-duration: 0.5s; }
    
.mosaic .item:hover:after { opacity: 1; }

.mosaic .item .image {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative; }
    
.mosaic .item .image img {
    min-width: 100%;
    height: auto;
    max-height: 100%;
    transform: scale(1,1);
    transition-property: all;
    transition-duration: 0.5s; }
    
.mosaic .item:hover .image img { transform: scale(1.1,1.1); } 
    
/* .mosaic .left .item { max-height: 420px; } 
.mosaic .right .item { max-height: 210px; }  */

.mosaic .text {
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    bottom: 0;
    z-index: 2; }
.mosaic .left .text { right: 0; }
.mosaic .right .text { left: 0; }
    
.mosaic .item h3 {
    color: #fff;
    text-transform: uppercase;
    line-height: 1.3;
    position: relative; }
.mosaic .left h3 {
    font-size: 24px;
    margin-bottom: 3px; }
.mosaic .right h3 {
    font-size: 18px;
    margin-bottom: 13px; }
    
.mosaic .item h3:before {
    content: "";
    background-image: url(../img/icon-article-category-white.png);
    width: 31px;
    height: 36px;
    position: absolute;
    left: 0;
    top: -39px; }
.mosaic .item.Feature-Article h3:before { background-position: 0 0; }
.mosaic .item.Liveaboard h3:before { background-position: 0 -36px; }
.mosaic .item.Photo-Essay h3:before { background-position: 0 -72px; }
.mosaic .item.Resort h3:before { background-position: 0 -108px; }
.mosaic .item.Snorkeling h3:before { background-position: 0 -144px; }
.mosaic .item.Video h3:before { background-position: 0 -180px; }
 
.mosaic .item .box {
    overflow: hidden;
    max-height: 0;
    position: relative;
    transition-property: all;
    transition-duration: 0.5s; }
    
.mosaic .item:hover .box { max-height: 100px; }
    
.mosaic .item p {
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 14px; }
    
.mosaic .item h3, .mosaic .item p {
    text-shadow: 2px 2px 10px rgba(0,0,0,0.9);
    transition-property: all;
    transition-duration: 0.5s; }
.mosaic .item:hover h3, .mosaic .item:hover p { text-shadow: 2px 2px 10px rgba(0,0,0,0.5); }
    
.mosaic .beta {
    margin-left: -535px;
    position: absolute;
    left: 50%;
    top: 0; }

/* @media screen {
    .mosaic .left .text {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px; }
}

@media screen and (min-width: 1024px) {
    .mosaic .column.left { width: 65%; }
    .mosaic .column.right { width: 35%; }
    
    .mosaic .left .item { height: 320px; } 
    .mosaic .right .item { height: 160px; }
    
    .mosaic .left .text {
        width: 100%;
        padding-left: 14px;
        padding-right: 20px; }
        
    .mosaic .right .text {
        width: 100%;
        padding-left: 20px;
        padding-right: 14px; }
}

@media screen and (min-width: 1070px) {
    .mosaic .left .text {
        width: 719px;
        padding-left: 0; }
        
    .mosaic .right .text {
        width: 348px;
        padding-left: 20px;
        padding-right: 0; }
}

@media screen and (min-width: 1280px) {
    .mosaic .left .item { height: 370px; } 
    .mosaic .right .item { height: 185px; } 
    
    .mosaic .left .text {
        width: 735px; }
        
    .mosaic .right .text {
        width: 336px;
        padding-left: 20px;
        padding-right: 0; }
}

@media screen and (min-width: 1366px) {
    .mosaic .left .item { height: 420px; } 
    .mosaic .right .item { height: 210px; } 
    
    .mosaic .left .text {
        width: 731px;
        padding-right: 20px; }
        
    .mosaic .right .text {
        width: 329px;
        padding-left: 20px; }
}

@media screen and (min-width: 1400px) {
    .mosaic .column.left { width: 880px; }
    .mosaic .column.right { width: 486px; }
} */
    
/**
 * STORIES & TRAVEL
 */
#stories-travel {
    padding-top: 50px;
    padding-bottom: 30px; }
    
#stories-travel img {
    width: 100%;
    height: auto; }

#stories-travel .column {
    width: 50%;
    padding: 0;
    margin: 0;
    position: relative;
    float: left; }
/*#stories-travel .column.stories {
    border-top: 3px solid #38ada6;
    float: left; }
#stories-travel .column.travel {
    border-top: 3px solid #1c3580;
    float: right; }*/
#stories-travel .title { text-align: center; }
#stories-travel .stories .title { border-top: 3px solid #38ada6; }
#stories-travel .travel .title { border-top: 3px solid #1c3580; }

#stories-travel h2 {
    font-size: 20px;
    text-align: center;
    padding-top: 16px;
    margin-top: 0;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    transition-property: all;
    transition-duration: 0.5s; }
#stories-travel .stories h2 { color: #38ada6; }
#stories-travel .travel h2 { color: #1c3580; }

#stories-travel h2:before {
    content: "";
    width: 16px;
    height: 2px;
    margin-top: -1px;
    position: absolute;
    right: -30px;
    top: 27px;
    transition-property: all;
    transition-duration: 0.5s; }
#stories-travel h2:after {
    content: "";
    width: 2px;
    height: 16px;
    position: absolute;
    right: -23px;
    top: 19px;
    transition-property: all;
    transition-duration: 0.5s; }
#stories-travel .stories h2:before, #stories-travel .stories h2:after { background-color: #38ada6; }
#stories-travel .travel h2:before , #stories-travel .travel h2:after { background-color: #1c3580; }
#stories-travel .stories h2:hover:before, #stories-travel .stories h2:hover:after { background-color: #30928c; }
#stories-travel .travel h2:hover:before , #stories-travel .travel h2:hover:after { background-color: #12245a; }

#stories-travel h2 a {
    color: inherit;
    text-decoration: none;
    position: relative;
    cursor: pointer; }
#stories-travel h2 a:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition-property: all;
    transition-duration: 0.5s; }
#stories-travel .stories h2 a:before { border-bottom: 2px solid #38ada6; }
#stories-travel .travel h2 a:before { border-bottom: 2px solid #1c3580; }
#stories-travel h2 :hover:before { width: 100%; }

#stories-travel .item {
    width: 100%;
    height: auto;
    padding-bottom: 10px;
    margin-bottom: 40px;
    display: block;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer; 
	min-height: 470px;
}
#stories-travel .item:last-child { margin-bottom: 20px; }
    
#stories-travel .item .img {
    overflow: hidden;
    width: 100%;
    height: auto;
    max-height: 260px;
    position: relative; }
#stories-travel .item .img:before {
    content: '';
    width: 100%;
    height: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0;
    transition-property: all;
    transition-duration: 0.5s; }
#stories-travel .item:hover .img:before { opacity: 1; }
#stories-travel .img:before { background-color: #38ada6; }

#stories-travel .item .img img {
   /*  width: 700px;
    height: auto;  */
	width: auto;
    height: 400px;
    position: relative;
}

#stories-travel .img .resort-name {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0,0,0,0.8);
    line-height: 40px;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 0;
    display: inline-block;
    position: absolute;
    left: 10px;
    bottom: 10px; }

#stories-travel .item h3 {
    font-size: 20px;
    color: #38ada6;
    line-height: 1.3;
    text-transform: uppercase;
    margin-top: 23px;
	margin-bottom: 3px;
    transition-property: all;
    transition-duration: 0.5s }
#stories-travel .item:hover h3 { color: #252525; }

#stories-travel .item p {
    font-size: 14px;
    line-height: 1.5;
    color: #252525; }
    
#stories-travel .item p.author {
    background-image: url(../img/icons/icon-article-category-gray.png);
    background-repeat: no-repeat;
    font-size: 12px;
    color: #959595;
    height: 31px;
    padding-left: 47px;
    padding-top: 7px;
    margin-bottom: 17px;
    position: relative; }
#stories-travel .item p.author.Feature-Article { background-position: 0 0; }
#stories-travel .item p.author.Liveaboard { background-position: 0 -31px; }
#stories-travel .item p.author.Photo-Essay { background-position: 0 -62px; }
#stories-travel .item p.author.Resort { background-position: 0 -93px; }
#stories-travel .item p.author.Snorkeling { background-position: 0 -124px; }
#stories-travel .item p.author.Video { background-position: 0 155px; }
#stories-travel .item p.author:before {
    content: "";
    background-color: #959595;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    position: absolute;
    left: 36px;
    top: 47%; }

#stories-travel .cta {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    width: 300px;
    height: 50px;
    margin: auto;
    display: block;
    border-radius: 3px;
    cursor: pointer;
    transition-property: all;
    transition-duration: 0.5s }
#stories-travel .stories .cta { background-color: #38ada6; }
#stories-travel .travel .cta  { background-color: #1c3580; }
#stories-travel .stories .cta:hover { background-color: #30928c; }
#stories-travel .travel .cta:hover  { background-color: #12245a; }

/* @media (min-width: 960px) {
    #stories-travel .column.stories { 
        padding-left: 15px;
        padding-right: 30px; }
    #stories-travel .column.travel {
        padding-left: 30px;
        padding-right: 15px; }
}

@media (min-width: 1070px) {
    #stories-travel .column.stories { 
        padding-left: 0;
        padding-right: 30px; }
    #stories-travel .column.travel {
        padding-left: 30px;
        padding-right: 0; }
<<<<<<< Updated upstream
}



/**
 * Modify _custom.css
 */
#tct-article .container { width: 100%; max-width: 100%; }

.travel-detail-header h1 {
    font-family: "Ruda Black";
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
}

h4 small.Resort, h4 small.stories, h1 small.Resort { margin-bottom: 5px; }

.travel-detail-header .meta-data { margin-bottom: 21px; }

div.col-detail-share {
    margin-bottom: 21px;
    border-bottom: 1px solid #d7d7d7; }
div.col-detail-share:only-child { border: none; }
    
div.col-detail-post-data { margin-bottom: 30px; border-bottom: 1px solid #d7d7d7; }

div.detail-sidebar-container {
    padding-bottom: 17px;
    margin-bottom: 0;
    border: none; }

div.detail-subtitle { margin-bottom: 29px; }
div.detail-subtitle:first-child { padding-top: 0; }

div.detail-subtitle hr { margin: 0 auto 20px; }
div.detail-subtitle:first-child hr { margin-top: 0; }

.detail-subtitle p { margin-bottom: 22px; }

.detail-subtitle + .detail-content h2:first-child { padding-top: 11px; }

.floating-sidebar { border: 1px solid #d7d7d7; }

.floating-sidebar .acticons-container { padding-top: 4px!important; padding-bottom: 0!important; }

.floating-sidebar hr + .acticons-container  { padding-top: 8px!important; }

.floating-sidebar hr { margin-top: 15px; margin-bottom: 15px; }

.floating-sidebar .detail-ad p { padding-top: 8px; }

.floating-sidebar .detail-ad img { max-width: 188px; height: auto; }

.detail-content h2, div.detail-content h2.teal-subheading {
    padding-bottom: 16px;
    margin-bottom: 19px; }
    
div.col-detail-post-data p.post-date { margin-bottom: 7px; }

div.col-detail-post-data a {  color: inherit; }

.post-tag { margin-bottom: 8px; }
    
.floating-sidebar span.value { display:inline-block; padding-bottom: 9px; }
    
div.not-really-floating-anymore div.floating-sidebar { padding-top: 22px; padding-bottom: 15px; }

div.detail-content p { margin-bottom: 42px; }

a.detail-highlight {
    text-align: center;
    text-decoration: none;
    background-color: #01c0ba;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 20px;
    display: block;
    cursor: pointer;
    transition-property: all;
    transition-duration: 0.5s; }
a.detail-highlight:hover { background-color: #30928c; }

a.detail-highlight p {
    font-size: 12px;
    color: #fff;
    margin: 0; }
    
a.detail-highlight span {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color: #fff; }

h1 small.Feature-Article {
    background: url(../img/icons/Icon-FeaturedArticle-White.png) no-repeat center center;
}
h1 small.Liveaboard {
    background: url(../img/icons/Icon-Liveaboard-White.png) no-repeat center center;
}
h1 small.Photo-Essay {
    background: url(../img/icons/Icon-Photo-White.png) no-repeat center center;
}
h1 small.Resort {
    background: url(../img/icons/Icon-Resort-White.png) no-repeat center center;
}
h1 small.Snorkeling {
    background: url(../img/icons/Icon-Diving-White.png) no-repeat center center;
}
h1 small.Video {
    background: url(../img/icons/Icon-Video-White.png) no-repeat center center;
}

div.detail-gallery { margin-top: 0px; }

div.detail-gallery-caption { height: 72px; margin-bottom: 26px; }/**/

.carousel .gallery-caption { height: 54px; margin-bottom: 22px; }

.carousel-popper {
    background-image: url(../img/icons/Icon-Expand.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    border-radius: 50%; }
    
.carousel-popper-dismiss {
    background-image: url(../img/icons/Icon-Close-2.png);
    background-position: center center;
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    border-radius: 50%; }

.carousel-popper-controls a { background-color: rgba(0,0,0,0.6); }
.carousel-popper-controls a:hover { background-color: rgba(54,194,185,0.6); }
.carousel-popper-controls a.invert { background-color: rgba(54,194,185,0.6); }
.carousel-popper-controls a.invert:hover { background-color: rgba(0,0,0,0.6); }


div.col-detail-share .share-title {
    line-height: 44px;
    height: 44px;
    float: left; }

.share-icons { float: left; height: 44px; }
.share-icons.small { height: 28px; float: none; }

.share-icons a, .share-icons a:hover {
    display: block;
    width: 44px;
    height: 44px;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    float: left;
    border: none; }
.share-icons.small a, .share-icons.small a:hover { width: 28px; height: 28px; }
.share-icons a:first-child { margin-left: 0; }
.share-icons a:last-child { margin-right: 0; }

.share-icons a:before, .share-icons a:after {
    content: "";
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    border-style: solid;
    border-radius: 50%;
    transition-property: all;
    transition-duration: 0.5s; }
.share-icons.small a:before, .share-icons.small a:after { width: 28px; height: 28px; }

.share-icons a:before {
    background-color: #fff;
    background-position: 50% 0;
    opacity: 1;
    border-width: 1px; }
.share-icons a:hover:before { opacity: 0; }

.share-icons a:after{
    background-position: 50% -44px;
    opacity: 0;
    border-width: 1px; }
.share-icons.small a:after { background-position: 50% -28px; }
.share-icons a:hover:after { opacity: 1; }

.share-icons .facebook:before, .share-icons .facebook:after {
    background-image: url(../img/icons/button-facebook.png);
    border-color: #3b5a99;  }
.share-icons.small .facebook:before, .share-icons.small .facebook:after { background-image: url(../img/icons/button-facebook-small.png); }
.share-icons .facebook:after { background-color: #3b5a99; }


.share-icons .twitter:before, .share-icons .twitter:after {
    background-image: url(../img/icons/button-twitter.png);
    border-color: #3cafe3;  }
.share-icons.small .twitter:before, .share-icons.small .twitter:after { background-image: url(../img/icons/button-twitter-small.png); }
.share-icons .twitter:after { background-color: #3cafe3; }

.share-icons .pinterest:before, .share-icons .pinterest:after {
    background-image: url(../img/icons/button-pinterest.png);
    border-color: #cb2026;  }
.share-icons.small .pinterest:before, .share-icons.small .pinterest:after { background-image: url(../img/icons/button-pinterest-small.png); }
.share-icons .pinterest:after { background-color: #cb2026; }

.container.container-detail { max-width: 1280px; padding: 0 20px; }
    
div.col-detail-mid {
    width: 640px;
    margin-right: 30px;
    float: left; }
    
div.col-detail-right {
    width: 300px;
    /*margin: 0;*/
    float: left; }

div.detail-gallery a.nav-arrows { top: auto; bottom: 20px; opacity: 1; }

div.detail-gallery a.nav-arrows.prev, div.detail-gallery a.nav-arrows.next {
    width: 68px;
    height: 68px;
    background: none;
    position: absolute;
}
div.detail-gallery a.nav-arrows.prev { left: 20px; }
div.detail-gallery a.nav-arrows.next { right: 20px; }
div.detail-gallery a.nav-arrows.prev:hover, div.detail-gallery a.nav-arrows.next:hover { background: none; }

div.detail-gallery a.nav-arrows.prev:before, div.detail-gallery a.nav-arrows.prev:after, div.detail-gallery a.nav-arrows.next:before, div.detail-gallery a.nav-arrows.next:after {
    content: "";
    background-color: rgba(0,0,0,0.4);
    background-repeat: no-repeat;
    width: 68px;
    height: 68px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    transition-property: all;
    transition-duration: 0.5s;
}
div.detail-gallery a.nav-arrows.prev:hover:before, div.detail-gallery a.nav-arrows.prev:hover:after, div.detail-gallery a.nav-arrows.next:hover:before, div.detail-gallery a.nav-arrows.next:hover:after {
    background-color: rgba(255,255,255,0.9);
}
div.detail-gallery a.nav-arrows.prev:before, div.detail-gallery a.nav-arrows.prev:after { background-image: url(../img/icons/button-prev-slide.png);  }
div.detail-gallery a.nav-arrows.next:before, div.detail-gallery a.nav-arrows.next:after { background-image: url(../img/icons/button-next-slide.png);  }

div.detail-gallery a.nav-arrows.prev:before, div.detail-gallery a.nav-arrows.next:before { background-position: 0 0; opacity: 1; }
div.detail-gallery a.nav-arrows.prev:after, div.detail-gallery a.nav-arrows.next:after { background-position: 0 -68px; opacity: 0; }
div.detail-gallery a.nav-arrows.prev:hover:before, div.detail-gallery a.nav-arrows.next:hover:before { opacity: 0; }
div.detail-gallery a.nav-arrows.prev:hover:after, div.detail-gallery a.nav-arrows.next:hover:after { opacity: 1; }

div.detail-share-bottom { margin: 0; padding-bottom: 50px; }

div.detail-content div.detail-gallery-caption { width: 580px; min-height: 70px; padding: 0; margin: 0; margin-top: 13px; margin-bottom: 39px; border-bottom: 1px solid #d7d7d7; }
div.detail-content div.detail-gallery-caption:before, div.detail-content div.detail-gallery-caption:after { content: ""; display: table; }
div.detail-content div.detail-gallery-caption:after { clear: both; }

div.detail-content div.detail-gallery-caption p { margin-bottom: 16px; }

div.detail-content div.detail-gallery-caption .share-icons { margin-top: 6px; }

div.detail-gallery-caption { margin-bottom: 49px; }

div.detail-gallery-caption .gallery-caption { float: left; width: 530px; }

.img-wrapper-pe, .img-wrapper { margin-top: 0!important; }

.img-wrapper-pe, .img-wrapper { height: auto; }

.img-wrapper-pe img.full-width, .img-wrapper img.full-width {
    display: block;
    opacity: 1; }
    
.attcredit-travel, .attcredit-slide { display: none; }

h4 small, h1 small {
    margin-bottom: 10px;
    width: 100%;
    height: 39px;
    display: block;
    text-align: center; }

.modal-vertical-center {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%); }

.modal-dialog { width: 770px; margin: 0 auto; }

.modal-header { border: none; }

.modal-body { padding: 10px; }

.modal-content { border-radius: 0; }

#map-canvas-overlay { width: 750px; height: 480px; }

#gmapModal button { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 700; color: #252525; text-shadow: none; text-transform: uppercase; opacity: 1; }


.floating-sidebar .acticons-container .watching {
    background: url(../img/icons/Icon-Activities-Black-1.png) no-repeat top left;
    background-size: contain;
    width: 30px; height: 30px;
}
.floating-sidebar .acticons-container .kayaking {
    background: url(../img/icons/Icon-Activities-Black-2.png) no-repeat top left;
    background-size: contain;
    width: 30px; height: 30px;
}
.floating-sidebar .acticons-container .trekking {
    background: url(../img/icons/Icon-Activities-Black-3.png) no-repeat top left;
    background-size: contain;
    width: 30px; height: 30px;
}

.floating-sidebar .acticons-container .wellbeingspa {
    background: url(../img/icons/Icon-Activities-Black-4.png) no-repeat top left;
    background-size: contain;
    width: 30px; height: 30px;
}
.floating-sidebar .acticons-container .surfing {
    background: url(../img/icons/Icon-Activities-Black-5.png) no-repeat top left;
    background-size: contain;
    width: 30px; height: 30px;
}
.floating-sidebar .acticons-container .diving {
    background: url(../img/icons/Icon-Activities-Black-6.png) no-repeat top left;
    background-size: contain;
    width: 30px; height: 30px;
}
.floating-sidebar .acticons-container .snorkeling {
    background: url(../img/icons/Icon-Activities-Black-7.png) no-repeat top left;
    background-size: contain;
    width: 30px; height: 30px;
}

.col-travel-header a { white-space: nowrap; }


#sustainability-criteria {
    max-width: 640px;
    margin: auto; }


#sustainability-criteria h1 {
    font-family: "Ruda Black";
    font-size: 36px;
    color: #252525;
    text-align: center;
    margin: 30px 0px 17px 0px; }
    
#sustainability-criteria h2 {
    font-size: 21px;
    font-weight: normal;
    color: #252525;
    text-align: center;
    padding-bottom: 36px;
    margin-bottom: 36px;
    border-bottom: 1px solid #d7d7d7; }
    
#sustainability-criteria h3 {
    font-size: 20px;
    color: #252525;
    text-transform: uppercase;
    padding-bottom: 16px;
    margin-top: 0;
    margin-bottom: 19px;
    position: relative; }
    
#sustainability-criteria h3:before {
    content: "";
    width: 30px;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 1px solid #38ADA6; }
    
    
#sustainability-criteria h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700px;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 16px; }
    
#sustainability-criteria p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 38px; }

#sustainability-criteria ul {
    padding-left: 20px;
    padding-top: 4px;
    margin-bottom: 38px;
    list-style-position: outside; }
#sustainability-criteria p + ul { margin-top: -31px; }
#sustainability-criteria ul li { padding-left: 3px; }

#sustainability-criteria li {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 28px; }
    
#sustainability-criteria hr {
    background-color: #878787;
    height: 1px;
    width: 50px;
    margin-top: 17px; }