@charset "UTF-8";

/*

Template Name: Shop+
Template Demo: http://shop.azelab.com
Author: Azelab
Author website: http://azelab.com
Version: 1.0.0

---------------

Table of Contents:

1) Typography
2) Layout settings
3) Header
5) Header's top Right Side (My Account, Login, Whish List, Compare)
6) Search, Logo, Cart
7) Blocks
8) Data-tables
9) Reset default bootstrap style & overall buttons
10) Footer
11) Shortcodes
12) Footer

*/


/*===========================================================================*\
|  Scaffolding
\*===========================================================================*/

body {
    padding: 0;
    margin: 0;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    font-size: 14px;
    background: #fff;
    color: #4A4A4A;
    line-height: 1.7;
}

i {
    font-family: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

img {
    max-width: 100%;
}


/*===========================================================================*\
|  Typography
\*===========================================================================*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 400;
    margin-top: 20px;
    color: #212224;
}

h1,
h2 {
    line-height: 28px;
}

h3,
h4 {
    line-height: 24px;
}

h5,
h6 {
    line-height: 20px;
}

h1 {
    font-size: 24px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 19px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 17px;
}

a {
    color: #737880;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    outline: none !important;
    cursor: pointer;
}

a:hover {
    color: #dc010196;
    text-decoration: none;
    transition: .2s;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
}

a:focus {
    text-decoration: none;
}

input:focus,
a:focus,
:focus {
    outline: none;
}

input[disabled] {
    background: #f0f0f1;
}

.huge-title {
    font-size: 38px;
    font-weight: 400;
}

h3 .underline {
    width: 100%;
    height: 2px;
    border-left: solid 100px #02b8fa;
    clear: both;
    display: block;
    margin-top: 8px;
}

td {
    vertical-align: middle !important;
}


/*===========================================================================*\
|  Utilities
\*===========================================================================*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 10px;
}

.alignleft {
    float: left;
    margin: 5px 20px 10px 0;
}

.list-inline {
    margin-left: 0;
}

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

.bottom-line {
    border-bottom: 1px solid #e6e8eb;
}


.top-line {
    border-top: 1px solid #e6e8eb;
}


/*===========================================================================*\
|  Effects & Animations
\*===========================================================================*/

.img-fade-hover {
    opacity: 0.7;
    transition: opacity 0.5s ease;
}

.img-fade-hover:hover {
    opacity: 1;
}

.moving-hover-line {
    position: relative;
}

.moving-hover-line .hover-line {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    margin: 0;
    padding: 0;
    background-color: #dc010196;
    transition: all 0.5s ease;
}

.img-zoom-link {
    display: inline-block;
    position: relative;
    max-width: 100%;
    vertical-align: bottom;
    overflow: hidden;
}

.img-zoom-link > img {
    transition: all 0.5s ease;
    transform-style: preserve-3d;
}

.img-zoom-link > i {
    position: absolute;
    z-index: 1;
    width: 50px;
    height: 50px;
    top: -50px;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    font-size: 50px;
    color: white;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    transition: all 0.5s ease;
}

.img-zoom-link:hover > img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -moz-transform: scale(1.1);
    /* Firefox */
    -webkit-transform: scale(1.1);
    /* Safari and Chrome */
    -o-transform: scale(1.1);
    /* Opera */
}

.img-zoom-link:hover > i {
    top: 50%;
}

.spin {
    display: inline-block;
    animation: spin 4s infinite linear;
    -webkit-animation: spin 4s infinite linear;
    -moz-animation: spin 4s infinite linear;
    -ms-animation: spin 4s infinite linear;
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.spin-cc {
    display: inline-block;
    animation: spin-cc 4s infinite linear;
    -webkit-animation: spin-cc 4s infinite linear;
    -moz-animation: spin-cc 4s infinite linear;
    -ms-animation: spin-cc 4s infinite linear;
}

@-moz-keyframes spin-cc {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(-360deg);
    }
}

@-webkit-keyframes spin-cc {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(-360deg);
    }
}

@keyframes spin-cc {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}


/*===========================================================================*\
|  Fixes
\*===========================================================================*/

.vertical-bx-1 {
    padding-left: 0;
    list-style-type: none;
}


/*===========================================================================*\
|  Some fixes and enhancement
\*===========================================================================*/

a:hover,
a:focus {
    color: inherit;
}


/*===========================================================================*\
|  Bootstrap Modal Styles
\*===========================================================================*/
/*
.modal-open {
    overflow: hidden;
}

.modal-backdrop {
    background-color: white;
}

.modal-header {
    padding: 0;
    background: #f5f5f5;
    height: 50px;
    line-height: 50px;
     vertical-align: middle;
    display: block;
    width: 100%;
    border-bottom: 1px solid #d7d9db;
    overflow: hidden;
}

.modal-header h4 {
    font-family: inherit;
    font-size: 14px;
    color: #212224;
    margin: 0;
    padding: 0 0 0 20px;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
}

.modal-close {
    width: 45px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    position: absolute;
    right: 0;
}

.modal-close:hover {
    background: #dc010196;
}

.modal-close i {
    font-size: 18px;
    vertical-align: middle;
    height: 48px;
    line-height: 48px;
    margin: 0 !important;
}

.modal-close:hover i {
    color: #fff;
}

.modal-content {
    border: 0;
    border-radius: 0;
}

.modal-body {
    padding: 0;
}

.modal-footer {
    padding: 0;
    margin: 0;
    border: 0;
}

.modal-body-info {
    padding: 30px;
    color: black;
    font-weight: 400;
}

@media (min-width: 768px) {
    .modal-md {
        width: 420px;
    }
}

*/
/*===========================================================================*\
|  Reset default bootstrap style & overall buttons
\*===========================================================================*/

.form-control {
    border: 1px solid #d7d9db;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    box-shadow: none;
    color: inherit;
    font-size: 14px;
    height: 40px;
    vertical-align: middle;
    padding: 9px 15px;
    transition: border-color .15s ease-in-out 0 box-shadow .15s ease-in-out 0;
    -webkit-writing-mode: horizontal-tb;
    background: none;
}

.form-control:focus {
    border-color: #dc010196;
    box-shadow: none;
    outline: 0 none;
}

.form-control::-webkit-input-placeholder {
    color: #B2B7C9;
}

.form-control:-moz-placeholder {
    color: #B2B7C9;
}

.form-control::-moz-placeholder {
    color: #B2B7C9;
}

.form-control:-ms-input-placeholder {
    color: #B2B7C9;
}

label {
    display: inline-block;
    font-weight: 400;
    margin: 0 0 5px 5px;
}

.alert {
    border-radius: 0;
    padding: 10px 35px 10px 20px;
}

.alert-dismissable .close {
    top: 1px;
}

.alert-data-icon {
    position: relative;
}

.alert-data-icon:before {
    position: absolute;
    font-size: 18px;
    top: 13px;
}

.alert-data-icon div {
    margin-left: 35px;
}

blockquote {
    border-left: 2px solid #dc010196;
    font-size: 14px;
    margin: 0 0 20px;
    padding: 15px 20px;
    font-style: italic;
}

.dropdown-menu {
    border-radius: 0;
    border: 0;
    border-top: 2px solid #dc010196;
    min-width: 320px;
    margin-top: 15px;
    /* right:0; left:auto;*/
    padding-top: 0;
    height: auto !important;
    line-height: 20px !important;
    font-size: 14px;
}

.dropdown-menu.larger {
    width: 420px;
    padding-bottom: 0;
}

.btn {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    line-height: 2;
    padding: 8px 17px;
    /* text-transform: uppercase; */
    border: none;
    transition: all .2s ease 0;
    font-weight: 400;
}

.btn:focus,
.btn:active,
.btn:focus {
    box-shadow: none !important;
    outline: none !important;
}

.arrow-btn {
    color: #212224;
    border: none !important;
    background-color: transparent !important;
    text-align: left !important;
    padding: 0 !important;
    font-size: 14px !important;
    position: relative;
}

.arrow-btn:after {
    position: absolute;
    color: #212224;
    content: "тЖТ";
    display: inline-block;
    float: right;
    font-family: Arial;
    font-size: 25px;
    line-height: 32px;
    padding-right: 30px;
    transition: all .2s ease 0;
    top: -4px;
    right: -60px;
}

.arrow-btn:hover {
    color: #dc010196;
}

.arrow-btn:hover:after {
    right: -80px;
    color: #dc010196;
}

.btn-w100 {
    width: 100%;
    font-size: 14px !important;
}

.btn-lg {
    color: #dc010196;
    min-width: 215px;
    font-size: 18px;
}

.btn-md {
    color: #dc010196;
    min-width: 155px;
    font-size: 16px;
}

.btn-sm {
    color: #dc010196;
    min-width: 105px;
    font-size: 12px;
    padding: 6px 10px;
}

.btn-prim-col {
    border: 1px solid #dc010196;
    background: #fff;
}

.btn-prim-col:hover {
    border: 1px solid #dc010196;
    background: #dc010196;
    color: #fff;
}

.btn-sec-col {
    background: #dc010196;
    color: #fff;
}

.btn-sec-col:hover {
    background: #dc010196;
    color: #ffffff;
}

.btn-third-col {
    background: #dc010196;
    color: #ffffff;
}

.btn-third-col:hover {
    background: #dc010196;
    color: #ffffff;
}

#top-bar .btn-third-col:hover {
    background: #dc010196;
    color: #fff;
}

.btn-yet-col {
    background: #fff;
    border: 1px solid #ebedf0;
    color: #212224;
}

.btn-yet-col:hover {
    background: #ebedf0;
}

input[type="password"],
input[type="search"],
input[type="text"] {
    padding: 0 35px 0 0;
    border: 1px solid #d7d9db;
    line-height: 37px;
    height: 37px;
    vertical-align: middle;
    text-indent: 15px;
    font-size: 14px;
    width: 100%;
}

input[type=text]:focus,
input[type=search]:focus,
textarea:focus {
    border: 1px solid #dc010196;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: #B2B7C9;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus:-moz-placeholder {
    color: transparent;
}

textarea:focus::-moz-placeholder {
    color: transparent;
}

textarea:focus:-ms-input-placeholder {
    color: #B2B7C9;
}


/*===========================================================================*\
|  Tabs && Accordions
\*===========================================================================*/


/* Tabs */

.nav-tabs {
    border: 0;
}

.nav-tabs > li > a {
    line-height: 43px;
    padding: 0 25px;
    margin: 0;
    border-radius: 0;
    border: 1px solid #e1e3e6;
    border-right-width: 0;
    font-size: 14px;
}

.nav-tabs > li:last-child > a {
    border-right-width: 1px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    background-color: #dc010196;
    color: white;
    border: 1px solid #dc010196;
    border-right-width: 0;
}

.tab-content > .tab-pane {
    padding: 20px;
    border: 1px solid #e1e3e6;
}

.tab-content.tab-no-style > .tab-pane {
    padding: 0;
    border: 0;
}


/* Accordions */

.accordion-group.panel {
    margin-bottom: 10px;
    box-shadow: none;
    -webkit-box-shadow: none;
}


/*.accordion-group.panel:first-child .accordion-header { color: #e1d3a9; }*/

.accordion-header {
    display: block;
    line-height: 43px;
    padding: 0 0 0 20px;
    margin: 0;
    border-radius: 0;
    border: 1px solid #e1e3e6;
    font-size: 15px;
}

.accordion-header:hover {
    background-color: #dc010196;
    color: white !important;
    border: 1px solid #dc010196;
}

.accordion-header:after {
    content: "\4b";
    display: block;
    float: right;
    width: 45px;
    border-left: 1px solid #e1e3e6;
    color: #bcc5d1;
    font-size: 20px;
    text-align: center;
    font-family: 'ElegantIcons';
}

.accordion-header:hover:after {
    border-color: #dc010196;
    color: white;
}

.accordion-header.collapsed:after {
    content: "\4c";
}

.accordion-header.expand-icon-2:after {
    content: "\4b";
    display: block;
    float: right;
    width: 23px;
    height: 23px;
    line-height: 20px;
    margin-right: 15px;
    margin-top: 11px;
    border: 1px solid #e1e3e6;
    border-radius: 50%;
    color: #bcc5d1;
    font-size: 18px;
    text-align: center;
    font-family: 'ElegantIcons';
}

.accordion-header.expand-icon-2:hover:after {
    border-color: #dc010196;
    color: white;
}

.accordion-header.expand-icon-2.collapsed:after {
    content: "\4c";
}

.accordion-header i {
    display: inline-block;
    margin-right: 5px;
    margin-top: -4px;
    vertical-align: middle;
    font-size: 18px;
}

.accordion-body {
    padding: 20px;
    border: 1px solid #e1e3e6;
    border-top: 0;
}


/*===========================================================================*\
|  Bootstrap Tooltips
\*===========================================================================*/

.tooltip-inner {
    padding: 10px 15px;
    border-radius: 0;
    color: #fff;
    /* text-transform: uppercase; */
}


/*===========================================================================*\
|  Bootstrap Carousel
\*===========================================================================*/

.carousel {
    position: relative;
    padding-bottom: 40px;
}

.carousel.no-bullets {
    padding-bottom: 0;
}

.carousel-control {
    width: 35px;
    height: 35px;
    line-height: 35px;
    bottom: auto;
    top: 50%;
    margin-top: -17px;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    font-size: 33px;
}

.carousel-indicators {
    bottom: -10px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    margin: 0 1px;
    border-color: #dc010196;
    border-radius: 50%;
}

.carousel-indicators li.active {
    width: 15px;
    height: 15px;
    margin: 0 1px;
    background-color: #dc010196;
}


/*===========================================================================*\
|  Pagination
\*===========================================================================*/

.pagination {
    display: inline-block;
    margin: 0;
}

.pagination > li > a {
    width: 25px;
    height: 25px;
    line-height: 24px;
    padding: 0;
    margin-right: 10px;
    border: 1px solid #dc010196;
    color: #212224;
    font-size: 15px;
    text-align: center;
}

.pagination > li.active a,
.pagination > li a:hover,
.pagination > li.active a:hover {
    background-color: #dc010196;
    color: white;
    border-color: #dc010196;
}

.pagination > li:last-child a {
    margin-right: 0;
}


/*===========================================================================*\
|  Layout settings
\*===========================================================================*/


/*.row{margin:0;}*/

.gap-10 {
    margin-top: 10px;
}

.gap-15 {
    margin-top: 15px;
}

.gap-20 {
    margin-top: 20px;
}

.gap-25 {
    margin-top: 25px;
}

.gap-30 {
    margin-top: 30px;
}

.gap-50 {
    margin-top: 50px;
}

.gap-60 {
    margin-top: 60px;
}

.gap-70 {
    margin-top: 70px;
}

.gap-80 {
    margin-top: 80px;
}

.valign {
    display: table;
    width: 100%;
}

.valign > div {
    display: table-cell;
    vertical-align: middle;
}

.no-gutter.row {
    margin: 0;
}

.no-gutter > [class^="col-"] {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 991px) {
    .container {
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .visible-xs {
        display: inline !important;
    }
}

.boxed-layout {
    margin: 0 auto;
    background-color: white;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32);
    -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32);
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.32);
}

@media (min-width: 768px) {
    .boxed-layout {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .boxed-layout {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .boxed-layout {
        width: 1200px;
    }
}


/*===========================================================================*\
|  Header
\*===========================================================================*/

#top-bar {
    border-bottom: 2px solid #dc010196;
    vertical-align: middle;
    color: #737880;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
}

#top-bar i {
    vertical-align: baseline;
    margin: 0 5px 0 0;
    display: inline-block;
}

#top-bar .icon-envelope {
    line-height: 9px;
    height: 12px;
    vertical-align: middle !important;
}

#top-bar ul {
    margin-bottom: 0;
}

#top-bar ul > li > a {
    height: 50px;
    border-bottom: 2px solid #dc010196;
}

@media (max-width: 991px) {
    #top-bar ul > li > a {
        height: 48px;
        border: 0;
    }
}


/*#top-bar ul > li:hover > a { border-bottom: 2px solid #fff; }*/

@media (max-width: 991px) {
    #top-bar ul > li:hover > a {
        border: 0;
    }
}

#top-bar > a {
    color: #737880;
}

#top-bar a:hover {
    color: #dc010196;
}

#top-bar .container {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

#top-bar .active {
    color: #dc010196;
}

#top-bar .left-top-bar a {
    display: inline-block;
}

#lang,
#currencies,
#top-contacts {
    float: left;
}

#lang li,
#currencies li {
    padding: 0 5px 0 0;
}

#lang li span {
    border-right: 1px solid #d3d6db;
    margin: 0 8px -2px 3px;
    height: 13px;
    display: inline-block;
}

#top-contacts li {
    margin-left: 12px;
}

#top-contacts {
    margin-left: 20px;
}

.pg-body:before {
    content: "";
    display: block;
    clear: both;
}

.dropdown-top-list > a {
    color: #dc010196;
}

.dropdown-top-list .caret {
    color: #a8afb9;
}

.dropdown-top-menu {
    min-width: 0 !important;
    padding: 0 !important;
}

.dropdown-top-menu .dropdown-triangle-up {
    left: 10px;
    right: auto;
}

.dropdown-top-menu-list {
    list-style-type: none;
    padding: 0;
}

.dropdown-top-menu-list li {
    padding: 0 !important;
}

.dropdown-top-menu-list li a {
    display: block !important;
    height: auto !important;
    padding: 10px 20px;
    border: 0 !important;
}

.dropdown-top-menu-list li a:hover {
    background-color: #f5f5f5;
}

#lang .dropdown {
    padding-right: 10px;
}


/*.dropdown-menu-left{left: 0 !important; right: auto !important;}*/


/*===========================================================================*\
|  Header's top Right Side (My Account, Login, Whish List, Compare)
\*===========================================================================*/

#user-top-bar li > a {
    padding-right: 13px;
    display: inline-block;
    vertical-align: top;
}

@media (max-width: 991px) {
    #user-top-bar li > a {
        padding: 0 6px;
        border-bottom: none;
        line-height: 48px;
        height: 48px;
    }
}

@media (max-width: 991px) {
    #user-top-bar li > a:hover {
        padding: 0 6px;
        background: #dc010196;
        color: #fff;
    }
}

#user-top-bar > li:last-child > a {
    padding-right: 0;
    border: none;
}

#user-top-bar .btn-group {
    vertical-align: top;
}

.dropdown-triangle-up {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px;
    border-color: transparent transparent #dc010196;
    position: absolute;
    top: -9px;
    right: 30px;
}

.dropdown-head {
    background: #f5f5f5;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
    display: block;
    width: 100%;
    border-bottom: 1px solid #d7d9db;
    overflow: hidden;
}

.dropdown-head h4 {
    font-family: inherit;
    font-size: 14px;
    color: #212224;
    margin: 0;
    padding: 0 0 0 20px;
    height: 48px;
    line-height: 48px;
    vertical-align: middle;
}

.dd-close-btn {
    width: 45px;
    text-align: center;
    position: absolute;
    right: 0;
}

.dd-close-btn:hover {
    background: #dc010196;
}

.dd-close-btn i {
    font-size: 18px;
    vertical-align: middle;
    height: 48px;
    line-height: 48px;
    margin: 0 !important;
}

.dd-close-btn:hover i {
    color: #fff;
}

.dd-wrapper {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.dd-product-group {
    margin: 0;
    overflow: hidden;
    padding: 0;
    border-bottom: 1px solid #d7d9db;
}

.dd-product-box {
    width: 26.68%;
    padding: 5px;
    border-right: 1px solid #d7d9db;
    text-align: center;
}

.clear-all-btn {
    padding: 13px 0 12px;
}

.close-btn .icon_close {
    font-size: 16px;
    border: 1px solid #d7d9db;
    color: #757980;
    text-align: center;
    padding: 2px;
}

.close-btn:hover .icon_close {
    background: #dc010196;
    border: 1px solid #dc010196;
    color: #fff;
}

a.close-btn {
    text-align: center;
    line-height: 25px;
    height: 25px;
    vertical-align: middle;
    font-size: 15px;
    color: #212224;
    margin-top: 5px;
}

a.close-btn.ddr {
    position: absolute;
    top: 15px;
    right: 9px;
}

a.close-btn.sil {
    position: absolute;
    top: 15px;
    right: 9px;
}

a.close-btn span {
    display: inline-block;
    height: 20px;
    line-height: 15px;
    vertical-align: middle;
    margin-left: 3px;
}

.cart-block-subtotal {
    color: black;
    font-weight: 400;
}

.dd-product-desc {
    width: 73.32%;
    padding: 20px 30px 20px 20px;
    white-space: normal;
    position: relative;
}

.dd-product-desc .title {
    color: #212224;
    font-weight: 400;
    display: block;
    margin-bottom: 5px;
}

.dd-product-desc .qty {
    display: block;
    margin-bottom: 20px;
}

.dd-product-desc .qty span {
    color: #dc010196;
}

#dd-social-login {
    border: 1px solid #d7d9db;
    margin: 35px 25px 0;
    padding: 30px 15px;
    position: relative;
    text-align: center;
}

#dd-social-login .title {
    position: absolute;
    top: -12px;
    padding: 0;
    margin: 0;
    width: 100%;
    left: 0;
    text-align: center;
}

#dd-social-login span {
    color: #737880;
    font-size: 14px;
    padding: 0 15px;
    display: inline-block;
    background: #fff;
}

#dd-social-login a:hover {
    opacity: 0.8;
    color: #fff;
}

.facebook-btn,
.twitter-btn {
    color: #fff !important;
    font-size: 14px;
}

.facebook-btn {
    background: #3c599f;
    margin-right: 9px;
}

.twitter-btn {
    background: #1ec7fd;
}

.twitter-btn i {
    padding-right: 3px;
}

#dd_login {
    margin: 25px 25px 0;
}

.dd-delimiter {
    border-top: 1px solid #d7d9db;
    margin: 20px -25px;
}

#dd_login input[type=text],
#dd_login input[type='password'] {
    width: 100%;
    margin-bottom: 0;
}

.form-group {
    margin-bottom: 15px;
    position: relative;
}

.field-icon {
    display: block;
    height: 34px;
    line-height: 34px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10px;
    width: 34px;
    color: #d7d9db;
}

.icon_lock.field-icon {
    top: 11px;
}

.placeholder-fix::-webkit-input-placeholder {
    color: #aeb7c2;
}

.placeholder-fix::-moz-placeholder {
    color: #aeb7c2;
}

.placeholder-fix:-moz-placeholder {
    color: #aeb7c2;
}

.placeholder-fix:focus::-webkit-input-placeholder {
    color: transparent;
}

.placeholder-fix:focus::-moz-placeholder {
    color: transparent;
}

.placeholder-fix:-moz-placeholder {
    color: transparent;
}

.dd-list-empty {
    display: none;
    padding: 10px 20px;
    color: black;
}


/*===========================================================================*\
|  Search, Logo, Cart 
\*===========================================================================*/


/*#header-bar{overflow:hidden;}*/

#header-bar .container {
    margin-top: 0;
}

#shopping-cart-wrapper {
    position: relative;
    height: 37px;
    line-height: 37px;
    margin: 38px 0 0;
    vertical-align: middle;
    /*overflow:hidden;*/
    text-align: right;
}

.s-cart-pan {
    line-height: 37px;
    height: 37px;
    vertical-align: middle;
    width: 100%;
}

.s-bag-1 {
    background: #dc010196;
    color: #fff;
    display: inline-block;
    float: left;
    width: 37px;
    height: 37px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.s-bag-1 i {
    font-size: 18px;
    padding-left: 2px;
    position: absolute;
    left: 7px;
    top: 9px;
}

.s-bag-2 {
    float: left;
    font-size: 15px;
    font-style: italic;
    padding: 0 0 0 55px;
    border: 1px solid #d7d9db;
    border-left: none;
    height: 37px;
    line-height: 35px;
    width: 100%;
    text-align: left;
}

@media (max-width: 991px) {
    .s-bag-2 {
        text-align: center;
        padding: 0 0 0 37px;
    }
}

.s-bag-2:after {
    line-height: 32px;
    font-family: Arial;
    content: "тЖТ";
    font-size: 25px;
    color: #c3cdd9;
    display: inline-block;
    float: right;
    padding-right: 30px;
    transition: all .2s ease 0;
}

@media (max-width: 1199px) {
    .s-bag-2:after {
        content: none;
    }
}

.shp-ca:hover .s-bag-2:after {
    color: #dc010196;
    padding-right: 20px;
}

.s-bag-2 .active {
    color: #dc010196;
}

.top-search-box {
    padding: 0;
    height: 112px;
    line-height: 112px;
    vertical-align: middle;
}

.top-search {
    line-height: 43px;
    height: 43px;
}

.top-search-box button {
    top: 14px;
    display: block;
    height: 42px;
    line-height: 42px;
    position: absolute;
    right: 0;
    text-align: center;
    vertical-align: middle;
    top: 36px;
    width: 34px;
    color: #d7d9db;
    border: none;
    background: none;
}

.top-search-box .icon_search {
    color: #d7d9db;
    top: 15px;
}

.top-search-box input[type="text"] {
    font-style: italic;
}

#header-logo {
    margin: 15px 0;
}

#header-logo img {
    max-height: 70px;
}


/*===========================================================================*\
|  Page Title
\*===========================================================================*/

.pg-header {
    vertical-align: middle;
    /*background: #f2f4f7; */
    border-bottom: 1px solid #e1e3e6;
}

