@font-face {
    font-family:Exo2;
    src: url(../fonts/Exo2-Regular.ttf);
    font-weight: normal;
}
@font-face {
    font-family: Exo2Lt;
    src: url(../fonts/Exo2-Light.ttf);
    font-weight: 300;
}
@font-face {
    font-family: Exo2Bd;
    src: url(../fonts/Exo2-Bold.ttf);
    font-weight: 700;
}
@font-face {
    font-family: Exo2Bk;
    src: url(../fonts/Exo2-Black.ttf);
    font-weight: 900;
}
@font-face {
    font-family: openSans;
    src: url(../fonts/OpenSans-Bold.ttf);
    font-weight: 700;
}


body{
    font-family: Exo2;
    font-size: 14px;
    color: #585858;
}

.color-red{
    color: #d2232a !important;
}

.bg-red{
    background-color: #d2232a !important;
    color: #fff !important;
}

.bg-grey{
    background-color: #ededed !important;
}

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

.rounded{
    border-radius: 7px;
}

.font-bold{
    font-weight: bold;
}

.font-black{
    font-weight: 900;
    font-family: Exo2Bk;
}

.container-main{
    max-width: 1390px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

.p-0 {
    padding: 0 !important;
}

p{
    margin: 0;
}

h2{
    font-weight: 300;
}

.uppercase{
    text-transform: uppercase;
}

a{
    color: #585858;
}

a:focus, a:hover{
    text-decoration: none;
    color: #585858;
}

p a, label a{
    text-decoration: underline;
}

.btn-link, .btn-link:hover{
    color: #585858;
}

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

.btn-dsc{
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    font-family: Exo2Bd;
    font-size: 18px;
    padding: 5px 10px;
    color: #585858;
    background-color: #ededed;

}

.btn.btn-dsc:active,
.btn.btn-dsc:focus{
    background-color: #585858;
    color: white;
    box-shadow: unset;
    outline: none;
    border: none;
}

.btn-cart{
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    font-family: Exo2Bd;
    font-size: 18px;
    padding: 5px 10px;
    color: #fff;
    background-color: #d2232a;
}

.btn-cart:active, .btn-cart:focus {
    color: #fff;
}

input.btn.btn-dsc:active, input.btn.btn-dsc:focus{
    background-color: #ededed;
    color: #585858;
}

.btn-dsc.bg-red{
    color: #fff;
    padding: 10px 30px;
}

.btn-dsc.save-data{
    padding: 10px 30px;
    min-width: 300px;
    margin: 30px;
    font-size: 18px;
    float: right;
}

.btn-dsc.back{
    padding: 10px 30px;
    min-width: 160px;
    margin: 30px;
    font-size: 18px;
    float: left;
}

.p-l-0{
    padding-left:0;
}

.p-r-0{
    padding-right: 0;
}

.p-l-20{
    padding-left: 20px;
}

.p-r-20{
    padding-right: 20px;
}

.p-t-10 {
    padding-top: 10px;
}

.mb-15{
    margin-bottom: 15px;
}



.item-name{
    font-size: 18px;
    font-family: Exo2Bk;
    
}

.title h1{
    font-family: Exo2Bk;
    font-size: 24px;
    padding: 40px 0;
}

.pagination>li>a,
.pagination>li>a:hover{
    color: #585858;
}

.pagination>.active>span,
.pagination>.active>span:hover{
    background-color: #ededed;
    border-color: #ededed;
    color: #585858;
}

.nav>li>a:focus,
.nav>li>a:hover{
    background-color: unset;
}


/*form layout*/
.table-scrollable .pull-right{
    float:left!important;
    padding: 15px;
}

.table-scrollable .pull-right a {
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    font-family: Exo2Bd;
    padding: 10px 30px;
    min-width: 160px;
    font-size: 18px;
    background-color: #585858;
    color: #fff;
}

.col-md-6.col-md-offset-4 button{
    width: 100%;
}

.form-finish a{
     font-size: 16px;
 }

.form-finish button{
    float: right;
}

.form-finish > *{
    padding: 9px 30px;
}

.form-title{
    text-transform: uppercase;
    color: #d2232a;
    font-family: Exo2Bd;
    font-size: 14px;
}

@-webkit-keyframes autofill {
    to {
        color: #585858;
        background: #ededed;
    }
}

input:-webkit-autofill,
select:-webkit-autofill{
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

input.form-control{
    box-shadow: unset;
    background-color: #fff;
    border: 1px solid #585858;
    border-radius: 0;
    color: #585858;
    padding: 0 15px;
}

div.req:after {
    content: '*';
    color: #d2232a;
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 18px;
}

input:-internal-autofill-selected{
    background-color: #ededed !important;
}

.form-info {
    margin: 20px 0;
}

.form-info span {
    color: #d2232a;
}


.form-control:focus{
    border-color:#ededed;
    box-shadow: unset;
}

select.form-control{
    background-color: #fff;
    border: 1px solid #585858;
    border-radius: 0;
    box-shadow: none;
    color: #585858;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('/themes/frontend/images/icons/ico-select-option.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) calc(1em - 2px);
}
}

option{
    background-color: white;
    border: none;
    border-radius: 0;
    outline-color: unset;
    -webkit-appearance: none;
    -moz-appearance: none;
}

option:selected, option:hover{
    background-color: #ededed;
}


.box-primary{
    padding-top: 40px;
}

.box-header{
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    font-family: Exo2Bk;
    color: #585858;
}

.chk-conditions{
    margin: 30px 0;
}

.conditions{
    display: block;
    font-weight: normal;
}

.conditions a{
    color: #d2232a;
}


/*alert messages styling*/
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label{
    color: #d2232a;
}

.alert-conatiner{
    padding: 30px 0;
}

.alert .col-xs-2{
    text-align: right;
}

.box-body .alert,
.alert-conatiner .alert{
    display: flex;
    align-items: center;
}

.alert-danger{
    background-color: unset;border: 1px solid #d2232a;
    color: #d2232a;
}

.alert-success{
    background-color: unset;border: 1px solid green;
    color: #green;
}

.alert.alert-danger i{
    font-size: 36px;
    color: #d2232a;
}

.alert.alert-success i{
    font-size: 36px;
    color: green;
}

.alert-conatiner .alert ul{
    margin-bottom: 0;
    padding: 10px;
}

/*modal*/
.modal-backdrop.fade{
    opacity: 0.25;
}

.modal-dialog{
    margin: 100px auto 60px auto;
    width: auto;
    max-width: 90%;
    text-align: center;
}

.modal-header{
    border-bottom: none;
}

.modal-body span{
    opacity: 1;
    background-color: #ebebeb;
    border-radius: 7px;
    color: #585858;
    line-height: 1;
    position: absolute;
    top:-15px;
    right:-15px;
    font-family: Exo2Bd;
    font-weight: normal;
    /* padding-top: 5px; */
    font-size: 18px;
    text-transform: uppercase;
    padding: 8px 10px;
    box-shadow: 0 2px 20px rgba(0,0,0,.3);
    border: 2px solid #585858;
}

.modal-body span:hover{
    background-color: #585858;
    border-color: #ebebeb;
    color: #fff;
    opacity: 1;
}

.modal-body{
    text-align: center;
    height: auto;
    padding: 10px;
}

.modal-body img{
    width:auto;
    max-width: 100%;
    max-height: 70vh;
    width: auto\9; /* ie8 */

}

section#content .container .menu {
    margin-top: 40px;
}

.modal-content{
    display:inline-block;
    border-radius: 7px;
    box-shadow: 0 3px 15px rgba(0,0,0,.5);
}

@media (max-width: 991px){
    .title{
        font-size: 22px;
    }

    footer div.info-block-1,
    footer div.info-block-2,
    footer div.info-block-3{
        font-size: 12px;
    }

    .btn-dsc.save-data{
        width: 100%;
        margin: 30px 0;
    }
}

@media (max-width: 768px){
    body{
        font-size: 14px;
    }

}


@media (max-width: 991px) and (min-width: 768px){
    .container-main{
        padding: 0 30px;
    }
}

@media (min-width:768px){
    .container{
        width:100%;
    }

    footer .navbar-nav>li{
        float: none;
    }
}

#allProduct{
    padding: 0;
}

/*--------fixed header positon-----------*/
#header{
    position: fixed;
    left:0 ;
    right: 0;
    top: 0;
    z-index:100;
    background-color: #fff;
    max-width: 1390px;
    margin: 0 auto;
    padding: 0 15px;
}

#content{
    margin-top: 175px;
}

