/*STYLE.CSS*/

/*This is main CSS file that contains custom style rules used in this template*/

/***********************************************************************************************

    Project Name: Ement
    Project Description: Bootstrwhat republican pres canidate won the popular voteap Multipurpose Template
    File Name: style.css
    Author: Claudiu
    Author URI: http://www.clas-design.com
    Build Date: 03-03-2016
    Version: 1.0 Initial Release
    Copyright: (C) 2016
    

/***********************************************************************************************/
/* =Common Styles */
/***********************************************************************************************/

@font-face {
  font-family: "Garde";
  src: url( "../../fonts/Garde.woff") format('woff');
}
@font-face {
  font-family: "AlohaMagazine-Extrabold";
	src: url("../../fonts/AlohaMagazine-Extrabold.woff")format('woff');
}
@font-face {
  font-family: "AlohaMagazine-Bold";
  src: url("../../fonts/AlohaMagazine-Extrabold.woff")format('woff');
}
@font-face {
  font-family: "AlohaMagazine-Thin";
  src: url( "../../fonts/AlohaMagazine-Thin.woff") format('woff');
}
@font-face {
  font-family: "AlohaMagazine-Regular";
  src: url( "../../fonts/AlohaMagazine-Regular.woff") format('woff');
}
@font-face {
	font-family: "Montserrat";
	src: url(../../fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Hw5aXo.woff2) format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
  --tomato-color: #ff433d;
  --white-color: #ffffff;
  --megenta-color: rgba(168, 2, 168, 0.897);
  --lime-color: rgba(8, 248, 80, 0.932);
  --light-orange: #ff6215;
  --alegreya: "Alegreya", sans-serif;
  --Passion One: "Passion One";
  --Forum: "Forum";
}
html, body{margin:0px; padding:0px;}
body {
    font-family: Montserrat, sans-serif;
    color: #2E2C2C;
    background-image: url(../images/banners/usp-3.jpg);
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    position: relative;
}
.video-container{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-height:100%;
	z-index:9999;
}
a {
	color: #FFFFFF;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	font-weight: 400;
}
a:hover, a:focus {
	text-decoration: none;
	color: #BB9586;
	opacity: .9;
}
a:visited {
   color: #337ab7;
}
::selection {
  background: #1ABC9C;
  color: #fff!important;
}

.theme-color {
  color: #47b475!important;
}

img {
  max-width: 100%;
  height:auto;
}
.divider {
  background-color: #9e9b7e;
  height: 2px;
  width: 60px;
  margin: 20px 0;
}
a, b, div, ul, li {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent;
  -moz-outline-: none;
}

img:not([draggable]), embed, object, video {
	max-width: 100%;
	height: auto;
	padding-bottom: 0px;
	float: none;
}

/***********************************************************************************************/
/* =Help classes*/
/***********************************************************************************************/
a,a:hover{text-decoration: none;}
a.navbar-brand img{max-width: 70%}
.dark-bg {
  background: #1b1b1b;
}

.vertical-align-table {
	width: 100%;
	height: 100%;
	display: table;
	background-image: url(../../images/maui-snorkeling-2016-2.jpg);
	background-repeat: no-repeat;
}

.border-top-0 {
  border-top: 0!important;
}

.card-body{display: flex; padding: 4px}
/***********************************************************************************************/
/* =Buttons */
/***********************************************************************************************/

.btn {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 14px 25px;
	border-radius: 1px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.btn:hover {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 0;
}

.btn-lg {
  padding: 17px 34px;
  letter-spacing: 1.3px;
}

.btn-md {
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
}

.btn-sm {
  padding: 10px 37px;
  font-size: 12px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.btn-xs {
  padding: 6px 18px;
  font-size: 12px;
}

.btn-rounded {
  border-radius: 4px;
}

.btn-primary {
  text-transform: uppercase;
  background-color: #47b475;
  border: 1px solid #47b475;
  color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, 
.btn-primary.active, .open>.dropdown-toggle.btn-primary, .btn-light-solid:hover, 
.btn-light-solid:focus, .btn-light-solid:active, .btn-light-solid:visited {
	opacity: .8;
	background-color: #47b475;
	border-color: #47b475;
	color: rgba(255,255,255,1.00);

}

.btn-colored-2 {
  background: #47b475;
  color: #fff;
}

.btn-colored-2:hover {
  background: #fff;
  color: #47b475;
}

.btn-white {
  background: #fff;
  color: #47b475;
}

.btn-white:hover {
  background: #47b475;
  color: #fff;
}
.section-heading img{
	max-width: 100%; 
	display:block; 
	height: auto;
	margin: 0 auto;
}

.btn-orange-one {
	color: #ffffff;
	background-color: #FE8E17;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 8px;
	border-radius: 0px;
	height: 40px;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	border-style: solid;
	border-bottom-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-color: #FE8E17;
	display:inline-block;
	margin-top: 35px;

}
.btn-orange-two{
	color: #ffffff;
	background-color: #FE8E17;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 8px;
	border-radius: 0px;
	height: 40px;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	border-style: solid;
	border-bottom-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-color: #FE8E17;
	display: inline-block;
	margin-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
}
.btn-orange:hover {
	background-color:#ffffff;
	color:#222222;
}

.btn-blue {
	color: #222222;
	float:right;
	background-color: #49bed7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	
}
.btn-blue:hover {
	background-color:#fe8e17;
}
.btn-gray{
	color: #006187;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 2px;
	height: 40px;
	cursor: pointer;
	font-weight: 900;
	font-size: 16px;
	background-image: -webkit-linear-gradient(180deg,rgba(202,202,202,1.00) 0%,rgba(218,218,218,1.00) 48.19%,rgba(234,234,234,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(202,202,202,1.00) 0%,rgba(218,218,218,1.00) 48.19%,rgba(234,234,234,1.00) 100%);
	background-repeat: repeat-x;
	border: 2px solid #ffffff;
	-webkit-box-shadow: 3px 3px 3px 2px #CACACA;
	box-shadow: 3px 3px 3px 2px #CACACA;
	line-height: 16px;
}
.btn-gray:hover {
  color:#FE8E17;
}

.btn-clean {
  color: #fff;
  border: 1px solid #fff;
}

.btn-clean:hover, .btn-clean:visited, .btn-clean:active, .btn-clean:focus {
  color: #fff;
  box-shadow: none;
}

.btn-clean-2 {
  border-color: #47b475;
  color: #47b475;
  background: transparent;
}

.btn-clean-2:hover, .btn-clean-2:visited, .btn-clean-2:active, .btn-clean-2:focus {
  background: #47b475;
  color: #fff;
}

/***********************************************************************************************/
/* =Form */
/***********************************************************************************************/


/***********************************************************************************************/
/* =Preloader */
/***********************************************************************************************/ 

#preloader {
  background-color: #FFF;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 8999;
}

#loading-animation {
  background-image: url("../images/loading.gif") ;
  opacity: 0.7;
  background-position: center center;
  background-repeat: no-repeat;
  height: 200px;
  left: 50%;
  margin: -100px 0 0 -100px;
  position: absolute;
  top: 50%;
  width: 200px;
  border-radius: 4px;
}

.title-section {
  margin-bottom: 50px;
  text-align: center;
}

.title-section h2 {
  color: #434343;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 45px;
  margin-bottom: 12px;
  text-transform: none;
}

.title-section hr {
  width: 40px;
  margin: 10px auto;
  border-top: 1px solid #EAEAEA;
}
.display-1{
	font-family:AlohaMagazine-Extrabold;
	color:#ffffff;
    text-shadow: 4px 4px 8px rgba(48,53,49,1.00);
}
.activity h2{
    font-family: Montserrat;
    text-align: center;
    font-weight: 500;
    color: rgba(30,29,29,1.00);
	padding-top: 5px;
	letter-spacing: -1px;
}
/***********************************************************************************************/
/* =Hero section */
/***********************************************************************************************/
.hero-container {
	background-color: #213042;
}
.h1{margin:0.57em 0;}
.hero-container h1{
	/*font-size: 40px;
	font-weight: 900;
	color: #ffffff;
	font-family: 'work sans', sans-serif;
	text-align: right;
	text-shadow: 2px 2px #000000;
	float: left;*/

	color: #ffffff;
	/*font-family: "Kaushan Script";*/
	font-family: Passion One;
	font-size: 52px;
	font-weight: 400;
	line-height: 52px;
	margin: 0 0 14px;
	font-style: normal;
	letter-spacing: 1px;
	text-shadow: 1px 0px #0F62E0;
	}

.hero-text .hero-tel a{
	font-size: 34px;
	color: #FFFFFF;
	font-style: normal;
}
.hero-text-molokini .hero-tel a{
	font-size: 34px;
	color: #FFFFFF;
	font-style: normal;
}
.hero-text {
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: ;
	text-shadow: 0px 0px;
	margin-top: 5%;
	margin-left: 5%;
}
.hero-text-molokini {
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: ;
	text-shadow: 15px 0px 15px rgba(27,27,27,1.00);
	margin-top: 15%;
	margin-left: 5%;
	margin-bottom: 15%;
}
.hero-text h1 {
	color: #FFFFFF;
	font-size: 50px;
	margin-bottom: 5px;
	text-align: left;
	font-family: 'work sans', sans-serif;
	padding-bottom: 0;
	text-shadow: 1px 2px 1px #FE8E17;
	margin-top: 8px;
}
.hero-text-molokini h1 {
	color: #FE8E17;
	font-size: 50px;
	margin-bottom: 25px;
	text-align: left;
	font-family: 'work sans', sans-serif;
	padding-bottom: 0;
	text-shadow: 1px 2px 1px rgba(255,255,255,1.00);
}
.hero-text h2  {
	line-height: 0.85em;
	color: #ffffff;
	font-family: Forum; font-size: 22px;  font-weight: 900; text-align: left; }
.hero-text h3  {
	color: #FFFFFF;
	font-family: Forum, cursive; font-size: 20px;
	font-weight: 300;
	text-align: left;
}
.hero-text-molokini h2  {
	font-size: 30px;
	font-family: alegreya;
	color: #ffffff;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	line-height: 1.0em;
	margin-top: 10px;
	text-align: left;
	letter-spacing: 1px;
}
.hero-text span {
	color: #FFFFFF;
	text-shadow: 1px 1px 0px #ffffff,0px -2px 0px rgba(0,0,0,.8);
}

.hero-text h1 #text-rotator span {
  color: #fff!important;
  
}
.hero-text p {
	color: #000000;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	text-shadow: 1px 1px 1px #2AB3D4;
}

/***********************************************************************************************/
/* =Full height hero-slider*/
/***********************************************************************************************/

ul.full-h-slider {
  height: 100%;
  padding-left: 0;
}

ul.full-h-slider li {
  position: absolute;
  height: 100%;
  width: 100%;
  display: table;
  background-size: cover;
}

ul.full-h-slider li:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
}

#trending-bg {
	background-position: center top;
	background-image: url(../../images/trendinglanai.jpg);
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	position: relative;
	margin-top: 40px;
	padding-top: 200px;
	padding-bottom: 30px;
	margin-bottom: 285px;
	height: 325px;
	width: 400px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 55px;
}
#trending-bg2 {
	background-position: center top;
	background-image: url(../../prodimages/maui-dolphin-snorkel-1.jpg);
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	position: relative;
	margin-top: 40px;
	padding-top: 200px;
	padding-bottom: 130px;
	margin-bottom: 285px;
	height: 325px;
	width: 400px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	display: block;
}
.lanaiinnercol{
	position: relative;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	padding-top: 16px;
	background-color: #FFFFFF;
	padding-right: 16px;
	padding-bottom:50px;
	margin-bottom: 80px;
	width: 300px;
	display: block;
	padding-left: 16px;
	margin-left: 30px;
	font-size:14px;
}
.lanaiinnercol h1{
	color: #333;
	text-align: center;
	font-size: medium;
}

@media (min-width:980px) and (max-width: 1280px){
#trending-bg {
	background-position: center top;
	background-image: url(../../images/trendinglanai.jpg);
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	position: relative;
	margin-top: 40px;
	padding-top: 200px;
	padding-bottom: 40px;
	margin-bottom: 260px;
	height:240px;
	width: 300px;
	background-repeat: no-repeat;
	display: block;
	margin-left: 0px;
	
}
#trending-bg2 {
	background-position: center top;
	background-image: url(../../prodimages/maui-dolphin-snorkel-1.jpg);
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	position: relative;
	margin-top: 40px;
	padding-top: 200px;
	padding-bottom: 130px;
	margin-bottom: 60px;
	height: 240px;
	width: 300px;
	background-repeat: no-repeat;
	margin-bottom:0px;
	display: block;
	margin-left: 25px;
}

