:root {
  --bg-card: #0d0f14;
  --bg-card-text: #9b9b9b;
  --bg-light: #fff;
  --bg-dark: #0d0f14;
  --bg-body: #fff5f8;
  --bg-mark: #ff91a538;
  --bg-card-opacity: 50%;
  --bg-success: #11b924;
	--bg-yellow: #ffeebc;
	--bg-blue: #ecf9ff;
  --marker: #ff91a5;
  --radius: 0.5rem;
  --red: #ff6378;

  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.15));
  --bs-gradient-2: linear-gradient(180deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.05));
}

body {
  font-family: Arial;
  line-height: 1.7;
  background: var(--bg-body) url('');
  /*font-weight: 300;*/
  
	line-height: 1.57;
  font-size: 18px;
}

.container-ny {
  position: relative;
  background: 50% 0px repeat-x url();
  height: 145px;
  margin-bottom: -60px;
}

.container-ny div {
  position: absolute;
  background: 50% 0px / 612px 142px repeat-x;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.container-ny .ny-red-balls {
  background-image: url();
  z-index: 10;
}

.container-ny .ny-gold-balls {
  background-image: url();
  z-index: 9;
}

.container-ny .ny-ribbons {
  background-image: url();
  z-index: 8;
}


.breadcrumb-item.active a {
  text-decoration: none;
  color: #212529;
  border-bottom: none;
}

.shadow-sm {
  box-shadow: 0 0.15rem 0.55rem rgba(0, 0, 0, 0.09) !important
}

.bg-gradient-2 {
  background-image: var(--bs-gradient-2) !important;
}

@media (max-width: 1199.98px) {
  /*
	body {
		line-height: 1.57;
	  font-size: 19px;
	}*/
	.shadow-sm {
		box-shadow: 0 0.15rem 0.55rem rgba(0, 0, 0, 0.15) !important
	}
}


@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}

@keyframes online {
  0% {
    background: var(--bg-success)
  }
  50% {
    background: #07dc1e; /*55cd6c*/
    box-shadow: 0 0 20px 5px rgba(7,220,30,0.4);
  }
  100% {
    background: var(--bg-success)
  }
}

@keyframes online {
  0% {
    background: var(--bg-success)
  }
  50% {
    background: #07dc1e; /*55cd6c*/
    box-shadow: 0 0 20px 5px rgba(7,220,30,0.4);
  }
  100% {
    background: var(--bg-success)
  }
}

andbounce

@keyframes new {
  0% {
    background: var(red)
  }
  50% {
    background: red;
  }
  100% {
    background: var(red)
  }
}

.bg-online {
	background: var(--bg-success);
	animation: online 1.8s infinite;
	font-weight: normal;
}

@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);}
}

.bounce {
  animation: bounce 5s infinite;
}

.bg-new {
	background: var(--red);
	animation: new 1.8s infinite;
	font-weight: normal;
}

a {
  color: #346eb8;
  border-bottom: 1px solid #bfd3ed;
  text-decoration: none;
}

a:hover {
  color: #ff2c52;
  border-color: #ffa7a1;
}

a.unset {
	color: #212529 !important;
	text-decoration: none !important;
	border-color: transparent !important;
}

.red {
	color: #ff2c52;
}

a.text-dashed, .text-dashed {
  text-decoration: none;
  border-bottom: 1px dashed;
  cursor: pointer;
}

a.red {
	color: #ff2c52;
	border-bottom-color: #ffa7a1;
}

img.img-fix-valign {
	position: relative; 
	top: -2px;
}

nav {
	line-height: 1.4rem;
}
nav li {
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
}

header .top {
	background: url(/yii2/assets/img/bg_girl.jpg) #ffffff no-repeat right !important;
}

@media (max-width: 767.98px) {
	header .top {
		background-position: left;
	}
}

mark {
  background: var(--bg-mark);
  padding: .085em 0;
}

mark.mark-success {
	background: var(--bg-success);
	color: white;
}

