/* ==== Google font ==== */

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,400italic);

/* ===================================
1. General
==================================== */

html, body {
	height: 100%;
}
body {
  font-family: 'Lato', sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:1.5;
	color:#333;
}
a:active {
	outline:0;
}
.clear {
	clear:both;
}
p {
  font-family: 'Lato', sans-serif;
  line-height: 1.6;
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 1.3em;
}
em {font-style="italic"}

strong {font-weight: 600;}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.2;
  text-rendering: optimizelegibility;
}

h1 {font-size: 43px;}

h2 {font-size: 36px;}

h3 {font-size: 30px;}

h4 {font-size: 23px;}

h1 a:hover, a:hover h1, h2 a:hover, a:hover h2 {text-decoration: none;} 

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .commentFeed, .input-append .add-on, .input-prepend .add-on, a, th, td, img, div, section, article, legend, footer, header {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  height: 2.1em;
  line-height: 1.4;
  width: 100%;
}
input[type="submit"] {width: 100%;}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #aaa;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #aaa;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #aaa;
}
textarea {resize: vertical; width: 100%;}

textarea.invisibles, input[type="text"].invisibles {
  border: none;
  outline: none;
 /* -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;*/
  -webkit-transition: none;
     -moz-transition: none;
       -o-transition: none;
          transition: none;
}

.checkbox.one-checkbox {margin: 1em 0;}

