/**
 * Variables.
 */
/**
 * Mixins.
 */
/**
 * Common styles.
 */
 .margin-bottom-none {
    margin-bottom: 0 !important; }

.checkbox {
    margin: 0; }
.checkbox input[type="checkbox"] {
    display: none; }
.checkbox input[type="checkbox"]:checked + label:before {
    background-size: contain;
    background: url("../images/checkbox-checked.jpg"); }
.checkbox label {
    font-size: 12px;
    user-select: none;
    padding-left: 28px;
    color: #000; }
.checkbox label:before {
    left: 0;
    bottom: 0;
    content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    display: inline-block;
    background: url("../images/checkbox.jpg"); }

.overlay-wrapper {
    z-index: 9500;
    display: none;
    position: absolute;
    width: 100vw !important;
    height: 100vh !important; }
.overlay-wrapper .loading-overlay {
    opacity: 1;
    width: 100%;
    height: 100%;
    background: #fff; }
.overlay-wrapper .overlay-ajax-loader {
    position: absolute;
    margin-top: -27.5px;
    top: 50% !important;
    transform: translateY(-50%); }

.breadcrumbs > div {
    padding: 8px 0 8px;
    border-bottom: 1px solid #acacac; }
.breadcrumbs > div .pull-left h1 {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    margin-top: 3px;
    line-height: 20px;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase; 
}
.breadcrumbs > div .pull-left .breadcrumb {
    margin: 0;
    padding-bottom: 0px; }
.breadcrumbs > div .pull-left .breadcrumb > li {
    font-family: 'Montserrat', sans-serif;
    color: #999;
    font-size: 12px;
    line-height: 10px;
    margin-bottom: 6px;
    font-weight: 400; }
.breadcrumbs > div .pull-left .breadcrumb > li a {
    color: #999; }
.breadcrumbs > div .pull-left .breadcrumb > li + li:before {
    content: '>'; }
.breadcrumbs > div .pull-right ul {
    margin-bottom: 0;
    /*line-height: 50px;*/ 
}
.breadcrumbs > div .pull-right ul li {
    padding-left: 6px;
    padding-right: 6px; }
.breadcrumbs > div .pull-right ul li:first-child {
    padding-left: 0; }
.breadcrumbs > div .pull-right ul li:last-child {
    padding-right: 0; }

.container {
    z-index: 0; }

.zoomContainer .zoomWindowContainer .zoomWindow {
    left: 473px !important;
    background-color: #fff;
    border: 1px solid #9f9f9f !important;
    width: 458px !important;
    height: 439px !important; }

.display-inline-block {
    display: inline-block !important; }

.tooltip-inner {
    width: 150px; }

a {
    transition: none !important; }
a:hover {
    text-decoration: none !important; }

.container {
    position: static !important; }

.carousel.vertical .item {
    transition: 0.6s ease-in-out top; }

.carousel.vertical .active {
    top: 0; }

.carousel.vertical .next {
    top: 400px; }

.carousel.vertical .prev {
    top: -400px; }

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0; }

.carousel.vertical .active.left {
    top: -400px; }

.carousel.vertical .active.right {
    top: 400px; }

.carousel.vertical .item {
    left: 0; }

.carousel.vertical .carousel-control {
    width: 100%;
    bottom: inherit;
    top: inherit; }

.carousel.vertical .carousel-control.left {
    top: 0; }

.loader,
.loader:before,
.loader:after {
    border-radius: 50%; }

.loader {
    width: 5em;
    height: 5em;
    font-size: 11px;
    color: #0055b7;
    position: relative;
    text-indent: -99999em;
    background: #fff;
    box-shadow: inset 0 0 0 1em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }

.loader:before,
.loader:after {
    position: absolute;
    content: ''; }

.loader:before {
    width: 2.6em;
    top: -0.025em;
    height: 5.3em;
    left: -0.05em;
    background: #fff;
    border-radius: 5.1em 0 0 5.1em;
    -webkit-transform-origin: 5.2em 5.1em;
    transform-origin: 2.6em 2.55em;
    -webkit-animation: load2 2s infinite ease 1.5s;
    animation: load2 2s infinite ease 1.5s; }

.loader:after {
    left: 2.6em;
    width: 2.6em;
    top: -0.025em;
    height: 5.1em;
    background: #fff;
    border-radius: 0 5.1em 5.1em 0;
    -webkit-transform-origin: 0 2.55em;
    transform-origin: 0 2.55em;
    -webkit-animation: load2 2s infinite ease;
    animation: load2 2s infinite ease; }

@-webkit-keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
@keyframes load2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); } }
/**
 * Application styles.
 */
