@import url(base.css);

/*********

Header

*********/

#header .header-nav{

    float: left;

    width: 100%;

    display: block;

    padding-bottom: 0;

    border: 1px solid #e8e8e8;

    max-height: none;

    margin: 0;

}

body#checkout #header .header-nav .text-xs-right {

    display: none;

}

#header .header-nav .payment-currency-block {

    padding-top: 14px;

    padding-bottom: 14px;

}

#header .header-nav .right-nav {

    padding-top: 14px;

    padding-bottom: 14px;

}

#_desktop_language_selector,

#_desktop_currency_selector {

    float: left;

}

#header .header-nav .currency-selector, 

#header .header-nav .language-selector {

    padding-right: 15px;

    letter-spacing: 0.5px;

    margin: 0;

}

#header .header-nav .currency-selector > button, 

#header .header-nav .language-selector > button {

    cursor: pointer;

}

#header .header-nav .currency-selector > button .expand-more, 

#header .header-nav .language-selector > button .expand-more {

    color: #333333;

}

#header .header-nav .currency-selector > button:hover .expand-more, 

#header .header-nav .language-selector > button:hover .expand-more {

    color: #005955;

}

#header .header-nav .currency-selector > .dropdown-menu .dropdown-item, 

#header .header-nav .language-selector > .dropdown-menu .dropdown-item {

    padding: 4px 10px;

    font-size: 13px;

}

#header .header-nav .right-nav .user-info .material-icons {

    display: none;

}

#header .header-nav .right-nav .user-info,

#header .header-nav .right-nav #contact-link {

    color: #333;

    margin: 0;

    padding-left: 15px;

    letter-spacing: 0.5px;

}

#header .header-nav .right-nav .user-info > a:active,

#header .header-nav .right-nav .user-info > a:focus,

#header .header-nav .right-nav .user-info > a:visited,

#header .header-nav .right-nav #contact-link > a:active,

#header .header-nav .right-nav #contact-link > a:visited,

#header .header-nav .right-nav #contact-link > a:focus {

    color: #333333;

}

#header .header-nav .right-nav .user-info > a:hover,

#header .header-nav .right-nav #contact-link > a:hover {

    color: #005955;

}

#header .header-nav .material-icons.expand-more,

#header .header-nav .material-icons {

    margin: 0;

    line-height: 21px;

}

.dropdown:hover .expand-more {

    color: #005955;

}

.btn-unstyle:focus .expand-more {

    color: #005955;

}

#header .header-top{

    float: left;

    width: 100%;

    display: block;

    padding: 28px 0;

}

#header a:hover {

    color: #005955;

}

.search-widget form button[type="submit"] .search:hover,

.search-widget form input[type="text"]:focus + button .search {

    color: #005955;

}

#_desktop_cart{

    float: right;

    height: 45px;

    padding-left: 15px;

    margin: 10px 0px 10px 0px;

}

#_desktop_cart .blockcart{

    float: right;

    height: 45px;

    border: 1px solid #d1d1d1;

    padding: 0 10px;

    color: #333;

}

#_desktop_cart .blockcart i{

    font-size: 18px;

    width: 24px;

    height: 24px;

}

#_desktop_cart .blockcart:hover,

.search-widget form button[type="submit"]:hover{

    color: #005955;

}

#_desktop_cart .header{

    line-height: 45px;

}

#search_widget{

    float: right;

    padding: 10px;

    margin: 0px;

}

#pagenotfound .page-not-found .search-widget, #products .page-not-found .search-widget {

    float: none;

    min-width: 100%;

    margin: 0;

}

.page-not-found .search-widget form {

    display: inline-block;

    width: 100%;

}

#pagenotfound .page-not-found .search-widget input, #products .page-not-found .search-widget input {

    width: 100%;

    padding-right: 45px;

    height: 45px;

}

.search-widget form button[type="submit"]{

    padding: 0;

    bottom: 0px;

    right: 0;

    height: 45px;

    width: 45px;

    cursor: pointer;

}

.header-top .search-widget form input[type="text"]{

    height: 45px;

    padding-right: 45px;

    border-color: #d1d1d1;

}

.search-widget form input[type="text"]:focus{

    outline: none;

}

.top-navigation-menu {

    background: #868789;

    float: left;

    width: 100%;

    clear: both;

}

#header .navbar-block {

    margin: 0 auto;

    padding: 0 15px;

    max-width: 100%;

    display: block;

    float: none;

    width: 100%;

}

@media(min-width: 768px) {

    #header .navbar-block {

        max-width: 720px;

    }

}

@media(min-width: 992px) {

    #header .navbar-block {

        max-width: 960px;

    }

}

@media(min-width: 1200px) {

    #header .navbar-block {

        max-width: 1140px;

    }

}

#header .navbar-block .top-menu {

    position: relative;

    margin: 0;

    padding: 0;

}

.top-menu .sub-menu{

    margin-left: 0;

}

#header .navbar-block .top-menu .level0{

    margin: 0;

    display: inline-block;

    float: left;

    text-transform: uppercase;

}

#header .navbar-block .top-menu .level0:hover,

#header .navbar-block .top-menu .level0:active{

    background-color: #005955;

}

#header .navbar-block .top-menu .level0:hover > .sub-menu{

    display: block;

    top: 100% !important;

}



#header .navbar-block .top-menu .level1 a:hover,

#header .navbar-block .top-menu .level1 a:active{

    color: #005955;

}

#header .navbar-block .top-menu .level0 > a{

    position: relative;

    display: block;

    font-size: 14px;

    font-weight: 600;

    padding: 18px 20px;

    letter-spacing: 0.5;

    color: #fff;

    line-height: 20px;

    transition: all .3s ease-in 0s;

    -moz-transition: all .3s ease-in 0s;

    -webkit-transition: all .3s ease-in 0s;

}

#header .navbar-block .top-menu .level1 {

    position: relative;

    vertical-align: top;

}

#header .navbar-block .top-menu .level1 > a{

    font-size: 14px;

    position: relative;

    font-weight: 600;

    padding: 18px 20px;

    letter-spacing: 0.5;

    color: #333333;

    line-height: 20px;

    transition: all .3s ease-in 0s;

    -moz-transition: all .3s ease-in 0s;

    -webkit-transition: all .3s ease-in 0s;

}

#header .navbar-block .top-menu .level2{

    margin-left: 30px;

}

#header .navbar-block .top-menu .level3{

    margin-left: 5px;

    position: relative;

}

#header .navbar-block .top-menu .level3 > a{

    color: #4c4c4c;

    font-size: 13px;

}

#header .navbar-block .top-menu .level4{

    margin-left: 15px;

    position: relative;

}

#header .navbar-block .top-menu .level4 > a{

    color: #4c4c4c;

    font-size: 12px;

}