.lanaiinnercol{
	position: relative;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	padding-top: 16px;
	background-color: #FFFFFF;
	padding-right: 16px;
	padding-bottom:50px;
	margin-bottom: 80px;
	width:  225px;
	display: block;
	padding-left: 16px;
	margin-left: 10px;
}
.lanaiinnercol h1{
	color: #333;
	text-align: center;
	font-size: medium;
}
}
@media (min-width:230px) and (max-width:949px){
#fl_menu{
	font-size: 12px;
	font-weight: 800;
	position: absolute;
	top: 1%;
	left: 80%;
	margin-right:5px;
	z-index: 8999;
	float: right;
	list-style-type: none;
	width: 65px;
	line-height: 50px;
	margin-bottom: 5px;
}

.inner {
	background-repeat: no-repeat;
	padding: 30px 30px 0px;
	position: relative;
	width: 100%;
	  margin-left: 20px;
	margin-bottom: 0px;
	box-shadow: 0 0 3px 3px rgba(0,0,0,.25);
	color: #333333;
}
.trending{
	margin-top: 125px;
    text-align: center;
 	position:relative;
	color:#fff;
}
.trending h1{
	font-family: alegreya, sans-serif;
	font-style: normal;
	font-size:18px;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: 1px;
}
	
.card {
	/*-webkit-box-shadow: 0px 0px 2px 2px rgba(199,199,199,1.00);
	box-shadow: 0px 0px 2px 2px rgba(199,199,199,1.00);*/
	-webkit-box-shadow: 1px 0px 2px 2px rgba(255,255,255,1.00);
	box-shadow: 1px 0px 2px 2px rgba(255,255,255,1.00);
	border-width: 12.5px;
	border-color: #2AB3D4;
	border-top-color: 14px solid #2AB3D4;
	border-bottom: 14px solid #2AB3D4;
	padding: 10px 10x 10px 10px;
}
	.card-default {
		padding: 10px 10px 10px 10px;
    /*-webkit-box-shadow: 0px 0px 2px 2px rgba(199,199,199,1.00);
	box-shadow: 0px 0px 2px 2px rgba(199,199,199,1.00);*/
    -webkit-box-shadow: 10px 0px 12px 12px rgba(255,255,255,1.00);
    box-shadow: 10px 0px 12px 12px rgba(255,255,255,1.00);
    border-width: 2.5px;
    border-color: #2AB3D4;
    border-top-color: 4px solid #2AB3D4;
    border-bottom: 4px solid #2AB3D4;
}
	
.card-heading h1 {
	font-family: alegreya, sans-serif;
	font-weight: 800;
	margin-top: 10px;
	margin-bottom: 6px;
	text-align: center;
	color: #434343;
	font-size: 4px;
}
.lanaiinnercol{
	position: relative;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	padding-top: 16px;
	background-color: #FFFFFF;
	padding-right: 16px;
	padding-bottom:50px;
	margin-bottom: 80px;
	width:  225px;
	display: block;
	padding-left: 16px;
	margin-left: 10px;
}
.lanaiinnercol h1{
	color: #333;
	text-align: center;
	font-size: medium;
}
}

/***********************************************************************************************/
/* =info section keep*/ 
/***********************************************************************************************/

#info-section {
	padding-top: 25px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	color: #222;
}

.info-bg {
	background-position: center top;
	background-image: url(../images/banners/mauisnorkelingtour.jpg);
	position: relative;
	background-attachment:fixed;
}
.info-bg:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
}
.info-header{
	font-size: 20px;
	text-align: center;
	display: block;
	margin-left: 25px;
	margin-right: 25px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	margin-bottom: 25px;
	border: 2px solid #3F3E3D;
}
.info-header h1{
	font-family:alegreya, sans-serif;
	color: #434343;
	font-weight: 700;	
}

#info-section .container {
	position: relative;
	z-index: 3;
	color: #434343;
}

#info-section .col-md-3 {
  padding: 0;
}
.col-sm-4{ width: 32.333%; margin-right:6px;}

.info-percent {
	background-color: rgba(255, 255, 255, 0.8);
	border: 3px solid rgba(255, 255, 255, 1.3);
	-webkit-transition: background .25s ease;
	-moz-transition: background .25s ease;
	-ms-transition: background .25s ease;
	-o-transition: background .25s ease;
	transition: background .25s ease;
	display: inline-block;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	margin-bottom: 40px;
	margin-top: 15px;
	width: 95%;
}


.info-percent h2 {
	font-family: alegreya, sans-serif;
	color: #434343;
	font-size: 1.7em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	font-weight: 700;
}
.info-percent h3 {font-size: 1.0em}
.info-percent p{
	color: #333333;
	font-size: 1.0em;
}
span.percentfactor {
  font-size: 42px;
  font-weight: 600;
}
.stats-icon i {
	color: #4A4A4A;
	font-size: 120px;
	margin-bottom: 30px;
	display: block;
}

.info-bg span.percentfactor, .info-bg .fact p {
	color: #000000;
	font-size: 14px;
}
.col-md-6{
	width: 48%;
}
.molokini-bg {
	background-position: center top;
	background-size:cover;
	background-image: url(../images/banners/tourparallax-2.jpg);
	background-attachment:fixed;
	position: relative;
}

.molokini-box1,
.molokini-box2 {
	margin-bottom: 40px;
}

.molokini-post-1,
.molokini-post-2 {
	margin-bottom: 40px;
	margin-top: 5px;
	background-color: rgba(255,255,255,0.93);
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
	margin-right: 10px;
}

.molokini-post-2 {
  margin-bottom: 60px;
}

.molokini-post-1 span,
.molokini-post-2 span {
  display: inline-block;
  float: left;
  margin: 0;
}

.molokini-post-1 span i,
.molokini-post-2 span i {
  color: #47b475;
  font-size: 30px;
}

.molokini-post-1 .molokini-content,
.molokini-post-2 .molokini-content {
}
.molokini-post-1 .molokini-content a i,
.molokini-post-2 .molokini-content a i {
  margin-left: 12px;
}
.molokini-post-1 span {
  margin-top: 10px;
}
.molokini-content h1, .kaanapali-content h1, .makena-content h1 {
	font-size: 1.7em;
	font-weight:800;
	text-align: center;
}
.molokini-content h3, .kaanapali-content h3, .makena-content h3{
	font-size: 1.0em;
	font-weight: 600;
	text-align: center;
	color: #222222;
}
.molokini-post-2 span {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #47b475;
  text-align: center;
}

.molokini-post-2 span i {
  color: #ffffff;
  font-size: 30px;
  line-height: 70px;
}

.molokini-post-2 .molokini-content {
  margin-left: 100px;
}


.molokini-post-3 {
  margin-bottom: 50px;
  text-align: center;
}

.molokini-post-3 span {
  display: inline-block;
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #f7f7f7;
  text-align: center;
  margin-bottom: 30px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.fa-check {
  color: #49bed7;
  padding-right:3px;

}

.molokini-post-3 p {
  margin-bottom: 0;
}

.molokini-post-3:hover span {
  background: #47b475;
}

.molokini-post-3:hover span i {
  color: #ffffff;
}

.left-features-molokini, .right-features-molokini {
  padding-top: 70px;
}

ul.features-list {
  list-style: none;
  padding: 0;
}

ul.features-list li {
  margin-bottom: 35px;
}

.left-features-box, .right-features-box {
  padding-top: 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
}

.iconbox {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #35d3b7;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}

.iconbox i {
  font-size: 32px;
  color: #47b475;
}

.iconbox:hover .fa {
  color: #fff;
}

.left-features-box {
  text-align: right;
}

.left-features-box .iconbox {
  float: right;
}

.left-features-box .features-box-content {
  margin-right: 70px;
}

.right-features-box .features-box-content {
  margin-left: 70px;
}
.left-features-img, .features-img {
  text-align: center;
}

.left-features-img img, .features-img img {
  max-width: 100%;
}

.features-post {
  text-align: center;
  padding: 50px 10px;
}

.features-post p {
  font-weight: 300;
  line-height: 24px;
  margin: 0px;
}

.features-bg {
  position: relative;
  background: url("../images/temp/main-bg.jpg") no-repeat center center;
  background-size: cover;
  padding: 0;
  min-height: 730px;
  display: table;
  width: 100%;
  overflow: hidden;
}

.features-bg:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(53, 55, 62, 0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
}

#features-section .col-md-6.without-padding {
  padding-right: 30px;
}

#features-section .col-md-6 .pad {
  padding: 50px 30px 20px 30px;
}

#features-section .col-sm-6 .pad {
  padding: 50px 30px 20px 30px;
}

.features-title {
  margin-bottom: 60px;
}

.choose-box-content {
  margin-left: 70px;
}



/***********************************************************************************************/
/* =Product-showcase-1*/
/***********************************************************************************************/

.product-showcase-1 {
  background: url('../images/banners/parallax-4.jpg') center top;
  position: relative;
  padding-top: 80px;
  color: #fff!important;
}

.product-showcase-1:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.7);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.product-showcase-1 .container {
  position: relative;
  z-index: 3;
}

.product-showcase-1 h2 {
  color: #fff;
  font-size: 32px;
}

.product-showcase-1 h3 {
  color: #fff;
  margin-bottom: 70px;
  line-height: 1.7;
}

.product-features .molokini-post-1 {
  margin-bottom: 25px;
}

.product-features h3 {
  margin-bottom: 0;
}

/***********************************************************************************************/
/* =Banner slider*/
/***********************************************************************************************/

.banner-slider-sec {
  background: url('../images/banners/parallax-1.jpg') center top;
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  background-size: cover;
  height: 100%;
}

.banner-slider-sec:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.8);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.banner-slider-sec .container {
  position: relative;
  z-index: 3;
}

.banner-slider-sec .bx-wrapper {
  margin: 0 auto 20px;
}

.banner-slider-sec .banner-heading {
  margin-top: 20px;
}

.banner-slider-sec a {
  margin-top: 20px;
  margin-right: 5px;
}

ul.banner-slider h1, ul.banner-slider h2, ul.banner-slider h4, ul.banner-slider p {
  color: #fff;
}

ul.banner-slider h4 {
  font-weight: 400;
}

/***********************************************************************************************/
/* =Team section*/
/***********************************************************************************************/

.team-box2 .team-post {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	background-color: rgba(255,255,255,1.00);
}

.team-box2 .team-post img, .head-team-img img {
  width: 100%;
}

.makena-content h2 {
	color: #434343;
	font-size: 18px;
	font-family: 'Alegreya', sans-serif;
	font-weight: 400;
	margin: 0 0 18px;
	margin-bottom: 4px;
	text-align: center;
}
.makena-content span {
  display: inline-block;
  font-size: 13px;
  color: #888888;
  font-family: 'Alegreya', sans-serif;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px;
  margin-bottom: 17px;
}
.makena-content {font-size:14px}

.makena-content p {
  margin-bottom: 20px;
}
.makena-content a, kaanapali-content a {display: inline-block;
  text-decoration: none;
  margin: 0;

}
#team-section-lanaibkgrnd{
	background-image: url(../../images/lanaibkgrnd3.jpg)
}



.kaanapali-bg{
	background-position: center top;
	background-image: url(../images/banners/kaanapali-snorkel-1.jpg);
	background-size:cover;
	background-attachment: fixed;
	position: relative;
}
.kaanapali-post-1{
	margin-bottom: 40px;
	background-color: rgba(255,255,255,0.93);
	padding-left: 2%;
	padding-top: 30px;
	padding-right: 10px;
}
div.kaanapali-post-1 img{
	object-fit: fill;
}
.box ul li, .kaanapali-content ul li, .lanai-content ul li,  .makena-content ul li {
	font-family: lato, serif;

	padding-left: 0;
	margin-top: 15px;
	margin-left: 15%;
	margin-bottom: 0px;
	text-align: left;
	list-style: none;
	font-size: 14px;
	line-height: 17px;
	color: #0F0F0F;
	font-weight: 400;
}
.molokini-content ul li  {
	font-family: lato, serif;
	overflow: hidden;
	padding-left: 0;
	margin-top: 15px;
	margin-left: 10px;
	margin-bottom: 0px;
	text-align: left;
	list-style: none;
	font-size: 13px;
	line-height: 15px;
	color: #0F0F0F;
	font-weight: 400;
}
.team-post-2 h2 {
  color: #434343;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
}

