﻿/*FONTS START*/
@font-face {
	font-family: 'MyriadPro-Bold';
	src: url('../fonts/myriadprobold.eot');
	src: url('../fonts/myriadprobold.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadprobold.woff') format('woff'),
	url('../fonts/myriadprobold.ttf') format('truetype'),
	url('../fonts/myriadprobold.svg#myriadprobold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-BoldCond';
	src: url('../fonts/myriadproboldcond.eot');
	src: url('../fonts/myriadproboldcond.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadproboldcond.woff') format('woff'),
	url('../fonts/myriadproboldcond.ttf') format('truetype'),
	url('../fonts/myriadproboldcond.svg#myriadproboldcond') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Cond';
	src: url('../fonts/myriadprocond.eot');
	src: url('../fonts/myriadprocond.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadprocond.woff') format('woff'),
	url('../fonts/myriadprocond.ttf') format('truetype'),
	url('../fonts/myriadprocond.svg#myriadprocond') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Light';
	src: url('../fonts/myriadprolight.eot');
	src: url('../fonts/myriadprolight.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadprolight.woff') format('woff'),
	url('../fonts/myriadprolight.ttf') format('truetype'),
	url('../fonts/myriadprolight.svg#myriadprolight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('../fonts/myriadproregular.eot');
	src: url('../fonts/myriadproregular.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadproregular.woff') format('woff'),
	url('../fonts/myriadproregular.ttf') format('truetype'),
	url('../fonts/myriadproregular.svg#myriadproregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-SemiboldCond';
	src: url('../fonts/myriadprosemiboldcond.eot');
	src: url('../fonts/myriadprosemiboldcond.eot?#iefix') format('embedded-opentype'),
	url('../fonts/myriadprosemiboldcond.woff') format('woff'),
	url('../fonts/myriadprosemiboldcond.ttf') format('truetype'),
	url('../fonts/myriadprosemiboldcond.svg#myriadprosemiboldcond') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*FONTS END*/
body {
	background: #fff;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
}
iframe {
	border: 0px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
#wrap {  /* min-width: 320px; */  }
hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #BBB;
}
/*BOOTSTRAP CHEAT*/
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.breadcrumb {
    padding: 8px 75px 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
/*BOOTSTRAP CHEAT*/
/********************************************************************/
#header-top-navigation {  background: #ccc; font-family: MyriadPro-Regular; }
#header-top-navigation ul { 
	background: #e20017; 
	width: 100%; 
	margin: 0px; 
	padding: 0px; 
	padding-top: 4px; 
	display: table; 
}
#header-top-navigation ul li { 
	width: 50%;
    display: table-cell;
    background: transparent;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    text-align: center;
    height: 40px;
}
#header-top-navigation ul li.lang-active { background: #FFF;  }
#header-top-navigation ul li a { 
	color: #FFF; 
	text-decoration: none; 
	font-size: 14px; 
	display: inline-block; 
	padding: 4px 30px; 
	font-weight: bold;
}
#header-top-navigation ul li.lang-active a { color: #000;  }
/********************************************************************/
#headimg { background: #ccc; }
#headimg #logo { background: #fff; }
#headimg #logo img { vertical-align: middle;  margin: auto; }
#headimg #wood {
	background-size: cover;
	min-height: 195px;
}
#headimg #headimgrow {
	background: #fff;
}
#menu ul {
	text-align: right;
	font-family: MyriadPro-Regular;
	padding: 0px 0px;
}
.nav li img {
    display: none;
}
#menu ul li {
	display: inline;
	font-size: 1.2em;
}
#menu ul li:last-child a {
	/* padding-right: 0px !important; */
}
#menu ul li a {
	padding: 10px 10px;
	display: inline-block;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #e20017;
	-webkit-transition: background-color 1000ms ease-in-out, color 500ms ease-in-out;
    -moz-transition: background-color 1000ms ease-in-out, color 500ms ease-in-out;
    -o-transition: background-color 1000ms ease-in-out, color 500ms ease-in-out;
    -ms-transition: background-color 1000ms ease-in-out, color 500ms ease-in-out;
    transition: background-color 1000ms ease-in-out, color 500ms ease-in-out;
}
#menu ul li + li:before{
    content: "|";
    padding: 0 0px;
	color: #fff;
	margin-right: 1px;
	margin-left: 1px;
}
#menu ul li a:hover, #menu ul li a:focus {
	background: #fff;/*#A79091;*/
	color: #000;
	-webkit-transition: background-color 250ms ease-in-out, color 125ms ease-in-out;
    -moz-transition: background-color 250ms ease-in-out, color 125ms ease-in-out;
    -o-transition: background-color 250ms ease-in-out, color 125ms ease-in-out;
    -ms-transition: background-color 250ms ease-in-out, color 125ms ease-in-out;
    transition: background-color 250ms ease-in-out, color 125ms ease-in-out;
}
.navbar {
	min-height: 0px;
	margin-bottom: 0px;
}
.navbar-inverse {
	background: transparent;
	border: 0px;
}
.navbar-inverse .navbar-toggle {
	border: 0px;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background-color: transparent;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border-color: transparent;
}
/************************************************************/
/* LANG SELECTOR - MAIN TYPE ********************************/
#stripe {
	background: #e20017;
	font-family: MyriadPro-Regular;
}
#stripe #oneClickMenu {
	width: 100%;
	text-align: center;
}
#stripe #oneClickMenu ul {
	width: 100%;
	list-style-type: none;
	text-align: center;
	margin:0 auto;
	padding: 10px 0px;
	display: table;
}
#stripe #oneClickMenu ul li {
	display: table-cell;
	width: 50%;
	position: relative;
}
#stripe #oneClickMenu ul li a {
    padding: 11px 6px 12px 6px;
	font-size: 1.0em;
	color: #fff;
	display: inline;
	position: relative;
}
#stripe #oneClickMenu ul li.lang-active a {
	font-weight: bold;
}
#stripe #oneClickMenu ul li a:hover, #stripe #oneClickMenu ul li a:focus  {
	background: transparent;
}
/*nyíl az aktív menü fölé*/
#stripe #oneClickMenu .lang-active a::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 10px solid #fff;
	width: 10px;
	position: absolute;
	top: -2px;
	left: 50%;
}
#stripe #oneClickMenu ul li + li:before{
    content: "|";
    padding: 0 0px;
	color: #fff;
	position: absolute;
	left: 0px;
}
#stripe #oneClickMenu ul li a {
    padding: 11px 0px 12px 0px;
    font-size: 1em;
}
#stripe #menu-button {
	display: none;
}
/************************************************************/
/************************************************************/
#leftCol {
	font-family: MyriadPro-Regular;
}
#leftCol h4 {
	text-align: center;
	color: red;
	text-transform: uppercase;
	font-weight: bold;
}
#leftCol #leftMenu {
	width: 100%;
}
#leftCol #leftMenu > ul {
	width: 100%;
	list-style-type: none;
	-webkit-padding-start: 0px;
	margin-bottom: 0px;
}
#leftCol #leftMenu > ul  li {
	background: #ccc;
	margin-bottom: 1px;
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 0px 10px;
	width: 100%;
}
#leftCol #leftMenu > ul  li a {
	text-decoration: none;
	position: relative;
	color: #000;
	display: inline-block;
	padding-left: 15px;
}
#leftCol #leftMenu > ul  li  a:hover, #leftCol #leftMenu  ul  li  a:focus {
	background: transparent;
}
#leftCol #leftMenu > ul  li.parent > a::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 7px solid  #000;
	position: absolute;
	left: 0px;
	margin-top: 8px;
}
#leftCol #leftMenu > ul  li.parent.active > a::before {
	content: "";
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 7px solid #000;
	position: absolute;
	left: -2px;
	margin-top: 11px;
}
#leftCol #leftMenu > ul li ul li.parent > a::before {
	border-left: 7px solid  #e20017;
}
#leftCol #leftMenu > ul li ul li.parent.active > a::before {
	border-top: 7px solid #e20017;
}
#leftCol #leftMenu  ul li  a.active {
	text-decoration: none;
}
#leftCol #leftMenu > ul  li.parent > ul {
	display: none;
}
#leftCol #leftMenu > ul  li.parent.active > ul {
	margin-top: 0px;
	display: inline-block;
	width: 100%;
}
#leftCol #leftMenu > ul  li  ul {
	list-style-type: none;
	-webkit-padding-start: 20px;
}
#leftCol #leftMenu > ul > li  ul li {
	padding:4px 2px 4px 2px;
	font-size: 0.75em;
}
#leftCol #leftMenu > ul > li  ul  li   a {
	text-decoration: none;
	color: #e20017;
	font-family: 'MyriadPro-Bold';
	display: inline-block;
	font-weight: bold;
}
#leftCol #leftMenu > ul li.parent.active > ul  ul {
	padding-left: 13px;
}
#leftCol #leftMenu > ul > li > ul  > li ul li  {
	padding:0px;
	font-size: 0.85em;
}
#leftCol #leftMenu > ul > li > ul  > li ul li a {
	color: #000;
	padding: 2px 2px 2px 12px;
	text-transform: none;  
	font-weight: normal;
	font-family: Arial;
}
#leftCol #leftMenu > ul > li > ul  > li ul li  a::before {
	margin-top: 4px !important;
}
#leftCol #leftMenu > ul > li > ul  > li ul li  a:hover, #leftCol #leftMenu > ul > li > ul  > li ul li  a.active {
	text-decoration: underline;
}
#leftCol #leftMenu ul .red a {
	color: #ff0000;			/*Még lehet módosítani kell*/
}
#leftCol #map {
	background: #fff; /*#F8F2C9;*/
}
#leftCol #map h4 {
	background: #fff; /*#F8F2C9;*/
	padding-top: 10px;
	margin-top: 0px;
}
#leftCol #newsLetter {
	background: #e3e3e3;
}
#leftCol #newsLetter h4 {
	padding-top: 15px;
	margin-top: 1px;
	margin-bottom: 0px;
}
#leftCol #newsLetter .acymailing_introtext {
	font-size: smaller;
	text-align: center;
	padding-top: 5% !important;
	padding-bottom: 5% !important;
	padding-left: 15% !important;
	padding-right: 15% !important;
}
#leftCol #newsLetter .acymailing_module .acymailing_module_form .row div {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
#leftCol #newsLetter .acymailing_module .acymailing_module_form .row div:first-child {
	text-align: right;
}
#leftCol #newsLetter .acymailing_module .acymailing_module_form .row div:first-child label {
	padding-top: 3px;
	padding-right: 5px;
}
#leftCol #newsLetter .acymailing_module .acymailing_module_form .row div:last-child input {
	width: 90%;
}
#leftCol #newsLetter .acymailing_module .acymailing_module_form .acysubbuttons {
	text-align: center !important;
	margin-top: 10px !important;
	margin-bottom: 20px !important;
}
#leftCol #newsLetter .acymailing_module .acymailing_module_form .acysubbuttons input{
	background: #aaa;
	border-color: #aaa;
	text-decoration: none;
	color: #fff;
	width: 75%;
}
/*.acymailing_module_form td:last-child {
	padding-bottom: 20px;
}
table.acymailing_form {
    margin: auto;
    border: 0px !important;
    width: 100%;
}
#leftCol #newsLetter .acymailing_form tbody tr td:first-child {
	text-align: right;
	padding-right: 5px;
}
#leftCol #newsLetter .acymailing_form tbody tr .acysubbuttons {
	text-align: center !important;
}
#leftCol #newsLetter .acymailing_form tbody tr .acysubbuttons input{
	background: #aaa;
	border-color: #aaa;
	text-decoration: none;
	color: #fff;
	width: 75%;
}*/
#mainContent {
  display:table;
  padding-top: 30px;
  padding-left: 50px;
}
#mainContent .item-page div h3 {
	font-size: 0.9em !important;
}
#mainContent .item-page div p a {
	color: #e20017;
}
#mainContent .item-page div h3 span {
	color: #e20017;
	font-size: 1.1em;
}
#mainContent .item-page div ul li h4 a {
	color: #e20017;
}
#mainContent .item-page div h4 a {
	color: #095197;
	font-size: small;
	text-decoration: none;
	font-family: 'Titillium Web', Arial;
}
#mainContent .item-page div h5 span span span span a {
	color: #e20017;
}
#mainContent h1 {
	color: #999;
	border-bottom: solid 1px #ddd;
	font-family: 'Titillium Web', Arial;
	padding: 5px;
	font-size: 2em;
	line-height: 1.19em;
	margin: 0 -5px 10px -5px;
	font-weight: bold;
}
#mainContent h2 {
	color: #555;
	font-family: 'Titillium Web', Arial;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 3px 0px;
}
#mainContent .pli-item {
	text-align: center;
}
#mainContent .pli-item a {
	text-decoration: underline;
	color: black;
}
#mainContent .pli-item a h3 {
	
	font-size: 14px;
}
#mainContent #countyNav {
	width: 90px;
}
#mainContent #countyNav ul ul {
	display: none;
}
#mainContent #countyNav ul li:hover > ul {
	display: block;
}
#mainContent #countyNav ul {
	background: #e20017;
	padding: 0px;
	list-style: none;
}
#mainContent #countyNav > ul > li > a:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #fff;
	position: absolute;
	margin-top: 6px;
	left: 60px;
}
#mainContent #countyNav ul:after {
	content: "";
	clear: both;
	display: block;
}
	
