/*
========================
Header Area Start
========================
*/

body {	
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;    
	background: #fff;
	color: #595959;	
}

a:hover {text-decoration: none;}

::selection {
    color: white; 
    background: teal;
}

::-webkit-selection {
    color: white; 
    background: teal;
}

::-moz-selection {
    color: white; 
    background: teal;
}

.scrolltotop {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    display: inline-block;
    padding: 5px 0px 0px 13px;
    font-size: 20px;
    color: #ffffff;
    position: fixed;
    right: 5px;
    bottom: 5px;
    display: none;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.scrolltotop:hover {   
    background: #1b683f;
    color: #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.5);
}

.header-area {
    background: #1b683f;
    padding: 5px 0;
}

.header-left ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.header-left ul li {
    float: left;
    padding: 5px 30px 0px 0px;
    font-size: 16px;
    color: #fff;
}

.header-left a {color:#fff;}

.header-right ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    float: right;
}

.header-right ul li {
    float: left;
}

.header-right ul li a {
    text-decoration: none;
    display: block;
    color: #fff;    
    padding: 0px 0px 0px 16px;
}

.main-menu-area {
    background: #fff;
    z-index: 9999;
}

.main-menu ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#menu-active {
    color: #1b683f;
}

.main-menu ul li img {
    width: 140px;
    display: inline-block;
    position: relative;
    top: 0px;
    z-index: 99999;
}

.main-menu ul li a {
    text-decoration: none;
    display: block;
    padding: 0px 16px;
    color: #595959;
    font-size: 17px;  
    font-family: 'georgia', sans-serif;
    text-align: center;  

}

.main-menu ul li a:hover {
    color: #1b683f;
}

.main-menu ul li ul {
    list-style-type: none;
    padding: 0px;
    display: inline-block;
    position: absolute;
    z-index: 9999999;
    text-align: left!important;
    visibility: hidden;
    xtransition: 0.3s all ease;
    x-webkit-transition: 0.3s all ease;
    x-moz-transition: 0.3s all ease;

}

.main-menu ul li:hover ul {
    margin-top: 0px;
    visibility: visible;
}

/*.main-menu ul li ul:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    top: 0px;
    left: 0px;    
}*/

.main-menu ul li ul li {
    display: block;
    float: none;   
    min-width: 160px;
}

.main-menu ul li ul li a {
    text-decoration: none;
    display: block;
    color: #595959;
    padding: 5px 10px;
    background: #ddd;
    border-bottom: 1px solid #fff;
    text-align: left;
}

.main-menu ul li ul li:last-child a {
     border-bottom: none;
}

.main-menu ul li ul li:first-child a {    
     border-top: 2px solid #ddd;
}

.main-menu ul li ul li a:hover {
    background: #fff;
    color: #1b683f;
}

.mobile-menu-area {
    display: none;
}

.slider-area {
    z-index: -9999;
}

/*
========================
Slider Area Start
========================
*/

.slide-wrap{
    position: relative;
}

.kitchen-example {
    position: absolute;
    display: block;   
    background: #fff;
    bottom: 50px;
    right: 15%;
    z-index: 9999;
    padding: 15px;
    border: 1px solid #24653B;
    outline: 2px solid #fff;
}

.kitchen-example h3 {
    font-size: 22px;
     margin: 0px;
     margin-bottom: 15px;
    line-height: 10px;
    color: #24653B;
    font-family: 'georgia', sans-serif;
}

.kitchen-example p {
    margin: 0px;
    line-height: 10px;
}

/*
========================
Content Area Start
========================
*/

.content-area {
    padding: 90px 0px 65px 0px;
}

h3 {
    color: #1b683f;
   font-weight: bold;
}


.title_line {
    width: 150px;
    height: 2px;
    background: #1b683f;
    display: block;
    margin: 5px 0px 15px 0px;
}

.content-left p {
    color: #000;
    font-family: 'georgia', sans-serif;
    text-align: justify;
}