.with-counter{
    margin-top: 290px !important;
}

@media (max-width: 991px){
    #content{
        margin-top: 115px;
    }

    .with-counter{
        margin-top: 240px !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    #content{
        margin-top: 175px;
    }
}

@media (max-width: 575px){
    .btn-dsc, .btn-cart{
        font-size: 16px;
    }

    .modal-dialog{
        max-width: 100%;
    }
}

@media (max-width: 425px){
    #content{
        margin-top: 115px;
    }
}

.fade.show{
    opacity: 1;
}

.modal-backdrop.fade{
    opacity: 0 !important;
}

/*--------carousel-------*/
#mainPageCarousel{
    border-radius: 7px;
    overflow: hidden;
    background-color: #ededed;
    padding-bottom: 40px;
    height: 400px;
}

#mainPageCarousel .carousel-control{
    height: 60px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 20px;
    background:transparent;

}

.carousel-control .arrow{
    width: 20px;
    height: 20px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: top;
    position: absolute;
    border-radius: 3px;
}

.carousel-control.left .arrow{
    left: 20%;
    border-left: 4px solid #fff;
    border-bottom: 4px solid #fff;
}

.carousel-control.right .arrow{
    right: 20%;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}

.carousel-indicators{
    bottom: 0;
}

.carousel-indicators li{
    border-color: #585858;
}

#mainPageCarousel .carousel-inner, #mainPageCarousel .carousel-inner .item{
    height: 100%;
}

#mainPageCarousel .item-text{
    position: static;
    display: inline-block;
    margin-left: 15px;
    vertical-align: top;
    width: 50%;
   /* color: #fff;*/
    /*text-shadow: 1px 1px 2px rgba(0,0,0,0.75);*/
}


#mainPageCarousel .item-text h2{
    font-family: 'Exo2Bd';
    background-color: #d2232a;
    color: #fff;
    margin-top: 0;
    padding: 60px 20px 30px;
    display: inline-block;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    margin-bottom: 20px;
}

#mainPageCarousel .item-text p{
    font-size: 18px;
    color: #585858;
    padding: 0 20px;
}

#mainPageCarousel .item-text .subtitle{
    font-family: Exo2Bk;
    margin-bottom: 20px;
    font-size: 21px;
}

#mainPageCarousel .image{
    display: inline-block;
    max-height: 100%;
    padding: 0 15px;
    width: calc(50% - 20px);
    padding: 15px 30px;
}

#mainPageCarousel .carousel-inner img{
    max-height: 300px;
    margin: 0 auto;
}

@media (max-width: 767px){
    #mainPageCarousel{
        max-height: 300px;
    }
    #mainPageCarousel .item-text{
        left: 15px;
    }
    #mainPageCarousel .item-text h2{
        font-size: 18px;
        padding: 30px 15px 15px;
    }

    #mainPageCarousel .item-text p{
        font-size: 14px;
        padding: 0 15px;
    }

    #mainPageCarousel .item-text .subtitle{
        font-size: 16px;
    }

    #mainPageCarousel .image{
        padding: 0 15px;
    }
}

@media (max-width: 991px){
    #mainPageCarousel .item-text:last-of-type{
        width: auto;
        margin-right: 15px;
    }

    #mainPageCarousel .carousel-inner img{
        max-height: 150px;
    }
}

.js-cookie-consent.cookie-consent{
    position: fixed;
    bottom: 0;
    z-index: 100000;
    background: #333;
    width: 100%;
    padding: 10px;
    opacity: .8;
    color: #fff;
    font-size: 16px;
    font-family: arial;
    font-weight: 400;
}

.js-cookie-consent-agree{
    color: #d2232a;
    font-weight: 600;
    background-color: #fff;
    padding: 6px 10px;
    border: 0;
    margin-top: 5px;
    display: inline-block;
}

.counter-content{
    height: 120px;
}

    .counter-content a{
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 999;
    }

.counter {
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
    padding-top:  27px;
    padding-right: 15px;
    text-align: right;
    color: #ffffff;
    text-shadow: 2px 2px #000;
}

.counter-content .simple{
    color: #585858 !important;
    text-shadow: none !important;
}
/*header*/
.logo-image-bottom img{
    max-height: 100px;
}

.row.menu{
    margin:0;
}

.navbar.header.main{
    margin-top:20px;
    margin-bottom: 0;
}
div#main-menu-nav{
    width: 100%;
    margin-top: 10px;
}
div#main-menu-nav ul {
    width: 100%;
}
div#main-menu-nav ul li a::before {
    position: absolute;
    top: -4px;
    left: 0;

}

@media (max-width: 991px){
    div#main-menu-nav ul li a::before {
        left: 36px;
        transform: translateX(-50%);
    }
}

div#main-menu-nav ul li:nth-child(1) > a:before {
     content: url(/themes/frontend/images/menu/riaszto.png);
 }
div#main-menu-nav ul li:nth-child(2) > a:before {
    content: url(/themes/frontend/images/menu/video.png);
}
div#main-menu-nav ul li:nth-child(3) > a:before {
    content: url(/themes/frontend/images/menu/tuz.png);
}
div#main-menu-nav ul li:nth-child(4) > a:before {
    content: url(/themes/frontend/images/menu/belep.png);
}
div#main-menu-nav ul li:nth-child(5) > a:before {
    content:'';
    background-image: url(/themes/frontend/images/menu/kapu.png);
    width: 36px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
div#main-menu-nav ul li:nth-child(7) > a:before {
    content: url(/themes/frontend/images/menu/kieg.png);
}

div#main-menu-nav ul li:nth-child(6) > a:before {
    content: url(/themes/frontend/images/menu/okosotthon.png);
}

div#desktop_menu ul li:hover > a:before {
     filter: brightness(0) invert(1);
}

@media (min-width: 992px) and (max-width: 1099px){
    div#main-menu-nav ul li:nth-child(5) a:before {
        width: 30px;
    }
}

.navbar-collapse{
    padding:0;
}

div#main-menu-nav li{
    background: #ededed;
    float: left;
    width:14.28%;
    text-align: center;
    border-right: 1px solid #fff;
    padding:12px;
}

div#desktop_menu li:hover{
    background: #585858;
    color: #fff;
}

div#desktop_menu li:hover a{
    color: #fff;
}

div#main-menu-nav li a{
    padding: 0;
    padding-left: 30px;
    display: block;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
}

div#main-menu-nav li:first-child{
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

div#main-menu-nav li:last-child{
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    border: none;
}

div#main-menu-nav li.active{
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

nav.navbar div#main-menu-nav li a img{
    float: left;
    vertical-align: middle;
    padding: 0;
}

.navbar-nav li a{
    font-size: 17px;
    color: #626262;
}

#mobile-menu-main{
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

@media (min-width: 1200px) and (max-width: 1399px){
    .navbar-nav li a{
        font-size: 12px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    .navbar-nav li a{
        font-size: 10px;
    }
}

.header-right{
    margin-right: 15px;
}

.navbar.header.sec{
    min-height: 20px;
    margin-bottom:10px;
    margin-top: 0.8vw;
}

.header.sec .navbar-nav li a{
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    border-right: 1px solid #d2232a;
    padding: 0 15px;
}

div#main-menu-nav .subcategory a{
    padding-left: 0;
    margin-left: -45px;
    padding-top: 10px;
    padding-bottom: 10px;
}


div#main-menu-nav .subcategory-level2 a{
    text-transform: none;
}

/*div#main-menu-nav li.subcat-item > a{
    font-weight: bold;
    font-size: 16px;
}

div#main-menu-nav li.subcat-item ul li a{
    font-size: 14px;
}*/

/*login, user info*/

.popup-form{
    display: none;
    position: absolute;
    z-index: 100;
    right:15px;
    top:20px;
    width: 360px;
    margin-top: 20px;
    padding:20px;
    background: #fff;
    border-radius: 7px;
    -webkit-box-shadow: 5px 5px 5px rgba(237,237,237,0.75);
    -moz-box-shadow: 5px 5px 5px rgba(237,237,237,0.75);
    box-shadow: 5px 5px 5px rgba(237,237,237,0.75);
    border-radius: 7px;
    border: #ededed 1px solid;

}

.popup-form form{
    padding: 20px;
}

div.login-input{
    display: grid;

}

.popup-form .form-group.text-input{
    background-color: #ededed;
    padding: 5px;
}

.popup-form .form-group.text-input input{
    border: none;
    background-color: unset !important;
    box-shadow: unset;

}

#user-info a.user-edit{
    display: block;
    font-weight: bold;
}

