/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  outline: none; }

@font-face {
  font-family: "TheMixArabic-Plain";
  src: url(../fonts/TheMixArabic-Plain.otf); }
@font-face {
  font-family: "TheMixArabic-Bold";
  src: url(../fonts/TheMixArabic-Bold.otf); }
a:hover,
a:focus {
  text-decoration: none; }

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

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  color: #2c4250; }

p {
  margin: 0; }

h4,
h5,
h6 {
  line-height: 1.7; }

input,
textarea,
a,
button {
  outline: none !important; }

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto; }

a {
  color: #E2449B; }

a:hover {
  color: #E2449B; }

h2 {
  font-size: 28px; }

h3 {
  font-size: 22px; }

h4 {
  font-size: 18px; }

h5 {
  font-size: 16px; }

h6 {
  font-size: 14px; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn; }

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; }

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight; }

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px); }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft; }

@media (min-width: 1300px) {
  .container {
    max-width: 1090px; } }
body {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.828571429;
  background-color: #ffffff;
  font-family: "TheMixArabic-Plain";
  color: #707070;
  text-align: right;
  direction: rtl; }

button,
input,
optgroup,
select,
textarea {
  font-family: "TheMixArabic-Plain"; }

.main-wrapper {
  position: relative;
  min-height: 100%;
  overflow: hidden; }

.bg-general {
  background-color: #E2449B !important; }

.color-general {
  color: #E2449B !important; }

button {
  cursor: pointer; }

.pointer {
  cursor: pointer; }

.input-icon {
  position: relative; }
  .input-icon .input-icon__icon {
    position: absolute;
    left: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }

::-webkit-input-placeholder {
  font-size: 12px; }

::-moz-placeholder {
  font-size: 12px; }

:-ms-input-placeholder {
  font-size: 12px; }

::-ms-input-placeholder {
  font-size: 12px; }

::placeholder {
  font-size: 12px; }

.form-control {
  border: 1px solid #ECEDEE;
  background-color: #FDFDFD;
  height: 45px;
  border-radius: 8px; }

.input_gray {
  background-color: #F5F6F8;
  border: 1px solid #DEDEDE; }

.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #e2449b91;
  background-color: #FDFDFD; }

.main-title {
  color: #1B1A1A;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px; }

.form-group {
  position: relative; }
  .form-group .star_required {
    color: #d41b1b;
    padding-right: 4px; }

input.error,
textarea.error {
  border: 1px solid #ff2a2a !important; }

label.error {
  color: red !important;
  text-align: left;
  font-size: 14px !important;
  position: absolute; }

.main_title {
  font-size: 22px;
  color: #303030; }

.info_title {
  font-size: 15px;
  color: #828282;
  line-height: 24px; }

.sub_title {
  font-size: 20px; }

.main-content {
  padding: 100px 0px 80px; }

.title-page {
  padding: 25px 0px;
  text-align: center;
  position: relative; }
  .title-page h3 {
    color: #000000;
    font-size: 24px;
    position: relative; }
  .title-page:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: url(../images/bg-title.png) no-repeat;
    background-size: 100% 100%;
    z-index: 0; }

.title-page.opacity-before-none:before {
  background-color: #2c4250; }

.portlet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
  -o-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
  -ms-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
  box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.04);
  background-color: #ffffff;
  margin-bottom: 20px;
  border-radius: 15px; }
  .portlet .portlet__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 0 25px;
    border-bottom: 1px solid #ebedf2;
    min-height: 60px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px; }
    .portlet .portlet__head .portlet__head-label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: flex-first;
      align-content: flex-first; }
      .portlet .portlet__head .portlet__head-label .portlet__head-title {
        margin: 0;
        padding: 0;
        font-size: 18px;
        color: #181818; }
      .portlet .portlet__head .portlet__head-label .portlet__head-title-2 {
        margin: 0;
        padding: 0;
        font-size: 16px;
        color: #181818; }
  .portlet .portlet__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px; }
    .portlet .portlet__body .inner-portlet__head-title {
      font-size: 18px;
      color: #303030;
      margin-bottom: 20px; }
    .portlet .portlet__body .portlet__body_inner-title {
      font-size: 16px;
      line-height: 26px;
      margin-bottom: 15px; }
  @media (max-width: 576px) {
    .portlet .portlet__body {
      padding: 20px; } }
  .portlet .portlet__footer {
    border-top: 1px solid #f5f5f5;
    padding: 25px; }

.btn:focus,
.btn.focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }

.border {
  border: 1px solid #ebebeb !important; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%; }

.bootstrap-select > select.mobile-device:focus + .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus {
  outline: 0px auto -webkit-focus-ring-color !important;
  outline-offset: 0px; }

.bootstrap-select .dropdown-toggle .filter-option {
  text-align: right; }

.dropdown-toggle {
  background-color: #ffffff;
  border-color: #d8d8d8;
  padding: 15px 10px;
  font-size: 12px;
  color: #545454 !important; }

.dropdown-toggle:hover, .dropdown-toggle:focus {
  background-color: #ffffff !important; }

.select-phone .filter-option-inner-inner img,
.select-phone .dropdown-menu img {
  width: 20px;
  height: 20px;
  margin-right: 5px; }

.bootstrap-select .dropdown-menu li.selected.active a:hover {
  color: #fff; }

.btn.dropdown-toggle:after {
  text-align: center;
  display: inline;
  border: 0;
  font-size: 0.8rem;
  color: #757575;
  line-height: 0;
  vertical-align: middle;
  position: relative;
  margin-left: 0.5rem;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  content: "\e900";
  font-family: "icomoon";
  font-weight: 900;
  position: absolute;
  left: 10px !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }

.select-phone .btn.dropdown-toggle:after {
  right: 0px !important;
  left: auto !important; }
.select-phone .btn-light {
  border-radius: 30px 0px 0px 30px; }

.dropdown-menu {
  border: 0 !important;
  margin: 0;
  border-radius: 0;
  min-width: 14rem;
  padding: 0;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  padding: 1rem 0;
  border-radius: 4px;
  left: 0; }

.loader-page {
  background: #f8f8f8;
  color: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px; }

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #e2449b;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  animation-timing-function: cubic-bezier(0, 1, 1, 0); }

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
  animation: lds-ellipsis1 0.6s infinite; }

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite; }

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
  animation: lds-ellipsis3 0.6s infinite; }

@-webkit-keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes lds-ellipsis1 {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }
@keyframes lds-ellipsis3 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0); } }
@-webkit-keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(24px, 0);
    transform: translate(24px, 0); } }