.content-left a {
    color: #1b683f;
    font-family: 'georgia', sans-serif;
    font-size: 18px;
    transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.content-left a:hover {
    color: #003935;
    text-decoration: underline;
}

.content-right-part {
   margin: 60px 0px 0px 30px;
}

.content-right-part h2 {
   text-align: center;
   color: #E4E4E4;
    font-family: 'OpenSans', sans-serif;
    font-weight: bold;
    font-size: 55px;
}

.content-right-part p {
    text-align: center;
    color: #003935;
    font-family: 'georgia', sans-serif;
    font-size: 17px;
}

.collections-part {
    width: 100%;
    display: block;
    box-sizing: border-box;
    height:250px;
    background-size:contain;
    background-position: center center;
    background-repeat:no-repeat;
    margin-top:25px;    
}

.collections-bottom {
    width:100%;
    box-sizing: border-box;
    padding: 13px 0px 12px 0px;    
    background: #E4E4E4;   
    margin: 15px 0px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.collections-bottom a {
     color: #1b683f;
     text-align: center;
     display: block;
     font-size: 25px;
     transition: 0.3s all ease;
     -webkit-transition: 0.3s all ease;
     -moz-transition: 0.3s all ease;
}

.collections-bottom:hover {
    background: #003935;
    color: #fff;
}

.collections-bottom:hover a {
    color: #fff;
}

.collections-part {
    position: relative;
    overflow: hidden;
}

.collections-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    /* bottom: 100%; */
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
   -webkit-transition: 0.3s all ease;
}

.collections-overlay {
    display: flex;    
    align-items: center;
   justify-content: center;   
}

.collections-overlay-title {
    background: #1b683f;
    border: 2px solid #1b683f;
    padding: 8px 12px;
    margin:10px;
    font-size: 20px;
    color: #fff;
    text-align:center;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.collections-overlay-title:hover {
    background: #1b683f;
    color: #fff;
}

.collections-part:hover 
.collections-overlay {
    bottom: 0;
}

.inspiration-area {
    background: #003935;
    padding: 40px 40px 30px 40px;
}

.inspiration-right {
    margin-top: 30px;    
}

.inspiration-right a {
    text-align: center;
    color: #1b683f;
    background: #fff;
    padding: 10px 15px;
    width: 270px;
    margin: auto;
    display: block;
    font-size: 27px;
    float: right;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;    
}

.inspiration-right a:hover {   
    background: #003935;
    color: #fff;
    box-shadow: 0px 0px 15px rgba(255,255,255,.4);
    -webkit-box-shadow: 0px 0px 15px rgba(255,255,255,.4);
    -moz-box-shadow: 0px 0px 15px rgba(255,255,255,.4);
}

.inspiration-left h2 {
    text-transform: uppercase;
    color: #fff;
}

.inspiration-left p {
    color: #fff;
}

/*
========================
buy-oak-area Start
========================
*/

.buy-oak-area {
    background: #fff;
    padding: 60px 0px;
}

.buy-oak-left h2 {
    line-height: 27px;
    text-transform: capitalize;
    color: #1b683f;
    font-size: 37px;
}

.buy-oak-left p {
    color: #000;
    font-family: 'georgia', sans-serif;
}

.buy-oak-heading {
    margin: 15px 0px 30px 0px;
}

.buy-oak-right h2 {
    line-height: 27px;    
    color: #1b683f;
    font-size: 37px;
    margin-bottom: 15px;   
}

.buy-oak-right p {
    color: #003935;
}

.buy-oak-right {
    xbackground: #E4E4E4;
    padding: 30px 20px 20px 20px;
    xmargin-top: 15px;
}

.buy-oak-form input {
    width: 100%;
    background: #fff;
    border:1px solid #e3e3e3!important;
    color: #003935;
    margin: 10px 0px;
    padding: 5px 10px;
    border-radius: 6px;
}

.buy-oak-form textarea {
    width: 100%;
    color: #003935;
    border:1px solid #e3e3e3!important;
    margin: 8px 0px;
    padding: 5px 10px;
    border-radius: 6px;
}

.buy-oak-left a {
    color: #1b683f;
    font-family: 'georgia', sans-serif;
    font-size: 18px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.buy-oak-left a:hover {
    color: #003935;
    text-decoration: underline;
}

.buy-oak-form input[type="submit"] {
    width: inherit;
    border-radius: 0px;
    padding: 7px 35px;
    background: #1b683f;
    color: #fff;
    cursor: pointer;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    margin-bottom: 0px;
}

.buy-oak-form input[type="submit"]:hover {
    box-shadow: 5px 5px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
}

/*
========================
testimonal-area Start
========================
*/

.owl-theme .owl-controls .owl-page span {
        background: #fff;
        border-radius: 0;
        height: 9px;
        width: 9px;
        border-radius: 50%;
        margin: 10px 3px;
}

.amader-slider .item {
    text-align: center;
    color: #fff;
}

.testimonal-area {
    background: #003935;
    padding: 65px 0px 50px 0px;
}

.amader-slider .item {
   font-family: 'georgia', sans-serif;
   line-height: 26px;
   font-weight:normal;
}

.amader-slider .item p {
    font-size: 18px;
    text-transform: capitalize;
    margin: 15px 0px 0px 0px;
}

.testimonial-text{font-size:24px!important; font-weight:normal!important;}

/*
========================
footer-area Start
========================
*/

.footer-area {
    color: #fff;
    background: #1b683f;
    padding: 30px 0px;    
}

.footer-logo {
    width: 140px;
    margin: auto;
}

.footer-logo img {
    width: 100%;
    display: inline-block;
    position: relative;
    top: -25px;
}

.footer-part-1 p {
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
}

.footer-contact {
    margin-top: 20px;
}
.footer-contact a {
    color:#fff;
    text-decoration:none;
}
.footer-contact a:hover {
    text-decoration:underline;
}

.footer-part-1 h2,
.footer-part-2 h2,
.footer-part-3 h2,
.footer-part-4 h2 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer-part-2 span {
    font-size: 14px;
    line-height: 20px;
    margin: 0px;
    display: block;
}

.footer-part-3 ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.footer-part-3 ul li {
    float: left;
}

.footer-part-3 ul li a {
    font-size: 18px;
    color: #fff;
    padding: 2px 6px; 
    width: 30px;
    height: 30px;
    margin: 2px;
    display: block;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    border-radius: 50%; 
}

.footer-part-3 ul li a:hover {
   box-shadow: 0px 0px 5px rgba(255,255,255,.7); 
   -webkit-box-shadow: 0px 0px 5px rgba(255,255,255,.7); 
   -moz-box-shadow: 0px 0px 5px rgba(255,255,255,.7); 
}

.payment-method-top img {
    margin-right: 10px;
}

.payment-method-bottom img {
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
}

/*
========================
copyright-area Start
========================
*/

.copyright-area {
    padding: 25px 0px 10px;
}

.copyright-left ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.copyright-left ul li {
    float: left;
    margin-right: 30px;
    color: #000;
    font-size: 15px;
}

.copyright-right p {
    float: right;
    color: #000;
    font-size: 15px;
}

/*
========================
Collections-Page Start
========================
*/

.rustic-kitchens-area {
    padding: 35px 0px 35px 0px;
}

.collection-menu ul li img {
    position: none;
    top: 0px;
    width: 138px;
    padding: 8px;
}

.rustic-kitchens-content h2 {
    color: #1b683f;
    font-family: 'georgia', sans-serif;
}

.xrustic-kitchens-content span {
    display: block;
    width: 55%;
    background: #1b683f;
    height: 1px;
    margin: 30px auto 30px;
} 

.rustic-kitchens-content p {
    margin: 0px;
    font-size: 18px;
    color: #000;
    font-family: 'georgia', sans-serif;
}

/*
========================
main-product-area start
========================
*/

.product-area {
    border-bottom: 2px solid #1b683f;
    margin: 30px 0px 30px 0px;
}

.filter-top-part {
    background: #E4E4E4;   
}

.filter-top-part h2 {
    background: #003935;
    padding: 8px 30px;
    color: #fff;
    font-size: 28px;
    font-family: 'georgia', sans-serif;
}

.filter-main {
    padding: 15px;
}

.filter-main p {
    color: #000;
    font-family: 'georgia', sans-serif;
    font-size: 18px;
}

.filter-main a {
    text-align: center;
    color: #fff;
    background: #1b683f;
    padding: 5px 0px;
    display: block;
    margin-top: 5px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.filter-main a:hover {
    box-shadow: 5px 5px 5px rgba(0,0,0,.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 5px 5px 5px rgba(0,0,0,.5);
}

/*.range-bottom {
    padding: 15px 15px;
}

.range-bottom h2 {
    font-size: 26px;
    font-weight: bold;
}

.range-last {
    border-top: 1px solid #1b683f;
    margin-top: 20px;
    padding: 20px 0px 5px 0px;
}

.range-last p {
    font-size: 20px;
    margin: 0px;
    color: #003935;
}
.range-last h3 {
    font-weight: bold;
    color: #1b683f;
    font-size: 32px;
}*/

.product-area img {
    display: block;
    width: 100%;
}

.product-list-data {
    height:160px; 
    overflow:hidden;
}

.product-list-data-carousel {
    height:60px; 
    overflow:hidden;
    text-align:center;    
}
    
.product-list-name {
    font-size: 18px;
    color: #1b683f;
    margin: 15px 0px 15px 0px;   
}

.product-list-name-carousel {
    font-size: 14px;
    color: #1b683f;
    margin: 15px 0px 15px 0px;   
}

.product-area h4 {
    color: #B8B9BB;
    font-size: 18px;
    margin: 0px;
    margin-bottom: -5px;
}

.product-area h2 {
    font-weight: 900;
    color: #1b683f;
    font-size: 35px;
}

.product-area p {
    color: #000;
    margin: 0px;
    font-size: 18px;
}

.product-add-Basket {
    width: 100%;
    margin: 15px 0px 30px 0px;
}

.product-add-Basket .view {
    width: 49%;
    background: #B8B9BB;
    display: inline-block;
    text-align: center;
    padding: 5px 8px;
    color: #fff;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.product-add-Basket .view:hover {
    background: #1b683f;
}

.product-add-Basket .add-basket {
    width: 49%;
    background: #1b683f;
    display: inline-block;
    float: right;
    text-align: center;
    padding: 5px 8px;
    color: #fff;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.product-add-Basket .add-basket:hover {
    background: #B8B9BB;
}

.product-add-Basket-carousel .view {
    width: 100%;
}

.filter-search input {
    width: 100%;
    border: none;
    padding: 1px 10px;
    color: #003935;   
} 

.filter-search button {
   background: #fff;
   color: #003935;
   display: block;
   border: none;
   position: relative;
   top: -25px;
   left: 85%;
   cursor: pointer;
   z-index: 999;
} 

.filter-main {
    color: #000;
}

.filter-main p {
    margin: 0px;
    margin-top: -10px;
}

.filter-main span {
    display: inline-block; 
    margin: 10px 8px;
    font-size: 13px;
}
/*
.range-slider-area {
    position: relative;
    display: flex;  
    align-items: center;   
}

.range {
    width:400px;
    height:5px;
    border-radius: 4px;
    background-color: #fff;
}

.range__button_1, .range__button_2 {
    position: absolute;
    top: 50%;
    width: 10px;
    height: 10px;
    cursor: move;
    transform: translateY(-50%);
    border: none;
    border-radius: 50%;
    background-color: #003935;
}

.range__between {
    position: absolute;
    height: 5px;
    width:0px;
    margin-top:0px;
    border: none;
    background-color: #003935;
}*/

.pagination-left a {
    padding: 8px 35px;
    background: #B8B9BB;
    color: #fff;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.pagination-left a:hover {
    background: #1b683f;
}

.pagination-area {
    overflow: hidden;
    padding: 15px 0px 0px 0px;
    margin-bottom: -35px;
    clear: both;   
}

.pagination-right:after {
    content: "";
    display: block;
    clear: both;
}

.pagination-right ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    float: right;  
}

.pagination-right ul li {
    float: left;
}

.pagination-right ul li a {
    color: #fff;
    padding: 3px 12px;
    background: #B8B9BB;
    margin: 2px;
    line-height: 10px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

 #active-page {
    background: #003935;
}

.pagination-right ul li a:hover {
    background: #1b683f;
}

.all-collections {
    margin: 50px 0px;
    background: #E4E4E4;
    text-align: center;
    padding: 15px 0px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
}

.all-collections:hover {
    background: #003935;    
}

.all-collections:hover a {
    color: #fff;
}

.all-collections a {
    font-size: 25px;
    color: #1b683f;
    display: block;
    -webkit-transition: 0.3s all ease;
}

/*
========================
collections-item-area start
========================
*/

.collections-product {
    margin-bottom: 50px;
}

.collections-product-part {
    position: relative;
    overflow: hidden;
}

.collections-product-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    bottom: 100%;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
   -webkit-transition: 0.3s all ease;
}

.collections-product-overlay {
    display: flex;    
    align-items: center;
    justify-content: center;   
}

.collections-product-part img {
    width: 100%;
    height: auto;
    display: block;
}

.collections-product-overlay a {
    border: 2px solid #1b683f;
    padding: 3px 10px;
    font-size: 20px;
    color: #1b683f;
    transition: 0.2s all ease;
    -webkit-transition: 0.2s all ease;
    -moz-transition: 0.2s all ease;
}

.collections-product-overlay a:hover {
    background: #1b683f;
    color: #fff;
}

.collections-product-part:hover 
.collections-product-overlay {
    bottom: 0;
}

/*
========================
view page start
========================
*/

.back-area {
    background: #E4E4E4;
    padding: 5px 0px;
}

.back-part a {
    color: #1b683f;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.back-part a:hover {
    color: #003935;
}

.details-right-top {
    background: #003935;
    padding: 15px;
    xmargin-bottom: 15px;
}

.details-right-top input[type="text"] {
    border: none;
    padding: 2px 8px;
    width: 100%;
    margin-bottom: 10px;
    font-size: 15px;
}

.details-right-top input[type="button"] {
    border: none;
    background: #1b683f;
    color: #fff;
    font-size: 15px;
    padding: 2px 25px;
    margin-bottom: 15px;
    cursor: pointer;
     transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;

}

.details-right-top input[type="button"]:hover {   
   box-shadow: 3px 3px 7px rgba(36, 100, 59,.8);
  -webkit-box-shadow: 3px 3px 7px rgba(36, 100, 59,.8);
}

.details-right-top h3 {
    color: #fff;
    margin-bottom: 12px;
}

.details-right-top p {
    color: #fff;
    margin: 0px;
}

.view-bottom-form h2 {
    font-size: 35px;   
}

.view-bottom-form p {
    font-size: 18px;
    color: #003935;
}

/*
========================
product-details-area start
========================
*/

.product-details-area {
    padding: 50px 0px;
}

.details-left-part1 img {
    width: 100%;
}

.details-left-part2 img {
    width: 100%;
}

.details-left-part3 h2 {
    color: #1b683f;
    font-size: 26px;
    margin-bottom: 0px;
    text-transform: capitalize;
}

.details-left-part3 p {
    color: #000;
    font-size: 15px;
}

.product-price-area {
    margin: 30px 0px;
}

.product-price-area del {
    color: #B8B9BB;
}

.product-price-area h2 {
    color: #1b683f;
    margin: 0px 0px;
    font-weight: bold;
}

.product-price-area p {
    font-size: 13px;
    text-transform: unset;
    color: #000;
    margin-top: 6px;
}

.product-price-area p i {
    color: #39B049;
}

.details-left-part3 select {
    width: 180px;
    display: block;
    color: #1b683f;
    border: 2px solid #B8B9BB;
    margin-bottom: 8px;
    padding: 1px 5px;
    font-size: 15px;
}

.add-action {
    width: 180px;
}

.add-action-item {
    width: 45px;
    background: #fff;
    border: 1px solid #B8B9BB;
    padding: 5px 10px;
    display: inline-block;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    color: #1b683f;
    font-weight: bold;
}

.add-action-basket {
    width: 130px;
    float: right;
    display: inline-block;
    background: #1b683f;
    border: 1px solid #1b683f;
    padding: 5px 10px;
    display: block;
    color: #fff;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    cursor:pointer;
}

.add-action-basket:hover {
    color: #fff;
    box-shadow: 3px 3px 4px rgba(0,0,0,.5);
}

.add-action {
    margin-top: 30px;
}

.product-details-left {
    border-bottom: 1px solid #1b683f;
    padding-bottom: 20px;
}

.product-info {
    padding-top: 30px;
}

.product-info h3 {
    color: #1b683f;
    font-size: 26px;
}

.product-info p {
    color: #000;
    font-size: 16px;
    font-family: 'georgia', sans-serif;
}

.product-info-top {
    margin-bottom: 30px;
}

.product-info-top span {
    font-weight: bold;
    color: #000;
    font-size: 16px;
}

/*
========================
similar-product-area start
========================
*/

.similar-product-top {
    margin-bottom: 30px;
}

.similar-product-top h3 {
    color: #1b683f;
}

#mixedSlider {
  position: relative;
}

#mixedSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 5%;
}

#mixedSlider .MS-content .mixed-item {
  display: inline-block;
  width: 25%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  padding: 0 10px;
}