body header .sticky-wrapper #masthead .nav-container .collapse .menu-sidebar .sidebar-widget .top-search #searchform .form-control {
    border: none;
    padding-left: 0; }
body #content-container #header {
    height: 40px;
    line-height: 40px;
    background: #0055b7; }
body #content-container #header a {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #fff; }
body #content-container #header a:hover {
    font-weight: 400; }
body #content-container #header form {
    position: relative; }
body #content-container #header form input {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: #999;
    border: none;
    width: 263px;
    height: 20px;
    margin: 10px 0;
    font-weight: 300;
    position: relative; }
body #content-container #header form:before {
    font-family: 'FontAwesome', sans-serif;
    bottom: 0;
    top: -10px;
    right: 5px;
    z-index: 1;
    color: #999;
    display: block;
    content: '\f002';
    position: absolute; }
body #content-container #header .welcome {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff; }
body #content-container #header .welcome span {
    font-family: 'Montserrat', sans-serif;
    font-weight: 300; }
body #content-container #header .welcome a {
    color: #80aadb;
    font-size: 12px;
    font-weight: 300; }
body #content-container #header .welcome a:hover {
    font-weight: 400; }
body #content-container #categories {
    margin-top: 10px; }
body #content-container #categories .inner {
    border-bottom: 1px solid #acacac; }
body #content-container #categories .inner ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
body #content-container #categories .inner ul li {
    text-align: center;
    flex-shrink: 0;
    flex-grow: 0; }
body #content-container #categories .inner ul li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-transform: uppercase; }
body #content-container #categories .inner ul li a:hover {
    font-weight: 600; }
body #content-container #categories .inner ul li.active a {
    font-weight: 600; }
body #content-container #categories .inner ul li.fast-ship a {
    color: #0055b7;
    font-weight: bold; }
body #content-container #categories .inner ul li.fast-ship a:hover {
    color: #004492; }
body #content-container #categories .inner ul li:first-child {
    text-align: left; }
body #content-container #categories .inner ul li:last-child {
    text-align: right; }
body #content-container #categories .inner ul:first-child {
    margin-bottom: 9px !important; }
body #content-container #categories .inner ul:last-child {
    margin-bottom: 11px !important; }
body.login {
    font-family: 'Montserrat', sans-serif; }
body.login #logo {
    margin: 32px 0 38px 0; }
body.login #login-register-container {
    width: 400px;
    margin: 0 auto;
    border: 1px solid #999; }
body.login #login-register-container .nav-tabs {
    border-bottom: 0; }
body.login #login-register-container .nav-tabs li {
    width: 50%;
    border-bottom: 1px solid #999; }
body.login #login-register-container .nav-tabs li a {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    font-size: 18px;
    margin-right: 0;
    text-align: left;
    background: #eee;
    color: #0055b7;
    padding: 12px 18px; }
body.login #login-register-container .nav-tabs li a img {
    margin-right: 5px; }
body.login #login-register-container .nav-tabs li a span {
    top: 1px;
    position: relative; }
body.login #login-register-container .nav-tabs li a:hover {
    transition: all .5s;
    background: #e1e1e1; }
body.login #login-register-container .nav-tabs li.active {
    border-bottom: none; }
body.login #login-register-container .nav-tabs li.active a {
    color: #000;
    background: #fff; }
body.login #login-register-container .nav-tabs li.active.login:before, body.login #login-register-container .nav-tabs li.active.register:before {
    display: none; }
body.login #login-register-container .nav-tabs li.active:hover a {
    color: #000; }
body.login #login-register-container .nav-tabs li.login, body.login #login-register-container .nav-tabs li.register {
    position: relative; }
body.login #login-register-container .nav-tabs li.login:before, body.login #login-register-container .nav-tabs li.register:before {
    bottom: 0;
    width: 5px;
    z-index: 1;
    content: '';
    height: 45px;
    display: block;
    background: #999;
    position: absolute; }
body.login #login-register-container .nav-tabs li.login:before {
    right: 0; }
body.login #login-register-container .nav-tabs li.register {
    border-left: 1px solid #999; }
body.login #login-register-container .nav-tabs li.register:before {
    left: 0; }
body.login #login-register-container .nav-tabs li:hover a {
    color: #004492; }
body.login #login-register-container .tab-content {
    padding: 20px 13px; }
body.login #login-register-container .tab-content .tab-pane form .errors-list-container {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    display: none;
    margin-bottom: 18px; }