.i-heart {
	height: 22px;
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%202.9a6.43%206.43%200%200%201%206.4%206.43c0%203.57-1.43%205.36-7.45%2010l-2.78%202.16a1.9%201.9%200%200%201%20-2.33%200l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43%206.43%200%200%201%206.4-6.43%205.7%205.7%200%200%201%205%203.1%205.7%205.7%200%200%201%205-3.1z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E);
	background-repeat: no-repeat;
	background-position: center;
	color: #ff3347;
	padding-left: 18px;
	padding-right: 18px;
}

.i-comment {
	background: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='utf-8'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3e%3cstyle type='text/css'%3e .st0%7bfill:%23FF2C52;%7d %3c/style%3e%3cg id='Capa_1'%3e%3cg%3e%3cg%3e%3cpath class='st0' d='M256,9.9C114.8,9.9,0,110.9,0,234.9c0,47.9,18.3,95.5,51.7,134.8L25.3,502.1l124.8-62.4 c33.3,13.4,68.9,20.3,105.9,20.3c141.2,0,256-100.9,256-225S397.2,9.9,256,9.9z M256,429.9c-35.3,0-69.2-6.9-100.5-20.5l-6.4-2.8 l-82.3,41.2l17.4-86.9l-5.1-5.6C47,320,30,278.3,30,234.9c0-107.5,101.4-195,226-195s226,87.5,226,195S380.6,429.9,256,429.9z'/%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg id='Слой_2'%3e%3cg%3e%3ccircle class='st0' cx='163' cy='284' r='25'/%3e%3ccircle class='st0' cx='259' cy='284' r='25'/%3e%3ccircle class='st0' cx='355' cy='284' r='25'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ") no-repeat;
	height: 22px;
	width: 22px;
	display: inline-block;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  font-weight: 700; 
}

h2, .h2, h1, .h1 {
  border-bottom: 1px solid #ccc;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

h4, .h4 {
  margin-bottom: 0.7rem;
}

h1::before, h2::before {
	content: "§ ";
	color: var(--marker);
	position: relative;
	top: -3px;
}

.no-before::before{
  content: "" !important;
}

ol.numeric {
	list-style: none;
	counter-reset: numeric-conter;
	margin: 0;
	padding: 0;
	padding-left: 3rem;
}

ol.numeric li::before {
	position: absolute;
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	
	content: counter(numeric-conter);
	counter-increment: numeric-conter;
	
	background: var(--bg-success);
	color: white;

	text-align: center;
	line-height: 2.2rem;
	border-radius: 100px;
	
	margin-left: -2.9rem;
	margin-top: -0.1rem;
}

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

.img-v {
	position: relative;
	top: -3px;
}

.bg-light {
  background: var(--bg-light) !important;
}

.bg-yellow {
  background: var(--bg-yellow) !important;
}

.border-yellow {
  --bs-border-color: #e4c9aa;
	border: 1px solid #e4c9aa;
}

.border-top, .border-bottom, .border-left, .border-right {
	border-color: #ccc !important;
}

.bg-yellow-grad {
  background: linear-gradient(0deg, var(--bg-yellow) 45%, rgba(255,246,210,1) 100%); 
}

.bg-blue {
	background: var(--bg-blue);
}

.bg-blue-grad {
	background: linear-gradient(0deg, rgba(227,237,255,1) 0%, var(--bg-blue) 75%); 
}

.bg-blue-grad_border {
	border: 1px solid white;
	box-shadow: 0 1px 0 0px #bfd3ed;
}

.list-content, .list-content ul {
  list-style: none;
  padding-left: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0rem;
  padding-right: 1rem;
}

.list-content li {
  padding-left: 1.25rem;
  margin-bottom: 0.5rem;
  position: relative;
}

.list-content li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: 5px;
  width: 8px;
  height: 8px;
  background: var(--marker);
}

.list-content a {
  border-bottom: 1px dashed;
}

