@import url(https://fonts.googleapis.com/css?family=Covered+By+Your+Grace);

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-rendering: optimizelegibility;
  font-family: 'Lato', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
}
a {color: #247dfc;}

/* loading spinner */
.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('https://cdn1.gttwl.net/attachments/thetravelvalet.com/lsc85x/1424208987_original.gif') 50% 50% no-repeat rgb(249,249,249);
}
button, .button {background-color: #247dfc;}

.border {border: 1px solid #cdcdcd;}

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

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

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

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

.off-canvas-wrap, .inner-wrap {min-height: 100%; height: 100%;}

.inner-wrap {background-color: #fff;}

.file-input-wrapper input[type=file], .file-input-wrapper input[type=file]:focus, .file-input-wrapper input[type=file]:hover {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 99;
  outline: 0;
}
.circle {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 2px rgba(0,0,0,.6);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,.6);
  box-shadow: 0 0 2px rgba(0,0,0,.6);
}
.breadcrumbs {
  padding-left: 0;
  padding-right: 0;
  border: none;
  background-color: transparent;
  margin-bottom: .5rem;
}
.hidden {display: none;}

.unhidden {
  display: block;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.pac-container {
 z-index: 1040 !important;
}
.bg-blue {background-color: #08BFFF;}

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

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

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

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

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

.button.empty {
  background-color: transparent;
  border-width: 2px;
  border-style: solid;
  padding: .5rem 1.1rem;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 85%;
}
.button.empty.black {
  color: #333;
  border-color: #333;
}
.button.empty.black:hover {
  color: #000;
  border-color: #000;
}
.button.empty.white {
  color: #fff;
  border-color: #fff;
}
.button.empty.white:hover {
  color: #000;
  border-color: #fff;
  background-color: #fff;
}


/******* Modal ********/

.reveal-modal.full {top: 0 !important; width: 100%; position: fixed; overflow: scroll;}

.reveal-modal .close-reveal-modal {font-weight: normal; font-size: 1.5rem;}

.top-modal {padding: .6rem 1rem; background-color: #fff; border-bottom: 1px solid #dfdfdf;}

.reveal-modal .top-modal .close-reveal-modal {line-height:40px;}

.close-reveal-modal.back {
  font-size: 1.2rem;
  position: static;
  font-weight: normal;
  color: #247dfc;
  line-height: 40px;
}
.top-modal ul.inline-list {margin-right: 2rem; margin-bottom: 0;}

.top-modal .button {margin: 0; padding: 5px 15px 5px 7px; line-height: 25px; font-size: .79rem;}

/******* WDYWTG Form ********/

.wdywtg {
  display: inline-block; 
  width: 100%; 
  padding: 1.5rem 2rem 1.78rem;
  /*background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1399920976_original.png), url(https://cdn1.gttwl.net/attachments/tanlinetravel.gttwl2.com/ltmq6z/1417636834_original.jpeg);
  background-size: 10%, cover;
  background-repeat: repeat, no-repeat;
  background-position: center;*/
  background-color: #71DEFF;
  color: #fff;
  border-width: 0 1px 1px 0;
  border-color: rgba(0,0,0,.2);
  border-style: solid;
}
.wdywtg h2 {color: #fff; font-size: 2rem !important; line-height:1.1 !important; margin: 0 0 1rem !important; text-shadow: 1px 1px rgba(0,0,0,.24);}

.wdywtg form, .wdywtg p {margin: 0;}

.wdywtg input, .wdywtg .button, .wdywtg button {margin-bottom: .5rem;}

.wdywtg input {border-color: #fff; box-shadow: none;}

.wdywtg input[type="text"]:focus {border-color: rgba(0,0,0,.01);}

.wdywtg p {color: rgba(0,0,0,.4); font-size: 1.1rem; line-height:1.3;}

.grids .wdywtg {height: 350px; padding-top: 50px;}

/******* Ask Assistant Partial ********/

.btnAsk-container {
  position: fixed;
  bottom: 3rem;
  right: 1rem;
  z-index: 1009;
}
.btnAsk {display: none; width: auto;}

.btnAsk-message {
  display: inline-block;
  vertical-align: middle;
  background-color: #2ad883;
  padding: .3rem .65rem .43rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid rgba(0,0,0,.1);
  color: #fff;
}
.btnAsk-avatar {
  display: inline-block;
  vertical-align: middle;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
  border-width: 3px;
  border-color: rgba(0,0,0,.1);
  border-style: solid;
  width: 45px;
}

/******* Nav Bar ********/

nav.top-bar, .with-img.for-topbar nav.top-bar {
  background-color: #fff;
  border-bottom: 1px solid rgba(0,0,0,.12);
  background-image: none;
}
.with-img nav.top-bar {
  background-color: transparent;
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,.3)); /* For Safari 5.1 to 6.0 */
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,.3)); /* For Opera 11.1 to 12.0 */
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,.3)); /* For Firefox 3.6 to 15 */
  background-image: linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,.3)); /* Standard syntax (must be last) */
  border: none;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.with-img .top-bar.expanded {
  margin-top: 2.5rem;
}
.top-bar-section ul li, .top-bar-section ul li.has-form {
  background-color: transparent;
}
.top-bar-section ul li.has-form form {
  width: auto;
  position: relative;
}
.top-bar .has-form input[type="text"] {
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  width: 80px;
  padding-right: 20px;
  background-color: transparent;
}
.top-bar .has-form i {
  position: absolute;
  right: 7px;
  top:13px;
  padding: 0;
  z-index: 1;
  color: #dfdfdf;
}
.top-bar .has-form input[type="text"]:focus {
  width: 200px;
  transition: ease-in-out,width .35s ease-in-out;
}
.top-bar-section > ul li a {
  font-family: 'Lato',Helvetica,Arial,sans-serif;
  text-transform: uppercase;
}
.top-bar-section > ul > li > a:not(.button) {
  background-color: transparent;
  color: #888;
}
.with-img .top-bar-section > ul > li > a:not(.button) {
  color: #fff;
}
.with-img.for-topbar .top-bar-section > ul > li > a:not(.button) {
  color: #333;
}
.top-bar .toggle-topbar.menu-icon a span::after, .with-img.for-topbar .top-bar .toggle-topbar.menu-icon a span::after {
  box-shadow: 0 0px 0 1px #888,0 7px 0 1px #888,0 14px 0 1px #888;
}
.with-img .top-bar .toggle-topbar.menu-icon a span::after {
  box-shadow: 0 0px 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;
}
.top-bar-section li:not(.has-form) a:not(.button) {
  background-color: transparent;
  line-height: 35px;
  margin-top: 6px;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  padding: 0 10px;
}
.top-bar-section li.active.ask a:not(.button) {
  line-height: 35px;
  border-color: rgba(0,0,0,.4);
  border-style: solid;
  border-width: 0 1px 1px 0;
  -moz-border-radius: 200px;
  -webkit-border-radius: 200px;
  border-radius: 200px;
}
.top-bar-section li.active.ask a:not(.button), .ask a {
  background-color: #2ad883;
  text-transform: capitalize;
  display: inline-block;
  width: 100%;
  color: #fff;
}
.top-bar-section li.active.ask a:not(.button):hover, .ask a:hover {
  background-color: #666;
  color: #fff!important;
}
.top-bar-section li.active.thumb:not(.has-form) a:not(.button) {
  padding-left: 7px;
  padding-bottom: .18rem;
}
.top-bar-section li:not(.has-form) a:not(.button):hover {
  background-color: transparent;
  text-shadow: none;
  color: #333;
}
.top-bar .name {padding-left: 2rem;}