#user-info a.user-edit:hover,
#user-info a.user-edit:focus{
    color: #585858;
}


#user-info .btn-dsc,
#login-info .btn-dsc{
    width: 100%;
}

label.login-remember{
    font-weight: normal;
}

#cart-info{
    top:78px;
    padding:15px;
    width: 500px;

}

#popupcart_content{
    max-height: 350px;
    overflow-y: auto;
}


#cart-info .cart-item{
    padding: 5px;
    margin-bottom: 2px;
    margin-left: 0;
    margin-right:0;
}

#cart-info .cart-item >*{
    padding: 0 5px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: normal;
}

#cart-info .shipping-info{
    padding: 20px 30px;
    font-size: 14px;
}

#cart-info .btn_qnty{
     width: 26px;
     height: 30px;
    margin:0;
 }

#cart-info input{
    width: 60px;
    height: 30px;
    padding: 4px 15px 4px 4px;
}

#cart-info input.qnty~ span{
    height: 30px;
    top:8px;
    right: unset;
    left: 70px;
}

#cart-info .form-group a{
    width: 100%;
}

a.reg, a.new-pw{
    padding: 0 15px;
    text-decoration: underline;

}

#header .partners{
    height: 40px;
    display: flex;
    flex-direction: column;
}

#header .partners .top-row{
    margin-bottom: 8px;
}

.partner-logo{
    padding: 0 8px;
    height: auto;
}

@media (min-width: 1300px){
    .partner-logo{
        max-width: 100px;
    }
}

@media (max-width: 1299px) and (min-width: 1200px){
    .partner-logo{
        max-width: 80px;
    }
}

@media (max-width: 1199px){
    .partner-logo{
        max-width: 62px;
    }

    .partners-responsive {
        margin: 10px 0;
        text-align: center;
    }

    .partners-responsive a:not(.svg) {
        margin: 3px 0;
        display: inline-block;
    }

    .partners-responsive a.svg {
        margin: 3px 0;
        display: inline;
    }
}

.extra-buttons{
    text-align: right;
}

#btn-search, #btn-search-sm, #btn-cart,  #btn-cart-sm, .btn-profile-sm{
    background-color: #ededed;
    border-radius: 7px;

    position: absolute;
    vertical-align: super;

}

#btn-cart, #btn-cart-sm{
    right:15px;
    padding:8px;
    border: none;
}

#btn-search, #btn-search-sm{
    margin-right: 10px;
    right:60px;
    padding:0 8px;
    min-width: 40px;
    height: 40px;
    cursor: pointer;
}

#btn-search input, #btn-search-sm input{
    display: none;
    width:0;
    transition: width .2s ease-in;
    padding: 0;
    border: none;
    background-color: unset;
    box-shadow: unset;
}

#btn-search input.input-visible,
#btn-search-sm:focus-within input{
    width: 150px;
    display: block;
    margin-right: 40px;
}

#btn-search button, #btn-search-sm button{
    border: none;
    background-color: unset;
    padding: 0;

}

#btn-search img{
    position: absolute;
    top: 8px;
    right: 8px;
}

button:focus{
    outline-color: transparent;
}

span#badge, #badge_mob {
    position: absolute;
    right: 13px;
    top: 18px;
    padding: 0;
    color: #FFFFFF;
    font-size: 10px;
    width: 18px;
    height: 18px;
    text-align: center;
    font-family: openSans;
    font-weight: bold;
}


div.hover-menu > div:nth-child(4n+5) {
    clear: both;
}
div.hover-menu > div > div.category-label {
    background: #FFFFFF;
    margin-bottom: 10px;
    /* margin-top: 10px; */
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    color: #d2232a;
    text-transform: uppercase;
    padding-left: 10px;
    /* border-right: #626262 1px solid; */
}
div.hover-menu > div:nth-child(4n) > div.category-label {
    /* border-right: none; */
}
div.hover-menu > div:nth-child(1n+5) > div.category-label {
    /* border-top: #626262 1px solid; */
}
div.hover-menu > div > div.category-link a {
    color: #626262;
    text-decoration: none;
    line-height: 1.6em;
    padding-left: 10px;
}
div.hover-menu {
    padding: 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    /* -webkit-box-shadow: 0 5px 5px 3px rgba(186,186,186,0.75);
    -moz-box-shadow: 0 5px 5px 3px rgba(186,186,186,0.75);
    box-shadow: 0 5px 5px 3px rgba(186,186,186,0.75); */
    border-left: #dcdcdc 1px solid;
    border-right: #dcdcdc 1px solid;
    border-bottom: #dcdcdc 1px solid;
    background: #FFFFFF;
    position: absolute;
    z-index: 1000;
    height: auto;
    margin-top: -2px;
}
div#hovermenu_container {
    width: 100%;
}
div.hover-menu > div {
    padding: 0px;
    background: #d6d4d7;
    margin-bottom: 10px;
    height: 100%;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
}
div.hover-menu > div {
    border-right: #dcdcdc 1px solid;
    margin-top: 25px;
}
div.hover-menu > div:nth-child(4n) {
    border-right: none;
}

/*footer*/

footer {
    background: #262626;
    color: #FFFFFF;
    margin-top: 60px;
    padding: 30px 30px 0 30px;
    text-align: center;
}

footer div div ul.nav {
    width: 100%;
    margin: 0;
    text-align: center;
}

footer div div ul.nav li {
    padding: 0;
    margin: 0;

    display: inline-block;
}

footer div ul.nav li a {
    font-size: 14px;
    font-weight: bold;
    color: #d2232a;
    padding: 0px 10px;
    margin: 0;
    text-transform: uppercase;
}

footer div ul.nav li:not(:last-child) :after {
    /*border-right: #d2232a 2px solid;*/
    content:'I';
    font-weight: bold;
    margin-left: 10px;
}

footer div.info-block-1, footer div.info-block-3{
    margin-bottom: 30px;
}

footer div.info-block-2{
    margin-bottom: 15px;
}



footer div.info-block-1 a{
    color: #fff;
    font-size: 21px;
    font-family: 'Exo2Bd';
    vertical-align: middle;
    line-height: 1;
}

footer div.info-block-1 div:last-of-type{
    white-space: nowrap;
}

footer div.info-block-1 div:last-of-type img{
    margin-right: 10px;
}

span.info-large{
    font-size: 21px;
    font-weight: bold;
    line-height: 2;
    margin-left: 10px;
    vertical-align: text-bottom;
}


footer div.info-block-social div img {
    margin-right: 10px;
}

footer .bottom{
    background-color: #fff;
    margin-left: -30px;
    margin-right: -30px;
    margin-top: 20px;
    padding: 15px 30px;
    max-height: 80px;
}

footer .bottom img{
    height: 36px;
    width: auto;
}

@media (max-width: 575px){
    footer div.info-block-1 a{
        font-size: 16px;
    }
}

/*Overrides for mobile and tablet*/

.extra-buttons.hidden-md.hidden-lg{
    margin-right: 50px;
    position: relative;
}

.btn-profile-sm{
    right: 60px;
    border: none;
    margin-right: 8px;
    padding: 8px 12px;
}

#btn-search-sm{
    right: 110px;
    z-index: 100;
}

#btn-search-sm.open{
    left:90px;
}

#btn-search-sm form{
    display: block;
    height: 40px;
}

#btn-search-sm.open input{
    display: block;
    float: left;
    width: auto;
    height: 40px;
}

#btn-search-sm button{
    z-index:-1;
    height: 40px;
    width: 26px;
    position: absolute;
    right: 7px;
    top: 0;
}

#btn-search-sm.open button{
    z-index: 105;
}

.overlay{
    display: none;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    top:100px;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 100;
}

#login-info{
    top: 15px;
}

#login-info .modal-dialog{
    max-width: 360px;
    margin-left: auto;
    margin-right: 0px;
}

#login-info .modal-content{
    border: 0;
    width: 100%;
    padding: 20px;
    box-shadow: 5px 5px 5px rgb(237, 237, 237, 0.75);
    border: #ededed 1px solid;
}

#login-info .form-horizontal .form-group{
    margin-left: 0;
    margin-right: 0;
}

#login-info .login-links > div{
    display: inline;
}

