#infobox, .infobox {
	padding: 12px 15px;
	margin: 0;
	box-shadow: none; }

.infobox { width: 100%; }

.infobox .line {
	display: block;
	width: 100%;
	height: 1px;
	margin-top: 14px;
	margin-bottom: 18px;
	position: relative;
}
.infobox .line:before {
	content: "";
	width: 50px;
	height: 0;
	border-top: 1px solid #d7d7d7;
	position: absolute;
}

.infobox a { position: relative; padding-bottom: 10px; margin-bottom: 10px; }

.infobox a:before {
	content: "";
	width: 50px;
	height: 100%;
	position: absolute;}
	
.infobox .action-container { width: 100%; height: 30px; position: relative; margin-bottom: 8px; }
.infobox .action-container:before {
	content: "";
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
.infobox .watching.action-container:before {
    background-image: url(../img/icons/Icon-Activities-Black-1.png);
}
.infobox  .kayaking.action-container:before {
    background-image: url(../img/icons/Icon-Activities-Black-2.png);
}
.infobox  .trekking.action-container:before {
    background-image: url(../img/icons/Icon-Activities-Black-3.png);
}
.infobox  .wellbeingspa.action-container:before {
    background-image: url(../img/icons/Icon-Activities-Black-4.png);
}
.infobox .surfing.action-container:before {
    background-image: url(../img/icons/Icon-Activities-Black-5.png);
}
.infobox .diving.action-container:before {
    background-image: url(../img/icons/Icon-Activities-Black-6.png);
}
.infobox .snorkeling.action-container:before {
    background-image: url(../img/icons/Icon-Activities-Black-7.png);
}
	
.infobox p {
	padding: 0;
	display: block;
	background-color: transparent;
	color: #252525;
	width: auto;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	padding-left: 50px;
	padding-right: 0;
	margin: 0;
	font-family: "open_sansregular";
}

.filter-travel .dropdown-menu > li > a:focus, 
.dropdown-menu > li > a:hover {
    background-color: transparent;
}

.filter-travel .dropdown-menu > li {
    height: 36px;
    margin-bottom: 0; }
.filter-travel .dropdown-menu > li:hover { background-color: #ededed; }

.filter-travel .dropdown-menu > li > a {
    font-size: 14px;
    color: #252525;
    padding-left: 59px;
    padding-right: 20px;
    display: block;
    padding-top: 7px;
    padding-bottom: 7px;
    position: relative; }
.filter-travel .dropdown-menu > li > a:focus, .filter-travel .dropdown-menu > li.selected > a, .filter-travel .dropdown-menu > li > a:hover,  { background: transparent; }
.filter-travel .dropdown-menu > li > a:before {
    content: "";
    background-color: #fff;
    background-image: none;
    width: 22px;
    height: 22px;
    border: 1px solid #d7d7d7;
    position: absolute;
    left: 20px;
    top: 7px; }
.filter-travel .dropdown-menu > li.selected > a:before {
    background-image:url(../img/icons/Icon-Checkbox.png);
    border: none; }

.filter-travel .dropdown-menu { padding-top: 13px; padding-bottom: 11px; }

.filter-travel .dropdown-menu .glyphicon { display: none!important; }

.filter-travel .dropdown-menu li a span.text.icon { padding-left: 45px; position: relative; }

.filter-travel .dropdown-menu li a span.text.icon:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: -4px; }
.filter-travel .dropdown-menu li a span.text.icon.watching:before { background-image: url(../img/icons/Icon-Activities-Black-1.png); }
.filter-travel .dropdown-menu li a span.text.icon.kayaking:before { background-image: url(../img/icons/Icon-Activities-Black-2.png); }
.filter-travel .dropdown-menu li a span.text.icon.trekking:before { background-image: url(../img/icons/Icon-Activities-Black-3.png); }
.filter-travel .dropdown-menu li a span.text.icon.wellbeingspa:before { background-image: url(../img/icons/Icon-Activities-Black-4.png); }
.filter-travel .dropdown-menu li a span.text.icon.surfing:before { background-image: url(../img/icons/Icon-Activities-Black-5.png); }
.filter-travel .dropdown-menu li a span.text.icon.diving:before { background-image: url(../img/icons/Icon-Activities-Black-6.png); }
.filter-travel .dropdown-menu li a span.text.icon.snorkeling:before { background-image: url(../img/icons/Icon-Activities-Black-7.png); }

.filter-travel .dropdown-menu li a span.text.icon.liveaboard:before { background-image: url(../img/icons/Icon-Categories-Travel-2.png); }
.filter-travel .dropdown-menu li a span.text.icon.resort:before { background-image: url(../img/icons/Icon-Categories-Travel-1.png); }

.filter-travel .dropdown-menu li a span.text.icon.feature-article:before { background-image:url(../img/icons/Icon-Categories-Stories-2.png); }
.filter-travel .dropdown-menu li a span.text.icon.photo-essay:before { background-image: url(../img/icons/Icon-Categories-Stories-1.png); }
.filter-travel .dropdown-menu li a span.text.icon.video:before { background-image: url(../img/icons/Icon-Categories-Stories-3.png); }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { margin-right: 0; }


.container-row-3x3 { width: 100%; overflow: hidden; }
.container-row-3x3:before, .container-row-3x3:after {
    content: "";
    display: table; }
.container-row-3x3:after { clear: both; }


.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
    margin-top: 40px;
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video-caption { border-bottom: 1px solid #d7d7d7; }

.video-caption p {
    color: #898989;
    font-size: 13px;
    font-family: 'open_sansregular';
    line-height: 18px;
    margin-top: 13px;
    margin-bottom: 15px; }
    
.video-wrapper + .detail-content > p, .video-caption + .detail-content { padding-top: 30px; } 
/* .video-caption + .detail-content p { conflicts with pullout paragraph } */
.video-wrapper + .detail-content > h2, .video-caption + .detail-content h2:first-child { padding-top: 50px; }
.video-wrapper + .detail-content > .img-wrapper-pe:first-child, .video-caption + .detail-content > .img-wrapper-pe:first-child { padding-top: 50px; }


#contact { background-color: #fff; }

#contact h3 {
    text-align: center;
    margin-top: 34px;
    margin-bottom: 36px;
}

#contact .container-tct { width: 100%; max-width: 610px; margin: auto; }
    
#contact-form input[type="text"], #contact-form input[type="email"] {
    font-size: 16px;
    color: #252525;
    width: 100%;
    height: 50px;
    padding: 9px 10px;
    margin-bottom: 30px;
    float: left; }
    