.card-service {
  background: var(--bg-card);
  border: none;
}

.card-service > a {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: none;
  z-index: 10;
  opacity: 0;
}

.card-service-img {
  position: relative;
}

.card-service-img img {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}


.card-service-img-play {
	position: relative;
	cursor: pointer;
}

.card-service-img-play a {
	display: block;
	height: 100%;
	width: 100%;
}

.card-service-img-play .play {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -34px;
	margin-top: -24px;
	display: block;
}

.card-service-img-play:hover .play .ytp-large-play-button-bg {
	transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);
	fill: #212121;
	fill-opacity: 0.8;
}


.card-service-info {
  padding: 1.5rem;
}

.card-service-info p {
  margin: 0;
}

.card-service-info h4, .card-service-info h4 a {
  color: white;
  border: none;
}

.card-service-info p {
  color: var(--bg-card-text);
}

.btn-success {
  --bs-btn-font-size: 1.1rem;
  --bs-border-width: 0;

  --bs-btn-bg: var(--bg-success);
  --bs-btn-border-color: var(--bg-success);

  --bs-btn-hover-bg: #16ad27;
  --bs-btn-hover-border-color: #16ad27;

  --bs-btn-active-bg: #0ba01b;
  --bs-btn-active-border-color: #0ba01b;
}  

.btn-danger {
  --bs-btn-font-size: 1.1rem;
  --bs-border-width: 0;

  --bs-btn-bg: var(--red);
  --bs-btn-border-color: var(--red);

  --bs-btn-hover-bg: #ec586c;
  --bs-btn-hover-border-color: #ec586c;

  --bs-btn-active-bg: #cf5162;
  --bs-btn-active-border-color: #cf5162;
}

.btn-secondary {
  --bs-btn-font-size: 1.1rem;
  --bs-border-width: 0;
}


.top-img-container {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.top-img-container img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 992px) {
  .top-img-container img {
    top: -9999px;
    right: 0;
    bottom: -9999px;
    margin: auto;
    position: absolute;
    max-height: 100%;
    max-width: none;
  }
}

.hor-img-container {
  position: relative;
  overflow: hidden;
  height: 100%;
}

.hor-img-container img {
  max-width: 100%;
  height: auto;
}

@media (min-width: 992px) {
  .hor-img-container img {
    top: -9999px;
    left: -9999px;
    right: -9999px;
    bottom: -9999px;
    margin: auto;
    position: absolute;
    max-width: none;
  }
}


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


.rating {
  display: inline-block;
  transform: scale(1);
  white-space: nowrap;
  position: relative;
  bottom: -2px;
}

.rating i {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpi/J9cwYAH7AfiB0CciFPFnHYULhMewxygOAGIFRiIBPgMzMfBJstAkIsCkPggVwqQayDIsH40MZBh9cQYygLE66EKDQhoKIBiBmhEgfAHIA5EN1ABahgpQAGKL2DzsiM2CSLAAqheDAM/kGHoAmja/IArUkAShlCFxBpGVCw/JMLAjaQkG30iDDQgxUBiYtueWAMF0PLsAWi4okcY0S40QEq0gUgGwQyGxaoAvsIC2cALUE2KQLwBR+wqQtU8wGUg45dTFygqD7lN9UfLw9HycLQ8HC0Ph0N5CBBgAPidS3kXcnhnAAAAAElFTkSuQmCC');
  background-position: 0 -16px;
  background-repeat: repeat-x;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 3px;
}

.rating i:last-child {
  margin-right: 0px;
}

.rating-js i {
  cursor: pointer;
}

