/* ==========================================================================*/
/*gallery*/
/*========================================================================== */


.chapter .big-slideshow .bx-wrapper {
    margin-bottom: 15px;
}

.chapter .big-slideshow .bx-wrapper .bx-controls-direction a {
    width: 62px;
    height: 120px;
    background: url(../img/article-photos-arrows.png) no-repeat;
    transform: translate(0,-50%);
    z-index: 9;
}

.chapter .big-slideshow .bx-wrapper a.bx-prev {
    background-position: 0px 0;
    left: 0;
}

.chapter .big-slideshow .bx-wrapper a.bx-prev:hover {
    background-position: -221px 0;
}

.chapter .big-slideshow .bx-wrapper a.bx-next {
    background-position: -90px 0;
    right: 0;
}

.chapter .big-slideshow .bx-wrapper a.bx-next:hover {
    background-position: -302px 0;
}

.chapter #slider-thumbs-bl .slider-thumb {
    height: 90px;
    float: left;
    border: 1px solid #ebebeb;
    margin-right: 10px;
    position: relative;
}
.relative-img{
    max-width: 400px;
    width: 100%;
    height: 280px;
}

.similar-posts:nth-child(even) .relative-img {

    float: left;
    margin-right: 20px;
}

.similar-posts:nth-child(odd) .relative-img {
    float: right;
    margin-left: 20px;
}
.similar-posts:hover{
    background-color: #f9f9f8;
    border: 1px solid #ebebeb;

}
.similar-posts{
    padding: 15px;
    border: 1px solid transparent;
}
.chapter #slider-thumbs-bl .slider-thumb:hover:after {
    top: 15%;
}

.chapter #slider-thumbs-bl .slider-thumb img ,
.chapter .bx-wrapper img{
    height: 100%;
    width: 100%;
}

.chapter .slider-ctrl {
    margin-bottom: 20px;
}
.chapter:not(.similar-posts) h4{
    clear: both;
}
.chapter .slider-ctrl .bx-wrapper {
    max-width: 100%!important;
}

.chapter .slider-ctrl .bx-viewport {
    max-width: 550px;
    margin: 0 auto;
}
.padding-banner{
    padding-top: 30px;
}
.chapter .slider-ctrl  .bx-wrapper .bx-controls-direction a {
    width: 16px;
    height: 26px;
    background: url(../img/article-photos-ctrls.png) no-repeat;
}

.chapter .slider-ctrl  .bx-wrapper a.bx-prev {
    left: 20px;
}

.chapter .slider-ctrl  .bx-wrapper a.bx-prev:hover {
    background-position: -83px 0;
}

.chapter .slider-ctrl  .bx-wrapper a.bx-next {
    right: 20px;
    background-position: -39px 0;
}

.chapter .slider-ctrl  .bx-wrapper a.bx-next:hover {
    background-position: -113px 0;
}



/* ==========================================================================*/
/*ANIMATIONS*/
/*========================================================================== */
@-o-keyframes bounce {
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(20px);
    }
}

@-moz-keyframes bounce {
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(20px);
    }
}

@-webkit-keyframes bounce {
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(20px);
    }
}

@-ms-keyframes bounce {
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(20px);
    }
}

@keyframes bounce {
    50% {
        transform: translatey(-20px);
    }
    100% {
        transform: translatey(20px);
    }
}

/* ==========================================================================
   Icons
   ========================================================================== */
.icon-user {
    vertical-align: sub;
    margin-right: 10px;
    width: 16px;
    height: 16px;
    background: url('../img/icon.png');
}

.icon-consult {
    width: 25px;
    height: 30px;
    background: url("../img/info-icon.png") no-repeat 0px 0px;
}

.icon-projection {
    width: 28px;
    height: 30px;
    background: url("../img/info-icon.png") no-repeat -29px 0px;
}

.icon-rent {
    width: 32px;
    height: 30px;
    background: url("../img/info-icon.png") no-repeat -61px 0px;
}

.icon-delivery {
    width: 35px;
    height: 24px;
    background: url("../img/info-icon.png") no-repeat -96px 0px;
}

.icon-quality {
    width: 36px;
    height: 30px;
    background: url("../img/info-icon.png") no-repeat -136px 0px;
}

.icon-phone {
    width: 18px;
    height: 18px;
    background: url('../img/icon.png') -109px 0px;
}

.icon-web {
    background: url('../img/icon.png') -189px 0px;
    width: 18px;
    height: 18px;
}

.icon-map {
    background: url('../img/icon.png') -153px 0px;
    width: 12px;
    height: 18px;
}

.icon-fb {
    width: 7px;
    height: 17px;
    background: url('../img/socials.png') no-repeat -26px 0px;
}

.icon-fb:hover {
    background-position: -61px 0px;
}

.icon-youtube {
    width: 25px;
    height: 22px;
    background: url('../img/socials.png') no-repeat 0px 0px;
}

.icon-youtube:hover {
    background-position: -34px 0px;
}

.icon-tag {
    width: 16px;
    height: 16px;
    background: url('../img/icon.png') -328px 0px;
}

.icon-forgot-pass {
    width: 16px;
    height: 16px;
    background: url('../img/icon.png') -183px -21px;
    margin-right: 5px;
}

.icon-register {
    width: 16px;
    height: 16px;
    background: url('../img/icon.png') -201px -21px;
    margin-right: 5px;
}
.icon-envelope {
    width: 20px;
    height: 16px;
    background: url('../img/icon.png') -208px 0px;
}
/* ==========================================================================
   Form
   ========================================================================== */

.btn-success {
    background-color: #27ae60;
    height: 38px;
    padding: 0px 20px;
}

.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-color: #8699a3;
}

.btn-details, .btn-details:active, .btn-details.active {
    background-color: #1d6583;
    text-transform: uppercase;
    height: 42px;
    padding: 0px 40px;
}

.btn-details:hover, .btn-details:focus, .btn-details.focus, .open > .dropdown-toggle.btn-details {
    background-color: #019ae6;
}

.btn-cart {
    color: #fff;
    height: 46px;
    position: relative;
    padding-left: 66px;
    padding-right: 20px;
    text-transform: uppercase;
    margin-top: 16px;
    background: #55a745;
}

.btn-cart:hover, .btn-cart:focus {
    background: #6f8d71;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
}

.btn-finish {
    color: #fff;
    height: 46px;
    position: relative;
    padding: 0px 40px;
    text-transform: uppercase;
    background: #55a745;
}

