@import 'https://hrtvl.com/css/samstrap.css';
@import 'https://hrtvl.com/css/fonts.css';








body {
    background-color: #ffffff;
    background-image: url('https://hrtvl.com/images/global/background.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    background-attachment: fixed;
}




body, p, h1, h2, h3, h4, h5, li, .formfield, .formbutton, table { font-family: 'Open Sans'; }




.clear-fix { clear:both;}


.trans-three    { -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.trans-four     { -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.trans-five     { -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s;}
.trans-six      { -webkit-transition: all .6s ease 0s; -moz-transition: all .6s ease 0s; -o-transition: all .6s ease 0s; transition: all .6s ease 0s;}



form                { margin: 0; padding: 0px; }


a { color:#7c512e; }
a:hover { color:#494949; }

h1              { margin: 20px 0px 14px 0px; color:#494949; font-size: 37px; }
h3              { font-weight:bold; color:#7c512e; margin: 28px 0 10px 0; font-size: 20px;  }
p               { font-size: 15px; }

.lead { font-weight:bold; color:#7c512e; font-size: 16px; }



.crate  { max-width: 1300px; margin: 0 auto; }


.disclaimer            { padding: 16px 20px;}
.disclaimer p           { font-size: 12px; font-weight: 300; margin: 0px; line-height: 135%; }

.main-content              { background-color:white; max-width: 1300px; padding: 30px 10px; margin: 0 auto; }


/* Accordion - right column */
.panel-default { margin: 0; }
.panel-default > .panel-heading {	padding: 0; background:#494949; color:#ffffff;}
.panel-default > .panel-heading:hover {	background:#7c512e; color:white;}
.panel-default > .panel-heading a {	padding: 8px 12px; color:#ffffff; font-weight:bold;  }
.panel-default > .panel-heading a:hover {	color:#ffffff;  }

.pan-mag img            { float:right; max-width:110px; margin: 0px 0px 10px 10px;}
.pan-mag p.more         { text-align:right; font-size: 13px; }
.pan-mag p.more a       { background-color:#7c512e; color:white; padding: 6px 12px; }
.pan-mag p.more a:hover       { background-color:#494949; color:#ffffff; text-decoration:none; }

.mm-winouter { margin-bottom: 30px; display: block; width: 100%; border: 7px #494949 solid; position: relative;   }
.mm-winouter a,
.mm-winouter a:hover { text-decoration:none; color:transparent; }
.mm-winouter img { position: relative; z-index: 5; border: 1px white solid;    }
.mm-winouter .mm-win {position: absolute;  z-index: 6; top: 0; right: 0; width: 60%; padding: 15px 25px; text-align:center;   }
.mm-winouter h3 {color:#115a61; margin: 10px 20px; text-transform:uppercase; }

/* right column win a vacation */
.vacwin { position: relative; z-index: 3; overflow:hidden; margin: 15px 0; }
.vacwin > img {  width: 100%;    }
.win-text { position:absolute; z-index: 4; bottom: 00px; right: 0px }
.vacwin > .win-text p { margin-right: -200px; font-size: 16px; font-weight:bold; text-align:right;  }
.vacwin:hover > .win-text p { text-align:right; margin-right: 20px; }
.vacwin > .win-text h3 { background:rgba(0,0,0,0.5); padding: 10px 20px;  font-size: 20px; margin: 0px 0 10px 0; font-weight:bold; color:white;   }
.vacwin:hover > .win-text  { width: 100%; }
.win-text a.click { background-color:black; color:white; display:inline-block; padding: 7px 16px; border: 1px white solid; }
.win-text a.click:hover { background-color:#7c512e; text-decoration:none; color:white; }





.signup-outer a:hover       { text-decoration: none; color:#7c512e; }
.signup         {background-color:#e6d7c4; border: 7px #e6d7c4 solid; padding: 18px 20px; text-decoration:none; }
.signup:hover         { border: 7px #7c512e solid; }

.signup .fa             { float:right; margin: 0 0 10px 20px; font-size: 50px; color:white; }
.signup:hover .fa        { color:white; }



.signup p.title        {margin: 0 0 8px 0; font-size: 28px; font-style:italic; font-weight:bold; color:#7c512e; }
.signup p               { color:#7c512e; margin: 0px 0 10px 0; }
.signup p.more                {text-align:right; margin:0; font-size: 13px; }
.signup p.more span               { background-color:#494949; color:white; padding: 5px 12px; }
.signup p.more span:hover               { background-color:#7c512e; color:#ffffff; }



















.google-map > iframe { width: 100%; height: 200px; }

.captcha-code { float:left; max-width: 150px; text-align:center; background-color:#333333; color:white; padding: 8px 22px; margin-right: 10px; font-weight:bold; font-size: 18px; }
.captcha-field { float:left; max-width: 200px;}
#flagarea .fa { color:white; font-size: 20px; background-color:#990000; width: 24px; height: 24px; line-height: 100%;  }
.sky-form .button { background-color:#ff6600; color:white;}





















@media only screen and (max-width: 1150px) 

{


}







@media only screen and (max-width: 1000px) 

{


}





@media only screen and (max-width: 900px) 

{


}









@media only screen and (max-width: 650px) 

{

h1              { font-size: 30px;}


}









@media print {
   * { 
     text-shadow: none !important;
     color: #000 !important; 
     background: transparent !important;
     box-shadow: none !important;
-webkit-print-color-adjust: exact; 
 print-color-adjust: exact;

   }


#wrapper            { width: 100%;}                
.header .logo-area { width: 100%; float:none; }
.header .logo-area img { width: 200px; }



.toll-free          { float:right; width: auto;}


.advx .cruises .col30           { width: 0;}
.advx .cruises .col70           { width: 100%}



.footaddress-outer,
.advx .modify,               
.pre-header,
.offerid, 
.tom { display:none;}




}