@keyframes lds-ellipsis2 {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  100% {
    -webkit-transform: translate(24px, 0);
    transform: translate(24px, 0); } }
.link-whatsapp {
  position: fixed;
  bottom: 50px;
  left: 50px;
  background-color: #fff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 26px;
  -webkit-box-shadow: 0px 3px 40px 0px rgba(125, 125, 125, 0.18);
          box-shadow: 0px 3px 40px 0px rgba(125, 125, 125, 0.18);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -ms-transition: all 300ms ease; }
  .link-whatsapp:hover {
    animation: translate 0.7s forwards infinite linear;
    -webkit-animation: translate 0.7s forwards infinite linear; }

@-webkit-keyframes translate {
  25% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  75% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }
@keyframes translate {
  25% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px); }
  75% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px); }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); } }
.rollout {
  -webkit-animation-name: rollout;
  animation-name: rollout;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.ModalVideo .modal-content {
  border: 0;
  border-radius: 20px;
  background-color: transparent; }

.modal .close {
  position: absolute;
  top: -25px;
  left: 0px;
  text-shadow: none;
  opacity: 1;
  color: #fff;
  font-size: 30px;
  z-index: 1; }

.ModalVideo .videoModal {
  width: 100%;
  min-height: 500px; }

.ModalVideo .modal-body {
  padding: 0; }

.general_btn_sm {
  color: #FFF !important;
  padding: 8px 20px 8px;
  font-size: 16px;
  display: inline-block;
  background-color: #E2449B;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.general_btn_md {
  color: #FFF !important;
  padding: 12px 40px;
  font-size: 16px;
  display: inline-block;
  background-color: #E2449B;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.general_btn_lg {
  width: 100%;
  color: #ffffff !important;
  font-size: 16px;
  padding: 10px;
  text-align: center;
  background-color: #E2449B;
  display: block;
  text-align: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.general_btn_lg:hover, .general_btn_sm:hover, .general_btn_md:hover {
  background-color: #c33282;
  color: #FFF; }

.btn-more {
  color: #FFF !important;
  padding: 12px 60px;
  font-size: 16px;
  display: inline-block;
  background-color: #E2449B;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn-more:hover {
    background-color: #c33282;
    color: #FFF; }

.owl-nav {
  margin-top: 0px !important;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%); }
  .owl-nav button.owl-prev span {
    display: none; }
  .owl-nav button.owl-next span {
    display: none; }

.owl-carousel .owl-nav button.owl-prev::before,
.owl-carousel .owl-nav button.owl-next::before {
  position: absolute;
  color: #ffffff;
  margin: 0;
  font-family: "Font Awesome 5 Pro";
  top: 0;
  font-size: 30px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  line-height: 36px; }

.owl-carousel .owl-nav button.owl-prev::before {
  content: "\f054"; }

.owl-carousel .owl-nav button.owl-next::before {
  content: "\f053"; }

.owl-carousel.owl-nav-2 .owl-nav button.owl-prev::before,
.owl-carousel.owl-nav-2 .owl-nav button.owl-next::before {
  color: #000000;
  font-size: 20px; }

.owl-carousel.owl-nav-2 .owl-nav button.owl-prev::before {
  content: "\ea3c"; }

.owl-carousel.owl-nav-2 .owl-nav button.owl-next::before {
  content: "\ea40"; }

@media (max-width: 992px) {
  .owl-carousel .owl-nav button.owl-prev::before {
    right: 0px; }

  .owl-carousel .owl-nav button.owl-next::before {
    left: 0px; } }
@media (min-width: 992px) {
  .owl-carousel .owl-nav button.owl-prev::before {
    right: 0px; }

  .owl-carousel .owl-nav button.owl-next::before {
    left: 0px; } }
.header-mobile-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.header-mobile-content .header-mobile__toolbar {
  color: #E2449B;
  font-size: 22px; }

@media (max-width: 992px) {
  .active-body {
    overflow: hidden; }

  .mobile-menu-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    visibility: hidden;
    background-color: rgba(51, 51, 51, 0.51); }

  .mobile-menu-overlay-active {
    visibility: visible; }

  .main-header {
    padding-top: 20px;
    min-width: 100px;
    width: 250px;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 111;
    background-color: #E2449B;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out; }
    .main-header .container {
      padding-left: 0;
      padding-right: 0; }
    .main-header .list-main-menu {
      width: 100%; }
    .main-header .main-menu .menu_item .menu_link {
      color: #fff;
      padding: 10px 25px;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      border-bottom: 1px solid #c33a85;
      font-size: 12px; }
      .main-header .main-menu .menu_item .menu_link .menu_link-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding-left: 6px; }
      .main-header .main-menu .menu_item .menu_link.active {
        background-color: #bf5e5e; }

  .btn-close-header-mobile {
    color: #fff;
    width: 25px;
    height: 25px;
    margin-right: 12px;
    margin-top: -7px;
    cursor: pointer;
    margin-bottom: 10px; }

  .menu-mobile-active {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
    visibility: visible; }

  .main-header .fa-times {
    color: #fff;
    padding-left: 5px;
    position: relative;
    right: 20px;
    cursor: pointer;
    padding: 10px; } }
.header-mobile {
  background-color: #fff;
  -webkit-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.03);
  -o-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.03);
  -ms-box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.03);
  box-shadow: 0px 6px 5px 0px rgba(0, 0, 0, 0.03);
  position: relative;
  padding: 10px 0px; }
  .header-mobile .logo img {
    max-height: 40px;
  }

