/* 
    beige::after #f8f2e9;
    */

body {
    background-color: #ffffff;
    margin: 0px;
}

#wrapper            {  }


.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: #bfa32f;
}
a:hover { color:#666666; }

h1              { margin: 0px 0px 14px 0px;}
p, li              { font-size: 15px; font-family: Lato; }




p.pager { font-size: 16px; text-align:center; margin: 20px 0;}
p.pager a { background-color:#eaeaea; color:#999999; padding: 3px 10px; border: 1px #808080 solid; margin: 0 2px  }
p.pager a:hover { background-color:#808080; color:#ffffff; text-decoration:none;  }
p.pager span { background-color:#000000; color:#ffffff; padding: 3px 10px; border: 1px #000000 solid;  }







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




/* Accordion - right column */
.panel-default              { background-size:cover; background-position: center center; }
.panel-default > .panel-heading {	padding: 0; background-color:rgba(255, 255, 255, 0.50); }
.panel-default > .panel-heading:hover {}
.panel-default > .panel-heading a {	padding: 12px 18px; color:#ffffff; font-weight:bold; color:#bfa32f; font-family:Montserrat; font-size: 18px; text-transform:uppercase;  }
.panel-default > .panel-heading a:hover {	background-color:rgba(255, 255, 255, 0.75);  }

.pan-mag             { background-color:rgba(255, 255, 255, 0.75); }
.pan-mag img            { float:right; max-width:110px; margin: 0px 0px 10px 10px;}
.pan-mag p             { color:black; }

.pan-mag p.more         { text-align:left; font-size: 13px; }
.pan-mag p.more a       { background-color:#bfa32f; color:white; padding: 6px 12px; }
.pan-mag p.more a:hover       { background-color:#000000; color:white; text-decoration:none; }


/* 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; box-shadow: 2px 2px 3px #666666; }
.win-text a.click:hover { background-color:#700b06; text-decoration:none; color:black; }

.mm-winouter { margin-bottom: 30px; display: block; width: 100%; border: 1px #666666 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; }

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

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




.insurance-outer a:hover {
    text-decoration: none;
}

.insurance {
    background-color: #ffffff;
    border: 7px #bfa32f solid;
    padding: 18px 20px;
    text-decoration: none;
}

    .insurance:hover {
        border: 7px #666666 solid;
    }

    .insurance .fa {
        float: right;
        margin: 0 0 10px 20px;
        font-size: 50px;
        color: black;
    }

    .insurance p.title {
        margin: 0 0 8px 0;
        font-size: 28px;
        font-style: italic;
        font-weight: bold;
        color: black;
    }

    .insurance p {
        color: black;
        margin: 0px 0 10px 0;
    }

        .insurance p.more {
            text-align: right;
            margin: 0;
            font-size: 13px;
        }

            .insurance p.more span {
                background-color: #000000;
                color: black;
                padding: 5px 12px;
            }

                .insurance p.more span:hover {
                    background-color: #000000;
                    color: #000000;
                }





















.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:#700b06; color:white;}





.main-content               { background-color:white; max-width: 1300px; margin: 20px auto; padding: 14px;}















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

{
body            { margin: 0px; }


}







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




}