body {
    font: 19px/29px Tahoma, Geneva, sans-serif;
    color: #cdcdcd;
    background: #1a1a1a;
    min-width: min-content
}

form, fieldset { border: 0}

input,textarea, select {
    font: 100% Tahoma, Geneva, sans-serif;
    vertical-align: middle;
}

ul, li {margin: 0 0 10px}

a {
    color: #ecc07f;
    text-decoration: underline;
}
a.call-button{
  display: inline-block;
  padding: 10px 15px;
  white-space:nowrap;
  margin: 0;
  font-size: 21px;
  font-weight: bold;
  color: white;
  background-color: #d60000; /* красный брендовый */
  border: none;
  border-radius: 50px;
  cursor: pointer;
  animation: pulse 1.5s infinite;
  text-shadow:none;
  box-shadow: 0 0 0 rgba(214, 0, 0, 0.7);
  transition: box-shadow 0.3s ease-in-out;
}
.header-block a.call-button{
	width:220px;
	padding:5px 10px;
	margin:0 auto 5px;
	display:block;
	text-align:center;
	color:white
}
.content-area a.call-button{
	color: white;
	border: none;
	font-size: 21px;
	margin:15px 0 25px
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(214, 0, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 15px rgba(214, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(214, 0, 0, 0);
  }
}

i{
	font-family: "Times New Roman", Times, serif;
	border-top:1px #333 solid;
	padding:8px 20px 20px;
}
i strong{
	display:block;
	margin-bottom:10px;
}
strong {font-weight: 500}
#content strong{color:#ffcc81}

a:hover {text-decoration: none}
#sidebar img {margin: 0}

.blue {color: #9cd4ff}
.red {color: #ff9292}
.green {color: #016538}
.orang {color:#ffcc81}
.black{
	overflow:hidden;
	background-image: linear-gradient(to left, #000 0%, #111 20%, #111 80%, #000 100%)
}
.page {width: 100%}
.border {border: 1px #444 solid}
.center {text-align: center}
.fixed {position: fixed}
.bottom {
    position: absolute;
    right: 0;
    bottom: 7px;
    z-index: 10;
}
.nowrap{white-space:nowrap}
#content strong.red {color: #ce0000}
#content .mail, .korpus li .mail {
    display: block;
    width: 145px;
    padding: 9px 0 16px 76px;
    background: url(../images/mail.webp) no-repeat;
    white-space: nowrap;
	text-decoration: underline;
}

#content .mail:hover, #content .korpus a.mail:hover {text-decoration: none}
#w1{
	width:initial;
	overflow:hidden;
}
#wrapper {
    max-width: 1200px;
	min-width: 481px;
	width: auto;
    margin: 0 auto;
	padding:0 10px;
    position: relative
}

#header{
	width: -webkit-fill-available;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding:0
}
.lang{
	position:absolute;
	top:15px;
	left:90px;
	z-index:3000;
	height:30px;
    font-size: 16px;
	margin:0;
}
.lang li{
	display:inline-block;
	margin:0 5px;
}
.lang .active{color:#b2b2b2}
.lang a{color:#666}
.lang a:hover{
    color: #b2b2b2;
    text-shadow: 0 0 10px #999
}
#header .row{padding:15px 0 0}
.header-block{
	height:1%;
	overflow:hidden;
	padding:7px 0 15px;
	border-bottom:0;
	display:table;
	width:100%
}
.logo, .logo_ukr{
	display:block;
	background:url(../images/logo.svg) no-repeat;
	margin:10px 15px 0;
	overflow:hidden;
	width:192px;
	height:74px;
	text-indent:-9999px
}
.logo_ukr{background:url(../images/logo_ukr.svg) no-repeat}
.logo-pl{background:url(../images/logo2.png) no-repeat}
.logo a, .logo_ukr a{
	height:100%;
	display:block;
	position:relative
} 

.header-section{
	float:left;
	position:relative;
	z-index:2;
	display: table-cell;
	width: 33%;
	text-align:center;
}
  .header-section span{
	display:block;
	text-align:center;
	color:#999;
	padding:0;
	margin:0
}
.header-section span.tit{font:16pt/24pt Arial, san-serif}
.header-section img{
	width:60px;
	height:60px;
	margin-top:0;
	border-radius:50px
}
.available-masters{
	font-size:15px;
	line-height:20px;
	padding:0;
}

@keyframes pulse-green {
    0% {
        transform: scale(0.95);
        opacity: 0.7;
    }
    50% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0.95);
        opacity: 0.7;
    }
}
.header-section #master-count{
	display:inline-block;
	color:#fff;
	font-size:23px;
	line-height:25px;
	font-weight:bold
}

/* Сам индикатор */
.header-section span.masters-availability-indicator {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #2ecc71; /* Сочный зеленый */
    border-radius: 50%;
    margin: 0 6px 4px 0;
    vertical-align: middle;
    position: relative;
}

/* Создаем эффект расширяющейся волны вокруг точки */
.header-section span.masters-availability-indicator::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #2ecc71;
    opacity: 0.6;
    animation: ripple 2s infinite ease-out; /* Запуск волны */
}

/* Настройка анимации волны */
@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    100% {
        transform: scale(3); /* Волна увеличивается в 3 раза */
        opacity: 0;          /* И полностью исчезает */
    }
}