body.login #login-register-container .tab-content .tab-pane form .errors-list-container ul {
    padding-left: 20px; }
body.login #login-register-container .tab-content .tab-pane form .form-group {
    margin-bottom: 18px; }
body.login #login-register-container .tab-content .tab-pane form .form-group select {
    -webkit-appearance: none; }
body.login #login-register-container .tab-content .tab-pane form .form-group .form-control {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #999 !important;
    border: 1px solid #acacac; }
body.login #login-register-container .tab-content .tab-pane form .form-group .form-control.active {
    color: #000 !important; }
body.login #login-register-container .tab-content .tab-pane form .form-group .form-control:focus {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000 !important; }
body.login #login-register-container .tab-content .tab-pane form .form-group .btn-success {
    transition: all .5s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    outline: none;
    font-size: 16px;
    text-align: center;
    color: #fff;
    transition: all .5s;
    background: #0055b7; }
body.login #login-register-container .tab-content .tab-pane form .form-group .btn-success:hover {
    background: #004492; }
body.login #login-register-container .tab-content .tab-pane form .form-group.has-error .form-control {
    border-color: #a94442;
    color: #a94442 !important; }
body.login #login-register-container .tab-content #login form .form-group.margin-bottom-none a {
    font-size: 12px;
    color: #0055b7; }
body.login #login-register-container .tab-content #login form .form-group.margin-bottom-none a:hover {
    color: #004492; }
body.login #login-register-container .tab-content #register form .form-group .checkbox label:before {
    text-align: center; }
body.login #login-register-container .tab-content #register form .form-group.previews-checkbox-container .checkbox label:before {
    top: 8px; }
body.login #login-register-container .tab-content #register form .row > div:first-child {
    padding-right: 7.5px; }
body.login #login-register-container .tab-content #register form .row > div:last-child {
    padding-left: 7.5px; }
body.login #login-register-container .tab-content #register form .row.normal-padding > div:first-child {
    padding-right: 15px; }
body.login #login-register-container .tab-content #register form .row.normal-padding > div:last-child {
    padding-left: 15px; }
body.landing-page #content-container #hero > div {
    margin: 40px 0 50px; }
body.landing-page #content-container #hero > div h1 {
    font-family: 'Montserrat', sans-serif;
    margin: 63px 0;
    font-size: 30px;
    line-height: 50px; }
body.landing-page #content-container #hero > div > div {
    padding-left: 0;
    padding-right: 0; }
body.landing-page #content-container #hero > div > div:first-child {
    width: 28%; }
body.landing-page #content-container #hero > div > div:last-child {
    width: 72%; }
body.landing-page #content-container #hero > div .carousel .carousel-inner .item {
    height: 476px;
    text-align: right; }
body.landing-page #content-container #hero > div .carousel .carousel-inner .item .carousel-caption {
    padding-bottom: 10px; }
body.landing-page #content-container #hero > div .carousel .carousel-inner .item .carousel-caption a {
    font-family: 'Montserrat', sans-serif;
    opacity: 1;
    width: 275px;
    height: 40px;
    border: none;
    text-transform: none;
    background: #0055b7;
    font-size: 14px !important; }
body.landing-page #content-container #hero > div .carousel .carousel-inner .item .carousel-caption a:hover {
    background: #004492; }
body.landing-page #content-container #hero > div .carousel .carousel-control {
    background-image: none; }
body.landing-page #content-container #hero > div .carousel .carousel-control .fa {
    top: 50%;
    z-index: 5;
    width: 50px;
    height: 50px;
    display: none;
    font-size: 50px;
    margin-top: -27px;
    position: absolute;
    font-family: FontAwesome, serif; }
body.landing-page #content-container #hero > div .carousel .carousel-control .fa.fa-angle-left {
    left: 35px; }
body.landing-page #content-container #hero > div .carousel .carousel-control .fa.fa-angle-right {
    right: 35px; }
body.landing-page #content-container #hero > div .carousel:hover .carousel-control .fa {
    display: inline-block; }
body.landing-page #content-container #footer {
    padding: 40px 0;
    background: #0055b7; }
body.landing-page #content-container #footer a {
    color: #fff;
    display: inline-block; }
body.landing-page #content-container #footer a h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    margin: 0 0 27px;
    color: #fff; }
body.category-page #content-container .breadcrumbs .pull-right ul li a img {
    width: 42px; }
body.category-page #content-container #filters {
    margin-top: 16px; }
body.category-page #content-container #filters .filter {
    float: left;
    width: 132px;
    margin-right: 15px; }