@media (min-width: 992px) {
  .header-mobile {
    display: none; } }
.m-checkbox {
  position: relative;
  padding-right: 30px;
  padding-left: 0px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000000; }

/* Hide the browser's default checkbox */
.m-checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  height: 22px;
  width: 22px;
  background: #FFF;
  right: 0px;
  top: 0;
  display: block;
  border: 1px solid #ececec;
  border-radius: 4px; }

.checkmark.checkmark_gray {
  background-color: #f6f6f6;
  border-radius: 5px; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.m-checkbox input:checked ~ .checkmark:after {
  display: block; }

.m-checkbox .checkmark:after {
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 12px;
  background: #E2449B;
  width: 12px;
  height: 12px;
  border-radius: 3px; }

.m-radio {
  position: relative;
  padding-right: 30px;
  padding-left: 0px;
  margin-bottom: 15px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #000000; }

/* Hide the browser's default checkbox */
.m-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.m-radio .checkmark {
  position: absolute;
  height: 20px;
  width: 20px;
  background: #FFF;
  right: 0px;
  top: 0;
  display: block;
  border: 1px solid #0F283F;
  border-radius: 20px; }

/* Create the checkmark/indicator (hidden when not checked) */
.m-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.m-radio input:checked ~ .checkmark:after {
  display: block; }

.m-radio .checkmark:after {
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  font-size: 12px;
  background: #E2449B;
  width: 18px;
  height: 18px;
  border-radius: 30px; }

@media (min-width: 992px) {
  .main-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    top: 0px;
    right: 0;
    width: 100%;
    position: relative;
    height: 70px;
    z-index: 5;
    background-size: cover;
    background-position: center;
    border-bottom: 1px solid #bcbcbc70;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
    .main-header .menu-container {
      position: relative;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .main-header .menu-container .main-menu .menu_item {
        display: inline-block;
        position: relative; }
        .main-header .menu-container .main-menu .menu_item .menu_link {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding: 0 16px;
          font-size: 14px;
          font-weight: bold;
          color: #1A1A1A;
          line-height: 70px;
          position: relative;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          .main-header .menu-container .main-menu .menu_item .menu_link::before {
            width: 0;
            height: 3px;
            position: absolute;
            bottom: -1px;
            right: 50%;
            content: "";
            background-color: #135353;
            -webkit-transform: translateX(50%);
            transform: translateX(50%);
            -webkit-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out; }
          .main-header .menu-container .main-menu .menu_item .menu_link.login {
            background-color: #E2449B;
            color: #FFF;
            border-radius: 4px;
            height: 40px;
            padding: 0px 26px;
            font-weight: normal;
            font-size: 13px; }
            .main-header .menu-container .main-menu .menu_item .menu_link.login:hover {
              background-color: #c33282; }
            .main-header .menu-container .main-menu .menu_item .menu_link.login::before {
              width: 0 !important; }
          .main-header .menu-container .main-menu .menu_item .menu_link.register {
            margin-right: 20px;
            border: 1px solid #E2449B;
            color: #E2449B !important;
            border-radius: 4px;
            height: 40px;
            padding: 0px 26px;
            font-weight: normal;
            font-size: 13px; }
            .main-header .menu-container .main-menu .menu_item .menu_link.register:hover {
              background-color: #c33282;
                color: #fff !important;}
            .main-header .menu-container .main-menu .menu_item .menu_link.register::before {
              width: 0 !important; }
          .main-header .menu-container .main-menu .menu_item .menu_link:hover::before {
            width: 40%; }

  .main-header .menu-container .main-menu .menu_item .menu_link.menu_link_active::before {
    width: 40%; } }
.main-header.internal {
  position: absolute;
  top: 0;
  right: 0;
  border-bottom: 0; }
  .main-header.internal .menu-container .main-menu .menu_item .menu_link {
    color: #FFF; }
    .main-header.internal .menu-container .main-menu .menu_item .menu_link::before {
      background-color: #FFF;
      bottom: 15px; }

@media (min-width: 992px) and (max-width: 1200px) {
  .main-header .menu-container .main-menu li a {
    padding: 0 8px;
    margin: 0px 2px;
    font-size: 12px; } }
.main-hero {
  position: relative;
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: 100%; }
  .main-hero .owl-theme .owl-dots {
    position: absolute;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%); }
    .main-hero .owl-theme .owl-dots .owl-dot span {
      background: #ffffff69;
      width: 15px;
      height: 5px;
      border-radius: 2px; }
  .main-hero .owl-theme .owl-dots .owl-dot.active span,
  .main-hero .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff; }

.main-hero {
  position: relative; }
  .main-hero .hero-content {
    text-align: center;
    position: relative;
    z-index: 3; }
    .main-hero .hero-content .hero-more {
      background-color: #e2449b;
      color: #fff;
      font-size: 16px;
      width: 170px;
      height: 45px;
      text-align: center;
      display: inline-block;
      line-height: 45px;
      border-radius: 4px;
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out; }
      .main-hero .hero-content .hero-more:hover {
        background-color: #ca3688; }

.slider-hero .owl-stage-outer {
  padding: 0px; }

.item-slider {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100vw;
  padding-bottom: 100px; }

.section-title {
  color: #2B2B2B;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center; }

.text-section {
  color: #1B1A1A;
  font-size: 18px;
  margin-bottom: 40px;
  text-align: center; }

.section-row {
  padding: 70px 0px 40px;
  background-color: #fcfcfc; }

.widget__item_1 {
  background-color: #fff;
  border-radius: 12px;
  text-align: center;
  padding: 35px 40px;
  -webkit-box-shadow: 0px 1px 6px #0000001a;
          box-shadow: 0px 1px 6px #0000001a;
  margin-bottom: 25px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; }
  .widget__item_1 .widget__item-image {
    height: 35px;
    margin-bottom: 10px; }
    .widget__item_1 .widget__item-image img {
      max-height: 100%; }
  .widget__item_1 .widget__item-title {
    color: #e2449b;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 15px; }
  .widget__item_1 .widget__item-text {
    color: #9b9b9b;
    font-size: 12px;
    line-height: 2.2;
    height: 52px;
    overflow: hidden; }
  .widget__item_1:hover {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-box-shadow: 0px 5px 16px #0000001a;
            box-shadow: 0px 5px 16px #0000001a; }

.section-video {
  position: relative;
  padding: 50px 0px; }
  .section-video .contect-video-right,
  .section-video .contect-video-left {
    height: 100%; }
  .section-video .contect-video-right {
    padding-left: 60px; }
  .section-video .title-section-video {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px; }
  .section-video .text-section-video {
    color: #fff;
    font-size: 14px; }
  @media (min-width: 1300px) {
    .section-video .container {
      max-width: 1150px; } }

.content-btn {
  width: 50%;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #e2449b1a; }
  .content-btn .btn-play-video {
    cursor: pointer;
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: #e2449b;
    color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-radius: 50%;
    font-size: 16px; }

.btn-hover {
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite; }

@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(226, 68, 155, 0.1), 0 0 0 10px rgba(226, 68, 155, 0.1), 0 0 0 15px rgba(226, 68, 155, 0.1);
    box-shadow: 0 0 0 0 rgba(226, 68, 155, 0.1), 0 0 0 10px rgba(226, 68, 155, 0.1), 0 0 0 15px rgba(226, 68, 155, 0.1); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(226, 68, 155, 0.1), 0 0 0 10px rgba(226, 68, 155, 0.1), 0 0 0 15px rgba(226, 68, 155, 0.1);
    box-shadow: 0 0 0 10px rgba(226, 68, 155, 0.1), 0 0 0 15px rgba(226, 68, 155, 0.1), 0 0 0 30px rgba(255, 255, 255, 0); } }

@keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(226, 68, 155, 0.1), 0 0 0 10px rgba(226, 68, 155, 0.1), 0 0 0 15px rgba(226, 68, 155, 0.1);
    box-shadow: 0 0 0 0 rgba(226, 68, 155, 0.1), 0 0 0 10px rgba(226, 68, 155, 0.1), 0 0 0 15px rgba(226, 68, 155, 0.1); }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(226, 68, 155, 0.1), 0 0 0 10px rgba(226, 68, 155, 0.1), 0 0 0 15px rgba(226, 68, 155, 0.1);
    box-shadow: 0 0 0 10px rgba(226, 68, 155, 0.1), 0 0 0 15px rgba(226, 68, 155, 0.1), 0 0 0 30px rgba(255, 255, 255, 0); } }
.section-famous {
  background-color: #fcfcfc;
  padding: 70px 0px; }

.entry-box {
  position: relative;
  display: block;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.11);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  overflow: hidden;
  background-color: #fff; }

.entry-box .entry-box-image {
  position: relative;
  height: 0;
  padding-top: 57%;
  cursor: pointer; }

.entry-box .entry-box-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  border-radius: 0px 0px 10px 10px; }

.entry-box .entry-box-body {
  padding: 20px;
  text-align: center; }

.entry-box .entry-box-title {
  color: #2B2B2B;
  font-size: 18px;
  font-weight: bold;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out; }

.entry-box:hover .entry-box-title {
  color: #2B2B2B; }

.playVideo {
  color: #FFF;
  background-color: #E2449B;
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  right: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  z-index: 2; }

.owl-theme .owl-dots .owl-dot span {
  background: #2B2B2B; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #E2449B; }

.section-faq {
  padding: 70px 0px;
  background-color: #fcfcfc; }

.card.card-faq .card-header {
  padding: 0.4rem 1.25rem;
  margin-bottom: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #ffffff;
  border: 0; }

.card.card-faq {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: 0;
  margin-bottom: 15px;
  border-radius: 10px !important;
  -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden; }

.card.card-faq .card-header .btn::before {
  position: absolute;
  left: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "\f078";
  font-family: "Font Awesome 5 pro";
  font-size: 18px;
  color: #000; }

.card.card-faq .card-header .btn.collapsed::before {
  content: "\f053"; }

.card.card-faq .card-header .btn-link {
  color: #000;
  padding: 20px 30px;
  position: relative;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: right; }

.card.card-faq .card-body {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 0rem 2.25rem 1rem;
  color: #0f0f0fb3;
  line-height: 2.5; }

.card.card-faq.active,
.card.card-faq.active .card-header {
  background-color: #E2449B; }

.card.card-faq.active .card-header .btn-link,
.card.card-faq.active .card-header .btn::before,
.card.card-faq.active .card-body {
  color: #fff; }

.text-faq {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #E2449B;
  font-size: 500px;
  line-height: 1.1; }

.section-registration {
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden; }
  .section-registration .fxt-bg-img {
    min-height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 50px 15px 30px;
    position: relative;
    z-index: 1;
    background-image: url(../images/bg-login.png); }
  .section-registration .fxt-content {
    max-width: 450px;
    width: 100%; }
  .section-registration .fxt-bg-color {
    background-color: #ffffff;
    min-height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 60px 15px 52px; }
  .section-registration .form-control {
    background-color: #F5F6F8;
    border: 1px solid #DEDEDE;
    height: 55px; }
  .section-registration .fxt-header {
    margin-bottom: 60px; }
    .section-registration .fxt-header h3 {
      color: #272727;
      font-size: 24px;
      font-weight: bold; }
    .section-registration .fxt-header p {
      color: #262626cc;
      font-size: 14px; }
  .section-registration .fxt-footer {
    text-align: center;
    margin-top: 50px; }
    .section-registration .fxt-footer p {
      color: #E2449B;
      font-size: 12px; }
      .section-registration .fxt-footer p a {
        text-decoration: underline;
        font-weight: bold; }
  .section-registration .form-group {
    margin-bottom: 1.5rem; }
  .section-registration .nav-tabs-registration {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 40px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    min-width: 140px; }
  .section-registration .nav-tabs .nav-link {
    padding-left: 0;
    padding-right: 0;
    color: #e2449bb3; }
  .section-registration .nav-tabs .nav-item.show .nav-link, .section-registration .nav-tabs .nav-link.active {
    color: #E2449B;
    background-color: #fff;
    border-color: transparent;
    border-bottom: 2px solid #E2449B; }
  .section-registration .nav-tabs .nav-link:focus, .section-registration .nav-tabs .nav-link:hover {
    border-color: transparent;
    border-bottom: 2px solid #E2449B; }

.fxt-btn-fill {
  background-color: #E2449B;
  color: #FFF;
  padding: 13px 65px;
  border-radius: 4px;
  font-size: 16px;
  font-weight: bold; }

.list-payment-method {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px; }
  .list-payment-method .m-radio {
    margin: 0px 15px; }

.total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px solid #f5f5f5;
  margin-top: 15px;
  padding-top: 20px;
  font-size: 19px;
  font-weight: bold; }
  .total span {
    font-size: 12px;
    padding-right: 7px; }

.entry-box-2 {
  position: relative;
  display: block;
  margin-bottom: 50px; }
  .entry-box-2 .entry-box-image {
    position: relative;
    height: 0;
    padding-top: 100%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 73px rgba(40, 40, 40, 0.15);
            box-shadow: 0px 0px 73px rgba(40, 40, 40, 0.15); }
    .entry-box-2 .entry-box-image .entry-box-action::before {
      position: absolute;
      content: '';
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #ffffffa8;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      opacity: 0; }
      .entry-box-2 .entry-box-image .entry-box-action .btn-loaded {
        color: #fff;
        background-color: #e2449b;
        width: 100%;
        bottom: -10px;
        font-size: 14px;
        padding: 10px;
        border-radius: 10px;
        -webkit-transition: 0.3s ease-in-out;
        position: absolute;
        right: 0;
        opacity: 0;
        transition: 0.3s ease-in-out; }
    .entry-box-2 .entry-box-image img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0; }
  .entry-box-2 .entry-box-body {
    padding-top: 10px; }
    .entry-box-2 .entry-box-body .entry-box-name-1 {
      color: #1B1A1A;
      font-weight: bold;
      font-size: 14px; }
    .entry-box-2 .entry-box-body .entry-box-name-2 {
      color: #E2449B;
      font-weight: bold;
      font-size: 10px; }

    .entry-box-2:hover .entry-box-action .btn-loaded {
     opacity: 1;
    bottom: 0; }
  .entry-box-2:hover .entry-box-image .entry-box-action::before {
    opacity: 1;
  }

.entry-box-3 {
  position: relative;
  display: block;
  margin-bottom: 50px; }
  .entry-box-3 .entry-box-image {
    position: relative;
    height: 0;
    padding-top: 100%;
    border-radius: 10px;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 73px rgba(40, 40, 40, 0.15);
            box-shadow: 0px 0px 73px rgba(40, 40, 40, 0.15); }
    .entry-box-3 .entry-box-image .entry-box-action::before {
      position: absolute;
      content: '';
      bottom: 0;
      right: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      background-color: #ffffffa8;
      -webkit-transition: 0.3s ease-in-out;
      transition: 0.3s ease-in-out;
      opacity: 0; }

      .entry-box-3 .entry-box-image .entry-box-action::after {
        position: absolute;
        content: "\f002";
        top: 50%;
        right: 50%;
        -webkit-transform: translate(50%, -30%);
                transform: translate(50%, -30%);
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        color: #e2449b;
        font-size: 22px;
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        opacity: 0;}
      .entry-box-3 .entry-box-image .entry-box-action .btn-loaded {
        color: #fff;
        background-color: #e2449b;
        width: 100%;
        font-size: 14px;
        padding: 14px;
        border-radius: 10px;
        position: absolute;
        bottom: -10px;
        right: 0;
        width: 100%;
        opacity: 0;
        -webkit-transition: 0.3s ease-in-out;
        transition: 0.3s ease-in-out; }
    .entry-box-3 .entry-box-image img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0; }
  .entry-box-3 .entry-box-body {
    padding-top: 10px;
    text-align: center; }
    .entry-box-3 .entry-box-body .entry-box-title {
      color: #000;
      font-weight: bold;
      font-size: 20px; }
  .entry-box-3:hover .entry-box-image .entry-box-action::before{
    opacity: 1;
  }
  .entry-box-3:hover .entry-box-action {
    opacity: 1; }
    .entry-box-3:hover .entry-box-action::after {
     opacity: 1;}
     .entry-box-3:hover .entry-box-action::after{
      transform: translate(50%, -50%);
     }
    .entry-box-3:hover .entry-box-action .btn-loaded {
      bottom: 0;
    opacity: 1;}

.header-title {
  position: relative;
  margin-bottom: 20px; }
  .header-title::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #DEDEDE;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .header-title h4 {
    background-color: #ffffff;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-left: 15px;
    color: #1B1A1A;
    font-weight: bold;
    font-size: 18px; }

.imageCreateCard {
  max-height: 430px;
  width: 100%;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 73px rgba(40, 40, 40, 0.15);
          box-shadow: 0px 0px 73px rgba(40, 40, 40, 0.15); }

.row_gift {
  margin-bottom: 50px; }

.copyRight p {
  padding: 20px 0px;
  color: #0f283f;
  text-align: center;
  border-top: 1px solid #70707033; }

.main-footer {
  padding: 60px 0px;
  position: relative;
  background-color: #fff; }

.main-footer .desc-website {
  font-size: 14px;
  color: #333333; }

.main-footer .title-footer {
  position: relative;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #333333;
  margin-bottom: 30px; }

.main-footer .link-footer a {
  color: #333333;
  font-size: 14px;
  margin-bottom: 5px;
  display: inline-block;
  position: relative;
  -webkit-transition: all 500ms, color 200ms;
  transition: all 500ms, color 200ms;
  padding: 0; }

.main-footer .link-footer a:hover {
  padding-right: 5px; }

.social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.social-media li {
  margin: 0px 5px; }

.social-media li a {
  border: 3px solid #4B4475;
  color: #4B4475;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  font-size: 16px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out; }

.social-media li a:hover {
  color: #fff; }

.social-media li a:hover.instagram {
  background-color: #9929a4; }

.social-media li a:hover.twitter {
  background-color: #1bb2e9; }

.social-media li a:hover.facebook {
  background-color: #4267b2; }

@media (min-width: 992px) {
  .section-row .row [class*="col-"] {
    padding-left: 30px;
    padding-right: 30px; }

  .section-video::before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #e2449b; }

  .section-video::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: url(../images/bg-video.png) center no-repeat;
    z-index: -1;
    background-size: cover; }

  .mr-lg-150 {
    margin-right: 150px; } }
@media (max-width: 992px) {
  .section-video {
    padding: 0; }
    .section-video > .container {
      padding: 0; }

  .section-video .contect-video-right {
    background-color: #e2449b;
    padding: 20px; }

  .section-video .contect-video-left {
    height: 290px;
    background: url(../images/bg-video.png) center no-repeat;
    background-size: cover; }

  .item-slider {
    height: auto;
    padding: 150px 0px 50px; }

  .main-footer .title-footer {
    margin-bottom: 0px;
    margin-top: 30px; }

  .section-registration .fxt-bg-color {
    min-height: auto; }

  .section-registration .fxt-bg-img {
    min-height: 50vh; }
    .shape::before,
    .slider-famous::before{
      display: none;
    }
    .entry-box-3 .entry-box-image .entry-box-action .btn-loaded {
      bottom: 0;
      opacity: 1;
  }
  .imageCreateCard {
    -webkit-box-shadow: 0px 0px 43px rgba(40, 40, 40, 0.15);
    box-shadow: 0px 0px 43px rgba(40, 40, 40, 0.15);
}
  .main-content {
    padding: 50px 0px 80px; }
    .entry-box-2 .entry-box-image .entry-box-action .btn-loaded{
      opacity: 1;
      bottom: 0;
    } }
@media (min-width: 576px) and (max-width: 992px) {
  .content-btn {
    width: 100%;
    top: auto;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 45%;
    max-width: 540px; } }
@media (max-width: 576px) {
  .content-btn {
    width: 100%;
    top: auto;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    height: 45%; }
    .content-btn .btn-play-video {
      cursor: pointer;
      position: absolute;
      width: 65px;
      height: 65px; }

  .entry-box .entry-box-body {
    padding: 10px 5px; }

  .entry-box .entry-box-title {
    font-size: 13px; } }
    .shape {
      position: relative;
    }
    .shape::before {
      position: absolute;
      content: "";
      background: url(../images/shape.png) center no-repeat;
      background-size: contain;
      width: 130px;
      height: 130px;
      right: -30px;
      top: -25px;
  }

  .slider-famous {
    position: relative;
  }
  .slider-famous::before {
    position: absolute;
    content: "";
    background: url(../images/shape.png) center no-repeat;
    background-size: contain;
    width: 130px;
    height: 130px;
    left: -25px;
    top: -27px;
}