/* footer */
#footer {height: 100px;text-align: center;}
footer {
	padding-top: 20px;
    padding-bottom: 15px;
	background-color: #303030;
	font-size: 16px;
	color: #e2e2e2;
}
#footer-logo {height: 113px;margin-bottom: 20px;display: none;}
footer a {
	color: #ddd;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
}
div.footer-title{font-size: 16px;font-weight: 700;}
footer .list-unstyled a{font-weight: 400;}
.footer-links a{font-weight: 700 !important;}
footer h5, li.footer-title{
	margin: 4px 0;
    padding: 7px 0px;
    background-color: #ef7f1a;
}
footer h5, li.footer-title > a {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}
footer li{ line-height: 24px;}
footer .under-line{border-bottom: 1px solid #c5c5c54f;}
#cookie-notification {
	position: fixed;
    bottom: 80px;
    right: 50%;
	transform: translate(50%, 50%);
    width: 360px;
	display: none;
    border: 1px solid #dee2e6;
    color: #000;
    padding: 15px;
    z-index: 100000;
    border-radius: 12px;
}
#matomba_button{
	left: 48px;
    white-space: normal !important;
    width: 300px;
    padding: 10px !important;
    padding-bottom: 30px !important;
    border-radius: 8px;
}
a.footer-phone{
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #fff;
}
.footer-callback > a{
	font-weight: 400;
	font-size: 16px;
	color: #f17e00;
	border-bottom: 1px dashed #f17e00;
}

footer hr {border-top: none;border-bottom: 1px solid #666;}
.footer-mobile{display: block;}
.footer-mobile .list-unstyled a{
	color: #ddd;
	font-weight: 700;
    font-size: 16px;
    line-height: 30px;
	text-transform: uppercase;
}
.footer-desktop, .footer-callback {display: none;}
.cpy a{font-size: 15px;}
.app > div{border-bottom: 1px #66666657 solid; padding-bottom: 16px; margin-bottom: 16px;}
.cpny > div{padding-bottom: 16px;}
.app {font-size: 16px;}
.__jivoMobileButton {bottom: 80px !important;}
.m-bot_cart-quantity {
    background-color: var(--orange);
}

/* callback phone icon */
.callback-phone-button {
    position: fixed;
    bottom: 108px;
    left: 20px;
    cursor: pointer;
    z-index: 30;
	border-bottom: none !important;
}

.wrap_c7ca {
    z-index: 30;
}

.callback-phone-button .callback-phone-button-phone {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: rgba(141, 191, 51, 0.65);
    width: 50px;
    height: 50px;
    -webkit-animation: uptocallmini 1.5s 0s ease-out infinite;
    -moz-animation: uptocallmini 1.5s 0s ease-out infinite;
    animation: uptocallmini 1.5s 0s ease-out infinite;
}

.callback-phone-button .callback-phone-button-phone:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: uptocallphone 1.5s linear infinite;
    -moz-animation: uptocallphone 1.5s linear infinite;
    animation: uptocallphone 1.5s linear infinite;
}

.callback-phone-button .callback-phone-button-phone.email:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGZSURBVDhPpZLHboJBDIQdxJX3fxEkBAIBB0AUUUQTvffeOQAOnyMi5ZAQkpG8++/+3rFndt+i0ai6XC5xOp1yu93kL3A4HHK9XmW73YpcLhctFAq6WCz0dDrpfr9/KTizWq00k8no+XxWWa/XChKJhN4r2PcrOBwOisq7OmtKGGAG4XBYJ5PJr/lms5kGAgHLpxnOynQ6VaoQwO/3a7PZfEra6XTU6/V+kiF7OByqjEYj3Ww2VgH/AInlcvlb0kqloh6P5wvZfD7XXq+nwrBcLs1YiHe7nSWGQiG7LHC/QQtAoWAw+IUM6ePxWNvttgoDstnET4ghhRzSVCplayKdThsZ36gh90E2GAy00Wio1Ot10450TKVbPCQRtFotdbvdFhwAFGafXDqDrNvtarVaVcEPFv1+336WSiV9PKWfbgbPyaURLogC2CFssoA0l8vp8Xh8esOPBB51Nps171BaLBZVMB6JyWTSOoPw4dmzmVy8jsfjWqvVNJ/PfxDGYjHzAS+ZXwnOEJFIxF6F8OZoFfb/BNb5fD59Bx7K2EEkBfSpAAAAAElFTkSuQmCC");
}

