/*** GLOBAL ***/

.btn {
    height: 40px;
    line-height: 40px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    text-transform: uppercase;
    font-family: inherit;
    padding: 0 20px;
    letter-spacing: 1px;
}

.btn:hover {
    color: #fff;
}

.btn-primary {
    background-color: #a7bf2c;
}

.btn-primary:hover {
    background: #3ca2ea;
}

:root {
    --main-color-yellow: #f2bc3f;
    --main-color-blue: #3ca2ea;
    --main-color-red: #f9536a;
    --main-color-green: #a7bf2c;
}

.bg-color-yellow {
   background-color: #f2bc3f;
   background-color: var(--main-color-yellow);
}

.bg-color-blue {
    background-color: #3ca2ea;
    background-color: var(--main-color-blue);
}

.bg-color-red {
    background-color: #f9536a;
    background-color: var(--main-color-red);
}

.bg-color-green {
    background-color: #a7bf2c;
    background-color: var(--main-color-green);
}


.first-letter-upper::first-letter {
    text-transform: uppercase;
}

.usn {
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
}

.row-10 {
    margin-left: -10px;
    margin-right: -10px;
}

.page_artlist_cart_button a,
#page_artdet_cart_button a,
.box_cart_itemlist .box_cart_button input,
.page_pagelist_cart a,
#page_cart_foot_button_order input,
#cart_button_order,
#button_next {
    background: #f2bc3f;
}

.custom-container {
    max-width: 1230px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.custom-container-1200 {
    max-width: 1200px;
    margin: 0 auto;
}

.custom-row-20 {
    margin-left: -20px;
    margin-right: -20px;
}

.page_headbutton {
    text-align: center;
}

.list-unstyled {
    list-style: none;
}

/** price save icon, new item icon **/

.artlist-icon, .cat-item-status-icon {
    height: 40px;
    width: 80px;
    display: inline-block;
    color: #fff;
    line-height: 40px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    transition: width ease 0.3s, font-size ease 0.3s;
}

.page_cat_main_new, .status-new-icon {
    background-color: rgba(176, 202, 46, 0.9);
}

.page_cat_main_qty, .price-save-icon {
    background-color: rgba(249, 83, 106, 0.9);
}

.color-white {
    color: #fff;
}

.page_cat_status_outer + .page_cat_status_outer {
    margin-top: 6px;
}

/*** HEADER ***/

.header-icon {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    min-width: 40px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    transition: all ease 0.3s;
}

@media (min-width: 768px) {

    .header-icon {
        width: 60px;
        height: 60px;
        min-width: 60px;
        font-size: 30px;
    }

}

.scrolled-down .header-icon {
    height: 40px;
    width: 40px;
    min-width: 40px;
    font-size: 20px;
}


#box_cart_content {
    text-align: center;
}

#search {
    overflow: hidden;
    transition: width ease 0.5s;
    position: relative;
}

.search-inner {
    height: 60px;
    right: 15px;
    left: 15px;
    position: fixed;
    box-shadow: 5px 5px 12px rgba(0,0,0,0.3);
    border-radius: 4px;
    margin-top: 15px;
    visibility: hidden;
    z-index: 1;
}

.open .search-inner {
    visibility: visible;
}

@media (min-width: 576px) {

    .search-inner {
        position: absolute;
        top: 100%;
        width: 320px;
        right: 0;
        left: auto;
    }

}



.ac_loading {
    background-position: right 50px center;
}


.ac_results {
    border: none;
    padding: 0 4px !important;
    background-clip: content-box;
    position: absolute;
    top: 100% !important;
    left: 0 !important;
}

.ac_results li {
    font: inherit;
}

#search.open {
    overflow: visible;
}

.open .mobile_search_icon .fa-search, .mobile_search_icon .fa-chevron-down {
    display: none;
}

.open .mobile_search_icon .fa-chevron-down {
    display: inline-block;
}

.box_search_field, .box_search_field input {
    width: 100%;
}

.box_search_button {
    position: absolute;
}

.mobile-profile-menu {
    position: fixed;
    top: 0;
    left: -325px;
    z-index: 1000;
    background: #ffe6c8;
    width: 320px;
    height: 100%;
    box-shadow: 0 0 0 5px rgba(0,0,0,0.2);
    overflow-y: auto;
    overflow-x: hidden;
    transition: left ease 0.4s;
}

.mobile-profile-menu.open {
    left: 0;
}

.resp-close::after {
    content:"\f00d";
}

.mobile-profile-menu-ul {
    padding: 20px;
}

.mobile-profile-menu-ul li {
    padding: 10px 0;
}

.mobile-profile-menu-ul .icons a::before {
    margin-right: 20px;
}

.mobile-profile-menu-ul a {
    color: #993d31;
}

/*** NEWSLETTER ***/

.newsletter_title {
    color: #f9536a;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.25em;
}

.newsletter_text {
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.25em;
}

.box_newsletter_field {
    margin: 0 0 10px;
}

.box_newsletter_button {
    margin-top: 10px;
}

#newsletter_wrap {
    min-height: 354px;
}

/*** ARTDET ***/

#page_cross_content {
    padding: 20px 0;
}

/**** FOOTER ****/

footer {
    padding: 40px 0;
}

.footer-col li {
    list-style:none;
    line-height:1.2;
    box-sizing: content-box;
    color:#fff;
    font-size: 13px;
    margin-left: -15px;
    overflow: hidden ;
}