@media (max-width: 991px) {

    div.mobile-menu-other{
        padding-left: 15px;

    }

    div.mobile-menu-other a{
        display: block;
        font-size: 17px;
        font-family: Exo2Bd;
        text-transform: uppercase;
        padding: 10px 20px;
        border-top: 1px solid #ededed;
    }


    .row.menu{
        margin:0 -15px;
    }

    div.navbar-logo{
        float: left;
        margin-top: -20px;
    }

    #login-info{
        top: 40px;
    }

    .logo-image-bottom{
        text-align: left;
        margin-left:20px;
        display: inline-block;
    }

    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
        border-radius: 7px;
        padding: 10px 8px;
        margin-top:0;
    }

    .navbar-toggle .icon-bar{
        background-color: #fff;
        height: 3px;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-collapse.collapse.show {
        display: block!important;
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }

    div#main-menu-nav{
        margin-top:10px;
        overflow-x: hidden;
    }

    div#main-menu-nav ul{
        margin: 0;
    }

    div#main-menu-nav li {
        float: none;
        width: 100%;
        border-radius: unset;
        text-align: left;
    }

    div#main-menu-nav li:first-child,
    div#main-menu-nav li:last-child{
        border-radius: unset;
    }

    div#main-menu-nav li a{
        display: block;
        padding-top: 5px;
    }

    div.subcategory{
        background-color: #fff;
    }

    div#main-menu-nav li div span.subcat-item{
        padding-left: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #ededed;
        display: block;
        cursor: pointer;
        font-size: 16px;
    }

    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

    #user-info, #cart-info{
        top: 70px;
        width: 100%;
        right: 0;
        border-radius: unset;
        border: none;
        z-index: 110;
    }

    div.subcategory{
        background-color: #fff;
    }

    div.subcategory.active{
        margin-top:12px;
        margin-bottom: -12px;
    }

    footer div div ul.nav li{
        margin: 4px 0;
    }

    footer div.info-block-1 span.icon-bg img{
        height: 33px;
    }

}

@media (max-width: 768px){
    #login-info{
        padding: 0 10px;
    }

    div#main-menu-nav li {
        float: none;
        width: 100%;
        border-radius: unset;
        text-align: left;

    }

    div#main-menu-nav li a{
        padding-left:90px;
    }

    div#main-menu-nav li:hover .subcategory-level2 a{
        color: #585858;
    }

    #mobile-menu-main{
        margin:0 -15px;
    }

    div#main-menu-nav li a {
        padding-left:70px;
    }

    div#main-menu-nav ul li::before{
        left:30px;
        height: 28px;
    }


    div#main-menu-nav .subcategory a{
        margin-left: 15px;
        font-size: 16px;
    }

    div#main-menu-nav .subcategory-level2 a{
        font-size: 14px;
    }

    footer{
        padding: 15px 15px 0 15px;
    }

    footer .bottom{
        margin-left: -15px;
        margin-right: -15px;
    }

    footer .bottom img{
        max-width: 100%;
        max-height: auto;
    }

    footer div div ul.nav li a{
        font-size: 11px;
        padding: 0 4px;
    }

    footer div ul.nav li:not(:last-child) :after{
        margin-left:4px;
    }

    footer div.info-block-1 .col-xs-6{
        padding-left: 5px;
        padding-right: 5px;
    }

    footer div.info-block-1 span.icon-bg img{
        zoom: 0.9;
    }

}

@media (min-width: 768px) and (max-width: 991px){

    div.login-input{
        grid-template-columns: auto auto;
        grid-column-gap: 40px;
    }

    #mobile-menu-main{
        margin:0 -30px;
    }

    div#main-menu-nav li a {
        padding-left:70px;
    }

    div#main-menu-nav .subcategory a{
        margin-left: 45px;
    }

    div#main-menu-nav ul li::before{
        left:60px;
        height: 28px;
    }

    div.subcategory{
        margin: 0 0 0 15px;
    }

    div#main-menu-nav .subcategory a{
        font-size: 16px;
    }

    div#main-menu-nav .subcategory-level2 a{
        font-size: 14px;
    }

    footer div div ul.nav li a{
        font-size: 12px;
        padding: 0 5px;
        line-height: 1.2;
    }

}

@media (max-width: 1200px) and (min-width: 991px){
    footer div ul.nav li a{
        font-size: 12px;
        padding: 0 6px;
    }
}


@media (max-width: 460px){
    #btn-search-sm.open{
        right: 0;
    }

    #btn-search-sm.open input{
        width: 38vw;
    }

    footer .bottom img{
        height: auto;
        max-width: 100%;
        max-height:30px;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px){
    footer div.info-block-1 div:first-of-type{
        text-align: right !important;
    }

    footer div.info-block-1 div:last-of-type{
        text-align: left !important;
    }
}

@media (max-width: 575px){
    #login-info{
        top: 66px;
    }

    #login-info .modal-dialog{
        max-width: 100%;
    }

    #login-info .modal-content{
        padding: 15px;
    }
}



#content .main-heading,
#content .articles,
#content .sale.center-block {
    margin: 30px 15px;
}

/*main - sale*/

.sale .title{
    margin: 30px 0;
}

.sale-item{
    padding:20px;
}

.sale-item> div{
    -webkit-box-shadow: 0 0 10px rgba(237,237,237,0.75);
    -moz-box-shadow: 0 0 10px rgba(237,237,237,0.75);
    box-shadow: 0 0 10px rgba(237,237,237,0.75);
    border-radius: 7px;
}
.sale-item > div > p > a {
    text-decoration: none;
}

.sale .item-name, .sale .item-description{
    padding: 10px 20px;
    height: 100px;
    overflow: hidden;
}

.sale .item-img{
    height: 140px;
    width: auto;
    margin: 0 auto;
}

