/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Browser Resets
:: Main Structure
:: Sub Structure
:: Universal Classes
:: Universal Facebook Styles

*/

/*    --------------------------------------------------
    :: Browser Resets
    -------------------------------------------------- */

body {
    font-family: sans-serif;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Google Fonts - for example 
                                                - will render proper sizes in all browsers with this fix 
                                                (no matter what color - Firefox traditionally renders bolder for white color text) */
}                                               


/******************
RED: #d80004
GREEN: #91ca13
*******************/

h1, h2, h3, h4, h5, h6 {font-family: "sofia-pro",Futura,sans-serif; font-weight: 300; line-height: 1.3; margin-top: 0; color:#000000;}
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;}
    h1 {font-size: 36px; margin-bottom: 12px;}
    h2 {font-size: 30px; margin-bottom: 12px;}
    h3 {font-size: 26px; margin-bottom: 9px;}
	h4 {font-size: 21px; margin-bottom: 3px; text-transform:uppercase; font-weight:700;}
	h5 {font-size: 16px; margin-bottom: 3px;}
	h6 {font-size: 14px;}

/* Elements */

a {color:#d80004;}
    a:hover {color:#6f0000;}
a img {border: none;}
em, i {font-style: italic; line-height: inherit;}
hr {border: 0; border-bottom: 2px solid #e73739; clear: both; display:block; height: 0; margin: 30px 0;}
li {line-height: 1.5;}
p {margin: 0 0 18px; line-height: 1.5;}
p a, p a:visited {line-height: inherit;}
p, p a, ul, ol, ul a {font-family: inherit;}
small {font-size: 60%; line-height: inherit;}
strong, b {font-weight: 700; line-height: inherit;}
:focus {outline: 0;}

/* Tables */
table { width:100%; }
caption, th, td {font-weight: normal;}
	
@media only screen and (max-width: 100%) and (min-width: 768px) {
    table tbody tr td {padding:2% 0;}
    table tr td input {padding:2% 0;}
/* remember to define focus styles! */


/* Print styles - Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */
.print-only { display: none !important; }
@media print {
    	* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
    	-ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
    	p a, p a:visited { color: #444 !important; text-decoration: underline; }
    	p a[href]:after { content: " (" attr(href) ")"; }
    	abbr[title]:after { content: " (" attr(title) ")"; }
    	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    	thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    	tr, img { page-break-inside: avoid; }
    	@page { margin: 0.5cm; }
    	p, h2, h3 { orphans: 3; widows: 3; }
    	h2, h3{ page-break-after: avoid; }
    	.hide-on-print { display: none !important; }
    	.print-only { display: block !important; }
    }
}


/* -----------------------------------------
   Define Main Structure
----------------------------------------- */
body {color:#555555; font-family: 'Open Sans', Arial, Helvetica, sans-serif; margin:0; padding:0; position:relative;}
.page {clear: both;}

.fixed {position:fixed; top:0; left:0; right: 0; width:100%; z-index:999;}

/* Header */
header{background-color:#d80004; color:#fff; border-bottom:3px solid #8a0001; padding:10px 0;}
header h1{font-size:28px; margin:0;}
header h1 a{margin:0; color:#fff; text-decoration:none;}
header .social {text-align:right;}
header img{margin-top:3px; margin-right:5px;}


/* Navigation */
.nav {position:fixed; width:100%;}
.menu-container{background:rgba(0,0,0,.8); position:relative; z-index:100; padding-bottom:3000px; margin-bottom:-3000px; text-align:center;}
.menu-container h3 {color:#fff;}
.menu ul.mainnav, .menu ul.mainnav_int {margin:20px 0 0; padding:0; list-style-type:none; font-family: "sofia-pro",Futura,sans-serif; font-weight:300;}
.menu ul.mainnav li, .menu ul.mainnav_int li {margin:5px 0;}
.menu ul.mainnav li a, .menu ul.mainnav_int li a {color:#fff; text-decoration:none; font-size:24px;}
.menu ul.mainnav li a:hover, .menu ul.mainnav_int li a:hover{text-decoration:underline;}
.menu {margin-bottom:75px;}

/* Slick Nav */
/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */
 .mobile-menu.row {padding-bottom: 15px; margin: 0; /* resets the normal foundation negative margin for rows in rows. */}
.slicknav_btn {
    display: block;
    position:absolute;
    top:30px;
    right:.9em;
    vertical-align: middle;
    float: right;
    margin:0;
    padding: 7px 10px;
    line-height: 1.125em;
    cursor: pointer; 
    height: 35px;
    text-decoration: none;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    width: 100px;
    background:#8a0001;
    font-family: "sofia-pro",Futura,sans-serif;
    font-weight:700;
    
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {margin-top: 0.188em; }

.slicknav_menu {*zoom: 1; }
.slicknav_menu .slicknav_menutxt {display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon {float: right; margin: 0.288em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text {margin: 0; }
.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    }
.slicknav_menu:before {content: " "; display: table;}
.slicknav_menu:after {content: " "; display: table; clear: both;}

.slicknav_nav {clear: both;}
.slicknav_nav ul {display: block;}
.slicknav_nav li {display: block;}
.slicknav_nav .slicknav_arrow {font-size: 0.8em;margin: 0 0 0 0.4em;}
.slicknav_nav .slicknav_item {cursor: pointer;}
.slicknav_nav .slicknav_item a {display: inline;}
.slicknav_nav .slicknav_row {display: block;}
.slicknav_nav a {display: block;}
.slicknav_nav .slicknav_parent-link a {display: inline; }
.slicknav_brand {float: left;}
.slicknav_menu {font-size: 16px;box-sizing: border-box;}
.slicknav_menu * {box-sizing: border-box;}
.slicknav_menu .slicknav_menutxt {color: #fff;}
.slicknav_menu .slicknav_icon-bar {background-color: #fff;}

.slicknav_nav {
    color: #fff;
    margin: 10px 0px 5px;
    padding: 0;
    font-size: 18px;
    list-style: none;
    overflow: hidden;
    text-transform: uppercase;
    border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px;
    background:#8a0001;
    font-family: "sofia-pro",Futura,sans-serif; 
    font-weight: 400;
}
.slicknav_nav .slicknav_row {padding: 5px 10px;margin: 2px 5px; }
.slicknav_nav .slicknav_row:hover {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.slicknav_nav li:hover {background:rgba(0,0,0,.5);}
.slicknav_nav a {padding: 5px 10px;margin: 2px 5px;text-decoration: none;color: #fff; }
.slicknav_nav a:hover {-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; color:white;}
.slicknav_nav .slicknav_txtnode {margin-left: 15px; }
.slicknav_nav .slicknav_item a {padding: 0;margin: 0; }
.slicknav_nav .slicknav_parent-link a {padding: 0;margin: 0; }
.slicknav_brand {color: #fff;font-size: 18px;line-height: 30px;padding: 7px 12px;height: 44px; }
.slicknav_menu {display:none;}
.slicknav_menu ul ul {margin-left: 0px; margin: 0 10px; border-radius: 6px; -webkit-border-radius: 6px;}
ul.slicknav_nav {
    text-align: center;
}

@media screen and (max-width: 1025px) {
.js .slicknav_menu {display:block;}
}
/* End Slick Nav */
    


/* ******************* */
/* ----- Content ----- */
/* ******************* */

/* HOMEPAGE */

.section{padding:30px 0;}

/* Slideshow */
.slideshow {position:relative; z-index:-1;}
.color-bar .bar {height:6px; float:left; width:100%;}
.color-bar .bar.small {width:7%;}
.color-bar .bar.large {width:13%;}
.bar.blue {background:#5ca3f1;}
.bar.large.blue {background:#2c73c5;}
.bar.purple {background:#a847a8;}
.bar.large.purple {background:#832265;}
.bar.red {background:#e73739;}
.bar.large.red {background:#ae0606;}
.bar.orange {background:#fc9435;}
.bar.large.orange {background:#f57900;}
.bar.green {background:#9dd72d;}
.bar.large.green {background:#78a71b;}
.bar.yellow{background:#e5b700;}
.bar.navy {background:#063364;}

/*First callout */
.first-callout h2 {color:#d80004;}

/*Green callout bar */
.green-bar {background:#96cd34;}
.green-bar h2 {font-weight:700; color:#fff; margin:0 0 5px; font-size:29px;}
.green-bar p {color:#000; margin:0; padding:0;}
.green-bar .button {margin-top:15px;}
.green-bar .button {
    border: 1px solid #fff; 
    font-size: 20px; 
    text-transform: uppercase; 
    font-weight: 300; 
    font-family: "sofia-pro",Futura,sans-serif;
    background:rgba(0,0,0,.3); 
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
}
.green-bar .button:hover {background:rgba(0,0,0,.4);}

/*Category lister */
.category {display:inline-block; max-width:212px; margin:0 1px 20px; text-align:center; position:relative;}
.category a {position:absolute; top:0; bottom:0; left:0; right:0; transition: background 300ms ease-out; text-decoration:none;}
.category a:hover {opacity: .6;}
.category a:hover h3 {color:#fff;}
.category.green h3 {color:#75aa19;}
.category.green a:hover {background:#75aa19;}
.category.orange h3 {color:#f47900;}
.category.orange a:hover {background:#f47900;}
.category.purple h3 {color:#892265;}
.category.purple a:hover {background:#892265;}
.category.red h3 {color:#ad0606;}
.category.red a:hover {background:#ad0606;}
.category.navy h3 {color:#063364;}
.category.navy a:hover {background:#063364;}
.category.yellow h3 {color:#e5b700;}
.category.yellow a:hover {background:#e5b700;}
.category.blue h3 {color:#5ca4f1;}
.category.blue a:hover {background:#5ca4f1;}


/* INTERIOR PAGES */
.header-img {height:300px;}
.header-img.default{background:url(graphics/images/header-images/company.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.content.page h1 {text-transform:uppercase; margin-bottom:0;}
.content.page.product {padding-bottom:200px;}
.content.page .subtitle {color:#d80004;}

/*product lister general styles */
.content.page .product-item h1 {margin-top:-10px;}
.content.page .product-item h3 {text-transform:uppercase; font-weight:700; margin-bottom:0;}
.content.page .product-item p {font-family: "sofia-pro",Futura,sans-serif; font-weight:300; font-size:20px; margin-bottom:5px; line-height:1.1;}
.content.page .product-item .cert {width:30px;}
.content.page .product-item ul {margin:0; padding:0; list-style-type:none; font-family: "sofia-pro",Futura,sans-serif; font-weight:300; font-size:20px; margin-bottom:5px; line-height:1;}
.content.page .product-item ul li {position:relative;font-size:17px;}
.content.page .product-item ul li a, .content.page .product-item ul li a.trigger {text-transform:uppercase; color:#555;}
.content.page .product-item ul li a.trigger:hover {font-weight:700; color:#000; list-style-type: circle;}
.content.page .product-item ul li a.trigger:hover::before {content: "\2022"; font-size:30px; position:absolute; top:-12px; left:-15px;}
.content.page .product-item .description {position:absolute; background:rgba(255,255,255,.95); display:none; bottom:25px; left:50px; max-width:450px; border:2px solid; padding:10px 15px;}
.content.page .product-item .description h5{font-weight:700; font-size:20px; margin-bottom:0; text-transform:normal;}
.content.page .product-item .description h6{font-weight:700; font-size:16px; margin-bottom:0; text-transform:uppercase;}
.content.page .product-item .description p{font-size:14px; margin-bottom:0; text-transform:normal;}
.content.page .product-item .description .img {float:right; margin-left:10px; max-width:40%;}

/* Catergory specific styles */
/*organic */
.content.page.organic .subtitle {color:#91ca13;}
.content.page.organic .button {background:#91ca13;}
.content.page.organic .button:hover {background:#528100;}
.content.page.organic hr {border-bottom: 2px solid #91ca13;}
.content.page.organic .product-item h3 {color:#91ca13;}
.content.page.organic .product-item .description {border-color:#91ca13;}
.content.page.organic .product-item .description h6 {color:#91ca13;}
.content.page.organic .product-item ul li a.trigger:hover::before {color:#91ca13;}
/* all natural */
.content.page.natural .subtitle {color:#fc9435;}
.content.page.natural .button {background:#fc9435;}
.content.page.natural .button:hover {background:#a52700;}
.content.page.natural hr {border-bottom: 2px solid #fc9435;}
.content.page.natural .product-item h3 {color:#fc9435;}
.content.page.natural .product-item .description {border-color:#fc9435;}
.content.page.natural .product-item .description h6 {color:#fc9435;}
.content.page.natural .product-item ul li a.trigger:hover::before {color:#fc9435;}
/* authentic */
.content.page.authentic .subtitle {color:#a847a8;}
.content.page.authentic .button {background:#a847a8;}
.content.page.authentic .button:hover {background:#5c033d;}
.content.page.authentic hr {border-bottom: 2px solid #a847a8;}
.content.page.authentic .product-item h3 {color:#a847a8;}
.content.page.authentic .product-item .description {border-color:#a847a8;}
.content.page.authentic .product-item .description h6 {color:#a847a8;}
.content.page.authentic .product-item ul li a.trigger:hover::before {color:#a847a8;}
/* value */
.content.page.value .subtitle {color:#e73739;}
.content.page.value hr {border-bottom: 2px solid #e73739;}
.content.page.value .product-item h3 {color:#e73739;}
.content.page.value .product-item .description {border-color:#e73739;}
.content.page.value .product-item .description h6 {color:#e73739;}
.content.page.value .product-item ul li a.trigger:hover::before {color:#e73739;}
/* glutenfree */
.content.page.gf .subtitle {color:#063364;}
.content.page.gf .button {background:#063364;}
.content.page.gf .button:hover {background:#011f40;}
.content.page.gf hr {border-bottom: 2px solid #063364;}
.content.page.gf .product-item h3 {color:#063364;}
.content.page.gf .product-item .description {border-color:#063364;}
.content.page.gf .product-item .description h6 {color:#063364;}
.content.page.gf .product-item ul li a.trigger:hover::before {color:#063364;}
/* breakfast */
.content.page.breakfast .subtitle {color:#e5b700;}
.content.page.breakfast .button {background:#e5b700;}
.content.page.breakfast .button:hover {background:#cba201;}
.content.page.breakfast hr {border-bottom: 2px solid #e5b700;}
.content.page.breakfast .product-item h3 {color:#e5b700;}
.content.page.breakfast .product-item .description {border-color:#e5b700;}
.content.page.breakfast .product-item .description h6 {color:#e5b700;}
.content.page.breakfast .product-item ul li a.trigger:hover::before {color:#e5b700;}
/* food service */
.content.page.service .subtitle {color:#5ca3f1;}
.content.page.service .button {background:#5ca3f1;}
.content.page.service .button:hover {background:#2d76c5;}
.content.page.service hr {border-bottom: 2px solid #5ca3f1;}
.content.page.service .product-item h3 {color:#5ca3f1;}
.content.page.service .product-item .description {border-color:#5ca3f1;}
.content.page.service .product-item .description h6 {color:#5ca3f1;}
.content.page.service .product-item ul li a.trigger:hover::before {color:#5ca3f1;}


/* Brands Page */
.content.page .brands h3 {text-align:center; margin-bottom:30px;}
.content.page .brands ul {text-align:center; margin-bottom:30px;}
.content.page .brands ul li {padding:0;}

/* Forms */
.formtext, .formtextRequired {font-family: "sofia-pro",Futura,sans-serif; text-transform:uppercase;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {box-shadow:none;}
.col {padding:0 10px;}
input[type="submit"] {cursor:pointer; background:#e73739; color:#fff; font-family: "sofia-pro",Futura,sans-serif; text-transform:uppercase; font-size:18px; font-weight: 300; border: none; padding: .1em .7em;}

/* contact us form */
.contact-map h4 {font-weight:700; text-transform:uppercase; font-size:18px;}
.contact-map p {color:#000; font-family: "sofia-pro",Futura,sans-serif; font-weight:300;}

/* Footer */

.contact {
    background:url(graphics/images/pizza-contact-bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding:60px 0;
    margin-bottom:30px;
}

.contact .box {background:rgba(0,0,0,.6); border:2px solid #fff; margin-bottom:20px;}
.contact .box-title {background:#d80004;}
.contact h4{color:#fff; font-weight:700; padding:10px 15px; font-size:19px; text-transform:none;}
.contact p {color:#fff;}
.contact .box-content {padding:10px 15px;}
.contact .button {
    width:100%; 
    display:block; 
    background:#fff; 
    color:#000; 
    border-radius:0; 
    -webkit-border-radius: 0; 
    border:none; 
    font-size:25px; 
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
    -webkit-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.62);
    box-shadow: 0px 0px 16px 3px rgba(0,0,0,0.62);
    transition: box-shadow 300ms ease-out;
}
.contact .button:hover{
    background:#fff;
    -webkit-box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.62);
    -moz-box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.62);
    box-shadow: 0px 0px 16px 7px rgba(0,0,0,0.62);
}
.button.red-font{color:#d80004;}

.footer{background:#dfdfdf; overflow:hidden;}
.footer p {color:#999999;}
.footer h2 {color:#999999; margin-top:0;}
.bottom-logo {padding:60px 0 0;}
.bottom-logo img {float:left; margin-right:15px; margin-bottom:15px;}
.footer-menu{background:#d0d0d0; text-align:center; padding:10px 0; padding-bottom:500px; margin-bottom:-500px;}
ul.footernav, ul.footernav_int{margin:0; padding:0; list-style-type:none; font-family: "sofia-pro",Futura,sans-serif; font-weight:300;}
ul.footernav li, ul.footernav_int li{margin:10px 0; padding:0; display:block;}
ul.footernav li a, ul.footernav_int li a{text-transform:uppercase; color:#fff; text-decoration:none;}
ul.footernav li a:hover, ul.footernav_int li a:hover{text-decoration:underline;}

.copyright{background:#d0d0d0; padding:20px 0;}
.copyright p {color:#7b7b7b; font-size:12px; margin:0;}
.copyright a {color:#7b7b7b;}
.copyright a:hover {text-decoration:none; border-bottom:1px solid;}


/* -------------------------------------------------- 
    :: Universal Classes
---------------------------------------------------*/

/* Alignment Classes */
.text-center, .center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.clear {clear: both;}
.imgleft {float: left; margin: 0 10px 0px 0;}
.imgright  {float: right; margin: 0 0 0px 10px;}
.imgcenter {display: inline-block; margin: auto;}
.small {font-size: 10px;}


/* Miscellaneous Classes */
.formtextRequired {font-weight:700;}
.formtextRequired:before {content:"*";}

.button {
    border: 1px solid #fff; 
    font-size: 20px; 
    text-transform: uppercase; 
    font-weight: 300; 
    background:#d80004;
    font-family: "sofia-pro",Futura,sans-serif;
    padding-top: 0.5rem;
    padding-right: 0.9rem;
    padding-bottom: 0.5rem;
    padding-left: 0.9rem;
}
.button a{text-decoration:none; color:#fff;}
.button:hover {background:#6f0000;}
.center.button {display: block; margin: auto; max-width: 300px;}
input.button {border: none; border-radius: 6px !important; -webkit-border-radius: 6px !important;}
input.small.button {padding: .65em 1em .7em;}
.small.button img {float: right; margin: -7px 0 -7px 5px;}



/* ----------------------
FLEXSLIDER CSS - Slideshow
------------------------ */
/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav { list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
    font-family: 'flexslider-icon';
	src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot');
	src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('graphics/extras/flexslider/fonts/flexslider-icon.woff') format('woff'),
		url('graphics/extras/flexslider/fonts/flexslider-icon.ttf') format('truetype'),
		url('graphics/extras/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider { background: #fff; position:relative; left:0; width:100%; zoom: 1; overflow: hidden;}
.flexslider .slides { zoom: 1; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { left:0; display: block; max-width: 100%; width: 100%; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { display: block; width: 32px; height: 32px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255,255,255,0.8); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; opacity: 0.7; }
.flex-direction-nav .flex-next { opacity: 0.7; right: -50px; text-align: right; }
.flexslider:hover .flex-prev { left: 20px; }
.flexslider:hover .flex-next { right: 20px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 26px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Control Nav */
.flex-control-nav { position: absolute; bottom: 0; margin: 0; text-align: center; width: 80%; z-index:100; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging { width:100%; }
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #fff; background: rgba(255,255,255,0.75); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 1px rgba(0,0,0,0.3); box-shadow: inset 0 0 1px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #53524e; background: rgba(83,82,78,.50); }
.flex-control-paging li a.flex-active { background: #53524e; background: rgba(83,82,78,.85); cursor: default; }

/* YMCA Slideshow Specifics */
.slide-info {position: absolute; bottom: 10%; left: 10%; color: #fff; margin: 0; font-weight: bold; text-shadow: 0 0 5px #000;}
.slide-info h2 {font-size: 42px; text-transform: uppercase; color: #fff; margin: 0; line-height: 1;}
.slide-info p, .slide-info a {font-size: 22px; color: #fff !important; margin: 0; font-weight: normal;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 20px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 20px;}
}

/* ----------------------END FLEXSLIDER CSS------------------------ */


/*Popup Box Styles */
  .popup-tab-container * {box-sizing: content-box;text-align: center;}
  .popup-tab-container{opacity: 0; filter: alpha(opacity=40);}
  .popup-tab a {text-decoration: none;}
  .popup-tab {
    position: fixed;
    margin: 0;
    padding: 0;
    position: fixed;
    font-size: 100%;
    font: inherit;
    z-index: 100;
    color: #333;
    vertical-align: baseline;
    text-align: left;
    -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.45);
       -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.45);
            box-shadow: 0px 0px 20px rgba(0,0,0,0.45);
    width: 340px;
    bottom: -800px;
    -webkit-border-radius: 8px 8px 0 0;
       -moz-border-radius: 8px 8px 0 0;
            border-radius: 8px 8px 0 0;
    -webkit-transition: bottom 300ms ease-in;
       -moz-transition: bottom 300ms ease-in;
         -o-transition: bottom 300ms ease-in;
            transition: bottom 300ms ease-in;
  }

  .popup-tab.bottom.left {left: 40px;}
  .popup-tab.bottom.right {right: 40px;}
  .popup-scroll.scroll {overflow-y: scroll;}

  .popup-tab .popup-header{position: relative; margin: 5px 0 0 0; padding: 0;}
  .popup-tab .popup-header.hide {display: none;}

  /* === Header Toggle === */

  .popup-tab .popup-toggle {display: block; text-decoration: none;padding: 0 20px;}
  .popup-tab .popup-toggle.hide {display: none;}

  /* === Teaser === */

  .popup-tab .popup-header h5 {
    display: block;
    margin: 0;
    padding: 5px 25px 5px 0;
    border: 0;
    line-height: 1.5;
    text-align: left;
    color: #fff;
  }

  /* === Arrows === */
  .popup-tab .popup-header span.arrow{
    display: block;
    position: absolute;
    margin: -3px 0 0 0;
    padding: 0;
    width: 0;
    height: 0;
    top: 15px;
    right: 20px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
  }

  .popup-tab.bottom .popup-header span.arrow.up {
    border-bottom: 6px solid #fff;
    border-top: 0;
  }
  
  .popup-tab.bottom .popup-header span.arrow.down {
    border-top: 6px solid #fff;
    border-bottom: 0;
  }

  /* === Content Containers === */

  .popup-tab.bottom .popup-content{padding: 5px;}

  div.popup-panel {
    padding: 15px;
    background-color: #fff;
    -webkit-border-radius: 6px 6px 0 0;
       -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
  }

  /* === Content Headings & Paragraphs === */

  .popup-tab .popup-content h4 {
    display: block;
    margin: 0 20px 0 0 ;
    padding: 0;
    text-align: left ;
  }

  .popup-tab .popup-content .popup-description p{
    margin: 0;
    line-height: 1.6;
    text-align: left;
    color:#777 ;
    font-size:14px;
  }
  #popup-form-78 a.button{margin-bottom:5px;}
      
  #popup-form-78{text-align:center;}

  .popup-tab .popup-content a.popup-close {
    font-family: Arial, Helvetica, sans-serif;
    margin: -1px 0 0 0;
    float: right;
    font-size: 24px;
    line-height: 15px;
    font-weight: normal;
    color: #333;
    opacity: 0.4;
  }

  .popup-tab .popup-content a.popup-close:hover {
    text-decoration: none;
    cursor: pointer;
    opacity: 0.6;
  }

    .popup-img-wrapper {position:fixed; bottom:55px; right:40px; display:none;}
    .popup-img-wrapper a{background: rgb(0, 0, 0) none repeat scroll 0% 0%;
        border-radius: 12px;
        padding: 0px 2px 2px;
        position: absolute;
        right: 0px;
        top:2px;
        margin: 0px;
        line-height: 1;
        color:white;
        font-size:14px;
    }
    .popup-tab-container a.close-img-popup:hover{opacity:.6; color:white;}


/* -------------------------------------------------- 
    :: Media Query Fixes
    
    Foundation classes & their media query sizes:
    .small-     max-width 640px
    .medium-    min-width 641px
    .large-     min-width 1025px
    .xlarge-    min-width 1441px
    .xxlarge-   min-width 1921px
---------------------------------------------------*/

/* Media Queries Large / Desktop & up */
@media only screen and (min-width: 1025px) { 

}
/* Media Queries Medium-Large / Between Tablet & Desktop */
@media only screen and (min-width: 641px) and (max-width: 1024px) { 

}

/* Media Queries Medium / Tablet & up */
@media only screen and (min-width: 641px) { 

}

/* Media Queries Large / Desktop & down */
@media only screen and (max-width: 1025px) { 
    .nav{display:none;}
    header{padding:0;}
    header .social img {margin:0; position:absolute; right:.9em; top:0;}
    .phone {background:rgba(0,0,0,.8); color:#fff; text-decoration:none; margin:10px 0 20px; max-width: 175px; border-radius: 30px; padding: 0px 10px 5px; font-size: 22px; border: 2px solid #d80004;}
    .top-mobile{background:#8c0000;}
     .mobile-menu {padding-top:30px; padding-bottom:10px;}
    
}

/* Media Queries Medium / Tablet 767px */
@media only screen and (max-width: 767px) { 
    .copyright {text-align:center;}
}

/* Media Queries Small / Phone */
@media only screen and (max-width: 641px) { 
    .content.page .product-item h1 {margin-top:10px;}
    
    .content.page .product-item .description {position:static; display:block !important; border:none; padding:0 15px 10px 25px;}
    .content.page .product-item .description h5{display:none;}
    .content.page .product-item .description .img {display:none;}
    .content.page .product-item ul li a.trigger{font-weight:700; color:#000;}
    
    table td {display:block; width:100%;}
    
    img.imgleft.segment {float:none; display:block;}
    

}

/* Media Queries Smaller / Phone */
@media only screen and (max-width: 319px) { 

}