/**
 * @author Vassilis Kyriazis
 * @company Webnal Intelligence
 * @copyright 2015
 */

/* INDEX 
    WCE1  -- CSS DEFINITIONS
    WCE2  -- PAGES
    WCE3  -- HEADER
    WCE4  -- NAVIGATIONS
    WCE5  -- HOMEPAGE
    WCE6  -- CATEGORIES
    WCE7  -- FILTERS
    WCE8  -- PRODUCTS
    WCE9  -- CUSTOMER
    WCE10 -- CART
    WCE11 -- FOOTER
    WCE12 -- SEARCH
    WCE13 -- MESSAGES
    WCE14 -- BANNERS
    WCE15 -- PRODUCT PROPERTIES
    WCE16 -- MICROGRID
    WCE17 -- NEWS
    WCE18 -- OFFERS
    WCE19 -- COMMENTS
    WCE20 -- OTHER COLORS
    WCE21 -- COMPARISON
    WCE22 -- SLICK
    WCE23 -- BSM
    WCE24 -- COOKIE NOTICE
    WCE -- COMMON RULES
*/

/* NOTES
    FONTS:  font-family: 'Roboto Condensed', sans-serif;
            font-family: Arial, Helvetica, sans-serif;
    COLORS: 
        BLUE: #379FE1
        GREEN: #7BB940
        DEEP GREEN: #669D20
        BEIGE: #BEBBAF
*/

/* WCE1  -- CSS DEFINITIONS */

@charset "UTF-8";
iframe { border:0; }
A img { border: none; }
HTML, BODY { 
    font-family: Arial, Helvetica, sans-serif;   
    width:100%;
    height: 100%;
    min-height: 100%;
    margin:0px;
    margin-left:auto; 
    margin-right:auto; 
    font-size: 13px;
    }
A:link 	{
    text-decoration:none; 
    color: #379FE1;
    cursor: pointer;
    }
A:visited { 
    text-decoration:none; 
    color: #379FE1;
    cursor: pointer;
    }
A:hover { 
    text-decoration: underline;
    cursor: pointer;
    color: #379FE1;
    }
A.active { text-decoration: underline }
H1 { font-size:2em; color:#222222; line-height: 1.0em; font-family: 'Roboto Condensed', sans-serif;}
H2 { font-size:1.8em; color:#222222; font-family: 'Roboto Condensed', sans-serif;}
H3 { font-size: 1.6em; color:#222222; font-family: 'Roboto Condensed', sans-serif;}
H4 { font-size: 1.4em; font-family: 'Roboto Condensed', sans-serif;}
H5 { font-size: 1.2em; font-family: 'Roboto Condensed', sans-serif;}
H6 { font-size: 1.2em; font-family: 'Roboto Condensed', sans-serif;}
FORM { }
TABLE { 
    border-spacing: 0px; 
    border-collapse: separate; 
    }
P { 
    font-size:1em; 
    padding-right:0.5em; 
    padding-left:0px; 
    padding-bottom:0.5em; 
    padding-top:0.5em; 
    }
INPUT { 
    font-size: 1.2em;
    padding: 10px 1%;
    border: 0px none;
    background: #379FE1 none repeat scroll 0% 0%;
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
    width: 98%;
    max-width: 300px;
    margin-bottom: 5px;
    color: #FFFFFF;
}
INPUT.form_button {
    margin-top: 20px;
    min-width: 100%;
}
INPUT:hover { 
    cursor: pointer;
    background-color: #73D44A;
    border: medium none;
}
INPUT:focus, INPUT:active { 
    cursor: pointer;
    background-color: #73D44A;
    border: medium none;     
}
INPUT[type="text"], INPUT[type="password"], SELECT {
    background: #FFFFFF;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px; 
    cursor: auto;
    color: #000000;
    border: 1px solid #BEBBAF;
}
INPUT[type=text]:hover,
INPUT[type=text]:focus,
INPUT[type=password]:hover,
INPUT[type=password]:focus,
SELECT:hover,
SELECT:focus {
    border:1px solid #98bcdf; 
    background-color:#FFFFCE; 
}
INPUT:-moz-read-only,
INPUT:read-only
 { /* For Firefox */
    background: none;
    color: #8B8785;
}
.input-labels {
    display: inline-block;
    min-width:150px;
    margin-bottom: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1em;
}
TEXTAREA { 
    background: #FFFFFF;
    border: 1px solid #BEBBAF;
    -webkit-border-radius: 2px; 
    -moz-border-radius: 2px; 
    border-radius: 2px;
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
    padding: 1%;
    width: 98%;
    margin-bottom: 5px;
    }
TEXTAREA:hover { border:1px solid #98bcdf; }
TEXTAREA:focus { border:1px solid #c7c7e7; background-color:#FFFFe7; }
SELECT { border:1px solid #d7d7d7; }
SELECT:hover { border:1px solid #98bcdf; }
SELECT:focus { border:1px solid #c7c7e7; background-color:#FFFFf9; }
LEGEND {
    padding: 10px;
    font-size: 1.2em;
    font-weight: bold;
    color: #002A06;
}
FIELDSET { 
    border:1px solid #379FE1;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px;
}
HR {
    border: 0; 
    height: 1px; 
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(39, 200, 245, 0.75), rgba(0, 0, 0, 0));
}
/* WCE2  -- PAGES */
#contentMainWrapper { margin:0px; padding:0px; width: 100%;}
#indexDefaultMainContent {  
    margin: 0; 
    padding:1%; 
    margin:0px; 
    width: 50%; 
    margin-top: 100px; 
    left: 50%; 
    transform: translatex(50%); 
    -webkit-transform: translatex(50%);
    background: rgba(246,246,238,0.85);
    float: left;
    }
#indexDefaultMainContent P 	{ padding-bottom:10px; margin:0px; }
.center_column 	{ padding-right:0px; padding-left:0px; padding-bottom:0px; padding-top:0px }
.center_box_wrapper 	{ 
    margin:0; 
    padding:0; 
    height:1%; 
    border:0px solid; 
    }
.pages_contents { padding:10px 0px 10px 0px;  word-wrap:break-word; }
h3.center_box_sub_heading {
    font-family: 'Roboto Condensed', sans-serif;
    
}
/* WCE3  -- HEADER */
#headerWrapper { margin-top: 80px; }
/*logo*/
#siteLogo { position: fixed; top: 10px; left: 50%; transform: translate(-50%, 10px); -webkit-transform: translate(-50%, 10px); z-index: 99999;}
#siteLogo img { width:216px }
#siteLogo A:link { }
#siteLogo A:visited { color:#FFFFFF; text-decoration:none }
#siteLogo A:hover { text-decoration: underline; }
/*slogan*/
#siteSlogan {
    background: rgba(190,187,175, 0.90);
    font-size: 2em;
    padding: 0.5em;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -45%);
    -webkit-transform: translate(-50%, -45%);
    color: #FFFFFF;
    text-align: center;
    }
#siteSlogan a:link, #siteSlogan a:hover, #siteSlogan a:visited {
    color: #FFFFFF;
}
#siteSlogan img {
    width: 60px;
    vertical-align: middle;
    margin-right: 10px;
}
#shoppingCartTop {
    float: right;
}

/* WCE4  -- NAVIGATION */

#navPagesTop {  
    width: 100%;
    display: table;
    table-layout: fixed;  
    background: #ECE9E4;
    height: 50px;
    }
#navPagesTop A:link  {}
#navPagesTop A:hover {}
#navPagesTop A:visited {}
#navPagesTop A:visited:hover {  }

#navWrapper { 
    margin-top:9px; 
    padding-bottom:3px; 
    color:#4d4d4d; 
    position:relative; 
    height:25px;
    background: rgba(255,216,0,0.7);}
#navWrapper .nav_currencies { padding:0; margin: 0; }
#navWrapper FORM 			{ padding:0; margin: 0; }
#navWrapper SELECT 			{ padding:0; margin: 0; }

UL.nav_top LI  { padding-right:0px; padding-left:0px; float:left; padding-bottom:0px; padding-top:0px;}
UL.nav_top LI:first-child { margin-left: 5px; }
.our-menus {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 13px 10px 15px 10px; 
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;      
}
a.our-menus {
    color: #379FE1;
}
a.our-menus:hover {
    background: #72D349;
    color: #FFFFFF;
    text-decoration: none;
}
.their-menus {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    padding: 13px 10px 15px 10px;    
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;    
}
a.their-menus {
    color: #000000;
}
a.their-menus:hover {
    background: #000000;
    color: #379FE1;
    text-decoration: none;
}
ul.dropdown_outer {
    list-style: none;
    padding: 5px 0px 5px 0px;
}
ul.dropdown_outer li:hover > ul { visibility:visible; }
ul.dropdown_outer li:hover 	{ position:relative; z-index:1000; cursor:default; }
ul.dropdown_outer ul li 	{ 
    float:none; 
    cursor:default;
    }
ul.dropdown_inner 			{ 
    visibility:hidden; 
    position: absolute; 
    z-index:1000; 
    list-style:none; 
    margin-top: 15px; 
    padding:10px;
    padding-left: 5px;
    background: #000000;
    }	
ul.dropdown_inner li {
    list-style:none; 
    margin:0; 
    min-width: 200px;   
    } 
ul.dropdown_inner A  {
    font-family: 'Roboto Condensed', sans-serif;
    list-style:none; 
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bold;
    }
/*basic menu*/
.basic-nav {
    font-size: 1.4em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}