/*

#header .navbar-block .top-menu .category .sub-menu{

    display: block;

    top: 56px;

    width: auto;

    margin: 0;

}

#header .navbar-block .top-menu .category .sub-menu .top-menu .category a{

    position: relative;

    display: block;

    font-size: 14px;

    font-weight: 600;

    padding: 18px 20px;

    letter-spacing: 0.5;

    color: #222;

    line-height: 20px;

    transition: all .3s ease-in 0s;

    -moz-transition: all .3s ease-in 0s;

    -webkit-transition: all .3s ease-in 0s;

}

*/

.image-slider-block {

    background-color: #868789;

    float: left;

    width: 100%;

    clear: both;

}

.image-slider-block .carousel .carousel-inner{

    height: auto;

}

.image-slider-block .carousel-control .icon-next{

    margin-right: 0;

    width: 50px;

    height: 30px;

    background-color: #333;

    right: 0;

}

.image-slider-block .carousel-control .icon-prev{

    width: 50px;

    height: 30px;

    background-color: #333;



}

.image-slider-block .carousel .carousel-control .icon-prev i,

.image-slider-block .carousel .carousel-control .icon-next i{

    font-size: 25px;

}

.image-slider-block  .material-icons{

    vertical-align: inherit;

    line-height: 28px;

}

.carousel .carousel-control .icon-next:hover i, .carousel .carousel-control .icon-prev:hover i{

    color: #005955;

}

/********

promotion-block

********/

.promotion-section {

    background-color: #868789;

    float: left;

    width: 100%;

    clear: both;

}

.promotion-block {

    display: block;

    float: left;

    clear: both;

    width: 100%;    

}

.promotion-block .promotion-wrapper {

    display: block;

    float: left;

    width: 100%;

    padding-top: 25px;

    padding-bottom: 25px;

}

.promotion-block .promotion-wrapper .row {

    margin-left: -10px;

    margin-right: -10px;

}

.promotion-block .promotion-wrapper .promotion-inner {

    display: block;

    float: left;

    width: 33.3333%;

    padding: 0 10px;

}

.promotion-block .promotion-wrapper .promotion-inner a {

    display: block;

    float: left;

    width: 100%;

}

.promotion-block .promotion-wrapper .promotion-inner a img{

    display: block;

    width: 100%;

}

/*******

products

*******/

.product-section-title {

    position: relative;

    display: block;

    margin-bottom: 25px;

}

.featured-products .product-section-title h1,

.product-section-title h1{

    border-bottom: 2px solid #555;

    display: block;

    font-size: 22px;

    margin-top: 0;

    padding-bottom: 10px;

    text-transform: capitalize !important;

    letter-spacing: 0.5px;

    color: #005955;

    margin-bottom: 0;

    text-align: left;

    line-height: 24px;

    font-weight: 600;

}

#products .product-title a, .featured-products .product-title a, 

.product-accessories .product-title a, .product-miniature .product-title a {

    color: #666666;

    font-size: 15px;

}

#products .product-title a:hover, .featured-products .product-title a:hover, 

.product-accessories .product-title a:hover, .product-miniature .product-title a:hover {

    color: #005955;

}

#products .products-grid .products .product-item.list-view .product-description .product-title > a {

    color: #333333;

}

#products .products-grid .products .product-item.list-view .product-description .product-title > a:hover {

    color: #005955;

}

.products-grid .btn-primary.add-to-cart .material-icons {

    display: none;

}

#products .product-title, .featured-products .product-title, 

.product-accessories .product-title, .product-miniature .product-title {

    margin-bottom: 15px;

}

#products .highlighted-informations,.featured-products .highlighted-informations,

.product-accessories .highlighted-informations,.product-miniature .highlighted-informations {

    box-shadow: none;

}

#products .product-description, .featured-products .product-description, 

.product-accessories .product-description, .product-miniature .product-description{

    width: 100%;

}

#products .highlighted-informations, .featured-products .highlighted-informations, 

.product-accessories .highlighted-informations, .product-miniature .highlighted-informations{

    width: 100%;

}

.featured-products .products-grid .products .product-item .product-miniature .thumbnail-container .product-description .product-short-desc {

    display: none !important;

}

li.product-flag{

    margin: 0;

    top: 0 !important;

}

#products .product-miniature .discount-percentage, #products .product-miniature .on-sale, 

#products .product-miniature .online-only, #products .product-miniature .pack, 

#products .product-miniature .product-flags .new, .featured-products .product-miniature .discount-percentage,

.featured-products .product-miniature .on-sale, .featured-products .product-miniature .online-only,

.featured-products .product-miniature .pack, .featured-products .product-miniature .product-flags .new,

.product-accessories .product-miniature .discount-percentage, .product-accessories .product-miniature .on-sale,

.product-accessories .product-miniature .online-only, .product-accessories .product-miniature .pack,

.product-accessories .product-miniature .product-flags .new, .product-miniature .product-miniature .discount-percentage,

.product-miniature .product-miniature .on-sale, .product-miniature .product-miniature .online-only,

.product-miniature .product-miniature .pack, .product-miniature .product-miniature .product-flags .new{

    left: 0;

    background: #005955;

}

li.product-flag:not(.discount):not(.on-sale) ~ li.product-flag{

    margin-top: 2.50rem;

}

.discount-percentage{

    top: -210px !important;

}

#products .product-miniature .on-sale.on-sale,

li.product-flag.on-sale{

    right: 0;

    width: max-content !important;

    width: -moz-max-content;

    left: auto;

}

.featured-products .all-products .material-icons {

    display: none;

}

.featured-products .all-products {

    text-align: -moz-center;

    margin-top: 30px;

    margin-bottom: 0;

    display: block;

}

.featured-products .all-products > a {

    background: #005955;

    font-size: 14px;

    letter-spacing: 1px;

    margin: 0;

    padding: 10px 20px;

    font-weight: 600;

    line-height: 20px;

    display: block;

    width: -moz-max-content;

    color: #fff;

    box-sizing: border-box;

    text-transform: uppercase;

    float: none !important;

}

.all-products > a:hover,

.featured-products .all-products a:hover {

    background-color: #333;

}

#products img, .featured-products img, .product-accessories img, .product-miniature img{

    margin: 0;

    display: block;

    height: auto;

    max-width: 100%;    

}

#products .thumbnail-container, 

.featured-products .thumbnail-container, 

.product-accessories .thumbnail-container, 

.product-miniature .thumbnail-container {

    height: 100%;

}

#products .products-grid {

    font-size: 0;

}

.products-grid  .products .product-item {

    padding-left: 15px;

    padding-right: 15px;

    display: inline-block;

    font-size: 14px;

}

.products-grid .products .product-item .product-miniature,

#products  .products-grid .products .product-item .product-miniature {

    margin: 0;

}

.products-grid .products .product-item .product-miniature .thumbnail-container,