.team-post-2 h2 span {
  color: #727272;
  font-size: 13px;
  text-transform: none;
}

/***********************************************************************************************/
/* =Check list */
/***********************************************************************************************/

ul.check-list {
  padding-left: 0;
  list-style: none;
}

ul.check-list li {
  margin-bottom: 2px;
}

ul.check-list li i {
  margin-right: 10px;
  color: #47b475;
}



/***********************************************************************************************/
/* =contact info*/
/***********************************************************************************************/

.contact-info {
  background: url('../images/banners/parallax-8.jpg') center top;
  position: relative;
  padding: 80px 0;
}

.contact-info:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.5);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.contact-info .container {
  position: relative;
  z-index: 3;
}

.large-info {
  background-color: rgba(255,255,255,.1);
  color: #fff!important;
  font-size: 50px;
  line-height: 1;
  padding: 24px 30px;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 50px;
}

.large-info i {
  margin-right: 20px;
}

.email-info i, .adress-info i {
  color: #fff;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
}

.email-info {
  margin-bottom: 20px;
}

.email-info a, .adress-info a {
  color: #fff;
  display: block;
}


/***********************************************************************************************/
/* Shop hero-slider */
/***********************************************************************************************/ 

.content-top-margin {
    margin-top: 45px;
}

#slider.content-top-margin {
  margin-top: 130px;
}

.no-padding {
    padding: 0 !important;
}

.owl-carousel {
    overflow: hidden;
}

.no-transition *, .owl-carousel * {
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
}

#owl-demo .owl-carousel .owl-item {
    float: left;
    cursor: url("../images/shop/icon-move.png"), move;
}

.owl-half-slider .item {
  min-height: 510px;
  height: 500px;
  background-size: cover;
}

.owl-bg-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    display: table;
}

.owl-bg-img:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.1);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.owl-title {
  font-size: 35px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  letter-spacing: 7px;
}

.slider-text-middle {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 54;
}

.slider-text-middle a {
  margin-top: 30px;
  display: inline-block;
}

.slider-typography-shop .owl-subtitle {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 7px;
    line-height: 80px;
    text-transform: uppercase;
    display: block;
    color: #000;
}

.slider-typography-shop .owl-title {
    font-size: 63px;
    font-weight: 700;
    line-height: 70px;
    color: #000;
    letter-spacing: 7px;
}

/***********************************************************************************************/
/* =special-offers-shop */
/***********************************************************************************************/

.special-product-post {
  position: relative;
  overflow: hidden;
  -webkit-transition: scale .25s ease-in-out;
     -moz-transition: scale .25s ease-in-out;
      -ms-transition: scale .25s ease-in-out;
       -o-transition: scale .25s ease-in-out;
          transition: scale .25s ease-in-out;
  display: block;
  cursor: url("../images/shop/icon-zoom-white.png"), move;
  margin-bottom: 30px;
}

.special-product-post:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.special-product-post:hover img {
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  transform: scale(1.1,1.1);
}

.special-product-title {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 12%;
  z-index: 43;
  text-align: center;
  background: rgba(255,255,255,0.8);
  height: 75%;
  padding-top: 8%;
}

.special-product-title h5 {
  letter-spacing: 1px;
  margin-bottom: 5px
}

.special-product-title h2 {
  margin-bottom: 0;
}

/***********************************************************************************************/
/* =product-post */
/***********************************************************************************************/

.shop-bar {
  padding-bottom: 16px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dddddd;
}

.shop-bar p {
  margin-top: 10px;
  margin-bottom: 10px;
}

.shop-bar .filter-shop-bar {
}

.shop-bar .filter-shop-bar span {
  display: inline-block;
  font-size: 13px;
  color: #888888;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px;
  margin: 0;
  color: #434343;
}

.shop-bar .filter-shop-bar select {
  font-size: 13px;
  color: #888888;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px;
  margin: 0;
  padding: 10px 15px;
  width: 168px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  line-height: 18px;
  border: 1px solid #dfdfdf;
  outline: none;
  margin-left: 18px;
}

.shop-view-mode {
  padding-top: 15px;
} 

.shop-view-mode a {
  color:#BDBDBD;
  font-size: 18px;
}

.shop-view-mode a:hover {
  color: #47b475;
}

.shop-products-title {
  margin-bottom: 20px;
}

.shop-products-title h3 {
  color: #000000;
  font-size: 26px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600!important;
  margin: 0 0 18px;
  margin-bottom: 0px;
  text-transform: none;
  letter-spacing: 1.6px;
  text-align: center;
  padding-bottom: 40px;
}

.product-post {
  position: relative;
  margin-bottom: 40px;
}

.product-post .btn {
  margin-top: 20px;
}

.product-image {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  margin-bottom: 20px;
}

.product-image img {
  display: block;
  width: 100%;
}

.product-image a {
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
  display: block;
}

.product-image>a:nth-of-type(2) {
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  position: absolute;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.product-image:hover>a:nth-of-type(2) {
  top: 0;
  left: 0;
  opacity: 1;
  z-index: 2;
  position: absolute;
  -webkit-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

.product-hot {
  border-radius: 50%;
  color: #ffffff;
  font-size: 11px;
  font-weight: 600;
  height: 52px;
  right: 12px;
  line-height: 52px;
  position: absolute;
  text-align: center;
  background: #cb0606;
  text-shadow: 1px 2px 1px rgba(0,0,0,0.14);
  top: 12px;
  width: 52px;
  z-index: 5;
  text-transform: uppercase;
}

.product-hover {
  position: absolute;
  width: 100%;
  height: 44px;
  line-height: 44px;
  top: auto;
  bottom: -44px;
  left: 0;
  z-index: 6;
  background-color: rgba(0,0,0,0.7);
  -webkit-transition: all .25s ease;
     -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
       -o-transition: all .25s ease;
          transition: all .25s ease;
  text-align: center;
}

.product-image:hover .product-hover {
  bottom: 0;
}

.product-hover:hover {
  background: #000;
}

.hover-stock-details {
  list-style: none;
  padding-left: 0;
}

.hover-stock-details li {
  display: inline-block;
  height: 28px;
  float: left;
  line-height: 44px;
  margin-right: 8px;
}

.hover-stock-details li a {
  color: #fff;
  display: block;
  font-size: 11px;
}

li.stock {
  height: auto;
  width: auto;
  margin-left: 20px;
  margin-right: 15px;
}

li.stock a {
  font-size: 13px;
  color: #47b475;
}

.product-price {
  float: left;
}

.product-post .product-rating {
  float: right;
  margin-bottom: 12px;
}

.product-title h5 {
  margin-bottom: 13px;
  line-height: 1.4;
}

.product-title h5 a {
  color: #2a2a2a;
  -webkit-transition: color .25s ease;
     -moz-transition: color .25s ease;
      -ms-transition: color .25s ease;
       -o-transition: color .25s ease;
          transition: color .25s ease;
}

.product-title h5 a:hover {
  color: #47b475;
}

.product-price {
  font-size: 18px;
  color: #323232;
}

.product-price del {
  color: #837f7e;
  font-size: 14px;
}



/***********************************************************************************************/
/* new-products-carousel */
/***********************************************************************************************/

#new-products-carousel .owl-item {
  padding: 0 8px;
}

#new-products-carousel .product-rating {
  display: none;
}

#new-products-carousel .product-hot {
  background: #47b475;
}

.new-product-badge.product-hot {
  background: #47b475;
}

/***********************************************************************************************/
/* Single product details */
/***********************************************************************************************/

.btn-add {
  margin-right: 20px;
  color: #000;
}

.btn-add:last-child {
  margin-right: 0;
}

.btn-add i {
  margin-right: 10px;
}


.tour{
	margin-top: -15px;
}

.fs-14 {
  font-size: 14px;
}



/***********************************************************************************************/
/* Modals*/
/***********************************************************************************************/

.modal h4 {
  padding-bottom: 0;
}

.modal-dialog-login .modal-footer {
  padding: 20px 15px;
}

.modal-form-wrap {
  padding: 0 15px; 
}

.modal-form-wrap h3 {
  color: #47b475;
  text-align: center;
  text-transform: none;
  margin-bottom: 25px;
}

#login {
  padding-top: 30px
}

#login .form-wrap {
    width: 30%;
    margin: 0 auto;
}

#login h1 {
    color: #1fa67b;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    padding-bottom: 20px;
}

#login .form-group {
    margin-bottom: 25px;
}

#login .checkbox {
    margin-bottom: 20px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#login .checkbox.show:before {
  content: "\f00c";
  color: #1fa67b;
  font-size: 18px;
  position: absolute;
  pointer-events: none;
  font-family: 'FontAwesome';
  margin-left: 3px;
  margin-top: 2px;

}

#login .checkbox .character-checkbox {
    width: 25px;
    height: 25px;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #ccc;
    vertical-align: middle;
    display: inline-block;
}

#login .checkbox .label {
    color: #6d6d6d;
    font-size: 13px;
    font-weight: normal;
}

#login .forget {
  text-align: center;
  display: block;
  margin-top: 12px;
}


/***********************************************************************************************/
/* =Media queries */
/***********************************************************************************************/

@media (min-width:993px){
  .about-pad {
    padding: 50px 50px 0 6%!important;
  }
}

@media (max-width: 992px) {
.hero-text {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 6%;
	margin-right: auto;
	z-index: 10;
	text-align: left;
	margin-left: 2px;
}
.hero-text  {
	color: #FFFFFF;
	font-size: 40px;
	margin-bottom: 25px;
	text-align: left;
	font-family: 'work sans', sans-serif;
	padding-bottom: 0;
	text-shadow: 1px 2px 1px #FE8E17;
	font-weight: 600;
}
h1.hero-title {
    font-family: "AlohaMagazine-Extrabold";
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-shadow: 4px 4px 8px #040352;
}	
.hero-text h2  {
	font-size: 16px;
	padding-bottom: 0%;
	color: #FFFFFF;
}
.hero-text h3  {
	font-size: 14px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	line-height: 0.85em;
	margin-top: 10px;
	text-align: left;
	letter-spacing: 1px;
	margin-left: 2px;
	font-style: italic;
}
.hero-text .hero-tel{font-size:22px; color:#FFFFFF;}
.hero-text span {
	color: #FFFFFF;
	text-shadow: 1px 1px #FFFFFF;
}
.hero-text h1 #text-rotator span {
  color: #fff!important;
}

.hero-text p {
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
  text-shadow: 1px 1px 1px #2AB3D4;
}

.call-to-action {
	margin-top: 16px;
}

  h4 {
    margin-top: 30px;
  }

  .agency-hist h1 {
    font-size: 32px;
  }

  .agency-hist {
    padding: 80px 0;
  }

  .banner-slider-sec {
    display: none;
  }

  .col-md-7 .project-video {
    margin-bottom: 20px;
  }

  .common-sec-1, .common-sec-2 {
    padding: 60px 40px;
  }

  .testimonials-mob-pad {
    text-align: center;
    padding-top: 30px;
  }

  .up-footer {
    background: #222222;
    padding: 45px 0 45px;
  }

  .location-item {
    padding-bottom: 60px!important;
  }

  .product-name-details {
    padding-top: 40px;
  }

  .navbar .container {
	width: 100%!important;
  }


  h4.head-project-title {
    margin-top: 20px;
  }

}

