/* ==== 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;
	background-color: #0068a5;
}
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;
}
.videoWrapper {
  position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  margin-bottom: 1em;
}
.videoWrapper iframe {
	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)";
}


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

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

.carousel  {margin: 0;}

#carousel-banner .carousel-inner {max-height: 360px;}

.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 100%;}

#carousel-banner .carousel-caption {
  top: 2em;
  text-align: center;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.6), 0 -1px 1px rgba(0, 0, 0, 0.6);
  background-color: transparent;
}

#carousel-banner .carousel-caption h2 {
  font-weight: 600;
  color: #fff;
  font-size: 2.7em;
  margin-top: 0;
}
#carousel-banner .carousel-caption p {
  font-size: 1.7em;
  margin: 0;
  line-height: 1.3;
}

.carousel-control {border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; font-size: 25px; top: 50%;}

.tag-line {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  color: #fff;
  font-family: Georgia, Times, serif;
  font-style: italic;
  font-size: 1.25em;
}

.call-action {width: 100%; padding: 1em 0; background-color: #0068a5;}

.call-action form {margin: 0;}

.hero-form {}


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


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

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

.listPost > hr {margin: .25em 0;}

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

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

.agents-block .media .pull-left {width: 25%;}

.agents-block .media-body {font-size: .88em; line-height: 1.3;}

.contest-block a {
  display: inline-block; 
  width: 100%; 
  color: #fff;
  background-color: #FAB208;
  overflow: hidden;
}
.contest-block a:hover {text-decoration: none; color: rgba(255,255,255,.6);}

.contest-block p {
  margin: 0;
  font-family: Georgia, Times, serif;
  padding: .45em;
  font-size: .89em;
  line-height: 1.1;
}

.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; margin-bottom: 0;}

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

.side-links a.btn {width: 100%; text-align: left; margin: .5em 0; overflow: hidden; padding: 11px;}

.side-links a.btn img {margin-right: .6em; float: left; width: 45px; padding-right: .6em; border-right: 1px solid rgba(0,0,0,.2);}

.side-links a.btn span {overflow: hidden; display: block;}

.side-links.cruise-links a.btn {
  padding: 9px 5px 9px 130px;
  background-repeat: no-repeat;
  background-position: top left;
  font-size: .85em;
  line-height: 1.1;
  min-height: 60px;
}

/* ===================================
News Ticker
==================================== */

.news-ticker {display: inline-block; width: 100%; padding-top: 1em;}

.news-ticker .alert {margin: 0; padding: 0;}

.ticker-label {
  display: inline-block; 
  width: 100%; 
  padding: .5em 0; 
  background-color: #0068a5; 
  color: #fff;
  text-shadow: none;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  line-height: 1.4;
}
.news-ticker .carousel {padding: .5em 0; line-height: 1.4;}


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

.wrap-body {
  width:100%;
  min-height: 100%;
  position: relative;
  margin:0;	
	padding:0;
  background-size: cover;
  height: 100%;
  left: 0;
  top: 0;
}

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

.navbar-inverse .navbar-inner {
  background-color: #0068a5;
  background-image: none;
  border-color: #0068a5;
}

.navbar .nav > li > a {font-size: 17px; padding: 10px; color: rgba(255,255,255,.8);}

.navbar .nav > li:last-child > a {padding-right: 0;}

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

.wrap-body > header {
  padding: 2.35em 0 .35em;
  min-height: 50px;
  background-color: #fff;
}
.brand {
  display: inline-block;
}

img.logo {max-height: 90px;}

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

.header-phone a.social {
  background-color: #0068a5;
  color: #fff;
  display: inline-block;
  font-size: 20px;
  height: 27px;
  line-height: 27px;
  margin-left: .6em;
  text-align: center;
  width: 27px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.header-phone a.social:hover {text-decoration: none; background-color: #0068a5;}

.wrap-content {
  padding-bottom: 1em; 
  background-color: #fff;
  min-height: 450px;
}

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

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

.header-page {
  padding: 1em 0 .85em;
  color: #fff; 
  background-color: #f79868;
  min-height: 4em;
}

.header-page h1 {margin: 0; font-size: 25px; text-transform: uppercase;}




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

.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; display: block;}

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

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

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

.content-section p {font-size: .95em;}

.content-section p:last-child {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: #dbe8f0;}


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

/* ===============================
Home Widgets
================================ */

.widget {
  border: 1px solid #ddd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
  display: block;
  width: 100%;
  padding: 4px;
  transition: all 0.2s ease-in-out 0s;
  position: relative;
  overflow: hidden;
  margin-bottom: 1em;
  background-color: #fff;
}
.widgetImg {
  display: block;
  width: 100%; 
  overflow: hidden;
  height: 240px;
}
.two-cols .widgetImg {
  height: auto;
}
.widgetImg img {width: 100%; text-align: center;}

.two-cols .widgetImg img {
  width: 150%;
  max-width: 150%;
}
.intro-category .two-cols .widgetImg img {
  width: 120%;
}
.intro-category .widgetContent h3 {
  font-size: 30px;
}

.widgetContent {
  background-color: #fff;
  padding: 6px 6px 10px;
  display: inline-block;
  width: 100%;
  position: absolute;
  z-index: 99;
  bottom: 0;
  left: 0;
}
.two-cols .widgetContent {
  position: relative;
  bottom: auto;
  left: auto;
  padding: 10px;
}
.widgetContent h3 {
  margin: 0;
  font-size: 1.1em;
  color: #0068a5;
  line-height: 1.2;
  font-weight: 600;
}
.widgetContent p {
  font-size: .89em;
  line-height: 1.3;
  color: #222;
  margin: .5em 0 0;
}
.intro-category .widgetContent p {
  font-size: 1em;
  margin-bottom: .85em;
  line-height: 1.4;
}
.widgetContent blockquote {
  margin-top: 2em;
  color: #999;
  font-size: .89em;
  font-style: italic;
  line-height: 1.4;
}
blockquote .metaPost {margin: .5em 0 0;}

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

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

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

.agentsThumbs .wrap-imgThumb {height:200px;}

.thumbnails .videoWrapper {margin-bottom: 0.2em;}


/* ===============================
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; background-color: #fff; position: relative; z-index: 99;}

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

.breadcrumb.breadcrumbsBg {margin:0; position: relative; z-index: 99;}

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

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

.transpInfo {padding: 2em 0; position: relative; z-index: 99;}

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

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

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


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

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

.headerBlank {padding-bottom: 1em;}

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

.contentBlank legend {
  border: none; 
  padding: 0; 
  background-color: transparent; 
  font-size: 1.2em;
  line-height: 1.2;
  color: #0068a5;
  font-weight: 600;
}

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

.blank-page li {font-size: 19px; line-height: 1.4; margin-bottom: 1em;}

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

.top-contest h2 {font-size: 3em; color: #0068a5; font-weight: 600; margin-top: 0;}

.top-contest img {margin-bottom: 2em; max-height: 300px;}

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

.apps a {display: inline-block; width: 22.5%; margin: .5em .5em .5em 0; vertical-align: top; text-align: center;}

.apps img {
  margin-bottom: .5em;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  width: 95%;
}
.apps p {font-size: 15px; line-height: 1.2;}



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

.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:#efefef;
  font-size: 15px;
  bottom: 0;
  width: 100%;
}
footer > .container {padding-top: 2em; padding-bottom: 2em;}

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

footer a {
	color: #efefef;
	text-decoration: underline;
}
.power-by {color:#979797;}

.footer-logos {padding: 1em 0;}

.footer-logos li {width: auto;}

.footer-logos li img {max-height: 38px;}

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