﻿
.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;}



body { font-family:'Ubuntu'}




a { color:#2790d8; }
a:hover { color:#9b7a13; }

h1              { margin: 0px 0px 14px 0px;}
p               { font-size: 15px; }


/* Breadcrumbs */
section.page-title { background-color:#c5e1f4;}



/* Accordion - right column */
.accordion { margin-bottom: 25px; }
.panel-default { margin: 0; border: 0; border-radius: 0; }
.panel-default > .panel-heading {	border-radius: 0; padding: 0; background:#777777; color:#fff;}
.panel-default > .panel-heading:hover {	background:black;}
.panel-default > .panel-heading a {	padding: 12px 20px; color:white; display:block; }
.panel-default > .panel-heading a:hover {	text-decoration:none;  }



/* right column win a vacation */
.vacwin { position: relative; z-index: 3; overflow:hidden; }
.vacwin > img {  width: 100%;    }
.win-text { position:absolute; z-index: 4; top: 25px; right: 0px }
.vacwin > .win-text p { margin-right: -200px; 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: 3px 8px; box-shadow: 2px 2px 3px #666666; }
.win-text a.click:hover { background-color:#2790d8; text-decoration:none; color:black; }

.mm-winouter { margin-bottom: 30px; display: block; width: 100%; border: 7px #777777 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:#777777; margin: 10px 20px; text-transform:uppercase; }

.win-outer  { background-color:#0b5283; padding: 20px 30px; float:left; widtH: 50%; }
.win-outer .win p { text-align:right; font-size: 20px; font-weight:bold; color:#ffe400; line-height: 125%; margin: 0px; }
.win-outer .win p span { font-family:Rock Salt; color:white;  }

.win-outer:hover  { background-color:#99d300; }
.win-outer:hover .win p { color:#0b5283;  }
.win-outer:hover .win p span { color:#2790d8;  }


.signup-outer  { background-color:#2790d8; padding: 20px 30px; float:left; widtH: 50%; }
.signup-outer .signup p { text-align:left; font-size: 20px; font-weight:bold; color:white; line-height: 125%; margin: 0px; }
.signup-outer .signup p span { font-family:Rock Salt; color:#ffe400;  }


.signup-outer:hover  { background-color:#99d300; }
.signup-outer:hover .signup p { color:#0b5283;  }
.signup-outer:hover .signup p span { color:#2790d8;  }



.social { float:right; padding: 6px; }
.social .fa { background-color:black; color:white; width: 38px; height: 38px; line-height: 42px; text-align:center; font-size: 22px;

border-radius: 5px;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
  -webkit-border-radius: 5px; 

  /* Firefox 1-3.6 */
  -moz-border-radius: 5px; 
  
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
  border-radius: 5px; 



}

.social .fa-facebook            { background-color:#3b5998;  border: 1px #3b5998 solid; }
.social .fa-facebook:hover            { background-color:white; color:#3b5998; border: 1px #3b5998 solid; }
.social .fa-twitter             { background-color:#5ea9dd; border: 1px #5ea9dd solid; }
.social .fa-twitter:hover             { background-color:white; color:#5ea9dd; border: 1px #5ea9dd solid; }
.social .fa-google-plus                { background-color:#dd4b39; border: 1px #dd4b39 solid; }
.social .fa-google-plus:hover                { background-color:white; color:#dd4b39; border: 1px #dd4b39 solid; }
.social .fa-pinterest                { background-color:#bd081c; border: 1px #bd081c solid; }
.social .fa-pinterest:hover                { background-color:white; color:#bd081c; border: 1px #bd081c solid; }
.social .fa-youtube                 { background-color:white; color:black; border: 1px black solid; }
.social .fa-youtube:hover              { background-color:black; color:white; border: 1px black solid; }
.social .fa-linkedin            {background-color:#0085af; color:white; border: 1px #0085af solid;}
.social .fa-linkedin:hover          { background-color:white; color:#0085af; border: 1px #0085af solid; }
.social .fa-rsse            {background-color:#0085af; color:white; border: 1px #0085af solid;}
.social .fa-rss          { background-color:white; color:#0085af; border: 1px #0085af solid; }


.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:#2790d8; color:white; font-weight:800;}




















@media only screen and (max-width: 1050px) 

{
.win-outer  { height: 100px; }
.signup-outer  { height: 100px; }
}





@media only screen and (max-width: 900px) 

{


}









@media only screen and (max-width: 650px) 

{

h1              { font-size: 30px;}

.win-outer  { height: auto; width: 100%; }
.win-outer .win p { text-align:center; font-size: 16px;  }
.signup-outer  { height: auto; width: 100%; }
.signup-outer .signup p { text-align:center; font-size: 16px;  }




}