@media (max-width: 767px) {
    .pg-header {
        border: 0;
    }
	.text-right
	{
		text-align:left;
	}
	.mobildiv
	{
		margin-top:10px;
	}
	.cat-view-options 
	{
		margin: 0px 0 0px !important;
		padding-bottom: 25px !important;
	}
	.products-list .row
	{
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
	.pl-item
	{
		padding: 20px;
		border: 1px solid #efefef;
	}
	.pl-item figure
	{
		border: unset !important;
		padding: unset !important;
	}
	.pl-caption
	{
		min-height:unset !important;
	}
	.pl-name 
	{
		font-size: 13px !important;
		font-weight: 500 !important;
	}
	.pl-price-block 
	{
		font-size: 16px !important;
	}
	.pl-item figure .pl-badge, .pl-item figure .pl-badge-r, .pl-item figure .pl-badge-m
	{
		font-size: 8px !important;
	}
	.mobilnopadding
	{
		padding:0px !important;
	}
	.pl20
	{
		padding-left:0px !important;
	}
	.b-crumbs 
	{
		line-height: 30px !important;
		margin: 10px 0px 20px 0px;
	}
	.product-info .price 
	{
		float: none !important;
	}
	.mobilbuton
	{
		padding-left:0px !important;
		margin-bottom: 20px;
	}
	.product-reviews
	{
		float: none !important;
	}
}
.alert-danger
{
    background-color: #08948eb8;
    border-color: #ebccd1;
    color: #a94442;
}
.pg-header .container {
    margin-top: 0;
}

.pg-header .title {
    line-height: 70px;
    vertical-align: middle;
}

.pg-header h1 {
    font-family: 'Titillium Web', sans-serif;
	margin: 20px 0px 20px 0px;
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
}

@media (max-width: 767px) {
    .pg-header h1 {
        font-size: 20px;
    }
}

@media (max-width: 767px) {
    .b-crumbs-block {
        background-color: white;
        border-top: 1px solid #e1e3e6;
    }
}

.b-crumbs {
    line-height: 70px;
    vertical-align: middle;
    font-size: 14px;
    color: #bc0000;
}

.b-crumbs i {
    margin: 0 3px;
    line-height: 30px;
    height: 30px;
}


/*===========================================================================*\
|  Footer
\*===========================================================================*/

#footer-1 {
    border-top: 2px solid #dc010196;
    background: #f5f5f5;
    padding-bottom: 40px;
    padding-top: 40px;
}

@media (max-width: 991px) {
    #footer-1 {
        padding-bottom: 0;
    }
}

.box-with-pager,
.box-with-top-button {
    position: relative;
}

.top-box-btn-1 {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    /* text-transform: uppercase; */
    color: #80838a;
    line-height: 24px;
    height: 24px;
    vertical-align: middle;
    padding: 0 15px;
    position: absolute;
    border: 1px solid #d7d9db;
    right: 0;
    top: 17px;
}

@media (max-width: 991px) {
    .top-box-btn-1 {
        position: static;
        margin-top: 20px;
    }
}

.title-type-1,
.title-type-2 {
    font-size: 16px;
    /* text-transform: uppercase; */
    font-family: 'Titillium Web', sans-serif;
    margin-bottom: 15px;
    line-height: 10px;
    height: 30px;
}

.title-type-1 {
    color: #212224;
    border-bottom: 1px solid #ffffff;
}

.title-type-2 {
    color: #4c4c4c;
    border-bottom: 1px solid #ffffff;
}

footer .title-type-2 {
    color: #ffffff;
}

.vertical-bx-1 .pic {
    max-width: 100%;
    transition: all 0.2s ease;
}

.vertical-bx-1 figure:hover .pic {
    transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.vertical-bx-1 figcaption,
.vertical-bx-1 .img-cover {
    float: left;
}

.vertical-bx-1 figcaption {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
    color: #212224;
}

.vertical-bx-1 .price {
    font-size: 15px !important;
    display: block;
}

.vertical-bx-1 figure {
    display: table;
    margin: 0 0 15px;
    padding: 0;
    color: #dc010196;
}

.img-cover {
    margin-right: 20px;
    display: block;
    overflow: hidden;
    position: relative;
    vertical-align: bottom;
    width: 90px;
}

.box-with-pager .bx-prev,
.box-with-pager .bx-next {
    border: 1px solid #d2d4d6;
    display: inline-block;
    width: 26px;
    height: 26px;
    float: left;
    margin-left: 5px;
    position: relative;
}

.box-with-pager .bx-prev i,
.box-with-pager .bx-next i {
    font-size: 18px;
    width: 18px;
    position: absolute;
    top: 3px;
    left: 3px;
    color: black;
}

.box-with-pager .bx-controls {
    position: absolute;
    top: 15px;
    right: 0;
}

.box-with-pager .bx-prev:focus,
.box-with-pager .bx-next:focus {
    color: inherit;
}

.box-with-pager .bx-prev:focus:hover,
.box-with-pager .bx-next:focus:hover {
    color: #dc010196;
}

.tweets-group a {
    color: #AF9541;
}

.tweets-group li {
    margin-bottom: 30px;
}

.tweets-group span {
    font-style: italic;
    font-size: 12px;
}

.get-in-touch-box input,
.get-in-touch-box textarea {
    background: transparent;
    color: #212224 !important;
}

#footer-2 {
    border-top: 1px solid #d9dbde;
    background: #f5f5f5;
    padding-bottom: 40px;
    padding-top: 40px;
}

@media (max-width: 991px) {
    #footer-2 {
        border: 0;
        padding-top: 0;
    }
}

.contact-info-box i {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
}

.contact-info-box li span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.contact-info-box li span:first-child {
    width: 30px;
}

.contact-info-box address {
    line-height: 18px;
}

.contact-info-box li {
    display: table;
    width: 100%;
    margin-bottom: 30px;
}

.google-maps {
    position: relative;
    padding-bottom: 40%;
    thisistheaspectratioheight: 0;
    overflow: hidden;
    margin-bottom: 15px;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: none;
}

.fb-fans {
    overflow: hidden;
}

.facebox-fan-box iframe {
    border: none;
    width: 100%;
    height: 250px;
    margin-top: -10px;
}

#footer-3,
#footer-4,
#footer-5 {
    background: #dc0101;
}

#footer-3 .container {
    margin-top: 0;
    padding: 30px 15px;
}

#footer-3 li {
    margin: 0 0 10px;
    font-size: 14px;
}

#footer-3 li a {
    color: #ffffff;
}

#footer-3 li a:hover {
    color: #9198a1;
}

.product-tags-box .tags {
    margin-bottom: 20px;
}

.product-tags-box .tags a {
    color: #fff;
    background: #ccbe8f;
    display: inline-block;
    padding: 4px 10px;
    /* text-transform: uppercase; */
    margin: 2px 0;
    font-size: 14px;
}

.product-tags-box .tags a:hover {
    background: #dc010196;
}

#footer-4 .container {
    margin-top: 0;
    padding: 20px 15px 10px 15px;
}

@media (max-width: 991px) {
    #footer-4 .container {
        padding: 20px 15px;
    }
}

#footer-4 {
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

#footer-5 .container {
    margin-top: 0;
    padding: 20px 15px 20px 15px;
    color: #4c4c4c;
}

#footer-5 .container .copyright {
    color: #9198A1;
}

#footer-5 .copyright a {
    color: #fff;
}

#footer-5 a {
    color: #4c4c4c;
}


/*#social-buttons{text-align:right;}*/

#social-buttons a,
.social-buttons a {
    display: block;
    width: 28px;
    line-height: 26px;
    height: 28px;
    text-align: center;
    vertical-align: middle;
    background: #1e1e1f;
    color: #fff;
}

#social-buttons i,
.social-buttons i {
    font-size: 18px;
    vertical-align: middle;
}

#social-buttons .facebook:hover a,
.social-buttons .facebook:hover a {
    background: #064ca1;
}

#social-buttons .tweeter:hover a,
.social-buttons .tweeter:hover a {
    background: #27b9f2;
}

#social-buttons .gplus:hover a,
.social-buttons .gplus:hover a {
    background: #da4735;
}

#social-buttons .youtube:hover a,
.social-buttons .youtube:hover a {
    background: #e52d27;
}

#social-buttons .instantgram:hover a,
.social-buttons .instantgram:hover a {
    background: #306a92;
}

#social-buttons .skype:hover a,
.social-buttons .skype:hover a {
    background: #12A5F4;
}

#social-buttons .dribbble:hover a,
.social-buttons .dribbble:hover a {
    background: #f46899;
}

@media (max-width: 991px) {
    #social-buttons,
    .social-buttons {
        margin-top: 30px;
    }
}


/*===========================================================================*\
|  Top Menu
\*===========================================================================*/

.top-menu {
    display: none;
    background: #dc0101;
    height: 50px;
}

.top-menu .container {
    padding: 0;
}

@media (min-width: 992px) {
    .top-menu {
        display: block;
    }
}

.nav-menu {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 15;
}

.nav-item {
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.nav-item > a {
    position: relative;
    display: block;
    line-height: 50px;
    color: #dc010196;
    font-size: 12px;
    /* text-transform: uppercase; */
    text-align: center;
}

.nav-item > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
	text-transform: uppercase;
}

@media (min-width: 992px) {
    .nav-item > a {
        width: 100%;
        padding: 0px 15px 0px 15px;
    }
}

@media (min-width: 1200px) {
    .nav-item > a {
        width: 100%;
        padding: 0px 15px 0px 15px;
    }
}

.nav-item > a i {
    color: #fff0f0;
    margin-right: 5px;
}

.nav-item > a:focus,
.nav-item > a:hover,
.nav-item > a.open {
    color: white;
    background-color: #dc010196;
}

.nav-item > a:focus:after,
.nav-item > a.open:after {
    content: '';
    position: absolute;
    bottom: -14px;
    left: 50%;
    margin-left: -7px;
    border: 7px solid transparent;
    border-top-color: #dc010196;
}

.nav-item > a.open i,
.nav-item > a:hover i,
.nav-item > a:focus i {
    color: white;
}

.nav-item > a.open {
    z-index: 1;
}


/* Dropdown */

.sub-nav {
    position: absolute;
    display: block;
    opacity: 0;
    visibility: hidden;
    top: 50px;
    margin-top: 20px;
    width: 237px;
    background-color: #ffffff;
    transition: visibility 0.15s linear, opacity 0.2s ease, margin 0.2s ease;
}

.sub-nav.open {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
	transition-delay:0.5s;
}


/* Dropdown full width */

.sub-nav.full {
    width: 100%;
    left: 0;
}

.sub-nav.padding {
    padding: 30px;
    border: 1px solid #d8d8d8;
}


/* Dropdown menu style */

.sub-nav-group {
    list-style-type: none;
    padding: 0;
}

.sub-nav-group li {
    display: block;
    height: auto;
}

.sub-nav-group li a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
    color: #D7D9DB;
    font-size: 14px;
}

.sub-nav-group li a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.sub-nav-group li a:hover {
    color: white;
    background-color: #dc010196;
}

.sub-nav.padding .sub-nav-group {
    padding: 0 15px;
    margin: 0 -15px;
}

.sub-nav.padding .sub-nav-group li a {
    padding: 0 10px;
}

.sub-nav-group li a:hover span {
    color: #fff;
}


/* Dropdown menu style (grey) */

.sub-nav-title {
    margin: 7px 10px 17px 10px;
    padding-bottom: 10px;
    color: #999999;
    border-bottom: 1px solid #252626;
    font-size: 16px;
    font-weight: 400;
    /* text-transform: uppercase; */
}

.sub-nav-group.sub-nav-grey {
    padding-bottom: 30px;
}

.sub-nav-group.sub-nav-grey li a {
    height: 36px;
    line-height: 36px;
    padding: 0 30px;
    color: #969696;
}


/* Dropdown Level 2 */

.sub-nav-group li {
    position: relative;
}

.sub-nav-group li .sub-nav {
    top: 0;
    left: 237px;
    margin-left: 20px;
}

.sub-nav-group li .sub-nav.left-side {
    top: 0;
    left: -237px;
    margin-left: -20px;
}

.sub-nav-group li:hover .sub-nav {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    margin-left: 0;
}

.has-sub-nav:after {
    content: "\35";
    position: absolute;
    display: block;
    top: 0;
    right: 15px;
    line-height: 50px;
    font-family: 'ElegantIcons';
    font-size: 20px;
}

.has-sub-nav:hover:after {
    color: white;
}


/* Megamenu Elements */

.megamenu-popular .sub-nav-title {
    margin: 7px 0 32px 0;
    padding-right: 50px;
    padding-bottom: 7px;
}

.megamenu-popular.box-with-pager .bx-controls {
    top: 0;
    right: 27px;
}

.megamenu-popular.box-with-pager .bx-next,
.megamenu-popular.box-with-pager .bx-prev {
    border-color: #bbbbbb;
}

.megamenu-popular .img-cover {
    display: inline-block;
    width: auto;
    margin: 0 auto;
    background-color: white;
    text-align: center;
}

.megamenu-popular .img-cover img {
    max-height: 100%;
}

.megamenu-popular .vertical-bx-1 figcaption {
    color: #212121;
	    min-height: 45px;
	width: 100%;
}

.megamenu-popular .vertical-bx-1 figcaption p {
   margin: 0px 0px 0px 0px;
    padding-top: 10px;
    font-size: 13px;
    line-height: 20px;
    border-top: 1px solid #d7d9db;
    width: 100%;
}

.megamenu-popular .vertical-bx-1 .price {
    display: inline-block;
    color: #dc010196;
}

.megamenu-popular .vertical-bx-1 .old-price {
    display: inline-block;
    margin-left: 5px;
    color: #626262;
    text-decoration: line-through;
}

.megamenu-popular.box-with-pager.mmp-type-2 {
    padding-bottom: 40px;
    /*margin-bottom: 30px; */
}

.megamenu-popular.box-with-pager.mmp-type-2 .bx-controls {
    top: auto;
    bottom: 10px;
    right: 50%;
    margin-right: -31px;
}

@media (min-width: 992px) {
    .megamenu-popular.mmp-type-2 .vertical-bx-1 .img-cover {
       /* height: 215px;*/
    }
}

@media (min-width: 1200px) {
    .megamenu-popular.mmp-type-2 .vertical-bx-1 .img-cover {
       /* height: 215px;*/
    }
}


/*===========================================================================*\
|  Mobile Menu
\*===========================================================================*/

.mobile-menu {
    display: block;
}

@media (min-width: 992px) {
    .mobile-menu {
        display: none;
    }
}

.mobile-menu-button {
    width: 80%;
    height: 45px;
    line-height: 45px;
    margin: 0 auto 20px;
    padding: 0 0 0 20px;
    color: white;
    background-color: #dc010196;
    font-size: 16px;
}

.mobile-menu-toggler {
    display: block;
    float: right;
    width: 50px;
    height: 45px;
    padding: 11px 12px;
}

.mobile-menu-toggler span {
    display: block;
    width: 26px;
    height: 6px;
    margin-bottom: 3px;
    background-color: white;
}

.mobile-menu-toggler:active {
    background-color: black;
}

.mobile-menu-toggler:active span {
    background-color: #dc010196;
}

.mobile-menu-body {
    display: none;
    background-color: #1f1f1f;
}

.mobile-menu-body ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.mobile-menu-body ul li {
    position: relative;
}

.mobile-menu-body ul li a {
    position: relative;
    display: block;
    line-height: 50px;
    padding-left: 30px;
    border-bottom: 1px solid #676767;
    color: #ced3d6;
    font-size: 14px;
    /* text-transform: uppercase; */
}

.mobile-menu-body ul li a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
}

.mobile-menu-body ul li a i {
    color: #cecbd0;
    margin-right: 5px;
}

.mobile-menu-body ul li .submenu-toggler {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 0;
    top: 0;
    padding: 0;
    border: 0;
    text-align: center;
    font-size: 20px;
}

.mobile-menu-body ul li .submenu-toggler i {
    margin: 0;
}

.mobile-menu-body ul li a:active,
.mobile-menu-body ul li.open > a {
    color: white;
    background-color: #dc010196;
}

.mobile-menu-body ul li ul {
    display: none;
}

.mobile-menu-body ul li ul li a {
    color: #fbfbfb;
    text-transform: none;
    background-color: none;
}

.mobile-menu-body p {
    line-height: 50px;
    padding: 0 0 0 30px;
    color: #cecbd0;
    margin-bottom: 0;
    border-bottom: 1px solid #292929;
}

.mobile-menu-search {
    padding: 20px 30px;
}

.mobile-menu-search .form-group {
    margin-bottom: 0;
}

.mobile-menu-search .form-control {
    float: left;
    height: 40px;
    margin-right: -40px;
    padding-right: 40px;
    background-color: #bbbaba;
    border: 1px solid #2f3030;
    border-right: 0;
}

.mobile-menu-search .form-control:focus {
    border-color: #2f3030;
}

.list-inline > li 
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.mobile-menu-search .btn {
    float: left;
    position: relative;
    z-index: 1;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    background-color: #bbbaba;
    border: 1px solid #2f3030;
    border-left: 0;
    color: #3c3f42;
    font-size: 16px;
    text-align: center;
}

.mobile-menu-search .btn:active {
    color: white;
    background-color: #dc010196;
}

.mobile-menu-search .form-control::-webkit-input-placeholder {
    color: #383a3d;
}

.mobile-menu-search .form-control:-moz-placeholder {
    color: #383a3d;
}

.mobile-menu-search .form-control::-moz-placeholder {
    color: #383a3d;
}

.mobile-menu-search .form-control:-ms-input-placeholder {
    color: #383a3d;
}


/*===========================================================================*\
|  Blocks
\*===========================================================================*/


/*===========================================================================*\
|  Lists styles
\*===========================================================================*/

.list-checked {
    list-style-type: none;
    padding: 0;
}

.list-checked li {
    margin: 17px 0;
    display: block;
    color: #9198a1;
}

.list-checked li:before {
    content: "\4e";
    display: inline-block;
    line-height: 15px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #fff;
    background-color: #a1a8b2;
    font-family: 'ElegantIcons';
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    margin: -3px 13px 0 0;
}

.list-arrow-right {
    list-style-type: none;
    padding: 0;
}

.list-arrow-right li {
    margin: 17px 0;
    display: block;
    color: #9198a1;
}

.list-arrow-right li:before {
    content: "\35";
    display: inline-block;
    line-height: 15px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #fff;
    background-color: #a1a8b2;
    font-family: 'ElegantIcons';
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    margin: -3px 13px 0 0;
}

.list-plus {
    list-style-type: none;
    padding: 0;
}

.list-plus li {
    margin: 17px 0;
    display: block;
    color: #9198a1;
}

.list-plus li:before {
       content: "\4c";
    display: inline-block;
    line-height: 15px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #fff;
    background-color: #bc0000;
    font-family: 'ElegantIcons';
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    margin: -3px 6px 0 0;
}

.list-circle {
    list-style-type: none;
    padding: 0;
}

.list-circle li {
    margin: 17px 0;
    display: block;
    color: #9198a1;
}

.list-circle li:before {
    content: "";
    display: inline-block;
    line-height: 6px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    color: #fff;
    background-color: #a1a8b2;
    font-family: 'ElegantIcons';
    font-size: 11px;
    text-align: center;
    vertical-align: middle;
    margin: -3px 13px 0 0;
}

.list-arrow_right_alt {
    list-style-type: none;
    padding: 0;
}

.list-arrow_right_alt li {
    margin: 17px 0;
    display: block;
    color: #9198a1;
}

.list-arrow_right_alt li:before {
    content: "\e03c";
    display: inline-block;
    line-height: 15px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #a1a8b2;
    font-family: 'ElegantIcons';
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    margin: -3px 13px 0 0;
    -webkit-font-smoothing: antialiased;
	font-weight:bold;
}

.list-carrot-right {
    list-style-type: none;
    padding: 0;
}

.list-carrot-right li {
    margin: 10px 0;
    display: block;
    color: #9198a1;
}

.list-carrot-right li:before {
   content: "\35";
    display: inline-block;
    line-height: 15px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #bc0000;
    font-family: 'ElegantIcons';
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    margin: -3px 3px 0 0;
    -webkit-font-smoothing: antialiased;
}

.list-carrot-right_alt2 {
    list-style-type: none;
    padding: 0;
}

.list-carrot-right_alt2 li {
    margin: 17px 0;
    display: block;
    color: #9198a1;
}

.list-carrot-right_alt2 li:before {
    content: "\3d";
    display: inline-block;
    line-height: 15px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #a1a8b2;
    font-family: 'ElegantIcons';
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    margin: -3px 13px 0 0;
    -webkit-font-smoothing: antialiased;
}

.list-star {
    list-style-type: none;
    padding: 0;
}

.list-star li {
    margin: 17px 0;
    display: block;
    color: #9198a1;
}

.list-star li:before {
    content: "\e031";
    display: inline-block;
    line-height: 15px;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    color: #a1a8b2;
    font-family: 'ElegantIcons';
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    margin: -3px 13px 0 0;
    -webkit-font-smoothing: antialiased;
}


.std ul {
    list-style-type: none;
    padding: 0;
}

.std ul li {
    margin: 5px 20px;
    display: block;
    color: #4a4a4a;
}

.std ul li:before {
	content: "\f101";
    font-family: "FontAwesome";
    display: inline-block;
    line-height: 14px;
    /* height: 15px; */
    /* width: 15px; */
    border-radius: 50%;
    color: #bc0000;
    font-size: 16px;
    /* font-weight: bold; */
    /* text-align: center; */
    /* vertical-align: middle; */
    margin: 0px 6px 0px 0;
    -webkit-font-smoothing: antialiased;
}
/*===========================================================================*\
|  Stylish checkbox & radio buttons
\*===========================================================================*/

input.stl[type=checkbox]:not(old),
input.stl[type=radio]:not(old) {
    display: none;
}

input.stl[type=checkbox]:not(old) + label,
input.stl[type=radio]:not(old) + label {
    display: inline-block;
    height: 20px;
    line-height: 19px;
    /*margin:0 -30px;*/
    vertical-align: middle;
    cursor: pointer;
}

input.stl[type=checkbox]:not(old) + label > span,
input.stl[type=radio]:not(old) + label > span {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: .25em .5em .25em -5px;
    border: 1px solid #d7d9db;
    border-radius: 0;
    vertical-align: bottom;
    cursor: pointer;
}

input.required-alert[type=checkbox]:not(old) + label > span,
input.required-alert[type=radio]:not(old) + label > span {
    border: 1px solid #f54325 !important;
}

input.stl[type=radio]:not(old) + label > span {
    border-radius: 50px;
}

input.stl[type=checkbox]:not(old):checked + label > span:before {
    content: "N";
    font-family: ElegantIcons;
    display: block;
    width: 13px;
    color: #dc010196;
    font-size: .875em;
    line-height: 13px;
    text-align: center;
    text-shadow: 0 0 0.0714em #73994d;
    font-weight: 400;
}

input.stl[type=checkbox]:not(old):disabled + label > span:before {
    background: #f0f0f1;
    color: #b2b7c2;
}

input.stl[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: 9px;
    height: 9px;
    margin: 2px;
    border: 1px solid #fff;
    border-radius: 50px;
    background: #dc010196;
}

.customSelect {
    /* custom select box  */
}

.customSelect:after {
    /* Put whatever custom styles you want here */
    content: "3";
    font-family: ElegantIcons;
    font-size: 18px;
    z-index: 9;
    float: right;
    margin: -22px -5px 0 0;
}

.checked.customSelect {
    border: 1px solid #79c257;
}

.checked.customSelect:after {
    color: #79c257;
}

.required-alert.customSelect {
    border: 1px solid #f54325;
    color: #f54325;
}

.customSelect.customSelectHover {
    /* Styles for when the select box is hovered */
}

.customSelect.customSelectOpen {
    /* Styles for when the select box is open */
}

.customSelect.customSelectFocus {
    /* Styles for when the select box is in focus */
    border-color: #dc010196;
}

.customSelect.customSelectFocus:after {
    /* Styles for when the select box is in focus */
    color: #dc010196;
}

.customSelect.customSelectDisabledOption {
    /* Styles for when the selected item is a disabled one */
}

.customSelect.customSelectDisabled {
    /* Styles for when the select box itself is disabled */
    background: #f0f0f1;
}

.customSelectInner {
    /* You can style the inner box too */
}


/*===========================================================================*\
|  Mobile Collapse
\*===========================================================================*/

@media (max-width: 991px) {
    .mobile-collapse-header {
        position: relative;
        margin-bottom: 0;
        cursor: pointer;
    }
    .mobile-collapse-header:after {
        content: "\50";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        color: #212224;
        font-family: 'ElegantIcons';
        -webkit-font-smoothing: antialiased;
    }
    .mobile-collapse.opened .mobile-collapse-header:after {
        content: "\4f";
    }
    .mobile-collapse-body {
        display: none;
        margin-top: 30px;
    }
    .mobile-collapse-additional {
        display: none;
    }
    .mobile-collapse.opened .mobile-collapse-additional {
        display: inline-block;
    }
    #footer-3 .mobile-collapse-header:after {
        color: #ffffff;
    }
    .mobile-collapse .bx-wrapper {
        margin-top: 60px !important;
    }
    .mobile-collapse .bx-controls {
        top: 75px;
    }
}

@media (min-width: 992px) {
    .mobile-collapse-body {
        display: block !important;
    }
}


/*===========================================================================*\
|  ResponsiveSlides slider
\*===========================================================================*/

