@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* =======================================================
*
*   Template Style
* by Belikov art
*
* ======================================================= */
body {
  font-family: "Myriad Pro", "Arial", sans-serif;
  line-height: 1.2;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 1px;
  color: #121212;
  background-color: #ffffff;
  padding-right: 0!important;
  overflow: auto;
  overflow-y:scroll!important;
  height: 100%;
  /*max-width: 2745px;*/
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.owl-stage {
  width: 6232px!important;/*hack fix*/
}

a {
  color: #eb375e;
  text-decoration: none;
  font-weight: 400;
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  position: relative;
  z-index: 4;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: #121212;
}
a:focus, a:active {
  outline: none;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: #eb375e;
}

ol, ul {
    padding-left: 0;
}

blockquote {
  padding: 45px 2px;
  border-left: 3px solid #eeeeee;
}

.underline2 a {
  font-size: 1.35rem;
}

.underline2 a:hover {
  color: #eb375e;
}

.underline:hover {
  text-decoration: underline;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1;
}

.h1, h1 {
  font-size: 56px;
  font-weight: 500;
}

.icon {
  font-size: 14px;
  padding-left: 3px;
  font-style: normal;
}

::-webkit-selection {
  color: #fff;
  background: #ea375e;
}

::-moz-selection {
  color: #fff;
  background: #ea375e;
}

::selection {
  color: #fff;
  background: #ea375e;
}

input[type="text"] {}
input[type="text-error"] {
  height: 30px;
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none !important;
  background-color: -internal-light-dark(rgb(232, 240, 254), rgba(70, 90, 126, 0.4)) !important;
  color: -internal-light-dark(black, white) !important;
}

.tag {
  border: 1px solid #cccccc;
  border-radius: 12px;
  padding: 0 8px;
  padding-top: 0;
  padding-bottom: 2px;
  font-size: 14px;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

.pr-lg-5 {
  padding-right: 5rem;
}

.pl-lg-5 {
  padding-left: 5rem;
}

.pr-lg-3 {
  padding-right: 3rem;
}

.pl-lg-3 {
  padding-left: 3rem;
}

.f-wrap {
  flex-wrap: wrap;
}

.rounded-4 {
  border-radius: 1rem!important;
}

.bg-dark {
  background-color: transparent !important;
}

.vh-70 {
  height: 70vh!important;
}

.vh-80 {
  height: 80vh!important;
}

.m-auto {
  margin: 0 auto!important;
}

.mr-3 {
  margin-right: .75rem;
}

.ml-3 {
  margin-left: .75rem;
}

.mr-4 {
  margin-right: 1rem;
}

.ml-4 {
  margin-left: 1rem;
}

.animated--grow-in-left, .offcanvas-main.hide {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 520ms;
  animation-duration: 520ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

.animated--grow-in-right, .offcanvas-main.show {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
  -webkit-animation-duration: 420ms;
  animation-duration: 420ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

@-webkit-keyframes growIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes growIn {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.animated--grow-in, .growIn{
  -webkit-animation-name: growIn;
  animation-name: growIn;
  -webkit-animation-duration: 320ms;
  animation-duration: 320ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

.animated--grow-in-right, .hide {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  -webkit-animation-duration: 520ms;
  animation-duration: 520ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in,
.animated--fade-in, .item,
.animated--fade-in, .lazyload {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
  -webkit-animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
}

.animated-- {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-duration: 240ms;
  animation-duration: 240ms;
  -webkit-animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: opacity cubic-bezier(0, 1, 0.4, 1);
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  max-width: 100%;
  height: auto;
}

.afishs,
.banner {
  padding: 0 30px;
}

.shadow {
  box-shadow: 0 0 7px rgb(118 118 118 / 16%)!important;
}

.p3 {
  padding: 0;
}

.mt-65 {
  margin-top: 65px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-145 {
  margin-top: 145px;
}

.message {}

.message-body {
  background-color: transparent;
  border: 1px solid #cccccc;
  border-radius: 12px;
}

.message-header-media {
  background-color: #f5f5f5;
  padding: 0.25rem;
  border-bottom: 1px solid #cccccc;
  border-radius: 12px 12px 0 0;
}

.message-header-media a {
  font-size: 16px;
  font-weight: 500;
}

.message-header-media li {
  list-style-type: none;
}

.share .dropdown-menu {
  padding: 9px;
}

.share .dropdown-item {
  padding: 0.4rem 0.65rem !important;
  border-radius: 11px;
}

.share .dropdown-item.active, .share .dropdown-item:active {
  color: #1e2125;
  background-color: #e9ecef;
}

.dropdown-toggle::after {
    display: none !important;
}

.message-header-media .dropdown-toggle::after {
  display: none;
}

.message-header-media span {
  font-weight: 400;
}

.im-fluid {
  position: relative;
  overflow-y: auto;
  max-height: 100%;
  white-space: inherit;
  text-overflow: ellipsis;
  display: block;
  vertical-align: inherit;
}

#im-fluid::-webkit-scrollbar-button {
  background-image:url('');
  background-repeat:no-repeat;
  width:5px;
  /* height:0px; */
}

#im-fluid::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 9px;
  margin-top: 0;
}

#im-fluid::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 9px;
  background-color:#dddddd;
}

#im-fluid::-webkit-scrollbar-thumb:hover {
  background-color:#8e8d93;
}

#im-fluid::-webkit-resizer {
  background-image:url('');
  background-repeat:no-repeat;
  width:12px;
  height:0px;
}

#im-fluid::-webkit-scrollbar {
  width: 12px;
}

.im-body {
  position: absolute;
  width: 100%;
  max-height: 100%;
  bottom: 0px;
}

.im-body .jumbotron {
  background: #e1f2fe;
  padding: 0.45rem 1rem;
  border-radius: 12px;
}

.im-body .jumbotron h5 {
  font-size: 15px;
  color: #000000;
}

.im-body .jumbotron p {
  font-size: 17px;
  margin-bottom: 0.5rem;
}

.im-body .text-muted {
  font-size: 14px;
  margin-top: -11px;
}

.im-body .alert-body {
  font-size: 15px;
  color: #818181;
  max-width: 580px;
}

.im-body .alert li {
  margin-left: 1rem;
}

.btn-link {
  text-decoration: none;
  font-size: 19px;
  color: #121212;
}

.btn-link:hover{
  color: #eb375e;
}

.btn-red {
  color: #fb3b33;
}

.btn-g0 {
  position: absolute;
  z-index: 2000;
  margin-top: -48px;
  margin-left: 743px;
  background-color: #fff;
  border-radius: 16px;
  line-height: 1.3;
}

.offcanvas {
  z-index: 1045;
}

.panel-service-works .card {
  border-radius: 27px;
}

.panel-service-works a {
  font-size: 14px!important;
  text-decoration: auto!important;
}

.panel-nav .bg-secondary {
  --bs-bg-opacity: 1;
  background-color: #121212!important;
}

.badge {
  padding: 0.15rem 0.65rem;
  font-size: 15px;
}

.bg-secondary {
  background-color: #121212;
}

.pbanner-url .body li{
  margin-left: 1.75rem;
}

.alert {
  border-radius: 16px;
  font-size: 18px;
  padding: 0.75rem;
}

.alert-light {
  color: #121212;
  background-color: #ffffff;
  border-color: #cecece;
}

.alert-light li {
  margin-left: 1.25rem;
}

.alert-media {
  background-color: #f5f5f5;
  border-radius: 21px;
  padding: 0.25rem 0.7rem;
  font-size: 14px;
  font-weight: 500;
  margin-top: 1rem;
}

@media only screen and (max-width: 768px) {
  .message-header-media {
    display: grid!important;
  }
  .message-header-media .icon {
    display: flex;
    float: right;
    right: 0;
    margin-top: -57px;
    font-size: 21px!important;
  }
  .im-body .media{
    width: 89.44444%!important;
  }
  .btn-g0 {
    margin-left: 210px;
  }
}

header {
  position: relative;
}

.background-fuid {
  margin-top: -70px;
  z-index: 1015;
  position: relative;
}

.background-cover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 30%;
}

.navbar {
  padding-top: .7rem;
  padding-bottom: 0;
}

.navbar .logo {
  width: 33px;
}

.navbar-border {
  border: 2px solid #121212;
  border-radius: 27px;
  padding-right: 7px;
  padding-left: 5px;
  padding-top: 1px;
  padding-bottom: 1px;
}

.navbar-collapse {
  flex-grow: 0;
  z-index: 1050;
}

.navbar-dark .navbar-nav .nav-link {
  color: #121212;
  font-size: 17px;
  font-weight: 500;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: #eb375e;
}

.navbar-dark .navbar-brand {
  font-weight: 500;
  z-index: 1050;
}

.navbar-brand span {
  color: #121212 !important;
}

.navbar-brand .media .media-body span {
  font-size: 17px;
  font-weight: 700;
  text-transform: uppercase;
}

.navbar-expand-lg .navbar-nav .nav-p {
  padding-right: 2rem;
  padding-left: 0;
  padding-right: 1rem;
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.item-active {
  color: #eb375e;
  text-transform: lowercase;
}

.navbar-dark .navbar-nav .nav-link.active:hover,
.navbar-dark .navbar-nav .nav-link.item-active:hover {
  color: #121212;
}

.nav-item-active {
  border-radius: 17px;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgb(0 0 0 / 7%);
}

.panel-u {
  background-color: #f5f5f5!important;
}

.panel-u img {
  border-radius: 50%;
  max-width: 50px;
}

.panel-u h3 {
  font-size: 1.2rem;
}

.panel-u .media-body a {
  font-size: 17px;
}

.panel-u .media-body p {
  font-size: 18px;
  margin-bottom: 0.5rem;
}

.panel-u .media-body h3 {
  margin-bottom: 0;
}

.panel-order {
  border-radius: 27px!important;
  border: 1px solid #ccc!important;
  background-color: transparent!important;
}

.panel-order .media {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.panel-order .media-mody {
  text-align: center!important;
}

.panel-nav a {
  text-decoration: none!important;
  color: #7f7f7f;
  font-size: 18px;
  padding-bottom: 2px;
}

.panel-nav a:hover {
  color: #eb375e;
}

.panel-support .owl-stage-outer {
  min-height: 289px;/*hack fix*/
}

.panel-support a {
  color: #eb375e;
}

.panel-support a:hover {
  color: #121212;
}


.nav-link {
  color: #121212;
}

.nav-link:hover {
  color: #eb375e;
}

.nav-pills .nav-link {
  border-radius: 0.4rem;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #eb375e;
}

.offcanvas.show {
  margin-top: 50px;
  margin-right: 5px;
}

.offcanvas-backdrop.show {
  margin-top: 0;
}

.offcanvas-end {
  width: 395px;
  border-left: none;
  background: transparent;
}

.offcanvas-body {
  padding: 1rem;
}

.offcanvas-fluid {
  background: #fff;
  padding: 1rem 1rem;
  border-radius: 27px;
  box-shadow: 0 0 7px rgb(118 118 118 / 16%);
}

.ads {
  padding: 3px!important;
  background: transparent!important;
  box-shadow: none!important;
  border-radius: 0!important;
}

.offcanvas-blur {
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(21px);
  background-color: rgb(255 255 255 / 59%);
}

.offcanvas-backdrop.show {
  opacity: 0;
}

.toast {
  border-radius: 17px;
  border: none;
  background: rgb(255 255 255 / 71%);
  -webkit-backdrop-filter: blur(21px);
  backdrop-filter: blur(21px);
}

.toast-body {
  padding: 15px;
}

.toast-link {
  background: none;
  border: none;
  font-size: 16px;
  color: #ea375e;
  margin-top: 4px;
}
.toast-link:hover {
  color: #121212;
}

.accordion-item {
  background-color: transparent;
  border: none;
}

.accordion-button {
  padding: 1rem 0;
}

.accordion-button:not(.collapsed) {
  color: #121212;
  background-color: transparent;
}

.accordion-button:focus {
  border-color: transparent;
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-button::after {
  font-family: 'icomoon' !important;
  background-image: none;
  content: "\e922";
  color: #121212;
}

.accordion-button:not(.collapsed)::after {
  background-image: none;
  content: "\e980";
  color: #eb375e;
}

#myTab .nav {
  display: block;
}

.jumbotron-fluid {
  position: relative;
  display: flex;
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
  flex-direction: column;
}

.jumbotron-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}

.dubhees-logo {
  font-family: "Lato", sans-serif;
  text-decoration: none;
  background: rgb(68,0,115);
  background: linear-gradient(149deg, rgba(68,0,115,1) 0%, rgba(116,19,184,1) 30%, rgba(227,0,84,1) 80%);
  text-transform: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.05rem;
  z-index: 1;
}

.jumbotron-background {
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 30%;
  min-height: 640px;
  max-height: 640px;

}

.jumbotron-background h1,
.card-background h1 {
  font-size: 48px;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4.2rem 2rem;
  }
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  border-radius: 0;
  z-index: 1;
  padding-top: 2.75rem;
}

.jumbotron .soon {
  color: #0059e4;
  font-weight: 400;
  margin-bottom: 0;
}

.jumbotron .new {
  color: #fb3b33;
  font-weight: 400;
  margin-bottom: 0;
}

.afishs .jumbotron,
.banner .jumbotron{
  border-radius: 27px;
  box-shadow: 0 0 12px rgb(220 219 219);
}

.jumbotron-shadow {
  border-radius: 27px;
  box-shadow: 0 0 12px rgb(220 219 219);
}

.team .jumbotron, 
.archive .jumbotron,
.jumbotron-archive-2{
  box-shadow: none;
  border-radius: 0;
}

.media {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
}

.media-body {
  -ms-flex: 1;
  flex: 1;
}

.mt-0, .my-0 {
  margin-top: 0!important;
}

.card-afisha {
  padding: 0;
  border: none;
  border-radius: 0;
  min-height: 640px;
  background-color: #f5f5f5 !important;
}

.card-block {
  padding-left: .5rem;
  padding-right: .5rem;
}

.card-block .card {
  border-radius: 27px;
  box-shadow: 0 0 17px rgb(201 201 201);
}

.card {
  border: none;
  background-color: #f5f5f5;
  margin-left: .75rem;
  margin-right: .75rem;
  border-radius: 27px;
}

.card-background {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center -15%;
  min-height: 680px;
  max-height: 100%;
}

.card-body p {
  font-size: 21px;
}

.card-img {
  border-radius: 27px;
}

.item-content .card-img {
  border-radius: 27px;
}

.help .card {
  border-radius: 27px;
  box-shadow: 0 0 17px rgb(201 201 201);
}

.form-group {
  margin-bottom: 1rem;
}

.a2222 .form-control {
  height: 79px;
  padding: 0 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  border: 1px solid #cccccc;
  background-color: #f5f5f5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 16px;
}

.a2222 .form-control::placeholder {
  color: #121212;
  text-align: center!important;
  font-size: 26px;
  font-weight: 200;
}

.a2222 .form-control:focus, .form-control:active {
  box-shadow: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.a2222 .form-control:disabled, .form-control[readonly] {
  background-color: #121212;
  opacity: 1;
}

.form-control-top {
  border-radius: 16px 16px 0 0;
}

.form-control-bottom {
  border-radius: 0 0 16px 16px;
  margin-top: -1px;
}

.ico-circle {
  height: 3rem;
  width: 3rem;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.alert-login {
  color: #121212;
  background-color: transparent;
  border: 2px solid #121212;
}

.alert-pay {
  height: 5rem;
  width: 5rem;
  font-size: 25px;
  color: #00bf96;
  border: 2px solid #00bf96;
  background-color: transparent;
}

.alert-pay2 {
  height: 4rem;
  width: 4rem;
  font-size: 20px;
  color: #00bf96;
  border: 2px solid #00bf96;
  background-color: transparent;
}

.alert-pay3 {
  height: 4rem;
  width: 4rem;
  color: #879198;
  border: 2px solid #879198;
  font-size: 20px;
  background-color: transparent;
}

.alert-pay4 {
  height: 4rem;
  width: 4rem;
  color: #ea375e;
  border: 2px solid #ea375e;
  font-size: 20px;
  background-color: transparent;
}

.ico-belikovart-studio:before {
  content: "";
  background-image: url(../images/icon-logo.png);
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
}

.fas {
  float: left;
  position: absolute;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 31px;
  color: #8e8d93;
  left: 0;
}

.btn.btn-primary {
  background: #383838;
  color: #747474;
  border-radius: 16px;
  text-align: center!important;
  text-transform: none;
  font-size: 28px;
  font-weight: 200;
  height: 69px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid transparent !important;
}

#blvart-php-form-section a {
  text-decoration: underline;
  font-size: 17px;
}

.custom-control p,
.custom-control span {
  margin-bottom: 1.5em;
  font-size: 16px;
  font-weight: 300;
}

.form-check-input {
  width: .75em;
  height: .75em;
}

.form-check-label p {
  margin-block-start: .1em;
   margin-block-end: .1em;
}

.form-check .form-check-input {
  margin-left: -1em;
}

.form-check-input:disabled~.form-check-label, .form-check-input[disabled]~.form-check-label {
    opacity: 1;
}

.form-check a {
  color: #7d7d7d;
}

.form-control-min {
  height: 55px;
}

.form-control-min::placeholder {
  font-size: 21px;
}

.accordion-body {
    padding: 0;
}

.url-php-form-section {
  margin-top: 0.755rem;
  margin-bottom: 1rem;
}

.url-php-form-section p {
  margin-bottom: 0.5rem;
}

.url-php-form-section ul {
  margin-bottom: 1.25rem;
}

.url-php-form-section a {
  font-size: 21px;
  border-bottom: 1px dashed rgb(0 0 0 / 55%);
  text-decoration: dashed!important;
}

.url-php-form-section #myTab p {
  margin-bottom: .25rem;
  text-decoration: dashed!important;
}

input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color: #000 !important;
    color: -internal-light-dark(black, white) !important;
}