.top-bar .name h1 {
  font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif; 
  font-size: 1.14rem;
  position: relative;
}
.top-bar .name h1 a {
  color: #333;
  padding-left: 3.2rem;
}
.with-img .top-bar .name h1 a {color: #fff;}

.with-img.for-topbar .top-bar .name h1 a {color: #333;}

.top-bar .name img {
  max-height: 56px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}
.top-bar input[type="text"], .top-bar input[type="search"] {
  height: 1.8rem;
}
.top-bar-section > ul > li:hover > a:not(.button) {
  background-color: rgba(0,0,0,.5);
}
.ask.fixed {
  bottom: 0;
  top:auto;
  width: 100%;
  display: inline-block;
  background-color: #fff;
  color: #888;
  border-top: 1px solid #888;
  text-align: center;
  height: 55px;
  z-index: 9999;
}
.ask.fixed a {
  line-height: 41px;
  height: 55px;
  vertical-align: middle;
  padding: 5px 0;
}
.ask img {margin-right: .2rem;}

.ask.fixed img {max-width:40px;}

.bg-top-bar {
  display: inline-block;
  width: 100%;
  height: 45px;
  position: fixed;
  background-color: #333;
  top: 0;
  z-index: 91;
}

/******* Main Section ********/

#main-wrap {
  min-height: 100%;
}
#main-wrap.with-img {
  min-height: 112.5%;
  margin-top:-7.5%;
}
#main {
  overflow:auto;
	padding-bottom: 7rem;
}
.main-header {
  padding: 2.5rem 0 1rem;
  position: relative;
}
.with-img .main-header {padding-top: 8rem;}

.with-img .main-header.home {padding-top: 2rem;}

.with-img .main-header h1, .with-img .main-header h2 {
  color: rgba(0,0,0,.86);
}
.main-header h1, .main-header h2 {
  margin-top: 0;
  margin-bottom: .3rem;
  line-height: 1.2;
}
.main-header h1 {font-size: 2.35rem;}

.with-img .main-header h1 {font-size: 2.2rem;}

.main-header h2 {font-size: 1.79rem;}

.main-header button.dropdown {
  margin: 0;
  color: #222;
  background-color: transparent;
  padding: .5rem 2rem .65rem .65rem;
  border: 1px solid #ccc;
}
.main-header button.dropdown::after {
  border-top-color: #222;
  right: .5rem;
}
.dropdown.title {
  font-size: 1.75rem;
  padding-left: 0 !important;
  font-family: 'Raleway', sans-serif;
  border: none !important;
  padding: .35rem 2rem .45rem .25rem !important;
}
.f-dropdown.content {padding: 1rem;}