.item-price{
    background-color: #ededed;
    margin: 0;
    padding: 10px 20px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.sale .netto-price{
    font-size: 14px;
    line-height: 2;
}

.sale .brutto-price{
    font-size: 18px;
    line-height: 1.5;
}

.brutto-price span{
    font-weight: 900;
}

.unicredit-logo-container {
    text-align: right;
}

.unicredit-logo-container img {
    height: 150px;
}

@media (min-width: 992px){
    .article-info{
        grid-template-columns: auto 120px;
        grid-column-gap: 20px;
    }
}

@media (max-width:991px){
    .article-main{
        padding: 15px!important;
    }

    .article-main h2{
        margin-bottom: 30px;
    }
}
/*article rules*/


/*main article heading*/

.article-main{
    padding: 30px 20px 30px 5px;
}

.article-main h2{
    font-weight: 300;
    margin-top:0;
    margin-bottom:54px;
}

.article-main.text{
    line-height: 2;
    padding: 30px 5px 30px 20px;
}

.submit.text-right{
    padding-right: 30px;
    position: relative;
}

.submit.text-right a{
    width: 120px;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

/*article list*/

.article-info{
    border-bottom: 1px solid #ededed;
    padding: 20px 0;
    display: grid;
    align-items: flex-end;
    height: 100px;
    overflow: hidden;
}

.article-info h4{
    font-size: 24px;
    font-family: Exo2Lt;
}

.article-info p{
    font-size: 14px;
}

.article-container{
    max-width: 1010px;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px;
}

.article-container h2{
    margin-bottom: 20px;
    font-family: Exo2Bd;
    text-transform: uppercase;
}

.article-lead{
    margin: 15px 0;
    font-size: 16px;
}

.article-content p{
    line-height: 1.8;
    font-size: 16px;
}

@media (max-width: 425px){
    .article-content p{
        line-height: 1.5;
        font-size: 14px;
        padding-left: 10px;
    }
}

.articles img{
    max-height: 240px;
    min-width: 100%;
    object-fit: cover;
    border-radius: 7px;
}

.articles p{
    line-height: 1.7;
    margin-bottom: 30px;
}

.article-info h4{
    margin-bottom: 0;
    margin-top: 0;
}

.articles .row{
    margin: 0;
}

.articles iframe{
    width: 100%;
    height: 330px;
    z-index: 9;
    
}

.articles .video{
    border-radius: 7px;
    overflow: hidden;
    height: 330px;
    z-index: 10;
    padding: 0;
}

div.article-img{
    float: right;
    width:50%;
    margin: 0 0 40px 20px;
    padding-left: 20px;
}


#article-content img{
    height: 330px;
    float: right; 
    z-index: 9;
}

.article-description{
    margin-top: 30px;
}

.article-description p{
    margin:0;
}

/*----------------- aktualitasok -------------*/

.row.actuality{
    margin-top: 40px;
}

ul.navbar-nav.dropdown,
ul.navbar-nav.dropdown>li{
    float: none;
    cursor: pointer;
}

ul.navbar-nav.dropdown>li{
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 0;
    color: #585858;
    font-family: Exo2Bd;
}

ul.sub-category{
    display: none;
}

ul.sub-category > li > span,
ul.sub-category > li > a{
    font-family: Exo2;
    font-size: 13px;
    padding: 10px;
    list-style: none;
    display: block;
}

ul.sub-category.level2 > li{
    padding-left: 10px;
}

ul.dropdown span.show,
.article-link.active{
    color: #d2232a;
}


.actuality-box{
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.actuality-box .article-content{
    height: 220px;
    overflow: hidden;
}

.actuality-box h4{
    font-size: 24px;
    font-family: Exo2Lt;

}

.actuality-box p{
    font-size: 14px;
    font-family: Exo2Lt;
}

.actuality-box a.btn-dsc{
    margin: 10px 0 20px 0;
    text-decoration: none;
    position: absolute;
    bottom:0;
    right:15px;
}

.actuality-box a.text{
    display: grid;
    grid-template-rows: 80px auto;
    align-items: center;
}

.article-image,
.article-main-image{
    overflow: hidden;
    border-radius: 7px;
    position: relative;
}

.article-image img{
    display: block;
    width: 100%;
}

.article-main-image img{
    display: block;
    width: 100%;
}

.article-content{
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.article-info a.text{
    align-self: center;
}


@media (max-width: 991px){
    .article-info{
        grid-template-rows: 80px 40px;
        justify-items: flex-end;
        height: 140px;
        padding: 10px 0;

    }

    .article-info a.text{
       justify-self: baseline;
    }

    .article-info p{
        font-size: 21px;
        line-height: 1.2;
    }

    .article-img.about-main{
        width: 100%;
    }

    .submit.text-right{
        height: 40px;
    }

    ul.navbar-nav.dropdown{
        padding: 0 15px;
    }

}

/* dinamikus hírek mobil optimalizálás */
@media (max-width: 425px) {
    .dynamic-container, .dynamic-container .menu, .dynamic-container .article-container, .dynamic-container div[class^="col"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .dynamic-container img:not(.item-img)  {
        width: 100% !important;
        height: auto !important;
    }

    .dynamic-container .article-container h2 {
        font-size: 24px !important;
    }

    .dynamic-container .article-container h3 {
        font-size: 20px !important;
    }
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

.breadcrumb-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 15px;
}

.breadcrumb-container > a {
    display: inline-block;
    margin-left: auto;
    margin-right: 15px;
    padding: 6px 12px;
    background-color: #585858;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Exo2Bd';
}

.breadcrumb-container > a:before {
    content:'';
    margin-right: 6px;
    width: 9px;
    height: 9px;
    transform: rotate(45deg);
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 1px;
    display: inline-block;
}

ul.breadcrumb {
padding: 10px 16px;
list-style: none;
background-color: unset;
display: inline-block;
margin-bottom: 0;
}

ul.breadcrumb li {
font-weight: bold;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
    padding: 8px;
    content: "/\00a0";

}
  
ul.breadcrumb li a {
    color: #585858;
    text-decoration: underline;
    font-weight: normal;
}

@media (max-width: 767px) {
    .breadcrumb-container {
        flex-direction: column-reverse;
        align-items: baseline;
    }
}
  
  /* Add a color on mouse-over */
ul.breadcrumb li a:hover {
    text-decoration: underline;
}


.product-filter-cat{
    font-size: 16px;
    font-weight: 700;
    padding: 10px 20px;

}

.product-filter-checkbox{
    padding:20px;
}

.product-filter-checkbox label, .product-info label{
    font-weight: normal;
}

input[type=checkbox] + label{
    /* display: block; */
    cursor: pointer;

}

input[type=checkbox] {
    /* display: none; */
}

input[type=checkbox] + label:before {
    /* content: "\2714"; */
    border: 1px solid #585858;
    display: inline-block;
    width: 10px;
    height: 10px;
    padding-left:0;
    padding-bottom: 0x;
    margin-right:10px;
    vertical-align: middle;
    color: transparent;
}
  
input[type=checkbox]:checked + label:before {
    color: #585858;
    font-size: 12px;
    line-height: 0.5;
}

.full-width-products{
    float: none;
    margin: 0 auto;
}

#product-list .header{
    margin: 0 0 10px 0;
    display: flex;
}

#product-list .header > div{
    color: #fff;
    font-weight: 700;
    padding: 11px 10px;    
}

#product-list .header>div:not(:first-child){
    border-left: 1px solid #fff;
    display: flex;
    align-items: center;
}

#product-list .header > div > div{
    padding: 0;
    white-space: nowrap;
}

#product-list .header p{
    display: inline;
}

#product-list .header > div > div.sort{
    float:right;
    padding-left: 8px;
}

.header-filter-selected-text:after {
    content: url(../images/icons/toggledown-grey.png);
}

.sort span{
    display: block;
    cursor: pointer;
}

.sort span img{
    vertical-align: baseline;
}

.product-item{
    margin:0 0 20px 0;
    /* display: flex; */
    flex-direction: column;

}

.item-inventory{
    font-size: 14px;
    line-height: 2;
}

.product-item>a:hover{
    color: #585858;
}

.product-info{
    margin:0;
    padding: 10px 0;
}

.product-info .col-sm-4.name{
    padding-right: 0;
}

.product-info .col-sm-4.inventory,
.product-info .col-sm-4.inventory div{
    padding:0;
}


p.list-price{
    font-size: 14px;
}
p.list-price.sale,
p.netto-sale{
    color: #d2232a;
}

p.sale-price{
    font-family: Exo2Bk;
    font-size: 16px;
}

.product-info.product-body{
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    position: relative;
}

.product-info img{
    max-height: 94px;
    display: inline;
    padding-right: 65px;
}

.prod_manufacturer{
    position: absolute;
    bottom:0;
    right: 5px;
}

.prod_manufacturer > *{
    display: block !important;
    text-align: center;
    font-family: Exo2Lt;
}

.product-info img.logo{
    padding-right:0;
    max-height: 60px;
    max-width: 60px;
    display: block;
    margin: 0 auto;

}

.product-info div.chk{
    min-height: 94px;
    display: grid;
    align-content: flex-end;
}

.product-info div.btn{
    padding: 0;
    text-align: right;
}

div.input-qnty {
    position: relative;
    margin-bottom: 10px;
}

.input-qnty,.input-qnty>*  {
    float: left;
}

.input-qnty>* {
    height: 40px;
}

.input-qnty> input {
    padding-right: 20px;
    width:60px;
}

button.btn_qnty {
    height: 40px;
    width: 40px;
    margin: 0 5px;
}

button.btn_qnty:before,
button.btn_qnty:after{
    display: inline-block;
    position: absolute;
    content: '';
    width: 12px;
    height: 2px;
    background-color: #585858;
    transform: translate(-50%, -50%);
}

button.btn_qnty.plus:after{
    transform: translate(-50%, -50%) rotate(90deg);
}

input.qnty{
    font-weight: normal;
    width: 80px;
    height: 40px;
    padding-left: 10px;
    padding-right: 30px;
    text-align: right;
    font-size: 14px;
}

input.qnty~ span{
    position: absolute;
    right: 60px;
    top: 11px;
}

.product-info .btn-dsc.bg-red{
    padding: 8px 50px 8px 30px;
    height: 40px;
    min-width: 110px;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
}

.basket .btn-dsc.bg-red:after,
.add-to-cart:after{
    content: url(../images/icons/basket-white.png);
    height: 21px;
    width: 25px;
    position: absolute;
    right: 10px;
}

.product-item .chk label{
    font-weight: normal;
}

div.left-box {
    margin-bottom: 10px;
}
div.left-box div.left-box-header,
div.left-box a.left-box-header{
    background: #ededed;
    color: #626262;
    font-weight: bold;
    border-radius: 10px;
    padding: 15px;
    font-size: 16px;
    margin-bottom: 10px;
    cursor: pointer;
    display: block;
}
div.left-box div.left-box-body {
    margin-left: 20px;
    margin-bottom: 10px;
}

div.left-box-body > label{
    cursor: pointer;
    font-weight: normal;
}

div.left-box-body input:disabled + label{
    opacity: 0.5;
}

a.left-box-header.filter:after{
    content: url(../images/icons/toggledown-grey.png);
    height: 9px;
    width: 15px;
    position: absolute;
    right: 30px;
    transform: rotate(0);
    transition: all 0.3s ease-out;
    transform-origin: bottom;
    transform: rotate(0deg);
}

a.left-box-header.collapsed:after{
    transform: rotate(-90deg);

}

