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

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,300italic,400italic,600,600italic,700');

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

body {
  font-family:'Source Sans Pro', sans-serif;
	font-size:18px;
	font-weight:400;
	line-height:1.5;
  height: 100%;
	color:#333;
}

a:active {
	outline:0;
}

.clear {
	clear:both;
}

p {
  font-family:'Source Sans Pro', 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 {
  -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;
}

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;}

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;
}

/* ===================================
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: #031944;}

.blue {color: #03A5DD;}

.green-bg {background-color: #32CC61;}

.green {color: #32CC61;}

.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
==================================== */

.hero-section {position: relative; min-height: 400px;}

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

.home-copy {
  padding: 4em 0 2em; 
  color: #fff; 
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.6), 0 -1px 1px rgba(0, 0, 0, 0.6);
}

.home-copy h1 {margin: 0; font-weight: 700; font-size: 50px;}

.home-copy p {font-size: 27px;}

.hero-form {display: inline-block; width: 100%; padding: .5em;}


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


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%; padding: 10px;}

.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;}

.expHome.home-content {
  padding: 1.5em 0 0; 
  background-color: #FAFAFA;
  background-image: linear-gradient(to bottom, #FFFFFF, #F2F2F2);
  background-repeat: repeat-x;
}

.expHome section.block header {padding-bottom: 1.5em;}



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

.wrap-body {
  width:100%;
  min-height: 100%;
  position: relative;
  margin:0;	
	padding:0;
}

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

.sec-nav {font-size: 15px; font-weight: 400;}

.wrap-body > header {
  padding: 3em 0 1em;
  min-height: 50px;
}

.brand {padding: 0; display: inline-block; width: auto;}

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

.header-phone {font-size: 24px; color: #fff;}

.header-phone i {margin-right: 5px;}

.wrap-content {padding-bottom: 6em;}

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

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

.header-page {padding: 1em 0 .5em;}

.header-page h1 {margin: 0; font-size: 27px; color: #031944;}


/* ===============================
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 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;}



/* ===============================
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;}

section.block header h2 {font-size: 25px; margin: 0; color: #031944;}

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;}

.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;
}

.well {background-color: #C4F3CB;}

/* ===============================
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; background-color: #fff;}

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

.placesThumbs .thumbnail {margin: 0 1em; min-height: 225px;}

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

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

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




/* ===============================
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%;}





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

.place-header > header {padding: 2.5em 0 0.5em;}

.place-header > header .brand {padding: .2em 0 0 0;}

.place-header > header .brand img {max-height: 45px;}

#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 .block .btn {margin-bottom: 1em;}




/* ===============================
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: #b3e1ba; 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 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[type="text"] {font-size: 17.5px; padding: 11px 6px; margin: 0; height: 45px; width: 100%;}

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

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


.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;}


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

footer{
  background: transparent;
	color:#bfbfbf;
  font-size: 15px;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 6em;
}

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

footer p {font-size: 15px;}

footer a {
	
}

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