table {
  border: 1px solid #e7e7e7;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%
}

thead th,tr th {
  color: #888;
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
  padding: 9px 24px
}

tr td {
  border-top: 1px solid #e7e7e7;
  padding: 6px 24px
}

tr.odd td {
  background: #f2f7fc
}

a:hover {
  text-decoration: none
}

h2 {
  color: #da003b;
  font-family: inherit;
  font-size: 29px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 30px
}

 
 
.clean {
  background: none!important;
  border: none!important;
  box-shadow: none!important;
  clear: both;
  font-size: inherit!important;
  font-weight: inherit!important;
  margin: 0!important;
  padding: 0!important;
  text-align: inherit!important;
  text-decoration: none!important
}

 

 

.hide {
  display: none!important
}

.show {
  display: block!important
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.separator-dash:before {
  color: #ddd;
  content: "—"
}

.separator-dot:before {
  content: "\020";
  padding: 0 5px
}

.rounded {
  border-radius: 10px!important
}

.space-left {
  margin-left: 5px
}

.space-right {
  margin-right: 5px
}

.flex-center {
  align-items: center;
  display: flex;
  justify-content: center
}

.col-md-6 {
  margin-bottom: 20px
}

 
input[type=file].form-control {
  padding: 0!important
}

.form-control:focus {
  box-shadow: 0 0 6px 0 rgba(128,189,255,.34)!important
}

.form-control-lg {
  border-radius: 8px;
  font-weight: 400;
  height: 55px;
  line-height: 53px
}

textarea.form-control {
  height: 114px;
  line-height: normal;
  padding: 15px 12px!important;
  resize: none
}

.form-group {
  margin-bottom: 45px;
  position: relative
}

.form-group-sm {
  margin-bottom: 25px
}

.form-group label {
  color: #324148;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 10px
}

.form-group label sup {
  color: #da4761;
  font-size: 22px;
  font-weight: 500;
  margin-right: 4px;
  top: -2px
}

.line-on-sides {
  display: flex;
  flex-direction: row;
  white-space: nowrap
}

.line-on-sides:after,.line-on-sides:before {
  border-bottom: 1px solid #e8e7e7;
  content: "";
  flex: 1 1;
  margin: auto
}

.line-on-sides:before {
  margin-left: 10px;
  margin-right: 10px;
  right: 100%
}

.line-on-sides:after {
  left: 100%;
  margin-left: 10px;
  margin-right: 10px
}

.btf-label {
  margin: 0!important
}

.bg-white {
  background-color: #fff!important
}

.bg-gray {
  background-color: #bbb!important
}

.bg-gray-dark {
  background-color: #666!important
}

.bg-red {
  background-color: #c71f35!important
}

.bg-pink {
  background-color: #b44055!important
}

.bg-pink-light {
  background-color: #fff9f9!important
}

.bg-green {
  background-color: #17a18a!important
}

.bg-blue {
  background-color: #1767a0!important
}

.bg-orange {
  background-color: orange!important
}

.bg-blue-light {
  background-color: #92bfe0!important
}

.color-pseudo-white:after,.color-pseudo-white:before,.color-white {
  color: #fff!important
}

.color-gray,.color-pseudo-gray:after,.color-pseudo-gray:before {
  color: #bbb!important
}

.color-gray-dark,.color-pseudo-gray-dark:after,.color-pseudo-gray-dark:before {
  color: #666!important
}

.color-pseudo-red:after,.color-pseudo-red:before,.color-red {
  color: #c71f35!important
}

.color-green,.color-pseudo-green:after,.color-pseudo-green:before {
  color: #17a18a!important
}

.color-pink,.color-pseudo-pink:after,.color-pseudo-pink:before {
  color: #da4761!important
}

.color-pink-light,.color-pseudo-pink-light:after,.color-pseudo-pink-light:before {
  color: #fff9f9!important
}

.color-pink-dark,.color-pseudo-pink-dark:after,.color-pseudo-pink-dark:before {
  color: #b44055!important
}

.color-blue,.color-pseudo-blue:after,.color-pseudo-blue:before {
  color: #1767a0!important
}

.color-blue-light,.color-pseudo-blue-light:after,.color-pseudo-blue-light:before {
  color: #92bfe0!important
}

.bootstrap-select.std_select {
  width: 100%!important
}

.bs-container.bootstrap-select.std_select {
  width: inherit!important
}

 

.bootstrap-select .dropdown-toggle:after {
 
  border: none;
  content: "";
  display: block;
  height: 14px;
  position: absolute;
  right: 15px;
  top: 12px;
  width: 14px
}

.bootstrap-select .dropdown-menu li a {
  padding: 5px 10px
}

.bootstrap-select .dropdown-menu li a.active {
  background: #2289c1;
  background: -moz-linear-gradient(-256deg,#2289c1 0,#0f518d 50%,#2289c1 100%);
  background: -webkit-linear-gradient(-256deg,#2289c1,#0f518d 50%,#2289c1);
  background: linear-gradient(-256deg,#2289c1,#0f518d 50%,#2289c1);
  background-size: 200% 100%
}

.std_select_big.bootstrap-select .dropdown-toggle {
  border: 1px solid #ddd;
  border-radius: 8px;
  color: #838e92;
  font-size: 16px;
  font-weight: 400;
  height: 55px;
  line-height: 53px;
  padding-right: 15px
}

 

.country-select .bootstrap-select>.dropdown-toggle {
 
  border: 1px solid #da4761;
  border-radius: 20px;
  color: #da4761;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 38px;
  padding: 0 50px
}

[dir=ltr] .country-select .bootstrap-select>.dropdown-toggle {
  padding-left: 40px;
  padding-right: 50px
}

[dir=rtl] .country-select .bootstrap-select>.dropdown-toggle {
  padding-right: 50px
}

.country-select .bootstrap-select .dropdown-toggle:after {
 
  margin: 0
}

[dir=ltr] .country-select .bootstrap-select .dropdown-toggle:after {
  left: 15px
}

.std_select.bootstrap-select .dropdown-toggle:after {
  margin: 0
}

.search-page__search-block .bootstrap-select .dropdown-toggle {
  font-weight: 400
}

.select--alt {
  min-width: 150px
}

.select--alt>ul {
  display: none
}

.select--alt .bootstrap-select>.dropdown-toggle {
  background: none;
  border: 1px solid #da4761;
  border-radius: 20px;
  color: #da4761;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  line-height: 38px;
  padding: 0 25px
}

[dir=ltr] .select--alt .bootstrap-select>.dropdown-toggle {
  padding-right: 40px
}

[dir=rtl] .select--alt .bootstrap-select>.dropdown-toggle {
  padding-left: 40px
}

.select--alt .bootstrap-select>.dropdown-toggle:after {
 
  filter: unset;
  margin: 0
}

.bootstrap-select .dropdown-menu li a {
  border-radius: 0
}

.bootstrap-select>.dropdown-toggle:hover {
  background-color: #e2e6ea;
  border-color: #394659;
  color: #394659
}

.bootstrap-select>.dropdown-toggle:hover:after {
  filter: grayscale(1)
}

.bootstrap-select .dropdown-toggle:focus,.bootstrap-select>select.mobile-device:focus+.dropdown-toggle {
  outline: none!important
}

.bootstrap-select .dropdown-menu li:not(.selected) {
  border-top: 1px solid #dfdfdf
}

.bootstrap-select .dropdown-menu li.selected+li:not(.selected) {
  border-top: 0
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  text-overflow: ellipsis
}

.dropdown-item .text {
  white-space: normal
}

[dir=ltr] .bootstrap-select .dropdown-toggle {
  padding-right: 40px
}

[dir=rtl] .bootstrap-select .dropdown-toggle {
  padding-left: 40px
}

[dir=rtl] .bootstrap-select .dropdown-toggle .filter-option {
  text-align: right
}

[dir=rtl] .bootstrap-select .dropdown-toggle:after {
  left: 15px;
  right: auto;
  top: 38%
}

[dir=rtl] .irs {
  font-family: arabic
}

.range-box .irs--flat .irs-line {
  background: #d8d8d8;
  height: 1px;
  margin-top: 1px
}

.range-box .irs--flat .irs-bar {
  background: #d8445e;
  height: 3px;
  top: 24px
}

.range-box .irs--flat .irs-handle {
  background: #d8445e;
  border-radius: 50%;
  height: 20px;
  top: 16px;
  width: 20px
}

.range-box .irs--flat .irs-handle i {
  display: none!important
}

.range-box .irs--flat .irs-from,.range-box .irs--flat .irs-single,.range-box .irs--flat .irs-to {
  background: #1f2e50;
  border-radius: 4px;
  color: #fff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  height: 30px;
  line-height: 28px;
  min-width: 60px;
  text-align: center;
  top: -22px;
  -moz-transform: translateX(-15px);
  -webkit-transform: translateX(-15px);
  -o-transform: translateX(-15px);
  -ms-transform: translateX(-15px);
  transform: translateX(-15px)
}

.range-box .irs--flat .irs-from:before,.range-box .irs--flat .irs-single:before,.range-box .irs--flat .irs-to:before {
  border-color: #1f2e50 transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0;
  bottom: auto;
  height: 0;
  left: auto;
  margin: 0;
  right: 11px;
  top: 100%;
  width: 0
}

.range-box .irs--flat .irs-single:before {
  left: 50%;
  right: auto
}

.slick-dots {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center!important
}

.slick-dots li {
  display: inline-block;
  margin: 0 3px
}

 

.slick-dots li button:hover {
  background: #ef8995
}

.slick-dots .slick-active button {
  background: #da4861!important;
  box-shadow: 0 4px 8px 0 rgba(202,129,149,.32);
  width: 23px
}

.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -khtml-user-select: none
}

.slick-list,.slick-slider {
  display: block;
  position: relative
}

.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0
}

.slick-list:focus {
  outline: 0
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0)
}

.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0
}

.slick-track:after,.slick-track:before {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}

[dir=rtl] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto
}

.slick-arrow.slick-hidden {
  display: none
}

.header {
  left: 0;
  padding: 35px 0;
  position: fixed;
  top: 0;
  transition: .2s ease-in;
  width: 100%;
  z-index: 9999
}

.header__login-box {
  float: left
}

.header__login-box ul {
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 8px 40px 0 rgba(0,0,0,.05);
  list-style: none;
  margin: 0;
  padding: 0
}

.header__login-box ul:after {
  clear: both;
  content: "";
  display: block
}

.header__login-box ul li {
  float: left
}

.header__login-box ul li a {
  min-width: 135px
}

[dir=rtl] .header__login-box,[dir=rtl] .header__login-box ul li {
  float: right
}

.header-top__more .header__login-box {
  margin-right: 25px
}

.header__login-box .nav li {
  position: relative;
  z-index: 40
}

.header__login-box .nav li a {
  text-decoration: none!important
}

.header__login-box .nav li .active {
  color: #fff
}

.header__login-box .nav {
  position: relative
}

.header__login-box .nav:before {
  background: #f07a87;
  background: -moz-linear-gradient(-258deg,#f07a87 0,#d8445e 50%,#f07a87 100%);
  background: -webkit-linear-gradient(-258deg,#f07a87,#d8445e 50%,#f07a87);
  background: linear-gradient(-258deg,#f07a87,#d8445e 50%,#f07a87);
  background-size: 200% 100%;
  border-radius: 50px;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  transition: .3s ease-in-out;
  width: 50%
}

[dir=ltr] .header__login-box .nav:before {
  left: 0
}

[dir=rtl] .header__login-box .nav:before {
  right: 0
}

.header__logo {
  left: 50%;
  position: absolute;
  top: -6px;
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.header__logo a {
  display: block;
  padding-bottom: 25px;
  position: relative;
  transition: .2s ease-in;
  width: 67px
}

.header__logo a span {
  bottom: -25px;
  color: #da4761;
  display: block;
  font-size: 28px;
  font-weight: 700;
  left: 50%;
  position: absolute;
  text-align: center;
  text-decoration: none;
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  transition: .2s ease-in
}

[dir=ltr] .header__logo a span {
  bottom: -5px;
  font-size: unset
}

.header__logo img {
  display: block;
  height: auto;
  transition: .2s ease-in;
  width: 100%
}

.header__language-box {
  float: right
}

.sticky .header {
  background: hsla(0,0%,100%,.98);
  box-shadow: 0 8px 40px 0 rgba(0,0,0,.05);
  padding: 15px 0
}

.sticky .header__logo a {
  padding-bottom: 18px;
  width: 40px
}

.sticky .header__logo a span {
  bottom: -8px;
  font-size: 18px
}

.inner-header {
  box-shadow: 0 8px 40px 0 rgba(0,0,0,.05);
  left: 0;
  position: fixed;
  top: 0;
  transition: .2s ease-in;
  width: 100%;
  z-index: 9999
}

.header-top__logo img {
  height: auto;
  transition: .2s ease-in;
  width: 70px
}

.header-top__logo a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 36px;
  font-weight: 500;
  height: 104px;
  line-height: normal;
  text-decoration: none;
  transition: .2s ease-in
}

.header-top__user {
  position: relative;
  top: 0;
  transition: .2s ease-in
}

[dir=ltr] .header-top__user {
  float: left;
  margin-right: 12px;
  right: 0
}

[dir=rtl] .header-top__user {
  float: right;
  left: 0;
  margin-left: 12px
}

.header-top__user>a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  color: #fff!important;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 58px;
  line-height: normal;
  padding-left: 30px;
  padding-right: 50px;
  position: relative;
  text-decoration: none;
  transition: .2s ease-in
}

[dir=ltr] .header-top__user>a {
  background-position: right 8px center
}

[dir=rtl] .header-top__user>a {
  background-position: 8px
}

.header-top__user a figure {
  margin-top: -21px;
  position: absolute;
  top: 50%
}

[dir=ltr] .header-top__user a figure {
  left: 8px
}

[dir=rtl] .header-top__user a figure {
  right: 8px
}

.header-top__user ul {
  background: #fff;
  border-radius: 0 0 8px 8px;
  bottom: 0;
  box-shadow: 0 2px 11px 0 rgba(0,0,0,.1);
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 10px 0 0;
  position: absolute;
  -webkit-transform: translateY(90%);
  transform: translateY(90%);
  transition: opacity .3s,visibility 0s .3s,-webkit-transform .3s;
  transition: opacity .3s,transform .3s,visibility 0s .3s;
  transition: opacity .3s,transform .3s,visibility 0s .3s,-webkit-transform .3s;
  visibility: hidden;
  width: 100%;
  width: 204px;
  z-index: 9999
}

[dir=ltr] .header-top__user ul {
  right: -28px
}

[dir=rtl] .header-top__user ul {
  left: -28px
}

.header-top__user:hover ul {
  opacity: 1;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  transition: opacity .3s,visibility 0s,-webkit-transform .3s;
  transition: opacity .3s,transform .3s,visibility 0s;
  transition: opacity .3s,transform .3s,visibility 0s,-webkit-transform .3s;
  visibility: visible
}

.header-top__user ul li:last-child {
  border-top: 1px solid #f3f3f3
}

.header-top__user ul li:last-child a {
  line-height: 48px;
  padding: 0 15px
}

.header-top__user ul li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #463c3c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  height: auto;
  line-height: normal;
  padding: 10px 15px;
  text-decoration: none;
  transition: .1s ease-in
}

.header-top__user ul li a:hover {
  color: #da4761
}

.header-top__user ul li a figure {
  margin: 0;
  position: static;
  width: 36px
}

.header-top__user ul li a figure img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 22px
}

.header-top__user .user__link {
  display: block;
  position: relative
}

.header-top__user .user__link figure {
  background: #fff;
  border: 1px solid #f3ffff;
  border-radius: 50%;
  display: block;
  height: 42px;
  width: 42px
}