#mainContent #countyNav ul li {
	float: left;
	width: 100%;
}
#mainContent #countyNav > ul > li {
	/*text-align: center;*/
}
#mainContent #countyNav ul li:hover {
	/*background: #4b545f;*/
}
#mainContent #countyNav > ul > li:hover > a:before {
	content: "";
	width: 0;
	height: 0;
	border-top: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid #fff;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-top: 5px solid #fff;
	position: absolute;
	margin-top: 8px;
	left: 58px;
}
#mainContent #countyNav ul li:hover a {
	color: #fff;
}
	
#mainContent #countyNav ul li a {
	display: block;
	padding: 10px 10px;
	color: #fff;
	text-decoration: none;
}
#mainContent #countyNav > ul > li > a {
	padding: 10px 20px;
}
#mainContent #countyNav ul ul {
	background: rgba(226,0,23,0.75); 
	border-radius: 0px;
	padding: 0px;
	position: absolute;
	left: 50px;
	z-index: 5;
    margin-top: 0px;
}
	
#mainContent #countyNav ul ul li {
	float: none; 
	border-top: 0px;
	border-bottom: 0px;
	position: relative;
	display: inline;
	text-align: left !important;
}
#mainContent #countyNav ul ul li a {
	padding: 0px;
	color: #fff;
	display: inline-block;
	padding: 10px 20px;
}	
#mainContent #countyNav ul ul li a:hover {
	background: rgba(226,0,23,0.9);
}
#mainContent #basicInfo {
	position: relative;
}
#mainContent #basicInfo #title-desc {
}
#mainContent #productDetails {
	padding-top: 20px;
}
#mainContent #productDetails #detailsTable {
	margin-top: 10px;
	width: 100%;
}
#mainContent #productDetails #detailsTable tr td {
	padding: 10px;
}
#mainContent #detailsTable tr:nth-child(odd) {
	background: #eee;
}
#mainContent #detailsTable tr td:first-child {
	text-align: left;
}
#mainContent #detailsTable tr td:last-child {
	text-align: right;
}
#mainContent #productDetails .tab-content .tab-pane.active div div {
	font-size: 1.0em;
	padding: 5px;
}
#mainContent #productDetails .tab-content .tab-pane.active div div:nth-child(odd) {
	/*text-align: right;*/
	background-color: #eee;
}
#mainContent #productDetails .tab-content .tab-pane.active div div a {
	text-decoration: none;
	color: #ff0000;
	text-transform: uppercase;
}
#mainContent #productDetails .tab-content .tab-pane.active div div a:hover {
	text-decoration: underline;
}
.pes_products_cat_act {
	padding-bottom: 0px;
}
.pes_products_cat_act h3 {
	text-transform: uppercase; 
}
.pes_products_cat_act_back {
	position: absolute; right: 0px; top: 30px;
}
  