.form-creat .form-select {
  border: 1px solid #b6b6b6;
  border-radius: 16px;
  overflow: hidden;
  background-color: #f1f1f1;
  height: 79px;
  padding: 0;
}

.form-select option {
  color: #000000;
  border-bottom: 1px solid#cecece;
  padding: 1rem 1.15rem;
  margin-bottom: 1px;
  cursor: pointer;
}

.form-select option:checked,
.form-select option:hover {
  background-color: #cccccc !important;
}

.form-select-min {
  height: 55px!important;
  padding: 0 15px!important;
  box-shadow: none!important;
  border: none!important;
  border: 1px solid #cccccc!important;
  border-radius: 16px!important;
  background-color: #ffffff!important;
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0!important;
}

.form-height-lg {
  height: 317px;
}

.form-height-lg2 {
  height: 317px;
}

.form-text {
  padding-left: 0.75rem;
  font-size: 16px;
}

.btn {
  border-radius: 17px;
}

.btn.disabled, .btn:disabled {
  cursor: not-allowed;
}

.btn-light {
  background-color: #ffffff;
  border-color: #ffffff;
  margin-bottom: .75rem;
  text-decoration: none!important;
}

.btn-light:hover {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}

.menu ul {
  border-top: 2px solid #121212;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-banner .card-img {
  border-radius: 12px;
}