.header-top__user .user__link figure img {
  border-radius: 50%;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.header-top__notification {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 58px;
  left: 0;
  padding: 0 5px;
  position: relative;
  top: 0;
  transition: .2s ease-in
}

[dir=ltr] .header-top__notification {
  float: left
}

[dir=rtl] .header-top__notification {
  float: right
}

.header-top__notification .notification__link {
 
  display: block;
  height: 30px;
  position: relative;
  text-decoration: none;
  transition: .1s ease-in;
  width: 30px
}

.header-top__notification .notification__link span {
  background: #408c2e;
  border-radius: 50px;
  color: #fff;
  display: table;
  font-size: 12px;
  height: 18px;
  line-height: 1px;
  padding: 10px 6px 3px
}

[dir=ltr] .header-top__notification .notification__link span {
  margin: -8px 0 0 14px
}

[dir=rtl] .header-top__notification .notification__link span {
  margin: -4px -4px 0
}

.header-top__package-link {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;
  height: 58px;
  transition: .2s ease-in
}

[dir=ltr] .header-top__package-link {
  border-left: 2px solid #fff;
  padding-left: 20px
}

[dir=rtl] .header-top__package-link {
  border-right: 2px solid #fff;
  padding-right: 20px
}

.header-top__package-link .btn {
  font-weight: 500;
  min-width: 135px
}

.header-top__package-link .btn img {
  position: relative;
  top: 1px;
  vertical-align: middle;
  width: 21px
}

.header-top__more .header__login-box {
  margin-left: 25px
}

.header--placeholder thead th {
  font-size: .1px!important;
  font-size: 0!important;
  height: 0!important;
  line-height: 0!important;
  padding: 0!important
}

.header--placeholder thead tr {
  border: none!important
}

.header .our-website,.header-top__more .our-website {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: hsla(0,0%,100%,.62);
  border-radius: 50px;
  color: #2d6b91!important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  height: 45px;
  line-height: normal;
  padding: 0 25px;
  position: relative
}

.header .our-website:before,.header-top__more .our-website:before {
 
  content: "";
  height: 24px;
  position: absolute;
  width: 24px
}

[dir=ltr] .header .our-website,[dir=ltr] .header-top__more .our-website {
  float: right;
  padding-left: 50px
}

[dir=ltr] .header .our-website:before,[dir=ltr] .header-top__more .our-website:before {
  left: 18px
}

[dir=rtl] .header .our-website,[dir=rtl] .header-top__more .our-website {
  float: left;
  padding-right: 50px
}

[dir=rtl] .header .our-website:before,[dir=rtl] .header-top__more .our-website:before {
  right: 18px
}

.header__language-box .language {
  min-width: 145px;
  position: relative
}

.header__language-box .language .handler {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #d9f2fc;
  border-radius: 50px;
  color: #1767a1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: inherit;
  font-size: 17px;
  font-weight: 700;
  height: 45px;
  line-height: normal;
  padding: 0 15px;
  position: relative;
  width: 100%
}

.header__language-box .language .handler i {
  font-style: normal;
  padding-top: 0
}

.header__language-box .language .handler i.option--mob {
  display: none
}

.header__language-box .language .handler .flag {
  display: block;
  margin-right: 8px;
  position: relative;
  top: 1px;
  width: 23px
}

.header__language-box .language .handler:after {
 
  content: "";
  display: block;
  height: 12px;
  margin-top: -6px;
  position: absolute;
  right: 15px;
  top: 50%;
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: .3s ease-in;
  width: 12px
}

.header__language-box .language .handler .flag img {
  display: block;
  max-width: 100%;
  position: relative;
  top: -2px
}

.header__language-box .language .options {
  bottom: 0;
  left: 50%;
  opacity: 0;
  position: absolute;
  -webkit-transform: translate(-50%,90%);
  transform: translate(-50%,90%);
  transition: opacity .3s,visibility 0s .3s,-webkit-transform .3s;
  transition: opacity .3s,transform .3s,visibility 0s .3s;
  transition: opacity .3s,transform .3s,visibility 0s .3s,-webkit-transform .3s;
  visibility: hidden;
  width: 100%;
  z-index: 40
}

.header__language-box .language .options i {
  display: block;
  font-style: normal
}

.header__language-box .language .options i.option--mob {
  display: none
}

.header__language-box .language .options ul {
  background: #d9f2fc;
  border-radius: 6px;
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  position: relative
}

.header__language-box .language .options ul:before {
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 12px 8px;
  bottom: 100%;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  margin-left: -12px;
  position: absolute;
  width: 0
}

.header__language-box .language .options ul li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #494b4e;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  height: 34px;
  line-height: normal;
  padding: 0 10px 0 25px;
  text-decoration: none;
  transition: .1s ease-in
}

.header__language-box .language .options ul li a:hover {
  background: #fff
}

.header__language-box .language .options ul li.active a {
  background: #fff;
  color: #1767a1
}

.header__language-box .language .options ul li:first-child a {
  border-radius: 6px 6px 0 0
}

.header__language-box .language .options ul li:last-child a {
  border-radius: 0 0 6px 6px
}

.header__language-box .language .options ul li .flag {
  display: block;
  margin-right: 8px;
  position: relative;
  top: 1px;
  width: 23px
}

.header__language-box .language .options ul li .flag img {
  display: block;
  max-width: 100%;
  position: relative;
  top: -2px
}

.no-touch .header__language-box .language:hover .handler:after {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

.no-touch .header__language-box .language:hover .options {
  opacity: 1;
  -webkit-transform: translate(-50%,100%);
  transform: translate(-50%,100%);
  transition: opacity .3s,visibility 0s,-webkit-transform .3s;
  transition: opacity .3s,transform .3s,visibility 0s;
  transition: opacity .3s,transform .3s,visibility 0s,-webkit-transform .3s;
  visibility: visible
}

.header__language-box .language.open .handler:after {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

.header__language-box .language.open .options {
  opacity: 1;
  -webkit-transform: translate(-50%,100%);
  transform: translate(-50%,100%);
  transition: opacity .3s,visibility 0s,-webkit-transform .3s;
  transition: opacity .3s,transform .3s,visibility 0s;
  transition: opacity .3s,transform .3s,visibility 0s,-webkit-transform .3s;
  visibility: visible
}

[dir=rtl] .header__language-box {
  float: left
}

[dir=rtl] .header__language-box .language .handler:after {
  left: 15px;
  right: auto;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg)
}

[dir=rtl] .header__language-box .language .handler .flag {
  display: block;
  margin-left: 8px;
  margin-right: 0;
  position: relative;
  top: 1px;
  width: 23px
}

[dir=rtl] .header__language-box .language .options ul li a {
  padding: 0 25px 0 10px
}

[dir=rtl] .header__language-box .language .options ul li .flag {
  margin-left: 8px;
  margin-right: 0
}

[dir=rtl] .header__language-box .language:hover .handler:after {
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg)
}

.header-top {
  background: #ef7d9a;
  background: -moz-linear-gradient(-96deg,#da4761 0,#ef7d9a 100%);
  background: -webkit-linear-gradient(-96deg,#da4761,#ef7d9a);
  background: linear-gradient(-96deg,#da4761,#ef7d9a);
  height: 104px;
  transition: .2s ease-in
}

[dir=rtl] .header-top {
  background: -moz-linear-gradient(-96deg,#ef7d9a 0,#da4761 100%);
  background: -webkit-linear-gradient(-96deg,#ef7d9a,#da4761);
  background: linear-gradient(-96deg,#ef7d9a,#da4761)
}

.male--account .header-top {
  background: #0f518d;
  background: -moz-linear-gradient(-95deg,#0f518d 0,#8ab8d1 100%);
  background: -webkit-linear-gradient(-95deg,#0f518d,#8ab8d1);
  background: linear-gradient(-95deg,#0f518d,#8ab8d1)
}

[dir=rtl] .male--account .header-top {
  background: #8ab8d1;
  background: -moz-linear-gradient(-95deg,#8ab8d1 0,#0f518d 100%);
  background: -webkit-linear-gradient(-95deg,#8ab8d1,#0f518d);
  background: linear-gradient(-95deg,#8ab8d1,#0f518d)
}

.header-top__logo {
  height: 104px;
  position: relative;
  top: 0;
  transition: .2s ease-in
}

[dir=ltr] .header-top__logo {
  float: left
}

[dir=rtl] .header-top__logo {
  float: right
}

[dir=ltr] .header-top__logo img {
  margin-right: 20px
}

[dir=rtl] .header-top__logo img {
  margin-left: 20px
}

.header-top__more {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 104px;
  position: relative;
  transition: .2s ease-in
}

[dir=ltr] .header-top__more {
  float: right
}

[dir=rtl] .header-top__more {
  float: left
}

.mainnav {
  background: #fff;
  height: 104px;
  transition: .2s ease-in
}

.sticky .mainnav {
  background: #e35e7a
}

.sticky.male--account .mainnav {
  background: #4a82ad
}

.mainnav nav ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center
}

.mainnav nav ul li {
  height: 104px
}

.mainnav nav ul li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  color: #2b373d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 16px;
  font-weight: 500;
  height: 104px;
  justify-content: center;
  line-height: normal;
  padding: 0 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: .2s ease-in;
  white-space: nowrap
}

.mainnav nav ul li a:focus:after,.mainnav nav ul li a:hover:after {
  background: #cc1949;
  border-radius: 2px;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  transition: .2s ease-in;
  width: 100%
}

.mainnav nav ul li a figure {
  height: 30px;
  margin: 0 auto 5px;
  position: relative;
  text-align: center;
  width: 30px
}

.mainnav nav ul li a figure .icon--active,.mainnav nav ul li a figure .icon--light {
  display: none
}

.mainnav nav ul li.active a {
  color: #b61b45
}

.mainnav nav ul li.active a:after {
  background: #cc1849;
  border-radius: 2px;
  bottom: 0;
  content: "";
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  transition: .2s ease-in;
  width: 100%
}

.mainnav nav ul li.active a figure .icon--normal {
  display: none
}

.mainnav nav ul li.active a figure .icon--active {
  display: block
}

.mainnav nav ul li a figure .status {
  border: 1px solid #fffffc;
  border-radius: 50%;
  bottom: 3px;
  height: 10px;
  position: absolute;
  right: -1px;
  width: 10px
}

.mainnav nav ul li a figure .status--online {
  background: #35c313
}

.mainnav nav ul li a figure .status--check {
  
  background-size: 100% auto
}

.mobile_menubtn {
  display: none
}

.sticky .inner-header {
  top: -84px
}

.sticky .header-top,.sticky .header-top__logo,.sticky .header-top__logo a,.sticky .header-top__more {
  height: 84px
}

.sticky .header-top__logo {
  height: 70px;
  top: 84px;
  z-index: 40
}

.sticky .header-top__logo a {
  color: hsla(0,0%,100%,0);
  font-size: .1px;
  height: 70px
}

.sticky .header-top__logo img {
  width: 50px
}

.sticky .header-top__package-link {
  opacity: 0
}

.sticky .header-top__user {
  top: 77px;
  z-index: 40
}

[dir=ltr] .sticky .header-top__user {
  right: -275px
}

[dir=rtl] .sticky .header-top__user {
  left: -180px
}

[dir=ltr] .sticky .header-top__user ul {
  right: 0
}

[dir=rtl] .sticky .header-top__user ul {
  left: 0
}

.sticky .header-top__user>a {
  color: hsla(0,0%,100%,0)!important;
  font-size: 0;
  padding-left: 30px;
  text-indent: -9999px
}

.sticky .header-top__notification {
  top: 77px;
  z-index: 40
}

[dir=ltr] .sticky .header-top__notification {
  left: unset;
  right: -270px
}

[dir=rtl] .sticky .header-top__notification {
  left: -175px
}

.sticky .mainnav,.sticky .mainnav nav ul li a {
  height: 70px
}

.sticky .mainnav nav ul li a figure .icon--light {
  display: block!important
}

.sticky .mainnav nav ul li a {
  color: #fff
}

.sticky .mainnav nav ul li a figure .icon--active,.sticky .mainnav nav ul li a figure .icon--normal {
  display: none!important
}

.sticky .mainnav nav ul li.active a {
  color: #fbeff1
}

.sticky .mainnav nav ul li.active a:after {
  background: #fbeff1
}

@media only screen and (max-width: 1200px) {
  .header-top__user ul {
      left:0
  }
}

@media only screen and (max-width: 1024px) {
  .header {
      padding:25px 0
  }

  .header__login-box ul li a {
      min-width: 120px
  }

  .header__logo a {
      width: 60px
  }

  .header-top__package-link,.header-top__user {
      display: none
  }

  .header-top,.header-top__logo,.header-top__more {
      height: 70px!important
  }

  .header-top__logo {
      margin-right: 50px
  }

  .header-top__logo a {
      font-size: 26px;
      height: 70px!important
  }

  .header-top__logo img {
      width: 50px
  }

  .sticky .header-top__logo,.sticky .inner-header {
      top: 0
  }

  .sticky .header-top__logo a {
      color: #fff;
      font-size: 26px
  }

  .sticky .mainnav {
      background: #fff!important
  }

  .sticky .mainnav nav ul li a figure .icon--active,.sticky .mainnav nav ul li a figure .icon--light {
      display: none!important
  }

  .sticky .mainnav nav ul li a figure .icon--normal {
      display: block!important
  }

  .sticky .mainnav nav ul li a {
      color: #2b373d
  }

  .sticky .mainnav nav ul li.active a {
      color: #b61b45
  }

  .sticky .mainnav nav ul li.active a:after {
      background-color: #cc1849
  }

  .sticky .mainnav nav ul li.active a figure .icon--normal {
      display: none!important
  }

  .sticky .mainnav nav ul li.active a figure .icon--active {
      display: block!important
  }

  .sticky .header-top__notification {
      opacity: 1;
      top: 0
  }

  .header-top__notification,.sticky .header-top__notification {
      left: unset;
      right: 40px!important
  }

  [dir=rtl] .header-top__notification,[dir=rtl] .sticky .header-top__notification {
      right: 0!important
  }

  [dir=rtl] .home-blog__content figure {
      float: none
  }

  .mobile_menubtn {
      display: block;
      position: absolute;
      right: 14px;
      top: 12px;
      z-index: 999999
  }

  #nav-icon3 {
      cursor: pointer;
      -webkit-transition: .5s ease-in-out;
      -moz-transition: .5s ease-in-out;
      -o-transition: .5s ease-in-out;
      transition: .5s ease-in-out
  }

  #nav-icon3,#nav-icon3 span {
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg)
  }

  #nav-icon3 span {
      background: #fff;
      border-radius: 4px;
      display: block;
      height: 3px;
      left: 7px;
      opacity: 1;
      position: absolute;
      -webkit-transition: .25s ease-in-out;
      -moz-transition: .25s ease-in-out;
      -o-transition: .25s ease-in-out;
      transition: .25s ease-in-out;
      width: 20px
  }

  #nav-icon3.open span {
      background: #fff
  }

  #nav-icon3 span:first-child {
      top: 0
  }

  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
      left: auto;
      right: 9px;
      top: 8px;
      width: 10px
  }

  #nav-icon3 span:nth-child(4) {
      top: 16px
  }

  #nav-icon3:hover span:nth-child(3) {
      width: 20px
  }

  .mobile_menubtn {
      height: 28px;
      right: 6px;
      top: 25px;
      width: 36px
  }

  .menuopen #nav-icon3 span:nth-child(2) {
      width: 20px
  }

  .mobile-menu {
      box-sizing: border-box;
      height: 100%;
      overflow: scroll;
      padding-bottom: 18px;
      position: fixed;
      right: -308px;
      top: 0;
      transition: all .3s ease 0s;
      width: 308px;
      z-index: 999999
  }

  .male--account .mobile-menu {
      background: #f7fcff!important
  }

  .female--account .mobile-menu {
      background: #fdf5f6!important
  }

  .hamburger--menu {
      display: block;
      height: 19px;
      margin-right: 15px;
      position: relative;
      width: 22px
  }

  [dir=rtl] .hamburger--menu {
      margin-left: 15px;
      margin-right: 0
  }

  .hamburger--menu i {
      background: #2b373d;
      display: block;
      height: 3px;
      margin-top: 8px;
      width: 100%
  }

  .hamburger--menu i:before {
      top: 0
  }

  .hamburger--menu i:after,.hamburger--menu i:before {
      background: #2b373d;
      content: "";
      display: block;
      height: 3px;
      left: 0;
      position: absolute;
      width: 100%
  }

  .hamburger--menu i:after {
      bottom: 0
  }

  .menuopen {
      overflow: hidden
  }

  .menuopen .mobile-menu {
      background: #fff;
      box-shadow: 0 10px 30px 0 hsla(227,5%,68%,.5);
      right: 0
  }

  .olay {
      background: hsla(0,0%,100%,.6);
      height: 100%;
      left: 0;
      opacity: 0;
      position: fixed;
      top: 0;
      transition: all .6s ease 0s;
      visibility: hidden;
      width: 100%;
      z-index: -1
  }

  .menuopen .olay {
      opacity: 1;
      visibility: visible;
      z-index: 99999
  }

  .mobile-menu__user-menuinfo {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      background: #da4761;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 85px;
      padding: 0 20px
  }

  .male--account .mobile-menu__user-menuinfo {
      background: #1767a1
  }

  .mobile-menu__user-menuinfo figure {
      background: #fff;
      border: 1px solid #f2f2f3;
      border-radius: 50%;
      height: 58px;
      margin: 0 10px 0 0;
      width: 58px
  }

  [dir=rtl] .mobile-menu__user-menuinfo figure {
      margin-left: 10px;
      margin-right: 0
  }

  .mobile-menu__user-menuinfo figure a {
      height: 58px;
      padding: 0;
      width: 58px
  }

  .mobile-menu__user-menuinfo figure img {
      border-radius: 50%;
      box-shadow: 0 0 0 2px #fff;
      display: block;
      height: 100%;
      object-fit: cover;
      right: -1px;
      top: -1px;
      width: 100%
  }

  .mainnav [class*=col-] {
      padding: 0
  }

  .mobile-menu__user-menuinfo h6 {
      font-size: 16px;
      margin: 0;
      padding-bottom: 5px
  }

  .mobile-menu__user-menuinfo h6,.mobile-menu__user-menuinfo p {
      color: #fff;
      font-family: inherit;
      font-weight: 500;
      line-height: normal
  }

  .mobile-menu__user-menuinfo p {
      font-size: 14px;
      margin-bottom: 0;
      opacity: .72
  }

  .inner-header {
      z-index: 999999
  }

  .mobile-menu a {
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #2b373d;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-family: inherit;
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
      padding: 0 22px;
      text-decoration: none;
      transition: .1s ease-in
  }

  .mobile-menu a figure {
      margin: 0
  }

  .mobile-menu li a .icon--active,.mobile-menu li.active .icon--normal {
      display: none
  }

  .mobile-menu li.active a .icon--active {
      display: block
  }

  .mobile-menu li a figure {
      width: 38px
  }

  .mobile-menu .footer__app-links {
      margin-bottom: 16px;
      padding: 0 22px 0 30px
  }

  .mobile-menu .footer__social-links {
      padding: 0 22px 0 30px
  }

  .mobile-menu .footer__social-links ul {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      width: 80%
  }

  .mobile-menu .footer__social-links ul li {
      padding: 0!important
  }

  .mobile-menu .footer__social-links ul li a {
      font-size: 20px;
      height: 36px;
      line-height: 36px;
      padding: 0;
      width: 36px
  }

  .mobile-menu .footer__social-links ul li a i {
      line-height: 36px
  }

  .mobile-menu .footer__app-links ul {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      margin: 0
  }

  .mobile-menu .footer__app-links ul li {
      float: none;
      margin: 0 auto;
      padding: 0;
      width: 122px
  }

  .mobile-menu .footer__app-links ul li a {
      padding: 0
  }

  .sticky .mainnav,.sticky .mainnav nav ul li a {
      height: 100%
  }

  .mobile-menu__my-account {
      background: #fff
  }

  .mobile-menu__my-account>a {
      position: relative
  }

  .mobile-menu__my-account>a:after {
   
      background-size: 100% auto;
      content: "";
      display: block;
      height: 6px;
      margin-top: -3px;
      position: absolute;
      right: 20px;
      top: 50%;
      transition: .1s ease-in;
      width: 10px
  }

  [dir=rtl] .mobile-menu__my-account>a:after {
      left: 20px;
      right: auto
  }

  .mobile-menu__package-link {
      border-bottom: 1px solid #e4e4e4;
      border-top: 1px solid #e4e4e4
  }

  .mobile-menu__package-link a {
      color: #ffaa64
  }

  .mobile-menu__package-link a figure {
      margin: 0;
      width: 38px
  }

  .mobile-menu__package-link a figure img {
      display: block;
      width: 26px
  }

  .mobile-menu__side-links {
      border-bottom: 1px solid #e4e4e4
  }

  .mobile-menu__about-links {
      padding-bottom: 10px
  }

  .mobile-menu__about-links a,.mobile-menu__my-account a,.mobile-menu__package-link a,.mobile-menu__side-links a,.mobile-menu__user-infolinks a {
      height: 50px
  }

  .mobile-menu ul {
      list-style: none;
      margin: 0;
      padding: 0
  }

  .mobile-menu li a figure img {
      display: block;
      width: 22px
  }

  .mobile-menu__side-links .icon {
      display: block;
      margin-right: 10px;
      width: 28px
  }

  [dir=rtl] .mobile-menu__side-links .icon {
      margin-left: 10px;
      margin-right: 0
  }

  .mobile-menu__side-links .icon img {
      max-width: 100%
  }

  .mobile-menu__about-links li a {
      height: 40px
  }

  .mobile-menu__my-account .collapse {
      border-bottom: 1px solid #e4e4e4;
      border-top: 1px solid #e4e4e4
  }

  .mobile-menu__my-account li:last-child {
      border-top: 1px solid #e4e4e4
  }

  .mobile-menu__my-account li a {
      height: 40px
  }

  .mobile-menu__my-account>a[aria-expanded=true]:after {
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
  }

  .mainnav,.mainnav nav ul li {
      height: 70px
  }

  .mainnav nav ul li a {
      font-size: 15px;
      height: 70px
  }

  [dir=rtl] .mainnav nav ul li a {
      font-size: 16px
  }
}