/* 🔥 КНОПКА С ПУЛЬСОМ */
#header .pulse-button{
	position:fixed;
	bottom:70px;
	right:70px;
	display: block;
	width: 50px;
	height:50px;
	margin: 0 auto;
	font-size:0px;
	text-indent:-9000px;
	color: #d37f00;
	overflow:hidden;
	font-weight: bold;
	padding: 10px;
	border-radius: 50px;
	text-decoration: none !important;
	text-align: center;
	background: #d37f00 url(../images/phn.png) no-repeat 16px 18px; /* Насыщенный апельсин */
    border: 3px solid #fff;
	animation: pulse-orange 3s infinite;
}
@keyframes pulse-orange {
	0% { box-shadow: 0 0 0 0 rgba(230, 138, 0, 0.7); }
	70% { box-shadow: 0 0 0 20px rgba(230, 138, 0, 0); }
	100% { box-shadow: 0 0 0 0 rgba(230, 138, 0, 0); }
}
#header .pulse-button:hover{background-color: #ff9b04}
#header .pulse-button span{
	font-size:15px;
	font-weight:normal;
}

.utp-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto 25px !important;
    max-width: 455px;
    text-align: left;
    display: inline-block;
}

#main .content-area .utp-list li {
    color: #e0e0e0;
    font-size: 20px !important;
    margin-bottom: 10px;
    line-height: 30px;
    position: relative;
}

.utp-list strong{
	font-weight:bold;
	color:#ffcc81;
}

.header-block a{
    color:#999;
    transition: .2s
}
.header-block a:hover{
    color: #b2b2b2;
    text-shadow: 0 0 20px #999
}
.header-block a.call{
	margin:0 auto;
	display: block;
	width: fit-content;
}
	
.header-area{
	float:right;
	color:#909090;
	font-family:"Times New Roman", Times, serif;
	text-align:right;
	text-transform:uppercase;
	position:relative;
	z-index:2;
	display:table-cell;
	width:33%
}
.header-area .phone{
	color:#222;
	font-size:30px;
	margin:0 15px
}
.navholder{
	margin:0 -9999px;
	padding:0 9999px;	
	background-image: linear-gradient(to left, #1a1a1a 47%, #333 50%, #1a1a1a 53%);
}
.navholder label, .navholder input{display:none;}
#nav{
	height:29px;
	overflow:hidden;
	padding:0;
	position:relative;
	z-index:2;
	margin-bottom:0;
	text-align:center
}
#nav ul{
	padding:0 2px 0 0;
	font-size:14px;
	text-transform:uppercase;
	line-height:28px
}
#nav li{
	display:inline-block;
	padding:0 0 0 2px
}
#nav ul li.active{
	color:#bebebe;
	padding:0 20px 0 22px;
	cursor:default;
	text-shadow: 0 0 10px #999
}
#nav ul a{
	color:#999;
	padding:0 20px
}
#nav ul a:hover{
    color:#ffd69a;
    text-shadow: 0 0 10px #999;
}
#nav ul li.active a, #nav ul a:active{
	color:#bebebe;
	text-decoration:none
}

