:root {
    --main-back-c: #232323;
    --main-c: #54b94d;
    --main-sec-c: #f28586;
    --main-textback-c: #888484;
    --full-black: rgba(0, 0, 0, 0);
    --black-50trans: rgba(0, 0, 0, .5);
    --white-c: #fff;
    --linkblue-c: #801111;
    --grey-01-c: #3498db;
    --grey-02-c: #f5791f
}

body,
html {
    height: 100%;
    width: 100%;
    margin: 0;
}

body {
    background-color: #fff;
    background-image: url(/images/pattern11box.png);
    background-repeat: repeat;
    padding: 0;
    font-family: font1!important;
    max-height: 100%;
    margin: 0 auto;
    overflow: hidden;
    left: calc(-50vw + 50%);
    right: calc(-50vw + 50%);
    width: 100%!important
}

@media (max-width:1700px) {
    body {
        overflow: auto;
    }
}

@font-face {
    font-family: font1;
    src: url(Lato-Medium.ttf);
}

@font-face {
    font-family: font2;
    src: url(Lato-Black.ttf);
}

.product.large,
div:hover {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.midCim,
.searchBar:focus {
    outline: 0
}

.btn,
.unselect_img {
    -moz-user-select: none;
    user-select: none
}

#searchHelper ul,
.bKategoria ul,
ul.sidenav {
    list-style-type: none
}

div:hover {
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

a {
    text-decoration: none
}

a:hover {
    color: #f5791f
}

.home_mail,
.leftTel {
    color: var(--white-c);
    font-family: font2
}

#logo_big {
    height: 300px;
    width: 800px
}

#logo img {
    height: 50px;
    position: absolute;
    top: 0
}

#logo_big img {
    max-height: 50px;
    top: 0
}

.home_mail {
    position: fixed;
    left: 50px;
    top: 0;
    font-size: 23px
}

.leftTel {
    position: absolute;
    left: 270px;
    top: 5px;
    font-size: 19px
}

#smallSearch {
    position: relative;
    left: 50px;
    top: 60px
}

.searchBar,
::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder {
    position: absolute;
    left: 100px;
    top: 195px;
    height: 32px;
    width: 330px;
    border: 0;
    text-align: right;
    background: 0 0;
    color: #fff;
    font: 19px font2
}

.searchButton,
.smallSearchButton {
    width: 35px;
    background: 0 0;
    height: 35px
}

.searchButton {
    position: absolute;
    left: 445px;
    top: 195px;
    border-radius: 50px;
    opacity: .5
}

#product_images,
.termekAr {
    border-top-left-radius: 4px
}

.smallSearchButton {
    left: -60px;
    font-size: 150%;
    border-color: transparent
}

#topmid,
#topmid img {
    max-width: 235px;
    width: 235px
}

.searchButton:hover {
    opacity: .5;
    background: 0 0
}

.midCim,
.utvonal {
    position: absolute;
    background-color: var(--main-c);
    color: var(--white-c);
    text-align: center
}

.hidden {
    opacity: 0
}

#topmid {
    position: absolute;
    left: 730px;
    top: 0
}

.midCim {
    height: 35px;
    font-size: 28px;
    width: 100%;
    bottom: 0
}

.home_map {
    height: 200px
}

.home_map iframe {
    width: 100%;
    height: 100%
}

.utvonal {
    line-height: 150%;
    font-size: 21px;
    z-index: 2;
    bottom: -20px;
    width: 100%;
    height: 35px
}

#leftR1_2 {
    position: relative;
    left: 490px;
    top: 0
}

#home_slider {
    position: relative;
    width: 720px;
    max-height: 390px
}

.termek {
    position: absolute;
    height: 325px;
    width: 228.75px
}

.hasonloTermek a,
.shop_item a,
.termek a {
    color: #000
}

.hasonloTermek {
    height: 280px
}

.hasonloTermekKep {
    height: 150px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.hasonloTermek,
.hasonloTermek img {
    overflow: hidden;
    background-color: var(--white-c)
}

.hasonloTermek img {
    margin: auto;
    max-height: 100%;
    max-width: 100%
}

.termekText,
.termekText table {
    position: absolute;
    width: 100%;
    background-color: var(--main-textback-c);
    color: var(--white-c);
    font: 15px font2
}

.termekText {
    padding: 5px
}

.nagyTermekAr,
.nagyTermekCim,
.termekAr,
.termekCim {
    position: absolute;
    bottom: 0;
    max-height: 45px;
    min-height: 30px;
    background-color: var(--main-c);
    color: var(--white-c);
    padding-left: 3px;
    display: grid;
    align-items: center;
    justify-content: center;
    overflow: hidden
}

.termekCim {
    width: 100%;
    height: 30px;
    line-height: 185%;
    padding: 0 10px
}

.termekAr {
    right: 0;
    max-width: 60%;
    min-width: 25%;
    bottom: 33px;
    overflow: hidden;
    z-index: 3;
    text-align: right;
    padding: 3px
}

.termek1 {
    position: absolute;
    left: 0;
    top: 0
}

.termek2 {
    left: 238.75px;
    top: 0
}

.termek3 {
    left: 477.5px;
    top: 0
}

.termek4 {
    left: 716.25px;
    top: 0
}

.shop_items {
    margin-top: 0
}

.shop_item {
    max-height: 300px;
    width: 100%
}

.hasonloTermek,
.leftSideFilter,
.shop_item,
.termek {
    overflow: hidden;
    background-color: #fff;
    z-index: 1
}

.leftSideFilter {
    box-shadow: 0 0 5px 0 #666;
    padding: 15px;
    max-height: 81%;
    overflow: auto
}

#thumbs a img,
.lightbox-target:target img,
.product_images_main img,
.shop_item img,
.shop_item_image img {
    max-height: 100%;
    max-width: 100%
}

.product_left_bar {
    z-index: 1
}

#aboutus,
#carousel,
#footer img,
#home_ad,
#map,
#newContent,
#news01,
#news02,
#okosotthon,
#projektor,
#rText,
#vids,
#webshop,
.hasonloTermek,
.home_2x2,
.newTitle,
.rImage,
.shop_item,
.termek,
.utvonal {
    -webkit-box-shadow: 3px 5px 7px rgba(0, 0, 0, .45);
    -moz-box-shadow: 3px 5px 7px rgba(0, 0, 0, .45);
    box-shadow: 0 0 15px rgba(0, 0, 0, .45)
}

.hasonloTermek:hover,
.home_product>a:hover,
.shop_item:hover,
.termek:hover {
    -webkit-box-shadow: 0 0 3px 1px #3498db;
    -moz-box-shadow: 3px 4px 5px rgba(0, 0, 0, .45);
    box-shadow: 0 0 3px 1px #3498db;
    z-index: 25
}

.shop_item_image {
    display: grid;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    padding: 0;
    top: 0;
    z-index: 1;
    height: 25%
}

.shop_item_image img {
    z-index: 1
}

.shop_item img {
    margin: auto;
    display: table-cell;
    vertical-align: middle;
    position: relative
}

.shop_itemText,
.shop_itemText table {
    position: relative;
    width: 230px;
    background-color: var(--main-textback-c);
    color: var(--white-c);
    font: 15px font2
}

#news,
#vids,
.newTitle {
    position: absolute
}

.shop_itemtext,
.termektext {
    background: var(--black-50trans);
    display: table;
    position: absolute;
    bottom: 30px;
    opacity: 0;
    color: var(--white-c)
}

.shop_item:hover .shop_itemtext,
.termek:hover .termektext {
    opacity: .9;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
    z-index: 100
}

#vids {
    left: 975px;
    top: 575px
}

#vids iframe {
    width: 525px;
    height: 295px;
    border-width: 0;
    border-style: inset;
    border-color: initial;
    border-image: initial
}

.home_news_title,
.newTitle {
    width: 100%;
    height: 30px;
    background-color: var(--main-sec-c);
    font-size: 21px;
    text-align: center;
    margin-bottom: 5px
}

#news {
    left: 1510px;
    top: 575px;
    max-height: 377px;
    max-width: 500px
}

.newTitle {
    left: 0;
    top: 0
}

#boltMid,
#footer,
#newContent {
    position: relative
}

#news01,
#news02 {
    height: 150px;
    left: 0;
    position: absolute;
    overflow: hidden
}

#newContent {
    left: 0;
    top: 30px;
    width: 410px;
    height: 47.5px;
    background-color: var(--white-c);
    z-index: 5;
    font-size: 16px
}

#newContent tr {
    border-bottom: 2px solid rgba(0, 0, 0, .5)
}

.news {
    color: var(--main-back-c)
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

#news01 {
    top: 0
}

#news02 {
    top: 150.5px
}

#footer {
    right: 0;
    top: 765px
}

#footer img {
    max-height: 80px;
    width: 633.3px
}

#footerLeft {
    left: 0
}

#footerMid {
    left: 643.3px
}

#footerRight {
    left: 1286.6px
}

#footerLeft,
#footerMid,
#footerRight {
    position: absolute;
    overflow: hidden;
    top: 0
}

#boltMid {
    left: 480px;
    top: 240px;
    max-width: 228.75px
}

.altCategory,
.childCategory {
    position: relative;
    left: 10px;
    width: 225px
}

.altCategory,
.childCategory,
.mainCategory {
    display: table-cell;
    padding-left: 5px;
    height: 35px
}

.mainCategory {
    background-color: var(--main-c)
}

.altCategory {
    background-color: var(--main-sec-c)
}

.childCategory {
    background-color: var(--grey-02-c);
    color: var(--grey-02-c)
}

.hover:hover {
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

#footerSlideContainer {
    position: fixed;
    bottom: -30px;
    width: 100%;
    z-index: 20;
    background-color: var(--grey-01-c);
    opacity: .95;
    height: 60px;
    -webkit-transition: height .5s;
    -moz-transition: height .5s;
    -ms-transition: height .5s;
    -o-transition: height .5s;
    transition: height .5s
}

#footerSlideContainer a {
    color: #fff
}

#footerSlideContainer a:hover {
    color: #bf427c
}

#footerSlideContainer:hover {
    height: 275px;
    background-color: #f5791f;
    box-shadow: 0 -8px 15px 1px #c5c5c5
}

#footerSlideContent {
    width: 100%;
    max-width: 1920px;
    height: 0;
    padding: 30px 30px 0
}

.footer-distributed {
    box-sizing: border-box;
    width: 100%;
    max-width: 1920px;
    text-align: left;
    font: 19px font2;
    z-index: 500
}

.footer-distributed .footer-center,
.footer-distributed .footer-left,
.footer-distributed .footer-right {
    display: inline-block;
    vertical-align: top
}

.footer-distributed .footer-left {
    width: 40%
}

.footer-distributed h3 {
    color: var(--white-c);
    font: font1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: font2
}

.footer-distributed h3 span {
    color: var(--linkblue-c)
}

.footer-distributed .footer-links {
    color: var(--white-c);
    padding: 0
}

.footer-distributed .footer-links a {
    display: inline-block;
    line-height: 1.8;
    text-decoration: none
}

.footer-distributed .footer-center i {
    background-color: var(--grey-02-c);
    color: var(--white-c);
    font-size: 30px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    margin: 10px 15px;
    vertical-align: middle
}

.footer-distributed .footer-center i.fa-envelope {
    font-size: 17px;
    line-height: 38px
}

.footer-distributed .footer-center p {
    display: inline-block;
    color: var(--white-c);
    vertical-align: middle;
    margin: 0
}

.footer-distributed .footer-center p span {
    display: block;
    font-weight: 400;
    font-size: 17px;
    line-height: 2
}

.footer-distributed .footer-center p a {
    color: #f0ffff;
    text-decoration: none
}

.footer-distributed .footer-right {
    width: 20%
}

.footer-distributed .footer-company-about {
    line-height: 20px;
    color: #f0f8ff;
    font-size: 15px;
    font-weight: 400;
    margin: 0
}

.footer-distributed .footer-company-about span {
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px
}

.footer-distributed .footer-icons {
    margin-top: 25px
}

.footer-distributed .footer-icons a {
    display: inline-block;
    width: 35px;
    height: 35px;
    cursor: pointer;
    font-size: 20px;
    color: var(--white-c);
    text-align: center;
    line-height: 35px
}

#categories,
#termekcategories {
    color: var(--white-c);
    margin-right: 5px;
    border-radius: 4px
}

#categories form,
#termekcategories form {
    padding: 10px;
    margin: 5px
}

#oldalak,
#termekoldalak {
    position: absolute;
    left: 50%;
    top: 5px;
    z-index: 3
}

ul.sidenav {
    position: absolute;
    width: 225px;
    top: 275px;
    margin: 0;
    padding: 0;
    background-color: #f1f1f1;
    height: calc(100%-250px);
    z-index: 5
}

ul.sidenav li a {
    display: block;
    color: #000;
    text-decoration: none;
    min-width: 150px;
    padding: 10px
}

ul.sidenav li a:hover {
    background-color: var(--grey-01-c);
    color: var(--white-c)
}

ul.sidenav li li:hover {
    list-style-type: none;
    opacity: 1;
    display: block
}

ul.sidenav li {
    position: relative
}

ul.sidenav li:hover {
    background-color: #66819C
}

ul.sidenav li:hover a {
    color: var(--white-c)
}

ul.sidenav li ul {
    position: absolute;
    top: 10%;
    left: 80%;
    width: 242px;
    display: none;
    list-style: none;
    opacity: .95
}

ul.sidenav li:hover>ul {
    display: block
}

ul.sidenav li ul li {
    background: grey
}

#product_images,
#product_info {
    max-height: 100%;
    background-color: var(--white-c);
}

#product_images {
    border-bottom-left-radius: 4px
}

#product_description {
    max-height: 100%;
    /* background-color: #E6E6E6; */
}

#product_title {
    font-size: 30px;
    padding: 5px
}

#leiras,
#specifikacio {
    position: absolute;
    text-align: center;
    background-color: #FFF;
    border: 2px solid #F78E20;
    width: 33%;
    cursor: pointer;
    color: #000;
    border-radius: 4px;
    height: 30px;
    font: 19px/85% font2
}

#leirasSpecSzoveg,
.order {
    position: relative;
    font-family: font2
}

#leiras {
    left: 5px
}

#specifikacio {
    right: 5px
}

#leirasSpecSzoveg {
    top: 35px;
    font-size: 18px;
    padding-left: 10px;
    overflow: auto;
    max-width: 475px;
    max-height: calc(100%-200px)
}

#termekBrutto {
    font-size: 43px;
    padding: 5px 5px 25px;
    text-align: right
}

#termekNetto {
    text-align: right;
    margin-right: 25px;
    margin-bottom: 20px;
    font: 17px font2
}

.order {
    width: 100%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    margin-bottom: 10px
}

.make3D.animate .order {
    opacity: .95;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

#product_info a {
    color: #000
}

.order c {
    float: right;
    margin-right: 5px
}

#product_info {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 0 10px 0 #888
}

#product_similar {
    background-color: rgba(255, 255, 255, .2)
}

#normal1 {
    height: 500px;
    display: flex;
    align-items: center;
    justify-content: center
}

#normal2,
#normal3 {
    height: 500px;
    display: none;
    align-items: center;
    justify-content: center
}

.product_images_main {
    margin-bottom: 0;
    width: 100%;
    height: 450px;
    overflow: hidden
}

.product_images_main img {
    margin: auto;
    display: block
}

#product_images_main a {
    color: var(--main-c);
    font-size: 12px
}

#thumbs {
    height: 15%;
    overflow: hidden;
}

#thumbs a:hover {
    border: 1px solid #aaa;
    border-radius: 10px
}

.midErr {
    position: absolute;
    font-size: 100px;
    left: 15%;
    top: 40%;
    margin: 0 auto;
    color: #fff
}