@media only screen and (max-width: 768px) {
  .header .our-website,.header-top__more .our-website,.header__login-box ul li a {
      font-size:13px;
      height: 28px;
      line-height: 28px;
      min-width: 75px
  }

  [dir=ltr] .header__login-box ul li a {
      line-height: 28px
  }

  .header .our-website:before,.header-top__more .our-website:before {
      content: unset
  }

  .header .our-website,.header-top__more .our-website {
      padding: 0 15px!important
  }

  [dir=rtl] .header__login-box ul li a {
      padding: 0 15px
  }

  .header__login-box ul li:last-child {
      display: none
  }

  .header-top__more {
      float: none;
      height: auto!important;
      left: 15px;
      position: absolute;
      top: 20px
  }

  .header-top__more .header__login-box {
      display: none
  }

  .header__language-box .language .handler {
      font-size: 13px;
      height: 28px;
      width: 100%
  }

  .header__language-box .language .handler i {
      display: none
  }

  .header__language-box .language .handler i.option--mob {
      display: block
  }

  .header__language-box .language {
      min-width: 75px;
      position: relative
  }

  .header__language-box .language .options i {
      display: none
  }

  .header__language-box .language .options i.option--mob {
      display: block
  }

  .header__language-box .language .handler {
      padding: 0 10px
  }

  .header__language-box .language .handler .flag {
      margin-right: 5px;
      width: 18px
  }

  .header__language-box .language .handler:after {
      background-size: 100% 100%;
      height: 8px;
      margin-top: -4px;
      right: 10px;
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      width: 8px
  }

  .header__logo a {
      width: 45px
  }

  .header {
      padding: 20px 0
  }

  .sticky .header__logo a {
      width: 30px
  }

  .header__language-box .language .options ul li .flag {
      margin-right: 5px;
      width: 18px
  }

  .header__language-box .language .options ul li a {
      font-size: 13px;
      padding: 0 10px 0 15px
  }

  .header__language-box .language .options ul li a i {
      display: none
  }

  .header__language-box .language .options ul li a i.option--mob {
      display: block
  }

  .header-top__logo {
      float: none!important;
      height: auto!important;
      margin: 0 auto;
      width: 35px!important
  }

  .header-top__logo img {
      display: block;
      height: auto;
      margin: 0!important;
      width: 100%
  }

  .header-top__logo a {
      font-size: .1px!important;
      text-indent: -9999px!important
  }

  .header-top,.header-top__logo a {
      height: 68px!important
  }

  .header-top__package-link,.header-top__user {
      display: none
  }

  .header-top__notification {
      left: 0;
      position: absolute;
      right: unset!important;
      top: -15px
  }

  [dir=rtl] .header-top__notification,[dir=rtl] .sticky .header-top__notification {
      right: unset!important
  }

  .header-top__notification.in .notification__link {
      background-size: 100% auto;
      display: block;
      height: 25px;
      width: 25px
  }

  .header-top__notification.in .notification__link:after {
      right: -1px
  }

  .sticky .header-top__logo img {
      width: 100%
  }

  .sticky .header-top__notification {
      left: 0!important;
      right: unset!important;
      top: -15px
  }

  [dir=rtl] .header__language-box .language .handler .flag {
      margin-left: 5px;
      width: 18px
  }

  [dir=rtl] .header__language-box .language .handler:after {
      background-size: 100% 100%;
      height: 8px;
      left: 10px;
      margin-top: -4px;
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      transform: rotate(0deg);
      width: 8px
  }

  [dir=rtl] .header__language-box .language .options ul li a {
      padding: 0 15px 0 10px
  }

  [dir=rtl] .header__language-box .language .options ul li .flag {
      margin-left: 5px;
      width: 18px
  }

  .header__logo a {
      padding-bottom: 20px
  }

  .header__logo a span {
      bottom: -15px;
      font-size: 20px
  }

  .sticky .header__logo a {
      padding-bottom: 16px
  }

  .sticky .header__logo a span {
      bottom: -6px;
      font-size: 16px
  }

  .header-top__logo a,.sticky .header-top__logo a {
      color: hsla(0,0%,100%,0);
      text-indent: -9999px
  }

  .non--sticky .inner-header {
      position: fixed
  }

  .mainnav {
      height: auto
  }

  .mainnav nav {
      display: none
  }
}

.wrapper {
  margin: 0 auto;
  overflow: hidden
}

.inner-wrapper {
  margin-top: 208px;
  transition: .2s ease-in
}

.sticky .inner-wrapper {
  margin-top: 125px
}

.container {
  margin: 0 auto;
  max-width: 1157px
}

.main-content {
  margin: 0 -20px;
  padding-bottom: 27px;
  padding-top: 40px
}

.main-content>[class*=col-] {
  padding: 0 20px
}

.main-content>.col-lg-3 {
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  max-width: 28%
}

.main-content>.col-lg-9 {
  -ms-flex: 0 0 72%;
  flex: 0 0 72%;
  max-width: 72%
}

.side-block {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 40px 0 rgba(0,0,0,.05);
  margin-bottom: 20px;
  overflow: hidden
}

.page {
  padding: 0 15px!important
}

.page>.page-hero {
  margin-top: -70px
}

.iframe .page {
  padding: 0!important
}

.page-desc {
  color: #324148;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin: 5px 0 15px
}

.page-head {
  margin-bottom: 25px;
  margin-top: 25px
}

.layout-blank .page .page-head {
  margin-top: 0
}

.page-head .spot {
  margin-top: -55px
}

.page-head h1 {
  color: #da4761;
  font-size: 24px;
  font-weight: 500;
  line-height: normal;
  margin-bottom: 0;
  padding-bottom: 0
}

[dir=ltr] .page-head h1 {
  margin-bottom: 5px
}

.layout-blank .page .page-head h1 {
  text-align: center
}

.page-head .sub-menu {
  background: #fff;
  border: none;
  border-radius: 25px;
  box-shadow: -1px 4px 12px 0 hsla(0,0%,72%,.2);
  height: 44px;
  margin-bottom: 20px;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap
}

.page-head .sub-menu.open {
  overflow: unset
}

.page-head .alt-sub-menu {
  display: none
}

.page-head .alt-sub-menu:empty {
  display: none!important
}

.page-head .alt-sub-menu,.page-head .sub-menu a {
  border: none!important;
  color: #394659;
  font-size: 16px;
  font-weight: 500;
  line-height: 44px;
  margin: 0;
  overflow: hidden;
  padding: 0 30px;
  text-overflow: ellipsis;
  transition: .1s ease-in;
  white-space: nowrap
}

.page-head .sub-menu a {
  display: inline-block
}

.page-head .sub-menu a:hover {
  color: #1767a1;
  text-decoration: none
}

.page-head .alt-sub-menu,.page-head .sub-menu a.active {
  background: #1767a1;
  border-radius: 25px;
  color: #fff
}

.page-head .alt-sub-menu.disable,.page-head .sub-menu a.active.disable {
  background: gray
}

.page-head .page-details {
  align-items: flex-end;
  display: flex;
  justify-content: space-between
}

.page-head .page-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.page-head .page-options .filter {
  display: flex;
  flex-wrap: wrap;
  gap: 10px
}

[dir=ltr] .page-head .page-options .filter>div {
  margin-right: 15px
}

[dir=ltr] .page-head .page-options .filter>div:last-child {
  margin-right: 0
}

[dir=rtl] .page-head .page-options .filter>div {
  margin-left: 15px
}

[dir=rtl] .page-head .page-options .filter>div:last-child {
  margin-left: 0
}

.page-head .page-options .filter-gender ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0
}

[dir=ltr] .page-head .page-options .filter-gender ul li {
  margin-right: 10px
}

[dir=rtl] .page-head .page-options .filter-gender ul li {
  margin-left: 10px
}

.page-head .page-options .filter-gender ul li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  color: #2b373d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  height: 34px;
  line-height: 30px;
  padding: 0 6px;
  text-decoration: none;
  transition: .1s ease-in
}

.page-head .page-options .filter-gender ul li.active a {
  border-bottom: 2px solid #1767a1;
  color: #1767a1
}

[dir=ltr] .page-head .page-options .filter-gender ul li a img {
  margin-right: 6px
}

[dir=rtl] .page-head .page-options .filter-gender ul li a img {
  margin-left: 6px
}

.page-head .page-options .filter .other-filter {
  display: flex
}

.page-head .col-md-6 {
  margin-bottom: 0
}

.page-hero img {
  width: 100%
}
 
.pagination-wrapper {
  padding-top: 30px
}

.pagination {
  direction: ltr!important;
  list-style: none;
  margin: 0!important;
  padding: 0
}

.pagination li a {
  background-color: transparent;
  border: none;
  color: #324148;
  display: block;
  font-family: inherit;
  font-size: 19px;
  font-weight: 400;
  line-height: 45px;
  padding: 0 10px;
  transition: .1s ease-in
}

.pagination li.active a.page-link {
  background: none!important;
  color: #b61b45!important;
  font-weight: 700!important
}

.pagination li a:focus,.pagination li a:hover {
  background: none!important;
  box-shadow: none!important;
  color: #b61b45;
  font-weight: 700
}

.pagination li a.prev--link {
 
  background-size: 11px auto;
  border-radius: 50%!important;
  box-shadow: -1px 9px 14px 0 #f0f2f4;
  display: block;
  height: 45px;
  margin: 0 10px!important;
  width: 45px
}

.pagination li a.prev--link:hover {
 
  background-size: 11px auto!important;
  box-shadow: 0 19px 19px 0 rgba(202,129,149,.32)!important
}

.pagination li a.next--link {
 
  background-size: 11px auto;
  border-radius: 50%!important;
  box-shadow: -1px 9px 14px 0 #f0f2f4;
  display: block;
  height: 45px;
  margin: 0 10px!important;
  width: 45px
}

.pagination li a.next--link:hover {
  
  background-size: 11px auto!important;
  box-shadow: 0 19px 19px 0 rgba(202,129,149,.32)!important
}

@media only screen and (max-width: 1200px) {
  .main-content {
      padding-left:30px;
      padding-right: 30px
  }
}

@media only screen and (max-width: 1024px) {
  .inner-wrapper {
      margin-top:140px!important
  }

  .main-content {
      margin: 0 -15px;
      padding-top: 30px
  }

  .main-content .sidebar {
      display: none
  }

  .main-content>[class*=col-] {
      padding: 0 15px
  }

  .main-content>.col-lg-3,.main-content>.col-lg-9 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%
  }

  .page {
      padding: 0 25px!important
  }

  .page-head {
      margin-top: 0;
      padding: 0
  }

  .page-hero {
      display: none
  }

  .page-head .page-options .filter {
      justify-content: space-between
  }
}

@media only screen and (max-width: 768px) {
  .inner-wrapper {
      margin-bottom:0;
      margin-top: 0!important
  }

  .main-content {
      padding: 68px 0 120px
  }

  .main-content .sidebar {
      display: none
  }

  section.page {
      margin: 0!important;
      padding: 0!important
  }

  .layout-blank .page .page-head,.page-head {
      margin-top: 20px;
      padding: 0 20px
  }

  .page-head .spot {
      display: none
  }

  .page-head .sub-menu.open {
      position: relative;
      z-index: 10000
  }

  .page-head .alt-sub-menu {
      display: block;
      position: relative
  }

  [dir=ltr] .page-head .alt-sub-menu {
      padding-right: 40px
  }

  [dir=rtl] .page-head .alt-sub-menu {
      padding-left: 40px
  }

  .page-head .sub-menu a {
      display: none;
      max-width: 100%
  }

  .page-head .sub-menu.open a {
      display: block;
      position: relative;
      top: 10px
  }

  .page-head .sub-menu.open a.active {
      color: #1767a1
  }

  .page-head .sub-menu.open a.active.disable {
      color: #a7a7a7
  }

  .page-head .sub-menu.open a,.page-head .sub-menu.open a.active.disable {
      background: #eef8ff;
      border-radius: 0;
      line-height: normal;
      padding-top: 15px
  }

  .page-head .sub-menu.open a:first-of-type {
      border-radius: 25px 25px 0 0;
      box-shadow: 0 3px 11px 0 rgba(0,0,0,.1)
  }

  .page-head .sub-menu.open a:last-of-type {
      border-radius: 0 0 25px 25px;
      box-shadow: 0 10px 14px rgba(0,0,0,.1);
      padding-bottom: 15px
  }

  .page-head .sub-menu .alt-sub-menu:after {
      border-color: #fff transparent transparent;
      border-style: solid;
      border-width: 8px 6px 0;
      content: "";
      display: block;
      height: 0;
      margin-top: -4px;
      position: absolute;
      top: 50%;
      transition: .2s ease-in;
      width: 0
  }

  [dir=ltr] .page-head .sub-menu .alt-sub-menu:after {
      right: 20px
  }

  [dir=rtl] .page-head .sub-menu .alt-sub-menu:after {
      left: 20px
  }

  .page-head .sub-menu.open .alt-sub-menu:after {
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
  }

  .page>.page-body {
      padding-top: 20px
  }

  .page-head~.page-body {
      padding-top: 0
  }

  .page-body {
      padding: 0 20px
  }

  .page-body .box {
      border-radius: 0;
      padding: 5px
  }
}

