:root {
    --color_superbright                 : white;
    --color_bright                      : #afafaf;
    --color_dark                        : #181613;
    --color_main                        : #ccac7d;
    --color_page_background             : var(--color_dark);
    --color_menu                        : var(--color_superbright);
    --color_menu_active                 : var(--color_main);
    --color_theme_header                : var(--color_superbright);
    --color_theme_text                  : var(--color_bright);
    --color_theme_svg                   : var(--color_superbright);
    --overview_height                   : 100vh;
    --productview_height                : 100vh;
    --categoryview_height               : 100vh;
    --homeview_height                   : 100vh;
    --halfview_min_height               : 650px;
    --icons_flex_direction              : row;
    --display_certify                   : flex;
    --display_header                    : initial;
    --display_headermobile              : none;
    --feature_group_padding             : 30px 30px 20px 0;
    --feature_group_direction           : row;
    --features_title_mode               : vertical-lr;
    --features_title_width              : 100px;
    --features_title_padding            : 18px 0;
    --features_title_transf             : lowercase;
    --features_title_display_line       : none:
    --features_row_padding              : initial;
    --features_row_direction            : row;
    --features_column_width             : 200px;
    --features_column_padding           : 15px 0;
    --gallery_grid_columns              : 1fr 1fr 1fr;
    --block_column                      : 3;
    --certify_display_logo              : initial;
    --certify_gap                       : 40px;
    --listtwo_display                   : table-row;
    --listtwo_direction                 : initial;
    --half_grid_columns                 : 50% auto;
    --half_grid_rows                    : unset;
    --half_grid_home_rows               : unset;
    --grid_columns                      : 1fr 1fr 1fr 1fr;
    --section_width                     : 65%;
    --section_list_direction            : row;
    --footer_display_contact            : flex;
    --demandform_grid_columns           : 35% auto;
    --demandform_grid_align             : initial;
    --demandform_direction              : row;  
    --home_display_video                : initial;
    --section_list_display_after        : inline-block;
    --max_width                         : 1580px;
    --font_body_size                    : 16px;
    --padding_body                      : initial;
    --edge_padding                      : 50px;
    --block_padding                     : 100px;
    --main_header_size                  : 5.5rem;
    --main_subheader_size               : 2.2rem;
    --section_header_size               : 4.3rem;
    --section_subheader_size            : 2.8rem;
    --product_header_size               : 5rem;
    --product_subheader_size            : 3.8rem;
    --gallery_height                    : 23rem;
    --header_line_padding               : 100px;
    --header_line_width                 : 80px;
}

:root[data-theme='theme_light'] {
  --color_page_background   : #eaeaea;
  --color_menu              : #181613;
  --color_menu_active       : #ccac7d;
  --color_theme_header      : #181613;
  --color_theme_text        : #6e6e6e;
  --color_theme_svg         : #181613;
}