#products  .products-grid .products .product-item .product-miniature .thumbnail-container {

    width: 100%;

    height: 100%;

    box-shadow: none;

    -moz-box-shadow: none;

    -webkit-box-shadow: none;

    margin: 0;

    background: transparent;

}

.products-grid .products .product-item .product-miniature .thumbnail-container .product-image-block,

#products .products-grid .products .product-item .product-miniature .thumbnail-container .product-image-block {

    position: relative;

    display: block;

    overflow: hidden;

    border: 1px solid #e1e1e1;

}

#products .highlighted-informations, .featured-products .highlighted-informations, .product-accessories .highlighted-informations, .product-miniature .highlighted-informations {

    background: rgba(255,255,255,0.8);

}

.products-grid .products .product-item .product-miniature .thumbnail-container .product-image-block .highlighted-informations,

#products .products-grid .products .product-item .product-miniature .thumbnail-container .product-image-block .highlighted-informations {

    bottom: -90px;

    height: auto;

    padding: 8px 0;

}

.products-grid .products .product-item:hover .product-miniature .thumbnail-container .product-image-block .highlighted-informations,

#products .products-grid .products .product-item:hover .product-miniature .thumbnail-container .product-image-block .highlighted-informations {

    bottom: 0px;

}

#products .variant-links, .featured-products .variant-links,

.product-accessories .variant-links, .product-miniature .variant-links{

    background: transparent;

}

.products-grid .products .product-item .product-miniature .thumbnail-container .product-description ,

#products .products-grid .products .product-item .product-miniature .thumbnail-container .product-description {

    position: static;

    background: transparent;

    height: auto;

}

.products-grid .products .product-item .product-miniature .thumbnail-container .product-description:after, 

#products .products-grid .products .product-item .product-miniature .thumbnail-container .product-description:after {

    display: none;

}

.products-grid .products .product-item .product-miniature .thumbnail-container .product-description .add, 

#products .products-grid .products .product-item .product-miniature .thumbnail-container .product-description .add {

    margin: 6px 0 0;

    text-align: center;

}

.products-grid .products .product-item .product-miniature .thumbnail-container .product-description .product-price-and-shipping,

#products .products-grid .products .product-item .product-miniature .thumbnail-container .product-description .product-price-and-shipping{

    margin: 9px 0 15px;

}

#products .highlighted-informations .quick-view:hover, .featured-products .highlighted-informations .quick-view:hover, 

.product-accessories .highlighted-informations .quick-view:hover, .product-miniature .highlighted-informations .quick-view:hover{

    color: #005955;

}

.product-slider .owl-controls.clickable {

    margin: 0;

    position: absolute;

    right: 15px;

    top: -65px;

}

.product-slider .owl-controls.clickable .owl-buttons > div {

    background: #333333;

    padding: 7px 12px;

    opacity: 1;

    font-size: 14px;

    line-height: 16px;

    margin: 0 0 0 3px;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -webkit-transition: all .3s ease 0s;

    color: #ffffff;

}

.product-slider .owl-controls.clickable .owl-buttons > div:hover {

    background: #005955;

}

.color.active, .color:hover, .custom-checkbox input[type="checkbox"] + span.color.active, 

.custom-checkbox input[type="checkbox"] + span.color:hover, .facet-label.active .custom-checkbox span.color, 

.facet-label:hover .custom-checkbox span.color{

    border-color: #005955;

}

#product .add{

    width: auto;

    margin: 0;

}

#product .add .btn{

    line-height: 24px;

}

.add .btn{

    background: #333;

    font-weight: 700;

    padding: 10px 15px;

    font-size: 13px;;

    box-shadow: none;
    
    display:none;

}

.add .btn:hover{

    background-color: #005955;

}



.featured-products {

    margin-top: 25px !important;

    margin-bottom: 25px;

    float: left;

    width: 100%;

}

/*******

latest-offer

*******/

.latest-offer-section{

    display: block;

    float: left;

    clear: both;

    max-width: 100%;

    width: 100%;

    margin: 25px 0;

}

.latest-offer-section .offer-inner{

    background-position: center center;

    background-repeat: no-repeat;

    clear: both;

    background-image: url(https://www.teclan.com.co/website/img/cms/fondo-promocion.webp);

    background-attachment: fixed;

    float: left;

    padding: 120px 0;

    text-align: center;

    width: 100%;

    background-size: cover;

}

.latest-offer-section .offer-inner > p{

    color: white;

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 20px;

    margin-top: 0;

}

.latest-offer-section .offer-inner > h1{

    color: #ffffff;

    font-size: 60px;

    font-weight: 700;

    letter-spacing: 2px;

    margin-top: 0;

    margin-bottom: 36px;

    line-height: 1.1;

}

.latest-offer-section .offer-inner > a{

    background: rgba(0,0,0,0) none repeat scroll 0 0;

    font-size: 14px;

    letter-spacing: 1.5px;

    margin: 0;

    padding: 15px 25px;

    border: 2px solid #005955;

    color: #fff;

    font-weight: 700;

    box-sizing: border-box;

    text-transform: uppercase;

}

.latest-offer-section .offer-inner > a:hover{

    background-color: #005955;

}

/*********

block-reassurance

*********/

#product #block-reassurance {

    box-shadow: none;

}

#block-reassurance ul{

    margin: 0;

    border: 1px solid rgba(0,0,0,.25);

}

/*******

custom-text

*******/

.testimonial-section {

    float: left;

    width: 100%;

    background: #DFDFDF;

    margin: 0;

    padding: 0;

    margin: 25px 0;

}

.testimonial-section .testimonial-block{

    padding: 25px 0;

}

.testimonial-section .testimonial-block .testimonial-content {

    display: block;

    padding: 0 15px;

}

.testimonial-section .testimonial-block .section-title {

    position: relative;

    display: block;

    margin-bottom: 25px;

}

.testimonial-section .testimonial-block .section-title > strong {

    border-bottom: 2px solid #555;

    display: block;

    font-size: 22px;

    margin-top: 0;

    padding-bottom: 10px;

    text-transform: capitalize;

    letter-spacing: 0.5px;

    color: #222222;

    text-align: left;

    line-height: 24px;

    font-weight: 600;

}

.testimonial-section .testimonial-block .testimonial-desc {

    float: left;

    width: 100%;

    padding: 15px;

    border: 1px solid #d1d1d1;

    box-sizing: border-box;

    position: relative;

    margin-bottom: 15px;

}

.testimonial-desc::before {

    border-color: #d1d1d1 rgba(0,0,0,0) rgba(0,0,0,0);

    border-style: solid;

    border-width: 8px;

    bottom: -16px;

    content: "";

    left: 45px;

    position: absolute;

}

.testimonial-desc::after {

    border-color: #f1f1f1 rgba(0,0,0,0) rgba(0,0,0,0);

    border-style: solid;

    border-width: 8px;

    bottom: -15px;

    content: "";

    left: 45px;

    position: absolute;

}