@media only screen and (max-width: 480px) {
  .inner-wrapper {
      padding-bottom:70px
  }

  .main-content {
      padding-bottom: 30px
  }

  section.page {
      padding: 0!important
  }

  .page-head .page-options,.page-head .page-options .filter {
      display: block
  }

  .page-head .page-options .filter>div {
      margin: 0 0 15px!important
  }

  .page-head .page-options .filter-gender ul {
      margin: 0 auto 10px
  }

  [dir=ltr] .page-head .page-options .filter-gender ul {
      margin-left: 10px;
      margin-right: 10px
  }

  .page-body {
      padding: 0
  }

  .pagination-wrapper {
      padding-top: 0
  }

  .page-body .section .title {
      padding: 0 20px
  }
}

.cookie-notice {
  background: #186fa9;
  border-top: 7px solid #2394d5;
  bottom: 0;
  color: #fff;
  position: fixed;
  width: 100%;
  z-index: 999999999999
}

.cookie-notice.hidding {
  -webkit-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown
}

.cookie-notice h2 {
  color: #fff5be;
  margin: 0 0 5px;
  padding: 0
}

.ltr .cookie-notice h2 {
  margin-top: 7px
}

.cookie-notice p {
  color: #fff;
  margin-bottom: 10px;
  padding: 0
}

.cookie-notice a {
  color: #ffabc1;
  padding: 0
}

.cookie-notice-overlay {
  margin: 10px 50px
}

.cookie-notice .declaration {
  display: flex;
  justify-content: space-between
}

.cookie-notice .declaration-msg {
  width: 60%
}

.cookie-notice .actions {
  padding-top: 12px
}

.cookie-notice .actions .btn {
  background: #df546d;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
  min-width: 100px;
  padding: 5px 20px 10px
}

.ltr .cookie-notice .actions .btn {
  padding-top: 10px
}

.footer {
  position: relative
}

.inner-footer {
  background: #e7f8ff
}

.footer__logo {
  padding-bottom: 30px;
  padding-top: 0
}

.footer__logo h6 {
  color: #324148;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 5px;
  padding-bottom: 0;
  padding-top: 14px
}

.footer__logo h6:last-child {
  margin-bottom: 0;
  padding-top: 0
}

[lang=fr] .footer__logo h6:last-child {
  display: none
}

.footer__logo h6 span {
  color: #da4761
}

.footer__logo p {
  color: #324148;
  font-family: inherit;
  font-size: 19px;
  font-weight: 700;
  line-height: normal
}

.footer__app-links {
  margin: 0 auto;
  max-width: 320px;
  padding-bottom: 30px
}

.footer__app-links:after {
  clear: both;
  content: "";
  display: block
}

.footer__app-links ul {
  list-style: none;
  margin: 0 -6px;
  padding: 0
}

.footer__app-links ul li {
  float: left;
  padding: 0 6px;
  width: 50%
}

.footer__social-links ul li:first-child {
  padding-left: 0
}

.footer__social-links ul li:last-child {
  padding-right: 0
}

.footer__app-links ul li a {
  display: block
}

.footer__app-links ul li img {
  display: block;
  max-width: 100%
}

.footer__social-links {
  display: flex;
  justify-content: center
}

.footer__social-links ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.footer__social-links ul li {
  display: inline-block;
  padding: 0 18px
}

.footer__social-links ul li a {
  background: #0f518d;
  border-radius: 50%;
  color: #fff;
  display: block;
  font-size: 26px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  transition: .1s ease-in;
  width: 45px
}

.footer__social-links ul li a i {
  line-height: 45px
}

.footer__social-links ul li a:hover {
  background: #093d6d
}

.footer__toplinks {
  padding: 0 50px 50px
}

.footer__copyright {
  border-top: 1px solid #fff;
  padding-bottom: 18px;
  padding-top: 18px
}

.footer__copyright p {
  color: #535453;
  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 0
}

.footer__copyright p a {
  color: #535453;
  text-align: center;
  text-decoration: none
}

.footer__copyright p a:hover {
  color: #535453;
  text-decoration: underline
}

.footer__links {
  padding-bottom: 14px;
  padding-top: 35px
}

[dir=ltr] .footer__links {
  padding-left: 40px
}

[dir=rtl] .footer__links {
  padding-right: 40px
}

.footer__links h4 {
  color: #da4761;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 15px
}

.footer__links ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.footer__links ul li {
  color: #535453;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 14px;
  padding-left: 15px;
  position: relative
}

.footer__links ul li:before {
  background: #b61b45;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 8px
}

[dir=rtl] .footer__links ul li:before {
  top: 9px
}

.footer__links ul li a {
  color: #535453;
  font-weight: 500;
  text-decoration: none;
  transition: .1s ease-in
}

.footer__links ul li a:hover {
  color: #da4761
}

[dir=rtl] .footer__logo h6,[dir=rtl] .footer__logo p {
  font-weight: 700
}

[dir=rtl] .footer__links h4 {
  font-weight: 700;
  text-align: right
}

[dir=rtl] .footer__links ul li {
  padding-left: 0;
  padding-right: 16px;
  text-align: right
}

[dir=rtl] .footer__links ul li:before {
  left: auto;
  right: 0
}

[dir=rtl] .footer__copyright p,[dir=rtl] .footer__links ul li a {
  font-weight: 500
}

[dir=rtl] .footer__social-links ul li:first-child {
  padding-left: 18px;
  padding-right: 0
}

[dir=rtl] .footer__social-links ul li:last-child {
  padding-left: 0;
  padding-right: 18px
}

[dir=rtl] .footer:before {
 
  background-size: 100% 100%
}

.footer-menu {
  
  position: relative
}

.footer-menu ul li ul {
  background: #fff;
  border-radius: 15px 15px 0 0;
  box-shadow: inset 0 -2px 8px 0 rgba(0,0,0,.06);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  left: 50%;
  max-width: 420px;
  opacity: 0;
  padding: 25px 20px 15px;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%,-90%);
  transform: translate(-50%,-90%);
  transition: opacity .3s,visibility 0s .3s,-webkit-transform .3s;
  transition: opacity .3s,transform .3s,visibility 0s .3s;
  transition: opacity .3s,transform .3s,visibility 0s .3s,-webkit-transform .3s;
  visibility: hidden;
  width: 100%;
  z-index: 40
}

.footer-menu ul li.active ul {
  box-shadow: 0 -20px 19px 0 rgba(0,0,0,.13);
  opacity: 1;
  -webkit-transform: translate(-50%,-100%);
  transform: translate(-50%,-100%);
  transition: opacity .3s,visibility 0s,-webkit-transform .3s;
  transition: opacity .3s,transform .3s,visibility 0s;
  transition: opacity .3s,transform .3s,visibility 0s,-webkit-transform .3s;
  visibility: visible
}

.footer-menu ul li ul li {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  height: auto;
  max-width: 50%
}

.footer-menu ul li ul li a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  align-items: center;
  color: #2b373d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  height: 60px;
  justify-content: flex-start;
  line-height: normal;
  padding: 0;
  transition: .1s ease-in
}

.footer-menu ul li ul li a figure {
  margin: 0;
  position: relative;
  width: 40px
}

.footer-menu ul li ul li a figure .status {
  bottom: 2px;
  height: 10px;
  position: absolute;
  right: 0;
  width: 10px
}

.footer-menu ul li ul li a figure img {
  display: block;
  max-width: 100%
}

.footer-menu ul ul li:last-child,.footer-menu ul ul li:nth-last-child(2) {
  border-bottom: none
}

.footer-menu ul ul li {
  border-bottom: 1px solid #e4e4e4
}

[dir=ltr] .footer-menu ul ul li {
  border-right: 1px solid #e4e4e4
}

[dir=rtl] .footer-menu ul ul li {
  border-left: 1px solid #e4e4e4
}

.footer-menu ul ul li:nth-child(2n) {
  border-left: none
}

[dir=ltr] .footer-menu ul ul li:nth-child(2n) a {
  padding-left: 15px
}

[dir=rtl] .footer-menu ul ul li:nth-child(2n) a {
  padding-right: 15px
}

.page--overlay {
  background: #000;
  display: none;
  height: 100%;
  left: 0;
  opacity: .3;
  position: fixed;
  top: 0;
  transition: opacity .3s;
  width: 100%;
  z-index: 999999
}

.fm_open .page--overlay {
  display: block
}

.footer-menu ul li ul li a:hover {
  color: #da4761
}

.fm_open .footer-menu {
  z-index: 99999999
}

.footer-menu .link-page-conversations {
  position: relative
}

.footer-menu .nb-unread-conversations {
  background: #408b2f;
  border-radius: 50%;
  color: #fff;
  font-family: latin;
  font-size: 8px;
  font-weight: 700;
  height: 20px;
  padding-top: 5px;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 20px
}

[dir=ltr] .footer-menu .nb-unread-conversations {
  left: 50%
}

[dir=rtl] .footer-menu .nb-unread-conversations {
  right: 34%
}

.footer-menu .nb-unread-conversations:empty {
  display: none
}

@media only screen and (max-width: 1200px) {
  .footer__toplinks {
      padding:0
  }

  .footer__links h4 {
      font-size: 24px
  }

  .footer__logo h6 {
      font-size: 20px
  }

  .footer__logo p {
      font-size: 18px
  }

  .footer__social-links ul li {
      padding: 0 15px
  }
}

@media only screen and (max-width: 1023px) {
  .cookie-notice .declaration-msg {
      width:80%
  }

  .cookie-notice p {
      margin-bottom: 15px
  }

  .cookie-notice p.description {
      display: none
  }

  .footer__links {
      margin-left: 30px;
      margin-right: 30px;
      padding-top: 30px
  }

  .footer__links h4 {
      padding-bottom: 30px
  }
}

@media only screen and (max-width: 768px) {
  .cookie-notice .declaration {
      display:block
  }

  .cookie-notice .declaration-msg {
      width: 100%
  }

  .cookie-notice p.description {
      display: none
  }

  .cookie-notice .actions {
      padding-bottom: 14px
  }

  .inner-wrapper .footer {
      padding-bottom: 67px
  }

  [dir=rtl] .footer:before {
      background-size: contain
  }

  .footer {
      display: none;
      padding-bottom: 20px;
      padding-top: 0
  }

  .footer:before {
      background-size: contain
  }

  .footer__logo h6 {
      font-size: 22px
  }

  .footer__logo p {
      font-size: 19px
  }

  .footer__social-links ul li {
      padding: 0 18px
  }

  .footer__copyright p {
      font-size: 14px
  }

  .footer__links h4 {
      padding-bottom: 20px
  }

  .footer__links {
      padding-bottom: 14px;
      padding-top: 35px
  }

  .footer-menu {
      background: hsla(0,0%,100%,.96);
      bottom: 0;
      box-shadow: 0 -2px 8px 0 rgba(0,0,0,.06);
      display: block;
      height: 68px;
      left: 0;
      padding: 0;
      position: fixed;
      width: 100%;
      z-index: 9999
  }

  .footer-menu ul {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      justify-content: space-between;
      list-style: none;
      margin: 0;
      padding: 0
  }

  .footer-menu ul li {
      height: 68px;
      width: 33.33%
  }

  .footer-menu ul li a,.footer-menu ul li button.btn-img {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      align-items: center;
      color: #73777e;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: column;
      flex-direction: column;
      font-family: inherit;
      font-size: 13px;
      font-weight: 500;
      height: 100%;
      justify-content: center;
      line-height: normal;
      padding: 0 15px;
      text-align: center;
      text-decoration: none;
      width: 100%
  }

  [dir=ltr] .footer-menu .sub--menu ul li button {
      text-align: left
  }

  [dir=rtl] .footer-menu .sub--menu ul li button {
      text-align: right
  }

  .footer-menu ul li a img,.footer-menu ul li button img {
      margin-bottom: 4px
  }
}

@media only screen and (max-width: 480px) {
  .footer__links {
      margin-left:0;
      margin-right: 0;
      padding-top: 30px
  }

  .footer__social-links ul li {
      padding: 0 15px
  }

  .footer-menu ul li ul {
      padding: 15px
  }

  .footer-menu ul li ul li a figure {
      width: 35px
  }

  [dir=ltr] .footer-menu ul ul li:nth-child(2n) {
      border-right: none
  }

  .footer-menu ul li ul li a {
      font-size: 15px
  }

  [dir=ltr] .footer-menu ul ul li:nth-child(2n) a {
      padding-left: 10px
  }

  [dir=rtl] .footer-menu ul ul li:nth-child(2n) a {
      padding-right: 10px
  }

  .footer-menu ul li a {
      padding: 0 5px
  }
}

.popup {
  background-color: transparent;
  border: none;
  border-radius: 0;
  bottom: 0;
  height: 100%;
  margin: 0!important;
  max-width: 100%;
  overflow: hidden;
  top: auto!important;
  transform: none!important;
  width: 100%;
  z-index: 1000000
}

.popover {
  font-family: inherit
}

body>.popup {
  align-items: center;
  background-color: rgba(35,43,49,.35);
  display: flex!important;
  justify-content: center;
  position: fixed!important
}

.popup .popup-wrapper {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  bottom: 0;
  overscroll-behavior: contain!important;
  position: absolute;
  width: 100%
}

body.safari .popup .popup-wrapper {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto
}

body>.popup .popup-wrapper {
  position: relative;
  width: 30%
}

.popup .popup-wrapper:before {
  background-color: hsla(0,0%,100%,.3);
  border-radius: 15px;
  content: "";
  display: block;
  height: 7px;
  left: 50%;
  margin-left: -30px;
  position: absolute;
  top: -15px;
  width: 60px
}

.popup .popup-wrapper.hiding {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: backOutDown;
  animation-name: backOutDown
}

.popup.hold {
  background: rgba(0,0,0,.15)!important
}

.popup .page {
  background-color: #148de0;
  border-radius: 0;
  box-shadow: inset 0 4px 0 0 rgba(0,0,0,.2);
  overscroll-behavior: contain!important;
  padding: 0!important
}

body>.popup .page {
  border-radius: 15px;
  box-shadow: none
}

.popup .page p {
  color: #fff;
  font-size: inherit;
  font-weight: 400;
  text-align: left
}

.rtl .popup .page p {
  color: #fff;
  font-weight: 400;
  text-align: right
}

.popup .page .btn-default {
  width: 100%
}

.popup .page .btn-default,.popup .page .btn-ok,.popup .page .btn-retry {
  background-color: #fff;
  border: none;
  color: #148de0;
  margin: 0
}

.popup .page .loading-content-error:before,.popup .page .loading-content-success:before {
  color: #fff!important
}

.popup .page-danger {
  background-color: #cc3824!important
}

.popup .page-danger .loading-content-error:before,.popup .page-danger .loading-content-success:before {
  color: #fff!important
}

.popup .page-danger .btn-default,.popup .page-danger .btn-ok,.popup .page-danger .btn-retry {
  background-color: #fff!important;
  color: #cc3824!important
}

.popup .page-black {
  background-color: rgba(0,0,0,.8)!important
}

.popup .page-black .loading-content-error:before,.popup .page-black .loading-content-success:before {
  color: #fff!important
}

.popup .page-black .btn-default,.popup .page-black .btn-ok,.popup .page-black .btn-retry {
  background-color: #fff!important;
  color: #000!important
}

.popup .page-black .popup-head {
  border-bottom: 1px solid hsla(0,0%,100%,.15)
}

.popup .page-black .popup-head .popup-close {
  background-color: hsla(0,0%,100%,.2)
}

.popup .page-success {
  background-color: green!important
}