body.category-page #content-container #filters #brands {
    margin-right: 0;
}
body.category-page #content-container #filters #brands.filter .inner {
    background-color: #e3e4e5;
    color:#808082;
}
body.category-page #content-container #filters #brands.filter.open .inner{
    background-color: #fff;
}
body.category-page #content-container #filters .filter .inner {
    font-family: 'Montserrat', sans-serif;
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    padding: 6px 12px;
    color: #000;
    background: #efefef;
    border-bottom: 1px solid #fff; }
body.category-page #content-container #filters .filter .inner i {
    top: 2px;
    position: relative; }
body.category-page #content-container #filters .filter.open .inner {
    border-bottom: none;
    background: #fff;
    border-top: 1px solid #acacac;
    border-left: 1px solid #acacac;
    border-right: 1px solid #acacac; }
body.category-page #content-container #filters .filter.open .inner i:before {
    content: '\f106'; }
body.category-page #content-container #filters .filter.open .dropdown-menu {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 215px;
    margin-top: 0;
    top: calc(100% + 8px);
    border: 1px solid #acacac;
    padding: 3px 12px 10px 12px; }
body.category-page #content-container #filters .filter.open .dropdown-menu a {
    font-family: 'Montserrat', sans-serif;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
    border: none;
    font-size: 12px;
    font-weight: 400;
    background: #999;
    cursor: not-allowed;
    pointer-events: none;
    text-transform: none;
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
body.category-page #content-container #filters .filter.open .dropdown-menu a.active {
    cursor: pointer;
    pointer-events: auto;
    background: #0055b7; }
body.category-page #content-container #filters .filter.open .dropdown-menu a.active:hover {
    background: #004492; }
body.category-page #content-container #filters .filter.open .dropdown-menu a:hover {
    background: #999; }
body.category-page #content-container #filters .filter.open .dropdown-menu .checkbox {
    padding-left: 24px;
    position: relative;
    margin-bottom: 3px; }
body.category-page #content-container #filters .filter.open .dropdown-menu .checkbox input:checked + label {
    font-weight: 600; }
body.category-page #content-container #filters .filter.open .dropdown-menu .checkbox label {
    font-family: 'Montserrat', sans-serif;
    padding-left: 0;
    font-size: 12px;
    font-weight: 400;
    user-select: none; }
body.category-page #content-container #filters .filter.open .dropdown-menu .checkbox label:before {
    top: 3px;
    width: 11px;
    height: 11px;
    font-size: 8px;
    background-size: contain; }
body.category-page #content-container #filters .filter.open .dropdown-menu .checkbox.last {
    margin-bottom: 6px; }
body.category-page #content-container #filters .filter.open:after {
    content: '';
    height: 9px;
    width: 100%;
    bottom: -9px;
    z-index: 1001;
    display: block;
    position: absolute;
    background: #fff;
    border-left: 1px solid #acacac;
    border-right: 1px solid #acacac; }
body.category-page #content-container #selected-filters {
    display: none;
    margin-top: 16px;
    margin-bottom: 7px; }
body.category-page #content-container #selected-filters > span {
    font-family: 'Montserrat', sans-serif;
    color: #999;
    font-size: 12px;
    font-weight: 300;
    line-height: 25px; }
body.category-page #content-container #selected-filters ul {
    display: inline;
    margin-bottom: 0;
    margin-left: 30px; }
body.category-page #content-container #selected-filters ul li {
    margin-bottom: 9px;
    padding-right: 9px;
    display: inline-block; }
body.category-page #content-container #selected-filters ul li a,
body.category-page #content-container #selected-filters ul li button {
    font-family: 'Montserrat', sans-serif;
    color: #999;
    font-size: 12px;
    font-weight: 300;
    padding: 4px 9px;
    background: #efefef;
    border: 0;
    display: inline-block; }
body.category-page #content-container #selected-filters ul li a img,
body.category-page #content-container #selected-filters ul li button img {
    padding-left: 20px; }
body.category-page #content-container #selected-filters ul li:last-child {
    padding-right: 0;
    padding-left: 36px; }
body.category-page #content-container #selected-filters ul li:last-child a,
body.category-page #content-container #selected-filters ul li:last-child button {
    color: #808082;
    background: #e3e4e5; }
body.category-page #content-container #products {
    margin-top: 16px; }
body.category-page #content-container #products .product {
    display: block;
    transition: all .5s;
    cursor: pointer;
    margin-bottom: 30px;
    border: 1px solid transparent; }
