﻿a { color: #8dc63f; text-decoration: underline; }
.txt .box.wide {
    width: 100%;
}
ul.ui-autocomplete.ui-menu .ui-menu-item.ui-state-focus { font-weight: normal; }
.slider-holder h2 {
    padding-top: 40px;
}

.visible { display: block !important; }

.block .article-holder .article .box .add-link {
	position: absolute;
	color: #8dc63f;
	text-decoration: none;
	line-height: 35px;
	font-size: 35px;
}
.carousel .btn-next:hover, .carousel .btn-prev:hover, .addcarousel .btn-next:hover, .addcarousel .btn-prev:hover, .block .article-holder .article .box .add-link:hover {
    color: #000;
}
.block .article-holder .article:nth-child(odd) .img-box {
	float: right
}
#main .block .article-holder article:nth-of-type(even) div.img-box {
	float: left;
}
.block .article-holder .article:nth-child(odd) .box {
    float: left;
}
#main .block .article-holder article:nth-of-type(even) div.box {
    float: right;
}
@media only screen and (min-width: 768px) {
    #nav ul li {
        border: 4px solid transparent;
        padding: 10px;
    }
    #nav ul li.active, #nav ul li:hover {
        border: 4px solid #8dc63f;
    }
    #nav ul li a:hover, #nav ul li.active a {
        color: #231f20;
    }
}
.add-three-cols .col .link.add-opener {
    margin-top: 25%;
}

.block .article-holder.rounded-images .rounded img {
    border-radius: 50%;
}
.form-area h1 a {
    cursor: default;
}
.form-area h1 a:hover {
    color: #231f20;
}
.form-add.grey {
    background-color: #d1d3d4;
    padding: 0 40px;
}
.form-add.grey h2 {
    text-align: left;
    margin: 40px 0 15px 0;
}
.btn-holder.single {
    text-align: center;
    padding-top: 80px;
}
.btn-holder.single .btn-link {
    width: auto;
    float: none;
    padding: 20px 30px 10px;
}
@media only screen and (max-width: 767px) {
    .btn-holder.single {
        padding-top: 24px;
    }
    #wrapper .drop { background-color: white; }
}

.txt div.box img.align-left {
    float: left !important;
    margin: 0 10px 10px 0 !important;
}
 
.txt div.box img.align-center {
    display: block !important;
    margin: 0 auto 10px !important;
	float: none !important;
}

.txt div.box img.align-right {
    float: right !important;
    margin: 0 0 10px 10px !important;
}
.slide .slide-start .hover .addtxt .name {
    font-size: 16px !important;
}
.slide .slide-start .hover .addtxt .job {
    font-size: 12px !important;
}

.validation-error {
    border: 1px solid red !important;
}
.validation-success {
    border: 1px solid lightgreen !important;
}
.validation-error + ul.check-list {
    border: 1px solid red !important;
}


/* newsletter */

.form-area.wide { max-width: 870px; }

.grid-50 { float: left; width: 50%; }

@media only screen and (max-width: 767px) {

.grid-50 { float: none; width: 100%; }
}

.newsletter-form input { 
    width: 100%;
    height: 48px;
    padding: 10px 6px;
    border: none;
    outline: none;
    float: left;
    color: #000;
    line-height: 28px;
    background: #fff;
    margin: 0 0 13px;
    font-size: 16px;
}