.popup .page-success .loading-content-error:before,.popup .page-success .loading-content-success:before {
  color: #fff!important
}

.popup .page-success .btn-default,.popup .page-success .btn-ok,.popup .page-success .btn-retry {
  background-color: #fff!important;
  color: green!important
}

.popup .page-pink {
  background-color: #da4761!important
}

.popup .page-pink .loading-content-error:before,.popup .page-pink .loading-content-success:before {
  color: #fff!important
}

.popup .page-pink .btn-default,.popup .page-pink .btn-ok,.popup .page-pink .btn-retry {
  background-color: #fff!important;
  color: #da4761!important
}

.popup .page-warning {
  background-color: #fdb504!important
}

.popup .page-warning .loading-content-error:before,.popup .page-warning .loading-content-success:before {
  color: #fff!important
}

.popup .page-warning .btn-default,.popup .page-warning .btn-ok,.popup .page-warning .btn-retry {
  background-color: #fff!important;
  color: #fdb504!important
}

.popup .popup-head {
  border-bottom: 1px solid rgba(0,0,0,.1);
  color: #fff;
  direction: ltr;
  justify-content: space-between;
  margin: 0;
  padding: 10px 15px
}

.popup .popup-head,.popup .popup-head .popup-aux {
  align-items: center;
  display: flex
}

.popup .popup-head .popup-aux i {
  font-size: 18px
}

.popup .popup-head .popup-aux i.default:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f075";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome
}

.popup .popup-head .popup-title {
  background: transparent!important;
  border: none;
  font-size: 18px;
  padding: 1px
}

.popup .popup-head .popup-close {
  align-items: center;
  background-color: rgba(0,0,0,.2);
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 12px;
  height: 20px;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: 20px
}

.popup.prevent-close .popup-head .popup-close {
  visibility: hidden
}

.popup .popup-head .popup-close i.ico {
  padding: 0 1px 0 0
}

.popup .popup-head .popup-close i.ico:before {
  content: "\f060"
}

.popup .popup-body {
  color: #fff;
  font-size: 14px;
  line-height: 25px;
  padding: 10px
}

.popup .popup-body ul {
  list-style-type: disc;
  margin: 0
}

.ltr .popup .popup-body ul {
  direction: ltr;
  margin-left: 10px;
  padding-left: 12px
}

.rtl .popup .popup-body ul {
  direction: rtl;
  margin-right: 10px;
  padding-right: 12px
}

.popup .page-1 .popup-close i.ico:before {
  content: "\f00d"
}

.popup .popup-body .loading-content {
  height: 100px;
  margin: auto;
  width: 100px
}

.popup .popup-body .loading-content-error {
  margin: auto
}

.popup .popup-body .loading-content-error:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cc3824;
  content: "\f06a";
  display: inline-block;
  display: block;
  font: normal normal normal 14px/1 LineAwesome;
  font-size: 60px;
  font-weight: 900;
  text-align: center
}

.popup .popup-body .loading-content-error.premium-required:before {
  
  content: "";
  height: 60px;
  margin: auto;
  width: 60px
}

.popup .popup-body .loading-content-error .error-message {
  padding: 10px 0;
  text-align: center
}

.popup .popup-body .loading-content-error .btn-retry {
  background: #cc3824;
  border: none;
  color: #fff
}

.popup .popup-body .loading-content-success {
  margin: auto
}

.popup .popup-body .loading-content-success:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #17a18a;
  content: "\f058";
  display: inline-block;
  display: block;
  font: normal normal normal 14px/1 LineAwesome;
  font-size: 80px;
  font-weight: 900;
  text-align: center
}

.popup .popup-body .loading-content-success .success-message {
  padding: 10px 0 20px;
  text-align: center
}

.popup .btn {
  border: none;
  font-size: 16px;
  height: auto!important;
  line-height: 25px!important;
  padding: 7px 15px
}

.popup.loading .popup-wrapper {
  box-shadow: none!important
}

.popup.loading .popup-wrapper:before {
  display: none!important
}

.popup.loading .popup-wrapper:after {
  background-color: #148de0;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='margin:auto;background:0 0;display:block;shape-rendering:auto' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23fff' stroke-width='2' r='35' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'/%3E%3C/circle%3E%3C/svg%3E");
  border-radius: 50%;
  content: "";
  display: block;
  height: 64px;
  margin: auto;
  width: 64px
}

.popup.loading .popup-wrapper.hiding {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut
}

.popup.loading .popup-wrapper .page {
  box-shadow: none!important
}

.popup.loading .popup-wrapper .page .popover-body,.popup.loading .popup-wrapper .page .popup-head {
  display: none!important
}

.popup.iframe-container .page,.popup.iframe-container .page .popup-body {
  padding: 0!important
}

body>.popup.iframe-container.loaded .popup-wrapper {
  height: 90%;
  max-width: none;
  width: 788px
}

.popup.iframe-container .popup-wrapper iframe {
  display: none
}

.popup.iframe-container.loaded .popup-wrapper iframe {
  border-radius: 15px;
  margin-bottom: -10px
}

.popup.iframe-container.loaded .popup-head {
  border: none;
  display: block;
  padding: 9px 10px 0;
  position: absolute;
  width: 100%
}

.popup.iframe-container.loaded .popup-head .popup-aux,.popup.iframe-container.loaded .popup-head .popup-title {
  display: none
}

.popup.multipage .page {
  background-color: rgba(45,147,216,.9)
}

.popup-body .select-default {
  width: 100%!important
}

.popup-body .select-default .btn {
  border-radius: 40px;
  line-height: 40px!important;
  margin: 0!important;
  padding: 0 20px
}

.popup-body .select-default .dropdown-item .text {
  white-space: normal
}

@media only screen and (max-width: 1024px) {
  body>.popup .popup-wrapper {
      width:40%
  }
}

@media only screen and (max-width: 768px) {
  body>.popup .popup-wrapper {
      width:65%
  }

  body>.popup.iframe-container.loaded .popup-wrapper {
      width: 480px
  }

  body>.popup.iframe-container.loaded .popup-wrapper .page {
      background: transparent!important
  }
}

@media only screen and (max-width: 480px) {
  .popup {
      background-color:rgba(0,0,0,.6)
  }

  .popup .popup-wrapper {
      box-shadow: none
  }

  .popup .popup-wrapper:before {
      background-color: hsla(0,0%,100%,.2)
  }

  body>.popup.iframe-container.loaded .popup-wrapper {
      width: 100%
  }

  .popup .popup-head {
      padding: 12px 25px 12px 20px!important
  }

  .popup .popup-head .popup-close {
      font-size: 14px;
      height: 25px;
      width: 25px
  }

  .popup .popup-head .popup-title {
      font-size: 17px
  }

  .popup .popup-head .popup-aux i {
      font-size: 20px
  }

  .popup .page {
      background-color: #148de0;
      box-shadow: none
  }

  .popup .page,body>.popup .page {
      border-radius: 25px 25px 0 0
  }

  .popup .popup-body {
      font-size: 16px;
      line-height: 30px;
      padding: 20px
  }

  .popup .popup-body .loading-content-error:before {
      font-size: 80px
  }

  .popup .popup-body .loading-content-error .error-message {
      padding: 10px 0 20px
  }

  .popup .popup-body .btn {
      font-size: 16px;
      height: 40px;
      line-height: 40px;
      margin-bottom: 12px
  }

  .popup.loading {
      align-items: center;
      background-color: rgba(0,0,0,.6);
      display: flex!important;
      justify-content: center
  }

  .popup.loading .popup-wrapper {
      bottom: auto;
      position: relative!important
  }

  .popup.multipage {
      background: transparent
  }

  .popup.multipage .page {
      border-radius: 25px
  }

  .popup.multipage .popup-wrapper {
      padding: 0 10px 10px
  }

  .popup.iframe-container:before {
      display: none
  }

  .popup.iframe-container.loaded .popup-wrapper {
      height: 84%
  }

  .popup.iframe-container.loaded .popup-wrapper iframe {
      border-radius: 23px 23px 0 0;
      display: block
  }

  body>.popup {
      align-items: center;
      background-color: rgba(35,43,49,.35);
      display: flex!important;
      justify-content: center
  }

  body>.popup .popup-wrapper {
      bottom: auto;
      max-width: 468px;
      position: relative;
      width: 50%
  }

  body>.popup .popup-wrapper.hiding {
      -webkit-animation-duration: .7s;
      animation-duration: .7s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: backOutDown;
      animation-name: backOutDown
  }

  body>.popup .popup-wrapper .page {
      box-shadow: 0 0 25px 0 rgba(0,0,0,.15)
  }

  body>.popup.iframe-container.loaded .popup-wrapper iframe {
      margin-bottom: -10px
  }

  body>.popup.multipage .popup-body,body>.popup.multipage .popup-head {
      padding: 15px 20px 15px 15px
  }
}

@media only screen and (min-width: 0px) and (max-width:480px) {
  body>.popup .popup-wrapper,body>.popup.multipage .popup-wrapper {
      bottom:0;
      position: absolute;
      width: 100%
  }

  .popup .popup-body .btn {
      margin-bottom: 0
  }
}

.content-tabs {
  height: 100%
}

.content-tabs h4 {
  color: #da4761;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 0
}

.content-tabs p a {
  color: #5eb541
}

.content-tabs .nav-tabs {
  background: #fff;
  border: none;
  border-radius: 25px;
  box-shadow: -1px 4px 12px 0 hsla(0,0%,72%,.2);
  height: 44px;
  margin-bottom: 30px
}

.content-tabs .nav-tabs .nav-link {
  border: none!important;
  color: #394659;
  font-size: 16px;
  font-weight: 500;
  line-height: 44px;
  margin: 0;
  padding: 0 30px
}

.content-tabs .nav-tabs .nav-link.active {
  background: #1767a1;
  border-radius: 25px;
  color: #fff
}

.content-tabs .tab-content {
  min-height: calc(100% - 178px)
}

.content-tabs .subpage-content,.content-tabs .tab-content {
  background: #fff;
  border-radius: 13px;
  box-shadow: -1px 4px 12px 0 hsla(0,0%,72%,.2)
}

.content-tabs .subpage-content {
  min-height: calc(100% - 174px);
  padding: 30px 20px
}

.content-tabs .nav-tabs+p {
  margin-bottom: 22px
}

.nav.nav-tabs {
  margin-bottom: 20px;
  z-index: 9999
}

.tabs_box .nav-tabs {
  margin: 0 0 20px;
  padding: 0
}

.tabs_box .nav-tabs .nav-link {
  font-weight: 700
}

.nav-tabs__mobile_title {
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.tab-pane {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 40px 0 rgb(0 0 0/5%);
  padding: 20px;
  position: relative;
  z-index: 9998
}

@media only screen and (max-width: 768px) {
  .nav-tabs__wrapper {
      margin:0 0 25px;
      position: relative
  }

  .nav-tabs__wrapper .nav-tabs {
      display: none
  }

  .nav-tabs__wrapper.open .nav-tabs {
      display: block
  }

  .nav-tabs__mobile_title {
      background: #1767a1;
      border: none;
      border-radius: 25px;
      box-shadow: -1px 4px 12px 0 hsla(0,0%,72%,.2);
      color: #fff;
      display: block;
      font-size: 16px;
      font-weight: 700;
      height: 44px;
      line-height: 44px;
      position: relative
  }

  [dir=ltr] .nav-tabs__mobile_title {
      padding: 0 50px 0 30px
  }

  [dir=rtl] .nav-tabs__mobile_title {
      padding: 0 30px 0 50px
  }

  .nav-tabs__mobile_title:after {
      border-color: #fff transparent transparent;
      border-style: solid;
      border-width: 8px 6px 0;
      content: "";
      display: block;
      height: 0;
      margin-top: -4px;
      position: absolute;
      top: 50%;
      transition: .2s ease-in;
      width: 0
  }

  [dir=ltr] .nav-tabs__mobile_title:after {
      right: 20px
  }

  [dir=rtl] .nav-tabs__mobile_title:after {
      left: 20px
  }

  .nav-tabs__wrapper.open .nav-tabs__mobile_title:after {
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
  }

  .content-tabs .nav-tabs {
      background: #eef8ff;
      display: none;
      height: auto;
      left: 0;
      margin: 10px 0 0;
      overflow: hidden;
      padding: 5px 0;
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 10000
  }

  .content-tabs .nav-tabs .nav-link.active {
      background: none;
      border-radius: 10px;
      color: #1767a1
  }

  .content-tabs .nav-tabs .nav-link {
      line-height: 40px
  }

  .nav-tabs__mobile_title.open:after {
      -moz-transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg)
  }
}

 
 
 
.table {
  background: #fff;
  border-radius: 14px;
  box-shadow: -1px 4px 12px 0 hsla(0,0%,72%,.2);
  margin-bottom: 30px;
  width: auto
}

.table-cell {
  padding: 5px
}

.table-head {
  align-items: flex-start;
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%
}

.table-head .table-cell {
  min-width: 16px;
  width: 100%
}

.table-body {
  width: 100%
}

.table-body .table-row {
  align-items: flex-start;
  display: inline-flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: 100%
}

.table-row.table-row-ignored {
  filter: opacity(var(--opacity-data-ignored))
}

.table-row.table-row-disabled {
  filter: opacity(var(--opacity-data-disabled)) grayscale(var(--grayscale-data-disabled))
}

.table-body .table-row .table-cell {
  min-width: 16px;
  width: 100%
}

.table-foot {
  margin: 0;
  padding: 0
}

.table.standard {
  border: 1px solid #e0e9ec;
  border-radius: 10px;
  box-shadow: 0 8px 40px 0 rgba(0,0,0,.05)
}

.table.table.standard div:first-child {
  border-radius: 10px 10px 0 0
}

.table.table.standard div:last-child {
  border-radius: 0 0 10px 10px
}

.table.standard .table-head {
  background: #edfbff;
  border-bottom: 1px solid #cdeef7;
  border-radius: 10px 10px 0 0;
  padding: 5px 10px
}

.table.standard .table-head .table-cell {
  height: 100%
}

.table.standard .table-body .table-row {
  background: #fff;
  border-bottom: 1px solid #eee;
  padding: 5px 10px
}

.table.standard .table-body .table-row:last-child {
  border-bottom: none
}

.table.standard .table-body .table-row:last-child+.table.standard .table-foot {
  border-radius: 0
}

.table.standard .table-body .table-row.selected {
  background: #fcf4d0
}

.table.standard .table-body .table-row:nth-child(2n) {
  background: #fbfafa
}

.table.standard .table-body .table-row:nth-child(2n).selected {
  background: #fff9db
}

.table.standard .table-foot {
  border-top: 1px solid #e0e9ec;
  padding: 10px
}

.table.standard .table-foot .options button {
  margin-right: 10px
}

.table.standard .table-foot .options button:last-child {
  margin-right: 0
}

.rtl .table.standard .table-foot .options button {
  margin-left: 10px;
  margin-right: 0
}

.rtl .table.standard .table-foot .options button:last-child {
  margin-left: 0;
  margin-right: 0
}

@media only screen and (max-width: 767px) {
  .table {
      margin:0 0 30px!important
  }

  .table,.table.standard {
      border-radius: 0
  }

  .table.standard .table-head {
      border-radius: 0;
      border-top: 3px solid #92bfe0
  }

  .table.standard .table-body .table-row,.table.standard .table-head {
      padding-left: 10px;
      padding-right: 10px
  }

  .table.table.standard div:first-child,.table.table.standard div:last-child {
      border-radius: 0
  }

  .table.standard .table-foot .options button {
      margin-bottom: 10px
  }

  .table.standard .table-foot .options button:last-child {
      margin-bottom: 0
  }
}

@media only screen and (min-width: 320px) and (max-width:479px) {
  .table.standard .table-body .table-row,.table.standard .table-head {
      padding-left:5px;
      padding-right: 5px
  }
}

button {
  background: transparent;
  border: none;
  padding: 0
}

 

.btn,.btn:active,.btn:focus,.btn:hover {
  outline: none!important
}

.btn:hover {
  background-color: transparent;
  color: #fff
}

.btn.focus,.btn:focus,.btn:hover {
  box-shadow: none
}

.btn-md {
  height: 45px;
  line-height: 46px
}

[dir=ltr] .btn-md {
  line-height: 44px
}

.btn-link {
  color: #394659
}

.btn-link:hover {
  color: #2289c1;
  text-decoration: none
}