.rating[data-stars^="1"] i:nth-child(1),
.rating[data-stars^="2"] i:nth-child(1),
.rating[data-stars^="2"] i:nth-child(2),
.rating[data-stars^="3"] i:nth-child(1),
.rating[data-stars^="3"] i:nth-child(2),
.rating[data-stars^="3"] i:nth-child(3),
.rating[data-stars^="4"] i:nth-child(1),
.rating[data-stars^="4"] i:nth-child(2),
.rating[data-stars^="4"] i:nth-child(3),
.rating[data-stars^="4"] i:nth-child(4),
.rating[data-stars^="5"] i:nth-child(1),
.rating[data-stars^="5"] i:nth-child(2),
.rating[data-stars^="5"] i:nth-child(3),
.rating[data-stars^="5"] i:nth-child(4),
.rating[data-stars^="5"] i:nth-child(5) {
  background-position: 0 0px;
}


.rating[data-stars^="0,5"] i:nth-child(1),
.rating[data-stars^="1,5"] i:nth-child(2),
.rating[data-stars^="2,5"] i:nth-child(3),
.rating[data-stars^="3,5"] i:nth-child(4),
.rating[data-stars^="4,5"] i:nth-child(5) {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAYAAAASYli2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAORJREFUeNpi/J9cwYAH7P+aHvEASCfiUsBtqo/CZ8JjmAMUJwCxAgORAJ+B+TjYZBkIclEAEh/kSgFyDQQZ1o8mBjKsnhhDWYB4PVShAQENBVAMAg+g+AMQB6IbqAA1jBSgAMUXsHnZEZsEEWABVC+GgR/IMHQBNG1+wBUpIAlDqEJiDSMqlh8SYeBGUpKNPhEGGpBiIDGxbU+sgQJoefYANFzRI4xoFxogJdpAJINgBsNiVQBfYYFs4AWoJkUg3oAjdhWhah7gMpDxyym8yW8/VPNoeThaHo6Wh6Pl4XAvDwECDAAOwkx5/Q6V3gAAAABJRU5ErkJggg');
  background-position: 0 0px;
}


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

.widget-container {
	position: fixed;
	z-index: 9999;
	text-align: right;
	right: 15px;
  bottom: 0px;
}

.widget-float {
	box-shadow: 0px 6px 25px rgb(0 0 0 / 25%);
	/*animation: 3s radial-pulse 3s infinite;*/
  
}

.widget-float-video {
	z-index: 9999;
	position: fixed;
	box-shadow: 0px 6px 25px rgb(0 0 0 / 25%);
	/*animation: 3s radial-pulse 3s infinite;*/
  right: 15px;
  bottom: 75px;
}


.widget-float-setup {
	z-index: 9000;
	position: fixed;
	box-shadow: 0px 6px 25px rgb(0 0 0 / 25%);
	
	right: 15px;
	bottom: 75px;
	
	font-size: 1rem;
	
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(18, 167, 68, 0.5);
  }
  50% {
    box-shadow: 0 0 0 20px rgba(18, 167, 68, 0);
  }
  100% {
    box-shadow: 0 0 0 40px rgba(18, 167, 68, 0);
  }
}

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


.upload {
  border: 1px solid var(--red);
  width: 2.5rem;
  height: 2.5rem;
  padding: 9px;
  display: flex;
  border-radius: 100rem;
}

.upload:hover {
  background: var(--bg-body);
  cursor: pointer;
}

.form-control {
  resize: none;
}

.form-control:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: silver;
}


.comments > .comment {
	border-radius: var(--radius);
	background: white;
	padding: 1rem;
}

.comment .comment {
	box-shadow: none !important;
}

.comment {
  margin-bottom: 1rem;
  font-size: 16px;
}

.comment .author {
  margin-bottom: 0.5rem;
  align-items: center;
}

.comment .avatar {
  width: 2.5rem; 
  height: 2.5rem;
  border-radius: 100rem;
}

.reply-thread {
  margin-top: 1rem;
}

.reply-thread > .comment {
  margin-left: 1.5rem;
}

.reply-link > span {
  font-size: 0.9rem;
  color: #346eb8;
  border-bottom: 1px dashed #346eb8;
  cursor: pointer;
}