.rslides-container {
    position: relative;
}

.rslides-container .rslides_nav_block {
    position: absolute;
    z-index: 2;
    width: 90px;
    bottom: 0;
    left: 50%;
    margin-left: -46px;
    text-align: center;
}

.rslides-container .rslides_nav {
    display: block;
    float: left;
    height: 46px;
    line-height: 50px;
    color: #b3bcc7;
    font-size: 36px;
    width: 50%;
    background-color: white;
    transition: all 0.3s ease;
}

.rslides-container .rslides_nav:hover {
    background-color: #dc010196;
    color: white;
}

.rslides-container .rslides-number {
    margin-bottom: 0;
    color: white;
    font-size: 18px;
    font-style: italic;
}

.rslides li {
    position: relative;
}

.slider-container {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    left: 0;
}

@media (min-width: 768px) {
    .slider-container {
        left: 50%;
        width: 750px;
        margin-left: -375px;
    }
}

@media (min-width: 992px) {
    .slider-container {
        left: 50%;
        width: 970px;
        margin-left: -485px;
    }
}

@media (min-width: 1200px) {
    .slider-container {
        left: 50%;
        width: 1200px;
        margin-left: -600px;
    }
}

.rslide-caption-1 {
    margin-top: 5%;
    width: 500px;
}

.rslide-caption-1 span {
    display: block;
    line-height: 1;
    color: white;
    font-size: 83px;
    font-weight: 400;
    /* text-transform: uppercase; */
}

.rslide-caption-1 .sc1-year {
    float: right;
    line-height: 1.2;
    margin-top: 12px;
    margin-right: 7px;
    font-size: 50px;
    font-style: italic;
    font-weight: 400;
    border-bottom: 1px solid white;
    color: #dc010196;
}

.rslide-caption-2 {
    position: relative;
    margin-top: 30px;
    padding: 14px 0;
    width: 500px;
    line-height: 1.6;
    font-size: 18px;
    font-weight: 400;
    color: white;
}

.rslide-caption-2:before,
.rslide-caption-2:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    border: 1px solid #e1e3e6;
    border-left: 0;
    border-right: 0;
}

.rslide-caption-2:before {
    top: 0;
}

.rslide-caption-2:after {
    bottom: 0;
}

.rslide-caption-3 {
    position: relative;
    margin: 10% auto 0;
    padding: 14px 0;
    width: 843px;
    line-height: 1.6;
    font-size: 16px;
    font-weight: 400;
    color: white;
    text-align: center;
}

.rslide-caption-3 a {
    display: inline-block;
    margin: 0 10px;
    color: #f0f0f0;
}

.rslide-caption-4 {
    position: relative;
    margin: 0 auto 0;
    padding: 14px 0;
    width: 843px;
    line-height: 1.6;
    font-size: 60px;
    font-weight: 400;
    color: white;
    text-align: center;
}

.rslide-caption-4:before,
.rslide-caption-4:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    border: 1px solid #e1e3e6;
    border-left: 0;
    border-right: 0;
}

.rslide-caption-4:before {
    top: 0;
}

.rslide-caption-4:after {
    bottom: 0;
}

.rslide-caption-5 {
    color: white;
    margin-top: 10%;
    margin-bottom: 20px;
    font-size: 32px;
}

.rslide-caption-6 {
    color: white;
    font-size: 18px;
}

@media (max-width: 991px) {
    .rslide-caption-1,
    .rslide-caption-2,
    .rslide-caption-3,
    .rslide-caption-4,
    .rslide-caption-5,
    .rslide-caption-6 {
        width: auto;
        margin-top: 5%;
        font-size: 18px;
    }
    .rslide-caption-1 span,
    .rslide-caption-1 .sc1-year,
    .rslide-caption-2 span,
    .rslide-caption-2 .sc1-year,
    .rslide-caption-3 span,
    .rslide-caption-3 .sc1-year,
    .rslide-caption-4 span,
    .rslide-caption-4 .sc1-year,
    .rslide-caption-5 span,
    .rslide-caption-5 .sc1-year,
    .rslide-caption-6 span,
    .rslide-caption-6 .sc1-year {
        display: inline-block;
        font-size: 18px;
        float: none;
    }
}

.rslide-button-1 {
    width: 274px;
    height: 47px;
    line-height: 41px;
    margin-top: 55px;
    margin-left: 3px;
    padding-left: 28px;
    background-color: #dc010196;
    color: white;
    border: 1px solid white;
    font-size: 15px;
    text-align: left;
    /* text-transform: uppercase; */
    white-space: nowrap;
    -webkit-box-shadow: 0px 0px 0px 3px #dc010196;
    -moz-box-shadow: 0px 0px 0px 3px #dc010196;
    box-shadow: 0px 0px 0px 3px #dc010196;
}

.rslide-button-1:after {
    content: "тЖТ";
    display: inline-block;
    line-height: 38px;
    margin-left: 15px;
    color: white;
    font-size: 25px;
    font-family: Arial;
    vertical-align: top;
    transition: all .2s ease 0;
}

.rslide-button-1:hover:after {
    padding-left: 10px;
}

#home1-slider {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 39.45%;
    margin-bottom: 10px;
}

#home1-slider .rslides-container {
    position: absolute;
    width: 100%;
    height: 100%;
}

#home1-slider .rslides-container.loading {
    background: url(../images/loader-64.gif) center center no-repeat;
}


/*===========================================================================*\
|  Products List Block
\*===========================================================================*/

.product-categories {
    list-style-type: none;
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: 35px;
    /* text-transform: uppercase; */
    font-size: 18px;
    font-weight: 400;
}

.product-categories:before,
.product-categories:after {
    content: " ";
    display: table;
}

.product-categories:after {
    clear: both;
}

.product-categories li {
    float: left;
    margin: 0 30px;
}

@media (max-width: 767px) {
    .product-categories li {
        float: none;
    }
    .product-categories li.hover-line {
        display: none;
    }
}

.product-categories li a {
    display: block;
    padding: 5px 0;
}

.product-categories li.active a,
.product-categories li a:hover {
    color: #dc010196;
}


/* =========== Pdoruct List =========== */

.products-list {
    margin-bottom: 50px;
}


/* Product list item */

.pl-item {
    text-align: center;
    min-height: 365px;
    margin-top: 20px;
}

.pl-item figure {
    position: relative;
    /*height: 340px; line-height: 340px; */
    margin-bottom: 15px;
    overflow: hidden;
    border: 1px solid #f3f3f3;
    padding: 16px;
}

.pl-item figure img {
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    vertical-align: middle;
    transition: opacity 0.5s ease;
    -moz-backface-visibility: hidden;
}

.pl-item figure .pl-backside {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.pl-item figure .pl-backside img {
    opacity: 0;
}

.pl-item figure figcaption {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    margin-bottom: -55px;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.5s ease;
}

@media (max-width: 767px) {
    .pl-item figure figcaption 
	{
        margin-bottom: 0;
		/*display:none;*/
    }
	.pl-item figure figcaption p
	{
        margin-top: 17px !important;
    }
	.pl-item figure .pl-badge-promosyon {
		position: absolute;
		right: 0px;
		bottom: 45px;
		line-height: 30px;
		/* border: 2px solid #d7d9db; */
		border-radius: 10px 0px 0px 0px;
		padding: 0px 10px;
		background-color: #399239;
		color: #ffffff;
		font-size: 12px;
		font-weight: 400;
	}
}

.pl-item figure:hover .pl-w-backside img {
    opacity: 0;
}

.pl-item figure:hover .pl-backside img {
    opacity: 1;
}

.pl-item figure:hover figcaption {
    margin-bottom: 0;
}

.pl-item figure .pl-badge {
	position: absolute;
    left: 0;
    top: 5px;
    line-height: 25px;
    /* border: 2px solid #d7d9db; */
    padding: 0 4px;
    background-color: #f3611b;
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
}

.pl-item figure .pl-badge-r {
   position: absolute;
    right: 5px;
    top: 5px;
    line-height: 25px;
    /* border: 2px solid #d7d9db; */
    padding: 0 4px;
    background-color: #bc0000;
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
}

.pl-item figure .pl-badge-m {
   position: absolute;
    right: 35%;
    top: 5px;
    line-height: 25px;
    padding: 0 4px;
    background-color: #e42323;
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
}

.pl-item figure .pl-badge-m:after,
.pl-item figure .pl-badge-m:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -19px;
    right: 27px;
    border: 10px solid transparent;
    border-top-color: #e42323;
    border-right-width: 8px;
    border-left-width: 8px;
}

.pl-item figure .pl-badge-m:after {
   
}

.pl-item figure .pl-badge:after,
.pl-item figure .pl-badge:before {
   content: '';
    display: block;
    position: absolute;
    bottom: -22px;
    right: 12px;
    border: 10px solid transparent;
    /* border-top-color: #d7d9db; */
    border-right-width: 0;
}

.pl-item figure .pl-badge:after {
    bottom: -20px;
    right: 14px;
    border-top-color: #f3611b;
}

.pl-item figure .pl-badge-r:after,
.pl-item figure .pl-badge-r:before {
    content: '';
    display: block;
    position: absolute;
    bottom: -22px;
    right: 40px;
    border: 10px solid transparent;
    border-top-color: #d7d9db;
    border-right-width: 10px;
    border-left-width: 0px;
}

.pl-item figure .pl-badge-r:after {
    bottom: -20px;
    right: 39px;
    border-top-color: #bc0000;
}

.pl-item figure .pl-badge-promosyon {
    position: absolute;
    right: 0px;
    bottom: -5px;
    line-height: 30px;
    /* border: 2px solid #d7d9db; */
    border-radius: 10px 0px 0px 0px;
    padding: 0px 10px;
    background-color: #399239;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
}

.pl-button {
    display: block;
    width: 25%;
    float: left;
    font-size: 26px;
    line-height: 50px;
    color: white;
    text-align: center;
}

.lh14
{
	line-height: 14px;
}

.pl-button:hover {
    background-color: #dc010196;
    color: white;
}

.pl-price-block {
    position: relative;
    font-size: 19px;
    font-weight: 400;
    line-height: 20px;
    padding: 0px 0px 10px 0px;
	border-bottom:1px solid #ded8d8;
}

.pl-price-block:before,
.pl-price-block:after {
	/*
    content: '';
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    border: 1px solid #e1e3e6;
    border-left: 0;
    border-right: 0;*/
}

.pl-price-block:before {
    top: 0;
}

.pl-price-block:after {
    bottom: 0;
}

.pl-price-block .pl-price {
    color: black;
}

.pl-price-block .pl-price-old {
    color: #a3a3a3;
    text-decoration: line-through;
}

.pl-name {
    margin: 0;
    color: #212224;
    font-size: 14px;
    font-weight: 400;
}


/* =========== Product Carousel =========== */

.pl-carousel {
    position: relative;
}

.pl-controls {
    text-align: center;
    margin-bottom: 15px;
}

.pl-controls.plc-bottom {
    margin-top: 15px;
    margin-bottom: 0;
}

.pl-ctl-left,
.pl-ctl-right {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #d7d9db;
    font-size: 18px;
    text-align: center;
}

.pl-ctl-left:after,
.pl-ctl-right:after {
    content: "\34";
    font-family: ElegantIcons;
}

.pl-ctl-left:hover,
.pl-ctl-right:hover {
    color: #dc010196;
}

.pl-ctl-right {
    margin-left: 3px;
}

.pl-ctl-right:after {
    content: "\35";
}

ul.pl-pages {
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.pl-pages > li {
    visibility: hidden;
    position: absolute;
}

ul.pl-pages > li .pl-item {
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.5s ease;
}

ul.pl-pages > li.active {
    visibility: visible;
    position: static;
}

ul.pl-pages > li.active .pl-item {
    transform: scale(1);
    -webkit-transform: scale(1);
}

ul.pl-pages > li.animation {
    visibility: visible;
    position: static;
}

.pl-carousel-2 {
    position: relative;
}

.pl-controls-2 {
    text-align: center;
    margin-bottom: 15px;
}

.pl-controls-2.plc-bottom {
    margin-top: 15px;
    margin-bottom: 0;
}

.pl-ctl-left-2,
.pl-ctl-right-2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 28px;
    border: 1px solid #d7d9db;
    font-size: 18px;
    text-align: center;
}

.pl-ctl-left-2:after,
.pl-ctl-right-2:after {
    content: "\34";
    font-family: ElegantIcons;
}

.pl-ctl-left-2:hover,
.pl-ctl-right-2:hover {
    color: #dc010196;
}

.pl-ctl-right-2 {
    margin-left: 3px;
}

.pl-ctl-right-2:after {
    content: "\35";
}

ul.pl-pages-2 {
    list-style-type: none;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.pl-pages-2 > li {
    visibility: hidden;
    position: absolute;
}

ul.pl-pages-2 > li .pl-item {
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.5s ease;
}

ul.pl-pages-2 > li.active {
    visibility: visible;
    position: static;
}

ul.pl-pages-2 > li.active .pl-item {
    transform: scale(1);
    -webkit-transform: scale(1);
}

ul.pl-pages-2 > li.animation {
    visibility: visible;
    position: static;
}


/* Stars rating */

.stars-rating {
    display: inline-block;
    width: 73px;
    height: 13px;
    background: url(../images/stars-rating-home-v2.png) 0 -13px no-repeat;
}

.stars-rating .stars {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/stars-rating-home-v2.png) 0 0 no-repeat;
}

.stars-rating.stars-5 .stars {
    width: 100%;
}

.stars-rating.stars-4 .stars {
    width: 80%;
}

.stars-rating.stars-3 .stars {
    width: 60%;
}

.stars-rating.stars-2 .stars {
    width: 40%;
}

.stars-rating.stars-1 .stars {
    width: 20%;
}

.stars-rating.stars-0 .stars {
    width: 0;
}


/* =========== Product list (list view) =========== */


/* Product list listview item */

.plv-item {
    margin-bottom: 30px;
    border: 1px solid #ebebeb;
    text-align: center;
}

.plv-item .plv-image figure {
    position: relative;
    height: 280px;
    line-height: 280px;
    overflow: hidden;
    border-right: 1px solid #ebebeb;
}

.plv-item .plv-image figure img {
    max-width: 100%;
    max-height: 100%;
    opacity: 1;
    vertical-align: middle;
    transition: opacity 0.5s ease;
    -moz-backface-visibility: hidden;
}

.plv-item .plv-image figure .plv-backside {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.plv-item .plv-image figure .plv-backside img {
    opacity: 0;
}

.plv-item .plv-image figure figcaption {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 55px;
    margin-bottom: -55px;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.5s ease;
}

@media (max-width: 767px) {
    .plv-item .plv-image figure figcaption {
        margin-bottom: 0;
    }
}

.plv-item .plv-image figure:hover .plv-w-backside img {
    opacity: 0;
}

.plv-item .plv-image figure:hover .plv-backside img {
    opacity: 1;
}

.plv-item .plv-image figure:hover figcaption {
    margin-bottom: 0;
}

.plv-item .plv-body {
    margin-left: -1px;
    padding: 25px 25px 10px;
    border-left: 1px solid #ebebeb;
    text-align: left;
}

.plv-item .plv-body .plv-header {
    line-height: 42px;
    border-bottom: 1px solid #ebebeb;
}

.plv-item .plv-body .plv-title {
    font-size: 16px;
    font-weight: 400;
    color: #212224;
}

.plv-item .plv-body .plv-title a {
    color: #212224;
}

.plv-item .plv-body .plv-title a:hover {
    color: #dc010196;
}

.plv-item .plv-body .plv-availability {
    font-size: 14px;
    text-align: right;
    color: #212224;
}

.plv-item .plv-body .plv-availability span {
    color: #a2a8af;
}

.plv-item .plv-body .plva-label {
    display: inline-block;
    margin-right: 10px;
}

.plv-item .plv-body .plv-price-block {
    line-height: 46px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ebebeb;
}

.plv-item .plv-body .plv-price {
    display: inline-block;
    margin-right: 70px;
    font-size: 19px;
    font-weight: 500;
    color: black;
}

.plv-item .plv-body .plv-reviews-count {
    display: inline-block;
    margin-left: 6px;
}

.plv-item .plv-body .plv-add-review {
    display: inline-block;
    margin-left: 16px;
}

.plv-item .plv-body .plv-add-review:before {
    content: '';
    display: inline-block;
    height: 16px;
    margin-right: 10px;
    margin-bottom: -3px;
    border-left: 1px solid #ebebeb;
}

.plv-item .plv-body .plv-exerpt {
    margin-bottom: 25px;
    font-size: 14px;
}

.plv-item .plv-body .plv-buttons .btn {
    margin-right: 15px;
    margin-bottom: 10px;
    font-size: 14px;
}

.plv-item .plv-body .plv-buttons .btn:last-child {
    margin-right: 0;
}

.plv-item .plv-body .plv-buttons .btn-prim-col {
    text-transform: none;
}

.dot-green,
.dot-red {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-bottom: -1px;
    border-radius: 50%;
    background-color: #93ca6c;
    vertical-align: baseline;
}

.dot-red {
    background-color: red;
}


/*===========================================================================*\
|  Clients block
\*===========================================================================*/

.client-item {
    margin-bottom: 20px;
}

.client-item:before,
.client-item:after {
    content: " ";
    display: table;
}

.client-item:after {
    clear: both;
}

.client-item figure {
    display: block;
    float: left;
    width: 80px;
    margin-top: 7px;
}

.client-item .ci-body {
    float: left;
    width: 100%;
    margin-left: -80px;
    padding-left: 100px;
}

.client-item p {
    margin-bottom: 5px;
}

.client-item .ci-name {
    color: black;
}


/*===========================================================================*\
|  Brands block
\*===========================================================================*/

.brands-list {
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 30px;
}

.brands-list:before,
.brands-list:after {
    content: " ";
    display: table;
}

.brands-list:after {
    clear: both;
}

.brands-list .bl-item {
    position: relative;
    float: left;
    width: 50%;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}

@media (min-width: 768px) {
    .brands-list .bl-item {
        float: left;
        width: 33.33333%;
    }
}

.brands-list .bl-item-inner {
    display: block;
    height: 100px;
    line-height: 100px;
    border: 1px solid #e6e8eb;
    text-align: center;
}


/*===========================================================================*\
|  News List
\*===========================================================================*/

.news-title {
    font-size: 18px;
    margin-bottom: 45px;
    text-align: center;
    /* text-transform: uppercase; */
}

.news-container {
    margin-bottom: 10px;
}

.news-item {
    margin-bottom: 30px;
    text-align: center;
}

.news-item.animate {
    transform: scale(0);
    -webkit-transform: scale(0);
    transition: all 0.5s ease;
}

.news-item.scale {
    transform: scale(1);
    -webkit-transform: scale(1);
}

.news-item .ni-body {
    padding: 30px;
    border: 2px solid #e6e8eb;
    border-top: 0;
    text-align: left;
}

@media (max-width: 767px) {
    .news-item .ni-body {
        border: 0;
    }
}

.news-item .ni-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: center;
    /* text-transform: uppercase; */
}

.news-item .ni-title-line {
    width: 60px;
    margin: 10px auto;
    border-top: 2px solid #dc010196;
}

.news-item .ni-info {
    display: block;
    margin-top: 17px;
    color: #b3b9c2;
}

.news-item .ni-info:before,
.news-item .ni-info:after {
    content: " ";
    display: table;
}

.news-item .ni-info:after {
    clear: both;
}

.news-item .ni-date {
    float: left;
}

.news-item .ni-date i {
    margin-right: 5px;
    color: #8a9099;
}

.news-item .ni-commments {
    float: right;
}

.news-item .ni-commments i {
    margin-right: 5px;
    color: #8a9099;
}

.news-loadmore {
    margin-top: 5px;
    border: 1px solid #e1e3e6;
    color: black;
    background-color: white;
}

.news-loadmore i {
    margin-right: 10px;
    color: #dc010196;
}

.news-loadmore:hover {
    color: white;
    background-color: #e1e3e6;
}


/*===========================================================================*\
|  Services Block
\*===========================================================================*/

.services-item {
    margin: 7px 7px 37px;
    padding: 30px;
    background-color: #b09965;
    border: 1px solid #eae3d5;
    -webkit-box-shadow: 0px 0px 0px 7px #b09965;
    -moz-box-shadow: 0px 0px 0px 7px #b09965;
    box-shadow: 0px 0px 0px 7px #b09965;
}

.services-item p,
.services-item h3,
.services-item a {
    margin: 0;
    color: white;
}

.services-item a:hover {
    color: #dc010196;
}

.services-item .si-icon {
    margin-top: 5px;
    margin-bottom: 12px;
    font-size: 30px;
    text-align: center;
}

.services-item .si-title {
    font-size: 30px;
    text-align: center;
}

.services-item .si-line {
    position: relative;
    height: 2px;
    margin: 19px 0 30px;
    border: 1px solid white;
    border-left: 0;
    border-right: 0;
}

.services-item .si-line:before,
.services-item .si-line:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -13px;
    left: 50%;
    margin-left: -6px;
    border: 6px solid transparent;
}

.services-item .si-line:before {
    border-top-color: white;
}

.services-item .si-line:after {
    bottom: -9px;
    margin-left: -4px;
    border-width: 4px;
    border-top-color: #b09965;
}

.services-item .si-content {
    margin-bottom: 8px;
}


/*===========================================================================*\
|  Review
\*===========================================================================*/

.comment {
   padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
}

.comment .img-cover {
   /* width: 100px;*/
    height: 98px;
    float: left;
    margin-top: 6px;
}

@media all and (max-width: 768px) {
    .comment .img-cover {
        /*width: 100%;*/
        float: none;
        margin-bottom: 20px;
    }
}

.comment .data {
    margin-left: 120px;
}

@media all and (max-width: 768px) {
    .comment .data {
        margin-left: 0;
    }
}

.comment .data > p {
    margin-bottom: 0;
}

.comment .data time {
    font: 14px 'Titillium Web', sans-serif;
    color: #a1a8b2;
    display: inline-block;
}

.comment .data:before,
.comment .data:after {
    content: "";
    display: block;
    clear: right;
}

.comment .comment-info {
    float: left;
}

.comment .name {
    font: 14px 'Titillium Web', sans-serif;
    color: #212224;
    display: inline-block;
    margin-right: 18px;
}

.comment .like-wrapper {
    float: right;
    text-align: right;
    margin-top: -5px;
}

@media all and (max-width: 768px) {
    .comment .like-wrapper {
        float: left;
        text-align: left;
        padding: 0;
    }
}

.comment .count {
    color: #dc010196;
    font-size: 16px;
    margin-left: 5px;
}

.comment .count:before {
    content: "(";
}

.comment .count:after {
    content: ")";
}

.comment .dislike {
    margin-left: 15px;
}

.comment .stars-rating {
    display: block;
    margin-bottom: 7px;
    margin-top: 3px;
}

.comment .reply {
    font-size: 14px;
    position: relative;
    left: 15px;
    top: 5px;
}

@media all and (max-width: 991px) {
    .comment .reply {
        left: 0;
    }
}

.comment .reply span {
    vertical-align: -2px;
}

.comment .comment-text {
    margin-top: 3px;
    font: 13px/1.6em 'Titillium Web', sans-serif;
    letter-spacing: 0.01em;
    color: #9198a1;
    float: left;
    display: inline-block;
}

.comment.second-lvl {
    padding-left: 40px;
}

.wp-pagenavi {
    margin-top: 25px;
    margin-bottom: 80px;
    float: left;
}

.wp-pagenavi .current {
    cursor: default;
}

.wp-pagenavi .btn {
    padding: 0;
    margin-right: 6px;
    font-size: 15px;
    line-height: 22px;
    vertical-align: middle;
    height: 25px;
    width: 25px;
    text-align: center;
    /* text-transform: uppercase; */
    position: relative;
}

.wp-pagenavi .btn:before {
    position: absolute;
    top: 50%;
    left: 45%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.wp-pagenavi .btn:last-child {
    margin-right: 0;
}

.by {
    margin-top: 28px;
    font: 14px 'Titillium Web', sans-serif;
}

.by a {
    color: #dc010196;
}

.by a:hover {
    color: #737880;
}


/*===========================================================================*\
|  Widgets
\*===========================================================================*/

.widget {
    margin-bottom: 40px;
}

.widget .wg-title {
    margin: 0 0 15px;
    color: black;
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    /* text-transform: uppercase; */
}

.widget .carousel {
    display: inline-block;
}


/* =============================== Categories =============================== */

.wg-categories {
    border-bottom: 1px solid #e1e3e6;
    padding-bottom: 35px;
}

.wg-categories-list {
    margin: 0;
    padding: 0 0 0 16px;
}

.wg-categories-list li {
    /*line-height: 25px;*/
}

.wg-categories-list li ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 12px;
}

.wg-categories-list .wgc-count {
    color: #a1a8b3;
}


/* =============================== Active Filters =============================== */

.wg-active-fiters {
    border: 2px solid #ebebeb;
    padding: 20px 10px;
}

.wg-active-fiters .wg-title {
    text-align: center;
}

.wg-active-fiters .wg-af-list {
    list-style-type: none;
    margin-bottom: 23px;
    padding: 0;
}

.wg-active-fiters .wg-af-list li {
    line-height: 25px;
}

.wg-active-fiters .wg-af-list li:before,
.wg-active-fiters .wg-af-list li:after {
    content: " ";
    display: table;
}

.wg-active-fiters .wg-af-list li:after {
    clear: both;
}

.wg-active-fiters .wg-af-list li label {
    margin: 0;
    color: black;
}