.menu-banner h1 {
  font-size: 28px;
}

.menu-banner h4 {
  font-size: 21px;
}

.menu-title {
  display: flex;
  align-items: flex-start;
}

.menu-banner .new {
  color: #fb3b33;
  font-weight: 400;
  margin-bottom: 0;
}

.menu-banner .dubhees-logo {
  font-size: 38px;
}

.menu-banner .media-body {
  -ms-flex: 0;
  flex: 0;
}

.menu-banner .media {
  justify-content: center!important;
}

.divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #cccccc;
}

.divider-fuid {
  height: 0;
  margin: 0;
  overflow: hidden;
  border-top: 1px solid #757575;
}

.list-group {
  border-radius: 17px;
}

.archive h2 {
  font-size: 38px;
  color: rgb(234 55 94 / 75%);
}

.archive .card {
  margin-left: 0;
  margin-right: 0;
  border-radius: 27px;
  box-shadow: 0 0 17px rgb(201 201 201);
}

.archive .card-img-top {
  border-radius: 27px;
}

.archive .card-body {
  padding: 0;
}

.pined h2 {
  font-size: 34px;
  color: rgb(234 55 94 / 75%);
}
.pbanner span {
  color: #ec6683;
}

.studio h1 {
  line-height: 1;
}

.studio p {
  font-size: 32px;
  font-weight: 500;
  color: rgb(15 15 15 / 75%);
}