.basic-nav ul.no-menu {
    list-style: none;
    float: left;
    color: #8B8785;
    margin-right: 10px;
}
#products-menu{
    padding:0;
    margin:0;
}
#products-menu ul{
    padding:0;
    margin:0;
    position: relative;    
}
#products-menu ul.ul-first li{
    float: left;
    list-style: none;
    margin: 0;
    padding:0;   
}
#products-menu ul.ul-second li {
    float:none;
    list-style: none;
    margin: 0;
    padding:0;
}
#products-menu li.li-first a{
    display: block;
    text-decoration:none;
    text-align: center;
    padding: 18px 10px 18px 10px;
}
#products-menu li.li-first a:hover{
    background-color: #379FE1;
    color: #FFFFFF
}
#products-menu ul ul{
    position: absolute;
    left: 0;
    top: 50px;
    display: none;
    width: 1009px;
}
/*#products-menu ul li:focus ul.ul-second{
    visibility:visible;
    display: block;
    opacity: 1;
    transition: opacity 0.2s linear;
}*/
ul.ul-second {
    min-height: 375px;
    background: rgba(255,255,255,1);
    z-index: 1000;
    border-top: 5px solid #379FE1;
    border-bottom: 5px solid #379FE1;
    border-left: 1px solid #ECE9E4;
    border-right: 1px solid #ECE9E4      
}
ul.ul-second .img-container {
    width: 100px;
    height: 100px;
    float: left;
}
ul.ul-second img {
    float: left;
    width: 100px;
}
li.li-second a {
    float: left;
    text-decoration:none;
    text-align: left;
}
#products-menu ul li.li-second a {
     padding: 0;
     padding-bottom: 10px;
     color: #73D44A;
     font-size: 0.9em;
     text-align: left;
}
#products-menu ul li.li-second a:hover {
    color: #379FE1;
    background: none;
}
.categories-2-container {
    float: left;
    padding-left: 0px;
    padding-right: 0;
    padding-top: 10px;
    width: 24%;
    min-height: 140px;
    text-align: left;    
}
.categories-2-title {
    float: left;
    max-width: 40%;  
}
.categories-3-container {
    float: left;
    width: 55%;

}
#products-menu ul li.li-second .categories-3-container a {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 0.7em;
    line-height: 1.3em;
    color:#000000;
    font-weight: normal;
    padding: 0; 
}
#products-menu ul li.li-second .categories-3-container a:hover {
    text-decoration: underline;
}
.menu-spacer {
    height: 20px;
    width: 100%;
}
.menu-down-arrow {
    color: #FFFFFF;
    font-size: 0.8em;
}
/*product description*/
.product-desc-image-container {
    height: 425px;
    width: 425px;
    white-space: nowrap;
    text-align: center;
    position: relative;
}
img.product-desc-image {
    vertical-align: middle;
    max-height: 400px;
    max-width: 400px;
    transition: all 0.5s ease 0s;
}
img.product-desc-image:hover { 
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.prod-desc-img-thumb-container {
    position: relative;
    height: 135px;
    width: 135px;
    white-space: nowrap;
    text-align: center;
}
img.prod-desc-img-thumb {
    vertical-align: middle;
    max-height: 120px;
    max-width: 120px;
    transition: all 0.5s ease 0s;
}
img.prod-desc-img-thumb:hover { 
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.prod-img-thumb-container {
    position: relative;
    height: 150px;
    width: 150px;
    white-space: nowrap;
    text-align: center;
}
img.prod-img-thumb{
    vertical-align: middle;
    max-height: 150px;
    max-width: 150px;
    transition: all 0.5s ease 0s;
}
.prod-desc-product-name {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1em;
}
.product-titles {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4em;
    color: #8B8785;
    font-weight: bold;
}
.product-titles-info {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    color: #000000; 
    line-height: 1.6em;
}
.prod-des-prices-container {
    width: 100%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
}
.prod-desc-price {
    font-size: 1.5em;
    font-weight: bold;
    color: #73D44A; 
    line-height: 1.8em;
    
}
.product-list-price {
    font-family: 'Roboto Condensed', sans-serif;
    color: #C0392B;
    font-size: 1.3em;
    font-weight: bold;
}
.add-product-container {
    margin-top: 20px;
    /*max-width: 450px;*/
}
.cart-button {
    background: url('../images/addtocart.png') no-repeat #379FE1;
    background-position: 10px;
    background-size: 25px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 9px;
    padding-top: 9px;
}
.prod-des-q-lable {
    font-size: 1.2em;
    color: #000000;
}
.plus-minus-container {
    float: left;
    max-width: 60px;
}
.arrow_minus, .arrow_plus {
    position: relative;
    float: left;
    width: 50px;
    height: 18px;
    background: #379FE1;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.2em;
    margin-left: 10px
}
.arrow_plus {
    float: left;
    margin-bottom: 3px;
}
.arrow_minus:hover, 
.arrow_plus:hover,
.arrow_plus:focus,
.arrow_minus:hover,
.arrow_plus:active,
.arrow_minus:active {
    cursor: pointer;
    background: #73D44A;
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;    
}
.share_buttons {
    float: left;
    width: 100%;
}
/*supertop*/
#navPagesSuperTop {
    position: fixed;
    left: 0px;
    top: 0px;
    height: 90px;
    width: 100%;
    z-index: 99998;
    border-top: 10px solid #7BB940;
    }
.back-colored {
    background:  rgba(123,185,64,0.8);
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}    
#navPagesSuperTop A:link {
    color: #FFFFFF;
    }
#navPagesSuperTop A:hover {
    text-decoration: none;
    }
#navPagesSuperTop A:visited {
    color: #FFFFFF;
    }
#navPagesSuperTop A:visited:hover { 
    text-decoration: underline;
    }
#navPagesSuperTop UL {
    padding-left:0px;
    padding-right:0px;
    list-style-type:none;
}
#navPagesSuperTop UL LI {
    padding-right:15px;
    padding-left:15px;
    padding-top:5px;
}
#navPagesSuperTop UL LI A:hover,
#navPagesSuperTop UL LI A:focus,
#navPagesSuperTop UL LI A:active {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease; 
    border-bottom: 5px solid #669D20 ;
    padding-bottom: 5px;
 }
.SuperTopMenuContainer {
    position: fixed;
    top:20px;
    left: 50%;
    transform: translate(-50%, 20px);
    -webkit-transform: translate(-50%, 20px);
    font-size: 1.2em;
    z-index: 99998;
    width: 80%;
    text-align: center;
}
.SuperTopMenuContainer ul {
    display: inline-block;
    
}
.SuperTopMenuContainer ul li{
    float: left;
}
.top-link-subscribe { 
    background: #ECE9E4;
    }
.top-link-login { 
    background: #379FE1; 
    }
.top-link-login, .top-link-subscribe {    
    -webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease; 
    }
.top-link-login:hover, .top-link-subscribe:hover {
    background: #73D44A;
}
#navPagesSuperTop ul li.top-link-login A,
#navPagesSuperTop ul li.top-link-subscribe A {
    color:#000000;
}

/*languages*/
.nav_language {
    float: left;
    margin-top: 5px;
}
.nav_language:hover {
    height: auto;
    padding-bottom: 2px;
}
.nav_language  A {
    padding-right: 10px;
}
.flag_images {
    vertical-align: middle;
    width: 20px;
    border: 0;
    margin-right: 5px;
}
/* WCE6  -- CATEGORIES */
.all-categories {
    width: 100%;
}
.all-categories td {
    width: 33%;
    vertical-align: top;
    padding-bottom: 20px;
    padding-right: 10px
}
.all-categories-container {
}
span.all-categories-title {
    font-size: 1.5em;
    font-weight: bold;
    color: #73D44A;
    letter-spacing: -1px;
}
.category-icon-big img {
   width: 100%;
   box-shadow: 1px 1px 4px #8B8785;
   margin-top: 10px;
   margin-bottom: 20px;
   opacity: 1;
   
}
.category-icon-big img:hover {
    opacity: 0.5;
    transition: opacity 0.2s linear;
}
.all-categories-level-2 a {
    color: #379FE1;
    float: left;
    padding-right: 5px;
    line-height: 1.5em;
}
.all-categories-level-2::after {
    content: "Β·";
    float: left;
    font-size: 3em;
    padding-right: 5px;
}.all-categories-level-2:last-child::after {
     content: "";
     padding-right: 0;
    
}
/* WCE7 -- FILTERS */
.apply-filter-button {
    margin: 10px 0;
    background: ##379FE1;
    color: #ffffff;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
    cursor: pointer;
    border: 0;
    height: 30px;
}
.remove-filters-container {
    float: right;
    position: relative;
    top: -20px;
    right: -16px
}
.filter-x-button {
    width: 30px;
    height: 30px;
    border: 0;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
    padding: 0;
    color: #ffffff;
    background: #C10000;
    font-weight: bold;
    font-size: 1.2em;
    float: right;
}
.filter-x-button:hover, .filter-x-button:focus {
    cursor: pointer;
    border: 0;
    background: #002A06;
}
.filters-from-to {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.3em;
    color: #8B8785;
    padding-bottom: 5px;
}
.filters-from-to-value {
    font-weight: normal;
    font-size: 1.2em;
    color: #002A06;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 10px;
}
#product-filters .form_button {
    margin: 0 5px 0 0px;
    font-size: 0.8em;
    height: 30px;
}
.categories-selections-container {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    background: #ECE9E4;    
}
.horiz-categories-container {
    width: 56%;
    margin-left: 2%;
    margin-right: 2%;
    float: left;
    padding-bottom: 10px;
}
.price-filter-container {
    width:82%;
    padding: 20px;
    float: left;
}
.filters-spacer-left {
    background: #FFFFFF;
    width: 10px;
    float: left;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 20%
}
.filters-spacer-right {
    background: #FFFFFF;
    width: 10px;
    float: right;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 20%
}
.subcategory-container {
    float: left;
    padding: 3px 8px;
    letter-spacing: -0.5px;
}
.subcategory-container:hover {
     color: #FFFFFF;
    text-decoration: none;
    background: #73D44A;
    -webkit-transition: background .3s ease;
	-moz-transition: background .3s ease;
	-o-transition: background .3s ease;
	-ms-transition: background .3s ease;
	transition: background .3s ease;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
}