#mixedSlider .MS-content .mixed-item .imgTitle img {
  height: auto;
  width: 100%;
  display: block;
}

#mixedSlider .MS-content .mixed-item p {
  font-size: 15px; 
  text-align: center;
  margin: 30px 0px 10px 0px;
  color: #1b683f; 
}

#mixedSlider .MS-content .mixed-item a { 
  font-size: 16px;
  transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -moz-transition: 0.3s all ease;
  text-align: center;
  display: block;
  color: #fff;
  background: #B8B9BB;
  padding: 3px 20px;
  width: 80px;
  margin: auto;
}

#mixedSlider .MS-content .mixed-item a:hover {
    background: #003935;
}

#mixedSlider .MS-controls button {
  position: absolute;
  border: none;
  background-color: transparent;
  outline: 0;
  font-size: 18px;
  top: 150px;
  width: 30px;
  height: 30px;
  background: #B8B9BB;
  border-radius: 50%;
  color: #fff;
  transition: 0.15s linear;
  -webkit-transition: 0.15s linear;
  cursor: pointer;
}

#mixedSlider .MS-controls button:hover {
    background: #003935;
}

#mixedSlider .MS-controls .MS-left {
  left: 0px;
}

#mixedSlider .MS-controls .MS-right {
  right: 0px;
}