body.category-page #content-container #products .product h3 {
    font-family: 'Montserrat', sans-serif;
    margin-top: 0;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 2px !important; }
body.category-page #content-container #products .product p {
    font-size: 12px;
    font-weight: 300;
    padding: 0 20px;
    line-height: 14px;
    color: #000;
    height: 28px;
    margin-bottom: 15px !important;
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
body.category-page #content-container #products .product .image-container {
    min-height: 260px;
    margin-bottom: 2px; }
body.category-page #content-container #products .product .image-container img {
    display: inline-block; }
body.category-page #content-container #products .product:hover {
    border: 1px solid #9f9f9f; }
body.category-page #content-container #products.has-filters {
    margin-top: 0; }
body.product-page #content-container .breadcrumbs .pull-right ul li a img {
    width: 40px; }
body.product-page #content-container #inner {
    padding-top: 16px; }
body.product-page #content-container #inner #photos-container {
    padding: 0 0 50px 0; }
body.product-page #content-container #inner #photos-container #small-photos-carousel .carousel-inner .item {
    min-height: 415px; }
body.product-page #content-container #inner #photos-container #small-photos-carousel .carousel-inner .item a {
    width: 100%;
    height: 95px;
    margin-bottom: 11px;
    display: inline-block; }
body.product-page #content-container #inner #photos-container #small-photos-carousel .carousel-inner .item a:last-child {
    margin-bottom: 0; }
body.product-page #content-container #inner #photos-container #small-photos-carousel .carousel-control {
    opacity: 1;
    background: none;
    text-align: center !important; }
body.product-page #content-container #inner #photos-container #small-photos-carousel .carousel-control img {
    width: 30px; }
body.product-page #content-container #inner #photos-container #small-photos-carousel .carousel-control.right {
    padding: 11px 0; }

body.product-page #content-container #inner #photos-container #small-photos-carousel {
    border-right: 1px solid #e6e7e8;
}
body.product-page #content-container #inner #photos-container #small-photos-carousel a.current{
    border-right: 3px solid #0055b7;
}


body.product-page #content-container #inner #photos-container .col-sm-9 {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    max-height: 439px;
    text-align: center; }
body.product-page #content-container #inner #photos-container .col-sm-9 img {
    display: inline-block; }
body.product-page #content-container #inner #details {
    margin-bottom: 30px; }
body.product-page #content-container #inner #details > a {
    opacity: 1;
    border: none;
    z-index: initial;
    margin-bottom: 0; }
body.product-page #content-container #inner #details > a:hover {
    background: #004492; }
body.product-page #content-container #inner #details #info {
    padding: 40px 0 30px;
    line-height: 18px; }
body.product-page #content-container #inner #details #info h1 {
    font-family: 'Montserrat', sans-serif;
    margin: 0 0 16px;
    font-size: 18px;
    color: #000;
    line-height: 18px; }
body.product-page #content-container #inner #details #info p {
    font-family: 'Montserrat', sans-serif;
    line-height: 18px;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000; }
body.product-page #content-container #inner #details #info span {
    /*font-size: 14px;*/
    color: #000;
    font-family: 'Montserrat',"Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight: 400;
}

body.product-page #content-container #inner #details #info ul {
    margin-top: 56px;
    min-height: 41px; }