html, body{
    position: relative;
    width: 100%;
    min-height: 100%;
    font-size: var(--font_body_size);
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background-color: var(--color_page_background);
    padding-top: var(--padding_body);
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

.no-scroll{
    overflow: hidden;
}

input {
  all: unset;
}

ul {
    padding: 0;
    margin: 0;
}

ul li{
    list-style: none;
}

.transition{
    transition: .7s ease;
}


.actionbtn{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 40px;
    border: 2px solid var(--color_main);
    height: 50px;
    border-radius: 100px;
    color: var(--color_main);
    font-size: .9rem;
    font-weight: 600;
    cursor: pointer;
}

.actionbtn:hover{
    opacity: .75;
}

.actionbtn--main{
    background-color: var(--color_main);
    color: var(--color_dark);
}

.actionbtn--download{
    padding: initial;
    width: 50px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NzcuOSA0NzcuOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDc3LjkgNDc3Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojQ0NBQzdEO308L3N0eWxlPjxnPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NDMuNywzMDcuMmMtOS40LDAtMTcuMSw3LjYtMTcuMSwxNy4xdjEwMi40YzAsOS40LTcuNiwxNy4xLTE3LjEsMTcuMUg2OC4zYy05LjQsMC0xNy4xLTcuNi0xNy4xLTE3LjFWMzI0LjNjMC05LjQtNy42LTE3LjEtMTcuMS0xNy4xcy0xNy4xLDcuNi0xNy4xLDE3LjF2MTAyLjRjMCwyOC4zLDIyLjksNTEuMiw1MS4yLDUxLjJoMzQxLjNjMjguMywwLDUxLjItMjIuOSw1MS4yLTUxLjJWMzI0LjNDNDYwLjgsMzE0LjgsNDUzLjIsMzA3LjIsNDQzLjcsMzA3LjJ6Ii8+PC9nPjwvZz48Zz48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzM1LjksMjk1LjFjLTYuNi02LjQtMTcuMS02LjQtMjMuNywwTDI1NiwzNTEuM1YxNy4xQzI1Niw3LjYsMjQ4LjQsMCwyMzguOSwwcy0xNy4xLDcuNi0xNy4xLDE3LjF2MzM0LjNsLTU2LjItNTYuMmMtNi44LTYuNS0xNy42LTYuNC0yNC4xLDAuNGMtNi40LDYuNi02LjQsMTcuMSwwLDIzLjdsODUuMyw4NS4zYzYuNyw2LjcsMTcuNSw2LjcsMjQuMSwwYzAsMCwwLDAsMCwwbDg1LjMtODUuM0MzNDIuOSwzMTIuNSwzNDIuNywzMDEuNywzMzUuOSwyOTUuMXoiLz48L2c+PC9nPjwvc3ZnPg==);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}


.icons{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: var(--icons_flex_direction);
    justify-content: space-between;
    padding-left: var(--edge_padding);
    padding-right: var(--edge_padding);
    max-width: var(--max_width);
}

.icons__group{
    width: auto;
    height: auto;
    display: flex;
    flex-direction: var(--icons_flex_direction);
}

.icons__group--certify{
    display: var(--display_certify);
}

.icons__item{
    position: relative;
    width: auto;
    height: 70px;
    display: flex;
    align-items: center;
    margin-right: 20px;
    margin-bottom: var(--edge_padding);
}

.icons__item--clickable{
    cursor: pointer;
}

.icons__item--feature:before{
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA1MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7fS5zdDF7ZmlsbDojQ0NBQzdEO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xLjUsMjVDMS41LDM4LDEyLDQ4LjUsMjUsNDguNWM0LjUsMCw4LjctMS4zLDEyLjMtMy41SDMyVjVoNS4zQzMzLjcsMi44LDI5LjUsMS41LDI1LDEuNUMxMiwxLjUsMS41LDEyLDEuNSwyNXoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjUsNDguNUMxMiw0OC41LDEuNSwzOCwxLjUsMjVTMTIsMS41LDI1LDEuNWM0LjUsMCw4LjcsMS4zLDEyLjMsMy41SDQwYy00LjItMy4xLTkuNC01LTE1LTVDMTEuMiwwLDAsMTEuMiwwLDI1czExLjIsMjUsMjUsMjVjNS42LDAsMTAuOC0xLjksMTUtNWgtMi43QzMzLjcsNDcuMiwyOS41LDQ4LjUsMjUsNDguNXoiLz48L2c+PC9zdmc+);
}

.icons__item:last-child{
    margin-right: initial;
}

.icons__text{
    margin-left: 35px;
    padding: 7px 0;
}

.icons__header{
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color_theme_header);
}

.icons__title{
    font-size: .8rem;
    text-transform: lowercase;
    color: var(--color_main);
    font-weight: 600;
}


.gridwrap{
    width: auto;
    height: auto;
}

.gridwrap__header{
    font-size: 1.5rem;
    font-weight: 800;
    padding-bottom: 30px;
    color: var(--color_bright);
    text-transform: uppercase;
}


.grid{
    display: grid;
    grid-template-columns: var(--grid_columns);
    width: 100%;
    margin-bottom: 6rem;
    grid-gap: 1rem;
    grid-auto-rows: 25rem;
}