.year-works {
  margin-left: -70px;
}

.team-active .card {
  height: 100%;
  border-radius: 27px;
}

.price .card {
  max-width: 290px;
  margin-left: 0;
  margin-right: 0;
  border-radius: 27px;
}

.price .icon {
  font-size: 32px!important;
  line-height: 2!important;
  margin-bottom: .75rem;
}

.dev h2 {
    font-size: 2.5rem;
}

.privacy-text {
  color: #fff;
}

.privacy-text p {
  font-size: 32px;
}

.card-vmjsl .card {
  width: 380px;
  background-color: #121212;
  border-radius: 27px;
}

.card-vmjsl .h-100 {
  height: 346px!important;
}

.card-vmjsl .card-img-top {
  border-top-left-radius: 27px;
  border-top-right-radius: 27px;
}

.card-vmjsl p {
  font-size: 16px;
}

.card-vmjsl a {
  font-size: 14px;
}

.card-vmjsl a:hover {
  color: #fff;
}

.card-vmjsl .icon {
  font-size: 10px;
}

.team-active {
  width: 99%;
}

.page-status .icon-search2 {
  font-size: 38px;
  background: rgb(68,0,115);
  background: linear-gradient(149deg, rgb(223 152 228) 0%, rgb(129 34 196) 20%, rgb(220 63 121) 60%);
  text-transform: none;
  text-decoration: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.page-status, .archive, .page-div, .sp-div, .background-fuidOff {
  flex-grow: 1;
}

.sp-div  .nav-item {
  padding: 0.5rem 0;
}

.sp-div .nav-link-d {
  color: #0d6efd;
  text-decoration: none;
}

.sp-div .nav-link-d:hover {
  color: #ffffff;
}

.sp-div .card {
  width: 265px;
  height: 90px;
  background-color: transparent;
  border-radius: 27px;
}

.sp-div .card-vmjsl a {
  font-size: 21px;
}

.sp-div h1 {
  font-size: 48px;
}

.sp-div h4 {
  font-size: 21px;
  font-weight: 600;
}

.sp-div .h4 {
  font-size: 18px;
  font-weight: 400;
}

.sp-div .icon-big {
  font-size: 34px;
  color: #eb375e;
}

.spnav .nav-item {
  padding: 0;
}

.spnav .nav-link {
  font-size: 18px;
  color: #ea375e;
  padding: 0.5rem 0;
}

.spnav .nav-link:hover {
  color: #121212;
}

.spnav .jumbotron {
  padding: 0;
  background-color: #f5f5f5;
}

.spnav .btn {
  margin: 0 0.4rem;
}

.spnav .icon {
  font-size: 14px;
  padding-left: 0.4rem;
}

.sp-div .form-control {
  height: 45px;
}

.sp-div .form-control {
  display: block;
  position: absolute;
  padding: 0;
  padding-right: 1rem;
  padding-left: 3.1rem;
  color: #8e8d93;
  background-color: #f5f5f5;
  background-clip: padding-box;
  border: none;
  border-radius: 17px;
  box-shadow: none;
  z-index: 1000;
}

.sp-div .form-control::placeholder {
  font-size: 19px;
  color: #8e8d93;
  font-weight: 400;
  text-align: start!important;
}

.sp-div .form-control:focus,
.sp-div .form-control:active {
  box-shadow: none;
  background-color: #ffffff;
  border: none;
}

.sp-div .form-control__categoy {
  border: 1px solid #cccccc!important;
}

.sp-div .form-control__categoy:focus,
.sp-div .form-control__categoy:active {
  border: 1px solid #cccccc!important;
  box-shadow: none!important;
}


.sp-div .form-control:active {
  box-shadow: 0 0 0 3px rgb(13 105 243 / 72%);
}

.sp-div .form-control:disabled,
.sp-div .form-control[readonly] {
  background-color: #121212;
  opacity: 1;
}

.sp-div .fas {
  float: left;
  position: absolute;
  padding-top: 14px;
  padding-right: 14px;
  padding-bottom: 14px;
  padding-left: 19px;
  color: #8e8d93;
  top: 0px;
  left: 0;
  z-index: 1000;
}

.dropdown-menu {
  border-radius: 12px;
}

.shadow-pink .dropdown-menu.show {
  display: block;
  top: -4px!important;
  left: -1px!important;
  width: 71.32222% !important;
  padding: 0;
  box-shadow: 0 1px 2px 0 rgb(234 55 94 / 55%), 0 3px 6px 2px rgb(234 55 94 / 35%);
  box-sizing: border-box;
  z-index: 999;
}

.sp-div .dropdown-item {
  padding: 0.65rem 1rem;
}

.sp-div .dropdown-item .icon {
  font-size: 14px;
  color: #9e9e9e;
}

.sp-div .h-45 {
  font-size: 32px;
}

.review-article {
  padding: 0.45rem 0;
  background-color: rgb(75 255 90 / 15%);
}

.review-article h4 {
  font-size: 18px;
}

.background-rw {
  margin: 7px;
}

.pbanner-url .breadcrumb-item a:hover {
    color: #000000!important;
}

.nav-content {
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
  border-radius: 7px;
  background-color: #f5f5f5;
  padding: 0.75rem 1rem;
}

.nav-content .nav-link {
  color: #eb375e;
}

.nav-content li {
  font-size: 1.15rem;
}

.content-block-next .icon {
  font-size: 24px;
}

.content-block-next .card {
  border-radius: 0;
  background-color: transparent;
}

.content-block-next .card-next {
  border-right: 1px solid #121212;
}

.content-block-next .card-old {
  border-left: 1px solid #121212;
}

.add-plus {
  width: 100%;
  color: #f5f5f5;
  transition: color .25s;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: transparent;
  margin-top: 0;
}

.add-plus::before{
  content: '';
  position: absolute;
  left: 0;
  top: 54%;
  width: 100%;
  border-top: 3px solid;
}

.add-plus::after {
  content: '';
  position: absolute;
  left: 50%;
  top: auto;
  height: 100%;
  border-left: 3px solid;
}

.add:hover {
  color: #fff;
}

.item-bar-1 {
  max-width: 347px/*368px*/;
  margin-left: 20px;
}

.item-bar-1 h4 {
  font-weight: 400;
}

.item-bar-1 .col {
  overflow: hidden;
}

.item-cover-bard {
  max-width: 347px/*368px*/;
  overflow: hidden;
  border-radius: 17px;
}

.item-cover-bard .card:hover {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1200ms;
  animation-duration: 1200ms;
  -webkit-animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
  animation-timing-function: transform cubic-bezier(0.18, 1.25, 0.4, 1), opacity cubic-bezier(0, 1, 0.4, 1);
}

#idata .bg-light {
  border: 1px solid #cccccc;
  background-color: #f5f5f5!important;
  font-weight: 500;
  margin-right: 3px;
}

