@charset "UTF-8";
#search-site-btn, #search-site-field {
    margin-bottom: 1em;
    height: 32px;
    background-color: transparent;
    float: left;
}

.overlay-bodyC, .overlay-bodyW {
    overflow-y: hidden;
}

section > .container {
    width: 100% !important;
}

.accordion, .accordion *, .language-selector div.panel {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.accordion, .accordion *, .textboxType {
    box-sizing: border-box;
}

.userAccountContainer .btnLogOut, .userAccountContainer ul li a {
    text-transform: capitalize;
    color: #333;
}

.dropdown-menu > li > a, .newAccountContainer {
    word-wrap: break-word;
}

.searchBox, body {
    -webkit-backface-visibility: hidden;
}

@font-face {
    font-family: fontawesome;
    src: url(../fonts/fontawesome.eot);
    src: url(../fonts/fontawesome.eot?#iefix) format('embedded-opentype'), url(../fonts/fontawesome.svg#fontawesome) format('svg'), url(../fonts/fontawesome.woff) format('woff'), url(../fonts/fontawesome.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}

body {
    margin: 0 auto;
    font-family: Raleway, sans-serif;
}

a, a:hover {
    text-decoration: none;
}

.bodyCover label {
    font-weight: 400;
    font-size: 14px;
}

section {
    width: 100%;
    height: auto;
    overflow: visible;
}

a, button, input {
    outline: 0;
}

@media screen and (max-width: 992px) {
    section .container {
        width: 100%
    }
}

.img-responsive.on {
    display: block;
}

#menu li ul, .img-responsive.off {
    display: none;
}

#search-site {
    padding-left: 1em;
    position: relative;
}

#search-site-field {
    width: 150px;
    margin-right: -150px;
    padding: 0 0 0 17px;
    border: 0;
    border-bottom: 1px solid #333;
    opacity: 0;
    text-align: right;
    -webkit-transition: All .25s ease-in;
    transition: All .25s ease-in;
}

#search-site-btn {
    display: inline-block;
    text-align: center;
    padding: 0;
    width: 38px;
    color: #333;
    border-color: transparent;
}

#search-site label {
    display: block;
    color: #929292;
}

ul#menu {
    padding-left: 5px;
}

#menu li {
    display: block;
    position: relative;
    width: 90%;
    height: 55px;
}

#menu li h3 {
    float: left;
}

#menu li strong {
    float: right;
    font-size: 32px;
    color: #fff;
}

.clear {
    clear: both;
}

.site-header-wrap {
    margin-bottom: 60px;
    border-bottom: 1px solid #cd9ad6;
}

.accordion {
    overflow: hidden;
    border-radius: 3px;
    width: 90%
}

.accordion-section-title .fa {
    position: absolute;
    font-size: 12px;
    line-height: 1;
    right: 41%
}

.accordion-section-title.active, .accordion-section-title:hover {
    text-decoration: none;
}

.accordion-section {
    width: 100%
}

.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}

.accordion-section-content {
    padding: 15px;
    display: none;
}

a.accordion-section-title:hover {
    text-decoration: none;
    color: #333;
}

.open {
    display: block;
}

.styledCB input[type=checkbox]:not(old), .styledCB input[type=radio]:not(old) {
    height: 1em;
}

@media screen and (max-width: 986px) {
    .clearM {
        display: block;
        clear: both;
    }
}

@media screen and (max-width: 538px) {
    .styledCB input[type=checkbox]:

not(old

), .styledCB input[type=radio]:not(old) {
       position: absolute;
       height: 2em;
   }

    .styledCB input[type=checkbox]:not(old) + label, .styledCB input[type=radio]:not(old) + label {
        margin-left: 0 !important;
    }
}

.styledCB input[type=checkbox]:not(old):checked + label > span:before {
    color: #428bca;
}

.menuTitle {
    height: auto;
    width: 90%;
    font-size: 17px;
}

ul.menuList a:focus, ul.menuList a:hover {
    text-decoration: none;
    color: #333;
}

ul.menuList {
    list-style: none;
    padding-left: 0;
}

.social {
    padding: 15px;
    font-size: 1.1em;
}

.social, .social ul {
    list-style: none;
    color: #fff;
}

.social ul {
    padding-left: 0;
}

.social ul li {
    float: left;
    font-size: 26px;
    margin-right: 5px;
}

.fullWidthSliderPage {
    font-family: Glegoo, Georgia, serif;
}

.containerSubHeaderShopPage {
    width: 100%;
    height: auto;
    border-top: 1px solid #d7d7d7;
}

.containerSubHeaderShopPage .shop.container {
    width: 90%
}

.accountPage.shop.container, .allPagesFooter > .container, .containerSubHeaderShopPage .shop2.container, .wishListPage.container, .wrapperProductPage.container {
    width: 99%
}

.accountPage.fullWidthSliderPage header.fullWidthSliderHeader nav.navbar.navbar-default {
    width: 100%;
    margin: auto;
}

header {
    position: absolute;
    width: 100%;
    z-index: 30;
    left: 0;
    right: 0;
    height: auto;
    color: #000;
    background: url(../images/background/op-w-72.png);
}

.accountPage.col-lg-12, .logoHeader, nav {
    height: 70px;
}

.navbar.navbar-default.col-lg-10 {
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.shopPage .container-fluid {
    padding: 0px;
}

.navbar-default .navbar-brand {
    padding: 0;
}

.logoHeader {
    position: relative;
    width: 250px;
}

nav div {
    float: left;
}

.nav.navbar-nav.navbar-right li.noIcon {
    padding-right: 10px;
}

.wrapMenu {
    float: right;
    z-index: 9090;
    padding-top: 10px;
}

.wrapper {
    padding: 0 15px;
}

.wrapper.col-lg-12 {
    padding-top: 0;
    z-index: 99999;
}

.wrapper.col-lg-12.fullWidthSliderPage {
    padding: 0;
}

.userAccount .fa, .userAccount a {
    float: left;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 3.2;
    color: #333;
}

.userAccount .fa {
    padding-right: 5px;
    font-size: 16px;
}

.nav > li.userAccount > a {
    padding-left: 0;
    padding-right: 0;
}

.userAccount a.noIcon {
    line-height: .5;
    padding-top: 0;
}

.userAccountContainer {
    display: none;
    position: absolute;
    height: auto;
    width: 200px;
    top: 50px;
    right: 7%;
    z-index: 9999;
    background: #fff;
    font-size: 14px;
}

.innerAccountContainer {
    padding: 7px 10px 0;
}

.userAccountContainer .newCustomer a, .userAccountContainer .newCustomer a:hover {
    text-decoration: none;
}

.accountP {
    font-size: 12px;
    margin-bottom: 3px;
}

#enterAccount, .signUpBtn {
    position: relative;
    display: block;
    width: 100%;
    margin: auto auto 10px;
    padding: 5px;
    font-weight: 700;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

.userAccountContainer ul {
    padding-left: 0;
    list-style: none;
}

.userAccountContainer ul li a:active, .userAccountContainer ul li a:focus, .userAccountContainer ul li a:hover {
    text-decoration: none;
    color: #0caa6c;
}

.userAccountContainer li {
    margin-bottom: 3px;
}

.userAccountContainer a {
    letter-spacing: .3px;
}

.userAccountContainer .btnLogOut {
    width: 100%;
    background: url(../images/background/op-g.png);
    letter-spacing: .3px;
    padding: 2px 10px;
    height: 32px;
    border: 0;
}

.wrapCart {
    float: right;
    position: relative;
    display: block;
}

.wrapCart div {
    float: left;
}

.textCart {
    color: #333;
    font-size: 14px;
}

.textCart p:first-child {
    font-size: 18px;
}

.cartItems {
    display: none;
    position: absolute;
    float: none !important;
    height: auto;
    width: 300px;
    top: 50px;
    z-index: 9999;
}

@media screen and (max-width: 1280px) {
    .cartItems {
        right: 17.5%
    }
}

@media screen and (max-width: 1365px) {
    .cartItems {
        right: 22% !important;
    }
}

@media screen and (max-width: 1460px) {
    .cartItems {
        right: 20.5%
    }
}

@media screen and (min-width: 1461px) {
    .cartItems {
        right: 19%
    }
}

.footerCartItems, .headerCartItems {
    padding: 10px;
    height: 50px;
    width: 100%;
    background-image: url(../images/background/tr-b-bg.png);
}

.cartItems.whiteBg .footerCartItems, .cartItems.whiteBg .headerCartItems {
    background-color: #bbb;
}

.headerCartItems p {
    float: left;
    color: #fff;
}

.headerCartItems .totalCartItems {
    float: right;
}

.footerCartItems .buttonCart {
    float: right;
    background: url(../images/background/bg_g_trans.png);
    margin-left: 10px;
    padding: 5px;
}

.footerCartItems .buttonCart a, .footerCartItems .buttonCart a:hover {
    color: #fff;
    text-decoration: none;
}

.footerCartItems .buttonCart a {
    padding: 10px 15px;
}

.bodyCartItems {
    height: auto;
    width: 100%;
    background: #fff;
    padding: 10px;
}

.itemInfoCart {
    width: 100%
}

.itemInfoCart .imageItemCart {
    width: 60px;
}

.textInfoItemCart {
    width: 75%;
    margin-left: 10px;
}

.openSearchBar {
    width: 30px;
    height: 40px;
}

.openSearchBar a.showSearchBox {
    color: #777;
    line-height: 2;
    font-size: 16px;
    margin-top: 7px !important;
    position: relative;
    display: block;
}

.openSearchBar a:active, .openSearchBar a:focus, .openSearchBar a:hover {
    color: #838383;
}

.fullWidthSliderHeader .navbar-default {
    padding-top: 0px;
}

.fullWidthSliderHeader .nav li {
    margin-right: 25px;
    line-height: 70px;
}

.fullWidthSliderHeader .nav .mainDropdown, .fullWidthSliderHeader .userAccountContainer {
    background: url(../images/background/op-w-72.png);
}

.fullWidthSliderHeader .nav .mainDropdown li {
    margin-right: 15px;
    padding-left: 15px;
    width: 100%
}

.mainDropdown li .subnav.col ul li {
    padding-left: 0;
}

.fullWidthSliderHeader .nav li a, .openSearchBar a {
    padding: 0;
}

.fullWidthSliderHeader .navbar {
    margin-bottom: 0;
}

.dropdown-menu > li > a {
    padding: 3px 5px !important;
    white-space: normal !important;
}

@media screen and (min-width: 768px) {
    .navbar-toggle .navbar-brand {
        margin-left: 0;
    }
}

.language-selector {
    display: block;
    float: left;
    position: relative;
    z-index: 510;
    padding-left: 5px;
    padding-top: 6px;
}

.language-selector a {
    display: inline-block;
    padding: .2em .25em .25em;
    vertical-align: middle;
    position: relative;
    z-index: 21000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

.language-selector a img {
    display: inline-block;
    width: 1.1875em;
}

.language-selector a span {
    font-family: Icons;
    font-weight: 400 !important;
    text-rendering: optimizeLegibility;
    display: inline-block;
    text-align: center;
    line-height: 1.5;
    color: #fff;
}

.addToCartItemInfo, .buttonQuickLook, .wrapper.container, h3.promotedProductsTitle {
    font-family: Glegoo, Georgia, serif;
}

.selected-flag {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width: 2.5em;
    margin-top: 2px;
    height: 1.7em;
    line-height: 1.7em;
}

.language-selector .toggle .fa {
    color: #fff;
    font-size: 14px;
    padding-left: 2px;
}

.language-selector div.colorPanelBefore {
    background-color: #333;
}

.language-selector div.panel {
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: -.75em;
}

.language-selector div.panel:after {
    content: "";
    display: table;
    clear: both;
    color: none;
}

.language-selector div.panel h2 {
    font-size: .75em;
    text-transform: uppercase;
    text-align: left;
}

.language-selector div.panel h3 {
    font-size: .8125em;
    color: #a1a1a1;
    font-weight: 400;
    text-align: center;
    margin: 1em 0 .5em;
}

.language-selector div.panel .options {
    width: 100%;
    margin: 0 auto;
}

.language-selector div.panel ul {
    width: 42%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.language-selector div.panel ul:first-child {
    float: left;
}

.language-selector div.panel ul a {
    display: block;
    text-align: right;
    font-size: .75em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5;
}

.language-selector div.panel ul a img {
    float: right;
    display: block;
    width: 1.58333em;
    margin-left: .6em;
    margin-top: .1em;
}

.language-selector div.panel ul a.non-english-chars {
    font-weight: 400;
}

.language-selector.on .panel {
    display: block;
}

.language-selector.on .toggle .fa, .language-selector.on .toggle span {
    color: #333;
}

.toggle:focus {
    text-decoration: none;
}

.nav.navbar-nav > li.language-selector {
    padding-top: 12px;
    border-top: none;
}

.nav.navbar-nav > li.language-selector:hover {
    background: 0 0;
    padding-top: 12px;
}

.language-selector .panel .options ul {
    width: 92%
}

.language-selector .panel .options ul li a {
    color: #333;
    text-decoration: none;
}

@media screen and (min-width: 1000px) {
    .language-selector div.panel {
        width: 26em;
        padding: .5em 1.5em 1em;
    }
}

@media screen and (max-width: 1000px) {
    .language-selector div.panel {
        width: 11em;
        padding: .5em 0;
    }

    .textContainerSlide > a, .textContainerSlide > h2 {
        font-size: 2em;
    }
}

@media screen and (min-width: 781px) {
    .language-selector .panel .options ul li {
        width: 43%;
        float: left;
    }

    .language-selector .panel .options ul li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 781px) {
    .language-selector .panel .options ul li {
        width: 100%;
        float: none;
    }

    .language-selector .panel .options ul li a {
        font-size: 11px;
    }
}

.lg, .lg ul li {
    font-size: 12px !important;
}

@media screen and (max-width: 52.8125em) {
    .language-selector {
        margin-right: .6em;
    }
}

.language-selector div.panel {
    right: -1em;
    background-color: #ebebeb;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ebebeb, endColorstr=#ffffff);
    background-image: -moz-linear-gradient(top, #ebebeb 0, #fff 100%);
    background-image: -webkit-linear-gradient(top, #ebebeb 0, #fff 100%);
    background-image: -ms-linear-gradient(top, #ebebeb 0, #fff 100%);
    background-image: linear-gradient(top, #ebebeb 0, #fff 100%);
    background-image: -o-linear-gradient(top, #ebebeb 0, #fff 100%);
    background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #ebebeb), color-stop(100%, #fff));
}

.CarouselHalfWidth {
    width: 100%;
    margin-left: -16px;
    height: 500px;
    display: block;
    position: relative;
}

.lg, .lg img {
    height: 30px;
}

#access {
    line-height: 30px;
}

.lg {
    float: right;
    color: #fff;
    text-transform: uppercase;
    margin-right: 296px !important;
}

.lg ul li {
    line-height: 30px !important;
    float: left;
}

.CarouselHalfWidth .item img {
    position: absolute;
    margin: auto;
    top: -9999px !important;
    bottom: -9999px !important;
    right: -9999px !important;
    left: -9999px !important;
    min-width: 100% !important;
    height: auto !important;
    min-height: 100% !important;
}

.CarouselHalfWidth .item {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

@media screen and (min-width: 1500px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 800px;
    }
}

@media screen and (max-width: 1499px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 690px;
    }
}

@media screen and (max-width: 1430px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 672px;
    }
}

@media screen and (max-width: 1360px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 638px;
    }
}

@media screen and (max-width: 1270px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 595px;
    }
}

@media screen and (max-width: 1200px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 570px;
    }
}

@media screen and (max-width: 1150px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 525px;
    }
}

@media screen and (max-width: 1050px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 500px;
    }
}

@media screen and (max-width: 1015px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 475px;
    }
}

@media screen and (max-width: 965px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 450px;
    }
}

@media screen and (max-width: 920px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 430px;
    }
}

@media screen and (max-width: 850px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 395px;
    }
}

@media screen and (max-width: 760px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 350px;
    }
}

@media screen and (max-width: 700px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 325px;
    }
}

@media screen and (max-width: 650px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 300px;
    }
}

@media screen and (max-width: 600px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 275px;
    }
}

@media screen and (max-width: 540px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 250px;
    }
}

@media screen and (max-width: 485px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 220px;
    }
}

@media screen and (max-width: 445px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 205px;
    }
}

@media screen and (max-width: 390px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 178px;
    }
}

@media screen and (max-width: 320px) {
    .CarouselFullWidth, .CarouselFullWidth .item.cycle-slide {
        height: 145px;
    }
}

.CarouselFullWidth, .CarouselFullWidthNarrow, .CarouselFullWidthNarrow .carousel-inner {
    width: 100%;
    position: relative;
    overflow: hidden;
    float: left;
}

@media screen and (min-width: 1201px) {
    .CarouselFullWidth.carousel .item {
        position: fixed !important;
    }
}

@media screen and (max-width: 1200px) {
    .CarouselFullWidth.carousel .item {
        position: relative;
    }
}