.subject {
    width: 100%;
    overflow: hidden;
    padding: 0;
}

.subject .holder {
    float: left;
    width: 580px;
}

.subject li {
    text-align: center;
    font-size: 17px;
}

.subject h3 {
    font-size: 25px;
    padding: 10px 0;
    margin: 0;
    text-align: center;
}

.subject img {
    margin: 0;
    padding: 0;
}

#main {
    padding: 450px 8px 115px;
    margin: 0 -8px;
    position: relative
}
#main .content-area h1, .content-area h1, #main .content-area h2, .content-area h2{
	margin: 0;
	font-size: 28px;
	text-transform:uppercase
}
#main .content-area h1{padding:0}
#main .content-area h1 span{
	display:block;
	font-size:21px;
	line-height:25px;
	padding:5px 0 25px;
	color:#ffcc66;
}
#main .content-area li, .content-area li{
	margin: 0 3px 3px;
	font: 19px/32px Arial;
}

.content-area {
    height:275px;
	width:100%;
    position: absolute;
	top:138px;
	left:0;
	margin: 0;
    font-size: 13px;
    padding: 0;
    overflow: hidden;
	text-align:left;
	background: #222 url(../images/office1a.webp) repeat-x
}
.content-area .text-holder{
	width:100%;
	height:100%;
    background-image: linear-gradient(to left, #1a1a1a 0%, #22222200 25%, #22222200 75%, #1a1a1a 100%);
	position: absolute;
	left: 0;
	top: 0;
}
.content-area .text-block{
	margin: 0 0 -9999px;
	padding: 45px 70px 9999px 30px;
	text-shadow:#000 2px 2px 2px;
	background-image: linear-gradient(to left, #22222200 0%, #1c1c1ceb 20%);
	font-size: 22px;
	color: #ddd;
	height:1%;
	overflow:hidden;
	position:relative;
	float:right;
}
.content-area a{
	width:auto;
	border:1px #9b9b9b solid;
	display:inline-block;
	margin:20px auto 0;
	padding:0 10px;
	text-align:center;
	font-size: 17px;
	line-height:36px;
	color:#cdcdcd
}
.content-area a:hover{
	color:#fff;
	transition: .2s;
}
.content-area .info-box {
    position: relative;
    z-index: 2;
    padding: 10px;
}

.content-area .text-block p{padding:0 0 25px}
.info-box h3 {
    font-size: 30px;
    line-height: 34px;
    text-decoration: underline;
}

.info-box p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
}

.content-area p span {
    font-size: 29px;
    line-height: 40px;
    text-align: center;
    display: block;
    color: #ddd;
}
.content-area p span.nowrap{display:inline}
.content-area .messengers span {
    font-size: 47px;
    line-height: 47px;
}

.gallery ul.messengers .text-block p span {
    font-size: 28px;
    line-height: 40px;
    padding: 25px 0 21px;
}

.keytable{display:initial}
.img_td{width:17%}
#content  .keytable img{
	width:100%;
	height:auto
}
#content .keytable p{padding:20px 0}

.contact {
    display: block;
    font: 65px/68px "Times New Roman",Times,serif;
    text-align: center;
    margin: 0 0 20px;
    color: #f7eaa0;
    white-space: nowrap;
    text-shadow: 2px 2px #000;
}

.twocolumns {
    width: 100%;
    padding: 0 0 30px;
    overflow: hidden;
}