footer {
  background-color: #f5f5f5;
  padding: 2rem 1rem;
  flex-shrink: 0;
}

.footer-small a {
  font-size: 70%;
  color: #858585;
}

footer p,
footer a {
  font-size: 16px;
}

footer a {
  color: #121212;
  padding-left: 7px;
  padding-right: 7px;
}

footer a:hover {
  color: #eb375e;
}

footer a.active {
  color: #eb375e;
}

.footer-logo a {
  opacity: .7;
}

.footer-logo a:hover {
  opacity: 1;
}

#cookie-message {
  position: fixed;
  left: 5px;
  bottom: 30px;
  max-width: 480px;
  background-color: #fcf9fa;
  padding: 20px;
  padding-bottom: 7px;
  border-radius: 27px;
  box-shadow: 0 0 7px rgb(118 118 118 / 16%);
  margin-left: 30px;
  font-family: system-ui;
  z-index: 1999;
}

#cookie-message h4 {
  color: #eb375e;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
}

#cookie-message h5 {
  color: #eb375e;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

#cookie-message p, #cookie-message ul {
  font-size: 15px;
  line-height: 1.5em;
  font-weight: 400;
}

#cookie-message p:last-child {
  margin-bottom: 0;
  text-align: right;
}

#cookie-message li {
  width: 49%;
  display: inline-block;
}

#cookie-message a {
  color: #eb375e;
  text-decoration: none;
  font-size: 15px;
  padding-bottom: 2px;
  border-bottom: 1px dotted rgba(255,255,255,0.75);
  transition: all 0.3s ease-in;
}

#cookie-message a:hover {
  color: #121212;
  border-bottom-color: #eb375e;
  transition: all 0.3s ease-in;
 }

button#cookie-advanced {
  background: white;
  color: #eb375e;
}

#cookie-message button:disabled {
  opacity: 0.3;
}

#cookie-message input[type="checkbox"] {
  float: none;
  margin-top: 0;
  margin-right: 5px;
}

.mobile-menu {
  position: relative;
  display: -ms-flexbox;
  margin: 7px;
  margin-bottom: 20px;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}

.menuvbar-wh {
  position: fixed;
  background-color: rgb(240 238 241 / 59%);
  box-shadow: 0 2px 6px rgb(19 19 19 / 12%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 27px;
  z-index: 4040;
  display: none;
}

.menuvbar-collapse .nav-item {
  margin-left: 1.75rem;
}

.menubar-icon .nav-link {
  border-radius: 0;
  padding: 0 0.7rem;
  font-size: 19px;
}

.menubar-icon img {
  opacity: .85;
  max-width: 55px;
}

.menuvbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.modal-menu .modal-dialog {
  display: none;
}

.modal-menu .modal-dialog {
  margin: 0!important;
}

.modal-menu .modal-content {
  border: none;
  border-radius: 0;
  height: 105vh;
}

.modal-menu .modal-header {
  border-bottom: none;
}

.modal-order .close {
  color: #fb3b33;
  font-size: 19px;
  background-color: #ffffff;
  border-radius: 17px;
  padding: 0.215rem 0.75rem;
}

.modal-order .modal-dialog {
  max-width: 58%;
  margin: 8.75rem auto;
}

.modal-order .card {
  background-color: #ffffff;
  border-radius: 17px;
  margin-left: 2rem;
  margin-right: 2rem;
}

.modal-order .icon {
  font-size: 39px;
  color: #000;
}

.modal-order .card-footer {
  background-color: transparent;
  border-top: transparent;
  color: #eb375e;
}

.modal-order .card-footer p{
  color: #121212;
  font-weight: 500;
  font-size: 20px;
}

.modal-order .modal-content {
  background-color: transparent;
  border: none;
  color: #fff;
}

.card-group>.card:not(:first-child) {
  border-top-left-radius: 27px;
  border-bottom-left-radius: 27px;
}

.card-group>.card:not(:last-child) {
  border-top-right-radius: 27px;
  border-bottom-right-radius: 27px;
}

.icon-graf {
  text-decoration: none;
  background-image: linear-gradient(to top, #30cfd0 0%, #330867 100%);
  text-transform: none;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 0.05rem;
  z-index: 1;
}

.panel-service-works .card {
  margin-left: 0;
  margin-right: 0;
}

.text-shadow {
  text-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.nav-item .alert-login {
  border: 3px solid #121212;
}

.page-legal li {
  margin-left: 1rem;
}

..list-group {
  border-radius: 12px;
}

.list-group-item {
  padding: 0.75rem 1rem;
}

.list-group-item.active {
  color: #121212;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.125)!important;
}

.list-group-item-action:focus, .list-group-item-action:hover {
  color: #121212;
  background-color: #f5f5f5;
}

.sp-active .owl-item img {
  width: auto!important;
}

.head h4 {
  font-size: 1.5rem;
  font-weight: 500;
}

.pbanner .breadcrumb-item {
  color: rgb(255 255 255 / 46%);
}

.pbanner .breadcrumb-item a:hover {
  color: #ffffff;
}

.category h1 {
  font-size: 74px;
}

.sp-div .content {
  position: relative;
  display: flex;
  flex-direction: column;
}

.modal-content {
  border-radius: 27px;
}

.modal-body {
  padding: 1rem 2rem;
}

.modal-header {
  border-bottom: none;
}

.modal-footer {
  border-top: none;
}

.media .paragon {
  margin-top: 0.57rem;
  margin-bottom: 1rem;
  font-size: 18px;
}

.media .icon16px {
  font-size: 16px;
}

.form-check-input:checked {
  background-color: #eb375e;
  border-color: #eb375e;
}

.form-check-input:focus,.form-check-input:active {
   box-shadow: 0px 0px 0px 3px rgb(235 55 94 / 41%)!important;
}

.btn:focus,.btn:active {
   box-shadow: 0px 0px 0px 3px rgb(235 55 94 / 41%);
}

.pt-2_8 {
  padding-top: .75rem!important;
}

.pr-5 {
  padding-right: 3rem!important;
}

.pl-5 {
  padding-left: 3rem!important;
}

.reply-body p {
  margin-top: 0;
  margin-bottom: 0;
}

.media-replies img {
  border-radius: 50%;
  max-width: 42px;
}

.comment .responsive .lazyload-avatar {
  background-color: #ccc;
  display: inline-block;
  height: 51px;
  max-width: 51px;
  border: 5px solid #fff;
  z-index: 2;
}

.media-replies .edit_button, .media-replies .delete_button {
  color: #989898;
  opacity: .2;
}

.media-replies .edit_button:hover, .media-replies .delete_button:hover {
  color: #989898;
  opacity: 1;
}

.comment-list p {
  font-size: 1rem;
}

.comment-list .small-size {
    font-size: .695em;
    color:#989898;
}

.comment-list .delete button {
  opacity: 1;
  font-size: 1rem;
}

.comment-list .delete button:hover {
  color: #121212;
}

.comment-list .icon-circle {
  padding: 11px 10px;
  border-radius: 50%;
  color: #8e8d93;
  background-color: #f5f5f5;
  border-color: #ccc;
}

.comment-list .icon-cross:before {
  padding-left: 1px;
}

.sreplies .btn-g0 {
  margin-top: -97px;
  margin-left: 968px;
}
.sreplies span {
  color: #6c757d!important;
  font-size: 19px;
}
                
.replyif {
  font-size: 1rem;
}

.replyif p {
  margin-top: 0.57rem;
  margin-bottom: 1rem;
  font-size: 18px;
}

.replyif span {
  font-size: 1rem;
}

.replyif .icon {
  font-size: 16px;
}

.bar-back i {
  font-size: 19px!important;
}

.like {
  background-color: #f1f1f1;
  padding: 6px 10px 1px 10px;
  border-radius: 17px;
}

.like .icon_link {
  color: #6c757d!important;
  font-size: 22px;
}

.like .icon_active {
  color: #eb375e!important;
  font-size: 22px;
}

.like .likes {
  -ms-flex: 1;
  flex: 1;
}

.source-link {
  color: #989898;
}

.modal-alert {
  z-index: 4055;
}

.modal-alert .btn-link {
  font-size: 17px;
}

@media only screen and (min-width: 768px)
{
  .modal-alert .modal-dialog {
    max-width: 500px;
    margin: 5rem auto;
  }
  .modal-contetn-center {
    padding-left: 2rem;
  }
}

@media only screen and (min-width: 960px)
{
  .modal-alert .modal-dialog {
    max-width: 567px;
    margin: 5rem auto;
  }
  .modal-contetn-center {
    padding-left: 5.5rem;
  }
}

.modal-alert .modal-content {
  border: 1px solid rgb(112 112 112 / 20%);
}

.modal-alert .btn-danger {
  color: #6c757d!important;
  background-color: transparent;
  border-color: transparent;
  line-height: 0;
}

.modal-alert .btn-danger:hover {
  color: #52565a!important;
  background-color: transparent;
  border-color: transparent;
}

.modal-alert .btn-primary {
  background: #d74565;
  color: #ffffff;
  font-size: 16px!important;
  height: auto;
  padding: .45rem 0;
}

.pl-0 {
  padding-left: 0!important;
}

.pl-1 {
  padding-left: .25rem!important;
}

#comment_resp_err{
  color: red;
  font-size: 13px;
}

#comment_form_edit {
  position: relative;
  width: 99%;
  margin-top: -55px;
  background: #ffffff;
  z-index: 2080;
  padding-bottom: 1rem;
}

.narrowingsides {
  margin-left: 42px;
  margin-top: 7px;
}

#comment_form_wrapper i,
#comment_form_edit i {
  color: #ccc;
  font-size: 18px;
  font-style: normal;
}

