/* General Style */
body {background:#000000; 
 background-image: url(/buterfly.jpg); 
 font-family: Verdana, Geneva, sans-serif;
 font-size: 12px;
 padding: 0px;
 margin: 0px;
}

form {
 padding: 0px;
 margin: 0px;
}

table {
 border-collapse: collapse;
 font-size: 12px;
}

input,
textarea,
select {
 vertical-align: middle;
 text-align: left;
 font-size: 10pt;
 font-family: Verdana, Geneva, sans-serif;
 border-radius: 5px;
}

.copy {
 font-size: 7pt;
}

input[type="submit"][value="Отправить сообщение"],
input[type="submit"][value="Відправити повідомлення"],
.show3d {
 width: 190px;
 text-align: center;
 height: 40px;
 background-color: orange;
 font-size: 14px;
 color: darkblue;
 word-spacing: 2px;
 border: none;
 box-shadow: 0.5px 0.5px 2px darkblue;
 margin-top: 4px;
}

input[type="submit"][value="Отправить сообщение"]:hover,
input[type="submit"][value="Відправити повідомлення"]:hover,
.show3d:hover {
 text-shadow: 1px 1px 3px white;
 box-shadow: 1px 1px 3px darkblue;
}

input[type="submit"][value="Отправить сообщение"]:active,
input[type="submit"][value="Відправити повідомлення"]:active,
.show3d:active {
 text-shadow: 1px 1px 3px white;
 box-shadow: 1px 1px 1px inset darkblue;
}

.order-form input[type="checkbox"] {
 width: auto;
}

p {
 font-family: Verdana, Geneva, sans-serif;
 font-size: 12px;
}

h1 {
 color: rgb(0, 0, 128);
 text-align: center;
}

h2 {
 color: rgb(0, 0, 128);
 text-align: center;
}

h3 {
 text-align: center;
}

h4 {
 color: rgb(0, 0, 128);
 text-align: center;
 font-size: 8pt;
}

h5 {
 color: rgb(0, 0, 128);
 text-align: center;
 font-size: 8pt;
}

img {
 border-radius: 5px !important;
}

ul,
ol {
 font-family: Verdana, Geneva, sans-serif;
 font-size: 10pt;
 text-align: justify;
}

.indextable td {
 border: 1px solid black;
}

.indextabletitle {
 background-color: rgb(112, 128, 144);
 text-align: center;
 font-size: 14pt;
 padding-top: 4px;
 padding-bottom: 4px;
 color: rgb(75, 0, 130);
}

.indextablecontent {
 vertical-align: top;
 font-size: 10pt;
 text-align: left;
 padding-top: 4px;
 padding-bottom: 4px;
 padding-left: 4px;
}

.indextablecontent img {
 margin-bottom: 10px !important;
}

.services-box {
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 gap: 2px;
 justify-content: center;
}

.service-bg {
 position: absolute;
 z-index: 0;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 overflow: hidden;
}

.service-bg img {
 height: 300px;
 min-height: 300px;
}

.service-title {
 font-size: 20px;
 font-weight: 700;
 font-family: "Times New Roman", Times, serif;
 color: black;
 height: 45px;
 padding-bottom: 5px;
padding-left: 35px;
 padding-right: 35px;
 padding-top: 5px;
 text-transform: uppercase;
 text-align: center;
 margin-bottom: 16px;
}

.service-item {
 position: relative;
 overflow: hidden;
 min-height: 300px;
}

.service-mask {
 z-index: 2;
 bottom: 55px;
 left: 0;
 right: 0;
 transform: translateY(100%);
 overflow: hidden;
 background: #969593a1;
 color: white;
 height: 100%;
 position: relative;
}

.service-item:hover {
 border-color: #ffaa00;
}

.service-item:hover .service-mask {
 transform: translateY(0);
 top: 0;
}

.service-item:after,
.service-mask {
 transition: 0.5s;
 width: 300px;
 height: 300px;
}

.service-txt p {
 font-size: 12px;
 line-height: 18px;
 margin-top: 0;
 color: black;
 text-align: center;
 margin-bottom: 40px;
 padding-left: 10px;
 padding-right: 10px;
}