@media (max-width: 767px) {

  h2  {
    margin-top: 20px;
  }

  .pad-sec-60 {
    padding: 50px 0;
  }

  .pad-top-80 {
    padding-top: 60px;
  }

  .navbar-default .header-top-line {
    text-align: center;
  }

  .navbar-default .header-top-line span i {
    margin-right: 4px;
  }

  .navbar-default .header-top-line span {
    margin-right: 15px;
    padding-bottom: 0;
  }

  .navbar-default .header-top-line .right-align {
    text-align: center;
  }

  .navbar-default .header-top-line .right-align ul li .shoping-drop {
    width: 280px;
    right: -93px;
  }

  .navbar-brand {
    padding: 13px 15px 10px;
  }
.nav-item.activity-link {
  background-color: rgba(245,245,245,0.15);
  width: 80px;
  font-family: AlohaMagazine-Regular;
  font-size: 14px;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 8px 8px 8px 15px;
  margin: 4px;
  border-radius: 5px;
}	

  #container {
    padding-top: 136px;
  }

  
  .form-search {
    padding: 10px 0;
    position: relative;
    display: block;
  }

  .form-search input[type="search"] {
    font-size: 20px;
  }

  a.open-search,
  a.close-search {
    display: none !important;
  }

  .featured-box {
    margin-bottom: 30px;
  }

  .navbar-default .header-top-line span {
    display: none;
  }

.slider-typography-shop .owl-title {
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
    letter-spacing: 2px;
  }

  #head-page-section h1 {
    font-size: 22px;
  }

  #head-page-section {
    text-align: center;
    padding: 40px 0;
    margin-top: 100px
  }

  #head-page-section p {
    margin-bottom: 0;
  }

  #head-page-section .breadcrumb {
    text-align: center;
    margin-top: 5px;
  }

  #info-section {
    padding: 0;
  }

  .info-percent {
	margin-top: 15px;
	margin-bottom: 10px;
  }


.promo-info{text-align:center}
.promo-info h1{
	font-family: "Alegreya",sans-serif;
	font-size: 2.2em;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 6px;
	text-align: center;
	color: #434343;
}
  .promo-btn {
    text-align: center!important;
    margin-top: 20px;
  }

  .location-item {
    padding-bottom: 40px;
  }

  .business-block .project-video {
    padding-right: 0;
  }

  .promo-text {
    text-align: center;
  }

  .promo-action {
    text-align: center;
  }

  #page-shop-title {
    text-align: center;
  }

  #page-shop-title ul {
    text-align: center;
  }

  #page-shop-title {
    padding: 70px 0;
    background-size: cover;
    margin-top: 100px;
  }

}

@media (max-width: 600px) {

  .btn {
    font-size: 12px;
  }

  .btn-md {
    padding: 0px 18px;
  } 

  .btn-lg {
    padding: 12px 24px;
  }

  .modal-dialog-login {
    width: 500px;
  }

  .modal-dialog-login {
    width: 500px;
  }
  .hero-text h1 {
	color: #FE8E17;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	padding-top: 1%;
	text-align: left;
	font-family: 'work sans', sans-serif;
	text-shadow: 1px 2px 1px rgba(255,255,255,1.00);
  }
  .hero-text p {
	color: #000000;
	font-size: 14px;
	font-weight: 300;
	line-height: 32px;
	text-shadow: 1px 1px 1px #2AB3D4;
  }

  #info-section {
    padding: 0;
  }

  .owl-half-slider .item {
    height: 300px;
    min-height: 300px;
  }
  #topImage{
	width: 100%;
	background-image: url(../../images/maui-snorkeling-2016-2.jpg);
}
  .slider-typography-shop .owl-subtitle {
    line-height: 40px;
  }

  #slider.content-top-margin {
    margin-top: 100px;
  }

  .shop-parallax-section {
    color: #fff;
    font-weight: 600!important;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 42px;
    letter-spacing: 1.4px;
  }

  .shop-parallax-section span {
    color: #47b475;
    font-weight: 600;
    font-size: 32px;
  }

  .shop-parallax-content a {
    margin-top: 15px;
  }

  .product-post {
    height: 406px;
  }

  .product-price {
    display: block;
    width: 100%;
  }

  .product-post .product-rating {
    display: block;
    float: left;
    width: 100%;
  }

  .shop-parallax-section .product-hot {
    border-radius: 50%;
    color: #ffffff!important;
    font-size: 16px!important;
    font-weight: 600;
    height: 110px;
    right: -45px;
    padding-right: 35px;
    line-height: 137px;
    position: absolute;
    text-align: center;
    background: #cb0606;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.14);
    top: -45px;
    width: 110px;
    z-index: 5;
    text-transform: uppercase;
  }
  
  .wide-banner-shop {
    padding: 50px 0;
  }
  
  .wide-banner-shop-text h4 {
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 1.2px;
    padding-bottom: 0;
    margin-top: 0;
  }
  
  .wide-banner-shop-text h1 {
    font-weight: 600;
    font-size: 32px;
  }
  
  .shop-entry-post {
    padding-bottom: 30px;
  }
  
  .address {
    display: none;
  }

  .project-item .hover-gallery h4 {
    font-size: 14px;
  }

  h1.white-promo-title {
    font-size: 26px;
  }

  .big-promo-box {
    padding: 60px 0;
  }

  ul.filter-list li a {
    width: 100%;
    text-align: center;
  }

}
.blueunderline {
	width: 30%;
	align: center;
	border-top: 2px solid rgba(47, 46, 46, 1);
	border-bottom: 2px solid rgba(47, 46, 46, 1);
	padding: 7px 0 0 0;
	display: block;
	margin-left: auto;
    margin-right: auto;
}
.underline {
	width: 30%;
	align: center;
	border-top: 2px solid rgba(47, 46, 46, 1);
	border-bottom: 2px solid rgba(47, 46, 46, 1);
	padding-top: 7px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 7px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.col-md-6 {
	width: 52%;
}
.inner {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 30px 0px;
	position: relative;
	height: 467px;
	max-width: 550px;
	margin-left: 20px;
	margin-bottom: 0px;
	box-shadow: 0 0 3px 3px rgba(0,0,0,.25);
	color: #333333;
}


.box {
	background-color: #FFF;
	margin-bottom: 60px;
	position: relative;
	float: left;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	width: 100%;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 15px;
	border-right-width: 15px;
	border-left-width: 15px;
}
.box img {
	width:100%;
	height:auto;

}
.inner img {
	width:100%;
	height:auto;
}
.trending ul {
	text-align: left;
	list-style: none;
	font-size: 14px;
	min-height: 150px;
	line-height: 14px;
}
.trending .box .btn {
	padding:3px 10px;
	margin-top:20px;
	margin-bottom:30px;
	background-color:#FFF;
	border:2px solid #383330;
	text-transform:uppercase;
	color:#383330;
	font-size:16px;
	font-weight:600;
}
.trending .box .btn:hover {
	background-color:#fe8e17;
	border:2px solid #fe8e17;
	color:#fff;
}
.lanai{
	margin-top: 225px;
    text-align: center;
 	position:relative;
	color:#fff;
}
.lanai h1{
	font-family: alegreya, sans-serif;
	font-style: normal;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: 1px;
}
.box {
	background-color: #FFF;
	margin-bottom: 60px;
	position: relative;
	float: left;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	width: 100%;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 15px;
	border-right-width: 15px;
	border-left-width: 15px;
}

.lanai ul {
	text-align: left;
	list-style: none;
	font-size: 14px;
	min-height: 150px;
	line-height: 14px;
}
.lanai .box .btn {
	padding:3px 10px;
	margin-top:20px;
	margin-bottom:30px;
	background-color:#FFF;
	border:2px solid #383330;
	text-transform:uppercase;
	color:#383330;
	font-size:16px;
	font-weight:600;
}
.lanai .box .btn:hover {
	background-color:#fe8e17;
	border:2px solid #fe8e17;
	color:#fff;
}
.molokini-content ul > li > ul a > li, .trending ul > li > ul a > li, .lanai-content ul > li > ul a > li, .kaanapali-content ul > li > ul a > li, .makena-content ul > li > ul a > li {
	padding-left: 10px;
	color: rgba(6,85,135,1.00);
	text-decoration: underline;
	font-weight: 500;
	line-height: 14px;
}
.box a, .makena-content a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #888888;
  margin: 0 0 15px;
  color: #434343;
  margin: 0;
}
bckgrnd{  background: url(../images/banners/thanks.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#footer{
	background-color:#fff;}
/* Tab Navigation */
.nav-tabs {
	margin: 0;
	padding: 0;
	border: 0;
}
.nav-tabs > li >{width:10%;
	height:35%;}

.nav-tabs > li > a {
    background: #49bed7;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #FE8E17;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}
.nav .nav-tabs img {
    width: 100%;
    height: auto;
}

}

/* Tab Content */
.tab-content{
	text-align: left;
	width: 80%;
	margin-top: 5px;
	}
.tab-pane {
	background: #F5F5F5;
	box-shadow: 0 0 4px rgba(0,0,0,.4);
	border-radius: 0;
	text-align: left;
	padding: 10px;
	font-weight: bolder;
}
.kaanapali-content{
	border-color: #D5D5D5;
	border-width: 2px;
	-webkit-box-shadow: 2px 2px 5px #D5D5D5;
	box-shadow: 2px 2px 5px #D5D5D5;
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	text-align: center;
	font-weight: bolder;
	margin-bottom: 10px;
}

.price{
	display: block;
	width: 100%;
	color: #191818;
	font-size: 34px;
	font-weight: bold;
	background-color: #49BED7;
	text-align: center;
	line-height: 115px;
	max-height: 115px;
	min-height: 75px;
}
.buy{
	display: block;
	width: 100%;
	min-height: 115px;
	background-color: #FE8E17;
	  font-size: 30px;
	font-weight:bold;
	text-align: center;
	line-height:115px;
}

.demo4 {
  color: #fe8e17;
  text-shadow: 1px 1px 0px #ffffff,0px -2px 0px rgba(0,0,0,.8);
  -webkit-box-shadow: inset 0px 0px;
  box-shadow: inset 0px 0px;
}
@media (max-width:767px) {
.navbar-default .navbar-nav>li>a {
	color: #ffffff;
	font-weight: 700;
	font-family: lato;
	font-style: normal;
	font-size: 18px;
	background-color: rgba(88,88,88,0.83)
}
.price{
	display: block;
	margin:auto;
	width: 80%;
	color: #191818;
	font-size: 34px;
	font-weight: bold;
	background-color: #49BED7;
	text-align: center;
	line-height: 115px;
	min-height: 75px;
}
.buy{
	display: block;
	width: 80%;
	margin:auto;
	min-height: 115px;
	background-color: #FE8E17;
	font-size: 30px;
	font-weight:bold;
	text-align: center;
	line-height:115px;
}

}
.pad-color{background-color:rgba(16,145,208,0.50)}
}
.product-list{ 
font-family: lato, serif;
	overflow: hidden;
	padding-left: 0;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	font-weight:400;
}
.product-list ul{ 
	margin-left: 45px;
	list-style: none;
	font-weight:900;


}
.glyphicon-star:before {
	content: "\e006";
	
}
 
.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'], .container-flex > div[class*='col-'] {
	 margin:-.2px; /* hack adjust for wrapping */
}
.container-flex > div[class*='col-'] div,.row-flex > div[class*='col-'] div {
	width:100%;
}
.flex-col {
    display: flex;
    display: -webkit-flex;
    flex: 1 100%;
	flex-flow: column nowrap;
}

.flex-grow {
	display: flex;
    -webkit-flex: 2;
    flex: 2;
}
.flex-grow .flex-indent{
	width:80%;
	margin-left: 5%;
	line-height: 18px;
	margin-right: 2%;
}
.title {
	font-family: "Montserrat", sans serif;
	font-size: 18px;
	padding-top: 10px;
	color: #C86A00;
	text-align: center;

} 

.contact{

}

footer span {
	color: #FFFFFF;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	font-weight: 400;
}
footer span a {
	color: #FFFFFF;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	font-weight: 400;
}

/***********************************************************************************************/
/* =Help classes*/
/***********************************************************************************************/

.margin-top-20 {
  margin-top: 20px;
}

.pad-sec {
  padding: 120px 0;
}

.pad-sec-180 {
  padding: 180px 0;
}
.pad-sec-160 {
  padding: 160px 0;
}
.pad-sec-140 {
  padding: 140px 0;
}

.pad-sec-100 {
  padding: 100px 0;
}

.pad-sec-80 {
	padding-top: 80px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
}

.pad-sec-70 {
  padding: 70px 0;
}

.pad-sec-60 {
  padding: 60px 0;
}

.pad-sec-40 {
  padding-top: 40px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
}

.pad-sec-20 {
  padding: 20px 0;
}

.pad-top-20 {
  padding-top: 20px;
}

.pad-top-0 {
  padding-top: 0!important;
}

.pad-top-30 {
  padding-top: 30px;
}