.category-container img {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    vertical-align: middle;
}
.products-count {
    color:#8B8785;
}
.sort-order-container {
    float: left;
    padding: 10px;
    width: 16%;
}
.submit-filters {
    position: relative;
    bottom: 10px;
    left: 0;
}
.select-filters-container {
    float: left;
    width: 20%;
}
.filters-heads h5 {
    margin: 5px 0;
    color: #8B8785;
}
.order-radio-group {
    padding-top: 5px;
}
.shown-products-count {
    width: 100%;
    float: left;
    text-align: left;
    color: #8B8785;
    font-size: 1.4em;
    margin-bottom: 20px;
    margin-top: 10px;
}
/*price range*/
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.noUi-target {
	position: relative;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-stacking + .noUi-origin {
/* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
	*z-index: -1;
}
.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}
/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 90%;
    margin-left: 10px;
}
.noUi-horizontal .noUi-handle {
	width: 25px;
	height: 25px;
	left: -17px;
	top: -10px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}
/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background: #8B8785;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
    -webkit-transition: background 450ms;
	transition: background 450ms;
}
.noUi-origin {
	border-radius: 2px;
}
.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}
/* Handles and cursors; */
.noUi-dragable {
	cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #73D44A;
    -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
	background: #73D44A;
	cursor: pointer;
	box-shadow: inset 0 0 1px #93DD73, inset 0 1px 7px #93DD73, 0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}
/* Handle stripes; */
.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	/*height: 14px;*/
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after {
	left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
	width: 14px;
	height: 1px;
	left: 6px;
	top: 14px;
}
.noUi-vertical .noUi-handle:after {
	top: 17px;
}
/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}

/* WCE8  -- PRODUCTS */
.product-amounts {
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
}
.product-list-price {
    position: relative;
    top: -5px;
}
.product-quantity {
    padding-top: 2px;
    padding-right: 5px;
}
/*product prices*/
.product-prices table {
    border-collapse: collapse;
    width: 100%;
}
.product-prices table td {
  padding: 0.25rem;
  text-align: center;
  border: 1px solid #ccc;
}
.product-prices table > tbody > tr > td:first-child {
    vertical-align: middle;
    text-align: center;
}
.product-prices table tbody tr:nth-child(odd) {
    background: #eee;
}
.product-price {
    font-size: 1.5em;
    color: #73D44A;
    padding: 5px 10px 5px 10px;
}
.product-price-air {
    font-size: 1.5em;
    color: #73D44A;
    padding: 5px 10px 5px 10px;
    float: right;
    position: relative;
    top:-20px
}
.list-price-air {
    color: #C0392B;
    font-size: 1.2em;
    float: right;
    width: 100%;
    position: relative;
    right: 10px;
    top: -30px;
    text-align: right;
}
.cart-footer .product-price.bold-black {
    color: #000000;
}
 /*product tabs*/
 .tabs > ul {
     border-bottom: 5px solid #ECE9E4;
 }
.tabs > ul, .tabs > ul li {
	list-style: none;
	margin: 0px;
    margin-top: 10px;
	padding: 0px;
	overflow: hidden;
}
.tabs > ul li {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4em;
    font-weight: bold;
	float: left;
	margin-right: 5px;
	padding: 10px 20px;
	background: #8B8785;
	color: #FFFFFF;
}
.tabs > ul li.active {
	background: #379FE1;
	color: #fff;
}
.tabs > ul li:hover {
    background: #73D44A;
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
/*featured products*/
.featured-products-container {
    float: left;
    position: relative;
    width: 100%;
}
/*products block*/
.block-product-name {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.1em;
    width: 65%;
    height: 60px;
    line-height: 1em;
}
.block-product-price {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.7em;
    width: 29%;
    color: #72D349;
    float: right;
    font-weight: bold;
    position: relative;
    top: -60px;
    text-align: right;
    padding-right: 3%;
    line-height: 1em;
}
.block-product-list-price {
     color: #C0392B;
     
}
.column-out-of-stock {
    float: right;
    position: relative;
    top: 70px;
}
/*product description*/
.product-description {
    width: 100%;
    margin-top: 20px;
}
.product-description td {
    /*vertical-align: top;    */
}
.product-description td:first-child {
    width: 425px;
}
/* WCE9  -- CUSTOMER */
.login-form {
    width: 35%;
    margin: 0 auto;
    background: rgba(236,233,228, 1);
    padding: 10px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
}
.login-form > form,
.login-form > div {
    margin-left: 16%;
}
.login-form .cbc {
    line-height: 1.2em;
}
.login-form input[type=text],
.login-form input[type=password] {
    width: 76%;
    background: #FFFFFF;
    margin-bottom: 10px;
}
.login-form input[type=text]:focus,
.login-form input[type=password]:focus {
    background-color: #FFFFE7;    
}
.login-form input[type=submit] {
    width: 80%;
    margin-bottom: 20px;
}
.customer-home {
    background: #ECE9E4;
    margin: 0px;
    margin-bottom: 20px;
    float: left;
    width: 96%;
    padding: 2%;
    padding-bottom: 40px;
}
.cust-home-last-login {
    padding-bottom: 20px;
}
.cust-icon-container {
    float: left;
    width: 25%;   
    text-align: center;
}
.cust-icon-container img {
    width: 140px;
}
.CustomerForm {
    font-size: 1.1em;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    color: #8B8785;
}
.CustomerForm H2 {
    font-size: 1.3em;
}
.CustomerForm hr {
     border: 0; 
     height: 1px; 
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(39, 200, 245, 0.75), rgba(0, 0, 0, 0));
}
.CustomerForm input[type=text], .CustomerForm select, .CustomerForm input[type=password] {
    font-size: 1.0em;
    width: 200px;
    padding-left: 10px;
    margin-left: 10px;
    -webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
    
}
.CustomerForm input[type=text]:focus,
.CustomerForm input[type=password]:focus,
.CustomerForm select:focus {
    color: #379FE1;
}
.CustomerForm .input-readonly,
.CustomerForm .input-readonly:hover,
.CustomerForm .input-readonly:focus,
.CustomerForm .input-readonly:active {
    background: none;
    color: #8B8785;
    border: 0;
}
.CustomerForm select {
    width: 215px;
}
/* WCE10 -- CART */
.cart-sum {
    color: #379FE1;
    font-size: 1.8em;
    margin-top: 5px;
    margin-left: 10px;
}
.cart-items {
    color: #FFFFFF;
    font-size: 1.0em;
}
.cart-products {
    padding-left: 45px;
    background: url('../images/cart.png') left -2px no-repeat;
    background-size: 32px;
    color: #379FE1;
    font-size: 1.8em;
    margin-right: 10px;
    padding-top: 5px;
    height: 40px;
}
.cart-details{
    width: 80%;
    float: right;
    position: absolute;
    top:40px;
    right: 0;
}
.breadcrumbs > .bread-not-link {
    font-size: 0.8em;
    color: #8B8785;
    float:left;
    margin-left: 80px;
    margin-top: 10px;
}
.cart-process-circle {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%;
    border: 1px solid #8B8785;
    display: block;
    float: left;
    text-align: center;
    margin-right: 10px;
}
/*shopping cart table*/
.shopping-cart,
.shopping-cart-checkout,
.cart-footer {
    width: 100%;
}
.shopping-cart th, 
.shopping-cart-checkout th{
    background: #8B8785;
    color: #FFFFFF;
    padding: 1em;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    text-align: center;
}
.shopping-cart tr td:first-child{
    text-align: center;
}
.shopping-cart tr td:nth-child(2) input{
    text-align: center;
    width: 60px;
}
.shopping-cart tr td:nth-child(2) {
    width: 15%;
}
.shopping-cart tr td:nth-child(4) {
    width: 30%;
}
.shopping-cart tr td:nth-child(5) {
    width: 10%;
}
.shopping-cart tr:nth-child(even), 
.shopping-cart-checkout tr:nth-child(even){
    background: #FAF9F8;
}
.shopping-cart-checkout tr td {
    padding: 0.5em;
}
.shopping-cart tr:nth-child(odd),
.shopping-cart-checkout tr:nth-child(odd){
    background: none;
}
.shopping-cart .prod-desc-img-thumb-container {
    height: 100px;
    width: 100px;
}
.shopping-cart .prod-desc-img-thumb {
    max-height: 80px;
    max-width: 80px;
}
.shopping-cart tr:last-child td:first-child{
    text-align: left;
}
.shopping-cart tr:last-child td {
    border-top: 1px #ECE9E4 solid;
}
.shopping-cart tr:last-child {
        background: none;
}
.shopping-cart-checkout {
    margin-bottom: 20px;
}
.cart-footer {
    margin-top: 20px;
}
.cart-footer tr td:first-child {
    width: 45%;
}
.cart-footer tr td:last-child {
    width: 55%;
}
.cart-footer tr td:nth-child(2) {
    background: #ECE9E4;
    padding: 10px;
}
.cart-footer .product-price {
    color: #000000;
    min-width: 100px;
    display: inline-block;
} 
.cart-footer .product-price.bold-black {
    color: #000000;
}
.product-price-no-width {
    font-size: 1.5em;
    min-width: 10px;
    display: inline-block;
    color: #73D44A;
    padding: 5px 10px;
}
.cart-subtotals {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    color: #8B8785;
    display: inline-block;
    min-width: 140px;
    padding-top: 15px;
}
.cart-button-container {
    margin-bottom: 60px;
    margin-top: 40px;
    width: 100%;
    float: left;
}
/*order process*/
.order-process {
    width: 100%;
    font-size: 1.2em;   
}
.order-process td:first-child {
    width: 30%;
}
.order-process .product-titles {
    font-size: 1.2em;  
    line-height: 1.1em;
}
.order-product-list {
    width: 100%;
    border-spacing: 0;
    margin-top: 10px;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     border-radius: 5px; 
    border: 1px #f3f2f1 solid;
    float: left;
}
.order-product-list th {
    background: #f3f2f1;   
}
/*checkout*/
.checkout-notes {
    width: 90%;
    height: 170px;
    border: 1px solid #379FE1;
    background: #F5F5F5;
}
.issued-doc {
    display: inline-block;
    position: relative;
    top: -15px;
    right: -70px;
}
.notice-div {
    margin-top: 20px;
    color: #CE1A1A;
    width: 98%;
}
input.payment-button {
    padding: 0;
    background: none;
}
a.change-link {
    color: #379FE1;
    font-weight: bold;
    font-size: 1.2em;
    font-family: 'Roboto Condensed', sans-serif;
}
.payment-type-message {
    width: 92%;
    padding: 4%;
    background: #F4D339;
    margin-top: 10px;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from { opacity:0;}
    to {opacity:1; }
}
@-moz-keyframes fadein { /* Firefox */
    from { opacity:0;}
    to { opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}
/* WCE11 -- FOOTER */
.footer-container {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    float: left;
}
.siteInfo { 
    background: #31373D;
    color:#FFFFFF;
    width: 100%;
    font-size: 1em;
    text-align: center;
}
.siteInfo A:link, .siteInfo A:visited {
    color: #ffffff;
}
#navSupp UL { 
    margin:0; 
    padding:0; 
    list-style-type:none; 
    text-align:center; 
    padding-bottom:20px; 
    padding-top:30px; 
    }
#navSupp UL LI { display:inline; color:#FFFFFF; }
#navSupp UL LI A { 
    color:#FFFFFF; 
    padding-right:10px; 
    padding-left:5px; 
    margin:0px; 
    white-space:nowrap; 
    text-decoration:none; 
    } 
.copyright-info {
    position: relative;
    top: 50%;
    width: 90%;
    text-align: center;
    font-size: 0.9em;
    color: #FFFFFF;
    padding: 5%;
    padding-top: 40px;
    padding-bottom: 40px;   
    background: url('../../../images/logo.png') no-repeat center 0px #31373D;
    background-size: 40px;
}
.copyright-info A {
    color: #379FE1;
}
 /* WCE12 -- SEARCH */
.quick-search {
    position: relative;
    float: right;
    top:-50px;
}
.header_search {
    position: relative;
    top: 0;
}
.search_input {
    background: url('../images/search.png') no-repeat left #ECE9E4;
    background-size: 30px;
    width: 250px;
    border: 0;
    height: 30px;
    padding: 0;
    padding-left: 40px;
    padding-right: 10px;
    color: #8B8785;
    position: relative;
    top: -1px;
    }
.search_input:hover, .search_input:active, .search_input:focus {
    color: #000000;
    border: 0;
    background: url('../images/search.png') no-repeat left #73D44A;
    background-size: 30px;
    cursor: text;
}    
.search_button {
    font-size: 1.2em;
    padding-left: 2px;
    height: 30px;
    width: 50px;
    border: 0px;
    margin-left: 5px;
    background: #379FE1;
    color: #FFFFFF;
}
.search_button:hover, .search_button:active, .search_button:focus{
    cursor: pointer;
    background-color: #73D44A;
    border: none;
}    
FIELDSET.popular_search { 
    margin:0px;
    margin-bottom: 20px;
    display:block; 
    font-size: 1.1em;
    border: 1px solid #ECE9E4;
    }
FIELDSET.popular_search LEGEND 	{ }
.search-keywords {
    background-color: #eaebed;
    padding: 5px 10px 5px 10px;
    font-size: 1.2em;
    line-height: 2.2em;
    -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     -ms-border-radius: 3px;
     -o-border-radius: 3px;
     border-radius: 3px;
}
.search-keywords A:hover{
    color: #ffffff;
    text-decoration: none;
}
.search-keywords:hover {
    background-color: #379FE1;
    color: #ffffff;
    text-decoration: none;
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
}
.highlight-word {
    padding: 0 5px 0 5px;
    background-color: #FFFF80;
    font-weight: bold;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
}
.search-link {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1em;
    width: 100%;
    margin-bottom: 10px;
}
.search-link a {
    color: #379FE1;
}
.search-result-container hr:last-child { 
    visibility: hidden;
}
.order-by-heading {
    margin-top: 12px;
}
/* WCE13 -- MESSAGES */
.message_sign           { 
    width:25px; 
    text-align:center; 
    padding-left:inherit; 
    padding-right:10px; }
TD.message_text         { 
    padding-left:0px; 
    padding-right:0px;
    }
TD.message_text_single  { }
.success_message_box    { 
    width:100%; 
    margin-bottom:10px; 
    margin-top:10px; 
    padding:10px; 
    color:#FFFFFF; 
    background-color:#1FCF6D;
    }
.important_message_box  {  
    width:100%; 
    margin-bottom:10px; 
    margin-top:10px; 
    padding:10px; 
    color:#FFFFFF; 
    background-color:#E2413E;
    }
.message_box { 
    width:100%; 
    margin-bottom:10px; 
    margin-top:10px; 
    padding:10px; 
    color:#000000; 
    background-color:#F4D339;
    }
.pages_contents .message_box { width:100%;} 
/*jquery*/
.jquery-msg-container, .jquery-msg-container-des, .jquery-msg-container-stock  {
    width: 0;
	height: 0;
	position: fixed;
	top:-100px;
	bottom: 0;
	left: -200px;
	right: 0;
	margin: auto;
    z-index: 999;
}
.jquery-msg, .jquery-msg-des, .jquery-msg-stock {
    padding:20px;
    padding-left: 60px;
    color:#000000;
    font-size: 1.2em;
    position: relative;
    margin-left:0px;
    text-align: left;
    background: url('../images/ok_black.png') 20px 13px no-repeat #f8ff78;
    width:200px;
    height: 100px;
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
}
/* WCE14 -- BANNERS */

.top-banner-container {
    max-width:1010px; 
    position:relative; 
    height:370px; 
    border:0;
    margin-top: 10px;
}
.banners-box-slideshow { 
    margin:0px 0px 0px 0px; 
    width: 100%;
    background:none;
    position: absolute;
    }
.banners-box-slideshow IMG { 
    width: 100%;
    height: 370px;
    max-width: 1010px;
    top: 0;
    left: 0;
    }
.banners-box-slideshow-caption { 
    margin-top: -370px;
    height: 370px;
    position: relative;
    width: 80%;
    left: 10%;
    float: left;
    }
.banners-box-slideshow A:link {
    text-decoration: none;
}
.banner-category { 
    margin:10px 0px 0px 0px; 
    border:0px; 
    border-top: 0px;
    /*height:400px; */
    width: 100%;
    max-width: 1010px;
    background:none;
    position: relative;
    }
.banner-category IMG { 
    border:0px;
    /* Set rules to fill background */
    width: 100%;
    max-width: 1010px;
    /*height: 400px; */
    /* Set up positioning */
    top: 0;
    left: 0;
    }
DIV.banner-category-caption { 
    max-width: 1023px;
    width: 100%;
    background:none;
    position: absolute;
    float: left;
    top: 0px
    }
.banner-category-caption a {
    
}
.category-banner, .category-banner img {
    width: 100%;
}  
/*flexible banners*/
.flexible-banner-container {
    float: left;
    width: 1010px;
    position: relative;
    top: -2px;
}
.flexible-banner-item {
    float: left;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;    
}
.flexible-banner-item:hover {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}
.flexible-banner-caption {
    position: relative;
    width: 96%;
    padding: 2%;
    height: 96%;
}
/* WCE15 -- PRODUCT PROPERTIES */
.property-name {
    font-size: 1.1em;
    padding-right: 20px;
    padding-left: 20px;
}
.property-value {
    font-size: 1.1em;
    padding-left: 20px;
    color: #002A06;
}
.property-measure {
    font-size: 1.1em;
    padding-right: 10px;
    color: #002A06;
}
.property-price {
    font-size: 1.1em;
    color: #002A06;
}
.product-properties table {
    border-collapse: collapse;
    width: 100%;
}
.product-properties table td {
  padding: 0.25rem;
  text-align: left;
  border: 1px solid #ccc;
}
.product-properties table > tbody > tr > td:first-child {
    vertical-align: middle;
    text-align: center;
}
.product-properties table tbody tr:nth-child(odd) {
  background: #eee;
}
.product-properties img {
    height: 25px;
}
/* microgrid table*/
TABLE.mgrid_table  {
    font-size: 1.0em;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 20px;
}
TABLE.mgrid_table div.no_margin_line img {
    height: 0px;
}
TABLE.mgrid_table th {
    font-size: 1.2em;
    padding: 0.75rem;
    background: #8B8785;
    color: #FFFFFF;
}
TABLE.mgrid_table tr:nth-child(2n+1) {
    background: none repeat scroll 0% 0% #EEE;
}
TABLE.mgrid_table  td {
    padding: 0.25rem;
}
TABLE.mgrid_table_filter { 
    font-size: 1.1em;
    }
TABLE.mgrid_table th A:link, TABLE.mgrid_table th A:visited {
    color:#ffffff;
}
TABLE.mgrid_table td A:link, TABLE.mgrid_table td A:visited {
    color: #002A06;
}
TABLE.mgrid_table tbody tr:first-child td{
    background: #ffffff;
}
INPUT.mgrid_button {}
INPUT.mgrid_button:hover {}
INPUT.mgrid_button:active {}
TABLE.mgrid_table_filter input[type=text], TABLE.mgrid_table_filter select { margin: 5px;}
TABLE.mgrid_table_filter input[type=text]:hover, TABLE.mgrid_table_filter input[type=text]:focus { }
TABLE.mgrid_table_filter select {}
/* WCE16 -- MICROGRID */
INPUT.mgrid_text  	 	{ }
INPUT.mgrid_checkbox	{ border:0px; }

SELECT.mgrid_select       {
    height: 25px;
    width: 200px;
    border: 1px solid #002A06;
    -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     border-radius: 5px; 
    padding-left: 10px;
    margin-left: 10px;
    margin-bottom: 5px;
    transition: all 0.5s ease 0s;
}
SELECT.mgrid_select:hover, SELECT.mgrid_select:focus {
    border:1px solid #98bcdf; 
    background-color:#FFFFe7; 
     }

TEXTAREA.mgrid_textarea   	  { vertical-align:middle; color:#222222; border:1px solid #d7d7d7; }
TEXTAREA.mgrid_textarea:hover { border:1px solid #98bcdf; }
TEXTAREA.mgrid_textarea:focus { border:1px solid #c7c7e7; background-color:#FFFFe7; }
.mgrid_label 	 	 	{}
.mgrid_disabled		 	{ color:#939393; background-color:#f1f2f3; border:1px solid #d7d7d7; }
/* WCE17 -- NEWS */
.category-news, a.category-news, a.category-news 	{ 
    font-size: 1.2em;
    color: #FFFFFF;
    }
.center_box_heading_news 	{ 
    vertical-align:top; 
    font-weight:bold;
    font-size: 1.6em; 
    color:#4d4d4d; 
    }
.center_box_contents_news   { 
    vertical-align:top; 
    font-weight:normal;  
    }
.center_box_contents_news A {}
.center_box_bottom_news { }
.navigation-home, .navigation-home a:link, .navigation-home A:visited {
    font-size: 1.3em;
    color: #002A06;
}
.news-table {
    width: 100%;
    background: rgba(255,255,255,1);
}
.news-table tbody tr td:last-child {
    text-align: right;
}
.news-table tbody tr td:last-child img{
    width: 100%;
    max-width: 200px;
}
.news-info {
    vertical-align: top;
    text-align: center;
    background: #ECE9E4;
}
.news-title {
    font-size:1.3em; 
    padding:10px 0 10px 0; 
    font-weight:bold;
    color: #FFFFFF;
    }
.date {
	width: 100%;
	/*background: #002A06;*/
    float: left;
}
.date .month {
	display: block;
	text-align: center;
	padding: 8px 0px 0 10px;
	color:#7e8188;
	font-size:1.6em;
    line-height: 0.9em;
}
.date .year{
	text-align: center;
	padding: 0px 0px 10px 10px;
	color: #7e8188;
	font-size: 1.1em;
}
.date .time {
    float: left;
	text-align: center;
    padding: 0px 0px 6px 10px;
	color: #7e8188;
	font-size: 1em;
}         
.avatar img {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     height: 55px;
     float: left;
     margin-right: 10px;
}
.avatar_big img {
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     height: 60px;
     width: 60px;
     margin: 10px 0 10px 0;
}   
.avatar_bio img {
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     -ms-border-radius: 5px;
     -o-border-radius: 5px;
     border-radius: 5px;
     margin: 3px;
     float: left;
     width: 100px;
     vertical-align: text-top;
} 
.news-color-p {
    min-height: 60px; 
    color: #333333;
    padding: 5px 10px 0 10px;
    /*border-left: 3px solid #eff0f1;*/
    }
.news-block-text {
    max-height: 60px;
    overflow: hidden;
    line-height: 1.2em;
    position: relative;
    top:5px;
    margin-bottom: 5px;
}
.news-block-text p {
    font-size: 1.1em;
    padding: 0;
}
.news-posted-by {
    color: #969696;
    float: left;
}
.news-all-header {
    /*background: #eff0f1;*/
    padding-left: 5px;
    padding-right: 5px;
}
.news-table td {
    vertical-align: top;
}
.news-more a {
    font-size: 1.3em;
    color: #379FE1;
}
.news-block-container {
    text-align: left;
    padding: 5%;
    height: 90%;
}
.news-block-header {
    font-size: 1.2em;
    color: #FFFFFF;
    font-weight: bold;
}
.more-news-icon{
    float: right;
    position: relative;
    margin-top: -50px;
}
.registration-form {
    background: none;
    border: 1px #ECE9E4;
}
.services-block-container {
    width: 100%;
    max-width: 900px;
    margin: 10% auto;
}
.service-block {
    float: left;
    width: 24%;
    height: 200px;
    background: #F6F6EE;
    margin-right: 1%;
    margin-bottom: 10px;
    color: #7E887B;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2em;
    position: relative;
}
.service-block:nth-child(4n+4) {
    margin-right: 0;
}
.service-block img {
    width: 100%;
}
.services-header {
    text-align: center;
    width: 90%;
    position: absolute;
    top: 80%;
    left: 50%;
    transform: translateX(-50%) translateY(-70%);
    -webkit-transform: translateX(-50%) translateY(-70%);
}
.service-block A {
    color: #000000;
}
.service-block A:after {
    content: ' \2192';
    color:#7BB940 ;
}
.alert-bell {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
    position: absolute;
    top: 10px;
    left: 10px;
    background: #CB0000;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    background: url('../images/bell.png') #CB0000 no-repeat center center;
}
.map-container {
    width: 100%;
    margin-top: 15%;    
    margin-bottom: 150px;
    height: 500px;
}
#google-map {
    height: 86%;
    width: 75%;
    float: left;
    background: #BEBBAF;
}
.section-headers-1 {
    width: 73%;
    background: #BEBBAF;
    color: #FFFFFF;
    float: left;
    position: relative;
    padding: 1%;
    font-size: 2em;
}
.section-headers-2 {
    width: 23%;
    background: #BEBBAF;
    color: #FFFFFF;
    float: left;
    position: relative;
    padding: 1%;
    font-size: 2em;
    white-space: nowrap;
}

/* WCE18 -- OFFERS */
/* OFFERS */
#table-offers {
    margin-top: 16px;
}
#table-offers .tooltip, #other-colors .tooltip{
	/*border-bottom: 1px dotted #000000; color: #000000; outline: none;*/
	cursor: help; 
    text-decoration: none;
	position: relative;
}
#table-offers .tooltip:hover span, #other-colors .tooltip:hover span { 
	margin-left: 0;
    opacity: 1;
	-webkit-transition: all .2s ease 0s;
	-moz-transition: opacity .2s ease 0s;
	-o-transition: all .2s ease 0s;
	-ms-transition: all .2s ease 0s;
	transition: opacity .3s ease 0s;
    position: absolute; 
    left: -2em; top: -4px; z-index: 99;
}
#table-offers .tooltip span, #other-colors .tooltip span {
	margin-left: -999em;
	position: absolute;
}