.testimonial-section .testimonial-block  p {

    font-size: 13px;

    margin: 0;

    padding: 0;

    text-align: left;    

}

.testimonial-section .testimonial-block .testimonial-desc  p {

    color: #333333;

}

.testimonial-section .testimonial-block .testimonial-detail {

    float: left;

    padding: 0 10px 10px;

    width: 100%;

    position: relative;

}

.testimonial-section .testimonial-block .testimonial-detail img {

    display: inline-block;

    height: auto;

    max-width: 100%;

    vertical-align: middle;

    border-radius: 50%;

    -moz-border-radius: 50%;

    -webkit-border-radius: 50%;

    margin-right: 10px;

    width: auto;

}

.testimonial-section .testimonial-block .testimonial-detail .profile {

    display: inline-block;

    vertical-align: middle;

}

.testimonial-section .testimonial-block .testimonial-detail .profile h4 {

    margin: 0 0 4px;

    font-size: 13px;

}

.testimonial-section .testimonial-block .testimonial-detail .profile p {

    margin: 0;

}

.testimonial-slider .owl-controls.clickable {

    margin: 0;

    position: absolute;

    right: 15px;

    top: -65px;

}

.testimonial-slider .owl-controls.clickable .owl-buttons > div {

    background: #333333;

    padding: 7px 12px;

    opacity: 1;

    font-size: 14px;

    line-height: 16px;

    margin: 0 0 0 3px;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -webkit-transition: all .3s ease 0s;

    color: #ffffff;

}

.testimonial-slider .owl-controls.clickable .owl-buttons > div:hover {

    background: #005955;

}

/*******

blogpost-block

*******/

.blog-section {

    display: block;

    clear: both;

}

.blogpost-block{

    float: left;

    width: 100%;

    display: block;

    margin-bottom: 25px;

    margin-top: 25px;

}

.blogpost-block .blog-section-title{

    float: left;

    width: 100%;

    display: block;

    margin-bottom: 25px;

}

.blogpost-block .blog-section-title > strong {

    border-bottom: 2px solid #555;

    display: block;

    font-size: 22px;

    margin-top: 0;

    padding-bottom: 10px;

    text-transform: capitalize;

    letter-spacing: 0.5px;

    color: #222222;

    line-height: 24px;

    font-weight: 600;

    text-align: left;

}

.blogpost-block .blog-block{

    width: 100%;

    float: left;

    display: block;

}

.blogpost-block .blog-block .blog-inner{

    float: left;

    box-sizing: border-box;

}

.blogpost-block .blog-block .blog-inner .blog-inner-block {

    border: 1px solid #d1d1d1;

    padding: 15px;

    margin: 0 15px;

    float: left;

    box-sizing: border-box;

    margin-bottom: 2px;

}

.blogpost-block .blog-block .blog-inner .blog-image {

    float: left;

    width: 50%;

    box-sizing: border-box;

    padding-right: 20px;

}

.blogpost-block .blog-block .blog-inner .blog-image img {

    max-width: 100%;

    display: block;

    height: auto;

}

.blogpost-block .blog-block .blog-inner .blog-content {

    float: left;

    width: 50%;

    box-sizing: border-box;

}

.blogpost-block .blog-block .blog-inner .blog-content > h3 {

    font-size: 14px;

    margin: 5px 0 10px;

    text-transform: uppercase;

    font-weight: 600;

    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

    line-height: 1.1;

}

.blogpost-block .blog-block .blog-inner .blog-content > h3 a {

    color: #333;

}

.blogpost-block .blog-block .blog-inner .blog-content > p {

    margin: 5px 0 10px;

    text-align: justify;

    font-size: 13px;

}

.blog-slider .owl-controls.clickable {

    margin: 0;

    position: absolute;

    right: 15px;

    top: -65px;

}

.blog-slider .owl-controls.clickable .owl-buttons > div {

    background: #333333;

    padding: 7px 12px;

    opacity: 1;

    font-size: 14px;

    line-height: 16px;

    margin: 0 0 0 3px;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -webkit-transition: all .3s ease 0s;

    color: #ffffff;

}

.blog-slider .owl-controls.clickable .owl-buttons > div:hover {

    background: #005955;

}

/*******

brand-section

*******/

.brand-section {

    float: left;

    clear: both;

    width: 100%;

    padding: 25px 0;

}

.brand-section .brand-section-title {

    position: relative;

    display: none;

    margin-bottom: 25px;

    text-align: center;

}

.brand-section .brand-section-title > h4 {

    border-bottom: 2px solid #555;

    display: inline-block;

    font-size: 20px;

    margin-top: 0;

    padding-bottom: 10px;

    letter-spacing: 0.5px;

    color: #222222;

    margin-bottom: 0;

    text-align: left;

    text-transform: uppercase;

    line-height: 24px;

    font-weight: 600;

}

.brand-section .brand-section-title > h4 a:visited,

.brand-section .brand-section-title > h4 a:active,

.brand-section .brand-section-title > h4 a:focus,

.brand-section .brand-section-title > h4 a:hover,

.brand-section .brand-section-title > h4 a {

    color: #222222;

}

.brand-content {

    float: left;

    width: 100%;

    clear: both;

}

.brand-content .brand-row {

    margin-left: -10px;

    margin-right: -10px;

}

.brands-slider {

    position: relative;

    list-style: none;

    padding: 0;

    margin: 0;

}

.brand-content .brands-list{

    display: block;

    float: left;

    margin: 0;

}

.brand-content .brands-list li{

    display: block;

    float: left;

    padding: 0 10px;

}

.brand-content .brands-list li a{

    display: block;

}

.brands-slider li {

    padding-left: 10px;

    padding-right: 10px;

    display: block;

}

.brands-slider li a {

    display: block;

}

.brands-slider li img {

    display: block;

    margin: 0 auto;

    max-width: 100%;

    height: auto;

}

.brands-slider .owl-controls.clickable {

    display: none !important;

    margin: 0;

    position: absolute;

    right: 10px;

    top: -65px;

}

.brands-slider .owl-controls.clickable .owl-buttons > div {

    background: #333333;

    padding: 7px 12px;

    opacity: 1;

    font-size: 14px;

    line-height: 16px;

    margin: 0 0 0 3px;

    border-radius: 0;

    -moz-border-radius: 0;

    -webkit-border-radius: 0;

    transition: all .3s ease 0s;

    -moz-transition: all .3s ease 0s;

    -webkit-transition: all .3s ease 0s;

    color: #ffffff;

}

.brands-slider .owl-controls.clickable .owl-buttons > div:hover {

    background: #005955;

}

/******

footer

*****/

#footer{

    margin-top: 25px;

    float: left;

    clear: both;

    width: 100%;

    padding: 0;

    background: #F5F5F5;

}