#comment_form_wrapper i:hover,
#comment_form_edit i:hover {
  color: #989898;
}

#comment_form_wrapper .btn,
#comment_form_edit .btn {
  font-size: 14px;
}

#comment_form_wrapper .btn-dark,
#comment_form_edit .btn-dark {
  background-color: #ccc;
  border-color: #ccc;
  border-radius: 16px;
  color: #121212;
}

#comment_form_wrapper .btn-dark:hover,
#comment_form_edit .btn-dark:hover {
  background-color: #ccc;
  border-color: #ccc;
}

#comment_form_wrapper .btn-dark:active,
#comment_form_edit .btn-dark:active {
  background-color: #ccc;
  border-color: #ccc;
  outline: none !important;
  box-shadow: none;
}

#comment_form_wrapper .btn-light,
#comment_form_edit .btn-light {
  border-radius: 16px;
}

#comment_form_wrapper .btn-light:hover,
#comment_form_edit .btn-light:hover {
  background-color: #f1f1f1;
  border-color: #f1f1f1;
}

.responsive span {
  color: #121212!important;
  font-size: 1rem;
}

.likefon span {
  color: #6c757d !important;
  font-size: 1rem;
}

.delete_recovery {
  background-color: #fff;
  width: 100%;
  padding: 4px;
  position: relative;
  margin-top: -23px;
  padding-top: 8px;
  font-size: 1.2rem;
  display: block;
  z-index: 1900;
  padding-top: 0.75rem;
  padding-bottom: 1rem;
}

.hide_panel {
  background-color: #fff;
  position: relative;
  padding: 1rem;
  width: 100%;
  z-index: 11;
  margin-left: 40px;
}

.textarea {
  width: 100%;
  background: rgb(255, 255, 255);
  min-height: 48px;
  height: 112px;
  max-height: 680px;
  color: #121212;
  border: 1px solid rgb(204, 204, 204);
  border-radius: 16px;
  padding: 10px;
  padding-left: 44px;
  padding-right: 36px;
  margin-bottom: 6px;
}

.textarea:focus {
  outline: none !important;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgb(231 231 231);
}

#charNum, #charNum2 {
  position: absolute;
  padding-left: 3px;
  margin-top: -59px;
  font-size: 16px;
  color: red;
}

.field_user_image {
  position: absolute;
  max-width: 30px !important;
  margin-top: 7px;
  margin-left: 8px;
}

.field_user_icon {
  position: absolute;
  margin-left: -38px;
  font-size: 22px !important;
  color: #ccc;
  padding: 8px;
  padding-top: 7px;
  font-style: inherit;
}

.field_user_icon:hover{
  color: #989898;
}

.replyif .likefon {
  position: relative;
  background-color: #f1f1f1;
  padding: 2px 5px;
  border-radius: 12px;
}

.likefon .like_active {
  margin-top: -21px;
  padding-left: 23px;
  display: flex;
  color: #6c757d!important;
}
.divider-reply-body {
  margin-left: -34px;
  border-left: 2px solid #ccc;
  padding-left: 29px;
}

.divider-height {
  max-height: 57px!important;
  width: 16px;
  margin-left: 25px;
  margin-top: -18px!important;
  overflow: hidden;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-radius: 0 7px;
}

.divider-height-stiker {
  height: 170px;
  width: 16px;
  margin-left: 19px;
  margin-top: -130px;
  overflow: hidden;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  border-radius: 0 7px;
}

.dropup .dropdown-toggle::after {
  display: none;
}

.dropdown-menu {
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 10px rgb(231 231 231);
  border-radius: 12px;
  margin-bottom: 2px;
}