#table-offers .info, #other-colors .info { 
    padding: 5px 10px 5px 10px;  
    color: #ffffff; 
    text-align:left; 
    font-size:1em;
    background-color: #002A06;
    min-width: 150px;
}
.product-list-icon-offers {
    width: 300px;
    padding: 10px;
    height: auto;
    overflow: hidden;
}
#table-offers > tbody > tr > td:first-child {
    width: 36%;
}
#table-offers .product-list-name,
#table-prods .product-list-name {
    padding-bottom: 10px;
    font-size: 1.5em;
    color: #379FE1;
}
#table-offers .product-list-name a:link, 
#table-offers .product-list-name a:visited,
#table-prods .product-list-name a:link,
#table-prods .product-list-name a:visited {
    color: #379FE1;
}
#table-offers .product-list-desc,
#table-prods .product-list-desc {
    padding-top: 20px; 
    padding-bottom: 20px;
}
#table-offers .product-list-link {
    padding: 10px 0 5px 0px;
    font-size: 1.0em;
    color: #379FE1;
    /*background: url('../images/eye.gif') left no-repeat;*/
    
}
#table-offers .product-list-link a:link, #table-offers .product-list-link a:visited {
    color: #505050;
}
DIV.product_description_icon_offer {  
    overflow: hidden;    
    } 
