body {background-color: #fff2e7; font-family: Inter, Arial; font-size: 16px; padding: 0px; margin: 0px; line-height: 1.5;
    color:#464646;}

footer {background-color: #171738; color: #fff; padding: 80px 0px;}
footer .logo {width: 90px; height: auto;}
footer .social img  {width: 36px; height: auto;}
footer .social a {margin: 5px; display: inline-block;}
footer a {color:#fff; display: block; text-decoration: none;}
footer a:hover {text-decoration: none;}

h1 {font-size: 60px; font-weight: bold; color:#171738;}
h2 {font-size: 48px; font-weight: bold; color:#171738;}
h3 {font-size: 20px; font-weight: bold; color:#171738;}

.text-20 {font-size:20px}
.text-third {color: #006ab5!important;}
.text-primary {color: #171738!important;}
.text-secondary {color: #f18f01 !important;}
.btn-third {background-color: #006ab5; color:#fff;}
.btn-third:hover {color:#fff; background-color: #117bc6;}
.text-semi-bold {font-weight: 500;}

.btn {font-size: 16px; border-radius: 30px; font-weight: 600; padding: 13px 30px;}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #171738;
	--bs-btn-border-color: #171738;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #282849;
	--bs-btn-hover-border-color: #282849;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #282849;
	--bs-btn-active-border-color: #282849;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #171738;
	--bs-btn-disabled-border-color: #171738;
}
.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #f18f01;
	--bs-btn-border-color: #f18f01;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #f29f02;
	--bs-btn-hover-border-color: #f29f02;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #f29f02;
	--bs-btn-active-border-color: #f29f02;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #f18f01;
	--bs-btn-disabled-border-color: #f18f01;
}
.content-2cols {column-count: 2; column-gap: 20px}
section h2 {margin-bottom: 20px;}


.section-default {padding: 80px 0px;}

.accordion.accordion-flush.accordion-faq {}
.accordion.accordion-flush.accordion-faq .accordion-item {margin: 20px 0px; border-radius: 40px; border:none;}
.accordion.accordion-flush.accordion-faq .accordion-item .accordion-header button {border-radius: 40px; padding: 40px;
        font-size: 20px; font-weight: 500;}
.accordion.accordion-flush.accordion-faq .accordion-item .accordion-header .accordion-button:not(.collapsed) {	color: var(--bs-accordion-active-color);background-color: #fff;box-shadow: none;
        padding-bottom: 20px;}
.accordion.accordion-flush.accordion-faq .accordion-body {padding: 0px 40px 40px 40px;}

.accordion-button:after {
    background-image: url(images/arrow-down.svg);
    background-color: #f18f01;    padding: 30px; border-radius: 30px;    background-position: center center;
}
.accordion-button:not(.collapsed)::after {
    background-image: url(images/arrow-down.svg);
}

.section-form-contact .container > div  {background-color: #7fd1b9; padding: 80px 0px;
    background-image: url('images/bg-contactus.png'); background-position: left top;
    background-repeat: no-repeat; background-size: 20% auto; color:#171738;
    border-radius: 25px; padding: 40px;}

.section-form-contact label {margin-bottom: 5px;}
.section-form-contact .form-control{ background-color: transparent; border: 0px; border-radius: 0px;
        border-bottom: 1px solid #171738;}
.section-form-contact a {color:#171738;}
.section-reference .green-box {background: url('images/hand.png') no-repeat #7fd1b9; border-radius: 25px; background-position: center center;
    height:100%; background-size:  auto 70%;
        }
.section-reference .carousel {background-color: #f18f01; border-radius: 25px; padding: 30px; color:#171738;}        
.section-reference .carousel-control-prev { right: 70px; left: auto;}
.carousel-control-next, .carousel-control-prev {top: auto;  bottom: 50px;}

.experts .slide {padding: 0px 10px; color:#131313;}
.experts .slide .row {margin-top: 15px;}
.experts .slide .row a {color:#131313;}
.arrow-right {background-image: url('images/arrow-right.png'); background-position: right center;
    background-repeat: no-repeat; padding-right: 30px; text-decoration: underline; color:#171738;}
.arrow-left {background-image: url('images/arrow-left.png'); background-position: left center;
    background-repeat: no-repeat; padding-left: 30px; text-decoration: underline; color:#171738;}

.arrow-left:hover, .arrow-right:hover {color:#f18f01;}

.experts .name {font-weight: 600;}
.experts .slick-dots { margin-top: 30px; text-align: center;}
.experts .slick-dots {list-style: none;}
.experts {position: relative; padding-bottom: 50px}

.slick-next.slick-arrow, .slick-prev.slick-arrow {position: absolute; bottom: 0px;}
.slick-prev.slick-arrow {right: calc(50% + 10px); background: url('images/left.png') no-repeat;
            width:30px; height: 30px;  border: 0px; background-position: center center;
            }
.slick-next.slick-arrow {left: calc(50% + 10px); background: url('images/right.png') no-repeat;
            width:30px; height: 30px; border: 0px; background-position: center center;}

.section-sections .box { border-radius: 25px; padding: 40px; height:100%; 
        display: flex; justify-content: space-between;  flex-flow: column;}
.section-sections h3 {margin: 20px 0px 30px 0px; font-size: 24px;}
.section-sections p {margin: 20px 0px 30px 0px;}
.section-sections .blue-box {background-color: #006ab5; color:#fff; background-image: url(images/bg-box1.png);
        background-repeat: no-repeat; background-position: top 40px right;}
.section-sections .blue-box h3 {color:#fff;}
.section-sections .pink-box {background-color: #eac4d5;background-image: url(images/bg-box2.png);
        background-repeat: no-repeat; background-position: top 40px right;}
.section-sections .green-box {background-color: #7fd1b9;background-image: url(images/bg-box3.png);
        background-repeat: no-repeat; background-position: top 40px right;}
.section-hero .number {line-height: 1.2;}		
.section-hero .number span{font-size: 60px; font-weight:900; margin-right: 15px; line-height: 1;}
h1 {font-weight: 900;}

header {margin-top: 20px;;}
header .navbar {background-color: #fff; border-radius: 80px; padding: 10px 20px; box-shadow: 0px 5px 5px rgba(0,0,0,0.08);}
header .navbar .logo {width:90px; height: auto;}
header .navbar  .nav-item {font-weight: 600; padding: 10px 5px; display: inline-block;}
header .navbar  .navbar-nav a {color: #171738; text-decoration: none; }

header .navbar  .navbar-nav  .dropdown-toggle.show {color: #006ab5;}
header .navbar  .navbar-nav .dropdown-menu {background-color: #baebdd; border: 0px; padding: 10px 20px;
        box-shadow: 0px 5px 5px rgba(0,0,0,0.08);}
header .navbar  .navbar-nav .dropdown-menu li a {display: block; padding: 5px 0px; color: #006ab5; font-weight: 500;}

.box.article-box {padding: 20px;}
.box.article-box img {border-radius: 12px;}
.box.article-box h3 {margin: 10px 0px 10px 0px;;}
.box.article-box p {margin: 20px 0px 10px 0px;;}
.box.article-box a {text-decoration: none; color: #171738}
.box.article-box a:hover {color: #006ab5}
.box.article-box .date {color:#888; font-size: 13px;}
.article-box {background-color: #fff; border-radius: 25px;}
.article-box .img-wrap {aspect-ratio: 4/3; width:100%; overflow: hidden; border-radius: 20px;;
        background-position: center center; background-size: cover; background-size: cover;}

.experts .img-wrap {aspect-ratio: 3/4; width:100%; overflow: hidden; border-radius: 20px;;
        background-position: top center; background-size: cover;}

.article-box .img-wrap img {min-width: 100%; }
.article-detail {padding: 80px 0px;}
.article-image img {min-width: 100%; max-width: 100%; height: auto; border-radius: 25px;}
.article-image  {aspect-ratio: 7/3; width:100%; overflow: hidden; border-radius: 20px;;
        background-position: center center; background-size: cover;}
.breadnav a {text-decoration: none;}

.garanti .box.article-box {padding: 0px; background-color: transparent;}
.garanti .box.article-box h3 {font-size: 20px;}
.garanti .box.article-box .img-wrap {aspect-ratio: 3/4; background-position: top center;}
.garanti .title-box {padding: 0px; }
.garanti .title-box > div {aspect-ratio: 3/4; background: url('images/bg-garanti.png') no-repeat #f18f01; background-position: bottom right;
        border-radius: 25px; padding: 30px;}
.garanti .title-box h2 {font-size: 30px; }
.garant-detail .article-image {aspect-ratio: 1/1; background-position: top center;}


.section-light .container > div {background-color: #fff; border-radius: 25px; padding: 40px;}

.preventivni-box.box {background-color: #fff; border-radius: 25px; padding: 20px;
        background-image: url(images/bg-preventivni2.png);
        background-repeat: no-repeat; background-position: top 40px right;}
.preventivni-box.box.box-selected {background-color: #006ab5; border-radius: 25px; padding: 20px;
        background-image: url(images/bg-preventivni2.png);
        background-repeat: no-repeat; background-position: top 40px right;}
.preventivni-box.box:hover {background-color: #cce1f0;  background-image: url(images/bg-preventivni.png);}
.preventivni-box.box.box-selected h3,
.preventivni-box.box.box-selected p {color:#fff;}
.preventivni-box.box.box-selected:hover h3,
.preventivni-box.box.box-selected:hover p {color:#171738;}
.preventivni-box.box:hover .btn-secondary {background-color: #fff; color: #171738; border-color:#fff;}
.preventivni-box.box:hover .btn-third {background-color: #f18f01; color: #fff; border-color:#f18f01;}
.preventivni-box.box.box-selected  .btn-secondary {background-color: #171738; color: #fff; border-color:#171738;}
.preventivni-box.box.box-selected  .btn-third {background-color: #f18f01; color: #fff; border-color:#f18f01;}
.preventivni-box.box .do-poptavky {display: inline-block;}
.preventivni-box.box .v-poptavce {display: none;}
.preventivni-box.box.box-selected .do-poptavky {display: none;}
.preventivni-box.box.box-selected .v-poptavce {display: inline-block;}



.workshop-box.box {background-color: #fff; border-radius: 25px; padding: 20px;
        background-image: url(images/bg-preventivni2.png);
        background-repeat: no-repeat; background-position: top 40px right;}
.workshop-box.box.box-selected {background-color: #eac4d5; border-radius: 25px; padding: 20px;
        background-image: url(images/bg-preventivni2.png);
        background-repeat: no-repeat; background-position: top 40px right;}
.workshop-box.box:hover {background-color: #f7e1e3;  background-image: url(images/bg-preventivni.png);}
.workshop-box.box:hover h3,
.workshop-box.box:hover p {}
.workshop-box.box:hover .btn-secondary {background-color: #fff; color: #171738; border-color:#fff;}
.workshop-box.box:hover .btn-third {background-color: #f18f01; color: #fff; border-color:#f18f01;}
.workshop-box.box.box-selected  .btn-secondary {background-color: #171738; color: #fff; border-color:#171738;}
.workshop-box.box.box-selected  .btn-third {background-color: #f18f01; color: #fff; border-color:#f18f01;}
.workshop-box.box .do-poptavky {display: inline-block;}
.workshop-box.box .v-poptavce {display: none;}
.workshop-box.box.box-selected .do-poptavky {display: none;}
.workshop-box.box.box-selected .v-poptavce {display: inline-block;}


.box .item-do-poptavky {display:block!important}
.box .item-z-poptavky {display:none!important}

.box.box-selected .item-do-poptavky {display:none!important}
.box.box-selected .item-z-poptavky {display:block!important}


.box-light {background-color: #fff; padding: 30px; border-radius: 25px; color: #171738; }


.article-detail ul {list-style: none; margin: 30px 0px;}
.article-detail ul li {background: url('images/article-li.png') no-repeat; background-position: top left;
            padding: 5px 0px 7px 50px;}
.content {margin: 60px 0px}
.section-shrnuti h2 {font-size: 30px;}
.section-shrnuti .form-wrap {background-color: #eac4d5; color:#fff2e7; border-radius: 25px; padding: 35px;}
.section-shrnuti .form-wrap .form-control {background-color: transparent; border: 0px; border-radius: 0px;
        border-bottom: 1px solid #171738;}
.section-shrnuti .form-wrap .form-group {margin-bottom: 20px;}

.section-shrnuti .form-control:focus {
	color: #171738;
	background-color: transparent;
	border-color: #006ab5;
	outline: 0;
	box-shadow: none;
}

.box.box-light.box-selected {background-color: #cce1f0;}

#basket-total-items {position: absolute; text-align: center; width:30px; height: 30px; border-radius: 20px;
                background-color: #f18f01; font-size: 13px; padding-top: 5px; top: -15px; right: 10px;}



.items-box {
	background-color: #fff;
	border-radius: 16px;
	padding: 20px 30px;
	width: 100%;
	border: 1px solid #fff;
}

.items-box img {height: 50px; width: auto;}

.items-box article .btn-link {
	background-color: #dd6886;
	border: none;
	color: #fff;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	padding-top: 0px;
        text-decoration: none;
	text-align: center;
}
.bold {font-weight: bold;}



@media all and (max-width: 991px) {

h1 {font-size: 35px; font-weight: 900; }
h2 {font-size: 28px; font-weight: 700;}
h3 {font-size: 18px; font-weight: 700;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {	--bs-gutter-x: 2.2rem;	--bs-gutter-y: 0;}
.section-default {	padding: 40px 0px;}
.section-hero .number span{font-size: 40px; margin-right: 5px;}
.section-hero .number {font-size: 13px; font-weight: 500;}
.section-sections .box {  padding: 20px; }
.accordion.accordion-flush.accordion-faq .accordion-item .accordion-header button {	border-radius: 20px;	padding: 20px;	font-size: 16px;}        
.accordion-button::after {	padding: 20px;}        
footer {padding: 40px 0px; font-size: 13px; text-align: center;}
.content-2cols {column-count: 1; column-gap: 0px}
header {	margin-top: 0px;}
header .navbar .logo {	width: 60px;	height: auto;}
header .container-fluid {    --bs-gutter-x: 0rem; margin: 0px;}
header .container {    --bs-gutter-x: 0rem; margin: 0px; width:100%; max-width: 100%;}

header .navbar {
	background-color: #fff;
	border-radius: 0px;
	padding: 10px 20px;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.08);
}
  .section-sections .box.title-box {
    padding: 0px;
  }
}


@media all and (max-width: 767px) {
        .section-reference .green-box {display:none;}
}


@media all and (max-width: 767px) {
	header {position: relative; width:100%; top: 0px; left: 0px; z-index: 10;}
	header .container {position: fixed; top: 0px; left: 0px; width:100%;}
	body {padding-top: 100px;}
	.navbar-collapse {padding-top: 15px;}
	header .btn {  border-radius: 30px;  font-weight: 600;  padding: 10px 10px;}
	#basket-total-items {position: absolute; border-radius: 30px;
                font-size: 12px; padding-top: 5px; top: -15px; right: -5px;}

}

.navbar {
	--bs-navbar-toggler-border-color: #171738;
}

.navbar-toggler {
	outline: none!important;
	box-shadow: none!important;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;utf8,  <svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(0,0,0,0.7)' stroke-width='2'  stroke-linecap='round' d='M6 6l18 18M24 6l-18 18'/></svg>");
}