.reply-form {
  padding: 1rem;
  border-radius: var(--radius);
  background: #f4f4f4;
  margin-top: 1rem;
  position: relative;
}
.form-control-rate {
  display: none;
}
.comment > .reply-link {
  display: block;
}
.comment > .reply-form {
  display: none;
}
.comment-new > .reply-form {
  display: block;
  margin-top: 0;
  padding: 0;
  background: white;
}
.comment-new .btn-action-cancel {
  display: none;
}
.comment-new .form-control-rate {
  display: block;
}

/* comment-reply-show */
.comment-reply-show > .reply-link {
  display: none;
}
.comment-reply-show > .reply-form {
  display: block;
}

/* comment-reply-sending */
.btn-progress {
  display: none;
} 

.comment-reply-sending .btn-action-send,
.comment-reply-sending .btn-action-cancel {
  display: none;
}
.comment-reply-sending .btn-progress {
  display: block;
}

.likes .heart {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Ctitle%3Elike_outline_24%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2C0H24V24H0Z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M17%2C2.9A6.43%2C6.43%2C0%2C0%2C1%2C23.4%2C9.33c0%2C3.57-1.43%2C5.36-7.45%2C10l-2.78%2C2.16a1.9%2C1.9%2C0%2C0%2C1-2.33%2C0L8.05%2C19.37C2%2C14.69.6%2C12.9.6%2C9.33A6.43%2C6.43%2C0%2C0%2C1%2C7%2C2.9a6.46%2C6.46%2C0%2C0%2C1%2C5%2C2.54A6.46%2C6.46%2C0%2C0%2C1%2C17%2C2.9ZM7%2C4.7A4.63%2C4.63%2C0%2C0%2C0%2C2.4%2C9.33c0%2C2.82%2C1.15%2C4.26%2C6.76%2C8.63l2.78%2C2.16a.1.1%2C0%2C0%2C0%2C.12%2C0L14.84%2C18c5.61-4.36%2C6.76-5.8%2C6.76-8.63A4.63%2C4.63%2C0%2C0%2C0%2C17%2C4.7c-1.56%2C0-3%2C.88-4.23%2C2.73L12%2C8.5l-.74-1.07C10%2C5.58%2C8.58%2C4.7%2C7%2C4.7Z%22%20fill%3D%22%23828a99%22%2F%3E%3C%2Fsvg%3E);
	width: 24px;
	height: 24px;
	margin-right: 0.5rem;
	cursor: pointer;
}

.likes-active .heart {
	background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h24v24h-24z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22m17%202.9a6.43%206.43%200%200%201%206.4%206.43c0%203.57-1.43%205.36-7.45%2010l-2.78%202.16a1.9%201.9%200%200%201%20-2.33%200l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43%206.43%200%200%201%206.4-6.43%205.7%205.7%200%200%201%205%203.1%205.7%205.7%200%200%201%205-3.1z%22%20fill%3D%22%23ff3347%22%2F%3E%3C%2Fsvg%3E);
}

.likes {
	opacity: 0.7;
	cursor: default;
	transition: opacity 100ms ease-in-out;
}

.likes:hover {
	opacity: 1;
}

@keyframes progress-bar-stripes {
  0% {background-position-x: -1rem;}
}


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

.forum {
	font-size: 1rem;
	border-radius: var(--radius);	
	box-shadow: 0 0.15rem 0.55rem rgba(0, 0, 0, 0.09);
	margin-bottom: 1.5rem;
}

.forum .vopros {
	background: var(--bg-blue);
	padding: 0.7rem 1rem 0.7rem 1rem;
  border-top-right-radius: var(--radius);
  border-top-left-radius: var(--radius);
  border: 1px solid #bdcadf;
}

.forum .otvet {
	background: var(--bg-yellow);
	padding: 0.7rem 1rem 0.7rem 1rem;
  border-bottom-right-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
  border: 1px solid #e4c9aa;
  border-top: none;
  font-style: italic;
}

.forum .vopros p:last-child, .forum .otvet p:last-child {
	margin-bottom: 0;
}