body {
    font-family: 'Cairo', sans-serif, 'Cairo', sans-serif, Arial, helvetica, sans-serif;
    font-size: 13px;
    direction: rtl;
}

button,
input,
a {
    outline: none !important
}

.pln {
    padding-left: none~important;
}

.prn {
    padding-right: none~important;
}

.mln {
    margin-left: none~important;
}

.mrn {
    margin-right: none~important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    font-family: 'Cairo', sans-serif, arial, helvetica, sans-serif;
    font-weight: 600;
}

.widget-title,
.widget-title-sm,
.widget-title-lg {
    font-size: 25px;
    font-weight: 400;
    margin-bottom: 15px;

}

.widget-title-sm {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.widget-title-sm button{
    display: block;
    position: relative;
    background: #e6e6e6;
    border: 1px #e6e6e6 solid;
    width: 100%;
    text-align: right;
    padding: 10px 11px 12px;
    color: #5a5a5a;
    font-size: 14px;
    cursor: pointer;
}
.widget-title-sm button:after {
    content: "\f055";
    font-family: FontAwesome;
    color: #ff5a54;
    position: absolute;
    top: 5px;
    left: 11px;
    font-size: 26px;
}
.widget-title-sm  button[aria-expanded=true]:after{
    content: "\f056";
}
.widget-title-lg {
    font-size: 35px;
}

label {
    font-weight: 400;
}

.page-title {
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 15px;
}

@media (max-width:992px) {
    .page-title {
        font-size: 40px;
    }
}

a {
    color: #878787;
    transition: all 0.3s ease-out;
}

a:hover,
a:focus {
    transition: all 0.3s ease-out;
    text-decoration: none;
}

.text-sm {
    font-size: 12px;
}

.title-404 {
    line-height: 1em;
    font-size: 330px;
    font-weight: 700;
    margin: 10px 0 0 0;
}

/****** End of Typography ******/

/****** Miscellaneous ******/

html,
body {
    overflow-x: hidden;
}

hr {
    border-color: #d9d9d9;
}

.table {
    margin-bottom: 0;
}

@media (max-width:992px) {
    .mobile-hidden {
        display: none;
    }
}

.global-wrapper {
    background: #ededed;
}

@media (min-width:1200px) {
    body.boxed .global-wrapper {
        -webkit-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        width: 1200px;
        margin: 30px auto;
        -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    }
}

.bg-cover {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}

.full-width {
    width: 100%;
}

.rel {
    position: relative;
}

.box,
.box-lg,
.box-highlight {
    padding: 10px 15px;
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.box-highlight {
    padding: 20px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 8px rgba(72, 109, 151, 0.55);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), 0 0 8px rgba(72, 109, 151, 0.55);
}

.box-lg {
    padding: 25px;
}

.vert-center {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.drop-caret {
    position: absolute;
    top: 50%;
    left: 20px;
    background: rgba(0, 0, 0, 0.5);
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-style: normal;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.drop-caret:before {
    content: '\f107';
    font-family: 'FontAwesome';
}

@media (min-width:992px) {
    .drop-caret {
        display: none;
    }
}

.navbar-main {
    -webkit-border-radius: 0;
    border-radius: 0;
    margin: 0;
    background: #365271;
    border: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 10;
}

.navbar-main .navbar-nav > li:hover > a {
    background: #fff;
    color: #878787;
}

.navbar-main .navbar-nav > li.open > a {
    background: #2b415b !important;
}

@media (max-width:992px) {
    .navbar-main .navbar-nav > li.open .dropdown-menu > li > a {
        color: #595959;
    }
}

.navbar-main .navbar-nav > li > a {
    color: #fff;
    padding: 15px;
}

@media (min-width:992px) {
    .navbar-main .dropdown:hover > .dropdown-menu {
        display: block;
    }
}

.navbar-main .navbar-border > li {
    border-left: 1px solid #24364c;
}

.navbar-main .navbar-border > li:last-child {
    border-left: none;
}

.navbar-brand {
    padding: 0 15px;
}

.navbar-header {
    margin-left: 20px !important;
}

.navbar-header .navbar-brand {
    padding: 0;
    margin: 0 !important;
}

.navbar-brand > img {
    width: 149px;
    margin-top: 7px;
}

.navbar-brand > span {
    font-size: 16px;
    position: relative;
    top: -1px;
}

.navbar-nav > li > a {
    font-size: 13px;
}

.navbar-right.navbar-mob-item-left li a {
    padding-bottom: 0;
}

.navbar-right.navbar-mob-item-left li a.call {
    /* font-size: 34px; */
    font-weight: bold;
    padding-top: 16px;
    padding-left: 0;
    color: #000;
    width: 39px;
    height: 33px;
    fill: #757575;
}

.navbar-right.navbar-mob-item-left li a.cart-total {
    padding-left: 0;
    padding-top: 16px;
}

.navbar-right.navbar-mob-item-left li a.lftIco2 {
    font-size: 26px;
}

.navbar-nav.navbar-mob-item-right > li > a {
    padding: 0;
    margin-top: 14px;
    background: transparent !important;
    color: #777;
    font-size: 16px;
    margin-left: 9px;
}

.navbar-nav.navbar-mob-item-right > li > a.lang {
    height: 39px;
    width: 39px;
    border-radius: 100%;
    background: #757575 !important;
    color: #fff;
    padding-top: 9px;
    font-weight: bold;
    font-size: 16px;
    margin-left: 33px;
}

.navbar-nav.navbar-mob-item-right > li > a i {
    font-size: 23px;
    position: relative;
    top: 3px;
    color: #777777;
    margin-left: 4px;
}

.navbar-nav.navbar-mob-item-right > li > a.lang:hover {
    background: #ff5a54!important;
    color: #fff;
}

.nav > li > a.popup-text {
    padding: 14px 0 0 !important;
    padding-left: 36px !important;
    margin-top: 4px;
    position: relative;
    font-size: 13px!important;
}

.affix .nav > li > a.popup-text {
    padding-top: 10px !important;
}

.affix .nav.navbar-nav.navbar-mob-item-left {
    margin: 0;
    margin-top: -4px;
    margin-bottom: -7px;
}

.affix .nav.navbar-nav.navbar-mob-item-left a {
    padding-right: 2px!important;
}
.affix .nav.navbar-nav.navbar-mob-item-left a.popup-text {
    padding-top: 7px!important;
}

.affix .popup-text svg {
    padding-top: 0px;
    height: 23px;
    top: 5px;
}

.affix a.popup-text {
    padding: 0;
    margin-top: 9px;
}

a.popup-text strong {
    color: #ff5a54;
    font-size: 15px;
}

a.popup-text i {

    display: inline-block;

    font-size: 30px;

    margin-right: 12px;

    font-weight: bold;

    position: relative;

    left: -16px;

    color: #000;

    top: -1px;
}

a.popup-text.lang i {
    margin: 4px 0 0;
    margin-left: 6px;
}

a.popup-text span {
    display: inline-block !important;
    font-size: 13px !important;
    margin: 0;
    position: relative;
    /* top: -4px; */
}

.yamm .navbar-nav > li > a {
    padding: 19px 10px 16px;
    font-size: 15px;
    font-weight: bold;
    background: transparent !important;
}

.yamm .navbar-nav > li:first-child > a {
    padding-right: 0 !important;
}

.navbar-nav > li > a > span {
    display: block;
    font-size: 11px;
    line-height: 1em;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    height: 10px;
    margin-bottom: 2px;
}

.navbar-nav > li > a:hover > span {
    color: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.navbar-main-white .navbar-nav > li > a > span {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}
.affix .navbar-main-white .navbar-nav > li > a.cart-total > span{
    top: 5px;
}
.affix .cart-total i{
    left: -5px;
    position: relative;
}
.popup-text span {
    color: #ff5a54;
    font-size: 15px;
}

.popup-text svg {
    /* font-size: 34px; */
    font-weight: bold;
    padding-top: 16px;
    padding-left: 0;
    color: #000;
    width: 26px;
    height: 40px;
    fill: #757575;
    position: absolute;
    left: 0;
    top: -3px;
}

.navbar-main-white .navbar-nav > li > a:hover > span {
    color: #fff;
}

.navbar-nav-lg > li > a {
    font-size: 17px;
}

.navbar-pad {
    padding: 10px 0;
}

.navbar-pad-top {
    padding-top: 10px;
}

.navbar-sm-pad > li > a {
    padding: 5px 10px;
}

.navbar-theme-img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 18%;
}

.navbar-theme-img > img {
    width: 100%;
}

@media (max-width:992px) {
    .navbar-theme-img {
        display: none;
    }
}

.navbar-before {
    padding: 7px;
    background: #4d4d4d;
    font-size: 13px;
    position: relative;
    z-index: 999;
}

.navbar-before .navbar-nav > li {
    margin-right: 10px;
}

.navbar-before .navbar-nav > li > a {
    font-size: 12px;
    padding: 0;
    color: #fff;
}

.navbar-before .navbar-nav > li > a:hover {
    background: none;
}

@media (max-width:992px) {
    .navbar-mob-item-left > li {
        float: right;
    }
}

.navbar-before-inverse {
    background: #232f3e;
}

.navbar-before-sign {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.55);
}

@media (min-width:992px) {
    .navbar-collapse-no-pad {
        padding: 0;
        margin-right: -15px !important;
    }
}

@media (min-width:992px) {
    .navbar-brand-no-mar {
        margin: 0 !important;
    }
}

@media (min-width:992px) {
    .navbar-right-no-mar {
        margin: 0 !important;
    }
}

@media (max-width:1199px) {
    .navbar-right-no-mar {
        margin-right: -35px !important;
    }
}

.navbar-main-white {
    background: #f0f1f5;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
    z-index: 10;
    margin: 0;
}

@media (min-width:992px) {
    .navbar-main-white .dropdown:hover > .dropdown-menu {
        display: block;
    }
}

.navbar-main-white .dropdown-menu {
    box-shadow: none;
    /* border-top: 2px solid #878787; */
}

.navbar-main-white .navbar-nav > li:hover > a {
    color: #ff5a54;
    /* background: #ff5a54!important; */
}

.navbar-first {
    z-index: 11;
}

.dropdown-menu {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    z-index: 3;
    font-size: 13px;
}

.dropdown-menu-category {
    margin: 0;
    padding: 0;
    background: #fff !important;
}

.dropdown-menu-category > li {
    border-bottom: 1px solid #e6e6e6;
}

.dropdown-menu-category > li:last-child {
    border-bottom: none;
}

@media (min-width:992px) {
    .dropdown-menu-category > li:hover .dropdown-menu-category-section {
        display: block;
    }
}

.dropdown-menu-category > li:hover > a {
    background: #878787;
    color: #fff;
}

.dropdown-menu-category > li:hover > a i {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.dropdown-menu-category > li > a {
    height: 40px;
    line-height: 40px !important;
    padding: 0 50px 0 15px !important;
    font-size: 13px;
    position: relative;
    width: 230px;
}

@media (max-width:992px) {
    .dropdown-menu-category > li > a {
        width: 100%;
    }
}

.dropdown-menu-category > li > a:after {
    position: absolute;
    display: none;
    content: '\f105';
    font-family: 'FontAwesome';
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    transform: rotate(180deg);
}

@media (max-width:992px) {
    .dropdown-menu-category > li > a:after {
        display: none;
    }
}

.dropdown-menu-theme-image {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    display: block;
    z-index: 1;
}

@media (max-width:992px) {
    .dropdown-menu-theme-image {
        display: none;
    }
}

.dropdown-menu-category-hold {
    width: 100%;
    display: block;
    position: relative;
    z-index: 2;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.dropdown-menu-category-hold > li > a {
    width: 100%;
}

.dropdown-menu-category-hold .dropdown-menu-category-section {
    right: 100%;
}

.dropdown-menu-category-sm > li > a {
    font-size: 13px;
    padding-right: 40px;
}

.dropdown-menu-category-sm i {
    width: 35px;
    font-size: 13px;
}

.dropdown-menu-category > li > a i {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    width: 45px;
    text-align: center;
    font-size: 16px;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}

.dropdown-menu-category-section {
    width: 600px;
    height: 491px;
    position: absolute;
    top: 0;
    right: 230px;
    display: none;
    background: #fff;
    border-right: 1px solid #e6e6e6;
}

.dropdown-menu-category-section-inner {
    position: relative;
    height: 100%;
}

.dropdown-menu-category-section-content {
    position: relative;
    z-index: 2;
    padding: 20px;
}

.dropdown-menu-category-section-theme-img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.dropdown-menu-category-title {
    font-weight: 500;
    color: #878787;
    font-size: 20px;
}

.dropdown-menu-category-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.dropdown-menu-category-list > li {
    margin-bottom: 10px;
}

.dropdown-menu-category-list > li > a {
    color: #595959;
}

.dropdown-menu-category-list > li > a:hover {
    text-decoration: none;
    color: #878787;
}

.dropdown-menu-category-list > li > p {
    font-size: 11px;
    color: #9b9b9b;
    margin: 0;
}

.dropdown-menu-shipping-cart {
    width: 300px;
}

.dropdown-menu-shipping-cart > li {
    overflow: hidden;
    padding: 9px 25px;
}

.dropdown-menu-shipping-cart > li a.clse {
    position: absolute;
    left: 2px;
    background: transparent;
    color: #bdbdbd;
    font-size: 16px;
}

.dropdown-menu-shipping-cart > li a.clse:hover {

    color: #ff5a54;
}

.dropdown-menu-shipping-cart > li:nth-child(even) {
    /* background: #f7f7f7; */
}

.dropdown-menu-shipping-cart-img {
    float: right;
    width: 68px;
    display: block;
    margin-left: 10px;
    padding: 0 !important;
}

.dropdown-menu-shipping-cart-img > img {
    width: 100%;
}

.dropdown-menu-shipping-cart-inner {
    display: table;
    width: 50%;
}

.dropdown-menu-shipping-cart-price {
    font-weight: 500;
    color: #878787;
    margin: 13px 0 8px;
}

.dropdown-menu-shipping-cart-item {
    margin-bottom: 0;
    line-height: 20px;
    font-size: 12px;
    height: 40px;
    overflow: hidden;
}

.dropdown-menu-shipping-cart-item > a {
    color: #9c9494;
    font-size: 11px;
}

.dropdown-menu-shipping-cart-item > a:hover {
    text-decoration: none;
}

.dropdown-menu-shipping-cart-total {
    font-weight: 500;
    font-size: 17px;
    float: right;
    margin-top: 5px;
    margin-right: 4px;
    margin-bottom: 0;
}

.dropdown-menu-shipping-cart-checkout {
    float: left;
}

.dropdown-menu-items-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown-menu-items-list > li {
    margin-bottom: 7px;
}

.dropdown-menu-items-list > li > a {
    color: #333;
}

.dropdown-menu-items-list > li > a:hover {
    color: #878787;
    text-decoration: none;
}

@media (max-width:992px) {
    .dropdown-menu-items-list {
        margin-bottom: 20px;
    }
}

.dropdown-menu-items-list-desc {
    font-size: 11px;
    margin-bottom: 0;
    color: #a6a6a6;
}

.navbar-main-search {
    width: 500px;
    position: relative;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-main-search .form-group {
    display: block;
}

.navbar-main-search .form-control {
    width: 100%;
    border: none;
}

.navbar-main-search .form-control:focus {
    border: none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width:992px) {
    .navbar-main-search {
        width: 100%;
        border: none;
        margin: 0;
        padding: 0;
    }
}

.navbar-main-search-submit {
    position: absolute;
    background: #e6e6e6;
    top: 0;
    left: 0;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #595959;
    text-align: center;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.navbar-main-search-submit:hover {
    text-decoration: none;
}

.navbar-main-search-category {
    width: 770px;
}

.navbar-main-search-category .form-control {
    padding-right: 150px;
}

@media (max-width:992px) {
    .navbar-main-search-category {
        width: 100%;
    }
    .navbar-main-search-category .form-control {
        padding-right: 60px;
    }
}

.navbar-main-search-category-select {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 34px;
    line-height: 34px;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    border: none;
    border-left: 1px solid #ccc;
    padding: 0 10px;
    background: #fff;
    font-size: 13px;
    color: #808080;
}

.navbar-main-search-category-select:focus {
    outline: none;
}

.navbar-main-search-category-select option {
    background: #fff;
    padding: 7px 0;
}

@media (max-width:992px) {
    .navbar-main-search-category-select {
        width: 55px;
    }
}

.main-header {
    background: #365271;
    height: 60px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    position: relative;
    border-bottom: 1px solid #324c6a;
}

.main-header-logo {
    display: block;
    margin-top: 17px;
}

.main-header-search {
    position: relative;
    margin-top: 15px;
}

.main-header-search-input {
    width: 100%;
    padding: 5px 7px;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    outline: none !important;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.main-header-search-input:focus {
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.55);
}

.main-header-search-submit {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none !important;
    height: 30px;
    line-height: 30px;
    width: 40px;
    text-align: center;
    display: block;
    padding: 0;
    margin: 0;
    border: none;
}

.main-header-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 13px;
}

.main-header-list > li {
    float: right;
}

.main-header-list > li > a {
    position: relative;
    padding: 0 8px;
    color: rgba(255, 255, 255, 0.85);
    display: block;
    height: 60px;
    line-height: 60px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.main-header-list > li > a .fa {
    margin-left: 6px;
}

.main-header-list > li > a:before {
    width: 1px;
    height: 25%;
    background: rgba(255, 255, 255, 0.25);
    content: '';
    position: absolute;
    top: 37%;
    right: 0;
}

.main-header-list > li > a:hover {
    text-decoration: none;
    color: #fff;
}

.main-header-list > li:first-child > a {
    padding-right: 0;
}

.main-header-list > li:first-child > a:before {
    display: none;
}

.main-header-list > li:last-child > a {
    padding-left: 0;
}

.main-header-cart .fa {
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: block;
    text-align: center;
    float: left;
    font-size: 25px;
}

.main-header-cart .fa:hover {
    text-decoration: none;
}

.main-header-logo-center {
    text-align: center;
}

.main-header-logo-center > a {
    display: block;
    margin: 20px auto;
    width: 75px;
}

.main-header-logo-center > a > img {
    display: block;
    width: 100%;
}

.main-header-input-center {
    position: relative;
}

.main-header-input-center > input {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 7px 15px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}

.main-header-input-center > input:focus {
    outline: none;
}

.main-header-input-center-btn {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    height: 37px;
    line-height: 37px;
    padding: 0 40px;
    background: #878787;
    color: #fff;
    display: block;
    font-size: 16px;
    -webkit-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

.main-header-input-center-btn:hover {
    color: #fff;
    text-decoration: none;
}

.main-header-input-center-btn > .fa {
    margin-left: 5px;
    position: relative;
    top: -1px;
    font-size: 13px;
}

@media (max-width:992px) {
    .main-header-input-center-btn {
        padding: 0 10px;
    }
}

.navbar-center {
    text-align: center;
    width: 100%;
}

.navbar-center > li {
    margin: 0 7px;
    float: none;
    display: inline-block;
}

@media (max-width:992px) {
    .navbar-center {
        text-align: right;
    }
    .navbar-center > li {
        display: block;
    }
}

.navbar-border > li {
    border-left: 1px solid #d9d9d9;
}

.navbar-border > li:first-child {
    border-right: 1px solid #d9d9d9;
}

.navbar-item-icon {
    margin-left: 7px;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
}

.navbar-nav > li:hover .navbar-item-icon {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.main-footer {
    position: relative;
    padding: 45px 0 45px;
    color: #fff;
    text-align: center;
}

.main-footer hr {
    border-color: #e2e2e2;
    margin: 0 0 31px;
}

.main-footer h4 {
    color: #ff5a54;
    font-size: 14px;
    font-weight: 800;
}

.main-footer h2 {
    color: #757575;
    font-size: 28px;
    line-height: 28px;
    margin: 0 0 8px;
}

.main-footer p {
    color: #8c8c8c;
    /* width: 703px; */
    font-size: 15px;
    max-width: 100%;
    line-height: 22px;
    margin: 9px auto 20px;
}

.footLnks {
    margin: 0;
}

.footLnks li {
    display: inline-block;
    border-left: 1px #ddd solid;
    padding-left: 10px;
    margin-left: 10px;
}

.footLnks li:last-child {
    border: none;
    padding: 0;
    margin: 0
}

.footLnks li a {
    font-size: 14px;
    font-weight: bold;
}

.footLnks li a:hover,
.footLnks li a:focus {
    color: #ff5a54;
}

.main-footer .widget-title-sm {
    margin-bottom: 20px;
}

.main-footer > .container {
    position: relative;
}

.main-footer-img {
    position: absolute;
    bottom: 10px;
    left: -165px;
    display: block;
    width: 467px;
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
}

@media (max-width:992px) {
    .main-footer-img {
        position: relative;
        width: 80%;
        right: 10%;
    }
}

.main-footer-social-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 23px;
    text-align: center;
}

.main-footer-social-list > li {
    display: inline-block;
    margin: 0 3px;
}

.main-footer-social-list > li .fa {
    display: block;
    width: 41px;
    height: 41px;
    font-size: 19px;
    line-height: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    padding-top: 3px;
    border: 3px #ddd solid;
}

.main-footer-social-list > li .fa.fa-facebook {
    background: #46629e;
    border-color: #46629e;
}

.main-footer-social-list > li .fa.fa-twitter {
    background: #55acee;
    border-color: #55acee;

}

.main-footer-social-list > li .fa.fa-pinterest {
    background: #cd2129;
    border-color: #cd2129;

}

.main-footer-social-list > li .fa.fa-instagram {
    background: #457399;
    border-color: #457399;

}

.main-footer-social-list > li .fa.fa-youtube-play{
    background: #dd4b39;
    border-color: #dd4b39;

}
.main-footer-social-list > li .fa.fa-apple{
    background: #238cdb;
    border-color: #238cdb;

}
.main-footer-social-list > li .fa.fa-android{
    background: #26b2a5;
    border-color: #26b2a5;
}

.main-footer-social-list > li .fa:hover {
    background: #ff5a54;
    text-decoration: none;
    border-color: #ff5a54;
    color: #ffffff;
}

.main-footer-tag-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.main-footer-tag-list > li {
    margin-left: 10px;
    margin-bottom: 10px;
    float: right;
}

.main-footer-tag-list > li > a {
    font-size: 12px;
    display: block;
    padding: 2px 5px;
    padding-left: 16px;
    background: #d9d9d9;
    color: #000;
    -webkit-border-radius: 5px 20px 20px 5px;
    border-radius: 5px 20px 20px 5px;
    position: relative;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}

.main-footer-tag-list > li > a:hover {
    text-decoration: none;
    background: #fff;
}

.main-footer-tag-list > li > a:after {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    top: 8px;
    left: 5px;
}

.down-menu-list {
    padding: 0;
    margin: 0 0 30px 0;
}



.down-menu li a:hover {
    color: #2871be;
    margin-right: 15px;
    text-decoration: none;
    font-weight: 600;
}

.main-footer-links-list,
.main-footer-links-list-lg {
    list-style: none;
    margin: 20px 0 10px 0;
    padding: 0;
}

.main-footer-links-list > li,
.main-footer-links-list-lg > li {
    font-size: 13px;
    border-bottom: 1px dotted #a0a0a0;
    margin: 0;
}

.main-footer-links-list > li:last-child,
.main-footer-links-list-lg > li:last-child {
    border-bottom: none;
}

.main-footer-links-list > li > a,
.main-footer-links-list-lg > li > a {
    color: #fff;
    display: block;
    padding: 8px 12px;
    background: url(../images/list2.png) no-repeat right center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.main-footer-links-list > li > a:hover,
.main-footer-links-list-lg > li > a:hover {
    color: #2871be;
    margin-right: 15px;
    text-decoration: none;
}

.main-footer-links-list-lg > li {
    font-size: 15px;
    margin-left: 15px;
}

.copyright-area {
    background: #f0f1f5;
    color: #fff;
    padding: 15px 0 11px;
}

.copyright-area hr {
    border-color: #eaeaea;
    margin: 0 0 0;
}

.copyright-text {
    font-size: 13px;
    color: #8c8c8c;
    margin-top: 15px;
    height: 18px;
    font-weight: bold;
    line-height: 18px;
}

.copyright-text span {
    color: #ff5a54
}

.copyright-text img {
    margin: 0 2px;
    height: 12px;
}

.copyright-text a:hover {
    color: #fff;
}

.payment-icons-list {
    list-style: none;
    overflow: hidden;
    float: left;
    padding: 0;
    margin: 10px 0;
}

.payment-icons-list > li {
    float: right;
    margin-right: 10px;
}
.payment-icons-list > li:first-child img {
    width:57px
}
.payment-icons-list > li img {
    width: 50px;
}

@media (max-width:992px) {
    .payment-icons-list {
        float: none;
    }
}

.slider-item,
.slider-item-sm {
    height: 500px;
    position: relative;
    background-color: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.slider-item > .container,
.slider-item-sm > .container {
    position: relative;
    z-index: 2;
    height: 100%;
}

@media (max-width:992px) {
    .slider-item,
    .slider-item-sm {
        overflow: hidden;
    }
}

.slider-item-mask {
    position: absolute;
    z-index: 1;
    background: #000;
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
}

.slider-item-sm {
    height: 400px;
}

.slider-item-inner {
    position: relative;
    height: 100%;
}

.slider-item-inner-container {
    overflow: hidden;
}

.slider-item-inner-container .slider-item-caption-left {
    right: 5%;
}

.slider-item-inner-container .slider-item-caption-right {
    left: 5%;
}

.slider-item-caption-right,
.slider-item-caption-left,
.slider-item-caption-top,
.slider-item-img-right,
.slider-item-img-left,
.slider-item-img {
    position: absolute;
}

.slider-item-caption-top {
    width: 65%;
    text-align: center;
    top: 10%;
}

.slider-item-caption-white {
    color: #fff;
}

.slider-item-caption-right,
.slider-item-caption-left,
.slider-item-img-right,
.slider-item-img-left {
    width: 45%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.slider-item-caption-right,
.slider-item-caption-left,
.slider-item-caption-top {
    z-index: 10;
}

@media (max-width:992px) {
    .slider-item-caption-right,
    .slider-item-caption-left,
    .slider-item-caption-top {
        width: 100%;
        right: 0 !important;
        top: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 30px;
        text-align: center !important;
    }
}

.slider-item-img-right,
.slider-item-img-left,
.slider-item-img {
    z-index: 9;
}

@media (max-width:992px) {
    .slider-item-img-right,
    .slider-item-img-left,
    .slider-item-img {
        padding: 0 30px;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        right: 0 !important;
        left: auto !important;
        -webkit-transform: none !important;
        -moz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
    }
}

.owl-carousel .owl-item .slider-item-img-right,
.owl-carousel .owl-item .slider-item-img-left,
.owl-carousel .owl-item .slider-item-img {
    width: 45%;
    -webkit-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.3));
}

.slider-item-img-right,
.slider-item-img-left,
.slider-item-img {
    -webkit-filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.3));
}

.slider-item-img-no-shadow {
    -webkit-filter: none;
}

.slider-item-img-right,
.slider-item-caption-right {
    left: 0;
    text-align: left;
}

.slider-item-caption-title {
    font-size: 60px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

@media (max-width:992px) {
    .slider-item-caption-title {
        font-size: 25px !important;
        margin-bottom: 10px;
    }
}

.slider-item-caption-desc {
    font-size: 20px;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    margin-bottom: 20px;
}

@media (max-width:992px) {
    .slider-item-caption-desc {
        font-size: 15px !important;
        margin-bottom: 10px;
    }
}

.slider-item-caption-sm .slider-item-caption-title {
    font-size: 40px;
}

.slider-item-caption-sm .slider-item-caption-desc {
    font-size: 17px;
}

.page-header {
    position: relative;
    margin: 40px 0 30px 0;
    border: none;
    padding-bottom: 0;
}

.page-header-banner {
    padding: 100px 0;
    margin: 0 0 20px 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.page-header-banner .page-title {
    color: #fff;
}

.page-header-banner .page-breadcrumb > li.active {
    color: #fff;
}

.page-header-banner .page-breadcrumb > li > a {
    color: rgba(255, 255, 255, 0.7);
}

.page-header-banner .page-breadcrumb > li > a:hover {
    color: #fff;
}

.page-header-banner .category-selections-sign {
    color: #fff;
}

.page-header-banner .category-selections-icon,
.page-header-banner .category-selections-select {
    background: rgba(255, 255, 255, 0.8);
}

.page-header-banner-inner {
    position: relative;
}

.page-breadcrumb {
    margin: 0;
    padding: 0;
    background: none;
    margin-right: 4px;
}

.page-breadcrumb > li + li:before {
    content: '\f104';
    font-family: 'FontAwesome';
}

.page-breadcrumb > li.active {
    color: #ff5a54;
}
.breadcrumb > li {
    font-weight: bold;
    margin-left: 3px;
}
.page-breadcrumb > li > a {
    color: rgba(89, 89, 89, 0.7);
}

.page-breadcrumb > li > a:hover {
    text-decoration: none;
    color: #595959;
}

.category-selections {
    position: absolute;
    bottom: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

.category-selections > li {
    position: relative;
    float: right;
    margin-right: 15px;
    width: 200px;
}

.category-selections-icon {
    background: #fff;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #7a7a7a;
    text-align: center;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

.category-selections-icon:hover {
    color: #7a7a7a;
    text-decoration: none;
}

.category-selections-icon.active {
    color: #878787;
}

.category-selections-icon.active:hover {
    color: #878787;
}

.category-selections-sign {
    position: absolute;
    font-size: 14px;
    color: #ff5a54;
    right: 2px;
    top: -26px;
}

.category-selections-select {
    height: 41px;
    width: 100%;
    padding: 0 5px;
    -webkit-border-radius: 3px;
    border-radius: 0;
    background: #fff;
    /* -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); */
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25); */
    border: 1px #efefef solid;
}

.category-selections-select:focus {
    outline: none;
}

.category-filters {
    background: #f3f3f3;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 20px 15px;
}

.category-filters-section {
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 25px;
}

.category-filters-section .checkbox {
    font-size: 13px;
}

.category-filters-section:last-child {
    border: none;
}

.cateogry-filters-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.cateogry-filters-list > li {
    margin-bottom: 5px;
}

.cateogry-filters-list > li > a {
    color: #595959;
}

.cateogry-filters-list > li > a:hover {
    color: #434343;
}

.category-filters-amount {
    margin-right: 5px;
    font-size: 11px;
    color: #ccc;
}

.category-filters-inverse,
.category-filters-color {
    background: #333;
}

.category-filters-inverse .cateogry-filters-list > li > a,
.category-filters-color .cateogry-filters-list > li > a {
    color: #d9d9d9;
}

.category-filters-inverse .widget-title-sm,
.category-filters-color .widget-title-sm {
    color: #fff;
}

.category-filters-inverse .category-filters-section,
.category-filters-color .category-filters-section {
    border-color: #1a1a1a;
}

.category-filters-inverse .category-filters-section .checkbox,
.category-filters-color .category-filters-section .checkbox {
    color: #e6e6e6;
}

.category-filters-inverse .irs-diapason,
.category-filters-color .irs-diapason {
    background: #fff;
}

.category-filters-inverse .irs-from,
.category-filters-color .irs-from,
.category-filters-inverse .irs-to,
.category-filters-color .irs-to,
.category-filters-inverse .irs-single,
.category-filters-color .irs-single {
    color: #fff;
}

.category-filters-color {
    background: #365271;
}

.category-filters-color .category-filters-section {
    border-color: #2b415b;
}

.category-filters-color .irs-slider {
    background: #fff;
}

.category-filters-color .i-check:before,
.category-filters-color .i-radio:before {
    color: #4d4d4d;
}

.category-filters-color .i-check.hover,
.category-filters-color .i-radio.hover {
    border-color: #fff;
}

.category-filters-color .i-check.checked,
.category-filters-color .i-radio.checked {
    border-color: #fff;
    background: #fff;
}

.cateogry-avg-rating-list {
    list-style: none;
    padding: 0;
}

.cateogry-avg-rating-list > li > a {
    color: #595959;
}

.cateogry-avg-rating-list > li > a:hover {
    text-decoration: none;
}

.cateogry-avg-rating-item {
    margin-bottom: 5px;
    list-style: none;
    overflow: hidden;
    padding: 0;
}

.cateogry-avg-rating-item > li {
    float: right;
    margin-left: 5px;
}

.cateogry-avg-rating-item > li .fa {
    color: #bfbfbf;
}

.cateogry-avg-rating-item > li.active .fa {
    color: #ffc120;
}

.category-pagination {
    margin: 10px 0 0 0;
}

.category-pagination > li {
    display: inline-block;
    margin: 0 1px;
}

.category-pagination > li > a {
    color: #ffffff;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    background: #b1b1b1;
    border-color: #b1b1b1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.category-pagination > li > a:hover ,.category-pagination > li > a:focus {
    border-color: #ff5a54;
    background: #ff5a54;
    color: #fff;
}

.category-pagination > li.active > a , .category-pagination > li.active > a:hover, .category-pagination > li.active > a:focus{
    background: #ff5a54;
    border-color: #ff5a54;
}


.category-pagination > li.last > a {
    background: #878787;
    color: #fff;
    border-color: #878787;
    padding-right: 20px;
    padding-left: 20px;
    transform: rotate(180deg);
}

.category-pagination-sign {
    font-size: 16px;
    color: #7d7d7d;
    margin: 15px 0 0 0;
}

.category-tabs .nav-pills {
    margin-bottom: 10px;
}

.category-tabs .nav-pills > li > a {
    color: #474747;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    font-weight: 500;
    font-size: 13px;
    padding: 7px 10px;
}

.category-tabs .nav-pills li.active > a {
    color: #fff;
    background: #878787;
}

.table-shopping-cart {
    background: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.table-shopping-cart > thead {
    background: #878787;
    color: #fff;
}

.table-shopping-cart > thead > tr > th,
.table-shopping-cart > tbody > tr > th,
.table-shopping-cart > tfoot > tr > th,
.table-shopping-cart > thead > tr > td,
.table-shopping-cart > tbody > tr > td,
.table-shopping-cart > tfoot > tr > td {
    vertical-align: middle;
    padding: 10px;
}

.table-shopping-cart-img img {
    width: 75px;
}

.table-shopping-cart-title a {
    font-weight: 500;
    color: #505050;
}

.table-shopping-cart-title a:hover {
    color: #434343;
    text-decoration: none;
}

.table-shopping-qty {
    width: 35px;
}

.table-shopping-remove {
    display: block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #e6e6e6;
    color: #595959;
}

.table-shopping-remove:hover {
    text-decoration: none;
    color: #f00;
}

.shopping-cart-total {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    text-align: left;
}

.shopping-total-cart {
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 15px;
}

.shopping-cart-total-list {
    list-style: none;
    margin-bottom: 10px;
    padding: 0;
    font-weight: 500;
}

.shopping-cart-total-list > li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden;
}

.shopping-cart-total-list > li > span {
    width: 50%;
    float: right;
}

.empty-cart-icon {
    font-size: 250px;
    margin: 20px 0 10px 0;
    color: #ddd;
}

.checkout-login-text {
    font-size: 18px;
    margin-bottom: 20px;
}

.payment-success-icon {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 100px;
    color: #03944d;
    float: right;
    margin-left: 5px;
}

.payment-success-title {
    font-size: 50px;
    font-weight: 500;
}

.payment-success-product-list {
    list-style: none;
    padding: 0;
    overflow: hidden;
}

.payment-success-product-list > li {
    float: right;
    padding-left: 3%;
    padding-bottom: 3%;
    width: 25%;
}

.payment-success-product-list > li > img {
    width: 100%;
}

.payment-success-share-list {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.payment-success-share-list > li {
    float: right;
    margin-left: 7px;
}

.payment-success-share-list > li .fa {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
}

.payment-success-share-list > li .fa:hover {
    text-decoration: none;
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.payment-success-share-list > li .fa.fa-facebook {
    background: #46629e;
}

.payment-success-share-list > li .fa.fa-twitter {
    background: #55acee;
}

.payment-success-share-list > li .fa.fa-pinterest {
    background: #cd2129;
}

.payment-success-share-list > li .fa.fa-google-plus {
    background: #dd4b39;
}

.contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.contact-list > li {
    margin-bottom: 10px;
}

.contact-list > li > h5 {
    margin-bottom: 5px;
}

.blog-post {
    margin-bottom: 30px;
}

.blog-post-title {
    margin-top: 20px;
    font-size: 30px;
}

.blog-post-title > a {
    color: #333;
}

.blog-post-title > a:hover {
    color: #878787;
}

.blog-post-meta {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 13px;
    color: #7a7a7a;
    font-style: italic;
    margin-bottom: 15px;
}

.blog-post-meta > li {
    float: right;
    margin-left: 5px;
    padding-left: 10px;
    position: relative;
}

.blog-post-meta > li:after {
    color: #ccc;
    content: '/';
    position: absolute;
    left: 0;
    top: 0;
}

.blog-post-meta > li:last-child:after {
    display: none;
}

.blog-post-caption {
    margin-top: 20px;
    font-size: 17px;
    color: #727272;
}

.blog-post-body {
    font-size: 19px;
}

.blog-post-body p {
    line-height: 1.6em;
    margin-bottom: 20px;
}

.blog-sidebar-section {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.blog-sidebar-posts,
.blog-sidebar-comments {
    list-style: none;
    padding: 0;
}

.blog-sidebar-posts > li,
.blog-sidebar-comments > li {
    margin-bottom: 10px;
    position: relative;
    padding-right: 28px;
}

.blog-sidebar-posts > li:before,
.blog-sidebar-comments > li:before {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    right: 0;
    top: 0;
    content: '\f040';
    font-family: 'FontAwesome';
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: block;
}

.blog-sidebar-posts > li:hover:before,
.blog-sidebar-comments > li:hover:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.blog-sidebar-posts > li h5 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
}

.blog-sidebar-posts > li h5 a {
    color: #474747;
}

.blog-sidebar-posts > li p {
    font-size: 11px;
    color: #7a7a7a;
    font-style: italic;
    margin-bottom: 0;
}

.blog-sidebar-comments > li:before {
    content: '\f075';
}

.blog-sidebar-comments-meta {
    margin-bottom: 3px;
    font-size: 13px;
}

.blog-sidebar-comments-meta a {
    color: #474747;
    font-weight: 500;
}

.blog-sidebar-comments-body {
    font-size: 11px;
    color: #7a7a7a;
    margin-bottom: 0;
}

.blog-sidebar-tags {
    list-style: none;
    padding: 0;
    overflow: hidden;
}

.blog-sidebar-tags > li {
    float: right;
    margin-left: 7px;
    margin-bottom: 7px;
}

.blog-sidebar-tags > li > a {
    display: inline-block;
    font-size: 12px;
    padding: 3px 10px;
    background: #fff;
    color: #595959;
    border: 1px solid #727272;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}

.blog-sidebar-tags > li > a:hover {
    text-decoration: none;
    background: #878787;
    border-color: #878787;
    color: #fff;
}

.preview-item {
    text-align: center;
}

.preview-item img {
    -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    width: 100%;
    display: block;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.preview-item img.preview-soon {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.preview-item h5 {
    font-size: 20px;
    margin-bottom: 2px;
}

.preview-item h5 a {
    color: #474747;
}

.preview-item h5 a:hover {
    color: #474747;
    text-decoration: none;
}

.preview-item p {
    margin-bottom: 0;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    font-size: 13px;
}

.preview-header {
    height: 400px;
    text-align: center;
    margin-bottom: 50px;
    color: #fff;
    position: relative;
}

.preivew-header-inner {
    width: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.preivew-header-inner h1 {
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 37px;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.preview-body .global-wrapper {
    background: #fff;
}

.preview-purchase {
    display: block;
    padding: 30px;
    margin-top: 10px;
    background: #878787;
    color: #fff;
    text-align: center;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 40px;
}

.preview-purchase:hover {
    color: #fff;
    background: #3a5779;
    text-decoration: none;
}

/****** End of Miscellaneous ******/

/****** White Space ******/

header.main {
    padding: 30px 0;
}

.gap {
    display: block;
    position: relative;
    margin: 30px 0 30px 0;
    clear: both;
    overflow: hidden;
}

.gap:after {
    content: '';
    display: table;
}

.gap-small {
    margin: 15px 0 15px 0;
}

.gap-big {
    margin: 60px 0 60px 0;
}

.gap-large {
    margin: 90px 0 90px 0;
}

.gap-top {
    margin-bottom: 0 !important;
}

.gap-bottom {
    margin-top: 0 !important;
}

.gap-border {
    border: 0;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #fff;
}

/****** End of White Space ******/

/****** Buttons ******/

.btn {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    -webkit-border-radius: 4px;
    border-radius: 0;
    border: gainsboro;
    text-transform: uppercase;
    font-size: 13px;
    position: relative;
    border-width: 2px;
    padding: 12px 19px;
    box-shadow: none!important;
}

.btn:hover {
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

.btn > .fa,
.btn > .im {
    margin: 0 5px;
}

.btn-xs {
    font-size: 11px;

}

.btn-primary {
    color: #fff !important;
    background: #ff5a54;
    border-color: #000000;
}

.btn-primary:hover {
    color: #fff !important;
    background: #757575;
    border-color: #757575;
}

.btn:hover,
.btn:focus {
    background: #757575!important;
    border-color: #757575!important;
    color: #fff !important;
}

.btn-primary-invert {
    background: #b79268;
    border-color: #ae8455;
    color: #fff;
}

.btn-primary-invert:hover {
    color: #fff;
    background: #ae8455;
    border-color: #9b754a;
}

.btn-black {
    background: linten(#000, 15%);
    border-color: #000;
    color: #fff;
}

.btn-black:hover {
    color: #fff;
    background: #000;
}

.btn-paypal {
    background: #0079c1;
    color: #fff;
    border-color: #006dae;
}

.btn-paypal:hover {
    color: #fff;
    background: #006dae;
    border-color: #00619a;
}

.btn-ghost {
    background: none;
}

.btn-ghost.btn-primary {
    color: #878787;
}

.btn-ghost.btn-primary:hover {
    background: #878787;
}

.btn-ghost.btn-success {
    color: #5cb85c;
}

.btn-ghost.btn-success:hover {
    background: #5cb85c;
}

.btn-ghost.btn-info {
    color: #5bc0de;
}

.btn-ghost.btn-info:hover {
    background: #5bc0de;
}

.btn-ghost.btn-warning {
    color: #f0ad4e;
}

.btn-ghost.btn-warning:hover {
    background: #f0ad4e;
}

.btn-ghost.btn-danger {
    color: #d9534f;
}

.btn-ghost.btn-danger:hover {
    background: #d9534f;
}

.btn-ghost.btn-primary-invert {
    color: #b79268;
}

.btn-ghost.btn-primary-invert:hover {
    background: #b79268;
}

.btn-ghost:hover {
    color: #fff;
}

.btn-ghost.btn-default:hover {
    color: #353535;
}

.btn-ghost.btn-white {
    border-color: #fff;
    color: #fff;
}

.btn-ghost.btn-white:hover {
    background: #fff !important;
    color: #595959;
}

.btn-ghost.btn-black {
    border-color: #000;
    color: #000;
}

.btn-ghost.btn-black:hover {
    background: #000;
    color: #fff;
}

.btn-lock-screen {
    right: 50%;
    position: fixed;
    top: 70px;
    z-index: 999;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    opacity: 1;
    -ms-filter: none;
    filter: none;
    padding: 5px 7px;
    font-size: 11px;

    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.btn-lock-screen.btn-lock-screen-hide {
    -webkit-transform: translate3d(-50%, -100px, 0);
    -moz-transform: translate3d(-50%, -100px, 0);
    -o-transform: translate3d(-50%, -100px, 0);
    -ms-transform: translate3d(-50%, -100px, 0);
    transform: translate3d(-50%, -100px, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.btn-icon .fa {
    font-size: 17px;
    color: #595959;
    text-align: center;
    display: block;
    position: absolute;
    width: 0;
    height: 43px;
    line-height: 43px;
    left: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.btn-icon .fa:before {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.btn-icon:hover {
    padding-left: 40px;
}

.btn-icon:hover .fa {
    width: 30px;
}

/****** End of Buttons *****/

/****** Rows/Columns ******/

.row.row-wrap > [class^="col-"],
.row.row-col-gap > [class^="col-"] {
    margin-bottom: 30px;
}

@media (max-width:992px) {
    .row.row-col-mob-gap > [class^="col-"] {
        margin-bottom: 30px;
    }
}

@media (min-width:992px) {
    .row.row-col-border > [class^="col-"] {
        border-left: 1px solid #d9d9d9;
    }
    .row.row-col-border > [class^="col-"]:last-child {
        border-left: none;
    }
}

.row.row-full {
    margin-right: 0;
    margin-left: 0;
}

.row.row-sm-gap {
    margin-bottom: -10px;
}

.row.row-sm-gap > [class^="col-"] {
    margin-bottom: 10px;
}

@media (max-width:992px) {
    .row.row-sm-gap {
        margin-bottom: 0;
    }
}

.row.row-no-gutter,
.row[data-gutter="0"],
.row[data-gutter="none"] {
    margin: 0 !important;
}

.row.row-no-gutter > [class^="col-"],
.row[data-gutter="0"] > [class^="col-"],
.row[data-gutter="none"] > [class^="col-"] {
    padding: 0 !important;
}

.row[data-gutter="10"] {
    margin-right: -5px;
    margin-left: -5px;
}

.row[data-gutter="10"] > [class^="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

.row[data-gutter="15"] {
    margin-bottom: -15px;
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.row[data-gutter="15"] > [class^="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 15px;
}

@media (min-width:992px) {
    .row[data-gutter="60"] {
        margin-right: -30px;
        margin-left: -30px;
    }
    .row[data-gutter="60"] > [class^="col-"] {
        padding-right: 30px;
        padding-left: 30px;
    }
}

@media (min-width:992px) {
    .row[data-gutter="80"] {
        margin-right: -40px;
        margin-left: -40px;
    }
    .row[data-gutter="80"] > [class^="col-"] {
        padding-right: 40px;
        padding-left: 40px;
    }
}

@media (min-width:992px) {
    .row[data-gutter="100"] {
        margin-right: -50px;
        margin-left: -50px;
    }
    .row[data-gutter="100"] > [class^="col-"] {
        padding-right: 50px;
        padding-left: 50px;
    }
}

@media (min-width:992px) {
    .row[data-gutter="120"] {
        margin-right: -60px;
        margin-left: -60px;
    }
    .row[data-gutter="120"] > [class^="col-"] {
        padding-right: 60px;
        padding-left: 60px;
    }
}

@media (min-width:992px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flex;
    }
        {
        display: box;
        display: flex;
    }
}

/****** End of Rows/Columns ******/

/****** Product ******/

.product-box {
    position: relative;
    overflow: hidden;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.product-box:hover {
    -webkit-box-shadow: 0 3px 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.5);
    z-index: 5;
}

.product {
    /* border-radius: 4px; */
    padding: 15px;
    background: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
}

.product-img-wrap {
    position: relative;
    height: 250px;
    overflow: hidden;
    margin: 0;
    margin-bottom: 10px;
    background: #f8f8f8;
}
.inners  .product-img-wrap{height: 170px;}

.product-img-banner,
.product-img-alt-banner,
.product-banner-alt-blur-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.product-img-primary,
.product-img-alt,
.product-img {
    width: 100%;
    display: block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    z-index: 1;
}

.product-img-alt {
    position: absolute;
    left: 0;
    top: 0;
}

.product-link {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 4;
    text-indent: 99999;
}

.product-img-alt {
    -webkit-transform: translate3d(101%, 0, 0);
    -moz-transform: translate3d(101%, 0, 0);
    -o-transform: translate3d(101%, 0, 0);
    -ms-transform: translate3d(101%, 0, 0);
    transform: translate3d(101%, 0, 0);
    z-index: 2;
}

.product-title {
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
    display: table;
    z-index: 2;
    margin: 0;
    position: absolute;
    bottom: 20px;
    right: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    background: #fff;
    color: #000;
    padding: 7px;
    line-height: 1em;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 11px;

}

.product-icon-quick-view {
    position: absolute;
    z-index: 5;
    display: block;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    background: #878787;
    color: #fff;
    bottom: 20px;
    left: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate3d(0, -10px, 0) scale(0.8);
    -moz-transform: translate3d(0, -10px, 0) scale(0.8);
    -o-transform: translate3d(0, -10px, 0) scale(0.8);
    -ms-transform: translate3d(0, -10px, 0) scale(0.8);
    transform: translate3d(0, -10px, 0) scale(0.8);
}

.product-icon-quick-view:hover {
    background: #44688f;
    color: #fff;
    text-decoration: none;
    -webkit-transform: translate3d(0, 0, 0) scale(1.2);
    -moz-transform: translate3d(0, 0, 0) scale(1.2);
    -o-transform: translate3d(0, 0, 0) scale(1.2);
    -ms-transform: translate3d(0, 0, 0) scale(1.2);
    transform: translate3d(0, 0, 0) scale(1.2);
}

.product-icon-quick-view:focus {
    color: #fff;
}

.product-left:after {
    content: '';
    display: table;
    clear: both;
}

.product-left .product-img-wrap {
    float: right;
    width: 25%;
    margin-left: 20px;
}

.product-left .product-caption {
    float: right;
    width: 50%;
}

.product-left .product-caption-feature-list {
    position: static;
    font-size: 13px;
}

.product-left .product-caption-title {
    font-size: 18px;
    height: auto;
}

.product-left .product-caption-price > span {
    font-size: 25px;
    margin-bottom: 10px;
}

.product-left .product-caption-rating {
    font-size: 12px;
}

@media (max-width:992px) {
    .product-left .product-img-wrap {
        float: none;
        width: 100%;
        margin: 0;
    }
    .product-left .product-caption {
        float: none;
        width: 100%;
    }
    .product-left .product-actions {
        display: none;
    }
}

.product-actions {
    position: absolute;
    top: 42px;
    left: 15px;
    z-index: 5;
    list-style: none;
    padding: 0;
    margin: 0;
}

.product-actions > li {
    margin-bottom: 10px;
}

.product-info-block-rating,
.product-caption-rating {
    list-style: none;
    margin-bottom: 3px;
    padding: 0;
    overflow: hidden;
    font-size: 9px;
}

.product-info-block-rating > li,
.product-caption-rating > li {
    float: right;
    margin-left: 3px;
    color: #d9d9d9;
}

.product-caption-rating > li {
    font-size: 15px;
}

.owl-featured .product-caption-rating > li i:before {
    font-family: "Ionicons";
}

.owl-featured .product-caption-rating > li i:before {
    content: "\f13e";
}

.product-info-block-rating > li.rated,
.product-caption-rating > li.rated {
    color: #ffc120;
}

.product-info-block-sm .product-info-block-title {
    font-size: 15px;
}

.product-info-block-sm .product-info-block-price {
    font-size: 17px;
}

.product-plus {
    position: absolute;
    bottom: 80px;
    right: -80px;
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 40px;
    background: #878787;
    z-index: 5;
    color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translate(0, -50px);
    -moz-transform: translate(0, -50px);
    -o-transform: translate(0, -50px);
    -ms-transform: translate(0, -50px);
    transform: translate(0, -50px);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    font-size: 18px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
}

.product-plus:hover {
    color: #fff;
    background: #3d5d80;
    text-decoration: none;
}

.product-quick-view {
    display: inline-block;
    background: #262626;
    color: #fff;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 5;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    padding: 2px 5px;
    -webkit-transform: translate3d(105%, 0, 0);
    -moz-transform: translate3d(105%, 0, 0);
    -o-transform: translate3d(105%, 0, 0);
    -ms-transform: translate3d(105%, 0, 0);
    transform: translate3d(105%, 0, 0);
}

.product-quick-view:hover {
    text-decoration: none;
    background: #878787;
    color: #fff;
}

.product:hover {}

.product:hover .product-img-alt,
.product:hover .product-more-info-link,
.product:hover .product-hover-block,
.product:hover .product-to-cart,
.product:hover .product-plus,
.product:hover .product-quick-view {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.product:hover .product-img-primary {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.product:hover .product-title {
    bottom: -50px;
}

.product:hover .product-to-cart,
.product:hover .product-plus {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.product:hover .product-img-wrap-single .product-img-primary {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.product-info-active .product-info-block-hide {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.product-info-active .product-info-block {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-box-shadow: -1px 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: -1px 0 3px rgba(0, 0, 0, 0.2);
}

.product-info-active .product-info-block-wrap-inner {
    -webkit-animation-name: infoBlock;
    -moz-animation-name: infoBlock;
    -o-animation-name: infoBlock;
    -ms-animation-name: infoBlock;
    animation-name: infoBlock;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    animation-duration: 0.7s;
}

.product-info-active .product-img-alt {
    -webkit-transform: translate3d(-30%, 0, 0) scale(1.1);
    -moz-transform: translate3d(-30%, 0, 0) scale(1.1);
    -o-transform: translate3d(-30%, 0, 0) scale(1.1);
    -ms-transform: translate3d(-30%, 0, 0) scale(1.1);
    transform: translate3d(-30%, 0, 0) scale(1.1);
}

.product-info-active .product-hover-block {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.product-info-active .product-plus {
    right: -20px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product-info-active .product-quick-view {
    left: 70%;
}

.product-info-active .product-quick-view > span {
    display: none;
}

.product-info-active .product-img-wrap-single .product-img-primary {
    -webkit-transform: translate3d(-30%, 0, 0) scale(1.1);
    -moz-transform: translate3d(-30%, 0, 0) scale(1.1);
    -o-transform: translate3d(-30%, 0, 0) scale(1.1);
    -ms-transform: translate3d(-30%, 0, 0) scale(1.1);
    transform: translate3d(-30%, 0, 0) scale(1.1);
}

.product-img-banner,
.product-img-alt-banner {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.product-banner-contents {
    padding: 0 50px;
    position: absolute;
    top: 350px;
    right: 0;
    text-align: center;
    z-index: 3;
    color: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    width: 100%;
}

.product-banner-title {
    font-family: 'Cairo', sans-serif, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 45px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.85);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.product-banner-caption {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    -ms-transition: 0.7s;
    transition: 0.7s;
    -webkit-transform: translate3d(0, 30px, 0);
    -moz-transform: translate3d(0, 30px, 0);
    -o-transform: translate3d(0, 30px, 0);
    -ms-transform: translate3d(0, 30px, 0);
    transform: translate3d(0, 30px, 0);
    font-weight: 300;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.product-banner-desc {
    font-size: 18px;
}

.product-banner-mask {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: #000;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}

.product-banner-btn {
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 5px;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.product-banner-btn:hover {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: #878787;
    border-color: #878787;
    color: #fff;
    text-decoration: none;
}

.product-banner-logo {
    position: absolute;
    top: 20px;
    right: 0;
    display: block;
    width: 100%;
    z-index: 3;
    text-align: center;
}

.product-banner-logo > img {
    width: 25px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.product-banner-img-wrap {
    position: relative;
    z-index: 1;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0) scale(1.1);
    -moz-transform: translate3d(0, 0, 0) scale(1.1);
    -o-transform: translate3d(0, 0, 0) scale(1.1);
    -ms-transform: translate3d(0, 0, 0) scale(1.1);
    transform: translate3d(0, 0, 0) scale(1.1);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-filter: grayscale(50%);
}

.product-banner-alt-mask {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    background: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.product-banner-alt-title {
    position: absolute;
    z-index: 3;
    color: #fff;
    font-family: 'Cairo', sans-serif, arial, helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 25px;

    right: 50%;
    top: 50%;
    display: table;
    padding: 15px 18px;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.4);
    text-align: center;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.product-banner-alt-btn {
    position: absolute;
    z-index: 3;
    color: #fff;
    padding: 15px 25px;
    background: rgba(72, 109, 151, 0.85);
    top: 50%;
    right: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-transform: uppercase;

    margin-top: 20px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    font-size: 16px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.product-hover .product-banner-mask {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.7);
}

.product-hover .product-banner-contents {
    top: 200px;
}

.product-hover .product-banner-caption {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.product-hover .product-img-banner {
    -webkit-transition: 10s;
    -moz-transition: 10s;
    -o-transition: 10s;
    -ms-transition: 10s;
    transition: 10s;
    -webkit-transform: scale(1.5) translate3d(0, 0, 0);
    -moz-transform: scale(1.5) translate3d(0, 0, 0);
    -o-transform: scale(1.5) translate3d(0, 0, 0);
    -ms-transform: scale(1.5) translate3d(0, 0, 0);
    transform: scale(1.5) translate3d(0, 0, 0);
}

.product-hover .product-banner-logo > img {
    -webkit-transform: scale(1.6) translate3d(0, 80px, 0);
    -moz-transform: scale(1.6) translate3d(0, 80px, 0);
    -o-transform: scale(1.6) translate3d(0, 80px, 0);
    -ms-transform: scale(1.6) translate3d(0, 80px, 0);
    transform: scale(1.6) translate3d(0, 80px, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.product-hover .product-banner-title {
    background: none;
}

.product-hover .product-banner-img-wrap {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    -webkit-filter: grayscale(0);
}

.product-hover .product-banner-alt-mask {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.product-hover .product-banner-alt-title {
    -webkit-transform: translate3d(-50%, -50%, 0);
    -moz-transform: translate3d(-50%, -50%, 0);
    -o-transform: translate3d(-50%, -50%, 0);
    -ms-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.product-hover .product-banner-alt-btn {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    margin-top: 0;
}

.product-slide {
    margin: 5px;
}

.product-caption {
    padding: 10px 15px;
    position: relative;
}

.product-caption-feature-list {
    font-size: 11px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 10px;
    bottom: 11px;
}

.product-caption-feature-list > li {
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #d9d9d9;
    display: inline-block;
    color: #8c8c8c;
}

.product-caption-feature-list > li:first-child {
    border: none;
    margin: 0;
    padding: 0;
}

.product-sm-left.product .product-caption-feature-list {
    left: 0;
    bottom: 0;
    position: relative;
    font-size: 12px;
}

.product-caption-title {
    height: 40px;
    overflow: hidden;
    line-height: 1.3em;
    color: #292929;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.product-caption-title:hover {
    /* color:#ff5a54 */
}

.product-caption-title > a {
    color: #555;
}

.product-caption-title-sm {
    font-size: 11px;
}

.product-caption-price {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 12px;
}

.product-caption-price > span {
    display: inline-block;
    font-size: 18px;
    line-height: 1em;
}

.product-caption-price > span.product-caption-price-new {
    color: #ff5a54;
    font-weight: 700;
    font-size: 14px;
}

.product-caption-price > span.product-caption-price-old {
    margin-left: 7px;
    color: #727272;
    text-decoration: line-through;
}

.product-labels {
    position: absolute;
    top: 10px;
    right: -3px;
    z-index: 3;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    text-transform: uppercase;
    color: #fff;
}

.product-labels > li {
    background: #878787;
    color: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    padding: 3px 7px;
    line-height: 1em;
    margin-bottom: 5px;
    display: table;
}

.product-sm-left {
    padding: 0;
    /* background: #f8f8f8; */
}

.product-sm-left:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.product-sm-left .product-img-wrap {
    float: right;
    width: 40%;
    padding: 11px;
    margin: 0;
    background: #f8f8f8;
    height: 143px;
    padding-top: 27px;
}

.product-sm-left .product-caption {
    float: right;
    width: 60%;
    padding: 26px 15px 0;
}

.product-sm-left .product-caption-feature-list {
    margin-top: 5px;
    left: auto;
    bottom: auto;
}

.product-sm-left .product-caption-title {
    height: 55px;
    font-size: 13px;
}

.product-sm-left .product-caption-price {
    margin-top: 6px;
}

.product-sm-left .product-caption-title {
    font-size: 12px;
    height: 37px;
    line-height: 19px;
    margin-top: 10px;
}

.product-sm-left .product-caption-price > span {
    font-size: 15px;
}

.product-sm {
    padding: 10px;
}

.product-sm .product-caption {
    margin-top: 7px;
    padding: 0 5px;
}

.product-sm .product-caption-title {
    line-height: 1.25em;
    font-size: 13px;
    height: 32px;
}

.product-sm .product-caption-price {
    margin-top: 5px;
}

.product-sm .product-caption-price > span {
    font-size: 13px;
}

.product-sm .product-img-wrap {
    padding: 7px;
    margin: 0;
}

.product-tabs .tab-content {
    background: #fff;
    padding: 20px 25px;
    border: 1px solid #ddd;
    border-top: none;
}

.product-tabs .nav-tab-icon {
    margin-left: 3px;
}

.product-tabs .nav > li > a {
    color: #595959;
    font-weight: 500;
    margin-left: 5px;
    font-size: #5b5b5b;
}

.product-tabs .nav > li.active > a {
    -webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.08);
}

.product-tab-rating-title {
    margin-bottom: 3px;
}

.product-overview-text {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 30px;
}

@media (max-width:992px) {
    .product-overview-text {
        position: static;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
        top: 0;
        padding: 15px;
    }
}

.product-overview-section {
    padding: 20px 0;
}

.product-overview-title {
    font-size: 25px;
    line-height: 1.4em;
}

.product-overview-desc {
    font-size: 17px;
    line-height: 1.6em;
    color: #838383;
}

.product-overview-img {
    width: 100%;
    padding: 0 30px;
}

.product-page-product-wrap {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.product-page-product-wrap:before {
    content: '';
    z-index: -1;
    position: absolute;
    bottom: 15px;
    right: 10px;
    width: 50%;
    height: 20%;
    max-width: 300px;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
}

.product-page-product-wrap > img {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
}

.product-page-product-rating {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-page-product-rating > li {
    display: inline-block;
    margin-left: 5px;
    font-size: 17px;
    color: #7a7a7a;
}

.product-page-product-rating > li.rated {
    color: #ffc120;
}

.product-page-product-rating-sign {
    font-size: 12px;
    margin-bottom: 5px;
}

.product-page-product-rating-sign a {
    color: #7a7a7a;
}

.product-page-product-rating-sign a:hover {
    text-decoration: none;
    color: #595959;
}

.product-page-product-rating.product-rating-big > li {
    font-size: 38px;
}

.product-page-product-rating.product-rating-big > li.count {
    margin-right: 7px;
    font-weight: 700;
    color: #878787;
}

.product-page-desc,
.product-page-desc-lg {
    font-size: 16px;
    color: #727272;
}

.product-page-desc-lg {
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 20px;
}

.product-page-features-table {
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 500;
}

.product-page-features-table-specs,
.product-page-features-table-details {
    width: 25%;
}

.product-page-price {
    font-size: 32px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 1px;
    color: #878787;
}

.product-page-price-list {
    font-size: 25px;
    font-weight: 400;
    line-height: 1em;
    text-decoration: line-through;
    color: #838383;
    margin-bottom: 5px;
}

.product-page-price-sign {
    font-size: 13px;
    color: #a6a6a6;
    margin-bottom: 1px;
}

.product-page-side-section {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #d9d9d9;
}

.product-page-side-title {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 7px;
}

.product-page-side-text {
    font-size: 11px;
    color: #939393;
    margin-bottom: 5px;
}

.product-page-share-item {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: 13px;
}

.product-page-share-item > li {
    float: right;
    margin-left: 5px;
}

.product-page-share-item > li .fa {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    color: #fff;
}

.product-page-share-item > li .fa.fa-facebook {
    background: #46629e;
}

.product-page-share-item > li .fa.fa-twitter {
    background: #55acee;
}

.product-page-share-item > li .fa.fa-pinterest {
    background: #cd2129;
}

.product-page-share-item > li .fa.fa-instagram {
    background: #457399;
}

.product-page-share-item > li .fa.fa-google-plus {
    background: #dd4b39;
}

.product-page-share-item > li .fa:hover {
    text-decoration: none;
}

.product-page-area {
    background: #fff;
    padding: 30px 0;
}

.product-rate-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.product-rate-list > li {
    height: 26px;
    overview: hidden;
    margin-bottom: 7px;
}

.product-rate-list-item {
    margin: 0;
    font-size: 13px;
    height: 26px;
    line-height: 26px;
    float: right;
    width: 25%;
}

.product-rate-list-bar {
    width: 65%;
    float: right;
    background: #d9d9d9;
    height: 20px;
    margin-top: 3px;
}

.product-rate-list-bar > div {
    background: #ffc120;
    height: 20px;
}

.product-rate-list-count {
    float: right;
    width: 10%;
    text-alighn: left;
    padding-right: 7px;
    height: 26px;
    line-height: 26px;
    margin: 0;
    font-size: 11px;
    color: #7a7a7a;
}

.product-review {
    margin-bottom: 15px;
    padding-bottom: 15px;
    overflow: hidden;
    border-bottom: 1px dashed #d9d9d9;
}

.product-review-author {
    float: right;
    margin-left: 20px;
}

.product-review-author-img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.product-review-content,
.product-review-content-full {
    display: table;
    width: 70%;
    float: right;
    border-left: 1px dashed #d9d9d9;
    padding-left: 15px;
}

.product-review-content-full {
    padding-left: 0;
    border-left: none;
    width: 85%;
}

.product-review-title {
    margin-bottom: 5px;
    font-size: 18px;
}

.product-review-meta {
    font-style: italic;
    color: #838383;
    margin-bottom: 3px;
    margin-top: 2px;
    font-size: 13px;
}

.product-review-body {
    font-size: 13px;
}

.product-review-side {
    float: right;
    width: 15%;
    margin-right: 15px;
}

.product-review-side-sign {
    margin-bottom: 3px;
    font-size: 13px;
    color: #727272;
}

.product-review-rate {
    display: inline-block;
    margin-left: 5px;
    padding: 5px 10px;
    background: #737373;
    color: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.product-review-rate:hover {
    background: #878787;
    color: #fff;
    text-decoration: none;
}

.product-review-rate .fa {
    margin-left: 3px;
}

.product-review-actions {
    margin-bottom: 0;
}

.product-review-actions > li > a {
    font-size: 12px;
    color: #8b8b8b;
}

.product-review-actions > li > a:hover {
    color: #595959;
    text-decoration: none;
}

.product-accessory-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 20px;
}

.product-accessory {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}

.product-accessory-img {
    width: 100%;
}

.product-accessory-title {
    font-size: 15px;
    margin-top: 4px;
    line-height: 1.4em;
}

.product-accessory-title > a {
    color: #595959;
}

.product-accessory-price {
    margin-bottom: 7px;
    font-size: 27px;
    font-weight: 500;
}

.product-accessory-included-list {
    padding-right: 17px;
    margin-top: 15px;
    font-size: 16px;
}

.product-accessory-included-list > li {
    margin-bottom: 7px;
}

.product-page-qa {
    margin-bottom: 15px;
    border-bottom: 1px dashed #e6e6e6;
}

.product-page-qa-form {
    margin: 15px 0;
}

.product-page-qa-question {
    font-weight: 500;
}

.product-page-qa-question,
.product-page-qa-answer {
    min-height: 35px;
    position: relative;
    padding-right: 35px;
    font-size: 17px;
    margin-bottom: 15px;
}

.product-page-qa-question:before,
.product-page-qa-answer:before {
    opacity: 0.75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    content: 'Q:';
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1em;
    font-size: 25px;
    font-weight: 700;
    color: #878787;
}

.product-page-qa-answer {
    margin-right: 30px;
    font-size: 16px;
}

.product-page-qa-answer:before {
    content: 'A:';
}

.product-page-qa-text {
    margin-bottom: 3px;
}

.product-page-qa-meta {
    font-size: 12px;
    font-style: italic;
    color: #838383;
    margin-bottom: 0;
}

.product-page-option-list {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.product-page-option-list > li {
    margin-bottom: 15px;
}

.product-page-option-title {
    min-width: 45px;
    font-size: 14px;
    margin-bottom: 0;
    float: right;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
}

.product-page-option-select {
    font-size: 13px;
    height: 40px;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    border: 1px solid #b3b3b3;
    float: right;
}

.product-page-option-select:focus {
    outline: none;
}

.product-page-actions-list {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.product-page-actions-list > li {
    float: right;
    margin-left: 10px;
}

.product-page-qty-item {
    border: 1px solid #ccc;
    /* -webkit-border-radius: 7px; */
    /* border-radius: 7px; */
    overflow: hidden;
}

.product-page-qty {
    background: #fff;
    height: 39px;
    width: 39px;
    line-height: 39px;
    float: right;
    display: block;
    text-align: center;
    padding: 0;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.product-page-qty:focus {
    outline: none;
}

.product-page-qty-input {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    width: 50px;
}

.product-list {
    list-style: none;
    padding: 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.product-list > li {
    border-bottom: 1px solid #e6e6e6;
}

.product-list > li:last-child {
    border-bottom: none;
}

.product-list .product {
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.product-list .product-right .product-img-wrap {
    width: 30%;
}

.product-list .product-right .product-caption {
    width: 70%;
}

.product-review-thumb {
    padding: 15px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.product-review-thumb-header {
    overflow: hidden;
    margin-bottom: 10px;
}

.product-review-thumb-reviewer-img {
    width: 20% !important;
    float: right;
    margin-left: 5%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.product-review-thumb-reviewer-name {
    font-size: 13px;
    margin-bottom: 0;
}

.product-review-thumb-header-side {
    float: right;
    width: 75%;
    display: table;
    padding-top: 2px;
}

.product-review-thumb-rating {
    list-style: none;
    margin-bottom: 4px;
    padding: 0;
    overflow: hidden;
}

.product-review-thumb-rating > li {
    line-height: 1em;
    color: #808080;
    float: right;
    margin-left: 2px;
}

.product-review-thumb-rating > li.rated {
    color: #ffc120;
}

.product-review-thumb-body {
    padding: 0 10px;
    font-size: 16px;
    line-height: 1.3em;
    font-style: italic;
    margin-bottom: 2px;
    height: 60px;
    overflow: hidden;
}

.product-review-thumb-link {
    margin-right: 10px;
    font-size: 13px;
}

.product-review-thumb-product {
    overflow: hidden;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}

.product-review-thumb-product-img {
    float: right;
    width: 20% !important;
    margin-left: 5%;
}

.product-review-thumb-product-title {
    height: 55px;
    overflow: hidden;
    float: right;
    width: 75%;
    font-weight: 400;
    line-height: 1.4em;
}

.product-review-thumb-product-title > a {
    color: #595959;
}

.product-review-thumb-product-title > a:hover {
    color: #878787;
    text-decoration: none;
}

@-moz-keyframes infoBlock {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(30px, 0, 0);
        -moz-transform: translate3d(30px, 0, 0);
        -o-transform: translate3d(30px, 0, 0);
        -ms-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }

    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(-7px, 0, 0);
        -moz-transform: translate3d(-7px, 0, 0);
        -o-transform: translate3d(-7px, 0, 0);
        -ms-transform: translate3d(-7px, 0, 0);
        transform: translate3d(-7px, 0, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes infoBlock {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(30px, 0, 0);
        -moz-transform: translate3d(30px, 0, 0);
        -o-transform: translate3d(30px, 0, 0);
        -ms-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }

    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(-7px, 0, 0);
        -moz-transform: translate3d(-7px, 0, 0);
        -o-transform: translate3d(-7px, 0, 0);
        -ms-transform: translate3d(-7px, 0, 0);
        transform: translate3d(-7px, 0, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-o-keyframes infoBlock {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(30px, 0, 0);
        -moz-transform: translate3d(30px, 0, 0);
        -o-transform: translate3d(30px, 0, 0);
        -ms-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }

    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(-7px, 0, 0);
        -moz-transform: translate3d(-7px, 0, 0);
        -o-transform: translate3d(-7px, 0, 0);
        -ms-transform: translate3d(-7px, 0, 0);
        transform: translate3d(-7px, 0, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-ms-keyframes infoBlock {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(30px, 0, 0);
        -moz-transform: translate3d(30px, 0, 0);
        -o-transform: translate3d(30px, 0, 0);
        -ms-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }

    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(-7px, 0, 0);
        -moz-transform: translate3d(-7px, 0, 0);
        -o-transform: translate3d(-7px, 0, 0);
        -ms-transform: translate3d(-7px, 0, 0);
        transform: translate3d(-7px, 0, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes infoBlock {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: translate3d(30px, 0, 0);
        -moz-transform: translate3d(30px, 0, 0);
        -o-transform: translate3d(30px, 0, 0);
        -ms-transform: translate3d(30px, 0, 0);
        transform: translate3d(30px, 0, 0);
    }

    50% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(-7px, 0, 0);
        -moz-transform: translate3d(-7px, 0, 0);
        -o-transform: translate3d(-7px, 0, 0);
        -ms-transform: translate3d(-7px, 0, 0);
        transform: translate3d(-7px, 0, 0);
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        filter: none;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/****** End of Product ******/

/****** Banners ******/

.banner {
    color: #fff;
    height: 200px;
    position: relative;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.banner-title {
    font-size: 25px;
    display: block;
    margin: 0;
    margin-bottom: 5px;
    font-weight: 600;
    text-transform: uppercase;
}

.banner-desc {
    font-size: 17px;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.banner-lg .banner-title {
    padding: 10px 20px;
    font-size: 50px;
}

.banner-lg .banner-btn {
    width: 100px;
    height: 100px;
    margin-right: -50px;
    margin-top: -50px;
}

.banner-lg .banner-btn > span {
    font-size: 17px;
}

.banner-lg .banner-btn > span:first-child {
    margin-top: 32px;
}

.banner-sm .banner-title {
    font-size: 18px;
}

.banner-sm .banner-desc {
    font-size: 13px;
    margin-bottom: 5px;
}

.banner-sm .banner-shop-now {
    font-size: 11px;
}

.banner-xl .banner-title {
    line-height: 1.1em;
    font-size: 60px;
}

.banner-xl .banner-desc {
    font-size: 30px;
}

.banner-xl .banner-shop-now {
    font-size: 22px;
}

.banner-o-hid {
    overflow: hidden;
    z-index: 1;
}

.banner-sqr {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.banner-link {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: block;
    z-index: 3;
}

.banner-caption-top-right,
.banner-caption-right,
.banner-caption-top-left,
.banner-caption-left,
.banner-caption-bottom-right,
.banner-caption-bottom-left,
.banner-caption-center {
    z-index: 2;
    width: 50%;
    position: absolute;
}

.banner-caption-top-left {
    top: 5%;
    right: 5%;
}

.banner-caption-top-right {
    text-align: left;
    top: 5%;
    left: 5%;
}

.banner-caption-bottom-left {
    bottom: 5%;
    right: 5%;
}

.banner-caption-right,
.banner-caption-left {
    right: 5%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-caption-right {
    right: auto;
    left: 5%;
}

.banner-caption-center {
    top: 50%;
    right: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}

.banner-img {
    -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));
    position: absolute;
    width: 200px;
}

.banner-caption-dark {
    color: #333;
}

.banner-shop-now {
    margin-bottom: 0;

    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.banner-shop-now > i {
    margin-right: 1px;
}

.banner-category {
    display: block;
    background: #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 20px;
    text-decoration: none !important;
    text-align: center;
    color: #595959;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: 0.15s;
    -moz-transition: 0.15s;
    -o-transition: 0.15s;
    -ms-transition: 0.15s;
    transition: 0.15s;
}

.banner-category:hover,
.banner-category:active,
.banner-category:focus,
.banner-category:visited {
    color: #595959;
}

.banner-category-icon {
    display: block;
    margin-bottom: 13px;
    font-size: 28px;
}

.banner-category-img {
    margin-bottom: 13px;
    width: 45px !important;
    display: inline-block !important;
}

.banner-category-img-full {
    margin-bottom: 13px;
    width: 100%;
}

.banner-category-title {
    text-transform: uppercase;

    font-size: 12px;
    margin-bottom: 3px;
}

.banner-category-desc {
    margin-bottom: 0;
    font-size: 11px;
    color: #838383;
}

/****** End of Banners ******/

/****** iCheck ******/

.i-check,
.i-radio {
    display: inline-block;
    *display: inlne;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    cursor: pointer;
    top: 0;
    right: -7px;
    margin-right: -13px;
    float: right;
    text-align: center;
    line-height: 20px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.i-check:before,
.i-radio:before {
    content: '\f00c';
    font-family: 'FontAwesome';
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, -22px, 0);
    -moz-transform: translate3d(0, -22px, 0);
    -o-transform: translate3d(0, -22px, 0);
    -ms-transform: translate3d(0, -22px, 0);
    transform: translate3d(0, -22px, 0);
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    color: #fff;
    font-size: 10px;
}

.i-check.hover,
.i-radio.hover {
    border: 1px solid #878787;
}

.i-check.checked,
.i-radio.checked {
    border: 1px solid #878787;
    background: #878787;
}

.i-check.checked:before,
.i-radio.checked:before {
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.i-check.disabled,
.i-radio.disabled {
    border-color: #d9d9d9 !important;
}

.i-check.disabled.checked,
.i-radio.disabled.checked {
    background: #ccc !important;
}

.i-check.i-check-stroke.checked {
    background: #fff;
}

.i-check.i-check-stroke.checked:before {
    color: #878787;
}

.i-radio {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.i-radio:before {
    content: '\f111';
    font-size: 12px;
}

.checkbox-switch .i-check,
.radio-switch .i-check,
.checkbox-switch .i-radio,
.radio-switch .i-radio {
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 44px;
    broder-color: #999;
    border-width: 2px;
}

.checkbox-switch .i-check:before,
.radio-switch .i-check:before,
.checkbox-switch .i-radio:before,
.radio-switch .i-radio:before {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #b3b3b3;
    content: '';
    width: 16px;
    height: 14px;
    top: 2px;
    right: 2px;
    position: absolute;
}

.checkbox-switch .i-check.checked,
.radio-switch .i-check.checked,
.checkbox-switch .i-radio.checked,
.radio-switch .i-radio.checked {
    background: #fff;
}

.checkbox-switch .i-check.checked:before,
.radio-switch .i-check.checked:before,
.checkbox-switch .i-radio.checked:before,
.radio-switch .i-radio.checked:before {
    background: #878787;
    -webkit-transform: translate3d(20px, 0, 0);
    -moz-transform: translate3d(20px, 0, 0);
    -o-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
}

.checkbox-switch .i-check.disabled:before,
.radio-switch .i-check.disabled:before,
.checkbox-switch .i-radio.disabled:before,
.radio-switch .i-radio.disabled:before {
    background: #ccc !important;
}

.checkbox-small,
.radio-small {
    margin-bottom: 10px;
}

.checkbox-small.checkbox-inline,
.radio-small.checkbox-inline,
.checkbox-small.radio-inline,
.radio-small.radio-inline {
    margin: 0;
}

.checkbox-small label,
.radio-small label {
    font-size: 13px;
}

.checkbox-small label .i-check,
.radio-small label .i-check,
.checkbox-small label .i-radio,
.radio-small label .i-radio {
    width: 18px;
    height: 18px;
    line-height: 16px;
    top: 3px;
}

.checkbox-small label .i-check:before,
.radio-small label .i-check:before,
.checkbox-small label .i-radio:before,
.radio-small label .i-radio:before {
    font-size: 12px;
}

.checkbox-small label .i-radio:before,
.radio-small label .i-radio:before {
    font-size: 9px;
}

.checkbox-lg,
.radio-lg {
    margin-bottom: 20px;
}

.checkbox-lg.checkbox-inline,
.radio-lg.checkbox-inline,
.checkbox-lg.radio-inline,
.radio-lg.radio-inline {
    margin: 0;
}

.checkbox-lg label,
.radio-lg label {
    font-size: 17px;
}

.checkbox-lg label .i-check,
.radio-lg label .i-check,
.checkbox-lg label .i-radio,
.radio-lg label .i-radio {
    width: 26px;
    height: 26px;
    line-height: 24px;
    top: -1px;
}

.checkbox-lg label .i-check:before,
.radio-lg label .i-check:before,
.checkbox-lg label .i-radio:before,
.radio-lg label .i-radio:before {
    font-size: 16px;
}

.checkbox-lg label .i-radio:before,
.radio-lg label .i-radio:before {
    font-size: 13px;
}

.checkbox-stroke .i-check.checked,
.radio-stroke .i-check.checked,
.checkbox-stroke .i-radio.checked,
.radio-stroke .i-radio.checked {
    background: #fff;
}

.checkbox-stroke .i-check.checked:before,
.radio-stroke .i-check.checked:before,
.checkbox-stroke .i-radio.checked:before,
.radio-stroke .i-radio.checked:before {
    color: #878787;
}

.checkbox-stroke .i-check.checked.disabled,
.radio-stroke .i-check.checked.disabled,
.checkbox-stroke .i-radio.checked.disabled,
.radio-stroke .i-radio.checked.disabled {
    background: #fff;
}

.checkbox-stroke .i-check.checked.disabled:before,
.radio-stroke .i-check.checked.disabled:before,
.checkbox-stroke .i-radio.checked.disabled:before,
.radio-stroke .i-radio.checked.disabled:before {
    color: #ccc;
}

.checkbox-small.checkbox-inline + .checkbox-small.checkbox-inline,
.radio-small.radio-inline + .radio-small.radio-inline {
    margin-right: 10px;
}

.checkbox-lg.checkbox-inline + .checkbox-lg.checkbox-inline,
.radio-lg.radio-inline + .radio-lg.radio-inline {
    margin-right: 20px;
}

/****** End of iCheck ******/

/****** Range Slider ******/

.irs {
    position: relative;
    display: block;
    height: 40px;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    height: 8px;
    top: 25px;
    background: #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.irs-line-right,
.irs-line-mid,
.irs-line-left {
    position: absolute;
    display: block;
    top: 0;
    height: 8px;
}

.irs-line-left {
    left: 0;
    width: 10%;
}

.irs-line-mid {
    left: 10%;
    width: 10%;
}

.irs-line-right {
    right: 0;
    width: 10%;
}

.irs-diapason {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 8px;
    top: 25px;
    background: #727272;
}

.irs-slider {
    position: absolute;
    display: block;
    left: 0;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 22px;
    background: #878787;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    cursor: pointer;
}

.irs-slider.single {
    left: 10px;
}

.irs-slider.single:before {
    content: '';
    position: absolute;
    display: block;
    top: -30%;
    left: -30%;
    width: 160%;
    height: 160%;
}

.irs-slider.from {
    left: 100px;
}

.irs-slider.from:before {
    content: '';
    position: absolute;
    display: block;
    top: -30%;
    left: 0;
    width: 200%;
    height: 170%;
}

.irs-slider.to {
    left: 300px;
}

.irs-slider.to:before {
    content: '';
    position: absolute;
    display: block;
    top: -30%;
    right: 0;
    width: 200%;
    height: 170%;
}

.irs-slider.last {
    z-index: 2;
}

.irs-min,
.irs-max {
    position: absolute;
    display: block;
    cursor: default;
    color: #b3b3b3;
    font-size: 10px;
    line-height: 1.333;
    top: 4px;
}

.irs-min {
    left: 0;
}

.irs-max {
    right: 0;
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 2px;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #595959;
    font-size: 13px;
    line-height: 1.333;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid {
    height: 60px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #b3b3b3;
}

.irs-grid-pol.small {
    height: 4px;
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    color: #808080;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: default;
    background: #000;
    z-index: 2;
}

.irs-disabled {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
}

.category-sidebar-white .irs-from,
.category-sidebar-white .irs-to,
.category-sidebar-white .irs-single {
    color: #595959;
}

.category-sidebar-white .irs-min,
.category-sidebar-white .irs-max {
    color: #8b8b8b;
}

/****** End of Range Slider ******/

/****** Product Zoom ******/

.zoomPad {
    position: relative;
    z-index: 99;
    cursor: default;
    overflow: hidden;
}

.zoomPad > img {
    max-width: 100%;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.jqzoom-list {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: table;
    margin-top: 10px;
}

.jqzoom-list > li {
    float: right;
    margin: 7px;
}

.jqzoom-list > li > a {
    width: 70px;
    display: block;
}

.jqzoom-list > li > a.zoomThumbActive > img {
    -webkit-box-shadow: 0 0 0 2px rgba(72, 109, 151, 0.75);
    box-shadow: 0 0 0 2px rgba(72, 109, 151, 0.75);
}

.jqzoom-list > li > a > img {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    width: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    padding: 5px;
    background: #fff;
}

.zoomPreload {
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    color: #333;
    font-size: 12px;
    font-family: 'Cairo', sans-serif;
    text-decoration: none;
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 8px;
    text-align: center;
    background-position: 43px 30px;
    z-index: 110;
    position: absolute;
    top: 0px;
    right: 0px;
    *width: 100px;
    *height: 49px;
}

.zoomPup {
    overflow: hidden;
    background-color: #fff;
    -moz-opacity: 0.6;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    z-index: 120;
    position: absolute;
    border: 1px solid #ccc;
    z-index: 101;
    cursor: default;
}

.zoomOverlay {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #fff;
    z-index: 5000;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 101;
}

.zoomWindow {
    position: absolute;
    right: 0 !important;
    left: 0 !important;
    top: 0;
    bottom: 0;
    background: #fff;
    height: auto;
    z-index: 110;
    -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.75);
    cursor: crosshair;
}

.zoomWrapper {
    position: relative;
    z-index: 110;
}

.zoomWrapperTitle {
    display: block;
    background: #999;
    color: #fff;
    height: 18px;
    line-height: 18px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 10px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 120;
    -moz-opacity: 0.6;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
}

.zoomWrapperImage {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 110;
}

.zoomWrapperImage img {
    border: 0px;
    display: block;
    position: absolute;
    z-index: 101;
}

.zoomIframe {
    z-index: -1;
    -moz-opacity: 0.8;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    position: absolute;
    display: block;
}

.jqzoom-right,
.jqzoom-left {
    position: relative;
}

.jqzoom-right .jqzoom-list,
.jqzoom-left .jqzoom-list {
    display: block;
    margin: 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.jqzoom-right .jqzoom-list > li,
.jqzoom-left .jqzoom-list > li {
    float: none;
    margin: 0 0 15px 0;
}

.jqzoom-right .jqzoom-list > li > a,
.jqzoom-left .jqzoom-list > li > a {
    width: 100px;
}

.jqzoom-right .jqzoom-stage,
.jqzoom-left .jqzoom-stage {
    margin-right: 115px;
}

.jqzoom-right .jqzoom-list {
    right: auto;
    left: 0;
}

.jqzoom-right .jqzoom-stage {
    margin-right: 0;
    margin-left: 115px;
}



/****** End of Product Zoom ******/
/******************************/
.xzoom-preview{left:auto!important;right: 230px!important;top: 140px!important;z-index:100;}
.xzoom-preview img {
    -webkit-transition:none;
    transition: none;
    min-width: 1000px!important;
    height: auto!important;
}
.xzoom4{width:100%!important}

/****** Mega Navigation ******/

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .nav li {
    /* float: none; */
    /* display: inline-block; */
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    right: auto;
}

.yamm .yamm-content {
    padding: 20px 30px;
    background: #fff;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    right: 0;
    left: 0;
    padding: 0;
}

.yamm-content {
    position: relative;
}

.yamm-content > .row {
    position: relative;
    z-index: 2;
}

/****** End of Mega Navigation ******/

/****** Card Payment ******/

.cc-form .form-group {
    float: right;
    position: relative;
}

.cc-form .form-group.form-group-cc-number,
.cc-form .form-group.form-group-cc-name {
    width: 70%;
    margin-left: 5%;
}

.cc-form .form-group.form-group-cc-date,
.cc-form .form-group.form-group-cc-cvc {
    width: 25%;
}

.cc-form .form-group.form-group-cc-number .cc-card-icon {
    display: block;
    width: 41px;
    height: 26px;
    position: absolute;
    left: 4px;
    top: 29px;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -o-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.cc-form .form-group.form-group-cc-number input.identified + .cc-card-icon {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.cc-form .form-group.form-group-cc-number input.visa + .cc-card-icon {
    background-image: url("../images/visa-curved-32px.png");
}

.cc-form .form-group.form-group-cc-number input.mastercard + .cc-card-icon {
    background-image: url("../images/mastercard-curved-32px.png");
}

.cc-form .form-group.form-group-cc-number input.amex + .cc-card-icon {
    background-image: url("../images/american-express-curved-32px.png");
}

.cc-form .form-group.form-group-cc-number input.discover + .cc-card-icon {
    background-image: url("../images/discover-curved-32px.png");
}

.cc-form .form-group.form-group-cc-number input.maestro + .cc-card-icon {
    background-image: url("../images/maestro-curved-32px.png");
}

/****** End of Card Payment ******/

/****** Comments ******/

.comments-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.comments-list ul {
    list-style: none;
}

.comments-list li ul {
    margin-right: 25px;
}

.comment {
    margin-bottom: 25px;
    overflow: hidden;
}

.comment .comment-review-rate {
    margin: 0;
    color: #878787;
    font-size: 13px;
}

.comment .comment-author {
    float: right;
    margin-left: 10px;
}

.comment .comment-author img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.comment .comment-inner {
    display: table;
}

.comment .comment-content {
    margin: 3px 0;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e6e6e6;
}

.comment .comment-author-name {
    font-size: 13px;
    color: #727272;
    margin: 0;
}

.comment .comment-time {
    font-size: 13px;
    margin-left: 10px;
    color: #7a7a7a;
}

.comment .comment-like {
    float: left;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    font-size: 13px;
    font-weight: bold;
}

.comment:hover .comment-like {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

/****** End of Comments ******/

/****** Magnific Lightbox ******/

.mfp-bg {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: right;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    right: 8px;
    left: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #ccc;
}

.mfp-preloader a:hover {
    color: #fff;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    padding: 0;
    z-index: 1046;
}

button::-moz-focus-inner {
    padding: 0;
    margin: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    left: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    left: -6px;
    text-align: left;
    padding-left: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 35px;
    margin-right: 35px;
    border: solid transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-a {
    border-top-width: 21px;
    border-bottom-width: 21px;
}

.mfp-arrow-left {
    right: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-left: 17px solid #fff;
    margin-right: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-right: 25px;
}

.mfp-arrow-right {
    left: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-right: 17px solid #fff;
    margin-right: 39px;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    background: #000;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    right: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    left: 0;
    width: auto;
    height: auto;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    background: #444;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: right;
    line-height: 18px;
    color: #f3f3f3;
    word-break: break-word;
    padding-left: 36px;
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -ms-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-newspaper .mfp-with-anim {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0) rotate(500deg);
    -moz-transform: scale(0) rotate(500deg);
    -o-transform: scale(0) rotate(500deg);
    -ms-transform: scale(0) rotate(500deg);
    transform: scale(0) rotate(500deg);
}

.mfp-newspaper.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.mfp-newspaper.mfp-ready .mfp-with-anim {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
}

.mfp-newspaper.mfp-ready.mfp-bg {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.mfp-newspaper.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(0) rotate(500deg);
    -moz-transform: scale(0) rotate(500deg);
    -o-transform: scale(0) rotate(500deg);
    -ms-transform: scale(0) rotate(500deg);
    transform: scale(0) rotate(500deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-newspaper.mfp-removing.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-move-horizontal .mfp-with-anim {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
}

.mfp-move-horizontal.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
}

.mfp-move-horizontal.mfp-ready .mfp-with-anim {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.mfp-move-horizontal.mfp-ready.mfp-bg {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.mfp-move-horizontal.mfp-removing .mfp-with-anim {
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-move-horizontal.mfp-removing.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-move-from-top .mfp-content {
    vertical-align: top;
}

.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
}

.mfp-move-from-top.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-3d-unfold .mfp-content {
    -webkit-perspective: 2000px;
    -moz-perspective: 2000px;
    -ms-perspective: 2000px;
    perspective: 2000px;
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-60deg);
    -moz-transform: rotateY(-60deg);
    -o-transform: rotateY(-60deg);
    -ms-transform: rotateY(-60deg);
    transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    -webkit-transform: rotateY(60deg);
    -moz-transform: rotateY(60deg);
    -o-transform: rotateY(60deg);
    -ms-transform: rotateY(60deg);
    transform: rotateY(60deg);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-zoom-out .mfp-with-anim {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    -ms-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.mfp-zoom-out.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -o-transition: 0.3s ease-out;
    -ms-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
}

.mfp-zoom-out.mfp-ready .mfp-with-anim {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.mfp-zoom-out.mfp-ready.mfp-bg {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.mfp-zoom-out.mfp-removing .mfp-with-anim {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-zoom-out.mfp-removing.mfp-bg {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.mfp-dialog {
    background: #fff;
    padding: 20px 30px;
    text-align: right;
    max-width: 400px;
    margin: 40px auto;
    position: relative;
}

.mfp-search-dialog {
    width: 100%;
    height: 250px !important;
}

@media (max-width:992px) {
    .mfp-search-dialog {
        height: 150px !important;
    }
    .mfp-search-dialog .full-center {
        position: relative !important;
    }
}

.mfp-dialog-full {
    margin: 0;
    max-width: none;
    padding: 0;
    overflow: auto;
}

.mfp-dialog-full::-webkit-scrollbar {
    width: 7px;
    background-color: #e6e6e6;
}

.mfp-dialog-full::-webkit-scrollbar-thumb {
    background-color: #808080;
}

.mfp-dialog-full::-webkit-scrollbar-thumb:hover {
    background-color: #666;
}

.mfp-dialog-full::-webkit-scrollbar-thumb:active {
    background-color: #4d4d4d;
}

.mfp-dialog-full::-webkit-scrollbar-tack {
    background-color: #4d4d4d;
}

.mfp-subscribe-dialog {
    max-width: 800px;
    padding: 0;
}

.mfp-subscribe-dialog .widget-title {
    margin-bottom: 10px;
}

.mfp-subscribe-dialog .mfp-close {
    color: #fff;
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.subscribe-dialog-inner {
    padding: 20px 30px;
}

.subscribe-dialog-bg {
    height: 410px;
}

/****** End of Magnific Lightbox ******/

/****** Owl Slider ******/

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    -webkit-animation-duration: 1000ms;
    -moz-animation-duration: 1000ms;
    -o-animation-duration: 1000ms;
    -ms-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    -ms-animation-name: fadeOut;
    animation-name: fadeOut;
}

undefinedundefined.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel {
    display: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1;
}

.owl-carousel-curved {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.owl-carousel .owl-refresh .owl-item {
    display: none;
}

.owl-carousel .owl-item {
    width: 100%;
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}

.owl-carousel .owl-grab {
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.no-js .owl-carousel {
    display: block;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}

.owl-item-slide {
    margin: 7.5px;
}

.owl-nav-out {
    margin: -7.5px;
}

.owl-nav-out:hover .owl-nav .owl-next,
.owl-nav-out:hover .owl-nav .owl-prev {
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

.owl-nav-out .owl-nav div {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    background: none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    font-size: 20px;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    color: #666;
    margin-top: -20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
}

.owl-nav-out .owl-nav div:before {
    font-family: 'FontAwesome';
}

.owl-nav-out .owl-nav div.owl-next {
    -webkit-transform: translate3d(12px, 0, 0);
    -moz-transform: translate3d(12px, 0, 0);
    -o-transform: translate3d(12px, 0, 0);
    -ms-transform: translate3d(12px, 0, 0);
    transform: translate3d(12px, 0, 0);
    right: -15px;
}

.owl-nav-out .owl-nav div.owl-next:before {
    content: '\f105';
}

.owl-nav-out .owl-nav div.owl-prev {
    -webkit-transform: translate3d(-12px, 0, 0);
    -moz-transform: translate3d(-12px, 0, 0);
    -o-transform: translate3d(-12px, 0, 0);
    -ms-transform: translate3d(-12px, 0, 0);
    transform: translate3d(-12px, 0, 0);
    left: -15px;
}

.owl-nav-out .owl-nav div.owl-prev:before {
    content: '\f104';
}

.owl-nav-dots-inner .owl-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translate3d(-50%, 0, 0);
    -moz-transform: translate3d(-50%, 0, 0);
    -o-transform: translate3d(-50%, 0, 0);
    -ms-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    bottom: 30px;
}

.owl-nav-dots-inner .owl-dots .owl-dot {
    cursor: pointer;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
    float: left;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.owl-nav-dots-inner .owl-dots .owl-dot.active {
    background: #fff;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -o-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4);
}

/****** End of Owl Slider ******/

.yamm {
    background: #ffffff;
}

.header {
    position: relative;
    width: 100%;
    z-index: 999;
    transition: all 0.2s linear;
}

.affix {
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 9999 !important;
    transition: all 0.2s linear;
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.affix .navbar-before {
    display: none;
    transition: all 0.2s linear;
}

.affix .yamm {
    background: #fffffff2;
    padding: 16px 0 14px;
}

.affix .yamm .navbar-nav > li > a {
    /* color: #2b2b2b; */
    padding: 6px 8px;
    font-size: 14px;
}

.affix .yamm .navbar-nav > li:hover > a {
    color: #ff5a54;
    background: #fff;
}

.navbar-first {
    padding: 11px 0 10px;
    background: #ffffff;
    text-align: center;
}

.affix .navbar-first {
    display: none
}

.navbar-nav > li.dropdown:first-child > a {
    /* background: #878787; */
    /* color: #fff; */
}

.affix .navbar-nav > li.dropdown:first-child > a {
    background: #fff;
    color: #ff5a54;
}

.header.hover:after {
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: initial;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.navbar-before .navbar-nav > li {
    border-left: 1px solid #fff;
    padding: 2px 11px 2px 10px;
    margin: 10px 0;
}

.navbar-before .navbar-nav > li:last-child {
    border-left: none;
    padding: 2px 10px 2px 0;
}


form.col-md-6 {
    margin-top: 10px;
    margin-bottom: 8px;
}

.input-group > .form-control {
    height: 40px;
}

.input-group > .input-group-btn > .btn.btn-default {
    font-size: 18px;
    border-radius: 25px 0 0 25px;
    background-color: #878787;
    border-color: #878787;
    color: #fff;
    height: 40px;
}

.input-group > .input-group-btn > .btn.btn-default:hover {
    background-color: #d13328;
    border-color: #d13328;
}

.input-group > .input-group-btn > .btn.dropdown-toggle {
    font-size: 13px;
    border-radius: 0 25px 25px 0;
    background-color: #f3f3f3;
    border-color: #ccc;
    color: #555;
    height: 40px;
}

.input-group > .input-group-btn > .btn.dropdown-toggle:hover {
    background-color: #eee;
    border-color: #ccc;
}

#search_concept {
    margin-left: 5px;
    margin-right: 5px;
}

.header-block > div,
.header-block > div::before,
.header-block > div span {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.header-block {
    float: right;
    margin-right: -10px;
}

.header-block > div {
    float: right;
    position: relative;
    margin-left: 15px;
    padding: 5px 10px;
    transition: all 0.2s linear;
    min-height: 44px;
}

.header-block span {
    display: inline-block;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
    padding-right: 42px;
    color: #fff;
}

.header-block strong {
    display: block;
}

.header-block > div:before {
    font-size: 34px;
    line-height: 36px;
    color: #d13328;
    position: absolute;
    right: 10px;
    top: 5px;
}

.header-block .block1:before {
    content: '\f087';
    font-family: FontAwesome;
}

.header-block .block2:before {
    content: '\f0d1';
    font-family: FontAwesome;
}

.header-block .block3:before {
    content: '\f021';
    font-family: FontAwesome;
}

.header-block > div:hover {
    background: #d13328;
    font-size: 13px;
}

.header-block > div:hover span {
    padding-right: 0;
    padding-left: 42px;
    color: #fff !important;
}

.header-block > div:hover:before {
    left: 10px;
    left: 10px;
    right: auto;
    font-size: 26px;
    color: #fff;
}



.owl-slide {
    padding-top: 28px;
    background: #f0f1f5;
    padding-bottom: 28px;
    margin-top: 0;
}

.owl-slider {
    padding: 0;
    position: relative;
    overflow: hidden;
    direction: ltr;
}

.owl-slider .item {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-position: center bottom;
    background-size: cover;
    direction: rtl;
}

.owl-slider .item:after {
    /* content:""; */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background: linear-gradient(to top, rgba(0, 0, 0, 0.5) , rgba(0, 0, 0, 0.05)); */
    pointer-events: none;
    z-index: 1;
}

.owl-slider .item .item-box {
    position: absolute;
    width: 100%;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    top: 45%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}

.owl-slider .item .item-box .container-box {
    width: 90%;
    margin: 0 auto;
}

.owl-slider .item .title {
    color: white;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    text-transform: none;
    font-weight: 600;
}

.owl-slider .item .btn {
    margin-top: 25px;
    padding: 7px 10px;
}

@media (min-width: 768px) {
    .owl-slider .item {
        height: 395px;
    }
    .owl-slider .item .title {
        font-size: 250%;
    }
}

@media (min-width: 1500px) {
    .owl-slider .item {
        height: 396px;
    }
    .owl-slider .item .title {
        font-size: 220%;
    }
}

.owl-slider.owl-theme .owl-controls .owl-pagination {
    text-align: end;
    padding-right: 20px;
}

.owl-slider.owl-theme .owl-controls .owl-buttons div span {
    color: white;
}

.owl-slider.owl-theme .owl-controls .owl-page span {
    background: white;
}

.btn.btn-main {
    background-color: #d13328;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 3px;
    padding: 12px 18px;
}

.btn.btn-main:hover {
    background-color: #244d78;
}




.navbar-main-white .navbar-mob-item-left > li:hover > a,
.navbar-main-white .navbar-nav > li:hover > a span {
    background: none;
    color: #878787 !important;
}

.navbar-main-white .navbar-mob-item-left > li:hover > a i {
    color: #757575 !important;
}

.cart-total {
    padding-right: 7px !important;
}

.cart-total i {
    font-size: 28px !important;
}

.navbar-main-white .navbar-nav > li:hover > a.cart-total {
    /* background:url(../images/cart2.png) no-repeat left 7px top 7px !important; */
    color: #878787 !important;
}

.navbar-main-white .navbar-nav > li:hover > a.cart-total span {
    color: #878787 !important;
}

.cart-total .badge {
    position: absolute;
    top: 9px;
    left: -10px;
    background: #ff5a54;
    height: 20px;
    width: 20px;
    line-height: 20px;
    padding: 0;
}

.navbar-main-white .navbar-nav > li:hover > a.cart-total .badge {
    background: #ff5a54 !important;
    color: #fff !important;
}



/*
    ----------------------------------
    44. Owl-icons
    ----------------------------------
*/

.owl-icons-wrapper {
    padding: 0;
    position: relative;
    background: #fff;
    direction: ltr;
    /* text-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); */
}

.owl-icons-wrapper .owl-icons {
    position: relative;
    padding: 5px 0;
}
.inners .owl-icons {}
.inners  .owl-icons-wrapper .owl-icons figure i{ color:#fff}
.inners  .owl-icons-wrapper .owl-icons figure figcaption{ color:#fff}

.owl-icons-wrapper .owl-icons a:hover,
.owl-icons-wrapper .owl-icons figure:hover {
    color: black;
    text-decoration: none;
}

.owl-icons-wrapper .owl-icons figure {
    text-align: center;
    padding: 10px 0 20px 0;
    text-shadow: none;
}

.owl-icons-wrapper .owl-icons figure i {
    font-size: 63px;
    color: #5f5f5f;
    display: inline-block;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.owl-icons-wrapper .owl-icons figure:hover i {
    color: #ff5a54
}

.owl-icons-wrapper .owl-icons figcaption {
    font-family: 'Cairo', sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    color: #000;
}

.owl-icons-wrapper .owl-icons p {
    color: #848484
}

.owl-icons-wrapper .owl-icons.owl-theme .owl-controls .owl-buttons div span {
    color: #3a3d45;
}

.owl-icons-wrapper .owl-icons.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -50px;
}

.owl-icons-wrapper .owl-icons.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -50px;
}

.owl-icons-wrapper .owl-icons-boxed {
    padding: 50px 0;
}

.owl-icons-wrapper .owl-icons-boxed figure {
    background-color: #fafafa;
    border-radius: 4px;
    color: black;
    margin: 0 5px;
}

.owl-icons-wrapper .owl-icons-boxed figure:hover {
    color: #ffbb00;
}

.owl-icons-wrapper.owl-icons-frontpage {
    margin-top: 2px;
    background: transparent;
}

.owl-icons-wrapper.owl-icons-frontpage a,
.owl-icons-wrapper.owl-icons-frontpage a:focus,
.owl-icons-wrapper.owl-icons-frontpage a:active,
.owl-icons-wrapper.owl-icons-frontpage a:hover {
    color: white;
}

.owl-icons-wrapper.owl-icons-frontpage figure:hover,
.owl-icons-wrapper.owl-icons-frontpage .owl-icons.owl-theme .owl-controls .owl-buttons div span {
    color: white;
}
.owl-theme .owl-controls .owl-buttons div:hover span{
        -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media (min-width: 992px) {
    .owl-icons-wrapper.owl-icons-frontpage {
        /* margin-top: -120px; */
        background: transparent;
    }
    .owl-icons-wrapper .owl-icons figcaption {
        font-size: 16px;
        margin-bottom: 9px;
        font-weight: 600;
    }
    .owl-icons-wrapper .owl-icons figure i {
        /* font-size: 36px; */
        /* color: #929292; */
    }
}

@media (max-width: 767px) {
    .owl-icons-wrapper {
        width: 80%;
        margin: 0 auto;
    }
}




/*Section New Arrival*/

.title-box-default {
    padding-bottom: 22px;
    padding-top: 0;
    text-align: center;
    color: #878787;
}

.title-box-default p {
    font-size: 13px;
}

.title-tab {
    font-size: 27px;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
    color: #222;
    margin-bottom: 6px;
    display: block;
}

.title-tab strong {
    /* color: #ff5a54; */
    font-weight: bold;
}

.new-arrival-product {
    margin-top: 45px;
    direction: ltr;
}

.list-title-tab .active {
    color: #ff5a54;
}

.title-box-default a {
    color: #878787;
    font-size: 30px;
    transition: all 0.5s ease-out 0s;
}

.new-arrival-product:hover .prev-new-arrival {
    opacity: 1;
    visibility: visible;
    margin-right: 25px;
}

.new-arrival-product:hover .next-new-arrival {
    opacity: 1;
    visibility: visible;
    margin-left: 25px;
}

.prev-new-arrival {
    margin-left: 0px;
    transition: all 0.5s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.next-new-arrival {
    margin-right: 0px;
    transition: all 0.5s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.title-box-default a:hover {
    color: #ff5a54;
}

.item-thumb-product {
    position: relative;
    height: 280px;
    overflow: hidden;
}

.item-thumb-product img {
    min-height: 100%;
    min-width: 100%;
}

.item-thumb-product .product-thumb-front {
    opacity: 1;
    visibility: visible;
}

.product-thumb-behind {
    transform: rotateY(180deg);
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

.item-thumb-product img {
    transition: all 0.5s ease-out 0s;
}

.item-thumb-product:hover {
    cursor: pointer;
}

.status-product-new {
    background: #19ca5c none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    right: 0;
    padding: 0 10px 1px;
    position: absolute;
    text-transform: lowercase;
    top: 0;
    z-index: 10;
}

.status-product-sale {
    background: #ff6766 none repeat scroll 0 0;
    color: #fff;
    padding: 0 10px 1px;
    position: absolute;
    left: 0;
    text-transform: lowercase;
    top: 0;
    z-index: 10;
}

.info-product-cart {
    bottom: -20px;
    height: 50px;
    right: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    text-align: center;
    /* top: 0; */
    transition: all 0.5s ease-out 0s;
    visibility: hidden;
    width: 180px;
    z-index: 10;
    background: #fff;
    -webkit-box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .1);
    box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, .1);
}

.item-product:hover .info-product-cart {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
}

.inner-info-product-cart {
    height: 100%;
    position: relative;
    width: 100%;
    transition: all 0.5s ease-out 0s;
}

.link-product-add-cart {
    background: #ff5a54 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    transition: all 0.5s ease-out 0s;
}

.link-product-add-cart:hover {
    background: #d13328 none repeat scroll 0 0;
    color: #fff;
}

.inner-info-product-cart .link-product-add-cart {
    width: 140px;
    bottom: -40px;
    right: 0;
    margin-right: 20px;
    position: absolute;
    transition: all 0.5s ease-out 0s;
}

.inner-info-product-cart ul {
    right: 0;
    bottom: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all 0.5s ease-out 0s;
    margin: 11px 0 0;
}

.item-thumb-product:hover .inner-info-product-cart ul {
    bottom: 20px;
}

.item-thumb-product:hover .inner-info-product-cart .link-product-add-cart {
    bottom: 0px;
}

.inner-info-product-cart > ul > li {
    display: inline-block;
}

.inner-info-product-cart ul li a {
    color: #000000;
    transition: all 0.5s ease-out 0s;
    display: block;
    width: 55px;
    /* height:20px; */
    text-align: center;
    margin: 0;
    font-size: 20px;
    color: #292929;
    border-left: 1px solid #ebebeb;
    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}

.inner-info-product-cart ul li:last-child a {
    border: none
}

.inner-info-product-cart ul li a:hover {
    /* background: #ff5a54 none repeat scroll 0 0; */
    color: #ff5a54;
}

.inner-info-product-cart ul li a i {
    line-height: 25px;
}

.item-info-product h3 a:hover {
    color: #ff5a54;
}

.item-info-product h3 a {
    height: 36px;
    overflow: hidden;
    color: #292929;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 21px;
    display: block;
}

.info-product-price > span {
    /* font-size: 18px; */
    font-weight: bold;
    color: #ff5a54;
}

.item-info-product {
    margin-top: 8px;
    margin-bottom: 12px;
    /* text-align: center; */
}

.item-info-product h3 {
    margin: 6px 0 4px;
    line-height: 25px;
}

.info-product-price del {
    color: #999;
    margin-right: 10px;
}

.product-rating-star {
    color: #ffc229;
}

.info-product-price {
    margin: 6px 0 0px;
    font-size: 14px;
}

.content-product-slider {
    padding: 60px 0 0;
}

.content-product-slider .owl-carousel .owl-controls .owl-buttons div {
    top: -41px;
}

.content-product-slider .owl-carousel .owl-buttons .owl-next {
    right: 50%;
    margin-right: -53px;
    opacity: 1;
}

.content-product-slider .owl-carousel .owl-buttons .owl-prev {
    left: 50%;
    margin-left: -53px;
}

.content-product-slider .owl-theme .owl-controls .owl-buttons,
.owl-featured .owl-controls .owl-buttons {
    opacity: 1
}

.content-product-slider .owl-carousel .owl-controls .owl-buttons .owl-next span,
.content-product-slider .owl-carousel .owl-controls .owl-buttons .owl-prev span,
.owl-featured.owl-carousel .owl-controls .owl-buttons .owl-next span,
.owl-featured.owl-carousel .owl-controls .owl-buttons .owl-prev span {

    opacity: 1;

    border: 2px solid #e1e1e1;

    border-radius: 100%;

    background: #f7f7f9;

    color: #ababab !important;

    font-size: 13px !important;

    line-height: 46px;
}

.owl-featured.owl-carousel .owl-controls .owl-buttons .owl-next span,
.owl-featured.owl-carousel .owl-controls .owl-buttons .owl-prev span {
    opacity: 1
}

.content-product-slider .owl-carousel .owl-controls .owl-buttons div:hover span,
.owl-featured.owl-carousel .owl-controls .owl-buttons div:hover span {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    color: #fff !important;
    border-color: #292929;
    background-color: #292929;
}

}

.content-product-slider:hover .owl-next,
.content-product-slider:hover .owl-prev {
    top: 47% !important;
}

.content-product-slider:hover .owl-carousel .owl-controls .owl-buttons .owl-next span,
.content-product-slider:hover .owl-carousel .owl-controls .owl-buttons .owl-prev span,
.owl-featured:hover .owl-controls .owl-buttons .owl-next span,
.owl-featured:hover .owl-controls .owl-buttons .owl-prev span {
    opacity: 1
}

.item-product {
    position: relative;
    margin: 0 15px 35px 15px;
    overflow: hidden;
    direction: rtl;
    /* background: #f2f2f2; */
}

.item-thumb-product:hover::before {
    opacity: 1;
    visibility: visible;
}

.list-title-tab {
    display: inline-block;
}

.list-title-tab li {
    margin-right: 45px;
}

.list-title-tab li:first-child {
    margin-right: 0;
}





/****************************************
* bannner
*****************************************/

.bannners {
    padding: 25px 0;
}

.bannners .col-md-6.col-sm-6.col-xs-12 {
    padding: 0;
}

.bannner {
    display: block;
    position: relative;
    overflow: hidden;
}

.bannner .figure {
    display: block;
    background-color: #ff4c29;
    overflow: hidden;
    height: 100%;
    background: transparent;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.bannner .figure img {
    width: 100%;
    vertical-align: top;
}

.bannner .figure .txt-block {
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -40px;
    padding: 0 80px;
    color: #fff;
    line-height: normal;
    font-size: 42px;
    font-weight: 600;
    text-align: left;
}

.bannner .figure .txt-block.text-right {
    text-align: right;
}

.bannner .figure .txt-block.sm {
    line-height: 36px;
    font-size: 26px;
    font-weight: 600;
}

.bannner .figure .txt-block span {
    display: block;
    line-height: 24px;
    font-size: 16px;
    color: #ff5a54;
    font-weight: 400;
}

/*=== bannner animations ===*/

.zoom-in .figure {
    -webkit-transform: translateZ(0);
}

.zoom-in .figure img {
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -webkit-transform: scale(1);
    transform: scale(1);
    backface-visibility: hidden;
}

.zoom-in .figure:hover img {
    opacity: 0.9;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    backface-visibility: hidden;
}



.poplar-product {
    margin-top: 30px;
    margin-bottom: 15px;
}

.poplar-product .content-product-poplar > [class^="col-"] {
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-bottom: 25px;
}

.poplar-product a.product {
    display: block;
}

.poplar-product a.product:hover {
    background: ;
}

.featured-product {
    margin-top: 10px;
    margin-bottom: 20px;
    direction: ltr;
}

.featured-product a.product {
    display: block;
    margin: 0 15px 25px 15px;
    direction: rtl;
}

.featured-product a.product:hover {}



.animate-bus {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 11
}

.animate-bus {
    width: 230px;
    height: 98px;
    -webkit-transition: all 3s ease-in-out;
    -moz-transition: all 3s ease-in-out;
    -ms-transition: all 3s ease-in-out;
    -o-transition: all 3s ease-in-out;
    transition: all 3s ease-in-out;
    -webkit-animation: animate 7s ease-in-out 2s infinite;
    -moz-animation: animate 7s ease-in-out 2s infinite;
    -ms-animation: animate 7s ease-in-out 2s infinite;
    -o-animation: animate 7s ease-in-out 2s infinite;
    animation: animate 7s ease-in-out 2s infinite
}

@keyframes animate {
    0% {
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        transform: translateX(10%)
    }
    30% {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        transform: translateX(150%)
    }
    50% {
        -webkit-transform: translateX(500%);
        -moz-transform: translateX(500%);
        -ms-transform: translateX(500%);
        transform: translateX(500%)
    }
    100% {
        -webkit-transform: translateX(1e3%);
        -moz-transform: translateX(1e3%);
        -ms-transform: translateX(100%);
        transform: translateX(1e3%)
    }
}

@-webkit-keyframes animate {
    0% {
        -webkit-transform: translateX(10%);
        -moz-transform: translateX(10%);
        -ms-transform: translateX(10%);
        transform: translateX(10%)
    }
    30% {
        -webkit-transform: translateX(150%);
        -moz-transform: translateX(150%);
        -ms-transform: translateX(150%);
        transform: translateX(150%)
    }
    50% {
        -webkit-transform: translateX(500%);
        -moz-transform: translateX(500%);
        -ms-transform: translateX(500%);
        transform: translateX(500%)
    }
    100% {
        -webkit-transform: translateX(1e3%);
        -moz-transform: translateX(1e3%);
        -ms-transform: translateX(100%);
        transform: translateX(1e3%)
    }
}


.mfp-content .widget-title,
.mfp-content .widget-title-sm,
.mfp-content .widget-title-lg {
    font-size: 25px;
    font-weight: 600;
    color: #878787;
}

.yamm-content h5 {
    font-size: 16px;
    font-weight: 600;
    color: #878787;
}










@media (max-width: 991px) {
    .navbar-first {
        /* padding-bottom: 0; */
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    }
    .navbar-brand > img {
        width: 120px;
    }
    form.col-md-6 {
        position: absolute;
        margin: 0;
        top: 60px;
        left: 0;
        right: 0;
        padding: 10px 15px;
        background: rgba(240, 240, 240, 0.7);
    }
    .search-toggle {
        position: relative;
    }
    .search-toggle-arrow {
        position: absolute;
        bottom: -17px;
        left: 5px;
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid rgba(0, 0, 0, 0.2);
    }
    .affix .search-toggle-arrow {
        display: none;
        border-bottom: 8px solid rgba(230, 230, 230, 0.99);
    }
    .affix form.col-md-6 {
        display: none;
        background: rgba(240, 240, 240, 0.9);
    }
    form.col-md-6 .input-group-btn.search-panel {
        display: none;
    }
    form.col-md-6 .input-group > .form-control {
        border-radius: 0 5px 5px 0 !important;
    }
    form.col-md-6 .input-group > .input-group-btn > .btn.btn-default {
        border-radius: 5px 0 0 5px;
    }
    .popup-text {
        /*display:none !important;*/
    }
    .navbar-header {
        float: right;
    }
    .navbar-mob-item-left .navbar-header {
        float: left;
    }
    .navbar-mob-item-left li {
        /* float:left; */
    }
    .navbar-main-white .navbar-nav > li > a.cart-total {}
    .navbar-main-white .navbar-nav > li:hover > a.cart-total span {
        color: transparent !important;
    }
    .navbar-main-white .navbar-nav > li:hover > a.cart-total {
        color: transparent !important;
        background-size: 30px !important;
    }
    .navbar-default .navbar-toggle {
        border: none;
        background-color: transparent;
        color: #878787;
        font-size: 24px;
        line-height: 24px;
        padding: 0;
        margin-left: 0;
        margin-top: 17px;
        margin-right: 16px;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: transparent;
    }
    .bannners .bannner,
    .bannners .banner {
        margin-bottom: 15px;
    }
    .bannner .figure .txt-block {
        width: 100%;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -40px;
        padding: 0 15px;
        color: #fff;
        line-height: normal;
        font-size: 28px;
        font-weight: 600;
    }
}

.item-info-product .product-info-block-rating,
.item-info-product .product-caption-rating {
    font-size: 15px;
}

.item-info-product .product-caption-rating {
    margin-bottom: -4px
}

.item-info-product .product-info-block-rating > li,
.item-info-product .product-caption-rating > li {
    float: none;
    margin-left: 0;
    display: inline-block;
    font-size: 15px;
    line-height: 12px;
}

.item-info-product .product-caption-rating > li i:before {
    font-family: "Ionicons";
}

.item-info-product .product-caption-rating > li i:before {
    content: "\f13e";
}

.item-info-product .product-caption-rating > li:not(.rated) i:before {
    color: #c5c5c5
}

.used-tag {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    left: -27px;
    padding: 5px 5px 5px 5px;
    position: absolute;
    text-transform: uppercase;
    top: 15px;
    transform: rotate(-42deg);
    width: 125px;
    background-color: #01888b;
    z-index: 999;
    text-align: center;
}

.product-sm-left .used-tag {
    font-size: 12px;
    left: -22px;
    padding: 3px 3px 3px 3px;
    top: 10px;
    width: 95px;
}

.original-tag {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    left: 15px;
    padding: 16px 5px 5px 5px;
    position: absolute;
    /* text-transform: uppercase; */
    top: 15px;
    /* transform: rotate(-42deg); */
    width: 50px;
    height: 50px;
    border-radius: 100%;
    z-index: 999;
    text-align: center;
    background-color: #ff5a54;
}

.yamm ul.nav {
    float: right;
    text-align: center;
}

.topIcons {
    float: left;
    list-style: none;
    margin: 26px 0 0;
    padding: 0;
}

.topIcons li {
    display: inline-block;
    margin-right: 8px;
}

.topIcons li:first-child {
    margin-right: 0
}

.topIcons li a {
    font-size: 13px;
    font-weight: 600;
}

.topIcons li a i {
    font-size: 17px;
    color: #ff5a54;
}

.topIcons li a:hover,
.topIcons li a:focus {
    color: #ff5a54;
}

.product-sm-left .original-tag,
.product-sm-left .new-tag {
    font-size: 11px;
    left: auto;
    right: 7px;
    top: 5px;
    width: 47px;
    font-weight: bold;
    height: 47px;
    padding: 12px 0 0;
    border: 3px #f8f8f8 solid;
}

.new-tag {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    left: 15px;
    padding: 16px 5px 5px 5px;
    position: absolute;
    /* text-transform: uppercase; */
    top: 15px;
    /* transform: rotate(-42deg); */
    width: 50px;
    height: 50px;
    background-color: #f7921c;
    border-radius: 100%;
    z-index: 999;
    text-align: center;
}

.new-sm-left .original-tag {
    font-size: 12px;
    left: -22px;
    padding: 3px 3px 3px 3px;
    top: 10px;
    width: 95px;
}

.item-product:hover .original-tag,
.item-product:hover .used-tag,
.item-product:hover .new-tag,
.product:hover .original-tag,
.product:hover .used-tag,
.product:hover .new-tag {
    /* opacity:0.3; */
}

.searchbox {
    /* box-shadow: 0 1px 5px rgba(0,0,0,0.3); */
    /* border-top: 2px solid #878787; */
    background: #ffffff;
}

.searchbox select.form-control {
    height: 45px;
}

.searchbox .col-md-6.col-sm-12 {
    padding-left: 5px;
}

.searchbox .col-md-6.col-sm-12:first-child {}

.searchbox .col-md-6.col-sm-12:last-child {
    padding-right: 5px;
    padding-left: 15px;
}

.searchbox-title {
    color: #ff5a54;
    text-align: right;
    font-size: 17px;
    line-height: 27px;
    padding: 18px 18px 0 18px;
}

.searchbox form {
    padding: 15px 15px 15px 15px;
}

.searchbox .search-filters-section {
    margin-bottom: 15px;
}

.searchbox .search-filters-section .checkbox {
    font-size: 13px;
    margin-top: 0;
}

.searchbox .search-filters-section .checkbox label + label {
    margin-right: 70px;
}

.btn {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

}

.btn {
    /* border-radius:20px; */
}

.searchbox .btn.btn-primary {
    width: 100%;
    font-weight: 800;
}

.container-icon {
    width: 100%;
    margin: 0 -10px;
    /* padding: 0 46px; */
}

@media (max-width: 991px) {
    .col-md-9.pull-right {
        float: none !important;
    }
    .searchbox {
        margin-top: 25px;
        padding-bottom: 0;
    }
    .searchbox .btn.btn-primary {
        margin-bottom: 15px;
    }
}

@media (max-width: 1199px) {
    .col-md-offset-1 {
        margin-right: 5.33333333%;
    }
}

@media (min-width: 1170px) {
    .yamm ul.nav {
        margin-right: 14px;
    }
}

@media (max-width: 767px) {
    .navbar-first {
        padding-top: 10px;
        padding-bottom: 0;
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
    }
    .col-md-9.pull-right {
        float: none !important;
        padding: 0;
        height: 100vh;
    }
    .header {
        position: relative;
    }
}

@media (max-width: 991px) {
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 0;
        margin-bottom: 0;
    }
    .navbar-nav > li {
        /* float: none; */
    }
    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in {
        display: block !important;
    }
    .dropdown-menu {
        position: relative;
        float: none;
    }
}

select.form-control {
    font-size: 13px;
    padding: 2px 12px;
    background-color: #f0f1f5;
    border: none;
    /* height: 45px; */
}

select.form-control option {
    font-family: 'Cairo', sans-serif;
}

.form-control {
    font-size: 13px;
    box-shadow: none !important;
    border-radius: 0;
    margin-bottom: -5px;
    height: 51px;
}

.checkbar {
    direction: ltr;
}


.inners + .main-footer {
    margin-top: 0;
}

.inners {
    padding-top: 0;
    padding-bottom: 50px;
}

.affix + .inners {
    padding-top: 200px;
}

.video-details {
    width: 100%;
    height: auto;
    margin: 0 0 15px 0;
    position: relative;
    padding: 0;
}

.video-details iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

@media (min-width: 1200px) {
    .video-details {
        width: 100%;
        height: 367px;
    }
    .video-details iframe {
        width: 100%;
        height: 100%;
    }
}

.inners .page-title {
    font-size: 36px;
    color: #878787;
}

.inners .owl-icons-wrapper.owl-icons-frontpage {
    margin: 0 auto;
    position: relative;
    background-image: url(../images/bg-inner.jpg);
    background-position: center center;
    background-size: cover;
    padding: 65px 0 25px 0;
    width: 100%;
    min-height: 199px;
}

.inners .owl-icons-wrapper.owl-icons-frontpage:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.05));
    pointer-events: none;
    z-index: 1;
}

.inners .owl-icons-wrapper.owl-icons-frontpage .container-icon {
    width: 90%;
    position: relative;
    z-index: 99;
}

.inners a.product {
    display: block;
    /* box-shadow: 0px 4px 16px 0px rgba(30, 37, 54, 0.18); */
    border: 1px #ddd solid;
    padding-bottom:20px
}
.inners .product-caption-feature-list {
    font-weight:bold;
    bottom: -8px;
}
@media (max-width: 767px) {
    .inners .page-title {
        font-size: 36px;
    }
    .inners .owl-icons-wrapper.owl-icons-frontpage .container-icon {
        width: 80%;
    }
    .inners {
        padding-top: 60px;
    }
    .affix + .inners {
        padding-top: 140px;
    }
    .inners .owl-icons-wrapper.owl-icons-frontpage {
        padding: 65px 0 10px 0;
    }
    .breadcrumb {
        display: none;
    }
    .category-selections {
        position: relative;
        margin-top: 25px;
    }
}

@media (max-width: 470px) {
    .col-xs-6 {
        width: 100%;
    }
}

.fa-long-arrow-right {
    transform: rotate(180deg);
}

#accordion .panel-heading {
    padding: 0;
}

#accordion h3.panel-title a {
    font-size: 14px;
    font-weight: 400;
    display: block;
    padding: 10px 15px;
}

#accordion h3.panel-title a:hover {
    color: #878787;
}

#accordion h3.panel-title a i {
    float: left !important;
}






.remmbrLnk{
    margin-top: 5px !important;
}
.remmbrLnk input[type="checkbox"]{
    margin-right: -20px !important;
    margin-left: 0 !important;
}
.crtAccLnk{
    font-size: 15px;
    color: #ff5a54;
    position: relative;
    top: -8px;
    border-bottom: 1px #ff5a54 solid;
    line-height: 19px;
    display: inline-block;
    font-weight: bold;
}
.crtAccLnk:hover{
    color:#757575;
    border-color:#757575
}
.lonBtn{
    float: left;
    padding: 10px 31px;
}





















/*********************************************************************************/

/************************************ NEW CSS ************************************/

/*********************************************************************************/

.fb {
    background-color: #3B5998;
    color: white;
    opacity: 0.85;
}

.twitter {
    background-color: #55ACEE;
    color: white;
    opacity: 0.85;
}

.google {
    background-color: #dd4b39;
    color: white;
    opacity: 0.85;
}

.fb.btn:hover,
.twitter.btn:hover,
.google.btn:hover {
    opacity: 1;
    color: white;
}

#loginForm .widget-title,
#socialLoginForm .widget-title {
    font-size: 20px;
    color: #416288;
    font-weight: 600;
}

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
    margin-left: -20px;
    margin-right: 0;
}

.category-filters-section {
    padding: 0;
}
.category-filters-section.pricy{padding:15px;background: #ffffff;margin-bottom: 7px;}
.filterChoices {
    padding: 0px 15px;
}

.dropdown-menu-shipping-cart-total {
    float: none;
    margin: 0;
}

.dropdown-menu-shipping-cart-checkout {
    display: block;
    margin-top: 15px;
    padding: 16px 15px;
    float: none;
    width: 100%;
}

.dropdown-menu-shipping-cart-checkout:hover {
    /* background: #416288 !important; */
}

.item-thumb-product:before {
    /* background:rgba(0,0,0,0.0); */
    /* box-shadow: inset 0 0 125px rgba(0,0,0,0.2); */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    opacity: 1;
    z-index: 9;
    visibility: visible;
    transition: all 0.5s ease-out 0s;
}

.item-thumb-product:hover::before {
    opacity: 1;
    visibility: visible;
    /* background:rgba(0,0,0,0.3); */
    /* box-shadow: inset 0 0 125px rgba(0,0,0,0.0); */
}

@media (min-width:992px) {
    .product-img-primary,
    .product-img-alt,
    .product-img {
        width: 100%;
        /* min-height: 133px; */
    }
    .product-sm-left .product-img-primary,
    .product-sm-left .product-img-alt,
    .product-sm-left .product-img {
        height: 97px;
    }
}







.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    margin-top: .1rem;
    font-size: .875rem;
    line-height: 1;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.8);
    border-radius: .2rem;
}

.was-validated .form-control:invalid,
.form-control.is-invalid,
.was-validated .custom-select:invalid,
.custom-select.is-invalid {
    border-color: #dc3545;
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus,
.was-validated .custom-select:invalid:focus,
.custom-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control:invalid ~ .invalid-feedback,
.was-validated .form-control:invalid ~ .invalid-tooltip,
.form-control.is-invalid ~ .invalid-feedback,
.form-control.is-invalid ~ .invalid-tooltip,
.was-validated .custom-select:invalid ~ .invalid-feedback,
.was-validated .custom-select:invalid ~ .invalid-tooltip,
.custom-select.is-invalid ~ .invalid-feedback,
.custom-select.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545;
}

.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip,
.form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
    background-color: #efa2a9;
}

.was-validated .custom-control-input:invalid ~ .invalid-feedback,
.was-validated .custom-control-input:invalid ~ .invalid-tooltip,
.custom-control-input.is-invalid ~ .invalid-feedback,
.custom-control-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    background-color: #e4606d;
}

.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label::before,
.custom-file-input.is-invalid ~ .custom-file-label::before {
    border-color: inherit;
}

.was-validated .custom-file-input:invalid ~ .invalid-feedback,
.was-validated .custom-file-input:invalid ~ .invalid-tooltip,
.custom-file-input.is-invalid ~ .invalid-feedback,
.custom-file-input.is-invalid ~ .invalid-tooltip {
    display: block;
}

.form-control-plaintext.form-control-sm,
.input-group-sm > .form-control-plaintext.form-control,
.input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-sm > .input-group-prepend > .form-control-plaintext.btn,
.input-group-sm > .input-group-append > .form-control-plaintext.btn,
.form-control-plaintext.form-control-lg,
.input-group-lg > .form-control-plaintext.form-control,
.input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
.input-group-lg > .input-group-prepend > .form-control-plaintext.btn,
.input-group-lg > .input-group-append > .form-control-plaintext.btn {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]),
.input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]) {
    height: calc(1.8125rem + 2px);
}

.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]),
.input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]),
.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) {
    height: calc(2.875rem + 2px);
}

.input-group-btn > .btn {
    height: 40px;
    background-color: #ff5a54;
    color: #fff;
}

.d-flex {
    display: flex !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.mb-3,
.my-3 {
    margin-bottom: 1.5rem !important;
}

ul.list-group.mb-3 > li:nth-of-type(odd) {
    background-color: #f9f9f9;
}

/****************************/

img {
    max-width: 100%
}

.advs {
    margin: 28px 0 54px;
}

.advLnk {}

.advLnk img {
    max-width: 100%
}

.advLnk .txtCon {
    position: absolute;
    width: 227px;
    top: 50%;
    left: 8%;
    max-width: 280px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none;
}

.advLnk .txtCon h4 {
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 3px;
    color: #ffffff;
}

.advLnk .txtCon h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    color: #ffc120;
}

.advLnk .txtCon a {
    border-bottom: 2px solid #292929;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    line-height: 23px;
    margin-top: 26px;
    color: #ffffff;
}

.mainIcons {
    padding: 41px 0 0;
    text-align: center;
}

.iconItem {}

.iconItem i {
    font-size: 47px;
    line-height: 21px;
    color: #929292;
}

.iconItem h1 {
    font-size: 16px;
    line-height: 20px;
    margin: 10px 0 10px;
}

.iconItem p {}

/*************Preloader****************/
.mlg-app-modal{z-index:1000}
.animationload {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background: #f0f1f5;
}

#intro {
    width: 240px;
    height: auto;
    position: absolute;
    max-width: 95%;
    top: 46%;
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
    /* margin-top: -24px; */
}

#intro img {
    width: 100%;

}

.owl-icons .owl-item > a {
    margin: 0 10px;
    display: block;
}

.owl-icons .owl-controls .owl-pagination {
    padding: 0;
    bottom: -15px;
}

.owl-icons .owl-controls .owl-page span {
    width: 10px;
}

.owl-icons .owl-controls .owl-page.active span,
.owl-icons .owl-controls.clickable .owl-page:hover span {
    background: #ff5a54
}

._box-highlight{}
._box-highlight h1{
    font-size: 21px;
    color: #ff5a54;
}
._box-highlight .product-page-price{
    font-size: 17px;
}
._box-highlight p{
    font-size: 15px;
}
._box-highlight .product-page-desc-lg{text-align:justify}

/***************************************/

@media (max-width: 768px) {
    .navbar-first {
        padding: 11px 0 16px;
    }
    .topIcons {
        margin-left: 66px;
        float: right;
        display: none;
    }
    .topIcons li {
        margin-right: 3px;
    }
    .topIcons li a {
        font-size: 11px
    }
    .navbar-mob-item-right {
        float: right !important
    }
    .navbar-mob-item-left {
        float: left !important
    }
    .navbar-mob-item-right li {
        float: right
    }
    .navbar-toggle.search-toggle {
        display: none
    }
    .yamm .navbar-nav > li > a {
        padding: 17px 5px 17px;
        font-size: 13px;
    }
    .navbar-default .navbar-collapse {
        border: none;
        position: absolute;
        left: 0;
        width: 104vw;
        padding: 0 10px;
        top: 100%;
        background: #efefef;
    }
    .affix .yamm .navbar-nav > li > a {
        padding: 6px 5px;
    }
    .navbar-right.navbar-mob-item-left li a.call {
        margin: 0;
        position: relative;
        top: -8px;
        margin-left: 11px;
    }
    .yamm {
        position: absolute;
        top: 12px;
        z-index: 100;
        width: auto;
        left: 0;
        background: transparent;
    }
    .yamm .container {
        width: auto
    }
    .owl-slide {
        margin-top: 0
    }
    .searchbox .col-md-6.col-sm-12 {
        padding: 0 15px !important
    }
    .header.affix {
        position: relative
    }
    .copyright-area{text-align:center}
    .payment-icons-list > li{float:none; display:inline-block}
}

@media (max-width: 767px) {
    .header .navbar-header {
        /* padding-right:15px */
    }
    .navbar-nav.navbar-mob-item-right > li > a.lang {
        margin-top: 8px;
        margin-left: 5px;
    }
    .navbar-first {
        padding: 8px 0 14px;
        padding-right: 10px;
    }
    .navbar-right.navbar-mob-item-left {
        margin-top: 9px
    }
    .navbar-right.navbar-mob-item-left li a {
        padding-bottom: 0;
    }
    .navbar-main-white .navbar-nav > li > a.cart-total {
        padding-top: 17px;
        margin-top: -9px;
    }
    .topIcons {
        MARGIN: 16px 0 0;
        width: 100%;
    }
    .advLnk {
        margin-bottom: 15px;
    }
    .copyright-area {
        text-align: center
    }
    .payment-icons-list > li {
        float: none;
        display: inline-block
    }
    .navbar-default .navbar-toggle {
        margin-top: 9px;
        margin-right: 15px;
    }
    .nav > li > a.popup-text {
        padding-top: 3px !important;
        padding-left: 27px!important;
        text-align: right;
    }
    .popup-text svg {
        top: -13px;
    }
    .navbar-main-white .navbar-nav > li > a > span {
        display: block !important;
    }
    .yamm ul.nav {
        margin-top: 5px
    }
    .yamm .navbar-nav > li > a{
    padding: 10px 5px;
}
.category-selections > li:first-child{margin-bottom:40px}
}
.error {
    color: red;

}
label.error {
    margin-top: 10px;
}
input.error {
    color: red;
    border-color: red;
    background-color: #fff3f3;
}