.CarouselFullWidth.carousel .item {
    width: 100%;
    max-width: 100%;
    height: 100%;
    list-style: none;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

.CarouselFullWidth .item.cycle-slide {
    width: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    z-index: 999;
}

.CarouselFullWidth .item.cycle-slide > img {
    width: 100%;
    position: absolute;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    right: -9999px;
    left: -9999px;
    min-width: 100%;
    height: auto;
    min-height: 100%
}

.CarouselFullWidthNarrow .item.cycle-slide img {
    min-width: 100%
}

.carouselControls .fa.fa-angle-left, .carouselControls .fa.fa-angle-right {
    font-size: 75px;
    color: #fff;
    position: absolute;
}

.carouselControls {
    display: block;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.carouselControls .fa.fa-angle-left {
    left: 0;
}

.carouselControls .fa.fa-angle-right {
    right: 0;
}

.carouselControls .leftArrow {
    left: 15px;
    position: absolute;
}

.carouselControls .rightArrow {
    right: 15px;
    position: absolute;
}

.CarouselFullWidth .caption, .captionMediumContainer, .captionMediumTallContainer, .captionSmallContainer {
    position: absolute;
    top: 20%;
    right: 5%;
    z-index: 1;
}

.captionBig, .captionMedium, .captionMediumTall, .captionSmall, .captionSmaller, .captionXS {
    background: url(../images/background/i.png);
}

.CarouselFullWidth .captionBig, .captionMediumContainer, .captionSmallContainer {
    height: 60%;
    width: 50%
}

.captionSmallerContainer, .captionXSContainer {
    position: absolute;
    right: 5%;
    z-index: 1;
    width: 40%
}

.captionSmallerContainer {
    height: 45%;
    top: 30%
}

.captionXSContainer {
    top: 28%;
    height: 50%
}

.captionMediumTallContainer {
    height: 60%;
    width: 25%
}

.captionMediumTall {
    height: 98%;
    width: 98%
}

.CarouselFullWidth .captionMedium {
    height: 48%;
    width: 98%;
    position: initial;
    margin: 1%
}

.CarouselFullWidth .captionSmall, .captionSmaller {
    height: 48%;
    width: 48%;
    margin: 1%;
    position: initial;
    float: left;
}

.captionXS {
    height: 28%;
    width: 31%;
    margin: 1%;
    position: initial;
    float: left;
}

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

.push-cart.menuCart {
    margin-right: 215px;
}

.cycle-pager {
    position: absolute;
    left: 50%;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    bottom: 2%;
    text-align: center;
    list-style: none;
    z-index: 99999;
}

.cycle-pager span {
    display: inline-block;
    margin: 1px 5px 1px 1px;
    text-indent: -999px;
    cursor: pointer;
    width: 40px;
    height: 7px;
    border: 1px solid transparent !important;
    border-radius: 0 !important;
    background: url(../images/background/bg_p.png);
    color: transparent;
}

.cycle-pager .cycle-pager-active {
    width: 40px;
    height: 7px;
    background-color: #fff;
}

@media screen and (min-width: 580px) {
    .cycle-pager span {
        width: 40px;
    }
}

@media screen and (max-width: 579px) {
    .cycle-pager span {
        width: 40px;
    }
}

.textContainerSlide.col-lg-10, .textContainerSlide.col-md-10, .textContainerSlide.col-sm-12, .textContainerSlide.col-xs-12 {
    position: absolute;
}

.textContainerSlide {
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 35%;
    text-transform: capitalize;
    text-align: center;
    color: #fff;
}

@media screen and (max-width: 600px) {
    .textContainerSlide {
        display: none !important;
    }
}

@media screen and (min-width: 601px) {
    .textContainerSlide h2 {
        font-size: 30px;
    }

    .textContainerSlide h3 {
        font-size: 18px;
        margin-bottom: 40px;
    }
}

.textContainerSlide.background--dark a, .textContainerSlide.background--dark a:active, .textContainerSlide.background--dark a:focus, .textContainerSlide.background--dark a:hover {
    text-decoration: none;
    border: 1px solid #fff;
    color: #fff;
}

.textContainerSlide.background--light :focus, .textContainerSlide.background--light a, .textContainerSlide.background--light a:active, .textContainerSlide.background--light a:hover {
    text-decoration: none;
    border: 1px solid #000;
    color: #000;
}

.textContainerSlide.background--complex a, .textContainerSlide.background--complex a:active, .textContainerSlide.background--complex a:focus, .textContainerSlide.background--complex a:hover {
    text-decoration: none;
    border: 1px solid #333;
    color: #6c6c6c;
}

.textContainerSlide a {
    text-decoration: none;
    font-size: 2em;
    padding: 10px 15px;
    text-transform: uppercase;
}

.textContainerSlide.alignRight {
    position: absolute;
    text-align: right;
    float: right;
    left: 69%;
    top: 25%;
    margin: 0;
}

.textContainerSlide.alignRightBottom {
    position: absolute;
    text-align: right;
    float: right;
    left: 69%;
    top: 67%;
    margin: 0;
}

.textContainerSlide.alignLeft {
    position: absolute;
    text-align: left;
    float: left;
    left: 5%;
    top: 25%;
    margin: 0;
}

.textContainerSlide.alignLeftBottom {
    position: absolute;
    text-align: left;
    float: left;
    left: 5%;
    top: 67%;
    margin: 0;
}

.boxCategory span, .buttonQuickLook, .captionPr, .searchBarFWS, .searchBarTop, .shortInfoItem, .textSimplePromotionalBox, h3.promotedProductsTitle {
    text-align: center;
}

.wrapCart .fa.fa-angle-down {
    bottom: 0;
    font-size: 19px;
    margin-left: 4px;
}

.userAccount .fa.fa-angle-down {
    line-height: 3.4;
    font-size: 19px;
    padding-left: 5px;
}

.animated {
    -webkit-animation-duration: .5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: .5s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -o-animation-duration: .5s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    -ms-animation-duration: .5s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: .5s;
    animation-timing-function: ease;
    animation-fill-mode: both;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@media screen and (min-width: 1200px) {
    .textContainerSlide.col-lg-10, .textContainerSlide.col-md-10, .textContainerSlide.col-sm-12, .textContainerSlide.col-xs-12 {
        width: 30%
    }

    .boxCategory.col-lg-4 {
        width: 31.333333%
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .boxCategory.col-md-4 {
        width: 31.333333%
    }
}

.boxCategory {
    height: 220px;
    position: relative;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin-right: 15px;
    margin-bottom: 10px;
    background-color: #000;
}

.boxCategory img {
    position: absolute;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    right: -9999px;
    left: -9999px;
    min-width: 100%;
    height: auto;
    min-height: 100%
}

.imgCategories {
    position: relative;
    display: table;
    width: 100%;
    height: 230px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.slick-slide.boxCategory {
    width: 400px;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    height: inherit;
}

.boxCategory span {
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    margin: 0 40px;
    padding: 0 10px;
    color: #fff;
    -webkit-transition: color .3s;
    -moz-transition: color .3s;
    transition: color .3s;
    z-index: 2;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1.3px;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .8);
    opacity: .9;
    -webkit-font-smoothing: antialiased;
}

.boxCategory span::before {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
}

.boxCategory a:hover span::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 5px;
}

.boxCategory a:focus span::after, .boxCategory a:focus span::before, .boxCategory a:hover span::after, .boxCategory a:hover span::before {
    background: rgba(255, 255, 255, .6);
}

.boxCategory span::after {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    transform: translateY(20px);
}

.boxCategory a:hover span::after {
    margin-top: 5px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.boxCategory span::after, .boxCategory span::before {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: 2px;
    margin-top: -1px;
    background: rgba(255, 255, 255, .9);
    content: '';
    z-index: 1;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
    pointer-events: none;
}

.boxCategory a:hover img {
    filter: alpha(opacity=80);
    opacity: .8;
}

@media screen and (min-width: 1200px) {
    .promoBox.col-lg-6, .simplePromotionalBox.col-lg-6 {
        width: 49%
    }

    .promoBox, .simplePromotionalBox {
        height: 250px;
    }

    .containerCircleImgPromoBox .imageSimplePromotionalBox {
        width: 150px;
        height: 150px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .promoBox.col-md-6, .simplePromotionalBox.col-md-6 {
        width: 49%
    }

    .promoBox, .simplePromotionalBox {
        height: 250px;
    }

    .containerCircleImgPromoBox .imageSimplePromotionalBox {
        width: 150px;
        height: 150px;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .promoBox.col-sm-6, .simplePromotionalBox.col-sm-6 {
        width: 49%
    }

    .promoBox, .simplePromotionalBox {
        height: 200px;
    }

    .containerCircleImgPromoBox .imageSimplePromotionalBox {
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 767px) {
    .promoBox, .simplePromotionalBox {
        height: 230px;
    }

    .containerCircleImgPromoBox .imageSimplePromotionalBox {
        width: 150px;
        height: 150px;
    }
}

@media screen and (max-width: 540px) {
    .promoBox, .simplePromotionalBox {
        height: 190px;
    }
}

@media screen and (max-width: 460px) {
    .container .promoBox, .simplePromotionalBox {
        height: 165px;
    }

    .containerCircleImgPromoBox .imageSimplePromotionalBox {
        width: 100px;
        height: 100px;
    }
}

@media screen and (max-width: 400px) {
    .container .promoBox, .simplePromotionalBox {
        height: 165px;
    }
}

.container .promoBox.col-lg-6, .container .promoBox.col-md-6, .container .promoBox.col-sm-10, .container .promoBox.col-xs-12, .container .simplePromotionalBox.col-lg-6, .container .simplePromotionalBox.col-md-6, .container .simplePromotionalBox.col-sm-10, .container .simplePromotionalBox.col-xs-12 {
    padding-left: 0;
    padding-right: 0;
}

.container .promoBox, .simplePromotionalBox {
    border: 1px solid #d4d4d4;
    margin: 10px .5%;
    display: block;
    height: 230px;
    -webkit-box-shadow: 0 0 26px -4px rgba(135, 135, 135, 1);
    -moz-box-shadow: 0 0 26px -4px rgba(135, 135, 135, 1);
    box-shadow: 0 0 26px -4px rgba(135, 135, 135, 1);
    overflow: hidden;
}

.promoBox .coloredPromoBox, .promoBox .promoProduct {
    float: left;
    width: 43%
}

.container .promoBox .coloredPromoBox.red {
    background: #009f95;
}

.container .promoBox .coloredPromoBox.yellow {
    background: #4e56e1;
}

.container .promoBox .coloredPromoBox {
    height: 100%;
    width: 57%;
    padding-left: 5%
}

.coloredPromoBox .fa, .coloredPromoBox a, .coloredPromoBox h3, .coloredPromoBox h5, .coloredPromoBox p {
    display: block;
    color: #fff;
}

.promoBox .promoProduct {
    position: absolute;
    right: 0;
    width: 55%;
    -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    background-size: cover;
    background-position: center center;
}

@media screen and (min-width: 993px) {
    .coloredPromoBox h3, .textSimplePromotionalBox h3 {
        font-size: 23px;
    }

    .coloredPromoBox p {
        font-size: 14px;
    }

    .coloredPromoBox h5, .textSimplePromotionalBox h4 {
        font-size: 20px;
    }

    .coloredPromoBox .fa {
        font-size: 32px;
        margin-top: 2.5%
    }
}

@media screen and (max-width: 768px) and (min-width: 540px) {
    .coloredPromoBox h3, .textSimplePromotionalBox h3 {
        font-size: 23px;
    }

    .coloredPromoBox p {
        font-size: 14px;
    }

    .coloredPromoBox h5, .textSimplePromotionalBox h4 {
        font-size: 20px;
    }

    .coloredPromoBox .fa {
        font-size: 32px;
        margin-top: 2.5%
    }
}

@media screen and (max-width: 992px) and (min-width: 769px) {
    .coloredPromoBox h3, .textSimplePromotionalBox h3 {
        font-size: 18px;
    }

    .coloredPromoBox p {
        font-size: 12px;
    }

    .coloredPromoBox h5, .textSimplePromotionalBox h4 {
        font-size: 15px;
    }

    .coloredPromoBox .fa {
        font-size: 20px;
        margin-top: 4.5%
    }
}

@media screen and (max-width: 540px) {
    .coloredPromoBox h3, .textSimplePromotionalBox h3 {
        font-size: 18px;
    }

    .coloredPromoBox p {
        font-size: 12px;
    }

    .coloredPromoBox h5, .textSimplePromotionalBox h4 {
        font-size: 15px;
    }

    .coloredPromoBox .fa {
        font-size: 20px;
        margin-top: 4.5%
    }
}

@media screen and (max-width: 430px) {
    .coloredPromoBox h3 {
        font-size: 18px;
    }

    .coloredPromoBox h5, .coloredPromoBox p {
        font-size: 12px;
    }

    .coloredPromoBox .fa {
        font-size: 15px;
        margin-top: 6.5%
    }
}

.imageSimplePromotionalBox .img-responsive, .promoProduct {
    margin: auto;
}

@media screen and (max-width: 330px) {
    .coloredPromoBox .fa {
        display: none;
    }
}

.coloredPromoBox p {
    padding-top: 5%
}

.coloredPromoBox .fa {
    padding-left: 10px;
}

.coloredPromoBox a {
    text-decoration: none;
    padding-top: 5%;
    display: table;
    padding-bottom: 24px;
}

.containerCircleImgPromoBox, .promoProduct {
    position: relative;
    display: flex;
    height: 100%
}

.coloredPromoBox .fa, .coloredPromoBox h5 {
    float: left;
}

.promoProduct .img-responsive {
    margin-top: auto;
    margin-bottom: auto;
    max-height: 100%
}

.containerCircleImgPromoBox {
    width: 40%;
    float: left;
}

.containerCircleImgPromoBox .imageSimplePromotionalBox {
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.textSimplePromotionalBox {
    float: left;
    display: block;
    position: relative;
    width: 60%;
    height: 100%
}

.textSimplePromotionalBox h3, .textSimplePromotionalBox h4 {
    display: block;
    position: relative;
    width: 100%;
    clear: both;
}

.coloredPromoBox {
    padding: 3% 3% 3% 3% !important;
}

.containerTextSimplePromoBox {
    position: absolute;
    display: block;
    width: 100%;
    max-height: 100%;
    margin-top: 3rem;
}

@media (min-width: 1200px) {
    .promoBox.col-lg-12, .shippingBox.col-lg-12, .simplePromotionalBox.col-lg-12 {
        width: 99%
    }
}

.containerTextSimplePromoBox h3 a {
    color: inherit;
    text-decoration: none;
}

.categories ul ol.accessories, .categories ul ol.garden, .categories ul ol.gifts, .categories ul ol.grocery, .categories ul ol.grooming, .categories ul ol.home, .categories ul ol.kitchen, .categories ul ol.office, .categories ul ol.tools {
    width: 280px;
}

.slideProducts {
    position: relative;
    padding-top: 30px;
    height: 300px;
}

.recommendationsSlide {
    position: relative;
    height: 200px;
    width: 100% !important;
}

.recommendationsSlide .product a {
    color: inherit;
}

.recommendationsSlide .slick-list, .recommendationsSlide .slick-list .slick-track, .slideProducts .slick-list, .slideProducts .slick-list .slick-track {
    height: 100%
}

.product {
    position: relative;
    border-right: none;
}

.slideProducts .product {
    width: 25%;
    float: left;
    height: 100%;
    position: relative;
    margin: 0 10px;
}

.recommendationsSlide .product {
    width: 190px;
    float: left;
    height: 100%;
    position: relative;
    margin: 0 0px 0 15px;
    overflow: hidden;
    background-color: white;
    text-align: center;
    border-radius: 4px;
}

.productList ul {
    padding-left: 0;
    list-style: none;
}

.captionPr h5 {
    font-size: 12px !important;
    margin: 2px;
}

.captionPr {
    font-size: 12px !important;
}

.productList > ul > li {
    float: left;
    padding-top: 30px;
    height: 310px;
    overflow: hidden;
    position: relative;
    padding-right: 5px;

}

.productList > ul> li.intreg {
    max-width: 310px !important;
}


@media screen and (min-width: 937px) {
    .productList > ul > li {
        width: 25%;
    }
}

@media screen and (max-width: 1030px) {
    .productList > ul > li {
        width: 33%
    }
}

@media screen and (max-width: 700px) {
    .productList > ul > li {
        width: 50%
    }
}

@media screen and (max-width: 500px) {
    .productList > ul > li {
        width: 100%
    }
}

.productList ul li .product {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 4px;
    background-color: rgba(36, 0, 255, 0.11);
    border-style: solid;
    border-width: 1px;
    border-color: #cecece;
}

.productList ul li .product .containerImageProduct, .recommendationsSlide .product img, .slideProducts .product img {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    border-radius: 4px;
}
.slideProducts .product img{max-height: 100%;}
.containerImageProduct .imgProduct {
    height: 200px;
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.containerImageProduct .offerts {
    z-index: 12;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.productList ul li .product img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.productPhoto {
    top: 0;
}

.slideContentProduct {
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, .5, 1);
    height: 80px;
}

.slideContentProduct.showContent .contentProduct {
    background: url(../images/background/op-w-80.png);
    height: 80%;
    color: #333;
}

.newProduct {
    background: #adff2f;
    left: 0;
    top: 25%;
    width: 50px;
    padding: 3px 20px 3px 5px;
    -webkit-clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
}

.offerProduct {
    background: orange;
    left: 0;
    top: 17%;
    width: 50px;
    padding: 3px 20px 3px 5px;
    -webkit-clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
}

.discounts {
    background: green;
    left: 0;
    top: 9%;
    padding: 3px 20px 3px 5px;
    -webkit-clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
}

.colorsProduct {
    background: url(../images/background/op-g.png);
    left: 0;
    right: 0;
    bottom: 0;
}

.colorsProduct, .discounts, .newProduct, .offerProduct {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
}

.hideContent .newProductDotted {
    font-size: 14px;
    position: relative;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 20px;
    border: 1px dashed #333;
    padding-left: 3px;
    padding-right: 3px;
    display: block;
    clear: both;
}

.colorsProduct, .showContent .newProduct, .showContent .newProductDotted, .showContent .offerProduct {
    display: none;
}

.hideContent {
    position: relative;
    display: block;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.hideContent .contentProduct {
    display: none;
}

.recommendationsSlide .captionPr a, .slideProducts .captionPr a {
    color: #333;
}

.recommendationsSlide .captionPr a:hover, .slideProducts .captionPr a:hover {
    color: #333;
    text-decoration: none;
}

.productList ul li .product .hideContent .captionPr {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3px;
    height: 100%;
}

.productList ul li .product .hideContent .captionPr h3, .productList ul li .product .hideContent .captionPr h4, .productList ul li .product .hideContent .captionPr p {
    font-family: Glegoo, Georgia, serif;
    margin-top: 0;
    margin-bottom: 0;

}

.productList ul li .product .hideContent .captionPr h3, a .captionPr {
    font-size: 15px;
    color: #333;
    display: inline-block;
    margin-bottom: 0;
    letter-spacing: 1px;
    text-transform: capitalize;
    outline: 0;
    height: 65%;
    width: 100%
}

.captionPr:active, .captionPr:focus, .product.slick-slide:active, .product.slick-slide:focus {
    outline: 0;
}

.productList ul li .product .hideContent .captionPr h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: #929292;
    display: inline-block;
}

.productPriceShop {
    clear: both;
    display: block;

    font-weight: bold;
    text-align: center;
    line-height: 26px;
    background-color: #ee612f;
    color: white;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    -webkit-clip-path: polygon(11% 11%, 94% 0, 100% 100%, 0 100%);
    clip-path: polygon(11% 11%, 94% 0, 100% 100%, 0 100%);
}

.productList ul li .product .showContent .captionPr .productPriceShop, .productList ul li .product .showContent .captionPr h4 {
    display: none;
}

.cycle-slide .productPriceShop {
    text-decoration: overline;
}

.productList ul li .product .showContent .captionPr, .recommendationsSlide .product .showContent .captionPr, .slideProducts .product .showContent .captionPr {
    background: url(../images/background/op-w-80.png);
    width: 100%;
    height: auto;
}

.productList ul li .product .showContent .captionPr h3, .recommendationsSlide .product .showContent .captionPr, .slideProducts .product .showContent .captionPr {
    margin: 0 auto;
    color: #333;
    padding-top: 10%;
    padding-bottom: 5%;
    font-size: 18px;
}

.buttonQuickLook {
    font-size: 14px;
    position: relative;
    padding: 5px;
    margin: 10% auto 0;
    font-style: italic;
    color: #333;
    cursor: pointer;
    text-transform: uppercase;
}

.carouselControlsPr, .mainDropdown li a .fa, .popout {
    position: absolute;
}

.addToCartItemInfo {
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 10px;
    border: 2px solid #333;
    width: 145px;
    margin-left: auto;
    margin-right: auto;
}

.addToCartItemInfo a, .addToCartItemInfo a:hover {
    color: #333;
    text-decoration: none;
}

.shortInfoItem .priceItemInfo {
    margin-bottom: 15%
}

.shortInfoItem .priceItemInfo a {
    font-size: 16px;
    color: #333;
}

.shortInfoItem .priceItemInfo a:hover {
    color: #333;
    text-decoration: none;
}

.descarca_document {
    background-color: #08c;
    padding: 5px 10px !important;
    color: white !important;
    border-radius: 4px !important;
    text-decoration: none !important;
}
.descarca_document:hover {
    -webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.26);
    -moz-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.26);
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.26);
    background: rgba(73,155,234,1);
    background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
    background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5', GradientType=0 );
}

.shortInfoItem .whishlistItem {
    margin-top: 5%;
    cursor: pointer;
}

.carouselControlsPr {
    color: #333;
    top: 40%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 46px;
    width: 100%
}

.recommendationsSlide .carousel, .slideProducts .carousel {
    height: 300px;
}

.min-cycle-next, .min-cycle-prev, .slick-next, .slick-prev {
    width: 33px;
    height: 33px;
    position: absolute;
    background: url(../images/icon/arrows-bg.png) no-repeat;
    text-indent: -99999px;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    z-index: 2;
    border: none;
    outline: 0;
}

.min-cycle-prev, .slick-prev {
    background-position: 8px 50%
}

.slick-next, .slick-prev {
    top: 45%
}

.min-cycle-next, .min-cycle-prev {
    top: 0;
    height: 100%;
    background-color: rgba(121, 121, 121, .39);

}

.slick-prev {
    left: 0;
}

.min-cycle-prev {
    left: 0px;
}

.min-cycle-next, .slick-next {
    background-position: -37px 50%;
    right: 0;
}

.cycle-carousel-wrap {
    position: relative;
    display: block;
    height: 100%;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.popularProducts {
    margin-top: 30px;
    margin-bottom: 90px;
    height: auto;
}

.navbar.navbar-default {
    border-color: transparent;
}

.navbar-default .navbar-nav > li.dropdown > a.dropdown-toggle {
    color: #777;
}

.navbar-default .navbar-nav > li.open > a, .navbar-default .navbar-nav > li.open > a:focus, .navbar-default .navbar-nav > li.open > a:hover {
    background-color: transparent;
}

.hover {
    display: block;
}

.hideMenu {
    display: none;
}

.popout {
    width: 370%;
    margin-top: -30%;
    left: 99%;
    background: #fff;
    padding: 5px 0;
    border-radius: 0 4px 4px 0;
    border: 1px solid rgba(0, 0, 0, .15) !important;
    border-left: none !important;
    border-top: none !important;
}

.divider {
    padding: 0 3px;
}

.navDivider, li.dropdown-menu {
    position: relative;
}

.fullWidthSliderHeader .mainDropdown li a {
    padding-top: 3px;
    padding-bottom: 3px;
}

.navDivider {
    margin: 9px;
    display: block;
    line-height: 1px;
    height: 1px;
    overflow: hidden;
    background: #eee;
    font-size: 13px;
    width: 85% !important;
}

.closeSearchBox, .menuBG {
    position: absolute;
    left: 0;
    bottom: 0;
}

.open > .dropdown-menu {
    min-width: 220px;
}

.dropdown li a .fa {
    right: 15px;
    font-size: 14px;
    line-height: 1.5;
}

.menuBG {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
}

.subnav {
    padding: 2%;
    width: 100%;
}

.nav-header, .subnav ul li {
    padding-bottom: 5px;
    display: block;
}

.subnav ul {
    padding-left: 0;
    padding-top: 5px;
}

.subnav ul li {
    list-style: none;
}

.subnav ul li a {
    text-decoration: none;
}

.subnav-row-two {
    margin-left: 8%
}

.nav-header {
    font-size: 18px;
    padding-top: 15px;
}

.nav-header:hover {
    text-decoration: none;
    color: #0dc189;
}

.sub-nav-link, .sub-nav-link-description {
    display: block;
}

.sub-nav-link {
    color: #333;
    font-size: 14px;
}

.nav-header, .subnav ul li a:hover .sub-nav-link {
    color: #0dc189;
}

.sub-nav-link-description {
    color: #4d4d4d;
    font-size: 13px;
}

.icon.background--light {
    color: #000 !important;
}

.icon.background--dark {
    color: #fff !important;
}

.link-maintext, .link-subtext {
    display: block;
}

.fullWidthSliderHeader .navbar-right, .searchBox {
    display: inline-block;
}

.fullWidthSliderHeader {
    width: 100%;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.link-subtext {
    color: #333;
    font-size: 12px;
    text-transform: none;
    line-height: 1;
}

.icon, .link-maintext {
    color: #000;
}

.navbar-right {
    float: right;
}

.container-fluid {
    width: 100%
}

@media screen and (max-width: 768px) {
    .collapse.navbar-collapse {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        float: right;
    }
}

@media screen and (min-width: 1254px) {
    .collapse.navbar-collapse {
        width: 80%;
        float: right;
    }
}

@media screen and (max-width: 1253px) {
    .collapse.navbar-collapse {
        width: 78%;
        float: right;
    }
}

@media screen and (min-width: 1503px) {
    .wrapperNarrowSliderPage .collapse.navbar-collapse {
        width: 80%;
        float: right;
    }
}

@media screen and (max-width: 1502px) {
    .wrapperNarrowSliderPage .collapse.navbar-collapse {
        width: 78%;
        float: right;
    }
}

@media screen and (max-width: 1373px) {
    .wrapperNarrowSliderPage .collapse.navbar-collapse {
        width: 76%;
        float: right;
    }
}

@media screen and (max-width: 1266px) {
    .wrapperNarrowSliderPage .collapse.navbar-collapse {
        width: 74%;
        float: right;
    }
}

.navbar-default .navbar-nav > li > a {
    line-height: 2;
    margin-top: 13px;
}

.searchBox {
    height: 100px;
    margin-left: 15%;
    -webkit-perspective: 1000;
    overflow: hidden;
    transition: max-width .5s ease;
    -webkit-transform: translateZ(100);
}

.searchBox.visible {
    width: 270px;
}

.closeSearchBox {
    color: #000;
    cursor: pointer;
}

#carouselSimilarProducts .product {
    max-height: 100%;
    width: 20%;
    float: left;
}

#carouselSimilarProducts .product img {
    height: 100%;
    width: 100%
}

.onePageImage {
    position: relative;
    padding-top: 15px;
}

.wrapper.container {
    position: relative;
}

.topNav {
    height: 60px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 30px;
}

#search-input, #top-search-input {
    width: 0;
    right: auto;
    opacity: .1;
    -webkit-transition: All .25s ease-in;
}

#search-submit, #top-search-submit {
    content: "/f002";
    text-indent: 1000px;
    overflow: hidden;
    width: 24px;
    height: 24px;
    top: 0;
}

.topNav a {
    color: #333;
    text-decoration: none;
}

.topNav ul li {
    list-style: none;
    font-size: 12px;
}

.leftTopNav, .leftTopNav li {
    float: left;
}

.leftTopNav li {
    padding-right: 10px;
}

.rightTopNav, .rightTopNav li {
    float: right;
}

.rightTopNav li {
    padding-left: 10px;
}

#search-input, #search-submit, #top-search-input, #top-search-submit {
    padding: 0;
    position: relative;
}

.searchBarFWS {
    position: relative;
}

.searchBarFWS.background--light #search-input, .searchBarFWS.noIcon #search-input {
    color: #000;
}

.searchBarFWS.background--dark #search-input {
    color: #fff;
}

#search-input {
    border: 0;
    height: 24px;
    transition: All .25s ease-in;
    background-color: transparent;
    outline: 0;
}