.offer-hover-block {
    position: absolute;
    margin-top: 50px;
}
.offer-info { 
    padding: 10px 10px 10px 10px;  
    color: #505050; 
    text-align:left; 
    font-size:0.8em;
    min-width: 300px;-webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    border-radius: 3px; 
     margin-top: 30px;
     line-height: 1.2em;
     background-color: #FFFFFF;
    border: 1px solid #8B8785;
    z-index: 999;
}
.offer-info IMG {
    float: left;
    opacity: 0.9;
    width: 80px;
    margin-right: 10px;
}
.offer-counter {
    font-size: 2em;
    font-weight: bold;
    width: 22px;
    height: 22px;
    background: #f3f2f1;
    color: #505050;
    padding: 10px;
    -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     text-align: center;
}
.offer-quantity {
    font-size: 2em;
    font-weight: bold;
    color: #FFFFFF;
    white-space: nowrap;
    padding: 30px 0px 0 0px;
    min-width: 150px;
    width: 100%;
    text-align: center;
    height: 70px;
}
.offer-units-top {
    position: relative;
    top: 0px;
    background: none;
    color: #FFFFFF;
    width: 100%;  
    text-align: center;  
}
.product-offer-tags {
    background: #ECE9E4;
    color: #8B8785;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 3px;
    margin-left: 0px;
    font-size: 1.2em;
    line-height: 1.6em;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     -ms-border-radius: 2px;
     -o-border-radius: 2px;
     border-radius: 2px;
    position: relative;
}
.product-offer-tags-q {
    color: #379FE1;
    font-weight: bold;
}
/* WCE19 -- COMMENTS */
#commentsLink { 
    margin-top: 10px;
    padding:10px;
    font-size: 1.6em;
    background:#0091d6;
    width: 100%;
    color: #ffffff;
    }
#commentsLink A:link, #commentsLinkA:visited {
    color: #ffffff;
    }
#commentsWrapper { width:100%; margin:0 auto; }
#commentsPublished { width:100%; margin-left:15px; }
#commentsPublished .comment { border-bottom:1px solid #cccccc; margin:10px 0px 20px 0px; text-align:left; }
#commentsPublished .comment_user_name{  margin:10px 0px 10px 0px;  font-size: 1.1em; }
#commentsPublished .comment_test { 
    margin:8px 0px 8px 0px;
    padding: 20px;
    border-left: 5px solid #002A06;
    background: #eceded;
    }
#commentsPublished .comment_date 		{ margin:8px 0px 8px 0px; }
#commentsPublished .paging 			{ margin:0px 0px 20px 0px; text-align:left; }
#commentsPublished  A.paging_link 		{ }
.comments_form_container  { width:100%;margin-left:0px;}
.comments-form            { 
    margin-bottom:15px;
    }
.comments-form input[type=text],
.comments-form input[type=password]{ 
    padding:2px;
    margin-left: 0px;
    }
.comments-form input[type=submit] {
    margin-top: 15px;
    font-size: 1.1em;
}    
.comments-form textarea   { 
    padding:5px; 
    width:90%; 
    height:100px; }
DIV.comment               { margin:3px 0px 10px 0px; }
/* WCE20 -- OTHER COLORS */
.product-other-colors,
.product-offer-items {
    margin-bottom: 10px;
    margin-top: 10px;
}
.product-other-colors table, 
.product-offer-items table {
    border-collapse: collapse;
    width: 100%;
}
.product-other-colors table td,
.product-offer-items table td {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
  text-align: left;
  border-bottom: 1px solid #ECE9E4;
  vertical-align: middle;
  color: #8B8785;
}
.product-offer-items table td:nth-child(2) {
    width: 15%;
}
.product-offer-items table td:nth-child(3) {
    width: 20%;
}
.product-offer-items table td:nth-child(5) {
    background: #379FE1;
}
.product-other-colors table td:nth-child(2) {
    width: 25%;
}
.product-other-colors table tr:last-child > td,
.product-offer-itemstable tr:last-child > td {
    border: 0;
}
.product-other-colors table > tbody > tr > td:first-child,
.product-offer-items table > tbody > tr > td:first-child  {
    vertical-align: middle;
    width: 10%;
}
.product-other-colors table > tbody > tr > td:last-child, 
.product-offer-items table > tbody > tr > td:last-child {
    vertical-align: middle;
    text-align: right;
}
.other-colors-prod-title {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.5em;
    font-weight: bold;    
}
.product-color-container {
    margin-top: 10px;
    text-align: center;
}
.product-color-circle {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
    border: 1px solid #eaebed;
    margin: 0 auto;
}
.product-color-circle-cart {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
    position: relative;
    border: 3px solid #eaebed;
    top: 0px;
    left: 10px;
}
.product-color-circle-small {
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
    border: 1px solid #eaebed;
}
.product-color-circle-small span,
.product-color-circle span {
    padding-left: 30px;
}
.product-color-description {
    padding-left: 30px;
    top: 2px;
    position: relative;
}
/* WCE21 -- COMPARISON */
.table-comparison {
    font-size: 1em;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin-top: 10px;
}
.table-comparison th {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.4em;
    line-height: 1.2em;
    padding: 0.5rem;
    background: #ECE9E4;
    text-align: left;
    vertical-align: top;
}
.table-comparison td {
      padding: 0.25rem;
      text-align: center;
}
.table-comparison > tbody > tr > td:first-child {
    vertical-align: middle;
    width: 23%;
    text-align: left;
}
.table-comparison > tbody > tr:nth-child(2) td {
    border: 0;
}
.table-comparison > tbody > tr:nth-child(4) {
    font-size: 1em;
    color: #505050;
    vertical-align: text-top;
    text-align: left;
}
.table-comparison > tbody > tr:last-child > td{
    font-size: 1.2em;
    background: #ECE9E4;
    vertical-align: text-top;
    padding: 0.5rem;
    border: 0;
}
.table-comparison > tbody > tr:last-child > td a:link, .table-comparison > tbody > tr:last-child > td a:visited {

}
.table-comparison tbody tr:nth-child(odd) {
    background: #FAF9F8;
}
.table-comparison tbody tr:nth-child(even) {
    background: #FFFFFF;
}
.compare-code {
    font-size: 1em;
    color: #8B8785;
    font-weight: normal;
}
.button-compare {
    border: 0;
    font-size: 0.9em;
    padding: 0 2px 0 2px;
    width: 100%;
    margin: 0;
    height: 25px;
    background: #002A06;
    color: #ffffff;
    z-index: 1;    
}
.button-compare:hover, .button-compare:active, .button-compare:focus {
    background-color: ##379FE1; 
    cursor: pointer; 
    border: 0;
}
.product-compare-check {
    float:right;
    top: 7px;
    right: 10px;
    position: relative;
}
.product-compare-check-pr {
    float:right;
    top: 0px;
    right: 20px;
    position: relative;
    z-index: 1; 
}
.button-comparison {
    border: 0;
    font-size: 0.9em;
    padding: 0 2px 0 2px;
    width: 100%;
    margin: 0;
    height: 25px;
    background: #ECE9E4;
    color: #000000;
    z-index: 1;    
    border-radius: 0;
}
.comparison-disabled {
    border: 0;
    font-size: 0.9em;
    padding: 0 2px 0 2px;
    width: 100%;
    margin: 0;
    height: 25px;
    background: #C0C0C0;
    color: #ffffff;
    z-index: 1;    
}
.comparison-header {
    font-size: 1.2em;
    margin-top: -5px;
}
.comparison-header a:link, .comparison-header a:visited {
    color: ##379FE1;
    text-decoration: underline;
}
.comparison-disabled:hover, 
.comparison-disabled:active, 
.comparison-disabled:focus {
    background-color: #C0C0C0; 
    border: 0;   
}
.show-items-comparison,
.show-items-cart {
    background: #379FE1;
    padding: 5px;
    border-radius: 2px;
     margin-top: 10px;
    font-size: 0.9em;
    width: 150px;
    text-align: center;
}
.top-link-comparison a {
    border-bottom: 2px dotted #F8FF78;
    padding-bottom: 2px;
    color: #F8FF78;
}
/* WCE22 -- SLICK */
/* Slider */
.slick-slider { 
/*position: relative;*/
    display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; 
}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("../images/ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; width: 100%; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { 
    position: absolute; 
    display: block; 
    height: 40px; 
    width: 40px;  
    cursor: pointer; 
    background: transparent;
    border: 2px solid #379FE1;
    color: #379FE1; 
    top: 40%; 
    padding-bottom: 5px;
     -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     margin-left: 50px;
     margin-right: 50px; 
    font-size: 1.9em;        
    }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: #379FE1; 
    }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { 
    opacity: 0.25;
    border: 0px solid #505050;
    }
.slick-prev:before, .slick-next:before {  
    opacity: 0.75; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale;
    }