footer {
	/*background-color: #eee;*/
	padding-top: 20px;
	padding-bottom: 60px;
}
.subfilter select {
	width: 90%;
}
.panel-body {
    padding: 0px;
}
.panel-default {
    border: 0px;
}
.pes_products_subcat_list_item {
	float: left; 
	display: block; 
	padding: 10px;
}
.pes_products_subcat_list_item a{
	display: block;
	margin: 2px; 
	text-decoration: none;
	border: 1px solid #777;
}
.pes_products_subcat_list_item a span {
	padding: 4px 1px;
	display: block;
	background: #777;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#top-content .nav { padding-bottom: 20px;}
#top-content .nav li { list-style-type: circle;}
#top-content .nav li a { text-decoration: none; color: #111; font-weight: bold; }
#pes_products_list h4 {
	color: #e20017;
}
#newsLetter {
	margin: 4px 0px;
	padding-bottom: 12px;
}
#newsLetter li {
	margin: 6px 0px 0px 0px;
	padding: 2px 20px;
	
}
#newsLetter li a {
	display: block;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: #e20017;
	color: #FFF;
}
.page-header {
    padding-bottom: 0px;
    margin: 10px 0 20px 10px;
    border-bottom: 0px solid #eee;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}
.pagination ul  {
	margin: 0px;
}
.pagination ul li {
	display: inline-block; 
	padding: 4px; 
}
.pagination ul li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
}
.pg-cvcsv {
    margin: 10px;
    border-bottom: 0px solid #e8e8e8;
    border-top: 0px solid #e8e8e8;
    padding-bottom: 0px;
    clear: both;
}
.pg-cvcsv-name {
    text-align: left;
    margin-top: 5px;
    padding-left: 0px;
    margin-bottom: 10px;
    background: none;
}
.pg-cvcsv-name a{
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}
.bs-gallery a { color: #000; text-decoration: none;  }
.bs-gallery-image { padding: 4px 4px 2px 4px; cursor: pointer;  }
.bs-gallery-title { padding: 2px 4px 4px 4px; }
.rsContentArea {
	position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
    padding: 10px;
    background: rgba(0,0,0,0.5);
    font-size: 1.4em;
}
#gallery-1.fly {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: auto !important;
    width: auto;
        z-index: 99;
}
#gallery-1 button.closebutton{
    position: absolute;
    top: 15px;
    right: 50px;
    color: #000;
    background: #FFF;
    border: 0px;
    border-radius: 4px;
    font-weight: bold;
}
.gallerybackbutton {
    color: #666;
    position: relative;
    margin: 20px 0px 15px 0px;
    top: 0px;
    right: 0px;
    display: inline-block;
    padding: 6px 12px;
    border: 1px solid #666;
}
.gallerybackbutton:hover{
	text-decoration: none;
	color: #666;
}
#copyright { 
	text-align: center;
	font-size: 14px;
	font-family: 'MyriadPro-Regular';  
}
.milesi-goto {
	font-family: 'Titillium Web', Arial;
	color: #555555;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18px;
	padding-left: 50px;
	line-height: 40px;
	font-weight: 600;
	margin: 4px 10px 4px 0px;
	display: inline-block;
}
.milesi-goto:hover, .milesi-goto:focus{
	text-decoration: none;
	color: #555555; 
}
#milesi-gotoshops {
	background: url("../images/milesi_shops.png") left center no-repeat;	
	background-size: contain;
}
#milesi-gotowebshop {
	background: url("../images/milesi_cart.png") left center no-repeat;
	background-size: contain;
}
#shops p {
	margin: 0px;
}

