/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
.my tr:hover{
	background:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */
body { margin: 0; line-height: 1.231; color:#727272; font-family: "Arial", "Tahoma", "Helvetica Neue", "Helvetica", sans-serif;}

button, input, select, textarea { font-family: sans-serif; }
::-moz-selection { background: #3399ff; color: #fff; text-shadow: none; }
::selection { background: #3399ff; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */
a { color:#3080ED; }
a:visited { color: #3080ED; }
a:hover { color: #36e; }
a:active{outline: none;}

#form_div{
    float:left;
    width:100%;
}
.add-board {margin-top:-1px;}

/* =============================================================================
   Typography
   ========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */
figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */
h2 {color:#3080ED; font-size:14px;}

.pole_1, .pole_2, .pole_3, .pole_4, .pole_5, .pole_6 {margin-top:10px; margin-left:25px;}

#niz_table .nyzh_tr {font-size:11px;}

label .error {display:none;}

label {
    text-align:inherit;
    line-height:15px;
    margin-left:10px;
    font-size:12px;
}

.pole_1 {
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    background-color:#fff;
    border-radius:4px;
    border:1px solid #999;
    width:190px;
}

.submit {
    margin-left:25px;
    color:#fff;
    background-color: #4E4E4E;
    border: 2px solid #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    height: 24px;
    font-size:12px;
    margin-right: 25px;
    margin-top: -41px;
    width: 95px;
}

.submit_2 {
    color:#fff;
    background-color: #4E4E4E;
    border: 2px solid #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    height: 24px;
    font-size:12px;
    width: 95px;
}

.textarea_6 {
    margin-left:25px;
    width:524px;
    height:155px;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    background-color:#fff;
    border-radius:4px;
    border:1px solid #999;
}

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
input {float:left;}
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {}
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==========================================================================
   Primary styles
   ========================================================================== */
h1,h2,h3,h4,h5,h6 {padding:0}

#container {
    margin: 0px auto;
    width: 1000px;
}

header {
    position:relative;
    height:177px;
    padding:0 1px 0 1px;
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTQxNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLT4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(65,65,65,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(65,65,65,1) 100%);
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(65,65,65,1) 100%);
}

.bg_header {
    position:absolute;
    width:998px;
    background:#fff;
    height:183px;
}
.logo {position:absolute; margin:5px 0;}
.logo a {display:block; text-indent:-99999px; width:155px; height:69px; background: url("../img/logo.gif") no-repeat;}
.header-info {position: absolute; padding-left:13px; font-size:13px; color:#e1202a; margin:80px 0;}
.header-banner {width:998px; height:172px; padding-right:0px; float:right; background: url("../img/header-banner.jpg") no-repeat;}

.telegram {position:absolute; left:160px; top:35px;}
.telegram a {display:block; text-indent:-99999px; width:23px; height:23px; background: url("../img/telegram.svg") no-repeat; background-size: contain; border-radius: 4px;}
.facebook {position:absolute; left:190px; top:35px;}
.facebook a {display:block; text-indent:-99999px; width:23px; height:23px; background: url("../img/facebook.svg") no-repeat; background-size: contain; border-radius: 4px;}
.instagram {position:absolute; left:220px; top:35px;}
.instagram a {display:block; text-indent:-99999px; width:23px; height:23px; background: url("../img/instagram.svg") no-repeat; background-size: contain; border-radius: 4px;}
.viber {position:absolute; left:250px; top:35px;}
.viber a {display:block; text-indent:-99999px; width:23px; height:23px; background: url("../img/viber.svg") no-repeat; background-size: contain; border-radius: 4px;}

#main {overflow:auto; margin:10px 0 10px 0; padding:10px 0 10px 0; border-top:1px dashed #727272; border-bottom:1px dashed #727272;}

/* ==========================================================================
   Top menu
   ========================================================================== */
#top-menu {
    margin-top: -5px;
    position:relative;
    z-index:100000;
    background: rgb(84,84,84);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU0NTQ1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0MTQxNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(84,84,84,1)), color-stop(100%,rgba(65,65,65,1)));
    background: -webkit-linear-gradient(top, rgba(84,84,84,1) 0%,rgba(65,65,65,1) 100%);
    background: linear-gradient(top, rgba(84,84,84,1) 0%,rgba(65,65,65,1) 100%);
    cursor:default;
    clear: both;
}

#top-menu ul.menu {list-style: none; margin: 0;}
#top-menu ul.menu li+li {border-left:1px solid #7F7F7F}
#top-menu ul.menu .last {border-right:1px solid #7F7F7F}
#top-menu ul.menu li {display:inline-block; position:relative; width:100px;}
#top-menu ul.menu li a {display:block; font:14px "Tahoma", Geneva, sans-serif; color:#B9B9B9; text-decoration:none; text-align:center; padding:7px 0 7px 0;}
#top-menu ul.menu li.active {width:100px; margin:0;}
#top-menu ul.menu li.active a {padding-rigth:20px; border:none;}

#top-menu ul.menu li.active a:link,
#top-menu ul.menu li.active a:visited,
#top-menu ul.menu li a:hover,
#top-menu ul.menu li a:active {background: url("../img/topmenuactive.png") repeat-x center; color:#fff;}
#active {background: url("../img/topmenuactive.png") repeat-x center;}
#active a {color:#fff !important;}

#top-menu ul.menu ul {
    display:none;
    position:absolute;
    top:31px;
}
#top-menu ul.menu ul li {position: relative; width:201px; border:0; border-top:1px solid #2d2d2d; color:#ccc; background:rgba(53, 53, 53, 0.9);}
#top-menu ul.menu ul li a {display:block; text-align:left; margin:0; padding:7px 0 7px 10px; font:13px "Tahoma", Geneva, sans-serif; color:#ccc !important; text-decoration:none; background:none !important;}
#top-menu ul.menu ul a:hover {background:none; color:#fff !important;}
#top-menu ul.menu ul li:hover {background:rgba(84, 84, 84, 1);}

#lang {position:relative; float:right; margin:-26px 15px;}
#lang .curr {text-decoration:underline !important; color:#fff !important;}
#lang a {display:inline !important; text-decoration:none !important; background:none !important; color: #ADADAD}
#lang a:hover {color: #fff}

.lang-switcher-mobile { display: none !important; }
#lang-mobile { display: none; }

/* ==========================================================================
   Sidebar
   ========================================================================== */
aside.left {float:left;}
aside.left a {color:#3080ED; text-decoration:none;}
aside.left a:hover {color:#F00}
aside.right {float:right; width:150px; overflow: visible;}
aside.right img {margin-bottom:7px;}

#side-menu ul.menu {border:1px dashed #727272; min-width: 155px; list-style: none; margin: 0; padding:10px 16px 10px 16px; font-size: 12px; position: relative; list-style-position: outside; z-index:0}
#side-menu ul.menu li {margin: 0; border-bottom: 1px dashed; color: #B3AE96}
#side-menu ul.menu li span {display: block; padding: 6px 0 5px 12px; background: url(../img/side-menu-bullet.gif) no-repeat left 12px; position: relative; zoom: 1}
#side-menu ul.menu li.last {border: none}
#side-menu ul.menu li a:link,
#side-menu ul.menu li a:visited {text-transform: uppercase;}
#side-menu ul.menu ul {font-size: 0.7692em; margin: 0; list-style: none outside; padding: 2px 0 6px 2px; line-height: 1.3em; display: none}
#side-menu ul.menu .curr_parent ul {display: block;}
#side-menu ul.menu ul li {padding: 2px 0 3px 10px; border: none}
#side-menu ul.menu ul li a:link,
#side-menu ul.menu ul li a:visited {color: #808080}
#side-menu ul.menu ul li.current a:link,
#side-menu ul.menu ul li.current a:visited,
#side-menu ul.menu ul li a:hover,
#side-menu ul.menu ul li a:active {color: #000;}

/* ==========================================================================
   Content
   ========================================================================== */
#content {float:left; width:636px; padding:0 0 10px 12px; font-size:14px;}
#content p {margin-top:0; padding:0}
#content a {text-decoration:none;}
#content article a {color:#3080ED}
#content article a:hover {color:#F00}

article {text-align:justify; word-wrap:break-word; border-bottom:1px dashed #727272;}
.osob {border-bottom:none !important;}

article ul {padding:0 0 0 0px; list-style: square inside none;}
article ul li {padding:0px;}
article p {padding:0px 0 0px !important;}

#content h1,
#content h3 {font-size:1em; text-transform:uppercase; font-weight:bold; margin:0 0 0 0; color:#1e62ef;}

.blue-text {font-weight:lighter; color:#1e62ef}
.more {float:right; margin-top:-2px;}
.leftImg {float:left; margin: 0px 10px 5px 0px;}

article.bottom {border:0; margin-bottom:-10px; margin-top:20px; padding:0; width:100%; float:left;}

.prev_navigation {float:left; margin-left:225px;}
.pager {float:left; line-height:39px;}

#content article.bottom a {color: #C13C4F; font-weight: bold}

.red-text {color: #23c12a}

#price-list {}
#price-list ul.list {margin: 0; list-style: none; font-size: 1em;}
#price-list .item img {float: right; margin-left: 15px; margin-top:10px;}
.pechi .item img {float:left !important; margin-left: 15px; margin-top:10px;}
#price-list ul.list .descr {overflow: hidden}
#price-list ul.list .descr h4 {font-weight: bold; color: #727272; margin-bottom: 4px; margin-top:9px;}
#price-list ul.list .descr p {margin-bottom: 0; padding: 0 0 4px 0 !important;}
#price-list ul.list .descr .red-text {font-weight: bold; margin-top: 0px}

.popular {padding-bottom: 15px;}
.popular h2 {margin-bottom: 12px}
.popular ul.popular-list {list-style: none; margin: 0 -6px 0 0; font-size: 1em; text-align: center; width: 641px}
.popular ul.popular-list li.item {margin: 0 16px; display: inline-block; text-align: justify; width: 96px; float: left}
.popular ul.popular-list li.item h4 {margin-bottom: 4px; font-size: 10px;}
.popular ul.popular-list li.item h4 a {font-weight: bold}

table.red-table,
table.red-table tr,
table.red-table td,
table.red-table th {border: none; padding: 1px 4px; text-align: center; margin-bottom: 0}
table.red-table th,
table.red-table td {border-style: solid; border-color: #3080ED; border-width: 0 0 1px 1px; width: 9%; font-size: 1em;}
table.red-table td.first {border-left-width: 0px}
table.red-table th {text-align: right; white-space: nowrap; background: #fff; border-left: none; border-right-width: 1px; font-weight: normal; color: #000}
table.red-table thead td {color: #000}
table.red-table tfoot td,
table.red-table tfoot th {border-bottom: none}
table.red-table .hoverRow td,
table.red-table .hoverRow th {background: #cecece;}

.price-wraper {padding-bottom: 20px}
.price-table {position: relative;}
.price-table table th {cursor: pointer;}
.price-table table td {cursor: move}
.price-table table.noDrag td {cursor: default}

p.help-txt {font-size: 1em; color: red; margin: 5px 0 0 0; text-align: right}
p.help-left-text {font-size: 1em; color: red; margin: 5px 0 0 0;}
table.detail-table {width: 100%}

tbody tr:hover {background-color: #cecece; cursor:pointer;}

/* ============================================================
   Виключення для прайс-листа price6
   ============================================================ */
#price6-wrap tbody tr:nth-child(odd) td {background-color: #ffffff;}
#price6-wrap tbody tr:nth-child(even) td {background-color: #fafbfc;}
#price6-wrap tbody tr:hover td {background-color: inherit;}
#price6-wrap tbody td {color: #2c3e50; font-weight: normal;}
#price6-wrap tbody td.price {cursor: pointer !important; color: #2c3e50; font-weight: normal;}
#price6-wrap tbody td.zero {color: #c0c8d0;}
#price6-wrap tbody td.cell-active {background-color: #5ba3d0 !important; color: #0d2d42 !important;}
#price6-wrap tbody td.row-active {background-color: #d6eaf8 !important; color: #154360 !important;}
#price6-wrap tbody td.col-highlight {background-color: #d6eaf8 !important; color: #2c3e50 !important;}
#price6-wrap tbody td.row-highlight {background-color: #d6eaf8 !important; color: #2c3e50 !important;}
#price6-wrap thead th.col-active {background-color: #d6eaf8 !important; color: #154360 !important;}
#price6-wrap tbody td:first-child {color: #2c3e50 !important;}

tbody img {margin-top:24px;}

.table_price {border-collapse: collapse; border:1px solid #1E62EF;}
.table_price tr {border-color:#1E62EF;}
.table_price td {border-color:#1E62EF;}
.table_price th {border-color:#1E62EF;}

.img_bord:hover {background-color:#fff;}
.none_fone:hover {background-color:#ffffff !important;}
.none_fone {color:black;}

/* ==========================================================================
   Kwick
   ========================================================================== */
.kwick_block.kwick_selected .arrow {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    opacity: 0.5;
}
.kwick_block.kwick_selected .kwick_text {display:block;}

.kwick_block {min-height:20px; border:1px dashed #727272; margin-top:0 !important; background-color:#fff; padding:3px 0 0 10px; margin-bottom:7px; cursor:pointer;}
.kwick_open {border:1px dashed #727272; margin-top:0 !important; background-color:#fff; padding:3px 0 0 10px; margin-bottom:7px;}
.kwick_block_two {min-height:20px; max-height:21px; border:1px dashed #727272; margin-top:0 !important; background-color:#fff; padding:3px 0 0 10px; margin-bottom:7px; cursor:pointer;}

.kwick_text {display:none; padding:0px 10px 10px 10px; margin:0 0 0 20px; clear:both;}
.kwick_open a {margin-left:-5px;}
.kwick_text3 {padding:0px 10px 10px 10px; margin:0 0 0 20px; clear:both;}

.arrow {display:block; float:left; width:18px; height:18px; background:url("../img/strelka.png") no-repeat;}
.arrow_2 {display:block; float:left; width:18px; height:18px; background:url("../img/strelka_d.png") no-repeat; background-position: 4px 3px;}

.kwick_block p {padding:0 !important; margin:0 0 8px 10px !important; float:none; text-align:justify; width:auto !important;}
.kwick_block .kwick_text ul {margin-top: 0 !important; margin-bottom: 0 !important;}

/* ==========================================================================
   News list
   ========================================================================== */
.news-list {list-style: none; margin:0 0 10px 0; padding:0; font-size: 13px; height: 200px;}
.pad {padding-left:0px;}
.news-list li+li {padding-left:9px;}
.news-list li.news-block {float: left; width: 120px; height: 190px; margin: 0}
.news-list li.news-block .wrapper {position: relative; overflow: hidden; width: 120px; height: 196px;}
.news-list h4 {font-weight:bold !important;}
.news-list h4,
.news-list p {font-size: 0.7em; margin: 0; font-family: Tahoma; text-align:justify; word-wrap: break-word;}
.news-list a.thumb {text-align: center}
.news-list .bottom-border {background: url(../img/rez.png) repeat-x bottom; width: 120px; height: 20px; position: absolute; left: 0; bottom: 0; z-index: 10}

.info {border: 1px dashed #727272; padding: 10px 15px 10px 15px !important; color: #222222;}

/* ==========================================================================
   Footer
   ========================================================================== */
footer {text-align:center; padding-top:2px;}
footer p {font-size: 10px;}
footer a {color:#3080ED; text-decoration:none}
footer a:hover {color:#F00}

.bg_footer {
    width: 100%;
    height: 30px;
    background: #fff url(../img/grass.jpg) no-repeat bottom center;
    background-size: auto 100%;
    position: relative;
}

#top-link {cursor:pointer; display:none; position:fixed; left:0px; bottom:0px; padding-left:25px; padding-bottom:35px; z-index:1;}
#basket-mobile {display: none;}
#top-link a {display:block; color:#3080ED; font:13px tahoma; font-weight:bold; text-decoration:none}
#top-link a:hover {color:#f00}
.veryhidden {position: absolute !important; left:-5555px !important;}

/* ==========================================================================
   FancyBox v2
   ========================================================================== */
.fancybox-overlay {z-index: 999999 !important; cursor: default !important;}
.fancybox-wrap {z-index: 1000000 !important; cursor: default !important;}
.fancybox-inner {cursor: default !important;}
.fancybox-image {cursor: default !important;}

aside.right a {cursor: pointer; display: inline-block; line-height: 0; font-size: 0; user-select: none;}
aside.right a img {cursor: pointer; display: block;}

.fancybox-title-over-wrap {
    background: rgba(0, 0, 0, 0.45) !important;
    color: #fff !important;
    font-size: 14px !important;
    padding: 8px 14px !important;
    text-align: center !important;
    line-height: 1.5 !important;
    bottom: 0 !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    word-wrap: break-word !important;
}
.fb-caption-link {
    color: #fff !important;
    text-decoration: none !important;
    cursor: pointer !important;
    font-size: 14px !important;
    display: inline-block;
    -webkit-tap-highlight-color: transparent;
}
.fb-caption-link:visited,
.fb-caption-link:active,
.fb-caption-link:focus {color: #fff !important; text-decoration: none !important;}
@media (hover: hover) {
    .fb-caption-link:hover {text-decoration: underline !important;}
}

/* ===== Таблиця цін на послуги ===== */
.services-table {
    width: 100%;
    max-width: 800px;
    margin: 10px auto;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
}
.services-table th {
    background-color: #3a8dde;
    color: #fff;
    text-align: left;
    padding: 7px;
    font-size: 15px;
}
.services-table td {
    padding: 7px 8px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    line-height: 1.2;
}
.services-table tr:nth-child(even) {background-color: #f7faff;}
.services-table tr:hover {background-color: #eef6ff;}
.price {text-align: right; font-weight: bold; color: #3a8dde;}
.price-note {background-color: #3a8dde; color: #fff; text-align: center; font-size: 13px;}

/* ==========================================================================
   Страницы объектов — одно фото
   ========================================================================== */
.object-single img {
    float: left;
    margin: 0 20px 10px 0;
    width: 380px;
    height: 380px;
    object-fit: cover;
    cursor: pointer;
}

/* ==========================================================================
   Страницы объектов — два фото в строке
   ========================================================================== */
.object-double {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}
.object-double a {
    flex: 1;
    min-width: 0;
    display: block;
    line-height: 0;
}
.object-double img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    cursor: pointer;
    display: block;
}

/* ==========================================================================
   Страницы объектов — три фото в строке
   ========================================================================== */
.object-triple {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}
.object-triple a {
    flex: 1;
    min-width: 0;
    display: block;
    line-height: 0;
}
.object-triple img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    cursor: pointer;
    display: block;
}

/* ==========================================================================
   Блок: фото + відео поруч (ПК)
   ========================================================================== */
.object-with-video {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
    align-items: flex-start;
}

/* Фото в ряд — займають 2/3 ширини */
.object-video-photos {
    display: flex;
    flex-direction: row;
    gap: 15px;
    flex: 2;
    min-width: 0;
}
.object-video-photos a {
    display: block;
    line-height: 0;
    flex: 1;
    min-width: 0;
}
.object-video-photos img {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    cursor: pointer;
    display: block;
}

/* Відео — займає 1/3 ширини */
.object-video-wrap {
    flex: 0.98;
    min-width: 0;
    position: relative;
    padding-bottom: 32.3%;
    height: 0;
    overflow: hidden;
}
.object-video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* ==========================================================================
   Burger button — desktop hidden
   ========================================================================== */
.burger-btn {display: none;}

/* ==========================================================================
   МОБІЛЬНА АДАПТАЦІЯ
   ========================================================================== */
@media (max-width: 768px) {

    html, body {margin: 0 !important; padding: 0 !important; width: 100% !important; overflow-x: hidden;}
    #container {width: 100% !important; max-width: 100% !important; overflow-x: hidden; padding: 0; margin: 0 !important;}

    aside.right {
        display: block;
        float: none;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        padding: 10px 0;
        margin-bottom: 10px;
    }
    aside.right img {
        display: inline-block;
        width: auto;
        height: 180px;
        object-fit: cover;
        margin-right: 8px;
        vertical-align: top;
        border-radius: 4px;
    }

    header {height: auto; background: #fff; padding: 0; margin: 0;}
    .bg_header {position: relative !important; width: 100% !important; height: auto !important; display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; box-sizing: border-box;}
    .logo {position: relative !important; margin: 2px 0 0 -10px; flex-shrink: 0;}
    .logo a {width: 130px; height: 58px; background-size: contain;}
    .header-banner {display: none;}
    .header-info {display: none;}
    .telegram, .facebook, .instagram, .viber {display: none;}

    .mobile-call-btn {display: block; flex-shrink: 0;}
    .mobile-call-btn a {display: inline-block; background: #e1202a; color: #fff !important; font-size: 13px; font-weight: bold; padding: 8px 10px; border-radius: 6px; text-decoration: none; white-space: nowrap;}
    .mobile-call-btn a:hover {background: #c01018;}

    .mobile-social {display: flex; align-items: center; gap: 12px; flex-shrink: 0; margin: 0 4px;}
    .mobile-social .mob-tg {display: block; width: 30px; height: 30px; background: url("../img/telegram.svg") no-repeat center; background-size: contain; border-radius: 6px;}
    .mobile-social .mob-vb {display: block; width: 30px; height: 30px; background: url("../img/viber.svg") no-repeat center; background-size: contain; border-radius: 6px;}

    .burger-btn {display: flex; flex-direction: column; justify-content: space-between; width: 34px; height: 24px; cursor: pointer; flex-shrink: 0; background: none; border: none; padding: 0;}
    .burger-btn span {display: block; width: 100%; height: 3px; background: #414141; border-radius: 2px; transition: all 0.3s;}
    .burger-btn.active span:nth-child(1) {transform: translateY(10px) rotate(45deg);}
    .burger-btn.active span:nth-child(2) {opacity: 0;}
    .burger-btn.active span:nth-child(3) {transform: translateY(-10px) rotate(-45deg);}

    #top-menu {position: relative; z-index: 99999;}
    #top-menu ul.menu {display: none; flex-direction: column; width: 100%; background: #414141;}
    #top-menu ul.menu.open {display: flex;}
    #top-menu ul.menu li {display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; position: static !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #5a5a5a !important; overflow: visible !important;}
    #top-menu ul.menu li a {display: block; width: 100%; text-align: left; padding: 13px 16px; font-size: 15px; color: #ddd; white-space: nowrap; box-sizing: border-box;}
    #top-menu ul.menu li a:hover {background: #555 !important; color: #fff !important;}
    #top-menu ul.menu li.active > a {background: #3a6db5 !important; color: #fff !important;}
    #top-menu ul.menu li#active > a {background: #3a6db5 !important; color: #fff !important;}
    #active {background: none !important;}
    #active a {background: #3a6db5 !important; color: #fff !important;}
    #top-menu ul.menu ul {display: none; position: static; background: #2d2d2d; width: 100%;}
    #top-menu ul.menu li.open ul {display: block;}
    #top-menu ul.menu ul li {display: block; width: 100%; border-top: 1px solid #3a3a3a !important; border-bottom: none !important; background: #2d2d2d;}
    #top-menu ul.menu ul li a {display: block; width: 100%; padding: 11px 16px 11px 28px; font-size: 14px; color: #bbb !important; white-space: nowrap;}
    #top-menu ul.menu ul li a:hover {color: #fff !important; background: #3a3a3a !important;}
    #top-menu ul.menu ul li.current a {color: #fff !important; font-weight: bold !important; background: #2a2a2a !important; border-left: 3px solid #3a6db5; padding-left: 25px !important;}
    #top-menu ul.menu li > a[href="#"] {display: flex; justify-content: space-between; align-items: center;}
    #top-menu ul.menu li > a[href="#"]:after {content: "▶"; font-size: 10px; color: #999; transition: transform 0.3s;}
    #top-menu ul.menu li.open > a[href="#"]:after {transform: rotate(90deg);}

    #lang {display: none;}
    .lang-switcher-mobile {display: block !important;}
    .lang-switcher-mobile a {color: #ddd !important; background: none !important; text-decoration: none !important; padding: 13px 16px !important; display: inline !important;}
    .lang-switcher-mobile a:hover {color: #fff !important;}

    #lang-mobile {display: none; align-items: center; position: absolute; top: 0; right: 0; height: 48px; padding: 0 16px; font-size: 15px; color: #ddd; z-index: 100000;}
    #main-menu.open ~ #lang-mobile,
    #lang-mobile.open {display: flex;}
    #lang-mobile a {color: #ddd !important; text-decoration: none !important; background: none !important; font-size: 15px;}
    #lang-mobile a.curr {color: #fff !important; font-weight: bold;}
    #lang-mobile a:hover {color: #fff !important;}

    aside.left {display: none;}

    #content {float: none !important; width: 100% !important; left: 0 !important; position: static !important; padding: 0 10px 10px; font-size: 14px; box-sizing: border-box;}
    #content img {max-width: 100%; height: auto;}
    #content article {overflow: hidden;}
    #content .descr {overflow: hidden; word-break: normal; overflow-wrap: break-word;}

    .leftImg {float: left !important; display: block; margin: 0 10px 10px 0 !important; max-width: 45%; height: auto;}
    .center-mobile {float: none !important; display: block !important; margin: 0 auto 10px !important; max-width: 100% !important;}

    .gallery-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 4px; width: 100%;}
    .gallery-grid a {display: block !important; overflow: hidden; margin: 0 !important; padding: 0 !important; line-height: 0;}
    .gallery-grid a img {width: 100% !important; height: 130px !important; object-fit: cover !important; display: block !important; margin: 0 !important; padding: 0 !important;}

    .news-list {height: auto !important; display: block !important; padding: 0;}
    .news-list li.news-block,
    .news-list li.news-block.pad {width: 100% !important; height: auto !important; float: none !important; margin: 0 0 15px 0 !important; padding: 0 !important; overflow: hidden;}
    .news-list li.news-block .wrapper {display: block !important; overflow: hidden !important; width: 100% !important; height: auto !important; position: static !important;}
    .news-list li.news-block a.thumb {float: left !important; margin-right: 10px !important; margin-bottom: 5px !important;}
    .news-list li.news-block a.thumb img {width: 100px !important; height: auto !important; display: block !important;}
    .news-list li.news-block h4 {font-size: 14px !important; margin: 0 0 4px 0 !important; white-space: normal !important; word-break: normal !important; overflow: visible !important;}
    .news-list li.news-block p {font-size: 13px !important; line-height: 1.4em !important; margin: 0 !important; white-space: normal !important; word-break: normal !important; max-height: 4.2em !important; overflow: hidden !important; position: relative !important;}
    .news-list li.news-block p::after {content: ""; position: absolute; bottom: 0; right: 0; width: 40%; height: 1.4em; background: linear-gradient(to right, transparent, #fff 70%);}
    .news-list li.news-block .bottom-border {display: none !important;}
    .news-list li + li {padding-left: 0 !important;}

    .price-wraper {overflow-x: auto; -webkit-overflow-scrolling: touch;}
    table.red-table {font-size: 0.8em;}

    .pole_1, .pole_2, .pole_3, .pole_4 {width: 100%; margin-left: 0;}
    .pole_5 {width: 100%; margin-left: 0;}
    .textarea_6 {width: 100%; margin-left: 0;}
    .submit {margin-left: 0; margin-top: 10px;}

    #top-link {left: auto !important; right: 10px !important; bottom: 15px !important; padding: 0 !important;}
    #top-link a {display: block; background: #3a6db5; color: transparent !important; text-decoration: none; padding: 10px 14px; border-radius: 6px; font-size: 0; line-height: 1;}
    #top-link a::after {content: "▲"; font-size: 18px; color: #fff;}
    #top-link a:hover {background: #2a5da5;}

    #basket {display: none !important;}

    #order-form {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
        width: 90% !important;
        max-width: 360px !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        z-index: 100001 !important;
    }

    #basket-mobile {
        display: block;
        position: fixed;
        right: 10px;
        bottom: 70px;
        background: #e1202a;
        color: #fff;
        width: auto;
        height: auto;
        border-radius: 6px;
        text-align: center;
        padding: 10px 12px;
        font-size: 18px;
        line-height: 1;
        z-index: 9999;
        text-decoration: none;
        box-shadow: 0 2px 6px rgba(0,0,0,0.3);
    }

    .bg_footer {display: none; background-size: cover; background-position: center bottom;}
    .hide_text {display: none;}

    footer {text-align: center; padding: 10px 0 5px;}
    footer p {margin: 0 0 8px 0; font-size: 13px;}

    .footer-social {display: flex; justify-content: center; gap: 12px; padding: 8px 0;}
    .footer-social a {display: block; width: 32px; height: 32px; background-size: contain; background-repeat: no-repeat; background-position: center; border-radius: 6px;}

    .kwick_block {width: 100%; box-sizing: border-box;}
    .kwick_text {max-height: none !important; height: auto !important; overflow: visible !important; width: 100%; box-sizing: border-box; margin: 0 !important; padding: 5px 10px 10px !important;}
    .kwick_block p {float: none !important; width: 100% !important; white-space: normal !important; overflow: visible !important; text-align: justify !important; margin: 0 0 8px 0 !important;}

    #main {margin: 5px 0; padding: 5px 0;}

    /* --- Мобільна адаптація об'єктів --- */
    .object-single img {float: none !important; width: 100% !important; height: auto !important; margin: 0 0 10px 0 !important;}

    .object-double {flex-direction: column; gap: 10px;}
    .object-double img {height: auto !important;}

    .object-triple {flex-direction: column; gap: 10px;}
    .object-triple img {height: auto !important;}

    /* --- Мобільна адаптація фото + відео --- */
    .object-with-video {flex-direction: column;}
    .object-video-photos {flex-direction: row; gap: 8px;}
    .object-video-wrap {width: 100%; padding-bottom: 100%; height: 0;}
}