div.left-box.comparison form button {
    display: block;
    margin: 0 auto;
    padding: 8px;
    border: none;
    background: #ededed;
    color: #626262;
}

div.left-box.comparison form button:active,
div.left-box.comparison form button:focus{
    outline: none;
    background-color: #585858;
    color: #fff;
}


div#comparison_table div.left-box-body {
    counter-reset: comparison_item;
}
div#comparison_table div.left-box-body div {
    /* display: list-item; */
    font-weight: bold;
    counter-increment: comparison_item;
    line-height: 1.6em;
}
div#comparison_table div.left-box-body div:before {
    margin-right: 10px;
    content: counter(comparison_item);
    background: #585858;
    border-radius: 3px;
    color: white;
    width: 1.4em;
    height: 1.4em;
    text-align: center;
    display: inline-block;
    line-height: 1.5;
    vertical-align: text-bottom;
}
span.comparison_close {
    float: right;
    font-weight: normal;
    cursor: pointer;

}

/*manufacturer site*/

.menu_article.title{
    margin-bottom: 30px;
}

.menu_article.info{
    font-size: 16px;
    margin-bottom: 30px;
}

.menu_article.info p a{
    text-decoration: none;
}

/*product labels*/
.product-label{
    position: absolute;
    left:0;
    top: -15px;
}

#product-list .product-name .product-label{
    right: 0;
    top: 15px;
    z-index: 10;
    left: unset;
}

span.label{
    font-size: 14px;
    font-family: Exo2Bd;
    text-transform: uppercase;
    text-align: center;
    padding: 4px 20px;
    height: 20px;
    background-color: #000;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 4px;
}

span.label-new{
    background-color: #509836;
}

span.label-runout{
    background-color: #999;
}

span.label-sale{
    background-color: #fc2129;
}

span.label-featured{
    background-color: #efb810;
}
span.label-exchange{
    background-color: #f17d00;
}

@media (max-width: 1200px){
    #product-list .product-name .product-label{
        position: static;
        padding: 0 40px;
    }
}


@media (max-width: 768px) {
    .product-item {
        flex-direction: column-reverse;
    }


    .product-info.product-body{
        align-items: center;
        padding-bottom: 0;
    }

    .prod_manufacturer{
        position: static;
        margin: 10px 0;

    }

    .prod_manufacturer > *{
        text-align: left;
    }


    .sale-price p.item-description,
    .list-price p.item-description{
        font-size: 14px;
    }

    .product-table .row.visible-xs{
        margin: 0;
        padding: 10px 0;
    }

    .basket{
        padding: 6px 0;
    }

    .basket .btn-dsc.bg-red{
        padding: 8px 20px 8px 15px;
        text-align: center;
    }

    .basket input.qnty~ span{
        top: 11px;
    }

    .product-info.product-body{
        display: block;
    }

    .product-info.product-body .col-xs-5,
    .product-info img{
        padding-left: 0;
        padding-right: 0;
    }

    .product-info.product-body .col-xs-7{
        padding-right: 0;
    }

    .form-check{
        padding: 20px 0;
    }

    .product-label{
        position: static;
    }

    ul.breadcrumb{
        padding: 10px 0;
    }

    ul.breadcrumb li{
        padding: 5px 0;
    }

}


@media (max-width: 991px) and (min-width: 768px){
    .item-description{
        font-size: 13px;
    }

    .item-inventory{
        font-size: 12px;
    }

}

@media (max-width: 991px){
    /*category filter*/


    div.left-box{
        margin:0;
    }

    div.left-box div.left-box-header,
    div.left-box a.left-box-header{
        margin-bottom: 10px;
        padding: 10px 15px;
        border-radius: 0;
    }

    div.left-box.comparison{
        margin-bottom:15px;
    }

    #product-list .product-name .product-label{
        padding: 0;
    }

    .filter-container{
        display: none;
    }

    #showFilterOptions{
        width: 100%;
        margin-bottom: 10px;
        padding: 6px 10px;
        background-color: #fff;
        border: 1px solid #e2e2e2;
        font-size:16px;
        text-transform: uppercase
    }

    #showFilterOptions span:last-of-type, #showFilterOptions.open span:first-of-type{
        display: none;
    }

    #showFilterOptions.open span:last-of-type{
        display: block;
    }

}

@media(min-width: 992px){
    div.left-box div.left-box-header.filter{
        pointer-events: none;
    }

    .filter-container{
        display: block !important;
    }
}


div.left-box.categories ul.dropdown{
    margin-left: 15px;
}

@media (max-width: 991px){
    div.left-box.categories ul.dropdown{
        height: 0;
        opacity: 0;
        transition: all 0.2s linear;
    }

    div.left-box.categories .filter.opened ~ ul.dropdown{
        height: auto;
        opacity: 1;
    }
}
#product-list .product-name{
    margin: 0 15px;
}

.product-name .col-lg-5{
    padding: 0 40px;
}

.product-name .item-name {
    font-size: 36px;
}

.product-details{
    margin: 0 0 60px 0;
}

.product-details .row{
    margin: 0;
}

.product-details .product-order{
    margin-top:20px;
    margin-bottom:20px;
    display: flex;
    justify-content: flex-end;
    align-items: stretch;
}

.product-order.oredring-btn>div.input-qnty{
    position: relative;
    width: 230px;
    flex: 0 0 230px;
}

.product-details .row>div{
    padding:0;
}

.product-details .row>div>*{
    float:left;
}

.product-details .row>div>.property-row{
    float: none;
}

.product-details>div{
    padding: 0 40px;
}

.product-details .product-text{
    line-height: 2;
    margin-top: 30px;
    margin-bottom:20px;
}

.image-primary{
    margin: 30px 0;
}

.image-primary img{
    max-width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 20px;
    cursor: pointer;
}

.image-thumbnails{
    height: 68px;
    margin:15px 0 30px 0;
}

a.thumbnail{
    height: 60px;
    width: 84px;
    float: left;
    padding: 0;
    margin-right: 9px;
    margin-bottom:0;
    outline: 1px solid rgba(88, 88, 88, 0.5);
    border: 2px solid transparent;
    border-radius: 0;
}

a.thumbnail.selected, a.thumbnail:hover{
    outline: 1px solid transparent;
    border: 2px solid rgba(88, 88, 88, 1);
}

a.thumbnail img{
    height: 56px;
}

.product-details .other-info{
    margin: 60px 0 15px 0;
}

.product-details .other-info p{
    font-weight: bold;
    margin-bottom: 15px;
}

.product-details .other-info a{
    text-decoration: underline;
    display: block;
}

.info-tag{
    margin-top: 30px;
}

.info-tag a{
    font-weight: normal;
    margin-right: 9px;
}


.details-logo{
    max-height: 50px;
}

.product-details .inventory{
    position: relative;
    margin-top: 30px;
}

.product-details .inventory div{
    padding: 0;
}

.product-details .prod-num{
    margin: 20px 0;
}

.product-details .list-price{
    right:0;
    bottom:0;
    font-size: 18px;
}

.product-details .sale-price{
    font-size: 18px;
    padding-top: 8px;

}

.product-details .sale-price span{
    font-size: 36px;
    font-weight: 900;
}

.oredring-btn input.qnty{
    width: 90px;
    height: 60px;
    font-size: 24px;
}

.oredring-btn button.btn_qnty {
    height: 60px;
    width: 60px;
}

.oredring-btn input.qnty~ span{
    font-size: 24px;
    position: absolute;
    right: 80px;
    top: 14px;
}

.oredring-btn .btn-dsc.bg-red{
    font-size: 24px;
    padding: 12px 30px 0 15px;
    height: 60px;
    flex-grow: 1;
    max-width: 400px;
}

.oredring-btn .btn-dsc.bg-red:after{
    content: url(../images/cart-white.png);
    height: 32px;
    width: 38px;
    position: absolute;
    right: 60px;
}

.product-description div{
    line-height: 1.5;
    padding:5px 10px;
}



.product-description :nth-child(odd){
    background-color: #ededed;
}

.product-description span{
    background-color: unset !important;
}


@media (min-width: 1200px){
    .image-primary{
        margin-top: -60px;
    }
}

@media (max-width: 768px) {

    .product-details {
        margin: 0 0 30px 0;
    }

    .product-name .col-lg-1 {
        padding: 0 0 0 10px;
    }

    .product-name .item-name {
        font-size: 18px;
    }

    .oredring-btn input.qnty~ span{
        top: 2px;
    }

    .sale-item{
        padding: 15px 0;
    }

}