body.product-page #content-container #inner #details #info ul li span {
    display: inline-block; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group {
    margin-bottom: 10px;
    border-top: 1px solid #cdcfd0; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    margin-top: 0; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 14px 0;
    background: none;
    border-bottom: 1px solid #999; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading .panel-title {
    line-height: 18px; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading .panel-title a {
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    font-size: 14px;
    position: relative;
    color: #000;
    display: inline-block;
    line-height: 18px;
    text-transform: uppercase; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading .panel-title a span {
    margin-right: 50px;
    display: inline-block;
}

body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading .panel-title a img {
    top: 31%;
    right: 0;
    width: 18px;
    margin-right: 16px;
    position: absolute;
    transform: translateY(-50%);
    margin-top: 0px;
}

body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading .panel-title a.two-lines {
    padding-top: 2px;
    line-height: 20px;
    padding-bottom: 1px; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading .panel-title a.two-lines span {
    font-weight: 300; }
#finishes-collapse-toggle span {
    /*font-weight: 400 !important;*/
}
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading.active {
    /*padding-bottom: 5px;*/
    border-bottom: none; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading.active .panel-title a .icon-angle-up {
    display: block; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-collapse .panel-body {
    color: #808082;
    font-size: 12px;
    border-top: none;
    padding: 0 0 0px 0;
    border-bottom: 1px solid #999; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-collapse#description-collapse .panel-body {
    line-height: 16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }

body.product-page #dimensions-collapse {
    line-height: 1em;
    padding-bottom: 4px;
}

body.product-page #dimensions-collapse strong, body.product-page #dimensions-collapse span {
    line-height: 1em;
}


body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-collapse#dimensions-collapse .panel-body {
    line-height: 1em;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-collapse#dimensions-collapse .panel-body strong {
    color: #000; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-collapse#finishes-collapse .panel-body {
    line-height: 18px; }
body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-collapse#finishes-collapse .panel-body strong {
    color: #000; }

.lisstle li img {
    width: 100%;
    height: 100%;
    border-radius: 50px; }

.lisstle {
    list-style: none;
}

/*.lisstle li {
    width: 36px;
    height: 36px;
}*/
.lisstle .liitem img {
    width: 100%;
    height: 100%;
    border-radius: 50px; }

.liitem {
    padding-top: 2px;
    float: left;
    margin-right:14px;
    margin-bottom: 16px;
    width: 24px;
    height: 26px; /* 24px + padding 2px */ 
    text-align: center;
}

@media (max-width: 1199px) {
    body #content-container #categories .inner ul li a {
        font-size: 11px; }
    body.landing-page #content-container #hero > div > div:first-child {
        width: 33.33333333%; }
    body.landing-page #content-container #hero > div > div:last-child {
        width: 66.66666667%; } }
@media (max-width: 991px) {
    body #content-container #categories .inner ul li a {
        font-size: 9px; }
    body.landing-page #content-container #hero > div h1 {
        font-size: 24px; } }
@media (max-width: 768px) {
    body.landing-page #content-container #hero > div h1 {
        font-size: 30px;
        margin: 0 0 40px 0; }
    body.landing-page #content-container #hero > div > div {
        width: 100% !important; }
    body.landing-page #content-container #inner #photos-container .col-sm-9 {
        max-height: auto;
        overflow: hidden;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center; }
    body.product-page #content-container #inner #photos-container .col-sm-9 {
        max-height: auto;
        overflow: hidden;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        margin-top: 40px; }
    body.product-page #content-container #inner #photos-container #small-photos-carousel {
        max-width: 124px; } }

/*# sourceMappingURL=app.css.map */
.no-shadows {
    box-shadow: none;
    border-bottom: 1px solid #cdcfd0 !important;
}
.no-border {
    border: none !important;
}
.product:hover {
    border: 1px solid red;
}



/*
    -------------- VUE TOOLTIP --------------
*/

.tooltip {
    display: block !important;
    z-index: 10000;
}

.tooltip .tooltip-inner {
    background: black;
    color: white;
    border-radius: 16px;
    padding: 3px 10px 2px;
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: black;
    z-index: 1;
}

.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
    margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip[x-placement^="left"] {
    margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip.popover .popover-inner {
    background: #f9f9f9;
    color: black;
    padding: 24px;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(black, .1);
}

.tooltip.popover .popover-arrow {
    border-color: #f9f9f9;
}

.tooltip[aria-hidden='true'] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
}

.tooltip[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s;
}

.tooltip.tooltip-white .tooltip-inner {
    background: white;
    border: .5px solid #cdcfd0;
    max-width: 200px;
    text-align: left;
    line-height: 1.2;
    padding: 10px;
}

.tooltip.tooltip-white .tooltip-arrow {
    border-color: #cdcfd0;
}

.tooltip .tooltip-inner img {
    max-width: 100%;
    height: auto;
}




/*
    -------------- PRODUCT PAGE --------------
*/


#dropdowns-container {
    height: 200px;
    margin-right: 1px;
}
#dropdowns-container .mCSB_scrollTools{
    right:-11px;
}
#dropdowns-container .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
    background-color: #cdcfd0 ;
    filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)";
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    margin:1px;
    width:5px;
}
#dropdowns-container .mCSB_scrollTools .mCSB_draggerRail{
    background-color:  #eeefef;
    filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)";
    -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;
    margin: 1px;
    width: 5px;
}

.lisstle .liitem img.COL-hidden, .lisstle .liitem img.COM-hidden {
    width: 24px;
    height: 24px;
}
.grow {
    transition: all .4s ease-in-out; 
}
.grow:hover {
    transform: scale(1.5); 
}

.li18 {
    line-height: 18px !important;
}

