@charset "UTF-8";
/**
Theme Name: ARTHEME
Text Domain: alcapone
Version: 2.3
Requires at least: 4.7
Requires PHP: 6.0.0
Theme URI: https://www.abson.cz
Author: Abson Reavs
Author URI: https://www.abson.cz
Description: Šablona AlCapone je vyrobena pro redakční systém Wordpress. Šablona je navržená tak, aby plně využívala flexibilitu editoru bloků. Organizace a firmy mají schopnost vytvářet dynamické vstupní stránky s nekonečným rozvržením pomocí bloků skupiny a sloupce. Středový obsahový sloupec a jemně vyladěná typografie je také ideální pro tradiční blogy. Kompletní styly editorů vám poskytnou dobrou představu o tom, jak bude váš obsah vypadat, ještě před publikováním. Svému webu můžete dát osobní dotek změnou barev pozadí a zvýraznění barvy v nástroji Customizer. Barvy všech prvků na vašem webu jsou automaticky vypočítávány na základě zvolených barev, což zajišťuje vysoký a dostupný barevný kontrast pro vaše návštěvníky.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready.
*/

.container{
    position: relative;
    width: 1280px;
    margin: 0 auto;
}

header{
    position: absolute;
    width: 100%;
    z-index: 99;
    box-shadow: 0 5px 30px rgba(0,0,0,0.15);
    transition: 350ms;
}
header .container{
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
}
header .top-header-line,
header .bottom-header-line{
    position: relative;
    width: 100%;
}
header .top-header-line{
    background: #212529;
    color: #fff;
    padding: 12px 0;
    font-size: 12px;
    z-index: 199;
}
header .bottom-header-line{background: #fff;}
header .header-grid{
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
header .header-grid .item{position: relative;}
header .header-grid .item.last{margin-left: auto;}

header .main-menu{
    position: relative;
    margin: 0 0 0 50px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
}
header .main-menu > li{
    position: relative;
    margin: 0 10px;
}
header .main-menu > li > a{
    position: relative;
    display: block;
    font-size: 0.85em;
    padding: 35px 0;
    box-sizing: border-box;
    text-decoration: none;
    color: #00a600;
    transition: 350ms;
}
header .main-menu > li > a:hover{color: #212529;}
header .main-menu > li > a:before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: transparent;
}
header .main-menu > li.current-menu-item > a{color: #00a600;}
header .main-menu > li.current-menu-item > a:before{background: #00a600;}

header .top-menu{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: end;
}
header .top-menu li{
    position: relative;
    margin: 0 15px;
}
header .top-menu li a{
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: 350ms;
}
header .top-menu li a i{
    position: relative;
    margin: 0 5px 0 0;
}
header .top-menu li a:hover{color: #00a600;}
header .logo{
    position: relative;
    width: auto;
    height: 60px;
    display: block;
}
header .logo img{
    display: block;
    width: auto;
    height: 100%;
}
header .caret-wrapper{
    position: absolute;
    top: 50%;
    margin-top: -35px;
    left: 0.45rem;
}

header.change{position: fixed;}
header.change .top-header-line{display: none;}

header .respo-btn{
    position: relative;
    width: 50px;
    height: 40px;
    margin: 13px 0 13px 20px;
    border: 1px solid #00a600;
    color: #00a600;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    display: none;
}
header .ar-header-basket{
    position: relative;
    display: block;
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #00a600;
    color: #00a600;
    text-decoration: none;
    transition: 350ms;
}
header .ar-header-basket .icon{
    position: relative;
    display: block;
    line-height: 34px;
    margin: 0 auto;
    transition: none;
    font-size: 1.4em;
}
header .ar-header-basket .cart-contents{
    position: absolute;
    width: 20px;
    height: 20px;
    top: -8px;
    right: -8px;
    display: block;

}
header .ar-header-basket .cart-contents .count-number{
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 20px;
    background: #000;
    font-size: 10px;
    color: #fff;
    border-radius: 100%;

}
header .ar-header-basket:hover{
    background: #00a600;
    color: #fff;
}


.last-section{
    position: relative;
    width: 100%;
    margin-top: 60px;
    padding: 60px 0;
    box-sizing: border-box;
    background: rgb(223, 223, 223) url('img/bg-blocks.png') no-repeat top right;
    background-size: cover;
}


.under-header-line{
    position: relative;
    width: 100%;
    height: 125px;
}


.big-page-title{
    position: relative;
    width: 100%;
    background: #00a600 url('img/bg-blocks.png') no-repeat top right;
    background-size: cover;
    margin: 0 0 60px 0;
}
.big-page-title.light{margin: 0 0 0 0;}
.big-page-title .title-grid{
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.big-page-title .title-grid .item{
    position: relative;
    flex-grow: 1;
    flex-basis: 0;
}
.big-page-title .title-grid .item.text-area{
    flex-grow: 0;
    flex-basis: auto;
    width: 700px;
    padding: 0 50px;
    box-sizing: border-box;
    color: #fff;
}
.big-page-title .single-image-link{
    position: relative;
    width: 100%;
    height: 600px;
    display: block;
    object-fit: cover;
}
.big-page-title .title-grid .item.text-area h1{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 36px;
    line-height: 1.3em;
    color: #fff;
    text-transform: uppercase;
}
.big-page-title .title-grid .item.text-area h1:after{
    position: relative;
    content: '';
    width: 60px;
    height: 1px;
    background: #fff;
    margin: 30px 0;
    display: block;
}
.big-page-title .title-grid .item.text-area .desc{
    position: relative;
    font-size: 14px;
    line-height: 1.4em;
}
.big-page-title .before-text{
    position: relative;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    opacity: 0.75;
}
.big-page-title a.blank-btn{
    position: relative;
    display: table;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding: 15px 25px;
    box-sizing: border-box;
    border: 1px solid #fff;
    transition: 350ms;
}
.big-page-title a.blank-btn:hover{
    background: #fff;
    color: #00a600;
}

.entry-content ul.dots{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.entry-content ul.dots > li{
    position: relative;
    padding: 10px 0 10px 20px;
    box-sizing: border-box;
}
.entry-content ul.dots > li:before{
    position: absolute;
    content: '';
    top: 17px;
    left: 0;
    content: '';
    width: 9px;
    height: 9px;
    background: #00a600;
}
.wp-block-media-text{margin-bottom: 0;}

.service-grid{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.service-grid .item{
    position: relative;
    margin: 0 15px 30px 15px;
    width: calc(100% * (1/3) - 0px - 0px - 30px);
}
.service-grid .pattern{
    position: relative;
    width: 100%;
    padding-bottom: 130%;
    background-size: cover;
    background-position: 50% 50%;
}

.service-grid .pattern .pattern-cover{
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
    padding: 50px;
    box-sizing: border-box;
    transition: 350ms;
}
.service-grid .pattern .pattern-cover h3{
    position: relative;
    display: block;
    font-size: 24px;
    line-height: 1.3em;
    color: #fff;
    margin: 0;
    padding: 0;
    width: 80%;
    text-transform: uppercase;
}
.service-grid .pattern .pattern-cover span{
    position: relative;
    font-size: 10px;
    color: #fff;
    letter-spacing: 1px;
    display: block;
    margin: 0 0 10px 0;
}
.service-grid .caret-wrapper{
    position: absolute;
    z-index: 15;
    top: 50px;
    left: 0;
}
.service-grid .like-btn{
    position: absolute;
    padding: 10px 25px;
    background: #00a600;
    color: #fff;
    left: 50px;
    bottom: 50px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    transition: 350ms;
}
.service-grid .item:hover .like-btn{
    background: #fff;
    color: #00a600;
}
.service-grid .item:hover .pattern .pattern-cover{
    background: rgba(0,0,0,0.65);
}


.side-line{
    position: fixed;
    top: 0;
    left: 0;
    width: 0.45rem;
    height: 100vh;
    z-index: 100;
    background: #00a600;
}
.page-title{
    position: relative;
    width: 100%;
    padding: 40px 0;
    box-sizing: border-box;
    background: #ebebeb url('img/bg-blocks.png') no-repeat top right;
    background-size: cover;
    margin: 0 0 50px 0;
}
.page-title h1{
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 1.4em;
    font-size: 2.5em;
}
.page-title .under-title{
    position: relative;
    display: block;
    line-height: 1.3em;
    font-size: 0.75em;
    color: #0030ac;
    text-transform: uppercase;
}
.wp-block-button__link{
    background: #00a600;
    color: #fff!important;
    text-decoration: none!important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 0;
    transition: 350ms;
 }
 .wp-block-button__link:hover{
    background: #000;
 }

 .pork{
    background-image: url('img/bg-blocks.png');
    background-size: cover;
    background-position: 50% 50%;
 }
 .pork .wp-block-media-text{position: relative;}
 .pork .wp-block-media-text figure{z-index: 3;}
 .pork .wp-block-media-text:before{
    position: absolute;
    content: '';
    width: 300px;
    height: 300px;
    top: -30px;
    left: -30px;
    background: #00a600;
 }
 .banner .slick-prev,
 .banner .slick-next{
    top: auto;
    bottom: 40px;
 }
 .banner .slick-next{
    right: 50px;
 }
 .banner .slick-prev{
    left: auto;
    right: 100px;
 }


body.ar_service-template-default footer{margin: 0;}

.ar-black-section{
    position: relative;
    padding: 80px 0;
    box-sizing: border-box;
    background: #2f2f2f url('img/bg-blocks.png');
    color: #fff;
}
.ar-black-section p{
    position: relative;
    line-height: 1.5em;
    font-size: 16px;
}
.ar-black-section p.big{
    font-size: 26px;
}

.empty-space{
    position: relative;
    width: 100%;
    height: 80px;
}

.order_btn{
    position: relative;
    display: block;
    width: 100%;
    padding: 15px;
    color: #fff;
    border: none;
    background: #00a600;
    cursor: pointer;
    transition: 350ms;
}
.order_btn:hover{
    background: #000;
}

.ar-products{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.ar-products .item{
    position: relative;
    margin: 0 15px 30px 15px;
    width: calc(100% * (1/3) - 0px - 0px - 30px);
    border: 2px solid rgba(0,0,0,0.15);
    box-sizing: border-box;
    background: #fff;
}
.ar-products .item .woo-img{
    position: relative;
    width: 100%;
    padding-bottom: 80%;
}
.ar-products .item .woo-img .woo-area-img{
    position: absolute;
    width: 100%;
    height: 100%;
}
.ar-products .item .woo-img img{
    position: relative;
    margin: 0 auto;
    text-align: center;
    display: block;
    top: 10%;
    max-width: 80%;
    max-height: 80%;
    width: auto;
}
.ar-products .item .woo-img .ar-sku{
    position: absolute;
    top: 25px;
    right: 25px;
    background: #00a600;
    color: #fff;
    font-size: 12px;
    padding: 8px 16px;
    z-index: 5;
}
.ar-products .item .ar-woo-text-zone{
    position: relative;
    margin: 25px;
    box-sizing: border-box;
}
.ar-products .item .ar-woo-text-zone h3{
    position: relative;
    margin: 25px 0 25px 0;
    width: 65%;
    font-size: 20px;
    line-height: 1.3em;
}

.spot-footer{
    position: relative;
    margin: 80px 0 0 0;
    width: 100%;
    background: #00a600 url(img/bg-blocks.png) no-repeat top right;
    padding: 30px 0 0 0;
}
.spot-footer .top-menu{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    font-size: 24px;
}
.spot-footer .top-menu li{
    position: relative;
    margin: 0 15px 30px 15px;
}
.spot-footer .top-menu li a{
    position: relative;
    color: #fff;
    text-decoration: none;
}
.spot-footer .top-menu li a i{
    position: relative;
    margin: 0 8px 0 0;
}



body.single .spot-footer{margin: 0;}

footer{
    position: relative;
    width: 100%;
    margin: 0;
    padding: 50px 0;
    box-sizing: border-box;
    background: #232323;
    color: #bebdbd;
    font-size: 0.75em;
    line-height: 1.5em;
}

footer h2{
    position: relative;
    font-size: 16px;
    margin: 0;
    display: block;
    color: #EBEBEB;
}
footer h2:after{
    position: relative;
    content: '';
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.15);
    display: block;
    margin: 15px 0;
}

.footer-grid{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.footer-grid .item{
    position: relative;
    margin: 0 15px 30px 15px;
    width: calc(100% * (1/4) - 0px - 0px - 30px);
}

.side-panel{
    position: fixed;
    width: 300px;
    padding: 20px;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 5px 50px rgba(0,0,0,0.35);
    border-right: 7px solid #00a600;
    height: 100%;
    z-index: 9999;
    transition: 350ms;
    left: -500px;
    overflow-y: auto;
}
.side-panel.active{left: 0;}
.side-panel .logo{
    position: relative;
    width: 30%;
    margin: 0 auto 40px auto;
    height: auto;
    display: block;
}
.side-panel .logo img{
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    display: block;
}
.side-panel .main-menu{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.side-panel .main-menu li{
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.side-panel .main-menu li:nth-last-child(1){border: none;}
.side-panel .main-menu li a{
    position: relative;
    display: block;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
    text-decoration: none;
    color: rgb(46, 46, 46);
}
.side-panel .main-menu li.current-menu-item a{color: #00a600;}

.cover-bg{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background: transparent;
    transition: 350ms;
}
.cover-bg.active{
    z-index: 9998;
    background: rgba(0,0,0,0.35);
}

.ar-grid{
    position: relative;
    margin: 0 -15px;
    box-sizing: border-box;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.ar-align-center{
   align-items: center;
}

.has-2-columns .ar-item{
    position: relative;
    width: calc(100% * (1/2) - 0px - 0px - 30px);
    margin: 0 15px 30px 15px;
}

.has-3-columns .ar-item{
    position: relative;
    width: calc(100% * (1/3) - 0px - 0px - 30px);
    margin: 0 15px 30px 15px;
}

.ar-pro{
    position: relative;
    padding: 25px;
    box-sizing: border-box;
    border-top: 4px solid #00a600;
    border-bottom: 1px solid rgb(218, 218, 218);
    border-right: 1px solid rgb(218, 218, 218);
    border-left: 1px solid rgb(218, 218, 218);
    text-decoration: none!important;
}
.ar-pro .image-zone{
    position: relative;
    width: 100%;
    padding-bottom: 80%;
    background: #fff;
    /* border: 1px solid rgb(211, 211, 211); */
    box-sizing: border-box;
    margin: 0 0 15px 0;
}
.ar-pro .image-zone span{
    position: absolute;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}
.ar-pro .image-zone span:before{
    font-size: 40px;
}
.ar-pro .image-zone.red{
    background: #00a600;
}

.ar-pro .image-zone .ar-cover-img{
    position: absolute;
    max-width: 90%;
    max-height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ar-pro .ar-pro-title{
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    color: #00a600;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.2em;
    width: 100%;
}

.ar-pro .pro-list{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.ar-pro .pro-list li{
    position: relative;
    margin: 0;
}
.ar-pro .pro-list li span{
    position: relative;
    display: block;
    line-height: 1.2em;
    font-size: 14px;
}
.ar-pro .pro-list li span.ar-big{
    font-size: 20px;
}
.ar-pro .serial-number{
    position: absolute;
    font-size: 10px;
    line-height: 1em;
    color: #fff;
    background: #000;
    padding: 4px 6px;
    top: 20px;
    right: 20px;
    z-index: 5;
}

.pro-section{
    position: relative;
    width: 100%;
    padding: 80px 0;
    box-sizing: border-box;
    background: #ebebeb url(img/bg-blocks.png) no-repeat top right;
    background-size: cover;
}

.pro-section .intro{
    position: relative;
    width: 100%;
    padding: 40px 40px 10px 40px;
    box-sizing: border-box;
    background: #fff;
}

.pro-section .intro .pro-info{
    position: relative;
    padding: 0 0 0 40px;
}
.pro-section .intro .pro-info h1{
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 36px;
    width: 76%;
    line-height: 1.1em;
}
.pro-section .intro .pro-info h1:after{
    position: relative;
    content: '';
    margin: 20px 0 25px 0;
    padding: 0;
    width: 80px;
    height: 4px;
    background: #00a600;
    display: block;
}
.pro-section .intro .pro-info .small-desc{
    position: relative;
    font-size: 14px;
    line-height: 1.5em;
}

.pro-section .intro .pro-info .split{
    position: relative;
    margin: 0 -10px 0 -10px;
    font-size: 14px;
    padding: 20px 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.pro-section .intro .pro-info .split li{
    position: relative;
    width: calc(100% * (1/2) - 0px - 0px - 20px);
    margin: 0 10px 0 10px;
    padding: 3px 0;
}
.pro-section .intro .pro-info .split li span{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    line-height: 1.1em;
}
.pro-section .intro .pro-info .split li span.big{font-size: 26px;}
.pro-section .intro .pro-info .split li span{font-size: 12px;}

.pro-section .intro a.gall{
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid rgb(206, 205, 205);
    margin-bottom: 10px;
}
.pro-section .intro a.gall img{
    position: relative;
    margin: 0 auto;
    display: block;
    max-width: 70%;
    max-height: 70%;
    padding: 30px 0;
}
.pro-section .intro .ar-gallery{
    position: relative;
    margin: 0 -5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.pro-section .intro .ar-gallery li{
    position: relative;
    width: calc(100% * (1/4) - 0px - 0px - 10px);
    margin: 0 5px 10px 5px;
}
.pro-section .intro .ar-gallery li a{
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 100%;
    border: 1px solid rgb(206, 205, 205);
}
.pro-section .intro .ar-gallery li a img{
    position: absolute;
    width: 70%;
    height: 70%;
    top: 15%;
    left: 15%;
    object-fit: cover;
}






.tab {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 50px 0;
}

.tab button {
    background-color: inherit;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 25px 20px;
    transition: 0.3s;
    font-size: 14px;
    text-transform: uppercase;
}

.tab button:hover {
    background-color: #ddd;
}

.tab button.active {
    background-color: #00a600;
    color: #fff;
}

.tabcontent {
    display: none;
}
.tabcontent h2{
    position: relative;
    font-size: 32px;
    text-transform: uppercase;
}
.tabcontent p{
    position: relative;
    line-height: 1.5em;
    font-size: 14px;
}
.tabcontent ul{
    position: relative;
    margin: 20px 0;
    padding: 0;
    list-style: none;
    font-size: 14px;
}
.tabcontent ul li{
    position: relative;
    margin: 5px 0;
    padding: 0 0 0 20px;
}
.tabcontent ul li:before{
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #00a600;
}

.main-order{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.main-item{
    position: relative;
    margin: 0 15px 30px 15px;
    flex-grow: 1;
    flex-basis: 0;
}
.main-item.ar-order{
    flex-grow: 0;
    flex-basis: auto;
    width: 540px;
}
.main-item.ar-order form{
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #00a600 url(img/bg-blocks.png) no-repeat top right;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 9px;
    overflow: hidden;
    color: #fff;
}
.main-item.ar-order form label{
    position: relative;
    width: calc(100% * (1/1) - 0px - 0px - 0px);
    margin: 0 0 10px 0;
}
.main-item.ar-order form label input,
.main-item.ar-order form label textarea{
    position: relative;
    width: 100%;
    padding: 15px 15px 15px 40px;
    box-sizing: border-box;
    border: none;
    font-size: 16px;
    border-radius: 2px;
}
.main-item.ar-order form label textarea{
    height: 100px;
}
.main-item.ar-order form label input:focus,
.main-item.ar-order form label textarea:focus{outline: none;}
.main-item.ar-order form label span{
    position: absolute;
    top: 16px;
    left: 12px;
    color: #00a600;
    z-index: 1;
}
.main-item.ar-order form label h3{
    position: relative;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.1em;
    color: #fff;
    text-transform: uppercase;
}

.main-item.ar-order form .form-empty-space{
    position: relative;
    width: 100%;
    height: 25px;
}

.main-item.ar-order form label .order-btn{
    background: #000;
    color: #fff;
    cursor: pointer;
    transition: 350ms;
}
.main-item.ar-order form label .order-btn:hover{
    background: #fff;
    color: #000;
}
.main-item.ar-order form label .order-btn:disabled{
    opacity: .65;
    cursor: not-allowed;
}

.main-item.ar-order form label .ar-information{
    position: relative;
    display: block;
    border: 2px solid #fff;
    color: #fff;
    margin: 10px 0;
    padding: 8px 15px;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 12px;
}
.main-item.ar-order form label .ar-information.ar-hidden{display: none;}

.order-list{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
.order-list li{
    position: relative;
    margin: 0;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0,0,0,0.25);
}
.order-list li:nth-last-child(1){border: none;}
.order-list li:nth-child(1){padding: 0 0 15px 0}

.order-list li span{
    position: relative;
    display: block;
    line-height: 1.2em;
}
.order-list li span.small-text{
    font-size: 10px;
    letter-spacing: 1px;
    opacity: 0.65;
}
.order-list li span.name-list{
    font-size: 16px;
    color: #000;
}
.order-list li span.name-list.price{
    font-size: 20px;
}
.order-list li img{
    position: relative;
    display: block;
    max-height: 250px;
    margin: 0 auto 15px auto;
}
.order-list li span.spec{
    line-height: 1.5em;
    color: #000;
    font-size: 18px;
}
.order-list li span.spec a{
    color: #00a600;
}

.main-item.ar-order form label.dislabel{
    padding: 5px 0 5px 35px;
    font-size: 12px;
}
.main-item.ar-order form label.dislabel a{
    color: #fff;
}
.main-item.ar-order form label.dislabel a:hover{text-decoration: none;}

.main-item.ar-order form label span.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.main-item.ar-order form label.dislabel input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.main-item.ar-order form label.dislabel:hover input ~ .checkmark {
    background-color: #ccc;
}

.main-item.ar-order form label.dislabel input:checked ~ .checkmark {
    background-color: #000;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.main-item.ar-order form label.dislabel input:checked ~ .checkmark:after {
    display: block;
}

.main-item.ar-order form label.dislabel .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fa-space{
    position: relative;
    width: 100%;
    height: 150px;
}
.fa-body{
    position: relative;
    width: 1280px;
    margin: 0 auto;
    background: #fff;
    padding: 40px;
    box-sizing: border-box;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.fa-body .fa-header{
    position: relative;
    width: 100%;
    padding: 0 0 15px 0;
    margin: 0 0 40px 0;
    border-bottom: 5px solid #00a600;
}
.fa-body .fa-header h1{
    position: relative;
    margin: 0;
    padding: 0;
    display: block;
    font-size: 28px;
    line-height: 1.1em;
}

.fa-grid{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
}
.fa-item{
    position: relative;
    margin: 0 15px 30px 15px;
}
.fa-3-columns .fa-item{
    width: calc(100% *(1/3) - 0px - 0px - 30px);
}
.fa-item.center-text{
    text-align: center;
}
.fa-item.right-text{
    text-align: right;
}
.fa-item span{
    position: relative;
    display: block;
    line-height: 1.1em;
}
.fa-item span.info-text{font-size: 14px;}
.fa-item span.big-text{font-size: 28px;}

.fa-gray-zone{
    position: relative;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    background: rgb(235, 235, 235);
    margin: 0 0 40px 0;
}
.fa-gray-zone .gray-grid{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: nowrap;
}
.fa-gray-zone .gray-grid .gray-item{
    position: relative;
    width: calc(100% * (1/3) - 0px - 0px - 30px);
    margin: 0 15px;
}
.fa-gray-zone .gray-grid .gray-item ul{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 18px;
}
.fa-gray-zone .gray-grid .gray-item ul li{
    position: relative;
    padding: 2px 0;
    margin: 0;
}

.fa-content{
    position: relative;
    margin: 0;
}
.fa-content ul{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
}

.fa-content ul li{
    position: relative;
    padding: 10px;
    box-sizing: border-box;
}
.fa-content ul.redit{background: #00a600;}
.fa-content ul.redit li{
    color: #fff;
    padding: 14px 10px;
}
.fa-content ul li:nth-child(1){width: 70px;}

.fa-content ul li:nth-child(3),
.fa-content ul li:nth-child(4){
    width: 190px;
    text-align: right;
}
.fa-content ul li.to-right{margin-left: auto;}
.fa-empty-line{
    position: relative; 
    width: 100%;
    height: 500px;
}
.fa-finally{
    position: relative;
    margin: 30px 0 0 0;
    font-size: 30px;
    line-height: 1em;
    text-align: right;
}
.fa-finally span.very-small{
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1.8em;
}
.fa-footer{
    position: relative;
    width: 100%;
    color: #000;
}
.fa-footer span{
    position: relative;
    display: block;
    font-size: 12px;
}
.fa-footer .fa-line{
    position: relative;
    width: 100%;
    height: 1px;
    margin: 4px 0;
    background: black;
}
.fa-settings{
    position: relative;
    text-align: center;
    margin: 50px 0 0 0;
}
.fa-settings a{
    position: relative;
    display: table;
    padding: 15px 35px;
    box-sizing: border-box;
    color: #fff;
    background: #00a600;
    text-decoration: none;
    border-radius: 4px;
    margin: 0 auto;
    transition: 350ms;
}
.fa-settings a:hover{
    background: #000;
}

.ar-field{
    position: relative;
    width: 440px;
    padding: 30px;
    box-sizing: border-box;
    background: rgb(240, 240, 240);
    margin: 0 auto;
}
.ar-field input{
    position: relative;
    width: 100%;
    font-size: 18px;
    padding: 15px 10px;
    border: 2px solid #00a600;
    box-sizing: border-box;
}
.ar-field input:focus{outline: none;}

.ar-field span{
    position: relative;
    display: block;
    font-size: 14px;
    text-align: center;
}
.ar-field span.bold{font-size: 18px;}
.ar-field span.very-small{margin: 0 0 10px 0;}

.ar-field input.btn{
    text-align: center;
    text-transform: uppercase;
    margin: 5px 0 0 0;
    background: #00a600;
    color: #fff;
    cursor: pointer;
    transition: 350ms;
}
.ar-field input.btn:hover{
    background: #000;
    border-color: #000;
}



.shelf-grid{
    position: relative;
    margin: 0 -15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.shelf-grid .shelf-item{
    position: relative;
    margin: 0 15px;
    padding: 0;
    flex-grow: 1;
    flex-basis: 0;
}
.shelf-grid .shelf-item.red-zone{
    flex-grow: 0;
    flex-basis: auto;
    width: 320px;
}

.ar-pagination{
    position: relative;
    margin: 10px -7px 0 -7px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.ar-pagination .ar-pag{
    position: relative;
    margin: 0 7px;
    padding: 8px 0;
    width: 45px;
    text-align:center;
    box-sizing: border-box;
    display: block;
    text-decoration: none;
    background: rgb(233, 233, 233);
    color: #000;
    transition: 350ms;
}
.ar-pagination .ar-pag:hover{background: rgb(207, 207, 207);}
.ar-pagination .ar-pag.current{
    background: #00a600;
    color: #fff;
}

.filter-form{
    position: relative;
    width: 100%;
    padding: 30px;
    box-sizing: border-box;
    color: #424242;
    background: #ebebeb url('img/bg-blocks.png') no-repeat top right;
}
.filter-form h3{
    position: relative;
    margin: 0 0 10px 0;
    padding: 0;
    font-size: 18px;
    line-height: 1.2em;
}
.filter-form label{
    position: relative;
    display: block;
    margin: 0 0 10px 0;
}
.filter-form .ar-inputer{
    position: relative;
    width: 100%;
    padding: 12px 8px;
    box-sizing: border-box;
    border: 2px solid #000;
    color: #000;
}
.filter-form .ar-inputer:focus{outline: none;}
.filter-form .ar-inputer.btn{
    cursor: pointer;
    background: #000;
    color:  #fff;
    transition: 350ms;
}
.filter-form .ar-inputer.btn:hover{opacity: 0.75;}

.filter-form .ar-inputer.reset{
    margin: 25px 0 0 0;
    padding: 12px;
    font-size: 12px;
    line-height: 1em;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #00a600;
    border-color: #00a600;
    transition: 350ms;
}
.filter-form .ar-inputer.reset:hover{
    background:  #00a600;
    color: #fff;
    opacity: 1;
}
.filter-form .propt{
    position: relative;
    margin: 25px -5px 15px -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.filter-form .propt h3{
    margin: 0 5px 10px 5px;
    width: 100%;
}
.filter-form .propt label{
    position: relative;
    margin: 0 5px 10px 5px;
    width: calc(100% * (1/2) - 0px - 0px - 10px);
    font-size: 12px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}
.filter-form .propt label input[type="checkbox"]{
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0 7px 0 0;
    padding: 0;
}
.filter-form .propt label input[type="checkbox"]:focus{outline: none;}


footer .menu{
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
footer .menu li{
    position: relative;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
footer .menu li:nth-last-child(1){border: none;}
footer .menu li a{
    position: relative;
    margin: 0;
    padding: 4px 0;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
}
footer .menu li a:hover{
    color: #00a600;
}

.cat-menu{
    position: relative;
    margin: 0 -5px 40px -5px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}
.cat-menu li{
    position: relative;
    margin: 0 5px 10px 5px;
}
.cat-menu li a{
    position: relative;
    display: table;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #00a600;
    border-radius: 25px;
    transition: 350ms;
}
.cat-menu li a:hover{background: #000;}

.cat-menu li.current-menu-item a{background: #000;}

@media print{
    .fa-settings,
    .fa-space{display: none;}
    .fa-body{
        width: 100%;
        padding: 0;
        box-shadow: none;
    }
    .fa-body .fa-header h1 {font-size: 20px;}
    .fa-gray-zone .gray-grid .gray-item ul{font-size: 12px;}
    .fa-gray-zone .gray-grid .gray-item ul li{padding: 0;}
    .fa-item span.info-text {font-size: 12px;}
    .fa-item span.big-text {font-size: 18px;}
    .fa-footer .fa-line{margin: 2px 0;}
    .fa-footer span{font-size: 8px;}
    .fa-gray-zone {
        padding: 15px;
        background: #ebebeb;
        margin: 0 0 30px 0;
    }
}


@media screen and (max-width : 1430px){
    .big-page-title .title-grid .item.text-area {
        width: 550px;
        padding: 0 40px;
    }
    .container, .wp-block-group.alignwide .wp-block-group__inner-container, .wp-block-cover.alignwide .wp-block-cover__inner-container, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
        width: 86%;
    }
}

@media screen and (max-width : 1340px){
    .service-grid .pattern .pattern-cover h3 {
        font-size: 22px;
        width: 90%;
    }
    .service-grid .pattern .pattern-cover{padding: 40px;}
    .service-grid .like-btn {
        left: 40px;
        bottom: 40px;
    }
}
@media screen and (max-width : 1200px){
    .has-3-columns .ar-item {
        width: calc(100% * (1/2) - 0px - 0px - 30px);
    }

    .has-2-columns .ar-item {
        width: calc(100% * (1/1) - 0px - 0px - 30px);
    }
    .pro-section .intro .pro-info {
        padding: 0 0 0 0;
    }
}
@media screen and (max-width : 1000px){
    header{position: fixed;}
    header .top-header-line{display: none;}
    header .logo{height: 50px;}
    header .main-menu > li > a{padding: 25px 0}
    .under-header-line{height: 67px;}
    .big-page-title .single-image-link{height: 430px;}
    .banner .slick-next{left: auto;}
    header .respo-btn{display: block;}
    header .main-menu{display: none;}


    .big-page-title .title-grid .item.text-area {
        width: 400px;
        padding: 0 30px;
    }
    .big-page-title .title-grid .item.text-area h1 {font-size: 28px;}

    .page-title{padding: 30px 0;}
    .page-title h1{font-size: 2em;}

    .footer-grid .item {
        position: relative;
        margin: 0 15px 30px 15px;
        width: calc(100% * (1/2) - 0px - 0px - 30px);
    }
    .service-grid .item{width: calc(100% * (1/2) - 0px - 0px - 30px);}

    .ar-products .item{
        width: calc(100% * (1/2) - 0px - 0px - 30px);
    }
    .filter-form{margin-bottom: 30px;}
    .shelf-grid .shelf-item.red-zone{
        width: 100%;
    }
}


@media screen and (max-width : 780px){
    .has-3-columns .ar-item {
        width: calc(100% * (1/1) - 0px - 0px - 30px);
    }
    .pro-section .intro .pro-info .split{display: block;}
}


@media screen and (max-width : 700px){
    .big-page-title .title-grid .item.text-area {
        width: 300px;
        padding: 0 30px;
    }
    .big-page-title .title-grid .item.text-area h1 {
        font-size: 20px;
    }
    .big-page-title .title-grid .item.text-area .desc{font-size: 12px;}

    .footer-grid .item {
        position: relative;
        margin: 0 15px 30px 15px;
        width: calc(100% * (1/1) - 0px - 0px - 30px);
    }
    .service-grid .item {
        width: calc(100% * (1/1) - 0px - 0px - 30px);
    }
    .ar-products .item{
        width: calc(100% * (1/1) - 0px - 0px - 30px);
    }
    .pro-section .intro {
        padding: 30px 30px 0 30px;
    }
    .pro-section .intro .pro-info h1 {
        font-size: 24px;
        width: 100%;
    }
    .ar-black-section p.big {
        font-size: 18px;
    }
}

@media screen and (max-width : 540px){
    .ar-pro .ar-pro-title {font-size: 18px;}
}

@media screen and (max-width : 420px){
    .big-page-title .title-grid .item.text-area {
        width: 250px;
        padding: 0 20px;
    }
}