#search {
    display: block;
}

.searchBarFWS.background--light #search-input:active, .searchBarFWS.background--light #search-input:focus, .searchBarFWS.background--light #search-input:hover, .searchBarFWS.background--light #search:active #search-input, .searchBarFWS.background--light #search:focus #search-input, .searchBarFWS.background--light #search:hover #search-input, .searchBarFWS.noIcon #search-input {
    border-bottom: 1px solid #575757;
}

.searchBarFWS.background--dark #search-input:active, .searchBarFWS.background--dark #search-input:focus, .searchBarFWS.background--dark #search-input:hover, .searchBarFWS.background--dark #search:active #search-input, .searchBarFWS.background--dark #search:focus #search-input, .searchBarFWS.background--dark #search:hover #search-input {
    border-bottom: 1px solid #c6c6c6;
}

#search-input:active, #search-input:focus, #search-input:hover, #search:active #search-input, #search:focus #search-input, #search:hover #search-input {
    opacity: 1;
    width: 200px;
}

.searchBarFWS.background--light #search-input:-moz-placeholder, .searchBarFWS.background--light #search-input:-ms-input-placeholder, .searchBarFWS.background--light #search-input::-moz-placeholder, .searchBarFWS.background--light #search-input::-webkit-input-placeholder {
    color: #333;
}

.searchBarFWS.background--dark #search-input:-moz-placeholder, .searchBarFWS.background--dark #search-input:-ms-input-placeholder, .searchBarFWS.background--dark #search-input::-moz-placeholder, .searchBarFWS.background--dark #search-input::-webkit-input-placeholder {
    color: red;
}

#search-submit, .icon.background--light #search-submit, .noIcon #search-submit {
    background: url(../images/icon/search-icon.png) center center no-repeat;
    background-size: 23px;
}

.icon.background--dark #search-submit {
    background: url(../images/icon/search-icon-white.png) center center no-repeat;
    background-size: 23px;
}

#search-submit {
    color: #333;
    font-size: 18px;
    outline: 0;
}

.searchBarTop {
    position: relative;
    margin: 0 auto;
}

#top-search-input {
    color: #3a3a3a;
    border: 0;
    text-align: right;
    transition: All .25s ease-in;
}

#top-search-input:active, #top-search-input:focus, #top-search-input:hover, #top-search:active #top-search-input, #top-search:focus #top-search-input, #top-search:hover #top-search-input {
    opacity: 1;
    border-bottom: 1px solid #3a3a3a;
    width: 143px;
    padding: 3px;
}

#top-search-submit {
    background: url(../images/icon/glass.png) center center no-repeat;
    font-size: 0;
}

.logoTopHeader {
    padding-left: 15px;
    height: 85px;
}

.secondNav ul {
    width: 100%;
    height: 40px;
    border-bottom: 3px solid #f3f3f3;
    position: relative;
    padding-left: 15px;
}

.secondNav ul li {
    font-size: 20px;
    margin-right: 2.2em;
    float: left;
}

.bottomFooter ul li, .secondNav ul li {
    list-style: none;
    text-transform: lowercase;
    letter-spacing: 1px;
}

@media screen and (min-width: 861px) {
    #newsletter, .bottomFooter {
        height: 40px;
    }

    .bottomFooter ul li {
        margin-right: 2.2em;
        font-size: 16px;
        float: left;
    }

    ul.socialOnePageImage {
        float: left;
    }

    .topFooter .half {
        float: right;
    }

    #newsletter {
        display: inline-block;
    }

    .copyright ul li {
        float: left;
    }
}

@media screen and (max-width: 860px) {
    .bottomFooter, .bottomFooter ul li {
        display: inline-block;
        text-align: center;
    }

    .bottomFooter, .topFooter, .topFooter .half {
        text-align: center;
    }

    .bottomFooter {
        height: auto;
    }

    .bottomFooter ul li {
        margin-right: 1.5em;
        font-size: 14px;
        float: none;
        margin-bottom: 5px;
    }

    .topFooter, ul.socialOnePageImage {
        margin-left: auto;
        margin-right: auto;
    }

    #newsletter, .topFooter {
        display: table;
    }

    ul.socialOnePageImage {
        margin-bottom: 20px;
    }
}

.bottomFooter ul, .copyright {
    display: table;
    position: relative;
}

.secondNav ul li:last-child {
    margin-right: 0;
}

.cartMobile.icon.background--light .cartMobile a:hover, .cartMobile.icon.background--light a, .cartMobile.noIcon, .cartMobile.noIcon:hover {
    color: #000;
}

.cartMobile.icon.background--dark .cartMobile a:hover, .cartMobile.icon.background--dark a {
    color: #fff;
}

.shopPageHeader .fa-angle-down {
    font-size: 17px;
    right: 0;
    padding-left: 5px;
    position: relative;
}

.shopPageHeader .mobileNav ul {
    border-top: 0;
}

.shopPageHeader .mobileNav {
    width: 100%
}

.shopPageHeader .menuList {
    padding-left: 0;
    text-align: left;
}

.shopPageHeader .menuList li {
    margin-bottom: 5px;
    height: auto;
    width: 100%;
    overflow: auto;
}

.shopPageHeader ul.innerListMenu {
    padding-left: 0;
    padding-top: 10px;
}

.shopPageHeader ul.innerListMenu li {
    margin-bottom: 5px;
    font-size: 13px;
    list-style: none;
    padding: 0;
    line-height: 26px;
}

.shopPageHeader ul.innerListMenu li a.menuTitle {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 5px;
    letter-spacing: .1em;
}

.bottomFooter ul li a, .mobileNav ul li a, .secondNav ul li a {
    color: #6f6f6f;
    text-decoration: none;
}

.bottomFooter ul li a:hover, .mobileNav a:hover, .secondNav ul li a:hover, .topNav a:hover {
    color: #88c3b5;
    text-decoration: none;
}

.sliderWrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.topFooter {
    height: 40px;
    position: relative;
    margin-top: 10px;
}

ul.socialOnePageImage {
    padding-left: 15px;
    width: 50%;
    height: 40px;
    margin-top: 3px;
}

.socialOnePageImage li {
    list-style: none;
    float: left;
    margin-right: 5px;
}

.socialOnePageImage li a {
    text-decoration: none;
    color: #333;
    font-size: 18px;
}

.topFooter .half {
    width: 50%;
    background: 0 0;
}

.topFooter form {
    float: right;
}

#newsletter {
    background: 0 0;
}

#newsletter h5 {
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 3.5px;
    margin-bottom: 20px;
}

input#newsletter-input {
    width: 270px;
    border: 0;
    right: 75px;
    text-align: center;
    line-height: 2;
    -webkit-transition: All .25s ease-in;
    transition: All .25s ease-in;
}

#newsletter-input:active, #newsletter-input:focus, #newsletter-input:hover, #newsletter:active #newsletter-input, #newsletter:focus #newsletter-input, #newsletter:hover #newsletter-input {
    border-bottom: 1px solid #3a3a3a;
}

button#newsletter-submit {
    background: 0 0;
    border: none;
    color: #333;
}

.bottomFooter {
    margin-top: 30px;
    position: relative;
}

.bottomFooter ul {
    height: 100%;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
}

.copyright {
    margin: 20px auto 15px;
    text-align: center;
}

.copyright a.logoFooterBigImage {
    height: 35px;
    position: relative;
}

.copyright img {
    height: 35px;
    display: inline-block;
}

.copyright p {
    margin-top: 10px;
}

.copyright p span {
    line-height: 1;
    vertical-align: bottom;
}

.copyright ul {
    padding-left: 0;
}

.copyright ul li {
    list-style: none;
    text-align: center;
    display: inline-block;
}

.copyright ul li a {
    color: #333;
    text-decoration: none;
}

.mobileNav ul {
    width: 100%;
    padding-left: 15px;
    padding-top: 30px;
}

.mobileNav ul li {
    list-style: none;
    text-transform: lowercase;
    letter-spacing: 1px;
}

.mobileNav ul li a {
    color: #333;
    text-decoration: none;
}

@media only screen and (max-width: 1200px) {
    #top-search-input, #top-search-input: active, #top-search-input:focus, #top-search-input:hover, #top-search:active #top-search-input, #top-search:focus #top-search-input, #top-search:hover #top-search-input {
        height: 50px;
        text-align: left;
        width: 79%;
        border-bottom: 0;
        background-color: transparent;
        outline: 0;
        padding-left: 15px;
    }

    .mobileNav, .wrapper.container {
        width: 100%
    }
}

.cbp-spmenu {
    background: url(../images/background/tr-w-bg.png);
    position: fixed;
}

.cbp-spmenu-vertical {
    width: 250px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

.cbp-spmenu-left {
    left: -250px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    overflow-y: auto;
    left: 0;
}

.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 250px;
}

.cbp-spmenu, .cbp-spmenu-push {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

@media screen and (min-width: 700px) {
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 500px;
    }

    .cbp-spmenu-left {
        left: -500px;
    }

    .cbp-spmenu-push-toright {
        left: 500px;
    }
}

@media screen and (max-height: 26.375em) {
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 250px;
    }

    .cbp-spmenu-left {
        left: -250px;
    }

    .cbp-spmenu-push-toright {
        left: 250px;
    }
}

.transparencyWrapper {
    background: url(../images/background/bg_p.png);
    z-index: 90909090;
    background-size: cover;
}

#showLeftPush, #trigger-overlay {
    background: 0 0;
    border: none;
    outline: 0;
    float: left;
    vertical-align: baseline;
}

#showLeftPush .fa, #trigger-overlay .fa {
    color: #878787;
}

.fullWidthSliderPage .headerMobile {
    height: 5em;
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.fullWidthSliderPage .cartMobile {
    display: inline-block;
    display: -webkit-inline-box;
}

.cart, .icon.background--dark .cart, .icon.background--light .cart, .noIcon .cart {
}

.cart .fa-shopping-cart {
    font-size: 1.4em;
}

.headerMobile {
    overflow: hidden;
    margin-top: 15px;
}

.headerMobile .logoTopHeader {
    float: left;
}

.cartMobile, .wrapperNarrowSliderPage .logoTopHeader img, .wrapperNarrowSliderPage form#top-search {
    float: right;
}

@media screen and (min-width: 1001px) {
    .headerMobile .logoTopHeader {
        height: 52px;
        margin-top: 12px;
        width: 210px;
    }

    #showLeftPush .fa, #trigger-overlay .fa {
        font-size: 4.5rem;
    }

    #showLeftPush, #trigger-overlay {
        line-height: 5;
    }
}

@media screen and (max-width: 1000px) {
    .headerMobile .logoTopHeader {
        height: 5em;
    }

    #showLeftPush i, #trigger-overlay i {
        width: 1.5em;
    }

    #showLeftPush .fa, #trigger-overlay .fa {
        font-size: 2.5rem;
    }

    .accordion-section:last-child .accordion-section-title {
        font-size: 1.5em;
    }
}

@media screen and (max-width: 465px) {
    .headerMobile .logoTopHeader {
        width: 70%
    }
}

.cartMobile {
    line-height: 3;
}

.cartMobile .fa {
    font-size: 18px;
}

.narrowImagePage {
    position: relative;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.wrapperNarrowSliderPage .sliderImage img {
    min-width: 100%
}

.wrapperNarrowSliderPage nav {
    height: 40px;
}

ul.horizontalMenu .slick-list {
    width: 100%
}

.wrapperNarrowSliderPage .secondNav {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wrapperNarrowSliderPage .secondNav ul {
    border-bottom: none;
    margin-bottom: 0;
}

.wrapperNarrowSliderPage .secondNav ul li {
    margin-right: 10px;
}

.wrapperNarrowSliderPage .secondNav ul li a {
    text-transform: uppercase;
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
    padding-bottom: 4px;
    width: 100%
}

.wrapperNarrowSliderPage .secondNav ul li a:hover {
    border-bottom: 2px solid #000;
}

ul.horizontalMenu .slick-next, ul.horizontalMenu .slick-prev {
    top: 5%
}

.wrapperNarrowSliderPage .logoTopHeader {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.logoTopHeader .img-responsive {
    display: block;
    width: 100% \9;
    max-width: 100%;
    max-height: 100%
}

.wrapperNarrowSliderPage .logoTopHeader .img-responsive {
    max-height: none;
}

.wrapperNarrowSliderPage .topNav {
    padding-top: 10px;
    padding-bottom: 0;
    background: #000;
    min-width: 100%;
    height: 30px;
    margin-bottom: 30px;
}

.wrapperNarrowSliderPage .topNav .container {
    position: absolute;
    right: 0;
    left: 0;
}

.wrapperNarrowSliderPage .topNav .container ul li a {
    color: #fff;
}

.topHeaderShopPage {
    width: 100%;
    height: auto;
}

.fixedHeaderShopPage {
    position: fixed;
    top: 0;
    border-bottom: 1px solid #ccc;
    background-color: #fff;
    z-index: 9999999;
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -ms-animation: fadein .5s;
    -o-animation: fadein .5s;
    animation: fadein .5s;
}

#newsletterModal, .staticPage {
    -webkit-animation: fadein .5s;
    -o-animation: fadein .5s;
}

.fixedHeaderShopPage .secondNavNarrowPage {
    padding-top: 10px;
    padding-bottom: 10px;
}

.secondNavNarrowPage ul li {
    position: relative;
}

@media screen and (min-height: 500px) and (max-width: 1000px) {
    #showLeftPush .fa, #trigger-overlay .fa {
        font-size: 5rem;
    }

    .headerMobile .logoTopHeader {
        height: 5em;
    }

    .textContainerSlide > a, .textContainerSlide > h2 {
        font-size: 2em;
    }
}

ul.dropdownSmallPic {
    display: none;
    position: absolute;
    height: auto;
    z-index: 1;
    padding-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 200px;
    padding-top: 10px;
}

.shopPage ul.dropdownSmallPic {
    border-bottom: 1px solid #ccc;
    z-index: 909090;
}

.dropdownSmallPic li:first-child {
    padding-top: 1em;
}

.dropdownSmallPic li {
    display: block;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    background-color: #fff;
    float: left;
    width: 100%;
    padding-bottom: 1em;
    padding-right: 34px;
}

.dropdownSmallPic li a {
    color: #000;
    min-width: 100%;
    height: 100%;
    background-color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
    text-transform: capitalize !important;
    font-size: 14px;
    border: none !important;
    white-space: nowrap;
}

.newsletterSubscription h5, .textContainerShipping p, footer h3, footer li a {
    text-transform: uppercase;
}

.dropdownSmallPic img {
    vertical-align: middle;
    margin: 0 10px 0 5px;
    height: 60px;
    width: 60px;
    display: inline-block;
}

.shipping, .slick-initialized .slick-slide {
    display: block;
}

.shipping {
    position: relative;
    clear: both;
}

.shippingBox {
    height: 100px;
    background-color: #f4f4f4;
    margin-bottom: 10px;
    cursor: pointer;
}

.shippingBox:last-child {
    margin-right: 0;
}

.imgContainerShipping {
    display: block;
    height: 100%;
    width: 10%;
    position: relative;
    float: left;
    margin-left: 15%
}

.imgContainerShipping img {
    margin: auto;
    position: absolute;
    bottom: 35%
}

@media screen and (min-width: 1200px) {
    .shippingBox.col-lg-4 {
        width: 32.3%
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .shippingBox.col-md-4 {
        width: 32.6%
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .shippingBox.col-sm-4 {
        width: 32.333%
    }
}

@media screen and (min-width: 768px) {
    .shippingBox {
        margin-right: .5%;
        margin-left: .5%;
        float: left;
    }
}

@media screen and (max-width: 767px) {
    .shippingBox.col-xs-10 {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
}

.textContainerShipping {
    position: relative;
    float: left;
    width: 65%;
    height: 100%;
    display: flex;
    text-align: center;
}

.textContainerShipping p {
    display: block;
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

@media screen and (min-width: 1200px) {
    .staticPage {
        width: 40%
    }
}

@media screen and (max-width: 1199px) {
    .staticPage {
        width: 60%
    }
}

@media screen and (max-width: 992px) {
    .staticPage {
        width: 90%
    }
}

.staticPage {
    left: 0;
    right: 0;
    margin: auto;
    top: 25%;
    padding: 20px;
    height: 550px;
    overflow-y: scroll;
    -moz-animation: fadein .5s;
    -ms-animation: fadein .5s;
    animation: fadein .5s;
}

#newsletterModal, .fixedModalQuickLook, .openImg {
    -ms-animation: fadein .5s;
}

.staticPage::-webkit-scrollbar {
    width: 10px;
}

.staticPage::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.staticPage::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
}

.staticPage::-webkit-scrollbar-button {
    background-color: #a9a9a9;
    height: 10px;
}

.staticPage::-webkit-scrollbar-button:vertical:increment {
    background: url(../images/icon/arrow-down.png) no-repeat;
    padding-bottom: 3px;
}

.staticPage::-webkit-scrollbar-button:vertical:decrement {
    padding-top: 3px;
    background: url(../images/icon/arrow-up.png) no-repeat;
}

.staticPage {
    background: #FEFEFE;
    border: 2px solid #E2E2E2;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: none;
    font-size: 13px;
    position: absolute;
    text-align: left;
    width: 625px;
    z-index: 99999;
}

.staticPage a.close-info {
    display: block;
    float: right;
    height: 13px;
    margin-top: 5px;
    width: 53px;
    z-index: 9999;
    color: #565656;
}

.staticPage a.close-info:hover {
    text-decoration: none;
    color: #565656;
}

.modalThankYouOrder {
    visibility: hidden;
    height: 100%;
    width: 100%;
    background: url(../images/background/op-g.png);
    position: fixed;
    z-index: 99999;
}

.thankYouForOrder {
    position: fixed;
    display: block;
    margin: auto;
    width: 40%;
    top: 29%;
    left: 29%;
    z-index: 99999;
    height: 300px;
    background: #333;
    overflow: hidden;
}

.thankYouForOrder img {
    position: absolute;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    right: -9999px;
    left: -9999px;
    min-width: 100%;
    height: auto;
    min-height: 100%;
    opacity: .5;
}

.thankYouForOrder .close-info {
    position: absolute;
    right: 5%;
    top: 5%;
    color: #fff;
    cursor: pointer;
    z-index: 9;
}

.textContainer {
    position: absolute;
    height: 100px;
    width: 80%;
    margin: auto;
    display: table;
    text-align: center;
    left: 10%;
    top: 35%;
    background: rgba(255, 255, 255, .56);
}

.input, form#footer-form .input.input-text input[type=text] {
    position: relative;
}

.textContainer p {
    display: table-cell;
    vertical-align: middle;
    letter-spacing: .5px;
    font-size: 16px;
    font-weight: 700;
    color: #444;
}

.staticPage h6 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
}

.staticPage ul {
    list-style: none;
    padding-left: 0;
}

.staticPage a, .staticPage a:hover {
    color: #157ca9;
    text-decoration: none;
}

.blackFont {
    color: #000 !important;
}

.whiteFont {
    color: #fff !important;
}

#default nav div {
    float: none !important;
}

footer {
    height: auto;
    width: 100%
}

footer.allPagesFooter {
    position: relative;
    background: #f4f4f4;
}

footer.footerOnePageImage {
    background-color: transparent !important;
}

footer .row {
    padding-top: 50px;
}

footer ul {
    padding-left: 0;
    overflow: auto;
}

footer ul li {
    list-style: none;
}

footer h3 {
    font-weight: 400;
    font-size: 16px;
    color: #525252;
    letter-spacing: .02em;
    line-height: 162.5%;
    margin: 0 0 10px;
}

footer li {
    line-height: 26px;
    vertical-align: middle;
}

footer li a {
    font-weight: 400;
    font-size: 13px;
    color: #929292;
    letter-spacing: .05em;
    display: inline-block;
}

footer li a:hover {
    color: #767676;
    text-decoration: none;
}

footer .social-menu li {
    float: left;
    margin-right: 20px;
}

footer .social-menu li .fa {
    float: left;
    font-size: 25px;
}

footer ul.social-menu {
    padding-top: 30px;
    padding-bottom: 30px;
}

form#footer-form .input.input-text {
    letter-spacing: .03em;
    width: 190px;
    margin-right: 10px;
    float: left;
}

.input select, .input textarea, footer .input input:not([type=submit]) {
    font-weight: 400;
    font-size: 14px;
    color: #525252;
    letter-spacing: .02em;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 9px 14px;
    border: 1px solid #dfdfdf;
    outline: 0;
}