@media (max-width:991px){
    #product-list .product-name{
        margin: 15px 0;
    }

    .product-details > div,
    .product-name .col-lg-5 {
        padding: 0;
    }


    .image-primary{
        margin: 0;
    }

    .image-thumbnails{
        margin: 10px 0;
    }

    .product-details .prod-num{
        margin: 0 0 15px 0;
    }

    .product-details .list-price{
        position: static;
        font-size: 14px;
    }

    .product-details .inventory div{
        padding: 5px 0;
    }

    .product-details .sale-price{
        padding:  0 0 10px 0;
        font-size: 14px;
    }

    .product-details .sale-price span{
        font-size: 24px;
    }



    .oredring-btn input.qnty~ span{
        font-size: 16px;
        right: 60px;
        top: 10px;
    }

    .product-order.oredring-btn>div.input-qnty{
        width: 160px;
        flex: 0 0 160px;
    }


    .product-order.oredring-btn>div.input-qnty>*{
        height:40px;
        width:40px;
    }

    .oredring-btn input.qnty{
        width: 60px !important;
        padding-right: 20px;
    }

    .oredring-btn input.qnty,
    .oredring-btn .btn-dsc.bg-red{
        font-size: 16px;
        height: 40px;
        margin-left:0;
    }

    .oredring-btn .btn-dsc.bg-red{
        padding: 8px 30px 8px 0;
        max-width:200px;
    }

    .oredring-btn .btn-dsc.bg-red img{
        height: 22px;
        float: right;
        margin-right: 15px;

    }

    #content .main-heading, #content .articles, #content .sale.center-block{
        margin: 15px 0;
    }

    .oredring-btn .btn-dsc.bg-red:after{
        right: 60px;
        zoom: 0.8;
    }

}


@media (max-width: 991px) and (min-width: 768px){
    .product-details .list-price{
        margin-top: -40px;
    }

    .product-details>div{
        padding: 0 30px;
    }

    .sale-item{
        padding: 15px;
    }

    .product-name .item-name{
        font-size: 24px;
    }
}


@media(max-width: 768px){
    .oredring-btn .btn-dsc.bg-red:after{
        right: 15px;
        zoom: 0.6;
    }
}
.form-title{
    font-weight: bold;
    margin-bottom: 20px;
}

#registration .form-control{
    border: none;
    border-radius: 0;
    background: #ededed;
}


#registration label{
    font-weight: normal;
}

input{
    color: #626262;
}

.user-data{
    margin-top: 40px;
}

.contact-type{
    margin: 50px 0;
}

.contact-type input{
    margin-right: 10px;
}

.shipping-details{
    /* margin-top: -35px; */
}

.shipping-address{
    padding-top: 50px;
}

.custom-info-chk{
    margin-top: 60px;
}

form .submit{
    margin: 60px 0;
}

form .submit input{
    padding: 10px 100px;
    font-size: 18px;
}
.product-list .product-table{
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed;
}

.product-list .product-table:last-child{
    border: none;
    margin-bottom:0;
}


.product-list .product-table > .row{
    display: flex;
}

.product-list .product-table:not(:first-child) > .row{
    margin-top: 20px;
}

.product-list .product-table:first-child > .row.product-info:not(.product-body){
    margin-bottom: 20px;
}

.product-list .product-table > .row > div{
    align-self: center;
}

.product-list .product-table > a{
    display: block;
}

.product-table-footer, .cart-sum{
    margin:0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}
.basket-container{
    max-width:1010px;
    margin: 0 auto;
}

.basket-container .header >div{
    font-weight: normal;
}

.basket-container .product-item{
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(88, 88, 88, 0.25);
}

.btn-dsc.refresh{
    height: 40px;
    margin-left: -15px;
}



.cart-net-price{
    font-size: 18px;
}

.cart-item-code,
.cart-gross-price{
    font-size: 18px;
    font-family: Exo2Bk;
}

.item-delete{
    background: none;
    border: none;
    float: right;
}

.basket-summary{
    margin: 0;
    padding: 10px 0;
}

.basket-summary p{
    display: inline;
    vertical-align: sub;
}

.price.brutto-sum{
    padding-right: 40px;
}

.info-text{
    margin: 30px 0;
}

.info-text p{
    margin: 10px 0;
    font-size: 16px;
}

.basket-btn{
    margin:0;
    padding: 0;
}

.basket-btn > div{
    padding: 0;
}


.cart-delete{
    float: right;
    line-height: 1.8;
    right: 15px;
    cursor: pointer;
    position: absolute;
    font-size: 21px;
}

.basket-btn input, .basket-btn .btn-dsc.bg-red{
    font-size: 18px;
    min-width: 220px;
}

div.product-table > div > div.cart-productdetails > span.cart-item-code {
    font-weight: bold;
    font-size: 18px;
    display: block;
}

div.product-table > div > div.cart-productdetails > span.cart-item-product_name {
    display: block;
}

div.product-table > div > div.col-sm-2{
    padding: 0 5px;
}

div.product-table-footer div {
    padding: 0 5px;
}
div.product-table-footer div.cart-sum {
    background: #ededed;
    height: 50px;
    border-radius: 6px;
    padding-top: 15px;
    font-size: 18px;
}
div.product-table-footer div.cart-sum span.net-sum {
    font-size: 18px;
}
div.product-table-footer div.cart-sum span.gross-sum {
    font-size: 18px;
    font-family: Exo2Bk;
}
div.product-table-footer div.cart-buttons div span,
div.product-table-footer div.cart-buttons div button {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    color: #FFFFFF;
    cursor: pointer;
}
div.product-table-footer div.cart-buttons div:nth-child(1) span {
    background: #585858;
}
div.product-table-footer div.cart-buttons div:nth-child(2) span,
div.product-table-footer div.cart-buttons div:nth-child(3) span,
div.product-table-footer div.cart-buttons div button {
    background: #d2232a;
    border: none;
    outline:none;
}
div.product-table-footer div.cart-buttons div a {
    text-decoration: none;
}
#basket div.product-list div div img {
    width: 100%;
    height: auto;
    max-height: 150px;
    float: left;
    margin-right: 10px;
}


@media (min-width: 769px) and (max-width: 991px){
    .cart-net-price,
    .cart-item-code,
    .cart-gross-price{
        font-size: 16px;
    }

}

@media (max-width: 768px){
    .product-list .product-table > .row{
        margin-bottom: 15px;
        display: block;
    }

    .cart-net-price,
    .cart-item-code,
    .cart-gross-price{
        font-size: 18px;
    }

    .cart-item-product_name{
        padding: 15px 0;
        display: block;
        font-size: 14px;
    }

    .cart-productdetails{
        margin-bottom: 15px;
    }

    .xs-prices p{
        font-size: 14px;
    }

    .xs-prices > .col-xs-7{
        border-left: 1px solid rgba(88, 88, 88, 0.25);
    }

    div.product-table-footer div.col-sm-8{
        font-size: 14px;
        font-family: Exo2Bd;
        border-bottom: 1px solid rgba(88, 88, 88, 0.25);
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
    }

    div.product-table-footer div.col-sm-8 p{
        padding-bottom:10px;
    }

    div.product-table-footer div.col-xs-5,
    div.product-table-footer div.col-xs-7{
        padding-left: 15px;
        padding-right: 5px;
    }

    div.product-table-footer div.col-xs-7{
        border-left: 1px solid rgba(88, 88, 88, 0.25);
    }

    div.product-table-footer div.cart-sum{
        height: auto;
        padding-bottom: 15px;
    }

    .cart-buttons > div.col-xs-12{
        margin: 8px 0;
    }

    .cart-buttons > div.col-xs-12 a{
        display: flex;
        width: 100%;
        text-align: center;
    }

    .cart-buttons > div.col-xs-12 span{
        width: 100%;
    }

    div.product-table-footer div.cart-buttons div button{
        width: 100%;
    }

    .cart-delete{
        font-size: 18px;
    }

}
.title{
    position: relative;
}

.title p{
    position: absolute;
    right: 15px;
    bottom:0;
    font-size: 18px;
}

.ordering-btn input, .ordering-btn .btn-dsc.bg-red{
    font-size: 18px;
    min-width: 130px;
}

.ordering-btn .finish{
    float: right;
}

.ordering-btn .finish>input{
    float: right;
}

div.gross-sum{
    font-family: Exo2Bk;
}

div.gross-sum p{
    font-family: Exo2;
}

.shipping-info{
    font-size: 18px;
}

.basket-summary{
    margin:30px 0;
}

.order-finish .brutto-sum{
    padding-right: 15px;
}