#footer .newsletter-section{

    float: left;

    display: block;

    padding: 25px 0;

    margin-top: 0;

    background-color: #868789;

    clear: both;

    width: 100%;

}

#block-newsletter-label{

    float: left;

    padding: 0;

    width: 100%;

    display: block;

    color: #ffffff;

    font-size: 30px;

    font-weight: 700;

    letter-spacing: 1px;

    line-height: 48px;

    margin-bottom: 20px;

    text-transform: uppercase;

}

#footer .newsletter-section .block_newsletter{

    float: left;

    width: 100%;

    font-size: 14px;

    margin-bottom: 0;

    text-align: -moz-center;

    text-align: -webkit-center;

}

#footer .newsletter-section .block_newsletter .col-md-7 {

    width: 100%;

}

#footer .newsletter-section .block_newsletter .col-md-7 form { 

    width: 50%;

}

.block_newsletter form input[type="text"]:focus {

    border: none;

}

#footer .newsletter-section .block_newsletter form .col-xs-12 p { 

    display: none

}

#footer .newsletter-section .block_newsletter form .col-xs-12 .btn-primary { 

    background-color: #005955;

}

#footer .newsletter-section .block_newsletter form .btn-primary:focus, 

#footer .newsletter-section .block_newsletter form .btn-primary:hover {

    background-color: #333;

    transition: all .3s ease-in 0s;

}

.block_newsletter form input{

    height: 48px;

}

.block_newsletter form input[type="text"] {

    border-color: #ffffff;

    min-width: 100%;

}

#footer .block-social{

    width: 100%;

    text-align: center;

    margin-top: 18px;

    float: left;

}

#footer .block-social > ul {

    margin-bottom: 0;

    display: block;

}

#footer .block-social ul > li {

    background-color: #005955;

    color: #fff;

    width: 60px;

    height: 60px;

    margin: .125rem;

    border-radius: 50%;

    background-position: center;

    transition: 0.3s ease all;

    background-size: auto;

}

#footer .block-social ul > li:hover {

    background-color: #333;

}

#footer .footer-container {

    float: left;

    width: 100%;

    margin: 0;

    padding: 50px 0;

    box-shadow: none;

    background: #F5F5F5;

}

#footer .footer-container .links {

    float: left;

    width: 50%;

    margin-bottom: 0;

}

#footer .footer-container .h3.hidden-sm-down {

    margin: 0;

    margin-bottom: 0px;

    margin-bottom: 0px;

    display: block;

    margin-bottom: 25px;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 600;

    color: #222222;

    line-height: 1.1;

}

.footer-container li {

    color: #555555;

    display: block;

    margin-bottom: 10px;

    font-weight: 400;

    line-height: 1.42857;

}

.footer-container li a {

    color: #555555;

    font-size: 13px;

}

.footer-container li a:before {

    content: "\f105";

    margin-right: 8px;

    font-family: "Fontawesome";

}

#footer .footer-container .h3.hidden-sm-down::after {

    background: #222222;

    bottom: 0;

    content: "";

    display: block;

    height: 2px;

    width: 25px;

    margin-top: 13px;

}

#footer .footer-container #block_myaccount_infos{

    width: 25%;

    margin-bottom: 0;

}

#footer .footer-container #block_myaccount_infos > h3 {

    margin: 0;

    margin-bottom: 0px;

    margin-bottom: 0px;

    display: block;

    margin-bottom: 25px;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 600;

    color: #222222;

}

#footer .footer-container #block_myaccount_infos > h3 > a {

    font-size: 18px;

    font-weight: 600;

}

#footer .footer-container #block_myaccount_infos > h3::after {

    background: #222222;

    bottom: 0;

    content: "";

    display: block;

    height: 2px;

    width: 25px;

    margin-top: 13px;

}

#footer .footer-container  .footer-link {

    float: left;

    display: block;

    width: 20%;

    padding: 0 15px;

    margin-bottom: 25px;

}

#footer .footer-container  .footer-link .footer-title {

    float: left;

    display: block;

    width: 100%;

}

#footer .footer-container  .footer-link .footer-title > h3 {

    margin: 0;

    display: block;

    margin-bottom: 25px;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 600;

    color: #222222;

    line-height: 1.1;

}

#footer .footer-container  .footer-link .footer-title > h3:after {

    background: #222222;

    bottom: 0;

    content: "";

    display: block;

    height: 2px;

    width: 25px;

    margin-top: 13px;

}

#footer .footer-container  .footer-link .footer-content {

    float: left;

    display: block;

    width: 100%;



}

#footer .footer-container  .footer-link .footer-content > ul > li {

    color: #555555;

    display: block;

    margin-bottom: 14px;

    font-weight: 400;

    line-height: 1.42857;   

}

#footer .footer-container .links ul  li  a:hover {

    color: #005955;

}

#footer .footer-container .footer-link .footer-content > ul > li > a > span > i {

    margin-right: 8px;

}

#footer .footer-container  .footer-link .footer-content .contact{

    margin-bottom: 15px;

    position: relative;

    color: #555555;

    margin-top: 0;

}

#footer .footer-container  .footer-link .footer-content .contact > strong{

    font-weight: 600;

    display: block;

    margin-bottom: 6px;

    color: #333333;

    font-size: 13px;

}

#footer .footer-container  .footer-link .footer-content .contact > span{

    display: block;

    padding-left: 22px;

}

#footer .footer-container .contactinfo-section .links {

    width: 100%;

}

.contactinfo-section {

    float: left;

    width: 25%;

    padding-left: 15px;

    padding-right: 15px;

    font-size: 13px;

}

.contactinfo-section .footer-links-column .footer-column-content .content > p {

    margin-bottom: 15px;

    position: relative;

    color: #555555;

}

.contactinfo-section .footer-links-column .footer-column-content .content > p strong {

    font-weight: 600;

    display: block;

    margin-bottom: 5px;

    color: #333333;

    font-size: 13px;

}

.contactinfo-section .footer-links-column .footer-column-content .content > p strong em {

    font-size: 16px;

    color: #333333;

    vertical-align: middle;

}

.contactinfo-section .footer-links-column .footer-column-content .content > p strong {

    font-weight: 600;

    color: #333333;

}

.contactinfo-section .footer-links-column .footer-column-content .content > p > span {

    display: block;

    padding-left: 22px;

    font-size: 13px;

}

.contactinfo-section .footer-links-column .footer-column-content .content > p > span a:visited,

.contactinfo-section .footer-links-column .footer-column-content .content > p > span a:focus,

.contactinfo-section .footer-links-column .footer-column-content .content > p > span a:active,

.contactinfo-section .footer-links-column .footer-column-content .content > p > span a {

    color: #555555;

}

.contactinfo-section .footer-links-column .footer-column-content .content > p > span a:hover {

    color: #005955;

}