.btn-primary {
  background: #2289c1;
  background: -moz-linear-gradient(-256deg,#2289c1 0,#0f518d 50%,#2289c1 100%);
  background: -webkit-linear-gradient(-256deg,#2289c1,#0f518d 50%,#2289c1);
  background: linear-gradient(-256deg,#2289c1,#0f518d 50%,#2289c1);
  background-size: 200% 100%
}

.btn-lg {
  height: 50px;
  line-height: 51px;
  padding: 0 25px
}

.btn-xl {
  font-size: 22px;
  font-weight: 700;
  height: 57px;
  line-height: 57px
}

.btn-danger {
  background: #f07a87;
  background: -moz-linear-gradient(-258deg,#f07a87 0,#d8445e 50%,#f07a87 100%);
  background: -webkit-linear-gradient(-258deg,#f07a87,#d8445e 50%,#f07a87);
  background: linear-gradient(-258deg,#f07a87,#d8445e 50%,#f07a87);
  background-size: 200% 100%
}

.btn-danger:hover {
  background-position: 100% 0
}

.btn-light:hover {
  background-color: #fff0f0;
  border: none;
  color: #ffaa64
}

.btn-sm {
  font-size: 16px;
  height: 40px;
  line-height: 40px
}

.btn-light {
  background: #fff;
  color: #ffaa64
}

.btn-outline-danger {
  border: 1px solid #da4761;
  color: #da4761
}

.btn-outline-danger:hover {
  background: #ffdee2;
  color: #da4761
}
.select-outline-danger {
  border: 1px solid #da4761;
  color: #da4761
}
.select-outline-danger:hover {
  border: 1px solid #da4761;
  color: #da4761
}
 
.select-btn
{border-radius: 50px; }
.btn-outline-warning {
  border: 1px solid #ffc107;
  color: #ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.btn-outline-warning:not(:disabled):not(.disabled):hover,.show>.btn-outline-warning.dropdown-toggle {
  background: #ffc107;
  color: #fff
}

.btn-outline-light {
  background: #fff;
  border: 1px solid #cbd1d6
}

.btn-outline-primary,.btn-outline-primary:hover {
  border: 1px solid #226ea5;
  color: #226ea5
}

.btn-outline-primary:hover {
  background: #e8f5ff
}

.btn-group .btn {
  background: none;
  border-radius: 50px!important;
  cursor: pointer;
  min-width: 140px;
  text-decoration: none;
  text-transform: none;
  z-index: 40
}

.btn-group,.btn-group .btn {
  position: relative
}

.btn-group:before {
  background: #2289c1;
  background: -moz-linear-gradient(-256deg,#2289c1 0,#0f518d 50%,#2289c1 100%);
  background: -webkit-linear-gradient(-256deg,#2289c1,#0f518d 50%,#2289c1);
  background: linear-gradient(-256deg,#2289c1,#0f518d 50%,#2289c1);
  background-size: 200% 100%;
  border-radius: 50px;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: .3s ease-in-out;
  width: 140px
}

button {
  outline: none!important
}

input[type=submit].btn {
  color: #fff;
  min-width: 150px
}

.btn-block {
  margin: 10px 0;
  width: 100%
}

.btn.loading {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px
}

.btn.loading img {
  bottom: 0;
  float: none;
  height: 24px;
  position: relative;
  width: 24px
}

.btn.loading span {
  color: gray;
  display: block;
  float: none;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap
}

.btn.disabled,.btn.disabled i {
  border-color: gray;
  color: gray
}

body.ltr .btn.loading span {
  padding-left: 5px
}

.rtl .btn.loading span {
  padding-right: 5px
}

.btn.action {
  font-size: 18px;
  font-weight: 700;
  height: 45px;
  line-height: inherit;
  min-width: 150px
}

a.btn.action {
  padding: 8px 20px
}

.btn-primary {
  background: #105591;
  background: -moz-linear-gradient(left,#2185bd 0,#105591 100%);
  background: -webkit-linear-gradient(left,#2185bd,#105591);
  background: linear-gradient(90deg,#2185bd 0,#105591)
}

.rtl .btn-primary {
  background: #105591;
  background: -moz-linear-gradient(left,#105591 0,#2185bd 100%);
  background: -webkit-linear-gradient(left,#105591,#2185bd);
  background: linear-gradient(90deg,#105591 0,#2185bd)
}

.btn-primary:hover {
  background-position: 100% 0
}

.btn-outline-success,.btn-outline-success:hover {
  border: 1px solid #17a18a;
  color: #17a18a
}

.btn-outline-success:hover {
  background: #17a18a1f
}

.btn-outline-light {
  background: transparent;
  border: 1px solid #fff!important;
  color: #fff
}

.btn-orange,.btn-orange:hover {
  background-color: #fd6004;
  border: none
}

.btn-yellow,.btn-yellow:hover {
  background-color: #fdb504;
  border: none
}

.btn-red,.btn-red:hover {
  background-color: #cc3824;
  border: none
}

.group-btns .btn {
  margin: 0 0 10px!important
}

.group-btns .btn:first-child {
  margin-top: 0!important
}

.group-btns .btn:last-child {
  margin-bottom: 0!important
}

.btf-control {
  display: block;
  margin: 10px 0;
  padding: 0;
  position: relative
}

[dir=rtl] .highlight-box p {
  font-weight: 400
}

.btn--highlight {
  background: #e56a80;
  color: #fff!important;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500
}

.btn--highlight:hover {
  background: #f17080;
  color: #fff!important
}

.btn.btn-with-icon {
  align-items: center;
  display: flex;
  gap: 10px;
  justify-content: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.btn.btn-with-icon i.ico {
  font-size: 18px
}

.btn.btn-with-icon span {
  text-overflow: ellipsis
}

@media only screen and (min-width: 320px) and (max-width:479px) {
  .btn.action {
      width:85%
  }

  a.btn.action {
      margin-bottom: 10px
  }
}

input[type=email],input[type=tel] {
  direction: ltr;
  text-align: left
}

[dir=ltr] .form-control::placeholder {
  text-align: left
}

[dir=rtl] .form-control::placeholder {
  text-align: right
}

fieldset {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 40px 0 rgba(0,0,0,.05);
  margin-bottom: 35px;
  padding: 0 55px;
  position: relative
}

fieldset legend {
  background: #9bd3ea;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  height: 44px;
  line-height: 44px;
  margin-bottom: 25px;
  min-width: 165px;
  padding: 0 25px;
  width: auto
}

.box-inputs {
  background: #f3f3f6;
  border-radius: 8px;
  padding: 10px 15px
}

.box-inputs.scroll {
  max-height: 250px;
  overflow: hidden
}

::-webkit-file-upload-button {
  background: #ddd;
  border: none;
  padding: 0 20px
}

[dir=ltr] ::-webkit-file-upload-button {
  margin-right: 20px
}

[dir=rtl] ::-webkit-file-upload-button {
  margin-left: 20px
}

.input-block {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 40px 0 rgba(0,0,0,.05);
  margin-bottom: 35px;
  margin-top: 45px;
  padding: 0 55px 18px;
  position: relative
}

.input-block h2 {
  background: #9bd3ea;
  border-radius: 8px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  height: 44px;
  line-height: 44px;
  margin-bottom: 5px;
  min-width: 165px;
  padding: 0 25px;
  position: relative;
  top: -22px
}

.input-block p {
  color: #324148;
  font-size: 16px;
  font-weight: 400
}

.input-block p strong {
  color: #da003b;
  font-weight: 400
}

.input-block textarea.form-control {
  height: 90px;
  resize: none
}

.input-block label {
  color: #324148;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 10px
}

.input-block th label {
  padding-bottom: 0
}

.input-block label sup {
  color: #da4761;
  font-size: 22px;
  margin-right: 5px;
  top: 0
}

.input-block .std_select_big.bootstrap-select .dropdown-toggle {
  color: #3d4b52
}

.input-block .form-group {
  margin-bottom: 20px
}

.input-block .form-control {
  color: #3d4b52;
  font-weight: 400
}

.input-feature-block {
  background: #d7eaf7;
  border-radius: 14px;
  margin-top: 5px;
  padding: 15px 30px
}

.input-feature-block h4 {
  color: #324148;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  padding-bottom: 12px
}

.input-feature-block ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.input-feature-block ul li {
  color: #324148;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  padding-bottom: 12px;
  padding-left: 20px;
  position: relative
}

[dir=ltr] .input-feature-block ul li {
  padding-left: 20px
}

[dir=rtl] .input-feature-block ul li {
  padding-right: 20px
}

.input-feature-block ul li:last-child {
  padding-bottom: 0
}

.input-feature-block ul li:before {
  background: #259acb;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  top: 8px;
  width: 8px
}

[dir=ltr] .input-feature-block ul li:before {
  left: 0
}

[dir=rtl] .input-feature-block ul li:before {
  right: 0
}

.input-feature-block ul li a {
  color: #da003b;
  text-decoration: none
}

.input-feature-block ul li a:hover {
  color: #da003b;
  text-decoration: underline
}

.input-block .row {
  margin: 0 -8px
}

.input-block [class*=col-] {
  padding: 0 8px
}

.input-feature-list {
  padding-bottom: 10px;
  padding-top: 4px
}

.input-feature-list ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.input-feature-list ul li {
  color: #324148;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.45;
  padding-bottom: 12px;
  padding-left: 20px;
  position: relative
}

.input-feature-list ul li:last-child {
  padding-bottom: 0
}

.input-feature-list ul li a {
  color: #da003b;
  text-decoration: none
}

.input-feature-list ul li a:hover {
  color: #da003b;
  text-decoration: underline
}

.input-feature-list ul li:before {
  background: #259acb;
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 8px
}

input[type=checkbox].btf-checkbox,input[type=radio].btf-checkbox {
  clip: rect(0 0 0 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  z-index: -1000
}

input[type=checkbox].btf-checkbox+label.btf-label,input[type=radio].btf-checkbox+label.btf-label {
  background-position: 0 0;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: auto;
  margin-top: -5px!important;
  min-height: 16px;
  min-width: 16px;
  position: relative;
  user-select: none;
  vertical-align: middle
}

input[type=checkbox].btf-checkbox+label.btf-label:before,input[type=radio].btf-checkbox+label.btf-label:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #259acb;
  content: "\f1db";
  display: inline-block;
  font: normal normal normal 17px/1 FontAwesome;
  position: relative;
  top: 1px
}

input[type=checkbox].btf-checkbox:checked+label.btf-label:before,input[type=radio].btf-checkbox:checked+label.btf-label:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #259acb;
  content: "\f058";
  display: inline-block;
  font: normal normal normal 17px/1 FontAwesome
}

.switch {
  cursor: pointer;
  display: inline-block;
  height: 25px;
  position: relative;
  width: 42px
}

.switch input {
  height: 0;
  opacity: 0;
  width: 0
}

.switch .track {
  background-color: #d8d8d8;
  border-radius: 25px;
  box-shadow: none!important;
  cursor: pointer;
  height: 100%;
  left: 0;
  outline: none!important;
  top: 0;
  width: 100%
}

.switch .track,.switch .track:before {
  position: absolute;
  transition: .2s ease-in
}

.switch .track:before {
  background-color: #fff;
  border-radius: 50%;
  content: "";
  height: 23px;
  right: 1px;
  top: 1px;
  width: 23px
}

.switch input:checked+.track {
  background-color: #1767a1
}

.switch input:focus+.track {
  box-shadow: 0 0 1px #1767a1
}

.switch input:checked+.track:before {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,.2);
  -webkit-transform: translateX(-17px);
  -ms-transform: translateX(-17px);
  transform: translateX(-17px)
}

.switch-v2 .switch {
  height: 14px;
  width: 32px
}

.switch-v2 .switch input:checked+.track {
  background-color: #beecab
}

.switch-v2 .switch .track:before {
  background-color: #949494;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.4);
  height: 20px;
  left: 0;
  right: auto;
  top: -3px;
  width: 20px
}

.switch-v2 .switch input:checked+.track:before {
  background-color: #42c10d;
  transform: translateX(12px)
}

@media only screen and (max-width: 767px) {
  fieldset {
      border-radius:0;
      margin-bottom: 25px;
      padding: 0 35px
  }

  fieldset legend {
      margin: 25px auto
  }
}

@media only screen and (min-width: 320px) and (max-width:479px) {
  .input-block {
      border-radius:0;
      padding: 0 20px 5px
  }

  .input-block h2 {
      height: auto;
      line-height: normal;
      padding: 10px 25px
  }
}

.system-message ul {
  list-style-type: disc;
  margin: 0
}

[dir=ltr] .system-message ul {
  padding-left: 15px
}

[dir=rtl] .system-message ul {
  padding-right: 15px
}

@media only screen and (min-width: 320px) and (max-width:479px) {
  .system-message {
      border:none;
      border-radius: 0
  }
}

.user-card {
  background-color: #fff;
  border-radius: 22px;
  box-shadow: -1px 9px 14px 0 #f0f2f4;
  margin: 0;
  padding: 20px;
  position: relative
}

.user-card.blacklisted {
  filter: opacity(var(--opacity-data-ignored))
}

.user-card.disabled {
  filter: opacity(var(--opacity-data-disabled)) grayscale(var(--grayscale-data-disabled))
}

.avatar {
  position: relative
}

.avatar img {
  border-radius: 50%;
  width: 68px
}

.avatar img.avatar-male {
  background-color: #eaf5fa
}

.avatar img.avatar-female {
  background-color: #faeaec
}

.avatar .user-status {
  border: 3px solid #fff;
  border-radius: 50%;
  bottom: 9px;
  box-shadow: inset 0 0 0 10px #fff;
  color: #d3d3d3;
  position: absolute
}

[dir=ltr] .avatar .user-status {
  right: -2px
}

[dir=rtl] .avatar .user-status {
  left: 1px
}

.avatar .user-status.online {
  color: #2ecc24
}

.user-card .corner {
  background: url(/assets/site/img/corner.svg) no-repeat 50%;
  background-size: 100% 100%;
  display: inline-block;
  height: 44px;
  padding: 8px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 46px
}

  .user-card .corner {
  left: 0
}

  .user-card .corner {
  right: 0;
  transform: rotate(90deg)
}

.user-card .corner img {
  display: initial;
  left: 10px;
  position: absolute
}

  .user-card .corner img {
  left: 9px;
  top: 9px;
  transform: rotate(-90deg)
}

.user-card .essential-data {
  align-items: center;
  display: flex;
  justify-content: center
}

.user-card .essential-data .avatar {
  margin-right: 15px
}

.user-card.has-picture .essential-data .avatar img {
  box-shadow: 0 0 0 4px rgb(165 147 179/4%)
}

.user-card.has-picture .essential-data .avatar:not(.init-photo-browser):before {
 
  content: "";
  display: block;
  height: 60px;
  left: -11px;
  position: absolute;
  top: -3px;
  transform: scaleX(-1) rotate(1deg);
  width: 60px;
  z-index: 5
}

.user-card.blacklisted .essential-data .avatar:before {
 
  content: "";
  display: block;
  height: 100%;
  opacity: .7;
  position: absolute;
  width: 100%
}

[dir=rtl] .user-card .essential-data .avatar {
  margin-left: 15px;
  margin-right: 0
}

.user-card .essential-data h3 {
  color: #324148;
  font-size: 20px;
  margin-bottom: 8px;
  margin-top: -1px
}

.user-card .essential-data h3 img {
  align-items: center;
  display: inline-flex;
  margin: 0 3px
}

.user-card .essential-data h4 {
  color: #259acb;
  font-size: 16px;
  margin-bottom: 0
}

.user-card img[class^=avatar] {
  border-radius: 50%;
  height: 68px;
  width: 68px
}

.user-card .secondary-data {
  align-items: center;
  border-top: 1px solid #f4f3f3;
  display: flex;
  justify-content: space-between;
  justify-items: center;
  margin-top: 15px;
  overflow: hidden;
  padding: 15px 10px 0
}

.user-card .secondary-data .user-location {
  margin-right: 10px;
  max-width: 70%
}

.user-card .secondary-data .user-marital-status {
  max-width: 40%
}

.user-card .secondary-data .user-location,.user-card .secondary-data .user-marital-status {
  align-items: center;
  display: flex
}

.user-card .secondary-data .user-location img,.user-card .secondary-data .user-marital-status img {
  height: 24px;
  margin-right: 10px;
  width: 24px
}

[dir=rtl] .user-card .secondary-data .user-location img,[dir=rtl] .user-card .secondary-data .user-marital-status img {
  margin-left: 10px;
  margin-right: 0
}

.user-card .secondary-data .user-location span,.user-card .secondary-data .user-marital-status span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.user-card .more-data {
  align-items: center;
  border-top: 1px solid #f4f3f3;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding: 15px 0 0
}

.user-card .more-data .user-options ul {
  display: flex;
  margin: 0;
  padding: 0
}

.user-card .more-data .user-options ul li {
  list-style: none
}

[dir=ltr] .user-card .more-data .user-options ul li {
  margin-right: 5px
}

[dir=rtl] .user-card .more-data .user-options ul li {
  margin-left: 5px
}

.user-card .more-data .user-options ul li:last-child {
  margin-left: 0;
  margin-right: 0
}

.user-card .more-data .user-options .btn i {
  font-size: 15px;
  padding: 2px
}

.user-card .more-data .user-options .btn-add-to-favorite,.user-card .more-data .user-options .btn-remove-from-favorite {
  --box-shadow-color: hsla(0,0%,100%,0);
  border: none;
  box-shadow: inset 2px -15px 20px 0 var(--box-shadow-color);
  color: #ccc
}

.user-card .more-data .user-options .btn-add-to-favorite:hover,.user-card .more-data .user-options .btn-remove-from-favorite {
  background: #fff4f8;
  background: linear-gradient(90deg,#fff4f8 0,#fff5f8db);
  border: none;
  box-shadow: none;
  color: #da4761
}

.user-card .more-data .user-options .btn-add-to-favorite:hover i,.user-card .more-data .user-options .btn-remove-from-favorite i {
  animation: heartbeat 1s infinite;
  position: relative;
  top: 1px
}

.user-card .more-data .user-last-login {
  align-items: center;
  display: flex;
  max-width: 50%
}

[dir=ltr] .user-card .more-data .user-last-login {
  margin-left: 20px
}

[dir=rtl] .user-card .more-data .user-last-login {
  margin-right: 20px
}

.user-card .more-data .user-last-login img {
  height: 24px;
  margin-right: 10px;
  width: 24px
}

[dir=rtl] .user-card .more-data .user-last-login img {
  margin-left: 10px;
  margin-right: 0
}

.user-card .more-data .user-last-login span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.user-card .more-data .btn-send-message i {
  position: relative
}

.user-authenticated .user-card.not-contactable .more-data .btn-send-message i:after {
 
  content: "";
  height: 10px;
  left: 11px;
  position: absolute;
  top: 2px;
  width: 10px
}

.user-card .more-data .btn-add-to-favorite,.user-card .more-data .btn-remove-from-favorite,.user-card .more-data .btn-send-message,.user-card .more-data .profile-visited {
  display: flex;
  padding: 3px 16px 5px
}

.user-card .more-data .btn-add-to-blacklist,.user-card.blacklisted .more-data .btn-add-to-favorite,.user-card.blacklisted .more-data .btn-send-message,.user-card:not(.blacklisted) .more-data .btn-remove-from-blacklist,.user-card:not(.visited) .more-data .profile-visited {
  display: none
}

.user-card .more-data .btn-remove-from-blacklist {
  background: #da4761
}

[dir=ltr] .user-card .more-data .btn-remove-from-blacklist {
  margin-right: 10px
}

[dir=rtl] .user-card .more-data .btn-remove-from-blacklist {
  margin-left: 10px
}

.user-card .more-data .btn-remove-from-blacklist i {
  position: relative;
  top: 2px
}

.user-card .more-data .profile-visited {
  padding: 4px 10px
}

.user-card .more-data .profile-visited:before {
 
  content: "";
  filter: opacity(70%) grayscale(100%);
  height: 18px;
  width: 18px
}

.user-profile-line {
  justify-content: flex-start
}

.user-profile-line,.user-profile-line [role=link-profile] {
  align-items: flex-start;
  display: flex;
  flex-wrap: nowrap;
  width: 100%
}

.user-profile-line .essential-data span,.essential-data span {
  color: #1767a1
}

.user-profile-line .essential-data span.user-username, .essential-data span.user-username{
  font-weight: 700;
  word-break: break-all
}

.user-profile-line .essential-data span.user-age {
  color: #878787
}

.user-profile-line .essential-data span.user-flag {
  display: inline-block
}

.user-profile-line .avatar {
  display: block;
  position: relative
}

.user-profile-line.has-picture .avatar:not(.init-photo-browser):before {
 
  content: "";
  display: block;
  height: 48px;
  left: -9px;
  position: absolute;
  top: -1px;
  transform: scaleX(-1) rotate(1deg);
  width: 48px;
  z-index: 5
}

.user-profile-line.blacklisted .avatar:before {
 
  content: "";
  display: block;
  height: 100%;
  opacity: .7;
  position: absolute;
  width: 100%
}

.user-profile-line .avatar {
  height: 51px
}

.ltr .user-profile-line .avatar {
  margin-right: 11px
}

.rtl .user-profile-line .avatar {
  margin-left: 11px
}

.user-profile-line .avatar img {
  border-radius: 50%;
  height: 48px;
  width: 48px
}

.rtl .user-profile-line .avatar .online {
  left: 0
}

body.ltr .user-profile-line .avatar .online {
  right: 13px
}

.user-profile-line .avatar .online {
  bottom: 7px;
  position: absolute
}

.user-profile-line .avatar .online:before {
  background-color: #2ecc24;
  border: 3px solid #fff;
  border-radius: 50%;
  bottom: -5px;
  content: "";
  height: 15px;
  left: -1px;
  position: absolute;
  width: 15px
}

.rtl .user-profile-line .avatar .premium {
  right: -4px
}

body.ltr .user-profile-line .avatar .premium {
  left: -4px
}

.user-profile-line .avatar .premium {
  background-color: #fff;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #cc3824;
  font-size: 13px;
  position: absolute;
  top: 2px
}

.user-profile-line .data {
  margin: 2px 0 0
}

.user-profile-line .data .essential-data {
  line-height: 24px;
  padding-bottom: 2px
}

.user-profile-line .data .secondary-data {
  line-height: 25px
}

.user-profile-line .data .secondary-data span.user-age,.user-profile-line .data .secondary-data span.user-residency {
  color: #878787
}

.no-user-profile {
  align-items: center;
  background: #fff;
  border: 1px solid #f3f3f3;
  border-radius: 13px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 300px
}

.no-user-profile figure,.no-user-profile p {
  margin: 0;
  text-align: center
}

.user-profile-ad-unit {
  background-color: transparent;
  bottom: -15px;
  position: absolute;
  width: 100%;
  z-index: 1000000
}

.user-profile-ad-unit-wrapper {
  background-color: transparent;
  margin: auto
}

.user-profile-ad-unit.filled .user-profile-ad-unit-wrapper {
  background-color: #fff;
  border-radius: 13px;
  padding: 10px 0
}

.user-profile-ad-unit ins iframe {
  border-radius: 0!important;
  display: block!important
}

.user-profile-ad-unit ins {
  height: 90px;
  max-width: 768px;
  min-width: 100%;
  width: 100%
}

@media only screen and (min-width: 0px) and (max-width:480px) {
  .no-user-profile {
      margin:0 15px;
      min-height: 220px
  }

  .no-user-profile figure img {
      height: 100px
  }

  .user-profile-ad-unit {
      border-radius: 0;
      bottom: 0
  }

  .user-profile-ad-unit-wrapper,.user-profile-ad-unit.filled .user-profile-ad-unit-wrapper {
      border-radius: 0;
      margin: auto;
      padding: 0
  }

  .user-profile-ad-unit ins {
      height: 50px;
      max-width: 480px;
      min-width: 100%;
      width: 100%
  }
}

.chat-box {
  background: transparent;
  border-radius: 15px 15px 0 0;
  bottom: 0;
  display: block;
  float: right;
  height: auto;
  margin: 0;
  overflow: hidden;
  position: fixed;
  width: 250px;
  z-index: 9999999
}

.chat-box:not(.on-hiding):not(.showing) {
  box-shadow: 0 0 20px rgba(0,0,0,.12)
}

.chat-box .messages .conversation[data-message-received="0"] .message-body {
  background-color: #e2f5fb;
  border-radius: 10px 10px 0 10px
}

.chat-box .messages .message-received .message-body,.message[data-message-received="1"] .message-body {
  background-color: #f5f3f3
}

.chat-box .messages .message-sent .message-body,.message[data-message-received="0"] .message-body {
  background-color: #e2f5fb
}

.chat-box .messages .message-sent.error .message-body,.message[data-message-received="0"].error .message-body {
  background-color: #fbe2e2
}

.chat-box .messages .message-received .message-status,.chat-box .messages .message-received .message-status a,.chat-box .messages .message-sent .message-status,.chat-box .messages .message-sent .message-status a,.message[data-message-received="0"] .message-status,.message[data-message-received="0"] .message-status a,.message[data-message-received="1"] .message-status,.message[data-message-received="1"] .message-status a {
  color: #aaa
}

.chat-box .chat-box-wrapper {
  -webkit-animation-duration: .3s;
  animation-duration: .3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  box-shadow: 0 -4px 30px 0 rgba(0,0,0,.21);
  height: 100%
}

.chat-box,.chat-box .chat-box-wrapper,.chat-box .popup {
  border-radius: 15px 15px 0 0
}

.chat-box .chat-box-wrapper.hiding {
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown
}

.chat-box .head {
  border-radius: 15px 15px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: -1px
}

.chat-box.female .head {
  background-color: #da4761
}

.chat-box.male .head {
  background-color: #1767a0
}

.chat-box.premium .head {
  background-color: #f59910
}

.chat-box.disabled .head {
  filter: grayscale(1)
}

.chat-box .title {
  color: #fff;
  cursor: pointer;
  display: block;
  display: flex;
  overflow: hidden;
  padding: 8px 15px;
  white-space: nowrap;
  width: 100%
}

.chat-box .title .avatar .user-status {
  border: none;
  bottom: auto;
  box-shadow: none;
  color: rgba(0,0,0,.2);
  font-size: 13px;
  margin-right: 8px;
  position: relative;
  top: 2px
}

.chat-box.disabled .title .avatar .user-status {
  display: none
}

.rtl .chat-box .title .avatar .user-status {
  margin-left: 8px;
  margin-right: 0
}

.chat-box.online .title .avatar .user-status {
  color: #2ecc24
}

.chat-box .title .main {
  display: table
}

.chat-box .title .main .user-flag {
  display: none
}

.chat-box .title .main .username {
  position: relative;
  top: 1px
}

.chat-box .title .aux {
  color: #707070;
  display: none;
  font-size: 14px;
  margin: 6px auto 0;
  position: relative
}

.chat-box .title .aux .user-last-login {
  position: relative
}

.chat-box .head .options {
  display: inline-flex;
  font-size: 16px;
  padding: 12px 17px 8px 0
}

.rtl .chat-box .head .options {
  padding-left: 17px;
  padding-right: 0
}

.chat-box .head .options div {
  color: #fff;
  cursor: pointer;
  margin-left: 10px;
  margin-top: 2px;
  opacity: .56;
  text-shadow: none
}

.chat-box.disabled .head .options div:not(.close) {
  display: none
}

.rtl .chat-box .head .options div {
  margin-left: 0;
  margin-right: 10px
}

.chat-box .head .options .btn-remove-from-blacklist,.chat-box .head .options .btn-remove-from-favorite,.chat-box .head .options div:hover {
  opacity: 1;
  text-shadow: 0 0 3px #fefefe
}

.chat-box .head .options .close {
  -webkit-text-stroke: 1.5px #fff
}

.chat-box .head .options .btn-add-to-favorite {
  -webkit-text-stroke: 1px #fff;
  font-size: 15px
}

.chat-box .head .options .btn-add-to-favorite:hover,.chat-box .head .options .btn-remove-from-favorite {
  -webkit-text-stroke: 0 transparent;
  animation: heartbeat 1s 15s
}

.chat-box .head .options .btn-add-to-favorite:hover:before,.chat-box .head .options .btn-remove-from-favorite:before {
  content: "\f004";
  opacity: 1
}

.chat-box.blacklisted .head .options .btn-remove-from-blacklist,.chat-box:not(.blacklisted) .head .options .btn-add-to-blacklist {
  display: block
}

.chat-box.blacklisted .head .options .btn-add-to-blacklist,.chat-box:not(.blacklisted) .head .options .btn-remove-from-blacklist {
  display: none
}

.chat-box .head .options .btn-add-to-blacklist,.chat-box .head .options .btn-remove-from-blacklist {
  -webkit-text-stroke: .25px #fff;
  font-size: 17px;
  position: relative;
  top: -1px
}

.chat-box .body {
  background-color: #fff;
   
}

.chat-box .body .messages-wrapper {
  height: 250px;
  overflow: auto;
  position: relative
}

.chat-box .body .messages {
  bottom: 0;
  direction: ltr;
  display: block;
  height: 100%;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  padding-bottom: 10px;
  width: 100%
}

.chat-box .messages .load-messages {
  color: #aaa;
  cursor: pointer;
  font-size: 18px;
  margin: 10px auto 0;
  text-align: center
}

.chat-box.female .messages .load-messages {
  color: #da4761
}

.chat-box.male .messages .load-messages {
  color: #1767a0
}

.chat-box .messages .load-messages i {
  -webkit-animation: slideTopDown 1s ease-in-out infinite;
  animation: slideTopDown 1s ease-in-out infinite
}

.chat-box .messages .loading {
 
  background-repeat: no-repeat;
  height: 18px;
  margin: 10px auto 0;
  padding: 12px;
  text-align: center;
  width: 18px
}

.chat-box .message .message-body {
  max-width: 70%
}

.chat-box .messages .message-received,.chat-box .messages .message-sent {
  box-sizing: border-box;
  cursor: pointer;
  margin: 10px 10px 0;
  max-width: 100%
}

.chat-box .messages .message-sent .message-body {
  float: right
}

.chat-box .messages .message-received .message-body {
  float: left
}

.chat-box .messages .message:after {
  clear: both;
  content: "";
  display: block
}

.chat-box .messages .message-received .message-body,.chat-box .messages .message-sent .message-body {
  padding: 5px 10px;
  position: relative
}

.chat-box .messages .message-sent .message-body {
  border-radius: 10px 10px 0 10px;
  padding: 5px 10px 2px
}

.chat-box .messages .message-received .message-body {
  border-radius: 10px 10px 10px 0
}

.chat-box .btn-message-option {
  border: 1px solid #fff;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: 400;
  height: 35px;
  line-height: 35px;
  margin-bottom: 8px;
  min-width: 90px;
  position: relative;
  width: 100%
}

.chat-box .btn-message-option:last-child {
  margin-bottom: 0!important
}

.chat-box .btn-message-option:before {
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  padding: 0 5px;
  position: absolute;
  right: 18px;
  top: 11px
}

.chat-box .btn-message-option:hover,.chat-box .btn-message-option:hover:before {
  color: hsla(0,0%,100%,.65)
}

.chat-box .btn-info-message:before {
  content: "\f05a";
  font-family: LineAwesome;
  font-size: 21px;
  font-weight: 900;
  right: 11px;
  top: 8px
}

.chat-box .btn-del-message {
  background-color: #cc3824;
  border: none
}

.chat-box .btn-del-message:before {
  content: "\f014"
}

.chat-box .btn-report-message {
  background-color: #fd6004;
  border: none
}

.chat-box .btn-report-message:before {
  content: "\f071"
}

.chat-box .messages .message-status {
  direction: rtl;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  min-height: 16px;
  padding-top: 5px;
  white-space: nowrap
}

.chat-box .messages .message-status .created-at {
  overflow: hidden;
  text-overflow: ellipsis
}

.chat-box .messages .message-status .reading-status {
  -ms-flex-item-align: end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-align-self: flex-end;
  align-self: flex-end;
  cursor: pointer;
  margin-left: 20px
}

.chat-box .messages .message-status .reading-status.not-seen i {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 594.149 594.149' xml:space='preserve' style='fill:%23777'%3E%3Cpath d='m448.8 161.925-35.7-35.7-160.65 160.65 35.7 35.7 160.65-160.65zm107.099-35.7-267.75 270.3-107.1-107.1-35.7 35.7 142.8 142.8 306-306-38.25-35.7zM0 325.125l142.8 142.8 35.7-35.7-142.8-142.8-35.7 35.7z'/%3E%3C/svg%3E");
  height: 16px;
  margin-top: 0;
  width: 16px
}

.chat-box .messages .message-status .reading-status.seen i {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 594.149 594.149' xml:space='preserve' style='fill:%2305b2ea'%3E%3Cpath d='m448.8 161.925-35.7-35.7-160.65 160.65 35.7 35.7 160.65-160.65zm107.099-35.7-267.75 270.3-107.1-107.1-35.7 35.7 142.8 142.8 306-306-38.25-35.7zM0 325.125l142.8 142.8 35.7-35.7-142.8-142.8-35.7 35.7z'/%3E%3C/svg%3E");
  height: 16px;
  width: 16px
}

.chat-box .messages .message-status .reading-status.sending i:before {
  content: "\f017"
}

.chat-box .messages .message.error .reading-status.sending i:before {
  color: #c71f35;
  content: "\f06a"
}

.chat-box .messages .message-options {
  background-color: #fff;
  border: 4px solid #f5f3f3;
  border-radius: 25px;
  color: #88cbfb;
  cursor: pointer;
  direction: ltr;
  font-size: 13px;
  line-height: 10px;
  margin-left: 10px;
  margin-right: -3px;
  margin-top: -3px;
  padding: 3px 1px 1px
}

.chat-box .messages .message-options span {
  padding: 3px
}

.chat-box .messages .message-options span.question {
  color: #97cafa
}

.chat-box .messages .message-options span.more-options {
  color: #ddd
}

.chat-box.blacklisted .foot .add-message-denied,.chat-box.disabled .foot .add-message-denied,.chat-box.not-contactable .foot .add-message-denied {
  background: #fff;
  border-top: 1px solid #f0f0f0;
  display: block;
  font-size: 11px;
  padding: 9px 6px
}

.chat-box .foot .add-message-denied span {
  display: block;
  padding: 0;
  text-align: center
}

.chat-box .foot .add-message-denied span:not(.message) {
  color: #aaa
}

.chat-box .foot .add-message-denied span.message {
  color: #da4761;
  display: none
}

.chat-box.blacklisted:not(.disabled) .foot .add-message-denied span.message.reason-blacklisted,.chat-box.disabled .foot .add-message-denied span.message.reason-disabled,.chat-box.not-contactable:not(.blacklisted):not(.disabled) .foot .add-message-denied span.message.reason-not-contactable {
  display: block
}

.chat-box.blacklisted .foot .add-message,.chat-box.disabled .foot .add-message,.chat-box.not-contactable .foot .add-message,.chat-box:not(.blacklisted):not(.disabled):not(.not-contactable) .foot .add-message-denied {
  display: none
}

.chat-box:not(.disabled):not(.blacklisted):not(.not-contactable) .foot .add-message {
  align-content: baseline;
  background-color: #fff;
  border-top: 1px solid #eee;
  direction: rtl;
  display: inline-flex;
  justify-content: space-between;
  width: 100%
}

.chat-box .foot .btn-send-message {
  padding-top: 5px;
  width: 50px
}

.chat-box .foot .btn-send-message .btn {
  padding-top: 11px
}

.chat-box.male .foot .btn-send-message .btn {
  color: #1767a0
}

.chat-box.female .foot .btn-send-message .btn {
  color: #cc3824
}

.chat-box.premium .foot .btn-send-message .btn {
  color: #f59910
}

[dir=ltr] .chat-box .foot .btn-send-message .btn {
  padding-left: 22px
}

[dir=rtl] .chat-box .foot .btn-send-message .btn {
  padding-right: 22px
}

.chat-box .foot .input-message {
  margin: 9px 0 5px 15px;
  width: 100%
}

.chat-box .foot .input-message textarea {
  background: #f3f3f3;
  border: none;
  border-radius: 15px;
  box-shadow: none;
  line-height: unset;
  margin-bottom: -6px;
  min-height: 38px!important;
  outline: none!important;
  overflow: hidden;
  padding: 5px 15px;
  resize: none;
  width: 100%
}

.chat-box .foot .input-message textarea:-moz-placeholder {
  color: #bbb
}

.chat-box .foot .input-message textarea:-ms-input-placeholder {
  color: #bbb
}

.chat-box .foot .input-message textarea::-webkit-input-placeholder {
  color: #bbb
}

.chat-box .popup .page.message-infos ul li {
  display: block;
  margin: 13px 0
}

.chat-box .popup .page.message-infos ul li:first-child {
  margin-top: 0
}

.chat-box .popup .page.message-infos ul li:last-child {
  margin-bottom: 0
}

.chat-box .popup .page.message-infos ul li div:first-child {
  color: hsla(0,0%,100%,.5);
  margin-bottom: 5px;
  min-width: 140px;
  white-space: nowrap
}

.rtl .chat-box .popup .page.message-infos ul li div:first-child {
  min-width: 125px
}

.chat-box .popup .page.message-infos ul li div.two-dots {
  display: none
}

.typing-indicator {
  border-radius: 0;
  margin: 0 auto;
  padding: 5px 0 10px;
  position: relative;
  width: auto
}

.typing-indicator:after {
  bottom: -10px;
  height: 10px;
  left: -10px;
  width: 10px
}

.typing-indicator span {
  background-color: #9e9ea1;
  border-radius: 50%;
  display: block;
  float: right;
  height: 5px;
  margin: 0 1px;
  opacity: .4;
  width: 5px
}

.typing-indicator span:first-of-type {
  -webkit-animation: blink 1s .3333s infinite;
  animation: blink 1s .3333s infinite
}

.typing-indicator span:nth-of-type(2) {
  -webkit-animation: blink 1s .6666s infinite;
  animation: blink 1s .6666s infinite
}

.typing-indicator span:nth-of-type(3) {
  -webkit-animation: blink 1s .9999s infinite;
  animation: blink 1s .9999s infinite
}

@-webkit-keyframes blink {
  50% {
      opacity: 1
  }
}

@keyframes blink {
  50% {
      opacity: 1
  }
}

@-webkit-keyframes bulge {
  50% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05)
  }
}

@keyframes bulge {
  50% {
      -webkit-transform: scale(1.05);
      transform: scale(1.05)
  }
}

@media only screen and (max-width: 768px) {
  .chat-box {
      left:30px!important
  }
}

@media only screen and (max-width: 480px) {
  .chat-box {
      background:rgba(0,0,0,.6);
      border-radius: 0;
      height: 100%;
      left: 0!important;
      overscroll-behavior-y: contain;
      padding-top: 15%;
      width: 100%
  }

  .chat-box,.chat-box .chat-box-wrapper {
      box-shadow: none
  }

  .chat-box .chat-box-wrapper:before {
      background-color: hsla(0,0%,100%,.3);
      border-radius: 15px;
      content: "";
      display: block;
      height: 7px;
      left: 50%;
      margin-left: -30px;
      position: absolute;
      top: -15px;
      width: 60px
  }

  .chat-box .head {
      background-color: #fff!important;
      border-bottom: 1px solid #eee;
      border-radius: 25px 25px 0 0;
      filter: none;
      justify-content: normal;
      padding: 10px;
      position: relative
  }

  .chat-box .head .title {
      font-size: large;
      margin: 0 5px;
      padding: 0;
      width: auto;
      width: 60%
  }

  .chat-box .head .title .data {
      overflow: hidden
  }

  .ltr .chat-box .head .title .data {
      margin-left: 9px
  }

  .rtl .chat-box .head .title .data {
      margin-right: 9px
  }

  .chat-box .head .title {
      display: flex
  }

  .chat-box.male .head .title {
      color: #0f518d
  }

  .chat-box.female .head .title {
      color: #da4761
  }

  .chat-box .title .avatar .user-status {
      border: 2px solid #fff;
      border-radius: 50%;
      box-shadow: inset 0 0 0 10px #fff;
      left: 34px;
      position: relative;
      top: 26px
  }

  .rtl .chat-box .title .avatar .user-status {
      left: auto;
      right: 34px
  }

  .chat-box.male .head .title .avatar {
      background-color: #faeaec;
      
      border-radius: 50%;
      height: 48px;
      width: 48px
  }

  .chat-box.female .head .title .avatar {
      background-color: #faeaec;
  
      border-radius: 50%;
      height: 48px;
      width: 48px
  }

  .chat-box .head .title .main {
      display: block;
      font-weight: 700;
      line-height: 26px;
      margin-top: 0;
      overflow: hidden;
      text-overflow: ellipsis
  }

  .chat-box .title .main .user-flag {
      display: inline-block;
      margin: 0 7px;
      position: relative;
      top: 3px
  }

  .chat-box .title .main .username {
      top: 3px
  }

  .chat-box .title .aux {
      display: block;
      margin-top: 2px
  }

  .chat-box .head .options {
      padding: 10px 18px 6px 0;
      position: absolute;
      right: 0
  }

  .rtl .chat-box .head .options {
      left: 0;
      padding-left: 18px;
      padding-right: 0;
      right: auto
  }

  .chat-box .head .options div {
      align-items: center;
      background: #f7f7f7;
      border-radius: 50px;
      color: #a7a7a7;
      display: flex;
      font-size: 25px;
      font-size: 14px;
      height: 32px;
      justify-content: center;
      margin: 0!important;
      margin-right: 6px;
      opacity: 1;
      padding: initial;
      width: 32px
  }

  .rtl .chat-box .head .options div {
      margin-right: 6px!important
  }

  .chat-box .head .options div.close {
      -webkit-text-stroke: 1.5px #ffa4a4;
      background: #fff2f1
  }

  .chat-box .head .options div.fullscreen {
      display: none
  }

  .chat-box .head .options .btn-add-to-favorite:before {
      content: "\f004"
  }

  .chat-box .head .options .btn-remove-from-favorite {
      animation: none;
      background: #fff4f8
  }

  .chat-box .head .options .btn-remove-from-favorite:before {
      animation: heartbeat 1.5s infinite;
      color: #da4761
  }

  .chat-box.blacklisted .head .options .btn-remove-from-blacklist,.chat-box:not(.blacklisted) .head .options .btn-add-to-blacklist {
      display: flex
  }

  .chat-box .head .options .btn-add-to-blacklist,.chat-box .head .options .btn-remove-from-blacklist {
      font-size: 17px
  }

  .chat-box .head .options .btn-remove-from-blacklist {
      background: #fff4f4
  }

  .chat-box .head .options .btn-remove-from-blacklist:before {
      -webkit-text-stroke: .5px red;
      color: red
  }

  .chat-box .body,.chat-box .body .messages-wrapper {
      height: 100%
  }

  .chat-box .body .messages {
      font-size: large;
      line-height: 24px;
      padding: 5px 10px
  }

  .chat-box .messages .load-messages {
      font-size: x-large
  }

  .chat-box .messages .loading {
      height: 28px;
      padding: 16px;
      width: 28px
  }

  .chat-box .body .messages .message-body {
      padding: 10px 15px 7px
  }

  .chat-box .body .messages .message-sent .message-body {
      padding: 10px 15px 4px
  }

  .chat-box .foot .add-message,.chat-box .foot .add-message-denied {
      bottom: 0;
      position: absolute;
      width: 100%
  }

  .chat-box .foot .add-message .btn-send-message {
      padding-top: 10px
  }

  .chat-box .foot .add-message .btn-send-message .btn {
      font-size: large
  }

  [dir=ltr] .chat-box .foot .add-message .btn-send-message .btn {
      padding-left: 19px
  }

  [dir=rtl] .chat-box .foot .add-message .btn-send-message .btn {
      padding-right: 19px
  }

  .chat-box .foot .add-message .input-message textarea {
      font-size: medium;
      min-height: 35px;
      padding: 9px 15px
  }

  .chat-box .popup-body .btn.btn-message-option:before {
      top: 9px!important
  }

  .chat-box .popup-body .btn.btn-info-message:before {
      top: 11px
  }

  .chat-box .btn-message-option {
      margin-bottom: 10px!important
  }
}

@media only screen and (max-height: 320px) {
  .chat-box {
      padding-top:0
  }

  .chat-box .head {
      border-radius: 0
  }

  .chat-box .messages .load-messages {
      margin: 0 auto
  }
}

.sideblock-links {
  padding: 15px
}

.sideblock-links ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0
}

.sideblock-links ul li {
  border: solid #eee;
  border-width: 0 0 2px;
  text-align: center;
  width: 50%
}

.sideblock-links ul li:last-child,.sideblock-links ul li:nth-last-child(2) {
  border-bottom: none;
  margin-bottom: 0
}

[dir=ltr] .sideblock-links ul li:nth-child(2n) {
  border-left-width: 2px
}

[dir=rtl] .sideblock-links ul li:nth-child(2n) {
  border-right-width: 2px
}

.sideblock-links ul li a {
  color: #324148;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
  text-decoration: none;
  transition: .1s ease-in
}

.sideblock-links ul li a:hover {
  color: #da4761
}

.sideblock-links ul li:nth-child(2n) a {
  border-left: none
}

.sideblock-links ul li figure {
  height: 70px;
  margin: 0 auto;
  text-align: center
}

.side-block-popular-members-list .side-block-title {
  background-color: #eaf5fa;
  border-radius: 50px;
  color: #1767a1;
  display: block;
  font-size: medium;
  line-height: normal;
  margin: 20px;
  padding: 5px 10px 6px;
  text-align: center
}

.side-block-popular-members-list ul {
  list-style: none;
  margin: 20px;
  padding: 0
}

.side-block-popular-members-list ul li {
  align-items: flex-start;
  border-bottom: 1px dotted #d9d9d9;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 0 15px 8px
}

.side-block-popular-members-list ul li:last-child {
  border: none
}

.side-block-popular-members-list ul li .fa-li {
  color: #d87d90;
  font-size: small;
  top: 5px
}

[dir=ltr] .side-block-popular-members-list ul li .fa-li {
  left: -5px
}

.side-block-popular-members-list ul li a {
  color: #666;
  display: flex;
  font-size: medium;
  justify-content: space-between;
  width: 100%
}

.side-block-popular-members-list ul li a:after {
  color: #a8a8a8;
  content: "\f053";
  font-family: var(--fa-style-family-classic)!important;
  font-size: small;
  font-weight: 900;
  left: 8px;
  position: absolute;
  top: 3px
}

[dir=ltr] .side-block-popular-members-list ul li a:after {
  left: unset;
  right: 8px;
  transform: scale(-1)
}

.male--account .user-info__top {
  background-color: #1767a1
}

.user-info__top {
  background-color: #da4761;
 
  background-position: center bottom -1px;
  background-repeat: no-repeat;
  background-size: 102% auto;
  margin-bottom: 22px;
  padding-top: 26px;
  text-align: center
}

.user-info__top strong {
  display: block;
  padding-bottom: 12px
}

.user-info__top h6,.user-info__top strong {
  color: #fff;
  font-family: inherit;
  font-size: 16px;
  font-weight: 500;
  line-height: normal
}

.user-info__top h6 {
  padding-bottom: 10px
}

.user-info__avatar {
 
  background-size: 100% auto;
  height: 102px;
  margin: 0 auto;
  position: relative;
  width: 102px
}

.user-info__avatar figure {
  background: #fff;
  border: 2px solid #f4fcfb;
  border-radius: 50%;
  height: 72px;
  left: 15px;
  margin: 0;
  position: absolute;
  top: 15px;
  width: 72px
}

.user-info__avatar figure img {
  border-radius: 50%;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%
}

.user-info__avatar .avatar--upload {
 
  border: 3px solid #fff;
  border-radius: 50%;
  display: block;
  height: 32px;
  transition: .2s ease-in;
  width: 32px
}

 

.user-info__avatar .avatar--upload {
  position: absolute;
  right: 5px;
  top: 12px
}

.user-info__links {
  padding: 0 20px
}

.user-info__links ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.user-info__links ul li {
  padding-bottom: 22px
}

.user-info__links ul li a {
  color: #324148;
  display: block;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  line-height: normal;
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
  text-decoration: none;
  transition: .1s ease-in
}

.user-info__links ul li a:hover {
  color: #da4761
}

.user-info__links ul li a .icon {
  display: block;
  left: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px
}

[dir=rtl] .user-info__links ul li a .icon {
  left: auto;
  right: 0
}

.user-info__links ul li a .icon img {
  display: block;
  max-width: 100%;
  width: 27px
}

.user-info__links ul li a .nos {
  align-content: center;
  align-items: center;
  background: #408c2e;
  border-radius: 50%;
  color: #fff;
  direction: ltr;
  display: inline-block;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  font-family: inherit;
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  height: 25px;
  justify-content: center;
  line-height: 25px;
  margin-top: -12px;
  min-width: 25px;
  padding: 2px 3px 0 1px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%
}

[dir=rtl] .user-info__links ul li a .nos {
  left: 0;
  right: auto
}

.user-info__links ul li a .nos:empty {
  display: none
}

.user-info__avatar .status {
  border: 3px solid #fffffc;
  border-radius: 50%;
  bottom: 18px;
  display: block;
  height: 18px;
  left: 18px;
  position: absolute;
  width: 18px
}

.user-info__avatar .status.status--online {
  background: #35c313
}

.user-info__avatar .status.status--offline {
  background: #ddd
}
 
.pswp.pswp--open {
  z-index: 19000001
}
.item-result-btn{
  padding: 0;
}

 
.secondary-data  .message-body {
  background-color: #e2f5fb;
 
  border: 1px solid transparent;
  color: #2b373d;
  display: inline-block;
  font-size: 16px;
  margin: 0 auto;
  max-width: 410px;
  overflow: hidden;
  padding: 1px 15px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 10px 10px 10px 0;
}

  
 
.notify-row{
  
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;

}
.notify-data{
padding-right: 10px;
}