.service-txt .tp-btn {
 width: 40%;
 display: inline-block;
}

#navBar {
 width: 190px;
 text-align: center;
 padding: 10px;
}

#contentBar {
 width: 700px;
 background: no-repeat scroll 0% 0% rgb(255, 255, 255);
 padding-left: 15px;
 padding-right: 15px;
 padding-top: 30px;
 padding-bottom: 30px;
}

.globalMenu {
 padding: 0px 0px;
 width: 200px;
 vertical-align: top;
}

.boxTable {
 width: 195px;
 background: url("/.s/t/906/7.gif") repeat-y scroll 0% 0% rgb(54, 54, 54);
 margin: 2px 0pt;
 border-radius: 8px;
}

.boxTitle {
 line-height: normal;
 height: 49px;
 vertical-align: middle;
 padding-left: 30px;
 font-size: 12px;
 color: rgb(255, 128, 0);
 font-weight: bold;
 background: url("/.s/t/906/3.gif") no-repeat scroll 0% 0% transparent;
 text-transform: uppercase;
}

a:link {
 text-decoration: none;
 color: #D7350F;
}

a:active {
 text-decoration: none;
 color: #D7350F;
}

a:visited {
 text-decoration: none;
 color: #D7350F;
}

a:hover {
 text-decoration: underline;
 color: #959595;
}

hr {
 color: #C51212;
 height: 1px;
}

label {
 cursor: pointer;
 cursor: hand
}

.blocktitle {
 font-family: Verdana, Sans-Serif;
 color: #C24747;
 font-size: 12px;
}

.headermenu {
 font-size: 11pt;
 color: rgb(150, 150, 150);
 display: flex;
 flex-direction: row;
 justify-content: flex-end;
 /* margin-bottom: -7px; */
}

.footer-box {
 text-align: left;
 vertical-align: top;
 background-image: url("/82.gif");
 background-size: 100%;
 background-repeat: no-repeat;
 background-color: black;
 padding-left: 40px;
 padding-right: 40px;
 padding-top: 60px;
 padding-bottom: 30px;
}

.footer-main-link-box {
 font-size: 14px;
margin-bottom: 28px;
 }

.footer-main-link-box a {
width: 100px;
 display: inline-block;
 text-align: center;
 box-sizing: border-box; 
}

.y-btn {
padding: 10px 12px;
 border-radius: 4px;
 background: orange;
 margin-left: 5px;
 max-width: 40%;
}

.y-btn:link,
.y-btn:visited,
.y-btn:hover,
.y-btn:active {
 color: darkblue;
 text-decoration: none;
 font-weight: 400;
 font-size: 14px;
}

.y-btn:hover {
 text-shadow: 1px 1px 3px white;
 box-shadow: 1px 1px 2px darkblue;
}

.y-btn:active {
 text-shadow: 1px 1px 3px white;
 box-shadow: -1px -1px 3px inset darkblue;
}

.y-btn.last-y-btn {
 flex-grow: 0; 
}

.footermenu {
 font-size: 11pt;
 color: rgb(150, 150, 150);
/* display: flex; */
 flex-direction: row;
 flex-wrap: wrap;
 gap: 10px;
 justify-content: flex-start;
 padding-left: 40px;
 padding-right: 40px;
 margin-bottom: 20px;
}

.footermenu a {
 flex-grow: 1;
}

.company-info-first-line {
 display:flex;
 gap: 40px;
 align-items: center;
 margin-bottom: 24px;
}

.company-info-second-line {
 display: flex;
 color: white;
 justify-content: space-between;
}

.company-info-description {
 width: 33%;
}

.contact-box {
 display: flex;
 flex-direction: column;
 gap: 12px;
}

.contact-box div {
 width: 100%;
}

.footer-social-link-box {
 margin-bottom: 30px; 
}

.footer-social-link-box a {
 margin-right: 8px;
}

/* ------------- */


/* Site Menus */

.uMenuH li {
 float: left;
 padding: 0 5px;
}