.contactinfo-section .footer-links-column .footer-colum-title {

    display: block;

    position: relative;

}

.contactinfo-section .footer-links-column .footer-colum-title > h3 {

    margin: 0;

    margin-bottom: 0px;

    display: block;

    margin-bottom: 25px;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 600;

    color: #333333;

}

.contactinfo-section .footer-links-column .footer-colum-title > h3:after {

    background: #333333;

    bottom: 0;

    content: "";

    display: block;

    height: 2px;

    width: 25px;

    margin-top: 13px;

}

#footer .footer-bottom {

    float: left;

    width: 100%;

    clear: both;

    padding: 0;

    display: block;

}

#footer .footer-bottom .footer-bottom-inner {

    padding: 25px 0;

    display: block;

    clear: both;

    font-size: 0;

    border-top: 1px solid #d1d1d1;

}

#footer .footer-bottom .footer-bottom-inner .copyright {

    display: inline-block;

    vertical-align: middle;

    padding-right: 10px;

    box-sizing: border-box;

    width: 50%;

    font-size: 14px;

    color: #555;

    font-weight: 500;

    margin: 0;

    line-height: 30px;

}

#footer .footer-bottom .footer-bottom-inner .copyright > a {

    color: #555;

}



#footer .footer-bottom .footer-bottom-inner .footer-payment-icon {

    text-align: right;

    margin: 0;

    display: inline-block;

    vertical-align: middle;

    padding-left: 10px;

    box-sizing: border-box;

    width: 50%;

}

#footer .footer-bottom .footer-bottom-inner .footer-payment-icon > li {

    display:inline-block;

    list-style-type:none;

    margin-bottom:0;

    position:relative;

}

#footer .footer-bottom .footer-bottom-inner .footer-payment-icon > li > a {

    display:block;

    padding:0 3px;

    box-sizing:border-box;

    color:#555555;

    font-size:28px;

    line-height: 30px;

    text-decoration:none;

    transition:all .2s ease-in 0s;

    -moz-transition:all .2s ease-in 0s;

    -webkit-transition:all .2s ease-in 0s;

}

#footer .footer-bottom .footer-bottom-inner .footer-payment-icon > li > a:hover {

    color:#555555;

    text-decoration:none;

}

#footer .footer-bottom .footer-bottom-inner .footer-payment-icon > li:last-child > a {

    padding-right:0;

}

@media (max-width: 991px) {

    #footer .newsletter-section .block_newsletter .col-md-7 form { 

        width: 100%;

    }

}

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

    #footer .footer-container .links{

        width: 100%;

        margin-bottom: 0;

    }

    #footer .footer-container #block_myaccount_infos{

        width: 100%;

        margin-bottom: 0;

    }

    #footer .footer-container .footer-link{

        width: 100%;

        margin-bottom: 0;

        padding: .625rem;

        font-size: 1rem;

    }

    #footer .footer-container .footer-link .footer-title > h3::after {

        display: none;

    }

    #footer .footer-bottom .footer-bottom-inner .copyright {

        text-align: center;

        padding: 0 0 10px;

        width: 100%;

    }

    #footer .footer-bottom .footer-bottom-inner .footer-payment-icon {

        text-align: center;

        padding: 0;

        width: 100%;

    }

}

/******

category-page

*******/

#content-wrapper .block-category {

    box-shadow: none;

    min-height: auto;

}

#products .page-not-found {

    box-shadow: none;

    border: 1px solid rgba(0,0,0,.125);

}

#products .products-grid .products .product-item {

    margin-bottom: 40px;

}

.products-sort-order .select-title {

    box-shadow: none;

    line-height: 24px;

}

/*******

product-page

*******/

/*.images-container .product-cover img,

#product #block-reassurance,.bootstrap-touchspin,

.product-images > li.thumb-container > .thumb,

.product-variants > .product-variants-item select,

.product-information .tabs {

    box-shadow: none;

}

.product-information .tabs{

    padding: 0;

    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

.product-information .tabs p{

    font-size: 13px;

}

.product-information .tabs .nav-tabs .nav-link.active, .product-information .tabs .nav-tabs .nav-link:hover{

    border-color: #005955;

    color: #005955;

}

.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover,

.product-images > li.thumb-container > .thumb.selected, .product-images > li.thumb-container > .thumb:hover, .input-color:checked + span, .input-color:hover + span, .input-radio:checked + span, .input-radio:hover + span{

    border: 2px solid #005955;

}

#product #block-reassurance{

    margin-bottom: 25px;

}*/

/*home service block*/

.home-advantage-block {

    clear: both;

    float: left;

    padding: 50px 0 30px;

    width: 100%;

}

.home-advantage-block .hab-row {

    margin-left: -10px;

    margin-right: -10px;

}

.home-advantage-block .hab-inner {

    float: left;

    position: relative;

    width: 25%;

    padding-left: 10px;

    padding-right: 10px;

}

.home-advantage-block .hab-inner .home-advantage-block-inner {

    float: left;

    margin-bottom: 20px;

    padding: 20px;

    width: 100%;

    text-align: center;

    background-color: #f6f6f6;

}

.home-advantage-block .hab-inner .home-advantage-block-inner > span {

    border: 2px solid;

    border-radius: 50%;

    color: #005955;

    display: inline-block;

    font-size: 30px;

    height: 70px;

    line-height: 66px;

    margin-bottom: 15px;

    width: 70px;

}

.home-advantage-block .hab-inner .home-advantage-block-inner > p {

    font-size: 18px;

    font-weight: normal;

    color: #333333;

    margin: 0;

}

/*fullwidth block*/

.home-fullwidth-block {

    background: #F5F5F5;

    clear: both;

    float: left;

    padding: 65px 0;

    text-align: center;

    width: 100%;

    margin: 25px 0;

}

.home-fullwidth-block h1 {

    color: #333333;

    font-size: 34px;

    font-weight: 600;

    margin-bottom: 30px;

}

.home-fullwidth-block ul {

    list-style: none;

    padding: 0;

    margin: 0;

}

.home-fullwidth-block ul li {

    display: block;

    margin: 0;

}

.home-fullwidth-block ul li h1 {

    color: #005955;

    font-size: 26px;

    font-weight: 600;

    margin-bottom: 18px;

}

.home-fullwidth-block ul li p {

    color: #666666;

    font-size: 16px;

    line-height: 28px;

    display: block;

    max-width: 80%;

    margin: 0 auto 30px;

}

.home-fullwidth-block .action.primary {

    background: #333333;

    border-color: #333333;

    border-width: 2px;

    font-size: 14px;

    letter-spacing: 1.5px;

    margin: 0;

    padding: 15px 25px;

    color: #ffffff;

    display: inline-block;

    vertical-align: middle;

    text-transform: uppercase;

}

.home-fullwidth-block .action.primary:active,

.home-fullwidth-block .action.primary:visited,