li.swatch {
    float: left; 
    width: 24px; 
    height: 24px;
    margin-bottom:14px;
    margin-right:14px; 
    text-align: center;
    padding-top: 2px;
}

li.swatch.swatch--border > img {
    border: 1px solid #555;
}

#finishes-collapse .tooltip {
    max-width: 30px;
    width: 30px;
}
#finishes-collapse .tooltip-inner {
    width: 70px;
}
#finishes-collapse .lisstle {
    padding-left: 6px;
}


.toggle-down {
    transform: rotate(0deg)!important;
    transition: transform 0.5s;
}
.toggle-up {
    transform: rotate(180deg) !important;
    transition: transform 0.5s;
}


body.product-page #content-container #inner #details #dropdowns-container .panel-group .panel .panel-heading.active {
    padding: 9px 0;
    padding-top: 14px;
    padding-bottom: 2px;
}

.version-column {
    columns: 3;
}

.panel-group .panel {
    overflow: inherit !important;
}

.popover {
    margin-top: -10px !important;
    border-radius: 0;
    box-shadow: none;
    /*border: .5px solid #ddd;*/
    max-width: 192px !important;
}

.popover.top>.arrow {
    border-top-color: #989898 !important;
}

.popover-content h6 {
    line-height: 14px;
}

.popover-content h6 b {
    font-size: 11px;
}

.panel-body>div>a {
    float: left;
}

.popover-content {
    /*height: 240px;*/
    width:190px;
    padding: 8px !important;
}

.paddingtop {
    padding-top: 20px !important;
    font-size: 12px !important;
    font-weight: 600;
    font-family: "Montserrat", self-serif;
}

.fabricsection {
    clear:both;
    padding-top: 8px;
    padding-bottom: 0px;
}

.margintop {
    margin-top: 14px;
}



.imagecss {
    top: 0 !important;
    right: 0 !important;
    width: 18px;
    position: relative !important;
    transform: translateY(0%) !important;
    border-radius: 5px;
    margin: 0 auto 16px !important;
}

.lisstle {
    float: left;
    margin-bottom: 0;
    width: 100%;
}

.color-title {
    margin-top: 12px;
    margin-bottom: 16px;
    float: left;
}

.centerimage {
    text-align: center;
}
.centerimage > img.img-responsive {
    height: 142px;
    width:198px;
    margin-top:12px;
    object-fit: contain;
}
.divpopover1 {
    padding-top:8px;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
    font-size:12px;
    color:black;
}
.divpopover {
    font-size: 10px;
    font-family: Montserrat,sans-serif;
    font-weight: 400;
    width: 100%;
    overflow: hidden;
    padding-top: 8px;
    color: black;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom:16px;
}

.f12 {
    font-size: 12px;
    line-height: 12px;
}

.f14 {
    font-size: 14px;
    line-height: 14px;
}

.f16 {
    font-size: 16px;
    line-height: 16px;
}

.f18 {
    font-size: 18px;
    line-height: 18px;
}

.p9 {
    padding: 9px 0 !important;
}
.weight-600 {
    font-weight: 600;
}

.bstooltip {
    /*padding-top: 5px;*/
}

/*
   -------------- PRODUCT TABS --------------
*/
#info, #info h1, #info .code, #accordion h4 a {
    font-weight: 600;
}

#product-tabs {
    margin:30px 0;
}

.product-tab-title {
    padding-right: 10px;
    font-size: 16px;
}

#product-tabs ul li a {
    font-weight: 600;
    color: black;
    padding-left:0;
    padding-right:0;
    padding-bottom: 12px;
}

#product-tabs .tab-content {
    color:black;
    padding-left: 0px;
}

#product-tabs .tab-content .product-informations-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
}

#product-tabs .tab-content .accessories {
    font-weight:500;
    padding:1px;
    margin-top:16px;
}
#product-tabs .tab-content .product-info {
    font-weight:500;
    padding:1px;
    margin-top:16px;
}
#product-tabs .tab-content .product-info div, #product-tabs .tab-content .accessories div, .accessories div{
    padding-left:0;
    padding-right:0;
}

#product-tabs .tab-content .product-info div, #product-tabs .tab-content .accessories p {
    margin: 0;
}

#product-tabs .tab-content .product-info span, #product-tabs .tab-content .accessories span, .accessories span{
    color:black;
}

#product-tabs .tab-content .product-info img, #product-tabs .tab-content  .accessories img , .accessories img{
    padding: 1px;
    border: .5px solid #cdcfd0;
    border-radius:1px;
    object-fit: contain;
    height: 60px;
    width: 60px;
    margin: 0px;
    /* margin: 12px 9px 0 0; */
}