.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "<"; } /*"Ξ²β€ Β"*/
[dir="rtl"] .slick-prev:before { content: ">"; } /*"Ξ²β€ β€™";*/
.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: ">"; }
[dir="rtl"] .slick-next:before { content: "<"; }
/* Dots */
.slick-dots {
    position: relative; 
    bottom: 50px; 
    list-style: none; 
    display: block; 
    text-align: center; 
    padding: 0; 
    width: 100%;
    z-index: 1;
    }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 30px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { 
    position: absolute; 
    top: 0; 
    left: 0; 
    content: ""; 
    width: 20px; 
    height: 20px;  
    line-height: 30px; 
    text-align: center; 
    opacity: 0.25; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
     -ms-border-radius: 50%;
     -o-border-radius: 50%;
     border-radius: 50%;
     background: #379FE1;
    }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }
/*# sourceMappingURL=slick.css.map */

/* WCE23 -- BSM */
.bsmSelect{
  margin: 1em 0 0.25em 0;
  display: inline;
  background: #FFFFFF;
  color: #002A06;
  padding-left: 10px;
}
.bsmSelect:focus {
  background: #ffffff;
  color: #002A06;
}
.bsmList-custom {
  /* html list that contains selected items */
  margin: 0.25em 0 0.25em 0;
  display: block;
  padding-left: 0;
  list-style: outside none none;
}
.bsmListItem-custom {
    margin: 0px 4px 4px 0px;
    padding: 3px;
    list-style: outside none none;
    background: #ED912F none repeat scroll 0% 0%;
    border: 0px solid #BBB;
    font-size: 0.9em;
    line-height: 1em;
    float: left;
    border-radius: 5px;
    color: #FFFFFF;
}
.bsmListItem-custom:hover {
  background-color: #e5e5e5;
  box-shadow: 0 0 3px #aaa;
  -webkit-box-shadow: 0 0 3px #aaa;
  -moz-box-shadow: 0 0 3px #aaa;
}
.bsmListItemLabel-custom {
  padding-right: 5px;
}
.bsmListItemRemove-custom {
  text-decoration: none;
}
/* BSM STANDARD */
.bsmContainer {
  /* container that surrounds entire bsmSelect widget */
}
.bsmOptionDisabled {
  /* disabled options in new select */
  color: #999;
}
.bsmHighlight {
  /* the highlight span */
  float: right;
  padding: 0;
  margin: 0 0 0 1em;
   color: #777;
}
.bsmList {
  /* html list that contains selected items */
  margin: 0.25em 0 1em 0;
  position: relative;
  display: block;
  padding-left: 0;
  list-style: none;
}
.bsmListItem {
  /* li item from the html list above */
  position: relative;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  background: #fbfbfb;
  border: 1px solid #DEDEDE;
  width: auto;
  margin: 0 0 -1px 0;
  line-height: 1em;
  font-size: 1.1em;
}
.bsmListItem:hover {
  background-color: #f3f2f1;
}
.bsmListItemLabel {
  /* this is a span that surrounds the text in the item, except for the remove link */
  padding: 5px;
  display: block;
}
.bsmListSortable .bsmListItemLabel {
  cursor: move;
}
.bsmListItemRemove {
  /* the remove link in each list item */
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
}
a.bsmListItemRemove, a.bsmListItemRemove:visited, a.bsmListItemRemove:focus {
    color: #505050;
}
.bsmScrollWorkaround {
  /* Fix a bug when the 'html' element has an overflow set to either 'scroll' or 'auto' on FF. */
   padding-bottom: 1px;
   overflow: auto;
}
/* WCE24 -- COOKIE NOTICE */
.cookie-notice{
	width:100%;
	height:60px;
	position:fixed;
	bottom:0;
	z-index:9999;
	background: #379FE1;
	font-size:1em;
}
.cookie-notice .cookie-notice-inner{
	position:relative;
	width:880px;
	margin:0 auto;
	padding:0px 30px 20px 50px;
	vertical-align: text-top;
	/*background:url('../images/icon-info.png') left top no-repeat;*/
	color:#FFFFFF;
}
.cookie-notice .cookie-notice-inner p{
	margin-bottom:0px;
    padding: 0;
}	
.cookie-notice .cookie-notice-inner p a{
	color:#6d6b6b;
	text-decoration: underline;
}
.cookie-notice .cookie-notice-inner a.close-notice{
	position:absolute;
	left:10px;
	top:5px;
	display:block;
	width:30px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/icon-close.png) left top no-repeat;
    background-size: 25px 25px;
}
/* WCE -- COMMON RULES */    
SPAN.yes   				{ color:green; }
SPAN.no    				{ color:darkred; }
SPAN.gray    			{ color:gray; }
SPAN.lightgray    		{ color:lightgray; }
.back 					{ float:left; }
.forward 				{ float:right; }
.bold 					{ font-weight:bold; }
.mandatory_star         { font-weight:bold; color:#a90000; }
.row_odd 				{ vertical-align:top; height:1.5em; background-color:#fdfdfd; }
.row_even 				{ vertical-align:top; height:1.5em; background-color:#f7f7f7; }
.clear_both 			{ clear:both; }
/*position*/
.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center {text-align:center;}
.float_left { float:left; }
.float_right { float:right; }
.float_none { float: none;}
.text-align-center { text-align: center; }
.vertical-middle { vertical-align: middle; }
.vertical-top{ vertical-align: text-top; }
.vertical-align-top { vertical-align: top; }
.position-relative { position: relative; }
.position-fixed { position: fixed; }
.position-absolute { position: absolute; }
.visibility-hidden { visibility: hidden; }
.visibility-visible { visibility: visible; }
.inline-block { display: inline-block; }
.image-vertical-midlle { vertical-align: middle; }
.oveflow-hidden { overflow: hidden; }
.display-block { display:  block; }
/*padding*/
.pad-top-5 { padding-top: 5px; }
.pad-top-10 { padding-top: 10px; }
.pad-top-20 { padding-top: 20px; }
.pad-bottom-20 { padding-bottom: 20px; }
.pad-top-bottom-10 { padding-top: 10px; padding-bottom: 10px; }
.padding-zero{ padding: 0; margin: 0; }
.pad-left-right-5 { padding-left: 5px; padding-right: 5px; }
.pad-right-20 { padding-right: 20px; }
.pad-10 { padding: 10px; }
.pad-5 { padding: 5px; }
/*margin*/
.margin-left-right-3 { margin-left: 3%; margin-right: 3%; }
.margin-top-5 { margin-top: 5px; } 
.margin-top-10 { margin-top: 10px; } 
.margin-top-30 { margin-top: 30px; } 
.margin-top-bottom-10 { margin-top: 10px; margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; } 
.margin-right-10px { margin-right: 10px;}
.margin-left-10px { margin-left: 10px;}
/*width*/
.width-100-percent { width: 100%;  margin:0 auto; }
.width-50-percent { width: 50%; margin:0 auto; }
.width-25-percent { width: 25%; margin:0 auto; }
.width-20-percent { width: 20%; margin:0 auto; }
.width-33-percent { width: 33%; margin:0 auto; }
.width-34-percent { width: 34%; margin:0 auto; }
/*fonts*/
.font-weight-bold { font-weight: bold; }
.font-size-bigger { font-size: 1.2em; padding-left: 10px; }
.font-size-1-1 { font-size: 1.1em; }
.font-size-1-2 { font-size: 1.2em; }
.disabled-font { color: #ECE9E4;}
.underline { text-decoration: underline; }
.little-pointer-char:after {
    font-size: 1.5em;
    color: #73D44A;
    padding: 0px 10px 0 10px;
    display: inline-block;
    content: ">";
}
.bold-black {
    color: #000000;
    font-weight: bold;
}
/*other*/
.preview-mode {
    position: fixed;
    top:0px;
    left: 0px;
    z-index: 99999;
    font-size: 1.5em;
    background: #80ff00;
    border: 3px #000000;
    padding: 5px 10px 5px 10px;
}
.classic-table {
    border: 0;
    border-collapse: collapse;
    width: 100%;        
    border-spacing: 0;
}
.center_box_heading {
    background: rgba(190,187,175,1);
    padding: 0 1%;   
    font-family: 'Roboto Condensed', sans-serif;
    color: #FFFFFF;
}
.center_box_heading a {
    color: #379FE1;
}
.div-line {
    width: 100%;
    background: #ECE9E4;
    height: 5px;
}
#div_terms_and_conditions {
    display: none;
}
/*breadcrumbs*/
.breadcrumbs{
	overflow: hidden;
    margin:0px auto;
    border:0;
}
.breadcrumbs-small {
    overflow: hidden;
    margin:0px auto;
    border:0;
    position: relative;
    margin-top: -10px;
}
.breadcrumbs a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 0.9em;
	font-weight:bold;
    line-height: 1.6em;
	color: #77787b;
	padding: 4px 20px 4px 40px;
	position: relative;
}
.breadcrumbs-small a {
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 0.7em;
	font-weight:bold;
    line-height: 1.4em;
	color: #77787b;
	padding: 2px 20px 2px 20px;
	position: relative;
}
.breadcrumbs a:first-child, 
.breadcrumbs-small a:first-child {
    background: #8B8785;
    color: #FFFFFF;
}
.breadcrumbs a:nth-child(2), 
.breadcrumbs-small a:nth-child(2) {
    background: #379FE1;
    color: #FFFFFF;
}
.breadcrumbs a:nth-child(3), 
.breadcrumbs-small a:nth-child(3) {
    background: #72D349;
    color: #FFFFFF;
}
.breadcrumbs a:nth-child(4), 
.breadcrumbs-small a:nth-child(4) {
    background: #ECE9E4;
    color: #000000;
}
.breadcrumbs a:last-child {
    background: none;
    color: #000000;
    pointer-events:none;
}
.breadcrumbs a:first-child:before,
.breadcrumbs-small a:first-child:before {
	left: 20px;
}
.breadcrumbs a:last-child, 
.breadcrumbs-small a:last-child {
	border-radius: 0 5px 5px 0; 
	padding-right: 20px;
}
.breadcrumbs a:after{
	content: '';
	position: absolute;
	top: 0; 
	right: -24px;
	width: 44px; 
	height: 44px;
	transform: scale(0.808) rotate(45deg);
	z-index: 1;
	box-shadow: 1px -1px 0 1px rgba(0, 0, 0, 0.1);
	border-radius: 0 3px 0 50px;
}
.breadcrumbs-small a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -12px;
	width: 28px; 
	height: 28px;
	transform: scale(0.808) rotate(45deg);
	z-index: 1;
	box-shadow: 1px -1px 0 1px rgba(0, 0, 0, 0.1);
	border-radius: 0 3px 0 50px;
}
.breadcrumbs a:first-child:after, 
.breadcrumbs-small a:first-child:after {
    background: #8B8785;
}
.breadcrumbs a:nth-child(2):after, 
.breadcrumbs-small a:nth-child(2):after {
    background: #379FE1;
}
.breadcrumbs a:nth-child(3):after,
.breadcrumbs-small a:nth-child(3):after {
    background: #72D349;
}
.breadcrumbs a:nth-child(4):after,
.breadcrumbs-small a:nth-child(4):after {
    background: #ECE9E4;
}
.breadcrumbs a:last-child:after,
.breadcrumbs-small a:last-child:after {
	content: none;
    background: none;
}
.breadcrumbs a:hover, .breadcrumbs-small a:hover {
    text-decoration: underline;
    color: #000000;
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;    
}

/*drop doown*/
.drop-styled-manu {
   overflow: hidden;
   cursor: pointer;
   margin-right: 5px;
}
.drop-styled-manu select {
   /*padding-left: 5px;*/
   width: 100%;
   font-size: 0.9em;
   border: 1px solid #eaebed;
   height: 25px;
    -webkit-appearance: none;
    cursor: pointer;
}
/*predefined table*/
.predefined-table  {
    border-collapse: collapse;
    width: 100%;
}
.predefined-table td {
    padding: 0.5rem 0.2rem 0.5rem 0.9rem;
    border: 1px solid #ECE9E4
}
.predefined-table > tbody > tr > td:first-child {
    vertical-align: middle;
}
.predefined-table tbody tr:nth-child(odd) {
    background: #FAF9F8;
}
/*pagination*/
.pagging {
    padding: 10px 0 10px 0;
    border-top: 1px solid #ECE9E4;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.3em;
    line-height: 2.5em;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.pagging-right {
    padding: 10px 0 10px 0;
    border-top: 1px solid #ECE9E4;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.3em;
    line-height: 2.5em;
    float: right;
    width: 100%;
    margin-top: 10px;
    text-align: right;
}
.pagging-link {
    padding: 5px 10px 5px 10px;
    background: #eaebed;
}
.paging-active {
    padding: 5px 10px 5px 10px;
    background: #379FE1;
    color: #ffffff;
}
.paging-active:hover, .pagging-link:hover {
    background: #72D349;
}
ul.jkit-pagination, ul.jkit-pagination li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.jkit-pagination {
	margin-top: 10px;
}
ul.jkit-pagination li {
	display: inline;
    padding: 5px 10px 5px 10px;
    background: #eaebed;
    margin-right: 5px;
    cursor: pointer;
}
ul.jkit-pagination li.active {
    padding: 5px 10px 5px 10px;
    background: #002A06;
    cursor: pointer;
    color: #ffffff;
    margin-right: 5px;
}
.pagination-msg {
     display: inline-block;
     margin-left: 10px;
}
/*checkboxes and radios*/
input[type=checkbox], input[type=radio] {
	visibility: hidden;
}
.checkboxhack {
	width: 20px;
	height: 20px;
	background: #ddd;
    -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
     border-radius: 100%;
	position: relative;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.5);
    margin: 5px 10px 5px 10px;
}
.checkboxhack label {
	display: block;
	width: 16px;
	height: 16px;
    -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
     -ms-border-radius: 100%;
     -o-border-radius: 100%;
     border-radius: 100%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
	cursor: pointer;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 1;
	background: #ffffff;
}
.checkboxhack input[type=checkbox]:checked + label, .checkboxhack input[type=radio]:checked + label {
    background: #379FE1;
}
.label-for-radio {
    padding-left: 30px;
}
/*captcha*/
.captcha-img {
    cursor:pointer; 
    padding:0px; 
    margin:0px; 
    border:0px;   
    vertical-align: middle;
}
IMG#captcha_image { padding:0px; margin:0px; border:1px solid #e4e8eb; }
/*slick carousel*/
div.carousel {
	overflow: hidden;
	text-align: left;
}
.carousel-new {
    height: 410px;
}
.carousel-offers {
    height: 500px;
}
.carousel-featured {
    width: 100%;
    height: 610px;
}
#related-products-container > .carousel-new {
    height: 260px;
    width: 100%;
} 
.carousel-related .info {
    font-size: 1.0em;
    font-weight: normal;
    padding-left: 6px;
}
.related-pro-name {
    position: relative;
    top: -60px;
    padding: 5px;
    background: rgba(255,255,255,0.6)
}
div.carousel-item {
	float: left;
	width: 100%;
}
div.carousel-item > div {
    border: 0;
}
div.carousel-item-related {
	float: left;
	width: 100%;
    height: 260px;
}
div.carousel-inner-4 {
	float: left;
	width: 24%;
    height: 300px;
	margin: 0px;
    margin-left: 10px;
	text-align: left;
	color: #fff;
    overflow: hidden;vertical-align: middle;
}
div.carousel-inner-4:first-child, div.carousel-inner-4:nth-child(5n+5) {
    padding-left: 0px;
}
.carousel-inner-4 a:link, .carousel-inner-4 a:visited {
    color: #000000;
}
.carousel-img-container {
    height: 245px;      /* equals max image height */
    width: 245px;
    white-space: nowrap;
    text-align: center; 
}
.carousel-img-container span {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
img.carousel-img {
    vertical-align: middle;
    max-height: 200px;
    max-width: 200px;
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;    
}
img.carousel-img:hover {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease; 
}
.carousel-super-container {
    text-align: left;
}
a.jkit-carousel-prev, a.jkit-carousel-next {
	cursor: pointer;
	cursor: hand;
	margin-top: 10px;
	text-align: center;
	user-select: none;
    position: relative;
    top: -467px;
}
a.jkit-carousel-prev:hover, a.jkit-carousel-next:hover {
	background: none;
    text-decoration: none;
}
a.jkit-carousel-prev {
	float: right;
}
a.jkit-carousel-next {
	float: right;
    margin-left: 5px;
}
#featured-products-outer a.jkit-carousel-prev, #featured-products-outer a.jkit-carousel-next {
    top: -670px;
    background: none;
    font-size: 4em;
    color: #002A06;
}
#featured-products-outer div.carousel-item {
    margin-bottom: 10px;
}
#related-products-container a.jkit-carousel-prev, #related-products-container a.jkit-carousel-next {
    position: relative;
    top: -315px;
    font-size: 3em;
    color: #379FE1;
}
a.jkit-carousel-prev:nth-child(4), a.jkit-carousel-next:nth-child(3){
    top: -570px;
    background: ##379FE1;
    border: 1px ##379FE1 solid;
}
a.jkit-carousel-prev:nth-child(4):hover, a.jkit-carousel-next:nth-child(3):hover{
    background: #002A06;
    border: 1px #002A06 solid;
}
/*scroll top*/
.scrollToTop{
    	width:50px; 
    	height:50px;
    	text-align:center; 
    	background: whiteSmoke;
    	font-weight: bold;
    	color: #444;
    	text-decoration: none;
    	position:fixed;
    	bottom:25px;
    	right:25px;
    	display: none;
    	background: url('../images/scroll.png') no-repeat 0px 0px;
        background-size: 50px 50px;
        z-index: 999999999;
    }