.uMenuV .uMenuItem {
 font-weight: normal;
 text-align: left;
}

.uMenuV li a:link {
 text-decoration: none;
 color: #FFFFFF
}

.uMenuV li a:active {
 text-decoration: none;
 color: #FFFFFF
}

.uMenuV li a:visited {
 text-decoration: none;
 color: #FFFFFF
}

.uMenuV li a:hover {
 text-decoration: none;
 color: orange
}

.uMenuV .uMenuItemA {
 font-weight: normal;
}

.uMenuV a.uMenuItemA:link {
 text-decoration: none;
 color: #D7350F
}

.uMenuV a.uMenuItemA:visited {
 text-decoration: none;
 color: rgb(255, 128, 0);
}

.uMenuV a.uMenuItemA:hover {
 text-decoration: underline;
 color: #000000
}

.uMenuV .uMenuArrow {
 position: absolute;
 width: 10px;
 height: 10px;
 right: 0;
 top: 3px;
 background: url('/.s/img/wd/1/ar1.gif') no-repeat 0 0;
}

.uMenuV li {
 margin: 0;
 padding: 0 0 0 11px;
 background: url('/.s/t/906/10.gif') no-repeat 0px 3px;
 margin-bottom: .6em;
}


/* --------- */


/* Entries Style */

.eBlock {
 border: none;
}

.eBlock td {
 border: none;
}

.eTitle {
 font-family: Verdana, Geneva, sans-serif;
 font-size: 13px;
 font-weight: bold;
 color: #D7350F;
 padding: 0 0 0 14px;
 background: url('/.s/t/906/11.gif') no-repeat 0px 2px;
}

.eTitle a:link {
 text-decoration: none;
 color: #D7350F;
}

.eTitle a:visited {
 text-decoration: none;
 color: #D7350F;
}

.eTitle a:hover {
 text-decoration: underline;
 color: #959595;
}

.eTitle a:active {
 text-decoration: none;
 color: #000000;
}

.eText {
 text-align: justify;
 padding-bottom: 5px;
 padding-top: 5px;
 border-top: 1px solid #949F94
}

.eDetails {
 border-top: 1px dashed #DDDDDD;
 border-bottom: 1px dashed #DDDDDD;
 font-family: Verdana, Geneva, sans-serif;
 color: #1A1A1A;
 padding-bottom: 5px;
 padding-top: 3px;
 text-align: left;
 font-size: 7pt;
}

.eDetails1 {
 border-top: 1px dashed #DDDDDD;
 border-bottom: 1px dashed #DDDDDD;
 font-family: Verdana, Geneva, sans-serif;
 color: #1A1A1A;
 padding-bottom: 5px;
 padding-top: 3px;
 text-align: left;
 font-size: 8pt;
}

.eDetails2 {
 border-bottom: 1px dashed #DDDDDD;
 font-family: Verdana, Geneva, sans-serif;
 color: #1A1A1A;
 padding-bottom: 5px;
 padding-top: 3px;
 text-align: left;
 font-size: 8pt;
}

.eRating {
 font-size: 7pt;
}

.eAttach {
 margin: 16px 0 0 0;
 padding: 0 0 0 15px;
 background: url('/.s/t/906/12.gif') no-repeat 0px 0px;
}


/* ------------- */


/* Entry Manage Table */

.manTdError {
 color: #FF0000;
}

/* ------------------ */


/* Other Styles */

.replaceTable {
 background: #363636;
 height: 100px;
 width: 300px;
 border: 1px solid #4C4C4C;
}

.replaceBody {
 background: #000000;
 height: 100% !important;
}

.legendTd {
 font-size: 7pt;
}


/* ------------ */

#share42 {
 display: inline-block;
 padding: 6px 0 0 6px;
 background: #FFF;
 border: 1px solid #E9E9E9;
 border-radius: 4px;
 vertical-align: bottom;
}

#share42:hover {
 background: #F6F6F6;
 border: 1px solid #D4D4D4;
 box-shadow: 0 0 5px #DDD;
}

#share42 a {
 opacity: 0.5;
}

