@charset "utf-8";
/* CSS Document */

html, body {
position:relative;
width:100%;
height:100%;
margin:0px;
font-family:'Raleway', 'Helvetica', 'Arial', sans-serif;
background-repeat:no-repeat;
background-color:#f1f1f1;
color:#444;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

a:link {
text-decoration:none;
}

.content {
width:80%;
background-color:#fff;
border-radius:5px;
padding:30px 50px;
margin:180px auto 80px auto;
}

/* begin navigation */

#logo {
text-align:left;
float:left;
font-size:3em;
margin-left:20px;
padding:10px 0px;
}

#nav {
position:fixed;
z-index:999;
text-align:right;
width:100%;
padding:20px 40px;
text-transform:uppercase;
background-color:#fdfdfd;
color:#555;
font-weight:700;
line-height:55px;
list-style-type:none;
top:-20px;
}

#nav a {
margin:0px 20px;
color:#555;
border:none;
position:relative;
}

#nav a:after {
display: block;
position: absolute;
left: 0;
bottom: -5px;
width: 0;
height: 3px;
background-color: #026984;
content: "";
-webkit-transition: width 0.2s;
-moz-transition: width 0.2s;
transition: width 0.2s;
}

#nav a:hover:after {
width: 100%;
}

#nav a:hover {
color:#109cc1;
}

#nav img {
height:25px;
width:auto;
vertical-align:middle;
padding:5px;
margin:-5px 20px 0px 20px;
}

#nav li {
display:inline-block;
padding:10px 0px;
}

#nav ul { /*dropdown */
padding:0px;
display:none;
opacity:0;
font-size:.8em;
color:#555;
background-color:#f5f5f5;
margin-left:-75px;
text-transform:capitalize;
border-radius:5px;
margin-top:10px;
}

#dropdown-menu1 {
width:300px;
}

#dropdown-menu1 .dropdown-column {
float:left;
}

#column-divider a li {
border-left:2px solid #e5e5e5;
}

#nav ul#dropdown-menu2 {
margin-left:-20px;
}

#nav ul#dropdown-menu2 .dropdown-category {
border-radius:5px 5px 0px 0px;
}

#dropdown-menu2 li#last {
border-radius:0px 0px 5px 5px;
border-bottom:none;
}

#nav ul li {
width:100%;
text-align:left;
margin:0px;
border-bottom:2px solid #e5e5e5;
padding:0px 20px;
line-height:55px;
}

#nav ul a:hover {
color:#026984;
}

#nav ul a:hover li {
background-color:#fff;
}

#nav li:hover ul{
opacity:1;
display:block;
position:absolute;
border-radius:5px;
z-index:999;
}

#nav ul a {
color:#666;
margin:0px;
}

#nav ul a:hover:after {
width:0;
}

.dropdown-column {
width:150px;
vertical-align:top;
}

.dropdown-category {
	background-color:#80c9da;
	color:#fff;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
border-bottom:3px solid #026984 !important;
}

#top-left {
border-radius:5px 0px 0px 0px;
}

#top-right {
border-radius:0px 5px 0px 0px;
}

#bottom-left {
border-radius:0px 0px 0px 5px;
border-bottom:none;
}

#bottom-right {
border-radius:0px 0px 5px 0px;
border-bottom:none;
}

.arrow_box {
	position: absolute;
	background: #80c9da;
	width:100%;
}
.arrow_box:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #80c9da;
	border-width: 10px;
	margin-left: -10px;
}

/* end navigation */

h2 {
	background-color:#109cc1;
	color:#fff;
	padding:30px 50px;
	border-radius:5px 5px 0px 0px;
	margin:-30px -50px 0px -50px;
}

section {
padding:50px 0px;
text-align:center;
}

#footer1 {
background-color:#f9f9f9;
line-height:1.6em;
padding-bottom:60px;
}

#footer2 {
background-color:#e8e8e8;
clear:both;
}

.footer-content {
width:80%;
margin:0px auto;
position:relative;
}

#footer2 p {
line-height:1.4em;
color:#555;
font-size:.9em;
padding-top:20px;
}

#footer1 .footer-content {
width:100%;
}

#footer1 a:hover {
color:#109CC1;
}

.footer-column {
display:inline-block;
vertical-align:top;
	padding:20px;
	margin:0px 10px;
	width:28%;
text-align:left;
}

.footer-column a {
font-size:.9em;
color:#555;
}

h5 {
margin:0px 0px 20px 0px;
font-size:1.2em;
text-transform:uppercase;
}

input#email {
border-radius:5px 0px 0px 5px;
background-color:#fff;
border:4px solid #fff;
padding:15px 20px;
width:80%;
font-size:.85em;
margin:0px;
}

#submit-email {
background-color:#ff7bac;
border-radius:0px 5px 5px 0px;
width:20%;
max-width:50px;
min-width:50px;
background-image:url('../images/arrow2.png');
background-position:center center;
background-size:auto 40%;
background-repeat:no-repeat;
vertical-align:middle;
margin:0px 0px 0px -3px;
border:4px solid #ff7bac;
cursor:pointer;
padding:15px;
}

.footer-column p {
font-size:0.85em;
line-height:1.4em;
color:#666;
}

.footer-icons {
	position:absolute;
	margin-top:-110px;
	width:100%;
}

.footer-icons img {
	width:70px;
	vertical-align:middle;
	margin:0px 8px;
	        transform: rotate(0deg);
        -webkit-transition-duration: 1.2s;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
}

    .footer-icons img:hover {
        transform: rotate(360deg);
        -webkit-transition-duration: 1.2s;
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
img.backtotop {
	width:90px;
}

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

input#email {
width:70%;
}

}

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

#full-width-links {
width:100%;
display:block;
margin:10px 0px;
}

#nav {
text-align:center;
line-height:normal;
}

#logo {
float:none;
display:block;
text-align:center;
margin:0px;
}

#nav ul {
margin-top:25px;
}

.content {
margin-top:240px;
}

}

#top {
position:absolute;
margin-top:-280px;
}

input[type=text], textarea, input#email {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
 
input[type=text]:focus, textarea:focus, input#email:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 4px solid rgba(81, 203, 238, 1);
}

.promo-code {
border-radius:5px;
padding:0px 20px;
color:#fff;
background-color:#80C9DA;
font-size:1.1em;
margin:10px 20px 10px 0px;
font-weight:700;
display:inline-block;
width:160px;
height:50px;
line-height:50px;
}

.promotion-list {
line-height:55px;
font-size:.9em;
}

.promo-code:hover {
background-color:#109CC1;
}

.content p {
border-radius:5px;
width:100%;
background-color:#f6f6f6;
padding:15px 20px;
margin:30px 0px;
}

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

.footer-column:nth-of-type(3) {
width:80%;
position:relative;
text-align:center;
margin:20px 0px;
}

}

@media only screen and (max-width: 600px) {
	
#nav {
	font-size:.8em;
}


.footer-icons {
margin-top:-95px;
}

.footer-icons img {
width:45px;
margin:0px 1%;
}

img.backtotop {
width:60px;
}

.content {
margin-top:280px;
}

}
