/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../images/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.field {
    width: calc(45%); /* Задає ширину елемента */
    height: 50px; /* Задає висоту елемента */
    padding: 5px; /* Задає внутрішній відступ */
    border: 1px solid #ccc; /* Задає рамку */
    border-radius: 5px; /* Задає закругленість кутів */
    background-color: #f9f9f9; /* Задає колір фону */
    color: #333; /* Задає колір тексту */
    font-size: 20px; /* Задає розмір тексту */
    cursor: pointer; /* Задає вказівник курсору при наведенні */
    text-align: center; /* Розміщує текст посередині */
    margin-left: 15px;
    margin-right: 5px;
}

.field:focus {
    outline: none; /* Відключає контур при фокусі */
    border-color: #007bff; /* Змінює колір рамки при фокусі */
}




/* Анімація для плавного виїзду */
@keyframes slideIn {
    from { opacity: 0; transform: translateY(-50px); }
    to { opacity: 1; transform: translateY(10px); }
}

/* Анімація для плавного згортання */
@keyframes slideOut {
    from { opacity: 1; transform: translateY(10px); }
    to { opacity: 0; transform: translateY(-50px); }
}

.hidden {
    display: none; /* Початково приховуємо елемент */
}

.hiddenOut {
    animation: slideOut 2s ease forwards;
}

.show {
    /* Додайте стилі для плавного виїзду */
    animation: slideIn 2s ease forwards;
}











.contlight {
    display: none;
    transition: all 0.3s ease-in-out;
}

.contlight.show-table {
    display: block;
}

.contlight .mtable tbody tr:first-child {
    background-color: lightblue;
}

.mtable {
    border-collapse: collapse;
    width: 100%;
}

.mtable td {
    border: 1px solid #000;
    padding: 10px;
}

.wrapper-two {
    position: relative;
}

.table-size-btn {  /* Кнопка РОЗМІРНА ТАБЛИЦЯ */
    font-size: 20px; /* Шрифт */
    cursor: pointer;
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    padding: 10px;
    display: block;
    margin: 0 auto;
    border-radius: 10px; /* Радіуси кутів */
    width: fit-content; /* Розмір кнопки залежно від тексту */
}

.table-size-btn svg { /* Малює стрілочку */
    width: 20px;
    height: 20px;
    margin-left: 5px;
    transition: transform 0.3s ease-in-out;
}

.wrapper-two.show-table .table-size-btn svg {
    transform: rotateX(180deg);
}





.sidebar {
    position: fixed;
    top: 50%; /* Измените значение, если хотите другую вертикальную позицию */
    transform: translateY(-50%);
    right: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 999; /* Устанавливаем большее значение z-index, чтобы иконки были над другими элементами */
}

.sidebar a {
    margin-bottom: 10px;
}

.sidebar img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}