a.lightbox img {
    max-height: 95px;
    width: 180px;
    margin: 15px 20px 5px;
    z-index: 50
}

.lightbox-target {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .8);
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    overflow: hidden;
    z-index: 50
}

.lightbox-target img,
a.lightbox-close {
    box-sizing: border-box;
    position: absolute;
    right: 0
}

.lightbox-target img {
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    max-height: 0;
    max-width: 0;
    border: 3px solid #555;
    box-shadow: 7px 7px 30px rgba(0, 0, 0, .8);
    background-color: #fff;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 50
}

a.lightbox-close {
    display: block;
    width: 50px;
    height: 50px;
    background: #fff;
    color: #000;
    text-decoration: none;
    top: -80px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 50
}

a.lightbox-close:after,
a.lightbox-close:before {
    content: "";
    height: 30px;
    width: 1px;
    background: #000;
    position: absolute;
    left: 26px;
    top: 10px;
    z-index: 50;
    display: block
}

a.lightbox-close:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

a.lightbox-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0
}

.lightbox-target:target a.lightbox-close {
    top: 0
}

.normalMouse {
    cursor: default
}

.navbar-nav>li>.dropdown-menu,
catBody {
    margin-top: 0!important;
    border-radius: 4px;
    width: 1000%;
    left: -200px
}

.navbar-default .navbar-nav>li>a {
    width: 200px
}

.mega-dropdown {
    position: static!important;
    width: 50%
}

.mega-dropdown-menu {
    padding: 5px 0;
    left: -75%;
    top: 58px;
    width: 350%;
    z-index: 500
}

.mega-dropdown-menu:after,
.mega-dropdown-menu:before {
    content: "";
    border-left: 35px solid transparent;
    position: absolute;
    top: -20px
}

.mega-dropdown-menu:before {
    border-bottom: 20px solid #eee;
    left: 265px;
    z-index: 11
}

.mega-dropdown-menu:after {
    border-bottom: 20px solid #ddd;
    border-right: 10px solid transparent;
    left: 266px;
    z-index: 10
}

.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;
    clear: both;
    font-weight: 400;
    line-height: 1.3;
    color: #999
}

.mega-dropdown-menu>li ul>li>a:focus,
.mega-dropdown-menu>li ul>li>a:hover {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
    border-radius: 6px
}

.mega-dropdown-menu .dropdown-header,
.mega-dropdown-menu .dropdown-header a {
    font-size: 18px;
    font-weight: 100!important
}

.mega-dropdown-menu form {
    margin: 3px 10px
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px
}

.smallPrice {
    -o-transition: border-color ease-in-out .15s box-shadow ease-in-out .15s;
    -webkit-background-clip: padding-box;
    -webkit-transition: border-color ease-in-out .15s 0 ease-in-out .15s;
    background-clip: padding-box;
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    color: #464a4c;
    line-height: 1;
    padding: .5rem .75rem;
    transition: border-color ease-in-out .15s box-shadow ease-in-out .15s 0 ease-in-out .15s;
    margin-right: 5px
}

.cart-item {
    padding: 5px 0 5px 100px;
    max-height: 100px;
    width: 280px;
    position: relative;
    background: #fff;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    display: none
}

.top_logo_small,
.top_logo_small a img,
.wsmenu {
    max-height: 50px
}

.cartShadow {
    -webkit-box-shadow: 3px 5px 10px rgba(0, 0, 0, .5);
    -moz-box-shadow: 13px 5px 10px rgba(0, 0, 0, .5);
    box-shadow: 3px 5px 10px rgba(0, 0, 0, .5)
}

.cart-item.flash {
    background: #fffeb0
}

.cart-item-border {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #edeff0
}

.cart-item .img-wrap {
    max-width: 50px;
    max-height: 50px;
    overflow: hidden;
    border: 1px solid #edeff0;
    float: left;
    margin-left: -100px
}

.cart-item img {
    width: 100%;
    position: relative;
    top: 0
}

.cart-item strong {
    color: #5ff7d2;
    font-size: 16px
}

.cart-item span {
    color: #393c45;
    display: block;
    font-size: 13px;
    margin-left: -50px;
    padding: 3px
}

.cart-item .delete-item {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/delete-item.png) no-repeat;
    width: 15px;
    height: 15px;
    float: right;
    margin-right: 18px;
    display: none
}

.cart-item:hover .delete-item {
    display: block;
    cursor: pointer
}

.btn-breadcrumb>*>div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.carousel-control.left,
.carousel-control.right {
    background: 0 0
}

.carousel-control {
    position: absolute;
    top: 45%;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: auto;
    color: #fff;
    text-align: center;
    opacity: 1;
    text-shadow: none
}

.carousel-control:hover {
    color: #888
}

.panel.with-nav-tabs .panel-heading {
    padding: 5px 5px 0
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px
}

.with-nav-tabs.panel-default .nav-tabs>li>a,
.with-nav-tabs.panel-default .nav-tabs>li>a:focus,
.with-nav-tabs.panel-default .nav-tabs>li>a:hover {
    color: #777
}

.with-nav-tabs.panel-default .nav-tabs>.open>a,
.with-nav-tabs.panel-default .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-default .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-default .nav-tabs>li>a:focus,
.with-nav-tabs.panel-default .nav-tabs>li>a:hover {
    color: #777;
    background-color: #ddd;
    border-color: transparent
}

.with-nav-tabs.panel-default .nav-tabs>li.active>a,
.with-nav-tabs.panel-default .nav-tabs>li.active>a:focus,
.with-nav-tabs.panel-default .nav-tabs>li.active>a:hover {
    color: #555;
    background-color: #fff;
    border-color: #ddd #ddd transparent
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #777
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:focus,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>li>a:hover {
    background-color: #ddd
}

.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus,
.with-nav-tabs.panel-default .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #555
}

.with-nav-tabs.panel-primary .nav-tabs>li>a,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover {
    color: #fff
}

.with-nav-tabs.panel-primary .nav-tabs>.open>a,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-primary .nav-tabs>li>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>li>a:hover {
    color: #fff;
    background-color: #3071a9;
    border-color: transparent
}

.with-nav-tabs.panel-primary .nav-tabs>li.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>li.active>a:hover {
    color: #ea4041;
    background-color: #fff;
    border-color: #ea4041 #ea4041 transparent
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #ea4041;
    border-color: #3071a9
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #fff
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>li>a:hover {
    background-color: #3071a9
}

.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus,
.with-nav-tabs.panel-primary .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover {
    background-color: #4a9fe9
}

.with-nav-tabs.panel-success .nav-tabs>li>a,
.with-nav-tabs.panel-success .nav-tabs>li>a:focus,
.with-nav-tabs.panel-success .nav-tabs>li>a:hover {
    color: #3c763d
}

.with-nav-tabs.panel-success .nav-tabs>.open>a,
.with-nav-tabs.panel-success .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-success .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-success .nav-tabs>li>a:focus,
.with-nav-tabs.panel-success .nav-tabs>li>a:hover {
    color: #3c763d;
    background-color: #d6e9c6;
    border-color: transparent
}

.with-nav-tabs.panel-success .nav-tabs>li.active>a,
.with-nav-tabs.panel-success .nav-tabs>li.active>a:focus,
.with-nav-tabs.panel-success .nav-tabs>li.active>a:hover {
    color: #3c763d;
    background-color: #fff;
    border-color: #d6e9c6 #d6e9c6 transparent
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #3c763d
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:focus,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>li>a:hover {
    background-color: #d6e9c6
}

.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus,
.with-nav-tabs.panel-success .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #3c763d
}

.with-nav-tabs.panel-info .nav-tabs>li>a,
.with-nav-tabs.panel-info .nav-tabs>li>a:focus,
.with-nav-tabs.panel-info .nav-tabs>li>a:hover {
    color: #31708f
}

.with-nav-tabs.panel-info .nav-tabs>.open>a,
.with-nav-tabs.panel-info .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-info .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-info .nav-tabs>li>a:focus,
.with-nav-tabs.panel-info .nav-tabs>li>a:hover {
    color: #31708f;
    background-color: #bce8f1;
    border-color: transparent
}

.with-nav-tabs.panel-info .nav-tabs>li.active>a,
.with-nav-tabs.panel-info .nav-tabs>li.active>a:focus,
.with-nav-tabs.panel-info .nav-tabs>li.active>a:hover {
    color: #31708f;
    background-color: #fff;
    border-color: #bce8f1 #bce8f1 transparent
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #31708f
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:focus,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>li>a:hover {
    background-color: #bce8f1
}

.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus,
.with-nav-tabs.panel-info .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #31708f
}

.with-nav-tabs.panel-warning .nav-tabs>li>a,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover {
    color: #8a6d3b
}

.with-nav-tabs.panel-warning .nav-tabs>.open>a,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-warning .nav-tabs>li>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>li>a:hover {
    color: #8a6d3b;
    background-color: #faebcc;
    border-color: transparent
}

.with-nav-tabs.panel-warning .nav-tabs>li.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>li.active>a:hover {
    color: #8a6d3b;
    background-color: #fff;
    border-color: #faebcc #faebcc transparent
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #8a6d3b
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>li>a:hover {
    background-color: #faebcc
}

.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus,
.with-nav-tabs.panel-warning .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #8a6d3b
}

.with-nav-tabs.panel-danger .nav-tabs>li>a,
.with-nav-tabs.panel-danger .nav-tabs>li>a:focus,
.with-nav-tabs.panel-danger .nav-tabs>li>a:hover {
    color: #a94442
}

.with-nav-tabs.panel-danger .nav-tabs>.open>a,
.with-nav-tabs.panel-danger .nav-tabs>.open>a:focus,
.with-nav-tabs.panel-danger .nav-tabs>.open>a:hover,
.with-nav-tabs.panel-danger .nav-tabs>li>a:focus,
.with-nav-tabs.panel-danger .nav-tabs>li>a:hover {
    color: #a94442;
    background-color: #ebccd1;
    border-color: transparent
}

.with-nav-tabs.panel-danger .nav-tabs>li.active>a,
.with-nav-tabs.panel-danger .nav-tabs>li.active>a:focus,
.with-nav-tabs.panel-danger .nav-tabs>li.active>a:hover {
    color: #a94442;
    background-color: #fff;
    border-color: #ebccd1 #ebccd1 transparent
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu {
    background-color: #f2dede;
    border-color: #ebccd1
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a {
    color: #a94442
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:focus,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>li>a:hover {
    background-color: #ebccd1
}

.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:focus,
.with-nav-tabs.panel-danger .nav-tabs>li.dropdown .dropdown-menu>.active>a:hover {
    color: #fff;
    background-color: #a94442
}

#pageContent {
    position: relative;
    width: 100%;
    background-color: #fff;
    height: 870px;
    display: grid;
    margin: auto;
    border-radius: 10px;
    box-shadow: 0 0 15px #777
}

#pageLogo {
    position: absolute;
    left: 10px
}

#pageLogo img {
    height: 60px;
    padding: 3px
}

#pageTitle {
    font-size: 3em;
    line-height: 1.5em;
}

#pageText {
    margin-top: 65px;
    font-family: font2;
    max-height: 80%;
    overflow: auto;
    padding: 5px
}

#pageText a {
    color: var(--main-c)
}

#pageText a:hover {
    color: #445273
}

#pageText table td {
    vertical-align: top
}

.wsm,
.wss {
    padding: 15px
}

.wss {
    width: 40%
}

.wsm {
    box-shadow: 0 0 10px 0 #888;
    width: 20%;
    background-color: var(--main-c);
    color: #fff;
    border-radius: 5px;
    position: fixed
}

#pageText ul {
    padding-left: 20px
}

#pageFooterButtonsBar {
    position: absolute;
    bottom: 75px;
    background-color: #bfbfbf;
    width: 100%
}

#pageFooterButtons {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px
}

#pageFooter {
    position: absolute;
    bottom: 180px;
    width: 100%;
    height: 75px;
    margin: 15px
}

#pageHeader {
    position: absolute;
    width: 100%;
    height: 60px;
    color: #FFF;
    background-color: #e74c3c;
    text-align: center;
    border-radius: 10px 10px 0 0;
    box-shadow: 0 3px 10px 0 rgba(136, 136, 136, 0.5);
    /* font-size: 1em; */
}

#pageBody {
    background-repeat: repeat
}

#pageSelectorTop {
    position: absolute;
    top: -5vh;
    left: 25%
}

.cartRow,
.wizard {
    position: absolute;
    top: 100px
}

.pagination>li>a,
.pagination>li>span {
    border-radius: 4px!important;
    margin: 0 5px
}

ul.dropdown-cart {
    min-width: 250px
}

ul.dropdown-cart li .item {
    display: block;
    padding: 3px 10px;
    margin: 3px 0
}

ul.dropdown-cart li .item:hover {
    background-color: #f3f3f3
}

ul.dropdown-cart li .item:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

ul.dropdown-cart li .item-left,
ul.dropdown-cart li .item-left img,
ul.dropdown-cart li .item-left span.item-info {
    float: left
}

ul.dropdown-cart li .item-left span.item-info {
    margin-left: 10px
}

ul.dropdown-cart li .item-left span.item-info span {
    display: block
}

ul.dropdown-cart li .item-right {
    float: right
}

ul.dropdown-cart li .item-right button {
    margin-top: 14px
}

.cartRow {
    width: 100%;
    max-height: calc(100%-145px);
    overflow: auto
}

.cartRowInside {
    height: calc(100%-145px);
    max-width: 100%
}

.cartprodimg {
    max-width: 300px;
    max-height: 100px
}

.col-item {
    padding: 0!important
}

.col-item .photo img {
    margin: 0 auto;
    width: 100%
}

.shop_item_info {
    width: 100%
}

.col-item .shop_item_info {
    border-radius: 0 0 5px 5px
}

.col-item:hover .shop_item_info {
    background-color: #fbc790
}

.col-item .price {
    float: left;
    margin-left: 5px;
    margin-top: 0
}

.col-item .price h5 {
    line-height: 20px;
    margin: 0
}

h4 {
    line-height: 1.1;
    margin-top: 0
}

.price-text-color {
    color: var(--main-c)
}

.col-item .shop_item_info .rating {
    color: #777
}

.col-item .rating {
    float: left;
    text-align: right;
    margin-bottom: 10px;
    height: 52px
}

.col-item .separator {
    border-top: 1px solid #E1E1E1
}

.clear-left {
    clear: left
}

.col-item .separator p {
    line-height: 0;
    margin-bottom: 0;
    text-align: center
}

.col-item .separator p i {
    margin-right: 5px
}

.col-item .btn-add {
    color: #fff
}

.col-item .btn-details {
    padding-left: 10px
}

.controls {
    margin-top: 20px
}

[data-slide=prev] {
    margin-right: 10px
}

.bottom {
    position: absolute;
    bottom: 0
}

.maxSizeRow {
    height: 85px;
    overflow: hidden
}

.rating {
    position: absolute;
    padding-left: 0;
    padding-right: 10px;
    width: 50%;
    text-align: right;
    right: 0
}

#shop_item_info,
.arukereso_01,
.intro-header,
.scale__container--js,
.view_gallery,
span.round-tab {
    text-align: center
}

.carousel {
    overflow: hidden;
    z-index: 10
}

#outerbody,
.panel-body,
.panel-body-inner {
    overflow: auto
}

.carousel .item {
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -ms-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition: opacity 1s
}

.carousel .active.left,
.carousel .active.right {
    left: 0;
    opacity: 0;
    z-index: 2
}

.carousel .next,
.carousel .prev {
    left: 0;
    opacity: 1;
    z-index: 1
}

#aLeiras,
#aSpecifikacio,
#azErtekeles {
    overflow: auto;
    max-height: 60%!important;
    padding-right: 0!important
}

h1,
h2 {
    margin-top: 0
}