.input.input-text input:not([type=submit]), .input.input-text textarea {
    font-size: 16px;
    border: 1px solid #dfdfdf;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0)));
    background-image: -webkit--webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-image: -webkit--moz-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-image: -webkit--o-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-image: -webkit--ms-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
}

form input {
    transition: border-color .3s ease-in;
}

form#footer-form .input.input-submit {
    float: left;
}

.input {
    zoom: 1;
    display: block;
    margin: 0 0 27px;
}

form#footer-form .input.input-submit input[type=submit] {
    min-width: 0;
    width: auto;
    text-align: center;
    line-height: 12px;
    font-size: 12px;
    text-transform: uppercase;
    background: #00a5b2;
    color: #fff;
    border: none;
    padding: 14px 10px 13px;
}

.accordionList li a, .newsletterSubscription p, .wishListPage a {
    text-transform: capitalize;
}

footer form {
    display: block;
    overflow: auto;
}

footer .copyright-text {
    clear: both;
    position: relative;
    font-weight: 400;
    font-size: 12px;
    color: #929292;
    letter-spacing: .02em;
    font-style: italic;
    text-align: center;
    padding: 15px 0;
}

footer .copyright-text a, footer .copyright-text a:hover {
    color: #929292;
    text-decoration: none;
}

#newsletterModal {
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    top: 25%;
    padding: 20px;
    position: fixed;
    z-index: 99999999;
    -moz-animation: fadein .5s;
    animation: fadein .5s;
}

@media screen and (min-width: 631px) {
    #newsletterModal {
        width: 600px;
        height: 400px;
    }

    .newsletterSubscription {
        height: 40%
    }

    .newsletterSubscription h5 {
        font-size: 25px;
    }

    .newsletterSubscription p {
        font-size: 17px;
    }
}

@media screen and (max-width: 630px) {
    #newsletterModal {
        width: 500px;
        height: 300px;
    }

    .newsletterSubscription {
        height: 45%
    }

    .newsletterSubscription h5 {
        font-size: 20px;
    }

    .newsletterSubscription p {
        font-size: 14px;
    }
}

@media screen and (max-width: 525px) {
    #newsletterModal {
        width: 400px;
        height: 300px;
    }
}

@media screen and (min-width: 431px) {
    .buttonNewsletter {
        padding: 5px;
    }
}

@media screen and (max-width: 430px) {
    #newsletterModal {
        width: 300px;
        height: 300px;
    }

    .newsletterSubscription {
        height: 60%
    }

    #newsletter-form .emailNewsletter {
        width: 150px;
    }

    .buttonNewsletter {
        font-size: 12px;
        padding: 8px 5px;
    }
}

.backgroundNewsletterCt {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.backgroundNewsletterCt img {
    position: absolute;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    right: -9999px;
    left: -9999px;
    min-width: 100%;
    height: auto;
    min-height: 100%
}

.newsletterSubscription {
    background: url(../images/background/op-w-72.png);
    position: absolute;
    width: 80%;
    margin: 0 auto;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 90909090;
    color: #333;
    text-align: center;
    padding: 10px;
}

.newsletterSubscription h5 {
    letter-spacing: 1px;
}

.buttonNewsletter, .or .or_circle, .productsShopPage h2, .showPlusInfo h6 {
    text-transform: uppercase;
}

#newsletter-form .emailNewsletter {
    padding: 5px;
    border: 1px solid #f3f3f3;
}

.buttonNewsletter {
    border: 0;
    background: #356bae;
    color: #fff;
    border-radius: 2px;
}

a.close-info-newsletter {
    display: block;
    float: right;
    height: 13px;
    margin-top: 5px;
    width: 53px;
    z-index: 9999;
    color: #dbdbdb;
    right: 5%
}

a.close-info-newsletter:hover {
    text-decoration: none;
    color: #565656;
}

a.close-info-newsletter.icon {
    position: absolute;
}

header.shopPageHeader {
    display: block;
    position: relative;
    float: left;
}

.bannerShopPage {
    float: left;
    overflow: hidden;
    position: relative;
    height: 350px;
}