#share42:hover a {
 opacity: 0.7
}

#share42 a:hover {
 opacity: 1
}

.boxContent a {
 display: block;
 position: relative;
}

.boxContent .uMenuV {
 cursor: pointer;
}

.boxContent .uMenuV span {
 display: flex;
 align-items: center;
}

.boxContent .uMenuV ul {
 display: none;
}

.boxContent .uMenuV li {
 cursor: pointer;
}

.boxContent .uMenuV:hover ul {
 display: block;
}

.boxContent .uMenuRoot {
 padding: 0pt 10px 5px;
}


/* Форма поиска */

.poick_os {
 float: left;
 padding: 4px;
 width: 180px;
 background: #fff;
 border: 1px solid #A0A8AC;
}

.poick_os_big {
 float: left;
 padding: 4px;
 width: 285px;
 background: #fff;
 border: 1px solid #A0A8AC;
 border-radius: 5px;
}

.poick_os input {
 float: left;
 margin: 0px;
 vertical-align: middle;
}

input.poick_pole {
 color: #555;
 width: 115px;
 height: 100%;
 border: none;
 padding: 6px 4px;
 border: none;
 box-sizing: border-box;
}

input.poick_pole_big {
 color: #555;
 width: 215px;
 height: 15px;
 border: none;
 padding: 6px 4px;
 border: none;
}

.poick_os input.poick_knopka {
 width: 55px;
 height: 27px;
 cursor: pointer;
 border-radius: 4px;
 background: orange;
 color: darkblue;
 text-decoration: none;
 font-weight: 400;
 font-size: 12px;
 text-align: center;
 border: 0px solid transparent;
 margin-left: 6px;
}

.poick_knopka:hover {
 text-shadow: 1px 1px 3px white;
 box-shadow: 1px 1px 6px darkblue;
}

.poick_knopka:active {
 text-shadow: 1px 1px 3px white;
 box-shadow: -1px -1px 3px inset darkblue;
}

.poick_os,
.poick_knopka {
 border-radius: 4px;
}


/*
 |--------------------------------------------------------------------------
 | UItoTop jQuery Plugin 1.2
 |-------------------------------------------------------------------------
 */

#toTop {
 display: none;
 text-decoration: none;
 position: fixed;
 top: 50%;
 right: 50px;
 overflow: hidden;
 width: 51px;
 height: 51px;
 border: none;
 text-indent: 100%;
 background: url(/img/ui.totop.png) no-repeat left top;
}

#toTopHover {
 background: url(/img/ui.totop.png) no-repeat left -51px;
 width: 51px;
 height: 51px;
 display: block;
 overflow: hidden;
 float: left;
 opacity: 0;
}

#toTop:active,
#toTop:focus {
 outline: none;
}

.txt-14 {
 font-size: 14px;
}

.order-form {
 display: flex;
 flex-direction: row;
 gap: 2%;
 flex-wrap: wrap;
 justify-content: space-evenly;
 align-items: center;
}

.order-form input {
 width: 95%;
 border-width: 1px;
}

.order-form-item2 textarea {
 width: 95%;
 border-width: 1px;
}

.order-form select {
 width: 97%;
 border-width: 1px;
 padding: 2px 5px;
}

.order-form-item input[type="submit"][value="Відправити повідомлення"] {
 width: 180px;
 text-align: center;
 height: 40px;
 background-color: orange;
 font-size: 12px;
 color: darkblue;
 word-spacing: 2px;
 border: none;
 box-shadow: 0.5px 0.5px 2px darkblue;
 margin-top: 4px;
}

.order-form-item {
 flex: 0 0 35%;
 margin-bottom: 8px;
 text-align: left;
}

.order-form-item2 {
 flex: 0 0 60%;
 margin-bottom: 8px;
 text-align: left;
}

.hidden {
 display: none;
}

.note {
 color: gray;
 font-size: 10px;
}

.tablet-table {
 width: 98%;
 border: 1px solid black;
 border-collapse: collapse;
}

.tablet-table th {
 border: 1px solid black;
 background-color: lightgray;
 padding-top: 10px;
 padding-bottom: 10px;
 font-size: 12px;
}

