/* Ukraine */
body {
  /*background: url(../img/ny/balls.gif) 0 top repeat-x;*/
  /*padding-top: 40px !important;*/
  background: url(../img/bg.gif);
}

.korona {
	text-align: center;
	background: #fff3cd;
	border: 1px solid #eed894;
	padding: 8px;
	border-radius: 9px;
}

.line {
  border-top: 1px solid #ddd;
}
.br, .br2, .br3, .br4, .br5, .br7, .br10, .br15, .br20, .br25, .br30, .br40 {
  width: 100%;
  line-height: 0px;
  clear: both;
  display: block;
}

.link-top {
	position: fixed;
	bottom: 0px;
	background: linear-gradient(#19bb4f 20%, #109e40) #17ad49;
	right: 0px;
	padding: 8px;
	padding-left: 20px;
	padding-right: 20px;
	
	border-top-left-radius: 10px;
	font-weight: bold;
	color: white !important;
	box-shadow: 0 0 5px gray;
	z-index: 2000;
	font-size: 20px;
	display: none !important;
}

.container {
  max-width: 900px;
}

.btn {
	font-style: normal !important;
}


body {
  padding: 0px;
  margin: 0px;
  font-size: 16px;
}

@media (min-width:768px){
	body {
		background: url(../img/bg.gif);
	}
}

.lead {
  background: #fff3cd;
  padding: 10px 16px;
  border: 1px solid #e5c094;
  box-shadow: 0 0 35px #e5c094;
}

h4 {
	font-weight: bold;
}

.f-block {
	margin-bottom: 15px;
}
.f-block p {
	margin: 0px;
	padding: 0px;
}
.f-block h3 {
	margin-top: 0px;
	font-size: 16px;
	font-weight: bold;
}
.f-date {
	font-size: 14px;
	background: #e9e9e9;
	line-height: 29px;
	padding-left: 15px;
}
.f-text {
	padding: 15px;
	background: #f2f6f8;
	border: 1px solid #e9e9e9;
}
.f-admin {
	padding: 15px;
	background: #f2f6f8;
	border: 1px solid #e9e9e9;
	border-top: none;
	background: #e3f1e8;
	font-style: italic;
}
.f-date-admin {
	font-size: 14px;
	background: #d7e5dc;
	line-height: 29px;
	padding-left: 15px;
}

	.btn-success {
		border-width: 2px 0 !important;
		text-decoration: none !important;
		
		border-color: #4ad377 #fff #0c8735;
		background: linear-gradient(#19bb4f 20%, #0c953a) #19bb4f;
	}
	.btn-success:hover {
		border-color: #4ad377 #fff #0c8735;
		background: linear-gradient(#19bb4f 20%, #109e40) #17ad49;
	}
	.btn-success:active, .btn-success:focus, .btn-success:active:focus {
		border-color: #4ad377 #fff #0c8735;
		background: linear-gradient(#109e40 20%, #19bb4f) #13813a;
	}
	

@media (max-width:767px){
	.btn {
		display: block;
		width: 100%;
	}
	body, .lead {
		font-size: 18px;
	}
	
	.lead {
		background: #fff3cd;
		padding: 10px 16px;
		border: 1px solid #e5c094;
	}
	
	h1, .h1 {
		font-size: 23px;
		line-height: 1.3;
		font-weight: 700;
		margin-bottom: 20px;
	}
	h3, .h3 {
		font-size: 22px;
		line-height: 1.3;
		font-weight: 700;
		margin-bottom: 15px;
	}
	p {
		margin-bottom: 20px;
	}
	.f-block h3 {
		font-size: 19px;
	}
	.name {
		font-size: 25px;
		line-height: 1.2;
		font-weight: 700;
		display: block;
	}
	.status {
		display: block;
	}

	table.menu {
		text-align: center;
	}
	table.menu td {
		padding: 5px;
		padding-top: 7px;
		padding-bottom: 7px;
		border: 1px solid silver;
	}
}

.btn-tg {
	background: white;
	border: 1px solid #31a9dc;
	border-radius: 30px;
	display: inline-block;
	text-decoration: none !important;
	padding-left: 12px;
	padding-right: 20px;
	font-size: 22px;
	line-height: 51px;
	font-weight: bold;
	box-shadow: 0 2px 2px rgb(178, 203, 187);
	white-space: nowrap;
}

.btn-tg:hover {
	background: #f5fcff;
	color: black;
}

.btn-tg img {
	margin-right: 10px;
}

.ol-list {
	list-style: none;
	margin: 0px;
	padding: 0;
	counter-reset: myCounter;
	padding-left: 40px;
}

.ol-list li::before {
	counter-increment: myCounter;
	content: counter(myCounter);
	color: white;
	background: #2ebb60;
	border-radius: 30px;
	display: inline-block;
	text-align: center;
	line-height: 30px;
	width: 30px;
	height: 30px;
	position: absolute;
	margin-left: -40px;
	margin-top: -3px;
}

.ol-list li {
	margin-bottom: 0px;
	padding-bottom: 10px;
}

.ol-list-red li::before {
	background: #ff4141;
}

.bold {
	font-weight: bold !important;
}
.br  {height: 0px;}
.br2  {height: 2px;}
.br3  {height: 3px;}
.br4  {height: 4px;}
.br5  {height: 5px;}
.br7  {height: 7px;}
.br10 {height: 10px;}
.br15 {height: 15px;}
.br20 {height: 20px;}
.br25 {height: 25px;}
.br30 {height: 30px;}
.br40 {height: 40px;}

.r-5 {
	border-radius: 5px;
}

.q {
	border-left: 2px solid #2ebb60;
	padding: 15px;
}

.r-10 {
	border-radius: 10px;
}

.wrap-1 {
	padding: 10px;
	padding-left: 15px;
	padding-right: 15px;
	line-height: 1.4;
}

.bg-yellow {
	background: #fff3cd;
	border: 1px solid #fceab4;
}

.bg-green {
	background: #e3f1e8;
}

.border-green {
	border: 1px solid #2ebb60;
}

.no-margin {
  margin: 0px !important;
}

.no-margin-top {
  margin-top: 0px !important;
}


.black {
  color: black;
  text-decoration: underline !important;
}

@media (max-width: 767px) {
  .center-xs {
    text-align: center;
  }
}

.red, a.red {
  color: red !important;
}

.green {
  color: #35b763;
}

.text-green {
	color: #42ae00;
}

.page-header {
  margin: 0px !important;
}


a {
  text-decoration: underline;
}

.active {
  color: black;
  text-decoration: none;
  font-weight: bold;
}

.lead {
  margin-bottom: 10px;
  font-weight: normal;
}

.viber {
	text-decoration: none;
	font-weight: bold;
	color: #7c529e;
}

.viber:hover, .viber:focus, .viber:active {
	color: #7c529e;
}

.garant {
	background: red;
	color: white;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 7px;
	font-size: 14px;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

.lg-cc_visible {
	display: none !important;
}

ol {
	margin-left: 0px;
	padding-left: 18px;
}

ol li {
	margin-bottom: 10px;
}

.vcenter {
	vertical-align: center;
}


.text-hide {
	margin: 0 !important;
}





.comment {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
}

.comment .head {
	position: relative;
	height: 36px;
	margin-bottom: 10px;
}

.comment .body {
	margin-bottom: 5px;
}

.comment .name {
	position: absolute;
	font-weight: bold;
	position: absolute;
	line-height: 15px;
	font-size: 15px;
	top: 0px;
	left: 46px;
}

.comment .date {
	font-size: 13px;
	line-height: 13px;
	color: #818181;
	position: absolute;
	bottom: 0px;
	left: 46px;
}


.comment .reply-link {
	margin-bottom: 10px;
}

.comment .reply-link span {
	color: #337ab7;
	cursor: pointer;
	font-size: 13px;
}

.comment .reply-link span:hover {
	color: #23527c;
}


.comment .reply {
	border: 1px solid #e1e4eb;
	
	/* !!! */
	
	padding: 20px;
	padding-top: 15px;
	margin-bottom: 20px;
}

.comment .reply-textarea {
	margin-bottom: 10px;
}

.comment .reply-textarea-input, .comment .reply-name-input {
	width: 100%;
	height: 100%;
	border: none;
	resize: none;
	background: transparent;
}

.rating {
    top: -2px;
    position: relative;    
}

.comment .reply-vote {
	border-bottom: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 10px;
}

.comment .reply-vote #voteComment {
    display: inline-block;
    top: -2px;
    position: relative;
}

.comment .reply-name {
	border-bottom: 1px solid #ddd;
	padding-top: 5px;
	padding-bottom: 5px;
}

.comment .reply-ava {
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
	color: #929292;
}

.comment .other {
	/* !!! */
	padding-left: 25px;

	border-left: 1px dashed silver;
}

.comment .loader {
	font-size: 14px;
	padding-right: 12px;
}

.comment .loader img {
	margin-right: 10px;
}

.loader {
	white-space: nowrap;
	display: none;
}

.comment .reply {
	display: none;
}

.comment-reply > .reply .loader {

}

.comment-reply > .reply {
	display: block;
}

.comment-reply > .reply-link {
	display: none;
}

/* */
.comment-reply-posting  > .reply .loader {
	display: block;
	color: #333 !important;
}

.comment-reply-posting  > .reply .reply-btns {
	display: none;
}

.comment-reply-posting > .reply, textarea:disabled, .reply-name-input:disabled {
	background: #f7f7f7;
}

.comments {
	background: white;
	padding: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 20px;
}

.comment .ava {
	border-radius: 100px;
	width: 36px;
}

.comment-top-bg {
	background: #4a76a8;
	color: white;
	font-size: 13px;
	padding-left: 20px;
	line-height: 40px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.comment-top, .comment-top .reply {
	margin-top: 0px;
	border-top: none;
	margin-bottom: 0px;
	border: none;
}

.comment-top {
	border: 1px solid #e1e4eb;
	background: #fafbfc;
}

.btn-primary {
	background-color: #5181b8;
	border: none;
}

.btn-primary:hover {
	background-color: #5b88bd;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
	background-color: #4872a3;
}

@media (max-width:767px){

	
	.comment .other {
		padding-left: 15px;
	}
	
}











.widget-contacts {
	--cyan: #10a995;
    --online: #00d83d;
    --online-dark: #00ad31;
	--cyan-flicker: #00be70;
	
	bottom: 0px;
	box-sizing: border-box;
	color: rgb(33, 37, 41);
	font-family: Arial;
	font-size: 17.28px;
	font-weight: 400;
	line-height: 24.2px;
	position: fixed;
	right: 15px;
	text-align: right;
	z-index: 1000
}

.widget-contacts > .widget-btn {
	align-items: center;
	background-color: rgb(2, 187, 118);
	background-image: linear-gradient(rgba(255, 255, 255, 0.27), rgba(0, 0, 0, 0.08)) !important;
	box-shadow: rgba(0, 0, 0, 0.15) 0px 8px 16px 0px;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: flex;
	font-family: Arial;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 16px;
	margin-left: 16px;
	overflow-x: hidden;
	overflow-y: hidden;
	padding: 8px;
	padding-right: 24px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	border-radius: 50rem;
	text-decoration: none;
}

.widget-contacts > .btn::before {
	content: '';
	width: 100%;
	height: 200%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0.5;
	filter: blur(10px);
	background: linear-gradient(to left, transparent 0%, #fff 40%, #fff 60%, transparent 100%);
	transform: translate(-100%, -25%) rotate(10deg);
	animation: shine 4s infinite;
}

.widget-ava {
	margin-right: 8px;
	border-radius: 50rem;
}


.status-online-offline {
  width: 8px;
  height: 8px;
  border-radius: 100rem;
  background: silver;
  display: inline-block;
  position: relative;
  top: -0.5em;
  cursor: default;
}

.widget-contacts .status-online-offline {
	position: relative;
	left: -21px;
	top: -18px;
	width: 11px;
	height: 11px;
	border: 2px solid white;
	border-radius: 50rem;
}

.status-online {
	background: var(--online);
	animation: status-online-animation 1.8s infinite;
}

@keyframes status-online-animation {
  0% {
    background: var(--online);
    box-shadow: 0 0 10px 0px rgba(0,216,61,0.45);
  }
  50% {
    background: var(--online-dark);
  }
  100% {
    background: var(--online);
    box-shadow: 0 0 10px 0px rgba(0,216,61,0.45);
  }
}

@keyframes bounce {
  0% {transform: translateY(0);}
  4% {transform: translateY(-15px);}
  12% {transform: translateY(+10px);}
  20% {transform: translateY(-7px);}
  27% {transform: translateY(+5px);}
  37% {transform: translateY(0);}
  100% {transform: translateY(0);}
}

@keyframes colorFlicker {
  0% {
    background: var(--cyan)
  }
  50% {
    background: var(--cyan-flicker);
  }
  100% {
    background: var(--cyan)
  }
}

.animation-flicker {
	animation: colorFlicker 1.8s infinite;
}


.animation-bounce {
  animation: bounce 5s infinite;
}




blockquote {
	font-style: italic;
	padding: 20px;
	margin-left: 0px;
	box-shadow: 0 0 15px silver;
	border-radius: 10px;
	background: white;
}

.img-responsive {
	border-radius: 10px;
}