.innerContainerBanner {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.innerContainerBanner img {
    position: absolute;
    margin: auto;
    top: -9999px;
    bottom: -9999px;
    right: -9999px;
    left: -9999px;
    min-width: 100%;
    height: auto;
    min-height: 100%
}

.productsShopPage.col-lg-10 {
    float: right;
    padding-left: 0;
    padding-right: 0;
}

.changeClass, .headingShop, .or {
    float: left;
}

.productsShopPage h2 {
    font-size: 20px;
    width: 100%;
    padding: 5px 0;
}

.wrapperHeading {
    height: auto;
    width: 100%;
    overflow: auto;
    border-bottom: 1px solid #ccc;
}

.changeClass div {
    float: right;
    padding: 5px 0 5px 10px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.changeClass .fa {
    font-size: 20px;
    color: #333;
    cursor: pointer;
}

.productList a, .productList a:hover {
    color: #333;
}

.announcement {
    display: none;
    width: 80%;
    height: 40px;
    background: rgba(255, 255, 255, .57);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    color: #fff;
    -webkit-animation: fadein 1s;
    -moz-animation: fadein 1s;
    -ms-animation: fadein 1s;
    -o-animation: fadein 1s;
    animation: fadein 1s;
}

.announcement p {
    font-size: 20px;
    margin: 0 auto;
    position: absolute;
    top: 30%;
    left: 5%
}

.announcement .close-info-announcement {
    position: absolute;
    right: 5%;
    font-size: 21px;
    top: 30%;
    color: #fff;
    z-index: 90909090;
}

.shopVerticalMenu.dropdown-menu {
    position: relative;
    background: 0 0;
    border: none;
    box-shadow: none;
    z-index: 1;
}

.shopVerticalMenu.dropdown-menu .navDivider {
    z-index: 1;
}

.shop2 .nav.col-lg-12 {
    padding-right: 0;
}

.shop2 .dropdown.col-lg-2 {
    padding-left: 0;
}

.shopVerticalMenu.dropdown-menu .popout {
    border: 0;
    z-index: 1;
    width: 470%
}

.bgSignUp {
    margin: 0;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.logoSignUp {
    text-align: center;
    margin: 20% auto 15px;
}

.logoSignUp img {
    margin: auto;
}

@media screen and (min-width: 1250px) {
    .wrapperSignUp {
        width: 25%
    }
}

@media screen and (max-width: 1249px) {
    .wrapperSignUp {
        width: 30%
    }
}

@media screen and (max-width: 1100px) {
    .wrapperSignUp {
        width: 40%
    }
}

@media screen and (max-width: 800px) {
    .wrapperSignUp {
        width: 50%
    }
}

@media screen and (max-width: 620px) {
    .wrapperSignUp {
        width: 70%
    }
}

@media screen and (max-width: 450px) {
    .wrapperSignUp {
        width: 90%
    }
}

.wrapperSignUp {
    z-index: 1;
    position: absolute;
    min-height: 100%;
    height: auto;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.formContainer, .formContainerPF, .formContainerResetPassword {
    position: absolute;
    margin: 0 auto 35px;
    left: 0;
    right: 0;
    vertical-align: middle;
    display: table-cell;
    border: 1px solid #ccc;
    background: #fff;
    width: 100%;
    height: auto;
    padding: 15px;
}

.facebookSignUp, .googleSignUp, .or .or_circle, .perspective, .socialMediaSignUp, .textboxType {
    margin-left: auto;
    margin-right: auto;
}

.formContainerPF, .formContainerResetPassword {
    display: none;
}

.socialMediaSignUp p {
    text-align: center;
    font-size: 20px;
    color: #bebebe;
}

.socialMediaSignUp .fa {
    line-height: 2.5;
    padding-right: 5px;
}

.socialMediaSignUp {
    padding: 10px 0;
}

.facebookSignUp, .googleSignUp, .perspective {
    display: flex;
    margin-bottom: 15px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
}

.btnCreateAccount, .facebookSignUp a, .googleSignUp a {
    display: table-cell;
    clear: both;
    border-radius: 5px;
    color: #FFF;
    font-size: 16px;
    height: 40px;
    line-height: 2;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 2px 10px;
    margin-left: auto;
    margin-right: auto;
    outline: transparent solid 1px;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.btnCreateAccount:hover, .facebookSignUp a:active, .facebookSignUp a:focus, .facebookSignUp a:hover, .googleSignUp a:active, .googleSignUp a:focus, .googleSignUp a:hover {
    color: #fff;
    text-decoration: none;
}

.slick-initialized .slick-slide, .slick-list:focus, .textboxType, button.imgCart {
    outline: 0;
}

.userAccountContainer .btnCreateAccount {
    width: 80%;
    height: 35px;
    line-height: 2;
}

.googleSignUp a {
    background-color: #d34836;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#e45340, endColorstr=#d34836);
    background-image: -moz-linear-gradient(top, #e45340 0, #d34836 100%);
    background-image: -webkit-linear-gradient(top, #e45340 0, #d34836 100%);
    background-image: -ms-linear-gradient(top, #e45340 0, #d34836 100%);
    background-image: linear-gradient(top, #e45340 0, #d34836 100%);
    background-image: -o-linear-gradient(top, #e45340 0, #d34836 100%);
    background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #e45340), color-stop(100%, #d34836));
}

.facebookSignUp a {
    background-color: #3b5998;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#4667ac, endColorstr=#3b5998);
    background-image: -moz-linear-gradient(top, #4667ac 0, #3b5998 100%);
    background-image: -webkit-linear-gradient(top, #4667ac 0, #3b5998 100%);
    background-image: -ms-linear-gradient(top, #4667ac 0, #3b5998 100%);
    background-image: linear-gradient(top, #4667ac 0, #3b5998 100%);
    background-image: -o-linear-gradient(top, #4667ac 0, #3b5998 100%);
    background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #4667ac), color-stop(100%, #3b5998));
}

.btnCreateAccount:after, .facebookSignUp a:after, .googleSignUp a:after {
    width: 100%;
    height: 40%;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotateX(-90deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotateX(-90deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotateX(-90deg);
    transform-origin: 0 0;
    transform: rotateX(-90deg);
}

.btnCreateAccount:hover, .facebookSignUp a:hover, .googleSignUp a:hover {
    -webkit-transform: rotateX(15deg);
    -moz-transform: rotateX(15deg);
    -ms-transform: rotateX(15deg);
    transform: rotateX(15deg);
}

a.btnCreateAccount:hover {
    line-height: 1.5;
}

.googleSignUp a:hover {
    border-bottom: 5px solid #a03527;
}

.facebookSignUp a:hover {
    border-bottom: 5px solid #2d426f;
}

.btnCreateAccount {
    text-decoration: none;
    background: #08b973;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#08b973, endColorstr=#0caa6c);
    background-image: -moz-linear-gradient(top, #08b973 0, #0caa6c 100%);
    background-image: -webkit-linear-gradient(top, #08b973 0, #0caa6c 100%);
    background-image: -ms-linear-gradient(top, #08b973 0, #0caa6c 100%);
    background-image: linear-gradient(top, #08b973 0, #0caa6c 100%);
    background-image: -o-linear-gradient(top, #08b973 0, #0caa6c 100%);
    background-image: -webkit-gradient(linear, right top, right bottom, color-stop(0, #08b973), color-stop(100%, #0caa6c));
    border: 1px solid #0caa6c;
    margin-top: 15px;
}

.btnCreateAccount:hover {
    border-bottom: 5px solid #0e945f;
}

.or {
    border-top: 1px solid #ccc;
    width: 100%;
    height: 1px;
    margin-top: 15px;
    padding: 0 15px;
    margin-bottom: 15px;
}

.or .or_circle {
    border-radius: 5px;
    color: #333;
    font-size: 9px;
    height: 20px;
    padding-top: 3px;
    width: 25px;
    background: #fff;
    text-align: center;
    margin-top: -8px;
}

.form {
    width: 100%;
    height: auto;
    position: relative;
}

.textboxType {
    width: 100%;
    display: block;
    background: #FCFCFC;
    border: 1px solid #CCC;
    box-shadow: 2px 2px 8px #e4e4e4;
    clear: both;
    font: inherit;
    padding: 8px 10px;
    vertical-align: baseline;
}

.textboxType:active, .textboxType:focus {
    border: 1px solid #d7d7d7;
    background: #f2f2f2;
}

.panelForm label {
    font-family: Raleway, sans-serif;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: 1px;
    display: inline;
    font-size: 13px;
}

.form input[type=checkbox] {
    display: inline-block;
}

.accountQuestions, .hasAccount {
    font-size: 15px;
    color: #333;
    padding-left: 15px;
}

.hasAccount a:hover {
    text-decoration: none;
}

.accountQuestions {
    text-align: center;
    margin-bottom: 10px;
}

.accountQuestions a:hover {
    text-decoration: none;
}

.accountQuestions span {
    color: #CCC;
    display: inline-block;
    text-align: center;
    width: 30px;
}

.wishListPage .accordionList {
    padding: 0;
}

.wishlistAccordion {
    color: #333;
}

@media screen and (min-width: 1275px) {
    .wishlistAccordion {
        font-size: 16px;
    }
}

@media screen and (max-width: 1274px) {
    .wishlistAccordion {
        font-size: 14px;
    }
}

.accordionList li {
    border-left: 2px solid #3385FF;
    padding-left: 5px;
}

.accordionList li a {
    font-weight: 700;
    font-size: 14px;
}

.accordionList li a span {
    display: block;
    font-size: 12px;
    font-weight: 400;
}

.wishListContainer hr {
    color: #ccc;
}

.wishListContainer h1 {
    font-size: 28px;
}

.wishListItemsContainer {
    margin-top: 60px;
}

.optionsSort {
    float: right;
}

.optionsSort .dropdown-toggle, .sortWishList {
    border: 0;
    background: 0 0;
}

.optionsSort .dropdown ul li:hover {
    border-left: 1px solid #4667ac;
}

.optionsSort .dropdown ul li {
    border-left: 1px solid transparent;
}

.optionsSort .dropdown ul {
    position: absolute;
    height: auto;
    z-index: 100;
    padding-left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 1px;
    padding-top: 10px;
}

.optionsSort .dropdown, .optionsSort .textShare, .shareList, .shareListIcons {
    float: left;
}

.textShare {
    padding: 0 5px;
}

.shareListIcons li {
    float: left;
    margin-right: 15px;
}

.shareListIcons li:first-child {
    margin-left: 5px;
}

.shareListIcons li a {
    font-size: 16px;
    color: #333;
}

.shareListIcons li a:hover {
    text-decoration: none;
    color: #5a5a5a;
}

.optionsSort ul {
    list-style: none;
    padding-left: 0;
}

ul#sortable {
    padding-left: 0;
}

ul#sortable > li {
    border-top: 1px solid #ccc;
    margin-bottom: 1px;
}

#sortable > li:active, #sortable > li:hover {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-box-shadow: 0 10px 6px -5px rgba(0, 0, 0, .2);
    box-shadow: 0 10px 6px -5px rgba(0, 0, 0, .2);
}

.containerWishListItem {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
    background: url(../images/background/op-w.png);
}

.containerImg-Social {
    height: 100%;
    width: 100%;
    position: relative;
    margin: auto;
}

.innerModalQuickLook .containerImg-Social.col-lg-4, .innerModalQuickLook .containerImg-Social.col-md-4 {
    height: 356px;
}

.imgCartItem, .imgWishListItem {
    position: relative;
    padding: 20px 0;
    margin: auto;
}

.containerWishListItem .imgWishListItem, .imgCartItem {
    height: 80%;
    width: 100%
}

.innerModalQuickLook .imgWishListItem {
    height: 90%;
    width: 100%;
    display: table;
}

.containerWishListItem .imgWishListItem img, .imgCartItem img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    position: relative;
    margin: auto;
}

.innerModalQuickLook .imgWishListItem img {
    display: table-cell;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.containerWishListItem .shareItem {
    height: 20%;
    width: 100%;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
}

.mainInfoColLeft .shareItem {
    padding: 0px;
}

.innerModalQuickLook .shareItem {
    height: 10%
}

.shareItem ul {
    padding-left: 0;
    list-style: none;
    overflow: auto;
}

.shareItem ul li {
    float: left;
    margin-right: 15px;
    border: none;
    height: 100%
}

.containerWishListItem .shareItem ul li a {
    text-decoration: none;
    font-size: 16px;
    color: #333;
}

.innerModalQuickLook .shareItem ul li a, .productGallery .shareItem ul li a {
    text-decoration: none;
    font-size: 18px;
    color: #333;
}

.shareItem ul li a:hover {
    text-decoration: none;
    color: #5a5a5a;
}

.containerWishListItem:active .sortIcon, .containerWishListItem:hover .sortIcon {
    visibility: visible;
}

.sortIcon .fa {
    font-size: 32px;
    color: #ccc;
    display: table-cell;
    vertical-align: middle;
}

.sortIcon.col-lg-1, .sortIcon.col-md-1, .sortIcon.col-sm-1, .sortIcon.col-xs-1 {
    visibility: hidden;
    display: table;
    width: 2%;
    padding: 0;
    position: absolute;
    height: 100%;
    float: left;
    text-align: center;
}

.shortInfoItemInfo.col-lg-3, .shortInfoItemInfo.col-lg-4, .stocInfo.col-lg-2 {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: auto;
    margin-top: auto;
}

.containerWishListItem .shortInfoItemInfo h3 {
    margin-top: 5px;
    margin-bottom: 5px;
}

.containerWishListItem .buttonCartWishList, .longItemInfo .buttonCartWishList, .productMainInfo .buttonCartWishList {
    display: block;
    margin-top: 15px;
}

.addToCartButtonWL #demo-input-container, .addToCartButtonWL .wrapInput, div.fake_form {
    display: inline-block;
}

@media screen and (min-width: 1438px) {
    .containerWishListItem .addToCartButtonWL, .longItemInfo .addToCartButtonWL {
        padding: 8px;
    }

    .addToCartButtonWL, .innerModalQuickLook .addToCartButtonWL, .productMainInfo .addToCartButtonWL {
        padding: 8px 15px;
    }

    .addToCartButtonWL, .productMainInfo .buttonCartWishList.perspective .addToCartButtonWL {
        padding: 0 0 0 15px;
    }

    .heavyCartBtn .addToCartButtonWL {
        padding: 17px 0 12px 15px;
    }

    .containerWishListItem .shortInfoItemInfo h2 {
        font-size: 16px;
    }

    .containerWishListItem .shortInfoItemInfo h3 {
        font-size: 14px;
    }

    .moreInfo h5, .stocInfo h5 {
        font-size: 16px;
    }

    .moreInfo p {
        font-size: 14px;
    }
}

@media screen and (max-width: 1437px) {
    .containerWishListItem .addToCartButtonWL, .longItemInfo .addToCartButtonWL {
        padding: 6px 8px;
    }

    .innerModalQuickLook .addToCartButtonWL {
        padding: 6px 10px;
    }

    .addToCartButtonWL, .productMainInfo .addToCartButtonWL {
        padding: 0 0 0 15px;
    }

    .containerWishListItem .shortInfoItemInfo h2 {
        font-size: 15px;
    }

    .containerWishListItem .shortInfoItemInfo h3 {
        font-size: 13px;
    }

    .moreInfo h5, .stocInfo h5 {
        font-size: 15px;
    }

    .moreInfo p {
        font-size: 13px;
    }
}

.addToCartButtonWL input[type=text], div.fake_form {
    background: #eee;
    line-height: 15px;
    border: 0;
    border-bottom: 1px dotted #888;
    color: #333;
}

.addToCartButtonWL input[type=text].inputted {
    color: red;
    border-bottom: 0;
    background: 0 0;
}

div.fake_form {
    visibility: collapse;
}

.skip, .slick-loading .slick-slide, .slick-loading .slick-track, caption {
    visibility: hidden;
}

p.wrapInput {
    margin: 0;
}

a.addToCartButtonWL:active, a.addToCartButtonWL:focus, a.addToCartButtonWL:hover {
    text-decoration: none;
    color: #fff;
}

a.addToCartButtonWL input:active {
    width: auto;
}

.containerWishListItem a.addToCartButtonWL input[type=text], .longItemInfo a.addToCartButtonWL input[type=text] {
    width: 20px;
}

.buttonCartWishList.perspective .addToCartButtonWL input[type=text], .innerModalQuickLook a.addToCartButtonWL input[type=text] {
    width: 25px;
}

.buttonCartWishList.perspective .addToCartButtonWL input[type=text] {
    padding: 5px 0;
}

a.addToCartButtonWL input[type=text] {
    text-align: center;
    border: none;
    background: url(../images/background/op-blue.png);
    color: #fff;
    font-size: 18px;
    box-shadow: inset 1px 0 9px 3px #A0C0F2;
    -webkit-box-shadow: inset 1px 0 9px 3px #A0C0F2;
    -moz-box-shadow: inset 1px 0 9px 3px #A0C0F2;
    -o-box-shadow: inset 1px 0 9px 3px #A0C0F2;
    margin-right: 5px;
}

a.addToCartButtonWL input[type=text]:-moz-placeholder, a.addToCartButtonWL input[type=text]:-ms-input-placeholder, a.addToCartButtonWL input[type=text]::-moz-placeholder, a.addToCartButtonWL input[type=text]::-webkit-input-placeholder {
    color: #fff;
    line-height: 1.3;
}

.priceWishListItem {
    font-size: 13px;
    font-weight: 700;
    color: #b12704;
    padding: 10px 0 5px;
}

.multipleOptions {
    color: #333;
    font-size: 14px;
    text-transform: lowercase;
    margin-top: 38px;
    cursor: pointer;
    width: 100%
}

.multipleOptions .showInfo {
    width: fit-content;
    height: auto;
    overflow: auto;
}

.showInfo .fa {
    margin-left: 5px;
    color: #939393;
}

.showPlusInfo {
    text-align: left;
}

.showPlusInfo p {
    font-size: 13px;
}

.containerWishListItem .stocInfo {
    padding-top: 20px;
    letter-spacing: 1px;
    text-align: center;
}

.stocInfo h5 {
    margin-top: 0;
    text-transform: capitalize;
}

.stocNumber {
    color: #333;
    font-size: 14px;
    text-transform: lowercase;
    padding-top: 10px;
}

.stocNumber span {
    font-size: 15px;
    padding-left: 5px;
}

.containerWishListItem .moreInfo {
    height: 100%;
    padding-top: 20px;
}

.longInfoShow .moreInfo.col-lg-3 {
    width: 27%
}

.moreInfo h5 {
    margin-top: 0;
    text-transform: capitalize;
}

.longItemInfo {
    height: 100%;
    display: none;
}

.productList ul li.longItem {
    width: 100%;
    float: left;
    padding-top: 30px;
    height: 230px;
    overflow: hidden;
    position: relative;
    padding-right: 5px;
    max-width: 100% !important;
}

.productList ul li.longItem .product .containerImageProduct {
    width: 23%;
    float: left;
}

.longInfoShow.col-lg-6 {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: auto;
    margin-top: auto;
    max-height: 100%;
    float: left;
}

.longInfoShow h2 {
    font-size: 18px;
    text-transform: capitalize;
}

.longInfoShow h3 {
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.productList ul li .product .longInfoShow .stars img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    position: relative;
    margin: auto;
}

.listInfoItem {
    width: fit-content;
    height: auto;
    margin-top: 15px;
}

.listInfoItem ul {
    list-style: none;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: auto;
    float: left;
    margin-right: 15px;
}

.listInfoItem ul li {
    float: none;
    font-size: 13px;
}

.priceStocInfo.col-lg-3, .priceStocInfo.col-md-3 {
    float: right;
    width: 21%
}

.priceStocInfo {
    padding-top: 2%;
    height: 100%
}

.buttonCartWishList .addToCartButtonWL {
    color: #fff;
}

.productList ul li.longItem .product .containerImageProduct {
    height: 100%
}

.longItem {
    max-width: auto !important;
}

.productList ul li.longItem .product .buttonCartWishList {
    position: absolute;
    bottom: 30px;
}

.priceStocInfo .stocInfo {
    position: relative;
}

@media screen and (min-width: 992px) {
    .fixedModalQuickLook {
        min-height: 400px;
    }

    .innerModalQuickLook .moreInfo.col-lg-3, .innerModalQuickLook .moreInfo.col-md-3 {
        width: 30%
    }

    .innerModalQuickLook .stocInfo.col-lg-2 {
        width: 11.666667%
    }

    .shortInfoItemInfo.col-lg-3, .shortInfoItemInfo.col-lg-4, .stocInfo.col-lg-2 {
        height: 100%
    }

    .multipleOptions, .stocInfo h5, .stocNumber {
        text-align: center;
    }

    .priceQuikLookItem {
        padding-top: 21%;
        padding-bottom: 8%
    }

    .containerImg-Social.col-lg-3, .containerImg-Social.col-md-3 {
        width: 21%;
        padding-left: 10px;
    }

    .containerImg-Social.col-md-4, containerImg-Social.col-lg-4 {
        padding-left: 10px;
        height: 100%
    }

    ul#sortable > li {
        height: 205px;
    }

    ul#sortable > li.cartList {
        height: 170px;
    }
}

@media screen and (max-width: 991px) {
    .fixedModalQuickLook {
        height: 500px;
        overflow-y: scroll;
    }

    .innerModalQuickLook .shortInfoItemInfo, .innerModalQuickLook .stocInfo {
        height: auto;
        padding-top: 30px !important;
        padding-bottom: 15px;
    }

    .priceQuikLookItem {
        padding-top: 15px;
        padding-bottom: 30px;
    }

    .stocInfo {
        clear: left;
    }

    .wishListItemsContainer .shortInfoItemInfo.col-sm-6, .wishListItemsContainer .shortInfoItemInfo.col-xs-6 {
        padding-top: 0;
    }

    ul#sortable > li {
        height: 205px;
    }

    .hOrdersPage ul#sortable > li.cartList {
        height: 170px;
    }
}

.cartPage ul#sortable > li.cartList, .wishListPage ul#sortable > li.cartList {
    min-height: 170px;
    overflow: hidden;
    background: url(../images/background/op-w.png);
}

.cartPage .wishListItemsContainer .containerImg-Social {
    height: 170px;
}

@media screen and (max-width: 475px) {
    .wishListItemsContainer .containerImg-Social.col-xs-5 {
        width: 80%
    }

    .sortIcon.col-xs-1 {
        width: 20%;
        height: 100%;
        position: absolute;
        bottom: 45%
    }

    .wishListItemsContainer .shortInfoItemInfo.col-xs-6 {
        width: 80%;
        float: right;
    }

    ul#sortable > li {
        height: auto;
    }

    .wishListItemsContainer .buttonCartWishList {
        padding-bottom: 30px;
    }
}

.fixedModalQuickLook {
    width: 90%;
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    top: 15%;
    padding: 20px;
    position: fixed;
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -o-animation: fadein .5s;
    animation: fadein .5s;
    background: #FEFEFE;
    border: 2px solid #E2E2E2;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    z-index: 99999999;
}

.innerModalQuickLook .buttonCartWishList, .showPlusInfo {
    position: absolute;
}

.fixedModalQuickLook::-webkit-scrollbar {
    width: 10px;
}

.fixedModalQuickLook::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fixedModalQuickLook::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
}

.fixedModalQuickLook::-webkit-scrollbar-button {
    background-color: #a9a9a9;
    height: 10px;
}

.fixedModalQuickLook::-webkit-scrollbar-button:vertical:increment {
    background: url(../images/icon/arrow-down.png) no-repeat;
    padding-bottom: 3px;
}

.fixedModalQuickLook::-webkit-scrollbar-button:vertical:decrement {
    padding-top: 3px;
    background: url(../images/icon/arrow-up.png) no-repeat;
}

.innerModalQuickLook {
    height: 100%;
    line-height: 1.5;
}

.fixedModalQuickLook a.close-quick-look {
    display: block;
    float: right;
    height: 13px;
    margin-top: 5px;
    position: absolute;
    right: 15px;
    width: 53px;
    z-index: 990099;
    color: #565656;
}

.fixedModalQuickLook a.close-quick-look:hover {
    text-decoration: none;
    color: #565656;
}

@media screen and (max-width: 767px) {
    .innerModalQuickLook .shortInfoItemInfo, .stocInfo.col-xs-12 {
        text-align: center;
    }

    .innerModalQuickLook .buttonCartWishList, .longItemInfo .buttonCartWishList, .productMainInfo .buttonCartWishList {
        text-align: center;
        left: 0;
        right: 0;
    }

    .innerModalQuickLook .stars {
        margin-top: 40px;
    }
}

.innerModalQuickLook .shortInfoItemInfo h2 a {
    font-size: 23px;
    line-height: 1.3;
    color: #333;
}

.innerModalQuickLook .shortInfoItemInfo h2 a:hover {
    color: #727272;
    text-decoration: none;
}

.innerModalQuickLook .shortInfoItemInfo h3 {
    font-size: 18px;
    line-height: 1.3;
}

.priceQuikLookItem {
    font-size: 23px;
    color: #333;
    letter-spacing: 1px;
}

.innerModalQuickLook .stocInfo {
    padding-top: 30px;
    letter-spacing: 1px;
}

.innerModalQuickLook .moreInfo {
    padding-top: 14px;
}

.innerModalQuickLook .listInfoItem {
    width: 100%;
    overflow: auto;
}

.innerModalQuickLook .listInfoItem ul {
    padding-left: 0;
    float: left;
}

.containerWishListItem .stocInfo div.showPlusInfo {
    z-index: 9090;
}

.show .showPlusInfo {
    display: block;
}

.showPlusInfo {
    display: none;
    border: 1px solid #ccc;
    width: 200px;
    height: auto;
    color: #222;
    padding: 15px;
    background: #fff;
    z-index: 9090;
}

.showPlusInfo h6 {
    font-size: 14px;
}

.color {
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 3px;
    margin-bottom: 3px;
}

.cyan {
    background: #0FF;
}

.azure {
    background: #007FFF;
}

.skyBlue {
    background: #87CEEB;
}

.phthaloBlue {
    background: #000f89;
}

.sapphire {
    background: #0F52BA;
}

.apricot {
    background: #FBCEB1;
}

.jasmine {
    background: #F8DE7E;
}

.gold {
    background: gold;
}

.chartreuse {
    background: #DFFF00;
}

.wrapperProductPage {
    position: relative;
    display: block;
    overflow: auto;
    margin-top: 70px;
}

.productInformation {
    height: 100% !important;
    overflow: hidden !important;
}

.productGallery, .productInformation {
    position: relative;
    display: block;
    height: auto;
    overflow: auto;
}

.galleryImage, .galleryImage.openSmallImg {
    height: auto;
    position: relative;
    display: block;
    float: left;
}

.galleryImage.col-lg-2 {
    padding-left: 0;
}

.galleryImage.col-lg-2, .galleryImage.col-md-2, .galleryImage.col-sm-2, .galleryImage.col-xs-2 {
    width: 19%
}

.galleryImage .smallImage, .galleryImage.openSmallImg .smallImage {
    float: none;
    margin-bottom: 10px;
    display: inline-block;
    position: relative;
}

.galleryImage .slick-slide, .galleryImage .slick-track {
    width: 100% !important;
}

@media screen and (min-width: 1466px) {
    .galleryImage .smallImage {
        height: 140px;
        width: 100%
    }
}

@media screen and (max-width: 1465px) {
    .galleryImage .smallImage {
        height: 75px;
        width: 100%
    }
}

@media screen and (max-width: 1384px) {
    .galleryImage .smallImage {
        height: 65px;
        width: 100%
    }
}

@media screen and (max-width: 991px) {
    .galleryImage .smallImage {
        height: 70px;
        width: 100%
    }
}

.smallImage img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.currentImage, .openBigImg {
    display: block;
    position: relative;
    float: left;
    margin-bottom: 15px;
}

.galleryImage .slick-list, .galleryImage.openSmallImg .slick-list {
    padding: 0 !important;
}

.currentImage.openBigImg, .openBigImg {
    position: relative;
    height: 100%;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.currentImage.col-lg-10, .currentImage.col-md-10, .currentImage.col-sm-10, .currentImage.col-xs-10 {
    width: 95%;
    padding-left: 0;
    padding-right: 0;
}

.currentImage.openBigImg .slick-list, .openBigImg .slick-list {
    position: relative;
    display: inline-flex;
    margin: auto;
    height: 100%;
    width: 100%
}

.currentImage .slick-track {
    position: relative;
    height: 400px !important;
    width: 100% !important;
}

.currentImage.openBigImg .slick-track, .openBigImg .slick-track {
    position: relative;
    max-height: 500px !important;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.big3Images img {
    max-height: 100%;
    max-width: 100%;
    bottom: 0;
    right: 0;
}

.currentImage .slick-slide, .openBigImg .slick-slide {
    height: 100% !important;
    position: absolute !important;
    left: 0 !important;
    margin: auto;
}

.bigImage.slick-active {
    position: absolute !important;
    left: 0 !important;
    width: 100% !important;
}

.bigImage img {
    position: absolute;
    transition: top 1s ease-out 0s;
}

.buttonsZoom {
    position: absolute;
    bottom: 1%;
    width: 270px;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.buttonsZoom .fa {
    font-size: 2em;
}

.buttonsZoom button {
    border: none;
    background: 0 0;
}

.buttonsZoom button, .buttonsZoom input {
    float: left;
}

.buttonsZoom input[type=range] {
    display: block;
    width: 150px;
}

input[type=range] {
    -webkit-appearance: none;
    margin-top: .6em;
}

input[type=range]:focus {
    outline: 0;
}

input[type=range]::-webkit-slider-runnable-track {
    height: .6em;
    cursor: pointer;
    animate: .2s;
    background: #888;
    border-radius: 1.3px;
}

input[type=range]::-webkit-slider-thumb {
    height: 2em;
    width: 1em;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -9px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #888;
}

input[type=range]::-moz-range-track {
    height: 8px;
    cursor: pointer;
    animate: .2s;
    background: #888;
    border-radius: 1.3px;
}

input[type=range]::-moz-range-thumb {
    height: 2em;
    width: 1em;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

input[type=range]::-ms-track {
    height: 2em;
    width: 1em;
    cursor: pointer;
    animate: .2s;
    background: 0 0;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #888;
    border-radius: 2.6px;
}

input[type=range]::-ms-fill-upper {
    background: #888;
    border-radius: 2.6px;
}

input[type=range]::-ms-thumb {
    height: 2em;
    width: 1em;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
    background: #888;
}

input[type=range]:focus::-ms-fill-upper {
    background: #888;
}

.productMainInfo {
    height: 100%;
    width: 100%;
    position: relative;
    display: block;
}

.productInformation h1 {
    margin-top: 0;
    font-size: 22px;
}

.stockProductPage {
    margin-bottom: 20px;
}

.productMainInfo .price, .stockProductPage p {
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 1px;
    color: #333;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-family: Glegoo, Georgia, serif;
}

.productMainInfo .price span {
    font-size: 18px;
    color: #a80000;
}

.buttonsSection {
    position: relative;
    width: 100%;
    height: 40px;
    display: table;
}

.buttonsSection .buttonProduct {
    height: 100%;
    float: left;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-transform: capitalize;
    background: url(../images/background/gplay.png);
    background-color: rgba(0, 0, 0, .47);
    box-shadow: 2px 2px 8px #bbb;
    cursor: pointer;
}

.buttonsSection .buttonProduct a {
    color: #fff;
    line-height: 2.5;
    font-weight: 700;
}

.buttonsSection .buttonProduct a:hover {
    text-decoration: none;
}

.productInformation .multipleOptions {
    float: left;
    text-align: left;
    margin-top: 0;
    margin-bottom: 38%
}

.longItemInfo .buttonCartWishList, .productMainInfo .buttonCartWishList {
    position: relative;
    clear: both;
    z-index: 30;
}

.addToCartBtnShop .addToCartButtonWL, .longItemInfo .buttonCartWishList .perspective .addToCartButtonWL, .productMainInfo .buttonCartWishList.perspective .addToCartButtonWL {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border-radius: 3px;
    background-image: url(../images/background/gplay.png);
    background-repeat: repeat;
    -webkit-transform: rotateX(5deg);
    -moz-transform: rotateX(5deg);
    -ms-transform: rotateX(5deg);
    transform: rotateX(5deg);
    border: 1px solid #bebebe;
    border-bottom: 3px solid #ccc;
    background-color: #bebebe;
}

.longItemInfo a.addToCartButtonWL input[type=text], .productMainInfo a.addToCartButtonWL input[type=text] {
    background: url(../images/background/op-w-72.png);
    color: #333;
    font-size: 18px;
    box-shadow: inset 1px 0 9px 3px #ccc;
    -webkit-box-shadow: inset 1px 0 9px 3px #ccc;
    -moz-box-shadow: inset 1px 0 9px 3px #ccc;
    -o-box-shadow: inset 1px 0 9px 3px #ccc;
}

.longItemInfo a.addToCartButtonWL input[type=text]:-moz-placeholder, .longItemInfo a.addToCartButtonWL input[type=text]:-ms-input-placeholder, .longItemInfo a.addToCartButtonWL input[type=text]::-moz-placeholder, .longItemInfo a.addToCartButtonWL input[type=text]::-webkit-input-placeholder, .productMainInfo a.addToCartButtonWL input[type=text]:-moz-placeholder, .productMainInfo a.addToCartButtonWL input[type=text]:-ms-input-placeholder, .productMainInfo a.addToCartButtonWL input[type=text]::-moz-placeholder, .productMainInfo a.addToCartButtonWL input[type=text]::-webkit-input-placeholder {
    color: #111;
}

.longItemInfo a.addToCartButtonWL .wrapInput input[type=text], .productMainInfo a.addToCartButtonWL .wrapInput input[type=text] {
    width: 30px;
    font-size: 14px;
    padding: 7px 2px;
}

.longItemInfo .buttonCartWishList.perspective .addToCartButtonWL:after, .productMainInfo .buttonCartWishList.perspective .addToCartButtonWL:after {
    left: 0;
    top: 100%;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotateX(-95deg);
    -moz-transform-origin: 0 0;
    -moz-transform: rotateX(-95deg);
    -ms-transform-origin: 0 0;
    -ms-transform: rotateX(-95deg);
    transform-origin: 0 0;
    transform: rotateX(-95deg);
}

.longItemInfo .buttonCartWishList.perspective .addToCartButtonWL:active, .productMainInfo .buttonCartWishList.perspective .addToCartButtonWL:active {
    border-bottom: 0;
    margin-top: 3px;
}

.longItemInfo .buttonCartWishList.perspective .addToCartButtonWL img, .productMainInfo .buttonCartWishList.perspective .addToCartButtonWL img {
    display: inline-block;
    padding-bottom: 3px;
}

.heavyCartBtn .addToCartButtonWL {
    border-radius: 5px;
}

.heavyCartBtn.buttonCartWishList span {
    height: 100%;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom-left-radius: 40%;
    border-top-left-radius: 40%;
    background: #1d5bbe;
    padding-left: 5px;
    margin-top: 14px;
    margin-bottom: -25px;
}

.heavyCartBtn span.buy {
    clear: both;
    display: block !important;
    font-size: 13px;
    margin-bottom: -10px;
}

.productMainInfo .mainInfoColLeft, .productMainInfo .mainInfoColRight {
    position: relative;
    display: block;
    float: left;
}

.mainInfoColRight {
    overflow-y: scroll;
    height: 100% !important;
}

.completeInfoProduct {
    margin-top: 30px;
    position: relative;
    display: block;
}

.completeInfoProduct h3 {
    font-size: 23px;
    margin-bottom: 20px;
}

.view_wrap {
    padding-bottom: 30px;
    color: inherit;
}

.attrWrapper, .cstWrapper {
    position: relative;
    float: left;
    width: 50%;
    padding-right: 15px;
}

.view_wrap ul {
    list-style: none;
    padding-left: 0;
}

table {
    width: 100%;
    font-family: Raleway, sans-serif;
    border-collapse: collapse;
    border-spacing: 0;
}

.spec_table {
    width: 100%;
    margin-bottom: 13px;
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}

.skip, caption {
    position: absolute;
    left: -5000px;
    top: 0;
    overflow: hidden;
    line-height: .1%;
    font-size: .1%;
    width: .1%;
    height: .1%
}

.big3Images, .slick-list, .slick-slider, .slick-track {
    position: relative;
}

td, th {
    font: 13px/1.5;
    color: #767676;
    vertical-align: middle;
}

.spec_table th {
    padding: 5px 0;
    text-align: center;
    font-weight: 600;
    color: #000;
    background: #f4f4f4;
    letter-spacing: .1px;
}

.spec_table td, .spec_table th {
    font-size: 12px;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
}

.spec_table td {
    border: 1px solid #dbdbdb;
    padding: 7px 11px;
    text-align: left;
    color: #373737;
    background-color: rgba(255, 255, 255, 0.43);
}

.delivery_info {
    padding-top: 7px;
}

.productGallery {
    padding: 0 !important;
    margin-bottom: 30px;
    background-color: rgba(200, 200, 200, 0.60);
    border-style: solid;
    border-width: thin;
    border-color: rgba(0, 0, 0, 0.16);
    height: 100% !important;
}

.productMainInfo .first {
    width: 100%;
    height: 3px;
    position: relative;
    display: block;
    border-top: 1px solid #d7d7d7;
    margin: 20px 0;
}

.productMainInfo .stars {
    margin-top: 15px;
}

.slick-slider {
    display: block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list.dragging {
    cursor: hand;
}

#editDetails span, #saveDetails, .select_arrow {
    cursor: pointer;
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0) !important;
    -moz-transform: translate3d(0, 0, 0) !important;
    -ms-transform: translate3d(0, 0, 0) !important;
    -o-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    width: 90%;
    margin: auto;
}

.slick-track {
    top: 0;
    left: 0;
    display: block;
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.textBigImage {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.textBigImage h5 {
    font-family: Raleway, sans-serif;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
}

.big3Images {
    display: table;
    height: 700px;
    width: 100%
}

.big3Images .halfImage, .big3Images .tallImage {
    float: left;
    border: 1px solid #ccc;
    display: table-cell;
    position: relative;
}

@media screen and (min-width: 992px) {
    .big3Images .halfImage.col-lg-6, .big3Images .halfImage.col-md-6, .big3Images .tallImage.col-lg-6, .big3Images .tallImage.col-md-6 {
        width: 49%
    }

    .big3Images .tallImage {
        height: 100%
    }

    .big3Images .halfImage {
        margin-left: 2%
    }
}

@media screen and (max-width: 991px) {
    .big3Images .halfImage.col-sm-6, .big3Images .halfImage.col-xs-6 {
        width: 49%
    }

    .big3Images .tallImage.col-sm-12, .big3Images .tallImage.col-xs-12 {
        width: 100%;
        clear: both;
    }

    .big3Images .tallImage {
        height: 49%;
        margin-bottom: 1%
    }

    .big3Images .halfImage:last-child {
        margin-left: 2%
    }
}

.big3Images .halfImage {
    height: 48%;
    margin-bottom: 2.3%
}

.big3Images img {
    position: absolute;
    margin: auto;
    left: 0;
    top: 0;
}

button.imgCart {
    border: none;
}

.addToCartBtnShop button.imgCart {
    position: relative;
    height: 100%;
    width: 52px;
    float: right;
}

.addToCartBtnShop .addToCartButtonWL {
    width: 98px;
    height: 40px;
    padding: 0;
}

.addToCartBtnShop .inputCT {
    margin-top: 5px;
    margin-left: 12px;
}

.addToCartBtnShop .buttonCartWishList {
    bottom: 0 !important;
}

.addToCartBtnShop {
    position: relative;
    height: 60px;
    width: 100%
}

.imgCart {
    display: inline-block;
    padding-right: 15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: inherit;
    z-index: 1;
    background: #00c71e;
    border-bottom-left-radius: 19px;
}

.inputCT, .semicircle {
    height: 100%;
    display: inline-block;
}

.semicircle {
    background: url(../images/background/semicircle1.png) left no-repeat;
    width: 15px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 42%;
    z-index: 2;
}

.inputCT {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.openImg {
    display: none;
    background: url(../images/background/op-w-72.png);
    width: 100%;
    height: 100%;
    z-index: 99999999;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    padding: 20px;
    position: fixed;
    border: 1px solid #a4a4a4;
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -o-animation: fadein .5s;
    animation: fadein .5s;
}

.openImg .bigImage {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.openImg .galleryImage {
    margin-top: 5%
}

.openImg .photoCollection, .productInfo {
    height: 100%
}

@media screen and (max-width: 991px) {
    .moveSM {
        height: auto;
        width: 50%;
        float: left;
    }

    .moveSM .buttonCartWishList .addToCartButtonWL, .moveSM .price {
        float: right;
        margin-right: 20%
    }

    .moveSM .price {
        margin-top: 15%
    }
}

.moveSm {
    margin-bottom: 10%;
}

.openImg .close-pr {
    position: absolute;
    display: block;
    float: right;
    z-index: 9999;
    color: #333;
    right: 1%;
    top: 0;
    font-size: 3em;
}

.openSmallImg .slick-track {
    margin-right: 0;
    width: 100% !important;
}

@media screen and (min-width: 768px) {
    .galleryImage.openSmallImg .smallImage {
        width: 75px !important;
        height: 75px;
    }
}

@media screen and (min-width: 1307px) {
    .galleryImage.openSmallImg .smallImage {
        margin-right: 5px;
    }
}

.account_holder {
    display: inline-block;
    vertical-align: top;
    width: 754px;
    border-radius: 0 8px 8px 0;
    background: url(../images/background/gplay.png) #fff;
    min-height: 500px;
    padding: 20px 27px;
    font-size: 12px;
}

.account_address_arrow, .account_company_arrow, .select_arrow {
    background-image: url(../images/icon/arrow-select.png);
}

.account_address_arrow.open, .account_company_arrow.open {
    background-position: -56px -74px;
}

.account_box {
    position: relative;
    display: table;
    width: 100%;
    border: 1px solid #d8d8d8;
    padding: 20px 20px 0;
    overflow: auto;
}

.account_details, .account_details_image {
    display: inline-block;
    vertical-align: top;
}

.account_details td {
    color: #333;
    font-size: 14px;
    padding: 3px;
    letter-spacing: .5px;
}

#editDetails, #saveDetails {
    color: #005596;
    font-size: 12px;
}

.account_details td:first-child {
    padding-right: 20px;
    width: 20%;
    white-space: nowrap;
    font-weight: 400;
}

.account_details_image {
    width: 100px;
    font-size: 12px;
}

.account_details_image .image_holder {
    width: 98px;
    height: 98px;
    border: 1px solid #e9e4e0;
    padding: 1px;
    cursor: pointer;
}

.account_details_image .image_holder img {
    width: 98px;
    height: 98px;
}

.account_details {
    width: 600px;
    text-align: left;
    border: 1px solid #e8eff8;
}

.account_details.email_security_details, .account_details.password_security_details {
    border: none;
}

.account_details.info {
    display: table;
    border: none;
}

.account_details_addresses {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: left;
}

.account_details table {
    width: 99%;
    margin-bottom: 30px;
}

.addTable.odd tr {
    background-color: #FFF !important;
}

table.account_edit label {
    display: inline-block;
    width: 125px;
    vertical-align: top;
    margin-top: 5px;
    float: left;
}

.account_edit input {
    height: 23px;
}

table.account_edit .select_field, table.account_edit input, table.account_edit select {
    font-weight: 400 !important;
    border: 1px solid #e8eff8;
}

table.account_edit tr td {
    vertical-align: top;
}

#editDetails {
    text-align: right;
    padding: 8px 0 0;
}

#saveDetails > span:first-child {
    text-align: left;
    padding-left: 2%
}

#saveDetails {
    text-align: right;
    padding: 8px 17px 0 0;
}

#addressAdd input[type=text], #detailsForm input[type=text] {
    width: 450px;
    height: 15px;
    border: 1px solid #c2c2c2;
    padding: 4px;
    color: #000;
}

span.input_holder input.disabled {
    background-color: #e5e5e5 !important;
    color: #7f7f7f !important;
}

.postcode {
    width: 180px !important;
}

.select_field.address {
    width: 165px;
}

.select_field.address span {
    display: inline-block;
    overflow: hidden;
    padding-right: 10px;
    white-space: nowrap;
    width: 140px;
}

.select_field span, .spacer {
    display: block;
    overflow: hidden;
}

.select_field.address select {
    width: 173px;
}

.select_field.details, .select_field.details select {
    width: 100%
}

.select_field {
    height: 23px;
    border: 1px solid #c2c2c2;
    position: relative;
    padding: 4px;
    color: #000;
    background-color: #FFF;
}

.account_company, .addressView {
    border: 1px solid #e8eff8;
    background-color: #f2f7fc;
}

.select_field select {
    height: 23px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.select_field span {
    width: 93%;
    height: 14px;
    white-space: nowrap;
}

.select_field.error_border span {
    width: 85%
}

.select_arrow {
    position: absolute;
    right: 5px;
    top: 10px;
    width: 10px;
    height: 5px;
    opacity: .5;
}

tr .impStar {
    font-size: 20px;
}

.impStar {
    color: #d34836;
    font-size: 14px;
}

.spacer {
    clear: both;
    float: none;
    height: 10px;
    line-height: 0;
}

.deleteAddress, .editAddress {
    display: inline-block;
    font-weight: 400;
    cursor: pointer;
}

.addressView {
    height: 15px;
    padding: 7px 10px;
    font-size: 12px;
    position: relative;
    color: #3a3a3a;
}

.account_address_edit {
    position: absolute;
    right: 25px;
    top: 7px;
    font-size: 12px;
    color: #005596;
    cursor: pointer;
    font-weight: 400;
}

.account_address_arrow {
    position: absolute;
    right: 5px;
    top: 12px;
    width: 12px;
    height: 5px;
    cursor: pointer;
}

.account_addresses_title {
    font-size: 15px;
    color: #000;
    padding: 20px 0 15px;
}

.account_address_add_form .account_addresses_title {
    padding: 15px 0 15px 20px;
    font-size: 14px;
}

#addCompanyForm .add_company_title {
    font-size: 14px;
}

.editAddress {
    font-size: 12px;
    color: #005596;
}

.deleteAddress {
    font-size: 11px;
    color: #f42c00;
    margin-top: 65px;
}

.account_address_add {
    font-size: 12px;
    color: #005596;
    font-weight: 400;
}

span.account_address_add {
    cursor: pointer;
}

.account_companies_title {
    font-size: 15px;
    color: #000;
    padding-bottom: 15px;
    text-align: left;
}

.account_company {
    height: 15px;
    padding: 7px 10px;
    font-size: 12px;
    position: relative;
    color: #5b5b5b;
}

.account_company_edit {
    position: absolute;
    right: 25px;
    top: 7px;
    font-size: 12px;
    color: #005596;
    cursor: pointer;
    font-weight: 400;
}

.account_company_add {
    font-size: 12px;
    color: #005596;
    padding: 15px 0 0;
    font-weight: 400;
}

span.account_company_add {
    cursor: pointer;
}

.add_company_form_holder {
    margin-bottom: 10px;
    display: none;
}

.account_company_arrow {
    position: absolute;
    right: 5px;
    top: 12px;
    width: 10px;
    height: 5px;
    cursor: pointer;
}

#account_address_save {
    text-align: right;
    font-size: 11px;
    color: #005596;
    cursor: pointer;
    padding: 8px 17px 0 0;
}

#addressAdd label, .account_edit label, .editAddressForm label {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    vertical-align: middle;
}

#addressAdd table td {
    padding: 3px 20px;
}

.address_action {
    font-size: 12px;
    cursor: pointer;
    font-weight: 400;
    display: inline-block;
}

.delete_address {
    color: #f42c00;
    float: right;
    margin-right: 10px;
}

.cancel_address {
    color: #b0afaf;
    float: left;
}

.save_address {
    color: #005596;
    float: right;
}

.editAddressForm tr {
    background-color: transparent !important;
}

.editAddressForm td:first-child {
    padding-left: 20px;
}

table.client_info .select_field, table.client_info .select_field option, table.client_info input, table.client_info span.input_holder {
    width: 100%
}

.account_address_add_form {
    display: none;
}

.add_company_title, .company_action, .input_holder, .save_company {
    display: inline-block;
}

.editAddressForm input[type=text] {
    color: #000;
    height: 15px;
    padding: 4px;
    width: 367px;
}

.editAddressForm .postcode {
    width: 131px !important;
}

.editAddressForm .select_field, .editAddressForm select {
    width: 150px;
}

.default_address {
    font-weight: 700;
    position: relative;
    top: -2px;
    left: 5px;
}

.add_company_title {
    font-size: 15px;
    color: #000;
    margin: 10px 17px;
}

#addCompanyForm input[type=text] {
    color: #000;
    height: 23px;
    padding: 4px;
    width: 440px;
    margin-bottom: 1px;
}

#addCompanyForm .select_field {
    width: 190px;
    margin-bottom: 1px;
}

#addCompanyForm .postcode {
    width: 190px;
}

.save_company {
    color: #005596;
    cursor: pointer;
    font-size: 11px;
    float: right;
    margin-right: 20px;
}

.cancel_add, .cancel_new_address {
    float: left;
    color: #b0afaf;
}

.cancel_add {
    margin-left: 17px;
}

.company_action {
    font-size: 12px;
    cursor: pointer;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 4px;
    margin-right: 10px;
}

.delete_company {
    color: #f42c00;
    float: right;
}

.cancel_company {
    color: #b0afaf;
    float: left;
}

.account_company_save, .save_new_address {
    color: #005596;
    float: right;
}

.btns div {
    cursor: pointer;
}

#editCompanyForm input[type=text] {
    color: #000;
    font-weight: 700;
    height: 15px;
    padding: 4px;
    width: 429px;
}

#addCompanyForm td {
    padding: 2px;
}

.input_holder {
    /*margin: 0 5px;*/
    position: relative;
    vertical-align: middle;
}

.big-box {
    margin-bottom: 13px;
    padding: 7px;
    border: 1px solid #C3C4C5;
    border-bottom-width: 2px;
    border-top: 1px solid #D9DDE5;
    background: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

input.styled {
    display: none;
}

select.styled {
    position: relative;
    opacity: 0;
    filter: alpha(opacity=0);
    z-index: 5;
}

.select_field.minSelect {
    width: 50px !important;
    display: inline-block;
    vertical-align: middle;
}

table.spec_table th.emptyTh {
    font-size: 16px;
    color: #767676;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    background: 0 0;
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    text-transform: uppercase;
}

table.spec_table th {
    float: none;
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}

table.spec_table {
    border: none;
}

.accountMenu.col-lg-2 {
    background: rgba(196, 204, 216, .69);
    width: 15.666667%;
    padding-right: 0;
    margin-right: 1%
}

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

.underlineInput {
    display: table-cell;
    vertical-align: middle;
    padding-top: 8px;
    margin: auto;
}

.underlineInput form {
    margin: 10px 0;
    padding-right: 15px;
}

select.attributeProductSelect, select.pageSelect {
    text-transform: lowercase;
    max-width: 150px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    padding: 7px 0;
    margin-bottom: 0;
}

.paginationSN {
    float: right;
}

.paginationSN, .paginationSN ul {
    display: flex;
}

.paginationSN ul li {
    cursor: default;
    color: grey;
    float: left;
    display: block;
    margin-left: .75em;
}

.paginationSN ul li a, .paginationSN ul li a:active, .paginationSN ul li a:focus {
    display: block;
    color: grey;
    text-decoration: none;
    border: 1px solid #b8b8b8;
}

.modify, .subtotal {
    color: #428bca;
    letter-spacing: .5px;
}

.insertQty {
    position: relative;
    height: 32px;
    margin-top: 30px;
}

.editCell, .indexSelect, .showAllColumns .dropdown-toggle, .underlineInput input[type=text], select.attributeProductSelect, select.focusSelect, select.form-control, select.pageSelect, textarea {
    border: none;
    border-bottom: solid 2px #c9c9c9;
    transition: border .3s;
}

.action_table:hover .indexSelect, .selector:focus .indexSelect, .selector:hover .indexSelect, .showAllColumns a.dropdown-toggle:focus, .underlineInput input[type=text].focus, .underlineInput input[type=text]:focus, input[type=text].editCell:focus, select.attributeProductSelect:focus, select.focusSelect:focus, select.form-control:focus, select.pageSelect:focus, textarea:focus {
    border-bottom: solid 2px #969696;
    outline: 0;
}

.qtyCart {
    width: 50px;
}

.totalCartInfo, input.infoDelivery[type=text] {
    position: relative;
    width: 100%
}

.account_holder .underlineInput input[type=text], .infoDelivery {
    padding: 5px;
    background: url(../images/background/absurdity.png);
    border-radius: 5px;
    margin-left: 5px;
}

.deleteBtn button, .modify {
    border: none;
    outline: 0;
    background: 0 0;
}

.account_holder .underlineInput input[type=text], .qtyCart, .account_holder .selector {
    position: relative;
    font-size: 16px;
    height: inherit;
    margin: 0 5px;
}

.insertQty > span, .insertQty > span > i {
    position: relative;
    height: inherit;
    vertical-align: sub;
}

.insertQty .fa {
    font-size: 18px;
}

.cartList .moreInfo {
    position: relative;
    display: table;
    vertical-align: middle;
}

.totalCartInfo {
    display: block;
    overflow: hidden;
    font-size: 15px;
}

.deleteBtn .fa, .subtotal {
    font-size: 18px;
}

.totalCartInfo > div {
    float: right;
}

.modify {
    position: absolute;
    clear: both;
    padding-left: 25px;
}

.transport {
    text-transform: uppercase;
}

.deleteBtn {
    position: absolute;
    display: block;
    width: 30px;
    height: 24px;
    right: 5px;
    top: 5px;
}

.client.underlineInput, .deliveryInfo, .deliveryType, .invoice, .productsInvoice {
    width: 100%;
    position: relative;
}

.deleteBtn .fa {
    color: #333;
}

.deliveryInfo {
    display: block;
    overflow: hidden;
}

.titleDelivery {
    font-size: 26px;
    letter-spacing: .5px;
    color: #333;
    margin-top: 30px;
}

.newClientBtn, button.continue, button.delete {
    border: 2px solid #333;
    letter-spacing: .8px;
    position: relative;
    font-size: 16px;
    outline: 0;
}

.personType {
    margin-bottom: 30px;
    margin-left: 5px;
}

.personType input[type=checkbox]:first-child {
    margin-left: 0;
}

.personType input[type=checkbox] {
    margin-right: 5px;
    margin-left: 15px;
}

button.continue {
    background: 0 0;
    color: #333;
}

button.newClientBtn {
    padding: 3px 13.5%
}

.newClientBtn {
    padding: 3px 17px;
    margin: 10px 0;
    background: 0 0;
    color: #333;
    font-weight: 400;
}

button.delete {
    background: #333;
    color: #fff;
}

button.continue, button.delete {
    padding: 5px 10px;
    text-transform: uppercase;
    float: right;
    margin-bottom: 30px;
}

.displayCompanyInfo {
    width: 80%;
}

.client.underlineInput {
    display: block;
    overflow: hidden;
}

.deliveryType {
    height: auto;
}

.invoice, .productsInvoice {
    display: block;
    overflow: hidden;
}

@media screen and (max-width: 650px) {
    .table-responsive {
        position: relative;
        overflow-x: hidden;
    }

    .account_box, .account_box table, table.centered, tbody, td, tr {
        display: block;
    }

    .editProfileAccordion {
        width: 100% !important;
    }

    .editCompanyValues td {
        float: left;
    }
}

.invoiceProductInfo, .invoiceProductPrice {
    float: left;
    width: 50%;
    margin-top: 20px;
}

.introInfo, .productsInvoiceList {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.invoiceProductPrice p {
    float: right;
}

.productsInvoiceList {
    display: block;
}

.productsInvoiceList h2, .productsInvoiceList h3 {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    margin-top: 0;
}

.productsInvoiceList h3 {
    font-size: 14px;
}

.totalInvoice .stocInfo {
    padding-right: 0;
}

.totalInvoice .stocInfo p {
    float: right;
    clear: both;
}

.totalInvoice .subtotal {
    color: #333;
    font-size: 15px;
}

.introInfo.hide {
    display: none;
}

.introInfo.display, .selector:hover .options {
    display: block;
}

.selector {
    width: 200px;
    float: left;
    padding-top: 4px;
    margin: 0 5px;
    position: relative;
    background-color: #fff;
    text-align: left;
}

.selector .indexSelect {
    overflow: hidden;
}

.indexSelect .fa, .showAllColumns .dropdown-toggle .fa {
    float: right;
    margin-right: 5%;
    font-size: 15px;
    line-height: 1;
    color: #333;
}

.selector ul.options {
    position: absolute;
    padding-left: 0;
    list-style: none;
    width: 100%;
    max-height: 200px;
    display: none;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 9999;
    border: 1px solid #487be2;
    border-top: none;
}

.selector .options li {
    padding: 5px;
    margin: 0 auto;
}

.selector .options li:hover {
    background-color: #346bdc;
    color: #fff;
}

.selector .options li button.actionEditing {
    width: 100%;
    text-align: left;
    padding-left: 0;
}

.selector .options li button.actionEditing:hover {
    color: #fff;
    width: 100%
}

.personType.county {
    width: 100%;
    height: auto;
    clear: both;
    display: table;
    margin-top: 30px;
}

.personType.county label {
    line-height: 2;
    padding-right: 10px;
    float: left;
}

.mega-dropdown-menu > li > ul > li > a, .megamenu > li > ul > li > a {
    line-height: 1.428571429;
    white-space: normal;
    clear: both;
}

.inputDiv {
    display: table;
    float: left;
}

.inputDiv input, .inputDiv span {
    display: block;
    width: inherit;
    margin: auto;
}

.det_address {
    width: 200px;
}

.street {
    width: 300px;
}

.account_address_add_form td, .tableDiv {
    width: 100%
}

.smallEdit {
    position: relative;
    background: 0 0;
    padding: 0 5px;
    border: 2px solid #333;
    color: #333;
    font-size: 14px;
    float: right;
    text-transform: lowercase;
    outline: 0;
    margin-bottom: 15px;
    cursor: pointer;
}

.smallEdit#add_new_company {
    position: absolute;
    top: 58px;
    left: 627px;
    background: 0 0;
    padding: 5px 5px;
    border: 2px solid #333;
    color: #333;
    font-size: 14px;
    text-transform: lowercase;
    outline: 0;
    cursor: pointer;
    margin-bottom: 0;
}

.closeEditTable .fa, .organizationName {
    font-size: 16px;
    color: #333;
}

.inputDiv.det_address, .inputDiv.street, .tableDiv {
    float: left;
}

.attributeProduct, .paymentType label:first-letter {
    text-transform: capitalize;
}

.actionsFormTb {
    display: none;
}

.underlineInput.definition {
    display: block;
    width: 100%
}

.definition.invisible {
    display: none;
}

.buttonDiv, .docd1 {
    float: right;
}

tbody.company_info {
    padding-top: 15px;
}

.company_info td {
    padding-bottom: 5px;
}

table.underlineInput {
    position: relative;
    display: table;
}

.organizationName {
    letter-spacing: .5px;
    padding: 5px 0;
    font-weight: 500;
}

table.account_edit label.organizationName {
    width: auto;
}

.editCompanyValues {
    display: none;
}

.savedOrganization table.underlineInput {
    position: relative;
    margin-top: 15px;
}

.closeEditTable {
    position: absolute;
    top: 0;
    right: 1%;
    cursor: pointer;
}

.visibleCompany td {
    width: 50%
}

td.showResults {
    position: relative;
}

div.closeEditTable {
    position: absolute;
    top: 0;
    right: 0;
    width: 15px;
    height: 15px;
    display: block;
}

.infoToWrite, td.actionsFormTb {
    position: relative;
}

.actionsFormTb td, th {
    float: left;
}

.deliveryInfo.account_holder {
    background: 0 0;
    width: 100%;
    height: auto;
    padding: 0;
    font-size: 14px;
}

.closeInfo {
    position: absolute;
    top: 0;
    right: 0;
    height: 15px;
    width: 15px;
    cursor: pointer;
}

.paymentType label {
    padding-left: 5px;
    clear: both;
    display: block;
    width: 100%
}

.chosenDeliveryAddress {
    font-weight: 500;
    font-size: 15px;
}

.chosenDeliveryAddress > span {
    font-size: 16px;
}

.attributeProduct {
    font-size: 14px;
    color: #333;
    font-family: inherit;
    letter-spacing: .5px;
    font-weight: 600;
}

.multipleOptions.attributesOptions {
    margin-bottom: 0;
    margin-top: 15px;
}

.topBtnText {
    position: absolute;
    width: 100%;
    height: auto;
    overflow: hidden;
    top: 58px;
    left: 0;
}

.topBtnText.showCst {
    display: block;
    background: #fff;
    -webkit-transition: -webkit-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    transition: transform .3s, opacity .3s;
}

.topBtnText.removeCst {
    display: none;
}

.descrBtn {
    float: none;
    overflow: hidden;
    width: auto;
    display: table-cell;
    box-shadow: 2px 2px 8px #bbb;
}

.optionsWrapper {
    display: block;
    overflow: hidden;
    width: 100%;
    clear: both;
}

a.newClientLink, a.newClientLink:active {
    text-transform: none;
    color: inherit;
}

a.newClientLink:focus, a.target {
    color: #333;
}

.textContainerSlide.targetBtn a, .textContainerSlide.targetBtn a:active, .textContainerSlide.targetBtn a:hover, .textContainerSlide.targetBtn:focus {
    text-decoration: none;
    border: 1px solid #000;
    color: #000;
}

@media screen and (max-width: 1199px) {
    .hidetwo {
        display: none;
    }

    .containerSubHeaderShopPage .shop2.container, .productsShopPage {
        width: 100%
    }

    .containerSubHeaderShopPage .shop2.container .CarouselFullWidth {
        width: 100% !important;
    }
}

.mobileNav .filterWrapper ul {
    padding-top: 10px;
}

.mobileNav .filterWrapper li {
    margin-bottom: 2px;
}

.filterWrapper nav div {
    float: none !important;
    clear: both;
}

.accountPage .hideNavShop {
    display: none;
}

.shopPage li.userAccount > a {
    margin-top: 0;
}

.allPagesFooter .dropdown-menu > li > a {
    font-size: 12px;
    text-transform: capitalize;
    padding: 1px 5px !important;
}

.divascunspehome {
    border: 1px solid #000;
    position: fixed;
    left: 50%;
    top: 30%;
    z-index: 99999999;
    height: auto;
    margin-top: -200px;
    width: 600px;
    margin-left: -300px;
    overflow: scroll;
    padding: 20px;
    border-radius: 5px;
    display: none;
    opacity: 0;
    background-color: #fff;
}

@media screen and (min-width: 1200px) {
    .shipping-info.fixedModalShipping {
        width: 40%
    }
}

@media screen and (max-width: 1199px) {
    .shipping-info.fixedModalShipping {
        width: 60%
    }
}

@media screen and (max-width: 992px) {
    .shipping-info.fixedModalShipping {
        width: 90%
    }
}

.shipping-info.fixedModalShipping {
    display: none;
    left: 0;
    right: 0;
    margin: auto;
    top: 25%;
    padding: 20px;
    position: fixed;
    max-height: 550px;
    overflow-y: scroll;
    -webkit-animation: fadein .5s;
    -moz-animation: fadein .5s;
    -ms-animation: fadein .5s;
    -o-animation: fadein .5s;
    animation: fadein .5s;
}

.homeLk img, .logoCenter .img-responsive {
    max-height: 100%
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-ms-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.shipping-info.fixedModalShipping::-webkit-scrollbar {
    width: 10px;
}

.shipping-info.fixedModalShipping::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.shipping-info.fixedModalShipping::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
}

.shipping-info.fixedModalShipping::-webkit-scrollbar-button {
    background-color: #a9a9a9;
    height: 10px;
}

.shipping-info.fixedModalShipping::-webkit-scrollbar-button:vertical:increment {
    background: url(../images/icon/arrow-down.png) no-repeat;
    padding-bottom: 3px;
}

.shipping-info.fixedModalShipping::-webkit-scrollbar-button:vertical:decrement {
    padding-top: 3px;
    background: url(../images/icon/arrow-up.png) no-repeat;
}

.innerShippingModal {
    padding-top: 20px;
}

.shipping-info {
    background: #FEFEFE;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    display: none;
    font-size: 13px;
    position: absolute;
    text-align: left;
    width: 625px;
    z-index: 99999;
}

.shipping-info.fixedModalShipping a.close-info {
    display: block;
    float: right;
    height: 13px;
    margin-top: 5px;
    width: 53px;
    z-index: 9999;
}

.shipping-info.fixedModalShipping a.close-info:hover {
    text-decoration: none;
    color: #565656;
}

.megaSearchModal, .newsletterModalCover, .openImgModal, .quickModalCover, .shippingModal {
    display: none;
    height: 100%;
    width: 100%;
    background: url(../images/background/bg-trans-b-23.png);
    position: fixed;
    z-index: 99999;
}

.megaLeftContainerWrapper, .megaLeftWishContainerWrapper {
    height: 100%;
    width: 100%;
    background: url(../images/background/bg-trans-b-23.png);
    position: fixed;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity .6s ease-out;
    -ms-transition: opacity .6s ease-out;
    -o-transition: opacity .6s ease-out;
    -transition: opacity .6s ease-out;
    transition: opacity .6s ease-out;
}

.overlayVisible {
    opacity: 1;
    z-index: 9999999;
}

.homeLk, .homeLk img, .logoShop, .signInDetails {
    position: relative;
}

.shipping-info.fixedModalShipping h6 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
}

.shipping-info.fixedModalShipping ul {
    list-style: none;
    padding-left: 0;
}

.shipping-info.fixedModalShipping a, .shipping-info.fixedModalShipping a:hover {
    color: #157ca9;
    text-decoration: none;
}

.breadcrumbs, .breadcrumbs a {
    color: #6f6f6f;
}

.docd1 {
    width: 20%;
    background-color: rgba(255, 0, 0, .33);
    margin-top: 10%;
    border-radius: 5px;
    padding: 5px;
    margin-left: 100%
}

.checkoutPersonalInfo, .labelTypeDiv, .listInput {
    float: left;
}

.simpleBtn {
    border: none;
    background: 0 0;
    text-transform: uppercase;
    outline: 0;
}

.logoShop {
    height: 40px;
}

.homeLk {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
}

.homeLk img {
    margin: auto;
}

.breadcrumbs {
    padding-left: 15px;
}

.breadcrumbs a:hover {
    color: #6f6f6f;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

.noStyleBtn {
    background: 0 0;
    border: none;
}

.spec_table span.underlineInput {
    display: block;
    padding-top: 0;
}

.spec_table span.underlineInput input {
    background: url(../images/background/absurdity.png);
    width: 100%;
    font-size: 14px;
}

.completeInfoProduct .addToCartItemInfo {
    width: 185px;
    margin-bottom: 30px;
}

.completeInfoProduct .addToCartItemInfo button {
    margin: auto;
    display: block;
}

.blackInfoBar {
    height: 23px;
    width: 100%;
    background-color: #fff;
}

.marquee {
    width: 100%;
    overflow: hidden;
}

.ver {
    height: 20px;
    width: 90%;
    margin: auto;
    text-align: center;
}

.addNewCity, .chooseCity {
    margin-right: 5px;
}

.signInDetails {
    width: 100%;
    background: rgba(246, 246, 246, .52);
    padding: 30px;
    border-radius: 5px;
    border: #ccc;
}

.returningClient {
    border-right: 1px solid #ccc;
    padding-right: 30px;
}

.guestCheckout, .returningClient {
    position: relative;
    float: left;
}

@media screen and (min-width: 1000px) {
    ..signInDetails {
        height: 245px;
    }

    .guestCheckout, .returningClient {
        width: 50%;
        height: 100%
    }

    .guestCheckout {
        padding-left: 30px;
    }

    .guestCheckout button.continue, .returningClient button.continue {
        position: absolute;
    }
}

@media screen and (max-width: 1001px) {
    .guestCheckout, .returningClient {
        width: 100%;
        height: auto;
    }

    .returningClient {
        padding-top: 15px;
    }

    .guestCheckout button.continue, .returningClient button.continue {
        position: relative;
    }
}

.smallHeader {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 15px;
}

.signInDetails input.infoDelivery {
    position: relative;
    width: 70%;
    margin-top: 10px;
}

.guestCheckout button.continue {
    bottom: 0;
    right: 0;
    margin-bottom: 0;
}

.returningClient button.continue {
    bottom: 0;
    right: 30px;
    margin-bottom: 0;
}

.hlink {
    padding-left: 5px;
    padding-top: 5px;
}

.hlink:hover {
    text-decoration: none;
}

.interogationAccount {
    padding-bottom: 5px;
}

.checkoutLabel {
    width: 15%
}

.checkoutPersonaData {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.headerCheckout {
    font-size: 20px;
}

.headerCheckout, .smHeaderCheckout {
    font-family: Raleway, sans-serif;
    font-weight: 500;
}

.smHeaderCheckout {
    font-size: 16px;
}

.addCompanyHide {
    display: none;
}

.showAddCompany {
    display: block;
}

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

.wrapperCTcb > label {
    padding-right: 10px;
}

.siteColor {
    color: #428bca;
}

.showFormAddress {
    display: none;
}

.showFormAddress tbody {
    width: 100%;
    display: table;
}

.chooseCity, .enterNewValue, .listInput, div.error {
    display: none;
}

.ctLine {
    width: 50px;
    height: 2px;
    background: #428bca;
    margin-bottom: 5px;
}

.checkCompany, .setMargin {
    margin-top: 10px !important;
}

.checkoutPersonalInfo {
    width: 250px;
    padding-left: 10px;
}

.checkoutPersonalInfo .errorSubmit {
    display: none;
    padding-left: 5px;
    color: #c12a2a;
}

form.cmxform {
    width: 370px;
    font-size: 1em;
    color: #333;
}

form.cmxform legend {
    padding-left: 0;
}

form.cmxform label, form.cmxform legend {
    color: #333;
}

form.cmxform fieldset {
    border: none;
    border-top: 1px solid #C9DCA6;
    background: url(../images/cmxform-fieldset.gif) left bottom repeat-x #F8FDEF;
}

form.cmxform fieldset fieldset, form.cmxform fieldset p {
    padding: 5px 10px 7px;
    background: url(../images/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
    color: red;
    font-weight: 500;
    padding-left: 10px;
}

.wrapperErrorBeforeLong label.error {
    width: 100%
}

input.error {
    border: 1px dotted red;
}

form.cmxform .gray * {
    color: gray;
}

.enterNewValue, .selector .indexSelect input[type=text] {
    border-bottom: none;
}

.menu-large {
    position: static !important;
}

.megamenu {
    padding: 20px 0;
    width: auto;
    left: auto !important;
}

.megamenu > li > ul {
    padding: 0;
    margin: 0;
}

.megamenu > li > ul > li {
    list-style: none;
}

.megamenu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    font-weight: 400;
    color: #333;
}

.megamenu > li ul > li > a:focus, .megamenu > li ul > li > a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.megamenu.disabled > a, .megamenu.disabled > a:focus, .megamenu.disabled > a:hover {
    color: #999;
}

.megamenu.disabled > a:focus, .megamenu.disabled > a:hover {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}

.cbp-ntaccordion .cbp-nttrigger, ul.tabs li {
    cursor: pointer;
}

ul.cbp-ntaccordion li.cbp-ntopen .cbp-ntcontent {
    width: 100%
}

.megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
}

@media (max-width: 768px) {
    .megamenu {
        margin-left: 0;
        margin-right: 0;
    }

    .megamenu > li {
        margin-bottom: 30px;
    }

    .megamenu > li:last-child {
        margin-bottom: 0;
    }

    .megamenu.dropdown-header {
        padding: 3px 15px !important;
    }

    .navbar-nav .open .dropdown-menu .dropdown-header {
        color: #fff;
    }
}

@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,  600,  700');
main {
    min-width: 320px;
    max-width: 800px;
    margin: 0 auto;
    height: 100%;
}

main input.tabsf {
    display: none;
}

main label.labelf {
    display: inline-block;
    margin: 0 0 -1px;
    padding: 10px 15px;
    font-weight: 600;
    text-align: center;
    color: #fbfbfb;
    border: 1px solid transparent;
    background-color: rgba(128, 128, 128, 0.5);
    border-radius: 4px 4px 0px 0px;
}

main label.labelf:before {
    font-family: fontawesome;
    font-weight: 400;
    margin-right: 10px;
}

main label.labelf[for*='1']:before {
    content: '\f022'
}

main label.labelf[for*='2']:before {
    content: '\f1fc'
}

main label.labelf[for*='3']:before {
    content: '\f0d6'
}

main label.labelf[for*='4']:before {
    content: '\f123'
}

main label.labelf:hover {
    color: #e3e3e3;
    cursor: pointer;
}

main input.tabsf:checked + label.labelf {
    color: white;
    border: 1px solid #ddd;
    border-top: 2px solid orange;
    border-bottom: 1px solid #fff;
    background-color: rgba(49, 60, 72, 0.67);
}

main #tab1:checked ~ #content1, main #tab2:checked ~ #content2, main #tab3:checked ~ #content3, main #tab4:checked ~ #content4 {
    display: block;
}

@media screen and (max-width: 650px) {
    main label.labelf {
        font-size: 0;
    }

    main label.labelf:before {
        margin: 0;
        font-size: 18px;
    }
}

@media screen and (max-width: 400px) {
    main label {
        padding: 15px;
    }
}

main section {
    display: none;
    overflow-y: scroll;
    height: 100%;
    padding-top: 10px;
    padding-left: 5px;
    border-left-style: dotted;
    border-width: 1px;
    border-color: white;
}

main section::-webkit-scrollbar {
    width: 0.8em;
}

main section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}

main section::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius: 10px;
}

.container_tabs {
    width: 100%;
    margin: 0 auto;
}

.cbp-ntaccordion, ul.tabs {
    margin: 0;
    list-style: none;
    text-align: left;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}

ul.tabs {
    padding: 0;
}

ul.tabs li {
    border-bottom: none;
    color: #3c3c3c;
    display: inline-block;
    padding: 4px 10px;
    border-style: solid;
    border-bottom-style: hidden;
    border-radius: 4px 4px 0px 0px;
    border-width: 1px;
    border-top-width: 3px;
    background-color: rgba(255, 0, 0, 0.36);
}

ul.tabs li.current {
    border-bottom: none;
    color: #3c3c3c;
    display: inline-block;
}

.tab-content {
    position: relative;
    display: none;
    width: 97%;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
}

.tab-content.current {
    display: inherit;
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon_arrows/icomoon.eot);
    src: url(../fonts/icomoon_arrows/icomoon.eot?#iefix) format('embedded-opentype'), url(../fonts/icomoon_arrows/icomoon.woff) format('woff'), url(../fonts/icomoon_arrows/icomoon.ttf) format('truetype'), url(../fonts/icomoon_arrows/icomoon.svg#icomoon) format('svg');
    font-weight: 400;
    font-style: normal;
}

.cbp-ntaccordion {
    padding: 0;
}

.cbp-ntsubaccordion {
    list-style: none;
}

.cbp-ntaccordion h3 {
    margin: 0 0 .3em;
    padding: 1em 0 .5em;
    border-bottom: 1px solid #ddd;
    font-size: 2.6rem;
    font-weight: 300;
}

.cbp-ntaccordion h4 {
    font-size: 1.5rem;
    text-transform: uppercase;
    letter-spacing: .4em;
    padding: .5em 0;
    margin: 0 0 .5em;
}

.cbp-ntaccordion h5 {
    font-size: 1.2rem;
    color: #aaa;
    padding: .5em 0;
    margin: 0 0 .5em;
}

.cbp-ntaccordion .cbp-ntcontent p {
    color: #888;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
    padding: .2em 0 1.5em;
    margin: 0;
}

.cbp-ntaccordion > li > .cbp-nttrigger:before, .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
    font-family: icomoon;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #ddd;
    margin-right: .5em;
    -webkit-font-smoothing: antialiased;
}

.cbp-ntaccordion > li > .cbp-nttrigger:before {
    font-size: 75%;
    content: "\36"
}

.cbp-ntaccordion > li > .cbp-nttrigger:hover:before {
    content: "\35";
    color: inherit;
}

.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before, .no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {
    content: "\34";
    color: inherit;
}

.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
    content: "\32"
}

.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
    content: "\33";
    color: inherit;
}

.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before, .no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
    content: "\31";
    color: inherit;
}

.cbp-ntaccordion .cbp-ntcontent {
    height: 0;
    overflow: hidden;
}

.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent, .cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent, .no-js .cbp-ntaccordion .cbp-ntcontent {
    height: auto;
}

@media screen and (max-width: 32em) {
    .cbp-ntaccordion {
        font-size: 250px;
    }
}

@media screen and (max-width: 650px) {
    #longIcons {
        display: none;
    }
}