.pad-top-40 {
  padding-top: 40px;
}

.pad-top-50 {
  padding-top: 50px;
}

.pad-top-45 {
  padding-top: 45px
}

.pad-top-60 {
  padding-top: 60px;
}

.pad-top-80 {
  padding-top: 80px;
}

.pad-top-100 {
  padding-top: 100px;
}

.pad-top-120 {
  padding-top: 120px;
}

.pad-top-140 {
  padding-top: 140px;
}

.pad-bt-120 {
  padding-bottom: 120px;
}

.pad-bt-100 {
  padding-bottom: 100px;
}

.pad-bt-80 {
  padding-bottom: 80px;
}

.pad-bt-60 {
  padding-bottom: 60px!important;
}

.pad-bt-40 {
  padding-bottom: 40px!important;
}

.pad-bt-20 {
  padding-bottom: 20px;
}

.pad-rt-60 {
  padding-right: 60px;
}

.pad-lf-60 {
  padding-left: 60px;
}
.pad-lf-60 {
  padding-left: 60px;
}
.pad-rlf-20 {
  margin-right:10px;
  padding-top:0px;
  padding-left: 0px;
  padding-right: 0;
}
.white{background-color:#fff;}
.pad-thb {
  padding-top: 15px;
  padding-bottom: 15px;
}

.sep-section {
  height: 1px;
  border-bottom: 1px solid #EAEAEA;
}

.theme-bg {
  background: #47b475;
  color: #fff;
}

.green-bg {
  background: #47b475;
}

.green-bg-2 {
  background: #9AC33E;
}

.grey-bg {
  background: #f5f5f5;
}

.grey-l-bg {
  background: #f7f7f7;
}

.l-grey-bg {
  background: #fafafa;
}

.dark-bg {
  background: #1b1b1b;
}

.vertical-align-table {
	width: 100%;
	height: 100%;
	display: table;
	background-image: url(../../images/maui-snorkeling-2016-2.jpg);
	background-repeat: no-repeat;
}

.vertical-align-cell {
	display: table-cell;
	vertical-align: middle;
}




.border-top-0 {
  border-top: 0!important;
}




/***********************************************************************************************/
/* =Buttons */
/***********************************************************************************************/

.btn {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 14px 25px;
	border-radius: 1px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

.btn:hover {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
  outline: 0;
}

.btn-lg {
  padding: 17px 34px;
  letter-spacing: 1.3px;
}

.btn-md {
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
}

.btn-sm {
  padding: 10px 37px;
  font-size: 12px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}

.btn-xs {
  padding: 6px 18px;
  font-size: 12px;
}

.btn-rounded {
  border-radius: 4px;
}

.btn-primary {
  text-transform: uppercase;
  background-color: #47b475;
  border: 1px solid #47b475;
  color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, 
.btn-primary.active, .open>.dropdown-toggle.btn-primary, .btn-light-solid:hover, 
.btn-light-solid:focus, .btn-light-solid:active, .btn-light-solid:visited {
	opacity: .8;
	background-color: #47b475;
	border-color: #47b475;
	color: rgba(255,255,255,1.00);

}

.btn-colored-2 {
  background: #47b475;
  color: #fff;
}

.btn-colored-2:hover {
  background: #fff;
  color: #47b475;
}

.btn-white {
  background: #fff;
  color: #47b475;
}

.btn-white:hover {
  background: #47b475;
  color: #fff;
}
.section-heading img{
	max-width: 100%; 
	display:block; 
	height: auto;
	margin: 0 auto;
}

.btn-orange-one {
	color: #ffffff;
	background-color: #FE8E17;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 8px;
	border-radius: 0px;
	height: 40px;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	border-style: solid;
	border-bottom-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-color: #FE8E17;
	display:inline-block;
	margin-top: 35px;

}
.btn-orange-two{
	color: #ffffff;
	background-color: #FE8E17;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-khtml-border-radius: 8px;
	border-radius: 0px;
	height: 40px;
	cursor: pointer;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 1px;
	border-style: solid;
	border-bottom-width: 3px;
	border-right-width: 3px;
	border-left-width: 3px;
	border-color: #FE8E17;
	display: inline-block;
	margin-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
}
.btn-orange:hover {
	background-color:#ffffff;
	color:#222222;
}

.btn-blue {
	color: #222222;
	float:right;
	background-color: #49bed7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
	cursor: pointer;
	font-weight: 400;
	font-size: 14px;
	
}
.btn-blue:hover {
	background-color:#fe8e17;
}
.btn-gray{
	color: #006187;
	float: right;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 2px;
	height: 40px;
	cursor: pointer;
	font-weight: 900;
	font-size: 16px;
	background-image: -webkit-linear-gradient(180deg,rgba(202,202,202,1.00) 0%,rgba(218,218,218,1.00) 48.19%,rgba(234,234,234,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(202,202,202,1.00) 0%,rgba(218,218,218,1.00) 48.19%,rgba(234,234,234,1.00) 100%);
	background-repeat: repeat-x;
	border: 2px solid #ffffff;
	-webkit-box-shadow: 3px 3px 3px 2px #CACACA;
	box-shadow: 3px 3px 3px 2px #CACACA;
	line-height: 16px;
}
.btn-gray:hover {
  color:#FE8E17;
}

.btn-clean {
  color: #fff;
  border: 1px solid #fff;
}

.btn-clean:hover, .btn-clean:visited, .btn-clean:active, .btn-clean:focus {
  color: #fff;
  box-shadow: none;
}

.btn-clean-2 {
  border-color: #47b475;
  color: #47b475;
  background: transparent;
}

.btn-clean-2:hover, .btn-clean-2:visited, .btn-clean-2:active, .btn-clean-2:focus {
  background: #47b475;
  color: #fff;
}

/***********************************************************************************************/
/* =Form */
/***********************************************************************************************/


/***********************************************************************************************/
/* =Preloader */
/***********************************************************************************************/ 

#preloader {
  background-color: #FFF;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 8999;
}

#loading-animation {
  background-image: url("../images/loading.gif") ;
  opacity: 0.7;
  background-position: center center;
  background-repeat: no-repeat;
  height: 200px;
  left: 50%;
  margin: -100px 0 0 -100px;
  position: absolute;
  top: 50%;
  width: 200px;
  border-radius: 4px;
}

.title-section {
  margin-bottom: 50px;
  text-align: center;
}

.title-section h2 {
  color: #434343;
  font-size: 24px;
  font-weight: 400;
  margin: 0 0 45px;
  margin-bottom: 12px;
  text-transform: none;
}

.title-section hr {
  width: 40px;
  margin: 10px auto;
  border-top: 1px solid #EAEAEA;
}

/***********************************************************************************************/
/* =Hero section */
/***********************************************************************************************/
.hero-container {
	background-color: #213042;
}

.hero-container h1{
	/*font-size: 40px;
	font-weight: 900;
	color: #ffffff;
	font-family: 'work sans', sans-serif;
	text-align: right;
	text-shadow: 2px 2px #000000;
	float: left;*/

	color: #ffffff;
	/*font-family: "Kaushan Script";*/
	font-family: Passion One;
	font-size: 52px;
	font-weight: 400;
	line-height: 52px;
	margin: 0 0 14px;
	font-style: normal;
	letter-spacing: 1px;
	text-shadow: 1px 0px #0F62E0;
	}
.hero-container h1 a{
	text-shadow: 2px 0px #210301;
}
.hero-container h1 a:hover{
	color: #FE9817;
	text-shadow: 1px 0px #000000;
}
.fishbkrnd{text-align:center}
.hero-text .hero-tel a{
	font-size: 34px;
	color: #FFFFFF;
	font-style: normal;
}
.hero-text-molokini .hero-tel a{
	font-size: 34px;
	color: #FFFFFF;
	font-style: normal;
}
.hero-text {
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: ;
	text-shadow: 0px 0px;
	margin-top: 5%;
	margin-left: 5%;
}
.hero-text-molokini {
	position: relative;
	z-index: 10;
	text-align: center;
	padding-top: ;
	text-shadow: 15px 0px 15px rgba(27,27,27,1.00);
	margin-top: 15%;
	margin-left: 5%;
	margin-bottom: 15%;
}
.hero-text h1 {
	color: #FFFFFF;
	font-size: 50px;
	margin-bottom: 5px;
	text-align: left;
	font-family: 'work sans', sans-serif;
	padding-bottom: 0;
	text-shadow: 1px 2px 1px #FE8E17;
	margin-top: 8px;
}
.hero-text-molokini h1 {
	color: #FE8E17;
	font-size: 50px;
	margin-bottom: 25px;
	text-align: left;
	font-family: 'work sans', sans-serif;
	padding-bottom: 0;
	text-shadow: 1px 2px 1px rgba(255,255,255,1.00);
}
.hero-text h2  {
	line-height: 0.85em;
	color: #ffffff;
	font-family: Forum; font-size: 22px;  font-weight: 900; text-align: left; }
.hero-text h3  {
	color: #FFFFFF;
	font-family: Forum, cursive; font-size: 20px;
	font-weight: 300;
	text-align: left;
}
.hero-text-molokini h2  {
	font-size: 30px;
	font-family: alegreya;
	color: #ffffff;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	line-height: 1.0em;
	margin-top: 10px;
	text-align: left;
	letter-spacing: 1px;
}
.hero-text span {
	color: #FFFFFF;
	text-shadow: 1px 1px 0px #ffffff,0px -2px 0px rgba(0,0,0,.8);
}

.hero-text h1 #text-rotator span {
  color: #fff!important;
  
}
.demo4 {
	color: #47b475;
	text-shadow: 1px 1px 0px #ffffff,0px -2px 0px rgba(0,0,0,.8);
	-webkit-box-shadow: inset 0px 0px;
	box-shadow: inset 0px 0px;
}
.demo5 {
	font-size:20px;
	text-align:left;

	color: #47b475;
	text-shadow: 0px 1px 0px #92B7B4,0px -2px 0px rgba(0,0,0,.8);
	-webkit-box-shadow: inset 0px 0px;
	box-shadow: inset 0px 0px;
}
.hero-text p {
	color: #000000;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	text-shadow: 1px 1px 1px #2AB3D4;
}

/***********************************************************************************************/
/* =Full height hero-slider*/
/***********************************************************************************************/

ul.full-h-slider {
  height: 100%;
  padding-left: 0;
}

ul.full-h-slider li {
  position: absolute;
  height: 100%;
  width: 100%;
  display: table;
  background-size: cover;
}

ul.full-h-slider li:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
}

#trending-bg {
	background-position: center top;
	background-image: url(../../images/trendinglanai.jpg);
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	position: relative;
	margin-top: 40px;
	padding-top: 200px;
	padding-bottom: 30px;
	margin-bottom: 285px;
	height: 325px;
	width: 400px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-left: 55px;
}
#trending-bg2 {
	background-position: center top;
	background-image: url(../../prodimages/maui-dolphin-snorkel-1.jpg);
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	position: relative;
	margin-top: 40px;
	padding-top: 200px;
	padding-bottom: 130px;
	margin-bottom: 285px;
	height: 325px;
	width: 400px;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	display: block;
}

.lanaiinnercol{
	position: relative;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	padding-top: 16px;
	background-color: #FFFFFF;
	padding-right: 16px;
	padding-bottom:50px;
	margin-bottom: 80px;
	width: 300px;
	display: block;
	padding-left: 16px;
	margin-left: 30px;
	font-size:14px;
}
.lanaiinnercol h1{
	color: #333;
	text-align: center;
	font-size: medium;
}

@media (min-width:980px) and (max-width: 1280px){
#trending-bg {
	background-position: center top;
	background-image: url(../../images/trendinglanai.jpg);
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	position: relative;
	margin-top: 40px;
	padding-top: 200px;
	padding-bottom: 40px;
	margin-bottom: 260px;
	height:240px;
	width: 300px;
	background-repeat: no-repeat;
	display: block;
	margin-left: 0px;
	
}
#trending-bg2 {
	background-position: center top;
	background-image: url(../../prodimages/maui-dolphin-snorkel-1.jpg);
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	position: relative;
	margin-top: 40px;
	padding-top: 200px;
	padding-bottom: 130px;
	margin-bottom: 60px;
	height: 240px;
	width: 300px;
	background-repeat: no-repeat;
	margin-bottom:0px;
	display: block;
	margin-left: 25px;
}