.tablet-table td {
 border: 1px solid black;
 text-align: center;
 padding-top: 8px;
 padding-bottom: 8px;
 font-size: 12px;
}

.tablet-table a {
 text-decoration: none;
 color: darkblue;
 font-size: 12px;
}

.table-menu {
 display: grid;
 grid-template-rows: repeat(6, 1fr);
 grid-template-columns: repeat(3, 1fr);
 font-size: 12px;
 border: 1px solid gray;
}

.table-menu>div {
 display: flex;
 align-items: center;
 padding-left: 6px;
 padding-right: 6px;
 padding-top: 6px;
 padding-bottom: 6px;
 border: 1px solid gray;
}

div.table-menu div:nth-child(-n+3) {
 font-size: 14px;
 justify-content: center;
 text-align: center;
 padding-bottom: 6px;
 padding-top: 6px;
 padding-left: 0px;
 padding-right: 0px;
 background-color: lightgray;
 font-weight: 700;
}

.table-menu a {
 text-decoration: none;
 text-align: left;
}

model-viewer {
 width: 400px;
 height: 300px;
 border-width: 1px;
 border-color: lightgray;
 border-style: solid;
 box-shadow: 4px 4px 2px lightgray;
 border-radius: 5px;
}

.cont3d {
 text-align: center;
 display: none;
 justify-content: center;
}

.orange-price {
display: inline-block;
border-style: dotted;
padding: 8px;
border-color: orange;
font-size: 14px;
font-style: italic;
font-weight: bold;
margin-bottom: 8px;
}

.orange-price-center {
display: flex;
justify-content: center;
margin-bottom: 8px;
}

.orange-price-center div {
display: inline-block;
border-style: dotted;
padding: 8px;
border-color: orange;
font-size: 14px;
font-style: italic;
font-weight: bold;
}

.fast-call-container {
 width: 70px;
 height: 220px;
 position: fixed;
 bottom: 0;
 right: 0;
z-index: 4;
}

.fast-call {
 width: 50px;
 height: 50px;
margin-bottom: 15px;
}

.fast-call img {
 max-width: 100%;
 }

/* Sign-store button */

@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

.store-btn-a, .store-btn-a:link, .store-btn-a:hover, .store-btn-a:active, .store-btn-a:visited {
 text-decoration: none;
 margin-left: 20%;
 display: inline-block;
 margin-bottom: 24px;
 margin-top: 24px;
}

.store-btn-a.ml-0 {
 margin-left: 0; 
}

.store-button-box {
 position: relative;
 user-select: none;
}

.quicksand-400 {
 font-family: "Rubik", sans-serif;
 font-optical-sizing: auto;
 font-weight: 400;
 font-style: normal;
}

.quicksand-300 {
 font-family: "Rubik", sans-serif;
 font-optical-sizing: auto;
 font-weight: 300;
 font-style: normal;
}

.store-btn {
 cursor: pointer;
 box-sizing: border-box;
 width: 218px;
 height: 90px;
 background-color: orange;
 border-radius: 8px;
 padding: 16px 24px 16px 24px;
 font-size: 14px;
 color: #393185;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.store-btn:hover {
 background-color: #FDA454;
 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25);
}

.store-btn:active {
 background-color: #FDA454;
 box-shadow: 1px 1px 1px inset gray;
}

.first-btn-line {
 font-size: 18px;
}

.store-logo {
 width: 232px;
 height: 44px;
 position: absolute;
 top: 61px;
 left: 155px;
}

@media screen and (max-width: 600px) {
 .store-btn-a, .store-btn-a:link, .store-btn-a:hover, .store-btn-a:active, .store-btn-a:visited {
 text-decoration: none;
 margin-left: 1%;
 display: inline-block;
 margin-bottom: 16px;
 margin-top: 16px;
 }

 .store-btn {
 padding: 12px 20px 12px 20px;
 }

 .store-logo {
 width: 232px;
 height: 44px;
 position: absolute;
 top: 61px;
 left: 125px;
 }

}

/* Sign-store button finish */