#basicSlider {
  position: relative;
}

#basicSlider .MS-content {
  white-space: nowrap;
  overflow: hidden;
  margin: 0 2%;
  height: 50px;
}

#basicSlider .MS-content .mixed-item {
  display: inline-block;
  width: 20%;
  position: relative;
  vertical-align: top;
  overflow: hidden;
  height: 100%;
  white-space: normal;
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-content .mixed-item a {
  line-height: 50px;
  vertical-align: middle;
}

#basicSlider .MS-controls button { 
    position: absolute;
}

.similar-product-area {
    padding: 0px 0px 60px 0px;
}

#container {
    width: 100px;
    height: 400px;
    position: relative;
}

#carousel {
    position: absolute;
    top: 53px;
}

#carousel img {
    border: 0;
    margin: 0px 0px;
    height: 33.33%;
    width: 100%;
}

#ui-carousel-next, #ui-carousel-prev {
    width: 100px;
    height: 50px;
    background: url(/img/arrow-bottom.png) #fff center center no-repeat;
    display: block;
    position: absolute;
    left: 0;
    z-index: 100;
}

#ui-carousel-next {
    top: 0;
    background-image: url(/img/arrow-top.png);
}

#ui-carousel-prev {
    bottom: 0;
}

#ui-carousel-next > span, #ui-carousel-prev > span {
    display: none;
}