.grid__item{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-around;
    background: linear-gradient(180deg, rgba(10, 10, 10, 1) 0%, rgba(25, 28, 38, 0) 100%);
    text-decoration: none;
    position: relative;
    border-radius: 8px;
}

.grid__item:hover{
    background-color: black;
    box-shadow: 3px 3px 25px 0 rgba(0, 0, 0, .6);
}

.grid__img{
    height: 70%;
    width: 70%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.grid__title{
    font-size: 1.18rem;
    text-align: center;
    color: var(--color_bright);
    text-decoration: none;
}
.grid__title--main{
    font-weight: 800;
}

.grid__title--sub{
    font-weight: 600;
    display: block;
}

.grid__item:hover .grid__title{
    color: var(--color_main);
}


.treemobile{
    color: var(--color_theme_header);
    display: none;
}

.treemobile--show{
    display: initial;
}

.treemobile__item{
    border-top: 1px solid rgba(204, 172, 125, .3);
}


.treemobile__text{
    padding: 1.1rem 0;
    display: block;
    cursor: pointer;
}

.treemobile__text--active{
    color: var(--color_main);
}


.treemobile--l0{
    display: initial;
}

.treemobile .treemobile__item .treemobile__text{
    font-size: 1.1rem;
    font-weight: 800;
    padding-left: var(--edge_padding);
}

.treemobile--l1 .treemobile__item .treemobile__text{
    font-size: .95rem;
    font-weight: 700;
    padding-left: calc( 2 * var(--edge_padding));
}

.treemobile--l2 .treemobile__item .treemobile__text{
    font-size: .9rem;
    font-weight: normal;
    padding-left: calc( 3 * var(--edge_padding));
}

.headermobile{
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background-color: var(--color_page_background);
    border-bottom: 1px solid rgba(204, 172, 125, .3);
    display: var(--display_headermobile);
}

.headermobile__body{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 var(--edge_padding);
}

.headermobile__content{
    width: 100%;
    height: calc(100vh - 70px);
    background-color: var(--color_page_background);
    overflow: auto;
    display: none;
}

.headermobile__content--show{
    display: block;
}

.headermobile__before{
    display: flex;
    align-items: center;
}

.headermobile__after{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.headermobile__btn{
    width: 40px;
    height: 40px;
    margin-left: 12px;
    border: 1px solid var(--color_main);
    cursor: pointer;
}

.headermobile__btn--lng{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
    color: var(--color_main);
}

.headermobile__btn--menu{
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDgwMCA4MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwMCA4MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQ0NBQzdEO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMCwxMjUuM2MwLTM1LjcsMjktNjQuNiw2NC42LTY0LjZoNjcwLjdjMzUuNywwLDY0LjYsMjksNjQuNiw2NC42cy0yOSw2NC42LTY0LjYsNjQuNkg2NC42CgkJQzI5LDE4OS45LDAsMTYwLjksMCwxMjUuM3ogTTczNS40LDMzNS40SDY0LjZDMjksMzM1LjQsMCwzNjQuMywwLDQwMHMyOSw2NC42LDY0LjYsNjQuNmg2NzAuN2MzNS43LDAsNjQuNi0yOSw2NC42LTY0LjYKCQlTNzcxLjEsMzM1LjQsNzM1LjQsMzM1LjR6IE03MzUuNCw2MTAuMUg2NC42QzI5LDYxMC4xLDAsNjM5LjEsMCw2NzQuN2MwLDM1LjcsMjksNjQuNiw2NC42LDY0LjZoNjcwLjdjMzUuNywwLDY0LjYtMjksNjQuNi02NC42CgkJQzgwMCw2MzkuMSw3NzEuMSw2MTAuMSw3MzUuNCw2MTAuMXoiLz4KPC9nPgo8L3N2Zz4K);
    background-size: 60%;
    background-position: center center;
    background-repeat: no-repeat;
}





.header{
    flex: 0 0 auto;
    width: 100%;
    height: auto;
    display: var(--display_header);
}

.header__top{
    width: 100%;
    height: 90px;
    display: flex;
    padding: 0 var(--edge_padding);
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(204, 172, 125, .3);
}

.header__middle{
    width: 100%;
    height: 55px;
    display: flex;
    flex-direction: row;
    padding: 0 var(--edge_padding);
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(204, 172, 125, .3);
}

.header__bottom{
    width: 100%;
    padding: 20px var(--edge_padding) 0 var(--edge_padding);
    display: flex;
    justify-content: end;
}

.header__container{
    display: flex;
    flex-direction: row;
    list-style: none;
}

.logo{
    width: 170px;
    height: auto;
}

.logo--small{
    width: 120px;
}

.menu{
    display: flex;
    flex-direction: row;
    list-style: none;
    align-items: center;
}

.menu--web{
    margin-left: 25px;
}

.menu__weblogo{
    height: 18px;
    margin-top: 8px;
}

.menu__weblogo:hover{
    opacity: .6;
}

.menu__item{
    margin-right: 15px;
}

.menu__item a {
    color: var(--color_menu);
    text-decoration: none;
}

.menu__item--lng:after{
    content: '|';
    width: 25px;
    color: rgba(204, 172, 125, .4);
    text-align: center;
    display: inline-block;
}

.menu__item--lng:last-child:after{
    content: '';
    width: initial;
}

.menu__item:last-child{
    margin-right: initial;
}

.menu__item--active a,
.menu__item:hover a {
    color: var(--color_menu_active);
}

.menu__item--category{
    font-size: .97rem;
    font-weight: 700;
}

.menu__item--subcategory{
    font-size: .92rem;
    font-weight: 600;
}

.menu__item--product{
    font-size: .88rem;
    font-weight: 400;
}

.menu__item--lng{
    font-size: .92rem;
    font-weight: 600;
    margin-right: initial;
}


.halfview{
    width: 100%;
    max-width: var(--max_width);
    padding: var(--edge_padding);
    display: grid;
    grid-template-columns: var(--half_grid_columns);
    grid-template-rows: var(--half_grid_rows);
    column-gap: 70px;
    min-height: var(--halfview_min_height);
}

.halfview--home{
    grid-template-rows: var(--half_grid_home_rows);
}


.homeview{
    width: 100%;
    height: auto;
}

.homeview__inner{
    width: 100%;
    max-width: var(--max_width);
    padding: 120px var(--edge_padding);
}

.homeview__h2{
    font-size: var(--section_subheader_size);
    font-weight: 800;
    padding-bottom: 30px;
    color: var(--color_main);
}

.homeview__h3{
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 100px;
    position: relative;
}

.homeview__h3:before{
    content: '';
    height: 3px;
    width: 80px;
    background-color: var(--color_main);
    margin-top: -2px;
    position: absolute;
    top: 50%;
    left: 0;
}

.homeview__text{
    font-size: 1.3rem;
    font-weight: 300;
    margin-bottom: 5rem;
    color: var(--color_dark);
}

.homeview__text--light{
    color: var(--color_main);
}



.homeview__top{
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: var(--homeview_height);
    position: relative;
    overflow: hidden;
}

.homeview__video{
    display: var(--home_display_video);
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    opacity: .7;
}

.homeview__topheader{
    display: flex;
    flex: 0 0 auto;
    z-index: 1;
}

.homeview__topcontent{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    z-index: 1;
}

.homeview__topfooter{
    display: flex;
    justify-content: center;
    flex: 0 0 auto;
    height: auto;
    z-index: 1;
}

.homeview__toptext{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0;
}

.homeview__th1{
    font-size: var(--main_header_size);
    font-weight: 800;
    padding-bottom: 10px;
    color: white;
    text-transform: uppercase;
}

.homeview__th2{
    font-size: var(--main_subheader_size);
    font-weight: 300;
    padding-bottom: 25px;
    color: var(--color_main);
    text-transform: uppercase;
}

.homeview__th3{
    font-size: 1.1rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: white;
}

.homeview__btns{
    padding-top: 35px;
}

.homeview__btns > * {
    margin-right: 10px;
}



.homeview__catalog{
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    background-color: transparent;
}



.overview{
    width: 100%;
    min-height: var(--overview_height);
    height: auto;
    display: flex;
    flex-direction: column;
    background-image: url('http://www.miracle.cz?req=3vFp1C8RUBaCf4CC1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Wo1cPfR6LfP202CZK392Gm80D3GbEb');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 85%;
}

.overview__content{
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.overview__inner{
    display: flex;
    flex-direction: column;
    max-width: var(--max_width);
    width: 100%;
    height: 100%;
    padding: 30px var(--edge_padding);
}


.section{
    width: var(--section_width);
    margin-bottom: 5rem;
}

.section__head{
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: var(--header_line_padding);
    position: relative;
    margin-bottom: 15px;
    margin-left: 5px;
    color: var(--color_superbright);
}

.section__head:before{
    content: '';
    height: 3px;
    width: var(--header_line_width);
    background-color: var(--color_main);
    margin-top: -2px;
    position: absolute;
    top: 50%;
    left: 0;
}

.section__name{
    font-size: var(--main_header_size);
    line-height: var(--main_header_size);
    padding-bottom: 40px;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--color_main);
}

.section__text{
    font-size: 1.15rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--color_bright);
}