.footer-menu li:not(:first-child) a::before {
    content: "\f054";
    font-family: "font awesome 5 pro";
    transition: all ease 0.3s;
    display: block;
    height: 14px;
    width: 10px;
    position: absolute;
    left: -15px;
    top: 6px;
    opacity: 0;
    font-size: 10px;
}

.footer-col li a:hover {
    color: #fff;
}

.footer-col li a:hover::before {
    opacity: 1;
    left: 5px;
}

.footer-col li:first-child {
    font-size: 24px;
    font-weight: 700;
    display: block;
    margin-bottom: 30px;
    margin-left: 0;
    color: #fff;
    text-transform: uppercase;
}

.footer-col ul {
    margin: 0;
    padding: 0;
}

.footer-col li a {
    font-size: inherit;
    color: inherit;
    position: relative;
    display: inline-block;
}

.footer-menu li:not(:first-child) a, .footer-contact li:not(:first-child) {
    padding: 5px 0 5px 15px;
}

.social-media {
    margin-top: 30px;
}

.social-media ul {
    margin: 0;
    padding: 0;
}

.social-media li {
    text-align: center;
    display: inline-block;
    padding: 0 !important;
}

.social-media li a {
    display: block;
    margin: 0 5px 0 0;
    position: relative;
    width: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 0;
}

.social-media li a::before, .social-media li a::after {
    content:"";
    position: absolute;
    font-family: "font awesome 5 brands";
    font-size: 18px;
    color: #fff;
    transition: all ease 0.3s;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    z-index: 1;
}

.social-media li a::after {
    top: 100%;
    background: #fff;
    border-radius:4px;
}


.social-media a[href*="facebook"]:hover::after {
    color: #3b5998;
}

.social-media a[href*="instagram"]:hover::after {
    color: #c32aa3;
}

.social-media a[href*="twitter"]:hover::after {
    color: #1da1f2;
}

.social-media a[href*="pinterest"]:hover::after {
    color: #bd081c;
}

.social-media a[href*="youtube"]:hover::after {
    color: #ff0000;
}


.social-media li a:hover::before {
    left: 0;
    margin-top: -40px;
}

.social-media li a:hover::after {
    top: 0;
}

.social-media li a[href*=facebook]::before, .social-media li a[href*=facebook]::after {
    content:"\f39e";
}

.social-media li a[href*=google]::before, .social-media li a[href*=google]::after {
    content:"\f0d5";
}

.social-media li a[href*=pinterest]::before, .social-media li a[href*=pinterest]::after {
     content:"\f231";
}

.social-media li a[href*=twitter]::before, .social-media li a[href*=twitter]::after {
    content:"\f099";
}

.social-media li a[href*=youtube]::before, .social-media li a[href*=youtube]::after {
    content:"\f167";
}

.provider {
    text-align: right;
}

.provider-inner {
    display: inline-block;
}

.money-lang select {
    display: block;
    margin: 6px 10px 0 0;
    visibility: visible;
    font-size: 12px;
}

.money-lang .select {
    width: auto;
    height: 34px;
}

.money-lang .select-styled, .money-lang .select-options {
    display: none;
}

/*** REG SITE ***/

#page_reg_content {
    padding-top: 20px;
}

/****  SEARCH SITE REWORK ****/

.newcust_col1 {
    vertical-align: top;
    padding-top: 12px;
}

.page_searchcomplex_section {
    border-bottom: 1px solid #ddd;
    padding: 20px 0;
    margin-bottom: 0;
}

.page_searchcomplex_section:last-child {
    border-bottom: none;
}

#page_searchcomplex_cat .newcust_col2 {
    padding-top: 0;
}

#page_searchcomplex_include_content {
    margin-top: 0;
}

#page_searchcomplex_content .page_txt {
    margin-bottom: 0;
}

#page_searchcomplex_cat .newcust_col2 > span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#page_searchcomplex_cat .newcust_col2 > span > a:first-child {
    font-size: 0;
}

#page_searchcomplex_cat .newcust_col2 > span > a:first-child::before {
    content: '\f015';
    font-family: 'Font Awesome 5 Pro';
    font-size: 24px;
    display: block;
}

#page_searchcomplex_type .newcust_col2, #page_searchcomplex_in .newcust_col2 {
    padding-top: 8px;
}

@media screen and (max-width: 480px) {

    .newcust_col1, .newcust_col2 {
        width: 100%;
        display: block;
    }

    .newcust_col1 {
        font-size: 16px;
        text-align: left;
    }

    .newcust_col2 [type=text], .newcust_col2 [type=password], .newcust_col2 select, .newcust_col2 textarea {
        width: 100%;
    }
}

/*** START INFOS ***/

.infos {
    background: url(../image/yellow_bg_highlight.jpg) no-repeat center center;
    background-size: cover;
    min-height: 354px;
}

.infos-element ul {
    list-style: none;
}

.infos-element li {
    line-height: 1.2em;
    color: #333;
    font-size: 14px;
    font-weight: 700;
}

.infos-element li:first-child {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    color: #fff;
    line-height: 1.3em;
}
.infos-element li:not(first-child) {
    margin: 7px 0;
}

.info-opening-hours td {
    font-weight: 700;
    font-size: 14px;
    padding: 3px 20px;
}

.info-opening-hours tr:nth-child(even) {
    background-color: rgba(0,0,0,0.05);
}
#page_order_control_szall_megj textarea {
    width: 90%;
    height: 10em;
}