.wg-active-fiters .wg-afl-del {
    display: block;
    float: right;
    font-size: 18px;
}

.wg-active-fiters .close-btn {
    display: inline-block;
}


/* =============================== Price filter =============================== */

.wgpf-label {
    margin: 10px 0 0;
}

.wgpf-label label {
    margin: 0;
    /* text-transform: uppercase; */
}

.wgpf-label .price-range-label {
    color: black;
}


/* =============================== Filters List =============================== */

.wg-filterslist .wgfl-count {
    color: #a1a8b3;
    font-style: normal;
}

.wg-filterslist .wgfl-list {
    display: inline-block;
    list-style-type: none;
    padding: 0;
    margin-right: 25px;
    color: #737880;
}

.wg-filterslist .wgfl-list li {
    padding: 5px 0;
}

.wg-filterslist label {
    margin: 0;
}

.wg-filterslist a,
.wg-filterslist label {
    color: #737880;
    transition: all 0.3s ease;
}

.wg-filterslist a:hover,
.wg-filterslist label:hover {
    color: #dc010196;
}

.wg-filterslist input.stl[type=checkbox]:not(old) + label > span,
.wg-filterslist input.stl[type=radio]:not(old) + label > span {
    margin: .25em .5em .25em 0;
}

.color-option {
    width: 16px;
    height: 16px;
    padding: 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 6px;
    margin-right: 5px;
    border: 1px solid #666;
    vertical-align: middle;
}

.color-option.on {
    border: 2px solid black;
}

.wg-size-tabs {
    list-style-type: none;
    padding: 0;
    margin-left: 30px;
    margin-bottom: -2px;
    display: inline-block;
    font-size: 12px;
    color: #81878f;
    vertical-align: middle;
}

.wg-size-tabs:before,
.wg-size-tabs:after {
    content: " ";
    display: table;
}

.wg-size-tabs:after {
    clear: both;
}

.wg-size-tabs li {
    float: left;
    padding: 0 0 0 8px;
}

.wg-size-tabs li:after {
    content: '|';
    display: block;
    float: right;
    margin-left: 8px;
    color: #d3d6db;
}

.wg-size-tabs li:last-child:after {
    content: '';
}

.wg-size-tabs li.active a {
    color: #dc010196;
}

.wg-size-tabs li a {
    color: #959aa1;
}

.wg-size-tabs li a:hover {
    color: #dc010196;
}


/* =============================== Specials =============================== */

.wg-specials .wg-title {
    margin-bottom: 25px;
}

.wg-specials .wgsp-item figure {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 270px;
    line-height: 270px;
    border: 1px solid #ebebeb;
    text-align: center;
}

.wg-specials .wgsp-item figure img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.wg-specials .wgsp-title {
    margin-bottom: 0px;
    color: #212224;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.wg-specials .wgsp-title a {
    color: #212224;
}

.wg-specials .wgsp-title a:hover {
    color: #dc010196;
}

.wg-specials .wgsp-price {
    color: #dc010196;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.wg-specials.box-with-pager .bx-controls {
    top: 0;
}

@media (max-width: 767px) {
    .wg-specials.box-with-pager .bx-controls {
        top: 40px;
    }
}

.wg-specials .btn {
    min-width: 0;
}

.wg-specials .btn-grey {
    background-color: #e1e3e6;
    color: #212224;
}

.wg-specials .btn-grey:hover {
    background-color: #dc010196;
    color: white;
}


/* =============================== Viwed Products =============================== */

.wg-viwed-products .wg-title {
    margin-bottom: 25px;
}

.wg-viwed-products .wgvp-list {
    list-style-type: none;
    padding: 0;
}

.wg-viwed-products .wgvp-item {
    margin-bottom: 20px;
}

.wg-viwed-products .wgvp-item:before,
.wg-viwed-products .wgvp-item:after {
    content: " ";
    display: table;
}

.wg-viwed-products .wgvp-item:after {
    clear: both;
}

.wg-viwed-products .wgvp-item figure {
    float: left;
    overflow: hidden;
    width: 90px;
    height: 102px;
    line-height: 102px;
    margin-right: 20px;
    border: 1px solid #ebebeb;
    text-align: center;
}

.wg-viwed-products .wgvp-item figure img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
}

.wg-viwed-products .wgvp-item-title {
    margin-bottom: 0px;
    color: #212224;
    font-size: 14px;
    font-weight: 400;
}

.wg-viwed-products .wgvp-item-title a {
    color: #212224;
}

.wg-viwed-products .wgvp-item-title a:hover {
    color: #dc010196;
}

.wg-viwed-products .wgvp-item-price {
    color: #dc010196;
    font-size: 14px;
    font-weight: 500;
}


/* =============================== Our Stores =============================== */

@media (min-width: 768px) {
    .wg-our-stores {
        border-bottom: 1px solid #e1e3e6;
        padding-bottom: 35px;
    }
}

.wg-our-stores .wgos-discover {
    margin-top: 14px;
}

.wg-our-stores .wgos-discover .btn {
    padding-left: 30px;
}

.arrow-button:after {
    content: "тЖТ";
    display: inline-block;
    width: 43px;
    margin-left: 15px;
    padding-left: 0;
    padding-right: 10px;
    font-size: 18px;
    line-height: 22px;
    font-family: Arial;
    vertical-align: top;
    transition: all .2s ease 0;
}

.arrow-button:hover:after {
    padding-left: 10px;
    padding-right: 0;
}


/* =============================== Links =============================== */

.wg-links {
    border-bottom: 1px solid #e1e3e6;
    padding-bottom: 35px;
}

.wg-links-list {
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 16px;
}

.wg-links-list li {
    line-height: 25px;
}

.wg-links-list li ul {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 12px;
}


/*===========================================================================*\
|  _mediaelementplayer.scss
\*===========================================================================*/

.mejs-container {
    position: relative;
    background: #000;
    font-family: Helvetica, Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
}

.me-plugin {
    position: absolute;
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-fullscreen {
    /* set it to not show scroll bars so 100% will work */
    overflow: hidden !important;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
}

.mejs-clear {
    clear: both;
}


/* Start: LAYERS */

.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

:root .mejs-poster img {
    display: none;
}

.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-overlay-play {
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url('/images/mediaelementplayer/bigplay.svg') no-repeat;
}

.no-svg .mejs-overlay-button {
    background-image: url('/images/mediaelementplayer/bigplay.png');
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px;
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url('/images/mediaelementplayer/background.png');
    background: rgba(0, 0, 0, 0.9);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
    background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9));
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url('/images/mediaelementplayer/loading.gif') 50% 50% no-repeat;
}


/* End: LAYERS */


/* Start: CONTROL BAR */

.mejs-container .mejs-controls {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url('/images/mediaelementplayer/background.png');
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    height: 30px;
    width: 100%;
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    font-family: Helvetica, Arial;
    border: 0;
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url('/images/mediaelementplayer/controls.svg') no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url('/images/mediaelementplayer/controls.png');
}


/* :focus for accessibility */

.mejs-controls .mejs-button button:focus {
    outline: dotted 1px #999;
}


/* End: CONTROL BAR */


/* Start: Time (Current / Duration) */

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time span {
    color: #fff;
    font-size: 11px;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto;
}


/* End: Time (Current / Duration) */


/* Start: Play/Pause/Stop */

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}


/* Start: Play/Pause/Stop */


/* Start: Progress Bar */

.mejs-controls div.mejs-time-rail {
    direction: ltr;
    width: 200px;
    padding-top: 5px;
}

.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 180px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
}

@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 30px 0;
    }
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60, 170, 200, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8)));
    background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8));
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}


/*
.mejs-controls .mejs-time-rail:hover .mejs-time-handle {
	visibility:visible;
}
*/


/* End: Progress Bar */


/* Start: Fullscreen */

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}


/* End: Fullscreen */


/* Start: Mute/Volume */

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url('/images/mediaelementplayer/background.png');
    background: rgba(50, 50, 50, 0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0;
}

.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}


/*
.mejs-controls .mejs-volume-button:hover .mejs-volume-slider {
	display: block;
}
*/

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.5);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255, 255, 255, 0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0;
}


/* horizontal version */

.mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 60px;
    position: relative;
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50, 50, 50, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8)));
    background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
    background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255, 255, 255, 0.8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8)));
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}


/* End: Mute/Volume */


/* Start: Track (Captions and Chapters) */

.mejs-controls .mejs-captions-button {
    position: relative;
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url('/images/mediaelementplayer/background.png');
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


/*
.mejs-controls .mejs-captions-button:hover  .mejs-captions-selector {
	visibility: visible;
}
*/

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000);
    overflow: hidden;
    border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: none;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102, 102, 102, 0.7);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6)));
    background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6));
    filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal;
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.mejs-captions-position-hover {
    bottom: 45px;
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url('/images/mediaelementplayer/background.png');
    background: rgba(20, 20, 20, 0.8);
}


/* End: Track (Captions and Chapters) */


/* Start: Error */

.me-cannotplay a {
    color: #fff;
    font-weight: bold;
}

.me-cannotplay span {
    padding: 15px;
    display: block;
}


/* End: Error */


/* Start: Loop */

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}


/* End: Loop */


/* Start: backlight */

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}


/* End: backlight */


/* Start: Picture Controls */

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}


/* End: Picture Controls */


/* context menu */

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001;
    /* make sure it shows on fullscreen */
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica, Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2C7C91;
    color: #fff;
}


/* Start: Source Chooser */

.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url('/images/mediaelementplayer/background.png');
    background: rgba(50, 50, 50, 0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none !important;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none !important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica, arial;
    font-size: 10px;
}


/* End: Source Chooser */


/* Start: Postroll */

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/images/mediaelementplayer/background.png');
    background: rgba(50, 50, 50, 0.7);
    z-index: 1000;
    overflow: hidden;
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%;
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url('/images/mediaelementplayer/background.png');
    background: rgba(50, 50, 50, 0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer;
}


/* End: Postroll */


/*===========================================================================*\
|  Shortcodes
\*===========================================================================*/

.quote-author {
    color: #dc010196;
    font-size: 14px;
    margin-top: 10px;
    display: block;
}

.q-w-bg {
    background: #dc010196;
    color: #fff;
}

.quote-ic {
    font-size: 20px;
    float: left;
    width: 30px;
    margin-right: 5px;
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Opera, Chrome, and Safari */
}

.white {
    color: #fff;
}

.checked input,
.checked input:focus {
    border: 1px solid #79c257 !important;
}

.checked input:before {
    font-size: 18px;
}

.checked i {
    color: #79c257;
    font-size: 17px;
}

input.required-alert,
input.required-alert:focus,
.required-alert textarea {
    border: 1px solid #f54325 !important;
    color: #f54325;
}


/*===========================================================================*\
|  Login & Register
\*===========================================================================*/

.login-register {
    padding-top: 65px;
    padding-bottom: 40px;
}

.login-register .whith-f-t {
    border: 1px solid #d7d9db;
    max-width: 570px;
    min-height: 160px;
    margin: 0 auto;
    text-align: center;
}

.login-register .whith-f-t p {
    background-color: #fff;
    padding: 15px;
    display: inline-block;
    color: #737880;
    font-size: 14px;
    transform: translateY(-50%);
}

.login-register .whith-f-t a {
    display: inline-block;
    width: 195px;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase !important;
    margin: -10px 10px 20px 10px;
}

.login-register .whith-f-t a.facebook {
    background-color: #3c599f;
}

.login-register .whith-f-t a.facebook span {
    margin-right: 5px;
}

.login-register .whith-f-t a.twitter {
    background-color: #1ec7fd;
}

.login-register .whith-f-t a.twitter span {
    margin-right: 10px;
}

.login-register .login a {
    margin: 0;
    margin-left: 25px;
    vertical-align: bottom;
    color: #dc010196;
}

.login-register .login a:hover {
    color: #737880;
}

.login-register .login .stl {
    margin: 0;
    color: #6e747a;
    font-size: 14px;
    vertical-align: bottom;
}

.login-register .login .stl span {
    margin: 0;
    margin-right: 5px;
    vertical-align: bottom;
}

.login-register h6 {
    border-bottom: 1px solid #d7d9db;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.login-register form {
    margin-top: 45px;
    margin-bottom: 45px;
}

.login-register form > div {
    margin-left: 0;
    color: #6e747a;
    font-size: 14px;
    margin-bottom: 17px;
}

.login-register form > div > p {
    margin-bottom: 6px;
}

.login-register input {
    margin-bottom: 12px;
    margin-top: 5px;
    vertical-align: middle;
    height: 39px;
    line-height: 39px;
}

.login-register input[type=password] {
    margin-bottom: 8px;
}

.login-register input[type=submit],
.login-register button {
    width: 107px;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    padding: 0;
    text-align: center;
    /* text-transform: uppercase; */
    margin-right: 13px;
}


/*===========================================================================*\
|  404
\*===========================================================================*/

.page-404 {
    text-align: center;
    max-width: 570px;
    margin: 0 auto;
    padding-top: 95px;
}

.page-404 h1 {
    font: 600 180px/150px 'Titillium Web', sans-serif;
    margin: 0;
}

@media all and (max-width: 768px) {
    .page-404 h1 {
        font-size: 160px;
        line-height: 170px;
        overflow: hidden;
    }
}

.page-404 h5 {
    font-family: 'Titillium Web', sans-serif;
    margin: 0 0 30px 0;
}

.page-404 p {
    font-size: 14px;
    margin-bottom: 25px;
}

.page-404 p a {
    color: #dc010196;
}

.page-404 p a:hover {
    color: #737880;
}

.search input,
input[type=submit] {
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    padding-top: 0;
    padding-bottom: 0;
}

.search .field-icon {
    display: inline-block;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    right: 35px;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.page-404 .btn,
.subscribe .btn {
    width: 100%;
}

.best-product {
    border-top: 2px solid #212224;
    text-align: center;
    margin-top: 30px;
}

.best-product h6 {
    text-align: center;
    padding: 0px 20px;
    display: inline-block;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    background-color: #fff;
    margin-bottom: 20px;
}

.pl-pages {
    max-width: 100%;
    overflow: hidden;
}

.subscribe {
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 50px;
}

.subscribe h3 {
    margin: 0;
    line-height: 55px;
    text-align: center;
}

.subscribe h3 span {
    color: #8a9099;
    margin-right: 15px;
    font-size: 1.2em;
    vertical-align: -4px;
}

.subscribe form {
    vertical-align: middle;
    line-height: 50px;
}


/*===========================================================================*\
|  contact
\*===========================================================================*/

.contact {
    padding-top: 0px;
}

.contact form {
    margin-bottom: 70px;
}

.contact h6 {
    font-size: 16px;
    color: black;
    border-bottom: 1px solid #d7d9db;
    padding-bottom: 10px;
    margin-bottom: 30px;
    margin-top: 0;
}

.contact .google-maps {
    margin-bottom: 60px;
    padding-bottom: 420px;
}

.contact .person {
    margin-bottom: 38px;
    height: 80px;
}

.contact .person .img-cover {
    float: left;
    width: 80px;
    height: 80px;
}

.contact .person .name {
    font-size: 14px;
    color: #212224;
    line-height: 14px;
    margin-bottom: 20px;
}

.contact .person .name span {
    color: #a5adb8;
}

.contact .person .smart-phone,
.contact .person .email {
    margin-bottom: 9px;
}

.contact .smart-phone,
.contact .phone {
    margin-bottom: 17px;
    line-height: 18px;
}

.contact .smart-phone i,
.contact .phone i {
    font-size: 18px;
    margin-right: 15px;
    vertical-align: middle;
}

.contact .smart-phone span,
.contact .phone span {
    color: black;
    vertical-align: top;
}

.contact .email {
    margin-bottom: 15px;
}

.contact .email i {
    font-size: 16px;
    margin-right: 15px;
}

.contact .email a {
    color: #AF9541;
}

.contact .email a:hover {
    color: #737880;
}

.contact .skype i {
    font-size: 16px;
    margin-right: 15px;
}

.contact .skype a {
    color: #dc010196;
}

.contact .skype a:hover {
    color: #737880;
}

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

.contact .detail h6 {
    margin-top: 103px;
    margin-bottom: 20px;
}


/*===========================================================================*\
|  wishlist
\*===========================================================================*/

.clrfix:after,
.clrfix:before {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.user-info {
    border: 1px solid #d7d9db;
    margin-top: 60px;
    margin-bottom: 60px;
    width: 100%;
}

@media all and (max-width: 768px) {
    .user-info {
        display: block;
        width: 100%;
        border: none;
    }
    .user-info:after {
        content: "";
        display: block;
        width: 100%;
        clear: both;
        height: 0;
    }
    .user-info > thead,
    .user-info > tbody {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .user-info > thead > tr,
    .user-info > tbody > tr {
        display: block;
        width: 100%;
        max-width: 100%;
    }
    .user-info > thead > tr > td,
    .user-info > thead > tr th,
    .user-info > tbody > tr > td,
    .user-info > tbody > tr th {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        border: 1px solid #d7d9db;
        clear: both;
        float: left;
    }
    .user-info > thead > tr > td .wellcome,
    .user-info > thead > tr > td .last,
    .user-info > thead > tr th .wellcome,
    .user-info > thead > tr th .last,
    .user-info > tbody > tr > td .wellcome,
    .user-info > tbody > tr > td .last,
    .user-info > tbody > tr th .wellcome,
    .user-info > tbody > tr th .last {
        border-left: none;
    }
    .user-info > thead > tr > td.picture,
    .user-info > thead > tr th.picture,
    .user-info > tbody > tr > td.picture,
    .user-info > tbody > tr th.picture {
        border-bottom: none;
    }
}

.user-info .picture {
    text-align: center;
    width: 145px;
    min-width: 145px;
    max-width: 145px;
}

.user-info .picture .img-cover {
    display: inline-block;
    margin: 0;
    margin-top: 34px;
    width: 75px;
}

.user-info .picture .name {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 28px;
}

.user-info .picture .change-picture {
    margin-bottom: 19px;
}

.user-info .picture .change-picture i {
    display: block;
    text-align: center;
}

.user-info .picture .change-picture a {
    color: #dc010196;
}

.user-info .picture .change-picture a:hover {
    color: #737880;
}

.user-info .wellcome {
    border-left: 1px solid #d7d9db;
    border-bottom: 1px solid #d7d9db;
    padding-top: 37px;
    padding-bottom: 40px;
}

.user-info .wellcome h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.user-info .wellcome h4 span {
    color: #dc010196;
}

.user-info .wellcome .my-orders {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 3px;
}

.user-info .wellcome .view-cart {
    text-align: center;
}

@media all and (max-width: 768px) {
    .user-info .wellcome .view-cart {
        text-align: left;
    }
}

.user-info .wellcome .view-cart .btn {
    margin-top: 3px;
}

.user-info .last {
    border-left: 1px solid #d7d9db;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 8px;
}

.user-info .last p span {
    color: #dc010196;
    margin-left: 10px;
}

.user-info .last p span.price {
    font-size: 14px;
    font-weight: 600;
    color: #212224;
}

.left-menu {
    min-width: 145px;
    text-align: center;
    margin-bottom: 40px;
}

.left-menu div {
    width: 145px;
    height: 125px;
    background-color: #f5f5f5;
    text-align: center;
    font-size: 14px;
    padding-top: 40px;
    position: relative;
    color: #212224;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.left-menu div:hover {
    color: #dc010196;
}

@media all and (max-width: 992px) {
    .left-menu div {
        display: block;
        width: 100%;
        height: 70px;
        padding: 10px;
    }
}

.left-menu div:not(:last-child) {
    border-bottom: 1px solid #d7d9db;
}

@media all and (max-width: 992px) {
    .left-menu div:not(: last-child) {
        border: none;
        border-bottom: 1px solid #d7d9db;
    }
}

.left-menu div i {
    font-size: 1.7em;
}

.left-menu div.active {
    background-color: #dc010196;
    color: #fff;
}

.left-menu div.active:hover {
    color: #212224;
}

.left-menu div.active:after {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-left-color: #dc010196;
    right: -20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media all and (max-width: 992px) {
    .left-menu div.active:after {
        display: none;
    }
}

h6.account-table-head {
    margin-top: 0;
    border-bottom: 1px solid #d7d9db;
    padding-bottom: 10px;
    margin-bottom: 25px;
    /* text-transform: uppercase; */
}

#order-detail-content {
    margin-bottom: 100px;
}

#order-detail-content .table.table-bordered {
    /*border-color: #ebebeb;*/
}

#order-detail-content .table tbody > tr > td {
    vertical-align: top;
    padding-top: 20px;
    text-align: center;
    position: relative;
}

#order-detail-content .table tbody > tr > td:before {
    font: 14px 'Titillium Web', sans-serif;
}

#order-detail-content .table tbody > tr {
    position: relative;
}

#order-detail-content .table tbody > tr a.close-btn.ddr {
    display: inline-block;
    position: absolute;
    top: 15px;
    right: 12px;
    margin: 0;
}

@media all and (max-width: 767px) {
    #order-detail-content .table tbody > tr a.close-btn.ddr {
        top: auto;
        bottom: 20px;
    }
}

#order-detail-content .subtotal {
    padding-left: 20px;
    padding-right: 60px;
    text-align: left;
}

@media all and (max-width: 767px) {
    #order-detail-content .subtotal {
        padding: 0;
    }
    #order-detail-content .subtotal p {
        text-align: center;
    }
}

#order-detail-content .subtotal p {
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
}

#order-detail-content .subtotal.no-cls-btn {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    width: 120px;
}

#order-detail-content .table tbody > tr > td.default {
    width: 100px;
}

#order-detail-content .table tbody > tr > td.default span {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

#order-detail-content .table tbody > tr > td.date {
    width: 130px;
}

#order-detail-content .table tbody > tr > td.date span {
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

#order-detail-content .table tbody > tr > td.cart_quantity {
    text-align: center;
    width: 140px;
    vertical-align: top;
    padding-top: 20px;
}

#order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button {
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    clear: both;
}

#order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a {
    float: left;
    display: block;
    margin: 0;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    padding: 0;
    width: 30px;
    font-size: 20px;
    border: 1px solid #d7d9db;
    color: #8c929b;
    text-align: center;
}

#order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a:hover {
    color: #212224;
}

#order-detail-content .table tbody > tr > td.cart_quantity .cart_quantity_button a:focus:not(:hover) {
    background: none;
}

#order-detail-content .cart_quantity .cart_quantity_input {
    padding: 0;
    text-align: center;
    float: left;
    display: block;
    margin: 0;
    width: auto;
    min-width: 30px;
    text-indent: 0;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #212224;
    font-family: 'Titillium Web', sans-serif;
    border-left: none;
    border-right: none;
}

#order-detail-content .cart_quantity .cart_quantity_input:disabled {
    background-color: transparent;
    cursor: default;
}

#order-detail-content .table tbody > tr > td.cart_delete {
    padding: 0;
    width: 170px;
    vertical-align: top;
    padding-top: 20px;
}

#order-detail-content .table tbody > tr > td.cart_delete .btn {
    width: 120px;
    padding-left: 0;
    padding-right: 0;
}

#order-detail-content .table tbody > tr > td.cart_delete .remove {
    text-transform: none;
    font-size: 14px;
    color: #81878f;
    vertical-align: middle;
    text-align: left;
}

#order-detail-content .table tbody > tr > td.cart_delete .remove:hover {
    color: #212224;
}

#order-detail-content .table tbody > tr > td.cart_delete .remove i {
    font-size: 18px;
    vertical-align: -3px;
}

#order-detail-content .table tfoot > tr > td {
    vertical-align: middle;
}

#order-detail-content #cart_summary tbody td.cart_product {
    padding: 10px;
    width: 131px;
    text-align: center;
    vertical-align: middle;
}

#order-detail-content #cart_summary tbody td.cart_product img {
    border: none;
    vertical-align: middle;
}

#order-detail-content #cart_summary tbody td.cart_unit {
    text-align: center;
    vertical-align: top;
    padding-top: 20px;
    width: 120px;
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
}

#order-detail-content #cart_summary tbody td.cart_unit .old-price {
    text-decoration: line-through;
    color: #a3a3a3;
}

#order-detail-content #cart_summary tbody td.cart_description small {
    display: block;
    padding: 0;
    color: #36383b;
    font-family: 'Titillium Web', sans-serif;
    font-size: 14px;
}

#order-detail-content #cart_summary tbody td.cart_description small span {
    color: #9198a1;
}

#order-detail-content #cart_summary tbody td.cart_description {
    vertical-align: top;
    text-align: left;
}

#order-detail-content #cart_summary tfoot td.text-right {
    color: #333333;
    font-weight: bold;
}

#order-detail-content #cart_summary tfoot td.price {
    text-align: right;
}

#order-detail-content #cart_summary tfoot td.total_price_container span {
    color: #555454;
    font: 600 18px/22px 'Titillium Web', sans-serif;
    /* text-transform: uppercase; */
}

#order-detail-content #cart_summary tfoot td#total_price_container {
    background: none repeat scroll 0 0 white;
    color: #333333;
    font: 600 21px/25px 'Titillium Web', sans-serif;
}

#order-detail-content .table > tbody > tr > td.cart_description {
    padding: 20px;
}

#order-detail-content tfoot.dd-list-empty tr td {
    border: none;
}

#order-detail-content #cart_summary {
    margin-bottom: 0;
}