table#shops.dataTable tr.even {background: #EFEFEF;}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #111;
    font-family: MyriadPro-Regular;
}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    font-family: MyriadPro-Regular;
}
/* Media Queries
*********************************************/
/*
 Large desktop
*********************************************/
@media (max-width: 1199px) {
   
   /*
   #stripe #oneClickMenu {
		width: 100%;
		font-size: 1.0em;
	}
	
	#stripe #oneClickMenu ul {
		width: 100%;
		padding: 5px 0px;
	}
	
	#stripe #oneClickMenu ul li {
		width: 100%;
		display: list-item;
	}
	
	#stripe #oneClickMenu ul li a {
		width: 100%;
		font-size: 0.9em;
		color: #fff;
		display: list-item;
		padding: 0px !important;
	}
	
	#stripe #oneClickMenu .active a::before {
		content: "";
		width: 0;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 0px solid #fff;
		width: 0px;
		position: absolute;
		top: -1px;
		left: 50%;
	}
	
	#stripe #oneClickMenu ul li + li:before{
		content: "";
	}
	
	#stripe #oneClickMenu ul li:first-child{
		border-right: 0px;
	}
	*/
	
	#menu ul {
		padding: 0px 0px;
	}
	
	#menu ul li a {
		font-size: 0.9em;
		
	}
	
	label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-weight: 700;
		font-size: 0.7em;
	}
	
	table.acymailing_form {
		margin: auto;
		border: 0px !important;
		width: 80%;
	}
	#stripe #oneClickMenu ul li a {
	    padding: 11px 0px 12px 0px;
	    font-size: 0.875em;
	}
	#stripe #oneClickMenu ul li + li:before{
		left: 5px;
	}
}
/* 
Portrait tablet to landscape and desktop 
*********************************************/
@media (min-width: 768px) and (max-width: 991px) {
	
	#headimg #logo img {
	    height: 200px;
	}
	#menu ul {
		text-align: center;
		width: 100%;
		padding: 5px 0px;
	}
	
	#menu ul li a {
		font-size: 0.9em;
		padding: 6px 5px !important;
	}
	/*
	
	#stripe #oneClickMenu {
		max-width: 100%;
		margin-bottom: 0px;
	}
	#stripe #oneClickMenu ul li a {
		font-size: 1.3em;
		color: #fff;
		display: list-item;
		padding: 11px 8px 12px 8px !important;
	}
	
	#stripe #oneClickMenu .active a::before {
		content: "";
		width: 0;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 0px solid #fff;
		width: 0px;
		position: absolute;
		top: -2px;
		left: 50%;
	}
	
	#stripe #oneClickMenu ul li + li:before{
		content: "";
	}
	
	#stripe #oneClickMenu ul li:first-child{
		border-right: 0px;
	}
	
	*/
	label {
		display: inline-block;
		max-width: 100%;
		margin-bottom: 5px;
		font-weight: 700;
		font-size: 0.8em;
	}
	
	table.acymailing_form {
		margin: auto;
		border: 0px !important;
		width: 80%;
	}
}
/* 
Landscape phone to portrait tablet
*********************************************/
@media (max-width: 767px) {	
	#headimg #logo img {
	     height: 150px;
	}
	#mainContent {
		padding: 10px;
	}
	
	#menu ul {
		text-align: center;
		width: 100%;
	}
	#menu ul li {
		display: list-item;
		width: 100%;
	}
	#menu ul li:last-child a {
		padding-right: 0px;
	}
	#menu ul li a {
		display: list-item;
		text-transform: uppercase;
		text-decoration: none;
		color: #fff;
		font-size: 14px;
		padding: 4px 0px;
	}
	#menu ul li + li:before{
		content: "";
		display: none;
	}
	/*
	
	#stripe #oneClickMenu {
		max-width: 100%;
		margin-bottom: 0px;
	}
	
	#stripe #oneClickMenu ul li {
		display: list-item;
	}
	#stripe #oneClickMenu ul li a {
		font-size: 1.3em;
		color: #fff;
		display: list-item;
		padding: 11px 5px 12px 5px !important;
	}
	
	#stripe #oneClickMenu .active a::before {
		content: "";
		width: 0;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 0px solid #fff;
		width: 0px;
		position: absolute;
		top: -2px;
		left: 50%;
	}
	
	#stripe #oneClickMenu ul li + li:before{
		content: "";
	}
	
	#stripe #oneClickMenu ul li:first-child{
		border-right: 0px;
	}
	*/
	
	#headimg #wood {
		background: transparent;
		background-size: cover;
		min-height: 0px;
	}
	
	/*NEWSLETTER*/
	#leftCol #newsLetter .acymailing_introtext {
		font-size: 14px;
		text-align: center;
		padding-top: 5% !important;
		padding-bottom: 5% !important;
		padding-left: 15% !important;
		padding-right: 15% !important;
	}
	
	label {
		display: inline-block;
		max-width: 100%;
		margin-top: 5px;
		margin-bottom: 0px;
		font-weight: 700;
		font-size: 0.9em;
	}
	
	
	
	table.acymailing_form {
		margin: auto;
		border: 0px !important;
		width: 100%;
	}
	/*NEWSLETTER END*/
	
	#mainContent #countyNav > ul > li > a:before {
		left: 20px;
	}
	
	#mainContent #countyNav > ul > li:hover > a:before {
		left: 18px;
	}
	
	#mainContent #countyNav ul ul {
		left: 10px;	
	}
	.pes_products_cat_act_back {
	    position: absolute;
	    right: 10px;
	    top: 10px;
    }	
	#stripe {
	    background: #FFF;
	    font-family: MyriadPro-Regular;
	}
	#stripe #main-menu-button { 
		position: absolute;
		width: 44px;
		height: 48px;
		padding: 0px;
		background: #e20017;
		z-index: 99;
		border-right: 1px solid #FFF;
	}
	.container-fluid>.navbar-header {
	   margin-right: 0px;
	   margin-left: 0px;
	}
	#stripe .navbar-toggle {
	    position: relative;
	    float: right;
	    padding: 9px 10px;
	    margin-top: 8px;
	    margin-right: 0px;
	    margin-bottom: 8px;
	    background-color: transparent;
	    background-image: none;
	    border: 1px solid transparent;
	    border-radius: 4px;
	}
	#stripe #menu-button { 
		display: inline;
		width: 100%;
	}
	#stripe #menu-button button {
		height: 48px;
		position: relative;
		background: #808080;
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		width: 100%;
		border: 0px;
		color: #FFF;
		padding-bottom: 4px;
	}
	#stripe #menu-button button span {
		
		 position: relative;
	}
	#stripe #menu-button button span::before {
		position: relative;
		width: 15px;
	    height: 15px;
	    background: url(../images/dropdowncio.png) no-repeat;
	    content: "";
	    position: absolute;
	    margin-left: -20px;
	    margin-top: 6px;
	}
	#leftCol #leftMenu {
		border-top: 1px solid #FFF;
	    width: 100%;
	    display: none;
	}
}
/* 
Landscape phones and down
*********************************************/
@media (max-width: 480px) {	
	.h3, h3 {
	    font-size: 18px;
	}
	.breadcrumb {
	  font-size: 11px;
	}
	
	.h4, h4 {
	    font-size: 14px;
	}
	#headimg #logo img {
	    height: 120px;
	}
	#mainContent {
		padding: 10px 10px;
	}
	
	#headimg #wood {
		background: transparent;
		background-size: cover;
		min-height: 0px;
	}
	
	#stripe #oneClickMenu {
		max-width: 100%;
		font-size: 1.2em;
	}
	
	#stripe #oneClickMenu .active a::before {
		content: "";
		width: 0;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 0px solid transparent;
		border-top: 0px solid #fff;
		width: 0px;
		position: absolute;
		top: -2px;
		left: 50%;
	}
	
	#stripe #oneClickMenu ul li + li:before{
		content: "";
	}
	
	#stripe #oneClickMenu ul li:first-child{
		border-right: 0px;
	}
	
	#stripe #oneClickMenu ul li a {
		font-size: 1.3em;
		color: #fff;
		display: list-item;
		padding: 11px 5px 12px 5px !important;
	}
	
	/*NEWSLETTER*/
	#leftCol #newsLetter .acymailing_introtext {
		font-size: 14px;
		text-align: center;
		padding-top: 5% !important;
		padding-bottom: 5% !important;
		padding-left: 15% !important;
		padding-right: 15% !important;
	}
	
	label {
		display: inline-block;
		max-width: 100%;
		margin-top: 5px;
		margin-bottom: 0px;
		font-weight: 700;
		font-size: 0.9em;
	}
	
	table.acymailing_form {
		margin: auto;
		border: 0px !important;
		width: 100%;
	}
	/*NEWSLETTER END*/
	
	#mainContent #countyNav > ul > li > a:before {
		left: 20px;
	}
	
	#mainContent #countyNav > ul > li:hover > a:before {
		left: 18px;
	}
	
	#mainContent #countyNav ul ul {
		left: 10px;	
	}
}