.lanaiinnercol{
	position: relative;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	padding-top: 16px;
	background-color: #FFFFFF;
	padding-right: 16px;
	padding-bottom:50px;
	margin-bottom: 80px;
	width:  225px;
	display: block;
	padding-left: 16px;
	margin-left: 10px;
}
.lanaiinnercol h1{
	color: #333;
	text-align: center;
	font-size: medium;
}
}
@media (min-width:230px) and (max-width:949px){
#fl_menu{
	font-size: 12px;
	font-weight: 800;
	position: absolute;
	top: 1%;
	left: 80%;
	margin-right:5px;
	z-index: 8999;
	float: right;
	list-style-type: none;
	width: 65px;
	line-height: 50px;
	margin-bottom: 5px;
}

.inner {
	background-repeat: no-repeat;
	padding: 30px 30px 0px;
	position: relative;
	width: 100%;
	  margin-left: 20px;
	margin-bottom: 0px;
	box-shadow: 0 0 3px 3px rgba(0,0,0,.25);
	color: #333333;
}
.trending{
	margin-top: 125px;
    text-align: center;
 	position:relative;
	color:#fff;
}
.trending h1{
	font-family: alegreya, sans-serif;
	font-style: normal;
	font-size:18px;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: 1px;
}

.lanaiinnercol{
	position: relative;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	padding-top: 16px;
	background-color: #FFFFFF;
	padding-right: 16px;
	padding-bottom:50px;
	margin-bottom: 80px;
	width:  225px;
	display: block;
	padding-left: 16px;
	margin-left: 10px;
}
.lanaiinnercol h1{
	color: #333;
	text-align: center;
	font-size: medium;
}
}

/***********************************************************************************************/
/* =About section 1 */
/***********************************************************************************************/

.about-pad {
  padding: 60px 60px 0 8%;
}

.about-pad-2 {
  padding: 50px 60px 0 8%;
}

.about-section-1 .box {
  padding-bottom: 20px;
}

.about-section-1 .box i {
  color: #47b475;
}

.about-section-1 .bx-wrapper {
  margin: 0 auto;
}

.about-section-1 .bx-wrapper .bx-viewport {
  left: 0;
}

.about-section-1 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  border: 1px solid #47b475!important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #47b475!important;
}

ul.about-slider {
  padding: 0;
}

ul.about-slider img {
  width: 100%;
  min-height: 530px;
  height: 570px;
}

/***********************************************************************************************/
/* =info section*/
/***********************************************************************************************/

#info-section {
	padding-top: 25px;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
	color: #222;
}
.info-bg {
	background-position: center top;
	background-image: url(../images/banners/mauisnorkelingtour.jpg);
	position: relative;
	background-attachment:fixed;
}
.info-bg:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
}
.info-header{
	font-size: 20px;
	text-align: center;
	display: block;
	margin-left: 25px;
	margin-right: 25px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
	margin-bottom: 25px;
	border: 2px solid #3F3E3D;
}
.info-header h1{
	font-family:alegreya, sans-serif;
	color: #434343;
	font-weight: 700;	
}

#info-section .container {
	position: relative;
	z-index: 3;
	color: #434343;
}

#info-section .col-md-3 {
  padding: 0;
}
.col-sm-4{ width: 32.333%; margin-right:6px;}

.info-percent {
    background-color: #ffffff;
    border: 3px solid #1D9BC1;
    -webkit-transition: background .25s ease;
    -moz-transition: background .25s ease;
    -ms-transition: background .25s ease;
    -o-transition: background .25s ease;
    transition: background .25s ease;
    display: inline-block;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-bottom: 40px;
    margin-top: 15px;
    width: 95%;
}


.info-percent h2 {
	font-family: alegreya, sans-serif;
	color: #434343;
	font-size: 1.7em;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	display: inline-block;
	font-weight: 700;
}
.info-percent h3{font-size: 1.0em}
.info-percent p{
	color: #333333;
	font-size: 1.0em;
}
span.percentfactor {
  font-size: 42px;
  font-weight: 600;
}
.stats-icon i {
	color: #4A4A4A;
	font-size: 120px;
	margin-bottom: 30px;
	display: block;
}

.info-bg span.percentfactor, .info-bg .fact p {
	color: #000000;
	font-size: 14px;
}
.col-md-6{
	width: 48%;
}
.molokini-bg {
	background-position: center top;
	background-size:cover;
	background-image: url(../images/banners/tourparallax-2.jpg);
	background-attachment:fixed;
	position: relative;
}

.molokini-box1,
.molokini-box2 {
	margin-bottom: 40px;
}

.molokini-post-1,
.molokini-post-2 {
	margin-bottom: 40px;
	margin-top: 5px;
	background-color: rgba(255,255,255,0.93);
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
	margin-right: 10px;
}

.molokini-post-2 {
  margin-bottom: 60px;
}

.molokini-post-1 span,
.molokini-post-2 span {
  display: inline-block;
  float: left;
  margin: 0;
}

.molokini-post-1 span i,
.molokini-post-2 span i {
  color: #47b475;
  font-size: 30px;
}

.molokini-post-1 .molokini-content,
.molokini-post-2 .molokini-content {
}
.molokini-post-1 .molokini-content a i,
.molokini-post-2 .molokini-content a i {
  margin-left: 12px;
}
.molokini-post-1 span {
  margin-top: 10px;
}
.molokini-content h1, .kaanapali-content h1, .makena-content h1 {
	font-size: 1.7em;
	font-weight:800;
	text-align: center;
}
.molokini-content h3, .kaanapali-content h3, .makena-content h3{
	font-size: 1.0em;
	font-weight: 600;
	text-align: center;
	color: #222222;
}
.molokini-post-2 span {
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #47b475;
  text-align: center;
}

.molokini-post-2 span i {
  color: #ffffff;
  font-size: 30px;
  line-height: 70px;
}

.molokini-post-2 .molokini-content {
  margin-left: 100px;
}


.molokini-post-3 {
  margin-bottom: 50px;
  text-align: center;
}

.molokini-post-3 span {
  display: inline-block;
  width: 90px;
  height: 90px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background: #f7f7f7;
  text-align: center;
  margin-bottom: 30px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

.fa-check {
  color: #49bed7;
  padding-right:3px;

}

.molokini-post-3 p {
  margin-bottom: 0;
}

.molokini-post-3:hover span {
  background: #47b475;
}

.molokini-post-3:hover span i {
  color: #ffffff;
}

.left-features-molokini, .right-features-molokini {
  padding-top: 70px;
}

ul.features-list {
  list-style: none;
  padding: 0;
}

ul.features-list li {
  margin-bottom: 35px;
}

.left-features-box, .right-features-box {
  padding-top: 5px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
       -o-border-radius: 5px;
          border-radius: 5px;
}

.iconbox {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #35d3b7;
  -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
      -ms-transition: all .3s ease-in-out;
       -o-transition: all .3s ease-in-out;
          transition: all .3s ease-in-out;
}

.iconbox i {
  font-size: 32px;
  color: #47b475;
}

.iconbox:hover .fa {
  color: #fff;
}

.left-features-box {
  text-align: right;
}

.left-features-box .iconbox {
  float: right;
}

.left-features-box .features-box-content {
  margin-right: 70px;
}

.right-features-box .features-box-content {
  margin-left: 70px;
}
.left-features-img, .features-img {
  text-align: center;
}

.left-features-img img, .features-img img {
  max-width: 100%;
}

.features-post {
  text-align: center;
  padding: 50px 10px;
}

.features-post p {
  font-weight: 300;
  line-height: 24px;
  margin: 0px;
}

.features-bg {
  position: relative;
  background: url("../images/temp/main-bg.jpg") no-repeat center center;
  background-size: cover;
  padding: 0;
  min-height: 730px;
  display: table;
  width: 100%;
  overflow: hidden;
}

.features-bg:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(53, 55, 62, 0.4);
  width: 100%;
  height: 100%;
  z-index: 2;
}

#features-section .col-md-6.without-padding {
  padding-right: 30px;
}

#features-section .col-md-6 .pad {
  padding: 50px 30px 20px 30px;
}

#features-section .col-sm-6 .pad {
  padding: 50px 30px 20px 30px;
}

.features-title {
  margin-bottom: 60px;
}

.choose-box-content {
  margin-left: 70px;
}



/***********************************************************************************************/
/* =Product-showcase-1*/
/***********************************************************************************************/

.product-showcase-1 {
  background: url('../images/banners/parallax-4.jpg') center top;
  position: relative;
  padding-top: 80px;
  color: #fff!important;
}

.product-showcase-1:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.7);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.product-showcase-1 .container {
  position: relative;
  z-index: 3;
}

.product-showcase-1 h2 {
  color: #fff;
  font-size: 32px;
}

.product-showcase-1 h3 {
  color: #fff;
  margin-bottom: 70px;
  line-height: 1.7;
}

.product-features .molokini-post-1 {
  margin-bottom: 25px;
}

.product-features h3 {
  margin-bottom: 0;
}

/***********************************************************************************************/
/* =Banner slider*/
/***********************************************************************************************/

.banner-slider-sec {
  background: url('../images/banners/parallax-1.jpg') center top;
  position: relative;
  padding-top: 80px;
  padding-bottom: 80px;
  background-size: cover;
  height: 100%;
}

.banner-slider-sec:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.8);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.banner-slider-sec .container {
  position: relative;
  z-index: 3;
}

.banner-slider-sec .bx-wrapper {
  margin: 0 auto 20px;
}

.banner-slider-sec .banner-heading {
  margin-top: 20px;
}

.banner-slider-sec a {
  margin-top: 20px;
  margin-right: 5px;
}

ul.banner-slider h1, ul.banner-slider h2, ul.banner-slider h4, ul.banner-slider p {
  color: #fff;
}

ul.banner-slider h4 {
  font-weight: 400;
}

/***********************************************************************************************/
/* =Team section*/
/***********************************************************************************************/

.team-box2 .team-post {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px;
	background-color: rgba(255,255,255,1.00);
}

.team-box2 .team-post img, .head-team-img img {
  width: 100%;
}

.makena-content h2 {
	color: #434343;
	font-size: 18px;
	font-family: 'Alegreya', sans-serif;
	font-weight: 400;
	margin: 0 0 18px;
	margin-bottom: 4px;
	text-align: center;
}
.makena-content span {
  display: inline-block;
  font-size: 13px;
  color: #888888;
  font-family: 'Alegreya', sans-serif;
  font-weight: 400;
  line-height: 24px;
  margin: 0 0 15px;
  margin-bottom: 17px;
}
.makena-content {font-size:14px}

.makena-content p {
  margin-bottom: 20px;
}
.makena-content a, kaanapali-content a {display: inline-block;
  text-decoration: none;
  margin: 0;

}
#team-section-lanaibkgrnd{
	background-image: url(../../images/lanaibkgrnd3.jpg)
}
ul.team-social {
  margin: 0;
  padding: 0;
}
ul.team-social li {
  display: inline-block;
  margin-right: 18px;
} ul.team-social li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
ul.team-social li a i {
  font-size: 18px;
  color: #bdbdbd;
}
ul.team-social li a:hover i {
  color: #47b475!important;
}

.team-post-2 {
  float: left;
  width: 100%;
  margin-top: 20px;
  background-color: #f3f3f3;
}

.team-post-2 img {
  float: left;
  width: 160px;
  margin-right: 30px;
}
.kaanapali-bg{
	background-position: center top;
	background-image: url(../images/banners/kaanapali-snorkel-1.jpg);
	background-size:cover;
	background-attachment: fixed;
	position: relative;
}
.kaanapali-post-1{
	margin-bottom: 40px;
	background-color: rgba(255,255,255,0.93);
	padding-left: 2%;
	padding-top: 30px;
	padding-right: 10px;
}
div.kaanapali-post-1 img{
	object-fit: fill;
}
.box ul li, .kaanapali-content ul li, .lanai-content ul li,  .makena-content ul li {
	font-family: lato, serif;

	padding-left: 0;
	margin-top: 15px;
	margin-left: 15%;
	margin-bottom: 0px;
	text-align: left;
	list-style: none;
	font-size: 14px;
	line-height: 17px;
	color: #0F0F0F;
	font-weight: 400;
}
.molokini-content ul li  {
	font-family: lato, serif;
	overflow: hidden;
	padding-left: 0;
	margin-top: 15px;
	margin-left: 10px;
	margin-bottom: 0px;
	text-align: left;
	list-style: none;
	font-size: 13px;
	line-height: 15px;
	color: #0F0F0F;
	font-weight: 400;
}
.team-post-2 h2 {
  color: #434343;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  margin-bottom: 10px;
}