#order-detail-content .info {
    border: 1px solid #d7d9db;
    margin-bottom: 0;
    border-top: none;
    font: 14px/50px 'Titillium Web', sans-serif;
    color: black;
    height: 50px;
    vertical-align: middle;
    font-weight: 600;
    white-space: nowrap;
}

#order-detail-content .info.total span {
    color: #212224;
}

#order-detail-content .info.total span + span {
    color: #dc010196;
}

@media (max-width: 767px) {
    #order-detail-content {
        /*border-bottom: none;*/
    }
    #order-detail-content .info {
        border-left: none;
        border-right: none;
    }
    #order-detail-content #cart_summary table,
    #order-detail-content #cart_summary thead,
    #order-detail-content #cart_summary tbody,
    #order-detail-content #cart_summary th,
    #order-detail-content #cart_summary td,
    #order-detail-content #cart_summary tr {
        display: block;
    }
    #order-detail-content #cart_summary tbody td.cart_product {
        width: 100%;
    }
    #order-detail-content #cart_summary thead tr {
        left: -9999px;
        position: absolute;
        top: -9999px;
    }
    #order-detail-content #cart_summary tr {
        border-bottom: 1px solid #cccccc;
        overflow: hidden;
    }
    #order-detail-content #cart_summary td {
        border: medium none;
        float: left;
        position: relative;
        white-space: normal;
        width: 100%;
        display: block;
        text-align: center;
    }
    #order-detail-content #cart_summary td.cart_avail {
        clear: both;
    }
    #order-detail-content #cart_summary td.cart_quantity {
        clear: both;
        text-align: center;
    }
    #order-detail-content #cart_summary td.cart_delete {
        clear: both;
        float: right;
        width: 100%;
    }
    #order-detail-content #cart_summary tbody td.cart_unit {
        width: 100%;
        max-width: 100%;
    }
    #order-detail-content #cart_summary tbody td.cart_unit .old-price {
        display: block;
    }
    #order-detail-content #cart_summary td.cart_delete:before {
        display: inline-block;
        padding-right: 0.5em;
        position: relative;
        top: -3px;
    }
    #order-detail-content #cart_summary td:before {
        content: attr(data-title);
        display: block;
    }
    #order-detail-content #cart_summary tfoot td {
        float: none;
        width: 100%;
    }
    #order-detail-content #cart_summary tfoot td:before {
        display: inline;
    }
    #order-detail-content #cart_summary tfoot tr .text-right,
    #order-detail-content #cart_summary tfoot tr .price {
        display: block;
        float: left;
        width: 100%;
    }
    #order-detail-content .table {
       /* border-bottom: none;*/
    }
}

#order-detail-content .table > thead > tr > th {
    background: none repeat scroll 0 0 #ebebeb;
    border-bottom-width: 1px;
    border-color: #ebebeb;
    vertical-align: middle;
    color: #212224;
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
    /* text-transform: uppercase; */
    text-align: center;
    height: 46px;
    line-height: 46px;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#order-detail-content .product-name {
    color: #212224;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 0;
    height: 35px;
    margin-bottom: 15px;
	text-align:left;
}

#order-detail-content .product-name a {
    color: #212224;
    line-height: 23px;
}

#order-detail-content .product-name a:hover {
    color: #dc010196;
}

#order-detail-content .table .price,
#order-detail-content .subtotal p {
    color: #000;
    font-weight: 600;
    white-space: nowrap;
}


/*===========================================================================*\
|  account
\*===========================================================================*/

.personal-detail {
    margin-top: -18px;
    margin-bottom: 60px;
    overflow: hidden;
}

.personal-detail h6 {
    margin-top: 50px;
    margin-bottom: 20px;
}

.personal-detail .form-group {
    margin-bottom: 11px;
}

.personal-detail .form-group .hasCustomSelect {
    margin-top: 6px;
}

.personal-detail .btn {
    margin-top: 10px;
}

label.type-text {
    width: 100%;
    margin: 0;
    font: 13px 'Titillium Web', sans-serif;
    color: #212224;
}

label.type-text input {
    margin-top: 10px;
}


/*===========================================================================*\
|  Checkout
\*===========================================================================*/

.checkout-menu {
    padding-right: 30px;
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 60px;
}

.checkout-menu .btn {
    position: relative;
    height: 60px;
    line-height: 60px;
    vertical-align: middle;
    padding: 0;
    float: right;
}

.checkout-menu .btn:not(.btn-third-col) {
    color: #828A98;
}

.checkout-menu .btn:after,
.checkout-menu .btn:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    right: -15px;
    top: 0;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-right: none;
    border-left-width: 15px;
    border-left-style: solid;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.2s ease 0s;
}

.checkout-menu .btn.btn-third-col:after,
.checkout-menu .btn.btn-third-col:before {
    border-left-color: #dc010196;
}

.checkout-menu .btn.btn-third-col:hover:after,
.checkout-menu .btn.btn-third-col:hover:before {
    border-left-color: #dc010196;
}

.checkout-menu .btn:after {
    border-left-color: white;
    border-left-width: 15px;
    right: -14px;
}

.checkout-menu .btn:before {
    border-left-color: #ebedf0;
    right: -15px;
}

.checkout-menu .btn:hover:before,
.checkout-menu .btn:hover:after {
    border-left-color: #ebedf0;
}

.you-order {
    margin-bottom: 10px;
}

.you-order #order-detail-content .table tbody {
    width: 100%;
}

.you-order #order-detail-content .table tbody > tr {
    position: relative;
}

.you-order #order-detail-content .table tbody > tr a.close-btn.ddr {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 12px;
    margin: 0;
}

@media all and (max-width: 767px) {
    .you-order #order-detail-content .table tbody > tr a.close-btn.ddr {
        top: auto;
        bottom: 20px;
    }
}

.you-order #order-detail-content .table tbody > tr > td {
    border-top: none;
    position: static;
}

.you-order #order-detail-content .table tbody > tr > td.cart_description {
    border-right: none;
    padding-right: 40px;
}

.you-order #order-detail-content .table tbody > tr > td.cart_description .qty {
    margin-bottom: 15px;
    padding-top: 5px;
    font: 14px 'Titillium Web', sans-serif;
}

.you-order #order-detail-content .table tbody > tr > td.cart_description .qty span {
    color: #dc010196;
    font-size: 16px;
}

.you-order #order-detail-content .table tbody > tr > td.cart_product {
    border-right: 1px solid #d7d9db;
}

.you-order #order-detail-content .table > thead > tr > th {
    text-align: left;
    text-indent: 20px;
    font: 16px 'Titillium Web', sans-serif;
    vertical-align: middle;
    height: 43px;
    line-height: 0;
    padding-top: 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.you-order #order-detail-content {
    border: none;
}

.you-order #order-detail-content #cart_summary {
    border-collapse: collapse;
    border-left: 1px solid #d7d9db;
    border-right: 1px solid #d7d9db;
    border-top-width: 0 !important;
}

.you-order #order-detail-content #cart_summary td {
    position: relative;
}

.you-order #order-detail-content .info {
    height: 55px;
    font: 13px/55px 'Titillium Web', sans-serif;
    color: black;
    border-left: 1px solid #d7d9db;
    border-right: 1px solid #d7d9db;
}

.you-order #order-detail-content .info span + span {
    font-size: 15px;
}

.you-order #order-detail-content .info.total {
    font: 600 15px/55px 'Titillium Web', sans-serif;
    /* text-transform: uppercase; */
}

.you-order #order-detail-content .info .gray {
    color: #9198a1;
}

.you-order .mobile-collapse-header {
    font: 16px 'Titillium Web', sans-serif;
    background-color: #ebebeb;
    padding-left: 20px;
    padding-right: 20px;
    height: 45px;
    line-height: 43px;
    padding-top: 1px;
    vertical-align: middle;
    border: 1px solid #d7d9db;
}

.you-order .mobile-collapse-header:after {
    right: 15px;
}

.you-order .mobile-collapse-body {
    margin-top: 0;
}

.you-order .mobile-collapse-body .dd-list-empty {
    border: 1px solid #d7d9db;
    border-top: none;
}

h6.accordion-h6 {
    font: 600 16px 'Titillium Web', sans-serif;
    margin-top: 30px;
}

#accordion-order .accordion-header:hover,
#accordion-order .accordion-header:not(.collapsed) {
    background-color: #dc010196;
    color: white !important;
    border: 1px solid #dc010196;
}

#accordion-order .accordion-header:hover:after,
#accordion-order .accordion-header:not(.collapsed):after {
    border-color: #dc010196;
    color: white;
}

#accordion-order h6 {
    font: 600 16px 'Titillium Web', sans-serif;
    margin-top: 30px;
}

#accordion-order .accordion-body {
    padding-top: 0;
}

#accordion-order .checkbox {
    margin-bottom: 15px;
    margin-top: 0;
    height: auto;
}

#accordion-order .form-group input {
    height: 43px;
}

#accordion-order .btn.btn-md {
    width: 110px;
    padding: 0;
    vertical-align: middle;
    min-width: 0;
    font: 14px/38px 'Titillium Web', sans-serif;
}

#accordion-order label[for=checkbox3] {
    margin-bottom: 32px;
}

#accordion-order .customSelect {
    height: 43px;
}

#accordion-order .customSelect:after {
    margin: -19px -5px 0 0;
}

#accordion-order select.hasCustomSelect {
    width: calc(100% - 30px) !important;
}

#accordion-order .caption {
    display: none;
}

#accordion-order input[type=radio]:checked + label + .caption {
    display: block;
}

#accordion-order input[type=radio] + label {
    color: black;
    margin-left: 0;
    padding-left: 10px;
    margin-bottom: 5px;
    display: inline-block;
}

#accordion-order .form-group.radio {
    border-bottom: 1px solid #d7d9db;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 10px;
}

#accordion-order .form-group.radio img {
    margin-left: 10px;
}

#accordion-order .form-group.radio:first-child {
    border-top: 1px solid #d7d9db;
    padding-bottom: 10px;
    margin-top: 30px;
}

#accordion-order .big-button {
    text-align: center;
}

#accordion-order .big-button .btn-lg {
    font: 14px/54px 'Titillium Web', sans-serif;
    padding: 0;
    width: 250px;
    vertical-align: middle;
}


/*===========================================================================*\
|  Shopping Cart
\*===========================================================================*/

h6.gold-header {
    background-color: #dc010196;
    padding: 2px 0 0 15px;
    margin: 0;
    color: white;
    vertical-align: middle;
    font: 16px/46px 'Titillium Web', sans-serif;
    height: 46px;
}

.cart-detail {
    margin-bottom: 40px;
}

.info {
    height: 55px;
    font: 13px/55px 'Titillium Web', sans-serif;
    color: black;
    border-left: 1px solid #d7d9db;
    border-right: 1px solid #d7d9db;
    border-bottom: 1px solid #d7d9db;
    margin-top: 0;
    margin-bottom: 0;
}

.info span + span {
    font-size: 15px;
}

.info.total {
    font: 600 15px/60px 'Titillium Web', sans-serif;
    /* text-transform: uppercase; */
    height: 60px;
}

.info.total span {
    vertical-align: middle;
}

.info.total span + span {
    color: #dc010196;
    font-size: 18px;
}

.info .gray {
    color: #9198a1;
    font-size: 14px;
}

.calc-shipping {
    padding-top: 15px;
    border: 1px solid #d7d9db;
    margin-bottom: 40px;
    overflow: hidden;
}

.bottom-buttons input[type=text] {
    height: 46px;
    width: 100%;
    margin-bottom: 20px;
}

.bottom-buttons .btn {
    display: inline-block;
    height: 46px;
    text-align: center;
    width: 100%;
    font-size: 14px;
    min-width: 0;
    margin-bottom: 20px;
}

.mb-40 {
    margin-bottom: 40px !important;
}

#order-detail-content span.count {
    color: #212224;
    font: 16px 'Titillium Web', sans-serif;
}

#order-detail-content .subtotal p {
    text-align: center;
}

#order-detail-content .subtotal .close-btn + p {
    text-align: left;
}

@media all and (max-width: 767px) {
    #order-detail-content .subtotal .close-btn + p {
        text-align: center;
    }
}


/*===========================================================================*\
|  Order Complete
\*===========================================================================*/

.thank-you {
    margin-top: 0;
    margin-bottom: 30px;
}

.left-arrow-btn {
    position: relative;
}

.left-arrow-btn:before {
    line-height: 32px;
    font-family: Arial;
    content: "тЖТ";
    font-size: 25px;
    color: #dc010196;
    display: inline-block;
    float: left;
    transition: all .2s ease 0;
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.left-arrow-btn:hover:before {
    color: #fff;
}

.contact-info {
    width: 235px;
    float: right;
}

@media all and (max-width: 991px) {
    .contact-info {
        float: none;
        margin: 0 auto 40px auto;
    }
}

.contact-info p {
    margin-bottom: 5px;
}

.contact-info p span {
    color: #212224;
}

.contact-info h6 {
    font-size: 16px;
    margin-top: 0;
}

.contact-info h6 span {
    color: #9198a1;
    margin-right: 10px;
    font-size: 20px;
}

.contact-info .hr {
    display: block;
    height: 0;
    border-bottom: 1px solid #e1e3e6;
    margin-bottom: 20px;
    margin-top: 15px;
}


/*===========================================================================*\
|  wishlist
\*===========================================================================*/

.compare-div {
    position: relative;
    overflow: hidden;
}

.compare-div .compare-table {
    display: block;
    overflow-x: auto !important;
    width: auto;
    position: static !important;
    margin-left: 120px;
}

.compare-div .compare-table tbody {
    position: static;
    display: inline-block !important;
}

.compare-div .compare-table .dd-list-empty {
    width: 100%;
}

.compare-div .compare-table .dd-list-empty.visible {
    display: block;
}

.compare-div .compare-table .dd-list-empty > * {
    display: block;
    width: 100%;
}

.compare-div .compare-table tr {
    position: static !important;
    display: block;
    width: 100%;
    white-space: nowrap;
    display: inline-block !important;
    border: none;
}

.compare-div .compare-table tr td {
    white-space: normal;
    display: inline-block !important;
    padding: 20px;
    vertical-align: top;
    min-width: 150px;
    max-width: 265px;
    float: none !important;
    border-top: none;
    border-left: none;
    border-right: 1px solid #d7d9db;
}

.compare-div .compare-table tr td p {
    margin: 0;
}

.compare-div .compare-table tr td.row-title {
    width: 120px !important;
    min-width: 120px;
    max-width: 120px;
    margin-top: -1px;
    background-color: #ebebeb;
    font: 13px 'Titillium Web', sans-serif;
    color: #212224;
    text-align: left !important;
    position: absolute !important;
    left: 0;
    height: 100%;
}

.compare-div .compare-table tr.compare-image td.cart_product {
    padding: 0 !important;
    position: relative;
    height: 285px;
}

.compare-div .compare-table tr.compare-image td.cart_product a {
    height: 285px;
    width: 100%;
}

.compare-div .compare-table tr.compare-image td.cart_product .img-cover {
    height: 285px;
    width: 100%;
    position: relative;
}

.compare-div .compare-table tr.compare-image td.cart_product .img-cover img {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}

.compare-div .compare-table tr.compare-name td p.product-name {
    text-align: center !important;
}

.compare-div .compare-table tr.compare-description td p {
    text-align: justify;
}

.compare-div .compare-table tr.compare-brand td p {
    text-align: left;
    font: 14px 'Titillium Web', sans-serif;
    color: #212224;
}

.compare-div .compare-table tr.compare-size td p,
.compare-div .compare-table tr.compare-color td p {
    text-align: left;
    font-size: 14px;
}

.compare-div .compare-table tr.compare-availability td p span {
    display: inline-block;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #26cdb3;
    margin-right: 8px;
    vertical-align: -1px;
}

.compare-div .compare-table tr.compare-price td.cart_unit {
    width: auto;
}

.compare-div .compare-table tr.compare-add-cart td.cart_delete {
    padding: 20px !important;
}

.compare-div .compare-table tr.compare-control td.cart_delete {
    padding: 20px 0 20px 0 !important;
}

.compare-div .compare-table tr.compare-control td.cart_delete a {
    white-space: nowrap;
    margin-left: 7px;
    margin-right: 7px;
}

.compare-div .compare-table tr.compare-control td.cart_delete a span {
    margin-right: 8px;
    vertical-align: -1px;
}

#order-detail-content #cart_summary.compare-table tbody td.cart_unit {
    width: auto;
}

#order-detail-content #cart_summary.compare-table td:not(:last-child) {
    border-right: 1px solid #d7d9db;
}


/*===========================================================================*\
|  Blog
\*===========================================================================*/

.w100 {
    width: 100% !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media all and (max-width: 991px) {
    .container-sm-fullwidth {
        width: 100%;
    }
}

@media all and (max-width: 991px) {
    .container-collapse {
        width: 750px;
        margin: 0 auto !important;
        float: none;
    }
}

@media all and (max-width: 767px) {
    .container-collapse {
        width: 100%;
    }
}

@media all and (max-width: 991px) {
    .clearfix-sm:before,
    .clearfix-sm:after {
        content: "";
        display: block;
        clear: both;
    }
}

@media all and (max-width: 991px) {
    .sidebar {
        background-color: #f7f7f7;
        padding-left: 0;
        padding-right: 0;
    }
    .sidebar > div {
        padding-left: 0;
        padding-right: 10px;
    }
}

.sidebar > div {
    background-color: #f7f7f7;
}

.sidebar > div > div {
    padding-right: 5px;
}

.sidebar .mobile-collapse-header {
    margin-top: 30px;
}

@media all and (max-width: 991px) {
    .sidebar .mobile-collapse-header {
        margin-top: 0;
    }
}

.sidebar-subscribe .mobile-collapse-header {
    border-bottom: none;
    margin-bottom: 0;
}

.sidebar-subscribe .mobile-collapse-body .form-group {
    margin-bottom: 0;
}

.sidebar-subscribe .mobile-collapse-body form > div {
    margin: 0;
    padding: 0;
}

.sidebar-subscribe .mobile-collapse-body form > div button {
    height: 42px;
}

.sidebar-subscribe .mobile-collapse-body form > div .form-control {
    height: 42px;
    background-color: #fff;
    font-style: italic;
}

.sidebar-categories .mobile-collapse-header {
    margin-bottom: 10px;
}

.sidebar-categories ul {
    padding: 0;
}

.sidebar-categories ul li {
    position: relative;
    list-style: none;
    display: block;
    color: #63676e;
    border-bottom: 1px solid #d7d9db;
}

.sidebar-categories ul li a {
    display: block;
    position: relative;
    line-height: 40px;
    vertical-align: middle;
}

.sidebar-categories ul li a span {
    color: #a1a8b2;
    margin-left: 5px;
}

.sidebar-categories ul li a span:before {
    content: "(";
}

.sidebar-categories ul li a span:after {
    content: ")";
}

.sidebar-categories ul li:after {
    content: "5";
    display: inline-block;
    font-family: 'ElegantIcons';
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.2s ease 0s;
}

.sidebar-categories ul li:hover:after {
    color: #dc010196;
}

.sidebar .sidebar-popular-posts figure {
    white-space: nowrap;
}

.sidebar .sidebar-popular-posts .vertical-bx-1 figcaption {
    max-width: 200px;
    float: left;
}

.sidebar .sidebar-popular-posts .vertical-bx-1 figcaption p {
    font: 13px 'Titillium Web', sans-serif;
    color: #212224;
}

.sidebar .sidebar-popular-posts .vertical-bx-1 figcaption .post-info {
    color: #7c828a;
}

.sidebar .sidebar-comments .vertical-bx-1 figure {
    margin-bottom: 35px;
}

.sidebar .sidebar-comments .vertical-bx-1 figure figcaption {
    max-width: 200px;
}

.sidebar .sidebar-comments .vertical-bx-1 figure figcaption p {
    font: 13px 'Titillium Web', sans-serif;
    color: #9198a1;
}

.sidebar .sidebar-comments .vertical-bx-1 figure figcaption .post-info {
    color: #212224;
}

.sidebar .sidebar-comments .vertical-bx-1 figure figcaption .post-info span {
    color: #a5adb8;
}

.sidebar .sidebar-accordion .panel {
    background-color: transparent;
}

.sidebar .sidebar-accordion .panel .accordion-header {
    background-color: #fff;
}

.sidebar .sidebar-accordion .panel .accordion-header:hover {
    background-color: #dc010196;
}

.sidebar .sidebar-accordion .panel .accordion-body {
    border: none;
    background-color: transparent;
    padding-left: 2px;
    padding-right: 2px;
}

.sidebar .sidebar-tags .mobile-collapse-body {
    padding-right: 10px;
}

.sidebar .sidebar-tags .btn {
    padding: 12px;
    float: left;
    margin-right: 5px;
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
    font: 13px/28px 'Titillium Web', sans-serif;
    color: #9198a1;
    margin-bottom: 5px;
    border: 1px solid #e6e8eb;
}

.sidebar .sidebar-tags .btn:hover {
    color: white;
    border-color: #dc010196;
}

@media all and (max-width: 991px) {
    .sidebar .sidebar-flickr .mobile-collapse-header {
        border: none;
    }
}

.blog .cover,
.blog .article-info {
    padding-right: 0;
}

.blog .short-post {
    margin-bottom: 60px;
}

.blog .btn {
    /*margin-top: 15px;*/
}

.blog .left-info {
    padding-left: 0;
}

.blog .left-info > div {
    padding-right: 15px;
}

@media all and (max-width: 767px) {
    .blog .left-info > div {
        margin: 0;
        padding-right: 0;
        margin-right: -30px;
    }
}

@media all and (max-width: 767px) {
    .blog .left-info > div > div {
        display: inline-block;
        padding: 0;
    }
}

.blog .left-info span {
    padding: 0;
}

.blog .left-info .icon {
    background-color: #dc010196;
    width: 60px;
    height: 55px;
    text-align: center;
    padding: 0;
}

.blog .left-info .icon span {
    font-size: 25px;
    color: white;
    line-height: 55px;
    vertical-align: middle;
}

.blog .left-info .date {
    font: 14px 'Titillium Web', sans-serif;
    color: #010101;
    text-align: center;
    padding: 15px 0 12px 0;
    border-bottom: 1px solid #d7d9db;
    vertical-align: middle;
    margin-bottom: 10px;
}

@media all and (max-width: 767px) {
    .blog .left-info .date {
        border: none;
        padding: 0;
        line-height: 1;
    }
}

.blog .left-info .after-date {
    margin-bottom: 2px;
}

@media all and (max-width: 767px) {
    .blog .left-info .after-date {
        margin-bottom: 10px;
        margin-left: 20px;
        line-height: 1;
        vertical-align: middle;
        float: right;
    }
}

.blog .left-info .after-date span {
    margin-right: 8px;
    vertical-align: -2px;
}

.blog .carousel .carousel-control.left span {
    left: 30%;
}

.blog .carousel .carousel-control.right span {
    left: auto;
    right: 30%;
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

.blog .carousel .carousel-control span {
    border: 2px solid white;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 26px;
    padding-top: 2px;
}

.article-info {
    font: 11px 'Titillium Web', sans-serif;
    color: #7a7a7a;
}

.article-info .for-border-bottom {
    border-bottom: 1px solid #d7d9db;
}

.article-info .for-border-top {
    border-top: 1px solid #d7d9db;
    padding-top: 15px;
    margin-top: 25px;
}

.article-info span {
    display: inline-block;
    margin-right: 15px;
    line-height: 1em;
    padding-top: 6px;
    padding-bottom: 6px;
}

.article-info span > span {
    margin-right: 5px;
    font-size: 1.2em;
    vertical-align: -1px;
}

.article-info .views {
    float: right;
    margin-right: 5px;
}

.article-info .views span {
    vertical-align: -2px;
}

.article-info .social-buttons {
    float: right;
    margin: 0;
}

@media all and (max-width: 767px) {
    .article-info .social-buttons {
        float: none;
        display: block;
        margin: 55px auto 20px auto;
    }
}

.article-info .social-buttons li a:not(:hover) {
    background-color: transparent;
    border: 1px solid #d7d9db;
    color: inherit;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.article-info .social-buttons li a:hover {
    border: 1px solid transparent;
}

.custom-audio-player {
    width: 100% !important;
}

.custom-audio-player .mejs-controls {
    background: #393939;
    height: 100%;
}

.custom-audio-player .mejs-controls .mejs-time-rail span {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.custom-audio-player .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #b8b8b8;
}

.custom-audio-player .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #292828;
}

.custom-audio-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #292828;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.custom-audio-player .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #b8b8b8;
}

.custom-audio-player .mejs-button.mejs-playpause-button.mejs-play,
.custom-audio-player .mejs-button.mejs-playpause-button.mejs-pause {
    padding: 0;
    width: 30px;
    text-align: center;
    position: relative;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.2s ease 0s;
}

.custom-audio-player .mejs-button.mejs-playpause-button.mejs-play:hover,
.custom-audio-player .mejs-button.mejs-playpause-button.mejs-pause:hover {
    background-color: #dc010196;
}

.custom-audio-player .mejs-controls div {
    height: 100%;
}

.custom-audio-player .mejs-controls .mejs-button button {
    margin: 7px 0;
    padding: 0;
    float: none;
    display: inline-block;
    position: static;
}

blockquote.blog-quote {
    border: 1px solid #d7d9db;
    padding-top: 40px;
    padding-bottom: 40px;
    margin: 0;
}

blockquote.blog-quote p {
    font: italic 20px 'Titillium Web', sans-serif;
    color: black;
}

blockquote.blog-quote span {
    font: 14px 'Titillium Web', sans-serif;
    color: #dc010196;
}

.blog-nav {
    margin-bottom: 90px;
    border-top: 1px solid #d7d9db;
    margin-top: -25px;
    padding-top: 25px;
}

.blog-nav .wp-pagenavi {
    margin: 0;
}

.blog-nav .wp-pagenavi a,
.blog-nav .wp-pagenavi span {
    margin-top: 0;
}

@media all and (max-width: 767px) {
    .blog-nav > * {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }
}

.blog .comment.bordered {
    border: 1px solid #d7d9db;
    margin-top: 45px;
    margin-left: 0;
    padding-top: 27px;
    padding-left: 10px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.blog .comment.bordered .name {
    /* text-transform: uppercase; */
    margin-right: 8px;
}

.related-posts {
    margin-left: 0;
    margin-bottom: 45px;
}

.related-posts .title-type-1 {
    margin-bottom: 30px;
    font-size: 16px;
}

.related-posts li a {
    float: left;
    margin-right: 24px;
    width: 215px;
    height: 200px;
}

@media all and (max-width: 1199px) {
    .related-posts li a {
        float: none;
        display: block;
        margin: 15px auto;
    }
    .related-posts li a:before,
    .related-posts li a:after {
        content: "";
        display: block;
        clear: both;
    }
}

.related-posts li a:last-child {
    margin-right: 0;
}

@media all and (max-width: 1199px) {
    .related-posts li a:last-child {
        margin-right: auto;
    }
}

.related-posts .img-cover {
    width: 100%;
    height: 100%;
    margin: 0;
}

.blog .comment {
    margin-left: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.blog .comment:last-child {
    border: none;
}

.blog .review h6 {
    margin-bottom: 0;
}

.comment-count:before {
    content: "(";
}

.comment-count:after {
    content: ")";
}

#respond {
    margin-right: -30px;
}

#respond h6 {
    margin-bottom: 20px;
}

#respond .btn {
    margin-top: 0;
}