.specification {
    padding:5px 0 35px;
	margin:0 0 30px;
    color:#b9b9b9;
	background-image: linear-gradient(to left, #000 0%, #111 20%, #111 80%, #000 100%);
	text-align:center
}
.specification h2{
	font: 29px/31px Arial,san-serif;
	margin: 20px 0
}
#content .specification p {
    margin: 0 0 15px;
    font: 20px/33px Arial,san-serif;
}
#content .phon{
	display:block;
	width:250px;
	font-size:24px;
	line-height:48px;
	background: linear-gradient(180deg, #e68a00 0%, #cc7a00 100%);
	color:#fff;
	border:1px #000 solid;
	border-radius:20px;
	transition: .2s;
	text-align:center;
	text-decoration:none
}
#content .specification .phon{margin:0 auto}
#content a.phon:hover{
	text-shadow:none;
	background:#f90
}

#content {position: relative}
#content img{width:35%}
#content a:hover{
	transition: .2s;
	text-shadow: 0 0 20px #999
}

h3, h4 {
    font-weight: normal;
    margin: 20px 0 10px
}

.korpus h3 {margin-bottom: 6px}

h3.title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 15px;
    font-weight: normal;
}
.hero-descr {
    font-size: 23px;
    line-height: 1.6;
    margin: 0 auto;
	padding: 50px 50px 0;
	max-width:728px
}
.hero-descr strong{color:#ffcc81}
.content-block {
    height: 1%;
    padding: 10px 10px 35px;
    overflow: hidden;
	border-bottom:1px #333 solid
}

ul.content-block, .content-block .content {padding-bottom: 20px}

.content-block .text {
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #c8c8c8;
}

.content-block li {padding: 0}

.content-block div.last {
    border: none;
    margin-bottom: 5px;
}
.content-block ul h1, .content-block ul h2 {padding: 10px 0 0}

#content span.title, .content-block span.title {
    display: block;
    margin: 10px 0 0;
    font-weight: bold;
}

.content-block .center {
    height: 1%;
    overflow: hidden;
    text-align: center;
}

.content-block .center img {
    display: inline-block;
    margin: 10px;
}

.post {padding-bottom: 30px;}
.post h3 {margin: 0 0 10px}
h1, h2 {
    text-align: center;
    font-size: 23px;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 50px 0 20px
}
h1{padding:0 0 20px}
#content h1.red {color: #ce0000}

.alignleft {
    float: left;
    margin: 0 20px 10px 0;
}

.alignright {
    float: right;
    margin: 0 0 10px 20px;
}
.aligncenter{
	display:block;
	margin: 0 auto
}

#content p {margin-bottom: 15px}
#content .cloud {padding-bottom: 30px}

#content .cloud h2, #content .cloud h3, #content .cloud h4, #content .cloud h5, #content .cloud h6, #content .cloud h7, #content .cloud strong {
    margin: 0 0 10px;
    padding: 0;
    font: 19px/22px Tahoma, Geneva, sans-serif;
    text-align: left;
    text-transform: inherit;
    color: #cdcdcd;
	display: block
}
.adt {
	height:auto;
    overflow: hidden;
    padding: 20px 0 0;
}

.adt li {
	display:inline-block;
    height: auto;
	width:46%;
    padding: 0;
    margin: 0 10px;
    overflow: hidden;
    color: #979797;
	vertical-align:top
}

.adt h3 {
    font: 18px/20px "Times New Roman",Times,serif;
    margin: 0;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 15px 10px 0;
}