.team-post-2 h2 span {
  color: #727272;
  font-size: 13px;
  text-transform: none;
}

/***********************************************************************************************/
/* =Check list */
/***********************************************************************************************/

ul.check-list {
  padding-left: 0;
  list-style: none;
}

ul.check-list li {
  margin-bottom: 2px;
}

ul.check-list li i {
  margin-right: 10px;
  color: #47b475;
}

/***********************************************************************************************/
/* =Tab pannel */
/***********************************************************************************************/

.tab-posts-box .tab-content>.tab-pane {
  padding-top: 30px;
  padding-right: 10px;
  padding-bottom: 20px;
}

.tab-posts-box .tab-content>.tab-pane img {
  float: left;
  width: 300px;
  margin-right: 20px;
}

.tab-posts-box-2 .tab-content>.tab-pane {
  padding: 30px;
}

.tab-posts-box-2 .nav-tabs {
  border: 1px solid #ddd;
  border-bottom: none!important;
}

.tab-posts-box-2 .tab-content {
  border: 1px solid #ddd;
}

.img-bg {
  background: url('../images/temp/img-bg.jpg') center top;
  position: relative;
  padding: 260px 0;
}



/***********************************************************************************************/
/* =contact info*/
/***********************************************************************************************/

.contact-info {
  background: url('../images/banners/parallax-8.jpg') center top;
  position: relative;
  padding: 80px 0;
}

.contact-info:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.5);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.contact-info .container {
  position: relative;
  z-index: 3;
}

.large-info {
  background-color: rgba(255,255,255,.1);
  color: #fff!important;
  font-size: 50px;
  line-height: 1;
  padding: 24px 30px;
  border-radius: 3px;
  display: inline-block;
  margin-bottom: 50px;
}

.large-info i {
  margin-right: 20px;
}

.email-info i, .adress-info i {
  color: #fff;
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
}

.email-info {
  margin-bottom: 20px;
}

.email-info a, .adress-info a {
  color: #fff;
  display: block;
}

/***********************************************************************************************/
/* =REVIEWS Tweet section*/   
/***********************************************************************************************/

.tweet-section {
    height: 400px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    	-webkit-box-shadow: 1px 0px 2px 2px rgba(255,255,255,1.00);
	box-shadow: 2px 0px 3px 3px rgba(255,255,255,1.00);
	border-width: 5.0px;
	border-color: #2AB3D4;
	border-top-color: 7px solid #2AB3D4;
	border-bottom: 7px solid #2AB3D4;
	background-color: rgba(255,255,255,0.20);
}

.tweet-section .container {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 5px;
    height: 400px;
}

.tweet-section .container h1{
	color: #fff;
	margin-bottom: 10px;
	font-size: 34px;
	padding-top: 15px;
	text-align: center;
}
span.tweet-icon {
  display: block;
  color: #F4F4F4;
  font-size: 38px;
  margin-bottom: 24px;
  text-align: center;
}

ul.tweet-slider {
  text-align: center;
  padding: 0;
  list-style: none;
}
ul.tweet-slider li{margin-left:0px}

ul.tweet-slider h3 {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1.3px;
	text-transform: none;
	text-align: center;
}

ul.tweet-slider small {
	color: #e6e6e6;
	font-size: 10px;
}
ul.tweet-slider li {
	line-height: 17px;
	min-height: 0px;
}
ul.tweet-slider a {
  color: #fff;
  text-decoration: underline;
}


/***********************************************************************************************/
/* Shop hero-slider */
/***********************************************************************************************/ 

.content-top-margin {
    margin-top: 45px;
}

#slider.content-top-margin {
  margin-top: 130px;
}

.no-padding {
    padding: 0 !important;
}

.owl-carousel {
    overflow: hidden;
}

.no-transition *, .owl-carousel * {
  transition-duration: 0s;
  -moz-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  -o-transition-duration: 0s;
}

#owl-demo .owl-carousel .owl-item {
    float: left;
    cursor: url("../images/shop/icon-move.png"), move;
}

.owl-half-slider .item {
  min-height: 510px;
  height: 500px;
  background-size: cover;
}

.owl-bg-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    display: table;
}

.owl-bg-img:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  background: rgba(5,5,5,0.1);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.owl-title {
  font-size: 35px;
  font-weight: 600;
  text-transform: uppercase;
  display: block;
  letter-spacing: 7px;
}

.slider-text-middle {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    z-index: 54;
}

.slider-text-middle a {
  margin-top: 30px;
  display: inline-block;
}

.slider-typography-shop .owl-subtitle {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 7px;
    line-height: 80px;
    text-transform: uppercase;
    display: block;
    color: #000;
}

.slider-typography-shop .owl-title {
    font-size: 63px;
    font-weight: 700;
    line-height: 70px;
    color: #000;
    letter-spacing: 7px;
}

/***********************************************************************************************/
/* Featured-products-carousel */
/***********************************************************************************************/

a.prev-link, a.next-link {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  width: 25px;
  height: 25px;
  background: #f7f7f7;
  font-size: 17px;
  color: #434343;
  text-align: center;
  line-height: 25px;
}

a.prev-link:hover, a.next-link:hover {
  background: #47b475;
  color: #ffffff;
}


/***********************************************************************************************/
/* Single product details */
/***********************************************************************************************/

.btn-add {
  margin-right: 20px;
  color: #000;
}

.btn-add:last-child {
  margin-right: 0;
}

.btn-add i {
  margin-right: 10px;
}


.tour{
	margin-top: -15px;
}

.fs-14 {
  font-size: 14px;
}


/***********************************************************************************************/
/* =Media queries */
/***********************************************************************************************/

@media (min-width:993px){
  .about-pad {
    padding: 50px 50px 0 6%!important;
  }
}

@media (max-width: 992px) {
.hero-text {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: 6%;
	margin-right: auto;
	z-index: 10;
	text-align: left;
	margin-left: 2px;
}
.hero-text h1 {
	color: #FFFFFF;
	font-size: 40px;
	margin-bottom: 25px;
	text-align: left;
	font-family: 'work sans', sans-serif;
	padding-bottom: 0;
	text-shadow: 1px 2px 1px #FE8E17;
	font-weight: 600;
}
.hero-text h2  {
	font-size: 16px;
	padding-bottom: 0%;
	color: #FFFFFF;
}
.hero-text h3  {
	font-size: 14px;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	color: #FFFFFF;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	line-height: 0.85em;
	margin-top: 10px;
	text-align: left;
	letter-spacing: 1px;
	margin-left: 2px;
	font-style: italic;
}
.hero-text .hero-tel{font-size:22px; color:#FFFFFF;}
.hero-text span {
	color: #FFFFFF;
	text-shadow: 1px 1px #FFFFFF;
}
.hero-text h1 #text-rotator span {
  color: #fff!important;
}

.hero-text p {
  color: #000000;
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
  text-shadow: 1px 1px 1px #2AB3D4;
}

.call-to-action {
	margin-top: 16px;
}

  h4 {
    margin-top: 30px;
  }

  .agency-hist h1 {
    font-size: 32px;
  }

  .agency-hist {
    padding: 80px 0;
  }

  .banner-slider-sec {
    display: none;
  }

  .col-md-7 .project-video {
    margin-bottom: 20px;
  }

  .common-sec-1, .common-sec-2 {
    padding: 60px 40px;
  }

  .testimonials-mob-pad {
    text-align: center;
    padding-top: 30px;
  }

  .up-footer {
    background: #222222;
    padding: 45px 0 45px;
  }

  .location-item {
    padding-bottom: 60px!important;
  }

  .product-name-details {
    padding-top: 40px;
  }

  .navbar .container {
	width: 100%!important;
  }


  h4.head-project-title {
    margin-top: 20px;
  }

}

@media (min-width: 768px) {
  .modal-dialog-login {
    width: 500px;
  }
	.navbar-toggler {
    position: relative;
    float: right;
    margin-right: 15px;
	color:white !important;
    padding: 3px 4px 4px 3px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-image: none;
    border: 1px solid rgba(248,242,242,1.00);
    border-radius: 4px;
    background-color: rgba(248,242,242,0.30);
}	
	.navbar-toggler-icon{
	padding: 4px;
	display: block;
	width: 44px;
	height: 1px;
	border-radius: 1px;
}
  .navbar {
	margin-bottom: 0!important;
	background-color: #213042;
	border-top-color: #F3F3F3;
	border-top-width: 5px;
	border-bottom: 5px solid #FFFFFF;
  }

  .about-pad {
    padding: 30px 30px 0 3%;
  }

}

@media (max-width: 767px) {

  h2  {
    margin-top: 0px;
  }

  .pad-sec-60 {
    padding: 50px 0;
  }

  .pad-top-80 {
    padding-top: 60px;
  }

  .navbar-default .header-top-line {
    text-align: center;
  }

  .navbar-default .header-top-line span i {
    margin-right: 4px;
  }

  .navbar-default .header-top-line span {
    margin-right: 15px;
    padding-bottom: 0;
  }

  .navbar-default .header-top-line .right-align {
    text-align: center;
  }

  .navbar-default .header-top-line .right-align ul li .shoping-drop {
    width: 280px;
    right: -93px;
  }

  .navbar-brand {
    padding: 13px 15px 10px;
  }

  #container {
    padding-top: 136px;
  }

  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 400px;
  }

  .navbar-nav > li > a {
    padding: 5px 15px;
  }

  .navbar-nav > li > a {
    padding: 15px 15px;
    text-align: center;
    border-top: 1px solid #f0f0f0;
  }

  .navbar-nav > li:first-child > a {
    border-top: 0;
  }

  .navbar-nav li ul.drop-down {
    position: relative;
    top: inherit;
    left: inherit;
    width: 100%;
    visibility: visible;
    opacity: 1;
    padding: 5px 0;
    background: transparent;
    border-top: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
  }

  .navbar-nav li ul.drop-down li a {
    padding: 3px 30px;
  }

  .navbar-nav li ul.drop-down li ul.drop-down.level3 {
    top: inherit;
    left: inherit;
    width: 100%;
    position: relative;
    visibility: visible;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    opacity: 1;
  }

  .navbar-nav li ul.drop-down li ul.drop-down.level3 li {
    padding-left: 10px;
  }
.tweet-section .container h1{
	color: #fff;
	margin-bottom: 10px;
	font-size: 28px;
	padding-top: 0px;
	text-align: center;
}
ul.tweet-slider h3 {
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1.3px;
	text-transform: none;
	text-align: center;
}
  .megadrop-down {
    position: relative;
    top: inherit;
    left: inherit;
    visibility: visible;
    opacity: 1;
  }

  .megadrop-down .dropdown {
    text-align: left;
    padding: 0 15px;
    background: transparent;
    border-top: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
  }

  .megadrop-down .dropdown ul {
    margin-bottom: 0;
  }

  .megadrop-down .dropdown ul li {
    padding-bottom: 5px !important;
    border-right: none;
  }

  .form-search {
    padding: 10px 0;
    position: relative;
    display: block;
  }

  .form-search input[type="search"] {
    font-size: 20px;
  }

  a.open-search,
  a.close-search {
    display: none !important;
  }

  .featured-box {
    margin-bottom: 30px;
  }

  .navbar-default .header-top-line span {
    display: none;
  }

.slider-typography-shop .owl-title {
    font-size: 23px;
    font-weight: 700;
    line-height: 30px;
    color: #000;
    letter-spacing: 2px;
  }

  #head-page-section h1 {
    font-size: 22px;
  }

  #head-page-section {
    text-align: center;
    padding: 40px 0;
    margin-top: 100px
  }

  #head-page-section p {
    margin-bottom: 0;
  }

  #head-page-section .breadcrumb {
    text-align: center;
    margin-top: 5px;
  }

  #info-section {
    padding-bottom: 0;
  }

  .info-percent {
	margin-top: 15px;
	margin-bottom: 10px;
  }