.single-post-nav {
    margin-top: 55px;
    margin-left: 0;
    font-size: 14px;
}

.single-post-nav .nav {
    padding-right: 0;
    margin-bottom: 0;
}

.single-post-nav .wp-pagenavi {
    margin-bottom: 20px;
}

.single-post-nav .wp-pagenavi a {
    vertical-align: middle;
    margin-bottom: 15px;
}

.single-post-nav .wp-pagenavi a span {
    vertical-align: top;
}

.blog h6 {
    font-size: 16px;
}


/*===========================================================================*\
|  Product page
\*===========================================================================*/

.product-top-line {
    padding: 23px 0 23px 10px;
    overflow: hidden;
    margin-top: 27px;
    margin-bottom: 40px;
    border-top: 1px solid #d7d9db;
    border-bottom: 1px solid #d7d9db;
}

.product-top-line .back-catalog {
    position: relative;
    height: 46px;
    line-height: 46px;
    vertical-align: middle;
    padding: 0;
    max-width: 155px;
    min-width: 130px;
}

.product-top-line .back-catalog:not(.btn-third-col) {
    color: #212224;
}

.product-top-line .back-catalog:after,
.product-top-line .back-catalog:before {
    content: "";
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    left: -15px;
    top: 0;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-right: none;
    border-right-width: 10px;
    border-right-style: solid;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.2s ease 0s;
}

.product-top-line .back-catalog.btn-third-col:after,
.product-top-line .back-catalog.btn-third-col:before {
    border-right-color: #dc010196;
}

.product-top-line .back-catalog.btn-third-col:hover:after,
.product-top-line .back-catalog.btn-third-col:hover:before {
    border-right-color: #dc010196;
}

.product-top-line .back-catalog:after {
    border-right-color: white;
    border-right-width: 10px;
    left: -9px;
}

.product-top-line .back-catalog:before {
    border-right-color: #ebedf0;
    left: -10px;
}

.product-top-line .back-catalog:hover:before,
.product-top-line .back-catalog:hover:after {
    border-right-color: #ebedf0;
}

.previous-product,
.next-product {
    width: 45px;
    height: 46px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px solid #d7d9db;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    float: left;
    margin-left: 10px;
}

.previous-product img,
.next-product img {
    position: absolute;
    width: 100%;
    height: auto;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease;
    -webkit-transition-delay: 0s;
    transition: all 0.2s ease 0s;
    top: 0;
    left: 0;
}

.previous-product span,
.next-product span {
    position: relative;
    z-index: 2;
}

.previous-product:hover,
.next-product:hover {
    color: white;
}

.previous-product:hover img,
.next-product:hover img {
    visibility: visible;
    opacity: 1;
}

.brand {
    float: right;
}

@media all and (max-width: 767px) {
    .brand {
        float: none;
        display: block;
        margin: 0 auto;
    }
}

.product-reviews {
    float: left;
    vertical-align: top;
}

.product-reviews > a {
    margin-right: 15px;
    margin-bottom: 10px;
    white-space: nowrap;
    vertical-align: top;
    line-height: 15px;
}

.product-reviews .stars-rating {
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    line-height: 15px;
}

@media all and (min-width: 1200px) {
    .product-info {
        padding: 0;
        margin-left: -15px;
    }
}

.product-info h3 {
    margin-top: 0;
    margin-bottom: 5px;
}

.product-info .hr {
    display: block;
    clear: both;
    padding-top: 10px;
    border-bottom: 1px solid #d7d9db;
    height: 0;
    margin-bottom: 15px;
    width: 100%;
}

.product-info .hr:before,
.product-info .hr:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.product-info .price {
    font: 600 26px/30px 'Titillium Web', sans-serif;
    color: black;
    vertical-align: middle;
    float: left;
    margin-bottom: 10px;
    margin-right: 20px;
}

.product-info .price .old-price {
    font: italic 18px/30px 'Titillium Web', sans-serif;
    color: #a3a3a3;
    text-decoration: line-through;
    vertical-align: middle;
}

.availability {
    color: #212224;
    margin-top: 2px;
    /* margin-bottom: 15px; */
    display: inline-block;
}

.availability {
    color: #9198a1;
    margin-left: 5px;
}

.availability span {
    display: inline-block;
    width: 11px;
    height: 11px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: -1px;
}

.availability span.in-stock {
    background-color: #26cdb3;
}

.availability span.out-stock {
    background-color: #c6c6c6;
}

@media all and (min-width: 0) {
    .col-xs-pull-left {
        float: left;
    }
}

@media all and (min-width: 768px) {
    .col-sm-pull-right {
        float: right;
    }
}

.availability + .hr {
    margin-bottom: 15px;
}

.data-info {
    font: 13px 'Titillium Web', sans-serif;
    color: #212224;
    margin-bottom: 5px;
}

.data-info span {
    color: #9198a1;
    margin-left: 5px;
}

.data-info + .hr {
    padding-top: 13px;
    margin-bottom: 15px;
}

.tech-info {
    font-size: 12px;
    color: #212224;
    list-style: none;
    padding-left: 0;
    margin-top: -2px;
    margin-bottom: 6px;
}

.tech-info div {
    padding-left: 0;
}

.tech-info span {
    display: block;
}

.tech-info span:before {
    content: "тАв\a0\a0";
}

.tech-info + .hr {
    margin-bottom: 15px;
}

.color-blocks .color {
    height: auto;
    padding: 0;
    margin: 0 7px 7px 0;
}

.color-blocks .color input {
    display: none;
}

.color-blocks .color label,
.color-blocks .color a {
    width: 33px;
    height: 34px;
    border: 1px solid #828385;
    padding: 1px;
    background-clip: content-box;
    cursor: pointer;
    float: left;
    margin: 0;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.color-blocks .color label.white,
.color-blocks .color a.white {
    background-color: white;
}

.color-blocks .color label.peach,
.color-blocks .color a.peach {
    background-color: #ff8f68;
}

.color-blocks .color label.blue,
.color-blocks .color a.blue {
    background-color: #2aabe1;
}

.color-blocks .color label.orange,
.color-blocks .color a.orange {
    background-color: #ff6c00;
}

.color-blocks .color label.yellow,
.color-blocks .color a.yellow {
    background-color: #ffe159;
}

.color-blocks .color label.lime,
.color-blocks .color a.lime {
    background-color: #93ca6c;
}

.color-blocks .color label.pink,
.color-blocks .color a.pink {
    background-color: #f7acbc;
}

.color-blocks .color label.cherry,
.color-blocks .color a.cherry {
    background-color: #e04145;
}

.color-blocks .color input:checked + label {
    border-width: 2px;
}

.color-blocks + .hr {
    padding-top: 13px;
    margin-bottom: 16px;
}

.secondary-font-family {
    font-family: Arial, Helvetica, sans-serif !important;
}

.size-blocks {
    margin-top: 8px;
    margin-bottom: 6px;
}

.size-blocks .size {
    height: auto;
    padding: 0;
    margin: 0 7px 7px 0;
}

.size-blocks .size input {
    display: none;
}

.size-blocks .size label,
.size-blocks .size a {
    width: 33px;
    height: 34px;
    border: 1px solid #828385;
    padding: 1px;
    background-clip: content-box;
    cursor: pointer;
    float: left;
    margin: 0;
    color: #71747a;
    font: 13px/32px 'Titillium Web', sans-serif;
    text-align: center;
    /* text-transform: uppercase; */
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.size-blocks .size input:checked + label {
    border-width: 2px;
    line-height: 30px;
}

.product-count {
    margin-right: 38px;
    margin-bottom: 13px;
    white-space: nowrap;
}

.product-count > *,
.product-count input.form-control {
    display: inline-block;
    width: 46px;
    height: 44px;
    font: 23px/42px 'Titillium Web', sans-serif;
    padding: 0;
    background-color: #fff;
    border: 1px solid #e1e3e6;
    vertical-align: middle;
    text-indent: 0;
    text-align: center;
}

.product-count input.form-control {
    margin-left: 5px;
    margin-right: 5px;
    cursor: default;
    color: #212224;
}

.product-count .btn:hover {
    color: #212224;
}

.product-count .btn:focus:not(:hover) {
    background: none;
    border-color: #e1e3e6;
}

.product-count .btn {
    color: #8a9099;
}

.product-info .add-cart {
    margin-bottom: 13px;
}

.btn-gray {
    background-color: #e3e3e3;
    color: #8a9099;
    margin-bottom: 13px;
    float: left;
    margin-right: 8px;
    font-size: 18px;
    line-height: 46px;
    height: 44px;
    width: 44px;
    padding: 0;
    text-align: center;
}

.product-info .btn-sec-col + .btn-gray {
    margin-left: 16px;
}

.product-tabs .nav.nav-tabs li {
    margin-right: 8px;
    margin-bottom: 8px;
}

.product-tabs .nav.nav-tabs li a {
    background-color: white;
    height: 40px;
    font: 12px/40px 'Titillium Web', sans-serif;
    color: #6e737a;
    border: 1px solid #e1e3e6;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 12px;
    padding-right: 12px;
}

.product-tabs .nav.nav-tabs li.active a,
.product-tabs .nav.nav-tabs li:hover a {
    background-color: #dc010196;
    color: #ffffff;
    border-color: transparent;
}

.product-tabs .nav.nav-tabs li.active a {
    cursor: default;
    position: relative;
}

.product-tabs .nav.nav-tabs li.active a:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #dc010196;
    position: absolute;
    bottom: -10px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.product-tabs .tab-content .tab-pane {
    border: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px;
}

.product-tabs .tab-content .tab-pane .type-text {
    font-family: 'Titillium Web', sans-serif;
}

.product-tabs .tab-content .tab-pane#tab-review .you-rating {
    margin-bottom: 17px;
}

.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-right: 7px;
    border-right: 1px solid #d7d9db;
    margin-right: 5px;
    -moz-background-clip: content;
    -o-background-clip: content-box;
    -webkit-background-clip: content;
    background-clip: content-box;
}

.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating .stars {
    width: 0;
}

.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating:hover .stars {
    width: 100%;
}

.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-1 {
    width: 14.6px;
}

.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-2 {
    width: 29.2px;
}

.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-3 {
    width: 43.8px;
}

.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-4 {
    width: 58.4px;
}

.product-tabs .tab-content .tab-pane#tab-review .you-rating .stars-rating.stars-5 {
    width: 73px;
}

.product-tabs .tab-content .tab-pane#tab-review textarea {
    margin-top: 10px;
}

.product-tabs .tab-content .tab-pane#tab-review button[type=submit] {
    padding-top: 11px;
    padding-bottom: 11px;
    font: 14px 'Titillium Web', sans-serif;
}


/*===========================================================================*\
|  Product page  -  Zoom
\*===========================================================================*/

.big-image {
    max-width: 648px;
    width: 100%;
    border: 1px solid #d7d9db;
    position: relative;
    text-align: center;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media all and (max-width: 1199px) {
    .big-image {
        float: none;
        margin-top: 37px;
    }
    .big-image .zoomWrapper {
        width: 100% !important;
        height: auto !important;
    }
    .big-image .zoomWrapper img {
        position: static !important;
        width: auto !important;
        height: auto !important;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .big-image .zoomWrapper img + img {
        position: absolute !important;
        top: 0 !important;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media all and (min-width: 1200px) {
    .big-image.product-page .zoomWrapper {
        min-height: 495px;
        line-height: 495px;
    }
    .big-image.product-page .zoomWrapper img {
        vertical-align: middle;
    }
}

.qview {
    overflow: hidden;
}

@media all and (max-width: 1199px) {
    .qview .product-images {
        text-align: center;
    }
}

.qview .zoom-content {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

@media all and (min-width: 768px) {
    .qview .zoom-content {
        display: inline-block;
        min-width: 605px;
    }
}

.qview .big-image {
    max-width: 500px;
    float: right;
    margin-top: 0;
}

@media all and (max-width: 767px) {
    .qview .big-image {
        float: none;
        margin: 0 auto;
    }
}

.qview .big-image .zoomWrapper {
    width: 100% !important;
    height: auto !important;
}

.qview .big-image .zoomWrapper img {
    position: static !important;
    width: auto !important;
    height: auto !important;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.qview .big-image .zoomWrapper img + img {
    position: absolute !important;
    top: 0 !important;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.qview .thumbnails {
    float: right;
    height: 600px;
    width: 90px;
    margin-right: 15px;
}

.qview .thumbnails .bx-viewport {
    height: 600px !important;
}

.qview .thumbnails .bx-controls-direction a {
    transform-origin: center center 0;
    line-height: 27px;
    position: absolute;
    bottom: -40px;
    top: auto;
    left: 50%;
    margin: 0;
}

.qview .thumbnails .bx-controls-direction a.bx-prev {
    -moz-transform: translateX(-100%) rotate(90deg);
    -ms-transform: translateX(-100%) rotate(90deg);
    -webkit-transform: translateX(-100%) rotate(90deg);
    transform: translateX(-100%) rotate(90deg);
}

.qview .thumbnails .bx-controls-direction a.bx-next {
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 50%;
}

.qview .thumbnails .bx-controls-direction a:hover {
    background: #dc010196;
    border-color: #dc010196;
    color: white;
}

.qview .thumbnails ul {
    padding: 0;
}

.qview .thumbnails ul li {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80px !important;
    height: 110px;
    line-height: 100px;
}

.qview .thumbnails ul li a {
    vertical-align: middle;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #d7d9db;
}

.qview .thumbnails ul li a.zoomThumbActive {
    border: 2px solid #dc010196;
}

.qview .thumbnails ul li a img {
    vertical-align: middle;
}

@media all and (max-width: 767px) {
    .qview .thumbnails {
        float: none;
        height: auto;
        width: auto;
        margin: 20px 0 0 0;
    }
    .qview .thumbnails .bx-viewport {
        height: auto !important;
    }
    .qview .thumbnails .bx-controls-direction a {
        bottom: 0;
    }
    .qview .thumbnails .bx-controls-direction a.bx-prev {
        -moz-transform: translateX(-100%) rotate(0);
        -ms-transform: translateX(-100%) rotate(0);
        -webkit-transform: translateX(-100%) rotate(0);
        transform: translateX(-100%) rotate(0);
    }
    .qview .thumbnails .bx-controls-direction a.bx-next {
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    .qview .thumbnails ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }
    .qview .thumbnails ul li a img {
        vertical-align: middle;
    }
}

.zoomLens {
    z-index: 99999;
    -webkit-transform: translateZ(1px);
}

.zoomContainer {
    overflow: visible;
}

.zoomContainer .zoomWindowContainer {
    display: none;
}

.zoomWrapper {
    position: relative;
    display: inline-block;
    width: 100% !important;
    height: auto !important;
}

.zoomWrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.zoomWrapper img {
    position: static !important;
    width: auto !important;
    height: auto !important;
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

.zoomWrapper img + img {
    position: absolute !important;
    top: 0 !important;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


/*********************************************************
/ When clicking on thumbs will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/

ul#thumblist {
    display: block;
}

ul#thumblist li {
    list-style: none;
    text-align: center;
}

ul#thumblist li a {
    display: block;
    border: 1px solid #CCC;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 120px;
    overflow: hidden;
    position: relative;
}

ul#thumblist li a img {
    height: 100%;
    width: auto;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

ul#thumblist li a.zoomThumbActive {
    border: 2px solid #c7c7c7;
}


/*===========================================================================*\
|  Product page  -  bxslider
\*===========================================================================*/

.thumbnails {
    max-width: 600px;
    position: relative;
}

.thumbnails .bx-controls-direction {
    height: 0;
}

.thumbnails .bx-controls-direction a {
    border: 1px solid #d7d9db;
    display: inline-block;
    font-size: 18px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    width: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.thumbnails .bx-controls-direction a:after {
    content: "4";
    font-family: ElegantIcons;
}

.thumbnails .bx-controls-direction a:hover {
    color: #dc010196;
}

.thumbnails .bx-controls-direction a.bx-next {
    left: auto;
    right: 0;
}

.thumbnails .bx-controls-direction a.bx-next:after {
    content: "5";
}

@media all and (max-width: 1199px) {
    .thumbnails .bx-controls-direction {
        height: 30px;
        text-align: center;
        margin-top: 15px;
    }
    .thumbnails .bx-controls-direction a {
        position: static;
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        margin: 0 15px;
        float: left;
    }
    .thumbnails .bx-controls-direction a.bx-next {
        float: right;
    }
}

.thumbnails .bx-controls-direction .disabled {
    visibility: hidden;
}

.product-images {
    overflow: hidden;
}

.product-images .article-info {
    max-width: 600px;
    padding: 0;
}

.article-info .share-wrapp {
    padding-top: 18px;
}

.article-info .share-wrapp .h7 {
    margin-top: 5px;
    float: left;
}

.article-info .print-wrapp {
    margin-top: 18px;
    margin-bottom: 30px;
    padding-top: 0;
}

.h7 {
    font: 600 13px 'Titillium Web', sans-serif;
    color: #212224;
}

.print {
    font-size: 14px;
    vertical-align: middle;
}

.print span {
    font-size: 16px;
    margin-right: 8px;
    vertical-align: middle;
}

.zoom-content {
    margin-bottom: 10px;
    position: relative;
}

.zoom-content #product-video-button,
.zoom-content #product-pupGallery-button {
    position: absolute;
    right: 30px;
    width: 40px;
    height: 37px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 37px;
    background-color: #d9d9d9;
    color: white;
    border: none;
}

.zoom-content #product-video-button:hover,
.zoom-content #product-pupGallery-button:hover {
    background-color: #dc010196;
}

.zoom-content #product-pupGallery-button {
    top: -1px;
    font-size: 16px;
}

@media all and (max-width: 1199px) {
    .zoom-content #product-pupGallery-button {
        top: 0px;
        left: 0px;
    }
}

.zoom-content #product-video-button {
    top: 41px;
    font-size: 18px;
}

@media all and (max-width: 1199px) {
    .zoom-content #product-video-button {
        top: 0px;
        left: 46px;
    }
}

.zoom-content-2 .big-image {
    float: left;
    border: none;
    max-width: 680px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
}

@media all and (max-width: 1199px) {
    .zoom-content-2 .big-image {
        float: none;
        margin: 0 auto;
    }
    .zoom-content-2 .big-image .zoomWrapper {
        width: 100% !important;
        height: auto !important;
    }
    .zoom-content-2 .big-image .zoomWrapper img {
        position: static !important;
        width: auto !important;
        height: auto !important;
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    .zoom-content-2 .big-image .zoomWrapper img + img {
        position: absolute !important;
        top: 0 !important;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@media all and (min-width: 1200px) {
    .zoom-content-2 .big-image .zoomWrapper {
        min-height: 565px;
        line-height: 565px;
    }
    .zoom-content-2 .big-image .zoomWrapper img {
        vertical-align: middle;
    }
}

.zoom-content-2 .big-image .zoomWindowContainer {
    display: none;
}

.zoom-content-2 .thumbnails {
    width: 205px;
    height: 611px;
    margin-top: 30px;
    margin-bottom: 30px;
    overflow: auto;
    float: right;
}

@media all and (max-width: 1199px) {
    .zoom-content-2 .thumbnails {
        width: 100%;
        float: none;
        margin: 20px auto;
        height: 220px;
        padding-left: 20px;
    }
}

.zoom-content-2 .thumbnails ul {
    width: 100%;
    padding: 0;
    display: block;
}

.zoom-content-2 .thumbnails ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.zoom-content-2 .thumbnails ul li a {
    display: block;
    border: 1px solid #d7d9db;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    width: 82px;
    height: 102px;
}

.zoom-content-2 .thumbnails ul li a.zoomThumbActive {
    border: 2px solid #dc010196;
}

.zoom-content-2 .thumbnails ul li a img {
    position: absolute;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#product-pupGallery-box .modal-body {
    background-color: whitesmoke;
    padding: 0;
}

@media all and (min-width: 1200px) {
    .qview .modal-dialog.modal-lg {
        width: 1150px;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    .qview .modal-dialog.modal-lg {
        width: 920px;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .qview .modal-dialog.modal-lg {
        width: 700px;
    }
}

.qview .modal-dialog.modal-lg .modal-body.modal-body-info {
    padding-left: 15px;
    padding-right: 15px;
}


/*===========================================================================*\
|  Category page 
\*===========================================================================*/


/* =============================== View options =============================== */

.cat-view-options {
    margin: 35px 0 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e3e6;
}

.cat-view-options .cvo-label {
    line-height: 30px;
    color: #212224;
    /* text-transform: uppercase; */
}

@media (min-width: 992px) {
    .cat-view-options .cvo-availability-col {
        padding-left: 0;
    }
}

.cat-view-options .form-group {
    margin-bottom: 10px;
}

.cat-view-options .form-control {
    height: 35px;
    padding: 0px 5px;
}

.cat-view-options .cvo-view-type {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
}

.cat-view-options .cvo-view-type li:last-child {
    padding-right: 0;
}

.cat-view-options .cvo-view-type a {
    display: inline-block;
    line-height: 10px;
    padding: 8px;
    border: 1px solid #e1e3e6;
}

.cat-view-options .cvo-view-type a svg {
    transition: all 0.3s ease;
    fill: #a1a8b2;
}

.cat-view-options .cvo-view-type a:hover svg,
.cat-view-options .cvo-view-type li.active a svg {
    fill: #dc010196;
}


/* =============================== Pagination =============================== */

.cat-pagination {
    margin-top: 20px;
    margin-bottom: 30px;
}

.cat-pagination .wp-pagenavi {
    float: none;
    margin: 0;
}

.cat-pagination .wp-pagenavi .btn {
    line-height: 25px;
    padding-left: 2px;
}

.cat-pagination .wp-pagenavi:before {
    position: static;
}

.cat-pagination .wp-pagenavi .nextpostlink {
    font-size: 18px;
}


/*===========================================================================*\
|	Home - Store
\*===========================================================================*/

.wg-categories.store-alt {
    border-bottom: none;
    padding-bottom: 10px;
}

.wg-title.store-alt {
    position: relative;
    padding-bottom: 17px;
}

.wg-title.store-alt:before {
    content: "";
    display: block;
    width: 90px;
    height: 2px;
    background-color: #0c0c0c;
    position: absolute;
    bottom: 0;
}

.wg-categories.store-alt h5 {
    font-size: 15px;
    text-align: left;
    margin-bottom: 2px;
}

.wg-categories.store-alt .wg-categories-list {
    padding-left: 0;
    list-style: none;
}

.wg-categories.store-alt .wg-categories-list li {
    line-height: 26px;
}

.wg-viwed-products.box-with-pager.store-alt {
    padding-top: 13px;
    margin-bottom: 35px;
}

.wg-viwed-products.box-with-pager.store-alt.bx-controls {
    top: 0;
}

.wg-viwed-products.box-with-pager.store-alt .wgvp-item {
    margin-bottom: 4px;
}

.wg-viwed-products.box-with-pager.store-alt .wgvp-item figure {
    background-color: #ebebeb;
}

.wg-viwed-products.box-with-pager.store-alt .wgvp-item figure img {
    vertical-align: middle;
}

.wg-tweets .top-box-btn-1 {
    top: 0;
}

.wg-tweets .tweets-group li {
    margin-bottom: 25px;
}

.wg-tweets .tweets-group li .reply {
    float: right;
    color: #a5adb8;
}

.wg-tweets .tweets-group li .reply:hover {
    color: #dc010196;
}

.wg-tweets .tweets-group li .reply span {
    vertical-align: -2px;
}

.wg-brands .brands-list .bl-item {
    width: 50%;
}

.wg-brands .box-with-pager .bx-controls {
    top: 0;
}

@media all and (max-width: 991px) {
    .wg-brands .box-with-pager .bx-controls {
        top: 40px;
    }
}

.back-line {
    text-align: center;
    margin-bottom: 25px;
    vertical-align: middle;
    position: relative;
}

.back-line h2 {
    margin: 0;
    padding: 0 20px;
    background-color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    line-height: 18px;
}

.back-line:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 2px;
    background-color: #0c0c0c;
    top: 50%;
    left: 0;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mobile-collapse.opened .mobile-collapse-header.back-line:after,
.mobile-collapse .mobile-collapse-header.back-line:after {
    content: "";
}

@media all and (max-width: 991px) {
    .widget.mobile-collapse.store-alt {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 40px;
    }
}

.store-alt-products .news-item {
    margin-bottom: 0;
}

#carousel-clients-say .client-item {
    text-align: center;
    padding-top: 25px;
}

#carousel-clients-say .client-item > * {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    float: none;
    text-align: center;
}

#carousel-clients-say .client-item img {
    max-width: 80px;
}

#carousel-clients-say .client-item .ci-body {
    margin-top: 12px;
}

#carousel-clients-say .carousel-indicators {
    bottom: 20px;
}

.news-container.store-alt .news-item .ni-body {
    padding: 15px;
}

.loadmore-wrapp {
    position: absolute;
    width: 100%;
    bottom: 50px;
    left: 0;
}

.news-loadmore.store-alt {
    margin-top: 15px;
}

.relative {
    position: relative;
}

@media all and (min-width: 992px) {
    .wg-specials.box-with-pager.store-alt .wg-title.mobile-collapse-header.store-alt {
        padding-right: 65px;
    }
}

@media all and (max-width: 991px) {
    .wg-specials.box-with-pager.store-alt .bx-controls {
        top: 40px;
    }
}

.wg-banner #carousel-banner {
    width: 100%;
    text-align: center;
}

.wg-banner #carousel-banner img {
    display: inline-block;
}


/*===========================================================================*\
|  Home v.2 boxed
\*===========================================================================*/

body.home-v2 {
    background: url("../images/home-2/bg.jpg");
}

.product-cats-tabs .container .text-center ul.product-categories li {
    margin: 0 10px;
}

.product-cats-tabs .container .text-center ul.product-categories li a {
    border: 1px solid lightgray;
    color: #57595e;
    padding: 4px 15px;
}

.product-cats-tabs .container .text-center ul.product-categories li.active {
    background: #FFC777;
}

.product-cats-tabs .container .text-center ul.product-categories li.active a {
    color: #ffffff;
    border-color: #ffc777;
}

.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row figure {
    line-height: normal !important;
    height: auto;
}

.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row figure a img {
    transition: all 0.5s ease 0s;
}

.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row figure:hover a img {
    transform: scale(1.1);
    transition: all 0.5s ease 0s;
}

.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row div.pl-item {
    margin-bottom: 35px;
}

.product-cats-tabs .container .tab-content .tab-pane .products-list ul li div.row p.pl-name {
    color: #FFC777;
}

.home-v2 header .top-menu ul.nav-menu li.nav-item > a {
    color: #FFC777;
}

.home-v2 header .top-menu ul.nav-menu li.nav-item:hover > a {
    color: #ffffff;
}

.home-v2 header #header-bar #shopping-cart-wrapper a.shp-ca .s-bag-1 {
    background: #ffc777;
}

.home-v2 .product-categories.moving-hover-line li.active > a {
    color: #FFC777;
}

.home-v2 .product-categories.moving-hover-line li.hover-line {
    background: #FFC777;
}

.home-v2 .products-list figure figcaption a.pl-button:hover {
    background-color: #FFC777;
}

.home-v2 .products-list figure figcaption {
    width: 99.9%;
}

.home-v2 .products-list .pl-item .pl-caption .stars-rating span.stars {
    background: url("../images/stars-rating-home-v2.png");
}

.home-v2 .products-list .pl-item.animate {
    transform: scale(0);
    transition: all 0.5s ease 0s;
}

.home-v2 .products-list .pl-item.scale {
    transform: scale(1);
}

.home-v2 .products-list .products-loadmore {
    color: #FFC777;
    background-color: white;
    border: 1px solid #e1e3e6;
}

.home-v2 .products-list .products-loadmore i {
    margin-right: 10px;
}

.home-v2 .products-list .products-loadmore:hover {
    background-color: #e1e3e6;
}

.home-v2 .news-loadmore {
    color: #FFC777;
}

.home-v2 .news-loadmore i {
    color: #FFC777;
}

.home-v2 .subscribe input[type="submit"] {
    background: #FFC777;
}

.home-v2 .news-list .ni-title-line {
    border-color: #FFC777;
}

.home-v2 .twitter-box .tweets-group a {
    color: #FFC777;
}

.home-v2 .most-popular-box i.arrow_carrot-right:hover {
    color: #FFC777;
}

.home-v2 .product-tags-box .tags a {
    color: #FFC777;
    background: #ffffff;
}

.home-v2 .pg-body section .container {
    padding-left: 30px;
    padding-right: 30px;
}

.home-v2 header .container {
    padding-left: 30px;
}

.home-v2 .rslide-caption-1 {
    background: rgba(0, 0, 0, 0.5);
    width: 37%;
    margin-left: auto;
    margin-right: auto;
    padding: 40px 25px;
    border: 1px solid #846c5a;
    margin-top: 9%;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .home-v2 .rslide-caption-1 {
        width: 80%;
        padding: 15px 15px;
        text-align: center;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .home-v2 .rslide-caption-1 {
        width: 60%;
        padding: 25px 20px;
        text-align: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .home-v2 .rslide-caption-1 {
        width: 60%;
        padding: 30px 25px;
        text-align: center;
    }
}

.home-v2 .rslide-caption-1 span {
    font-size: 38px;
    text-align: center;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .home-v2 .rslide-caption-1 span {
        font-size: 15px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .home-v2 .rslide-caption-1 span {
        font-size: 19px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .home-v2 .rslide-caption-1 span {
        font-size: 25px;
    }
}

.home-v2 .rslide-caption-1 p {
    color: white;
    text-align: center;
    margin-bottom: 0;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .home-v2 .rslide-caption-1 p {
        font-size: 10px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    .home-v2 .rslide-caption-1 p {
        font-size: 14px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .home-v2 .rslide-caption-1 p {
        font-size: 15px;
    }
}

.home-v2 .rslide-caption-1 .rslide-sub-caption-1 {
    padding-top: 15px;
    line-height: 15px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .home-v2 .rslide-caption-1 .rslide-sub-caption-1 {
        padding-top: 0;
    }
}

.home-v2 .rslides-container .rslides li .slider-container button.rslide-button-2 {
    background: #5c5c5c;
    border: none;
    color: white;
    padding: 0px 10px;
    font-size: 20px;
}

.home-v2 .rslides-container .rslides li .slider-container button.rslide-button-2:hover {
    background: #FFC777;
}

.home-v2 .rslides-container .rslides li .slider-container .slide-product-1 {
    left: 5%;
    position: absolute;
    top: 30%;
}

.home-v2 .rslides-container .rslides li .slider-container .slide-product-2 {
    right: 10%;
    position: absolute;
    top: 35%;
}

.home-v2 .rslides-container .rslides li .slider-container .slide-product-3 {
    right: 5%;
    position: absolute;
    top: 17%;
}

.home-v2 .rslides-container .rslides li .slider-container .slide-product {
    width: 13%;
}

.home-v2 .rslides-container .rslides li .slider-container .slide-product .slide-product-img {
    background: #111111 none repeat scroll 0 0;
    float: left;
    padding: 20px;
    width: 100%;
    margin-left: 25px;
    display: none;
}

.home-v2 .rslides-container .rslides li .slider-container .slide-product .slide-product-img .prod-img img {
    width: 100%;
}

.home-v2 .rslides-container .rslides li .slider-container .slide-product .slide-product-img .prod-title {
    float: left;
    width: 100%;
    color: white;
    padding-top: 10px;
}

.home-v2 .rslides-container .rslides li .slider-container .slide-product .slide-product-img .prod-price {
    float: left;
    width: 100%;
    color: #dead68;
}

.home-v2 .rslides_nav_block .rslides_nav:hover {
    background: #ffc777;
}

.home-v2 .we-offers i {
    color: #FFC777;
    margin-right: 10px;
}

.home-v2 .we-offers .btn-yet-col {
    transition: all 0.7s ease 0s;
}

.home-v2 #top-bar .list-inline li a.active {
    color: #FFC777;
}

.home-v2 #shopping-cart-wrapper .dd-products-price {
    color: #FFC777;
}

.home-v2 #shopping-cart-wrapper .s-bag-2::after {
    font-size: 20px;
}

.home-v2 footer .product-tags-box .tags a {
    background: #ffffff;
}

.home-v2 footer #social-buttons .facebook a {
    background: #064ca1;
}

.home-v2 footer #social-buttons .tweeter a {
    background: #27b9f2;
}

.home-v2 footer #social-buttons .gplus a {
    background: #da4735;
}

.home-v2 footer #social-buttons .youtube a {
    background: #e52d27;
}