.f-dropdown.content a {display: block; color: #555;}

.f-dropdown.content a:hover {text-decoration: underline;}

.drop-categories.f-dropdown.f-open-dropdown {
  min-width: 25rem;
  max-width: 25rem;
  left: auto !important;
  right: 1rem;
}
.f-dropdown.open::before {top: -11px;}

.drop-categories.f-dropdown.open::before {
  left: auto;
  right: 15px;
}
.drop-categories.f-dropdown.open::after {
  left: auto;
  right: 14px;
}
.main-header small {
  display: block;
  text-transform: uppercase;
  color: #888;
}
.main-header p {
  font-size: 1.3rem;
  color: #333;
}
.main-header.favorites h1 {
  font-size: 2rem;
}
.main-header.favorites p {
  font-size: 1.1rem;
}
.main-header p:last-child {
  margin: 0;
}
.main-header select, .main-header input, .main-header .button {margin: 0;}

.search input[type="text"], .search input[type="search"] {margin: 0; background-color: transparent;}

.search .button.secondary {
  margin: 0; 
  background-color: transparent;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #ccc;
  line-height: 1;
  color: #ccc;
}
.main-header .search .button.secondary {font-size: 1.1rem;}

.alert-box.info-box {
  padding: .91rem 2rem 1.25rem 1rem;
  margin-bottom: 2rem;
  border-color: rgba(0,0,0,.3);
}
.info-box.alert-box .close {top: 1.25rem;}

.info-box img.circle {width: 70%;}

.info-box p, .info-box h3 {
  color: #fff;
}
.info-box p {font-size: 1.2rem; line-height: 1.4;}

.info-box h3 {margin-top: 0; margin-bottom: .25rem; font-size: 1.5rem;}

.main-content {
  padding: 1.8rem 0;
  min-height: 500px;
}
#main > .main-content:first-child {padding-top: 3.5rem;}

.post-header {
  padding-top: 3rem;
  position: relative;
}
.reveal-modal .post-header {
  padding-top: 1rem;
}
.post-header h1 {
  font-weight: 700;
  font-size: 2rem;
  margin: 0 0 1rem;
  line-height: 1.1;
}
.post-header h1 .price {
  font-weight: 300;
  font-size: 1.3rem;
  color: #444;
}
.post-header p, .post-summary p {
  font-size: 1.25rem;
  font-family: Georgia, serif;
  font-style: italic;
}
.post-header a, .post-meta a {color: #888; text-decoration: underline;}

.post-header a:hover, .post-meta a:hover {color: #333;}

.post-meta {display: inline-block; width: 100%; margin: .5rem 0; font-size: 1rem; line-height: 1.2; color: #888;}

.post-meta span:before {color: #888; content:"\000A\00B7\000A"; width: 17px; display: inline-block; text-align: center;}

.post-meta > span:first-child:before {display: none;}

.post-header img {width: 100%; margin-top: 1rem;}

.share.fixed {
  right: 0;
  top: 25%;
  width: 50px;
  left: auto;
  margin: 0;
  background-color: #fff;
  text-align: center;
}
.post-details {width: 100%; display: inline-block; padding-bottom: 1rem; color: #888}

.post-details a {color: #888;}

.post-details a:hover {color: #222; text-decoration: underline;}

.post-action {
  background-color: #fff;
  padding: .1rem .45rem .25rem 2rem;
  line-height: 22px;
  display: inline-block;
  font-size: .9rem;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-position: 4px 0;
  background-size: 25px;
}
.suitcase {
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1420576662_original.png);
}
.suitcase:hover, .suitcase.active {
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1420236613_original.png);
}
.post-action:hover, .post-action.active {color: #ff002c !important; border-color: #ff002c; text-decoration: none !important;}

.post-action img {
  max-height: 20px;
  float: left;
  margin-right: .24rem;
}
.post-img {width: 100%; margin-bottom: 1rem;}

article.Post {
  padding: 1rem 0;
}
.section article.Post {padding-top: 0;}

.docs article.Post {min-height: 300px; padding: 0;}

.docs article.Post > h1 {font-size: 2.2rem; margin-top: 0;}

.Post-single h2 {
  font-size: 170%;
  line-height: 1.2;
  margin: .15rem 0;
}
.Post-single h2 a {
  color: #0078a0;
}
article.Post p, article.Post li {
  font-size: 1.28rem;
  font-family: Georgia, Times, serif;
}
article.Post img {width: 100%; min-width: 100%; margin-bottom: 1rem;}

.tags {text-transform: uppercase; display: inline-block; width: 100%;}

.tags dt, .tags dd {display: inline-block; width: auto; margin-right: .35rem;}

.tags dd > a:hover {color: #333;}

.tags dd > a:before {color: #888; content:"\000A\00B7\000A"; width: 15px; display: inline-block; text-align: center; margin-left: -2px;}

.tags dd > a:first-child:before {display: none;}

.post-specifications legend {
  display: inline-block;
  background-color: #efefef;
  width: 100%;
  padding: .3rem .5rem .35rem;
  margin-bottom: .5rem;
  color: #999;
}
.post-specifications li {
  color: #777;
  padding: .3rem 0;
  font-size: .95rem;
}
.post-specifications li span:first-child {color: #a7a7a7;}

.post-specifications li a {color:#777; text-decoration: underline}

.additional-posts {
  padding: 1rem 0;
}
.additional-posts h3 {
  font-size: 1.2rem;
  text-transform: uppercase;
  margin: 0;
  padding: 1rem 0 2rem;
}
.additional-posts > .button {text-align: center;}

.button.more-link {
  background-color: transparent;
  color: rgba(0,0,0,.6);
  border: 2px solid rgba(0,0,0,.6);
  margin-top: 1rem;
}
.button.more-link:hover {color: #333; border-color: #333;}

.italic {
  font-family: Georgia, Times, serif;
  font-style: italic;
}

/******* Welcome Page ********/

.wrap-index {margin-top: -48px; position: relative;}

.section {
  display: block;
  width: 100%;
  padding: 5rem 0;
  min-height: 33rem;
}
.section h2 {
  font-size: 2.58rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 1.2rem;
  color: #fff;
}
.section p {
  font-size: 120%;
  line-height: 1.4;
  color: #fff;
}
.section p a {
  color: #fff;
  text-decoration: underline;
}
.section.index-1 {
  padding-top: 8rem;
  padding-bottom: 4rem;
  background-color: #0FA1F2;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 80%;
}
.section.index-1 p {
  font-size: 150%;
  margin-bottom: 2rem;
}
.section input[type="text"] {
  border-width: 0 0 1px 0;
}
.button.success {
  background-color: #2ad883;
  border-color: rgba(0,0,0,.1);
  border-style: solid;
  border-width: 0 1px 1px 0;
}
.button.dark-blue {
  background-color: #0877B5;
  border-color: rgba(0,0,0,.1);
  border-style: solid;
  border-width: 0 1px 1px 0;
}
.button.dark-blue:hover {background-color: #1C92D3;}

.section input[type="text"], .section .button {
  height: 3rem;
  font-size: 1.23rem;
}
.video-link {
  color: #333;
  font-size: 1.25rem;
  display: inline-block;
  width: auto;
  padding: .65rem 1.5rem;
  background-color: transparent;
  line-height: 1;
  transition: all 0.65s ease;
}
.video-link i {
  font-size: 1.45rem;
  margin-right: .35rem;
}
.video-link:hover {background-color: rgba(0,0,0,.45);}

.index-1 .video-link {
  color: #fff;
}

@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: 100% 0; }
}
.section.index-1b {
  padding-top: 7.5rem;
  padding-bottom: 4rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
  min-height: 10rem;
}
.section.index-1b p {font-size: 140%; color: rgba(255,255,255,.78); margin-bottom: .35rem;}

.text-message, .text-phone {
  color: #e9ff55;
}
.text-phone a, .text-phone a:visited, .text-phone a:focus, .text-phone a:hover {
  color: #e9ff55;
}
h2.text-phone {
  color: #e9ff55;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 3rem;
  letter-spacing: .03rem;
  margin-bottom: 0;
}
.section.index-1b h1 {
  color: #fff;
  line-height: 1.2;
  margin-bottom: 1.3rem;
}
.section.index-1b small {color: rgba(255,255,255,.7); font-size: 80%;}

.section.index-2b {
  padding: 2.5rem 0 1.5rem;
  position: relative;
  min-height: 10rem;
}
.section.index-2b:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 15px;
  border-color: transparent transparent #FFFFFF transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -29px;
  z-index: 89;
  left: 49%;
}
.section.index-2b h2 {
  color: #06486d;
  font-size: 2rem;
}
.section.index-2b p {color: #555;}

.how-works {
  position: relative;
  width: 100%;
  display: inline-block;
  padding: 0 .5rem;
  margin-bottom: 1rem;
}
.how-works .wrap-img {margin-bottom: 1.5rem; border-bottom: 1px solid #dfdfdf;}

.how-works h3 {font-size: 1.25rem; font-weight: 400; line-height: 1.15;}

.how-works p {color: #444; font-size: 95%; margin-bottom: 0;}

.how-works i {position: absolute; top: 35%; right: -1rem; color: #06486d;}

.sms-page {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  min-height: 600px;
  margin-bottom: -7rem;
  position: relative;
}
.sms-wrap {background-color: rgba(255,255,255,.9); padding: 1rem; margin: 4rem 0 1rem;}

.sms-wrap .main-header {padding: 0;}

.sms-wrap .main-header p {line-height: 1.3; font-size: 1.2rem;}

.sms-wrap .main-content {min-height: 2rem; padding-bottom: 0; padding-top: 1rem;}

.sms-wrap .button {margin: 0;}

.sms-page .day-quote {
  color: #fff;
  text-shadow: 1px 1px rgba(0,0,0,.3);
  position: absolute;
  top: 5rem;
  left: 2rem;
  width: 30%;
}
.day-quote {
  font-family: 'Covered By Your Grace', cursive;
  line-height: 1.1;
  margin: 0;
}
.day-quote p {
  font-size: 200%; margin: 0; line-height: 1.1;
}
.sms-page .main-content p {
  margin-bottom: .85rem;
  line-height: 1.4;
}
.sms-page .main-content .cta-cocoa p {
  margin: 0;
}
.sms-page .main-content p strong {
  font-size: 1.2rem;
}
.sms-phone {font-weight: 600; font-size: 1.7rem;}

.sms-page .cta-cocoa h2 {
  font-size: 180%;
}

/******** Signup (Jun/2015) *********/

.signup-page {
  height: 100%;
  min-height: 100%;
  margin-bottom: -7rem;
  position: relative;
  padding-top: 5rem;
}
.signup-bg {
  background-repeat: repeat, no-repeat;
  background-size: 5%, cover;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
}
.signup-why {
  color: #fff;
  font-size: 120%;
  text-shadow: 1px 1px rgba(0,0,0,.4);
  position: relative;
  height: 100%;
}
.signup-why h2 {
  color: #fff;
  line-height: 1.1;
  margin-bottom: 1.2rem;
}
.signup-page ul.check-list li {
  font-size: 130%;
  line-height: 1.2;
  margin-bottom: 1rem;
  padding-left: 40px;
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1434466403_tiny.png);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 32px;
}
.signup-form {
  padding: 1.5rem;
  background-color: #efefef;
}
.signup-form p {
  font-size: 125%;
}
.signup-form label {
  font-size: 115%;
  margin-bottom: .25rem;
}
.signup-form .button {
  margin: 0;
}
.signup-form em {
  display: block;
  color: #999;
  font-size: 80%;
  margin-top: .5rem;
}
.signup-testimonial blockquote {
  color: #fff;
  width: 100%;
  position: absolute;
  bottom: 0;
  margin-top: 1rem;
}
.signup-testimonial blockquote cite {color: #fff;}

.signup-thanks {
  margin-bottom: 3rem;
}
.thanks-header h2 {font-size: 180%; line-height: 1.15; margin: 0 0 .25rem;}

.thanks-message {
  padding: 1rem 2rem 1.35rem;
  margin-top: 1rem;
  background-color: #eff4f7;
  position: relative;
}
.thanks-message:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 15px;
  border-color: transparent #eff4f7 transparent transparent;
  border-bottom-style: solid;
  position: absolute;
  top: 20px;
  left: -29px;
  z-index: 89;
}
.step-numb {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 250%;
  color: #66a2c6;
  font-weight: 600;
  text-align: center;
  display: block;
  margin-top: 1rem;
}
.thanks-message h3 {
  color: #4e8cb1;
  font-size: 155%;
  margin-top: 0;
}
.thanks-message p {
  margin-bottom: .75rem;
}
.thanks-message .cta-cocoa {
  margin-top: 0;
  padding: 1rem 2.5rem 0 0;
}
.thanks-message .cta-cocoa h2 {
  font-size: 200%;
}
.thanks-message .button {
  margin: 0;
}


  

.media-message {padding-left: 1rem;}

.media-message p:last-child {margin: 0;}

.section.index-2 {background-color: #fff; padding-top: 2.5rem;}

.section.index-2 h2 {font-size: 1.9rem; margin-bottom: 0.2rem;}

.section.index-2 h2, .section.index-2 p {color: #158C8C;}

.section.index-2 p a {color: #158C8C;}
  
.grids.questions {margin-top: 2rem;}

.travel-request {
  height: 100%;
  min-height: 280px;
  display: inline-block;
  width: 100%;
  padding: 1rem 1.7rem 8rem;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100%;
  position: relative;
}
.travel-request:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 15px;
  border-color: transparent transparent #FFFFFF transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -29px;
  z-index: 89;
}
.travel-request h3 {font-weight: 400; line-height: 1.25; font-size: 1.54rem; color: #fff;}

.travel-request.one {background-color: #FFC306;}

.travel-request.one:before {border-color: transparent transparent #FFC306 transparent; right: 10px;}

.travel-request.two {background-color: #0E8E75;}

.travel-request.two:before {border-color: transparent transparent #0E8E75 transparent; left: 45%;}

.travel-request.three {background-color: #08BFFF;}

.travel-request.three:before {border-color: transparent transparent #08BFFF transparent; left: 10px;}

.shoes {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422916527_original.png);}

.food {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422916592_original.png);}

.beach {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422916299_original.png);}

.iphone {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1423606272_original.png);}

.travelling {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1423604428_original.png);}

.knowledge {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1423260401_original.png);}

.concierge {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1423605222_original.png);}

.section.index-3 {
  padding-bottom: 0;
  padding-top: 7rem;
  min-height: 25rem;
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1399920976_original.png), url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1419875046_original.jpeg);
  background-repeat: repeat, no-repeat;
  background-size: 10%, cover;
  background-position: top, center;
}
.cell {
  position: relative;
  min-height: 100%;
  height: 100%;
  display: block;
  padding-bottom: 4rem;
}
.cell img {
  position: absolute;
  bottom: 0;
}
.cell-text {
  padding-bottom: 3rem;
}
.section.index-3b {
  background-color: #f5f6f6;
  padding: 3rem 0;
  color: #222;
}
.section.index-3b h2, .section.index-4b h2 {
  font-size: 2rem;
  color: #06486d;
}
.section.index-3b p {
  color: #222;
}
.messages-list li {
  font-size: 130%;
  line-height: 1.2;
  margin-bottom: 1rem;
  padding: .65rem 1.58rem .77rem;
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  position: relative;
}
.messages-list li:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 89;
  bottom: 0;
  background-repeat: no-repeat;
  background-size: 100%;
  height: 20px;
  width: 30px;
}
.messages-list.questions li {
  background-color: #00b0ff;
  color: #fff;
}
.messages-list.questions li a {color: #fff; display: block;}

.messages-list.questions li a:hover {color: #c3ebfd;}

.messages-list.questions li:before {
  right: -.25rem;
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1431368387_original.png);
  background-position: right bottom;
}
.messages-list.answers li {
  background-color: #e5e5ea;
  color: #222;
}
.messages-list.answers li:before {
  left: -.25rem;
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1431368862_original.png);
  background-position: left bottom;
}
.section.index-4, .section.index-4b {
  background-color: #FFCE43;
}
.section.index-4b {
  padding: 3rem 0 2.5rem;
}
.section.index-4 h2, .section.index-4 p, .section.index-4 p a {
  color: #725D01;
}
.section.index-4 p {
  margin-bottom: 1.5rem;
}
.section.index-4b p:first-child {
  color: #222;
}
.landing-grid .feed {
  height: 280px;
}
.landing-grid .half-img .feed-content {
  height: 110px;
  padding-left: .65rem;
  padding-right: .65rem;
}
.landing-grid .feed-header h2 {
  font-size: 1.3rem !important;
}
.landing-grid .feed-header p {
  font-size: 80% !important;
  color: #999;
}
.grid {
  background-color: #fff;
  display: block;
  width: 100%;
  margin-top: 1rem;
}
.grid h3 {
  margin: 0;
  padding: .48rem .5rem .68rem;
  font-size: 1.15rem;
  line-height: 1.25;
  color: #725D01;
}
.section.index-5 {
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1399920976_original.png), url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1419875062_original.jpeg);
  background-repeat: repeat, no-repeat;
  background-size: 10%, cover;
  background-position: top, bottom;
  padding-bottom: 3rem;
  min-height: 25rem;
}
.agencies-logos {display: inline-block; width: 100%; margin: 2rem 0 1rem;}

.agencies-logos a {display: inline-block; vertical-align: middle; margin: .5rem .6rem;}

.agencies-logos img {max-width: 180px;}

.section.index-6 {
  background-color: #0FA1F2;
  min-height: 10rem;
  padding: 3rem 0 2rem;
}
.section.index-6 p {font-size: 100%;}

.bottom-cta-form {display: block;}

.section.index-agent1 {padding: 0; min-height: 200px;}

.index-agent-bg {
  width: 100%; 
  height: 200px;
  background-repeat: repeat, no-repeat;
  background-size: 10%, cover;
  background-position: top, center;
}
.index-agent-header {
  margin-top: -100px;
}
.index-agent-avatar {margin-bottom: 1rem;}

.index-agent-avatar img {
  border: 4px solid rgba(0,0,0,.1);
  width: 150px;
}
.section.index-agent1 p {color: #555; margin-bottom: 0.3rem;}

.section.index-agent1 h2 {color: #0066B2; margin-bottom: 2rem;}

.section.index-agent2 {padding-top: 0; padding-bottom: 2rem; min-height: 200px;}

.section.index-agent3 {padding: 3rem 0 6rem; background-color: #EAF0F4; min-height: 200px;}

.section.index-agent3 .agent-intro h2 {margin-bottom: 2rem; color: rgba(0,0,0,.65); font-size: 1.85rem;}

.section.index-agent3 .agent-intro p {color: rgba(0,0,0,.65);}

.agent-intro {margin-bottom: 2rem;}

.section.index-agent3 h3, .section h3.sub-section {margin-bottom: 2rem; color: rgba(0,0,0,.75); font-size: 1.1rem; font-weight: 200; text-transform: uppercase; letter-spacing: .05rem;}

.agent-testimonial {display: block; padding: 2rem 0 1rem;}

.agent-testimonial blockquote {
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1424108429_original.png);
  background-size: 10%;
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 12%;
  border: none;
}
.agent-testimonial blockquote p {font-style: italic; font-family: Georgia, Times, serif; margin-bottom: .5rem; color: #777 !important;}

.section.index-agent4 {
  padding-bottom: 0;
  padding-top: 4rem;
  min-height: 20rem;
  background-color: #08BFFF;
}
.section.index-agent4 .cell {min-height: 20rem;}

.section.index-agent4 .cell img {width: 65%; right: 0;}

.section.related-content {
  padding: 1rem 0 2rem;
}
.section.related-content h3.sub-section {
  margin-top: 1rem;
}
.section article.Post p, .section.related-content p {color: #222;}

.section article.Post p a {color: #247dfc; text-decoration: none;}

/******* Test Cocoa Beach ********/

.bg-fixed {
  background-size: 130%;
  background-repeat: no-repeat;
  background-position: center top;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.section.index-cocoa-beach {
  padding: 6rem 0 0;
  position: relative;
  overflow: hidden;
}
.index-cocoa-beach .section-top {
  min-height: 10rem;
  padding: 4rem 0 2.5rem;
}
.section.index-cocoa-beach h1 {
  color: #fff;
  font-size: 260%;
  line-height: 1.2;
  margin: 0;
}
.section.index-cocoa-beach p {
  font-size: 140%;
  margin-bottom: 0;
}
.cta-cocoa {
  padding: 0 1.5rem 0 0;
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1431637299_original.png);
  background-repeat: no-repeat;
  background-position: right .5rem;
  background-size: 2rem;
  display: inline-block;
  margin-top: 1rem;
}
.cta-cocoa h2, .cta-cocoa h2 a, .cta-cocoa h2 a:hover {
  color: #ff8400;
}
.cta-cocoa p {
  color: #06486d;
  font-size: 125%;
  font-weight: 600;
  margin: 0;
}
.cta-cocoa h2 {
  font-size: 240%;
  margin: 0;
}
.cta-cocoa small {
  color: rgba(255,255,255,.65);
  font-size: 80%;
}
.iphone-video {
  position: absolute;
  top: 6rem;
  z-index: 9;
  width: 28%;
  left: 11.66667%;
}
.sms-slider {
  display: inline-block;
  width: 100%;
  padding: 2.75rem .8rem 2rem;
  position: relative;
  background-color: #06486d;
  border-radius: 10px;
}
.sms-slider .slick-dots {
  bottom: 5rem;
  margin: 0;
  left:0;
}
.sms-slider .slick-dots li button:before {
  font-size: 10px;
}
.index-cocoa-beach .section-bottom {
  background-color: #fff;
  padding: 2rem 0 3rem;
}
ul.check-list {margin: 0;}

ul.check-list li {
  font-size: 110%;
  line-height: 1.45;
  margin-bottom: .5rem;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}
ul.check-list li span {
  overflow: hidden;
  display: block;
}
ul.check-list li i {
  font-size: 150%;
  margin-right:.45rem;
  float: left;
  color: #0ec100;
}
.section.why-agent {
  background-color: #efefef;
  position: relative;
  padding: 2.5rem 0;
}
.section.why-agent h2, .section.what-ask h2, .section.cta-bottom h2 {
  color: #06486d;
  font-size: 2rem;
  margin-bottom: 0.25rem;
  line-height: 1.2;
}
.section.why-agent h3 {
  font-size: 1.35rem;
  font-family: 'Lato', sans-serif;
  line-height: 1.2;
}
.section.why-agent p, .section.what-ask p {
  color: #444;
  margin-bottom: 2rem;
}
.section.why-agent img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
  width: 75%;
}
.section.what-ask {
  padding: 3.5rem 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top right;
  position: relative;
}
.section.cta-bottom {
  padding: 2rem 0;
  background-color: #fff;
  min-height: 5rem;
  position: relative;
}
.section.cta-bottom p {
  color: #333;
  margin: 0;
}
.cta-bottom .text-phone, .cta-bottom .text-phone a, .cta-bottom .text-phone a:hover {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #ff8400;
  font-size: 150%;
  margin: 0;
  line-height: 1.3;
}
.cta-bottom small {
  display: block;
  font-size: 70%;
  color: #999;
}
.section.cta-bottom img.arrow {
  position: absolute;
  top: -1rem;
  right: 20%;
}
.section.cta-bottom form {
  margin-top: 1rem;
}
.section.cta-bottom .button {
  height: auto;
  margin: 0;
}

/**** Topic Slider ******/
.responsive-slider .slick-prev, .responsive-slider .slick-next {
  z-index:99;
  opacity: .9;
  width: 30px;
  height: 30px;
  margin-top: -15px;
}
.responsive-slider .slick-prev::before, .responsive-slider .slick-next::before {
  font-size: 30px;
}
.responsive-slider .slick-prev {
  left: 5px;
}
.responsive-slider .slick-next {
  right: 5px;
}
.responsive-slider .slick-prev.slick-disabled::before, .responsive-slider .slick-next.slick-disabled::before {
  opacity: .55;
}


/******* Products ********/

.featured-slider {margin-top: 2.6rem; margin-bottom: 0;}

.featured-slider .slick-prev, .featured-slider .slick-next {
  width: 90px;
  height: 40px;
}
.featured-slider .slick-prev:before, .featured-slider .slick-next:before {
  font-size: 35px;
}
.featured-slider .slick-dots {
  bottom: 1rem;
  margin-bottom: 0;
}
.featured-slider .slick-dots li button::before {
  font-size: 10px;
  color: #fff;
}
.featured-banner {
  background-size: 10%, cover;
  background-repeat: repeat, no-repeat;
  background-position: center;
  background-attachment: fixed;
  min-height: 350px;
  padding-top: 6rem;
  position: relative;
}
.featured-banner h2 {
  line-height: 1.1;
  margin-bottom: .5rem;
}
.feature-post {
  display: block;
  padding-bottom: 3rem;
}
.featured-banner p {
  font-size: 1.1rem;
  margin-bottom: .35rem;
  line-height: 1.4;
}
.featured-banner h2, .featured-banner h2 a, .featured-banner h3, .featured-banner p, .featured-banner a {
  color: #fff;
  text-shadow: 1px 1px rgba(0,0,0,.3);
}
.featured-banner .button {
  padding: .5rem .78rem;
  margin-top: .35rem;
}
.simple-leadform {
  padding: 1rem 0 1.5rem;
  background-color: rgba(0,0,0,.5);
  width: 100%;
}
.simple-leadform p {
  font-size: 1.35rem;
}
.simple-leadform input, .simple-leadform .button {
  font-size: 105%;
  height: 2.5rem;
  line-height: 2.5rem;
  margin: 0;
}
.simple-leadform .button {
  padding: 0;
  
}


.deals-sections .section {
  padding: 3rem 0 2.5rem;
  min-height: 200px;
}
.deals-sections.categories .section {
  padding: 1rem 0;
}
.deals-sections .section:nth-child(even) {
  background-color: #f5f9fc;
}
.deals-sections .section p {
  margin: 0;
}
.deals-sections .section p a {
  color: #0078a0;
  text-decoration: none;
}
.subsection h3 {
  font-family: 'Lato', sans-serif;
  font-size: 118%;
  margin: 0 0 1rem;
  text-transform: uppercase;
  font-weight: 400;
}

/******* Product Offer ********/

.product-offer {
  padding-top: 3.5rem;
}
.product-offer .post-header {padding-top: 0;}

.product-offer .post-header h1 {font-size: 1.68rem; margin: 0;}

.product-offer .Post {padding-bottom: 0;}

.product-offer .Post p {margin-bottom: .95rem;}

.product-offer .Post p, .product-offer .Post li {
  font-size: 100%;
}

/******* Profile Section ********/

.profile-section {
  display: inline-block;
  width: 100%;
  margin: 1rem 0;
  position: relative;
}
.profile-section .tabs-content {
  padding: 1.5rem 0;
}
.profile-section ul.no-bullet li {
  font-size: 1.1rem;
  line-height: 1.3;
  padding: .35rem 0;
}
.profile-section ul.no-bullet li .right {font-size: .89rem; color: #bbb; padding: 0 .75rem;}

.empty-message {font-size: 1.2rem; color: #ccc;}

.tabs-menu {
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 1px;
  background-color: #fff;
  transition: all 0.65s linear;
  width: 100%;
}
.with-img .tabs-menu {margin-top: 6rem;}

.tabs-menu.fix {position: fixed; z-index: 89;}

.with-img .tabs-menu.fix {margin-top: 0; padding-top: 90px;}

.with-img .tabs-menu.fix {margin-top: 0;}

.main-header .tabs-menu {margin-bottom: 1rem;}

.tabs-menu ul.tabs {display: inline-block; width: auto;}

.tabs-menu .tabs li {float: none; display: inline-block;}

.tabs-menu .tabs .tab-title > a {
  background-color: #fff; 
  color: #929292; 
  padding: 3rem 1.35rem .5rem;
  background-repeat: no-repeat;
  background-position: center 5px;
  background-size: 40px;
}
.tabs-menu .tabs .tab-title.active > a, .tabs-menu .tabs .tab-title > a:hover {color: #247DFC;}

.tabs-menu .tabs .tab-title.active > a:hover {color: #929292;}

.tabs-menu .tabs .tab-title > a span {font-size: .8rem;}

.icon-home, .active .icon-home:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422892201_original.png);}

.active .icon-home, .icon-home:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422894832_original.png);}

.icon-requests, .active .icon-requests:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422891926_original.png);}

.active .icon-requests, .icon-requests:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422896514_original.png);}

.icon-trips, .active .icon-trips:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1421085325_original.png);}

.active .icon-trips, .icon-trips:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422896461_original.png);}

.icon-notifications, .active .icon-notifications:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1421084569_original.png);}

.active .icon-notifications, .icon-notifications:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422896865_original.png);}

.icon-documents, .active .icon-documents:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1421085266_original.png);}