.home-fullwidth-block .action.primary:focus {

    background: #333333;

    border-color: #333333;

    color: #ffffff;

}

.home-fullwidth-block .action.primary:hover {

    background: #005955;

    border-color: #005955;

    color: #ffffff;

}

#header a {

    color: #333333;

}

.card {

    box-shadow: none;

    margin-top: 15px;

    margin-bottom: 0;

}

@media(max-width: 767px) {

    #mobile_top_menu_wrapper {

        margin-top: 0;

        padding-bottom: .625rem;

        background: #fff;

        position: absolute;

        width: 100%;

        top: 0;

        z-index: 111;

    }

    #mobile_top_menu_wrapper .top-menu .sub-menu li > a{

        border: none;

        font-weight: 500;

    }

    #header .header-nav .top-logo {

        float: left;

        display: table;

        height: 75px;

        margin-top: 0;

        padding-top: 0;

    }

    #header .header-nav .top-logo a {

        margin: 0;

        float: none;

        display: table-cell;

        vertical-align: middle;

    }

    #header .header-nav .top-logo a img {

        max-height: 100%;

        max-width: 170px;

    }

    #products .thumbnail-container .product-description, 

    .featured-products .thumbnail-container .product-description, 

    .product-accessories .thumbnail-container .product-description {

        box-shadow: none;

        -moz-box-shadow: none;

        -webkit-box-shadow: none;

    }

    #products .product-title, .featured-products .product-title, .product-accessories .product-title, .product-miniature .product-title {

        margin-bottom: 10px;

        margin-top: 12px;

    }

    #products .products-grid .products .product-item {

        margin-bottom: 25px;

    }

    .products-grid .products .product-item .product-miniature .thumbnail-container .product-description .product-price-and-shipping,

    #products .products-grid .products .product-item .product-miniature .thumbnail-container .product-description .product-price-and-shipping {

        margin: 9px 0 10px;

    }

    #products .product-title a, .featured-products .product-title a, .product-accessories .product-title a, .product-miniature .product-title a {

        font-size: 14px;

    }

    #header .header-top {

        padding: 0px;

    }

    #search_widget{

        margin: 10px 0;

    }

    #mobile_top_menu_wrapper .dropdown select{

        cursor: pointer;

    }

    #mobile_top_menu_wrapper .dropdown select:hover{

        color: #005955;

    }

    #header .header-top #_desktop_cart {

        height: auto;

        padding: 0;

        margin: 0;

    }

    #header .header-nav .cart-preview.active {

        background: transparent;

    }

    #header .header-nav .cart-preview a, 

    #header .header-nav .cart-preview a:active,

    #header .header-nav .cart-preview a:focus,

    #header .header-nav .cart-preview a:visited,

    #header .header-nav .cart-preview i {

        color: #333333;

    }

    #header .header-nav .cart-preview.active a, 

    #header .header-nav .cart-preview.active a:active,

    #header .header-nav .cart-preview.active a:focus,

    #header .header-nav .cart-preview.active a:visited,

    #header .header-nav .cart-preview.active i {

        color: #333333;

    }

    #header .header-nav .cart-preview a .cart-products-count {

        color: #333333;

    }

    #header .header-nav .cart-preview a:hover, 

    #header .header-nav .cart-preview i:hover {

        color: #005955;

    }

    #header .header-nav .cart-preview.active a:hover, 

    #header .header-nav .cart-preview.active i:hover {

        color: #005955;

    }

    #header .header-nav .cart-preview a:hover .cart-products-count {

        color: #005955;

    }

    #header .header-nav .user-info .account:visited,

    #header .header-nav .user-info .account:hover,

    #header .header-nav .user-info .account:active,

    #header .header-nav .user-info .account {

        color: #333333;

    }

    #header .header-nav .user-info .account:hover {

        color: #005955;

    }

    #header .header-nav .user-info .logged {

        color: #333333;

    }

    #header .header-nav .user-info .logged:hover {

        color: #005955;

    }

    #header .header-nav .user-info {

        text-align: left;

        margin-left: 0;

        margin-top: 0;

    }

    #header .header-nav .user-info .account {

        margin-left: 0;

    }

    #header .header-nav .user-info > a {

        width: 35px;

        height: 35px;

        display: block;

        text-align: center;

        line-height: 35px;

    }

    #_mobile_user_info {

        padding: 20px 0;

    }

    #_mobile_cart {

        padding: 20px 0;

        margin-right: 15px;

    }

    #header .header-nav .blockcart {

        margin-left: 0;

        background: inherit;

        padding: 0;

        height: auto;

    }

    #header .header-nav .blockcart .header {

        margin-top: 0;

        display: block;

        height: 35px;

        width: auto;

        line-height: 35px;

        text-align: center;

        font-size: 16px;

        cursor: pointer;

    }

    #header .header-nav #menu-icon {

        padding: 12px 0;

    }

    #header .header-nav #menu-icon .material-icons:hover {

        color: #005955;

    }

    #search_widget {

        width: 100%;

    }

  
    .footer-container .links .title {

        padding: 9px 15px 0;

    }

    .footer-container .links .h3 {

        margin-bottom: 0;

        font-weight: 700;

    }

    .footer-container .links ul > li {

        padding: 7px 15px 3px;

        margin-bottom: 0;

        border-bottom: none;

        font-weight: 400;

    }

    .footer-container .links .navbar-toggler {

        display: inline-block;

        padding: 0;

        height: 25px;

        width: 25px;

    }

    .contactinfo-section {

        width: 100%;

        margin-bottom: 0;

    }

    .contactinfo-section .footer-links-column .footer-colum-title > h3::after {

        display: none;

    }

    .contactinfo-section .footer-links-column .footer-colum-title > h3 {

        padding: 9px 0;

        margin-bottom: 0;

        font-size: 16px;

        font-weight: 700;

    }

    .contactinfo-section .footer-links-column .footer-column-content .content > p {

        margin-bottom: 8px;

    }

    .block_newsletter {

        padding-bottom: 0;

        border: none;

    }

    #block-newsletter-label {

        line-height: 34px;

        margin-bottom: 15px;

        font-size: 24px;

        letter-spacing: 0;

    }

    #footer .block-social {

        margin-top: 10px;

    }

    #footer .footer-container {

        padding: 25px 0;

    }

    .blogpost-block {

        margin-bottom: 18px;

        margin-top: 18px;

    }

    .blogpost-block .blog-section-title > strong {

        font-size: 18px;

    }

    .blogpost-block .blog-section-title {

        margin-bottom: 18px;

    }

    .testimonial-section {

        margin: 18px 0;

    }

    .blog-slider .owl-controls.clickable {

        top: -56px;

    }

    .testimonial-section .testimonial-block {

        padding: 20px 0;

    }

    .testimonial-section .testimonial-block .section-title > strong {

        font-size: 18px;

    }

    .testimonial-section .testimonial-block .section-title {

        margin-bottom: 18px;

    }

    .home-advantage-block .hab-inner {

        width: 50%;

    }

    .home-advantage-block {

        padding: 25px 0 0;

    }

    .home-advantage-block .hab-inner .home-advantage-block-inner > p {

        font-size: 16px;

    }

    .home-advantage-block .hab-inner .home-advantage-block-inner {

        margin-bottom: 16px;

    }

    .home-advantage-block .hab-inner .home-advantage-block-inner > span {

        margin-bottom: 9px;

    }

    .home-advantage-block .hab-inner .home-advantage-block-inner > span {

        font-size: 24px;

        height: 60px;

        line-height: 56px;

        margin-bottom: 12px;

        width: 60px;

    }

    .home-fullwidth-block {

        padding: 30px 0;

        margin: 18px 0;

    }

    .home-fullwidth-block h1 {

        font-size: 24px;

        margin-bottom: 15px;

    }

    .home-fullwidth-block ul li h1 {

        font-size: 18px;

        margin-bottom: 12px;

    }

    .home-fullwidth-block ul li p {

        color: #666666;

        font-size: 14px;

        line-height: 24px;

        display: block;

        max-width: 100%;

        margin: 0 auto 18px;

    }

    .home-fullwidth-block .action.primary {

        padding: 10px 20px;

        letter-spacing: 0;

    }

    .featured-products {

        margin-top: 18px !important;

        margin-bottom: 18px;

    }

    .product-section-title {

        margin-bottom: 18px;

    }

    .featured-products .product-section-title h1, .product-section-title h1 {

        font-size: 18px;

    }

    .product-slider .owl-controls.clickable {

        top: -56px;

    }

    .latest-offer-section {

        margin: 18px 0;

    }

    .latest-offer-section .offer-inner {

        padding: 45px 0;

    }

    .latest-offer-section .offer-inner > p {

        margin-bottom: 15px;

    }

    .latest-offer-section .offer-inner > h1 {

        font-size: 40px;        

        letter-spacing: 1px;

        margin-bottom: 25px;

    }

    .latest-offer-section .offer-inner > a {

        font-size: 14px;

        letter-spacing: 0;

        padding: 10px 20px;

        display: inline-block;

    }

    .promotion-block .promotion-wrapper {

        padding-top: 18px;

        padding-bottom: 18px;

    }

    #main .page-footer {

        margin-bottom: 0;

    }

    #footer .footer-container .footer-block-title:after {

        position: absolute;

        display: inline-block;

        content: "\f107";

        color: #333;

        top: 0;

        right: 6px;

        text-align: center;

        vertical-align: middle;

        line-height: 38px;

        font-size: 20px;

        font-family: FontAwesome;

        font-weight: 600;

        cursor: pointer;

    }

    #footer .footer-container .footer-colum-title.active-tab:after{

        content: "\f106";

    }

    #footer .footer-container .footer-block-toggle-content{

        display: none;

    }

}