div.product-table-footer div.payment-shipping-option{
    margin: 30px 0;
    padding: 15px 0;
}

div.product-table-footer div.shipping-payment-info{
    padding: 30px 0;
}

.payment-shipping-option label{
    font-size: 16px;
    font-weight: normal;
    margin-right: 10px;
}
.payment-shipping-option select{
    display: inline;
    max-width: 260px;
    padding-right:30px;
    font-size: 16px;

}

.payment-shipping-option select:focus{
    box-shadow: none;
    border-color: #ededed;
}

.order-address, .aszf-chk{
    margin:0;
    padding: 0 20px;
}

.order-address .shipping-info{
    padding: 0 40px 0 0;
    font-size: 14px;
}

.order-address{
    margin-top: 30px;

}

.acceptance{
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: 15px;
    margin-right: 15px;
}

.acceptance a{
    color: #d2232a;
    text-decoration: underline;
}

.billing-info{
    padding: 0 0 0 40px;
}

.shipping-item{
    margin:10px 0;
    padding: 10px;
    font-size: 14px;
}

.text-box{
    margin: 30px 0 20px 0;
}

textarea{
    width: 100%;
    height: 100px;
    border: none;
    background: #ededed;
    margin-top:15px;
}

textarea:focus{
    outline-color: #585858;
}

div.product-table-footer div.billing-item{
    padding: 10px;
    margin: 12px 0;
}

.billing-item:not(:last-child){
    border-bottom: 1px solid rgba(88, 88, 88, 0.25);
}

.aszf-chk{
    margin-bottom: 30px;
}

.aszf-chk >label{
    font-weight: normal;
}

#order-sum .content{
    margin-bottom: 60px;
}

#order-sum .content p{
    margin: 10px 0;
}

div.product-table-footer div.order-address div.address-header {
    color: #d2232a;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}
div.product-table-footer div.order-address div.shipping-details span.shipping-value input {
    width: 75%;
    /* float: right; */
    /* margin-top: -7px; */
    box-shadow: none;
}
div.product-table-footer div.order-address div.shipping-details span.shipping-value textarea {
    height: 150px;
    border: none;
    background: #fff;
    box-shadow: none;
}
div.product-table-footer div.order-address div.shipping-details:not(:last-child) {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid #585858;
}
div.product-table-footer div.order-address div.shipping-details span.shipping-label {
    font-weight: bold;
}

.product-item.preorder .price,
.product-item.shipping .price{
    font-size: 18px;
}

/*elozo rendelesek*/

.prevorder-item{
    padding: 15px 0;
    cursor: pointer;
}

.row.order-info{
    margin: 15px 0;
}

.row.order-info > .row{
    margin: 0;
}

.row.order-info .col-xs-4{
    padding-right: 0;
}

.prevorders-container .header{
    margin: 0 0 40px 0;

}

.prevorders-container .header>div{
    min-height: 60px;
    padding: 11px 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.prevorders-container .header>div:not(:first-child){
    border-left: 1px solid #fff;
}

.order-info p{
    font-size: 18px;
}

.prevorder-item .product-item{
    padding: 0 0 20px 0;
    border-bottom: 1px solid rgba(88, 88, 88, 0.25);
}

.prevorder-item .product-item .col-xs-12{
    padding: 0;
}

.prevorder-item .cart-sum{
    background: #ededed;
    height: 50px;
    border-radius: 6px;
    padding-top: 15px;
    font-size: 18px;
}

.prevorder-item .cart-sum .gross-sum{
    font-family: Exo2Bk;
}

.free-shipping-info.warning{
    font-size: 18px;
    font-family: Exo2Bd;
}




@media (max-width: 768px){
    .product-item.preorder >.col-sm-5{
       margin-bottom: 15px;
    }

    .product-item.preorder>.col-xs-4>p{
        font-size: 18px;
    }

    .product-item.preorder .item-description,
    .product-item.preorder p.title{
        font-size: 14px;
    }

    .product-item.preorder > .col-xs-12 > .price:not(:first-child){
        border-left: 1px solid rgba(88, 88, 88, 0.25);

    }
    .product-item.preorder > .price>.title{
        font-family: Exo2;
        font-weight: normal;
    }

    .billing-info{
        padding-top: 15px;
    }

    div.title.text-center h1{
        margin-bottom: 30px;
    }

    .title p{
        position: static;
        font-size: 14px;
        margin-bottom: 20px;
        text-align: left;
        border-bottom: 1px solid rgba(88, 88, 88, 0.25);
    }


    .row.product-item.shipping .col-sm-8{
        font-size: 14px;
        font-family: Exo2Bd;
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 15px;
    }

    .row.product-item.shipping .col-xs-6{
        font-size: 18px;
    }

    .row.product-item.shipping .col-xs-6.col-sm-2:last-child{
        border-left: 1px solid rgba(88, 88, 88, 0.25);
    }

    .payment-shipping-option div{
        margin: 15px;
    }

    .payment-shipping-option label{
        display: block;
    }

    .payment-shipping-option select{
       max-width: 100%;
    }

    .billing-info .form-title{
        margin-top: 30px;
    }

    div.product-table-footer div.order-address div.shipping-details span.shipping-value input{
        width: 100%;
    }

    .cart-net-price_mobile{
        font-size: 18px;
    }

    .cart-gross-price_mobile{
        font-size: 18px;
        font-family: Exo2Bk;
    }

    .order-info p{
        font-size: 14px;
    }

    .prevorder-item .product-item.preorder .price{
        margin-top: 15px;
    }

    .prevorder-item .product-item.preorder .col-xs-4{
        text-align: right;
    }

    .prevorder-item .product-item.preorder .col-xs-3 p.title{
        min-height: 40px;
    }

    .prevorder-item .cart-sum{
        height: auto;
        padding-bottom: 15px;
    }

    .prevorder-item .product-item.shipping .price{
        text-align: right;
        border-left: transparent !important;
    }

    .prevorder-item .cart-sum .col-sm-2{
        text-align: right;
    }
}

@media (min-width: 769px){
    .payment-shipping-option .payment{
        text-align: right;
    }


}
div.comparison-table div.comparison-header h2 {
    text-transform: uppercase;
    color: #d2232a;
    font-weight: bold;
    margin-bottom: 10px;
}
div.comparison-table div.comparison-text {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 20px;
}
div.comparison-table div.comparison-table div.table-body {
    display: table;
    width: 100%;
    margin-top: 20px;
}
div.comparison-table div.comparison-table div.table-body div.table-row {
    display: table-row;
    width: 100%;
    display: flex;
}
div.comparison-table div.comparison-table div.table-body div.table-row div.table-cell {
    display: table-cell;
    width: 25%;
    padding: 5px;
}
div.comparison-table div.comparison-table div.table-body div.table-row div.comp-label {
    text-align: right;
    font-weight: bold;
}
div.comparison-table div.comparison-table div.table-body div.table-header div.table-row div.table-cell img {
    height: 150px;
}
div.comparison-table div.comparison-table div.table-body div.table-header div.table-row div.table-cell:not(:last-child) {
    border-right: #dcdcdc 1px solid;
}
div.comparison-table div.comparison-table div.table-body div.table-data div.table-row div.table-cell:not(:last-child) {
    border-right: #FFFFFF 1px solid;
}
div.comparison-table div.comparison-table div.table-body div.table-header div.table-row div.table-cell.item-name a {
    color: #585858;
    font-size: 18px;
}
div.comparison-table div.comparison-table div.table-body div.table-data div.table-row:nth-child(odd) {
    background: #e2e2e2;
}
div.comparison-table div.comparison-table div.table-body div.table-data div.table-row:nth-child(even) {
    background: #fff;
}

div.comparison-table div.comparison-table div.table-body div.table-data div.table-row div.table-cell.comp-button {
    text-align: left;
}

div.comparison-table div.comparison-table div.table-body div.table-data div.table-row div.table-cell.comp-button div.add-to-cart img {
    height: 20px;
    margin-left: 7px;
}
div.comparison-table div.comparison-table div.table-body div.table-data div.table-row div.table-cell.comp-button div.add-to-cart {
    background: #d2232a;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 14px;
    padding: 8px 40px 8px 20px;
    text-transform: uppercase;
    cursor: pointer;
    float: left;
    height: 40px;
    position: relative;
}

div.comparison-table div.comparison-table div.table-body div.table-data div.table-row div.table-cell.comp-button div.add-to-cart:after{
    top: 8px;
}

.comp-button input.qnty:active~ span,
.comp-button input.qnty:focus~ span{
    color: #000;
}