.icon-arrow-left:before,

/
.icon-drop:before {
    font-family: fontawesome;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    speak: none;
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    text-align: center;
    color: #47a3da;
    -webkit-font-smoothing: antialiased;
    text-indent: 8000px;
    padding-left: 8px;
}

.icon-drop:before {
    content: "\e000"
}

.icon-arrow-left:before {
    content: "\f060"
}

.userAccount > .fa {
    font-size: 1.4em;
    line-height: 70px;
}

.userAccount > a.textContainerSlide {
    line-height: 3 !important;
}

.userAccount > a. {
    line-height: 2 !important;
}

.singlePromoBox {
    margin-left: 25% !important;
}

.shippingBox.col-lg-6, .shippingBox.col-md-6, .shippingBox.col-sm-6 {
    width: 49%
}

@media screen and (max-width: 768px) {
    .singlePromoBox {
        margin-left: 0 !important;
    }

    .shippingBox.col-xs-12 {
        width: 99% !important;
    }

    .imgCategories {
        display: inline-block;
    }
}

@media screen and (min-width: 1024px) {
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 500px;
    }
}

@media screen and (max-width: 512px) {
    .cbp-ntaccordion h3 {
        font-size: 2.6rem;
    }
}

.headerMobile.headerPRelative {
    position: relative;
}