.callback-phone-button .callback-phone-button-phone:before {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAnCAMAAADTjiM/AAAAkFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+WABnwAAAAL3RSTlMA/F/uDUwjB/esmHJTRjPl39fRzr+6sqeijn0E8cnEtq+FeWtjKh4YFdaciIE5FLd9ggsAAAEESURBVCjPbdPpdoIwEAVgQlgEZEdWrVat2vW+/9u1dJLDMO38/C4nZ2ZCHKqgL/WH86eSHIAOhHotAAW4ghvgN4hWHHbECurO3YVxhSv/vIQJgJb5BdYVctZRx5x3dAQrf/Hdojs+wBPZpkqyibdZkz/L1RzIt9IbqNkT6R35WfpAPkgfTY+h8FSp2Yub8EArGlV4WEH9O0BMXk3Ct2YRqfBbTkEvD4rI9y/CfUVBLHwyq9aZCFxQNeE8z+XdHujVJhiy61EDtcdapWbFDxnZgPzNerYHL/1YlrGq1LoXrfzk2Hq8ci++lvvZ8MBley2Yj2zs+7m0fPhcvyh/7E9tnPzc6Tc7fz7JKsL/WwAAAABJRU5ErkJggg==");
}

@-webkit-keyframes uptocallphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-moz-keyframes uptocallphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes uptocallphone {
    0% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -ms-transform: rotate(30deg);
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    50% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    75% {
        -ms-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@-webkit-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);
    }
    10% {
        box-shadow: 0 0 8px 6px rgba(141, 191, 51, 0.65), 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px rgba(141, 191, 51, 0.65);
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 20px rgba(23,167,167, 0);
    }
}

@-moz-keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);
    }
    10% {
        box-shadow: 0 0 8px 6px rgba(141, 191, 51, 0.65), 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px rgba(141, 191, 51, 0.65);
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 20px rgba(23,167,167, 0);
    }
}

@keyframes uptocallmini {
    0% {
        box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 0px rgba(0,0,0,0), 0 0 0px 0px rgba(23,167,167, 0);
    }
    10% {
        box-shadow: 0 0 8px 6px rgba(141, 191, 51, 0.65), 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px rgba(141, 191, 51, 0.65);
    }
    100% {
        box-shadow: 0 0 8px 6px rgba(23,167,167, 0), 0 0 0px 40px rgba(0,0,0,0), 0 0 0px 20px rgba(23,167,167, 0);
    }
}
@media (min-width: 576px) {
	div.footer-title{font-size: 18px;font-weight: 700;}
	footer {margin-bottom: 5px;}
	.cpny > div{margin-bottom: 16px;}
	.cpy a, .cpy{font-size: 12px;}
	.cpy{border-top: 1px #66666657 solid; padding-top: 16px;margin-top: 16px;}
	.app{border-top: 1px #66666657 solid; padding-top: 16px;}
	.app > div{border: none;padding:0; margin: 0;}
	.app .footer-title, .cpny .footer-title{font-size: 16px;}
	.m-center{text-align: initial;}
	.cpy-line svg{ width: initial; height: initial;}
	footer {padding-top: 32px;}
	.footer-mobile{display: none;}
	.footer-desktop, .footer-callback{display: flex;}
	#footer-logo {display: block; margin-top: -15px;}
	a.footer-phone, div.footer-title{border: none;}
	li.footer-title {background-color: transparent;}
	footer{margin-bottom: 0px;}
	.footer-callback {text-align: left;}
	a.footer-phone{font-weight: 400;font-size: 26px;}
    .callback-phone-button {bottom: 34px;right: 105px;left: unset;}
    .__jivoMobileButton {bottom:10px !important;}
}
@media (min-width: 768px) {
	#cookie-notification {right: 8%;transform: none; bottom: 20px;}
	a.footer-phone{font-size: 26px;}
	.border-dashed {border-bottom: dashed;}
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
    .callback-phone-button {bottom: 28px;}
    a.footer-phone{font-size: 30px;}
}
@media (min-width: 1400px) {

}
@media (min-width: 1850px) {

}