.colorhomed {
    background-color: var(--main-c)
}

.scale--js {
    display: inline-block;
    transform-origin: 50% 0;
    -webkit-font-smoothing: antialiased;
    transform: translate3d(0, 0, 0)
}

.col-sm-3 {
    width: 15%
}

.dropdown-menu {
    min-width: 200px
}

.dropdown-menu.columns-2 {
    min-width: 400px
}

.dropdown-menu.columns-3 {
    min-width: 800px
}

.dropdown-menu li a {
    font-weight: 300
}

.multi-column-dropdown {
    list-style: none;
    margin: 0;
    padding: 0
}

.multi-column-dropdown li a {
    display: block;
    clear: both;
    line-height: 1.428571429;
    color: #333;
    white-space: normal
}

.multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #999
}

.wizard {
    margin: 20px auto;
    background: #fff;
    width: calc(100% - 245px);
    left: 240px
}

.wizard .nav-tabs,
.wizard>div.wizard-inner {
    position: relative
}

.wizard .nav-tabs {
    margin: 10px auto 0;
    border-bottom-color: #e0e0e0
}

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1
}

.wizard .nav-tabs>li.active>a,
.wizard .nav-tabs>li.active>a:focus,
.wizard .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    font-size: 25px
}

.wizard li.active:after,
.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    margin: 0 auto;
    bottom: 0
}

span.round-tab i {
    color: #555
}

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #ea4041
}

.wizard li.active span.round-tab i {
    color: #ea4041
}

span.round-tab:hover {
    color: #333;
    border: 2px solid #333
}

.wizard .nav-tabs>li {
    width: 25%
}

.wizard li:after {
    opacity: 0;
    border: 5px solid transparent;
    border-bottom-color: #ea4041;
    transition: .1s ease-in-out
}

.wizard li.active:after {
    opacity: 1;
    border: 10px solid transparent;
    border-bottom-color: #ea4041
}

.dropdown-submenu,
.wizard .tab-pane {
    position: relative
}

.wizard .nav-tabs>li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0
}

.mar_ned,
.step33 {
    margin-bottom: 10px
}

.wizard .nav-tabs>li a:hover {
    background: 0 0
}

.wizard h3 {
    margin-top: 0
}

.step1 .row {
    margin: 10px
}

.step_21 {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px
}

.step33 {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-left: 10px
}

.birthdrop,
.dropselectsec,
.dropselectsec1 {
    padding: 6px 5px;
    color: #333;
    margin-left: 10px;
    font-weight: 400;
    outline: 0
}

.dropselectsec {
    width: 68%;
    border: 1px solid #ccc;
    border-radius: 3px
}

.dropselectsec1 {
    width: 74%;
    border: 1px solid #ccc;
    border-radius: 3px
}

.wdth {
    width: 25%
}

.birthdrop {
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 16%
}

#accordion-container {
    font-size: 13px
}

.accordion-header {
    font-size: 13px;
    background: #ebebeb;
    margin: 5px 0 0;
    padding: 7px 20px;
    cursor: pointer;
    color: #fff;
    font-weight: 400;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#header li a,
.accordion-content a {
    color: #333;
    text-decoration: none
}

.unselect_img {
    width: 18px;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.active-header {
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    background: #F53B27
}

.active-header:after {
    content: "\f068";
    font-family: FontAwesome;
    float: right;
    margin: 5px;
    font-weight: 400
}

.inactive-header {
    background: #333
}

.inactive-header:after {
    content: "\f067";
    font-family: FontAwesome;
    float: right;
    margin: 4px 5px;
    font-weight: 400
}

.accordion-content {
    display: none;
    padding: 20px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px
}

.dropdown-submenu:hover>.dropdown-menu,
.showHelper {
    display: block
}

.accordion-content td {
    border-bottom: 1px solid #dcdcdc
}

.panel-body {
    max-height: 100%;
    max-width: 100%
}

.innerbody {
    max-width: 98%
}

#inner-body {
    height: 500px
}

#clientdata {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px
}

.dropdown-submenu>.dropdown-menu {
    top: 35px;
    left: 15%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px;
    -moz-border-radius: 0 4px 4px;
    border-radius: 0 4px 4px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    -moz-column-fill: auto;
    column-fill: auto
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #ccc;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

ul li a::first-letter {
    font-weight: 700;
    color: var(--main-c)
}

#searchHelper {
    left: 81px;
    z-index: -5;
    background-color: #FFF;
    padding: 5px 25px;
    border-radius: 0 0 4px 4px;
    text-align: right
}

#searchHelper a {
    color: #232323
}

#searchHelper a:hover {
    color: #F78E20
}

.showHelper {
    opacity: .95;
    z-index: 5000
}

.hideHelper {
    opacity: 0;
    z-index: -5;
    display: none
}

.btn-grey {
    background-color: #D8D8D8;
    color: #FFF
}

.review-block-name,
.review-block-name a {
    color: #3071a9!important
}

.rating-block {
    background-color: #FAFAFA;
    border: 1px solid #EFEFEF;
    padding: 15px 15px 20px;
    border-radius: 3px
}

.bold {
    font-weight: 700
}

.padding-bottom-7 {
    padding-bottom: 7px
}

.review-block {
    background-color: #FAFAFA;
    border: 1px solid #EFEFEF;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 15px
}

.review-block-name {
    font-size: 12px;
    margin: 10px 0
}

.review-block-date {
    font-size: 12px
}

.review-block-rate {
    font-size: 13px;
    margin-bottom: 15px
}

.review-block-title {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px
}

.review-block-description {
    font-size: 13px
}

.animated {
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    transition: height .2s
}

.stars {
    margin: 20px 0;
    font-size: 24px;
    color: #d17581
}

#feedback {
    position: absolute;
    bottom: 13px;
    left: 40px;
    z-index: 10;
    padding: 7px
}

#floatedFeedback {
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #dadee2;
    transition: all .5s ease;
    margin: 0 15px 0 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    font-size: 12px;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 50
}

#kategoriak {
    position: fixed;
    top: -3px;
    left: 200px;
    z-index: 1
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
header,
hgroup,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: font1;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: inherit;
}

.cd-dropdown-content .cd-divider+li>a,
.cd-dropdown-content li:first-of-type>a,
.cd-dropdown-content ul .cd-divider+li>a,
.cd-dropdown-content ul li:first-of-type>a {
    border-top-width: 0
}

#fav,
#header li a,
#sidebar h3 {
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

.cd-dropdown-wrapper,
.wsmenu * {
    -webkit-font-smoothing: antialiased;
    /* border-radius: 5px; */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

.cd-dropdown-wrapper {
    display: inline-block;
    position: relative;
    height: 40px;
    -moz-osx-font-smoothing: grey
}

.cd-dropdown-trigger {
    display: block;
    position: relative;
    padding: 0 36px 0 20px;
    line-height: 40px;
    background-color: #111433;
    color: #fff;
    border-radius: 3px
}

.no-touch .cd-dropdown-trigger:hover {
    background-color: #171b46
}

.cd-dropdown-trigger::after,
.cd-dropdown-trigger::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    height: 2px;
    width: 9px;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: width .3s, -webkit-transform .3s;
    -moz-transition: width .3s, -moz-transform .3s;
    transition: width .3s, transform .3s
}

.cd-dropdown,
.cd-dropdown h2 {
    background-color: #111433;
    z-index: 1
}

.cd-dropdown-trigger::before {
    right: 22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cd-dropdown-trigger::after {
    right: 17px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
    height: 35px;
    line-height: 35px
}

.cd-dropdown h2,
.cd-dropdown-content .cd-divider,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
    padding: 0 10px
}

.cd-dropdown {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .5s 0s, visibility 0 .5s;
    -moz-transition: -moz-transform .5s 0s, visibility 0 .5s;
    transition: transform .5s 0s, visibility 0 .5s
}

.cd-dropdown h2 {
    position: relative;
    color: #585a70;
    border-bottom: 1px solid #242643
}

.cd-dropdown .cd-close {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent
}

.cd-dropdown .cd-close::after,
.cd-dropdown .cd-close::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    height: 20px;
    width: 2px;
    background-color: #fff
}

.cd-dropdown .cd-close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.cd-dropdown .cd-close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.cd-dropdown.dropdown-is-active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s 0s, visibility 0 0;
    -moz-transition: -moz-transform .5s 0s, visibility 0 0;
    transition: transform .5s 0s, visibility 0 0
}

.cd-dropdown-content,
.cd-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    padding-top: 50px
}

.cd-dropdown-content a,
.cd-dropdown-content ul a {
    display: block;
    color: #fff;
    overflow: hidden
}

.cd-dropdown-content li:last-of-type>a,
.cd-dropdown-content ul li:last-of-type>a {
    border-bottom-width: 1px
}

.cd-dropdown-content .cd-divider,
.cd-dropdown-content ul .cd-divider {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #0b0e23;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #585a70;
    text-transform: uppercase
}

.cd-dropdown-content .cd-divider,
.cd-dropdown-content .cd-search,
.cd-dropdown-content a,
.cd-dropdown-content ul .cd-divider,
.cd-dropdown-content ul .cd-search,
.cd-dropdown-content ul a {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s, -webkit-transform .3s;
    -moz-transition: opacity .3s, -moz-transform .3s;
    transition: opacity .3s, transform .3s
}

.cd-dropdown-content ul.is-hidden,
.cd-dropdown-content.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.cd-dropdown-content ul.is-hidden>.cd-divider,
.cd-dropdown-content ul.is-hidden>li>.cd-search,
.cd-dropdown-content ul.is-hidden>li>a,
.cd-dropdown-content ul.move-out>.cd-divider,
.cd-dropdown-content ul.move-out>li>.cd-search,
.cd-dropdown-content ul.move-out>li>a,
.cd-dropdown-content.is-hidden>.cd-divider,
.cd-dropdown-content.is-hidden>li>.cd-search,
.cd-dropdown-content.is-hidden>li>a,
.cd-dropdown-content.move-out>.cd-divider,
.cd-dropdown-content.move-out>li>.cd-search,
.cd-dropdown-content.move-out>li>a {
    opacity: 0
}

.cd-dropdown-content ul.move-out>.cd-divider,
.cd-dropdown-content ul.move-out>li>.cd-search,
.cd-dropdown-content ul.move-out>li>a,
.cd-dropdown-content.move-out>.cd-divider,
.cd-dropdown-content.move-out>li>.cd-search,
.cd-dropdown-content.move-out>li>a {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.dropdown-is-active .cd-dropdown-content,
.dropdown-is-active .cd-dropdown-content ul {
    -webkit-overflow-scrolling: touch
}

.cd-dropdown-content .see-all a {
    color: var(--main-c)
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    height: 80px;
    line-height: 80px
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding-left: 90px
}

.cd-dropdown-content .cd-dropdown-gallery img {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    padding-left: 75px;
    position: relative
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    color: #111433;
    font-size: 1.3rem;
    display: none
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
    background-image: url(../img/nucleo-icon-1.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
    background-image: url(../img/nucleo-icon-2.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
    background-image: url(../img/nucleo-icon-3.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
    background-image: url(../img/nucleo-icon-4.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
    background-image: url(../img/nucleo-icon-5.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
    background-image: url(../img/nucleo-icon-6.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
    background-image: url(../img/nucleo-icon-7.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
    background-image: url(../img/nucleo-icon-8.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
    background-image: url(../img/nucleo-icon-9.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
    background-image: url(../img/nucleo-icon-10.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
    background-image: url(../img/nucleo-icon-11.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
    background-image: url(../img/nucleo-icon-12.svg)
}

.cd-search input[type=search] {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    background-color: #242643;
    color: #fff;
    border: none;
    border-radius: 0
}

.cd-search input[type=search]::-webkit-input-placeholder {
    color: #fff
}

.cd-search input[type=search]::-moz-placeholder {
    color: #fff
}

.cd-search input[type=search]:-moz-placeholder {
    color: #fff
}

.cd-search input[type=search]:-ms-input-placeholder {
    color: #fff
}

.cd-search input[type=search]:focus {
    background: #fff;
    color: #111433;
    outline: 0
}

.cd-search input[type=search]:focus::-webkit-input-placeholder {
    color: rgba(17, 20, 51, .4)
}

.cd-search input[type=search]:focus::-moz-placeholder {
    color: rgba(17, 20, 51, .4)
}

.cd-search input[type=search]:focus:-moz-placeholder {
    color: rgba(17, 20, 51, .4)
}

.cd-search input[type=search]:focus:-ms-input-placeholder {
    color: rgba(17, 20, 51, .4)
}

.go-back a,
.has-children>a {
    position: relative
}

.go-back a::after,
.go-back a::before,
.has-children>a::after,
.has-children>a::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.material-switch>input[type=checkbox],
.no-js .cd-dropdown-wrapper .cd-close {
    display: none
}

.go-back a::before,
.has-children>a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.go-back a::after,
.has-children>a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.has-children>a {
    padding-right: 40px
}

.has-children>a::after,
.has-children>a::before {
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%
}

.cd-dropdown-content .go-back a {
    padding-left: 40px
}

.cd-dropdown-content .go-back a::after,
.cd-dropdown-content .go-back a::before {
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%
}

.cd-main-content {
    background-color: #e6e6e6;
    min-height: calc(100vh - 100px);
    padding: 2em 5%;
    line-height: 2
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

header {
    height: 50px;
    background-color: #fff;
    box-shadow: 0 0 15px #888
}

#dropdown-carter {
    width: 100%
}

#aruKereso {
    position: absolute;
    z-index: 1000;
    top: 5px;
    left: 500px
}

#okosotab3 img {
    max-height: 100px;
    max-width: 300px
}

#okosotab3 {
    max-height: 600px
}

#tab-content {
    overflow: auto;
    max-width: 100%;
    max-height: 100%
}

.funkyradio div,
.make3D,
.product.large,
per {
    overflow: hidden
}

#tab-content a {
    color: #445273
}

::-webkit-scrollbar-track {
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: rgba(8, 176, 228, .5)
}

::-webkit-scrollbar {
    width: 10px;
    background-color: rgba(245, 245, 245, .897)
}

::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: rgba(231, 74, 60, 1)
}

.shape {
    border-style: solid;
    border-width: 0 95px 55px 0;
    float: right;
    height: 0;
    width: 0;
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    z-index: 50
}

.offer-radius {
    border-radius: 4px
}

.offer-danger {
    border-color: #d9534f
}

.offer-danger .shape {
    border-color: transparent #d9534f transparent transparent;
    border-color: rgba(255, 255, 255, 0) #d9534f rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)
}

.offer-success {
    border-color: #5cb85c
}

.offer-success .shape {
    border-color: transparent #5cb85c transparent transparent;
    border-color: rgba(255, 255, 255, 0) #5cb85c rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)
}

.offer-default {
    border-color: #999
}

.offer-default .shape {
    border-color: transparent #999 transparent transparent;
    border-color: rgba(255, 255, 255, 0) #999 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)
}

.offer-primary {
    border-color: #ea4041
}

.offer-primary .shape {
    border-color: transparent #ea4041 transparent transparent;
    border-color: rgba(255, 255, 255, 0) #ea4041 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)
}

.offer-info {
    border-color: #ea4041
}

.product_free_shipping {
    position: absolute;
    right: 0;
    z-index: 100;
    border-color: transparent #D41919 transparent transparent;
    border-color: rgba(255, 255, 255, 0) #D41919 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
    font-size: 12px
}

.offer-info .shape {
    border-color: transparent #ea4041 transparent transparent;
    border-color: rgba(255, 255, 255, 0) #ea4041 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)
}

.offer-warning {
    border-color: #f0ad4e
}

.offer-warning .shape {
    border-color: transparent #f0ad4e transparent transparent;
    border-color: rgba(255, 255, 255, 0) #f0ad4e rgba(255, 255, 255, 0) rgba(255, 255, 255, 0)
}

.shape-text {
    color: #fff;
    position: relative;
    right: -25px;
    top: -4px;
    white-space: nowrap;
    -ms-transform: rotate(30deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    z-index: 45
}

.clickable {
    cursor: pointer
}

.panel-heading span {
    margin-top: -20px;
    font-size: 15px
}

.scrollable-menu {
    height: auto;
    max-height: 160px;
    width: 100%;
    overflow-x: hidden
}

.material-switch>label {
    cursor: pointer;
    height: 0;
    position: relative;
    width: 40px
}

.material-switch>label::after,
.material-switch>label::before {
    content: '';
    margin-top: -8px;
    position: absolute
}

.material-switch>label::before {
    background: #000;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .5);
    border-radius: 8px;
    height: 16px;
    opacity: .3;
    transition: all .4s ease-in-out;
    width: 40px
}

.material-switch>label::after {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    height: 24px;
    left: -4px;
    top: -4px;
    transition: all .3s ease-in-out;
    width: 24px
}

.material-switch>input[type=checkbox]:checked+label::before {
    background: inherit;
    opacity: .5
}

.material-switch>input[type=checkbox]:checked+label::after {
    background: inherit;
    left: 20px
}

#custom-search-form {
    margin: 5px 0 0;
    padding: 0
}

#custom-search-form .search-query {
    padding-right: 3px;
    padding-right: 4px\9;
    padding-left: 3px;
    padding-left: 4px\9;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out
}

#custom-search-form button {
    border: 0;
    background: 0 0;
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.search-query:focus+button {
    z-index: 3
}

.search-query:focus {
    width: 260px
}

.list-group-item:hover {
    cursor: pointer
}

.media-left {
    display: inline-block
}

#center {
    display: inline
}

#favorites {
    margin-left: -5px
}

#fav {
    font-size: 12px;
    color: #959595;
    content: "Favorites"
}

.cartTopRow {
    width: 100%;
}

.setup-content {
    width: 100%;
    height: 45%;
}

* {
    margin: 0;
    padding: 0
}

per {
    height: 1153px;
    width: 1643px;
    background: #fff
}

#header ul {
    padding: 33px 0 0 45px
}

#header li {
    list-style: none;
    float: left;
    margin-right: 30px
}