.dropdown-smails {
  min-width: 315px;
  min-height: 280px;
  max-width: 315px;
  max-height: 280px;
  padding: 0.5rem 0;
  padding-right: 5px;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #eeeeee;
  box-shadow: 0 0 10px rgb(231 231 231);
  border-radius: 12px;
  margin-bottom: 4px;
}

.media .reply-nodrop {
  font-size: .975em!important;
  color: #ccc!important;
  cursor: no-drop;
}

.dropdown-menu-end .dropdown-item {
  padding: 0.4rem 0.65rem;
  border-radius: 11px;
}

.dropdown-menu-end .dropdown-item .icon {
  font-size: 19px!important;
  color: #9e9e9e;
}

.dropdown-menu-end .dropdown-item:focus, .dropdown-menu-end .dropdown-item:hover {
  background-color: #f1f1f1;
}

.dropdown-menu-end  li {
  padding: 0 10px;
}

.dropdown-menu-end .dropdown-menu.show {
  display: block;
  padding: 10px;
  z-index: 1020;
}

.dropdown-menu-end .dropdown-divider {
  margin: 0.2rem 0;
  margin-bottom: 0.25rem;
}

.dropdown-smails a {
  padding: 1px;
}

.dropdown-smails a:hover {
  background-color: #ccc;
  border-radius: 4px;
}

.modal {
  background-color: rgb(0 0 0 / 47%);
}

.modal-backdrop {
  z-index: -1!important;
  opacity: 0!important;
}

#stikers-id {
  white-space: inherit;
  overflow: auto;
  text-overflow: ellipsis;
  display: block;
  vertical-align: inherit;
  max-height: 230px;
}

#stikers-id {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#emoji {
  white-space: inherit;
  overflow: auto;
  text-overflow: ellipsis;
  display: block;
  vertical-align: inherit;
  max-height: 230px;
}

#emoji {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#emoji a {
  width: 25px;
  height: 25px;
  margin-right: 6px;
}

#emoji i {
  border: 0;
  margin: 0 auto;
  display: inline-block;
  overflow: hidden;
  opacity: .85;
}

#emojidat-edit .list-group {
  flex-direction: initial;
}

.stiker_img {
  border-radius: 0!important;
  max-width: inherit!important;
  max-height: 130px!important;
}

.nav-pills .nav-link {
  padding: 0.25rem 0.5rem;
  border-radius: 9px!important;
}

.nav-pills .nav-link.active {
  background-color: #e0e0e0;
  color: #121212;
}

.nav-pills .nav {
  padding-right: 9px;
  padding-left: 9px;
}

.dropdown-smails .tab-pane img {
  border-radius: 0;
  max-width: inherit!important;
  max-height: 65.25px;
}

.stiker_link {
  width: 65px;
  max-width: 65px;
}

.expandingsides {
  margin-left: 0;
  margin-right: -41px;
}

.accordion-header {
  margin-top: 7px;
  margin-left: 7px;
}

.accordion-header a,
.accordion-header .accordion-btn {
  font-weight: 200;
  font-size: 14px;
}

.divider-height {
  height: 41px!important;
}

.divider-height-open {
  height: 57px!important;
}

.stiker_link img {
  background-color: transparent;
  display: inline-block;
  height: 65.24px;
}

.stiker_link .lazy-loaded {
  background-color: transparent !important;
}

.field_user_icon .show ::-webkit-scrollbar-button, .textarea::-webkit-scrollbar-button {
  background-image:url('');
  background-repeat:no-repeat;
  width:5px;
  height:0px;
}

.field_user_icon .show ::-webkit-scrollbar-track, .textarea::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 9px;
  margin-top: 5px;
}

.field_user_icon .show ::-webkit-scrollbar-thumb, .textarea::-webkit-scrollbar-thumb {
  -webkit-border-radius: 9px;
  border-radius: 9px;
  background-color:#dddddd;
}

.field_user_icon .show ::-webkit-scrollbar-thumb:hover, .textarea::-webkit-scrollbar-thumb:hover {
  background-color:#cccccc;
}

.field_user_icon .show ::-webkit-resizer, .textarea::-webkit-resizer {
  background-image:url('');
  background-repeat:no-repeat;
  width:9px;
  height:0px;
}

.field_user_icon .show ::-webkit-scrollbar, .textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
}

.tooltip2 {
  position: relative;
  display: inline-block;
  z-index: 980;
}

.tooltip2 .tooltiptext {
  visibility: hidden;
  width: 204px;
  font-size: 14px;
  background-color: #121212;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1090;
  bottom: 150%;
  left: 50%;
  margin-left: -102px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip2 .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  z-index: 980;
  border-color: #0e1e42 transparent transparent transparent;
}

.tooltip2:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
  background: transparent!important;
  padding: 2px!important;
}

.tox .tox-tbtn {
  background: #ffffff!important;
  border-radius: 16px!important;
  margin-right: 7px!important;
}

.tox .tox-tbtn:hover {
  background: #dee0e2!important;
}

.tox .tox-split-button:hover {
  border: none!important;
  box-shadow: none!important;
}

.tox:not([dir=rtl]) .tox-toolbar__group:not(:last-of-type) {
  border-right: none!important;
}

.tox .tox-dialog {
  border-radius: 25px;
}

.tox .tox-button {
  border-radius: 16px;
  background-color: #c1c1c1;
  border: 1px solid #c1c1c1;
}

.tox .tox-toolbar-overlord {
  flex: 1;
  display: flex;
  position: absolute!important;
  background-color: #f1f1f1!important;
  bottom: 0;
  width: 100%;
  border: none;
  white-space: inherit;
  overflow: scroll;
  text-overflow: ellipsis;
  vertical-align: inherit;
}

.tox .tox-statusbar__resize-handle {
  position: absolute!important;
  bottom: 4px!important;
  z-index: 2050;
  display: flex!important;
  right: 0!important;
  margin-right: 5px!important;
}

.tox  ::-webkit-scrollbar-button {
  background-image:url('');
  background-repeat:no-repeat;
  width:9px;
  /* height:0px; */
}

.tox  ::-webkit-scrollbar-track {
  background-color: #f1f1f1;
  border-radius: 9px;
  margin-top: 5px;
}

.tox  ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 9px;
  background-color:#dddddd;
}

.tox  ::-webkit-scrollbar-thumb:hover {
  background-color:#8e8d93;
}

.tox  ::-webkit-resizer {
  background-image:url('');
  background-repeat:no-repeat;
  width:9px;
  height:0px;
}

.tox  ::-webkit-scrollbar {
  width: 0;
  height: 9px;
}

.tox .tox-menubar {
  display: none!important;
}

.tox .tox-menu {
  border-radius: 12px!important;
}