.newsletter-form input.optional::-webkit-input-placeholder { color: #939598 !important;}
.newsletter-form input.optional::-moz-placeholder { opacity: 1; color: #939598 !important;}
.newsletter-form input.optional:-moz-placeholder { opacity: 1; color: #939598 !important;}
.newsletter-form input.optional:-ms-input-placeholder { color: #939598 !important;}
.newsletter-form input.optional .placeholder { color: #939598 !important;}

.check-list { list-style: none; margin: 0 auto; padding: 0; display: table; border-spacing: 20px; }
.check-list li { cursor: pointer; display: table-cell; vertical-align: middle; min-width: 70px; width: 70px; height: 70px; border-radius: 50%; background: #231f20; color: white; font-weight: 700; }

.check-list li.hover { background: #444; }
.check-list li.checked { background: #8dc63f; }

.newsletter-interest-area-helptext { margin-top: 60px; }

.text-center {text-align: center; }

/* newsletter */

/* contact */


i.icon-contact 
{
    display: inline-block;
    width: 77px;
    height: 62px;
    background-image: url('../images/icon-contact.png');
    background-repeat: no-repeat;    
}

i.icon-open
{
    display: inline-block;
    width: 67px;
    height: 46px;
    background-image: url('../images/icon-open.png');
    background-repeat: no-repeat;    
}

ul.icons-2x2 { list-style: none; font-size: 16px; }
ul.icons-2x2 li { width: 50%; float: left; padding-bottom: 80px !important; }

.section.full-height-separators .col:first-child:after
{
      content: "";
      width: 1px;
      position: absolute;
      top: 10.2%;
      left: 0;
      bottom: 0;
      height: 100%;
      background: #fff;
}

.section.full-height-separators .holder { padding-bottom: 5px !important; }
.opening-hours { border-top: 1px solid #fff; width: 80%; padding: 20px 30px; color: #fff; position:relative; float:left; }
.opening-hours div { position: absolute; left: 106px; top: 40px; }
.all-departments { border-top: 1px solid #fff; width: 20%; padding: 10px 30px; color: #8dc63f; position:relative; float: right; text-align:center; font-weight: bold; font-size: 14px; }
.all-departments div { background-color: #fff; padding: 10px 0; }
.all-departments a { text-decoration: none; }
.department-list { margin: -93px auto 93px auto; max-width: 1200px; float: none; }
.department-list.txt .box h1 { text-align: center; margin-bottom: 35px; }
.department-list h4 { padding-left: 40px; margin: 0; }
.department-list .box { padding-bottom: 50px; }
.department-list.txt .box .add-link { bottom: -7px; left: 30px; }
.department-list ul { list-style: none; margin: 0; }
.department-list a { color: #000; text-decoration: none;  }
.department-list a:hover { color: #8dc63f; text-decoration: underline;  }

@media only screen and (max-width: 767px) {
    .department-list .three-cols {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .opening-hours { width: 70%; }
    .all-departments { width: 30%; }
}
@media only screen and (max-width: 580px) {
    .opening-hours { width: 60%; }
    .all-departments { width: 40%; }
}
 
#show-map-link { left: auto; right: 0; top: auto; bottom: 10% }

.slide-details { height: 240px; }
.slide-details .inner { background: white; padding: 20px; height: 240px; position: absolute; width: 100%; left: 0; }

ul.contact-details {
    display: table;
    white-space: nowrap;
    width: 100%;
    border-bottom: 0;
    margin-top: 40px;
}

.contact-details li { display: table-cell; font-size: 20px; text-align: center; font-weight: bold; width: auto !important; }
.contact-details i { font-size: 60px; color: #96c11f; display: block; margin-bottom: 40px;  }
.contact-details a { margin: 0 20px; }

@media only screen and (max-width: 767px) {

    i.icon-contact 
    {
        width: 39px;
        height: 31px;
        background-size: 39px 31px; 
    }

    i.icon-open
    {
        width: 30px;
        height: 23px;
        background-size: 30px 23px;
    }

    ul.icons-2x2 { font-size: 14px; }
    ul.icons-2x2 li { padding-bottom: 40px !important; }

    .section.full-height-separators .col:first-child:after
    {
          content: "";
          width: 1px;
          position: absolute;
          top: 10.2%;
          left: 0;
          bottom: 0;
          height: 100%;
          background: none;
    }

    #show-map-link { bottom: 30% }

    .opening-hours div { position: absolute; left: 70px; top: 25px; font-size: 14px; }


    .slide-details { height: auto; }
    .slide-details .inner { padding: 10px; height: auto; position: static; }

    ul.contact-details { display:block; }
    .contact-details i { margin-bottom: 20px;  }
    ul.contact-details li { display:block; font-size: 14px; width: auto !important; margin-bottom: 20px; }
}

/* contact */

.row label { display: block; width: 48%; float: right; line-height: 44px; cursor: pointer; }

@media only screen and (max-width: 768px) {
    .row label { display: block; width: 100%; float: none; line-height: 1; font-size: 12px; margin-bottom: 10px; }
}

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}

.addcarousel .mask .slideset .slide a:hover strong { padding-top: 50px; font-size: 16px; font-weight: 600 !important;  }
.addcarousel .mask .slideset .slide a:hover .addtxt strong.job,
.addcarousel .mask .slideset .slide a:hover .addtxt strong.name { font-weight: 600 !important; display: block; }
.addcarousel .mask .slideset .slide a:hover .addtxt strong.job { line-height: 1.2 }

.slider-holder.add-slider { letter-spacing: normal; }

.teaser-text-product { margin-bottom: 20px; font-size: 20px; }

.green { color: #8dc63f; }
.about-area-toggle { font-size: 40px; }

.carousel, .promo1, .nav { margin: 0 auto; max-width: 1200px; }
.section { margin: 0 auto 93px auto; max-width: 1200px; }

.article.add-holder .holder, .article .txt .box { padding: 0; }
.article .txt { border-style: none; }

.check-list li { padding: 10px; }
.slider-holder ul li.active { width: 207px; }
.nav ul li { width: 25%; font-size: 30px; }
.promo1 .description-holder, .nav.add1 ul li { width: 50%; }
@media only screen and (max-width: 999px) {
    .nav.add1 ul li { width: 50%; }
    .promo1 .description-holder { width: 49%; }
}
@media only screen and (max-width: 767px) {
    .nav.add1 ul li, .promo1 .description-holder { width: 100% }
}
.carousel .add-holder.bottom-slide .description-holder { width: 25% }

.g-recaptcha { margin: 0 auto 20px; width: 304px; height: 78px; }
#hiddenRecaptcha.validation-error + .g-recaptcha { border: 1px solid red; }

.four .col { width: 25%; }
.carousel .description-holder p { font-size: 27px; }
.three-cols .col .description p { font-size: 20px; }
.check-list li { font-size: 12px; padding: 0; }

.catalog-list { font-size: 11px !important; }
.catalog-list li { padding-bottom: 20px !important; }
.catalog-list a { display: block; }
.catalog-list figure { padding: 0 !important; margin: 0;}
/*.catalog-list figure img { height: 150px; }*/


