@import url("style.css");
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');





h1, .title h1 {  color: #ffffff; font-family: 'Raleway', sans-serif;   font-style: normal;  text-transform: uppercase;  letter-spacing: 10px; font-weight: 400; font-size: 5em;}

h2 { font-size: 2.9em; line-height: 48px; }
h3 { font-size: 2.3em; line-height: 40px; }
h4 { font-size: 1.7em; line-height: 32px; }
h5 { font-size: 1.15em; line-height: 5px; }
h6 { font-size: .9em; line-height: 24px; }

h2 { color: #2A3330; font-family: 'Raleway', sans-serif; line-height: 1.2em; text-transform: uppercase; letter-spacing: 3px; font-weight: 700; font-style: normal; }
h3 { color: #00A39D; font-family: 'Raleway', sans-serif; }
h4 { color: #00A39D; font-family: 'Raleway', sans-serif; }

.header .avatar, img.u-photo.avatar {background: none !important;}

 
blockquote { font-family: "Merriweather", "Georgia", Times New Roman, Times, serif; overflow: hidden; font-size: 20px; line-height: 40px; font-style: italic; background: #f5f5f5; padding: 32px; color: #777; font-weight: 300; margin: 0 0 20px; border-left: 5px solid #eee; }
blockquote p { margin: 0 }
.blockquote .footer { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }


.breadcrumbs {  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;  font-size: 12px;  line-height: 24px;  font-weight: 400;  text-transform: uppercase;  letter-spacing: 2px;  font-weight: 700;  font-size: 11px; font-weight: 600;
}
.breadcrumbs .delimiter {padding: 0 10px;}
.breadcrumbs a {color: #fff; opacity: .8;}
.breadcrumbs a:hover {color: #fff; opacity: 1;}

.dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li>a, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li.active>a, .dark:not(.sticky):not(.scrolled) nav.main_menu>ul>li:not(:first-child):before {  color: #495966;}
.drop_down .second .inner>ul, li.narrow .second .inner ul { background: none;border: none;}
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5 {  color: #495966;}
.drop_down .second .inner ul li a:hover { color: #20262C;}

nav.main_menu > ul > li > a { color: #495966; }
nav.main_menu ul li {font-family: "Raleway";}

.mobile_menu_button {  float: right; height: 80px;  margin: 0 5px;}
.side_menu_button > a, .mobile_menu_button span {  font-size: 2em;  color: #495A67;}

nav.mobile_menu ul li a, nav.mobile_menu ul li h3 {  color: #495A67;}
nav.mobile_menu ul li.active > a {color: #495A67; font-weight: bold;}
nav.mobile_menu ul li a:hover {color:#2D3740;}

p { margin: 1em 0; font-family: 'Open Sans';
    font-size: 16px;
    letter-spacing: 0px;}
p.no-top-mar {
	margin-top: 0;
}
ul, ol, dl { padding-left: 1.2em; padding-bottom: 0; margin-bottom: 20px; }
ol { padding-left: 1.6em }
ul li, ol li, dl li { margin: 4px 0 }
.list-no-bullets ul, .list-no-bullets ol { list-style: none; padding-left: 0; }
.list-dashed ul { padding-left: 0px; }
.list-dashed li {  list-style: none; padding-left: 0px; border-bottom: 1px dashed #d6dfdf;  margin: 0;  padding-top: .5em;  padding-bottom: .5em;  position: relative; }
.text-white, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white a { color: #fff;}
.text-white a { font-weight: bold;}

.text-cream, .text-cream h2, .text-cream h4, .text-cream h5, .text-cream h6, .text-cream a { color: #e7f0d5; font-size: initial;}
.text-cream a { font-weight: bold;}
.text-cream h3 { color: #e7f0d5; }

.footer_bottom a {color: #fff;}

.slider_content h4 {font-family: 'Raleway', sans-serif; letter-spacing: 2px; color: #3A3A3A; text-transform: uppercase; font-size: 3.5em;}

.quote h4 {font-family: 'Open Sans'; color: #45525a;  font-size: 2em; line-height: 1.4em;  margin: 0em 0;}
.quote.cream h4 { color: #e7f0d5;}

.quote p {font-family: 'Open Sans'; color: #45525a;    font-size: 16px; line-height: 1.4em;  margin: 0em 0 1em;}
.quote.cream p { color: #e7f0d5;}

/* VIDEO EMBEDS - controls padding around video embed
---------------------------------------------------------- */
.embed-video { position: relative; /* 16:9 */ padding-top: 25px;	height: 0; }
.embed-video iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%; }
.embed-video embed { max-width: 100%; }

.social-list ul  { padding-left: 0px;}
.social-list ul li { float: left; font-size: 2em; padding-right: .5em;}

header.stick {display:none !important;}
header.sticky {display: block !important;}
.title-logo img {width:450px;}

.qbutton {border-color: #fff;}

.text-white a .qbutton .white {background: #fff; color: #333 !important; border-color: #fff;}
.text-white a .qbutton .white:hover {background: #999; color: #333 !important; border-color: #999;}

.text-white .qbutton {
	color: #323232;
}

.text-white .qbutton:hover {
	color: #FFF;
}

@media (max-width: 480px) { 
.embed-video { padding-bottom: 51%;}
.slider_content h4 {font-size: 1.5em;}
}

@media (min-width: 481px) { 
.embed-video { padding-bottom: 52%;}
.slider_content h4 {font-size: 1.5em;}
}

@media (max-width: 600px) { 
.slider_content h4 {font-size: 1.5em;}
}

@media (min-width: 601px) { 
.slider_content h4 {font-size: 2.5em;}
}

@media (max-width: 768px) { 
.embed-video { padding-bottom: 52%;}
}

@media (min-width: 769px) { 
.embed-video { padding-bottom: 54%;}
}

@media only screen and (max-width: 1000px){
header.stick {display: block !important;}

.logo_wrapper {left: 0%;height: 60px!important;}
.side_menu_button, .shopping_cart_inner { height: 60px!important; }
header .q_logo img.normal { height: 70% !important;}
.q_logo img { top: 15%;}
.q_logo a { left: 0%;}

}

@media (min-width: 1201px) { 
.slider_content h4 {font-size: 3.5em;}
}