.btn-finish:hover, .btn-finish:focus {
    background: #6f8d71;
}

.btn-compare {
    margin: 0px 15px;
    position: relative;
    height: 46px;
    line-height: 46px;
    padding: 0px 0px 0px 66px;
    color: #382108;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    background: #f8f8f8;
}

.btn-compare:hover, .btn-compare:focus, .btn-compare.focus, .btn-compare:active, .btn-compare.active, .open > .dropdown-toggle.btn-compare {
    color: #382108;
}

.compare-icon {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgb(1, 131, 143); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(1, 131, 143, 1) 0%, rgba(149, 166, 175, 1) 0%, rgba(134, 153, 163, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(32, 147, 157, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(134, 153, 163, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 131, 143, 1)), color-stop(0%, rgba(149, 166, 175, 1)), color-stop(100%, rgba(134, 153, 163, 1)), color-stop(100%, rgba(134, 153, 163, 1)), color-stop(100%, rgba(32, 147, 157, 1)), color-stop(100%, rgba(32, 182, 201, 1)), color-stop(100%, rgba(1, 172, 193, 1)), color-stop(100%, rgba(1, 172, 193, 1)), color-stop(100%, rgba(134, 153, 163, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(1, 131, 143, 1) 0%, rgba(149, 166, 175, 1) 0%, rgba(134, 153, 163, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(32, 147, 157, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(134, 153, 163, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(1, 131, 143, 1) 0%, rgba(149, 166, 175, 1) 0%, rgba(134, 153, 163, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(32, 147, 157, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(134, 153, 163, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(1, 131, 143, 1) 0%, rgba(149, 166, 175, 1) 0%, rgba(134, 153, 163, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(32, 147, 157, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(134, 153, 163, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(1, 131, 143, 1) 0%, rgba(149, 166, 175, 1) 0%, rgba(134, 153, 163, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(32, 147, 157, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(134, 153, 163, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01838f', endColorstr='#8699a3', GradientType=0); /* IE6-9 */
    margin: 0px;
}

.btn-compare:hover .compare-icon {
    background: rgb(1, 131, 143); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(1, 131, 143, 1) 0%, rgba(134, 153, 163, 1) 0%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 147, 157, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(1, 131, 143, 1)), color-stop(0%, rgba(134, 153, 163, 1)), color-stop(99%, rgba(149, 166, 175, 1)), color-stop(99%, rgba(149, 166, 175, 1)), color-stop(100%, rgba(149, 166, 175, 1)), color-stop(100%, rgba(149, 166, 175, 1)), color-stop(100%, rgba(149, 166, 175, 1)), color-stop(100%, rgba(149, 166, 175, 1)), color-stop(100%, rgba(32, 182, 201, 1)), color-stop(100%, rgba(1, 172, 193, 1)), color-stop(100%, rgba(149, 166, 175, 1)), color-stop(100%, rgba(149, 166, 175, 1)), color-stop(100%, rgba(134, 153, 163, 1)), color-stop(100%, rgba(149, 166, 175, 1)), color-stop(100%, rgba(32, 147, 157, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(1, 131, 143, 1) 0%, rgba(134, 153, 163, 1) 0%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 147, 157, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(1, 131, 143, 1) 0%, rgba(134, 153, 163, 1) 0%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 147, 157, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(1, 131, 143, 1) 0%, rgba(134, 153, 163, 1) 0%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 147, 157, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(1, 131, 143, 1) 0%, rgba(134, 153, 163, 1) 0%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 99%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 182, 201, 1) 100%, rgba(1, 172, 193, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(134, 153, 163, 1) 100%, rgba(149, 166, 175, 1) 100%, rgba(32, 147, 157, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01838f', endColorstr='#20939d', GradientType=0); /* IE6-9 */

}

.compare-icon:before {
    width: 24px;
    height: 14px;
    background: url('../img/icon.png') -60px -59px;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
}

.btn-compare .text {
    display: block;
    padding: 0px 20px 0px 0px;
}

.btn .badge-sup {
  background-color: #307817;
  margin-top: 3px;
  color: #fff;
}
.badge-sup {
  padding: 1px 6px;
  border-radius: 7px;
  line-height: normal;
  font-size: 10px;
  display: inline-block;
  min-width: 10px;
  vertical-align: top;
  margin-left: 2px;
}

.btn-reply {
    background: transparent;
    color: #171f23;
    font-size: 12px;
    font-weight: 600;
    position: relative;
    margin-top: 12px;
}

.btn-reply:before {
    display: inline-block;
    background: url('../img/icon.png') -88px -58px;
    width: 17px;
    height: 16px;
    content: '';
    vertical-align: middle;
    margin-right: 10px;
}

.btn-reply:hover, .btn-reply:focus, .btn-reply:active {
    color: #171f23;
}

.btn-remove {
    height: 42px;
    text-transform: uppercase;
    padding: 0px 40px;
    background: #1d6583;
    font-size: 13px;
    border: 2px solid #1d6583;
}

.btn-remove:hover {
    background: transparent;
    color: #171f23;
    border-color: #171f23;
}

.btn-remove-item {
    width: 20px;
    height: 20px;
    background: url("../img/icon.png") no-repeat -496px 0px;
    padding: 0px;
    transition: none;
    margin-right: 20px;
}

.btn-remove-item:hover, .btn-remove-item:focus {
    background: url("../img/icon.png") no-repeat -517px 0px;
}

.buttons {
    padding: 30px 0px;
}

.buttons .btn {
    margin-right: 20px;
}

.special-price-big {
    background-color: #2790c8;
}

.big-price:before {
    border-right: 6px solid #086495;
}

.big-price:after {
    border-right: 13px solid #2790c8;
}

.btn-remove-row, .btn-remove-row:active, .btn-remove-row.active {
    width: 16px;
    height: 16px;
    background: url('../img/icon.png') -148px -21px;
    padding: 0px;
    vertical-align: middle;
}

.cart-icon, .check-icon {
    display: block;
    width: 46px;
    height: 46px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #8dc73f;
}

.cart-icon:after {
    content: '';
    width: 21px;
    height: 18px;
    background: url('../img/icon.png') -412px 0px;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
}

.check-icon:after {
    content: '';
    width: 23px;
    height: 20px;
    background: url('../img/icon.png') -471px 0px;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}

[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    text-transform: inherit;
    font-size: 12px;
    font-weight: 400;
    margin-left: 0px;
}

[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 12px;
    height: 12px;
    border: 1px solid #ced8cf;
    outline: #8ca48d 1px solid;
    background: #fff;
}

[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 3px;
    width: 13px;
    height: 11px;
    display: block;
    background: url('../img/icon.png') no-repeat -134px -23px;
    transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
}

[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
}

[type="checkbox"]:checked + label:before {
    background: #6f8d71;
    border-color: #6f8d71;
}

[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

/* ==========================================================================
   Pagination
   ========================================================================== */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    border: 0;
    padding: 2px 9px;
}

.pagination > li > a, .pagination > li > span {
    border: 0;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #55a745;
    color: #fff;
}

/* ==========================================================================
   Main
   ========================================================================== */
.title {
    text-align: center;
    text-transform: uppercase;
    color: #101010;
    font-size: 26px;
    font-weight: 700;
    padding: 30px 0px;
    margin:0px;
}

.big-title {
    font-size: 24px;
    color: #101010;
    font-weight: 700;
    margin:0px;
    border-bottom: 3px solid #e9e9e9;
    padding: 20px 0px;
}

/* ==========================================================================
   Breadcrumb
   ========================================================================== */
.breadcrumb {
    background-color: #fefefe;
}

.breadcrumb a:last-child {
    color: #066839;
}

.breadcrumb a:after {
    font-size: 15px;
    font-weight: 700;
}

.sort {
    text-align: center;
}

.sort .form-group {
    padding: 20px 0px;
    display: inline-block;
    margin: 0px 5px;
    float: none;
    text-align: left;
    position: relative;
}

.form-group:not(.half):not(.card-code) {
    clear: both;
}

/* ==========================================================================
   Header styles
   ========================================================================== */
header {
    position: relative;
    z-index: 10;
}

header .navbar {
    border-top: 0px;
    border-bottom-width: 2px;
    margin-bottom: 0px;
    min-height: 65px;
    background: #fff;
    position: relative;
    z-index: 10;
    border: 0px;
    padding-top: 1px;
}

header .navbar-default .menu > .active > a:after, header .navbar-default .menu > li > a:hover:after {
    height: 3px;
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

header .navbar-default .menu > li > a {
    font-size: 13px;
    color: #171f23;
    border: 0px;
    line-height: 65px;
    padding-top: 0px;
    padding-bottom: 0px;
}

header .navbar-default .menu > .active > a:after, header .navbar-default .menu > li > a:hover:after {
    background-color: #27ae60;
}

header .navbar-default .menu > .open > a, header .navbar-default .menu > .open > a:hover, header .navbar-default .menu > .open > a:focus, header .navbar-default .menu > li.dropdown:hover > a {
    background-color: #27ae60;
    color: #fff;
}

header .navbar-default .menu > li > a:hover, header .navbar-default .menu > .active > a:hover, header .navbar-default .menu > .active > a:focus {
    background-color: #27ae60;
    color: #ffffff;
    text-decoration: none;
}

.menu li a {
    color: #171f23;
    font-size: 12px;
}

.menu li a:hover {
    color: #066839;
    text-decoration: underline;
}

.menu li.nav-title a, .menu a.nav-title {
    font-weight: 600;
    font-size: 13px;
    margin: 15px 0px 0px;
}

.menu li.nav-title.no-child a, .menu a.nav-title.no-child {
    pointer-events: none;
}

.menu > li > .dropdown-menu {
    border-color: #27ae60;
    padding-bottom: 20px;
    margin-top: -3px;
    border-top-width: 3px;
}

header .navbar-nav.navbar-right > li > a {
    line-height: 35px;
    border: 0px;
}

header .navbar-nav .multi-column {
    position: static;
}

header .navbar-nav .multi-column .dropdown-menu {
    right: 0px;
    margin-top: -3px;
    border-top: 3px solid #27ae60;
}

header .navbar-nav .multi-column .container {
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}

header .navbar-nav .multi-column .container div:nth-child(6n + 1) {
    clear: both;
}

header .double-link {
    color: #777777;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 10px;
    padding: 0px 20px;

}

.navbar .container, .navbar .container .collapse {
    position: static;
}

.navbar-toggle {
    float: left;
    margin-top: 15px;
    padding: 8px 10px;
    margin-right: 0px;
}

header .double-link a {
    padding: 15px 2px;
}

header .double-link > a:hover, header li.double-link > a:focus {
    color: #307817;
    text-decoration: underline;
}

header .navbar-nav > li.cart > a {
    font-size: 11px;
    color: #999999;
    position: relative;
    text-transform: uppercase;

}

header .navbar-nav > li.cart > a {
    padding: 15px 0px 15px 20px;
}

.navbar-nav .cart a:hover, header .navbar-nav > .open.cart > a {
    color: #307817;
}

header li.cart > a:hover:after {
    height: 3px;
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    background-color: #27ae60;
}

.cart .badge-sup {
    background-color: #27ae60;
    color: #fff;
}

header .navbar-nav > li.cart > .dropdown-menu {
    border-color: #27ae60;
    margin-top: -3px;
    border-top-width: 3px;
}

.logo img {
    max-width: 100%;
}

table.product-table table .remove {
    background: url('../img/icon.png') -37px 0px transparent;
}

table.product-table table .remove:hover {
    background-position: -53px 0px;
}

table.product-table .name {
    color: #1d6583;
    font-weight: 700;
}

table.product-table .price span {
    color: #307817;
}

.cart .cart-total .btn {
    background-color: #27ae60;
    font-size: 13px;
}

header .navbar-nav .cart-total .btn:hover {
    background-color: #307817;
}

.search-btn {
    color: #999999;
    font-style: italic;
    font-size: 13px;
    line-height: 65px;
    cursor: pointer;
    height: 65px;
}

.search-btn:hover, .search-btn.active {
    color: #307817;
}

.search-btn .loop {
    width: 20px;
    height: 20px;
    background: url('../img/icon.png') -69px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.search-btn:hover .loop, .search-btn.active .loop {
    background-position: -89px 0px;
}

.header-row .wrap {
    background: #f8f8f8;
    position: relative;
    z-index: 11;
    border-bottom: 2px solid #e9e9e9;
}

.header-row {
    background-color: #f8f8f8;
    position: relative;
    height: 71px;
    line-height: 70px;
}

.header-row:after {
    z-index: 9;
    position: absolute;
    content: '';
    height: 2px;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: rgb(169, 208, 156); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(169, 208, 156, 1) 0%, rgba(169, 208, 156, 1) 24%, rgba(119, 197, 81, 1) 25%, rgba(119, 197, 81, 1) 50%, rgba(67, 176, 91, 1) 51%, rgba(67, 176, 91, 1) 75%, rgba(126, 212, 98, 1) 76%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 208, 156, 1)), color-stop(24%, rgba(169, 208, 156, 1)), color-stop(25%, rgba(119, 197, 81, 1)), color-stop(50%, rgba(119, 197, 81, 1)), color-stop(51%, rgba(67, 176, 91, 1)), color-stop(75%, rgba(67, 176, 91, 1)), color-stop(76%, rgba(126, 212, 98, 1)), color-stop(100%, rgba(126, 212, 98, 1)), color-stop(100%, rgba(126, 212, 98, 1)), color-stop(100%, rgba(126, 212, 98, 1)), color-stop(100%, rgba(126, 212, 98, 1)), color-stop(100%, rgba(126, 212, 98, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(169, 208, 156, 1) 0%, rgba(169, 208, 156, 1) 24%, rgba(119, 197, 81, 1) 25%, rgba(119, 197, 81, 1) 50%, rgba(67, 176, 91, 1) 51%, rgba(67, 176, 91, 1) 75%, rgba(126, 212, 98, 1) 76%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(169, 208, 156, 1) 0%, rgba(169, 208, 156, 1) 24%, rgba(119, 197, 81, 1) 25%, rgba(119, 197, 81, 1) 50%, rgba(67, 176, 91, 1) 51%, rgba(67, 176, 91, 1) 75%, rgba(126, 212, 98, 1) 76%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(169, 208, 156, 1) 0%, rgba(169, 208, 156, 1) 24%, rgba(119, 197, 81, 1) 25%, rgba(119, 197, 81, 1) 50%, rgba(67, 176, 91, 1) 51%, rgba(67, 176, 91, 1) 75%, rgba(126, 212, 98, 1) 76%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%); /* IE10+ */
    background: linear-gradient(to right, rgba(169, 208, 156, 1) 0%, rgba(169, 208, 156, 1) 24%, rgba(119, 197, 81, 1) 25%, rgba(119, 197, 81, 1) 50%, rgba(67, 176, 91, 1) 51%, rgba(67, 176, 91, 1) 75%, rgba(126, 212, 98, 1) 76%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%, rgba(126, 212, 98, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d09c', endColorstr='#7ed462', GradientType=1); /* IE6-9 */
}

.contact-head {
    padding-left: 30px;
    margin: 0px 15px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.contact-head dt {
    font-size: 12px;
    color: #8699a3;
    font-weight: 600;
    font-style: italic;
}

.contact-head dd {
    font-size: 16px;
    font-weight: 700;
    color: #0e374d;
    font-style: italic;
}

.contact-phone:before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0px;
    bottom: 2px;
    background: url('../img/icon.png') -109px 0px;
}

.contact-email:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 16px;
    left: 0px;
    bottom: 2px;
    background: url('../img/icon.png') -128px 0px;
}

.lang {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.lang .btn-group.open > .btn.dropdown-toggle {
    background: #fff;
    border-color: #dedede;
    border-bottom: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    z-index: 1;
    transition: none;
}

.lang .btn.dropdown-toggle, .lang li a {
    color: #293f61;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}

.lang .btn-group > .btn.dropdown-toggle {
    box-sizing: border-box;
    background: none;
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 6px 5px;
    width: 40px;
    transition: none;
    border-width: 1px 1px 0px;
    border-style: solid;
    border-color: #f8f8f8;
}

.lang .btn .caret {
    margin-bottom: 3px;
    color: #54b640;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    border-bottom: 0px;
}

.lang .btn-group.open > .btn.dropdown-toggle .caret {
    -webkit-transform: rotate(-180deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(-180deg) scale(1) skew(1deg) translate(0px);
    -ms-transform: rotate(-180deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(-180deg) scale(1) skew(1deg) translate(0px);
    transform: rotate(-180deg) scale(1) skew(1deg) translate(0px);
}

.lang .open > .dropdown-menu {
    display: block;
    border: 1px solid #dedede;
    border-top: 0;
    width: 40px;
    background-color: #fff;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    outline: 0;
    padding: 0px 0px 0px 5px;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.15);
    z-index: 2;
    min-width: 0;
    margin: -1px 0px 0px;
}

.lang .dropdown-menu > li > a {
    padding: 0px;
    cursor: pointer;
}

.lang .dropdown-menu > li > a:hover {
    background-color: transparent;
}

.lang .dropdown-menu li {
    padding: 6px 0px;
}

.lang .dropdown-menu > li > a:hover {
    color: #066839;
}

.lang .open > .dropdown-menu:before {
    content: '';
    width: 100%;
    background: #fff;
    top: -3px;
    height: 3px;
    display: block;
    position: absolute;
    left: 0px;
}

.search-box {
    height: 43px;
    background-color: #ededf0;
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    top: 65%;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    line-height: 42px;
}

.search-box.active {
    top: 100%;
}

.search-box .form-inline .input-group .input-group-addon {
    background: transparent;
    border: 0px;
    padding: 0px 12px 0px 0px;
}

.search-box .loop {
    width: 20px;
    height: 20px;
    display: block;
    background: url('../img/icon.png') -89px 0px;
}

.search-box .btn {
    background-color: transparent;
    font-size: 14px;
    font-style: italic;
    color: #999999;
    font-weight: 400;
    padding: 0px;
}

.search-box .btn:hover {
    color: #307817;
}

.search-box .form-control {
    background-color: transparent;
    border: 0px;
    box-shadow: none;
    color: #101010;
    font-size: 15px;
    font-style: italic;
    height: 42px;
    padding: 0px;
}

.product-table .remove-item {
    background: url("../img/icon.png") no-repeat -37px 0px;
}

.product-table .remove-item:hover {
    background-position: -53px 0px;
}

.cart-total {
    color: #171f23;
}

/* ==========================================================================
   Home page
   ========================================================================== */

/****************************
  DOT BOUNCE
*****************************/
.loader {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 999;
    background: #fff;
}

.bounce {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/****************************
  ANIMATIONS
*****************************/
/****************************
  DOT BOUNCE
*****************************/
.bounce div {
    /*border-radius: 100%;*/
    height: 10px;
    width: 10px;
    background-color: #27ae60;
    animation: bounce 1s ease-in-out infinite;
    -webkit-animation: bounce 1s ease-in-out infinite;
    -moz-animation: bounce 1s ease-in-out infinite;
    -ms-animation: bounce 1s ease-in-out infinite;
    -o-animation: bounce 1s ease-in-out infinite;

    position: absolute;
    top: 0;
    transform: translatey(20px);
}

.bounce div:first-of-type {
    left: -20px;
    animation-delay: 0.20s;
    -webkit-animation-delay: 0.20s;
    -moz-animation-delay: 0.20s;
    -ms-animation-delay: 0.20s;
    -o-animation-delay: 0.20s;

}

.bounce div:nth-of-type(2) {
    animation-delay: 0.10s;
    -webkit-animation-delay: 0.10s;
    -moz-animation-delay: 0.10s;
    -ms-animation-delay: 0.10s;
    -o-animation-delay: 0.10s;
}

.bounce div:last-of-type {
    left: 20px;
}

.slider li.item, .info-bar {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
}

.slider li.item, .info-bar .details {
    padding-left: 80px;
}

.slider li.item:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.10);
    z-index: 1;
}

.slider li.item > img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}

.slider li.item .container {
    z-index: 2;
    display: table;
    height: 100%;
}

.slider li.item .content {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.slider li.item .caption {
    font-size: 30px;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
    position: relative;
    float: left;
    clear: both;
    padding: 10px 25px;
    margin:0px 0px 15px;
}

.slider li.item .note {
    font-size: 18px;
    font-weight: 700;
    color: #066839;
    text-transform: uppercase;
    margin:0px 0px 10px;
    position: relative;
    float: left;
    clear: both;
    padding: 5px 15px;
}

.slider li.item .note:before, .slider li.item .caption:before {
    background: #fff;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    transform: skew(-25deg);
    z-index: -1;
    left: 0;
    top: 0;
}

.slider .slick-dots {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
}

.slider .slick-dots li {
    display: inline-block;
}

.slider .slick-dots li button {
    width: 12px;
    text-indent: -99999px;
    height: 12px;
    border-radius: 0px;
    border: 0px;
    background: rgba(255, 255, 255, 0.5);
    margin: 4px;
}

.slider .slick-dots li.slick-active button, .slider .slick-dots li:hover button {
    background: #fff;
}

.info-links {
    min-height: 62px;
    background: #f7f9f4;
    border-bottom: 2px solid #e9e9e9;
    border-top: 2px solid #e9e9e9;
}

.info-links a {
    color: #333333;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 0px 10px;
    line-height: 60px;
    pointer-events: none;
}

.info-links *[class^='icon-'], .info-links *[class*=' icon-'] {
    margin-right: 12px;
}

.home-services {
    border-bottom: 2px solid #e9e9e9;
}

.services-menu li {
    margin-bottom: 30px;
}

.services-menu li a {
    display: block;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.services-menu li a:hover {
    transform: scale(1.08);
    box-shadow: 0px 0px 10px 1px rgba(16, 16, 16, 0.1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(16, 16, 16, 0.1);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(16, 16, 16, 0.1);
}

.services-menu li a:hover .text {
    color: #27ae60;
    background: #f9f9f8;
}

.services-menu .img {
    height: 200px;
}

.services-menu .text {
    width: 100%;
    border: 1px solid #ebebeb;
    border-top: 0px;
    font-size: 13px;
    color: #1d6583;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    display: table;
    height: 100px;
    background: #f9f9f8;
    padding: 0px 15px;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.services-menu .text p {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.featured-products {
    background: #f9f9f8;
    padding-bottom: 80px;
}

.featured-products .product-layout {
    margin-top: 0px;
}

.product-img {
    background: #fff;
    border: 1px solid #ebebeb;
}

.featured-products .slick-dots li {
    display: inline-block;
    margin-top: 30px;
}

.featured-products .slick-dots {
    text-align: center;
}

.featured-products .slick-dots li button {
    border-radius: 0px;
    border: 0px;
    background: #c1c5ca;
    width: 12px;
    height: 12px;
    margin: 3px;
    text-indent: -9999px;
}

.featured-products .slick-dots li.slick-active button, .featured-products .slick-dots li:hover button {
    background: #27ae60;
}

.product-wrapper .name {
    color: #192942;
    padding: 0px 10px 10px;
    font-size: 13px;
    margin: 0px;
}

.price .new-price {
    color: #066839;
}

.price .old-price {
    color: #8699a3;
}

.message-banner-bg {
    position: relative;
    padding: 85px 0px;
    background: url('../img/message-banner.jpg');
    border-bottom: 5px solid #27ae60;
    background-size: cover;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
}

.message-banner img {
    max-width: 100%;
}

.message-banner h2 {
    margin-top: 0px;
}

.message-banner .btn {
    margin-top: 30px;
}

.show-details {
    position: absolute;
    padding: 20px;
    z-index: 1;
    display: table;
    width: 100%;
    height: 100%;
}

.show-details p {
    display: table-cell;
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    background: rgba(25, 41, 66, 0.75);
    border: 1px solid #fff;
    vertical-align: middle;
    text-align: center;
    transform: scale(0);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

.news a:hover .show-details p {
    opacity: 1;
    transform: scale(1);
}

.contact-title {
    border-top: 1px solid #e9e9e9;
    border-bottom: 10px solid #27ae60;
}

.contact-us .wrap {
    background: #f9f9f8;
    padding: 30px 0px;
    border-bottom: 1px solid #e9e9e9;
}

.contact-us .info-contact {
    box-shadow: 0px 0px 10px 1px rgba(16, 16, 16, 0.1);
    -moz-box-shadow: 0px 0px 10px 1px rgba(16, 16, 16, 0.1);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(16, 16, 16, 0.1);
    border: 1px solid #efefef;
    text-transform: uppercase;
    padding: 40px 60px 0px;
    font-size: 16px;
    color: #101010;
}

.contact-us .info-contact h2 {
    color: #333333;
    font-weight: bold;
    font-size: 15px;
    margin-top: 0px;
}

.contact-us .info-contact p, .contact-us .info-contact a {
    font-size: 16px;
    font-weight: 700;
    color: #1d6583;
    margin: 10px 0px;
}

.contact-us *[class^='icon-'], .contact-us *[class*=' icon-'] {
    margin-right: 10px;
}

.contact-us .info-contact span {
    font-size: 16px;
    color: #101010;
    font-weight: normal;
}

.contact-detail {
    margin-bottom: 25px;
}

.contact-detail-bordered {
    margin-bottom: 25px;
    border-left: 2px solid #27ae60;
}

/* ==========================================================================
   Footer
   ========================================================================== */
.newsletter-title {
    padding: 30px 0px;
    margin: 0px;
    color: #1d6583;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}
.newsletter-title h3{
    margin: 0px;
    font-weight: 700;
    font-size: 18px;
}
.newsletter form {
    padding: 11px 0px;
    background: #1d6684;
    text-align: center;
}

.newsletter .form-control {
    border: 0px;
    width: 320px;
    max-width: 100%;
    margin-right: -5px;
}

.newsletter-message {
    display: none;
    font-size: 20px;
    font-weight: 700;
    color: #1d6583;
    padding: 35px 0;
}

footer {
    border-top: 5px solid #aaaaaa;
    background: #f8f8f8;
}

footer .menu .container div {
    margin-bottom: 20px;
}

/*footer .menu .container div:nth-child(4n+1) {*/
    /*clear: both;*/
/*}*/

.copyright {
    border-top: 5px solid #27ae60;
    color: #333333;
    font-size: 10px;
    text-transform: uppercase;
    padding: 18px 20px;
    line-height: 22px;
}

.copyright a:not(.hovered) {
    margin: 0px 10px;
}

.copyright a:hover, .copyright a.hovered {
    color: #066839;
    text-decoration: underline;
}

.terms {
    text-align: right;
}

.copyright:after {
    clear: both;
    display: block;
    content: '';
}
.form-block {
    background: url("../img/ibackground.jpg") no-repeat center;
    background-size: cover;
    padding: 20px;
}

.form-border {
    padding: 35px 25px;
    border: 1px solid rgba(255, 255, 255, 0.502);
    color: #fff;
    text-align: center;
    position: relative;
    height: 575px;
}

.form-border > img {
    display: block;
    margin: 0px auto 35px;
}

.form-border h3, .step2 h3 {
    font-weight: 700;
    font-size: 20px;
    margin: 0px 0px 20px;
    text-transform: uppercase;
}

.form-border p, .step2 p {
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 600;

}

.form-border .btn {
    line-height: 45px;
    text-transform: uppercase;
    padding: 0px 20px;
    margin-top: 20px;
}

.form-info.active {
    visibility: hidden;
}

.form-info {
    visibility: visible;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.form-success {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    max-width: 100%;
    left: 0;
    padding: 0px 25px;
    display: none;
}

.form-success img {
    margin-bottom: 20px;
}

.form-border p b, .step2 p b {
    font-weight: 700;
}

.form-border h3 b, .step2 h3 b {
    font-weight: 800;
    font-size: 24px;
}

.form-border:after {
    clear: both;
    content: '';
    display: block;
}
.banner-message p{
    font-size: 12px !important;
    color: white;
    display: block;


}
.banner-message{
    position: absolute;
}
.banner-message1 p {
    font-size: 11px !important;
    color: white;
    display: block;
    margin: -10px;
    margin-left: 5px;
}

.step3, .step2 {
    display: none;
}

.step2 .btn-default {
    line-height: 45px;
    text-transform: uppercase;
    padding: 0px 20px;
    margin-top: 0;
    display: block;
    width: 100%;
    font-size: 15px;
}

.step2 .form-control {
    height: 45px;
}


.step2 .form-group {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.step2 .form-group .form-elem {
    display: table-cell;
    padding-right: 10px;

}
.form-group table tr td{
     padding: 7px;

}
.form-group table tr td div {
    width: 236px !important;
}
.step2 .form-group .form-elem:last-child {
    width: 170px;
}

.step3 img {
    display: inline-block;
}

.step3 p {
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    width: 315px;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;

}

.step3 {
    text-align: center;
    padding-top: 5%;
}
/* ==========================================================================
   Articles
   ========================================================================== */

.articles {
    padding: 40px 0px;
}

.similar-posts img {
  max-width: 250px;
}

.banners img {
    width: 100%;
    margin-top: 20px;
}

.chapter:after {
    clear: both;
    content: '';
    display: block;
}

/* ==========================================================================
   Products
   ========================================================================== */
.store {
    padding: 30px 0px 40px;
}

.product-layout {
    padding-left: 0px;
}

.list-group {
    text-transform: uppercase;
}

.list-group-heading {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding: 15px 35px;
    background: #6f8d71;
    border-bottom: 2px solid #beae95;
}

.list-group-items li {
    padding-top: 15px;
}

.list-group-items li a {
    display: block;
    width: 100%;
}

.active-item {
    font-weight: bold;
}

.list-group-item-heading {
    position: relative;
    background: #f9f9f8;
    border-bottom: 2px solid #beae95;
    color: #101010;
    font-size: 11px;
    padding: 12px 35px 12px 18px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 0px!important;
    text-transform: uppercase;
}

.accordion ul {
    margin-top: 15px;
}

.accordion li .bf-submenu {
    padding: 0 15px;
}

.accordion a {
    margin-bottom: 15px;
}

.accordion a.cat {
    position: relative;
}

.accordion a.cat:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    background: url(../img/green-checkbox.png) no-repeat;
    left: 0;
    top: 4px;
}

.accordion a.cat.active-item:after {
    background-position: 0 -19px;
}

.hide-before {
    display: none;
}

.accordion li.open .list-group-item-heading {
    color: #344634;
    font-weight: bold;
    font-size: 14px;
}

.accordion li .list-group-item-heading span {
    display: none;
}

.accordion li .submenu {
    position: relative;
}

.accordion li .submenu:hover, .accordion li .submenu.active {
    color: #6f8d71;
}
.accordion li ul:first-child {
    padding: 15px 0;
}


.list-group-item-heading:hover{
    color: #344634;
    font-weight: bold;
}

.list-group-items li a:hover{
    color: #698e69;
    font-weight: bold;
}

.button-box {
    padding: 12px;
    background: #f9f9f8;
    border: 1px solid #ebebeb;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
}

.button-box:after {
    height: 2px;
    background: #be9342;
    position: absolute;
    bottom: -1px;
    left: -1px;
    right: -1px;
    content: '';
}

.plus:after {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 12px;
    height: 12px;
    transform: translate(0, -50%);
    content: '';
    background: url("../img/icon.png") no-repeat -107px -22px;
}

.more-btn {

}

.accordion li.open .list-group-item-heading.plus:after {
    background-position: -120px -22px;
}

.list-group-item-content {
    padding: 5px 18px;
    display: none;
    border-bottom: 1px solid #f0ebe5;
}

.list-group-item-content a {
    font-size: 12px;
    padding: 5px;
}

.list-group-item-content a.active {
    color: #344634;
    font-weight: bold;
    font-size: 14px;
}

.list-options-title {
    border-bottom: 1px solid #beae95;
    font-size: 15px;
    color: #333333;
    text-transform: uppercase;
    font-weight: 700;
    padding: 15px 15px 15px 35px;
    position: relative;
    margin-top: 20px;
}

.list-options-title:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 5px;
    background: #6f8d71;
}

.list-options-content {
    padding: 0px 28px;
}

.slider.slider-horizontal {
    width: 100%;
    margin-top: 25px;
}

.slider.slider-horizontal .slider-track {
    height: 5px;
}

.slider.slider-horizontal .slider-selection {
    background: #1d6583;
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
    margin-top: -8px;
    /*background: #8dc73f;*/
    background: linear-gradient(to bottom, #8DC73F 0%, #8DC73F 100%) #8dc73f;
    border: 2px solid #fff;
    box-shadow: 0px 1px 6px 0px rgba(9, 9, 9, 0.15);
}

.selector label {
    display: block;
    font-size: 11px;
    font-weight: 600;
    color: #666666;
    text-transform: uppercase;
    margin-top: 12px;
}

.selector label span {
    padding: 0px;
}

.sort-by .chosen-container {
    max-width: 195px;
}

.list-options .chosen-container-single .chosen-single {
    border-radius: 0px;
    background: transparent;
    border: 1px solid #ccb9a2;
    box-shadow: none;
    border-top: 0px;
    height: 35px;
    line-height: 34px;
    padding-left: 27px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
}

.list-options .chosen-container-single .chosen-single span {
    height: 35px;
}

.list-options .chosen-container .chosen-results li.active-result {
    color: #333333;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 6px 18px;
}

.list-options .chosen-container .chosen-results {
    padding: 0px;
    margin: 0px;
    height: 150px;
}

.list-options .chosen-container .chosen-results li.highlighted {
    background: #f3f3f3;
    color: #333333;
}

.chosen-container-single .chosen-drop {
    border-radius: 0px;
}

.list-options .chosen-container-single .chosen-single div b {
    background: url('../img/icon.png') no-repeat -459px 0px;
    width: 9px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    border: 0px;
    margin-top: auto;
    transition: none;
}

.list-options .chosen-container.chosen-with-drop div b {
    background: transparent;
}

.compare-add:before {
    background: url('../img/icon.png') -367px 0px;
}

.compare-remove:before {
    background: url('../img/icon.png') -389px 0px;
}

.promo {
    margin: 20px 0px;
}

.promo img {
    max-width: 100%;
}

.review-form .btn {
    margin-top: 20px;
}

.time-date:before {
    background: url('../img/icon.png') -44px -21px;

}

.item-description .name {
    color: #6f8d71;
}

.item-description .code {
    color: #1d6583;
}

.answer {
    border: 2px solid #ccb9a2;
}

.product-wrapper .special-price:before {
    border-right: 5px solid #086495;
}

.product-wrapper .special-price:after {
    border-right: 13px solid #2790c8;
}

.product-wrapper .special-price {
    background-color: #2790c8;
}

.item-head {
    border-bottom: 2px solid #ccb9a2;
}

.sort-by .chosen-container-single .chosen-single div b {
    color: #27ae60;
}

.store .product-layout:nth-child(4n+1) {
    clear: both;
}

/* ==========================================================================
   Compare products
   ========================================================================== */
.products-compare {
    border-bottom: 5px solid #e9e9e9;
}

.remove:before {
    background: url('../img/icon.png') -148px -21px;
}

.add:before {
    background: url('../img/icon.png') -165px -21px;
}

.table-compare .same-product {
    background: #6f8d71;
}

.table-compare tfoot td {
    color: #1d6583;
}

.table-compare tfoot {
    border-top: 5px solid #1d6583;
}

.table-compare tfoot td:first-child, .table-compare th {
    color: #066839;
}

/* ==========================================================================
   Checkout
   ========================================================================== */
.checkout {
    border-top: 1px solid #e9e9e9;
    padding-bottom: 40px;
}

.checkout-box {
    margin-bottom: 25px;
}

.checkout .head, .chosen-container-active.chosen-with-drop .chosen-single span, .chosen-container .chosen-results li.highlighted, .checkout form label a {
    color: #066839;
}

.checkout .head:after {
    background: #1d6583;
}

.chosen-container-single .chosen-single div b {
    color: #307817;
}

.separ {
    background: #27ae60;
}

.chosen-container-single .chosen-search:after {
    background: url('../img/icon.png') -346px 0px;
}

.h2-l {
    color: #1d6583;
    float: left;
    width: 50%;
    border-right: 1px solid #eeeeee;
}

.h2-r {
    float: right;
    text-align: right;
    line-height: normal;
    font-size: 12px;
    color: #999999;
}

.h2-r .total {
    display: block;
    font-size: 22px;
    color: #293f61;
    font-weight: 700;
}

.bucket {
    height: 290px;
    margin: 10px 0px;
}

.checkout .totals {
    position: relative;
    padding-top: 12px;
    padding-bottom: 15px;
    border-top: 1px solid #eee;
}

.checkout .totals:after {
    position: absolute;
    left: -1px;
    right: -1px;
    height: 5px;
    background: #1d6583;
    content: '';
    bottom: 0px;
}

.totals p {
    color: #293f61;
    font-weight: 700;
    font-size: 22px;
}

.totals span {
    color: #999999;
    font-weight: 600;
    font-size: 12px;
}

.checkout .btn {
    margin-top: 0px;
    float: right;
}

/* ==========================================================================
   Checkout cart
   ========================================================================== */

.checkout-cart .badge-big {
    color: #fff;
    background: #27ae60;
}

.table-cart .title {
    color: #0d582e;
}

.checkout-cart-totals {
    border-bottom: 5px solid #1d6583;
    padding: 30px 0px;
}

.checkout-cart-totals .btn {
    margin: 0px;
    float: right;
}

.checkout-cart-totals .totals {
    float: left;
}

.info-title {
    color: #101010;
    font-size: 26px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px;
}

.success {
    border-bottom: 4px solid #e9e9e9;
}
.heading .title{
    padding: 0px;
}
.info-contact .blocks > div {
    padding: 50px 0px 30px;
}
.info-contact .icon-phone + .title:after{
    width:75%;
}
.contact-us{
    border-bottom: 1px solid #e1e1e1;
}
.contact-us .btn-block {
    background-color: #066839;
}
.contact-us .btn-block:after {
    background-color: #298257;
}
/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media screen and (max-width: 1200px) {
    body, .item-name, .comment, .btn-compare {
        font-size: 13px;
    }
    
    .small-bl {
        clear: both;
    }

    .title {
        font-size: 24px;
    }

    .big-title {
        font-size: 22px;
    }

    .contact-head dd, .comments, .item-old-price {
        font-size: 14px;
    }

    .item-new-price {
        font-size: 26px;
    }

    .info-links a {
        font-size: 11px;
    }

    .info-links *[class^='icon-'], .info-links *[class*=' icon-'] {
        margin-right: 5px;
    }

    header .navbar-nav .multi-column .dropdown-menu {
        padding-left: 0px;
        padding-right: 0px;
    }

    .store .product-layout:nth-child(3n+1) {
        clear: both;
    }

    .store .product-layout:nth-child(4n+1) {
        clear: none;
    }

    .slider li .caption {
        font-size: 26px;
    }

    .slider li .note {
        font-size: 17px;
    }

    .copyright {
        padding: 18px 0px;
    }

    .copyright a:not(.hovered) {
        margin: 0px 10px 0px 0px;
    }

    .item-tabs:before {
        top: 49px;
    }

    .center-block {
        margin-left: -12px;
    }

    .contact-us .info-contact{
        padding:20px 20px 0px;
        font-size: 14px;
    }

    .contact-us .info-contact p, .contact-us .info-contact a{
        font-size: 14px;
    }
    .navbar-nav {
        margin: 0px;
    }
}

@media screen and (max-width: 991px) {
    .logo {
        text-align: center;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
        width: 100%;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav > li {
        float: none;
        clear: both;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .header-row {
        height: auto;
    }

    .search-btn {
        position: absolute;
        left: 16.6667%;
    }

    .cart-block {
        position: absolute;
        right: 0px;
    }

    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-collapse .navbar-nav {
        float: none;
    }

    .collapse .navbar-nav .open .dropdown-menu {
        position: static;
        width: 100%;
    }

    .collapse .navbar-nav .open .dropdown-menu .container {
        width: 100%;
    }

    .navbar .container {
        padding: 0px;
    }

    header .navbar-nav > li.cart > a {
        margin-right: 20px;
    }

    .slider li .container {
        padding: 0px 60px;
    }

    .slider li .caption, .item-details {
        font-size: 23px;
    }

    .slider li .note {
        font-size: 16px;
    }

    .info-links {
        text-align: center;
    }

    .product-layout {
        padding-left: 15px;
    }

    .message-banner-bg, .contact-us .wrap h2, .contact-us .wrap, .contact-us .wrap p, .contact-us .wrap a, .contact-us .wrap span {

        font-size: 13px;
    }

    .contact-us .wrap .container {
        padding: 20px;
    }

    footer .menu .container div:nth-child(4n+1) {
        clear: none;
    }

    footer .menu .container div:nth-child(3n+1) {
        clear: none;
    }

    .banners {
        display: none;
    }

    .categ-title {
        display: block;
    }

    .categories {
        display: none;
        text-align: center;
    }

    .h2-r .total {
        padding-top: 5px;
        font-size: 18px;
    }

    .navbar-toggle {
        margin-left: 10px;
    }

    header .navbar-nav > li.cart > a {
        margin-right: 0;
        padding-left: 15px;
    }

    .slider li.item .caption {
        font-size: 25px;
    }

    .slider li.item .note {
        font-size: 16px;
    }

    .price .new-price {
        font-size: 18px;
    }

    .price .old-price {
        font-size: 13px;
    }
    .terms{
        text-align: left;
    }
}

@media screen and (max-width: 767px) {
    .slider li.item .caption {
        font-size: 20px;
        padding: 10px 15px;
        float: none;
    }

    .slider li.item .note::before, .slider li.item .caption::before {
        transform: none;
    }

    .slider li .container {
        padding: 0px;
    }

    .slider li.item .note {
        font-size: 14px;
        float: none;
    }

    .info-links a {
        text-align: left;
    }

    .newsletter .btn {
        margin-top: 20px;
    }

    .newsletter form {
        padding-top: 20px;
    }

    .newsletter .form-control {
        display: block;
        margin: 0 auto;
    }

    footer .menu .container div {
        margin-bottom: 10px;
    }

    .copyright {
        font-size: 9px;
    }

    .terms {
        text-align: left;
    }

    .newsletter-title, .show-details p,.newsletter-title h3 {
        font-size: 15px;
    }

    .info-news h2 {
        font-size: 13px;
    }

    .title, .message-banner h2, .big-title, .item-details {
        font-size: 20px;
    }

    .menu li a, .price .old-price, .info-news p {
        font-size: 11px;
    }

    .message-banner-bg {
        text-align: justify;
        font-size: 11px;
    }


    .price .new-price {
        font-size: 16px;
    }

    .message-banner .btn {
        margin: 0px auto 0px;
        display: block;
    }

    .chapter:nth-child(2n) img, .chapter img {
        width: 100%
    }


    .item .pull-right, .item-title .pull-right {
        float: none !important;
    }
    .store .product-layout:nth-child(3n+1) {
        clear: none;
    }

    .store .product-layout:nth-child(2n+1) {
        clear: both;
    }
    .contact-us .info-contact{
        padding:20px 10px 0px;
    }
}

@media screen and (max-width: 480px) {

    .info-links a {
        display: block;
    }

    .banner-message1 {
        position: absolute;
        margin-top: 37px;
    }

    .banner-message1 p {
        font-size: 13px !important;
        color: white;
        display: block;
        padding-bottom: 3px;
        padding-left: 41px;

    }
}