#header li a {
    font-size: 14px
}

#headerli a:hover {
    color: #000;
    cursor: pointer
}

#grid-selector {
    height: 10px;
    width: 1291px;
    padding: 40px 0 40px 30px;
    float: left;
    color: #5d5f68;
    font-size: 14px
}

#grid-menu {
    float: right;
    width: 105px
}

#grid-menu ul {
    width: 65px;
    float: right;
    position: relative;
    top: -1px
}

#grid-menu li {
    float: right;
    width: 25px;
    height: 25px;
    list-style: none
}

#grid-menu li a {
    display: block;
    width: 25px;
    height: 25px
}

#grid-menu li.smallGrid {
    margin-right: 7px
}

#grid-menu li.smallGrid a {
    background-position: 0 -33px
}

#grid-menu li.largeGrid a {
    background-position: -37px 0
}

#grid-menu li.smallGrid a.active {
    background-position: 0 0
}

#grid-menu li.largeGrid a.active {
    background-position: -37px -33px
}

#grid {
    width: 1335px;
    position: absolute;
    left: 340px;
    height: 1200px;
    top: 180px
}

#sidebar {
    float: left;
    background: #fff;
    width: 275px;
    padding: 13px 0 0 45px;
    height: 1400px;
    border-right: 1px solid #eee
}

#sidebar h3 {
    color: #262626;
    font-size: 14px;
    padding: 35px 0 10px;
    clear: both
}

#sidebar .checklist {
    padding: 0
}

.checklist ul li {
    font-size: 14px;
    font-weight: 400;
    list-style: none;
    padding: 7px 0 7px 23px
}

.checklist li span {
    float: left;
    width: 11px;
    height: 11px;
    margin-left: -23px;
    margin-top: 4px;
    border: 1px solid #d1d3d7;
    position: relative
}

.checklist a .x,
.checklist a .y {
    display: block;
    height: 2px;
    background: #5ff7d2
}