.promo-info{text-align:center}
.promo-info h1{
	font-family: "Alegreya",sans-serif;
	font-size: 2.2em;
	padding: 6px;
	margin-top: 10px;
	margin-bottom: 6px;
	text-align: center;
	color: #434343;
}
  .promo-btn {
    text-align: center!important;
    margin-top: 20px;
  }

  .location-item {
    padding-bottom: 40px;
  }

  .business-block .project-video {
    padding-right: 0;
  }

  .promo-text {
    text-align: center;
  }

  .promo-action {
    text-align: center;
  }

  #page-shop-title {
    text-align: center;
  }

  #page-shop-title ul {
    text-align: center;
  }

  #page-shop-title {
    padding: 70px 0;
    background-size: cover;
    margin-top: 100px;
  }

}

@media (max-width: 600px) {

  .btn {
    font-size: 12px;
  }

  .btn-md {
    padding: 0px 18px;
  } 

  .btn-lg {
    padding: 12px 24px;
  }

  .modal-dialog-login {
    width: 500px;
  }

  .modal-dialog-login {
    width: 500px;
  }

  .hero-text h1 {
	color: #FE8E17;
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 10px;
	padding-top: 1%;
	text-align: left;
	font-family: 'work sans', sans-serif;
	text-shadow: 1px 2px 1px rgba(255,255,255,1.00);
  }
  .hero-text p {
	color: #000000;
	font-size: 14px;
	font-weight: 300;
	line-height: 32px;
	text-shadow: 1px 1px 1px #2AB3D4;
  }

  #info-section {
    padding: 0;
  }

  .owl-half-slider .item {
    height: 300px;
    min-height: 300px;
  }
  #topImage{
	width: 100%;
	background-image: url(../../images/maui-snorkeling-2016-2.jpg);
}
  .slider-typography-shop .owl-subtitle {
    line-height: 40px;
  }

  #slider.content-top-margin {
    margin-top: 100px;
  }

  .shop-parallax-section {
    color: #fff;
    font-weight: 600!important;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 42px;
    letter-spacing: 1.4px;
  }

  .shop-parallax-section span {
    color: #47b475;
    font-weight: 600;
    font-size: 32px;
  }

  .shop-parallax-content a {
    margin-top: 15px;
  }

  .product-post {
    height: 406px;
  }

  .product-price {
    display: block;
    width: 100%;
  }

  .product-post .product-rating {
    display: block;
    float: left;
    width: 100%;
  }

  .shop-parallax-section .product-hot {
    border-radius: 50%;
    color: #ffffff!important;
    font-size: 16px!important;
    font-weight: 600;
    height: 110px;
    right: -45px;
    padding-right: 35px;
    line-height: 137px;
    position: absolute;
    text-align: center;
    background: #cb0606;
    text-shadow: 1px 2px 1px rgba(0,0,0,0.14);
    top: -45px;
    width: 110px;
    z-index: 5;
    text-transform: uppercase;
  }
  
  .wide-banner-shop {
    padding: 50px 0;
  }
  
  .wide-banner-shop-text h4 {
    margin-bottom: 0;
    font-weight: 500;
    letter-spacing: 1.2px;
    padding-bottom: 0;
    margin-top: 0;
  }
  
  .wide-banner-shop-text h1 {
    font-weight: 600;
    font-size: 32px;
  }
  
  .shop-entry-post {
    padding-bottom: 30px;
  }
  
  .address {
    display: none;
  }

  .project-item .hover-gallery h4 {
    font-size: 14px;
  }

  h1.white-promo-title {
    font-size: 26px;
  }

  .big-promo-box {
    padding: 60px 0;
  }

  ul.filter-list li a {
    width: 100%;
    text-align: center;
  }

}
.blueunderline {
	width: 30%;
	align: center;
	border-top: 2px solid rgba(47, 46, 46, 1);
	border-bottom: 2px solid rgba(47, 46, 46, 1);
	padding: 7px 0 0 0;
	display: block;
	margin-left: auto;
    margin-right: auto;
}
.underline {
	width: 30%;
	align: center;
	border-top: 2px solid rgba(47, 46, 46, 1);
	border-bottom: 2px solid rgba(47, 46, 46, 1);
	padding-top: 7px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 7px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.col-md-6 {
	width: 52%;
}
.inner {
	background-repeat: no-repeat;
	background-size: cover;
	padding: 30px 30px 0px;
	position: relative;
	height: 467px;
	max-width: 550px;
	margin-left: 20px;
	margin-bottom: 0px;
	box-shadow: 0 0 3px 3px rgba(0,0,0,.25);
	color: #333333;
}


.box {
	background-color: #FFF;
	margin-bottom: 60px;
	position: relative;
	float: left;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	width: 100%;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 15px;
	border-right-width: 15px;
	border-left-width: 15px;
}
.box img {
	width:100%;
	height:auto;

}
.inner img {
	width:100%;
	height:auto;
}
.trending ul {
	text-align: left;
	list-style: none;
	font-size: 14px;
	min-height: 150px;
	line-height: 14px;
}
.trending .box .btn {
	padding:3px 10px;
	margin-top:20px;
	margin-bottom:30px;
	background-color:#FFF;
	border:2px solid #383330;
	text-transform:uppercase;
	color:#383330;
	font-size:16px;
	font-weight:600;
}
.trending .box .btn:hover {
	background-color:#fe8e17;
	border:2px solid #fe8e17;
	color:#fff;
}
.lanai{
	margin-top: 225px;
    text-align: center;
 	position:relative;
	color:#fff;
}
.lanai h1{
	font-family: alegreya, sans-serif;
	font-style: normal;
	font-weight: 900;
	color: #ffffff;
	letter-spacing: 1px;
}
.box {
	background-color: #FFF;
	margin-bottom: 60px;
	position: relative;
	float: left;
	box-shadow: 0 0 7px 5px rgba(0,0,0,.15);
	width: 100%;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-top-width: 15px;
	border-right-width: 15px;
	border-left-width: 15px;
}

.lanai ul {
	text-align: left;
	list-style: none;
	font-size: 14px;
	min-height: 150px;
	line-height: 14px;
}
.lanai .box .btn {
	padding:3px 10px;
	margin-top:20px;
	margin-bottom:30px;
	background-color:#FFF;
	border:2px solid #383330;
	text-transform:uppercase;
	color:#383330;
	font-size:16px;
	font-weight:600;
}
.lanai .box .btn:hover {
	background-color:#fe8e17;
	border:2px solid #fe8e17;
	color:#fff;
}
.molokini-content ul > li > ul a > li, .trending ul > li > ul a > li, .lanai-content ul > li > ul a > li, .kaanapali-content ul > li > ul a > li, .makena-content ul > li > ul a > li {
	padding-left: 10px;
	color: rgba(6,85,135,1.00);
	text-decoration: underline;
	font-weight: 500;
	line-height: 14px;
}
.box a, .makena-content a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  color: #888888;
  margin: 0 0 15px;
  color: #434343;
  margin: 0;
}
bckgrnd{  background: url(../images/banners/thanks.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#footer{
	background-color:#fff;}
/* Tab Navigation */
.nav-tabs {
	margin: 0;
	padding: 0;
	border: 0;
}
.nav-tabs > li >{width:10%;
	height:35%;}
@media (max-width:591px){
.nav-tabs > li >{width:12px;
	height:50px;}

}
.nav-tabs > li > a {
    background: #49bed7;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #FE8E17;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}
.nav .nav-tabs img {
    width: 100%;
    height: auto;
}

}

/* Tab Content */
.tab-content{
	text-align: left;
	width: 80%;
	margin-top: 5px;
	}
.tab-pane {
	background: #F5F5F5;
	box-shadow: 0 0 4px rgba(0,0,0,.4);
	border-radius: 0;
	text-align: left;
	padding: 10px;
	font-weight: bolder;
}
.kaanapali-content{
	border-color: #D5D5D5;
	border-width: 2px;
	-webkit-box-shadow: 2px 2px 5px #D5D5D5;
	box-shadow: 2px 2px 5px #D5D5D5;
	padding-left: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	text-align: center;
	font-weight: bolder;
	margin-bottom: 10px;
}

.price{
	display: block;
	width: 100%;
	color: #191818;
	font-size: 34px;
	font-weight: bold;
	background-color: #49BED7;
	text-align: center;
	line-height: 115px;
	max-height: 115px;
	min-height: 75px;
}
.buy{
	display: block;
	width: 100%;
	min-height: 115px;
	background-color: #FE8E17;
	  font-size: 30px;
	font-weight:bold;
	text-align: center;
	line-height:115px;
}

.demo4 {
  color: #fe8e17;
  text-shadow: 1px 1px 0px #ffffff,0px -2px 0px rgba(0,0,0,.8);
  -webkit-box-shadow: inset 0px 0px;
  box-shadow: inset 0px 0px;
}
@media (max-width:767px) {
.navbar-toggler {
    position: relative;
    float: right;
    margin-right: 15px;
	color:white !important;
    padding: 3px 4px 4px 3px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-image: none;
    border: 1px solid rgba(248,242,242,1.00);
    border-radius: 4px;
    background-color: rgba(248,242,242,0.30);

}
.navbar-toggler-icon{
	padding: 4px;
	display: block;
	width: 44px;
	height: 1px;
	border-radius: 1px;
}
	
.navbar-default .navbar-nav>li>a {
	color: #ffffff;
	font-weight: 700;
	font-family: lato;
	font-style: normal;
	font-size: 18px;
	background-color: rgba(88,88,88,0.83)
}
.price{
	display: block;
	margin:auto;
	width: 80%;
	color: #191818;
	font-size: 34px;
	font-weight: bold;
	background-color: #49BED7;
	text-align: center;
	line-height: 115px;
	min-height: 75px;
}
.buy{
	display: block;
	width: 80%;
	margin:auto;
	min-height: 115px;
	background-color: #FE8E17;
	font-size: 30px;
	font-weight:bold;
	text-align: center;
	line-height:115px;
}

}
.pad-color{background-color:rgba(16,145,208,0.50)}
@media (max-width: 592px){
	.col-xs-4 {
	width: 100%
	}
.tour-info h3.section-heading{
	color: #222222;
	font-family: lato;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}
.tour-info-black h3.section-heading{
	color: #000000;
	font-family: lato;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}
}
.product-list{ 
font-family: lato, serif;
	overflow: hidden;
	padding-left: 0;
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
	font-weight:400;
}
.product-list ul{ 
	margin-left: 45px;
	list-style: none;
	font-weight:900;


}
.glyphicon-star:before {
	content: "\e006";
	
}
.nav-item.activity-link {
  background-color: rgba(245,245,245,0.15);
  width: 100px;
  font-family: AlohaMagazine-Regular;
  font-size: 18px;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 8px 8px 8px 15px;
  margin: 4px;
  border-radius: 5px;
	}
.nav-item.activity-link:hover{
    background-color: rgba(245,245,245,0.55);
	color:black;
    text-decoration: none;
    padding: 8px 8px 8px 15px;
    margin: 4px;
    border-radius: 5px;
}
.nav-item.activity-link a{
  color:white;
}
.nav-item.activity-link a:hover{
	color:black;
}
.nav-item.activity-link ul {
    background-color: rgba(41,43,53,0.95);
    width: 170px;
    font-family: AlohaMagazine-Regular;
    font-size: 16px;
    letter-spacing: 1px;
    text-decoration: none;
    padding: 4px 4px 4px 2px;
    margin: 2px;
    border-radius: 5px;	
}
.nav-item.activity-link ul li a {font-family: AlohaMagazine-Thin;
 }
.title {
  text-align: center;
  color: #1D1C1C;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  letter-spacing: -1px;
} 

.card-default {
    padding: 5px 0px 0px 5px;
    /*-webkit-box-shadow: 0px 0px 2px 2px rgba(199,199,199,1.00);
	box-shadow: 0px 0px 2px 2px rgba(199,199,199,1.00);*/
    -webkit-box-shadow: 10px 0px 12px 12px rgba(255,255,255,1.00);
    box-shadow: 1px 0px 2px 2px rgba(255,255,255,1.00);
    border-width: 2.5px;
    border-color: #2AB3D4;
    border-top-color: 4px solid #2AB3D4;
    border-bottom: 4px solid #2AB3D4;
}
.card-footer .details{
	font-family: Felix Titling, Lithos Pro Regular;
	font-size: 10px;
	line-height: 10px;
	font-weight: lighter;
	color: #007FB1;
}
.contact{

}
.card{position: relative;}
.card-link{position: absolute}