.active .icon-documents, .icon-documents:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422896622_original.png);}

.icon-suitcase, .active .icon-suitcase:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1421084666_original.png);}

.active .icon-suitcase, .icon-suitcase:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422897034_original.png);}

.icon-favorites, .active .icon-favorites:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1424298356_original.png);}

.active .icon-favorites, .icon-favorites:hover {background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1424298185_original.png);}

/******* CTA ********/

.fixed .cta_button {
  display: none;
}
.fixed.show-cta .cta_button {
  display: inline-block;
}

/******* Create Trip Form ********/

.wrap-form {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 3rem;
  margin-top: 7rem;
  position: relative;
}
.wrap-form.join-bg {
  margin-top: 5rem;
  margin-bottom: 1rem;
  padding: 6rem 1rem 2rem;
  border: 10px solid #fff;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.plane-badget {position: absolute; top: 0; left: 1rem; z-index: 9;}

.plane-badget img {width: 45px;}

.top-right {position: absolute; top: 1rem; right: 1rem; display: inline-block;}

.top-right .button {border: 1px solid rgba(0,0,0,.1); padding: .45rem .75rem; font-size: .9rem;}

.join-header {padding-bottom: 1rem;}

.wrap-form h1 {font-size: 2rem; text-align: center; color: rgba(0,0,0,.6); margin: .1rem 0 .75em 0; line-height: 1.1;}

.wrap-form .join-header h1 {color: #000; font-size: 1.8rem; margin-bottom: .5rem;} 

.wrap-form form .button {
  margin: 0;
}
.wrap-form p {margin-bottom: 0.3rem;}

.wrap-form > p:last-child {margin-bottom: 0; margin-top: 1.5rem;}

.wrap-form .join-header p:last-child {margin: 0;}

.join-header p {font-size: 1.15rem; line-height: 1.2;}

.button.social {
  padding: 0;
  line-height: 60px;
  font-size: 1.1rem;
  margin-bottom: .5rem;
}
.button.social img {
  padding: .85rem 1rem .85rem .35rem;
  border-right: 1px solid rgba(0,0,0,.3);
  width: 70%;
  float: right;
}
.button.facebook {background-color: #39599f;}

.button.google {background-color: #DA4A38;}

.divider.text-center span {
  padding: 0 1rem;
  text-transform: uppercase;
}
.divider.text-center span:before, .divider.text-center span:after {
  border: 1px solid rgba(0,0,0,.6);
  content: "";
  margin-bottom: .35rem;
  width: 3rem;
  display: inline-block;
}
.divider.text-center span:before {
  margin-right: 1rem;
}
.divider.text-center span:after {
  margin-left: 1rem;
}
.wrap-form.join-bg a:not(.button) {color: #333; text-decoration: underline;}

p.terms-line {font-size: 85%; color: rgba(0,0,0,.5); line-height: 1.2;}

.wrap-form.join-bg .terms-line a, .terms-line a {color: rgba(0,0,0,.5);}

.proofNumbers {color: rgba(255,255,255,.75); line-height: 1.1; overflow: hidden;}

.proofNumbers strong {float: left; font-size: 2.2rem; margin-right: .32rem;}

.proofNumbers span {font-size: 1rem; overflow: hidden;}

.proofNumbers .divider {border-right: 2px solid #fff; display: inline-block; height: 100%; width: 40%;}



/******* Request Form ********/

.request-form {
  padding: 1rem;
  background-color: #efefef;
  border: 1px solid rgba(0,0,0,.1);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.request-form img.circle {
  margin-bottom: .65rem;
}
.agent-message p {
  font-size: 1.15rem;
  margin-bottom: .43rem;
  line-height: 1.3rem;
}
.main-header .agent-message p {
  font-size: 1rem;
  line-height: 1.45;
}
.main-header .agent-message p:last-child {
  margin: 0;
}
.agent-message p:last-child, .agent-message span:last-child {margin-bottom: .65rem;}

.request-form span {display: block; font-size: .82rem; color: #888;}

.agent-message {padding-left: 1rem;}

.expandForm {position: relative; min-height: 45px;}

#twoRows_Textarea {
  height: 45px; 
  min-height: 45px;
  margin: 0; 
  position: absolute;
  z-index: 7;
  resize: none;
}
.expandForm.open #twoRows_Textarea {
  height: 6rem; 
  margin-bottom: .65rem; 
  position: relative;
  transition: all 0.95s ease;
}

.request-form .button.tiny {margin: 0; font-size: .8rem;}

legend {color: #999;}

.request-feed:last-child {margin-bottom: 1rem;}

.request-feed hr {margin: 1rem 0 .89rem;}

.main-content .request-feed:first-child hr {margin-top: 0;}

.request-feed img.circle {width: 80%;}

.request-feed p {margin: 0; line-height: 1.4; font-size: 1.2rem;}

.request-feed span {font-size: .78rem; color: #aaa;}

.request-feed span a {color: #aaa; text-decoration: underline;}

input[type="checkbox"], input[type="radio"] {margin-bottom:.5rem; margin-right: .35rem;}

.for-checkbox, .for-radio {display: inline-block; width: 100%; margin: .5rem 0;}



/******* Quote ********/

.quote-form {margin-bottom: 2rem;}

.quote-feed {padding: 1rem 0 .85rem; border-top: 1px solid #efefef;}

.quote-feed p {font-size: 1.2rem; line-height: 1.5;}

.quote-feed a {color: #333; text-decoration: underline;}

.quote-feed a:hover {color: #888;}

.quote-feed p:last-child {margin-bottom: 0;}

.quote-label {
  display: block;
  line-height: 1.4;
  text-transform: uppercase;
  font-size: .83rem;
  color: #666;
}
.quote-total .quote-price {font-size: 1.47rem; font-weight: 700;}

.quote-bottom {padding: 1rem 0 2rem;}

.main-header .button.for-quote {
  min-height: 2.3125rem;
  padding: .5rem .75rem;
  font-size: 1rem;
}
.main-header .button.secondary {
  padding: .45rem .75rem .5rem;
  font-size: .8rem;
  color: #666;
}
.button i {
  margin-right: .3rem;
}

/******* Welcome Card ********/

.travel-bg {
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100%;
  height: 100%;
  width: 100%;
  display: inline-block;
  position: fixed;
  z-index: -99;
}
.travel-bg.blur {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}
.welcome-card {
  background-color: #fff;
  border: 10px solid #f6f2e0;
  padding: 1rem 2rem;
  margin-bottom: 2rem;
  margin-top: 5rem;
}
.welcome-card header {padding-left: .75rem;}

.welcome-card header h3 {font-weight: 400;}

.welcome-card .button {font-size: 1.2rem;}

/******* Feeds ********/

.feeds {margin-bottom: 1rem;}

h3.feed-section {margin-bottom: 1rem; color: rgba(0,0,0,.75); font-size: 1.1rem; font-weight: 200; text-transform: uppercase; letter-spacing: .025rem;}

h3.feed-section img {width: 30px; margin-right: .15rem;}

.feed {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.2);
  height: 350px;
  overflow: hidden;
  position: relative;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.feed.plain {
  border: 0 !important;
  padding: 0 !important;
  padding-top: .3rem;
}

.categories .feed {height: 200px;}

.places .feed {
  height: 280px;
}
.feed-img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: inline-block;
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-position: center;
}
.cover-img .feed-img {
  background-size: cover;
}
.half-img .feed-img {
  background-size: cover;
  height: 170px;
  min-height: 170px;
}
.feed-content {
  background-color: #fff;
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  max-height: 320px;
  height: 100%;
  overflow: hidden;
  padding: .5rem 1rem .68rem;
}

.feed-content.plain {
  padding: 0 !important;
}

.blog-grids .no-img .feed-content {
  max-height: 345px;
}
.cover-img .feed-content {
  height: auto;
}

.half-img .feed-content {
  height: 180px;
  max-height: 180px;
}
.feed-content > a {
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
}

.feed-content .feed-links a {
  color: #999;
  font-size: 14px;
}

.cover-img .feed-content {
  background-image: linear-gradient(-180deg,transparent 30%,rgba(0,0,0,.6) 100%);
  background-color: transparent;
}
span.feed-summary {
  text-transform: uppercase;
  color: #888;
  font-weight: 600;
  font-size: .66rem;
  display: block;
}
.feed-header h2 {
  font-size: 1.34rem;
  line-height: 1.2;
  margin-bottom: .28rem;
  color: #333;
}
.cover-img span.feed-summary {
  color: #efefef;
  text-shadow: 1px 1px rgba(0,0,0,.4);
}
.cover-img .feed-header h2 {
  font-size: 1.58rem;
  color: #fff;
  text-shadow: 1px 1px rgba(0,0,0,.4);
}
.cover-img .feed-header p {
  color: #fff;
  text-shadow: 1px 1px rgba(0,0,0,.4);
}
.feed-header p {
  color: #333;
  font-size: .95rem;
  line-height: 1.4;
  margin-bottom: .65rem;
}
.feed-detail {
  color: #666;
  font-size: .85rem;
  font-weight: 300;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .15rem 1rem .58rem;
  width: 100%;
  background-color: #fff;
}
.cover-img .feed-detail {
  color: #efefef; 
  position: relative; 
  padding: 0; 
  background-color: transparent;
}
.feed .suitcase {
  position: absolute;
  top: .46rem;
  right: .8rem;
  z-index: -3;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422027608_original.png);
  display: block;
  height: 40px;
  width: 40px;
  cursor: pointer;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.feed:hover .suitcase {
  z-index: 9;
  -moz-transition: all 0.25s ease;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.feed .suitcase.active {z-index: 9;}

.feed .suitcase.active:hover {
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422027608_original.png);
}
.feed .suitcase.active, .feed .suitcase:hover {
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1421705468_original.png);
}
.for-video {
  width: 50px;
  height: 50px;
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1422550956_original.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
}
.feed-img .for-video {
  position: absolute;
  left: 45%;
  top: 60px;
}

/******* Offer ********/

.main-header.offer {
  padding: 4rem 0;
  background-repeat: repeat, no-repeat;
  background-size: 10%, 100%;
  background-position: center;
  color: #fff;
}
.main-header.offer h1, .main-header.offer p {color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.15);}

p.cta {
  background-color: rgba(10,117,176,.76); 
  display: inline-block;
  padding: .45rem 1.3rem .65rem;
  border-radius: 100px;
  color: #fff;
}
.section.related-content p.cta {color: #fff;}

.main-content.offer {background-color: #f5f9fc;}

.offer article.Post {padding: 0;}

.offer article.Post p, .offer article.Post li {font-size: 1.16rem;}

.offer article.Post h2, .offer article.Post h3, .offer article.Post h4, .offer article.Post h5 {
  font-family: 'Lato', sans-serif;
}
.offer-form {padding-left: 1rem;}

.offer-form h2 {font-size: 2rem; font-weight: 400; color: #4d9de0;}

.offer .emphasis {padding-top: 1.5rem; margin-top: -4.5rem; background-color: #f5f9fc;}

.offer .emphasis p {font-family: Georgia, Times, serif; font-size: 1.16rem;}

/******* Landing ********/

.landing {
  background-repeat: no-repeat;
  background-size: cover;
  padding: 1.3rem 0 3rem;
  margin-bottom: -7rem;
}
.landing h3, .landing p {color: #efefef;}

.landing .main-header h1 {color: #fff; font-size: 2.65rem;}

.landing p {font-size: 120%;}

.landing form {
  padding: 1rem 1.35rem 1.35rem;
  background-color: rgba(1,121,181,.85);
}
.landing form label {color: #dfdfdf; font-size: 1rem;}

.landing form button {margin: 0; font-size: 1.42rem;}

.landing .circle {margin-bottom: 1rem;}

.landing .agent-testimonial {padding-bottom: 0;}

.landing .agent-testimonial blockquote p, .landing .agent-testimonial blockquote cite {color: #afafaf !important;}


/******* Landing Consumer ********/

.consumer-top {
  border-bottom: 1px solid #dfdfdf;
}
.consumer-top > .row {
  min-width: 100% !important;
}
.consumer-img {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.consumer-top .cta_banner {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.consumer-top .text-phone {
  font-size: 130%;
}
.consumer-content {
  padding: 2rem;
}
.consumer-content article.Post {
  padding: 0;
}
.consumer-content h1 {font-size: 2rem; margin-top: 0; line-height: 1.2;}

.consumer-content article.Post p, .consumer-content article.Post li {
  font-size: 1.13rem;
}
.consumer-content article.Post p:last-child {
  margin: 0;
}

/******* Affiliate Section ********/

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

.tabs.custom-tabs .tab-title {float: none; display: inline-block; padding-left: .5rem; padding-right: .5rem;}

.tabs.custom-tabs .tab-title > a {
  background-color: transparent;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 3px solid #333;
  color: #333;
}
.tabs.custom-tabs .tab-title > a:hover, .tabs.custom-tabs .tab-title.active > a {border: 3px solid #999; color: #999;}

.tabs.custom-tabs .tab-title > a.success {background-color: #2ad883; border-color: #2ad883; color: #fff; text-transform: uppercase;}

.tabs.custom-tabs .tab-title > a.success:hover {background-color: #0db262; border-color:#0db262;}

.tabs.custom-tabs .tab-title.active > a.success {background-color: #77faba; border-color: #77faba;}

.offer .tabs-content > .content {padding: 2rem 0;}

legend {font-size: 1.34rem; color: #333; margin-bottom: 1rem;}

.affiliate table {width: 100%; border-width: 0 0 1px 0;}

.affiliate table tr td, .affiliate table tr th {font-size: 1rem;}

.affiliate .main-header h2 {margin-bottom: 1rem; font-size: 1.35rem;}

.affiliate .main-header h2 span {font-weight: 200; color: #777;}

.affiliate .main-content {min-height: 100px;}

.affiliate .total {font-size: 1.2rem;}

.panel dl dd {margin-bottom: .5rem; padding-bottom: .5rem; border-bottom: 1px solid #dfdfdf;}

.panel dl dd:last-child {border: none; padding: 0;}

.panel dl dt {margin-bottom: .1rem;}

.panel dl a {color: #555; text-decoration: underline;}

/******* Error Page ********/

.error-content {
  position: relative; 
  width: 100%;
  background-image: url(https://cdn1.gttwl.net/attachments/thetravelvalet.com/ltmq6z/1423684993_original.png);
  background-position: center top;
  background-repeat: no-repeat;
  padding: 2rem 0 5rem;
}
.back-plane {position: absolute; top: -.5rem; right: -1.2rem; transition: all 0.5s ease;}

.back-plane:hover {right: 0.5rem;}

.error-bottom a {color: #444; text-decoration: underline;}



/******* Footer ********/

footer {
  background-color: #333;
  padding: .5rem 0;
  color: #888;
  font-size: .8rem;
  width: 100%;
  position: relative;
  bottom: 0;
}
#footer {
  position: relative;
	margin-top: -7rem; /* negative value of footer height */
	height: 7rem;
	clear:both;
}
footer ul.inline-list {
  margin: .5rem 0 0 0;
  font-weight: 300;
  font-size: .83rem;
}
ul.inline-list li {
  display: inline-block;
  float: none;
  margin-left: 1rem;
}
ul.inline-list li:first-child {
  margin: 0;
}
footer ul.inline-list li a {
  color: #888;
  font-weight: 400;
}
footer ul.inline-list.main-list li a:not(.apple-badge) {
  font-weight: 700;
  text-transform: uppercase;
}
footer ul.inline-list > li > a {
  display: inline-block;
  width: auto;
}
footer ul.inline-list li a:hover {
  color: #fff;
}
footer .apple-badge {padding: 0.25rem 0.55rem; border-color: #555;}

footer .apple-badge img {max-height: 1.75rem; width: auto;}

.apple-badge {
  padding: 0.37rem .75rem;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #000;
  display: inline-block;
  border: 1px solid #a6a6a6;
  transition: all 0.5s ease;
}
.apple-badge img {width: 100%;}

.apple-badge:hover {background-color: rgba(0,0,0,.7); border-color: #fff;}


/*******************************
          Responsive
*******************************/

@media (min-width: 640px) and (max-width: 979px) {
  .section.index-1b h1 {
    font-size: 2.3rem;
  }
  .iphone-video {
    position: absolute;
    top: 6rem;
    z-index: 9;
    width: 28%;
    left: 11.66667%;
  }
}

@media (min-width: 768px) {
  .consumer-top .wdywtg {
    background-color: transparent;
    padding: 0;
    margin-bottom: 1rem;
    border: none;
  }
  .consumer-top .wdywtg h2 {
    color: #999;
    font-weight: 400;
    text-shadow: none;
    font-size: 1.75rem;
  }
  .consumer-top .wdywtg form {
    border: 1px solid #dfdfdf;
    margin-bottom: 1rem;
  }
  .consumer-top .wdywtg input, .consumer-top .wdywtg .button {
    margin: 0;
    height: 2.8rem;
    font-size: 1.1rem;
  }
  .section.index-1b h1 {
    font-size: 2.5rem;
  }
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
  #main-wrap.with-img {
    margin-top: -11%;
    min-height: 111%;
  }
  input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"] {
		height: 2.5125rem;
		border-color: #bdbdbd;
	}
  .top-bar .name {
    padding-left: 1rem;
  }
  .top-bar .name h1 a {
    padding-left: 2.5rem;
    padding-top: 0;
  }
  .top-bar .name img {
    max-height: 45px;
  }
  .top-bar-section ul.right {
    background-color: #333;
  }
  .top-bar-section ul.right li.active:not(.has-form) a:not(.button) {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-top: 5px;
  }
  .top-bar-section ul.right li:not(.has-form) a:not(.button) {
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .section {
    padding: 3rem 1rem;
    min-height: 15rem;
  }
  .section p {
    font-size: 100%;
  }
  .section h2 {
    font-size: 2rem;
  }
  .section .feed-header h2 {
    font-size: 1.43rem;
  }
  .section.index-1 {
    padding-top: 4.5rem;
    padding-bottom: 3rem;
  }
  .section.index-1b {
    padding: 5rem 0 4rem;
    background-position: 30% center;
  }
  .section.index-1b h1 {
    font-size: 2rem;
  }
  .section.index-1b p {
    font-size: 110%;
    color: rgba(255,255,255,.88);
  }
  h2.text-phone {
    font-size: 200%;
  }
  .section.index-2b {
    padding: 1rem 0 2rem;
  }
  .section.index-2b h2 {
    font-size: 1.67rem;
    margin-bottom: 0;
  }
  .section.index-3 {
    padding-top: 3.5rem;
  }
  .index-agent-bg {
    height: 130px;
  }
  .section.index-agent1 h2 {
    font-size: 1.66rem;
    margin-bottom: 1.3rem;
  }
  .index-agent-avatar {
    margin-bottom: .5rem;
  }
  .cell-text {
    padding-bottom: 1rem;
  }
  .grid-agent .circle {
    width: 55%;
  }
  .main-section > header {
    padding-top: 3.5rem;
    padding-bottom: 0;
  }
  .main-section > header h1 {
    font-size: 1.45rem;
  }
  .main-section > header p {
    font-size: 1rem;
  }
  .main-section > header p:before, .main-section > header p:after {
    display: none;
  }
  .main-content {
    padding: .5rem 0;
  }
  .wrap-form.join-bg {
    margin-top: 3rem;
  }
  .button.social {
    font-size: .9rem;
    line-height: 48px;
  }
  .button.social img {
    width: 65%;
  }
  .main-header {
    padding-top: 1.5rem;
  }
  .with-img .main-header {
    padding-top: 5rem;
  }
  .with-img .sms-wrap .main-header {
    padding-top: 0;
  }
  .main-header h1 {
    font-size: 1.78rem;
  }
  .main-header h2 {
    font-size: 1.48rem;
  }
  .main-header button.dropdown {
    width: 100%;
  }
  .main-header select, .main-header button.dropdown {
    margin-top: 1rem;
  }
  .main-header button.dropdown.title {
    margin-top: 0;
  }
  .post-header.with-bg {
    background-size: 10%, 120%;
    min-height: 12rem;
    margin-top: .5rem;
    padding-top: 2.5rem;
  }
  .post-header h1 {
    font-size: 1.65rem;
    margin-bottom: 0;
  }
  .info-box img.circle {
    width: 100%;
  }
  .top-profile-section form, .top-profile-section .button {
    margin-top: .85rem;
  }
  .top-profile-section input, .top-profile-section select, .top-profile-section .button {
    height: 2.3125rem;
  }
  .quote-bottom .text-right {
    text-align: center !important;
  }
  .button.right {
    float: none !important;
    width: 100%;
  }
  .travel-request {
    padding-bottom: 13rem;
  }
  .reveal-modal.full {
    padding-left: .5rem;
    padding-right: .5rem;
  }
  .affiliate .main-header .right.text-right {
    float: none !important;
    text-align: center !important;
    display: block;
  }
  .affiliate table tr td, .affiliate table tr th {
    font-size: .8rem;
  }
  .offer .emphasis {
    margin-top: -2rem;
  }
  .consumer-img {
    height: 50%;
  }
  .consumer-content {
    padding: 1rem;
  }
  .plane-badget img {
    width: 40px;
  }
  .sms-page .main-header p {
    font-size: 1.15rem;
    line-height: 1.3;
  }
  .sms-page .main-header .agent-message p {
    font-size: 1.1rem;
  }
  .sms-page form label {
    font-size: 1rem;
    line-height: 1.3;
    margin-bottom: .35rem;
  }
  .sms-page .button {
    font-size: 120%;
    padding-top: .78rem;
    padding-bottom: .9rem;
  }
  .sms-page .main-content p {
    margin-bottom: .85rem;
    line-height: 1.4;
  }
  .sms-page .cta-cocoa {
    padding: 0;
  }
  .signup-page {
    padding-top: 8rem;
  }
  .signup-testimonial blockquote {
    position: static;
  }
  .fixed .cta_banner {
    font-size: 90%;
  }
  .cta_banner .text-phone {
    font-size: 125%;
  }
  .how-works {
    margin-bottom: 1rem;
  }
  .how-works .wrap-img img {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
  }
  .how-works i {
    top: auto;
    bottom: -1rem;
    right: 49%;
  }
  .bg-fixed {
    background-size: cover;
  }
  .section.index-cocoa-beach {
    padding-top: 4rem;
  }
  .index-cocoa-beach .section-top {
    padding-top: 0;
    text-align: center;
  }
  .section.index-cocoa-beach p {
    font-size: 120%;
  }
  .index-cocoa-beach .section-bottom {
    
  }
  .cta-cocoa {
    text-align: center;
    padding: 1rem 0 0;
    width: 100%;
  }
  .iphone-video {
    position: static;
    width: 80%;
    margin-left: 10%;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .section.what-ask {
    background-position: top left;
    padding: 1rem 0;
  }
  .messages-list li {
    font-size: 120%;
  }
  .section.cta-bottom img.arrow {
    width: 35px;
    top: -1.5rem;
    right: 3%;
  }
  .product-offer {
    padding-top: 1rem;
  }
  .sms-page .day-quote {
    position: static;
    width: 100%;
    padding-top: 4rem;
    margin-bottom: -3rem;
    top: 0;
    left: 0;
    text-align: center;
  }
  .featured-slider {
    margin-top: 0;
    margin-bottom: .5rem;
  }
  footer {
    padding-bottom: 10rem;
  }
  .simple-leadform input {
    font-size: 90%;
    line-height: 1;
    height: 2.5rem;
  }
}

@media only screen and (min-width: 64.063em) {
  .iphone-video {
    width: 25%;
    left: 14.66667%;
  }
}