.home-v2 footer #social-buttons .instantgram a {
    background: #306a92;
}

.home-v2 footer #social-buttons .skype a {
    background: #12a5f4;
}

.home-v2 #home1-slider {
    margin-bottom: 0;
    padding-bottom: 49%;
}

.rslide-button-1:after {
    content: "\2192";
}


/*===========================================================================*\
|  Home v.3 bookstore
\*===========================================================================*/

body.home-v3 header #top-bar .left-top-bar li a.active {
    color: #dc010196;
}

body.home-v3 header #header-bar #shopping-cart-wrapper .s-bag-1 {
    background: #dc010196;
}

body.home-v3 header #header-bar #shopping-cart-wrapper .active.dd-products-price {
    color: #dc010196;
}

body.home-v3 header #header-bar #header-logo .top-tag-line {
    border-left: 1px solid lightgray;
    display: inline;
    font-style: italic;
    margin-left: 15px;
    margin-top: -81px;
    padding: 5px 10px;
    vertical-align: bottom;
}

body.home-v3 header .top-menu .main-menu ul.nav-menu > li > a {
    color: #fff;
}

body.home-v3 .pg-body .store-alt-products .news-container .news-item {
    margin-bottom: 30px;
}

body.home-v3 .pg-body .store-alt-products .news-container .news-item figure figcaption .pl-button:hover {
    background: #dc010196;
}

body.home-v3 .pg-body .store-alt .news-container .news-item .ni-title-line {
    border-color: #dc010196;
}

body.home-v3 .pg-body .carousel.slide li {
    border-color: #dc010196;
}

body.home-v3 .pg-body .carousel.slide li.active {
    background: #dc010196;
    border-color: #dc010196;
}

body.home-v3 .pg-body .btn.news-loadmore .icon-reload {
    color: #dc010196;
}

body.home-v3 .pg-body .cat-sidebar .twitter-box .tweets-group li > p > a {
    color: #dc010196;
}

body.home-v3 .pg-body .cat-sidebar .bx-has-controls-direction .bx-controls-direction a:hover {
    color: #dc010196;
}

body.home-v3 .pg-body .cat-sidebar .wg-specials .vertical-bx-1 li {
    border: 1px solid #ebebeb;
}

body.home-v3 .pg-body .cat-sidebar .wg-specials .vertical-bx-1 li figure {
    height: 250px;
    border: none;
}

body.home-v3 .pg-body .cat-sidebar .wg-specials .vertical-bx-1 li p.wgsp-price {
    color: #dc010196;
}

body.home-v3 .pg-body .cat-sidebar .wg-viwed-products p.wgvp-item-price {
    color: #dc010196;
}

body.home-v3 .pg-body .subscribe form input[type="submit"] {
    background: #dc010196;
}

body.home-v3 footer .product-tags-box .tags a {
    background: #dc010196;
}

body.home-v3 footer #social-buttons .facebook a {
    background: #064ca1;
}

body.home-v3 footer #social-buttons .tweeter a {
    background: #27b9f2;
}

body.home-v3 footer #social-buttons .gplus a {
    background: #da4735;
}

body.home-v3 footer #social-buttons .youtube a {
    background: #e52d27;
}

body.home-v3 footer #social-buttons .instantgram a {
    background: #306a92;
}

body.home-v3 footer #social-buttons .skype a {
    background: #12a5f4;
}


/*===========================================================================*\
|  Home v.4 Boxed
\*===========================================================================*/

body.home-v4 {
    background: url("../images/home-4/bg.jpg");
    background-size: cover;
}

body.home-v4 header #top-bar .list-inline li a.active {
    color: #ff7455;
}

body.home-v4 header #header-bar .top-search-box {
    padding-left: 15px;
    padding-right: 15px;
}

body.home-v4 header #header-bar #shopping-cart-wrapper .s-bag-1 {
    background: #ff7455;
}

body.home-v4 header #header-bar .active.dd-products-price {
    color: #ff7455;
}

body.home-v4 header .top-menu {
    background: transparent;
}

body.home-v4 header .top-menu .main-menu ul.nav-menu > li > a {
    color: #FB8D74;
}

body.home-v4 header .top-menu ul.nav-menu > li a:hover {
    background: #ff7455;
    color: white;
}

body.home-v4 header .top-menu ul.nav-menu > li a:focus {
    background: #ff7455;
    color: white;
}

body.home-v4 header .top-menu ul.nav-menu > li a:focus:after {
    border-top-color: #ff7455;
}

body.home-v4 header .top-menu ul.nav-menu > li a.open:after {
    border-top-color: #ff7455;
}

body.home-v4 header .top-menu ul.nav-menu > li a.open {
    background: #ff7455;
    color: white;
}

body.home-v4 header .top-menu .container {
    background: white;
}

body.home-v4 header .top-menu .container .main-menu {
    background: #dc010196;
    margin: 0 15px;
}

body.home-v4 .carousel-control:hover {
    background: #ff7455;
}

body.home-v4 .carousel-control:hover {
    background: #ff7455;
}

body.home-v4 .pg-body .home1-slider {
    height: auto !important;
    position: relative !important;
    float: left !important;
}

body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow {
    background: transparent;
    border: 1px solid white;
    bottom: 40%;
    margin-left: -14%;
    margin-top: 5px;
    padding: 7px 35px;
    position: absolute;
    transition: all 0.5s ease 0s;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow {
        bottom: -36%;
        padding: 0px 5px;
        font-size: 12px;
        margin-left: -12%;
    }
}

body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow span {
    padding-left: 15px;
    font-size: 15px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow span {
        padding-left: 8px;
        font-size: 14px;
    }
}

body.home-v4 .pg-body .home1-slider .carousel-caption .ordernow:hover {
    color: #ff7455;
    border-color: #ff7455;
}

body.home-v4 .pg-body .home1-slider .services-item {
    margin-bottom: 28px;
    margin-top: 7px;
    padding-bottom: 10px;
    padding-top: 10px;
    background: #ff7455;
    box-shadow: 0 0 0 7px #ff7455;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v4 .pg-body .home1-slider .services-item .si-title {
        line-height: 35px;
    }
}

body.home-v4 .pg-body .home1-slider .services-item .si-content {
    text-align: center;
    padding: 10px;
}

body.home-v4 .pg-body .home1-slider > div {
    margin-top: 10px;
}

body.home-v4 .pg-body .most-popular-box .bx-controls-direction a:hover {
    color: #ff7455;
}

body.home-v4 .pg-body .latest-news .best-product {
    margin-top: 0;
}

body.home-v4 .pg-body .latest-news .news-list .ni-title-line {
    border-color: #ff7455;
}

body.home-v4 .pg-body .latest-news .news-list .news-loadmore {
    color: #ff7455;
}

body.home-v4 .pg-body .latest-news .news-list .news-loadmore i {
    color: #ff7455;
}

body.home-v4 .best-product {
    margin-top: 50px;
}

body.home-v4 .best-product .products-list {
    margin-bottom: 0;
}

body.home-v4 .best-product .products-list .pl-item figure {
    line-height: 250px;
    height: 270px;
}

body.home-v4 .best-product .products-list .pl-item .pl-button {
    font-size: 30px;
}

body.home-v4 .best-product .products-list .pl-item .pl-button:hover {
    background: #ff7455;
}

body.home-v4 .best-product .products-list .pl-item .pl-caption .stars-rating span.stars {
    background: url("../images/stars-rating-home-v4.png");
}

body.home-v4 .best-product .products-list .pl-item.animate {
    transform: scale(0);
    transition: all 0.5s ease 0s;
}

body.home-v4 .best-product .products-list .pl-item.scale {
    transform: scale(1);
}

body.home-v4 .best-product .products-list .news-loadmore {
    color: #ff7455;
}

body.home-v4 .best-product .products-list .news-loadmore i {
    color: #ff7455;
}

body.home-v4 .best-product .products-list.new-products .pl-item figure figcaption {
    padding: 15px 20px;
}

body.home-v4 .best-product .products-list.new-products .pl-item figure figcaption .pl-button {
    width: 100%;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v4 .best-product .products-list.new-products .pl-item figure figcaption {
        margin-bottom: -55px;
    }
}

body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption {
    height: 100%;
    background: #ff7455;
    padding: 15px 20px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption {
        margin-bottom: 0px !important;
    }
}

body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption .hover-title {
    color: white;
    text-align: left;
    margin: 0;
    font-size: 15px;
}

body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption .hover-para {
    line-height: 19px;
    color: white;
    text-align: left;
    margin-top: 2px;
}

body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption .pl-button {
    background: #1c1c1c;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
    color: #ff7455;
    padding: 1px;
}

body.home-v4 .best-product .products-list.new-products .pl-item figure:hover figcaption .pl-button i {
    margin: 0 10px;
    color: white;
}

body.home-v4 .best-product .products-list.new-products li.animate .pl-item {
    transform: scale(0);
    transition: all 0.5s ease 0s;
}

body.home-v4 .best-product .products-list.new-products li.scale .pl-item {
    transform: scale(1);
}

body.home-v4 footer #footer-1 {
    border: none;
    padding-top: 0;
}

body.home-v4 footer #footer-1 .subscribe {
    margin-top: 0;
    margin-bottom: 0;
    background: #f2f2f2;
}

body.home-v4 footer #footer-1 .subscribe .subscribe-left {
    background: #ff7455;
}

body.home-v4 footer #footer-1 .subscribe .subscribe-left:before {
    border-bottom: 30px solid transparent;
    border-right: medium none;
    border-style: solid none solid solid;
    border-top: 30px solid transparent;
    border-width: 21px medium 22px 15px;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -15px;
    top: 0;
    transition: all 0.2s ease 0s;
    width: 0;
    border-left-color: #ff7455;
}

body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 {
    line-height: 43px;
    color: white;
    font-size: 22px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 {
        font-size: 14px;
    }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 {
        font-size: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 {
        font-size: 16px;
    }
}

body.home-v4 footer #footer-1 .subscribe .subscribe-left h3 span {
    color: white;
}

@media screen and (min-width: 320px) and (max-width: 630px) {
    body.home-v4 footer #footer-1 .subscribe .subscribe-left {
        width: 97%;
    }
}

body.home-v4 footer #footer-1 .subscribe .subscribe-right {
    padding-right: 0;
}

body.home-v4 footer #footer-1 .subscribe .subscribe-right .placeholder-fix {
    background: transparent;
    border: none;
}

body.home-v4 footer #footer-1 .subscribe .subscribe-right .search {
    margin-bottom: 0px;
}

body.home-v4 footer #footer-1 .subscribe .subscribe-right form .col-sm-4 {
    padding-right: 0;
}

body.home-v4 footer #footer-1 .subscribe .subscribe-right form .col-xs-2 {
    padding-left: 0;
}

body.home-v4 footer #footer-1 .subscribe .subscribe-right form input[type="submit"] {
    float: right;
    height: 45px;
    width: 50%;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v4 footer #footer-1 .subscribe .subscribe-right form input[type="submit"] {
        width: 100%;
    }
}

body.home-v4 footer #footer-1 .subscribe .subscribe-right form input[type="submit"]:hover {
    background: #ff7455;
}

@media screen and (min-width: 320px) and (max-width: 630px) {
    body.home-v4 footer #footer-1 .subscribe .subscribe-right {
        width: 100%;
        margin-top: 1%;
    }
}

body.home-v4 footer .twitter-box li p a {
    color: #ff7455;
}

body.home-v4 footer .product-tags-box .tags a {
    background-color: #ff7455;
}

body.home-v4 footer #social-buttons .facebook a {
    background: #064ca1;
}

body.home-v4 footer #social-buttons .tweeter a {
    background: #27b9f2;
}

body.home-v4 footer #social-buttons .gplus a {
    background: #da4735;
}

body.home-v4 footer #social-buttons .youtube a {
    background: #e52d27;
}

body.home-v4 footer #social-buttons .instantgram a {
    background: #306a92;
}

body.home-v4 footer #social-buttons .skype a {
    background: #12a5f4;
}

#shopping-cart-wrapper .s-bag-2::after,
.arrow-btn::after {
    content: "\2192";
}


/*===========================================================================*\
|  Home v.5
\*===========================================================================*/

body.home-v5 {
    background: #f5f5f5;
    background-size: cover;
}

body.home-v5 .top-bar.container {
    padding-left: 0;
    padding-right: 0;
}

body.home-v5 #top-bar .list-inline li a.active {
    color: #fc7d9b;
}

body.home-v5 #header-bar .top-search-box {
    padding-left: 15px;
    padding-right: 15px;
}

body.home-v5 #header-bar #shopping-cart-wrapper .s-bag-1 {
    background: #fc7d9b;
}

body.home-v5 #header-bar .active.dd-products-price {
    color: #fc7d9b;
}

body.home-v5 .top-menu {
    background: transparent;
}

body.home-v5 .top-menu .main-menu ul.nav-menu > li > a {
    color: #FF99B1;
}

body.home-v5 .top-menu .main-menu ul.nav-menu > li a:hover {
    background: #fc7d9b;
    color: white;
}

body.home-v5 .top-menu .main-menu ul.nav-menu > li a:focus {
    background: #fc7d9b;
    color: white;
}

body.home-v5 .top-menu .main-menu ul.nav-menu > li a:focus:after {
    border-top-color: #fc7d9b;
}

body.home-v5 .top-menu .main-menu ul.nav-menu > li a.open:after {
    border-top-color: #fc7d9b;
}

body.home-v5 .top-menu .main-menu ul.nav-menu > li a.open {
    background: #fc7d9b;
    color: white;
}

body.home-v5 .top-menu .container {
    background: white;
}

body.home-v5 .top-menu .container .main-menu {
    background: #dc010196;
    margin: 0 15px;
}

body.home-v5 #home1-slider {
    padding-bottom: 0;
    height: auto;
}

body.home-v5 #home1-slider .home1-slider {
    height: auto;
    position: relative;
    float: left;
}

body.home-v5 .carousel-control:hover {
    background: #fc7d9b;
}

body.home-v5 .carousel-control:hover {
    background: #fc7d9b;
}

body.home-v5 .pg-body .home1-slider .rslides_nav_block {
    bottom: 57px;
}

body.home-v5 .pg-body .home1-slider .rslides_nav_block a.carousel-control {
    width: 45px;
    height: 45px;
    line-height: 45px;
    margin-top: -27px;
    background-image: none;
    background: white;
    opacity: 1;
    text-shadow: none;
    color: gray;
}

body.home-v5 .pg-body .home1-slider .rslides_nav_block a.carousel-control:hover {
    background: #fc7d9b !important;
    color: white;
}

body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption {
    top: 27%;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption {
        top: 0px;
    }
}

body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers ul {
    width: 100%;
    padding-left: 14%;
}

body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers ul li {
    float: left;
    margin-right: 25px;
    padding-left: 8px;
}

body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers ul li:first-child {
    list-style: none;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers ul li {
        font-size: 10px;
        list-style: outside !important;
    }
}

