.lb-loader,.lightbox{text-align:center;line-height:0}body.lb-disable-scrolling{overflow:hidden}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400;outline:0}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";display:table;clear:both}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../themes/kockovac/assets/img/lightbox/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==')}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../themes/kockovac/assets/img/lightbox/prev.png) left 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover,.lb-nav a.lb-prev:hover{opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../themes/kockovac/assets/img/lightbox/next.png) right 48% no-repeat;opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../themes/kockovac/assets/img/lightbox/close.png) top right no-repeat;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;opacity:1}
@charset "UTF-8";
html,body{font-family:"Nunito Sans",sans-serif;color:#111;background:#f3f3f3}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Chivo",sans-serif}
p.lead{font-weight:500}
.swiper{width:100%;height:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:flex;justify-content:center;align-items:center}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
main{min-height:calc(100vh - 115px - 226px)}
button{box-shadow:none !important}
.form-control:focus{border-color:orange;box-shadow:none}
.form-check-input:focus{box-shadow:none;border:1px solid #dee2e6}
.form-check-input:checked{border-color:orange;background-color:orange}
input[type="radio"]{accent-color:orange}
button:hover,button:focus,input.form-control:hover,input.form-control:focus{outline:none;box-shadow:none}
button.btn_main,a.btn_main{background:orange;font-size:14px;color:#111;font-weight:bold;border-radius:1.5rem;border:none;padding:9px 25px;position:relative;top:1px;transition:0.1s ease-in-out}
button.btn_main:hover,a.btn_main:hover{background:rgba(255,165,0,0.8);color:#111;transition:0.1s ease-in-out}
button.btn.btn_toBasket,a.btn.btn_toBasket{background:orange;border:none !important;padding:10px 15px;color:#EFF0EF;font-weight:bold;font-size:14px;text-transform:uppercase;transition:background-position 0.4s ease-in}
button.btn.btn_toBasket:hover,a.btn.btn_toBasket:hover{background-position:0%}
button.btn.btn_danger{background:darkred;font-size:14px;font-weight:bold;color:#EFF0EF;text-transform:uppercase;border:none;border-radius:1.5rem;padding:10px 25px;position:relative;top:1px;transition:0.2s ease-in-out}
button.btn.btn_danger:hover{background:#3f0000;color:#EFF0EF;transition:0.2s ease-in-out}
.emptySection{color:rgba(255,165,0,0.6);font-size:24px;font-weight:bold}
.emptySection i{font-size:50px;margin-bottom:10px}
.emptySection a{color:rgba(255,165,0,0.6)}
.emptyPage{height:calc(100vh - 200px);color:rgba(17,17,17,0.6);font-size:24px;font-weight:bold}
.emptyPage i{font-size:50px;margin-bottom:10px}
.mainHeading{color:orange;font-family:"Chivo",sans-serif;font-weight:600}
.subHeading{color:#002c1e;font-family:"Chivo",sans-serif;font-weight:600;text-transform:uppercase}
.pagination{margin:10px 0;--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:#0b1608;--bs-pagination-bg:#fafafa;--bs-pagination-border-width:1px;--bs-pagination-border-color:rgba(11,22,8,0.2);--bs-pagination-border-radius:1.5rem;--bs-pagination-hover-color:#fafafa;--bs-pagination-hover-bg:#346495;--bs-pagination-hover-border-color:rgba(11,22,8,0.2);--bs-pagination-focus-color:#fafafa;--bs-pagination-focus-bg:#346495;--bs-pagination-focus-box-shadow:none;--bs-pagination-active-color:#fafafa;--bs-pagination-active-bg:#346495;--bs-pagination-active-border-color:#346495;--bs-pagination-disabled-color:#808c96;--bs-pagination-disabled-bg:#dad8d8;--bs-pagination-disabled-border-color:#dee2e6}
.profileBox{height:100%;border-radius:1.5rem;border:1px solid rgba(255,165,0,0.5);position:relative}
.profileBox_header{background:rgba(255,165,0,0.2);padding:15px 20px;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem}
.profileBox_body{padding:15px 20px}
.profileBox a{color:#111;text-decoration:none;padding:0.5px 0;transition:0.2s ease-in}
.profileBox a i{font-size:14px;margin-right:5px;position:relative;bottom:1px;color:orange}
.profileBox a:hover{font-weight:bold;transition:0.2s ease-in}
#offcanvasBasket{background:#EFF0EF}
#offcanvasBasket .offcanvas-title{font-weight:600}
#offcanvasBasket .offCart{overflow-x:hidden;color:#111}
#offcanvasBasket .offCart__products__wrapper{max-height:88%;overflow-y:auto}
#offcanvasBasket .offCart__products__wrapper::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(17,17,17,0.3);background-color:#EFF0EF}
#offcanvasBasket .offCart__products__wrapper::-webkit-scrollbar{width:10px;background-color:#EFF0EF}
#offcanvasBasket .offCart__products__wrapper::-webkit-scrollbar-thumb{background-color:#111;border:2px solid #EFF0EF}
#offcanvasBasket .offCart__product a,#offcanvasBasket .offCart__product button{color:#111;text-decoration:none;font-weight:600}
#offcanvasBasket .offCart__product p{font-size:14px}
#offcanvasBasket .offCart__bottomSummary{position:absolute;bottom:0px;left:0.75rem;width:100%;background:#e2e4e2}
#mainNavigation{background:#002c1e;z-index:99}
#mainNavigation .logoWrapper{background:white;width:180px;height:210px;border-radius:50%}
#mainNavigation a.navbar-brand img{width:90px;top:65%}
#mainNavigation a,#mainNavigation button{color:#EFF0EF;text-decoration:none;transition:0.2s ease-in-out}
#mainNavigation a:hover,#mainNavigation button:hover{color:rgba(239,240,239,0.7);transition:0.2s ease-in-out}
#mainNavigation .nav li a{color:orange;font-size:18px;font-weight:600}
#mainNavigation .nav li a:hover{color:#838383}
#mainNavigation .btn-group{line-height:18px;position:relative;bottom:3px}
#mainNavigation a.loggedUserIcon{font-size:20px;position:relative;top:4px;color:orange}
#mainNavigation a.loggedUserIcon::before{display:none}
#mainNavigation a.loggedUserIcon:hover{color:#838383}
#mainNavigation a.basket,#mainNavigation .btn-link,#mainNavigation .categoryButton{font-size:20px;color:#EFF0EF;position:relative;top:4px}
#mainNavigation a.basket:hover,#mainNavigation .btn-link:hover,#mainNavigation .categoryButton:hover{color:rgba(239,240,239,0.7)}
#mainNavigation a.basket span.badge,#mainNavigation .btn-link span.badge,#mainNavigation .categoryButton span.badge{background:orange;color:#111;width:17px;height:17px;padding:0;font-weight:bold;font-size:10px;border-radius:50%}
#mainNavigation a.basket span.badge span,#mainNavigation .btn-link span.badge span,#mainNavigation .categoryButton span.badge span{padding:2px}
#mainNavigation ul.dropdown-menu{padding:0;border-radius:1rem}
#mainNavigation ul.dropdown-menu li a.dropdown-item{font-size:18px;padding-left:20px;color:orange;padding:10px 20px 10px 20px}
#mainNavigation ul.dropdown-menu li a.dropdown-item a.dropdown-item.logout{border-top-left-radius:0;border-top-right-radius:0}
#mainNavigation ul.dropdown-menu li a.dropdown-item:hover{color:#002c1e}
#mainNavigation ul.dropdown-menu li a.dropdown-item i{font-size:14px;position:relative;bottom:1px}
#mainNavigation ul.dropdown-menu li a.dropdown-item.logout{border-top:1px solid rgba(17,17,17,0.1)}
#mainNavigation ul.dropdown-menu li:first-of-type a.dropdown-item{border-top-left-radius:1rem;border-top-right-radius:1rem}
#mainNavigation ul.dropdown-menu li:last-of-type a.dropdown-item{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}
#mainNavigation .searchbar{display:inline-block}
#mainNavigation .searchbar i{color:orange}
#mainNavigation .searchbar button.btn-link{position:absolute;top:50%;right:-10px}
#mainNavigation .searchbar button.btn-link i{color:orange}
#mainNavigation .searchbar input{background:transparent;display:inline-block;border-radius:1.5rem;padding-left:40px;padding-right:40px;border:1px solid orange;box-shadow:inset 0 -3px orange}
.mainCategories{background:orange}
.mainCategories .searchbar{display:inline-block}
.mainCategories .searchbar i{color:orange}
.mainCategories .searchbar button.btn-link{position:absolute;top:50%;right:-10px}
.mainCategories .searchbar button.btn-link i{color:orange}
.mainCategories .searchbar input{background:#EFF0EF;display:inline-block;border-radius:1.5rem;padding-left:40px;padding-right:40px;border:1px solid #EFF0EF}
.mainCategories a.categoryButton{color:#EFF0EF;font-size:20px;text-decoration:none}
.mainCategories a.dropdown-toggle,.mainCategories a.noSubCategories{color:#EFF0EF;text-decoration:none;font-weight:600;border:none}
.mainCategories a.dropdown-toggle:hover,.mainCategories a.noSubCategories:hover{color:#9c9c9c}
.mainCategories .dropdown-menu{background:#9c9c9c;border:1px solid rgba(17,17,17,0.1);padding:0}
.mainCategories .dropdown-menu a{font-size:14px;padding:8px 10px}
.mainCategories .dropdown-menu a:hover{background:rgba(239,240,239,0.5)}
#loginModal .modal-header,#restorePwrd .modal-header{border:none}
#loginModal .modal-content,#restorePwrd .modal-content{background:#EFF0EF;border-radius:1.5rem}
#loginModal .modal-content input,#restorePwrd .modal-content input{background:rgba(239,240,239,0.5)}
#loginModal .modal-content label:after,#restorePwrd .modal-content label:after{background:none}
#loginModal .modal-content button.btn.btn_main,#restorePwrd .modal-content button.btn.btn_main{border-radius:1.5rem}
#loginModal .modal-content a,#restorePwrd .modal-content a{color:#111;text-decoration:none;cursor:pointer}
#loginModal .modal-content a:hover,#restorePwrd .modal-content a:hover{text-decoration:underline}
#registration .modal-content{border-radius:1.5rem}
.registrationInfo{background:orange;border-radius:3rem;color:#EFF0EF}
.registration a.obchodak{color:#111;font-weight:bold}
#objednavky{min-height:55vh}
#objednavky .orderList a{color:#111;text-decoration:none}
#objednavky .orderList a .order{border-radius:0.75rem;border:1px solid rgba(255,165,0,0.5);padding:5px 20px;background:rgba(255,165,0,0.1)}
#objednavky .orderList a .order .orderNum{color:orange}
#objednavky .orderList a .order .orderShipped{color:orange}
#objednavky .orderList a .order.canceled{background:rgba(139,0,0,0.1);border:1px solid rgba(139,0,0,0.5)}
#objednavky .orderList a .order.canceled:hover{background:rgba(139,0,0,0.2)}
#objednavky .orderList a .order.unpaid{background:rgba(255,165,0,0.1);border:1px solid rgba(255,165,0,0.5)}
#objednavky .orderList a .order.unpaid:hover{background:rgba(255,165,0,0.2)}
#objednavky .orderList a:hover .order{background:rgba(255,165,0,0.2)}
#detailObjednavky a.backToOrder{color:orange}
#detailObjednavky a.backToOrder:hover{color:#002c1e}
#detailObjednavky .orderState{display:inline-block;padding:10px 16px;background:orange;color:#111;font-weight:bold;font-size:18px;border-radius:1.5rem}
#detailObjednavky .orderState.canceled{background:darkred;color:#EFF0EF}
#detailObjednavky .orderState.unpaid{background:rgba(255,165,0,0.5);color:#111}
#detailObjednavky .orderAddress{border:1px solid rgba(255,165,0,0.2);border-radius:1.5rem}
#detailObjednavky .orderProducts{border:1px solid rgba(255,165,0,0.2);border-radius:1.5rem}
#detailObjednavky .orderProducts a{color:#111;text-decoration:none}
#detailObjednavky .orderProducts_product{border-bottom:1px solid rgba(255,165,0,0.2)}
#detailObjednavky .orderProducts_product:last-child{border-bottom:none}
#detailObjednavky .orderSummary{border:2px solid orange;border-radius:1.5rem;font-size:18px}
#detailObjednavky .orderSummary_row{border-bottom:1px solid rgba(255,165,0,0.2)}
#detailObjednavky .orderSummary_sum{font-weight:700;font-size:22px;color:#002c1e;border-top:2px solid #002c1e}
#detailObjednavky .orderFA{border:1px solid rgba(255,165,0,0.2);border-radius:1.5rem}
#detailObjednavky .orderFA a{color:orange;font-size:18px;text-decoration:none}
#detailObjednavky .orderFA a:hover{color:#002c1e}
@media (min-width:768px){#detailObjednavky .orderState{float:right}}
@media (min-width:991px){#detailObjednavky .orderAddress .leftSide{border-right:1px solid rgba(255,165,0,0.2)}}
#offcanvasCategories{background:#EFF0EF}
#offcanvasCategories .offcanvas-body .navigation a{color:#111;text-decoration:none;font-size:18px;display:inline-block;margin:0 30px 0 0;padding:0.5px 0.5px 1px 0;color:orange;font-size:18px;font-weight:600}
#offcanvasCategories .offcanvas-body .navigation a:hover{color:#838383}
#offcanvasCategories .offcanvas-body ul{list-style:none}
#offcanvasCategories .offcanvas-body .side-nav-categories{padding:0px;position:relative;margin-top:0px;padding-bottom:0px;border-width:1px;border-style:solid;border-color:#f5f5f5 #eee #d5d5d5 #eee;margin-bottom:30px;margin:auto}
#offcanvasCategories .offcanvas-body .side-nav-categories a{text-decoration:none;display:block}
#offcanvasCategories .offcanvas-body .side-nav-categories a:hover{color:orange !important}
#offcanvasCategories .offcanvas-body .title{color:#fff;font-size:16px;font-weight:bold;margin-bottom:0px;padding:12px 25px 10px 25px;position:relative;display:block;letter-spacing:0.5px;text-transform:uppercase;background:orange;margin-top:0px;margin-left:-10px}
#offcanvasCategories .offcanvas-body ul#category-tabs{list-style:none;padding:0;margin:0;padding:0}
#offcanvasCategories .offcanvas-body ul#category-tabs li{display:block;position:relative;margin:0;border-bottom:1px rgba(255,165,0,0.5) solid;padding:10px 18px}
#offcanvasCategories .offcanvas-body ul.sub-category-tabs li{padding:2px !important}
#offcanvasCategories .offcanvas-body ul.sub-category-tabs li{border-bottom:0px !important}
#offcanvasCategories .offcanvas-body ul#category-tabs li a{color:#111;font-weight:700;margin-bottom:0;font-size:14px}
#offcanvasCategories .offcanvas-body ul#category-tabs li a i{top:12px;right:18px;position:absolute;cursor:pointer;width:16px;height:16px;padding:2px;color:orange}
#offcanvasCategories .offcanvas-body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(255,165,0,0.3);background-color:#EFF0EF}
#offcanvasCategories .offcanvas-body::-webkit-scrollbar{width:10px;background-color:#EFF0EF}
#offcanvasCategories .offcanvas-body::-webkit-scrollbar-thumb{background-color:orange;border:2px solid #EFF0EF}
#basket{min-height:65vh}
#basket a{color:orange}
#basket .basket__heading{font-weight:600}
#basket button#btn-discount{border-top-right-radius:0.3rem !important;border-bottom-right-radius:0.3rem !important}
#basket .basket__content{background:transparent}
#basket .basket__content__items img{border-radius:3rem}
#basket .basket__content__items .item:not(:first-of-type){margin-top:15px}
#basket .basket__content__items .item input[type=number]::-webkit-inner-spin-button,#basket .basket__content__items .item input[type=number]::-webkit-outer-spin-button{opacity:1}
#basket .basket__content__items .item__name p{font-size:14px}
#basket .basket__content__items .item__name a{color:#111;font-weight:600;text-decoration:none}
#basket .basket__content__items .item__name a:hover{text-decoration:underline}
#basket .basket__content__items .item__price button.btn-link{color:#111}
#basket .basket__content__items .item__price button.btn-link:hover{color:darkred}
#basket .sticky-top{z-index:20}
#basket .basket__summary{background:white;margin-top:44px;padding:20px 30px}
#basket .basket__summary a{color:#111;font-size:15px;font-weight:600;text-decoration:none}
#basket .basket__summary a:hover{text-decoration:underline}
#basket .basket__summary__item:not(:first-of-type){margin-top:15px}
#basket .basket__summary__item p{font-size:14px}
#basket .basket__summary__item__price{font-weight:600}
#homepage .homepageBanner_text{background:#9c9c9c;border-radius:3rem;box-shadow:rgba(0,0,0,0.2) 0px 10px 40px -7px}
#homepage .homepageBanner_heading{color:orange;font-weight:600}
#homepage .homepageBanner a{color:#002c1e;font-weight:bold}
#homepage .homepageBanner button.btn.btn_toBasket{margin-top:20px;padding:12px 24px}
#homepage .under-img-text{top:80%;left:10%}
#homepage .hover-underline-animation{display:inline-block;position:relative}
#homepage .hover-underline-animation.orange{color:orange}
#homepage .hover-underline-animation.red{color:#e1171d}
#homepage .hover-underline-animation.blue{color:#0172c4}
#homepage .hover-underline-animation.green{color:#019839}
#homepage .hover-underline-animation.orange::after{background-color:orange;content:"";position:absolute;width:100%;transform:scaleX(0);height:3px;bottom:0;left:0;transform-origin:bottom right;transition:transform 0.25s ease-out}
#homepage .hover-underline-animation.red::after{background-color:#e1171d;content:"";position:absolute;width:100%;transform:scaleX(0);height:3px;bottom:0;left:0;transform-origin:bottom right;transition:transform 0.25s ease-out}
#homepage .hover-underline-animation.blue::after{background-color:#0172c4;content:"";position:absolute;width:100%;transform:scaleX(0);height:3px;bottom:0;left:0;transform-origin:bottom right;transition:transform 0.25s ease-out}
#homepage .hover-underline-animation.green::after{background-color:#019839;content:"";position:absolute;width:100%;transform:scaleX(0);height:3px;bottom:0;left:0;transform-origin:bottom right;transition:transform 0.25s ease-out}
#homepage a:hover .hover-underline-animation::after{transform:scaleX(1);transform-origin:bottom left}
#detail .productInfo_main{border-radius:50%}
#detail .productInfo .price{color:#002c1e}
#detail .productInfo_sidebar .reviewStars{color:orange}
#detail .productInfo_sidebar .reviewStars i{color:orange}
#detail .productInfo_sidebar .reviewStars button.btn-link{color:orange;position:relative;bottom:1px}
#detail .productInfo_sidebar .description{font-weight:400;font-size:17px}
#detail .productInfo_sidebar .description a{text-decoration:underline;color:#002c1e;font-weight:bold}
#detail .productInfo_sidebar .productQuantity_input input{border:2px solid orange;font-weight:400;font-size:16px;color:#002c1e;font-weight:bold;letter-spacing:0;line-height:1.25;padding:1.1em 1em 0.95em 0;width:100%;display:block;text-align:center;box-shadow:inset 0 -3px #58758400;transition:box-shadow 0.3s ease-in-out;opacity:1;outline:none;border-top-left-radius:0.375rem;border-bottom-left-radius:0.375rem}
#detail .productInfo_sidebar .productQuantity_button button.btn.btn_toBasket{background:orange;background-size:200%;background-position:50%;border-radius:0;border-top-right-radius:0.375rem;border-bottom-right-radius:0.375rem;border-left:none;color:white;font-weight:bold;text-transform:uppercase;transition:background-position 0.4s ease-in}
.similar{padding:25px 30px;border-radius:3rem;background:orange;box-shadow:rgba(0,0,0,0.2) 0px 20px 40px -7px}
.similarProduct{margin-bottom:15px;background:transparent;background:linear-gradient(to left,transparent 50%,white 50%) right;background-size:300%;transition:0.4s ease-out;border-radius:3rem}
.similarProduct:hover{background-position:left}
.similarProductImgWrapper{width:100%;padding-top:100%;border-radius:3rem;background:white}
.similarProduct img{padding:15px}
.similarProductHeading{font-weight:300;font-size:16px}
.similarProductPrice{font-size:14px;font-weight:600}
.similarProduct a{text-decoration:none;color:#002c1e}
@media (min-width:768px){.productQuantity_input .label{max-width:116px;padding-left:43px}.productQuantity_input input{padding-left:116px}}
@media (prefers-reduced-motion:no-preference){.product-form__quantity-label .product-form__quantity-input{box-shadow:inset 0 0 #587584}}
.productList_product{border:2px solid orange;border-radius:1.2rem}
.productList_product img{transform:scale(1);transition:transform 0.6s;-webkit-filter:drop-shadow(-6px 15px 8px rgba(10,15,30,0.2));filter:drop-shadow(-6px 15px 8px rgba(10,15,30,0.2))}
.productList_product a{color:#111;text-decoration:none}
.productList_product_img{border:3px solid transparent;border-bottom:none;transition:0.2s;padding-bottom:60px;padding-top:10px}
.productList_productName{font-family:"Chivo",sans-serif;font-weight:400;color:#002c1e}
.productList_productPrice{font-family:"Chivo",sans-serif;font-weight:600;color:#002c1e}
.productList_product_info{background:orange;border-radius:1rem;border-top-right-radius:unset;border-top-left-radius:unset;position:absolute;bottom:0;left:0;height:60px;width:100%;transition:background 0.2s ease-in;padding-left:10%;padding-right:10%}
.productList_product button.btn.btn_circle{width:35px;height:35px;border-radius:50%;right:7%;top:5%;background:#85afff;background:linear-gradient(36deg,rgba(133,175,255,0.5) 0%,#c6ecae 100%);background-size:200%;background-position:50%;transition:background 0.2s ease-in;z-index:20}
.productList_product button.btn.btn_circle i{font-size:14px;color:#002c1e}
.productList_product button.btn.btn_circle:hover{background-position:100%}
.productList_product:hover img{transform:scale(1.15)}
#kontakt{background:#002c1e;color:#EFF0EF}
#kontakt ul{list-style:none;padding:0}
#kontakt a{color:#EFF0EF;text-decoration:none}
#kontakt a:hover{color:#c8cbc8}
#kontakt .mainContact{font-size:18px}
#kontakt .mainContact a{display:inline-block;margin-bottom:5px}
#kontakt .mainContact i{font-size:22px;color:rgba(239,240,239,0.6);margin-right:5px;position:relative;top:2px}
#kontakt .footerHeading{color:#EFF0EF;font-size:20px;letter-spacing:0.5px;font-weight:500}
#kontakt a{color:#EFF0EF;text-decoration:none}
#kontakt a.social{display:inline-block;font-size:36px;margin-right:12px;margin-top:10px}
#kontakt a.phone,#kontakt a.mail{display:block;margin-top:5px;font-weight:200}
#kontakt a.phone i,#kontakt a.mail i{position:relative;top:1px}
#kontakt a:hover{color:#9c9c9c}
#kontakt .createdBy{background:#002217;font-size:14px;font-weight:200;font-family:"Chivo",sans-serif;color:#EFF0EF}
#kontakt .createdBy a{font-weight:600;letter-spacing:0.6px}.rating{border:none}
.rating>input{display:none}
.rating>label:before{margin:5px;cursor:pointer;font-size:1.25em;font-family:FontAwesome;display:inline-block;content:""}
.rating>label{color:rgba(0,49,79,0.2);float:right}.rating>input:checked ~ label{color:orange}.rating:not(:checked)>label:hover{color:rgba(255,165,0,0.5)}.rating:not(:checked)>label:hover ~ label{color:rgba(255,165,0,0.8)}.rating>input:checked + label:hover{color:black}.rating>input:checked ~ label:hover{color:#664200}
.rating>label:hover ~ input:checked ~ label{color:orange}.rating>input:checked ~ label:hover ~ label{color:orange}
.how h2{color:#002c1e}
.how_numbers{font-size:200px;line-height:200px;opacity:1;color:orange;left:-18%;top:8%;-webkit-filter:drop-shadow(-6px 15px 8px rgba(10,15,30,0.2));filter:drop-shadow(-6px 15px 8px rgba(10,15,30,0.2));font-weight:bold}
.how a{color:#002c1e}
@media (min-width:500px){.how_numbers{font-size:250px;line-height:250px;left:-18%;top:9%}}
@media (min-width:576px){.how_numbers{font-size:100px;line-height:100px;left:-15%;top:10%}}
@media (min-width:680px){.how_numbers{font-size:150px;line-height:150px;left:-22%;top:3%}}
@media (min-width:740px){.how_numbers{font-size:175px;line-height:175px;left:-20%;top:0%}}
@media (min-width:790px){.how_numbers{font-size:175px;line-height:175px;left:-20%;top:5%}}
@media (min-width:850px){.how_numbers{font-size:190px;line-height:190px;left:-18%;top:8%}}
@media (min-width:991px){.how_numbers{font-size:150px;line-height:150px;left:-20%;top:1%}}
@media (min-width:1100px){.how_numbers{font-size:175px;line-height:175px;left:-20%;top:5%}}
@media (min-width:1200px){#homepage .under-img-text{top:95%}}
@media (min-width:1400px){.how_numbers{font-size:250px;line-height:250px;left:-25%;top:-2%}#homepage .under-img-text{top:85%}}