.tox .tox-statusbar {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.mce-content-body {
  color: #000000!important;
}

.tox-tinymce {
  border-radius: 16px!important;
}

footer.sticky-footer {
  padding: 2rem 0;
  flex-shrink: 0;
}

footer.sticky-footer .copyright {
  line-height: 1;
  font-size: 0.8rem;
  font-weight: 400;
  color: #8e8d93;
}
@media only screen and (min-width: 1068px) {
.offcanvas ::-webkit-scrollbar-button, .textarea::-webkit-scrollbar-button {
  background-image:url('');
  background-repeat:no-repeat;
  width:5px;
  height:0px;
}

.offcanvas ::-webkit-scrollbar-track, .textarea::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 9px;
  margin-top: 5px;
}

.offcanvas ::-webkit-scrollbar-thumb, .textarea::-webkit-scrollbar-thumb {
  -webkit-border-radius: 9px;
  border-radius: 9px;
  background-color: rgb(208 208 208);
}

.offcanvas ::-webkit-scrollbar-thumb:hover, .textarea::-webkit-scrollbar-thumb:hover {
  background-color:#cccccc;
}

.offcanvas ::-webkit-resizer, .textarea::-webkit-resizer {
  background-image:url('');
  background-repeat:no-repeat;
  width:9px;
  height:0px;
}

.offcanvas ::-webkit-scrollbar, .textarea::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .menuvbar-wh {
    display: block;
    width: 59%;
    margin: 0 auto;
    margin-bottom: 21px;
  }
  .mobile-footer {
    margin-bottom: 5rem;
  }
  #cookie-message {
    left: 0;
    bottom: 100px;
    margin-left: 15px;
  }
}

@media only screen and (min-width: 768px) {
  .mh-md-4 {
    max-width: 420px!important;
  }
  .mh-md-5 {
    max-width: 580px!important;
  }
  .mh-md-6 {
    max-width: 640px!important;
  }
  .mh-md-7 {
    max-width: 768px!important;
  }
  .w-lg-71 {
    width: 71%!important;
  }
  .modal-dialog {
    max-width: 500px;
    margin: 5.75rem auto;
  }
  .modalcheck .modal-dialog {
    max-width: 740px;
    margin: 5.75rem auto;
  }
  .modal-dialog-offset {
    margin: 1.75rem auto !important;
  }
}

@media only screen and (max-width: 768px) {
  .h1, h1 {
    font-size: 32px;
  }
  .jumbotron-privacy-2 .h1, 
  .jumbotron-privacy-2 h1 {
    font-size: 27px;
    font-weight: 500;
  }
  .jumbotron-background h1, .card-background h1 {
    font-size: 52px;
  }
  .min-logo {
    justify-content: center!important;
  }
  .navbar-dark .navbar-brand {
    z-index: 980 !important;
  }
  .p3 {
    padding: 0 1.55rem;
  }
  .mt-100{
    margin-top: 5px;
    padding: 15px;
  }
  .mt-145 {
    margin-top: 10px;
    padding: 15px;
  }
  .navbar-brand {
    margin-right: 0;
    padding-top: 0.2875rem;
    padding-bottom: 0.2875rem;
  }
  .menuvbar-wh {
    display: block;
  }
  .menuvbar-collapse .nav-item {
    margin-left: 0!important;
  }
  .mobile-footer {
    margin-bottom: 5rem;
  }
  .modal-menu .modal-dialog {
    display: block;
  }
  .offcanvas.show {
    margin-top: 0;
  }
  .offcanvas.show {
    margin-right: 0;
  }
  .animated--grow-in-right, .offcanvas-main.show {
    -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: 320ms;
    animation-duration: 320ms;
  }
  #cookie-message {
    left: 0;
    right: 15px;
    bottom: 100px;
    margin-left: 15px;
    padding-bottom: 5px;
  }
  .underline2 a {
    font-size: 1.35rem;
  }
  .price .card {
    max-width: 100%;
  }
  .help .card {
    margin-bottom: 1rem;
  }
  .studio__c .card {
    margin-bottom: 0rem;
    min-height: 100%!important;
  }
  .dev .jumbotron {
    padding: 0;
  }
  .dev .jumbotron-background {
    max-height: 100%;
  }
  .card-vmjsl .card {
    width: 305px;
  }
  .nav-link-d {
    display: block;
    padding: 0.5rem 0;
  }
  .sp-div  .nav-item {
    padding: 0;
  }
  .sp-div .card {
    width: 240px;
  }
  .sp-div .dropdown-menu.show {
    width: 100.74444%;
  }
  .sp-div .h1 {
    font-size: 34px;
  }
  .add-plus::after {
    left: 53%;
  }
  .panel-order {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .category h1 {
    font-size: 61px;
  }
  .tox-editor-header {
    flex: 1;
    display: flex;
    position: absolute!important;
    background-color: #f1f1f1!important;
    bottom: 0;
    width: 100%;
    border: none;
    white-space: inherit;
    overflow: scroll;
    text-overflow: ellipsis;
    vertical-align: inherit;
  }
  .page-order .jumbotron,
  .page-support .jumbotron {
    padding: 0!important;
  }
  .page-order .container,
  .page-support .container {
    padding: 0!important;
  }
  .message-body {
    border-radius: 0;
  }
  .message-header-media {
    border-radius: 0;
  }
  .im-body .jumbotron {
    padding: 0.45rem 1rem!important;
  }
  .modal-order .modal-dialog {
    max-width: 100%;
  }
  .modal-order .modal-body {
    padding: 1rem 0.75rem;
  }
  .form-height {
    height: 100%!important;
    padding: 1rem!important;
  }
  .privacy-text p {
    font-size: 30px;
  }
  .card-vmjsl p {
    font-size: 18px!important;
  }
  .jumbotron-privacy-2 .privacy-text p {
    font-size: 21px;
  }
  .pbanner h1 {
    font-size: 28px;
  }
  .ico-circle {
    height: 3rem;
    width: 3rem;
  }
  .offcanvas-body {
    padding: 3px 7px;
    -webkit-backdrop-filter: blur(21px);
    backdrop-filter: blur(21px);
    background-color: rgb(143 143 143 / 56%);
  }
  .offcanvas-container {
    padding-top: .5rem;
    padding-bottom: 2.34rem;
  }
  .offcanvas-fluid h5 {
    font-size: 1.5rem;
  }
  .afishs .jumbotron {
    min-height: 468px;
    max-height: 468px;
  }
  .card-background {
    min-height: 647px;
    max-height: 647px;
  }
  .background-fuid {
    margin-top: -86px;
    z-index: 970;
  }
  .afishs, .banner {
    padding: 0 15px;
  }
  .card-block {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 328px) {
  #cookie-message {
    bottom: 82px;
  }
  #cookie-message h4 {
    font-size: 14px;
  }
  #cookie-message p, #cookie-message ul {
    font-size: 12px;
  }
  .menubar-icon .nav-link {
    padding: 0 .5rem;
    font-size: 17px;
  }
  .ico-circle {
    height: 2.15rem;
    width: 2.15rem;
  }
}

.js .animate-box {
  opacity: 0;
}