.scrollToTop:hover{
    	text-decoration:none;
    }
/*ribbons*/
.ribbon-wrapper-green {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px;
    }
.ribbon-green {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    -webkit-transform: rotate(45deg);
    -moz-transform:    rotate(45deg);
    -ms-transform:     rotate(45deg);
    -o-transform:      rotate(45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #BFDC7A;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
    background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
    background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
    background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
    background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
    color: #6a6340;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
    }
.ribbon-green:before, .ribbon-green:after {
    content: "";
    border-top:   3px solid #6e8900;   
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
    }
.ribbon-green:before {
    left: 0;
    }
.ribbon-green:after {
    right: 0;
    }
/* red ribbon */
.ribbon-wrapper-red {
    width: 119px;
    height: 92px;
    overflow: hidden;
    position: absolute;
    top: -2px;
    left: -25px;
    z-index: 1;
    }
.ribbon-red {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #f4757b;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f4757b), to(#ff000a)); 
    background-image: -webkit-linear-gradient(top, #f4757b, #ff000a); 
    background-image:    -moz-linear-gradient(top, #f4757b, #ff000a); 
    background-image:     -ms-linear-gradient(top, #f4757b, #ff000a); 
    background-image:      -o-linear-gradient(top, #f4757b, #ff000a); 
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
    z-index: 2;
    }
.ribbon-red:before, .ribbon-red:after {
    content: "";
    border-top:   3px solid #6e8900;   
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
    }
.ribbon-red:before {
    left: 0;
    }
.ribbon-red:after {
    right: 0;
    }
/* orange ribbon */
.ribbon-orange {
    font: bold 15px Sans-Serif;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(-45deg);
    -moz-transform:    rotate(-45deg);
    -ms-transform:     rotate(-45deg);
    -o-transform:      rotate(-45deg);
    position: relative;
    padding: 7px 0;
    left: -5px;
    top: 15px;
    width: 120px;
    background-color: #f7a74f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f7a74f), to(#f48b17)); 
    background-image: -webkit-linear-gradient(top, #f7a74f, #f48b17); 
    background-image:    -moz-linear-gradient(top, #f7a74f, #f48b17); 
    background-image:     -ms-linear-gradient(top, #f7a74f, #f48b17); 
    background-image:      -o-linear-gradient(top, #f7a74f, #f48b17); 
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
}
.ribbon-orange:before, .ribbon-orange:after {
    content: "";
    border-top:   3px solid #6e8900;   
    border-left:  3px solid transparent;
    border-right: 3px solid transparent;
    position:absolute;
    bottom: -3px;
}
.ribbon-orange:before {
    left: 0;
}
.ribbon-orange:after {
    right: 0;
}
/* blue ribbon */
.ribbon-wrapper-blue {
  width: 119px;
  height: 92px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  left: -25px;
  z-index: 1;
}
.ribbon-blue {
  font-size: 1.1em;
  color: #333;
  text-align: center;
  -webkit-transform: rotate(-45deg);
  -moz-transform:    rotate(-45deg);
  -ms-transform:     rotate(-45deg);
  -o-transform:      rotate(-45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #379FE1;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#379FE1), to(#2fbbff)); 
  background-image: -webkit-linear-gradient(top, #379FE1, #2fbbff); 
  background-image:    -moz-linear-gradient(top, #D1C818, #EAE24A); 
  background-image:     -ms-linear-gradient(top, #379FE1, #2fbbff); 
  background-image:      -o-linear-gradient(top, #379FE1, #2fbbff); 
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
  z-index: 2
}

.ribbon-blue:before, .ribbon-blue:after {
  content: "";
  border-top:   3px solid #6e8900;   
  border-left:  3px solid transparent;
  border-right: 3px solid transparent;
  position:absolute;
  bottom: -3px;
}
.ribbon-blue:before {
  left: 0;
}
.ribbon-blue:after {
  right: 0;
}
/*gallery*/
.gallery-title {
    background: #F6F6EE;
    color: #000000;
    font-size: 1.0em;
    padding: 5px 0px;
}
.gallery-item-title {
    background: #f3f2f1;
    color: #000000;
    font-size: 1.0em;
    padding: 5px 0px;
}
/*discounts*/
.discount-tag-block {
    float: right;
    position: absolute;
    top:0;
    right: 0;
    height: 40px;
    width: 85px;
    background: url('../images/discount.png') no-repeat right top;
    text-align: right;
    font-size: 1.5em;
    color: #ffffff;
    padding-top: 0.7em;
    padding-right: 12px;
}
.discount-tag-category {
    float: right;
    position: relative;
    top:0;
    right: 0;
    height: 40px;
    width: 85px;
    background: url('../images/discount.png') no-repeat right top;
    text-align: right;
    font-size: 1.5em;
    color: #ffffff;
    padding-top: 0.7em;
    padding-right: 12px;
}
.discount-tag-prod {
    float: right;
    position: relative;
    top:-5px;
    right: 0;
    height: 40px;
    width: 85px;
    background: url('../images/discount.png') no-repeat right top;
    text-align: right;
    font-size: 1.5em;
    color: #ffffff;
    padding-top: 0.7em;
    padding-right: 12px;
}
.discount-tag-small {
    float: right;
    top:0;
    right: 0;
    height: 40px;
    width: 85px;
    background: url('../images/discount.png') no-repeat right top;
    text-align: right;
    font-size: 1.5em;
    color: #ffffff;
    padding-top: 0.7em;
    padding-right: 12px;
}
/*signature*/
.signature {
    margin-top:10px; 
    text-align:left;
    font-size: 1.1em;
    font-weight: normal;
}
.signature img {
    height: 100px;
}
.signature .h1 {
    color: #183655;
    font-weight: normal;
    margin:25px 0 25px 0;
    font-size: 1.4em;
    letter-spacing: 0.5px;
}
.signature .h1 > span.red-color {
    color: #FF0000;
}
.signature > span.blue-color-bold {
    color: #183655;
    font-weight: bold;
}
.signature > span.black-color{
    color: #000000;
    font-size: 1em;
}
/*tooltip*/
.dgrid_tooltip {
    font-size: 0.9em;
    background-color: #797478;
    border-radius: 5px;
    color: #ffffff;
    padding: 10px;
    line-height: 1.2em;
    opacity: 0.85;
}
span.overlib-field {
    position: relative;
    top:5px;
    left:-10px;
    cursor: help;
}
span.overlib-div {
    position: relative;
    cursor: help;
}
span.overlib-div img {
    vertical-align: middle;
    padding-left: 10px;
}
/*links like buttons*/
.a-like-button { 
    font-size: 1.2em;
    padding: 10px 30px;
    border: 0px none;
    background: #379FE1 none repeat scroll 0% 0%;
    color: #FFF;
   	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	transition: all .5s ease;
    white-space: nowrap;
}
.a-like-button:hover { 
    cursor: pointer;
    background-color: #73D44A;
    border: medium none;
}
.a-like-button:focus, .a-like-button:active { 
    cursor: pointer;
    background-color: #73D44A;
    border: medium none;     
}
a.a-like-button {
    color: #FFF;
}
span.position-relative > a:nth-child(1),
a.a-like-button:hover  {
    text-decoration: none;
}
/*ORDERS*/
.small_fieldset fieldset {
    background: #ECE9E4;
    border: 0px solid #8B8785;
}
.small_fieldset table tr td:nth-child(1){
    width: 30%;
}
.newsletter_subscribe_small input[type=text]{
    padding-left: 10px;
    padding-right: 10px;
}
.newsletter-button {
    margin-left: 10px;
    height: 39px;
}
.tooltip-column {
    padding: 10px;
    position: relative;
    top: -30px
}
.tooltip-prod-des {
    padding: 10px;    
    background: #73D44A;
    color: #FFFFFF
}
.price-block a.tooltip {
    background: #379FE1;
    position: relative;
    top:-100px;
    left: 0px;
    color: #FFFFFF;
    padding: 10px;
}
.section-bottom-container {
    position: absolute; 
    bottom: 0;
    left:0; 
    height:25%; 
    min-height: 250px;
    background: rgba(0,0,0,0.40);
    width:100%; 
    overflow: hidden;
    color: #FFFFFF;
}
.article-home-container {
    float: left; 
    width:75%; 
    height: 100%; 
    text-align: left;
}
.article-home {
    width: 80%; 
    position: relative; 
    top:50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%);
    vertical-align: top;
}
.news-box-container {
    float: left; 
    background-color: #7BB940; 
    width: 25%; 
    height: 50%;
}
.find-us-container {
    float: left; 
    background-color: #F6F6EE; 
    width: 25%; 
    height: 50%;
    max-height: 50%;
    text-align: center;
    cursor: pointer;
}
.find-us {
    font-size: 1.7em;
    color: #000000;
    position: relative;
    top: 40%;
}
.blunt-arrow {
    position: relative;
    left: 50%;
    top: 40%;
    transform: translate(-50%, 40%);
    -webkit-transform: translate(-50%, 40%);
    width: 0; 
    height: 0;
    border-top: 15px solid #7BB940;
    border-left: 60px solid transparent;
    border-right: 60px solid transparent;
    cursor: pointer;
}
/** THE TRICK **/
section {
    background: url(../../../images/background.jpg) center center no-repeat; 
    background-size: cover;
    background-attachment: fixed;
}
#section-2 {
    display: normal;
}
.section.full-height {
    display: table;
    width: 100%;
    height: 100%;
    height: 100vh;
}
.section .content.middle {
    display: table-cell;
    vertical-align: middle;
}
.section.hero-unit { }
.background-opacity {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #31373D;  
    opacity: 0;
    z-index: -1;
}
.background-standard {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    z-index: -2;
}
/** PEOPLE **/
.people-container {
    width: 25%;
    float: left;
    height: 86%;
    background: #F6F6EE;
}
.people-block {
    float: left;
    width: 90%;
    padding: 1% 5%;
    background: #7BB940;
    font-size: 1.12em;
    color: #FFFFFF;
}
.people-block:first-child {
    padding-top: 5%;
}
.people-block:nth-last-child(2) {
    padding-bottom: 5%;
}
.people-block img {
    float: left;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%;
    border: 5px #FFFFFF solid; 
    vertical-align: middle;
    margin-right: 10px;
}
.phones-container {
    float: left;
    width: 100%;
    background: #F6F6EE;
    text-align: center;
}
.phones-container img {
    margin-top: 18px;
    width: 50px;
}
.phones-container > div {
    font-size: 1.4em;
    font-family: 'Roboto Condensed', sans-serif;
    color: #000000;
    padding-bottom: 25px;
    
}
/* MOBILE MENU*/

.mobile-menu-icon {
    position: fixed;
    top: 20px;
    left: 5%;
    z-index: 999999;
    float: right;
    width: 90%;
    display: none;
}
.mobile-list {
     list-style: none;
     padding: 15px;
}
.mobile-list li {
    padding-top: 10px;
}
.mobile-list li > a {
      color: #FFFFFF;
      font-size: 1.5em;
}
.mobile-menu{
    background: #7BB940;
    display: none;
    width: 100%;
    transition: all 0.5s ease;
    li {
        display: block;
        color: #fff;
        text-align: center;
        text-decoration: none;
    }
}

@media only screen and (max-width:1600px) {
    #indexDefaultMainContent {
        margin: 0;
        padding: 1%;
        margin: 0px;
        width: 80%;
        margin-top: 150px;
        left: 11%;
        transform: translatex(11%);
        -webkit-transform: translatex(11%);
        background: rgba(246,246,238,0.85);
    }
}
@media only screen and (max-width:800px) {
    .middle-logo {
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%, 20%);
        -webkit-transform: translate(-50%, 20%);
        z-index: 99999;
        opacity: 0.8;
    }
    #indexDefaultMainContent {
        margin: 0;
        padding: 1%;
        margin: 0px;
        width: 90%;
        margin-top: 150px;
        left: 4%;
        transform: translatex(4%);
        -webkit-transform: translatex(4%);
        background: rgba(246,246,238,0.85);
    }
    .section-headers-1 {
        width: 53%;
        background: #BEBBAF;
        color: #FFFFFF;
        float: left;
        position: relative;
        padding: 1%;
        font-size: 2em;
    }
    .section-headers-2 {
        width: 43%;
        background: #BEBBAF;
        color: #FFFFFF;
        float: left;
        position: relative;
        padding: 1%;
        font-size: 2em;
        white-space: nowrap;
    }
    #google-map {
        height: 86%;
        width: 55%;
        float: left;
        background: #BEBBAF;
    }
    .people-container {
        width: 45%;
        float: left;
        height: 86%;
        background: #F6F6EE;
    }    
}
@media only screen and (max-width:500px) {

    #indexDefaultMainContent {
        margin: 0;
        padding: 1%;
        margin: 0px;
        width: 90%;
        margin-top: 150px;
        left: 4%;
        transform: translatex(4%);
        -webkit-transform: translatex(4%);
        background: rgba(246,246,238,0.85);
    }
    .mobile-menu-icon {
        display: block;
    }
    #navPagesSuperTop {
        display: none;
    }
    #siteSlogan {
        display: none;
    }
    .section-headers-1 {
        width: 98%;
        background: #BEBBAF;
        color: #FFFFFF;
        float: left;
        position: relative;
        padding: 1%;
        font-size: 1.5em;
    }
    .section-headers-2 {
        display: none;
    }
    #siteLogo {
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translate(-50%, 10px);
        -webkit-transform: translate(-50%, 10px);
        z-index: 99999;
        background: #7BB940;
        text-align: center;
    }
    #siteLogo img {
        width: 90%;
    }
    #google-map {
        height: 86%;
        width: 100%;
        float: left;
        background: #BEBBAF;
    }
    .people-container {
        width: 100%;
        float: left;
        height: 86%;
        background: #F6F6EE;
    }    
    #navPagesSuperTop {
        position: fixed;
        left: 0px;
        top: 0px;
        height: 130px;
        width: 100%;
        z-index: 99998;
        border-top: 10px solid #7BB940;
    }
    .section-bottom-container {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 25%;
        min-height: 370px;
        background: rgba(0,0,0,0.40);
        width: 100%;
        overflow: hidden;
        color: #FFFFFF;
    }
        .article-home-container {
        float: left; 
        width:100%; 
        height: 100%; 
        text-align: left;
    }
    .article-home {
        width: 80%;
        position: relative;
        padding: 10%;
        vertical-align: top
    }
    .phones-container img {
        width: 40px;
        margin-left: 5%;
        margin-right: 2%;
        vertical-align: middle;
    }
    table.news-table tbody tr td img {
        display: none;
    }
    .service-block img {
        display: none;
    }
    .service-block {
        width: 100%;
        min-height: 50px;
        height: auto;
        margin-bottom: 0;
        border-bottom: 1px dotted #dedede;
    }
    .services-header {
        top: 58%;
        font-size: 1.1em;
    }
}
@media only screen and (max-height:550px) {
    .middle-logo {
        display: none;
    }
    #siteSlogan {
        display: none;
    }
}

/*
* ApPHP changes:
* --------------
* last changed: 08.02.2011
*  - fix for IE8: added background-color: #222222; for #lbOverlay
*/
#lbOverlay { background-color: #222222; position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 11px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 4px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../images/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(../images/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(../images/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(../images/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(../images/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../images/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(../images/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(../images/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(../images/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(../images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 75%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(../images/close_grey.png) no-repeat; }
	#lbClose.red { background: url(../images/close_red.png) no-repeat; }
	#lbClose.green { background: url(../images/close_green.png) no-repeat; }
	#lbClose.blue { background: url(../images/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(../images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(../images/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(../images/play_red.png) no-repeat; }
	#lbPlay.green { background: url(../images/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(../images/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(../images/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(../images/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(../images/pause_red.png) no-repeat; }
	#lbPause.green { background: url(../images/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(../images/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(../images/pause_gold.png) no-repeat; }