body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 {
    color: white;
    border-top: 2px solid white;
    border-bottom: 2px solid white;
    font-size: 326%;
    font-weight: bold;
    padding: 23px 0 20px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 {
        font-size: 140%;
        top: 0;
        margin-top: 8px;
        padding: 3% 0;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 {
        font-size: 217%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 {
        font-size: 196%;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1199px) {
    body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers h1 {
        font-size: 260%;
    }
}

body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers .shopnow {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #e1e3e6;
    padding: 6px 30px;
    transition: all 0.5s ease 0s;
}

body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers .shopnow:hover {
    color: #fc7d9b;
    border-color: #fc7d9b;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers .gap-50 {
        margin-top: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    body.home-v5 .pg-body .home1-slider .carousel-inner .carousel-caption .exclusively-flowers .gap-50 {
        margin-top: 20px;
    }
}

body.home-v5 .pg-body .home1-slider .slide-left {
    width: 70.667%;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .home1-slider .slide-left {
        width: 100%;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    body.home-v5 .pg-body .home1-slider .slide-left {
        width: 100%;
    }
}

body.home-v5 .pg-body .home1-slider .mini-slide {
    width: 29.333%;
}

body.home-v5 .pg-body .home1-slider .mini-slide .slide-right {
    margin-bottom: 30px;
}

body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption {
    position: absolute;
    top: 8%;
    width: 90%;
    text-align: center;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
    body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption {
        top: 4%;
    }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
    body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .gap-50 {
        margin-top: 35px;
    }
}

body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .birthday-coll {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    color: white;
    font-size: 20px;
    margin: 0 auto;
    padding: 5%;
    text-align: center;
    width: 75%;
    border: 1px solid #7f6851;
}

body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .birthday-coll span {
    color: #fc7d9b;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .birthday-coll {
        font-size: 15px;
    }
}

@media screen and (min-width: 768px) and (max-width: 990px) {
    body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .birthday-coll {
        font-size: 12px;
    }
}

body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .watchnow {
    background: #fc7d9b;
    border: none;
    margin: 0 auto;
    color: white;
    padding: 10px 25px;
    transition: all 0.5s ease 0s;
}

body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .watchnow:hover {
    background: #fc609b;
}

@media screen and (min-width: 768px) and (max-width: 990px) {
    body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption .watchnow {
        padding: 7px 20px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    body.home-v5 .pg-body .home1-slider .mini-slide .slide-right .slide-right-caption {
        width: 60%;
        left: 20%;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .home1-slider .mini-slide .slide-right {
        width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    body.home-v5 .pg-body .home1-slider .mini-slide .slide-right {
        width: 100%;
        text-align: center;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .home1-slider .mini-slide {
        width: 100%;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    body.home-v5 .pg-body .home1-slider .mini-slide {
        width: 100%;
    }
}

body.home-v5 .pg-body .home1-slider > div {
    margin-top: 10px;
}

body.home-v5 .pg-body .we-offers .btn-yet-col {
    background: #f5f5f5;
    transition: all 0.5s ease 0s;
    width: 100%;
    text-align: left;
    font-weight: 500;
    padding-top: 15px;
    padding-bottom: 15px;
}

body.home-v5 .pg-body .we-offers .btn-yet-col i.fa {
    background: white;
    border-radius: 50%;
    padding: 15px;
    color: #fc7d9b;
    margin-right: 15px;
    float: left;
    font-size: 23px;
}

body.home-v5 .pg-body .we-offers .btn-yet-col span {
    font-size: 12px;
    display: block;
    text-align: left;
    line-height: 5px;
}

body.home-v5 .pg-body .we-offers .btn-yet-col:hover {
    border: 1px solid #fc7d9b;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    body.home-v5 .pg-body .we-offers > .container > div.row > div {
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
    body.home-v5 .pg-body .we-offers > .container > div.row > div {
        width: 100%;
    }
}

body.home-v5 .pg-body .product-cats-tabs .product-categories li.active {
    background: #fc7d9b;
    border-color: #fc7d9b;
}

body.home-v5 .pg-body .product-cats-tabs .product-categories li.active a {
    border: #fc7d9b;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    body.home-v5 .pg-body .product-cats-tabs .product-categories li {
        float: left;
    }
}

body.home-v5 .pg-body .product-cats-tabs .product-categories li:hover {
    background: #fc7d9b;
    border-color: #fc7d9b;
}

body.home-v5 .pg-body .product-cats-tabs .product-categories li:hover a {
    color: white;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list {
    margin-bottom: 0;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item {
    margin-bottom: 15px !important;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item .pl-caption {
    padding-bottom: 10px;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item .pl-caption .pl-name {
    padding-top: 10px;
    font-size: 17px;
    padding-bottom: 0px;
    color: black;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item .pl-caption span {
    font-size: 18px;
    font-weight: bold;
    color: #fc7d9b;
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item .pl-caption {
        width: 100%;
        margin: 0 auto;
        margin-top: -1px;
        max-width: 268px;
    }
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item figcaption {
    background: rgba(0, 0, 0, 0.4);
    padding-left: 6%;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item figcaption .pl-button {
    background: rgba(252, 125, 155, 0.8);
    border-radius: 50%;
    font-size: 25px;
    width: 22%;
    margin-right: 2%;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item figcaption {
        margin-bottom: -55px;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item figcaption {
        margin-bottom: -55px;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item {
        width: 100%;
    }
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover .pl-caption {
    background: #fc7d9b;
    transition: all 0.5s ease 0s;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover .pl-caption .pl-name {
    color: white;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover .pl-caption span {
    color: white;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover figcaption {
    height: 100%;
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    padding-top: 40%;
    padding-left: 6%;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li .pl-item:hover figcaption .pl-button {
    background: rgba(252, 125, 155, 0.8);
    border-radius: 50%;
    font-size: 25px;
    width: 22%;
    margin-right: 2%;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li figure {
    margin-bottom: -1px;
}

body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li figure:hover a img {
    transform: none !important;
}

@media screen and (min-width: 320px) and (max-width: 1023px) {
    body.home-v5 .pg-body .product-cats-tabs .tab-content .products-list ul li figure {
        width: 100%;
        margin: -1px auto 0;
        max-width: 268px;
    }
}

body.home-v5 .pg-body .best-product {
    margin-top: 50px;
}

body.home-v5 .pg-body .shop-range {
    /*****************************/
    /* Plugin styles */
}

body.home-v5 .pg-body .shop-range #carousel-example-generic {
    display: inline-block;
}

@media screen and (min-width: 480px) and (max-width: 767px) {
    body.home-v5 .pg-body .shop-range #shop-by-flower {
        max-width: 470px;
        margin: 0 auto;
    }
}

body.home-v5 .pg-body .shop-range ul.thumbnails-carousel {
    padding: 5px 0 0 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}

body.home-v5 .pg-body .shop-range ul.thumbnails-carousel .center {
    display: inline-block;
}

body.home-v5 .pg-body .shop-range ul.thumbnails-carousel li {
    margin-right: 7px;
    float: left;
    cursor: pointer;
    opacity: 0.5;
    margin-bottom: 10px;
    min-height: 92px;
}

body.home-v5 .pg-body .shop-range ul.thumbnails-carousel li:hover {
    opacity: 1 !important;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .shop-range ul.thumbnails-carousel li {
        border: none;
        margin-bottom: 5px;
    }
}

body.home-v5 .pg-body .shop-range ul.thumbnails-carousel li:last-child {
    margin-right: 0;
}

body.home-v5 .pg-body .shop-range .controls-background-reset {
    top: 39%;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .shop-range .controls-background-reset {
        top: 27%;
    }
}

body.home-v5 .pg-body .shop-range .active-thumbnail {
    border: 2px solid #fc7d9b;
    opacity: 1 !important;
}

body.home-v5 .pg-body .shop-range .indicators-fix {
    bottom: 70px;
}

body.home-v5 .pg-body .shop-range .product-title,
body.home-v5 .pg-body .shop-range .shop-style,
body.home-v5 .pg-body .shop-range .product-description {
    text-align: left;
}

body.home-v5 .pg-body .shop-range .product-title,
body.home-v5 .pg-body .shop-range .shop-style {
    padding-bottom: 10px;
}

body.home-v5 .pg-body .shop-range .product-title {
    margin-top: 0;
}

body.home-v5 .pg-body .shop-range .prod-actions {
    text-align: left;
}

body.home-v5 .pg-body .shop-range .prod-actions button {
    background: transparent;
    border: 1px solid #e1e3e6;
    padding: 8px 15px;
    transition: all 0.5s ease 0s;
}

body.home-v5 .pg-body .shop-range .prod-actions button:hover {
    background: #fc7d9b;
    border-color: #fc7d9b;
    color: white;
}

body.home-v5 .pg-body .shop-range .shop-style-list .style-list .btn-yet-col {
    float: left;
    color: #fc7d9b;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    body.home-v5 .pg-body .shop-range .shop-style-list .style-list .btn-yet-col {
        clear: both;
    }
}

body.home-v5 .pg-body .shop-range .shop-style-list .style-list .btn-yet-col:after {
    right: -35px;
    color: #fc7d9b;
}

body.home-v5 .pg-body .shop-range .shop-style-list .style-list .btn-yet-col:hover:after {
    right: -40px;
}

body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item {
    border: 1px solid #e1e3e6;
    height: 73px;
    padding: 8px;
    width: 19%;
    margin: 2px;
    cursor: pointer;
}

body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item:hover {
    border: 2px solid #fc7d9b;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item {
        width: 23%;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item {
        width: 15%;
    }
}

body.home-v5 .pg-body .shop-range .shop-style-list .style-list .list-item:nth-child(3n+2) {
    margin-right: 0 !important;
}

body.home-v5 .pg-body .pl-button:hover {
    background: #fc7d9b;
}

body.home-v5 .pg-body .products-list .pl-item.animate {
    transform: scale(0);
    transition: all 0.5s ease 0s;
}

body.home-v5 .pg-body .products-list .pl-item.scale {
    transform: scale(1);
}

body.home-v5 .pg-body .news-loadmore {
    color: #fc7d9b;
    transition: all 0.5s ease 0s;
}

body.home-v5 .pg-body .news-loadmore i {
    color: #fc7d9b;
}

body.home-v5 .pg-body .client-says .client-comments {
    background: url(../images/home-5/testimonials.jpg);
    height: 530px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .client-says .client-comments {
        height: 370px;
    }
}

body.home-v5 .pg-body .client-says .client-comments .client-top-heading {
    text-align: center;
    margin-top: 15%;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .client-says .client-comments .client-top-heading {
        margin-top: 10%;
    }
}

body.home-v5 .pg-body .client-says .client-comments .client-top-heading h3 {
    color: white;
}

body.home-v5 .pg-body .client-says .client-comments .client-top-heading span {
    background: url(../images/home-5/te-heading-bottom.png);
    float: left;
    height: 18px;
    margin-left: 40%;
    width: 20%;
    background-repeat: no-repeat;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider {
    /* carousel */
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
    /* End carousel */
    /** MEDIA QUERIES
*/
    /* Small devices (tablets, 768px and up) */
    /* Small devices (tablets, up to 768px) */
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    width: 70%;
    margin: 0 auto;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-control {
    background: none;
    color: white;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: -20px;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-control:hover {
    color: #fc7d9b;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-control.left {
    left: -12px;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-control.right {
    right: -12px !important;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators li {
    background: rgba(0, 0, 0, 0.7);
    border: none;
    margin: 0;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators .active {
    background: #fc7d9b;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel img {
    width: 250px;
    height: 100px;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote {
    border-left: none;
    margin: 0;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div {
    text-align: center;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div small {
    color: #adadad;
    font-size: 14px;
    margin-top: 10px;
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div small:before {
    content: "";
}

body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div p {
    color: white;
    width: 100%;
    margin: 0 auto;
    font-size: 22px;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .client-says .client-comments .testimonial-slider .item blockquote .row div p {
        font-size: 15px;
    }
}

@media (min-width: 768px) {
    body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
}

@media (max-width: 768px) {
    body.home-v5 .pg-body .client-says .client-comments .testimonial-slider {
        /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    }
    body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    body.home-v5 .pg-body .client-says .client-comments .testimonial-slider #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

body.home-v5 .pg-body .client-says .client-logos {
    padding: 35px 0;
    background: #f2f2f2;
}

body.home-v5 .pg-body .client-says .client-logos .cl-logo {
    background: #ededed;
    height: 90px;
    margin: 0.8%;
    padding: 15px;
    text-align: center;
    width: 15%;
    cursor: pointer;
    transition: all 0.5s ease 0s;
}

body.home-v5 .pg-body .client-says .client-logos .cl-logo img {
    width: 60%;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    body.home-v5 .pg-body .client-says .client-logos .cl-logo img {
        width: 100%;
    }
}

body.home-v5 .pg-body .client-says .client-logos .cl-logo:first-child {
    padding-top: 25px;
}

body.home-v5 .pg-body .client-says .client-logos .cl-logo:nth-child(3) {
    padding-top: 25px;
}

body.home-v5 .pg-body .client-says .client-logos .cl-logo:nth-child(5) {
    padding-top: 30px;
}

body.home-v5 .pg-body .client-says .client-logos .cl-logo:last-child {
    padding-top: 25px;
}

body.home-v5 .pg-body .client-says .client-logos .cl-logo:hover {
    background: #e6e6e6;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    body.home-v5 .pg-body .client-says .client-logos .cl-logo {
        width: 45%;
    }
}

@media screen and (min-width: 481px) and (max-width: 767px) {
    body.home-v5 .pg-body .client-says .client-logos .cl-logo {
        width: 31%;
    }
}

body.home-v5 .pg-body .most-popular-box .bx-controls-direction a:hover {
    color: #fc7d9b;
}

body.home-v5 .pg-body .latest-news .best-product {
    margin-top: 0;
}

body.home-v5 .pg-body .latest-news .news-list .ni-title-line {
    border-color: #fc7d9b;
}

body.home-v5 .pg-body .latest-news .news-list .news-loadmore {
    color: #fc7d9b;
    transition: all 0.5s ease 0s;
}

body.home-v5 .pg-body .latest-news .news-list .news-loadmore i {
    color: #fc7d9b;
}

body.home-v5 footer #footer-1 {
    border: none;
    padding-top: 0;
}

body.home-v5 footer #footer-1 .footer-subscibe {
    padding-bottom: 10px;
    background: white;
    border-bottom: 2px solid black;
}

body.home-v5 footer #footer-1 .subscribe {
    margin-top: 0;
    margin-bottom: 0;
    background: #ffffff;
}

body.home-v5 footer #footer-1 .subscribe .btn {
    background: #fc7d9b;
    color: white;
}

body.home-v5 footer #footer-1 .get-in-touch-box .btn-yet-col:hover {
    color: #fc7d9b;
}

body.home-v5 footer #footer-1 .get-in-touch-box .btn-yet-col:hover:after {
    color: #fc7d9b;
}

body.home-v5 footer .twitter-box li p a {
    color: #fc7d9b;
}

body.home-v5 footer .product-tags-box .tags a {
    background-color: #fc7d9b;
}

body.home-v5 footer #social-buttons .facebook a {
    background: #064ca1;
}

body.home-v5 footer #social-buttons .tweeter a {
    background: #27b9f2;
}

body.home-v5 footer #social-buttons .gplus a {
    background: #da4735;
}

body.home-v5 footer #social-buttons .youtube a {
    background: #e52d27;
}

body.home-v5 footer #social-buttons .instantgram a {
    background: #306a92;
}

body.home-v5 footer #social-buttons .skype a {
    background: #12a5f4;
}

#shopping-cart-wrapper .s-bag-2::after,
.arrow-btn::after {
    content: "\2192";
}

.pl-caption {
    min-height: 142px;
}

#yt-totop {
    background: url(../images/backtotop.png) no-repeat scroll center center;
    /* top: -25px; */
    height: 48px;
    width: 48px;
    /* overflow: hidden; */
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 99999;
    text-align: center;
}

.spot {
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    color: red;
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.animate-scale {
    -webkit-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s
}

.animate-scale:hover {
    -webkit-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2)
}

.iasecim > input {
    /* HIDE RADIO */
    position: absolute;
    z-index: 999;
}

.iasecim > input + img {
    /* IMAGE STYLES */
    cursor: pointer;
    border: 2px solid transparent;
}

.iasecim > input:checked + img {
    /* (RADIO CHECKED) IMAGE STYLES */
    border: 2px solid red !important;
    /*opacity: .7;*/
}

.buyut {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}

.renkozellik {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
}

/*===============================================
  C. Text Helpers
================================================= */
.text-uppercase {
  text-transform: uppercase !important;
}
.fw200 {
  font-weight: 200 !important;
}
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw500 {
  font-weight: 500 !important;
}
.fw600 {
  font-weight: 500 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.fs3 {
  font-size: 4px !important;
}
.fs4 {
  font-size: 4px !important;
}
.fs5 {
  font-size: 5px !important;
}
.fs6 {
  font-size: 6px !important;
}
.fs7 {
  font-size: 7px !important;
}
.fs8 {
  font-size: 8px !important;
}
.fs9 {
  font-size: 9px !important;
}
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs19 {
  font-size: 19px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs21 {
  font-size: 21px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs25 {
  font-size: 25px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs35 {
  font-size: 35px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs45 {
  font-size: 45px !important;
}
.fs50 {
  font-size: 50px !important;
}
.fs60 {
  font-size: 60px !important;
}
.fs70 {
  font-size: 70px !important;
}
.fs80 {
  font-size: 80px !important;
}
.fs90 {
  font-size: 90px !important;
}
.fs100 {
  font-size: 100px !important;
}
/*===============================================
  D. Padding Helpers
================================================= */
.pn {
  padding: 0 !important;
}
.p1 {
  padding: 1px !important;
}
.p2 {
  padding: 2px !important;
}
.p3 {
  padding: 3px !important;
}
.p4 {
  padding: 4px !important;
}
.p5 {
  padding: 5px !important;
}
.p6 {
  padding: 6px !important;
}
.p7 {
  padding: 7px !important;
}
.p8 {
  padding: 8px !important;
}
.p10 {
  padding: 10px !important;
}
.p12 {
  padding: 12px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p35 {
  padding: 35px !important;
}
.p40 {
  padding: 40px !important;
}
.p50 {
  padding: 50px !important;
}
.ptn {
  padding-top: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.prn {
  padding-right: 0 !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pbn {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pln {
  padding-left: 0 !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}
/* Axis Padding (both top/bottom or left/right) */
.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pv8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ph8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
/* responsive padding helpers */
@media (min-width: 1140px) {
  .ptn-lg {
    padding-top: 0 !important;
  }
  .prn-lg {
    padding-right: 0 !important;
  }
  .pbn-lg {
    padding-bottom: 0 !important;
  }
  .pln-lg {
    padding-left: 0 !important;
  }
  .pt5-lg {
    padding-top: 5px !important;
  }
  .pr5-lg {
    padding-right: 5px !important;
  }
  .pb5-lg {
    padding-bottom: 5px !important;
  }
  .pl5-lg {
    padding-left: 5px !important;
  }
}
@media (min-width: 992px) {
  .ptn-md {
    padding-top: 0 !important;
  }
  .prn-md {
    padding-right: 0 !important;
  }
  .pbn-md {
    padding-bottom: 0 !important;
  }
  .pln-md {
    padding-left: 0 !important;
  }
  .pt5-md {
    padding-top: 5px !important;
  }
  .pr5-md {
    padding-right: 5px !important;
  }
  .pb5-md {
    padding-bottom: 5px !important;
  }
  .pl5-md {
    padding-left: 5px !important;
  }
}
/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto {
  margin-left: auto;
  margin-right: auto;
}
.mn {
  margin: 0 !important;
}
.m1 {
  margin: 1px !important;
}
.m2 {
  margin: 2px !important;
}
.m3 {
  margin: 3px !important;
}
.m4 {
  margin: 4px !important;
}
.m5 {
  margin: 5px !important;
}
.m8 {
  margin: 8px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m35 {
  margin: 35px !important;
}
.m40 {
  margin: 40px !important;
}
.m50 {
  margin: 50px !important;
}
.mtn {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mrn {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mbn {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mln {
  margin-left: 0 !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
/* Axis Margins (both top/bottom or left/right) */
.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mv70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.mh5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mh15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mh25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mh30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mh70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}


.tooltip {
    position: absolute;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.balon:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.nopadding
{
	padding:0px !important;
}
.nomargin
{
	margin:0px !important;
}

.gosterme
{
	display: none;
}

#narrow-by-list dd {
    overflow: hidden;
    /*padding-bottom: 15px;*/
}

.block-layered-nav #narrow-by-list ol li {
    position: relative;
}

#narrow-by-list dd ol li {
    line-height: 28px;
	float: left;
	margin-right:15px;
}

#narrow-by-list dt {
    font-weight: normal;
    /* text-transform: uppercase;*/
    font-size: 14px;
    margin-bottom: 10px;
}

#narrow-by-list dd ol li a {
    background: url(../images/ico-shopby.png) no-repeat 0 6px;
    padding-left: 25px;
    display: inline-block;
}

#narrow-by-list ol li a:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    position: absolute;
    width: 16px;
}

#narrow-by-list dd ol li a.checked {
    background: url(../images/ico-shopby.png) no-repeat 0 -79px;
    position: relative;
}

ol {
    list-style: none;
	padding:0px;
	margin:0px;
}

ol
{
    margin-bottom: 0px !important;
}

.even
{
	font-weight: 600 !important;
}

.w75 {
    width: 75px !important;
}

.kirmizi	{	color: #ff0000 !important;	}
.yesil	{	color: #247d24 !important;	}
.mavi	{	color:#095e9a !important;	}
.sari	{	color:#dcbc1f !important;	}
.turuncu	{	color:#f5570c !important;	}
.gri	{	color:#989695 !important;	}
.saxmavi	{	color:#c12020 !important;	}
.beyaz	{	color:white !important;	}
.siyah	{	color:black !important;	}

/* Renkler */
.kirmiziarkaplan	{	background-color: #ff0000 !important;	color: white;	font-size: 14px !important;	}
.yesilarkaplan		{	background-color: #247d24 !important;	color: white;	font-size: 14px !important;	}
.maviarkaplan		{	background-color: #095e9a !important;	color: white;	font-size: 14px !important;	}
.sariarkaplan		{	background-color: #ffa500 !important;	color: white;	font-size: 14px !important;	}
.turuncuarkaplan	{	background-color: #f5570c !important;	color: white;	font-size: 14px !important;	}
.griarkaplan		{	background-color: #989695 !important;	color: white;	font-size: 14px !important;	}
.acikgriarkaplan	{	background-color: #a5a5a5 !important;	color: black;	font-size: 14px !important; }
.saxmaviarkaplan	{	background-color: #c12020 !important;	color: white;	font-size: 14px !important;	}

.kykirmiziarkaplan	{	background-color: #ff0000 !important;	color: white;	}
.kyyesilarkaplan	{	background-color: #247d24 !important;	color: white;	}
.kymaviarkaplan		{	background-color: #095e9a !important;	color: white;	}
.kysariarkaplan		{	background-color: #ffa500 !important;	color: white;	}
.kyturuncuarkaplan	{	background-color: #f5570c !important;	color: white;	}
.kygriarkaplan		{	background-color: #989695 !important;	color: white;	}
.kyacikgriarkaplan	{	background-color: #a5a5a5 !important;	color: black;	}
.kysaxmaviarkaplan	{	background-color: #c12020 !important;	color: white;	}

.br1				{	border: 1px solid #d2d2d2;	border-radius: 1px;	}
.bb1				{	border-bottom: 1px solid #d2d2d2;	}

.kalinharf
{
	font-weight:bold;
}

.table ul
{
	padding: 0px;
}

.sadeceortala
{
	text-align:center;
	vertical-align: middle !important;
	padding: 10px 5px 10px 5px !important;
}

.option:disabled 
{
	background-color:black;
	color:white;
}

.pl-item .image-hover{position:absolute;top:0px;left:0px;opacity:0;filter:alpha(opacity = 0);visibility:hidden;}
.pl-item:hover .image-hover{opacity:1;filter:alpha(opacity = 100);visibility:visible;}

.destekmesajalani
{
	border: 3px solid #d6d7da42;
    padding: 10px;
    height: 240px;
    clear: both;
    box-shadow: inset 0 0 6px 0px #adadad;
}

.saga-cek
{
	float:right;
}
.sola-cek
{
	float:left;
}
/*
@media (min-width: 1200px)
{
	.container
	{
		width: 1280px;
	}
}
*/
.gerisayim
{
	color: #fff;
	display: inline-block;
	font-weight: 100;
	text-align: center;
	font-size: 12px;
	width:100%;
}

.gerisayim  > div
{
	padding: 3px;
	border-radius: 3px;
	background: #358094;
	display: inline-block;
	margin-left:3px;
	width:23%;
	font-weight: 500;
}

.gerisayim div > span
{
	padding: 3px 5px;
	border-radius: 3px;
	background: #1d6679;
	float:left;
}

.kucukyazi{
	margin-left:2px;
	margin-top:4px;
	font-size: 11px;
	/*color:black;*/
}

.image-responsive
{
	width:100%;
}

@media screen and (max-width: 767px) {
.table-responsive > .table-bordered {
   border: 1px solid #ddd;
}}

.urunkucukkutu .pl-badge-m {
   position: absolute;
    /*right: 35%;*/
    top: 5px;
    line-height: 25px;
    padding: 2px 8px;
    background-color: #e42323;
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
}

.urunkucukkutu .pl-badge-m:after,
.urunkucukkutu .pl-badge-m:before {
    content: '';
    display: block;
    position: absolute;
    /*bottom: -19px;*/
    right: 40%;
    border: 10px solid transparent;
    border-top-color: #e42323;
    border-right-width: 8px;
    border-left-width: 8px;
}

.urunkucukkutu .pl-badge-m:after {
   
}

.bordered {
    border: 1px solid #d7d9db;
}


/* Güncelleme */
.mesajbuton
{
	position: fixed;
	bottom: 10px;
	left: 0;
	z-index: 1000;
	color: green !important;
}

.mesajanabuton
{
	color: orange !important;
}

.wpmesaj
{
	color: #4FCE5D !important;
}

.tgmesaj
{
	color: #0088cc !important;
}

.sgmesaj
{
	color: #3a76f0 !important;
}

.bipmesaj
{
	color: #4db8ea !important;
}

.mesajbutonlari
{
	/*background: white; */
    /* height: 50px; */
    padding: 0px;
    /* margin-bottom: 60px; */
    margin: 0px;
    /* border: 2px solid white; */
    /* border-radius: 10px;*/
}

.mesajbutonlari li
{
	float: left;
    list-style-type: none;
    text-align: center;
    margin: 0px 0px 0px 5px;
    width: 60px;
    height: 60px;
    border: 1px solid grey;
    border-radius: 10px;
    padding: 7px;
    background: white;
}

.yaziustte
{
	position:absolute;
}

.clearfix
{	
	clear: both;
}