body {
    width: 100%;
    min-width: 320px;
    background-color: #f3f3f3;
    position: relative;
    font-size: 16px;
    color: #303030;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
a, a:visited { 
	color: inherit;
	text-decoration: none;
    cursor: pointer;
}
a:hover {
	color: inherit;
	text-decoration:none;
    cursor: pointer;
}
a:focus, a:active {
	color: inherit;
	text-decoration: none;
    cursor: pointer;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
.responsive {
  width: 100%;
  height: auto;
}
section {
    margin: 50px 0;
}
/*-------------------------
SIDEBAR-MENU
---------------------------*/
.sidebar-menu {
    display: none;
    float: left;
    margin-right: 20px;
    font-size: 20px;
    font-weight: 300;
    cursor: pointer;
}
.menu-sidebar{
    display: none;
    height: 100%;
    width: 40%;
    min-width: 320px;
    background-color: #3c5569;
    position: fixed;
    z-index: 10000;
    overflow: auto;
    top:0; 
    left:0;
    color: #fff;
    animation:animateleft 0.4s;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
    @keyframes animateleft{
        from{left:-300px;opacity:0} to{left:0;opacity:1}
}
.menu-sidebar__heading__close {
    padding: 0;
    text-align:right;
    border-radius:none;
    white-space:normal;
    float:none;
    outline:0;
    font-size: 30px;
    position: absolute;
    top: -10px;
    right: 5px;
    color: #fff;
}
.menu-sidebar__heading__title {
    font-size: 30px;
    font-weight: 600;
    margin-right: 30px;
}
.menu-sidebar__heading__lg {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
}
.menu-sidebar__heading a.lang_active {
    color: rgb(255,255,255, .6);
}
.menu-sidebar__heading a.lang_active:hover {
    color: rgb(255,255,255, 1);
}
.menu-sidebar__heading__phone {
    font-size: 16px;
    margin: 30px 0;
    font-weight: 300;
}
.menu-sidebar__heading__phone span {
    font-weight: 400;
    margin-left: 8px;
}
.menu-sidebar__catalog {
    font-size: 20px;
    margin-bottom: 20px;
}
.menu-sidebar__catalog a,
.menu-sidebar__cart a {
    margin-left: 10px;
}
.menu-sidebar__user{
    margin-bottom: 10px;
}
.menu-sidebar__user a {
    margin-left: 15px;
}
.menu-sidebar__line {
    height: 1px;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.12);
    background-color: rgba(0,0,0,0.16);
    margin: 30px 0;
}
.menu-sidebar a {
    transition: all 0.4s ease-in-out;
}
.menu-sidebar a:hover {
    color: rgb(255,255,255, .6);
}
.menu-sidebar__navigation a{
    display: block;
    font-size: 13px;
    margin-bottom: 15px;
    letter-spacing: 2px;
}
.menu-sidebar__cart img {
    width: 18px;
    height: auto;
}
/*-------------------------
HEADER
---------------------------*/
.heading {
    background-image: radial-gradient(circle at center, #3b5569 0%, #31475b 100%);
    padding-top: 5px;
    padding-bottom: 15px;
    margin-bottom: 50px;
    color: #fff;
}
.heading__phone {
    letter-spacing: 1px;
    font-size: 15px;
}
.heading__phone span {
    font-weight: 600;
    font-size: 18px;
}
.heading__language {
    text-transform: uppercase;
    font-size: 15px;
    padding-top: 2px;
}
.heading__language a {
    transition: all 0.4s ease-in-out;
}
.heading__language a.lang_active {
    color: rgb(255,255,255, .4); 
}
.heading__navigation {
    text-align: right;
    padding-top: 2px;
}
.heading__navigation a {
    font-size: 13px;
    margin-left: 15px;
    color: rgb(255,255,255, .6);
    letter-spacing: 1px;
    transition: all 0.4s ease-in-out;
}
.user {
    margin-left: 25px;
}
.heading a.login {
    margin-left: 5px;
    color: #fff;
}
.block-login {
    padding: 15px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
}
.block-login-title {
    font-size: 20px;
    line-height: 60px;
    color: #9cbf3e;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.block-login input {
    /*border-color: #9cbf3e;*/
    border-radius: 4px;
    background-color: #fff;
    height: 45px;
    border: 1px solid #d7d7d7;
    width: 268px;
}
.block-login input::placeholder {
    font-size: 15px;
    color: #aaaaaa;
    text-align: center;
}
.block-login button {
    background-color: #ef8742;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    transition: all 0.4s ease-in-out;
    font-size: 15px; 
    font-weight: 700;
    height: 45px;
}
.block-login button:hover,
.block-login button:focus,
.block-login button:active {
    opacity: 0.9;
}
ul.block-login-reg {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}
ul.block-login-reg li {
    display: inline-block;
    width: 48%;
}
ul.block-login-reg li a {
    color: #2799c9;
    margin: 0;
    font-size: 13px;
    font-weight: 300;
    display: block;
}
ul.block-login-reg li a:hover,
ul.block-login-reg li a:focus,
ul.block-login-reg li a:active {
    color: #3c5569;
}
ul.block-login-reg li:first-child a {
    font-size: 12px;
    text-decoration: underline;
}
ul.block-login-reg li:last-child a{
    text-align: right;
}
.heading a.reg {
    margin-left: 5px;
    color: #fff;
}
.heading__language a.lang_active:hover,
.heading__language a.lang_active:active,
.heading__language a.lang_active:focus,
.heading__navigation a:hover, 
.heading__navigation a:active, 
.heading__navigation a:focus,
.heading__navigation a.active {
    color: rgb(255,255,255, .9);
}
.heading__language a:hover,
.heading__language a:active,
.heading__language a:focus,
a.login:hover, 
a.login.active,
a.reg.active,
a.reg:hover {
    color: rgb(255,255,255, .6);
}
.heading h1 {
    font-size: 45px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
}
.heading a:hover h1,
.heading a:focus h1,
.heading a:active h1 {
    color: rgb(255,255,255, .6);
}
.heading h1 span.heading-none{
    display: none;
}
.line-dec {
    width: 260px;
    height: 1px;
    background-color: #fff;
    margin-bottom: 15px;
}
.heading__descr {
    font-size: 16px;
    letter-spacing: 5px;
    line-height: 1.5;
    font-weight: 600;
    text-transform: uppercase;
}
.heading__search {
    width: 100%;
    position: relative;
    border-radius: 4px;
}
.heading__search input[type="search"] {
    height: 40px;
    border: none;
    width: 80%;
    border-radius: 4px 0 0 4px;
    padding: 10px 30px;
    background-color: #f3f3f3;
}
.heading__search button {
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    width: 20%;
    border-radius: 0 4px 4px 0;
    background-color: #f3f3f3;
    border-left: 1px solid #3c5569;
    color: #3c5569;
    transition: all 0.4s ease-in-out;
}
.heading__search button:hover {
    background-color: #3c5569;
    color: #fff;
}
.heading__cart {
    text-align: center;
    position: fixed;
    top: 90px;
    right: 30px;
    z-index: 10;
    background-color: rgba(57,82,102,0.75);
    border-radius: 50%;
    padding: 5px;
}


.heading__cart a .heading__cart__title{
    transition: all 0.4s ease-in-out;
}
.heading__cart a:hover .heading__cart__title {
    color: rgb(255,255,255, .6);
}
.heading__cart img {
    width: 25px;
    height: 24px;
    margin-bottom: 7px;
}
.heading__cart__title{
    font-size: 12px;
    top: -2px;
    right: 3px;
    border-radius: 50%;
    background-color: #ef8742;
    padding: 1px;
    width: 18px;
    height: 18px;
    position: absolute;
}
/*-------------------------
CART-MODAL
---------------------------*/

.cart-title {
    font-size: 25px;
    text-transform: uppercase;
    color: #9cbf3e;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px;
}
 .cart .table thead tr th{
    border: none!important;
 }
.cart img {
    width: 50px;
    height: auto;
} 
.delete {
    position: absolute;
    top: -2px;
    left: -10px;
}
.delete .cart_delete {
    color: #2799c9;
    font-size: 28px;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    display: block;
}
.delete .cart_delete:hover {
    background-color: #2799c9;
    color: #fff;
}
.cart .cart-product-title {
    text-align: left;
    font-size: 18px;
    font-weight: 700;
}
.cart .cart-product-price {
    font-weight: 400;
    color: #808080;
}

.cart .cart-summary {
    font-size: 20px;
    font-weight: bold; 
}
.cart-footer {
    text-align: right;
}
.cart-footer a {
    font-size: 18px;
    display: inline-block;
    height: 40px;
    padding: 5px 15px;
    border-radius: 4px;
    color: #fff;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #3c5569;
    margin-bottom: 10px;
}
.cart-footer a:hover,
.cart-footer a:focus,
.cart-footer a:active {
    opacity: 0.9;
}
a.cart-order {
    background-color: #ef8742;
}
/*-------------------------
NAVIGATION MAIN
---------------------------*/
.navigation-main {
    min-height: 60px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #3c5569;
    list-style: none;
    padding: 0;
}
.navigation-main>li {
    display: inline-block;
    width: 19.5%;
    position: relative;
}
.navigation-main>li>a{
    display: block;
    height:60px;
    padding-top: 15px;
    color: rgb(255,255,255, .7);
    text-transform: uppercase;
    text-align: center;
    position: relative;
    width: 100%;
    transition: all 0.4s ease-in-out;
}
.navigation-main>li:not(:last-child):before {
    content: "";
    width: 1px;
    height: 60px;
    box-shadow: 1px 0px 0px rgba(255,255,255,0.12);
    background-color: rgba(0,0,0,0.16);
    position: absolute;
    right: 0;
    top: 0;
}
.submenu {
    position: absolute;
    top: 100%;
    left: 0;
    list-style: none;
    padding: 0;
    z-index: 5;
    opacity: 0;
    transform: scaleY(0);
    transform-origin :0 0;
    transition: .5s ease-in-out;
    border-radius: 0 0 0 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
}
.submenu>li>a {
    color: #808080;
    text-align: left;
    position: relative;
    text-transform: uppercase;
    display: block;
    height: 100%;
    padding: 5px 10px;
    width: 250px;
    transition: all 0.4s ease-in-out;
}
.submenu>li>a:hover,
.submenu>li>a:focus,
.submenu>li>a:active {
    background-color: #f3f3f3;
}
.submenu>li>a i {
    position: absolute;
    right: 5px;
    font-size: 18px;
}
.navigation-main>li>a:hover,
.navigation-main>li>a:focus,
.navigation-main>li>a:active,
.navigation-main>li>a.active {
    color: #fff;
    transform: scale(1.1);
}
.navigation-main>li:hover .submenu {
  opacity: 1;
    transform: scaleY(1);
}
.submenu-right {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    list-style: none;
    padding: 0;
    transition: .5s ease-in-out;
    border-radius: 0 0 4px 0;
    box-shadow: 0.5px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    z-index: 10;
    min-height: 100%;
}
.submenu-right>li>a {
    color: #2799c9;
    display: block;
    height: 100%;
    padding: 3px 10px;
    width: 250px;
    font-size: 14px;
    transition: all 0.4s ease-in-out;
}
.submenu-right>li>a:hover {
    text-decoration: underline;
}
.submenu li:hover .submenu-right {
    display: block;
}

/*-------------------------
CAROUSEL
---------------------------*/
.s-carousel__slide {
    height: 440px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.s-carousel__bgcover {
    background-color: rgb(60,85,105, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.s-carousel__wrapper {
    border: 4px solid #fff;
    padding: 50px;
    color: #fff;
    z-index: 2;
    width: 50%;
    text-align: center; /* Center text */
    position: absolute; /* Position text */
    top: 50%; /* Position text in the middle */
    left: 50%; /* Position text in the middle */
    transform: translate(-50%, -50%); /* Position text in the middle */
}
.s-carousel__wrapper__dark {
    color: #3c5569;
    border-color: #3c5569;
    text-align: left;
    left: 30%;
    width: 40%;
}
.s-carousel__title {
    font-size: 50px;
    font-weight: 700;
}
.s-carousel__descr {
    font-size: 25px;
}
/*-------------------------
SECTION HEADING
---------------------------*/
.s-heading {
    margin-bottom: 50px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.s-heading h2 {
    font-size: 30px;
    position: relative;
    display: inline-block;
    background-color: #f3f3f3;
    padding: 0 15px;
    margin-bottom: 0;
}
.s-heading:before{
    content: "";
    width: 100%;
    height: 1px;
    box-shadow: 0px 1px 0px #ffffff;
    background-color: #d7d7d7;
    position: absolute;
    top: 50%;
    left: 0;
}
/*------------------------
CARD-PRODUCT, CARD-CATEGORY, CARD-PRODUCT-LIST
---------------------------*/
.category {
    font-size: 18px;
    font-weight: 300;
    color: #808080;
}
.card-product, 
.card-category,
.card-product-list {
    width: 220px;
    min-height: 310px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}
.card-product-list {
    width: 100%;
}
.card-category {
    width: 350px;
}
.sale_badge {
    position: absolute;
    right: -2px;
    top: 15px;
    z-index: 100;
}
.card-product-img, 
.card-category-img,
.card-product-img-list {
    background-image: url(../img/card-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 220px;
    width: 100%;
    background-color: #fff;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    position: relative;
}
.card-category-img {
    overflow: hidden;
}
.card-product-img-list {
    height: 100%;
    background-color: #fff;
    position: relative;
    text-align: center;
}
.card-product-img-list img {
    text-align: center;
     position: absolute; /* Position text */
    top: 50%; /* Position text in the middle */
    left: 50%; /* Position text in the middle */
    transform: translate(-50%, -50%); /* Position text in the middle */
}
.card-product-text, 
.card-category-text,
.card-product-text-list {
    padding: 10px;
}
.card-product-text-list {
    padding-right: 50px;
}
.card-product-text h3,
.card-category-text h3 {
    font-size: 16px;
    font-weight: 400;
    transition: all 0.4s ease-in-out;
}
.card-product-text-list h3 {
    font-size: 25px;
}
.card-product-text a:hover h3,
.card-product-text-list a:hover h3{
    color: #ef8742;
}
.card-product-price,
.card-product-price-list {
    font-size: 20px;
}
.card-product-price span, 
.card-product-price-old, 
.card-product-price-list span,
.card-product-price-old-list{
    color: #aaaaaa;
    font-size: 14px;
}
.card-product-price-old,
.card-product-price-old-list {
    text-decoration: line-through;
}
.card-product-price-list {
    width: 150px;
}
.card-product-price-old-list {
    float: right;
}
.card-product-button {
    width: 87px;
    height: 25px;
    border-radius: 4px;
    background-color: #f9f9f9;
    border: 1px solid #d7d7d7;
    font-size: 10px;
    color: #808080;
    font-weight: 700;
    text-align: center;
    transition: all 0.4s ease-in-out;
}
.card-product-list .card-product-button,
.s-product__descr .card-product-button  {
    width: 130px;
    height: 40px;
    font-size: 16px;
    transition: all 0.4s ease-in-out;
}
.s-product__descr .card-product-button  {
    width: 100%;
}
.card-product-list .card-product-button:hover,
.card-product-list .card-product-button:hover,
.s-product__descr .card-product-button:hover  {
     background-color: #2799c9;
    color: #fff;
}
.card-product-button:hover{
    background-color: #2799c9;
    color: #fff;
}
.card-product a:hover .card-product-overlay, 
.card-product-list a:hover .card-product-overlay {
    z-index: 2;
}

.card-product-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/eye-icon.png);
    background-color:rgb(39,153,201, 0.7);
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.4s ease-in-out;
    
}
ul.card-product-descr-list {
    list-style: none;
    padding: 0;
    font-size: 12px;
    color: #aaaaaa;
    margin-top: 30px;
}
ul.card-product-descr-list li a {
    color: #2799c9;
}
ul.card-product-descr-list li span {
    color: #2799c9;
}
ul.card-product-descr-list li a:hover {
    color: #3c5569;
}
.card-category-text a.card-category-list-item {
    font-size: 12px;
    color: #2799c9;
    display: block;
    border-bottom: 1px solid rgb(0,0,0, 0.1);
    padding: 5px 10px 5px 0;
    transition: all 0.4s ease-in-out;
}
.card-category-text a.card-category-list-item:last-child {
    border: none;
}
.card-category-text a.card-category-list-item:hover {
    color: #3c5569;
}
.card-category-list-item {
    position: relative;
}
.card-category-list-item i {
    position: absolute;
    right: 5px;
    font-size: 18px;
}
/*------------------------
READ MORE
---------------------------*/
.read-more,.read-less {
    font-size: 13px;
    color: #2799c9;
    text-align: right;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    margin-bottom: 20px;
}
.read-more:hover,
.read-less:hover
 {
    color: #3c5569;
}
#popular_more {
   display: none;
} 
#sale_more {
   display: none;
}
/*------------------------
BLOG
---------------------------*/
.s-blog__left {
    position: relative;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    margin-bottom: 20px;
    border-bottom: 1px solid  #2799c9;
}
.s-blog__left__content {
    padding: 25px 40px;
}
.s-blog__img {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    height: 220px;
}
.s-blog__item__block {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    margin-bottom: 20px;
    padding: 25px 40px;
    border-bottom: 1px solid  #2799c9;
}
.s-blog__auther {
    margin-bottom: 10px;
    color: #ef8742;
}
.s-blog__auther li{
    display: inline-block;
    font-size: 15px;
    margin-right: 15px;
    text-transform: uppercase;
}
.s-blog__auther li.s-blog__date {
    font-size: 13px;
    color: #808080;
    text-transform: none;
}
.s-blog__title {
    font-weight: 700;
    margin-bottom: 10px;
}
.s-blog__text p{
    font-size: 13px;
    line-height: 2;
    text-align: justify;
}
.s-blog__text a{
    color: #2799c9;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}
.s-blog__text a:hover {
    color: #3c5569;
}
.s-blog__gradient {
    background: linear-gradient(to top, rgba(39,153,201, 0.3),  rgb(39,153,201, 0));
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.s-blog p {
    text-align: justify;
}
.s-blog__article img {
    width: auto;
    float: left;
    margin-right: 25px;
    margin-bottom: 25px;
}
.s-blog__article h3 {
    text-align: center;
    padding-bottom: 15px;
}
.s-blog__article {
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    margin-bottom: 20px;
    padding: 45px;
    border-bottom: 1px solid  #2799c9;
}
/*------------------------
SUBSCRIBE
---------------------------*/
.s-subscribe {
    background-image: url(../img/subscribe-bgcover.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 50px 0;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
}
.s-subscribe__bgcover {
    background: linear-gradient(to top, rgb(60,85,105, 0.9),  rgb(60,85,105, 0.4));
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.s-subscribe__wrapper {
    position: relative;
    z-index: 2;
}
.s-subscribe__title, 
.s-subscribe__action {
    font-size: 35px;
    line-height: 1.5;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #fff;
}
.s-subscribe__action {
    font-size: 45px;
    font-weight: 700;
    font-style: italic;
}
.s-subscribe__field-form input[type="email"] {
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #fff;
    width: 60%;
    height: 50px;
    font-size: 25px;
    color: #fff;
    padding: 10px 30px;
    transition: all 0.4s ease-in-out;
}
.s-subscribe__field-form input[type="email"]::placeholder {
    color: #fff;
    font-weight: 300;
}
.s-subscribe__field-form button {
    background-color: transparent;
    border: 1px solid #fff;
    width: 30%;
    height: 50px;
    font-size: 25px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    font-weight: 300;
}
.s-subscribe__field-form input[type="email"]:hover,
.s-subscribe__field-form input[type="email"]:focus,
.s-subscribe__field-form input[type="email"]:active {
    border: 1px solid #fff;
    border-radius: 4px;
}
/*------------------------
TESTIMONIALS
---------------------------*/
.s-testimonials {
    background-image: url(../img/testimonials.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    padding: 50px 0;
}
.s-testimonials__bgcover {
    background-color: rgb(60,85,105, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.s-testimonials h2 {
    color: #fff;
    background-color: transparent;
}
.s-testimonials .s-heading:before {
    content: "";
    width: 0;
}
.s-testimonials__wrapper {
    height: 275px;
    position: relative;
    width: 650px;
    margin: 0 auto;
}
.s-testimonials__text img {
    width: auto;
    height: auto;
}
.s-testimonials__text img{
    position: absolute;
}
.s-testimonials__imgbg {
    left: 100px;
    bottom: -22px;
}
.s-testimonials__text  {
    padding: 30px;
    width: 100%;
    min-height: 100px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    top: 0;
    left: 0;
    font-size: 15px;
    line-height: 1;
    position: absolute;
}
.s-testimonials__text p {
    z-index: 3;
    position: relative;
    text-align: justify;
    margin-bottom: 0;
}

.s-testimonials__imgbracet2 {
    bottom: 5px;
    right: 5px;
    z-index: 2;
}
.s-testimonials__imgbracet1 {
    left: 5px;
    top: 5px;   
    z-index: 2;
}
.s-testimonials__name {
    position: absolute;
    bottom: -145px;
    left: 25px;
    font-size: 20px;
    color: #fff;
    padding: 30px 10px;
    background-color: rgb(0,0,0, 0.2);
    border-radius: 50%;
    width: 120px;
    height: 120px;
    text-align: center;
}
.s-testimonials__name span {
    font-size: 13px;
    color: #cec5c5;
}
/*------------------------
BENEFIT
---------------------------*/
.s-benefit {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #3c5569; 
    padding: 50px 0;
}
.s-benefit img {
    width: 100px;
    height: auto;
}
.s-benefit__descr {
    font-size: 25px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin-top: 20px;
}
/*------------------------
ABOUT
---------------------------*/
.s-about p {
    text-align: justify;
}
/*------------------------
FOOTER
---------------------------*/

.footer-top {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: rgb(60,85,105, 0.8);
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding: 20px 0;
    font-weight: 300;
    margin-top: 50px;
}
.footer-top__delivery,
.footer-top__call {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #fff;
    padding: 7px 0;
    text-align: center;
    color: rgb(60,85,105, 0.6);
    font-size: 30px;
    float: left;
    margin-right: 10px;
}
.footer-top__descr {
    padding-top: 15px;
}
.footer-top__descr span {
    white-space: nowrap;
    text-decoration: underline;
}
.footer-main {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #3c5569;
    color: #fff;
    padding: 20px 0;
    font-weight: 300;
    font-size: 13px;
}
.footer-main__title {
    font-size: 25px;
}
.footer-main a {
    display: block;
    color: rgb(255,255,255, .6);
    letter-spacing: 1px;
    transition: all 0.4s ease-in-out;
    margin-bottom: 5px;
}
.footer-main a:hover {
    color: rgb(255,255,255, .9);
}
.footer-main__social__item {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 15px;
    text-align: center;
    padding-top: 2px;
}
.footer-main__social__item a {
    color: #3c5569;
    font-size: 18px;
}
.footer-main__social__item a:hover {
    color: rgb(60,85,105, 0.6);
}
.footer-bottom {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #3c5569;
    color: #fff;
    padding: 10px 0;
    font-weight: 300;
    font-size: 10px;
}
/*------------------------
PRODUCT-PAGE
---------------------------*/
.s-product__block,
.s-product__all__descr {
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.s-product__descr {
    margin-bottom: 20px;
}
.s-product__descr h3 {
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
}
.s-product__img {
    text-align: center;
    margin-bottom: 20px;
}
.s-product__img img {
    width: auto;
    height: auto;
}
.s-product__img .s-product__img_tab img {
    width: 60px;
    height: 60px;
}
ul.s-product__img_tab li {
    margin-right: 20px;
    margin-top: 10px;
}
ul.s-product__img_tab li a{
    display: block;
    padding: 10px;
    border: 1px solid rgb(0,0,0, 0.1);
}
ul.s-product__img_tab li a:hover{
    padding: 15px;
}
ul.s-product__img_tab li a.active {
    cursor: default;
    padding: 15px;
}
.s-product__delivery {
    padding: 30px 10px;
}
.s-product__delivery i{
    font-size: 30px;
    color: #9cbf3e;
    font-weight: 700;
    margin-right: 15px;
    float: left;
    padding: 0 5px;
}
.s-product__delivery a {
    display: block;
    margin-bottom: 30px;
    color: #808080;
    font-size: 13px;
    text-transform: uppercase;
    overflow: hidden;
}
.s-product__option__list li{
    font-size: 14px;
    color: #808080;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.s-product__all__descr {
    padding: 0;
    padding-bottom: 20px;
}
.s-product__all__descr p, .descr-class {
    padding: 0 30px 0;
    text-align: justify;
}
.s-product__option__list li a:hover,
.s-product__option__list li a:active,
.s-product__option__list li a:focus,
.nav-tabs .nav-link.active {
    color: #ef8742;
}
.nav-tabs .nav-link.active {
    cursor: default;
}
/*------------------------
COMMENT-BLOCK
---------------------------*/
.comments {
    padding: 30px 0;
    text-align: center;
}
.comments a {
    transition: all 0.4s ease-in-out;
}
.btn-comment {
    width: 50%;
    height: 35px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #ef8742;
    font-size: 14px;
    color: #808080;
    font-weight: 700;
    text-align: center;
    transition: all 0.4s ease-in-out;
}
.btn-comment:hover,
.btn-comment:focus,
.btn-comment:active {
    background-color: #ef8742;
    color: #fff;
}
ul.comments-list,
ol.children{
    list-style: none;
    padding: 0;
}
li.comments-list__item {
    padding: 20px 30px;
    text-align: left;
    margin-top: 20px;
    overflow: hidden;
}
ol.children {
    padding-left: 60px;
    padding-top: 10px;
}
a.reply {
    font-size: 13px;
    color: #2799c9;
    transition: all 0.4s ease-in-out;
    margin-bottom: 20px;
}
a.reply:hover {
    color: #3c5569;
}
a.reply i {
    margin-right: 15px;
}
.comment__name {
    font-size: 14px;
    color: #808080;
}
.comment__name span {
    font-size: 20px;
}
time {
    color: #aaaa;
    font-size: 13px;
}
.comment-block {
    padding-top: 30px;
}
.comment__text p {
    color: #808080;
}
.comment-form {
    padding: 20px 30px;
}
.comment-notes {
    font-size: 13px;
    color: #808080;
    text-align: left;
}
.comment-form h3 {
    text-align: center;
    margin-bottom: 20px;
}
/*------------------------
SIDEBAR-BLOCK-PARAMETER
---------------------------*/
.sidebar {
    margin-left: 10px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    color: #808080;
    font-size: 14px;
}
.sidebar__title {
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 20px;
    color: #9cbf3e;
    letter-spacing: 2px;
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid #f3f3f3;
} 
.block-categories>a {
    display: block;
    padding: 8px 20px;
    transition: all 0.4s ease-in-out;
    border-bottom: 1px solid #f3f3f3;
    text-transform: uppercase;
    font-size: 13px;
    color: #808080;
}
.dropdown-toggle::after {
    color: #aaaaaa;
}
.block-subcategories>a {
    display: block;
    transition: all 0.4s ease-in-out;
    padding: 4px 30px;
    font-size: 14px;
    color: #2799c9;
    border-bottom: 1px solid #f3f3f3;
}
.block-categories>a:hover,
.block-categories>a:active,
.block-categories>a:focus,
.block-categories>a.active {
    background-color: #f3f3f3;
}
.block-subcategories>a:hover,
.block-subcategories>a:active,
.block-subcategories>a:focus,
.block-subcategories>a.active {
    text-decoration: underline;
}
.parameter-title {
    text-transform: uppercase;
    font-size: 13px;
    color: #808080;
    border-bottom: 1px solid #f3f3f3;
    padding: 8px 20px;
}
.block-parameter {
    border-bottom: 1px solid #f3f3f3;
}
.trackbar {
    width: 100%;
    padding: 5px 20px;
}
.slider {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #d3d3d3;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #9cbf3e;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #9cbf3e;
  cursor: pointer;
}
.block-parameter ul{
    padding: 15px 20px 0 25px;
    list-style: none;
}
.price-product {
    padding: 15px 20px;
}
.price-product input {
    width: 60px;
    border-radius: 4px;
    border: 1px solid #aaaaaa;
    padding: 0 5px;
}
.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #e6e6e6;
  border-radius: 4px;
}
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}
.check-container input:checked ~ .checkmark {
  background-color: #9cbf3e;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-container input:checked ~ .checkmark:after {
  display: block;
}
.check-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*------------------------
BLOCK-SORTING-PARAMETER & MENU
---------------------------*/
.block-sorting-parameter {
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    padding: 0 10px;
    height: 30px;
    display: none;
}
.block-sorting-parameter p, .block-sorting p {
    display: block;
    color: #808080;
    text-transform: uppercase;
    height:30px;
    text-align: center;
    padding-top: 5px;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}
.block-sorting p {
    padding-top: 10px;
}
.block-sorting-parameter p:hover, 
.block-sorting-parameter p:focus,
.block-sorting-parameter p:active,
.block-sorting p:hover, 
.block-sorting p:focus,
.block-sorting p:active {
    color: #ef8742;
}
.block-sorting-parameter p.block-sorting-parameter__sort {
    border-right: 1px solid rgba(0,0,0,0.22);
}
.menu-block-sorting, .menu-block-parameter {
    display: none;
    height: 100%;
    width: 40%;
    min-width: 320px;
    background-color: #ffffff;
    position: fixed;
    z-index: 10000;
    overflow: auto;
    top:0; 
    left:0;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
.menu-block-sorting__heading, .menu-block-parameter__heading {
    text-align: right;
    color: #808080;
    font-size: 20px;
}
.menu-block-sorting-list a {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    color: #808080;
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 20px;
}
.menu-block-sorting__title {
    text-transform: uppercase;
    font-size: 16px;
    padding: 30px 0;
    color: #9cbf3e;
    letter-spacing: 3px;
    border-bottom: 1px solid #f3f3f3;
    text-align: center;
}
/*------------------------
BLOCK-SORTING
---------------------------*/
.block-sorting {
    margin-bottom: 50px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    padding: 0 10px;
    height: 50px;
}
.block-sorting ul {
    list-style: none;
    padding: 0;
}
.option-list > li{
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 700;
    padding-top: 13px;
}
.option-list > li.block-sorting-style{
    padding-top: 10px;
}
#style-list, #style-grid, #style-list-fetch, #style-grid-fetch {
    font-size: 20px;
}
#style-list:hover, #style-grid:hover, #style-list-fetch:hover, #style-grid-fetch:hover {
    opacity: 0.8;
}
.select-sort {
    color: #808080;
    text-decoration: underline;
    cursor: pointer;
    font-weight: 400;
}
.sorting-list  {
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
}
.sorting-list  li {
    margin: 3px 10px;
}
.sorting-list  a {
    font-size: 13px;
    text-decoration: none;
    color: #2799c9;
    transition: all 0.4s ease-in-out;
    font-weight: 400;
}
.sorting-list  a:hover {
    color: #3c5569;
}
#product-style-list, #product-style-list-fetch {
    display: none;
}
/*-----------------------------
BREADCRUMBS
-------------------------------*/
.breadcrumbs {
    margin: 50px 0;
}
.breadcrumbs i {
    font-size: 14px;
    color: #aaaaaa;
    margin: 0 10px;
    font-weight: 300;
}
.breadcrumbs a{
    color: #2799c9;
}
.breadcrumbs a:hover{
    color: #3c5569;
}
.breadcrumbs span {
    color: #aaaaaa;
}
/*-----------------------------
PAGINATION
-------------------------------*/
.pagination {
    width: 100%;
    height: 50px;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    position: relative;
    font-size: 16px;
    color: #808080;
}
.pagination-center {
    min-width: 10%;
    margin: 0 auto;
    text-align: center;
    padding-top: 5px;
    overflow: hidden;
}
.pagination-center a, .pagination_link {
    padding: 8px 16px;
    transition: all 0.4s ease-in-out;
    display: block;
    height: 100%;
    float: left;
}
.pagination-center a.active {
    font-size: 18px;
    color: #ef8742!important;
    font-weight: 700;
    border-bottom: 2px solid #ef8742;
}
.pagination-center a:hover:not(.active) {
    font-size: 18px;
    color: #ef8742;
    font-weight: 700;
    border-bottom: 2px solid #ef8742;
}
a.pagination-prev,
a.pagination-next {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    font-size: 14px;
    color: #aaaaaa;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.4s ease-in-out;
}
a.pagination-next{
    right: -10px;
}
a.pagination-prev {
    left: 45px;
}
a.pagination-prev:hover,
a.pagination-next:hover {
    color: #ef8742;
}
.nav-point {
    float: left;
}
/*-----------------------------
REGISTER-USER
-------------------------------*/
.s-404,
.s-contact,
.s-return,
.s-warranty,
.s-register,
.s-order, 
.s-user__menu,
.s-user__data {
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    margin-bottom: 20px;
    padding: 45px;
}
.s-contact__title,
.form-title {
    font-size: 20px;
    color: #3c5569;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
}
.s-contact input,
.s-order input,
.s-register input, 
.s-user input {
    border-radius: 4px;
    background-color: #fff;
    height: 45px;
    border: 1px solid #d7d7d7;
}
.s-contact textarea::placeholder,
.s-contact input::placeholder,
.s-order input::placeholder,
.s-register input::placeholder,
.s-user input::placeholder,
.s-user label {
    font-size: 15px;
    color: #aaaaaa;
}
.s-contact button,
.s-order button,
.s-register button,
.s-user button {
    background-color: #ef8742;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    transition: all 0.4s ease-in-out;
    font-size: 15px; 
    font-weight: 700;
    height: 45px;
}
.s-order button:hover,
.s-order button:focus,
.s-order button:active,
.s-register button:hover,
.s-register button:focus,
.s-register button:active,
.s-user a.logout:hover,
.s-user a.logout:focus,
.s-user a.logout:active,
.s-user button:hover,
.s-user button:focus,
.s-user button:active {
    opacity: 0.9;
}
.s-register p {
    font-size: 13px;
    color: #808080;
    padding: 15px;
}
.s-user__menu__block {
    padding-top: 15px;
}
.s-user__menu__title {
    font-size: 25px;
    color: #3c5569;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    background-color: #f3f3f3;
    padding: 15px 0;
    border-radius: 4px;
}
.s-user__menu__block a.logout {
    background-color:  #3c5569;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    transition: all 0.4s ease-in-out;
    font-size: 15px; 
    font-weight: 700;
    height: 45px;
    padding-top: 10px;
}
.s-user__menu__item {
    padding: 15px 0;
    font-size: 18px;
    color: #808080;
    text-transform: uppercase;
    border-bottom: 1px solid rgb(0,0,0, 0.1);
}
.s-user__menu__block a.active,
.s-user__menu__block a:focus,
.s-user__menu__block a:hover{
    color: #ef8742!important;
    background-color: inherit!important;
}
.s-user__menu__block .s-user__menu__item i,
.s-order .form-title i {
    font-size: 22px;
    color: #9cbf3e;
    margin-right: 15px;
}
.s-user__data__my-orders__sort {
    margin-bottom: 20px;
    border-bottom: 1px solid rgb(0,0,0, 0.1);
}
.s-user__data__my-orders__sort a {
    font-size: 13px;
    color: #aaaaaa;
    letter-spacing: 1px;
    font-weight: 600;
    transition: all 0.4s ease-in-out;
    text-transform: uppercase;
}
.s-user__data__my-orders__sort a:hover,
.s-user__data__my-orders__sort a:focus,
.s-user__data__my-orders__sort a:active,
.s-user__data__my-orders__sort a.active {
    color: #9cbf3e!important;
    background-color: inherit!important;
}
.s-user__data__my-orders__history li {
    color: #808080;
    font-size: 15px;
    padding: 5px 15px;
    border-bottom: 1px solid rgb(0,0,0, 0.1);
}
.s-user__data__my-orders__history li .title {
    font-size: 16px;
    color: #303030;
}
.s-user__data__my-orders__history li .title span {
    color: #808080;
    font-size: 15px;
    margin-left: 10px;
}
.s-user__data__my-orders__history li img {
    width: 50px;
    height: auto;
}
/*-------------------------
DELIVERY
---------------------------*/
.s-delivery,
.s-payment {
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    margin-bottom: 50px;
    padding: 45px;
    text-align: center;
}
.s-delivery__item,
.s-payment__item {
    margin-bottom: 15px;
}
.s-delivery__item__img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: linear-gradient(to top, rgba(39,153,201, 0.2),  rgb(39,153,201, 0));
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
    transition: all 0.4s ease-in-out; 
}
.s-delivery__item__img img {
    width: 50%;
    position: absolute;
    text-align: center; /* Center text */
    position: absolute; /* Position text */
    top: 50%; /* Position text in the middle */
    left: 50%; /* Position text in the middle */
    transform: translate(-50%, -50%); /* Position text in the middle */
}
a .s-delivery__item__title,
.s-payment__item__title {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #3c5569;
    transition: all 0.4s ease-in-out; 
}
.s-payment__item__title p{
    font-size: 16px;
    font-weight: 400;
}
.s-contact__title i,
.s-payment__item__title i {
    font-size: 30px;
    color: #9cbf3e;
}
a .s-delivery__item__img:hover,
a .s-delivery__item__img:focus,
a .s-delivery__item__img:active {
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
}
a .s-delivery__item__title:hover,
a .s-delivery__item__title:focus,
a .s-delivery__item__title:active {
    color: #9cbf3e;
}
.s-delivery__item__descr,
.s-payment__item__descr {
    font-size: 14px;
    color: #808080;
}
.s-delivery__item__add {
    font-size: 13px;
    text-align: justify;
    margin-top: 30px;
}
.s-delivery__item__add i {
    font-size: 25px;
    color: #2799c9;
    margin-right: 20px;
    float: left;
}
.s-delivery__item__add a {
    color: #2799c9;
    font-size: 14px;
    transition: all 0.4s ease-in-out; 
    text-decoration: underline;
}
.s-delivery__item__add a:hover,
.s-delivery__item__add a:focus,
.s-delivery__item__add a:active{
    color: #3c5569;
}
.modal-delivery {
    text-align: justify;
    font-size: 13px;
    padding: 20px;
}
.modal-delivery ul {
    list-style: none;
    padding: 0;
}
.modal-delivery-title {
    font-size: 25px;
    text-transform: uppercase;
    color: #9cbf3e;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px;
    text-align: center;
}
/*-------------------------
ORDER
---------------------------*/
.s-order {
    font-size: 15px;
    color: #808080;
    margin-top: 30px;
    text-align: justify;
}
.s-order__products {
    font-size: 13px;
    color: #808080;
}
.s-order__products .title {
    font-size: 14px;
    color: #303030;
}
.s-order__products a {
    color: #2799c9;
    transition: all 0.4s ease-in-out; 
    text-decoration: underline; 
}
.s-order__products a:hover,
.s-order__products a:focus,
.s-order__products a:active {
    color: #3c5569;
}
.s-order__products__summary {
    color: #303030;
    font-size: 18px;
    margin-bottom: 20px;
}
.s-order__products__summary span {
    color: #808080;
    font-size: 20px;
}
.s-order ul {
    list-style: none;
    padding: 0;
}
#np:checked ~ *#cash {
  сolor: #fff;
}
#chetyre3:checked ~ .Green1 {
  background: red;
}
/*-------------------------
CONTACT
---------------------------*/
.s-contact__title {
    text-align: left;
}
.s-contact__title i {
    margin-right: 20px;
}
.s-contact {
    font-size: 18px;
    font-weight: 300;
    color: #808080;
}
.s-contact__form span,
.s-contact__phone span,
.s-contact__schedule span {
    color: #303030;
    font-size: 20px;
    font-weight: 700;
}
.s-contact__phone {
    letter-spacing: 2px;
}
.s-contact__phone span {
    letter-spacing: 3px;
}
.s-contact__schedule {
    margin-bottom: 50px;
}
.s-contact__phone i {
    margin-right: 10px;
    color: #ef8742;
    font-size: 20px;
}
.s-contact textarea {
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #d7d7d7;
}
.s-contact__form span {
    margin-left: 20px;
}
.succes {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-transform: uppercase;
    font-weight: bold;
    z-index: 10;
}
.succes span {
    margin: auto;
    color: #ef8742;
    text-align: center;
}
.active {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
.out {
    visibility: hidden;
}
.contact-form {
    min-height: 300px;
}
/*-------------------------
RETURN
---------------------------*/
.s-return {
    margin-bottom: 50px;
}
.s-return,
.s-warranty {
    font-size: 14px;
    color: #808080;
    line-height: 1.8;
    text-align: justify;
}
/* --------------- topbutton ---------*/
#myBtn {
    display: none; 
    position: fixed; 
    bottom: 20px; 
    right: 30px; 
    z-index: 99; 
    border: none; 
    outline: none; 
    background-color: transparent; 
    opacity: 0.8;
    color: #3c5569;
    cursor: pointer;
    border-radius: 50%; 
    font-size: 60px; 
    padding: 0;
    width: 58px;
    height: 58px;
}
#myBtn .fa {
    position: absolute;
    top: 0;
    left: 3px;
}
#myBtn:hover {
    opacity: 1;
}
/* --------------- the end topbutton ---------*/
/*-----Preloader-----*/
.loader {
  background: none repeat scroll 0 0 #ffffff;
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 9999; }
  .loader .loader_inner {
    background-image: url("../img/preloader.gif");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #fff;
    height: 60px;
    width: 60px;
    margin-top: -30px;
    margin-left: -30px;
    left: 50%;
    top: 50%;
    position: absolute; }
/*-----the end Preloader-----*/

/*       404     */
.s-404 .title {
    font-size: 40px;
    color: #9bbf3d;
    text-transform: uppercase;
}
.s-404 a {
     font-size: 20px;
    color: #2799c9;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
    margin-top: 40px;
    display: block;
}
.s-404 a:hover {
    color: #3c5569;
    text-decoration: underline;
}
.s-404 .d404 {
    font-size: 200px;
    color: #000;
    font-weight: bold;
    line-height: 200px;
    margin-bottom: 30px;
}
.s-404 .smile {
    width: 250px;
    height: 170px;
    border-radius: 20px;
    background-color: #9bbf3d;
    position: relative;
    margin-top: 80px;
    margin-left: 40px;
}
.s-404 .smile::before {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: -20px;
    width: 50px;
    height: 30px;
    transform: skewX(120deg);
    background-color: #9bbf3d;
}
.eye1, .eye2{
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    top: 50px;
}
.eye1{
    left: 75px;
}
.eye2{
    right: 75px;
}
.mouth {
    width: 100%;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 20px;
}
.sad {
    width: 120px;
    height: 80px;
    border-radius: 50%;
    border: 10px solid #fff;
    position: absolute;
    top: 0;
    left: 44px;
}


@media screen and (max-width: 1199px) {
section {
    margin: 40px 0;
}
/*-------------------------
HEADER
---------------------------*/
.heading {
    margin-bottom: 40px;
}
.heading__navigation {
    padding-top: 0;
}
.heading__phone {
    letter-spacing: normal;
    font-size: 13px;
}
.heading__phone span {
    font-weight: 400;
    font-size: 16px;
}
.heading__language {
    font-size: 13px;
}
.heading__navigation a {
    font-size: 12px;
    margin-left: 10px;
    letter-spacing: normal;
}
.user {
    margin-left: 15px;
}
.heading h1 {
    font-size: 35px;
}
.heading__descr {
    font-size: 15px;
    letter-spacing: 3px;
}
.heading__cart {
    top: 75px;
}
/*-------------------------
NAVIGATION MAIN
---------------------------*/
.navigation-main {
    min-height: 40px;
    font-size: 14px;
}
.navigation-main>li {
    display: inline-block;
    position: relative;
}
.navigation-main>li>a{
    display: block;
    height:40px;
    padding-top: 10px;
}
.navigation-main>li:not(:last-child):before {
    height: 40px;
}

.submenu>li>a {
    padding: 3px 8px;
    width: 200px;
}
.submenu>li>a i {
    font-size: 16px;
}
.submenu-right>li>a {
    padding: 3px 8px;
    width: 200px;
    font-size: 12px;
}
/*-------------------------
CAROUSEL
---------------------------*/
.s-carousel__slide {
    height: 400px;
}
.s-carousel__wrapper {
    padding: 30px;
    width: 60%;
}
.s-carousel__wrapper__dark {
    width: 50%;
}
.s-carousel__title {
    font-size: 40px;
}
.s-carousel__descr {
    font-size: 20px;
}
/*-------------------------
SECTION HEADING
---------------------------*/
.s-heading {
    margin-bottom: 40px;
}
.s-heading h2 {
    font-size: 25px;
}
/*------------------------
BENEFIT
---------------------------*/
.s-benefit { 
    padding: 40px 0;
}
.s-benefit img {
    width: 80px;
    height: auto;
}
.s-benefit__descr {
    font-size: 20px;
}
/*------------------------
SUBSCRIBE
---------------------------*/
.s-subscribe {
    padding: 40px 0;
}
.s-subscribe__title {
    font-size: 25px;
}
.s-subscribe__action {
    font-size: 35px;
}
.s-subscribe__field-form input[type="email"] {
    font-size: 20px;
    padding: 10px 20px;
}
.s-subscribe__field-form button {
    font-size: 20px;
}
/*------------------------
TESTIMONIALS
---------------------------*/
.s-testimonials {
    padding: 40px 0;
}
/*-----------------------------
BREADCRUMBS
-------------------------------*/
.breadcrumbs {
    margin: 40px 0;
}
/*------------------------
BLOCK-SORTING
---------------------------*/
.block-sorting {
    margin-bottom: 40px;
    height: 40px;
}
.option-list > li {
    padding-top: 8px;
}
.option-list > li.block-sorting-style {
    padding-top: 5px;
}
/*------------------------
PAGINATION
---------------------------*/
.pagination {
    font-size: 14px;
    height: 40px;
}
.pagination-center a {
    padding: 3px 16px;
}
/*------------------------
FOOTER
---------------------------*/
.footer-top__descr {
    padding-top: 0;
}
.footer-top {
    margin-top: 40px;
}
.s-order input::placeholder {
    font-size: 13px;
}
}
@media screen and (max-width: 991px) {
section {
    margin: 30px 0;
}
/*-------------------------
HEADER
---------------------------*/
.heading {
    margin-bottom: 30px;
}
#heading-top,
.line-dec,
.heading__descr,
#nav-main {
    display: none;
}
.heading__cart {
    top: 20px;
}
.sidebar-menu {
    display: block!important;
}
.heading__title h1,
.sidebar-menu {
    font-size: 30px;
    margin-bottom: 0;
}
/*-------------------------
CART-MODAL
---------------------------*/
.cart .cart-product-title {
    font-size: 16px;
    margin-bottom: 10px;
}
.cart .cart-product-count {
    font-size: 15px;
}
.cart .cart-summary {
    font-size: 16px;
}
/
/*-------------------------
SECTION HEADING
---------------------------*/
.s-heading {
    margin-bottom: 30px;
}
.s-heading h2 {
    font-size: 25px;
}
/*------------------------
BENEFIT
---------------------------*/
.s-benefit { 
    padding: 30px 0;
}
.s-benefit img {
    width: 70px;
    height: auto;
}
.s-benefit__descr {
    font-size: 18px;
    margin-top: 15px;
}
/*#popular, #promo {
    height: 755px;
    overflow: hidden;
}*/
/*------------------------
SUBSCRIBE
---------------------------*/
.s-subscribe {
    padding: 30px 0;
}
.s-subscribe__title {
    font-size: 20px;
}
.s-subscribe__action {
    font-size: 30px;
}
.s-subscribe__field-form input[type="email"],
.s-subscribe__field-form button {
    height: 40px;
    font-size: 16px;
}
/*------------------------
TESTIMONIALS
---------------------------*/
.s-testimonials {
    padding: 30px 0;
}
/*------------------------
BLOCK-SORTING
---------------------------*/
.block-sorting {
    margin-bottom: 30px;
    height: 30px;
}

.block-sorting p {
    padding-top: 3px;
}
.option-list > li{
    margin-right: 10px;
    font-size: 13px;
    padding-top: 5px;
}
.option-list > li.block-sorting-style{
    padding-top: 10px;
}
#style-list, #style-grid, #style-list-fetch, #style-grid-fetch {
    font-size: 18px;
}
.sorting-list  a {
    font-size: 12px;
}
#product-style-list {
    display: none!important;
}
#product-style-list-fetch {
    display: none!important;
}
#product-style-grid {
    display: block!important;
}
#product-style-grid-fetch {
    display: block!important;
}
.block-sorting #sortStyle {
    display: none;
}
/*-----------------------------
BREADCRUMBS
-------------------------------*/
.breadcrumbs {
    margin: 30px 0;
}
/*------------------------
PAGINATION
---------------------------*/
.pagination {
    font-size: 13px;
    height: 30px;
}
.pagination-center a.active {
    font-size: 14px;
}
.pagination-center a:hover:not(.active) {
    font-size: 14px;
}
a.pagination-prev,
a.pagination-next {
    font-size: 12px;
}
.pagination-center a {
    padding: 0 5px;
}
/*------------------------
FOOTER
---------------------------*/
.footer-top {
    margin-top: 30px;
}
/*------------------------
CONTACT, RETURN, WARRANTY, REGISTER, ORDER, USER
---------------------------*/
.s-contact,
.s-return,
.s-warranty,
.s-register,
.s-order {
    margin-bottom: 15px;
    padding: 30px;
}
.s-user__menu,
.s-user__data {
    margin-bottom: 15px;
    padding: 20px;
}
.s-user__menu__title {
    font-size: 18px;
    padding: 10px 0;
}
.s-user__menu__item {
    padding: 10px 0;
    font-size: 15px;
}
.s-user__data__my-orders__sort a {
    font-size: 12px;
}
.s-user__menu__block .s-user__menu__item i, .s-order .form-title i {
    font-size: 18px;
    margin-right: 8px;
}
.s-user__data__my-orders__history li {
    font-size: 13px;
    padding: 5px 8px;
}
.s-user__data__my-orders__history li .title {
    font-size: 14px;
}
.s-user__data__my-orders__history li .title span {
    font-size: 13px;
    margin-left: 8px;
}
.s-contact__title,
.form-title {
    font-size: 18px;
    margin-bottom: 15px;
}
.s-contact input,
.s-order input,
.s-register input, 
.s-user input {
    height: 35px;
}
.s-contact textarea::placeholder,
.s-contact input::placeholder,
.s-order input::placeholder,
.s-register input::placeholder,
.s-user input::placeholder {
    font-size: 13px;
}
.s-contact button,
.s-order button,
.s-register button,
.s-user button,
.s-user__menu__block a.logout {
    font-size: 13px; 
    height: 35px;
}