.social-area-part ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    position: fixed;
    right: 0px;
    top: 36%;
    z-index: 99999999;
}

.social-area-part ul li {
    display: block;
    margin: 3px 0px;
}

.social-area-part ul a {
    background: #1b683f;
    width: 55px;
    height: 55px;
    display: block;
    box-shadow: 0px 0px 2px rgba(0,0,0,.5);
    padding: 12px 15px;
    transition: 0.3s all ease;
    -webkit-transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
}

.social-area-part ul a i {
    font-size: 35px;
    color: #fff;
}

.social-area-part ul a:hover {
    background: #B8B9BB;
    color: #1b683f;
}









.desktop-only{display:none;}
.mobile-only{display:block;}

@media (min-width: 750px) {
    .desktop-only{display:block;}
    .mobile-only{display:none;}
}

.border{border:1px solid #a00!important; box-sizing:border-box}

.sep-5{width:100%; height:5px; margin:0px;}
.sep-10{width:100%; height:10px; margin:0px;}
.sep-15{width:100%; height:15px; margin:0px;}
.sep-20{width:100%; height:20px; margin:0px;}
.sep-25{width:100%; height:25px; margin:0px;}
.sep-30{width:100%; height:30px; margin:0px;}
.sep-35{width:100%; height:35px; margin:0px;}
.sep-40{width:100%; height:40px; margin:0px;}
.sep-45{width:100%; height:45px; margin:0px;}
.sep-50{width:100%; height:50px; margin:0px;}
.sep-60{width:100%; height:60px; margin:0px;}
.sep-70{width:100%; height:70px; margin:0px;}
.sep-80{width:100%; height:80px; margin:0px;}
.sep-90{width:100%; height:90px; margin:0px;}
.sep-100{width:100%; height:100px; margin:0px;}


#message {background-color:#080; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 0px 0px 0px 0px; border-bottom:2px solid #fff;}
#error   {background-color:#c00; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 0px 0px 0px 0px; border-bottom:2px solid #fff;}
#warning {background-color:#F90; color:#fff; font-weight:bold; padding:10px 5px 10px 5px; text-align:center; margin: 0px 0px 0px 0px; border-bottom:2px solid #fff;}

.black{color:#000000!important;}
.black-bg{background-color:#000000!important;}
.white{color:#FFFFFF!important;}
.white-bg{background-color:#FFFFFF!important;}
.light-grey{color:#F1F1F1!important;}
.light-grey-bg{background-color:#F1F1F1!important;}
.medium-grey{color:#B2B2B2!important;}
.medium-grey-bg{background-color:#B2B2B2!important;}
.dark-grey{color:#808080!important;}
.dark-grey-bg{background-color:#808080!important;}
.pale-green{color:#f4f7f2!important;}
.pale-green-bg{background-color:#f4f7f2!important;}
.green{color:#1f5931!important;}
.green-bg{background-color:#1f5931!important;}
.red{color:#a00!important;}
.red-bg{background-color:#a00!important;}

.clr {clear:both;}

#main-content-wrapper h1 {color: #1b683f!important; font-size:28px; }
#main-content-wrapper h2 {color: #1b683f!important; font-size:22px; }
#main-content-wrapper h3 {color: #1b683f!important; font-size:18px; }

a {color: #1b683f;}


/* ------------------------------------------------------------------------------------------
    CC Fader
------------------------------------------------------------------------------------------ */
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
.frame-1 {animation:fadeIn ease-in 1; opacity:0; animation-fill-mode:forwards; animation-duration:0.5s; animation-delay: 0.3s;}
.frame-2 {animation:fadeIn ease-in 1; opacity:0; animation-fill-mode:forwards; animation-duration:0.5s; animation-delay: 0.6s;}

.fader-wrapper{position:relative; height:350px; overflow: hidden;}
.fader-info-panel{display:none; position:absolute; z-index:99; top:0px; width:100%; background-position:center center; background-size:cover; height:100%;}
.fader-inner-wrapper{display:relative; width:100%; height:100%; line-height:300px; xtext-align:center;}
.fader-box-span{display: inline-block; vertical-align:top; margin-top:3%; line-height:20px; padding:5px; box-sizing:border-box;  }
.fader-box-span-wide{display: inline-block; vertical-align: middle; line-height:20px; padding:15px; box-sizing:border-box; margin-left:auto; margin-right:auto; }
.fader-trans-light{background-color:rgba(255,255,255,0.8); color:#333;}
.fader-trans-dark{background-color:rgba(0,0,0,0.5); color:#fff;}
.content-box-footer{position:absolute; text-align:center; width:100%; left:0px; bottom:0px;z-index:99}
.content-box-footer a {font-weight:bold; text-decoration:underline}
.fader-small-title{font-size:14px; line-height:normal; padding:5px 25px 5px 25px;}
.fader-title{font-size:22px; line-height:normal; padding:15px 10px 15px 15px; box-sizing:border-box}
.fader-desc{font-size:14px; padding:10px 10px 10px 15px; box-sizing:border-box; font-style: italic;}
.fader-title-wide{font-size:22px; line-height:normal; padding:0px 5px 0px 5px;}
.fader-desc-wide{font-size:14px; padding:0px 25px 0px 25px;}
.current-panel{display:block; z-index:999;}
.fader-footer-bullet-wrapper{padding:15px 0px 15px 0px; }
.fader-bullet{cursor:pointer;}
.fader-bullet-on{background-color:#ffffff; border:2px solid #fff; border-radius:50%; width:15px; height:15px; display:inline-block; margin:0px 2px 0px 2px; box-shadow: 0px 0px 10px rgba(0,0,0,1);}
.fader-bullet-off{xbackground-color:#333333; border:2px solid #fff; border-radius:50%; width:15px; height:15px; display:inline-block; margin:0px 2px 0px 2px;}
.fader-shadow{text-shadow: 0px 0px 10px rgba(0,0,0,1);}

.fader-sticker{position:absolute; top:15px; right:15px; width:177px; height:177px; z-index:999999; background-image:url('/img/sticker.png'); background-repeat:none;}


@media (min-width: 750px) {    
    .fader-wrapper{position:relative; height:500px}
    .fader-info-panel{overflow:hidden;}
    .fader-inner-wrapper{line-height:500px;}
    .fader-box-span{max-width:640px; vertical-align:top; margin-top:10%;}
    .fader-box-span-wide{max-width:1200px;}
    .fader-title{font-size:28px; padding:15px 10px 15px 15px; box-sizing:border-box}
    .fader-desc{font-size:14px; padding:10px 10px 10px 15px; box-sizing:border-box}
    .fader-title-wide{font-size:56px; line-height:normal; padding:0px 25px 0px 25px;  }
    .fader-desc-wide{font-size:32px; line-height:normal; padding:0px 25px 0px 25px;}
}

.full-width{position:relative; width:100%; box-sizing:border-box; }
.content-wrapper{position:relative; padding:10px; width:auto; box-sizing:border-box;}
.content-wrapper img {width:auto; max-width:100%; height:auto;}

.content-wrapper-nopad{position:relative; padding:0px; width:auto;}
.content-wrapper-nopad img {width:auto; max-width:100%; height:auto;}

.content-wrapper-full-width{position:relative; padding:0px; width:auto;}
.content-wrapper-full-width img {width:auto; max-width:100%; height:auto;}

.menu-burger{position:absolute; top:0px; right:15px; z-index: 99999; color:#333; font-size:28px;}

.dynamic-col{}

@media (min-width: 750px) {
    
        .dynamic-col{}
        
	.full-width{}
	.content-wrapper{position:relative; max-width:1200px; width:auto; margin-left:auto; margin-right:auto; }
	.content-wrapper-nopad{position:relative; max-width:1220px; width:auto; margin-left:auto; margin-right:auto; }	
        .content-wrapper-full-width{position:relative; width:100%;}
}

.hero-image{height:350px; background-position:center center; background-size:cover;}
@media (min-width: 750px) {    
    .hero-image{ height:500px}
}

.product_detail_qty{width:40px; height:32px; display:inline-block; text-align:center;}
.shipping-button{display:inline-block;}
.shipping-html{margin-left:15px; display:inline-block;}

.cart-options{font-size:12px!important;}


/* ------------------------------------------------------------------------------------------
	QForm
	------------------------------------------------------------------------------------------ */
.qform-question-title{font-size:20px; font-family: 'Veneer'; margin:10px 0px 10px 0px;}
.qform-label {margin-bottom:0px; padding:0px 0px 0px 0px;}
.qform-input {margin-bottom:30px; }
.qform-input input {width:100%; padding:17px 0px 17px 15px; border:1px solid #e3e3e3!important; background-color:#fff; border-radius: 0px;}
.qform-input textarea{width:100%; padding:5px 0px 5px 15px; border:1px solid #e3e3e3;}
.qform-input select {padding:5px 15px 5px 15px; border:1px solid #e3e3e3; -webkit-appearance: menulist-button;  height: 60px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background-color:#fff!important; border-radius:0x; background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><polyline points='0 10, 7 17, 14 10' style='fill:none;stroke:#00a5dd;stroke-width:1'/></svg>"); background-repeat:no-repeat; background-position: calc(100% - 5px) center;}

.button-qform{position:relative; text-align:center; padding:10px 25px 10px 25px; background-color:#be202e; width:135px; font-size:14px; margin:15px auto 10px auto; color:#fff; cursor:pointer;}
.button-qform a{color:#fff; text-decoration:none;}
.qform-input table {width:100%; text-align:left;}
.qform-fld-error{display:block ;color:#d00!important; font-size:14px;}
.delivery-error{color:#d00!important; margin:0px 0px 0px 0px}
.inline-button-red{color:#ea1d2b; font-weight:bold; display:inline;}
.inline-button-red a {color:#ea1d2b; text-decoration:underline;}
.q-form-help{font-size:12px; color:#999;}
.form-div{padding-right:0px;}
.qform-wrapper{max-width:650px; margin-left:auto; margin-right:auto;}
.form-notes p{font-size:12px!important; }
.form-notes p a {color:#00a5dd;}
.form-button{background-color:#fe7e11; display:inline-block; color:#fff; padding:5px 15px 5px 15px; border-radius:5px; cursor:pointer;}
.prod-chk{background-color:rgba(0,0,0,0.3); padding:5px; box-sizing:border-box; cursor:pointer; text-align:center;}
.qform-add-additional {font-size:14px; margin:10px 0px 25px 0px; cursor:pointer;}
.qform-add-additional i {color:#000; margin-right:10px; margin-left:5px;}

#map-panel{position:relative; height:300px;}

@media (min-width:841px) {
        .qform-question-title{font-size:28px;}
	.qform-label {margin-bottom:5px;}
	.qform-input {margin-bottom:30px;}
	.button-qform{float:left;}
	.qform-fld-error{float:left;}
        .form-div{padding-right:25px;}
        .qform-input select {min-width:225px;}
}


/* ------------------------------------------------------------------------------------------
    My Account Pages
------------------------------------------------------------------------------------------ */
.account-icon{background-color:#1f5931; color:#ffffff; font-size:28px!important; padding:10px; width:50px; text-align:center;}

.orders-header{background-color:#f3f3f3; font-weight:bold;}
.order-row{margin-bottom:25px;}
.order-wrapper{max-width:700px; margin:25px auto 25px auto; border:1px solid #e3e3e3}

.account-wrapper{width:95%; margin:0px auto 0px auto;}
.my-account-wrapper{}
.my-account-wrapper img{max-width:75px; vertical-align:middle;}
.account-title{padding-top:0px;}
.account-title a{font-size:20px;}
.account-desc{font-size:14px;}
.back-to-my-account{margin:25px 0px 25px 0px}
.addresses-wrapper{text-align:center}
.addresses-row{font-size:14px;}
.addresses-row-padding{padding-top:0px;}
#address-select {max-width:100%;} 

@media (min-width: 750px) {
    
    .account-icon{font-size:28px!important; padding:10px; width:50px;}
    
    .blue-button-small{float:right;}
    .order-row{margin-bottom:5px; max-width:750px; margin-left:auto; margin-right:auto;}
    .account-wrapper{width:80%}
    .my-account-wrapper{text-align:left!important;}
    .account-title{}
    .account-desc{}
    .back-to-my-account{text-align:center;}
    .addresses-wrapper{text-align:left}
}

.paypal-wrapper{height:50px;}
.paypal-inner-wrapper{display:none;}
.checkout-terms a {text-decoration:underline;}

.footer-menu-option{color:#fff; text-decoration:none;}
.footer-menu-option:hover{color:#fff; text-decoration:underline;}

.customer-kitchen-thumb{height:250px; background-size:cover; background-position: center center; border:10px solid #fff; box-shadow:0px 0px 5px rgba(0,0,0,0.1); margin-bottom:10px;}

/*.centered-photos{width:auto; text-align:center;} 
.centered-photo{position:relative; width:150px; margin:5px 5px 5px 5px; text-align:center; display:inline-block; vertical-align:top; }
.centered-photo img {width:auto; max-width:100%; height:auto;}*/

#map-panel{position:relative; height:300px; }

.ui-slider {
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;    
}

.ui-slider .ui-slider-handle {    
    top:-15px;
    height:20px;
    text-decoration:none;
    text-align:center;    
}

.product-area-carousel{padding:10px; box-sizing:border-box}
.product-carousel-title{width:100%; text-align:center;}

.carousel-item {box-sizing: border-box; padding-bottom:5px;}

.add-basket {cursor:pointer;}

.admin-notes-wrapper li {vertical-align:top}
.admin-notes-cart{display:inline-block; vertical-align:top}
.admin-notes-icon:hover{cursor:pointer;}

.polaroid{}
.polaroid-title{}
.polaroid-description{}