@charset "utf-8";

/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* Floats Clear */
.fl { float: left; }
.fr { float: right; }
.cf:before, .cf:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cf:after { clear: both; }
.cf { /**zoom: 1;*/ }

/* CSS Document */
body { font-family: 'Open Sans', sans-serif; font-size: 18px; line-height: 1.5; font-weight: 400; color: #666; background: #0e1326 url(images/bg-content.png) repeat-x; background-position: top left; padding-bottom: 8%; min-width: 320px; }
p { line-height: 1.5; margin-bottom: 10px; }

#wrapper { padding: 0px; }

/* Global */
a { color: #06F; text-decoration: none; }
a:hover { text-decoration: underline; }
a.bullet:before { content: "\00bb"; font-size: 1.3em; margin-right: 3px; }
h1, h2, h3, h4 { font-family: 'Roboto', sans-serif;}
h1, h2 { color: #2263ac; }
h3, h4 { color: #111; }
h1 { font-size: 28px; line-height: 1.3; }
h1.index { width: 86%; background: #E6E6E6; text-align: center; margin: 0px auto; padding: 1.5% 2% 1.7%; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
hr.tiny { width: 40px; margin: 0px auto 2%; border: 0; height: 0; border-top: 3px solid #333; border-bottom: 0px none; }

ul.disc { list-style: disc; padding-left: 20px; }
ul.inline-list { float: left; margin-right: 5%; }
ul.inline li { display: inline-block; margin-right: 15px; }
ul.inline li:last-child { margin-right: 0px; }
ul.center { text-align: center; }
ul.bullet a:before { float: left; color: #666; font-size: 8px; content: "\25b6"; margin-top: 8px; margin-right: 5px; }

img.autosize { width: 100%; height: auto; }
img.autosizemax { max-width: 100%; }

/* Horizontal Rule */
hr { border: 0; height: 0; margin: 0px; border-top: 1px solid #DDD; border-bottom: 0px none;}
hr.gray { border: 0; height: 0; margin: 0px; border-top: 1px solid #999; border-bottom: 0px none;}
hr.dashed { clear: both; border: 0; height: 0; border-top: 2px dashed #DDD; border-bottom: 0px solid #DDD;}
hr.faded { clear: both; height: 1px; border: 0; margin: 0px auto;  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.45), rgba(0,0,0,0)); }
hr.faded.white { clear: both; height: 1px; border: 0; margin: 0px auto; background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.60), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.60), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.60), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(255,255,255,0.60), rgba(0,0,0,0)); }
hr.faded.gray { clear: both; height: 1px; border: 0; margin: 0px auto;  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.2), rgba(0,0,0,0)); }

.brand { color: #50aa51 !important; }
.brand-bg { background: #50aa51 !important; }
.bg-light-gray { background: #F9F9F9 !important; }

/* Branding */
a.facebook i { color: #3b5998 !important; }
a.twitter i { color: #55acee !important; }
a.pinterest i { color: #cb2027 !important; }
a.instagram i { color: #125688 !important; }

a.facebook-bg { background: #3b5998 !important; }
a.twitter-bg { background: #55acee !important; }
a.pinterest-bg { background: #cb2027 !important; }
a.instagram-bg { background: #125688 !important; }
a.chat { background: #C63 !important; }

a.facebook-bg i { color: #FFF !important; background: #3b5998 !important; padding: 6px 10px; border-radius: 49%; }

.button a { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; text-transform: uppercase; color: #FFF; text-decoration: none; background: #50aa51; padding: 15px 25px; white-space: nowrap; }
.button a:hover { color: #FFF !important; opacity: .9; }
.button.center { display: block; width: 100%; text-align: center; }

/* Header */
#porheader-wrap { position: relative; width: 100%; background: #036 url(images/bg-header.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0px 0px 0px; z-index: 1002; }
#porheader-wrap.fixed { display: none; position: fixed; top: 0; z-index: 10001; opacity: 1; }
#porheader { position: relative; width: 90%; margin: 0px auto; padding: 25px 0px 15px; }
#porheader #logo { position: relative; float: left; width: auto; line-height: 0; overflow: hidden; }
#porheader #logo img { width: auto; height: auto; max-height: 135px; }

/* Header links */
#header-links { float: right; margin-left: 4%; margin-top: 28px; }
#header-links.vertical-links { margin-top: 0px; }
#header-links.vertical-links li.navbar-icon { float: none; margin-left: 0px; margin-bottom: 5px; }
#header-links.vertical-links li.navbar-icon:last-child { margin-bottom: 0px; }
#porheader-wrap.fixed #header-links.vertical-links { margin-top: 5px; }
#porheader-wrap.fixed #header-links.vertical-links li.navbar-icon { float: left; margin-left: 10px; margin-bottom: 0px; }
#porheader-wrap.fixed #header-links.vertical-links li.navbar-icon:last-child { margin-bottom: 0px; }
#header-links li.navbar-icon { float: left; margin-left: 15px; }
#header-links li.navbar-icon:first-child { margin-left: 0px; }
#header-links li.navbar-icon img { width: 30px; height: 30px; }

/* Menu */
#pormenu { display: none; position: fixed; top: 15px; left: 10px; z-index: 10002; }
#pormenu ul { display: none; position: fixed; width: 100%; height: 100%; /*background-color: rgba(0, 0, 0, 0.95);*/ background: #036 url(images/bg-header.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; top: 0; right: 0; bottom: 0; left: 0px; overflow-y: scroll; overflow-x: hidden; }
#pormenu ul li { float: none; position: relative; display: block; width: 90%; padding: 0px 2%; }
#pormenu ul li:first-child { padding-top: 13px; }
#pormenu ul li a { float: left; clear: left; font-size: 16px; color: #FFF; text-decoration: none; text-transform: uppercase; padding: 10px 0px 10px 15px; white-space: nowrap; }
#pormenu ul li.close-menu a { margin-top: 20px; background: #444; line-height: 40px; padding: 8px 23px 0px 18px; margin-left: 12px; }
#pormenu ul li a:hover { color: #DDD; }
#pormenu ul li:last-child a { margin-bottom: 15%; }
#pormenu i { margin-right: 7px; }
#pormenu ul li.menu-buttons { margin-left: 20px; margin-bottom: 0px; padding: 20px 0px; overflow: hidden; }
#pormenu ul li.menu-buttons div { float: left; }
#pormenu ul li.menu-buttons div a { float: left; display: block; background-color: rgba(0, 0, 0, 0.2); padding: 10px 5px; margin-left: 5px; }
#pormenu ul li.menu-buttons div.first a { margin-left: 0px; }
#pormenu ul li.menu-buttons div i { float: left; font-size: 26px; margin-left: 8px; }
#pormenu ul li.menu-buttons div a.adjust-one i { margin-top: 1px; }
#pormenu ul li.menu-buttons div.exit { float: right; }
#pormenu ul li.menu-buttons div.exit a { padding: 10px; }

/* Navbar */
#navbar-wrap { position: relative; float: right; width: 60%; /*background-color: rgba(0, 0, 0, 0.3);*/ z-index: 2002; padding: 0px 1.4%; padding-right: 0; margin-top: 0; border-radius: 6px; } 
#navbar { float: left; margin-top: 0px; padding: 0px 0px; }
#navbar ul { float: left; }
#navbar ul li { position: relative; float: left; padding: 7px 0px 6px; }
#navbar ul li a { display: block; font-family: 'Roboto Condensed', sans-serif; color: #FFF; font-weight: 300; padding: 0px 15px; text-transform: uppercase; border-right: 1px solid #DDD; }
#navbar ul li:first-child a { padding-left: 0px; } 
#navbar ul li:last-child a { /*padding-right: 0px;*/ border-right: 0px none; }
#navbar ul li a:hover { color: #111; text-decoration: none; }
#navbar ul li.dropdown i { padding-left: 7px; }

/* Navbar submenu */
#navbar ul ul { position: absolute; right: 9999px; width: auto; margin: 0px 0px; padding: 15px 0px 0px; z-index: 2004; opacity: 0;
transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; }
#navbar ul li.dropdown:hover ul { opacity: 1; left: 0px; right: auto; }
#navbar ul ul li { float: none; display: block; width: 100%; min-width: 150px; line-height: 1; background: #FFF; border: 1px solid #999; border-top: 0px none; padding: 8px 5px; }
#navbar ul ul li:first-child { padding-left: 5px; border-top: 1px solid #999; }
#navbar ul ul li:last-child { border-bottom-color: #666; }
#navbar ul ul li a { display: block; min-width: 100%; color: #111; font-size: 13px; font-weight: 400; text-align: left; border-right: 0px none; padding: 0px 0px !important; white-space: nowrap; }
#navbar ul ul li a:hover { color: #111; }
#navbar ul ul li:hover { background: #EEE; }

/* Header store locations */
#header-locations { position: relative; float: right; margin-top: -10px; }
#header-locations .header-locations-caption { font-size: 26px; color: #DDD; margin-bottom: 10px; }
#header-locations .header-locations-caption span { color: #FFF; font-weight: 700; }
#header-locations ul { float: right; margin-top: 0px; }
#header-locations ul.locations { float: left; margin-top: 0px; margin-right: 15px; }
#header-locations ul.locations.last { margin-right: 0px; }
#header-locations ul li { position: relative; display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; color: #FFF; line-height: 1; padding: 2px 0px 3px; margin-right: 15px; white-space: nowrap; }
#header-locations ul.locations li { font-size: 16px; margin-bottom: 10px; }
#header-locations ul.locations li span { display: block; font-size: 18px; margin-bottom: 5px; }
#header-locations ul li:last-child { margin-right: 0; }
#header-locations ul li a { color: #DDD; text-decoration: none; }
#header-locations ul li a:hover { color: #FFF; }
#header-locations ul li i { color: #999; margin-left: 5px; }
#header-locations ul li a.facebook-bg i { float: left; margin-top: -10px; }
#header-locations ul li a.facebook-bg i:hover { opacity: .9;}

/* Header has font logo */
#porheader-wrap.has-font-logo { padding: 15px 0px 7px; }
#porheader-wrap.has-font-logo #porheader { padding-bottom: 15px; }
#porheader-wrap.has-font-logo #navbar { margin-top: 7px; } #porheader-wrap.has-font-logo.fixed #navbar { margin-top: 7px; }
#porheader-wrap.has-font-logo #header-links { margin-top: 5px; } #porheader-wrap.has-font-logo.fixed #header-links { margin-top: 5px; }

/* Fixed header */
#porheader-wrap.fixed #logo img { max-height: 40px; }
#porheader-wrap.fixed #navbar { margin-top: 0px; }
#porheader-wrap.fixed #header-links { margin-top: 10px; }
#porheader-wrap.fixed.navbar-under-logo { border-bottom: 0px none; }

/* Navbar under logo */
#porheader-wrap.navbar-under-logo { padding-bottom: 0px; }
#porheader-wrap.navbar-under-logo.has-font-logo { padding: 7px 0px 0px; }
#porheader-wrap.navbar-under-logo.has-font-logo #porheader { padding-bottom: 0px; }
#porheader-wrap.navbar-under-logo #search-bar { width: 99%; margin: 5px auto; }
#porheader-wrap.navbar-under-logo #porheader #logo { float: none; width: 100%; text-align: center; margin-top: 10px; }
#porheader-wrap.navbar-under-logo.has-font-logo #porheader #logo { margin-top: 5px; }
#porheader-wrap.navbar-under-logo #navbar  { clear: left; float: none; width: 100%; margin-top: 10px; }
#porheader-wrap.navbar-under-logo #navbar ul { float: none; text-align: center; margin: 0px 0px 15px; }
#porheader-wrap.navbar-under-logo #navbar ul li { float: none; display: inline-block; }
#porheader-wrap.navbar-under-logo.has-navbar-color #navbar { background: #900; }
#porheader-wrap.navbar-under-logo.has-navbar-color #navbar ul { margin: 0px; padding: 15px 0px; }
#porheader-wrap.navbar-under-logo.has-navbar-color #navbar ul li a { color: #FFF; }
#porheader-wrap.navbar-under-logo #navbar ul li.show-in-menu { display: none; }
#porheader-wrap.navbar-under-logo #header-links { position: absolute; top: 11px; right: 5px; }
#porheader-wrap.navbar-under-logo.has-font-logo #header-links { top: 5px; right: 5px; }
#porheader-wrap.navbar-under-logo #header-links.display-in-navbar { top: inherit; bottom: 12px; }

/* Search bar */
#search-bar-wrap { position: relative; width: 90%; background: #50aa51; padding: 8px 5%; margin: 0px auto; box-shadow: 0 4px 4px -2px #333; }
/*#search-bar-wrap { position: relative; width: 99%; background: #FFF; padding: 5px .5%; }*/
#search-bar { /*display: none;*/ position: relative; float: right; width: 45%; background: #FFF; padding: 0px; margin: 0px auto; border: 0px solid #111; border-radius: 5px; overflow: hidden; /*-webkit-transition: width 1s, height 1s; transition: width 1s, height 1s;*/ }
#search-bar-form { position: relative; width: 100%; }
#search-bar-form input { width: 80%; border: 0px none; height: 40px; line-height: 1; font-size: 18px; color: #111; background: #FFF; padding: 0px 16px; margin: 0px; }
#search-bar-form .btn-search { position: absolute; top: 0; right: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; color: #111; font-weight: 700; text-transform: uppercase; text-decoration: none; line-height: 40px; padding: 0px 20px; margin: 0px; background: #DDD; border-left: 1px solid #999; }
#search-bar-form .btn-search:hover { opacity: .9; }
#search-bar-form .btn-search i { float: left; font-size: 20px; line-height: 40px; }
#por-search-box { /*border-left: 8px solid #DDD !important;*/ padding-left: 10px; }

#search-bar-cart { position: relative; float: right; width: 21%; height: 40px; border: 1px solid #333; border-radius: 0px; background: #FFF; /*border-right: 4px solid #999;*/ }
#search-bar-wrap.fixed #search-bar-cart { margin-top: 2px; }
#search-bar-cart ul { float: left; }
#search-bar-cart ul li { float: left; font-family: 'Roboto Condensed', sans-serif; line-height: 40px; text-transform: uppercase; font-size: 16px; font-weight: 700; margin-right: 10px; }
#search-bar-cart ul li:first-child { margin-left: 10px; }
#search-bar-cart ul li:last-child { /*float: right;*/ margin-right: 10px; }
#search-bar-cart ul li a { color: #111; text-decoration: none; }
#search-bar-cart ul li a:hover { color: #C00; }
#search-bar-cart img { float: left; width: 28px; height: 28px; margin-top: 6px; margin-right: 8px; }

.search-bar-cart-img { padding-right: 50px; }
.search-bar-cart-img img { position: absolute; right: 0; width: auto; height: 25px; }

#search-bar-cart.search-bar-cart-menu ul { z-index: 2003; }
#search-bar-cart.search-bar-cart-menu ul li.search-bar-cart-menu { display: none; position: absolute; right: 0; height: 40px; } 
#search-bar-cart.search-bar-cart-menu ul ul { position: absolute; top: 40px; right: 9999px; width: auto; margin: 0px 0px; padding: 0px 0px; z-index: 2002; opacity: 0;
transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out; }
#search-bar-cart.search-bar-cart-menu ul li:hover ul { left: auto; right: 10px; z-index: 2001; opacity: 1; }
#search-bar-cart.search-bar-cart-menu ul li:hover ul ul { display: none; }
#search-bar-cart.search-bar-cart-menu ul li:hover ul i { float: right; }
#search-bar-cart.search-bar-cart-menu ul ul li { float: none; position: relative; display: block; width: 100%; line-height: 1; background: #333; border-right: 0px none; padding: 5px 10px; }
#search-bar-cart.search-bar-cart-menu ul ul li:last-child { padding-bottom: 10px; }
#search-bar-cart.search-bar-cart-menu ul ul li a { display: block; min-width: 100%; color: #FFF; font-size: 15px; font-weight: 400; text-align: left; padding: 0px 0px; white-space: nowrap; }
#search-bar-wrap.fixed #search-bar-cart.search-bar-cart-menu ul li.search-bar-cart-menu { display: block; }
#search-bar-wrap.fixed #search-bar-cart.search-bar-cart-menu ul li.hide-in-cart-menu { display: none !important; }

/* Fixed search bar */
#search-bar-wrap.fixed { position: fixed; top: 0; padding-top: 5px; padding-bottom: 5px; /*background: #003;*/ z-index: 100001; }
#search-bar-logo { display: none; position: relative; float: left; width: 10%; }
#search-bar-logo img { width: auto; height: 40px; margin-top: 0px; transition: width 1s; -webkit-transition: width 1s; }
#search-bar-wrap.fixed #search-bar { /*border: 1px solid #CCC;*/ }
#search-bar-wrap.fixed.show-search-bar-logo #search-bar { width: 30%; margin-left: 2%; margin-top: 2px; /*transition: width 1s; -webkit-transition: width 1s;*/ }
#search-bar-wrap.fixed.show-search-bar-logo #search-bar-logo { display: block; line-height: 0; margin-top: 0px; }
#search-bar-wrap.fixed.show-search-bar-logo #search-bar-logo img { height: 40px; }

/* Slideshow */
#slideshow-container { position: relative; width: 85%; background: #226fb9; overflow: hidden; margin: 0px auto; padding: 2% 2.5%; }
#slideshow-left { position: relative; float: left; width: 50%; }
#slideshow-right { position: relative; float: left; width: 50%; }
.slideshow-wrap { position: relative; display: block; width: 100%; padding: 0px; margin: 0px auto; overflow: hidden; /*border: 4px solid #CCC;*/ /*border-radius: 10px;*/ box-shadow: 0px 0px 8px #333; }
#slider1_container { position: relative; margin: 0 auto; top: 0px; left: 0px; overflow: hidden; }
#slider1_container a { display: block; }
.slideshow-dimensions { width: 1470px; height: 450px; /*min-width: 1024px;*/ }
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av { background: url(images/b13.png) no-repeat; overflow: hidden; cursor: pointer; }
.jssorb21 div { background-position: -5px -5px; }
.jssorb21 div:hover, .jssorb21 .av:hover { background-position: -35px -5px; }
.jssorb21 .av { background-position: -65px -5px; }
.jssorb21 .dn, .jssorb21 .dn:hover { background-position: -95px -5px; }
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn { position: absolute; cursor: pointer; display: block; background: url(images/a21.png) center center no-repeat; overflow: hidden; }
.jssora21l { background-position: -3px -33px; }
.jssora21r { background-position: -63px -33px; }
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }
.jssorb21 { position: absolute; bottom: 2%; left: 6px; }
.jssora21l, .jssora21ldn { width: 55px; height: 55px; top: 30%; left: 1%; }
.jssora21r, .jssora21rdn { width: 55px; height: 55px; top: 30%; right: 1%; }
#slider1_container img:hover, .slides .slide-panel:hover { cursor: pointer; }
.slideshow-wrap .slide-content-overlay { position: absolute; width: 92%; top: 5%; right: 0; bottom: 5%; left: 0; text-align: center; /*background-color: rgba(0, 0, 0, 0.2);*/ border-radius: 0px; padding: 0 0; margin: 0px auto;}
.slideshow-wrap .slide-content-overlay:hover { cursor: pointer; }
.slideshow-wrap .slide-content { position: absolute; top: 0; width: 100%; text-align: center; }
.slideshow-wrap .slide-caption { display: none; position: absolute; top: 5%; left: 50%; transform: translateX(-50%); font-family: 'Roboto Condensed', sans-serif; font-size: 20px; color: #111; text-align: center; background-color: rgba(255, 255, 255, 0.7); padding: 25px 30px 35px; box-shadow: 0px 0px 8px #CCC; }
.slideshow-wrap .slide-graphic { position: absolute; top: 30%; left: 0; }
.slideshow-wrap .slide-graphic img { width: 220px; height: auto; }
.slideshow-wrap .slide-text { text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 24px; font-weight: 500; color: #FFF; line-height: 1.2; }
.slideshow-wrap .slide-text span { color: #2263ac; font-size: 40px; text-shadow: 0px 2px 1px #000; }
.slideshow-wrap .slide-link { margin-top: 15px; }
.slideshow-wrap .slide-link a { width: 250px; margin: 0px auto; margin-top: 0px; font-family: 'Roboto Condensed', sans-serif; font-size: 16px; font-weight: 500; color: #FFF; text-align: center; text-transform: uppercase; background: #50aa51; padding: 12px 25px 14px; border-radius: 0px; overflow: hidden; }
.slideshow-wrap .slide-link a:hover { background: #222; color: #FFF; transition: background 0.4s ease 0s; text-decoration: none; }

/* Tiles */
.portiles { position: relative; width: 90%; margin: 0px auto; z-index: 1001; }
.portiles ul { position: relative; width: 100%; }
.portiles ul li { position: relative; float: left; width: 33.333%; text-align: center; line-height: 0; }
.portiles ul li a { display: block; color: #FFF; font-size: 20px; text-transform: uppercase; }
.portiles ul li img { width: 100%; height: auto; }
.portiles ul li span { position: absolute; display: block; /*top: 50%; transform: translateY(-50%);*/ bottom: 0; width: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.3); padding: 10% 0px; z-index: 1002; }
.portiles ul li span:hover { background-color: rgba(0, 0, 0, 0.4) }

/* Category Tiles */
.porcat-tiles ul { margin-top: 10px; }
.porcat-tiles ul li { position: relative; float: left; width: 300px; font-size: 14px; margin: 0px 30px 15px 0px; }
.porcat-tiles ul li a { display: block; color: #2263ac; text-decoration: none; text-align: center; margin-bottom: 10px; }
.porcat-tiles ul li a:hover { color: #111; }
.porcat-tiles ul li img { width: 80%; height: auto; margin: 0px auto; border: 1px solid #DDD; padding: 5% 10%; margin-bottom: 10px; }
.porcat-tiles ul li a:hover img { border-color: #CCC; }
.porcat-tiles ul li span { display: block; text-align: left; font-size: 16px; }
.porcat-tiles ul li .button a { display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-size: 13px; width: auto; color: #FFF; padding: 5px 15px; margin-top: 8px; }
.porcat-tiles ul li .button a:hover { color: #FFF; }

/* Tiles v2 */
.portiles.v2 ul li img { z-index: 1001; }
.portiles.v2 ul li .tile-title { position: absolute; /*top: 50%; transform: translateY(-50%);*/ bottom: 0; width: 100%; display: block; color: #FFF; font-size: 18px; text-transform: uppercase; padding: 8% 0px 8.5%; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; opacity: 1; overflow: hidden; z-index: 1002; }
.portiles.v2 ul li:hover .tile-title { opacity: 0; height: auto; }
.portiles.v2 ul li .tile-overlay { position: absolute; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; opacity: 0; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 1003; }
.portiles.v2 ul li:hover .tile-overlay { opacity: 1; height: auto; }
.portiles.v2 ul li .tile-content { position: absolute; display: block; width: 80%; padding: 0px 10%; top: 50%; transform: translateY(-50%); color: #EEE; font-size: 14px; text-align: center; }
.portiles.v2 ul li .tile-content h2 { color: #FFF; font-size: 20px; margin: 0px 0px 25px; }
.portiles.v2 ul li .tile-content .readmore-button a { float: none; display: inline-block; width: inherit; border-color: #666; color: #FFF; border-width: 1px; font-size: 13px; margin: 15px auto 0px; background-color: rgba(0, 0, 0, 0.3); }
.portiles.v2 ul li .tile-content .readmore-button a:hover { opacity: .8; }

/* Tiles Flip */
.portiles.flip-tiles { position: relative; width: 90%; background: #FFF; margin: 0px auto; padding: 0 0 2%; } 
.portiles.flip-tiles ul { position: relative; display: inline-block; width: 49%; text-align: center; }
.portiles.flip-tiles ul.left-tiles { text-align: right; width: 47%; padding-right: 2%; }
.portiles.flip-tiles ul.right-tiles { text-align: left; width: 47%; padding-left: 2%; }
.portiles.flip-tiles ul li { float: none; display: inline-block; margin: 0px 5px 10px; }
.card-flip { position: relative; }
.card-flip-front, .card-flip-back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; transition: 1.0s; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.card-flip-front { -webkit-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); z-index: 1; /* for IE 9 */ }
:hover > .card-flip-front { -webkit-transform: perspective(600px) rotateY(180deg); transform: perspective(600px) rotateY(180deg); }
.card-flip-back { -webkit-transform: perspective(600px) rotateY(-179deg); transform: perspective(600px) rotateY(-179deg); }
:hover > .card-flip-back { -webkit-transform: perspective(600px) rotateY(0deg); transform: perspective(600px) rotateY(0deg); z-index: 2; /* for IE 9 */ }
.card-flip-front { background: #FFF; }
.card-flip-back { background: #333; color: #DDD; font-size: 14px; padding: 40px 10px 0px; }
.card-flip-back h2 { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color: #EEE; line-height: 1.2; text-transform: uppercase; margin-bottom: 10px; }
.card-flip-back .readmore a { display: block; width: inherit; margin-top: 30px; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; text-transform: uppercase; text-decoration: none; }
.portiles.flip-tiles ul li, .card-flip { width: 300px; height: 201px; }

/* Icons */
.poricons { position: relative; width: 90%; background: #900; padding: 2% 0px; margin: 0px auto; z-index: 1001; }
.poricons h3 { font-size: inherit; }
.poricons ul { position: relative; display: table; width: 100%; margin: 0px auto; }
.poricons ul li { position: relative; display: table-cell; vertical-align: middle; width: 25%; font-size: 24px; text-align: center; white-space: nowrap; }
.poricons img { vertical-align: middle; width: 40px; height: auto; margin-right: 15px; }
.poricons span { vertical-align: middle; }
.poricons a { display: block; color: #FFF; }
.poricons a:hover { color: #DDD; text-decoration: none; }

/* Panels */
.porpanels { position: relative; width: 90%; background: #FFF; padding: 2% 0px; margin: 0px auto; z-index: 1001; }
.porpanels-content { position: relative; width: 90%; margin: 0px auto; }
.porpanels h2 { margin: 0px 0px 15px; }

/* Categories */
.porcat { position: relative; width: 90%; background: #F3F3F3; background-position: top left; padding: 3% 0px 2.5%; margin: 0px auto; z-index: 1001; }
.porcat h2 { text-align: center; font-size: 30px; margin-bottom: 40px; }
.porcat ul { width: 90%; margin: 0px auto; text-align: center; }
.porcat ul li { position: relative; display: inline-block; width: 11%; margin: 0px 1% 3%; vertical-align: top; }
.porcat ul li a { color: #111; text-decoration: none; }
.porcat ul li span { display: block; font-family: 'Roboto Condensed', sans-serif; color: #2263ac; text-align: center; text-transform: uppercase; line-height: 1.2; margin-top: 10px; }
.porcat ul li span:hover { color: #111; }
.porcat img { width: 100%; height: auto; border: 2px solid #666; border-radius: 10px; overflow: hidden; }
.porcat img:hover { opacity: .9; }

/* Categories v2 */
.porcat.v2 { background: #EEE; }
.porcat.v2 img { position: relative; display: block; border: 0px none; border-radius: 0px; }
.porcat.v2 ul li span { margin-top: 15px; }

/* Categories v2a */
.porcat.v2a { background: #F9F9F9; }
.porcat.v2a img { position: relative; display: block; border: 0px none; border-radius: 0px; }
.porcat.v2a ul li span { margin-top: 15px; }

/* Categories v3 */
.porcat.v3 h2 { color: #FFF; }
.porcat.v3 { background: #900; }
.porcat.v3 a { display: block; }
.porcat.v3 img { width: 80%; padding: 12px 0px; background: #FFF; border-radius: 50%; overflow: hidden; }
.porcat.v3 span { color: #FFF; margin-top: 15px; border-color: #111; }

/* Logos */
.porlogos { position: relative; width: 90%; background: #FFF; padding: 3% 0px 2%; margin: 0px auto; z-index: 1001; }
.porlogos ul { text-align: center; }
.porlogos ul li { display: inline-block; vertical-align: middle; margin: 0px 2% 1%; }
.porlogos img { width: auto; height: auto; max-height: 70px; }

/* Banners */
.porbanners { position: relative; width: 90%; background: #FFF; padding: 0px; margin: 0px auto; z-index: 1001; } 
.porbanners ul li { display: block; position: relative; width: 100%; line-height: 0; overflow: hidden; }
.porbanners ul li:nth-child(2n+1) { background: #EEE; }
.porbanners h2 { margin-bottom: 25px; line-height: 1.2; }
.porbanners .banner-text { position: relative; float: left; width: 44%; padding: 2.5% 3% 0px; }
.porbanners .banner-img { position: relative; float: left; width: 50% }
.porbanners ul li:nth-child(2n+1) .banner-img { float: right; }
.porbanners .banner-img img { width: 100%; height: auto; }

/* Content */
.content-wrap { position: relative; width: 84%; background: #FFF; padding: 2.5% 3%; margin: 0px auto; }
.content { position: relative; width: 71%; float: left; padding: 1% 0; }
.content.full-width { width: 100%; padding-top: 0; }
.content h1 { margin: 1px 0px 13px; }
.content h2 { margin: 25px 0px 10px; }
.content h3 { margin-bottom: 10px; }
.content a { text-decoration: none; }
.content a:hover { color: #2263ac; }
.content strong { font-weight: 700; }
.page-img.fr { float: right; margin: 0px 0px 30px 60px; }
.page-img.fr img { display: block; width: 300px; height: auto; margin-bottom: 15px; }
.page-buttons { width: 96%; padding: 5% 2%; }
.page-buttons ul li { /*text-transform: uppercase;*/ }
.page-buttons ul li span { display: block; margin: 25px 0px 5px; font-size: 22px; }
.page-buttons ul li:first-child span { margin-top: 0px; }
.page-buttons ul li a { display: block; background: #2263ac; border-radius: 50px; font-size: 20px; color: #FFF; text-decoration: none; padding: 18px 0px; }
.page-buttons ul li a:hover { color: #FFF; opacity: .9; }
.page-buttons ul li img { width: auto; height: 25px; margin: 3px 5px 0px 0px; vertical-align: top; }

.feedback { font-size: 16px; font-family: 'Roboto Condensed', sans-serif; white-space: nowrap; }
.feedback img { float: left; margin-top: 4px; margin-right: 5px; }
.feedback a { color: #333; text-decoration: none; }

.store-locations-wrap { padding: 0px 0px; }
.store-location { clear: both; }
.store-location ul { float: left; width: 30%; }
.store-location h2 { margin: 0px 0px; }
.store-location h3 { font-size: 18px; margin-top: 15px; }
.store-map { float: left; position: relative; width: 60%; margin-left: 5%; }
.store-map iframe { width: 100%; height: auto; min-height: 350px; border: 1px solid #999 !important; }
.google-store-map { float: right; text-align: center; box-shadow: 0px 1px 4px #999; padding: 10px; border-radius: 6px; margin: 10px 15px 0px 0px; }
.google-store-map span { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 14px; }
.google-store-map img { width: auto; height: 80px; }

/* Catalog */
.catalog { position: relative; float: left; width: 20%; font-family: 'Roboto Condensed', sans-serif; background: #F6F6F6; border: 1px solid #DDD; border-radius: 6px; padding: 1.3% 2%; margin-right: 4%; }
.catalog .catalog-title { display: block; color: #111; font-size: 24px; line-height: 1.1; margin-top: 4px; text-transform: uppercase; }
.catalog ul { margin-top: 15px; }
.catalog ul li { display: block; line-height: 1.2; margin-bottom: 8px; }
.catalog ul li a { display: block; color: #444; font-size: 18px; text-transform: uppercase; text-decoration: none; }
.catalog ul li a:hover { color: #2263ac; }
.catalog ul li i { padding-right: 5px; }
.catalog h1 { font-family: 'Roboto Condensed', sans-serif; color: #111; font-size: 22px; text-transform: uppercase; } 
.catalog ul.catalog-locations li a { white-space: nowrap; }

/* Mobile Catalog */
.mobile-catalog { position: relative; }
.mobile-catalog h1 { font-size: 20px; margin: 8px 0px 15px; }
.mobile-catalog ul { width: 100%; }
.mobile-catalog ul li { background: none; }
.mobile-catalog ul li a { display: block; color: #111; border-bottom: 1px solid #DDD; line-height: 1.2; text-decoration: none; text-transform: uppercase; padding: 6px 0px 8px; } 
.mobile-catalog ul li:first-child a { border-top: 1px solid #DDD; }
.mobile-catalog ul li a:before { content: "\203A"; font-size: 1.3em; margin-right: 3px; }
.readmore-button.show-in-tablet a { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; background: #F6F6F6; border-color: #DDD; border-width: 1px; margin: 0px 0px 20px; white-space: nowrap; }
.readmore-button.show-in-small-tablet a { font-family: 'Roboto Condensed', sans-serif; font-size: 20px; background: #F6F6F6; border-color: #DDD; border-width: 1px; margin: 0px 0px 20px; white-space: nowrap; }
.readmore-button.nav-button a { margin: 15px 0px; }
.readmore-button.nav-button i { margin-left: -5px; padding-right: 3px; }

/* Footer */
#porfooter { position: relative; width: 90%; color: #FFF; font-size: 14px; text-align: left; line-height: 1.4; background: #226fb9; /*background: #333 url(images/bg-dark.png) repeat; background-position: top left;*/ padding: 3% 0px; margin: 0px auto; border-top: 15px solid #CCC; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
#porfooter h4, #porfooter h4 a { font-size: 22px; color: #FFF; margin-bottom: 15px; }
#porfooter h4 span { display: block; color: #FFF; }
#porfooter a { color: #FFF; text-decoration: none; }
#porfooter a:hover { color: #DDD; }
.footer-locations, .footer-links, #footer-connect { display: inline-block; vertical-align: top; text-align: left; padding: 0px 3%; margin-bottom: 15px; }
.footer-links a { font-size: 16px; }
#footer-connect { padding: 0px; }
.footer-links ul { float: left; margin-right: 35px; margin-bottom: 25px; }
.footer-links ul.last { margin-right: 0px; }
.footer-links.footer-logo { margin-bottom: 25px; }
.footer-links.footer-logo img { max-width: 250px; }
.footer-location { float: left; margin-right: 35px; margin-bottom: 25px; }
.footer-location span { font-family: 'Roboto Condensed', sans-serif; font-size: 18px; }
#footer-connect ul { text-align: left; }
#footer-connect ul li { display: inline-block; color: #FFF; margin: 0px 5px; }
#footer-connect ul li:first-child { margin-left: 0px; }
#footer-connect ul li:last-child { margin-right: 0px; }
#footer-connect i { font-size: 26px; }
#porfooter.center-footer ul { text-align: center; }
#porfooter.center-footer ul li { display: inline-block; color: #FFF; margin: 0px 5px; }

/* Copyright */
.serving { width: 100%; margin: 0px auto; color: #CCC; }
#copyright { clear: both; display: block; color: #CCC; margin-top: 2%; }
#copyright ul { width: 100%; text-align: left; margin: 0px auto; }
#copyright ul li { display: inline-block; font-size: 12px; margin-right: 20px; }
#copyright ul li:first-child { margin-left: 0px; }

/* Parallax - Stellar.js */
.parallax { position: relative; background: transparent; background-repeat: no-repeat; background-position: center 0px; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1000; overflow: hidden; }
.parallax .overlay { z-index: 1001; }

/* Backend */
#mainpage, #newitempage { position: relative; float: left; width: 70%; padding: 13px 0px 40px; }
#mainpage h1, #newitempage h1 { display: block; margin: 0px 0px 15px; /*text-transform: uppercase;*/ }
#mainpage h1 a, #newitempage h1 a { line-height: 0; font-size: 20px; margin-top: 0px; text-decoration: none; }
#mainpage table tbody tr td h1, #newitempage table tbody tr td h1 { width: 100%; }
#mainpage h3, #newitempage h3 { font-size: 30px; padding: 0px; margin: 0px 0px 30px; }
#mainpage h3 a, #newitempage h3 a { line-height: 0; font-size: 22px; margin-top: 10px; text-decoration: none; }
#mainpage h3 a:hover, #newitempage h3 a:hover { color: #111; }
#mainpage table { width: 100%; }
#mainpage form table tbody tr td { padding: 5px 0px; /*width: inherit !important;*/ }
#mainpage form table tbody tr td table tbody tr td { vertical-align: top; /*width: inherit !important;*/ }
#mainpage table tbody tr td div.wrap4 img { margin: 20px 0px; }
#mainpage ul { list-style: disc; margin: 10px 0px 15px 25px; }
.multicolcell div { float: none !important; padding: 0px 5px !important; }
.multicolcell { position: relative; display: block; float: left; width: 165px; min-height: 180px; height: inherit; text-align: center; border: 1px solid #DDD; box-shadow: 0px 1px 4px #CCC; margin: 0px 20px 18px 0px; border-radius: 6px; padding-bottom: 15px; }
.multicolcell:hover { border-color: #DDD; }
.multicolcell a { }
.multicolcell a:hover { text-decoration: none; }
.multicolheading, .multicoldescr { display: block; font-size: 14px; font-family: 'Roboto Condensed', sans-serif; color: #333; font-weight: 500; text-transform: uppercase; line-height: 1.3; text-align: center; text-decoration: none !important; }
.thumbnailimgtall, .thumbnailimg { max-height: 110px; max-width: 110px; }
.wrap4 { display: block; margin-bottom: 5px; }
.cycle-slideshow { overflow: hidden; }
a.cycle-slide { margin-top: 0px !important; }
a.cycle-slide.cycle-slide-active { margin-top: 0px !important; }
div.detailedimg { margin: 10px 0px 20px !important; }
.detailedimg p { font-size: 14px !important; color: #111 !important; line-height: 1.3 !important }
#form1 { margin-top: 20px; }
#form1 table tbody tr td { padding: 5px 0px; }
#form1 table tbody tr td strong { line-height: 2; }
#form1 input { line-height: 1; padding: 7px; }
#form1 p input { margin-top: 10px; }
td.cattitle { padding: 20px 0px; color: #FFF; background: #43854a; text-transform: uppercase; text-align: center !important; }
#productname { float: left; }
#mainpage table tbody tr td div.wrap4 img { margin: 0px; float: left; }
#mainpage table tbody tr td { vertical-align: top; text-align: left; }
table.InventoryTable td { text-align: center !important; vertical-align: middle !important; }
.detailedviewrow { /*display: none;*/ }
ul.CommentBlock { margin-right: 60px !important; }
ul.CommentBlock li { font-size: 16px; }

a.por-item-detail-name { text-decoration: none; }
.por-checkout-comments { max-width: 70%; }
.por-checkout-city { display: block; }

input#submit { margin-top: 10px; }

/* Resources */
.resources { padding: 0px 0px 0px 5px; }
.resources h3 { font-size: 20px; color: #111; padding: 0px; margin: 10px 0px 0px; }
.resources h3 a { font-size: 16px; font-weight: bold; text-decoration: none; }
.resources p { padding: 0px 0px 0px 5px; margin: 5px 0px 10px; }
.resources ul { padding-left: 10px; }
.resources ul li a { background: url(images/bullet-dark.png) no-repeat 0px 5px; padding-left: 12px; }

/* Misc */
* { -webkit-tap-highlight-color: rgba(0,0,0,0); }

::-webkit-input-placeholder { color: #111; }
:-moz-placeholder { color: #111; }
::-moz-placeholder { color: #111; }
:-ms-input-placeholder { color: #111; }

.go-to-top { display: none; position: fixed; bottom: 2%; right: .5%; z-index: 10001; }
.go-to-top a { display: block; line-height: 1; }
.go-to-top i { color: #777; font-size: 30px; line-height: 1; border: 1px solid #CCC; background: #FFF; padding: 8px 15px 10px; opacity: .9; }
.go-to-top i:hover { color: #333; }

.hover-trans a { transition: color 0.4s ease 0s; }
.hover-bg-trans a { transition: background 0.4s ease 0s; }

ul.table li { float: left; }
ul.table.two-cell li { width: 300px; padding: 8px 0px; border-bottom: 1px solid #EEE; }
ul.table.two-cell li:nth-child(2n+1) { clear: left; width: 320px; }
ul.table.two-cell li:first-child, ul.table.two-cell li:nth-child(2) { padding: 0px 0px 10px; }

.no-top-margin { margin-top: 0px !important; }
.no-bottom-margin { margin-bottom: 0px !important; }
.no-top-padding { padding-top: 0px !important; }
.no-bottom-padding { padding-bottom: 0px !important; }

.center { text-align: center; }

/* Drop shadow */
.drop-shadow { position: relative; display: block; background: #FFF; line-height: 0; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.drop-shadow:before, .drop-shadow:after { content: ""; position: absolute; z-index: -2; }
.lifted:before, .lifted:after { bottom: 20px; left: 5px; width: 50%; height: 20%; -webkit-box-shadow: 0 20px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 20px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 20px 5px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -ms-transform: rotate(-6deg); -o-transform: rotate(-6deg); transform: rotate(-6deg); }
.lifted:after { right: 5px; left: auto; -webkit-transform: rotate(6deg); -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); -o-transform: rotate(6deg); transform: rotate(6deg); }

/* Buttons */
.readmore-button { display: block; }
.readmore-button a { float: left; color: #333; border: 2px solid #333; line-height: 40px; padding: 0px 20px; margin: 15px 0px 25px; }
.readmore-button a:hover { color: #111; text-decoration: none; }
.cat-button { background: #FFF; text-align: center; padding: 15px 2%; }
.cat-button a { display: block; width: 94%; color: #FFF; font-family: 'Roboto Condensed', sans-serif; font-size: 20px; text-transform: uppercase; text-decoration: none; background: #226fb9; /*50aa51*/ border-radius: 30px; padding: 15px 0px; margin: 0px auto; }

/* Disable website scrolling */
.disable-scrolling { height: 100%; overflow: hidden; }

/* Full width */
body.full-width #porheader { width: 100%; }
body.full-width #porheader #logo { margin-left: 1%; } body.full-width #porheader-wrap.navbar-under-logo #logo { margin-left: 0px; }
body.full-width #porheader #header-links { margin-right: 1%; } 
body.full-width #search-bar-wrap { width: 98%; }
body.full-width #slideshow-container { width: 100%; padding: 15px 0px; }
body.full-width .slideshow-wrap { width: 98%; }
body.full-width h1.index { width: 96%; }
body.full-width .portiles { width: 100%; }
body.full-width .poricons { width: 100%; }
body.full-width .porpanels { width: 100%; }
body.full-width .porcat { width: 100%; }
body.full-width .porbanners { width: 100%; }
body.full-width .porlogos { width: 100%; }
body.full-width #porfooter { width: 100%; }

/* Media Querries */
.show-in-menu { display: none; }
.show-in-mobile { display: none; }
.show-in-tablet { display: none; }
.show-in-small-tablet { display: none; }

@media screen and (max-width : 1800px) {
  #search-bar-cart ul li { font-size: 13px; }
  #search-bar-cart ul li img { width: 20px; height: 20px; margin-top: 9px; margin-right: 5px; }
  .slideshow-wrap .slide-content-overlay { /*background-color: rgba(0, 0, 0, 0.3);*/ }
  .card-flip-back { padding-top: 40px; }
  .card-flip-back p { font-size: 13px; }
  .card-flip-back h2 { font-size: 15px; }
  .card-flip-back .readmore a { margin-top: 20px; font-size: 14px; }
}

@media screen and (max-width : 1600px) {
  #navbar-wrap { } 
  .portiles.flip-tiles ul li, .card-flip { width: 250px; height: 167px; }
  .card-flip-back h2 { font-size: 16px; }
  .card-flip-back .readmore a { }
  .porcat ul { width: 100%; }
  .porcat ul li { width: 15%; }
  .card-flip-back { padding-top: 20px; }
  .catalog h1 { } 
  h1.index { font-size: 24px; }
}

@media screen and (max-width : 1366px) {
  #search-bar-wrap.fixed #search-bar-cart ul li span { display: none; }
  #search-bar-wrap.fixed.show-search-bar-logo #search-bar { width: 25%; }
  #search-bar { width: 42%; }
  .portiles.v2 ul li .tile-content { font-size: 12px; }
  .portiles.v2 ul li .tile-content h2 { font-size: 18px; }
  .portiles.v2 ul li .tile-content .readmore-button a { }
  .portiles.flip-tiles { width: 86%; padding: 0px 2% 2%; }
  .portiles.flip-tiles ul.left-tiles { width: 49%; padding-right: 0; }
  .portiles.flip-tiles ul.right-tiles { width: 49%; padding-left: 0; }
  .go-to-top { bottom: 8%; right: 1%; }
  h1.index { font-size: 20px; }
}

@media screen and (max-width : 1280px) {
  #porheader { width: 98%; }
  #porheader #navbar { margin-top: 0px; } #porheader-wrap.has-font-logo #navbar { margin-top: 8px; } #porheader-wrap.has-font-logo.fixed #navbar { margin-top: 8px; }
  #porheader #navbar ul li { /*margin: 0px 10px;*/ padding: 0px 15px; }
  #porheader #navbar ul ul li { /*margin: 0px 10px;*/ padding: 5px 10px; padding-right: 0px; }
  #porheader #navbar ul li a { font-size: 17px; }
  #porheader #navbar ul ul li a { font-size: 13px; }
  #porheader #navbar ul li.navbar-icon img { width: 15px; height: 15px; }
  #porheader-wrap.has-font-logo #header-links { margin-left: 2%; }
  #search-bar-wrap { float: none; display: block; width: 98%; padding: 5px 1%; }
  #search-bar-cart ul li { font-size: 12px; }
  #search-bar { width: 35%; }
  #slideshow-container { width: 95%; }
  .slideshow-wrap .slide-content { }
  h1.index { width: 96%; }
  .portiles { width: 100%; }
  .portiles.flip-tiles { width: 96%; }
  .card-flip-back { padding-top: 17px; }
  .portiles.flip-tiles ul li, .card-flip { width: 230px; height: 154px; }
  .poricons { width: 100%; }
  .porpanels { width: 100%; }
  .porcat { width: 100%; }
  .porcat ul li { width: 17%; }
  .porlogos { width: 100%; }
  .porbanners { width: 100%; }
  .content-wrap { width: 96%; padding: 2.5% 2%; }
  #porfooter { width: 100%; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
  .card-flip-back { padding-top: 15px; }
  h1.index { font-size: 18px; }
}
@media screen and (max-width : 1100px) {
  .portiles.flip-tiles ul li, .card-flip { width: 400px; height: 268px; }
  .card-flip-back p { padding: 0px 10%; }
  .card-flip-back h2 { font-size: 18px; }
  .card-flip-back .readmore a { margin-top: 30px; font-size: 14px; }
  .card-flip-back { padding-top: 40px; }
}
@media screen and (max-width : 1024px) {
  #porheader { padding:  10px 0px; }
  #porheader-wrap.fixed, #porheader.has-font-logo.fixed { background: #FFF; border-bottom: 0px none; }
  #porheader-wrap.navbar-under-logo { padding-bottom: 7px; }
  #porheader-wrap.navbar-under-logo #porheader #logo { margin-top: 0px; }
  #porheader-wrap.navbar-under-logo #porheader #header-links { top: 5px; }
  #porheader #logo { float: none; text-align: center; margin-left: 0px; }
  #porheader #logo img { width: auto; max-height: 60px; }
  #porheader #pormenu { position: absolute; display: block; top: 5px; left: 5px; margin-top: 0px; } #porheader-wrap.fixed #pormenu { top: 0px; } #porheader-wrap.has-font-logo #pormenu { top: -5px; margin-top: 0px; }
  .hide-in-menu { display: none !important; }
  #porheader-wrap.navbar-under-logo.has-font-logo #porheader #logo { margin-top: 0px; }
  #porheader #pormenu .show-submenu img { /*background: #FFF;*/ border-radius: 2px; }
  #porheader #navbar-wrap { display: none; }
  #porheader #pormenu { margin-top: 11px; }
  #porheader #header-links li.navbar-icon { margin-top: 10px; }
  #porheader #header-links { float: none; position: absolute; top: 5px; right: 10px; margin-top: 0px; } #porheader-wrap.fixed #header-links { top: 5px; margin-top: 0px; }
  #porheader-wrap.fixed #header-links.vertical-links { margin-top: 0px; }
  #porheader-wrap.fixed.has-font-logo #header-links.vertical-links { margin-top: 0px; top: 0px; }
  #porheader-wrap.has-font-logo #header-links { top: -2px; margin-top: 0px; } #porheader-wrap.has-font-logo.fixed #header-links { top: -2px; margin-top: 0px; }
  #porheader-wrap.navbar-under-logo #porheader #header-links { } #porheader-wrap.fixed.navbar-under-logo #porheader #header-links { top: 0px; }
  #porheader #header-links .navbar-search { display: none; }
  #porheader #header-links .navbar-phone img { width: 30px; height: 30px; }
  #search-bar-form input { width: 90%; padding-right: 20%; }
  #search-bar { width: 100%; }
  #search-bar-cart { display: none; }
  #search-bar-wrap.fixed.show-search-bar-logo { display: none; }
  .portiles ul li { width: 50%; }
  .portiles ul li a { font-size: 18px; }
  .poricons ul li { font-size: 20px; }
  .poricons img { margin-right: 10px; }
  .show-in-mobile { display: block; }
  .hide-in-tablet { display: none !important; }
  .show-in-tablet { display: block !important; }
  .go-to-top { bottom: 6%; right: 1%; }

  .por-checkout-table-main { }
  .por-checkout-table-customer-info td { float: left; clear: left; padding: 0px 0px !important; }
  .por-checkout-table-customer-info input { margin-bottom: 15px; max-width: 80%; }
  #mainpage form table tbody tr td table tbody tr td input { display: inline-block; }
}
@media screen and (max-width : 1000px) {
  body { font-size: 14px; }
  ul.bullet a:before { margin-top: 5px; }
  .poricons { width: 100%; background: none; }
  .poricons ul li { display: block; width: 98%; background: #900; /*border-radius: 6px;*/ padding: 5% 0px 6%; margin: 0px auto 10px; }
  .poricons ul li:last-child { margin-bottom: 0px; }
  .poricons img { display: none; }
  .porpanels h2 { text-align: left; }
  .porcat ul li { width: 20%; }
  .porlogos img { max-height: 50px; }
  .porbanners h2 { font-size: 18px; }
  .portiles.flip-tiles { padding: 1% 2% 3%; }
  .card-flip-back { padding-top: 50px; }
  .portiles.flip-tiles ul li, .card-flip { width: 350px; height: 234px; }
  .catalog { width: 25%; }
  .catalog .catalog-title { font-size: 20px; }
  .catalog ul li a { font-size: 16px; }
  .content { width: 66%; }
  #mainpage, #newitempage { width: 65%; }
  #mainpage h1, #newitempage h1 { margin-top: 5px; }
}
@media screen and (max-width : 800px) {
  .slideshow-wrap { border: 0px none; border-radius: 5px; }
  h1.index { font-size: 18px; }
  .porcat ul li { width: 40%; }
  .porpanels h2 { font-size: 20px; }
  .porpanels h3 { font-size: 18px; }
  .portiles.v2 ul li { width: 96%; margin: 10px 2% 0px; }
  .portiles.v2 ul li:last-child { margin-bottom: 10px; }
  .porlogos img { max-height: 40px; }
  .porbanners .banner-img { width: 44%; padding: 1% 3%; }
  .porbanners .banner-img img { margin-top: 5%; }
  .portiles.flip-tiles ul { display: block; width: 100%; text-align: center; } .portiles.flip-tiles ul.right-tiles { text-align: center; }
  .portiles.flip-tiles ul li, .card-flip { width: 400px; height: 268px; }
  .page-img.fr { float: none; display: block; margin: 0px 0px 15px; }
  .page-img.fr img { margin: 15px 0px 0px; width: 100%; height: auto; }
  .card-flip-back { padding-top: 70px; }
  h1.index { font-size: 16px; }
}
@media screen and (max-width : 700px) {
  #slideshow-left { display: block; float: none; width: 100%; margin-bottom: 15px; }
  #slideshow-right { display: block; float: none; width: 100%; }
  .slideshow-wrap { border: 0px none; }
  .content h1 { font-size: 20px; margin-bottom: 15px; }
  .catalog { display: none; }
  .store-location { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #CCC; }
  .store-location ul { float: left; width: 60%; }
  .store-map { display: none; clear: both; width: 100%; }
  .google-store-map { padding: 10px 15px; }
  .google-store-map img { width: auto; height: 60px; }
  .content, #mainpage, #newpage { width: 100%; }
  .show-in-small-tablet { display: block !important; }
  #mainpage table td { float: left; clear: left;  }
}
@media screen and (max-width : 500px) {
  #porheader #logo a { font-size: 22px; }
  #porheader #pormenu { top: 5px; } #porheader-wrap.has-font-logo #pormenu { }
  #porheader #header-links { top: 5px; } #porheader-wrap.fixed #header-links { top: 4px; } #porheader-wrap.has-font-logo #header-links { top: -5px; }
  #porheader-wrap.has-font-logo.fixed #header-links { top: 0px; }
  #porheader #header-links li.navbar-icon { margin-left: 10px; }
  #search-bar-form input { width: 80%; padding-right: 30%; }
  .portiles { width: 96%; }
  .portiles ul li a { font-size: 16px; }
  .poricons { width: 98%; }
  .porbanners .banner-img { float: none; display: block; width: 90%; margin: 0px auto; }
  .porbanners .banner-text { float: none; display: block; width: 90%; margin: 0px auto; }
  .porbanners ul li:nth-child(2n+1) .banner-img { float: none; display: block; }
  #porfooter { padding: 5% 0px; text-align: left; }
  #footer-connect ul { text-align: left; }
  .card-flip-back { padding-top: 30px; }
  .portiles.flip-tiles ul li, .card-flip { width: 300px; height: 201px; }
  .slideshow-wrap .slide-text { font-size: 28px; }
  .slideshow-wrap .slide-content-overlay { }
  .slideshow-wrap .slide-text span { font-size: 45px; }
  .slideshow-wrap .slide-link a { font-size: 30px; }
  .multicolcell { width: 140px; height: 180px; }
  .thumbnailimgtall, .thumbnailimg { max-height: 80px; max-width: 80px; }
  .readmore-button.show-in-tablet a { font-size: 18px; }
  
  #mainpage table { padding: 0px 10px; }
  #mainpage td { max-width: 300px !important;  }
  #mainpage form { float: left; clear: left; max-width: 300px; }
  #mainpage form table tbody tr td { padding: 0px; }
  
  #mainpage form input { margin-top: 15px; }
  #mainpage p { clear: both; }
  .por-checkout-item-qty { display: block; margin-top: 15px; }
  .por-checkout-item-price { display: block; white-space: nowrap; }
  .por-checkout-total-price-string { display: block; margin-top: 15px; }
  .por-checkout-total-price { display: block; margin-bottom: 15px; }
  .por-checkout-table-main { width: inherit; max-width: 320px; padding: 0px; margin: 0px; }
  .por-checkout-table-customer-info { width: inherit !important; max-width: 320px; padding: 0px; margin: 0px; }
  #mainpage form table tbody tr td table tbody tr td input.por-checkout-city { display: block; margin-bottom: 5px; }
  #mainpage form table tbody tr td table tbody tr td input.por-checkout-email { display: block; margin-bottom: 5px; }
  #mainpage form table tbody tr td table tbody tr td span.por-checkout-email2-string { display: block; margin-top: 15px; }
}
@media screen and (max-width : 360px) {
  #pormenu ul li.menu-buttons div i { font-size: 20px; }
  #slideshow-container { width: 95%; }
  h1.index { background: #50aa51; color: #FFF; font-size: 16px; width: 90%; padding: 10px 5%; }
  .portiles ul li a { font-size: 14px; }
  .portiles ul li span { background-color: rgba(0, 0, 0, 0.4); }
  .portiles.v2 ul li .tile-content { width: 92%; padding: 0px 4%; font-size: 12px; }
  .portiles.v2 ul li .tile-content h2 { font-size: 20px; margin: 20px 20px; }
  .portiles.v2 ul li .tile-content .readmore-button a { font-size: 12px; margin-top: 5px }
  .porcat h2 { display: none; font-size: 16px; margin-bottom: 20px; }
  .porcat ul { padding-top: 3%; }
  .porcat ul li { margin-bottom: 7%; }
  .porcat ul li span, .porcat.v2 ul li span, .porcat.v2a ul li span, .porcat.v3 ul li span { margin-top: 10px; }
  .porcat.v3 img { padding: 6px 0px; }
  .hide-in-mobile { display: none !important; }
  .google-store-map span { display: none; }
}