.section__text--strong{
    font-size: 1.3rem;
    font-weight: 800;
}

.section__link{
    color: var(--color_main);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.section__link:hover{
    border-color: var(--color_main);
}

.section__list{
    list-style: none;
    display: flex;
    flex-direction: var(--section_list_direction);
}

.section__listitem{
    font-size: .9rem;
    font-weight: 600;
    margin-top: 20px;
}

.section__listitem:after{
    content: '|';
    width: 25px;
    color: rgba(204, 172, 125, .4);
    text-align: center;
    display: var(--section_list_display_after);
}

.section__listitem:last-child:after{
    content: '';
    width: initial;
}

.section__listitem a{
    color: var(--color_main);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.section__listitem a:hover{
    border-color: var(--color_main);
}

.section__btns{
    padding-top: 50px;
}


.productview{
    width: 100%;
    min-height: var(--productview_height);
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: url('http://www.miracle.cz?req=aveB1HTzYoCCf4CC1c5ZT6blRY07PNXqPcbiPGLtPM9fP203D3Wo1cPfR6LfP202CZK392Gm80D3GbEb');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 85%;
}

.productview__content{
    flex: 1 1 auto;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: stretch;
    position: relative;
}

.product{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product__left{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0;
}

.product__right{
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0;
}

.product__image{
    width: 100%;
    height: 100%;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.product__smallbtn{
    width: 70px;
    height: 70px;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60% 60%;
    cursor: pointer;
}

.product__smallbtn--prev{
    left: 70px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNTkuOCA0OTAuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU5LjggNDkwLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNDcuMiw0OTAuOGMtMi44LDAtNS41LTEuMS03LjYtMy4xTDQuOSwyNTNjLTQuMi00LjItNC4yLTEwLjksMC0xNS4xTDIzOS42LDMuM2M0LjEtNC4yLDEwLjgtNC40LDE1LjEtMC4zYzQuMiw0LjEsNC40LDEwLjgsMC4zLDE1LjFjLTAuMSwwLjEtMC4yLDAuMi0wLjMsMC4zTDI3LjYsMjQ1LjVsMjI3LjEsMjI3LjFjNC4yLDQuMiw0LjIsMTAuOSwwLDE1LjFDMjUyLjcsNDg5LjcsMjUwLDQ5MC44LDI0Ny4yLDQ5MC44eiIvPjwvc3ZnPg==);
}

.product__smallbtn--next{
    right: 70px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNTkuOCA0OTAuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjU5LjggNDkwLjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMi42LDBjMi44LDAsNS41LDEuMSw3LjYsMy4xbDIzNC43LDIzNC43YzQuMiw0LjIsNC4yLDEwLjksMCwxNS4xTDIwLjIsNDg3LjVjLTQuMSw0LjItMTAuOCw0LjQtMTUuMSwwLjNjLTQuMi00LjEtNC40LTEwLjgtMC4zLTE1LjFjMC4xLTAuMSwwLjItMC4yLDAuMy0wLjNsMjI3LjEtMjI3LjFMNS4xLDE4LjJDMC45LDE0LjEsMC45LDcuMyw1LDMuMUM3LDEuMSw5LjgsMCwxMi42LDB6Ii8+PC9zdmc+);
}

.product__smallbtn:hover{
    background-color: rgba(0, 0, 0, .5);
}

.product__smallbtn a{
    display: block;
    width: 100%;
    height: 100%;
}

.product__img{
    max-width: 100%;
    max-height: 100%;
}

.product__type{
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: var(--header_line_padding);
    position: relative;
    margin-bottom: 15px;
    margin-left: 5px;
    color: var(--color_theme_header);
}

.product__type:before{
    content: '';
    height: 3px;
    width: var(--header_line_width);
    background-color: var(--color_main);
    margin-top: -2px;
    position: absolute;
    top: 50%;
    left: 0;
}

.product__name{
    padding-bottom: 40px;
    color: var(--color_main);
}

.product__name--brand{
    font-size: var(--product_header_size);
    line-height: var(--product_header_size);
    font-weight: 800;
    text-transform: uppercase;
}

.product__name--model{
    font-size: var(--product_subheader_size);
    line-height: var(--product_subheader_size);
    font-weight: 300;
    display: block;
}

.product__text{
    font-size: 1.15rem;
    line-height: 2rem;
    font-weight: 600;
    color: var(--color_theme_text);
}

.product__btns{
    padding-top: 25px;
    display: flex;
}

.product__btns > a {
    margin-right: 20px;
}


.block{
    display: flex;
    justify-content: center;
}

.block__inner{
    height: auto;
    width: 100%;
    max-width: var(--max_width);
    padding: var(--block_padding) var(--edge_padding) 0 var(--edge_padding);
}

.block__h3{
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: var(--header_line_padding);
    position: relative;
}

.block__h3:before{
    content: '';
    height: 3px;
    width: var(--header_line_width);
    background-color: var(--color_main);
    margin-top: -2px;
    position: absolute;
    top: 50%;
    left: 0;
}

.block__h2{
    font-size: var(--section_header_size);
    font-weight: 800;
    padding-bottom: 30px;
    color: var(--color_main);
}

.block__text{
    font-size: 1.15rem;
    line-height: 2rem;
    font-weight: 400;
    margin-bottom: var(--block_padding);
}

.block__text--column{
    column-count: var(--block_column);
    column-gap: 60px;
}

.block__paragraph{
    margin-bottom: 30px;
}

.block__header{
    font-weight: 700;
    font-size: 1.1rem;
    margin-bottom: 10px;
    opacity: .9;
}

.block__certification{
    margin-bottom: var(--block_padding);
}

.block--light{
    background-color: white;
}

.block--dark{
    background-color: var(--color_dark);
}

.block--light .block__h3{
    color: var(--color_dark);
}

.block--dark .block__h3{
    color: var(--color_superbright);
}

.block--light .block__text{
    color: var(--color_dark);
}

.block--dark .block__text{
    color: var(--color_bright);
}

.listtwovalue{
    width: 100%;
}

.listtwovalue__title{
    font-size: 1rem;
    font-weight: 700;
    display: block;
    width: 100%;
    padding-bottom: 5px;
    color: var(--color_main);
}

.listtwovalue__items{
    padding-bottom: 20px;
    display: table;
}

.listtwovalue__item{
    display: var(--listtwo_display);
    flex-direction: var(--listtwo_direction);
    font-size: 0.95rem;
}

.listtwovalue__itemtitle{
    display: table-cell;
    font-weight: 700;
    padding-right: 15px;
}

.listtwovalue__itemvalue{
    display: table-cell;
    font-weight: 400;
}

.certifications {
    padding-top: 20px;
}

.certification{
    display: flex;
    gap: var(--certify_gap)
}

.certification__img{
    width: auto;
    height: 90px;
    margin-bottom: 15px;
    display: var(--certify_display_logo);
}

.features{
    width: 100%;
    height: auto;
    border: 3px solid var(--color_main);
    margin-bottom: var(--block_padding);
}

.features__group{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: var(--feature_group_direction);
    padding: var(--feature_group_padding);
}

.features__title{
    writing-mode: var(--features_title_mode);
    text-transform: var(--features_title_transf);
    width: var(--features_title_width);
    padding: var(--features_title_padding);
    position: relative;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: var(--color_main);
}

.features__title:after{
    content: '';
    display: var(--features_title_display_line);
    width: 3px;
    height: 50px;
    background-color: var(--color_main);
    margin-top: 20px;
    margin-left: -2px;
}

.features__row{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: var(--features_row_direction);
    border-bottom: 2px solid rgba(204, 172, 125, .25);
    padding: var(--features_row_padding);
}

.features__row:last-child{
    border-bottom: initial;
}

.features__column{
    display: flex;
    padding: var(--features_column_padding);
    font-size: .95rem;
}

.features__column--title{
    font-weight: 700;
    width: var(--features_column_width);
    flex: 0 0 var(--features_column_width);
}

.features__column--value{
    font-weight: 400;
    width: auto;
    flex: 1 1 auto;
}

.gallery{
    display: grid;
    grid-template-columns: var(--gallery_grid_columns);
    width: 100%;
    margin-top: 4rem;
    margin-bottom: 5rem;
    grid-gap: 1rem;
    grid-auto-rows: var(--gallery_height);
}

.gallery__item{
    width: 100%;
    height: 100%;
    background-position: center center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-color: white !important;
    border-radius: 8px;
}

.gallery__item img{
    width: 70%;
    height: auto;
}


.demandformwrap{
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    background-color: white;
}

.demandformwrap__inner{
    width: 100%;
    max-width: var(--max_width);
    padding: 120px var(--edge_padding);
}

.demandformwrap__grid{
    display: grid;
    grid-template-columns: var(--demandform_grid_columns);
    column-gap: 50px;
}

.demandformwrap__cell{
    text-align: var(--demandform_grid_align);
}

.demandformwrap__header{
    font-size: var(--section_subheader_size);
    font-weight: 800;
    padding-bottom: 30px;
    color: var(--color_main);
}

.demandformwrap__text{
    font-size: 1.3rem;
    font-weight: 300;
    margin-bottom: 5rem;
    color: var(--color_dark);
}

.demandform{

}

.demandform__column{
    margin-bottom: 20px;
}

.demandform__content{
    display: grid;
    grid-template-columns: var(--demandform_grid_columns);
    column-gap: 20px;
}

.demandform__footer{
    display: flex;
    flex-direction: var(--demandform_direction);
    justify-content: space-between;
}

.demandform__input{
    width: 100%;
    height: 50px;
    background-color: transparent;
    border: 2px solid #ccac7d;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: .88rem;
    font-weight: 600;
}

.demandform__input:not(:last-child){
    margin-bottom: 20px;
}

.demandform__input::placeholder,
.demandform__textarea::placeholder{
    color: #545454;
    font-weight: 400;
}

.demandform__input--err{
    background: #ffe5e5 !important;
    border: 1px solid #ff1100 !important;
}

.demandform__textarea{
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #ccac7d;
    padding: 10px;
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
    font-size: .88rem;
    font-weight: 600;
    resize: none;
    border-radius: 0;
    min-height: 100px;
}

.demandform__submit{
    width: auto;
    height: 30px;
    background: #ccac7d;
    padding: 15px 60px;
    color: white;
    font-weight: 700;
    font-size: .9rem;
    text-transform: uppercase;
    text-align: center;
}

.demandform__captchabox{
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.demandform__captchaerr{
    font-size: .8rem;
    font-weight: 600;
    color: #d63030;
    padding-top: 5px;
}

.demandformresult__box{
    padding: 50px 0;
    margin-bottom: 70px;
    color: var(--color_superbright);
    font-family: inherit;
}

.demandformresult__box--bad{
    background: #d63030;
}

.demandformresult__box--ok{
     background: #8fb547;
}

.demandformresult__boxhead,
.demandformresult__boxtext{
    text-align: center;
    display: block;
}

.demandformresult__boxhead{
    font-size: 1.6rem;
    text-transform: uppercase;
}

.demandformresult__boxtext{
    font-size: 1.3rem;
}



.footer{
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    border-top: 1px solid rgba(204, 172, 125, .25);
    background-color: var(--color_dark);
}

.footer__inner{
    display: flex;
    justify-content: space-between;
    height: auto;
    width: 100%;
    max-width: var(--max_width);
    padding: 200px var(--edge_padding) 30px var(--edge_padding);
}

.footer__right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer__contacts{
    list-style: none;
    display: var(--footer_display_contact);
    flex-direction: row;
}

.footer__contact{
    font-size: .9rem;
    font-weight: 600;
}

.footer__contact:after{
    content: '|';
    width: 25px;
    color: rgba(204, 172, 125, .4);
    text-align: center;
    display: inline-block;
}

.footer__contact:last-child:after{
    content: '';
    width: initial;
}

.footer__contact a{
    color: var(--color_main);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

.footer__contact a:hover{
    border-color: var(--color_main);
}

.footer__copyright{
    color: var(--color_bright);
    font-size: .8rem;
    font-weight: 600;
    margin-top: 10px;
}

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

    :root {
      --font_body_size              : 14px;
      --edge_padding                : 30px;
      --block_padding               : 70px;
      --main_header_size            : 4.0rem;
      --main_subheader_size         : 2.0rem;
      --section_header_size         : 3.5rem;
      --section_subheader_size      : 2.2rem;
      --product_header_size         : 4.3rem;
      --product_subheader_size      : 2.5rem;
      --gallery_height              : 18rem;
      --header_line_padding         : 80px;
      --header_line_width           : 60px;
    }


}

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

    :root {
    
        --main_header_size              : 3.2rem;
        --main_subheader_size           : 1.7rem;
        --edge_padding                  : 20px;
        --block_padding                 : 50px;
        --section_header_size           : 2.6rem;
        --display_header                : none;
        --display_headermobile          : initial;
        --productview_height            : initial;
        --halfview_min_height           : initial;
        --overview_height               : initial;
        --homeview_height               : initial;
        --icons_flex_direction          : column;
        --padding_body                  : 70px;
        --display_certify               : none;
        --header_line_padding           : 40px;
        --header_line_width             : 30px;
        --product_header_size           : 3.5rem;
        --product_subheader_size        : 1.7rem;
        --feature_group_padding         : 20px;
        --feature_group_direction       : column;
        --features_title_mode           : initial;
        --features_title_width          : 100%;
        --features_title_padding        : initial;
        --features_title_transf         : uppercase;
        --features_title_display_line   : none;
        --features_row_direction        : column;
        --features_row_padding          : 6px 0;
        --features_column_width         : 100%;
        --features_column_padding       : 3px 0;
        --gallery_grid_columns          : 1fr;
        --gallery_grid_item_column      : auto;
        --block_column                  : 1;
        --certify_display_logo          : none;
        --certify_gap                   : 0;
        --listtwo_display               : flex;
        --listtwo_direction             : column;
        --half_grid_columns             : unset;
        --half_grid_rows                : auto 400px;
        --half_grid_home_rows           : auto;
        --grid_columns                  : 1fr;
        --section_width                 : 100%;
        --footer_display_contact        : none;
        --demandform_grid_columns       : 1fr;
        --demandform_grid_align         : center;
        --demandform_direction          : column;
        --home_display_video            : none;
        --section_list_display_after    : none;
        --section_list_direction        : column;
    }
    
    .gallery__item{
        grid-column: unset !important;
        grid-row: unset !important;
    }


}