.adt li.red {color: #a46767}
.adt li.red h3 {color: #db8787}

#content .adt p {
    margin: 0 15px 3px 0;
    font-size: 14px;
    line-height: 18px;
}

.adt .more {
    float: right;
    margin-right: 15px;
    color: #ecc07f;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-shadow: #000 1px 1px;
}

#content .adt li.red .more {color: #db8787}
#content .adt .more:hover {text-decoration: none}

#content .content-block .more {
    display: block;
	width: fit-content;
    margin-bottom: 20px
}
#content .review {padding:25px 0 0;}
.review-box{
	padding:5px 20px 10px;
	margin:0 0 10px;
	border:1px #222 solid;
}
.review-box h3{
	color:#9cd4ff;
	padding: 25px 0 0 0;
}
#sidebar {
    padding: 20px 0 0;
	position: relative
}
#sidebar a{text-decoration:none}
#sidebar .text-block {
	margin:0 0 35px;
	opacity: 0.8;
	transition: .6s
}
#sidebar .text-block:hover{opacity: 1}
#sidebar .text-block:hover .more{color: #ffd69a}
#sidebar .text-block a {color: #ecc07f}
.block {padding: 1px 0 10px}

.sub-nav .more {
	display:block;
	color:#ffcc81;
    text-align: right;
	transition: .6s
}
.add-nav {
    border: 1px #d6dde3 solid;
    border-bottom: 0px;
    margin: 0 0 10px;
    height: 1%;
    overflow: hidden;
}

.add-nav li {margin: 0}

.add-nav a {
    font: 10pt/12pt Verdana, Tahoma, sans-serif;
    display: block;
    text-transform: uppercase;
    color: #ffcc81;
    background: #f0f0f0;
    padding: 6px 0;
    text-align: center;
    border-bottom: 1px #d6dde3 solid;
}

.add-nav a:hover {color: #ffd69a}

.add-nav a:active {
    text-decoration: none;
    color: #ffd69a;
}

.sub-nav {
    overflow: hidden;
    font: 17px/19px Georgia, "Times New Roman", Times, serif;
    padding: 0 0 0 10px;
    margin: 0;
    color: #fff;
	display: inline-block;
	width: 32%;
	vertical-align: top;
}

#sidebar .sub-nav img {
	width:100%;
	margin: 1px 0 0
}
#sidebar .sub-nav img.alignleft {margin: 10px 10px 0 0}
#sidebar .sub-nav img.alignright {margin: 10px 0 0 10px}

#sidebar .add-nav h2, #sidebar .sub-nav h2 {
    text-transform: uppercase;
    margin: 0 -10px;
    padding: 3px 5px 5px;
    font: bold 14px/23px Georgia, "Times New Roman", Times, serif;
    text-align: center;
    color: #fff;
}

.sub-nav p {
    font: 16px/23px Verdana, Geneva, sans-serif;
    padding: 10px
}
.sub-nav ul {margin: 0 0 30px}
.sub-nav li {
    text-align: center;
	margin: 0
}
.sub-nav li:last-child {margin-bottom: -3px}

.sub-nav ul a {
    font-family: Arial;
    font-size: 17px;
    transition: .4s
}

.sub-nav a {
    display: inline-block;
    color: #d1d1d1;
    padding: 5px 0 5px
}

.sub-nav a:hover {
    color: #ffd69a;
    text-decoration:none;
}
.sub-nav ul a:hover {text-shadow: 0 0 10px #ffd69a}
#sidebar .img-holder {
    width: 30%;
    overflow: hidden;
    margin: 0 0 10px;
    position: relative;
	display:inline-block
}

.img-holder span {
    position: absolute;
    bottom: 0;
    left: 1px;
    background: url(../images/bg-intro.png) repeat;
    width: 100%;
    padding: 5px 8px;
    text-align: center;
}

.img-holder a {color: #fff}

#sidebar h4 {
    font-size: 17px;
    line-height: 17px;
    color: #6d1609;
    font-weight: normal;
    padding: 0 5px 60px 120px;
    text-transform: uppercase;
    word-spacing: -2px;
}

#footer {
    width: auto;
    margin: 0 auto;
    overflow: hidden;
    color: #d1d1d1;
    padding: 20px 0 30px;
    cursor: default
}
#footer a{color:#ffcc81}

.footer-section {
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
	text-align:center
}

