:root {
    --template-font: 'Barlow';
    --template-headings-font: 'Barlow';
}

@supports selector(:has(+ *)) {
    .box.box-sm.box-bg-default.co-box.co-delivery-method {
        font-size: 0;
    }

    #order-shipping-methods {
        font-size: 16px;
    }

    html[lang="sk"] .box.box-sm.box-bg-default.co-box.co-delivery-method:after {
        content: 'Najprv zvoľte región doručenia.';
        font-size: 18px;
    }

    .box.box-sm.box-bg-default.co-box.co-delivery-method:has(div#order-shipping-methods):after {
        content: none;
    }
}

.id-29 .content-inner {
    padding-top: 30px;
    overflow: hidden;
}

.id-29 .content-inner header h1 {display: none;}

@media (min-width: 1200px) {
    .id-29 .content-inner {
        max-width: 1000px;
    }
}

.navigation-in > ul > li > a.active {
	background: var(--color-primary);
	color: #FFF;
}

#carousel .extended-banner-texts {
    background: none;
    color: #FFF;
    padding: 40px;
    font-weight: bold;
}

#carousel .extended-banner-title {
    color: #FFF;
    display: block;
    font-size: 2.5em;
    line-height: 1.2;
    padding: 0;
    color: var(--color-primary);
}

#carousel .extended-banner-title:first-line {
    color: #FFF;
}

#carousel .extended-banner-link {
    background: var(--color-primary);
    display: inline-block;
    height: auto;
    position: static;
    padding: 8px 20px;
    margin-top: 30px;
}

.mobile #carousel .extended-banner-texts {
	top: 0;
}

.mobile #carousel .extended-banner-title {
	font-size: 3.5em;
}

.contact-form {
    margin-left: 340px;
}

.contact-form > p {
	display: none;
}

#formContact .form-group label {
	position: absolute;
	line-height: 42px;
	width: auto;
	padding: 0 20px;
	cursor: default;
    transition: .3s all;
	top: 0;
}

#formContact .form-group.focus label {
	font-size: 10px;
	line-height: 18px;
}

#formContact .form-group.consents label {
	position: static;
	line-height: 1.6;
	padding: 0;
	cursor: default;
}

#formContact .form-group label .required-asterisk:after {
	content: none;
}

#formContact .form-group textarea, #formContact .form-group input {
	font-family: var(--template-font);
}

#formContact .form-group .form-control {
	line-height: 1.5em;
	width: 100%;
    max-width: none;
	padding: 14px 20px 6px;
	font-size: 14px;
	height: auto;
	border: 1px solid var(--color-primary);
}

.company-details {
    float: left;
    width: 340px;
    font-size: 14px;
    padding-right: 20px;
    color: #222;
}

.company-details h1 {
    margin: 0 0 30px;
    font-size: 36px;
    text-transform: none;
    text-align: left;
    font-weight: bold;
}

.company-details > div {
    position: relative;
    min-height: 35px;
    margin-bottom: 30px;
    padding-left: 75px;
}

.company-details > div:before {
    content: '';
    height: 35px;
    width: 1px;
    background: #e0e0e0;
    position: absolute;
    left: 65px;
    top: 0;
}

.company-details > div:after {
	content: '';
	font-family: 'shoptet';
	position: absolute;
	left: 0;
	font-size: 30px;
	top: 0;
	line-height: 1;
}

.company-details .location:after {
	content: '\e923';
}

.company-details .email:after {
	content: '\e924';
}

.company-details .phone:after {
	content: '\e92d';
}

.company-details ul {
    padding: 0;
    margin: .5em 0 1em;
    list-style: none;
}

.company-details li:before {
	content: none;
}

.company-details address {
	font-style: normal;
}

.content .company-details h4 {
	font-weight: bold;
    margin: 0;
}

@media (max-width: 1500px) {
	.contact-form {
		margin-left: 400px;
	}
	
	.company-details {
		width: 400px;
	}
	
	footer .site-name .contacts span.working-hours {
		font-size: 1.2em;
	}
}

@media (max-width: 1300px) {
	.company-details {
		float: none;
		width: auto;
		overflow: hidden;
	}
	
	.company-details > div {
		float: left;
		width: 50%;
	}
	
	.contact-form {
		margin-left: 0;
		margin-bottom: 80px;
	}
}

@media (max-width: 1100px) and (min-width: 480px) {
	.company-details > div {
		width: 40%;
	}
	
	.company-details .location {
		width: 60%;
	}
}

@media (max-width: 767px) {
    .homepage-box.before-carousel {
        padding-top: 0
    }
}

@media (max-width: 575px) {
	.mobile #carousel .extended-banner-title {
		font-size: 3em;
	}
}

@media (max-width: 479px) {
	.mobile #carousel .extended-banner-title {
		font-size: 2.5em;
	}
	
	.company-details > div {
		float: none;
		width: auto;
	}
}

@media (min-width: 768px) {
	.navigation-in > ul > li > a.active {
		background: var(--color-primary);
		color: #FFF;
	}
	
    #carousel .extended-banner-title {
        max-width: 50%;
    }
}

@media (min-width: 992px) {
    #carousel .extended-banner-title {
        font-size: 3em;
    }
}
    
@media (min-width: 1200px) {
    #carousel .extended-banner-title {
        font-size: 4em;
    }

    #carousel .extended-banner-link {
        padding: 12px 24px;
    }
}