.s-contact {
    font-size: 16px;
}
.s-contact__schedule {
    margin-bottom: 40px;
}
.s-contact__form span, .s-contact__phone span, .s-contact__schedule span {
    font-size: 16px;
}
.s-order__add {
    font-size: 12px;
    margin-top: 20px;
}
.s-order__products {
    font-size: 12px;
    color: #808080;
}
.s-order__products .title {
    font-size: 13px;
}
.s-order__products__summary {
    font-size: 16px;
    margin-bottom: 15px;
}
.s-order__products__summary span {
    font-size: 18px;
}
.cart .capital-row {
    display: none;
}
}
@media screen and (max-width: 767px) {
    .s-404 .smile {
    display: none;
}
/*-------------------------
CART-MODAL
---------------------------*/
.cart {
    font-size: 15px;
}
.cart .table tbody tr td input {
    width: 50px;
    font-size: 14px;
    padding: 5px;
}
.cart .table tbody tr td, .cart .table tbody tr th {
   
    padding: 5px;
}

.cart-product-title {
    font-size: 15px;
    margin-bottom: 8px;
}
.cart-product-count {
    font-size: 14px;
}
.cart-summary {
    margin-left: 0;
    font-size: 16px;
}
.cart-summary  span {
    font-size: 15px;
    margin-left: 8px;
}

/*-------------------------
HEADER
---------------------------*/ 
.heading__title {
    margin-bottom: 15px;
}
.heading__title h1,
.sidebar-menu {
    font-size: 25px;
}
.heading__search input[type="search"] {
    height: 35px;
    width: 80%;
}
.heading__search button {
    height: 35px;
}
.block-login {
    padding: 8px;
}
.block-login-title {
    font-size: 16px;
    padding-bottom: 10px;
}
.block-login input {
    height: 35px;
    width: 250px;
}
.block-login input::placeholder {
    font-size: 13px;
}
.block-login button {
    font-size: 13px; 
    height: 35px;
}
.heading__cart {
    top: 15px;
}
/*-------------------------
CAROUSEL
---------------------------*/
.s-carousel__slide {
    height: 320px;
}
.s-carousel__wrapper {
    padding: 20px;
}
.s-carousel__title {
    font-size: 30px;
}
.s-carousel__descr {
    font-size: 18px;
}

/*------------------------
BENEFIT
---------------------------*/
.s-benefit img {
    width: 50px;
    height: auto;
}
.s-benefit__descr {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
}
/*#popular, #promo {
    height: 750px;
    overflow: hidden;
}*/
/*------------------------
TESTIMONIALS
---------------------------*/
.s-testimonials__wrapper {
    height: 305px;
    width: 500px;
}
.s-testimonials__text  {
    padding: 25px;
    font-size: 13px;
}
.s-testimonials__name {
    font-size: 18px;
    padding: 25px 10px;
    width: 110px;
    height: 110px;
}
/*------------------------
BLOG
--------------------------*/
.s-blog__article {
    padding: 25px;
    font-size: 13px;
}
/*------------------------
SIDEBAR-BLOCK-PARAMETER
---------------------------*/
.sidebar {
    margin-left: 5px;
    font-size: 12px;
}
.sidebar__title {
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px;
    letter-spacing: 1px;
} 
.block-categories>a {
    padding: 5px 10px;
    font-size: 12px;
}
.block-subcategories>a {
    padding: 2px 20px;
    font-size: 12px;
}
.parameter-title {
    font-size: 12px;
    padding: 5px 15px;
}
.block-parameter ul{
    padding: 10px 15px 0 15px;
}
.block-parameter label {
    margin-left: 5px;
}
.price-product {
    padding: 10px 15px;
}
.price-product input {
    width: 50px;
}

/*------------------------
FOOTER
---------------------------*/
.footer-top {
    font-size: 15px;
    padding-top: 10px;
}
.footer-top__delivery,
.footer-top__call {
    width: 50px;
    height: 50px;
    padding: 9px 0;
    font-size: 20px;
    margin-bottom: 10px;
}
.footer-main {
    padding: 10px 0;
    font-size: 12px;
}
.footer-main__title {
    font-size: 20px;
}
/*------------------------
PRODUCT-PAGE
---------------------------*/
.s-product__block {
    padding: 15px;
}
.s-product__descr h3 {
    font-size: 20px;
}
.s-product__img .s-product__img_tab img {
    width: 40px;
    height: 40px;
}
ul.s-product__img_tab li {
    margin-right: 15px;
}
ul.s-product__img_tab li a{
    padding: 8px;
}
ul.s-product__img_tab li a:hover{
    padding: 10px;
}
ul.s-product__img_tab li a.active {
    padding: 10px;
}
.s-product__delivery {
    padding: 10px 5px;
}
.s-product__delivery i{
    font-size: 20px;
    margin-right: 10px;
}
.s-product__delivery a {
    margin-bottom: 20px;
    font-size: 12px;
}
.s-product__option__list li{
    font-size: 13px;
    margin-bottom: 20px;
}
.s-product__all__descr__p {
    padding: 10px 20px;
}
a .s-delivery__item__title, .s-payment__item__title {
    font-size: 16px;
    margin-bottom: 15px;
}
.s-delivery__item__descr, .s-payment__item__descr {
    font-size: 12px;
}
.s-delivery__item__add {
    font-size: 11px;
    margin-top: 20px;
}
.modal-delivery {
    font-size: 12px;
    padding: 10px;
}
.modal-delivery-title {
    font-size: 18px;
    margin-bottom: 15px;
}
.s-return, .s-warranty {
    font-size: 12px;
    line-height: 1.5;
}
}
@media screen and (max-width: 575px) {
section {
    margin: 20px 0;
}
/*----------------------
404
-------------------------*/
.s-404 .d404 {
    font-size: 150px;
    line-height: 150px;
}
.s-404 .title {
    font-size: 30px;
}
/*-------------------------
HEADER
---------------------------*/
.heading {
    margin-bottom: 20px;
}
.heading__title h1 span.heading-visibl {
    display: none;
}

.sidebar-menu {
    margin-right: 10px;
}
.heading h1 span.heading-none{
    display: inline;
}
/*-------------------------
CART-MODAL
---------------------------*/
.cart .table tbody tr td input {
    width: 50px;
    font-size: 14px;
    padding: 5px;
}
.cart-product-title {
    font-size: 15px;
    margin-bottom: 8px;
}
.cart-product-count {
    font-size: 14px;
}
.cart-summary {
    margin-left: 0;
    font-size: 16px;
}
.cart-summary  span {
    font-size: 15px;
    margin-left: 8px;
}
/*-------------------------
CAROUSEL
---------------------------*/
.s-carousel__slide {
    height: 250px;
}
.s-carousel__wrapper {
    padding: 10px;
    border: 2px solid #fff;
}
.s-carousel__wrapper__dark {
    border-color: #3c5569;
}
.s-carousel__title {
    font-size: 30px;
}
.s-carousel__descr {
    font-size: 16px;
}
 /*-------------------------
SECTION HEADING
---------------------------*/
.s-heading {
    margin-bottom: 20px;
}
/*------------------------
BENEFIT
---------------------------*/
.s-benefit { 
    padding: 20px 0;
}
/*#popular, #promo {
    height: 1430px;
    overflow: hidden;
}*/
/*------------------------
SUBSCRIBE
---------------------------*/
.s-subscribe {
    padding: 20px 0;
}
.s-subscribe__action {
    font-size: 25px;
}
.s-subscribe__field-form input[type="email"],
.s-subscribe__field-form button {
    height: 30px;
}
/*------------------------
BLOG
---------------------------*/
/*.s-blog__auther li{
    font-size: 13px;
}
.s-blog__auther li.s-blog__date {
    font-size: 12px;
}*/
.s-blog__text p{
    /*font-size: 12px;*/
    line-height: 1.5;
}

.s-blog__left__content {
    padding: 20px;
}
.s-blog__item__block {
    padding: 20px;
}
/*------------------------
TESTIMONIALS
---------------------------*/
.s-testimonials {
    padding: 20px 0;
}
.s-testimonials__wrapper {
    height: 300px;
    width: 300px;
}
/*-----------------------------
BREADCRUMBS
-------------------------------*/
.breadcrumbs {
    margin: 20px 0;
}
/*-----------------------------
BLOCK-SORTING
-------------------------------*/
.block-sorting {
    display: none;
}
/*-----------------------------
BLOCK-SORTING-PARAMETER
-------------------------------*/
.block-sorting-parameter {
    display: block;
}
/*-----------------------------
SIDEBAR
-------------------------------*/
.sidebar {
    display: none;
}
/*------------------------
FOOTER
---------------------------*/
.footer-top__descr {
    padding-top: 15px;
}
.footer-top {
    margin-top: 20px;
}
/*------------------------
PRODUCT-PAGE
---------------------------*/
.s-product__block{
    padding: 10px;
}
.s-product__descr h3,
.card-product-price-list {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
ul.card-product-descr-list {
    margin-top: 20px;
}
.s-product__option__list li{
    font-size: 12px;
}
.s-product__option__list a {
    padding: 5px 0!important;
}
/*------------------------
COMMENT-BLOCK
---------------------------*/
.s-product__all__descr .comments {
    padding: 30px 0;
    text-align: center;
}
.comments a {
    transition: all 0.4s ease-in-out;
}
.btn-comment {
    width: 50%;
    height: 35px;
    border-radius: 4px;
    background-color: transparent;
    border: 1px solid #ef8742;
    font-size: 14px;
    color: #808080;
    font-weight: 700;
    text-align: center;
    transition: all 0.4s ease-in-out;
}
.btn-comment:hover,
.btn-comment:focus,
.btn-comment:active {
    background-color: #ef8742;
    color: #fff;
}
ul.comments-list,
ol.children{
    list-style: none;
    padding: 0;
}
li.comments-list__item {
    padding: 20px 30px;
    text-align: left;
    margin-top: 20px;
    overflow: hidden;
}
ol.children {
    padding-left: 60px;
    padding-top: 10px;
}
a.reply {
    font-size: 13px;
    color: #2799c9;
    transition: all 0.4s ease-in-out;
    margin-bottom: 20px;
}
a.reply:hover {
    color: #3c5569;
}
a.reply i {
    margin-right: 15px;
}
.comment__name {
    font-size: 14px;
    color: #808080;
}
.comment__name span {
    font-size: 20px;
}
time {
    color: #aaaa;
    font-size: 13px;
}
.comment-block {
    padding-top: 30px;
}
.comment__text p {
    color: #808080;
}
.comment-form {
    padding: 20px 30px;
}
.comment-notes {
    font-size: 13px;
    color: #808080;
    text-align: left;
}
.comment-form h3 {
    text-align: center;
    margin-bottom: 20px;
}
/*------------------------
CONTACT, RETURN, WARRANTY, REGISTER, ORDER, USER
---------------------------*/
.s-contact__title, .form-title {
    font-size: 16px;
    margin-bottom: 15px;
}
.s-contact, .s-return, .s-warranty, .s-register, .s-order, .s-user__menu, .s-user__data {
    margin-bottom: 10px;
    padding: 20px;
}
.s-contact textarea::placeholder,
.s-contact input::placeholder,
.s-order input::placeholder,
.s-register input::placeholder,
.s-user input::placeholder {
    font-size: 12px;
}
.s-contact button,
.s-order button,
.s-register button,
.s-user button,
.s-user__menu__block a.logout {
    font-size: 12px; 
}
.s-contact {
    font-size: 14px;
}
.s-contact__schedule {
    margin-bottom: 25px;
}
.s-contact__form span, .s-contact__phone span, .s-contact__schedule span {
    font-size: 15px;
}
.s-contact__title i, .s-payment__item__title i {
    font-size: 20px;
}
}
@media screen and (max-width: 375px){
    /*----------------------
404
-------------------------*/
.s-404 .d404 {
    font-size: 100px;
    line-height: 100px;
}
.s-404 .title {
    font-size: 25px;
}
.s-404 a {
    font-size: 16px;
}
/*-------------------------
CAROUSEL
---------------------------*/
.s-carousel__slide {
    height: 220px;
}
.s-carousel__title {
    font-size: 18px;
}
.s-carousel__descr {
    font-size: 14px;
}
/*------------------------
TESTIMONIALS
---------------------------*/
.s-testimonials__wrapper {
    width: 250px;
}
.s-testimonials__text  {
    padding: 15px;
    font-size: 14px;
}
/*------------------------
BLOG
--------------------------*/
.s-blog__article {
    border-radius: 4px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.22);
    background-color: #fff;
    margin-bottom: 20px;
    padding: 15px;
    border-bottom: 1px solid  #2799c9;
    font-size: 14px;
}
/*------------------------
SUBSCRIBE
---------------------------*/
.s-subscribe__field-form input[type="email"],
.s-subscribe__field-form button {
    font-size: 14px;
}

/*------------------------
FOOTER
---------------------------*/
.footer-top__descr {
    padding-top: 0;
}

}
@media screen and (max-width: 320px){
.s-carousel__slide {
    height: 200px;
}
.s-testimonials__wrapper {
    width: 250px;
} 
/*------------------------
PRODUCT-PAGE
---------------------------*/
.s-product__option__list a {
   border: none!important;
}
}