/**************** above fold ********************/
/**Last Modified oat July 22,2014  by st **/

/*********** Fonts **************/

@font-face {
	font-family: 'Gentium Basic';
	font-style: italic;
	font-weight: 400;
	src: url(/assets/components/email_campaign/fonts/gentium-basic-400-italic.eot);
	src: local('Gentium Basic Italic'), local('GentiumBasic-Italic'), url(/assets/components/email_campaign/fonts/gentium-basic-400-italic.woff2) format('woff2'), url(/assets/components/email_campaign/fonts/gentium-basic-400-italic.woff) format('woff'), url(/assets/components/email_campaign/fonts/gentium-basic-400-italic.ttf) format('truetype'), url(/assets/components/email_campaign/fonts/gentium-basic-400-italic.svg#GentiumBasic) format('svg');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: url(/assets/components/email_campaign/fonts/montserrat-400-normal.eot);
	src: local('Montserrat-Regular'), url(/assets/components/email_campaign/fonts/montserrat-400-normal.woff2) format('woff2'), url(/assets/components/email_campaign/fonts/montserrat-400-normal.woff) format('woff'), url(/assets/components/email_campaign/fonts/montserrat-400-normal.ttf) format('truetype'), url(/assets/components/email_campaign/fonts/montserrat-400-normal.svg#Montserrat) format('svg');
}
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: url(/assets/components/email_campaign/fonts/montserrat-700-normal.eot);
	src: local('Montserrat-Bold'),
	url(/assets/components/email_campaign/fonts/montserrat-700-normal.woff2) format('woff2'),
	url(/assets/components/email_campaign/fonts/montserrat-700-normal.woff) format('woff'),
	url(/assets/components/email_campaign/fonts/montserrat-700-normal.ttf) format('truetype'),
	url(/assets/components/email_campaign/fonts/montserrat-700-normal.svg#Montserrat) format('svg');
}

@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url(/assets/components/email_campaign/fonts/raleway-400-normal.eot);
	src: local('Raleway'),
	url(/assets/components/email_campaign/fonts/raleway-400-normal.woff2) format('woff2'),
	url(/assets/components/email_campaign/fonts/raleway-400-normal.woff) format('woff'),
	url(/assets/components/email_campaign/fonts/raleway-400-normal.ttf) format('truetype'),
	url(/assets/components/email_campaign/fonts/raleway-400-normal.svg#Montserrat) format('svg');
}





/********* Default CSS *****************/
body {position: relative; color: #565656; line-height: 1.6em; font-size: 16px; background-color: #9ED7DE; font-family: 'Montserrat', Helvetica, Arial, sans-serif;  background-size: cover; font-weight: 300; background-attachment: fixed;  background-position: center top;}
h1, h2, h3, h4, h5 {margin-top: 0;  font-weight: 400; margin-bottom: 18px; padding-top: 12px; }
h1, .h1 { color: #005676; margin-bottom: 24px; font-size: 40px; font-size: 4rem;  padding-top: 0;}
h1.home {font-size: 44px; font-size: 4.4rem;padding-top: 56px;}
h2, h3, h4, h5 { color: #2a5982; }
h2, .h2 { font-size: 32px; font-size: 3.2rem; padding-top: 24px; text-align: center; margin-bottom: 36px; }
h5, .h5 { font-size: 16px; font-size: 1.6rem; }
h2.entry-title {font-weight: 300;}

h3 { font-size: 20px; font-size: 2.0rem; }
/*.h1 {margin-bottom: 24px; color: #005676; font-size: 36px; font-size: 3.6rem;}.h2 {font-size: 24px ;font-size: 2.4rem; color: #0b6384;  padding-top: 12px; margin-bottom: 34px;}*/
span.h1 {font-size: 2em; line-height: 1em; color: #005676; margin: 0 0 6px; text-transform: uppercase; float: left; display: block; }
p {margin-bottom: 12px;}
label { font-weight: normal; }
b, strong {font-weight: 500; color: #000;}

blockquote ,h1.blockquote, h2.blockquote{  font: italic 23px ; font-size: 2.3rem; margin: 0 0 24px; border: 0; padding: 0; text-transform: none; }
h1.blockquote{margin-bottom: 36px;}
blockquote p {  margin: 0 0 6px;  padding: 0;}
blockquote .cite {  font-size: 14px; font-size: 1.4rem; margin: 0;}

.media-content-wrapper h3{padding-top:0; margin-bottom: 8px;}



/* -- custom class styles -- */
.section-title, .widget-title {font: italic  24px  ; font-size: 2.4rem; color: #ccc ; line-height: 1em; margin: 0 0 32px; padding:0; }
.section-title a, .section-title a:active, .section-title a:visited , .widget-title a, .widget-title a:active, .widget-title a:visited{color: #ddd !important; text-decoration: none;}
.section-title a:hover , .widget-title a:hover {color: #ccc !important; text-decoration: underline}
.right-box-shadow { box-shadow : 5px 0px 9px -5px #999;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.intro-text {color: #4ca4ad; font-size: 18px ;font-size: 1.8rem; margin-bottom: 18px;}
.disclaimer { font-size: 12px; font-size: 1.2rem; font-style: italic; }
.seperator {margin: 0 6px;}
.hidden-captcha-form label.control-label {display: none;}
.outer-glow { -webkit-box-shadow: 4px 4px 23px rgba(0, 0, 0, 0.35);-moz-box-shadow:  4px 4px 23px rgba(0, 0, 0, 0.35);box-shadow:  4px 4px 23px rgba(0, 0, 0, 0.35); }



/*  Crumbnav */
ul.B_crumbBox {margin-left: 0; margin-bottom: 12px; padding-left: 0;} 
.B_crumbBox li {  display: inline; font-size: 14px; font-size: 1.4rem;  list-style-type: none;  text-transform: none;}

/* -- links -- */



/*********** Containers **************/
.admin-main-wrapper {padding: 36px;}

#main-content-wrapper {padding: 60px; }
#header-wrapper {} 
#footer-wrapper {background: #ddd; }
#feature-page-feature {text-align: center;}
.feature-primary-row{}

.feature-video-wrapper  iframe { border: 12px solid #fff;}
#feature-page-secondary {}
.secondary-row {padding-bottom: 42px;}
.secondary-wrapper {text-align: center;}
.email-source-code {  font-size: 12px;  height: 800px !important;}

.secondary-image img{ border: 8px solid #fff;;}
.secondary-subtitle {}
.secondary-special {}
.secondary-agent{}
ul.dashboard-list {list-style: none; padding-left: 0; margin-left: 0;}
.dashboard-list li.row {padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px dotted #ccc;}
.dashboard-list li.row:last-child {border-bottom: 0;}
.config-title {margin-bottom: 8px;}
.config-message {line-height: 2.2em; color: red; font-style: italic;}

/************ BOOTSTRAP OVERRIDES *****************/ 
.container {padding: 0; }
.row {margin: 0;}


/* --- Primary Buttons -- */
.btn-primary ,.comment-form #submit{
  font-family: 'Gentium Basic', Georgia, 'Times New Roman', serif;
  font-size: 18px; font-size: 1.8rem;
  font-weight: bold;  text-shadow: 2px 2px #ff0000;  color: #ffffff !important;  font-style : italic;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);  
  border-radius: 0; -moz-border-radius: 0; border-radius: 0;  padding: 8px 40px;  background-color: #21AB9C;  *background-color: #21AB9C;
  -o-transition:color .2s ease-out, background .1s ease-in;  -ms-transition:color .2s ease-out, background .1s ease-in;  -moz-transition:color .2s linear, background .1s ease-in;  -webkit-transition:color .2s ease-out, background .1s ease-in;    background-image: none;  background-repeat: repeat-x;  border-color: transparent; 
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);-moz-box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.15);box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.15);  margin-bottom: 12px; 
  }
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled], .comment-form #submit:hover, .comment-form #submit:active {
  -o-transition:background 1s ease-in;  -ms-transition: background 1s ease-in;  -moz-transition: background 0.25s ease-in;  -webkit-transition: background 1s ease-in;   color: #666;  background-color: #017B7C;  *background-color: #017B7C;  border-color: transparent; filter: alpha(opacity=100) !important;  opacity: 1 !important;}
.btn-primary:active,.btn-primary.active , .comment-form #submit{  background-color: #017B7C \9;}
.btn-primary .caret {  border-top-color: #ffffff;  border-bottom-color: #ffffff;}
.btn-primary.active {  color: rgba(255, 255, 255, 0.75);}


/* --- Seconary Buttons -- */
.btn-secondary{font-weight: bold;
     color: #ffffff !important;  font-style : italic;  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	 
  border-radius: 0; -moz-border-radius: 0; border-radius: 0;  padding: 8px 40px;  background-color: #c49220;  *background-color: #c49220;
  -o-transition:color .2s ease-out, background .1s ease-in;  -ms-transition:color .2s ease-out, background .1s ease-in;  -moz-transition:color .2s linear, background .1s ease-in;  -webkit-transition:color .2s ease-out, background .1s ease-in;   background-image: none;  background-repeat: repeat-x;  border-color: transparent;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15);-moz-box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.15);box-shadow:  2px 2px 4px rgba(0, 0, 0, 0.15);  
  }
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary.active,.btn-secondary.disabled,.btn-secondary[disabled] {  -o-transition:background 1s ease-in;  -ms-transition: background 1s ease-in;  -moz-transition: background 0.25s ease-in;  -webkit-transition: background 1s ease-in;   color: #666;  background-color:#edc319;  *background-color: #edc319;  border-color: transparent;}
.btn-secondary:active,.btn-secondary.active {  background-color: #edc319 \9;}
.btn-secondary .caret {  border-top-color: #ffffff;  border-bottom-color: #ffffff;}
.btn-secondary.active {  color: rgba(255, 255, 255, 0.75);}


.btn-lg, .btn-group-lg > .btn {  padding: 12px 60px; border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.btn-sm, .btn-group-sm > .btn {  padding: 5px 24px; border-radius: 0; -moz-border-radius: 0; border-radius: 0; font-size: 14px ; font-size: 1.4rem; }
.btn-xs, .btn-group-xs > .btn {  padding: 1px 20px; border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
/*-moz-box-shadow:  0px 0px 6px 0px #666;  -webkit-box-shadow: 0px 0px 6px 0px #666;  box-shadow:  0px 0px 6px 0px #666; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#666, offX=6, offY=6, positive=true)*/
/*.secondary-full .container {max-width: 1008px;}*/

.img-responsive {display: inline;} /*not sure why boot strap does display block */
*:focus, :focus , .btn:focus, a:focus{outline: none;}
.form-control {  padding: 6px;  border-radius: 0px;	-moz-border-radius: 0px; -webkit-border-radius: 0px;}



/* navigation */
.nav-tabs {margin-bottom: 24px; padding-top: 24px;} 
.nav-tabs > li > a { /*color: #005676;*/ font-size: 14px; font-size: 1.4rem; /*background:  #DDE5E7;*/   -moz-border-bottom-colors: none;  -moz-border-left-colors: none;  -moz-border-right-colors: none;  -moz-border-top-colors: none;  border-color: #DDDDDD ;  border-image: none;  border-style: solid;  border-width: 1px; border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.nav > li > a:hover, .nav > li > a:focus {  background-color: #fcfcfc;  ; border-color: #DDDDDD ;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {  color: #666; text-decoration: none; }
.nav-pills {margin-bottom: 24px;} 
.nav-pills > li > a {color: #BA3C01;  font-size: 14px; font-size: 1.4rem; background:  none;   border-width: 0px;}
.nav-pills.nav > li > a {  padding: 10px 15px 10px 0px;}
.nav-pills > li > a:hover {color: #D44300; background: none;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {  color: #565656; text-decoration: none; background: none; font-weight: bold; cursor: default;}
.navbar {border: 0; min-height: 0; margin-bottom: 0;}
/* tables */
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {  border-top: 0; border-bottom: 1px dotted #dde5e7}
.table > thead > tr > th{  border-bottom: 1px dotted #DDE5E7;  border-top: 0 none;  padding-bottom: 12px;}
.table  tr:last-child >td {border-bottom: 0px;}
.table th {  color: #666;}
/* forms */
.form-horizontal .control-label {  text-align: left;}
.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { font-size: 14px; font-size: 1.4rem;  line-height: 1.2em;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {  background-color: #f8f8f8;  cursor: pointer;}

/* components */
.progress-bar {  background-color: #00394D;}
.popover-close { background: url('/assets/images/template/sprite-modal-close.png'); width: 24px; height: 24px;}
.popover-close:hover{background-position: bottom center;}
.dropdown-menu {  z-index: 11000;}

/* accordion */
.panel-group { padding-top: 12px; }
.panel-group .panel { border-radius: 0px; }
.panel-heading { border-top-left-radius: 0; border-top-right-radius: 0; -moz-border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px;}
.panel-title { padding-top: 0; }

/* popovers */
.popover-content label { font-size: 11px !important; }
.popover-content select { width: 100%; }
.popover-content .form-group { margin-bottom: 6px !important; padding:0  0 0 15px; }
.popover-title {border-radius: 0px;	-moz-border-radius: 0px; -webkit-border-radius: 0px;}
.popover {border-radius: 0px;	-moz-border-radius: 0px; -webkit-border-radius: 0px;}

/* Modal */
.modal-body {  max-height: 475px;  overflow: auto;}

/**********************  WIDGETS **********************/

.announcement {
	color: #d51000;
	padding:  12px 24px;
	margin: 0 18px 32px;
	background: #f9f8f7;
	border: 1px solid #e6e6e6;
	font-size: 18px;
	position: relative;
	
}

.announcement strong {
	color:  #d51000;
	font-weight: bold;
	
}

.announcement .btn {margin: 0 0px 0 38px;}
.announcement:after {
  clear: both;
  display: table;
  margin: 0;
}
.announcement p {margin-bottom: 0;}
.announcement .header {
  font-family: 'Gentium Basic', Georgia, 'Times New Roman', serif;  font-size: 40px; font-size: 4rem;  padding-top: 0; line-height: 40px;
}

.hotel-column-wrapper {
	list-style: none;
	padding: 0;
	margin: 0 24px;
	font-size: 15px;
	text-align: left;
	line-height: 1.5em;
}
.hotel-column-wrapper li {
	padding: 8px 0; border-bottom: 1px dotted #ccc;
}

.hotel-column-wrapper li:last-child {
	border-bottom: 0px;
}

.hotel-column-wrapper li .hotel-name {color: #000;}
.hotel-column-wrapper li .hotel-contact {}
.hotel-column-wrapper li .hotel-email {}

/*********  GOOGLE MAPS  **************************/
.gm-style-iw {color: #005676}
.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div {  min-width: 125px !important;}
.map-container {padding-top : 6px; min-height: 300px;}




/*WORDPRESS CSS*/
h4.widgettitle {margin-bottom: 8px;}
.byline.vcard {font-size: 14px; font-size: 1.4rem; padding-top: 2px; }
.commentlist .bypostauthor {  background: none repeat scroll 0 0 #F1F5E9;}
footer.article-footer {font-size: 13px; font-size: 1.3rem; }
footer.article-index-footer {  border-top: 1px dotted #EEEEEE;  font-size: 12px;  margin-top: 10px;  padding: 5px 0 0;}
img.alignright {float:right; margin:0 0 1em 2em; padding: 12px 0;}
img.alignleft {float:left; margin:0 2em 1em 0; padding: 12px 0;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto ; padding: 12px 0; }
a img.alignright {float:right; margin:0 0 1em 2em}
a img.alignleft {float:left; margin:0 2em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
.size-full {  height: auto;}
article {margin-bottom: 32px;}
article ol { padding-left: 12px; margin-bottom: 24px}
article ul { padding-left: 24px; margin-bottom: 24px;}
.pdf-download-wrapper {margin-bottom: 24px;}
p.form-submit {padding-top: 24px;}



/****** iframe video *****/
h2.iframe-title{padding: 0; margin: 0 0 8px;}
.iframe-wrapper {position: relative; max-width: 900px; margin: 0 auto; }
.iframe-wrapper iframe {height: 485px; }
.btn-campaign {width: 200px; white-space: normal; font-size: 12px;}


/*******  IE OVERRIDES *********/
.ie8 .col-md-7 { width: 57% ; float: left;}
.ie7 .col-md-7 {width: 54%; float: left;}
.ie8 .col-md-6, .ie8 .col-sm-6 {width: 49.5%; float: left;}
.ie7 .col-sm-4, .ie7 .col-md-4 {width: 28%; float: left;}
.ie8 .col-sm-4  , .ie8 .col-md-4{width: 33%; float: left;}

.ie8 .col-sm-3 , .ie8 .col-md-3 {width: 24%; float: left;}
.ie7 .col-sm-3, .ie7 .col-md-3  {width: 20%; float: left;}
.ie8 .col-sm-9, .ie7 .col-sm-9 , .ie7 .col-md-9, .ie8 .col-md-9{width: 74%; float: left;}
.ie8 .col-md-5 { width: 43%; float: left;}
.ie8 .col-md-8 ,.ie8 .col-sm-8 { width: 65%; float: left;}
.ie7 .col-md-8 ,.ie7 .col-sm-8 { width: 62%; float: left;}
.ie8 .col-md-4 { width: 33%; float: left;}
.ie7 .col-md-5 { width: 36%; float: left;}
.ie9 label.control-label, .ie8 label.control-label , .ie7 label.control-label{display: inline-block;}
.ie8 .container, .ie7 .container {width: 1170px; margin: 0 auto;}
.ie7 .sub-menu-wrapper {display:none !important}
.ie7 .slider-button , .webkit .slider-button {position: relative; bottom: 24px; padding-top: 24px; ; width: 100%}
.ie7 #slideshow-home, .ie8 #slideshow-home {min-height: 526px;}
.ie9 label.control-label, .ie8 label.control-label , .ie7 label.control-label{display: inline-block;}
.ie7 .Content, .ie8 .Content {left: -14px !important;}
.ie7 .progress {width: 100%;}

@media screen and (min-width: 1800px) {	}
@media screen and (max-width: 1320px) {}
@media screen and (min-width: 1200px) {
 
} 
@media screen and (max-width: 1199px) {	
 
.announcement .btn {margin: 12px 0px 0 ;}
.feature-title {font-size: 24px !important;}
}


@media screen and (min-width: 768px) and (max-width: 1199px) {
 
}

@media screen and (max-width: 991px) {
	.announcement .header {
		font-size: 30px;
		font-size: 3rem;
	}
	.feature-title {font-size: 20px !important;}
}




@media screen and (max-width: 979px) {
.iframe-wrapper iframe {height: 406px; }
}

@media screen and (min-width: 768px) and (max-width: 992px) {	

  
}


/***************** This is the transition point ************/
@media (max-width: 768px) {
 .iframe-wrapper iframe {position: absolute;  height: 100%; width: 98% !important; border-width: 8px !important;}

 .iframe-wrapper {padding-bottom: 56.25%;}
  .logo-image {margin-bottom: 36px; max-width: 400px; text-align: center;;}
  .send-to-friend {margin-right: 24px;}
}

@media screen and (min-width: 481px) and (max-width: 649px) {

}

@media screen and (min-width: 481px) {}
@media screen and (max-width: 480px) {
  .footer1 {font-size: 12px !important;}
  .footer2 {font-size: 16px !important;}
  .copyright {font-size: 10px !important; padding-bottom: 6px;}
   
}


@media screen and (max-width: 420px) {

}