.corners {border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.corners-top {border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0;}

.corners-bottom {border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;}

.corners-right {border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0;}

.corners-left {border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px;}

.no-corners {border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}

.border-top {border-top: 1px solid #bfbfbf;}

.border-right {border-right: 1px solid #bfbfbf;}

.border-bottom {border-bottom: 1px solid #bfbfbf;}

.border-left {border-left: 1px solid #bfbfbf;}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
	content: none;
}
iframe, video {
	margin: 0;
	padding: 0;
	border: 0;
}
.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; 
}
.flex-video.widescreen {
  padding-bottom: 56.55%; 
}
.flex-video.vimeo {
  padding-top: 0; 
}
.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; 
}

/* ===================================
Transparent colors
==================================== */

.bgWhite-transp {
  /* Fallback for web browsers that doesn't support RGBa */
	background: rgb(255, 255, 255);
	/* RGBa with 0.6 opacity */
	background: rgba(255, 255, 255, 0.7);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
}
.bgBlack-transp {
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgb(0, 0, 0);
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.7);
	/* For IE 5.5 - 7*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	/* For IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

/*Opacity*/

.opacity0 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}

.opacity5 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

.opacity8 {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}

a.opacity0:hover, a.opacity3:hover, a.opacity5:hover, a.opacity8:hover, a .opacity0:hover, a .opacity3:hover, a .opacity5:hover, a .opacity8:hover {
	/*opacity*/
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* ===================================
colors
==================================== */

.blue-bg {background-color: #03A5DD;}

.blue {color: #03A5DD;}

.green-bg {background-color: #0BA63A;}

.green {color: #0BA63A;}

.gold-bg {background-color: #CCA812;}

.gold {color: #CCA812;}

.orange-bg {background-color: #FF8B00;}

.orange {color: #FF8B00;}

.red-bg {background-color: #FF0000;}

.red {color: #FF0000;}



/* ===================================
welcome
==================================== */

.home-banner {position: relative; height: 100%;}

.home-banner {
  width: 100%;
  height: 100%;
  z-index: 9;
  top: 0;
  left: 0;
  background-clip: border-box;
  background-color: transparent;
  background-origin: padding-box;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120%;
  min-height: 300px;
}
.home-banner .container {position: relative; height: 300px;}

.carousel-inner {padding: 0;}

.carousel-indicators {top: auto; bottom: 0; right: auto; left: 1em;}

.head-line {
  padding: 2em 0;
  text-shadow: 0 0 15px rgba(255, 255, 255, 0.8), 0 -1px 1px rgba(255, 255, 255, 0.8);
}
.head-line a {color: #000;}

.head-line a:hover {text-decoration: none;}

.head-line h1 {margin: 0 0 .6em 0; font-weight: 700; font-size: 30px;}

.head-line h3 {font-size: 20px; line-height: 1.4;}

.cta-index {
  position: absolute;
  width: 100%;
  bottom: 4rem;
  text-align: center;
}
.cta-index .btn.btn-success {text-transform: uppercase; font-weight: 600; font-size: 1.24em; padding: 1.3rem 2.5rem;}

.hero-form {
  width: 45%;
  padding: .6em 1.5em 1em;
  position: absolute;
  bottom: 0;
  right: 2em;
  background-color: #fcedc6;
  border-color: #fff;
  border-style: solid;
  border-width: 10px 10px 0;
}

.hero-form h2 {font-size: 1.5em; margin: 0 0 .25em; text-align: center;}

.hero-form label {}

.hero-form form {margin: 0;}

.home-content {padding: 1.5em 0 2em; background-color: #fff;}

.header-section h2 {text-transform: uppercase; letter-spacing: 2px; font-size: 31px; margin: 0;}

.header-section p {font-weight: 300; font-size: 21px;}

.widget {display: inline-block; width: 100%;}

.widget h3 {margin: 0; padding: .8em .5em; font-size: 20px; font-weight: 700; color: #fff;}

.widget h3 a {color: #fff; display: inline-block; width: 100%; vertical-align: middle;}

.widget h3 a:hover {text-decoration: none;}

.widget h3 i, .widget h3 span {display: block; width: 100%;}

.widget h3 i {font-size: 40px; margin-bottom: .2em;}

.widget-img img {width: 100%; margin-bottom: .5em;}

.widget-caption a {font-size: 16px; font-weight: 700;}

.widget .listPost {margin-top: 1em;}

.widget h4.media-heading {font-size: 17px; margin: .18em 0 .35em;}






section.block {margin-bottom: 1.5em;}

.block .listPost h3 {font-size: 20px;}

.block .contentPost {font-size: 17px; margin-bottom: .5em;}

.block .mediaPost, .block .metaPost {margin-bottom: 0;}


.listExperiences {margin-top: 1em;}

.listExperiences .well {display: inline-block; width: 100%;}

.contentExp {display: inline-block; width: 63%; vertical-align: top;}

.experiences-block .mediaPost {width: 30%; margin-right: .5em; margin-top: 0; display: inline-block; vertical-align: top;}

.experiences-block h3 {font-size: 20px; margin-top: 0;}


.block blockquote {font-style: italic; color: #777}

.block blockquote i {margin-right: 10px !important; font-size: 20px;}

.block blockquote h3 a, .block blockquote i {color: #222;}


p.titlePost, p.contentPost {margin-bottom: .3em; line-height: 1.4;}

p.titlePost {margin-top: -.3em;}


/* ===================================
Header - Nav
==================================== */

.navbar-inner {background-color: #fff; background-image: none; border-bottom-color: #efefef; position: relative;}

.top-nav.green-bg {min-height: 38px;}

.top-nav ul {list-style: none; float: right; text-align: right; color: #fff; margin: 0 10px 0 0; font-size: 20px;}

.top-nav ul > li {display: inline-block; padding: .3em; position: relative;}

.top-nav ul > li > a {color: #fff; display: inline-block;}

.top-nav ul > li > a > i[class^="icon-"] {display: inline-block;width: auto; cursor: pointer;}

.top-nav ul > li > a:hover {color: #fff; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,.4);}

.navbar .brand {padding: .25em .65em 0; display: inline-block; width: auto; background-color: #fff; position: absolute; z-index: 9; margin-top: -38px;}

.brand img {max-height: 95px;}

.brand img.logo {max-width: 200px; margin-left: .5em;}

.nav.main-nav {float: right;}

.nav.main-nav {font-size: 17px; font-weight: 700;}

.nav.main-nav > li > a {text-align: center; color: #222; border-bottom: 5px solid #fff; padding: 10px 12px;}

.nav.main-nav > li > a:hover {border-bottom-color: #32CC61;}

.main-nav small {display: block; text-transform: uppercase; font-weight: normal; color: #888; font-size: 70%;}




/* ===================================
layout
==================================== */

.notification {position: absolute; top: 0; margin: 0; z-index: 9999; width: 100%;}

.wrap-content {
  height: auto !important;
  margin: 0 auto -100px;
  min-height: 100%;
  padding-top: 100px;
}

.wrap-content > .container {padding-bottom: 2em;}

.head-image {
  width: 100%;
  height: 230px;
  z-index: 9;
  top: 0;
  left: 0;
  background-clip: border-box;
  background-color: transparent;
  background-origin: padding-box;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.breadcrumb {font-size: 14px; background-color: transparent; padding: .7em 0;}

.header-page {padding: 2em 0;}

.header-page h1, .header-page p {text-shadow: 0 0 15px rgba(0, 0, 0, 0.8), 0 -1px 1px rgba(0, 0, 0, 0.8); color: #fff;}

.header-page h1 {margin: 0; font-size: 35px; font-weight: 700;}

.header-page p {margin-bottom: 0; margin-top: .8em; font-size: 17px;}


/* ===============================
Article Post  
================================ */

.listPost h2 {font-size: 32px; font-weight: 600;}

.metaPost {font-size: 15px; color: #999; display: inline-block; width: 100%; margin-bottom: 1em;}

.metaPost a {color: #999; text-decoration: underline;}

.contentPost, .mediaPost {display: inline-block; width: 100%; margin-bottom: 1em;}

.contentPost table {margin: 1em 0; width: 100%;}

.contentPost td {vertical-align: top;}

.contentPost ul, .contentPost ol {margin-left: 20px;}

.contentPost li {width: 100%; margin-top: 10px; line-height: 1.4;}

.contentPost blockquote {margin-top: 1em;}

.contentPost blockquote p {font-size: 19px; line-height: 1.6; margin-bottom: 1em; font-weight: 400; font-style: italic;}

.mediaPost {margin-top: 1em;}

.mediaPost img {width: 100%;}

.offerPost {
  display: inline-block; 
  width: 100%;
  margin: 1em 0;
  padding: 1em 1.5em; 
  color: #fff;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.offerPost img {margin-right: 1.5em; width: 20%;}

.offerPost h2 {margin-top: 0; margin-bottom:.1em; font-size: 40px;}

.offerPost p {margin-bottom: 0.5em; font-size: 24px; font-weight: 300;}

.offerPost .btn {font-size: 20px;}




/* ===============================
Caddie Concierge
================================ */

.caddie.well {padding: 0;}

.header-well {padding: 1em; color: #fff;}

.header-well h2 {margin: 0; font-weight: 300;}

.header-well h3 {margin-top: 0; font-weight: 700;}

.content-well {padding: 1.5em 2em;}

.content-well ul {margin-bottom: 1em;}

.content-well ul li {width: 100%; margin-top: 10px; line-height: 1.4;}

.content-well ul li:first-child {margin: 0;}

.content-well em {color: #777; font-weight: 300; font-size: 70%;}

.content-well p:last-child {margin: 0;}

.caddie {}






/* ===============================
Right Side Sections
================================ */

.right-side {color: #555;}

.right-side section {margin-bottom: 2em;}

.right-side section.well {padding: 0 19px;}

section.block header {padding: .7em 0 .5em; display: block;}

section.block .content-section {padding: .5em 0 1em; display: block;}

.content-section p:last-child {margin: 0;}

section.block header h2, section.block header h3 {
  font-size: 25px; 
  margin: 0; 
  font-weight: 700; 
}

.right-side section.block header h2, .right-side section.block header h3 {
  color: #000;
  text-shadow: 2px 2px 1px #fff;
}

section.block header p {margin-bottom: 0; color: #888; margin-top: .3em;}

section.block .content-section form {margin: 0;}

.simpleList li {margin: .3em 0; display: inline-block; width: 100%; line-height: 1.4; font-size: 16px;}

.simpleList li:first-child {margin-top: 0;}

.simpleList li:last-child {margin-bottom: 0;}

.simpleList li i {margin-right: .5em;}

.simpleList li img.img-polaroid {width: 100%;}

.tags {display: inline-block; width: 100%; margin-bottom: .5em;}

.tags a {padding: 3px 8px; background-color: #E6E6E6; color: #444; margin-right: .5em; margin-bottom: .5em; display: inline-block; width: auto;}

.tags a:hover {text-decoration: none; background-color: #ccc;}


.simpleList .btn {width: 100%; margin-top: .7em;}

.list-icon a {color: #555; text-decoration: underline;}

.list-icon a i {text-decoration: none;}

.list-icon i {margin-right: .6em !important; font-size: 20px;}

.priceExp {font-size: 28px;}

.affix .well {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}


/* ===============================
Share Group
================================ */


.group-share {display: inline-block; width: 100%; margin-top: 5px;}

.share-btn {display: inline-block; width: auto; margin-left: 6px; vertical-align: top;}

.group-share .share-btn:first-child {margin:0;}

.share-btn .btn {padding: 0; height: 17px; line-height: 17px; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: .7em; position: relative; vertical-align: top;}

#article_right_header .share-btn span {font-weight: 600;}

.share-btn .btn > span {padding: 0 7px 0 23px; white-space: nowrap; font-weight: 600;}

.share-btn i {position: absolute; top: 2%; height: 16px; width: 16px; left: 4px;}

.facebook-share-button i {background: url(https://media.gttwl.com/attachments/rainbowtravel.gttwl2.com/ltmq6z/1369767046_original.jpg) no-repeat; background-size: 100%;}


/* ===============================
Thumbnails
================================ */

.thumbnail {text-align: center; position: relative; height: 230px;}

.thumbnail h4 {margin: 0; font-size: 17px;}

.placesThumbs .thumbnail {margin: 0 1em;}

.wrap-imgThumb {display: inline-block; width: 100%; height: 170px; overflow: hidden;}

.wrap-imgThumb img {width: 100%; min-height: 170px;}

.thumbnail .caption {padding: 3px 0 9px;}

.experiencesThumbs .thumbnail {height: 240px;}

.experiencesThumbs .thumbnail .caption {padding: 5px 5px 9px;}

.userThumbs .thumbnail {height: 250px;}




/* ===============================
User Profile
================================ */

.user-profile header {margin-bottom: 1em;}

.user-profile header h1 {font-size: 37px; margin: 0;}

.user-profile header .btn-large {font-size: 15px; padding: 11px 10px; width: 100%;}


/* ===============================
Private Profile
================================ */

.media {position: relative;}

.media .btn-agent {position: absolute; right: 0; top: 0;}

.media > .pull-left {margin-right: .5em;}

.header-page h1.media-heading {text-transform: none; font-weight: 600; font-size: 39px; line-height: 1;}

.media-menu .nav-tabs {border: none; margin: 1em 0; font-size: 16px;}

.media-menu .nav-tabs > li {margin-bottom: 0; margin-right: .2em; margin-bottom: .3em;}

.media-menu .nav-tabs > .active > a, .media-menu .nav-tabs > .active > a:hover, .media-menu .nav-tabs > .active > a:focus {
  border: none;
  background-color: #999;
  color: #fff;
}

.media-menu .nav-tabs > li > a {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: none;
  background-color: #f5f5f5;
  color: #555;
}

.media-menu .nav-tabs > li > a:hover {
 background-color: #999;
 color: #fff;
 text-decoration: none;
}

.private-profile {display: inline-block; width: 100%; margin: 1em 0 2em;}

.private-profile header.well h2 {margin-top: 0; line-height: 1;}

.private-profile header.well p {margin: 0; font-size: 17px;}

.private-profile header.well a.dropdown-toggle {padding: .3em .5em; color: #999;}

.private-profile header.well a.dropdown-toggle:hover {background-color: #999; color: #f5f5f5; text-decoration: none;}

.private-profile header.well .dropdown-menu li a {font-size: 15px; line-height: 1.6;}

.btn-group .btn small {display: block;}

.btn-agent img {height: 40px;}

.btn-agent .btn-large:last-child {padding-right: 11px; padding-left: 11px;}

.private-profile .thumbnail {position: relative; overflow: hidden; text-align: left;}

.private-profile .thumbnail .caption {width: 100%; padding: 10px; background-color: #fff; min-height: 65px;}

.private-profile .caption h4 {font-size: 19px; font-weight: 600;}

.private-profile .wrap-imgThumb {height: auto;}

.private-profile .wrap-imgThumb p {margin-bottom: 0; padding: 5px 10px 10px; font-size: 17px;}


/* ===============================
Favorite Places
=============================== */

.top-place {
  padding-top: 100px;
}
#hero-img {
  background-attachment: fixed;
  background-clip: border-box;
  background-color: transparent;
  background-origin: padding-box;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -999;
}
.breadcrumb.breadcrumbsBg {margin:0;}

.breadcrumb.breadcrumbsBg > li {text-shadow: 0 1px 0 #000; color: #fff;}

.breadcrumb.breadcrumbsBg > li > a {color: #fff;}

.transpInfo {padding: 2em 0;}

.transpInfo section.block {padding: 0 1em;}

.transpInfo .bgBlack-transp {color: #efefef;}

.transpInfo .bgBlack-transp .media a {color: #32CC61;}

.transpInfo .bgBlack-transp h1 {font-size: 2em; margin: 0 0 .2em;}

.transpInfo .block .btn {margin-bottom: 1em;}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
  background-color: #32CC61;
}
.nav-pills > li > a {color: #32CC61; font-size: 90%; padding: 11px 11px 13px;}

/* ===============================
New Place
=============================== */

.place-main {display: inline-block; width: 100%; background-color: #efefef; margin-bottom: 1em;}

.wrap-place-image {overflow: hidden; min-height: 4em;}

.wrap-place-image img {width: 250%; max-width: 300%;}

.place-info {padding: 1em 1em 1em 0;}

.place-info header {margin-bottom: 1em;}

.place-info header h1 {margin: 0; line-height: 1.2; font-size: 1.89em;}

.place-info header .btn {float: right;}

.place-info p {font-size: .9em;}

h3.place-subtitle {text-transform: uppercase; font-size: 1.2em; margin-bottom: 2em;}

/* ===============================
New Place in Location
=============================== */

.header-page.header-place {padding-top: .5em;}

.header-page.header-place h1 {font-size: 48px; line-height: 1.2;}

.content-place {display: inline-block; width: 100%; background-color: #fff; margin-bottom: 2em;}

.content-place .nav-tabs > li:first-child {padding-left: 1em;}

.content-place .nav-tabs > li > a {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 15px 25px;
  color: #fff;
}
.content-place .nav-tabs > li.active > a {color: #333;}

.content-place .nav-tabs > li > a:hover {
  background-color: rgba(0,0,0,.3);
  border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) transparent rgba(0,0,0,.1);
}
.content-place .nav-tabs > li.active > a:hover, .content-place .nav-tabs > li.active > a:focus, .content-place .nav-tabs > li > a:focus {
  color: #333;
  background-color: #fff;
}
.content-place .tab-content {padding: 1.5em 0 1em;}

.content-place .tab-content img {width: 100% !important;}

.content-place .tab-content blockquote p {
  font-family: 'Lato', sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.6;
  font-style: italic;
  margin-bottom: .6em;
}

/* ===============================
Blank-pages
================================ */

.blank-page {padding: 3.5em 0;}

.headerBlank {padding-bottom: 1em;}

.headerBlank h2 {margin: 0; font-size: 23px; font-weight: 600;}

.contentBlank legend {border: none; padding: 0 .5em; background-color: #ebebeb; font-size: 15px;}

.facebook-login p {font-size: 14px; color: #666; line-height: 1.3;}

.blank-page form {margin-bottom: 0;}

.blank-page input[type="text"], .blank-page input[type="email"], .blank-page input[type="date"], .blank-page input[type="tel"], .blank-page input[type="email"], .blank-page input[type="password"], .blank-page input[type="submit"], .blank-page textarea {
  width: 100%;
}

.blank-page input[type="submit"] {margin-top: 1em;}

.blank-page form p {font-size: 15px; margin-top: .7em; margin-bottom: 0;}

.well .nav-tabs > .active > a, .well .nav-tabs > .active > a:hover, .well .nav-tabs > .active > a:focus {
  background-color: transparent;
  border-bottom-color: #F5F5F5;
}


/* ===============================
Forms
================================ */

.wrap-input {display: inline-block; width: 100%; position: relative;}

.wrap-input input[type="text"], .wrap-input input[type="email"], .wrap-input input[type="tel"] {
  width: 100%;
}

.wrap-input.right-element input[type="text"] {padding-right: 2em;}

.wrap-input.left-element input[type="text"] {padding-left: 2em;}

.wrap-input .element-input {
  position: absolute; 
  z-index: 99; 
  top: 0; 
  width: auto; 
  line-height: 1.4;
}

.right-element .element-input {right: 0;}

.left-element .element-input {left: 0;}

.element-input > i {padding: 0 10px; line-height: 1.6;}

.right-element .element-input .btn {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.left-element .element-input .btn {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.offer-form input {width: 100%;}

.offer-form input[type="submit"] {margin-top: .7em;}

.hero-form input, .hero-form select {font-size: 15px; padding: 6px; height: 37px; width: 100%;}

.hero-form .btn-large {width: 100%; padding: 8px 0; font-size: 22px; font-weight: 600; height: 40px;}

.hero-form .wrap-input .element-input {top: 6px;}

.top-forms select {width: 100%;}

.modal form {margin: 0;}

.modal-header {padding: 15px;}

.modal-header p {margin: 0; font-size: 16px;}

.modal form input[type="text"], .modal form input[type="email"], .modal form input[type="tel"], .modal form textarea {
  width: 100%;
}

form .form-inline {line-height: 25px; margin-bottom: 12px;}

form .form-inline label.radio {margin-right: 1em;}

.group-fields {
    display: inline-block;
    margin-bottom: 1em;
    width: 100%;
}

.hide-formFeed.in {border-top: 1px dashed #bfbfbf; padding: .4em;}

.hide-formFeed .upload {margin: 0;}

.hide-formFeed small {font-size: .6em;}

.upload {
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 1em;
    position: relative;
    width: 100px;
}

.upload input[type="file"] {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.bottom-form-content {padding-top: 1em;}

.general-forms {padding: 2em 0;}

.general-forms.well {padding: 1.5em;}

.general-forms legend {line-height: 1.4;}

.general-forms .contact-form legend {
  font-weight: 600; 
  border: none; 
  padding: .5em 1em;
  line-height: 1.1;
  background-color: #f5f5f5;
  margin: 1em 0;
}
.group-checkbox {margin: .5em 0 1em;}

.general-forms form {margin: 0;}

.request-form input, .request-form textarea {margin-bottom: 1.5rem;}


/* ===============================
Calendar
================================ */

.calendar {padding: 2em 0;}

.calendar hr {margin: 0;}

.calendar .media {padding: .5em; margin: 0;}

.calendar .media > .pull-left {margin-right: 10px;}

.month-calendar {margin-bottom: 2em; display: inline-block; width: 100%;}

.month-name {padding: .5em; border-bottom: 1px solid #999; margin-top: 1em;}

.month-name h3 {font-size: 18px; text-transform: uppercase; font-weight: 700; margin: 0; line-height: 1; letter-spacing: 2px;}

.calendar .post-date {width: 35px; padding: .2em;}

.calendar .date {font-size: 16px;}

.calendar .month {font-size: 13px;}

.calendar h3.media-heading  {font-size: 20px;}

.calendar h3.media-heading a  {color: #666;}

.calendar .media-body {font-size: 16px; color: #999;}


/* ===================================
Resort
==================================== */

.resort-header {padding-bottom: 2em;}

.resort-header p {margin: 0; font-size: 16px; line-height: 1.2;}

.resort-header .btn {width: 100%; margin: .5em 0;}

.resort-top {margin-bottom: 1em;}

.resort-top .mediaPost {margin-top: 0; max-height: 550px; overflow: hidden;}

.resort-about .content-section p {font-size: 17px; margin-bottom: .8rem;}

.resort-details .nav {margin-bottom: 1.5em;}

.resort-details .tab-pane p {margin-bottom: .9em; line-height: 1.4; font-size: 18px;}

.resort-details .tab-pane ul {margin-bottom: 1.5em;}

.resort-details .tab-pane ul li {line-height: 1.4; margin-bottom: .65em;}

.resort-details .tab-pane h4 {font-size: 20px; font-weight: 600; margin: 0 0 .9em;}

.resort-details .tab-pane img {width: 100% !important; margin-bottom: 1em; height: auto !important;}

.resort-offer {display: inline-block; width: 100%; margin-bottom: 1em; overflow: hidden;}

.resort-offer.well {padding: 0; max-height: 190px;}

.offer-wrap-img {overflow: hidden; min-height: 150px;}

.offer-wrap-img img {width: 170%; max-width: 170%;}

.offer-content {padding: .5em;}

.offer-content h3 {font-size: 18px; color: #222;}

.offer-content p {font-size: 15px; color: #444; line-height: 1.4; margin-bottom: .35em;}

.offer-content span {font-size: 15px;}

/* ===============================
Landing
================================ */

.landing .head-image {margin-bottom: 1.5em; position: relative;}

.landing .header-page {padding-top: 3em;}

.win-ribbon {position: absolute; top: 0; right: 0;}

.landing .head-image .win-ribbon {width: 150px;}

.thumbnail .win-ribbon, .contest-banner .win-ribbon {width: 100px;}

.contest-banner {
  color: #fff;
  display: block;
  width: 100%;
  padding: 1em 70px 1em 1.2em;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 100px;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5), 0 -1px 1px rgba(0, 0, 0, 0.5);
  margin-bottom: 1em;
}
.contest-banner:hover {color: #fff; text-shadow: none; text-decoration: none;}

.contest-banner h3 {font-weight: 600; font-size: 1.6em; margin: 0;}

/* ===============================
Bottom
================================ */

.bottom {padding: 2em 0 3em; color: #fff;}

.bottom a {color: #fff884;}

.bottom section.block {margin: 0;}

.bottom section.block h2 {text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 22px;}

.bottom section.block .listPost {padding-top: 1em;}

.bottom a .post-date {color: #32CC61;}

.post-date {text-align: center; width: 50px; background-color: #fff884; padding: .3em; line-height: 1;}

.date {font-weight: 700; font-size: 22px;}

.month {font-size: 16px; font-weight: 300;}


/* ===================================
Gallery
==================================== */

.gallery-thumbs {margin: 1em 0 2em;}

.gallery-thumbs a {display: inline-block; margin: 0 .5rem .5rem 0; cursor: pointer;}

/* ===============================
Footer
================================ */

footer{
	color:#bfbfbf;
  font-size: 15px;
}

footer, .push-bottom {height: 100px;}

footer > .container {padding-top: 2em; padding-bottom: 3em;}

footer p {font-size: 15px; margin-bottom: 5px;}

footer a {
	color:#bfbfbf; text-decoration: underline;
}


/* Map */
#mappy { height: 450px; width: 100%;}

/* WestJet */

.westjet a {color: #333;}

.westjet a:hover {color: #999; text-decoration: none;}

.westjet img {width: auto; margin-bottom: .5em;}

.westjet p {font-size: 14px; line-height: 1.2; font-weight: 400;}

/* ===============================
Share Group
================================ */


.group-share {display: inline-block; width: 100%; margin-top: 5px;}

.share-btn {display: inline-block; width: auto; margin-left: 6px; vertical-align: top;}

.group-share .share-btn:first-child {margin:0;}

.share-btn .btn {padding: 0; height: 17px; line-height: 17px; font-family: 'Helvetica Neue',Arial,sans-serif; font-size: .7em; position: relative; vertical-align: top;}

#article_right_header .share-btn span {font-weight: 600;}

.share-btn .btn > span {padding: 0 7px 0 23px; white-space: nowrap; font-weight: 600;}

.share-btn i {position: absolute; top: 2%; height: 16px; width: 16px; left: 4px;}

.facebook-share-button i {
  background: url(https://media.gttwl.com/attachments/rainbowtravel.gttwl2.com/ltmq6z/1369767046_original.jpg) no-repeat; 
  background-size: 100%;
}