#footer .footer-section ul {
    height: 1%;
    overflow: hidden
}

.footer-section li {
    padding: 0 5px 0 7px;
    margin: 0 7px 0 -7px;
    display: inline-block
}

.footer-section .footer-nav li {
    padding: 0 8px 0 10px;
    margin: 0 10px 0 -9px
}

.footer-section .footer-nav li.active {
	padding: 0 8px 0 9px;
	color: #fff
}
.footer-nav {margin: 0 0 10px}
#footer .footer-nav a:hover {color: #fff;}

#footer .text-box a {text-decoration: underline}

#footer .text-box a:hover {text-decoration: none}
.footer-section .footer-nav {font-weight: bold}
.post-box_social {margin: 1rem 0}

.sharing-button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: .5em;
    padding: .5em .75em;
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    transition: 25ms ease-out
}

.sharing-button svg {
    width: 1em;
    height: 1em;
    fill: #fff;
    stroke: none
}

.sharing-button--twitter:hover {background-color: #2795e9}
.sharing-button--pinterest {background-color: #bd081c}
.sharing-button--pinterest:hover {background-color: #8c0615}
.sharing-button--facebook:hover {background-color: #2d4373}
.sharing-button--tumblr {background-color: #35465c}
.sharing-button--tumblr:hover {background-color: #222d3c}
.sharing-button--reddit {background-color: #5f99cf}
.sharing-button--reddit:hover {background-color: #3a80c1}
.sharing-button--google {background-color: #dd4b39}
.sharing-button--google:hover {background-color: #c23321}
.sharing-button--linkedin {background-color: #0077b5}
.sharing-button--linkedin:hover {background-color: #046293}
.sharing-button--email {background-color: #777}
.sharing-button--email:hover {background-color: #5e5e5e}
.sharing-button--xing {background-color: #1a7576}
.sharing-button--xing:hover {background-color: #114c4c}
.sharing-button--whatsapp {background-color: #25d366}
.sharing-button--whatsapp:hover {background-color: #1da851}
.sharing-button--hackernews {background-color: #f60}
.sharing-button--hackernews:focus,.sharing-button--hackernews:hover {background-color: #fb6200}
.sharing-button--vk:hover {background-color: #43648c}

.sharing-button--facebook {
    background-color: #3b5998;
    border-color: #3b5998
}

.sharing-button--facebook:active,.sharing-button--facebook:hover {
    background-color: #2d4373;
    border-color: #2d4373
}

.sharing-button--twitter {
    background-color: #55acee;
    border-color: #55acee
}

.sharing-button--twitter:active,.sharing-button--twitter:hover {
    background-color: #2795e9;
    border-color: #2795e9
}
.sharing-button--vk {
    background-color: #507299;
    border-color: #507299
}
.sharing-button--vk:hover .sharing-button--vk:active {
    background-color: #43648c;
    border-color: #43648c
}
.sharing-button--telegram {background-color: #54a9eb}
.sharing-button--telegram:hover {background-color: #4b97d1}

/*gallery*/
.simple-scroll-gallery {
    position: absolute;
    top: 0;
    left: 0;
}
.gallery {
    max-width: 1200px;
    min-width: 801px;
    width: auto;
    height: 201px;
    overflow: hidden;
    position: relative;
    margin: 0;
    white-space: nowrap;
    background: #e1e1e1;
}
.content-area .gallery img {position: relative}

#alt {
    height: 201px;
    margin: 0;
}

.gallery .alignleft, .gallery .alignright {
    width: 251px;
    margin: 0;
}

.btn-prev, .btn-next {
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    width: 36px;
    height: 123px;
    top: 39px;
    left: 12px;
    z-index: 5;
    background: url(../images/btns.png) no-repeat;
}

.btn-next {
    left: auto;
    right: 268px;
    background-position: -36px 0;
}
.btn-prev:hover {background-position: 0 -123px}
.btn-next:hover {background-position: -36px -123px}

.gallery ul {
    margin: 0;
    overflow: hidden;
    width: 99999px;
    padding: 0;
    list-style: none;
}

#alt ul, #alt li {overflow: visible}

.gallery li {
    float: left;
    width: 919px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: none;
    margin: 0 5px 0 0;
    padding: 0;
}

.gallery .text-block {
    width: 504px;
    overflow: hidden;
    padding: 35px 75px;
    text-align: center;
}

.gallery .text-block p {
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 2px;
}

.gallery .text-block p span {
    font-size: 25px;
    line-height: 35px;
    padding: 0 0 2px;
}

ul.messenger {
    width: 205px;
    margin: 0 auto;
    padding: 20px 0 0;
}

ul.messenger li {
    display: inline-block;
    width: 40px;
    margin: 0 0 0 6px;
}

ul.messenger a {
    width: 40px;
    height: 40px;
    background: url(../images/messenger.png) no-repeat;
    float: left;
    margin: 0;
    overflow: hidden;
	border:none;
	padding:0;
    text-indent: -9999px;
}

.messenger .viber {background-position: -127px 0}
.messenger .telegram {background-position: -85px 0}
.messenger .skype {background-position: -39px 0}
.messenger .tel {background-position: -164px 0}

.messenger a:hover{background:url(../images/messenger-hover.png) no-repeat}
.messenger .viber:hover{background-position:-127px 0}
.messenger .telegram:hover{background-position:-85px 0}
.messenger .skype:hover{background-position:-39px 0}
.messenger .tel:hover{background-position:-164px 0}

.gallery .more {
    color: #999;
    padding: 5px 0 0;
    font-size: 14px;
    text-transform: none;
    float: right;
}

.gallery .more:hover {color: #757575}

.switcher {
    width: 653px;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 15px 0;
}

#alt .switcher {
    width: auto;
    padding: 5px 0 0;
    margin: 0 0 0 140px;
}

.switcher div {
    position: relative;
    float: left;
    left: 50%;
}

.switcher ul {
    float: left;
    position: relative;
    left: -50%;
    width: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.switcher li {
    float: left;
    width: auto;
    height: auto;
    background: none;
    padding: 0 3px;
    margin: 0;
}

.switcher a {
    text-indent: -9999px;
    overflow: hidden;
    width: 28px;
    height: 7px;
    display: block;
    background: url(../images/bg-switcher.png) no-repeat;
}

.switcher a:hover, .switcher .active a {background-position: 0 -8px}

/*Tab*/
.korpus {padding: 5px 10px 0}
.korpus ul, .korpus input {display: none}

.korpus label {
    background: #764700;
    color: #fff;
    padding: 0 2px;
    font-size: 15px;
    line-height: 20px;
    cursor: pointer;
    margin: 0;
    position: relative;
    border: 1px solid #555;
    display: inline-block;
    width: 94px;
	border-radius: 7px 7px 0 0;
    text-align: center
}

.korpus label.red {background: #6c2929}
.korpus label:hover {background: linear-gradient(180deg, #e68a00 0%, #cc7a00 100%);}

.korpus input[type="radio"]:checked + label {
    background: #111;
    color: #999;
    cursor: default;
    border: 1px solid #555;
    border-bottom: 1px solid #111;
    z-index: 4;
}

.korpus input:nth-of-type(1):checked ~ ul:nth-of-type(1), .korpus input:nth-of-type(2):checked ~ ul:nth-of-type(2), .korpus input:nth-of-type(3):checked ~ ul:nth-of-type(3), .korpus input:nth-of-type(4):checked ~ ul:nth-of-type(4), .korpus input:nth-of-type(5):checked ~ ul:nth-of-type(5), .korpus input:nth-of-type(6):checked ~ ul:nth-of-type(6) {
    display: block;
    padding: 20px 0 0;
    margin: -3px -10px 0;
    border: 1px solid #555;
    background: #111;
    position: relative;
    z-index: 3;
    border-bottom: none;
}
.korpus li {
    padding: 0 50px 40px;
    margin: 0;
    border-bottom: 1px solid #555;
    height: 1%;
    overflow: hidden;
}
.korpus li.white {background: #fff;}
#content .korpus .more {
    float: right;
    text-decoration: none
}
#content .korpus a:hover {text-decoration: underline;}
.content-area td {opacity: 0.0;}
.cloud h6 {margin: 0;}
.scrollup {
    float: right;
    width: 40px;
    height: 40px;
    opacity: 0.7;
    text-indent: -9999px;
    background: url(../images/icontop.png) no-repeat;
    z-index: 10;
    margin: 0 20px 20px 0;
}
.scrollup:hover {opacity: 0.9;}
.telephone{display:none}

.feedback {display: none}

/*--table--*/
table {margin: 10px 0}

td{
  border: 1px #1a1a1a solid;
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
}

.offer{
	width: 100%;
	margin: 0 0 10px;
	text-align: center;
}

.offer td {
	border: 25px #1a1a1a solid;
	border-top:none;
	border-bottom:none;
    max-width: 200px;
    vertical-align: top;
    height: 500px;
	background:#202224;
	margin:0 0 15px;
	padding:0
}
.offer a{
	display:block;
	height:100%;
    transition: .2s;
    position: relative;
	border: 1px solid #3e3e3e;
	text-decoration:none;
	padding:0
}
#content .offer img{width:100%}
.offer h2, .offer h3{
    font: 25px Tahoma, Geneva, sans-serif;
    margin: 15px;
    color: #ddd;
	padding:10px 0;
	font-weight:bold;
	text-transform:uppercase
}
.offer .price-value{
	display:block;
	font: 30px/35px Tahoma, Geneva, sans-serif;
	color: #ffcc81;
	margin:0 0 20px;
	font-weight:bold
}
.offer p {
    display: block;
    padding: 0 10px;
    margin: 0 0 70px;
    color: #e1e1e1
}
.offer span{
    width: auto;
    font-weight: bold;
    display: block;
    padding: 10px 20px;
	border-radius:5px;
	background: linear-gradient(180deg, #c27603 0%, #985b00 100%);
	/* Насыщенный апельсин */
    border: 2px solid #ff9900;
    box-shadow: 0 4px 15px rgba(230, 138, 0, 0.4);
    text-shadow: 0 1px 2px rgba(0,0,0,0.3);
    color: #fff;
	position:absolute;
    transition: .2s;
	bottom:30px;
	left: 50%;
    transform: translateX(-50%)
}
.offer a:hover{
	border-color:#985b00;
}
.offer a:hover span{background: linear-gradient(180deg, #e68a00 0%, #cc7a00 100%)}

.alert-box{
	background: #fff3cd;
	max-width:600px;
	padding: 15px;
	color:#333;
	border-left: 5px solid #ffc107;
	margin: 50px auto	
}
.alert-box div{
	text-align: center;
	margin: 30px 0
}
#content .alert-box strong{color:#810505}
ul.phone{
	font-size: 1.4em;
	font-weight: bold;
	margin:0 0 50px;
	text-align:center
}

@media (max-width: 956px) { /* 956px grid (88x6 col, 21x5 gut; 88+21+88+21+88+21+88+21+88+21+88) */
	.sub-nav{width:48%}
	#nav ul{font-size:12px}
}
@media (max-width: 690px) { /* 690px grid (88x6 col, 21x5 gut; 88+21+88+21+88+21+88+21+88+21+88) */
	#nav ul{font-size:10px}
	.logo, .logo_ukr{
		width: 150px;
		height: 59px
	}
	.header-section span.tit{
		font-size:12px;
		line-height:17px
	}
	.header-section span{font-size:27px}
	.header-area .phone{
		font-size:23px;
		line-height:28px
	}
	.offer td {
		height: 500px;
		min-width: 230px;
		display: inline-block;
		max-width:500px
	}
}