@media(max-width: 639px) {

    #block-newsletter-label {

        line-height: 28px;

        margin-bottom: 10px;

        font-size: 20px;

    }

    #footer .block-social ul > li {

        width: 43px;

        height: 43px;

        margin: 1px;

    }

    #footer .newsletter-section {

        padding: 20px 0;

    }

    #footer .newsletter-section .block_newsletter .col-md-7 form {

        width: 100%;

    }

    #footer .footer-container {

        padding: 15px 0 0;

    }

    .blogpost-block {

        margin-bottom: 12px;

        margin-top: 12px;

    }

    .blogpost-block .blog-section-title > strong {

        font-size: 16px;

    }

    .blogpost-block .blog-section-title {

        margin-bottom: 15px;

    }

    .testimonial-section {

        margin: 12px 0;

    }

    .blog-slider .owl-controls.clickable {

        top: -52px;

    }

    .testimonial-section .testimonial-block {

        padding: 18px 0;

    }

    .testimonial-section .testimonial-block .section-title > strong {

        font-size: 16px;

    }

    .testimonial-section .testimonial-block .section-title {

        margin-bottom: 15px;

    }

    .home-advantage-block {

        padding: 5px 0 0;

    }

    .home-advantage-block .hab-inner .home-advantage-block-inner > p {

        font-size: 13px;

    }

    .home-advantage-block .hab-inner .home-advantage-block-inner {

        margin-bottom: 10px;

    }

    .home-advantage-block .hab-inner .home-advantage-block-inner > span {

        margin-bottom: 8px;

    }

    .home-fullwidth-block {

        padding: 20px 0 22px;

        margin: 16px 0;

    }

    .home-fullwidth-block h1 {

        font-size: 20px;

        margin-bottom: 12px;

    }

    .home-fullwidth-block ul li h1 {

        font-size: 16px;

        margin-bottom: 10px;

    }

    .home-fullwidth-block ul li p {

        font-size: 13px;

        margin: 0 auto 12px;

    }

    .home-fullwidth-block .action.primary {

        padding: 9px 18px;

        letter-spacing: 0;

    }

    .featured-products {

        margin-top: 12px !important;

        margin-bottom: 12px;

    }

    .product-section-title {

        margin-bottom: 15px;

    }

    .featured-products .product-section-title h1, .product-section-title h1 {

        font-size: 16px;

    }

    .product-slider .owl-controls.clickable {

        top: -52px;

    }

    .latest-offer-section {

        margin: 12px 0;

    }

    .latest-offer-section .offer-inner {

        padding: 35px 0;

    }

    .latest-offer-section .offer-inner > p {

        margin-bottom: 12px;

    }

    .latest-offer-section .offer-inner > h1 {

        font-size: 30px;        

        letter-spacing: 0;

        margin-bottom: 18px;

    }

    .latest-offer-section .offer-inner > a {

        padding: 9px 18px;

    }

    .promotion-block .promotion-wrapper {

        padding-top: 12px;

        padding-bottom: 12px;

    }

    #main .page-footer {

        margin-bottom: 0;

    }

    .testimonial-slider .owl-controls.clickable {

        top: -52px;

    }

    .blogpost-block .blog-block .blog-inner .blog-content {

        width: 60%;

    }

    .blogpost-block .blog-block .blog-inner .blog-image {

        width: 40%;

        padding-right: 12px;

    }

}

@media(max-width: 479px) {

    .promotion-block .promotion-wrapper .promotion-inner {

        width: 100%;

        margin-bottom: 12px;

    }

    .blogpost-block .blog-block .blog-inner .blog-image {

        width: 100%;

        padding-right: 0;

        margin-bottom: 10px;

    }

    .blogpost-block .blog-block .blog-inner .blog-image img {

        width: 100%;

    }

    .blogpost-block .blog-block .blog-inner .blog-content {

        width: 100%;

    }

}