.categories .sizes li,
.sizes li span {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.checklist li a,
.checklist li a:hover {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.checklist li a {
    color: #676a74;
    text-decoration: none;
    transition: all .3s ease-out
}

.checklist li a:hover {
    color: #222;
    transition: all .3s ease-out
}

.categories a:hover span,
.info-large,
.sizes a:hover span {
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.checklist a:hover span {
    border-color: #a6aab3
}

.categories a:hover span,
.sizes a:hover span {
    border-color: #a6aab3;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.checklist a span span {
    border: none;
    margin: 0;
    float: none;
    position: absolute;
    top: 0;
    left: 0
}

.checklist a .x {
    width: 0;
    top: 6px;
    left: 2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 50ms ease-out;
    transition: all 50ms ease-out
}

.checklist a .x.animate {
    width: 4px;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -ms-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in
}

.checklist a .y {
    width: 0;
    top: 4px;
    left: 3px;
    -ms-transform: rotate(13deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: all 50ms ease-out;
    -webkit-transition: all 50ms ease-out
}

.checklist a .y.animate,
.product-back,
.product-front {
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.checklist a .y.animate {
    width: 8px;
    -ms-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.checklist .checked span {
    border-color: #8d939f
}

.colors ul,
.sizes ul {
    float: left;
    width: 130px
}

.colors ul li {
    padding-left: 21px
}

.colors a span {
    border: none;
    position: relative;
    border-radius: 100%;
    background-color: #eae3d3;
    width: 13px;
    height: 13px;
    margin-left: -20px
}

.colors a:hover span {
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-left: -21px
}

#sidebar img {
    margin-top: 6px
}

.product {
    position: relative;
    perspective: 800px;
    width: 306px;
    height: 471px;
    transform-style: preserve-3d;
    float: left;
    margin-right: 23px;
    -webkit-transition: width .5s ease-in-out;
    -moz-transition: width .5s ease-in-out;
    -ms-transition: width .5s ease-in-out;
    -o-transition: width .5s ease-in-out;
    transition: width .5s ease-in-out
}

.cx,
.cy,
.flip-back,
.image_overlay,
.make3D,
.stats-container,
.view_gallery,
div.floating-cart,
div.shadow {
    position: absolute
}

.product-front img {
    width: 100%
}

.product-back,
.product-front {
    width: 315px;
    height: 480px;
    background: #fff;
    position: absolute;
    left: -5px;
    top: -5px;
    transition: all .1s ease-out
}

.product-back {
    display: none;
    transform: rotateY(180deg)
}

.make3D.animate .product-back,
.make3D.animate .product-front,
div.large .product-back {
    top: 0;
    left: 0;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.make3D {
    width: 305px;
    height: 470px;
    top: 10px;
    left: 10px;
    transform-style: preserve-3d;
    -webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    transition: .1s ease-out
}

div.make3D.flip-10 {
    -webkit-transform: rotateY(-10deg);
    -moz-transform: rotateY(-10deg);
    -o-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
    transition: 50ms ease-out
}

div.make3D.flip90 {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    transition: .1s ease-in
}

div.make3D.flip190 {
    -webkit-transform: rotateY(190deg);
    -moz-transform: rotateY(190deg);
    -o-transform: rotateY(190deg);
    transform: rotateY(190deg);
    transition: .1s ease-out
}

div.make3D.flip180 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    transition: 150ms ease-out
}

.make3D.animate {
    top: 5px;
    left: 5px;
    width: 315px;
    height: 480px;
    box-shadow: 0 5px 31px -1px rgba(0, 0, 0, .15);
    -webkit-transition: .1s ease-out;
    -moz-transition: .1s ease-out;
    -o-transition: .1s ease-out;
    transition: .1s ease-out
}

div.large .make3D {
    top: 0;
    left: 0;
    width: 315px;
    height: 480px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    transition: .3s ease-out
}

.make3D.animate .stats-container,
.stats-container {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.large div.make3D {
    box-shadow: 0 5px 31px -1px transparent
}

.product.large:hover,
div.floating-cart {
    box-shadow: 0 5px 31px -1px rgba(0, 0, 0, .15)
}

.large div.flip-back {
    display: none
}

.stats-container {
    background: #fff;
    top: 382px;
    left: 0;
    width: 252px;
    height: 300px;
    padding: 24px 40px 35px 32px;
    transition: all .2s ease-out;
    float: right;
    color: #5ff7d2;
    font-size: 22px;
    font-weight: 600
}

.make3D.animate .stats-container {
    top: 265px;
    transition: all .2s ease-out
}

.make3D.animate .image_overlay,
.view_gallery {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.stats-container .product_name {
    font-size: 15px;
    color: #393c45;
    font-weight: 700;
    width: 100%
}

.stats-container p {
    font-size: 15px;
    color: #b1b1b3;
    padding: 2px 0 20px
}

.product_price {
    float: right;
    font-size: 21px;
    font-weight: 600
}

.product_price_info_param {
    color: grey;
    font-size: 12px
}

.image_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #5ff7d2;
    opacity: 0
}

.make3D.animate .image_overlay {
    opacity: .7;
    transition: all .2s ease-out
}

.product-options {
    padding: 0
}

.product-options strong {
    font-weight: 700;
    color: #393c45;
    font-size: 14px
}

.product-options span {
    color: #969699;
    font-size: 14px;
    display: block;
    margin-bottom: 8px
}

.view_gallery {
    top: 144px;
    left: 50%;
    width: 152px;
    font-size: 15px;
    margin-left: -78px;
    border: 2px solid #fff;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0;
    opacity: 0;
    transition: all .2s ease-out
}

.view_gallery:hover {
    background: #fff;
    color: #5ff7d2;
    cursor: pointer
}

.make3D.animate .view_gallery {
    opacity: 1;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out
}

div.colors div {
    margin-top: 3px;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    float: left
}

div.colors div span {
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%
}

#checkout,
.info-large,
div.floating-cart .stats-container,
div.shadow {
    display: none
}

div.colors div span:hover {
    width: 17px;
    height: 17px;
    margin: -1px 0 0 -1px
}

div.c-blue span {
    background: #6e8cd5
}

div.c-red span {
    background: #f56060
}

div.c-green span {
    background: #44c28d
}

div.c-white span {
    background: #fff;
    width: 14px;
    height: 14px;
    border: 1px solid #e8e9eb
}

div.shadow {
    width: 335px;
    height: 520px;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 3;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2));
    background: -o-linear-gradient(right, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2));
    background: -moz-linear-gradient(right, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2));
    background: linear-gradient(to right, rgba(0, 0, 0, .1), rgba(0, 0, 0, .2))
}

.product-back div.shadow {
    z-index: 10;
    opacity: 1;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    background: -o-linear-gradient(right, rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    background: -moz-linear-gradient(right, rgba(0, 0, 0, .2), rgba(0, 0, 0, .1));
    background: linear-gradient(to right, rgba(0, 0, 0, .2), rgba(0, 0, 0, .1))
}

.flip-back {
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.cx,
.cy {
    background: #d2d5dc;
    width: 0;
    top: 15px;
    right: 15px;
    height: 3px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.flip-back:hover .cx,
.flip-back:hover .cy {
    background: #979ca7;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.cx.s1,
.cy.s1,
.cy.s2 {
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.cx.s1,
.cy.s1 {
    right: 0;
    width: 30px;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.cy.s2,
.cy.s3 {
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.cy.s2 {
    -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
    transition: all .1s ease-out
}

.cx.s1,
.cy.s3 {
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.cy.s3 {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all .1s ease-out
}

.cx.s1,
.cx.s2 {
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.cx.s1 {
    right: 0;
    width: 30px;
    -ms-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.cx.s2 {
    -ms-transform: rotate(140deg);
    -webkit-transform: rotate(140deg);
    transform: rotate(140deg);
    -webkit-transition: all .1s ease-out;
    -ms-transition: all 100ease-out;
    transition: all .1s ease-out
}

.cx.s3 {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 100ease-out;
    -moz-transition: all .1s ease-out;
    -ms-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

div.floating-cart {
    top: 0;
    left: 0;
    width: 315px;
    height: 480px;
    background: #fff;
    z-index: 200;
    overflow: hidden;
    display: none
}

div.cart-icon-bottom,
div.cart-icon-top {
    background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/245657/cart.png) 0 -3px no-repeat #fff;
    margin: 0;
    z-index: 1;
    right: 50px;
    position: absolute
}

div.floating-cart .product-front {
    width: 100%;
    top: 0;
    left: 0
}

div.floating-cart.moveToCart {
    left: 1800px!important;
    top: 21px!important;
    width: 47px;
    height: 47px;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.add-cart-large,
body.MakeFloatingCart div.floating-cart.moveToCart {
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

body.MakeFloatingCart div.floating-cart.moveToCart {
    left: 1850px!important;
    right: 50px;
    top: 50px!important;
    width: 21px;
    height: 22px;
    box-shadow: 0 5px 31px -1px transparent;
    transition: all .2s ease-out
}

div.cart-icon-top {
    width: 21px;
    height: 3px;
    top: 47px
}

div.cart-icon-bottom {
    width: 21px;
    height: 19px;
    top: 50px
}

body.MakeFloatingCart div.cart-icon-top {
    z-index: 30
}

body.MakeFloatingCart div.cart-icon-bottom {
    z-index: 300
}

#shop_item_info {
    position: absolute;
    top: 20px;
    left: 676px;
    width: 413px
}

#shop_item_info p {
    font-size: 15px;
    padding: 3px;
    color: #b1b1b3
}

#shop_item_info a {
    text-decoration: none
}

#checkout {
    border: 2px solid #5ff7d2;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 9px;
    position: absolute;
    top: 137px;
    left: 181px;
    color: #5ff7d2
}

.product.large {
    width: 639px;
    margin-bottom: 25px;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.floating-image-large {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.info-large {
    position: absolute;
    top: 0;
    left: 0;
    padding: 42px;
    width: 245px;
    height: 395px;
    -webkit-transition: all .5s ease-out;
    transition: all .3s ease-out
}

.large .info-large,
.productCardContent,
.productCardDetails {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.large .info-large {
    left: 310px;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.info-large h4 {
    text-transform: uppercase;
    font-size: 28px;
    color: #000;
    font-weight: 400;
    padding: 0
}

.add-cart-large,
.btnlearn,
.info-large h3,
.wsshopmenu span,
div.sku {
    font-weight: 700
}

div.sku {
    color: #d0d0d0;
    font-size: 12px;
    padding-top: 11px
}

div.sku strong {
    color: #000
}

.add-cart-large {
    border: 3px solid #000;
    background: #fff;
    text-transform: uppercase;
    padding: 10px;
    width: 246px;
    margin-top: 38px;
    transition: all .2s ease-out;
    font: 17px "Open Sans", sans-serif
}

.add-cart-large:hover {
    color: #5ff7d2;
    border-color: #5ff7d2;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    cursor: pointer
}

.topmenusearch .searchicon,
.topmenusearch input {
    -moz-transition: all .7s ease 0;
    -o-transition: all .7s ease 0;
    transition: all .7s ease 0
}

.info-large h3 {
    letter-spacing: 1px;
    color: #262626;
    text-transform: uppercase;
    font-size: 14px;
    clear: left;
    margin-top: 20px;
    margin-bottom: 3px
}

.wsmain .cl,
.wsmain:after {
    clear: both
}

.colors-large {
    margin-bottom: 38px
}

.colors-large li {
    float: left;
    list-style: none;
    margin-right: 7px;
    width: 16px;
    height: 16px
}

.colors-large li a {
    float: left;
    width: 16px;
    height: 16px;
    border-radius: 50%
}

.colors-large li a:hover {
    width: 19px;
    height: 19px;
    position: relative;
    top: -1px;
    left: -1px
}

.sizes-large span {
    font-weight: 600;
    color: #b0b0b0
}

.sizes-large span:hover {
    color: #000;
    cursor: pointer
}

#home_right_side {
    position: fixed;
    left: calc(50% + 10px);
    top: 0
}

.home_image_text,
.home_image_text_smaller {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #ed1c24;
    font-size: 4.5vh;
    text-shadow: 1px 0 0 #000
}

.home_image_text_smaller {
    font-size: 3.5vh
}

.home_vid iframe {
    width: 100%;
    height: 22em;
    border-width: 0;
    border-style: inset;
    border-color: initial;
    border-image: initial;
    display: table-cell;
    vertical-align: middle
}

.arukereso_02,
.arukereso_06,
.arukereso_07,
.arukereso_08 {
    display: block
}

.home_news_text {
    font-size: 1.25em;
    height: 200px
}

.category_alt {
    position: absolute;
    top: 0;
    left: 160px
}

.alt_category_body {
    margin-top: 0!important;
    width: 100%!important;
    border-radius: 4px;
    left: 0!important
}

.intro-header {
    color: #f8f8f8;
    background: #f5791f;
    height: 175px;
    font-size: 1em;
}

.intro-header h2 {
    font-size: 2em
}

.custom-tab-content {
    color: #fff
}

.home_phone_number {
    margin-top: 10px;
    line-height: 20px;
    color: #232323;
    font-size: 1.25em
}

.home_phone_number a {
    color: #232323
}

.home_phone_number a:hover {
    color: #F53B27
}

#custom-search-input {
    margin: 10px 0 0;
    padding: 0
}

#custom-search-input .search-query {
    padding-right: 3px;
    padding-right: 4px\9;
    padding-left: 3px;
    padding-left: 4px\9;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

#custom-search-input button {
    border: 0;
    background: 0 0;
    padding: 2px 5px;
    margin-top: 2px;
    position: relative;
    left: -28px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #D9230F
}

.arukereso_01 {
    background: #FFF;
    padding: 0;
    margin: 0 auto;
    position: absolute;
    bottom: 150px;
    z-index: 3;
    border-radius: 4px
}

.arukereso_02,
.arukereso_04 {
    margin: 0;
    border: 0;
    padding: 0
}

.arukereso_03 {
    color: #000;
    font: 11px/16px Arial, Verdana
}

.arukereso_05 {
    position: absolute;
    width: 180px;
    height: 150px;
    z-index: 10;
    bottom: 200px;
    background: url(https://assets2.orszagboltja.hu/soc/images/hu/boxbg/2017/180x150.png) no-repeat
}

.arukereso_06 {
    width: 180px;
    height: 80px
}

.arukereso_07 {
    height: 40px;
    background: url(http://ebox-pc.hu/images/eboxlogobig.png) top center no-repeat;
    background-size: contain
}

.arukereso_08 {
    width: 180px;
    height: 24px;
    margin-top: 16px
}

.padding-5 {
    padding: 0
}

.shop_item_info_table {
    border-collapse: initial
}

.funkyradio div {
    clear: both
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: 400
}

.funkyradio input[type=radio]:empty,
.funkyradio input[type=checkbox]:empty {
    display: none
}

.funkyradio input[type=radio]:empty~label,
.funkyradio input[type=checkbox]:empty~label {
    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.funkyradio input[type=radio]:empty~label:before,
.funkyradio input[type=checkbox]:empty~label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px
}

.funkyradio input[type=radio]:hover:not(:checked)~label,
.funkyradio input[type=checkbox]:hover:not(:checked)~label {
    color: #888
}

.funkyradio input[type=radio]:hover:not(:checked)~label:before,
.funkyradio input[type=checkbox]:hover:not(:checked)~label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2
}

.funkyradio input[type=radio]:checked~label,
.funkyradio input[type=checkbox]:checked~label {
    color: #777
}

.funkyradio input[type=radio]:checked~label:before,
.funkyradio input[type=checkbox]:checked~label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc
}

.funkyradio input[type=radio]:focus~label:before,
.funkyradio input[type=checkbox]:focus~label:before {
    box-shadow: 0 0 0 3px #999
}

.funkyradio-default input[type=radio]:checked~label:before,
.funkyradio-default input[type=checkbox]:checked~label:before {
    color: #333;
    background-color: #ccc
}

.funkyradio-primary input[type=radio]:checked~label:before,
.funkyradio-primary input[type=checkbox]:checked~label:before {
    color: #fff;
    background-color: #337ab7
}

.funkyradio-success input[type=radio]:checked~label:before,
.funkyradio-success input[type=checkbox]:checked~label:before {
    color: #fff;
    background-color: #5cb85c
}

.funkyradio-danger input[type=radio]:checked~label:before,
.funkyradio-danger input[type=checkbox]:checked~label:before {
    color: #fff;
    background-color: #d9534f
}

.funkyradio-warning input[type=radio]:checked~label:before,
.funkyradio-warning input[type=checkbox]:checked~label:before {
    color: #fff;
    background-color: #f0ad4e
}

.funkyradio-info input[type=radio]:checked~label:before,
.funkyradio-info input[type=checkbox]:checked~label:before {
    color: #fff;
    background-color: #5bc0de
}

.shop_manu_list {
    max-height: 150px;
    overflow: auto;
    border: 1px solid #dadada;
    border-radius: 1px;
    padding: 5px;
    line-height: 15px
}

.social:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.social {
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s
}

#social-fb:hover {
    color: #3B5998
}

#social-tw:hover {
    color: #4099FF
}

#social-gp:hover {
    color: #d34836
}

#social-em:hover {
    color: #f39c12
}

.wsmenu * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.wsmain img,
embed,
object,
video {
    border: 0;
    max-width: 100%
}

.wsmain a:focus {
    outline: 0!important
}

.wsmain:after,
.wsmain:before {
    content: "";
    display: table
}

.overlapblackbg,
.wsmobileheader {
    display: none
}

.smllogo {
    padding: 9px 0 0;
    margin: 0;
    float: left;
    width: 5%
}

.smllogo a {
    display: block;
    float: left;
    padding: 0
}

.topmenusearch,
.topmenusearch input {
    position: relative;
    float: right;
    width: 100%;
    height: 42px
}

.topmenusearch {
    margin: 9px 0 0
}

.topmenusearch .searchicon {
    -webkit-transition: all .7s ease 0;
    transition: all .7s ease 0
}

.topmenusearch input {
    top: 0;
    right: 0;
    bottom: 0;
    border: 0;
    padding: 0;
    margin: 0;
    text-indent: 15px;
    font-size: 12px;
    z-index: 2;
    outline: 0;
    color: #7d7d7d;
    background-color: #e9ebef;
    -webkit-transition: all .7s ease 0;
    transition: all .7s ease 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.wsmenu,
.wsmenu-list>li.socialicon {
    float: left
}

.topmenusearch input:focus {
    color: #000
}

.topmenusearch input:focus~.btnstyle {
    background-color: #424242;
    color: #fff;
    opacity: .9
}

.topmenusearch input:focus~.btnstyle .fa {
    color: #fff
}

.topmenusearch input:focus~.searchicon {
    opacity: 1;
    z-index: 3;
    color: #FFF
}

.topmenusearch .btnstyle {
    top: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 42px;
    line-height: 30px;
    cursor: pointer;
    color: #fff;
    z-index: 1000;
    background-color: #eee;
    border: 0 solid;
    -webkit-transition: all .7s ease 0;
    -moz-transition: all .7s ease 0;
    -o-transition: all .7s ease 0;
    transition: all .7s ease 0;
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    border-radius: 0 2px 2px 0
}

.topmenusearch .btnstyle .fa {
    line-height: 38px;
    margin: 0;
    padding: 0;
    text-align: center;
    color: #9c9c9c
}

.wsmain,
.wsmenu,
.wsmenu-list {
    margin: 0 auto
}

.topmenusearch .btnstyle:hover {
    background-color: #fff
}

.wsmenu {
    padding: 0
}

.wsmenu-list {
    text-align: left;
    width: 100%;
    display: table;
    padding: 0
}

.wsmenu-list>li {
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
    float: left
}

.wsmenu-list>.wscarticon>a .fa.fa-shopping-basket {
    display: inline-block;
    font-size: 16px;
    line-height: inherit;
    margin-right: 5px;
    color: #7b7b7b
}

.wsmenu-list>.wsshopmenu>a .fa.fa-angle-down {
    display: inline-block;
    font-size: 13px;
    line-height: inherit;
    margin-left: 11px;
    color: #7b7b7b
}

.wsmenu-list li ul li a .fa.fa-angle-double-right {
    font-size: 12px;
    margin: 0 3px 0 -4px
}

.wsmenu-list>li:hover>a {
    color: #000
}

.wsmenu-list>li>.navtext>span+span:after {
    color: #9e9e9e;
    content: "\f107";
    display: inline-block;
    margin-left: 1px;
    position: relative;
    right: -8px;
    text-align: right;
    top: 1px;
    font: 100 14px/10px FontAwesome
}

.wsmenu-list>li>.navtext>span {
    display: block;
    font-size: 11px;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    line-height: 16px;
    color: #9e9e9e
}

.wsmenu-list>li>.navtext>span+span {
    white-space: nowrap;
    font-size: 15px;
    color: #555
}

.wsmenu-list li a.active .arrow:after,
.wsmenu-list li a:hover .arrow:after,
.wsmenu-list li:hover>a .arrow:after {
    border-top-color: #b3b3b3
}

.megamenu iframe,
.megamenu video {
    width: 100%;
    margin-top: 10px;
    min-height: 200px
}

.wsmenu-list>li.socialicon a {
    width: 38px;
    padding: 0 10px
}

.wsmenu-list>li.socialicon a .fa {
    font-size: 15px;
    color: #898d91;
    text-align: center
}

.wsmenu-list>li.wsshopmyaccount {
    float: right
}

.wsmenu-list>.wsshopmyaccount>a .fa.fa-angle-down {
    display: inline-block;
    font-size: 13px;
    line-height: inherit;
    margin-left: 8px;
    color: #7b7b7b
}

.wsmenu-list>.wsshopmyaccount>a .fa.fa-align-justify {
    display: inline-block;
    font-size: 16px;
    line-height: inherit;
    margin-right: 11px;
    color: #7b7b7b
}

.wsmenu-list>li.wssearchbar {
    width: 41%;
    float: left;
    padding-left: 15px
}

.wsmenu-list>li.wscarticon {
    float: right;
    clear: right
}

.card-body:after,
.card-heading:after,
.card-text,
.wstabitem li:after,
.wstinnerwp:after {
    clear: both
}

.wsmenu-list>li.wscarticon a {
    padding: 0 27px 0 22px;
    text-align: center;
    border-left: 1px solid rgba(0, 0, 0, .1);
    border-right: 1px solid rgba(0, 0, 0, .1)
}

.wsmenu-list>li.wscarticon a .fa {
    font-size: 15px
}

.wsmenu-list>li.wscarticon em.roundpoint {
    position: absolute;
    top: 14px;
    right: 21px;
    width: 17px;
    height: 17px;
    background-color: #DA4B38;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 9px;
    text-align: center;
    font-style: normal;
    line-height: 16px!important;
    color: #fff
}

.wsmenu-list li>.wsmenu-submenu {
    transform: translateY(35px);
    transition: all .3s ease;
    visibility: hidden
}

.wsmenu-list li:hover>.wsmenu-submenu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.wsmenu-submenu li>.wsmenu-submenu-sub {
    transform: translateY(35px);
    transition: all .3s ease;
    visibility: hidden
}

.wsmenu-submenu li:hover>.wsmenu-submenu-sub {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.wsmenu-submenu-sub li>.wsmenu-submenu-sub-sub {
    transform: translateY(35px);
    transition: all .3s ease;
    visibility: hidden
}

.wsmenu-submenu-sub li:hover>.wsmenu-submenu-sub-sub {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.wsmenu-list li>.megamenu {
    transform: translateY(35px);
    transition: all .3s ease;
    visibility: hidden
}

.wsmenu-list li:hover>.megamenu {
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.wsmenu-submenu {
    position: absolute;
    min-width: 176px;
    top: 58px;
    z-index: 1000;
    margin: 0;
    padding: 0;
    border: 1px solid #eee;
    background-color: #fff;
    opacity: 0;
    transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transition: -o-transform .3s, opacity .3s;
    -o-transition: -o-transform .3s, opacity .3s;
    -ms-transition: -ms-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub,
.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
    min-width: 220px;
    left: 100%;
    top: 0;
    margin: 0;
    transition: -o-transform .4s, opacity .4s;
    -o-transition: -o-transform .4s, opacity .4s;
    -ms-transition: -ms-transform .4s, opacity .4s;
    -moz-transition: -moz-transform .4s, opacity .4s;
    -webkit-transition: -webkit-transform .4s, opacity .4s;
    transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

.wsmenu-submenu li a {
    background: #fff!important;
    color: #666!important;
    border-right: 0 none!important;
    text-align: left;
    display: block;
    line-height: 22px;
    padding: 8px 12px;
    text-transform: none;
    font-size: 12px;
    letter-spacing: normal;
    border-bottom: 1px solid #f5f5f5
}

.wsmenu-submenu li {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

.wsmenuexpandermain {
    display: none
}

.wsmenu-list li:hover .wsmenu-submenu {
    display: block
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub {
    position: absolute;
    padding: 0;
    opacity: 0
}

.wsmenu-list .wsmenu-submenu li:hover .wsmenu-submenu-sub {
    opacity: 1;
    list-style: none;
    padding: 0;
    border: 1px solid #eee;
    background-color: #fff;
    display: block
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub .wsmenu-submenu-sub-sub {
    position: absolute;
    padding: 0;
    opacity: 0
}

.wsmenu-list .wsmenu-submenu .wsmenu-submenu-sub li:hover .wsmenu-submenu-sub-sub {
    opacity: 1;
    list-style: none;
    padding: 0;
    border: 1px solid #eee;
    background-color: #fff
}

.wsmenu-click,
.wsmenu-click02 {
    display: none
}

.wsmenu-submenu .fa {
    margin-right: 11px;
    font-size: 15px
}

.carousel-control i.fa {
    top: 48%;
    position: absolute;
    font-size: 33px;
    margin-left: -5px
}

.carousel-inner .carousel-caption h3 {
    font-size: 18px;
    font-weight: 700
}

.wsmenu-list>.wsshopmenu>a .fa.fa-shopping-basket {
    display: inline-block;
    font-size: 13px;
    line-height: inherit;
    margin-right: 8px;
    color: #7b7b7b
}

.wtsbrandmenu,
.wtsdepartmentmenu {
    background: #fff;
    border-bottom: solid 1px #d1d3d4
}

.computermenubg,
.kitchenmenuimg {
    background-position: bottom right;
    background-repeat: no-repeat
}

.wsmenu-list li:hover .megamenu {
    opacity: 1
}

.megamenu,
.wsshoptabing,
.wstitemright {
    opacity: 0;
    position: absolute
}

.megamenu {
    width: 100%;
    left: 0;
    top: 60px;
    color: #000;
    z-index: 1000;
    margin: 0;
    text-align: left;
    padding: 14px;
    font-size: 15px;
    border: 1px solid #eee;
    background-color: #fff;
    transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transition: -o-transform .3s, opacity .3s;
    -o-transition: -o-transform .3s, opacity .3s;
    -ms-transition: -ms-transform .3s, opacity .3s;
    -moz-transition: -moz-transform .3s, opacity .3s;
    -webkit-transition: -webkit-transform .3s, opacity .3s
}

.megamenu .title {
    border-bottom: 1px solid #CCC;
    padding: 9px 5px 9px 0;
    font-size: 17px;
    color: #424242;
    text-align: left;
    height: 39px;
    margin: 0 0 10px
}

.halfmenu {
    width: 40%;
    right: auto!important;
    left: auto!important
}

.halfdiv,
.halfdiv03 {
    right: auto;
    left: auto
}

.halfmenu .megacollink {
    width: 48%;
    float: left;
    margin: 0 1%
}

.halfdiv {
    width: 30%
}

.halfdiv03 {
    width: 25%
}

.wsshoptabing {
    text-align: left;
    background-color: #fff;
    left: 0;
    visibility: hidden;
    z-index: 101;
    transform: translateY(35px);
    transition: all .3s ease;
    width: 57vmax;
    box-shadow: 5px 5px 15px 5px rgba(136, 136, 136, .3);
    /* border-radius: 50px; */
}

.btnlearn {
    text-align: center;
    height: 44px;
    display: block;
    float: left;
    padding: 0 15px;
    background-color: #0056b9;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    margin-top: 5px;
    font: 15px/44px Verdana, Geneva, sans-serif
}

.btnlearn:hover {
    color: #fff;
    text-decoration: none
}

.wstitemright {
    visibility: hidden;
    right: 0;
    top: 0;
    background-color: #f8f8f8;
    color: #000;
    display: block;
    float: left;
    padding: 5px 0 0 15px;
    box-shadow: 5px 5px 15px 5px rgba(136, 136, 136, .3);
    min-height: 100%;
}

.wstabitem li:after,
.wstabitem li:before {
    content: "";
    display: table
}

.wsmenu-list>li:hover>.wsshoptabing .wsshopwp>.wstabitem li.wsshoplink-active .wstitemright {
    opacity: 1;
    visibility: visible
}

.wsshoptabing>.wsshopwp {
    width: 100%;
    display: block;
    position: relative
}

.wstabitem>li>a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0;
    font-size: 1.1em;
    color: #606060;
    border-bottom: solid 1px rgba(185, 174, 173, 0.5);
    float: left;
    position: relative;
    /* border-left: 3px solid #fff; */
    background-color: #fff;
    margin-left: 5px;
}

.wstabitem .wsshoplink-active a,
.wstabitem>li:hover a {
    text-decoration: none;
}

.wstabitem .wsshoplink-active a:hover {
    font-weight: 600;
    color: #F5791F;
    border-left: 3px solid #F5791F;
    /* padding-left: 5px; */
}

.card .price,
.card h3,
.card-title,
.post-module .thumbnail .date,
.text-bold,
.wstheading {
    font-weight: 700
}

.wstabitem .wsshoplink-active a:hover>i {
    color: #F5791F
}

.wstabitem>li:hover>a {
    text-decoration: none
}

.wstabitem>li>a .fa {
    color: #848484;
    margin-right: 5px;
    text-align: center;
    width: 25px;
    font-size: 16px;
}

.wstmegamenucoll {
    width: 71%;
    float: left;
    padding-right: 5px;
}

.wstmegamenucolr {
    width: 25%;
    float: right;
    text-align: right
}

.wstmegamenucoll01 {
    width: 64%;
    float: left;
    padding-left: 0
}

.wstmegamenucolr02 {
    width: 35%;
    float: left;
    text-align: right
}

.wstmegamenucolr03 {
    width: 25%;
    float: left;
    text-align: left
}

.wstmegamenucoll04 {
    width: 75%;
    float: right;
    padding-left: 27px
}

.wstheading {
    width: 100%;
    display: block;
    padding: 3px 0 2px;
    font-size: 15px;
    color: #ea4041;
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 7px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.wstliststy01 {
    width: 100%;
    padding: 0;
    margin: 0
}

.wstliststy01 li {
    width: 33.33%;
    float: left;
    line-height: 23px;
    font-size: 14px;
    list-style: none;
    padding: 0;
    margin: 0
}

.wstliststy02,
.wstliststy06 {
    padding: 0 20px 0 0;
    text-align: left;
    margin: 0;
    float: left
}

.wstliststy01 li a {
    color: #6e6e6e;
    font-size: 1em;
    letter-spacing: 1px
}

.wstliststy01 li a:hover {
    color: #000;
    text-decoration: none
}

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

.wstinnerwp:after,
.wstinnerwp:before {
    content: "";
    display: table
}

.wstliststy02 li {
    width: 100%;
    list-style: none;
    line-height: 24px
}

.wstliststy02 li a {
    color: #6e6e6e;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.wstliststy02 li a::first-letter,
.wstliststy02 li::first-letter,
.wstliststy02::first-letter {
    color: #de5243
}

.wstliststy02 li a:hover {
    color: #000;
    text-decoration: none
}

.wstliststy02 li.wstheading {
    line-height: normal
}

.wstliststy02 li a .wstcount {
    font-size: 10px;
    color: #adadad
}

.wstliststy06 {
    width: 50%
}

.wstliststy06 li {
    width: 100%;
    list-style: none;
    line-height: 24px
}

.wstliststy06 li a {
    color: #6e6e6e;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.wstliststy06 li a:hover {
    color: #000;
    text-decoration: none
}

.wstliststy06 li.wstheading {
    line-height: normal
}

.wstliststy06 li a .wstcount {
    font-size: 10px;
    color: #adadad
}

.wstliststy03 {
    width: 100%;
    padding: 0;
    margin: 0
}

.wstliststy03 li {
    width: 33.33%;
    float: left;
    line-height: 23px;
    font-size: 14px;
    list-style: none;
    padding: 0;
    margin: 0
}

.wstliststy03 li a,
.wstliststy04 li a {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.wstliststy03 li a {
    color: #6e6e6e
}

.wstliststy03 li a:hover {
    color: #000;
    text-decoration: none
}

.wstliststy04 {
    width: 23%;
    padding: 0;
    margin: .5% 1%;
    float: left
}

.wstliststy04 li {
    width: 100%;
    list-style: none;
    line-height: 22px
}

.wstliststy04 li a {
    color: #6e6e6e
}

.wstliststy04 li a:hover {
    color: #000;
    text-decoration: none
}

.wstliststy04 li.wstheading {
    line-height: normal;
    text-align: center;
    padding: 12px 0;
    font-size: 13px
}

.wstliststy04 li a .wstcount {
    font-size: 10px;
    color: #adadad
}

.wstliststy05 {
    width: 33.33%;
    padding: 0 20px 0 0;
    margin: 0;
    float: left
}

.wstliststy05 li {
    width: 100%;
    list-style: none;
    line-height: 22px
}

.wstliststy05 li a {
    color: #6e6e6e;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.wstmenutag,
.wstmorebtn {
    border-radius: 2px;
    font-weight: 400;
    text-transform: none
}

.wstliststy05 li a:hover {
    color: #000;
    text-decoration: none
}

.wstliststy05 li.wstheading {
    line-height: normal
}

.wstliststy05 li a .wstcount {
    font-size: 10px;
    color: #adadad
}

.wstmorebtn {
    color: #9b9b9b;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 0;
    padding: 1px 7px;
    text-align: right
}

.card,
.card .add,
.wstadsize01 {
    float: left
}

.wstmenutag {
    height: 18px;
    text-align: center;
    color: #fff;
    position: relative;
    padding: 1px 6px;
    margin-left: 6px;
    letter-spacing: 0;
    font: 11px/18px Arial, Helvetica, sans-serif
}

.wstmenutag:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-image: none;
    border-style: solid;
    border-width: 3px;
    content: "";
    left: -6px;
    margin-top: 0;
    position: absolute;
    top: 4px;
    z-index: 1
}

.wstadsize01,
.wstadsize02 {
    width: 50%;
    margin: 15px 0 5px
}

.wstmenutag.redtag {
    background-color: #fe7b8f
}

.wstmenutag.redtag:after {
    border-color: transparent #fe7b8f transparent transparent
}

.wstmenutag.greentag {
    background-color: #00c853
}

.wstmenutag.greentag:after {
    border-color: transparent #00c853 transparent transparent
}

.wstmenutag.bluetag {
    background-color: #4fc3f7
}

.wstmenutag.bluetag:after {
    border-color: transparent #4fc3f7 transparent transparent
}

.wstmenutag.orangetag {
    background-color: #FE7000
}

.wstmenutag.orangetag:after {
    border-color: transparent #FE7000 transparent transparent
}

.wstadsize02 {
    float: right
}

.kitchenmenuimg {
    background-image: url(../images/kitchen-menu-img.png)
}

.computermenubg {
    background-image: url(../images/computer-menu-img.png)
}

.wstpngsml {
    padding-left: 18px
}

.wstfullwtag {
    width: 100%;
    display: block;
    border-bottom: solid 1px #e5e5e5;
    background-color: #f5f5f5
}

.wstbrandbottom {
    width: 100%;
    background-color: #fff;
    display: block;
    opacity: 0;
    position: absolute;
    right: 0;
    visibility: hidden;
    padding: 9px 20px
}

.wsmenu-list>li:hover>.wtsbrandmenu>.wsshoptabingwp>.wstabitem02>li.wsshoplink-active>.wstbrandbottom {
    opacity: 1;
    visibility: visible
}

.wstabitem02 {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    display: table
}

.wstabitem02>li {
    display: table-cell;
    list-style: none;
    text-align: center
}

.wstabitem02>li>a {
    display: block;
    padding: 14px 0;
    font-size: 13px;
    color: #606060;
    background-color: #f4f4f4;
    border-bottom: 1px solid #e5e5e5;
    position: relative
}

.wstabitem02>.wsshoplink-active a,
.wstabitem02>li:hover a {
    text-decoration: none;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.wstabitem02>li>a .fa {
    margin-right: 5px;
    text-align: center;
    width: 25px;
    font-size: 17px
}

.brandcolor01 {
    color: #424242
}

.brandcolor02 {
    color: #00bcf2
}

.brandcolor03 {
    color: #00aff0
}

.brandcolor04 {
    color: #003087
}

.brandcolor05 {
    color: #a82400
}

.brandcolor06 {
    color: #f30
}

.brandcolor07 {
    color: #7ac142
}

.brandcolor08 {
    color: #ef4056
}

.cat_menu_open>li .wsshoptabing {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    border-radius: 5px;
}

.cat_menu_open>li .wsshoptabing:after {
    bottom: 100%;
    right: 86%;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.category_menu {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 0
}

.home_color_1 {
    background-color: #54B94D!important;
    color: #fff;
}

.home_color_2 {
    background-color: #E74C3C;
    color: #fff
}

.home_color_3 {
    background-color: #F5791F;
    color: #fff;
}

.home_color_4 {
    background-color: #3498DB;
    color: #fff
}

.home_color_5 {
    background-color: #BF427C;
    color: #fff
}

.home_color_6 {
    background-color: #9B59B6;
    color: #fff
}

.home_buttons,
.home_buttons_np {
    height: 3em;
    margin-top: 1em;
    margin-bottom: 1em;
    line-height: 3em;
    padding: 0;
    text-align: center;
    border: none;
    border-left: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
}

.home_buttons_np {
    padding: 0;
    margin: 1em 0 0
}

.home_buttons_icon {
    padding-left: 20px
}

.home_shop_bg {
    background-color: #000;
    text-align: center
}

.home_shop_bg img {
    max-height: 120px
}

.no_lr_pad {
    padding-right: 0;
    padding-left: 0
}

#home_shopping_cart {
    text-align: right;
    padding-right: 25px;
}

.cart-button {
    font-size: 1em;
    /* line-height: 1em; */
    color: #fff;
    cursor: pointer;
}

.cart-button::hover {
    color: #555!important;
}

.home_product {
    padding: 0 5px 10px!important
}

.home_products {
    padding: 0!important
}

.home_product>div {
    padding: 5px
}

.product_stock_true {
    color: green;
    text-align: right;
    font-weight: 600
}

.product_stock_false {
    color: red;
    font-weight: 600
}

.product_stock_text {
    text-align: left;
    color: #555;
    font-weight: 600
}

.home_product_text {
    height: 2.75vh;
    color: #555;
    line-height: 1;
    overflow: hidden;
    text-align: left;
    font-size: 110%;
    margin-top: 5px
}

.home_2x2 {
    padding: 0 1.5em;
    border: 5px solid rgba(0, 0, 0, 0);
    -moz-box-shadow: inset 0 0 5px #000;
    -webkit-box-shadow: inset 0 0 5px #555;
    box-shadow: none;
    font-size: 1.5em;
}

.home_2x2:hover {
    -moz-box-shadow: inset 0 0 0 5px #f2f2f2;
    -webkit-box-shadow: inset 0 0 0 5px rgba(89, 42, 42, 0.43);
    box-shadow: inset 0 0 0 5px rgba(89, 42, 42, 0.43);
}

.home_2x2 img {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    padding-top: 0;
    max-width: 90%
}

.btn-home_2x2:hover {
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform: scale(1.3)
}

input {
    color: #333;
    font-weight: 500;
    padding: 0 5px;
    height: 40px;
    border: 1px solid #ccc
}

.card,
.card-block {
    border: none
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #555;
    padding-left: 15px
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #555;
    padding-left: 15px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #555;
    padding-left: 15px
}

.btn-social,
a.btn-social {
    color: #fff!important;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    transition: background-color .5s;
    -webkit-transition: background-color .3s;
    width: 54px
}

.btn-social .fa,
.btn-social i {
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all .25s;
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1);
    -webkit-transition: all .25s
}

.productCardContent,
.productCardDetails {
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.btn-social:focus,
.btn-social:hover {
    color: #fff;
    outline: 0;
    text-decoration: none
}

.btn-social:focus .fa,
.btn-social:focus i,
.btn-social:hover .fa,
.btn-social:hover i {
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transform: scale(1.3)
}

.btn-social.btn-xs {
    font-size: 9px;
    height: 24px;
    line-height: 13px;
    margin: 6px 2px;
    width: 24px
}

.btn-social.btn-sm {
    font-size: 13px;
    height: 36px;
    line-height: 18px;
    margin: 6px 2px;
    width: 36px
}

.btn-social.btn-lg {
    font-size: 22px;
    height: 72px;
    line-height: 40px;
    margin: 10px 6px;
    width: 72px
}

.card,
.card-block,
.card-footer,
.meta {
    font-size: 1em
}

.btn-behance {
    background-color: #1769ff
}

.btn-behance:hover {
    background-color: #4a8aff
}

.btn-bitbucket {
    background-color: #205081
}

.btn-bitbucket:hover {
    background-color: #2a69aa
}

.btn-codepen {
    background-color: #76daff
}

.btn-codepen:hover {
    background-color: #a9e8ff
}

.btn-deviantart {
    background-color: #4e6252
}

.btn-deviantart:hover {
    background-color: #657e6a
}

.btn-digg {
    background-color: #000
}

.btn-digg:hover {
    background-color: #1a1a1a
}

.btn-dribbble {
    background-color: #ea4c89
}

.btn-dribbble:hover {
    background-color: #ef7aa7
}

.btn-dropbox {
    background-color: #007ee5
}

.btn-dropbox:hover {
    background-color: #1998ff
}

.btn-facebook {
    background-color: #3b5998
}

.btn-facebook:hover {
    background-color: #4c70ba
}

.btn-flickr {
    background-color: #0063dc
}

.btn-flickr:hover {
    background-color: #107cff
}

.btn-foursquare {
    background-color: #ef4b78
}

.btn-foursquare:hover {
    background-color: #f37a9b
}

.btn-github {
    background-color: #4183c4
}

.btn-github:hover {
    background-color: #689cd0
}

.btn-google-plus {
    background-color: #dd4b39
}

.btn-google-plus:hover {
    background-color: #e47365
}

.btn-instagram {
    background-color: #3f729b
}

.btn-instagram:hover {
    background-color: #548cb9
}

.btn-jsfiddle {
    background-color: #4679bd
}

.btn-jsfiddle:hover {
    background-color: #6c94ca
}

.btn-lastfm {
    background-color: #e31b23
}

.btn-lastfm:hover {
    background-color: #e9484e
}

.btn-linkedin {
    background-color: #0976b4
}

.btn-linkedin:hover {
    background-color: #0b96e5
}

.btn-paypal {
    background-color: #253b80
}

.btn-paypal:hover {
    background-color: #304da8
}

.btn-pinterest {
    background-color: #cc2127
}

.btn-pinterest:hover {
    background-color: #e04046
}

.btn-reddit {
    background-color: #ff4500
}

.btn-reddit:hover {
    background-color: #ff6a33
}

.btn-skype {
    background-color: #00aff0
}

.btn-skype:hover {
    background-color: #24c4ff
}

.btn-soundcloud {
    background-color: #f80
}

.btn-soundcloud:hover {
    background-color: #ffa033
}

.btn-stack-overflow {
    background-color: #fe7a15
}

.btn-stack-overflow:hover {
    background-color: #fe9748
}

.btn-steam {
    background-color: #7da10e
}

.btn-steam:hover {
    background-color: #a1d012
}

.btn-stumbleupon {
    background-color: #eb4924
}

.btn-stumbleupon:hover {
    background-color: #ef7053
}

.btn-trello {
    background-color: #256a92
}

.btn-trello:hover {
    background-color: #2f88bb
}

.btn-tumblr {
    background-color: #35465c
}

.btn-tumblr:hover {
    background-color: #485f7c
}

.btn-twitch {
    background-color: #6441a5
}

.btn-twitch:hover {
    background-color: #7e5bbe
}

.btn-twitter {
    background-color: #55acee
}

.btn-twitter:hover {
    background-color: #83c3f3
}

.btn-vimeo {
    background-color: #1ab7ea
}

.btn-vimeo:hover {
    background-color: #49c6ee
}

.btn-vine {
    background-color: #00b488
}

.btn-vine:hover {
    background-color: #00e7af
}

.btn-vk {
    background-color: #45668e
}

.btn-vk:hover {
    background-color: #587fae
}

.btn-wechat {
    background-color: #98d11c
}

.btn-wechat:hover {
    background-color: #afe53b
}

.btn-wordpress {
    background-color: #21759b
}

.btn-wordpress:hover {
    background-color: #2a95c5
}

.btn-xing {
    background-color: #026466
}

.btn-xing:hover {
    background-color: #039598
}

.btn-yahoo {
    background-color: #400191
}

.btn-yahoo:hover {
    background-color: #5601c4
}

.btn-yelp {
    background-color: #af0606
}

.btn-yelp:hover {
    background-color: #e00808
}

.btn-youtube {
    background-color: #e52d27
}

.btn-youtube:hover {
    background-color: #ea5955
}

.btn-email {
    background-color: #44c456
}

.btn-email:hover {
    background-color: #6bd079
}

.home_slider {
    margin-top: 10px;
    margin-bottom: 5px;
    max-height: 364px;
}

.card-block {
    position: relative;
    margin: 0;
    padding: 1em;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none
}

.card-img-top {
    display: block;
    max-width: 100%;
    height: 150px;
    align-items: center;
    justify-content: center
}

.card-text {
    margin-top: .5em;
    color: rgba(0, 0, 0, .68)
}

.card-footer {
    position: static;
    top: 0;
    left: 0;
    max-width: 100%;
    color: rgba(0, 0, 0, .4);
    border-top: 1px solid rgba(0, 0, 0, .05)!important;
    background: #fff
}

.profile,
.profile2 {
    position: absolute;
    top: -30px;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0;
    box-sizing: border-box;
    overflow: hidden
}

.card-inverse .btn {
    border: 1px solid rgba(0, 0, 0, .05)
}

.profile {
    border: 1px solid #fff;
    border-radius: 50%
}

.profile2 {
    left: 70px;
    border: 1px solid #fff;
    border-radius: 50%
}

.profile-avatar {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%
}

.profile-inline {
    position: relative;
    top: 0;
    display: inline-block
}

.profile-inline~.card-title {
    display: inline-block;
    margin-left: 4px;
    vertical-align: top
}

.card-title {
    color: #555
}

.meta,
.meta a {
    color: rgba(0, 0, 0, .4)
}

.meta a {
    text-decoration: none
}

.meta a:hover {
    color: rgba(0, 0, 0, .87)
}

a:link {
    text-decoration: none
}

.productCardContainer {
    padding: 5px
}

.productCardContent {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: 1px solid rgba(0, 0, 0, .125);
    transition: all .3s ease-out;
    box-shadow: 1px 1px 5px 1px #888;
    height: 50%
}

.productCardContent:hover {
    box-shadow: 2px 2px 25px 2px #888
}

.productCardContent .productCardImage {
    position: relative;
    overflow: hidden;
    background: #fff
}

.productCardContent .productCardImage img {
    position: relative;
    display: block;
    max-height: 100%;
    max-width: 100%;
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    margin: auto;
    background: #fff
}

.productCardContent:hover .productCardImage img {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.productCardContent .productCardImage .imageCardEffect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px 10px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.productCardContent .productCardImage .imageCardEffect::after,
.productCardContent .productCardImage .imageCardEffect::before {
    pointer-events: none
}

.productCardContent .productCardImage .imageCardEffect::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: rotate(45deg) scale(2) translate(0, -100%);
    -moz-transform: rotate(45deg) scale(2) translate(0, -100%);
    -o-transform: rotate(45deg) scale(2) translate(0, -100%);
    -ms-transform: rotate(45deg) scale(2) translate(0, -100%);
    transform: rotate(45deg) scale(2.5) translate(0, -100%)
}

.productCardContent:hover .productCardImage .imageCardEffect::before {
    -webkit-transform: rotate(45deg) scale(2) translate(0, 100%);
    -moz-transform: rotate(45deg) scale(2) translate(0, 100%);
    -o-transform: rotate(45deg) scale(2) translate(0, 100%);
    -ms-transform: rotate(45deg) scale(2) translate(0, 100%);
    transform: rotate(45deg) scale(2.5) translate(0, 100%)
}

.productCardDetails {
    position: absolute;
    overflow: hidden;
    background: #FFF;
    bottom: 0;
    color: #333;
    line-height: 1;
    transition: all .3s ease-out;
    font-size: calc(0vw + 2vh + 0vmin)
}

.productCardDetails .productCardModel {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 10px 10px 5px;
    z-index: 100
}

.productCardDetails .productCardModel .accessoryDesc,
.productCardDetails .productCardModel a:link {
    color: #2a4185;
    position: relative;
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    padding: 0;
    display: block;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.productCardContent .productCardDetails .accessoryCardDetailsList .list-group,
.productCardContent .productCardDetails .productCardDetailsList .list-group {
    margin-bottom: 0!important
}

.productCardDetails .productCardModel .accessoryDesc span,
.productCardDetails .productCardModel a span {
    font-size: 18px;
    display: block
}

.productCardDetails .productCardModel .accessoryDesc span b,
.productCardDetails .productCardModel a span b {
    font-size: 12px;
    font-weight: 400
}

.productCardContent:hover .productCardDetails .productCardModel .accessoryDesc,
.productCardContent:hover .productCardDetails .productCardModel a {
    color: #e65059
}

.modelCardEffect {
    z-index: 10;
    position: absolute;
    color: #fff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.productCardContent .productCardDetails .accessoryCardDetailsList .list-group .list-group-item,
.productCardContent .productCardDetails .productCardDetailsList .list-group .list-group-item {
    color: #2a4185!important
}

.productCardContent .productCardDetails .modelCardEffect::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #971414;
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: transform .6s;
    -webkit-transform: skew(40deg, 0deg) translate(-150%, 0);
    -moz-transform: skew(40deg, 0deg) translate(-150%, 0);
    -o-transform: skew(40deg, 0deg) translate(-150%, 0);
    -ms-transform: skew(40deg, 0deg) translate(-150%, 0);
    transform: skew(40deg, 0deg) translate(-150%, 0)
}

.productCardContent .productCardDetails .accessoryCardDetailsList .list-group .list-group-item .detailIcon,
.productCardContent .productCardDetails .productCardDetailsList .list-group .list-group-item .detailIcon {
    width: 40px;
    padding-left: 10px;
    font-size: 25px;
    display: table-cell;
    position: relative;
    vertical-align: middle
}

.productCardContent:hover .productCardDetails .modelCardEffect::before {
    -webkit-transform: skew(0deg, 0deg) translate(0, 0);
    -moz-transform: skew(0deg, 0deg) translate(0, 0);
    -o-transform: skew(0deg, 0deg) translate(0, 0);
    -ms-transform: skew(0deg, 0deg) translate(0, 0);
    transform: skew(0deg, 0deg) translate(0, 0)
}

.productCardContent .productCardDetails .productCardDetailsList {
    position: relative;
    height: 150px
}

.productCardContent .productCardDetails .productCardDetailsList .list-group .list-group-item .detailInfo {
    display: table-cell;
    vertical-align: middle
}

.productCardContent .productCardDetails .accessoryCardDetailsList {
    position: relative;
    height: 50px
}

.card {
    height: auto
}

.productCardContent .productCardDetails .accessoryCardDetailsList .list-group .list-group-item .detailInfo {
    display: table-cell;
    vertical-align: middle
}

.productCardContent .productCardPrice {
    position: relative;
    text-align: center
}

.productCardContent .productCardPrice a,
.productCardContent .productCardPrice button {
    border: none!important;
    width: 40%;
    margin: 4%!important;
    padding: 0!important;
    text-align: center;
    line-height: 35px;
    background: 0 0;
    color: #3498db;
    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out
}

.productCardContent:hover .productCardPrice a,
.productCardContent:hover .productCardPrice button {
    background: #971414;
    color: #fff
}

.productCardPrice a:focus,
.productCardPrice a:hover,
.productCardPrice button:focus {
    background: #e65059;
    color: #fff
}

.productCardContent .productCardPrice .inCart,
.productCardPrice .inCart:focus {
    color: #971414!important;
    background: #81c868!important
}

.card .option i,
.card h3 {
    font-size: 18px;
    color: #E63D3A;
    opacity: .6
}

.accessoryAdminCard {
    background: #FFF;
    padding: 10px
}

.center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

* {
    box-sizing: border-box;
}

.post-module .post-content,
.post-module .thumbnail .date {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.card {
    width: 85%;
    background: #fff;
    box-shadow: 0 20px 40px -15px rgba(0, 0, 0, .3)
}

.card:hover .thumb {
    top: -25%
}

.card .thumb {
    width: 95%;
    height: 150px;
    background: center #fff;
    border-radius: 5px;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    -webkit-transition: .3s cubic-bezier(.3, -.12, .35, 1.5);
    transition: .5s cubic-bezier(.2, -.12, .5, 1.5);
    box-shadow: 0 5px 40px 3px rgba(0, 0, 0, .3)
}

.card .thumb img {
    max-height: 150px;
    max-width: 100%
}

.card .option {
    height: 30px;
    margin: 90px auto 0
}

.card .option i {
    line-height: 30px;
    padding: 0 5%;
    position: relative
}

.card .option i:hover {
    cursor: pointer
}

.card h3 {
    margin-top: 40px
}

.card hr {
    width: 10%;
    opacity: .5;
    margin: 10px auto
}

.card .price {
    font-size: 14px;
    color: #4d4d4d
}

.card .desc {
    margin: 15px 0;
    font-size: 13px;
    opacity: .8
}

.card .add a,
.card .buy a {
    line-height: 30px;
    font-size: 13px;
    color: #fff
}

.card .add {
    background: #FF9F00
}

.card .add:hover {
    background: #cc7f00
}

.card .buy {
    float: right;
    background: #FB641B
}

.card .buy:hover {
    background: #df4b04
}

body {
    background: #f2f2f2;
    font-size: 14px;
    -moz-osx-font-smoothing: grayscale
}

.post-module {
    position: relative;
    z-index: 1;
    display: block;
    background: #FFF;
    height: 300px;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 1px 20px 1px rgba(0, 0, 0, .15);
    -webkit-transition: all .3s linear 0;
    -moz-transition: all .3s linear 0;
    -ms-transition: all .3s linear 0;
    -o-transition: all .3s linear 0;
    transition: all .3s linear 0
}

.hover,
.post-module:hover {
    -webkit-box-shadow: 0 1px 35px 0 rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 1px 35px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 35px 0 rgba(0, 0, 0, .3);
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    transform: scale(1.01)
}

.hover .thumbnail img,
.post-module:hover .thumbnail img {
    opacity: .6
}

.post-module .thumbnail {
    background: #fff;
    height: 150px;
    overflow: hidden
}

.post-module .thumbnail .date {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    background: #e74c3c;
    width: 55px;
    height: 55px;
    padding: 12.5px 0;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    color: #FFF;
    text-align: center;
    box-sizing: border-box
}

.post-module .thumbnail .date .day {
    font-size: 18px
}

.post-module .thumbnail .date .month {
    font-size: 12px;
    text-transform: uppercase
}

.post-module .thumbnail img {
    display: block;
    max-width: 100%;
    -webkit-transition: all .3s linear 0;
    -moz-transition: all .3s linear 0;
    -ms-transition: all .3s linear 0;
    -o-transition: all .3s linear 0;
    transition: all .3s linear 0;
    max-height: 150px
}

.post-module .post-content {
    position: absolute;
    bottom: 0;
    background: #FFF;
    padding-top: 10px;
    box-sizing: border-box;
    -webkit-transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0;
    -moz-transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0;
    -ms-transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0;
    -o-transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0;
    transition: all .3s cubic-bezier(.37, .75, .61, 1.05) 0
}

.post-module .category {
    position: absolute;
    top: 140px;
    left: -5px;
    background: #971414;
    padding: 0 5px;
    color: #FFF;
    font-size: 12px;
    font-weight: 600
}

.post-module .post-content .title {
    margin: 0;
    color: #333;
    font-size: 15px;
    font-weight: 700
}

.post-module .post-content .sub_title {
    color: #555;
    font-size: 18px;
    font-weight: 400
}

.post-module .post-content .description {
    display: none;
    color: #666;
    font-size: 14px;
    line-height: 1.8em
}

.post-module .post-content .post-meta {
    color: #999
}

.post-module .post-content .post-meta .timestamp {
    margin: 0 16px 0 0
}

.post-module .post-content .post-meta a {
    color: #999;
    text-decoration: none
}

.hover .post-content .description {
    display: block!important;
    height: auto!important;
    opacity: 1!important
}

.container {
    max-width: 800px;
    min-width: 640px;
    margin: 0 auto
}

.container:after,
.container:before {
    content: '';
    display: block;
    clear: both
}

.container .column {
    width: 50%;
    padding: 0 25px;
    -webkti-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.container .column .demo-title {
    margin: 0 0 15px;
    color: #666;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase
}

.container .info {
    width: 300px;
    margin: 50px auto;
    text-align: center
}

.container .info h1 {
    margin: 0 0 15px;
    padding: 0;
    font-size: 24px;
    font-weight: 700;
    color: #333
}

.container .info span {
    color: #666;
    font-size: 12px
}

.container .info span a {
    color: #000;
    text-decoration: none
}

.container .info span .fa {
    color: #e74c3c
}

.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 100px;
    height: 100px;
    text-align: right
}

.btn,
.btn.btn-ebox>i,
.card,
.ribbon span,
.thumbnail,
.tile,
body section #add #comment {
    text-align: center
}

.ribbon span {
    font-size: 10px;
    font-weight: 700;
    color: #FFF;
    text-transform: uppercase;
    line-height: 20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    width: 120px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#F70505 0, #8F0808 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 32px;
    right: -19px
}

.ribbon span::after,
.ribbon span::before {
    content: "";
    top: 100%;
    z-index: -1;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #8F0808;
    position: absolute
}

.ribbon span::before {
    left: 0;
    border-left: 3px solid #8F0808;
    border-right: 3px solid transparent
}

.ribbon span::after {
    right: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid #8F0808
}

body section {
    width: 100%;
    background-color: #f4f4f4;
    -webkit-border-radius: 7px 7px 5px 5px;
    -moz-border-radius: 7px 7px 5px 5px;
    -ms-border-radius: 7px 7px 5px 5px;
    -o-border-radius: 7px 7px 5px 5px;
    border-radius: 7px 7px 5px 5px
}

body section #poster {
    width: 100%;
    height: 210px;
    position: relative;
    border-bottom: 5px solid #e53b39
}

body section #poster img {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    max-width: 100%;
    max-height: 100%
}

body section #poster #love {
    width: 54px;
    height: 54px;
    text-decoration: none;
    text-align: center;
    font-size: 20px;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    position: absolute;
    top: 27px;
    right: 21px;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

body section #poster #love:after {
    content: 'Love';
    position: relative;
    top: 14px
}

body section #poster #love.act,
body section #poster #love:hover {
    background-color: #e53b39
}

body section #add {
    position: relative
}

body section #add p {
    color: #34373c;
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    top: 27px;
    left: 27px
}

body section #add p span {
    font-size: 15px;
    font-weight: 300
}

body section #add #comment {
    width: 125px;
    height: 40px;
    background-color: #1fc19a;
    position: absolute;
    top: 18px;
    right: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

img {
    border: 0;
    vertical-align: middle
}

@media print {
    *,
     :after,
     :before {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    img {
        page-break-inside: avoid;
        max-width: 100%!important
    }
    p {
        orphans: 3;
        widows: 3
    }
}

.btn-primary:active,
.btn:active {
    background-image: none
}

.btn {
    vertical-align: middle;
    cursor: pointer;
    padding: 5px 10px;
    font-size: 14px;
    -ms-user-select: none;
    user-select: none
}

.btn:active:focus,
.btn:focus {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px
}

.btn:focus,
.btn:hover {
    color: #cecece;
    text-decoration: none
}

.btn:active {
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.btn-primary {
    color: #fff;
    background-color: #005eb8;
    border-color: #005eb8
}

.btn-primary:focus {
    color: #fff;
    background-color: #004485;
    border-color: #001d39
}

.btn-primary:active,
.btn-primary:hover {
    color: #fff;
    background-color: #004485;
    border-color: #003f7b
}

.btn-primary:active:focus,
.btn-primary:active:hover {
    color: #fff;
    background-color: #003261;
    border-color: #001d39
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px
}

.btn.btn-ebox {
    position: relative;
    padding-left: 44px
}

.btn.btn-ebox>i {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    z-index: 1;
    height: 36px;
    width: 41px;
    line-height: 36px;
    font-size: 22.67px;
    border-radius: 3px;
    padding-right: 5px
}

.btn.btn-ebox.btn-sm {
    padding-left: 40px
}

.btn.btn-ebox.btn-sm>i {
    width: 35px;
    line-height: 19px;
    font-size: 20px;
    border-radius: 3px;
    padding-right: 5px;
    max-height: 110%
}

.btn.btn-ebox>i {
    color: #fff;
    background: #ef2809;
    border-top-right-radius: 0 0!important;
    border-bottom-right-radius: 37% 100%!important
}

.btn.btn-ebox>i.em.em-forward {
    font-size: 1.1em
}

.thumbnail-wrapper,
.thumbnail-wrapper_2 {
    display: block;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    line-height: 1;
    background-color: #fff;
    color: #222;
}

.thumbnail-wrapper_2 {
    height: 120px
}

.thumbnail-wrapper:after {
    content: '';
    position: relative;
    padding-bottom: 100%;
    display: block;
    z-index: -1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.thumbnail,
.tile {
    z-index: 1;
    display: block
}

.thumbnail-wrapper.ratio-4by3:after {
    padding-bottom: 75%
}

.thumbnail {
    position: absolute;
    overflow: hidden;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    z-index: 1;
    color: inherit!important;
    text-decoration: none!important
}

.star-rating,
.star-rating:before {
    position: relative;
    display: inline-block
}

.card {
    position: relative;
    display: block;
    margin: 0;
    background-color: #fff;
    border-radius: 3px;
    border-width: 0;
    width: 100%;
    padding: 0;
    color: #222;
    text-decoration: none;
    overflow: hidden;
    -webkit-transition: box-shadow .15s ease-in-out;
    -o-transition: box-shadow .15s ease-in-out;
    transition: box-shadow .15s ease-in-out
}

.card:focus,
.card:hover {
    text-decoration: none;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, .2)
}

.card-heading {
    border-radius: 3px 3px 0 0;
    /* padding: 3px; */
}

.card-heading:after,
.card-heading:before {
    content: " ";
    display: table
}

.card-heading .thumbnail {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-decoration: none
}

.card-heading .thumbnail>img {
    max-height: 100%;
    max-width: 100%;
    color: transparent;
}

.card-body {
    padding: 0 5px 5px
}

.card-body:after,
.card-body:before {
    display: table
}

.card-footer {
    padding: 0
}

.card-footer .btn {
    display: block;
    width: 100%;
    max-height: 100%
}

.card .product-new-price,
.card .product-old-price,
.card .product-this-deal {
    line-height: 20px;
    white-space: nowrap;
    height: 20px;
    margin-bottom: 0;
    text-decoration: none;
    font-size: 13px
}

.card .product-title {
    font-size: 1.5em;
    line-height: 1.5em;
    height: 40px;
    max-height: 40px;
    font-weight: 700;
}

.star-rating,
.star-rating-text {
    line-height: 32px;
    vertical-align: top
}

@media (min-width:992px) {
    .card .product-title {
        font-size: 13px
    }
}

.card .product-old-price {
    font-size: 1em;
    font-weight: 400;
}

.card .product-old-price .product-this-deal {
    font-size: inherit
}

.card .product-new-price {
    font-size: 1.8em;
}

@media (min-width:768px) {
    .card .product-new-price {
        font-size: 18px
    }
}

.card .star-rating-container {
    min-height: 20px
}

.star-rating-container {
    display: block;
    text-decoration: none!important
}

.product-title,
.product-title:focus,
.product-title:hover {
    text-decoration: none
}

.star-rating-text {
    display: inline-block;
    padding-left: 5px
}

.star-rating {
    white-space: nowrap;
    height: 32px;
    color: #ccc;
    letter-spacing: 2px;
    font: 26px eboxv2
}

.star-rating:before {
    content: "\E671\E671\E671\E671\E671"
}

.star-rating .star-rating-inner {
    white-space: nowrap;
    position: absolute;
    line-height: inherit;
    height: inherit;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden
}

.star-rating.star-rating-sm {
    height: 20px;
    line-height: 20px;
    font-size: 14px
}

.star-rating.star-rating-sm+.star-rating-text {
    line-height: 20px;
    font-size: 12px
}

.star-rating-read .star-rating-inner:before {
    position: relative;
    content: "\E671\E671\E671\E671\E671";
    color: #f9bf3b
}

.product-title {
    font-size: 1.3em;
    line-height: 1.3em;
    max-height: 45px;
    margin-bottom: 0;
    white-space: normal;
    overflow: hidden;
    color: #222;
    display: block;
}

.product-old-price {
    font-weight: 600;
    margin-bottom: 0;
    display: block;
    white-space: nowrap
}

.product-new-price,
.product-this-deal {
    margin-bottom: 10px;
    white-space: nowrap
}

.product-old-price .product-this-deal {
    margin-left: 5px;
    display: inline;
    vertical-align: top
}

.product-this-deal {
    color: #999;
    display: block;
    font-size: 12px
}

.product-new-price {
    font-weight: 600;
    color: #ef2809;
}

.product-new-price:last-child,
.thumbnail {
    margin-bottom: 0
}

@media print {
    * {
        text-shadow: none!important;
        color: #000!important;
        background: 0 0!important;
        box-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    a[href^="#"]:after {
        content: ""
    }
}

.badge,
.btn_blue,
.home_search,
.tile,
.tile h1,
a.fa-links,
a.fa-links:focus,
a.fa-links:hover {
    color: #fff;
}

.thumbnail {
    padding: 0;
    background-color: #fff;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.tile {
    cursor: pointer;
    perspective: 0;
    -webkit-perspective: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    float: left;
    min-width: 75px;
    min-height: 75px;
    opacity: .75;
    background-color: #2e8bcc;
    border: 4px solid #fff
}

.tile h1 {
    -webkit-user-select: none;
    user-select: none;
}

.tile a:hover {
    text-decoration: none
}

.tile:hover {
    opacity: 1
}

.tile.tile-green {
    background-color: #393
}

.tile.tile-medium {
    height: 150px;
    width: 150px
}

.home_search {
    padding: 0px 29px 0px 0px;
    margin-left: 0px;
}

.home_buttons:hover {
    transition: all .5s;
    -moz-box-shadow: 0 0 5px 3px #c5c5c5;
    -webkit-box-shadow: 0 0 5px 3px #c5c5c5;
    box-shadow: 0 0 5px 3px #c5c5c5;
}

.btn_blue {
    background-color: #3498db;
    border-color: #08b0e4
}

.form-control {
    padding: .1em .75rem;
    font-size: 1em;
    line-height: 1em
}

.product_icons {
    position: absolute;
    top: 90px;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 5
}

.click-to-top {
    display: inline-block;
    position: relative;
    border: 1px solid #54b94d;
    border-radius: 20%;
    background-color: #fff
}

.click-to-top:hover {
    z-index: 10
}

.click-to-top span {
    display: none;
    position: absolute;
    background: #54b94d;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #54b94d
}

.breadcrumb-default,
.btn-breadcrumb {
    background-color: #fff
}

.click-to-top:hover span {
    display: block
}

.click-to-top img {
    padding: 4px;
    filter: hue-rotate(280deg)
}

@media (max-width:767px) {
    .btn-breadcrumb {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px)!important
    }
}

.btn-breadcrumb {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.btn-breadcrumb .btn {
    border: 0 solid transparent;
    border-right: 1px solid transparent!important
}

.btn-breadcrumb .btn:after,
.btn-breadcrumb .btn:before {
    display: block;
    width: 0;
    border-top: 13px solid transparent;
    border-bottom: 14px solid transparent;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    left: 100%;
    z-index: 3
}

.btn-primary:hover {
    background-color: #286090
}

.breadcrumb-success {
    background-color: #5cb85c
}

.breadcrumb-info {
    background-color: #5bc0de
}

.breadcrumb-warning {
    background-color: #f0ad4e
}

.breadcrumb-danger {
    background-color: #d9534f
}

.breadcrumb-negro {
    background-color: #d4d4d4
}

.btn-breadcrumb .btn-derecha {
    float: right;
    margin-right: 0;
    padding: 6px 10px!important;
    margin-left: 0!important;
    border-radius: 0!important
}

.btn-breadcrumb .btn-derecha:first-child {
    border-top-right-radius: 2px!important;
    border-bottom-right-radius: 2px!important
}

.btn-breadcrumb .btn-derecha:after,
.btn-breadcrumb .btn-derecha:before {
    content: none!important
}

.btn-breadcrumb .btn:after,
.btn-breadcrumb .btn:before,
.shopping-cart:after {
    content: " ";
    height: 0
}

.btn-breadcrumb .btn:after {
    border-left: 10px solid #fff;
    margin-left: 0
}

.btn-breadcrumb .btn:before {
    border-left: 10px solid #adadad;
    margin-left: 1px
}

.btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
    font-size: 16px
}

.btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px
}

.btn-breadcrumb .btn.btn-default:after {
    border-left: 10px solid #fff
}

.btn-breadcrumb .btn.btn-default:hover:after {
    border-left: 10px solid #e6e6e6
}

.btn-breadcrumb .btn.btn-default:before,
.btn-breadcrumb .btn.btn-default:hover:before {
    border-left: 10px solid #adadad
}

.breadcrumb-default {
    border: 1px solid #adadad;
}

.btn-breadcrumb .btn.btn-primary:after {
    border-left: 10px solid #337ab7
}

.btn-breadcrumb .btn.btn-primary:hover:after {
    border-left: 10px solid #286090
}

.btn-breadcrumb .btn.btn-primary:before,
.btn-breadcrumb .btn.btn-primary:hover:before {
    border-left: 10px solid #204d74
}

.breadcrumb-primary {
    border: 1px solid #204d74
}

.btn-breadcrumb .btn.btn-success:after {
    border-left: 10px solid #5cb85c
}

.btn-breadcrumb .btn.btn-success:hover:after {
    border-left: 10px solid #449d44
}

.btn-breadcrumb .btn.btn-success:before,
.btn-breadcrumb .btn.btn-success:hover:before {
    border-left: 10px solid #398439
}

.breadcrumb-success {
    border: 1px solid #398439
}

.btn-breadcrumb .btn.btn-danger:after {
    border-left: 10px solid #d9534f
}

.btn-breadcrumb .btn.btn-danger:hover:after {
    border-left: 10px solid #c9302c
}

.btn-breadcrumb .btn.btn-danger:before,
.btn-breadcrumb .btn.btn-danger:hover:before {
    border-left: 10px solid #ac2925
}

.breadcrumb-danger {
    border: 1px solid #ac2925
}

.btn-breadcrumb .btn.btn-warning:after {
    border-left: 10px solid #f0ad4e
}

.btn-breadcrumb .btn.btn-warning:hover:after {
    border-left: 10px solid #ec971f
}

.btn-breadcrumb .btn.btn-warning:before,
.btn-breadcrumb .btn.btn-warning:hover:before {
    border-left: 10px solid #d58512
}

.breadcrumb-warning {
    border: 1px solid #d58512
}

.btn-breadcrumb .btn.btn-info:after {
    border-left: 10px solid #5bc0de
}

.btn-breadcrumb .btn.btn-info:hover:after {
    border-left: 10px solid #31b0d5
}

.btn-breadcrumb .btn.btn-info:before,
.btn-breadcrumb .btn.btn-info:hover:before {
    border-left: 10px solid #269abc
}

.breadcrumb-info {
    border: 1px solid #269abc
}

.product-title-zone {
    padding: 5px 5px 0
}

.badge {
    background-color: #54b94d;
    border-radius: 50%;
    display: inline-block;
    padding: 3px 7px
}

.shopping-cart {
    display: none;
    margin: 10px 0;
    float: right;
    background: #fff;
    width: 200%;
    position: relative;
    border-radius: 3px;
    padding: 15px;
    z-index: 10;
    box-shadow: 5px 5px 15px 5px rgba(136, 136, 136, .3);
    /* max-height: 500px; */
    /* overflow: auto; */
}

.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    /* padding-bottom: 15px */
}

.shopping-cart .shopping-cart-header .shopping-cart-total {
    color: #191919;
}

.shopping-cart .shopping-cart-items {
    padding-top: 20px;
    max-height: 350px;
    overflow: auto;
}

.shopping-cart .shopping-cart-items li {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(100, 100, 100, .3)
}

.shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px
}

.shopping-cart .shopping-cart-items .cart-item-name {
    display: block;
    font-size: 1.1em;
    color: #111
}

.shopping-cart .shopping-cart-items .cart-item-price {
    color: #3498db;
    margin-right: 8px
}

.shopping-cart .shopping-cart-items .cart-item-quantity {
    color: #f5791f
}

.shopping-cart .shopping-cart-items .cart-item-image {
    max-height: 100px;
    max-width: 100px;
}

.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left
}

.product_image_thumb {
    max-height: 100%;
    max-width: 25%;
}

.pagination>li {
    margin: -7px;
}

.justonhover {
    opacity: 0;
}

.justonhover:hover {
    opacity: 1;
}