#product-tabs .tab-content  .accessories .accessory {
    margin-bottom: 12px;
}

#product-tabs .tab-content .product-info .left-border-box, #product-tabs .tab-content  .accessories .left-border-box {
    border-left: 1px solid #ddd;
    padding-left: 10px;
}
.accessories .left-border-box {
    border-left: 1px solid #ddd;
    padding-left: 15px;
}

.accessories.versions-wrapper {
    padding-left:4px !important;
}

.versions-wrapper {
    margin-top: 16px;
}
#product-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border:none;
    border-bottom-color: #0055b7;
    border-bottom-style: solid;
    border-bottom-width: 5px;
}

#product-tabs .nav-tabs>li>a {
    border:none;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color: transparent;
}

#product-tabs .nav-tabs>li>a:hover {
    border-bottom-color: #0055b7;
    background-color: transparent;
}

.nav-tabs>li>a:hover {
    border-radius: 0;
    border-bottom-color: #0055b7;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    background-color: #eee;
}

@media (max-width: 480px) {
    #product-tabs .tab-content .product-info .left-border-box, #product-tabs .tab-content  .accessories .left-border-box {
        border:none;
        margin-top: 0;
        padding-left: 0;
    }
}
/*
   -------------- END PRODUCT TABS --------------
*/


/*
   -------------- API CONTENT LOADERS --------------
*/

#content-container {
    min-height: 600px;
}

@keyframes pulse-opacity {
    0% { opacity: 1 }
    62% { opacity: 0.9 }
    100% { opacity: 1 }
}

/* vue v-if animations */
.fade-enter-active, .fade-leave-active {
    transition: opacity 0.6s;
}
.fade-enter, .fade-leave-to {
    opacity: 0;
}

.categories-loader:before {
    content: '';
    display: block;
    margin-bottom: 9px;
    width: 100%;
    height: 20px;
    background-color: #e7e7e7;
    animation: pulse-opacity 0.6s infinite;
}
.categories-loader:after {
    content: '';
    display: block;
    margin-bottom: 11px;
    width: 100%;
    max-width: 600px;
    height: 20px;
    background-color: #e7e7e7;
    animation: pulse-opacity 0.6s infinite;
}

.filters-loader:before {
    content: '';
    display: block;
    float: left;
    width: 132px;
    margin-right: 15px;
    height: 33px;
    background-color: #e7e7e7;
    animation: pulse-opacity 0.6s infinite;
}
.filters-loader:after {
    content: '';
    display: block;
    float: left;
    width: 132px;
    margin-right: 15px;
    height: 33px;
    background-color: #e7e7e7;
    animation: pulse-opacity 0.6s infinite;
}

.title-loader:before {
    content: '';
    display: block;
    width: 100%;
    max-width: 160px;
    height: 14px;
    margin-bottom: 6px;
    background-color: #ededed;
    animation: pulse-opacity 0.6s infinite;
}
.title-loader:after {
    content: '';
    display: block;
    width: 100%;
    max-width: 260px;
    height: 20px;
    margin-top: 3px;
    background-color: #e7e7e7;
    animation: pulse-opacity 0.65s infinite;
}

.product-loader {
    display: block;
    width: 100%;
    height: 320px;
    margin-bottom: 30px;
    background-color: #e7e7e7;
    animation: pulse-opacity 0.7s infinite;
}

.carousel-loader {
    display: block;
    margin-bottom: 11px;
    width: 100%;
    height: 476px;
    background-color: #e7e7e7;
    animation: pulse-opacity 0.6s infinite;
}




/*
   -------------- SPINNER - PRODUCT IMAGES LOADER --------------
*/

#photos-container .spinner {
    animation: rotator 1.4s linear infinite;
    margin: 170px auto 0;
}
@keyframes rotator {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(270deg); }
}
@keyframes dash {
    0% {stroke-dashoffset:180px;}
    50% {
        stroke-dashoffset: 45px;
        transform:rotate(135deg);
    }
    100% {
        stroke-dashoffset:180px;
        transform:rotate(450deg);
    }
}

#photos-container .spinner .path {
    stroke-dasharray: 180px;
    stroke-dashoffset: 0;
    transform-origin: center;
    stroke: #0055b7;
    animation: dash 1.4s ease-in-out infinite;
}


#category-page .btn-load-more {
    background: #0055b7;
    margin-bottom: 3rem;
}
#category-page .btn-load-more:hover {
    background: #004492
}