/* FONT (commented out in original) */
/*
@font-face {
    font-family: 'Anton';
    src: url('/fonts/Anton.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
*/

body {
    margin: 0;
    padding: 0;
    color: #24292d;
    font-family: 'arial';
    font-size: 12px;
    background: #f6f6f6;
}

.clearer { clear: both; }
.fl { float: left; }
.error { border-color: #d33 !important; }

/* MOBILE STYLES */
@media only screen and (max-width: 850px) {
    #header { display: none; }
    .less850px { display: block; }
    .more850px { display: none; }
    #mobileNavigation { display: block; width: 100%; height: 100px; position: relative; }
    #navigation, #navigationWrapper { display: none; }
    
    #headerContacts { position: absolute; top: 58px; width: 96%; margin: 0 2%; background: #24292d; border-radius: 4px; }
    #headerSearch { position: absolute; top: 58px; width: 95%; margin: 0 3%; border-radius: 6px; border: 1px #333 solid; box-sizing: border-box; margin-top: 5px; }
    #headerSearchField, #headerSearchFieldDesktop { width: 85%; height: 35px; display: block; float: left; box-sizing: border-box; border: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0 0px 0 15px; }
    .headerSearchButtonWrapper { background: #fff; height: 30px; width: 15%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; float: left; box-sizing: border-box; }
    #headerSearchButton { background: url(../images/icon-search.png) 7px 6px no-repeat #da8d15; color: #fff; width: 37px; height: 33px; float: right; border-radius: 5px; text-align: center; font-size: 14px; font-weight: bold; box-sizing: border-box; padding: 8px 0 0 2px; cursor: pointer; margin: 1px; }
    
    .autocompleteMenuGeneral { position: absolute; top: 0; left: 0; z-index: 20; background: #fff; display: none; box-sizing: border-box; padding: 7px; border: 1px solid #333; width: 100%; }
    .autocompleteMenuGeneral a { display: block; text-decoration: none; color: #000; padding: 6px 0; }
    
    #headerPhone { background: none; border-radius: 8px; text-align: left; width: 330px; padding: 5px 5px 5px 10px; margin: 1px 0px 1px 0px; color: #eee; font-size: 12px; font-weight: bold; float: left; }
    #headerEmail { background: none; border-radius: 8px; text-align: right; width: 195px; padding: 5px 10px 5px 5px; margin: 1px 0px 1px 0px; color: #eee; font-size: 14px; font-weight: bold; float: right; display: none; }
    #headerPhone a, #headerEmail a { color: #eee; text-decoration: none; }
    
    #path { width: 97%; position: relative; font-style: normal; margin: 0; color: #24292d; font-size: 13px; padding: 7px 0 20px 3%; }
    #pathWrapper { width: auto; max-width: 1029px; overflow: hidden; box-sizing: border-box; padding: 0 3px 0 13px; }
    #path a { display: inline-block; padding: 5px 7px; border-radius: 5px; color: #24292d; text-decoration: none; background-color: #fff; margin-top: 5px; border: 1px #888 solid; }
    #pathWrapper a { margin: 0px 0 4px 0; }
    .pathMargin { margin: 0 0 15px 0; }
    
    #contentWrapper { max-width: 1029px; margin: 0 auto; padding: 10px 7px 0; position: relative; }
    .sidePadding { padding-left: 5px; padding-right: 5px; }
    
    #slogan { position: absolute; left: 15px; top: 70px; margin: 0 0 0 70px; padding: 0; font-family: 'Verdana', Arial, sans-serif; font-size: 12px; font-weight: normal; z-index: 1; color: #000; }
    #logo { position: absolute; left: 65px; top: 16px; z-index: 0; width: 40px; height: 30px; }
    #mobileLogoText { display: block; text-decoration: none; color: #da8d15; padding: 0; width: 170px; position: absolute; left: 102px; top: 15px; z-index: 2; font-family: 'Bahnschrift SemiBold', Arial, sans-serif; font-size: 27px; }
    
    .buttonSelected { background: #333; }
    
    #requestForm { width: 100%; max-width: 500px; box-sizing: border-box; padding: 15px 15px 15px 20px; background: #fff; position: fixed; left: 0px; top: 0px; z-index: 15; display: none; color: #444; }
    #requestForm .input { margin: 5px 0 0 0; padding: 5px 0 5px 5px; border: 1px solid #ccc; border-radius: 4px; width: 100%; max-width: 490px; font-family: 'Verdana', Arial, sans-serif; font-size: 13px; background: #f5f5f5; }
    #requestSent { display: none; }
    #requestFormTitle { margin: -15px -15px 15px -20px; padding: 15px 20px; background: #fff; position: relative; color: #01203e; font-weight: normal; font-size: 23px; }
    
    #contacts { position: absolute; left: 492px; top: 100px; width: 435px; text-align: right; font-size: 16px; }
    #topLeftButtons a { width: auto; }

    /* WhatsApp Float Mobile */
    .whatsapp-float { position: fixed; bottom: 20px; right: 20px; z-index: 1000; display: none; }
    .whatsapp-float a { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; background-color: #25d366; border-radius: 50%; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); transition: background-color 0.3s ease; text-decoration: none; }
    .whatsapp-float a:hover { background-color: #128c7e; }
    .whatsapp-icon { width: 40px; height: 40px; object-fit: contain; }
}

@media only screen and (max-width: 768px) {
    .whatsapp-float { display: block; }
}

/* DESKTOP STYLES */
@media only screen and (min-width: 850px) {
    #header { max-width: 1029px; min-height: 100px; margin: 0 auto; position: relative; }
    .less850px { display: none; }
    .more850px { display: block; }
    #mobileNavigation { display: none; }
    #navigation { width: 100%; height: 44px; background: #034031; position: relative; }
    #navigationWrapper { max-width: 1029px; height: 47px; margin: 0 auto; overflow: hidden; }
    
    #path { width: 100%; background: none; position: relative; top: 10px; font-style: normal; margin: 0; color: #0E72E6; font-size: 14px; padding: 12px 0 20px 0; max-width: 1029px; margin: 0 auto; }
    #path a { display: inline-block; padding: 3px 5px; border: 1px solid #007D5C; border-radius: 7px; color: #444; text-decoration: none; background: #fff; }
    #pathWrapper { max-width: 1029px; overflow: hidden; }
    
    #contentWrapper { max-width: 1029px; margin: 0 auto; padding: 20px 15px 0; position: relative; }
    #slogan { position: absolute; left: 87px; top: 70px; margin: 0; padding: 0; font-family: 'Verdana', Arial, sans-serif; font-size: 12px; font-weight: normal; z-index: 1; color: #014c39; }
    #logo { position: absolute; left: 0px; top: 14px; }
    
    .buttonSelected { background: #034031; border-bottom: 4px #da8d15 solid; }
    #contacts { position: absolute; left: 492px; top: 40px; width: 435px; text-align: right; font-size: 16px; }
    #topLeftButtons a { width: 420px; }
    
    #headerSearchDesktop { width: 250px; border-radius: 6px; border: 1px #333 solid; box-sizing: border-box; float: right; margin: 0; }
    #headerSearchFieldDesktop { width: 85%; height: 24px; display: block; float: left; box-sizing: border-box; border: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding: 0 0px 0 15px; }
    .headerSearchButtonWrapper { background: #fff; height: 24px; width: 15%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; float: left; box-sizing: border-box; }
    #headerSearchButton, #headerSearchButtonDesktop { background: url(../images/icon-search.png) 9px 2px no-repeat #da8d15; background-size: 18px 18px; color: #fff; width: 37px; height: 22px; float: right; border-radius: 5px; text-align: center; font-size: 14px; box-sizing: border-box; padding: 3px 0 0 2px; cursor: pointer; margin: 1px; }
    
    .autocompleteMenuGeneral { position: absolute; top: 61px; right: 10px; z-index: 20; background: #fff; display: none; box-sizing: border-box; padding: 7px; border: 1px solid #333; width: 100%; }
    .autocompleteMenuGeneral a { display: block; text-decoration: none; color: #000; padding: 6px 0; }
}

/* GENERAL STYLES */
#content { max-width: 1029px; padding: 0; position: relative; }
#logoText { color: #da8d15; position: absolute; left: 85px; top: 33px; font-family: 'Bahnschrift SemiBold', Arial, sans-serif; font-size: 35px; }
#logoText .logoTextLeft, #topMenuLogoText .logoTextLeft { color: #24292d; }
#logoText .logoTextLeft1, #topMenuLogoText .logoTextLeft1 { color: #24292d; font-size: 18px; }
#mobileLogoText .logoTextLeft { color: #24292d; }
#mobileLogoText .logoTextLeft1 { color: #24292d; font-size: 18px; }
#phoneIcon { width: 30px; height: 31px; background: url(/images/icon-phone.jpg) no-repeat; position: absolute; top: 10px; left: 15px; border: none; display: none; }
#headerRight { position: absolute; right: 0px; top: 15px; width: 435px; text-align: right; font-size: 16px; }
.contactsPhones { color: #013f7d; font-size: 14px; font-style: italic; }
#contactsButton { font-family: 'Verdana', Arial, sans-serif; font-size: 11px; color: #deddd9; padding: 16px 12px 0; height: 24px; display: block; text-decoration: none; float: left; }
.formButton { background: #002e5d; text-align: center; float: right; margin: 35px 1% 0 1%; padding: 10px 0 0; display: block; cursor: pointer; height: 29px; width: 48%; font-size: 12px; border-radius: 5px; font-family: 'Verdana', Arial, sans-serif; color: #ffffff; display: block; text-decoration: none; overflow: hidden; }
.button { font-family: 'Verdana', Arial, sans-serif; font-size: 11px; color: #deddd9; padding: 16px 20px 0; height: 24px; display: block; text-decoration: none; overflow: hidden; }
.buttonPRB, .buttonSub1, .buttonSubSub1 { height: 54px; border-bottom: 1px solid #ccc; }
.single-sub-cat { height: 54px; border-bottom: 1px solid #ccc; display: flex; align-items: center; padding-left: 10%; }
.single-sub-cat a { text-decoration: none; font-family: 'Verdana', Arial, sans-serif; color: #000000; font-size: 15px; }
.buttonWrapper, .buttonWrapperSub { height: 55px; overflow: hidden; }
.buttonWrapperSub { height: 54px; overflow: hidden; }
.buttonPRB a, .buttonSub a, .buttonSubSub a, .buttonSubSubSub a { display: block; float: left; font-family: 'Verdana', Arial, sans-serif; color: #000000; text-decoration: none; overflow: hidden; }
.buttonPRB a { padding: 18px 0 0 5%; width: 80%; height: auto; box-sizing: border-box; font-size: 15px; }
.buttonSub a { padding: 18px 2% 0 10%; width: 80%; height: auto; box-sizing: border-box; font-size: 15px; color: #000000; }
.buttonSubSub a { padding: 18px 2% 0 15%; width: 84%; height: auto; box-sizing: border-box; font-size: 13px; }
.buttonSub, .buttonSubSub, .buttonSubSubSub { font-family: 'Verdana', Arial, sans-serif; font-size: 13px; color: #ffffff; height: 42px; box-sizing: border-box; display: block; text-decoration: none; overflow: hidden; border-bottom: 1px solid #ccc; height: 54px; }
.buttonPRB .topMenuArrowWrapper, .returnCat .topMenuArrowWrapper, .buttonPRB .topMenuArrowWrapperEmpty { float: right; width: 17%; height: 55px; box-sizing: border-box; cursor: pointer; justify-content: center; align-items: center; display: flex; }
.topMenuArrowWrapper.returnArrow { display: flex; float: left!important; position: relative; top: 20px; left: 30px; right: 0!important; }
.returnArrow .topMenuArrow { -webkit-transform: rotate(135deg)!important; transform: rotate(135deg)!important; border: solid #da8d15; border-width: 0 2px 2px 0; height: 0px; }
.buttonSub .topMenuArrowWrapper, .returnCat .topMenuArrowWrapper { display: flex; float: right; width: 35px; position: relative; top: 20px; align-items: center; justify-content: center; padding: 0 21px 0 0; }
.buttonPRB .topMenuSeparator, .buttonSub .topMenuSeparator { width: 1px; height: 25px; margin: 15px 0 0 0; background: #ccc; float: right; }
.buttonPRB .topMenuArrow, .buttonSub .topMenuArrow { display: inline-block; width: 8px; height: 8px; transform: rotate(315deg); -webkit-transform: rotate(405deg); border: solid #da8d15; border-width: 0 2px 2px 0; }
.returnButtonSub svg { width: 29px; height: 14px; }
#topMenu { width: 100%; height: auto; position: fixed; top: 0; left: 0; z-index: 15; background: #fff; display: none; overflow-y: auto; }
#topMenuHeader { height: 65px; border-bottom: 1px solid #ccc; margin: 0 0 0px 0; }
#topMenuClose { width: 20%; float: left; height: 65px; padding: 20px 0 0 6px; box-sizing: border-box; cursor: pointer; display: flex; justify-content: center; }
#topMenuCloseSign { color: #24292d; width: 30px; font-size: 30px; font-weight: normal; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#topMenuLogo { position: relative; width: 80%; float: left; height: 55px; }
#topMenuLogoImage { position: absolute; left: 13px; top: 10px; z-index: 2; font-family: 'Anton', Arial, sans-serif; font-size: 25px; }
#topMenuLogoText { display: block; text-decoration: none; color: #da8d15; width: 170px; position: absolute; left: 60px; top: 11px; z-index: 2; font-family: 'Anton', Arial, sans-serif; font-size: 25px; }
#navigation .button { float: left; }
#navigation .button:hover, #contactsButton:hover { background: #7f9fbe; }
#cartIcon { display: block; position: absolute; right: 15px; top: 14px; padding: 3px 8px 4px 7px; border-radius: 10px; cursor: pointer; }
#topMenuIcon { display: block; position: absolute; left: 22px; top: 22px; padding: 13px 12px 10px; border-radius: 10px; background: #fff; }
#productsInCart { background: url(/images/icon-cart.png) no-repeat; color: #444; text-decoration: none; display: block; height: 20px; margin: 0 0 0 288px; padding: 4px 0 0 32px; text-align: left; font-family: 'Verdana', Arial, sans-serif; font-size: 10px; font-weight: bold; }
#mobileProductsInCart { height: 14px; position: absolute; top: 3px; right: 11px; background: #f00; color: #fff; border-radius: 7px; font-size: 11px; text-decoration: none; padding: 1px 4px 0; display: none; }
#footerLeftMarginer { margin-left: 12px; width: 1px; height: 200px; float: left; }
#footer { font-family: 'Verdana', Arial, sans-serif; margin: 30px 0 0 0; padding: 20px 0; color: #fff; background: #24292d; font-size: 12px; border-top: 4px #da8d15 solid; }
#footerWrapper { max-width: 1029px; margin: 0 auto; }
.footerTitle { font-size: 18px; color: #fff; margin: 0 0 5px 0; text-decoration: none; display: block; }
#footer ul { margin: 0; padding: 0; list-style: none; }
.footerLink { color: #deddd9; text-decoration: none; line-height: 2.5; font-size: 12px; padding: 17px 7px 17px 0; }
#clickOff { position: fixed; left: 0px; top: 0px; z-index: 11; width: 100%; height: 2500px; display: none; }
#headerContactsButton { background: #444; margin: 4px 10px 0 0; padding: 2px 42px 2px 42px; color: #fff; float: right; font-family: Verdana, Arial, sans-serif; font-size: 16px; text-align: center; min-width: 97px; border-radius: 5px; }
#headerISO { float: right; margin: 7px 2px 0 0; font-size: 12px; font-weight: bold; }
.position { position: relative; }
#topLeftButtons { float: left; margin: 0 49px 0 0; }
#topLeftButtons a { display: block; margin: 0 0 7px 0; color: #fff; padding: 7px 6px 7px 13px; background: #01203e; text-decoration: none; border-radius: 6px; font-size: 12px; }
#cookies { position: fixed; bottom: 20px; left: 20px; width: 300px; height: 90px; background: #01203e; padding: 20px; font-size: 16px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 5px 20px 0px rgba(0, 0, 0, 0.19); color: #fff; }
#cookies a { color: #da8d15; }
#cookies #acceptCookies { position: absolute; width: 280px; right: 20px; bottom: 20px; background: #da8d15; padding: 5px 10px; cursor: pointer; text-align: center; color: #fff; }
.close { position: absolute; right: 3px; top: 23px; z-index: 5; width: 12px; height: 12px; cursor: pointer; color: #24292d; width: 30px; font-size: 25px; font-weight: normal; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
.page-header { position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 600px; margin: 0 auto; color: var(--white); }
.page-header .header-bar { display: flex; justify-content: space-between; align-items: center; height: 60px; padding: 0 20px; background: var(--header-bar-bg); }
.page-header .header-bar .brand { font-weight: bold; }
.page-header .header-bar .social { display: flex; }
.page-header .header-bar svg { fill: var(--white); }
.page-header .menu-wrapper { display: none; position: absolute; top: 60px; left: 0; width: 100%; height: calc(100vh - 60px); overflow: hidden; }
.page-header .menu-wrapper.is-visible { display: block; }
.page-header .list-wrapper { height: 100%; padding: 30px 20px; overflow-y: auto; background: var(--menu-bg); }
.page-header .list-wrapper:nth-child(2), .page-header .list-wrapper:nth-child(3) { position: absolute; top: 0; left: 0; right: 0; transform: translateX(100%); backface-visibility: hidden; transition: transform 0.5s; }
.page-header .list-wrapper:nth-child(2).is-visible, .page-header .list-wrapper:nth-child(3).is-visible { transform: none; }
.page-header .list-wrapper:nth-child(1) > ul > li > .sub-menu, .page-header .list-wrapper:nth-child(2) .level-3 { display: none; }
.page-header .menu-wrapper li + li { margin-top: 20px; }
.page-header .menu-wrapper a { display: inline-block; position: relative; padding: 5px 0; }
.page-header .menu-wrapper a.nested { text-decoration: underline; }
.page-header .menu-wrapper a:hover, .page-header .menu-wrapper a.is-active { color: var(--orange); }
.page-header .menu-wrapper a:hover::before, .page-header .menu-wrapper a.is-active::before { content: "✦"; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); color: var(--orange); }
.page-header .back-one-level { display: flex; align-items: center; margin-bottom: 40px; }
.page-header .back-one-level svg { fill: var(--white); margin-right: 10px; }
.page-main { max-width: 600px; width: 100%; padding: 0 15px; margin: 100px auto 0; }
.page-footer { position: fixed; right: 0; bottom: 60px; display: flex; align-items: center; font-size: 1rem; padding: 5px; background: rgba(255, 255, 255, 0.65); }
.page-footer a { display: flex; margin-left: 9px; }
.returnCat { cursor: pointer; }
.chevron::after { content: ' '; display: inline-block; border-bottom: 2px solid #da8d15; border-right: 2px solid #da8d15; height: 7px; width: 7px; transform: rotate(135deg); }
.single-sub-cat.returnCat a { padding-left: 15px; }
.right-separator { width: 25px; height: 25px; border-right: 1px solid #ccc; }
.buttonSub .right-separator { position: relative; left: 46px; top: 11px; }
.buttonSub .left-separator { left: -12px; position: absolute; }
.left-separator { width: 5px; height: 25px; border-left: 1px solid #ccc; }
#topMenuHeader .topMenuSeparator { width: 1px; height: 25px; margin: 15px 0 0 0; background: #ccc; position: absolute; top: 7px; right: 60px; }
#topMenuTitle { padding-left: 18px; display: inline-table; height: 43px; }