.diagonalWidgetW {
    display: table;
}

.editProfileAccordion {
    position: relative;
    display: block;
    width: 80%;
    height: auto;
    padding-top: 30px;
    float: left;
}

.headerEditProfile {
    padding: 5px 10px;
    width: 100%;
    font-size: 1.3em;
    cursor: pointer;
}

.sectionEditProfile.closed .headerEditProfile {
    color: #333;
    border-bottom: 1px solid rgba(224, 34, 0, .87);
}

.sectionEditProfile.open .headerEditProfile {
    color: #fff;
    background: rgba(224, 34, 0, .87);
}

.headerEditProfile span {
    float: right;
}

.editProfileAccordion .account_details {
    width: 100%
}

.editProfileAccordion .account_details input {
    padding: 3px;
    width: 80%
}

.sectionEditProfile.closed .contentEdit {
    display: none;
}

.sectionEditProfile.open {
    display: block;
}

.styledCB {
    margin: 1.5em 0;
}

.contentEdit .styledCB {
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;
}

.styledCB .styleCBContainer {
    margin-left: 5px;
}

.styledCB input[type=checkbox]:not(old), .styledCB input[type=radio]:not(old) {
    width: 2em;
    margin: 0;
    padding: 0;
    font-size: 1em;
    opacity: 0;
}

.styledCB input[type=checkbox]:not(old) + label, .styledCB input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -2em;
    line-height: 1.5em;
}

.styledCB #invoiceOnName input[type=checkbox]:not(old) + label, .styledCB #invoiceOnName input[type=radio]:not(old) + label {
    display: inline-block;
    margin-left: -2em;
}

#invoicesOnType input[type=radio]:not(old) + label {
    font-size: 1.3em;
    line-height: 1.5em;
}

.styledCB #invoiceOnName label {
    font-weight: 500;
    padding-right: 10px;
}

.styledCB input[type=checkbox]:not(old) + label > span, .styledCB input[type=radio]:not(old) + label > span {
    display: inline-block;
    width: .875em;
    height: .875em;
    margin: .25em .5em .25em .25em;
    border: .0625em solid silver;
    border-radius: .25em;
    background: #e0e0e0;
    background-image: -moz-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: -ms-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: -o-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0);
    background-image: linear-gradient(#f0f0f0, #e0e0e0);
    vertical-align: bottom;
}

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

.styledCB input[type=checkbox]:not(old):checked + label > span, .styledCB input[type=radio]:not(old):checked + label > span {
    background-image: -moz-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: -ms-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: -o-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: -webkit-linear-gradient(#e0e0e0, #f0f0f0);
    background-image: linear-gradient(#e0e0e0, #f0f0f0);
}

.styledCB input[type=checkbox]:not(old):checked + label > span:before {
    content: '✓';
    display: block;
    width: 1em;
    color: rgba(224, 34, 0, .87);
    font-size: .875em;
    line-height: 1em;
    text-align: center;
    text-shadow: 0 0 .0714em rgba(224, 34, 0, .87);
    font-weight: 700;
}

.styledCB input[type=radio]:not(old):checked + label > span > span {
    display: block;
    width: .5em;
    height: .5em;
    margin: .125em;
    border: .0625em solid #73994d;
    border-radius: .125em;
    background: #9c6;
    background-image: -moz-linear-gradient(#b3d98c, #9c6);
    background-image: -ms-linear-gradient(#b3d98c, #9c6);
    background-image: -o-linear-gradient(#b3d98c, #9c6);
    background-image: -webkit-linear-gradient(#b3d98c, #9c6);
    background-image: linear-gradient(#b3d98c, #9c6);
}

.account_details_addresses label {
    float: left;
    line-height: 2;
}

.account_details_addresses input {
    padding: 3px;
}

#newAddress table, #updateAddress table {
    width: 100%
}

#updateAddress .delete {
    margin-bottom: 0;
}

#confirmationMessage {
    position: fixed;
    width: 30%;
    height: 150px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 108, 81, .87);
    margin: auto;
    font-size: 2em;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    padding: 1em;
    overflow-y: auto;
    z-index: 999;
}

.on {
    display: block;
}

.off {
    display: none;
}

#savedOrganization .smallEdit, #updateAddress .smallEdit, .contentEdit.deliveryType .smallEdit {
    float: left;
    padding-right: 10px;
    color: #005596;
    cursor: pointer;
    border: none;
}

#savedOrganization .smallEdit.textSmallEdit, #updateAddress .smallEdit.textSmallEdit, .contentEdit.deliveryType .smallEdit.textSmallEdit {
    border: 1px solid #005596;
    padding: 3px;
}

#savedOrganization .smallEdit {
    line-height: 2.2;
}

.colorText {
    color: rgba(224, 34, 0, .87);
}

.styledCB input.unusualCbSt[type=radio]:not(old) {
    float: left;
    margin-top: .5em;
}

.company_info input.choosenCompanyInv.unusualCbSt[type=radio]:not(old) {
    margin-top: 1em;
}

.upload-drop-zone {
    height: 200px;
    border-width: 2px;
    margin-bottom: 20px;
    color: #ccc;
    border-style: dashed;
    border-color: #ccc;
    line-height: 200px;
    text-align: center;
}

.upload-drop-zone.drop {
    color: #222;
    border-color: #222;
}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(153, 204, 51, .9);
}