#contact-form  textarea {
    width: 100%;
    min-height: 200px;
    padding: 9px 10px;
    margin-bottom: 30px;
    float: left; }
    
#contact-form input[type="submit"] {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    background-color: #40c1b9;
    width: 100px;
    height: 50px;
    margin-bottom: 50px;
    display: block;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    transition-property: all;
    transition-duration: 0.5s; }
#contact-form  button:hover { background-color: #30928c; }

#contact-form ::-webkit-input-placeholder { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #95959; }
#contact-form :-moz-placeholder { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #95959; }
#contact-form ::-moz-placeholder { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #95959;  }
#contact-form :-ms-input-placeholder { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #95959; }

@media only screen and (min-width: 541px) and (max-width: 767px) {
    #stories-filter .global-filter {
        width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1920px) {
    #stories-filter .global-filter {
        width: 165px;
        float: left;
    }
}

@media only screen and (min-width: 641px) and (max-width: 800px) {
    #travel-filter .global-filter {
        width: 50%;
    }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
    #stories-filter .container-filter {
        max-width: 480px;
        display: -block;
        margin: auto;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1920px) {
    #stories-filter .container-filter {
        width: auto;
        display: inline-block;
    }
}

@media only screen and (min-width: 800px) {
    #travel-filter .container-filter {
        width: auto;
        display: inline-block;
    }
}

.caption-grid-am h4, .mask h4 { /* text-transform: uppercase; */ }


.header-link {
    font-size: 18px;
    color: #38ada6;
    letter-spacing: 1px;
    margin-bottom: 46px!important; }
    
.header-link a {
    color: inherit;
    letter-spacing: inherit; }
    
.header-link a:hover { text-decoration: underline; }

.aboutusp1 { max-width: 640px; }

.aboutusimgandp { max-width: 640px; }