.overlay .overlay-close {
    width: 80px;
    height: 80px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    background: url(../images/icon/cross.png) center center no-repeat;
    text-indent: 200%;
    color: transparent;
    outline: 0;
    z-index: 100;
}

.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    width: 100%;
    position: relative;
}

.overlay ul li {
    display: block;
    height: 20%;
    height: calc(100% / 5);
    min-height: 54px;
}

.overlay ul li a {
    display: block;
    color: #fff;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.containerOverlay {
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
}

.containerOverlay.overlay-open {
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.overlay-contentscale {
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .5s, visibility 0s .5s;
    transition: transform .5s, visibility 0s .5s;
}

.overlay-contentscale.open {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    z-index: 9999;
    overflow-y: auto;
}

@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px;
    }

    .overlay ul li {
        min-height: 34px;
    }
}

.indexB .megaMenuHorizontal {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.megaMenuHorizontal .userAccountContainer {
    right: 1%
}

.indexB .megaMenuHorizontal .navbar {
    margin-bottom: 0;
}

.megaMenuHorizontal .navbar-nav > li > .dropdown-menu {
    margin-top: 20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.megaMenuHorizontal .navbar-default .navbar-nav > li > a {
    width: 100%;
    font-weight: 700;
}

.megaMenuHorizontal .collapse.navbar-collapse {
    float: none;
    width: 100%
}

.mega-dropdown {
    position: static !important;
    width: 100%
}

.mega-dropdown-menu:after, .mega-dropdown-menu:before {
    content: "";
    position: absolute;
}

.mega-dropdown-menu {
    padding: 20px 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mega-dropdown-menu:before {
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    top: -15px;
    left: 35px;
    z-index: 10;
}

.mega-dropdown-menu:after {
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    top: -17px;
    left: 33px;
    z-index: 8;
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li {
    list-style: none;
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    font-weight: 400;
    color: #999;
}

.mega-dropdown-menu > li ul > li > a:focus, .mega-dropdown-menu > li ul > li > a:hover {
    text-decoration: none;
}

.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    font-weight: bold;
    padding-left: 0;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.logoCenter {
    position: relative;
    display: block;
    margin: auto auto auto 15%;
    height: 68px;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.logoLeft {
    position: relative;
    display: block;
    height: 70px !important;
}

.linia_inaltime {
    width: 75%;
}

.linia_inaltime > li > a {
    line-height: 40px !important;
}

.logoLeft img {
    height: 100% !important;
}

.megaMenuRight.navbar-right {
    padding: 1rem;
    margin-top: 13px;
}

.megaMenuRight.navbar-right.nav > li {
    padding: 0 .5em;
    font-size: 1.5em;
    z-index: 999999;
}

.wrapperMegaSearch {
    display: table-cell;
    vertical-align: middle;
    -webkit-transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    -ms-transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    -transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    transform: scale(.7);
    zoom: 1.2;
}

.innerMegaSearch {
    position: relative;
    margin: 0 auto;
    vertical-align: middle;
    width: 500px;
    max-width: 95%;
    border-radius: 3px;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .3);
    overflow: hidden;
    zoom: 1;
}

.contentMegaSearch {
    padding: 30px;
    zoom: 1;
    overflow: hidden;
}

.megaSearchInput {
    font-size: 1.7em;
    padding: .5em .8em;
    display: inline-block;
    float: left;
    width: 88%;
    border: 2px solid;
}

.megaSearchBtn {
    display: inline-block;
    float: right;
    width: 12%;
    height: 61px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    font-size: 2em;
    padding: .5em;
    line-height: 1;
    border: none;
}

@media only screen and (min-width: 768px) {
    .innerMegaSearch {
        width: 715px;
    }
}

@media only screen and (max-width: 768px) {
    .innerMegaSearch {
        width: 515px;
    }
}

.counter {
    position: relative;
    padding: 1px 5px;
    font-size: .7em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-left: 3px;
}

.megaCartContainer.displayMeggaCartContainer, .megaWishContainer.displayMeggaCartContainer {
    -webkit-transform: translateX(-450px);
    -moz-transform: translateX(-450px);
    -ms-transform: translateX(-450px);
    -o-transform: translateX(-450px);
    transform: translateX(-450px);
}

.megaCartContainer, .megaWishContainer {
    position: absolute;
    right: -450px;
    top: 0;
    bottom: 0;
    width: 450px;
    max-width: 95%;
    background: #eee;
    border-left: 4px solid rgba(255, 255, 255, .7);
    background-clip: padding-box;
    -webkit-transition: all .4s cubic-bezier(.19, 1, .22, 1);
    -ms-transition: all .4s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all .4s cubic-bezier(.19, 1, .22, 1);
    -transition: all .4s cubic-bezier(.19, 1, .22, 1);
    transition: all .4s cubic-bezier(.19, 1, .22, 1);
}

.megaCartHeader {
    position: relative;
    display: block;
    width: 100%;
    height: 70px;
    border-bottom: 4px solid rgba(255, 255, 255, .7);
    text-shadow: -4px 3px 2px rgba(150, 150, 150, .57);
}

.megaCartHeader h3 {
    line-height: 2.5;
    margin: 0 0 0 5%
}

.megaCartInnerContainer, .megaWishInnerContainer {
    position: absolute;
    top: 70px;
    width: 100%;
    height: 100%
}

.megaCartProductsContainer {
    position: relative;
    display: block;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.megaCartContainer .megaCartProductsContainer {
    height: 60%
}

.megaWishContainer .megaCartProductsContainer {
    height: 82%
}

.megaCartBottom {
    position: relative;
    display: block;
    width: 100%
}

.megaCartContainer .megaCartBottom {
    height: 40%
}

.megaWishContainer .megaCartBottom {
    height: 10%
}

.megaCartBtn span {
    width: 50%;
    height: 60px;
    float: left;
    line-height: 2.5;
    font-size: 1.5em;
    text-align: center;
    cursor: pointer;
}

.megaCartLBtns {
    width: 100%;
    height: 21%;
    border-bottom: 2px solid rgba(255, 255, 255, .7);
    background: #C0BFBF;
    font-size: 1.3em;
    line-height: 3;
}

.m-total, .megaProductName {
    display: block;
    font-size: 1.2em;
}

.megaCartLBtns:nth-last-child(2) {
    border-bottom: none;
}

.megaCartLBtns span:first-child {
    padding-left: 10px;
}

.megaCartLBtns span.pull-right {
    padding-right: 10px;
}

.megaCartListProduct {
    position: relative;
    display: block;
    width: 100%;
    height: 115px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid rgba(255, 255, 255, .7);
    color: #404d5b;
}

.megaCartListProduct .megaCartImgProduct {
    position: relative;
    display: block;
    width: 23%;
    float: left;
    height: 100%
}

.megaCartListProduct .megaCartImgProduct a {
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: block;
}

.megaCartListProduct .megaCartImgProduct a img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    position: relative;
    margin: auto;
}

.megaCartInsertQty {
    width: auto;
    overflow: hidden;
    float: left;
}

.megaCartInsertQty input, .megaCartInsertQty span {
    float: left;
    margin: 0;
    height: 25px;
}

.megaCartInsertQty span {
    padding: 0 5px;
    line-height: 1.8;
}

.megaCartInsertQty.insertQty {
    margin-top: 0;
}

.megaCartInfoProductCt {
    padding-left: 5px;
}

.megaCartProductInfo {
    position: absolute;
    display: block;
    float: left;
    width: 100%;
    bottom: 0;
}

.megaProductName {
    line-height: 1.2;
    padding-right: 10px;
    text-shadow: -2px 2px 1px rgba(150, 150, 150, .57);
}

.m-total {
    margin-top: 5px;
    width: auto;
    overflow: hidden;
    float: right;
}

.m-total > span {
    font-size: .7em;
}

.megaCartListProduct form {
    position: relative;
    width: 75%;
    height: 100%;
    float: left;
    padding-right: 10px;
}

.megaCartInfoProductCt .deleteBtn {
    top: -10px;
    right: -5px;
    font-size: 1em;
    cursor: pointer;
}

.productList ul li .product .hideContent .captionPr .whishlistItem {
    position: absolute;
    float: right;
    right: 0;
    top: 0;
    cursor: pointer;
    font-size: 17px;
    padding: 2px 5px;
    color: red;
}

#confirmationMessageWL {
    position: fixed;
    width: 30%;
    height: 150px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 108, 81, .87);
    margin: auto;
    font-size: 2em;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    padding: 1em;
    overflow-y: auto;
    z-index: 999;
    display: none;
}

.askQuestion, .communicationProductPage {
    display: table;
    position: relative;
}

.communicationProductPage ul {
    padding-left: 0;
    list-style: none;
    float: left;
    margin-top: 0;
    line-height: 2.5em;
}

.communicationProductPage ul li {
    float: left;
    color: #5bb8ff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    padding-right: 10px;
    letter-spacing: .3px;
}

.askQuestion {
    width: 100%;
    height: auto;
    float: left;
}

@media only screen and (max-width: 1000px) {
    .askQuestion {
        width: 50%
    }
}

@media only screen and (max-width: 770px) {
    .askQuestion {
        width: 90%
    }
}

@media only screen and (max-width: 500px) {
    .askQuestion {
        width: 100%
    }
}

.addCommentInput {
    width: 100%
}

#priceMax, #priceMin, .addCommentInput, .inputBox {
    float: left;
    color: #333;
    font-size: 14px;
    margin: 0 0 .2em;
    padding: 6px;
    border: 1px solid #c2c2c2;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    display: block;
}

.userAccountImage, .viewerAccount {
    position: relative;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #333;
    color: #333;
    background-color: #ecf1f2;
    float: left;
    margin-right: 10px;
}

.viewerAccount {
    width: 30px;
    height: 30px;
}

.userAccountImage {
    width: 70px;
    height: 70px;
}

.userAccountImage .fa, .viewerAccount .fa {
    display: table;
    margin: auto;
    line-height: 1.8;
}

.answerUser > span, .shippingInfo, .viewerInfo {
    position: absolute;
    display: none;
    background: #fff;
    padding: 3px 10px;
    z-index: 9;
    top: -10px;
    left: 6%;
    cursor: pointer;
}

.userAccountImage .fa {
    font-size: 2.5em;
}

.answerUser > span, .viewerInfo {
    font-size: 13px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
}

.shippingInfo {
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 3px;
    max-width: 200px;
}

.shippingCost:hover .shippingInfo {
    display: block;
}

.commentSmallBtn {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    letter-spacing: .5px;
    cursor: pointer;
    text-decoration: none;
    border: none;
    font-size: .8em;
    font-weight: 700;
    color: #fff;
    height: 1.8em;
    line-height: 1.5em;
    padding: 3px 7px;
    text-transform: lowercase;
}

.addCommentBtn {
    visibility: hidden;
    position: absolute;
    right: 10px;
    line-height: 3;
}

.addCommentContainer {
    position: relative;
    display: table;
    width: 89%
}

.displayComments {
    position: relative;
    display: block;
    width: 92%;
    margin: auto;
    overflow: hidden;
}

.comment, .notification {
    position: relative;
    display: block;
    width: 100%;
    min-height: 40px;
    padding-bottom: 10px;
}

table .comment {
    display: table-row;
    border-bottom: 1px solid #ccc;
}

.comment .viewerInfo, .notification .viewerAccount {
    left: 3%
}

table .comment td {
    padding-top: 10px;
    padding-bottom: 5px;
}

.reportComment {
    position: relative;
    display: inline-block;
    padding-left: 5px;
    color: #a4a4a4;
}

#mailComment, .messenger {
    position: fixed;
    bottom: 0;
    right: 0;
}

#mailComment {
    width: 30%;
    left: 0;
    top: 0;
    background: rgba(255, 108, 81, .87);
    margin: auto;
    font-size: 2em;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    padding: 1em;
    overflow-y: auto;
    z-index: 999;
    height: 200px;
}

#mailComment label {
    font-size: 1em;
    font-weight: 400;
}

#mailComment input, #mailComment label {
    float: left;
}

#mailComment span {
    float: right;
    border: 2px solid #fff;
    padding: 0 10px;
    margin-top: 10px;
    cursor: pointer;
}

@media only screen and (max-width: 1000px) {
    #mailComment {
        width: 50%
    }
}

@media only screen and (max-width: 700px) {
    #mailComment {
        width: 95%
    }
}

.messenger.inactive {
    max-height: 40px;
}

.messenger.inactive .messHeader {
    display: block;
}

.messenger.inactive #wrapperMessenger {
    display: none;
}

.messHeader, .wrapperMess, textarea#writeMessage {
    display: block;
    position: relative;
}

.messenger {
    height: 350px;
    width: 300px;
    background: #fff;
    z-index: 99999;
}

.messHeader {
    margin: 0;
    height: 40px;
    background: rgba(224, 34, 0, .87);
    color: #fff;
    padding: 0 5%;
    line-height: 2;
    font-size: 1.3em;
}

.messHeader .fa {
    float: right;
    line-height: 2;
}

textarea#writeMessage {
    width: 100%;
    height: 60px;
    max-height: 60px;
    overflow-y: auto;
    resize: none;
}

.wrapperMess {
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
    background: rgba(224, 34, 0, .1);
}

.messageReceiver, .messageSender {
    width: auto;
    clear: both;
    display: table;
    margin-bottom: 10px;
    padding: 5px;
}

.messageSender {
    float: left;
}

.messageReceiver {
    float: right;
}

.messageReceiver .chatMessage, .messageSender .chatMessage {
    background: #fff;
    padding: 5px;
}

.messageSender .timeMessage {
    float: left;
    padding-right: 5px;
}

.messageReceiver .timeMessage {
    float: right;
    padding-left: 5px;
}

.messenger label {
    margin: 13% 10px 7%;
    font-size: 1.5em;
    font-weight: 400;
}

.messenger #enterMailFMessage {
    margin: 0 10px 10px;
    width: 93%;
    border: 1px solid #888;
    border-radius: 3px;
    background-clip: padding-box;
    background-color: #fff;
    padding: 8px 6px;
}

#sendMailFMessage {
    position: relative;
    display: block;
    width: 93%;
    margin: 10px;
    padding: 8px 6px;
    background-color: #5f9ea0;
    text-align: center;
    font-size: 1.5em;
    cursor: pointer;
}

li.messages, li.searchLi, ul.accountMenu li.notifications {
/ / margin: 0 10 px;
}

.displayMessages, .displayNotifications {
    position: absolute;
    display: none;
    width: 350px;
    background: rgba(130, 130, 130, .68);
    top: 32px;
    right: 0;
    z-index: 9999;
    border: 1px solid #bbb;
    font-size: 14px;
    max-height: 300px;
    overflow-y: auto;
}

.displayMessages::-webkit-scrollbar, .displayNotifications::-webkit-scrollbar {
    width: 10px;
}

.displayMessages::-webkit-scrollbar-track, .displayNotifications::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.displayMessages::-webkit-scrollbar-thumb, .displayNotifications::-webkit-scrollbar-thumb {
    background: url(../images/absurdity.png) rgba(209, 209, 211, .9);
}

.displayMessages > span, .displayNotifications > span {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: rgba(224, 34, 0, .56);
    height: 27px;
    line-height: 1.8;
    color: #fff;
    margin-bottom: 10px;
}

.displayMessages > span p, .displayNotifications > span p {
    position: relative;
    display: block;
    text-align: center;
    font-size: 15px;
}

.notificationsWrapper {
    position: relative;
    display: block;
    margin: 10px;
}

.displayMessages .notification, .notificationsWrapper .notification {
    position: relative;
    border: 1px solid rgba(156, 167, 173, .87);
    border-radius: 5px;
    background: #fff;
    margin-bottom: 10px;
    height: 50px;
    padding-bottom: 0;
}

.displayMessages .messagesW {
    margin: 10px;
}

.notification .viewerAccount {
    top: 8px;
}

.notificationContent {
    margin-left: 9px;
}

.countNotification {
    position: relative;
    background: rgba(224, 34, 0, .87);
    padding: 1px 5px;
    font-size: .9em;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #fff;
    text-align: center;
}

.containerPager, .productInfo {
    padding-right: 0;
}

.messages .fa-envelope.dingMessage, .notifications .fa-bell.dingNotidication {
    color: rgba(224, 34, 0, .87) !important;
}

.messages .fa-envelope.oldNotification, .notifications .fa-bell.oldNotification {
    color: #636363;
}

.mailWrChatBox {
    height: 100%
}

.mailWrChatBox p {
    color: #ff3724;
}

.peter-river-flat-button {
    position: relative;
    vertical-align: top;
    width: 100%;
    height: 30px;
    padding: 0;
    font-size: 11px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    background: #3498db;
    border: 0;
    border-bottom: 2px solid #2a8bcc;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #2a8bcc;
    box-shadow: inset 0 -2px #2a8bcc;
}

.photoCollection, .productInfo {
    position: relative;
    display: block;
    height: 450px;
    float: left;
}

.productInfo .productPrice {
    position: relative;
    display: table;
    font-size: 50px;
    line-height: 1;
    margin: auto;
}

.productPrice .currency {
    font-size: 23px;
    text-transform: lowercase;
}

.photoCollection {
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 100% !important;
}

.sliderPhotoCollection {
    position: relative;
    display: block;
    height: inherit;
    z-index: 0;
}

.sliderPhotoCollection img {
    max-height: 100%;
    bottom: 0;
    right: 0;
    margin: auto;
}

.containerPager {
    position: relative;
    display: block;
    height: inherit;
    float: left;
    overflow-y: hidden;
    padding: 0px !important;
}

#photoCollectionCustomPager {
    display: block;
    width: 100%;
    height: 90%;
    overflow: hidden;
    margin: 18% 0px;
}

#photoCollectionCustomPager::-webkit-scrollbar {
    width: 1px;
}

#photoCollectionCustomPager::-webkit-scrollbar-thumb {
    background-color: transparent;
}

#photoCollectionCustomPager::-webkit-scrollbar-button {
    background-color: transparent;
}

#photoCollectionCustomPager a {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    overflow: hidden;
    float: left;
}

#photoCollectionCustomPager a.cycle-pager-active {
    border: 1px solid rgba(170, 170, 170, .5);
    webkit-box-shadow: 0 0 12px 0 rgba(50, 50, 50, .5);
    -moz-box-shadow: 0 0 12px 0 rgba(50, 50, 50, .5);
    box-shadow: 0 0 12px 0 rgba(50, 50, 50, .5);
}

#photoCollectionCustomPager a img {
    position: absolute;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 3px;
}

.controlsPager {
    display: none;
}

.controlsPager #pager-next, .controlsPager #pager-prev {
    position: absolute;
    display: inherit;
    background: rgba(121, 121, 121, .39);
    height: 25px;
    width: 100%;
    z-index: 999;
    cursor: pointer;
}

.controlsPager #pager-prev {
    top: 0;
}

.controlsPager #pager-next {
    bottom: 0;
}

.controlsPager #pager-next:hover, .controlsPager #pager-prev:hover {
    background: rgba(224, 34, 0, .77);
}

.controlsPager #pager-next .fa, .controlsPager #pager-prev .fa {
    display: block;
    font-size: 32px;
    color: #fff;
    line-height: 0.7;
    text-align: center;
    margin: 0 auto;
}

.controlsPhotoCollection #cycle-next, .controlsPhotoCollection #cycle-next1, .controlsPhotoCollection #cycle-prev, .controlsPhotoCollection #cycle-prev1 {
    position: absolute;
    top: 45%;
    height: 85px;
    width: 40px;
    background: rgba(121, 121, 121, .39);
    z-index: 999;
    cursor: pointer;
}

.controlsPhotoCollection #cycle-next .fa, .controlsPhotoCollection #cycle-next1 .fa, .controlsPhotoCollection #cycle-prev .fa, .controlsPhotoCollection #cycle-prev1 .fa {
    display: block;
    font-size: 32px;
    color: #fff;
    line-height: 2.5;
    text-align: center;
    margin: 0 auto;
}

.controlsPhotoCollection #cycle-next1:hover, .controlsPhotoCollection #cycle-next:hover, .controlsPhotoCollection #cycle-prev1:hover, .controlsPhotoCollection #cycle-prev:hover {
    background: rgba(224, 34, 0, .77);
}

.controlsPhotoCollection #cycle-prev, .controlsPhotoCollection #cycle-prev1 {

    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.controlsPhotoCollection #cycle-next, .controlsPhotoCollection #cycle-next1 {
    right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

@media only screen and (max-width: 500px) {
    .photoCollection, .productInfo {
        height: 400px;
    }
}

.widgetsWrapper {
    position: relative;
    display: block;
    z-index: 0;
    overflow: hidden;
    width: 100%;
}

.wrapperLoader {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999999;
}

.wrapperInnerLoader {
    position: fixed;
    z-index: 999999;
    top: 32%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 300px;
    height: 300px;
}

.wrapper-inner-se-pre-con {
    position: fixed;
    z-index: 999999;
    top: 57%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 300px;
    height: auto;
}

.wrapperInnerLoader img, .wrapper-se-pre-con img {
    max-width: 300px;
    position: absolute;
    top: 32%;
}

.wrapper-inner-se-pre-con img {
    z-index: 9999999;
}

.loader {
    position: fixed;
    z-index: 999999;
    top: 32%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 10px solid #eee;
    border-radius: 50%;
    border-top: 10px solid #ccc;
    width: 300px;
    height: 300px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

.randuri {
    float: left;
    margin-right: 2%;
    width: 31%;
}

.link_nume {
    width: auto !important;
}

.navbar-brand {
    height: 100%
}

.dropdown li {
    line-height: normal !important;
}

.menu_item {
    line-height: 70px !important;
    margin-top: 0 !important;
}

.errorCompanyInfo {
    display: none;
    color: red;
}

.culorile_auto {
    float: left;
    margin-right: 5px;
    background-color: white;
    text-align: center;
    border-radius: 4px;
    text-decoration: none;
    color: #00A000;
}

#seclector_culor {
    width: 100%;
    bottom: 0;
    overflow: hidden;
    font-size: 12px;
    margin-top: 20px;
}

.produs_primaty {
    height: 450px;
}