@font-face {
  font-family: Satoshi-Variable;
  src: url(../../fonts/Satoshi-Variable.woff2) format('woff2'), url(../../fonts/Satoshi-Variable.woff) format('woff'), url(../../fonts/Satoshi-Variable.ttf) format('truetype');
  font-weight: 300 900;
  font-display: fallback;
}

.occuranceflags a {
  border: 1px solid #fff;
  border-radius: 50%;
  color: #000;
  height: 50px;
  width: 50px;
  display: flex;
  font-weight: 600;
  font-size: 12px;
  justify-content: center;
  align-items: center;
  position: fixed;
  bottom: 120px;
  right: 25px;
  background-color: #fff;
  z-index: 20;
  cursor: pointer;
  text-transform: uppercase;
}

#nav_engine svg,
.line,
svg {
  stroke: #fff
}

#nav_engine,
#nav_engine .nav-link:hover {
  background: 0 0
}

.andro.scrolled,
.fadeIn {
  opacity: 1
}

.admin_toolbar a,
.brush_button,
.copyright,
.featureTitle {
  text-transform: uppercase
}

:root {
  --cms_global: #58703d;
  --cms_night: #141416;
  --cms_bg: #141416
}

body {
  font-family: Satoshi-Variable;
  background-size: cover;
  background-color: var(--cms_bg);
  color: #ccc8db;
  min-height: 100%;
  font-weight: 400;
  width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth
}

.color_theme,
.copyright a:hover {
  color: var(--cms_global)
}

::-webkit-scrollbar {
  width: 8px
}

::-webkit-scrollbar-thumb {
  background-color: var(--cms_global)
}

::-webkit-scrollbar-track {
  background: var(--cms_bg)
}

::-moz-selection {
  color: #000;
  background-color: var(--cms_global)
}

::selection {
  color: #000;
  background-color: var(--cms_global)
}

.zfirst {
  z-index: 150
}

.line,
.line1,
.line2,
.line3,
.opened .line2 {
  stroke-width: 6
}

.fancybox img {
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
  box-shadow: 0 1px 5px rgb(0 0 0 / 50%);
  width: 100%;
  cursor: pointer;
  -webkit-transition: .15s;
  -o-object-fit: cover;
  object-fit: cover;
  transition: .15s;
  max-height: 600px
}

.fancybox img:hover {
  -webkit-transition: .15s;
  transition: .15s;
  opacity: .8
}

.navbar-brand img {
  width: 180px;
  height: 60px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 50%
}

.navbar-toggler:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.navbar-toggler.menu {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0
}

form svg {
  stroke: transparent !important;
  stroke-width: 1px
}

svg {
  stroke-width: 1px
}

svg:hover {
  stroke: #fff !important;
  stroke-width: 1px
}

.feature_big .parallaxblock h1 {
  font-weight: 800 !important
}

.app_navbar {
  position: relative;
  z-index: 100;
  top: 0;
  width: 100%;
  background: var(--cms_bg);
  padding: 0;
  margin: 0;
  -webkit-box-shadow: rgb(4 17 29 / 25%) 0 0 8px 0;
  box-shadow: rgb(4 17 29 / 25%) 0 0 8px 0
}

.app_navbar .nav-link {
  font-size: 16px;
  color: #fff;
  padding: 1.8rem 1rem;
  font-weight: 700;
  min-width: auto;
  text-align: center
}

.app_navbar .nav-link svg {
  position: relative;
  top: -3px
}

.app_navbar .nav-link:hover {
  font-size: 16px;
  color: var(--cms_global);
  -webkit-transition: background-color .25s ease-out, color .25s ease-out;
  transition: background-color .25s ease-out, color .25s ease-out;
  text-shadow: none
}

.app_navbar .nav-link.active {
  font-size: 16px;
  color: var(--cms_global);
  text-shadow: none;
  font-weight: 700
}

.app_navbar .navbar-brand {
  font-size: 16px;
  color: #fff
}

.app_navbar .navbar-brand:hover {
  font-size: 16px;
  color: var(--cms_global)
}

#nav_engine {
  position: absolute;
  z-index: 1000;
  -webkit-box-shadow: none;
  box-shadow: none
}

.nav_engine_sticky {
  position: fixed !important;
  top: 0;
  width: 100%;
  background: var(--cms_night) !important;
  -webkit-box-shadow: rgb(4 17 29 / 25%) 0 0 8px 0 !important;
  box-shadow: rgb(4 17 29 / 25%) 0 0 8px 0 !important
}

.nav_engine_sticky::before {
  content: "";
  display: block;
  height: 35px;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  background-size: cover;
  background-repeat: repeat-x;
  background-position: center top;
  z-index: 150;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url(../../../../../../medias/brush02.png)
}

.app_footer .menu_footer,
.pagination {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  list-style: none;
  display: flex
}

.paginate_link,
.pagination li a {
  cursor: pointer;
  font-size: 20px;
  margin-right: .3rem;
  background: #1e2930;
  text-align: center;
  border-radius: 3px;
  padding: 1rem 1.5rem
}

.module_find,
.module_headerpost {
  background-color: var(--cms_night);
  background-size: cover !important;
  background-position: center !important
}

.active .paginate_link,
.paginate_link:hover,
.pagination li.active a {
  color: #000;
  background: var(--cms_global)
}

.paginate_link {
  color: #fff;
  -webkit-transition: background-color .4s ease-out;
  transition: background-color .4s ease-out;
  text-decoration: none
}

form input[type=email],
form input[type=number],
form input[type=password],
form input[type=text],
form select {
  border: 0 !important;
  padding: 1rem !important;
  border-radius: 3px !important;
  background: rgb(255 255 255 / 99%) !important;
  -webkit-transition: .6s;
  transition: .6s
}

a:-webkit-any-link:focus-visible {
  outline-offset: 0 !important
}

input[type=email]:focus,
input[type=email]:hover,
input[type=number]:focus,
input[type=number]:hover,
input[type=tel]:focus,
input[type=text]:focus,
input[type=text]:hover,
textarea:focus {
  background-color: rgba(0, 0, 0, .15);
  -webkit-transition: .6s;
  transition: .6s;
  border-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  outline: 0 !important
}

.module_headerpost {
  height: 70vh
}

.module_find {
  min-height: 60vh
}

.module_find:after {
  content: "";
  -webkit-clip-path: polygon(0 100%, 100% 100%, 0 0);
  clip-path: polygon(0 100%, 100% 100%, 0 0);
  background-color: var(--cms_bg);
  height: 60px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  z-index: 100
}

.footer_title,
.module_feature .feature_title {
  margin: 0
}

.iconplay:hover,
.socials_links svg:hover {
  stroke: var(--cms_global) !important
}

.menu_footer a:hover,
.menu_footerbas a:hover {
  color: #b2b2b2
}

.app_footer .menu_footer li,
.menu_footerbas {
  letter-spacing: .009375rem;
  line-height: 1.5rem;
  font-size: 1rem
}

.admin_toolbar a,
.menu_footerbas {
  text-decoration: none;
  font-weight: 400
}

.btn_app,
h1 {
  font-weight: 300
}

.overlay_module {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  background: #0000008a;
  z-index: 5
}

.admin_toolbar,
.footer_second,
.module_feature {
  background: var(--cms_bg)
}

.admin_toolbar {
  position: fixed;
  bottom: 0;
  padding: .5rem;
  width: 100%;
  z-index: 950000;
  color: #fff
}

.app_footer,
.block_input_file,
.button_anim,
.cropek,
.fadeIn,
.feature_block,
.feature_case,
.header_hero,
h1 {
  position: relative
}

.admin_toolbar a {
  color: #000;
  background: var(--cms_global);
  font-size: 14px;
  border-radius: 4px;
  padding: .8rem 2rem;
  cursor: pointer
}

.admin_toolbar .admin_link:hover {
  background: #fff
}

input[type=file] {
  padding: 2rem;
  border: 1px dashed var(--cms_global);
  margin-top: .5rem;
  border-radius: 0;
  background: #f2f2f2
}

input[type=file]:hover {
  opacity: .6
}

input[type=file]::-webkit-file-upload-button {
  display: none
}

input[type=file]::file-selector-button {
  display: none
}

.app_footer .menu_footer li:first-of-type {
  margin-left: 0
}

.app_footer .menu_footer li {
  margin-left: 40px;
  text-decoration: none;
  font-weight: 500;
  color: #f1f1f3
}

.footer_second {
  padding: 80px 0
}

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

.menu_footerbas a {
  color: #a5a8b6
}

.footer_title {
  font-size: 5rem;
  color: #fff;
  padding: 0
}

.choice_tab {
  border-bottom: solid transparent;
  -webkit-transition: .3s ease-in;
  transition: .3s ease-in;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 1rem
}

.choice_tab.selected,
.choice_tab:hover {
  color: #fff;
  border-bottom: solid var(--cms_global);
  -webkit-transition: .3s ease-in;
  transition: .3s ease-in
}

.module_feature .picture_left {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center bottom;
  object-position: center bottom
}

.module_feature .feature_title {
  font-size: 3rem;
  color: #fff;
  padding: 0
}

.copyright a,
.module_feature .feature_text {
  color: #fff
}

.noclip.module_find::after {
  content: none
}

.button_anim {
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid var(--cms_global);
  border-radius: 4px;
  -webkit-transition: .2s ease-in;
  transition: .2s ease-in;
  background-color: var(--cms_global);
  overflow: hidden;
  font-size: 19px;
  color: #000;
  z-index: 1;
  -webkit-box-shadow: rgb(36 41 57) 0 6px 0 0;
  box-shadow: rgb(36 41 57) 0 6px 0 0
}

.alert_system,
.approval_waiting {
  padding: 1rem;
  text-align: center;
  color: #fff
}

.button_anim:after,
.button_anim:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  display: block;
  z-index: -1;
  -webkit-transition: .5s cubic-bezier(.55, 0, .1, 1) .1s;
  transition: .5s cubic-bezier(.55, 0, .1, 1) .1s;
  background-color: #fff
}

.button_anim:before {
  left: 50%;
  -webkit-transform: translateX(-50%) scaleY(1) scaleX(1.25);
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%
}

.button_anim:after {
  left: 55%;
  -webkit-transform: translateX(-50%) scaleY(1) scaleX(1.45);
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%
}

.button_anim:hover {
  color: #000;
  border: 1px solid #fff;
  -webkit-transition: .5s cubic-bezier(.55, 0, .1, 1) .1s;
  transition: .5s cubic-bezier(.55, 0, .1, 1) .1s;
  -webkit-box-shadow: rgb(36 41 57) 0 0 0 0;
  box-shadow: rgb(36 41 57) 0 0 0 0
}

.brush_btn_colortheme:hover svg,
.button_anim:hover svg {
  stroke: #000
}

.button_anim:hover:before {
  top: -35%;
  background-color: #fff;
  -webkit-transform: translateX(-50%) scaleY(1.3) scaleX(.8);
  transform: translateX(-50%) scaleY(1.3) scaleX(.8)
}

.button_anim:hover:after {
  top: -45%;
  background-color: #fff;
  -webkit-transform: translateX(-50%) scaleY(1.3) scaleX(.8);
  transform: translateX(-50%) scaleY(1.3) scaleX(.8)
}

.approval_waiting {
  background-color: var(--cms_bg);
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 32%);
  box-shadow: 0 1px 5px rgb(0 0 0 / 32%);
  margin-bottom: 1rem
}

.alert_system {
  background: #5468ff;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10000
}

input[type=email],
input[type=number],
input[type=tel],
input[type=text],
select,
textarea {
  border: 0 !important;
  padding: 1rem !important;
  border-radius: 3px !important;
  background: rgba(0, 0, 0, .05) !important;
  font-weight: 300;
  -webkit-transition: .6s;
  transition: .6s
}

.btn_applarge {
  color: #fff;
  background-color: transparent;
  -webkit-transition: background-color 250ms;
  transition: background-color 250ms;
  line-height: normal;
  border: 2px solid var(--cms_global);
  border-radius: 0;
  padding: 2em 4em;
  min-width: 280px
}

.brush_button,
.btn_applarge:hover {
  background-color: var(--cms_global)
}

.btn_applarge:hover {
  border: 2px solid var(--cms_global);
  color: #000;
  -webkit-transition: background-color .25s ease-out, color .25s ease-out;
  transition: background-color .25s ease-out, color .25s ease-out
}

.btn_app {
  background: var(--cms_global);
  padding: 1.5rem;
  border-radius: 0;
  color: #000;
  border: solid 2px var(--cms_global) !important
}

.brush_button,
.dropdown-item {
  color: #fff;
  text-align: center
}

.btn_app:hover {
  background: 0 0;
  border-radius: 0;
  border: solid 2px var(--cms_global) !important
}

.cropek::after,
.cropek::before {
  content: "";
  height: 10px;
  position: absolute;
  background-size: cover;
  background-repeat: repeat-x;
  background-position: center top;
  background-image: url("data:image/svg+xml;utf8,<svg clip-rule=\"evenodd\" fill-rule=\"evenodd\" stroke-linejoin=\"round\" stroke-miterlimit=\"2\" viewBox=\"0 0 1950 20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m0 9 301-1 8 6 384-10 49 7 341-7 161 3 137-7 6 5 11-5 403 7 65-6 84 7.5v11.5h-1950z\" fill=\"rgb(20 20 22)\"/></svg>");
  display: block;
  width: 100%;
  z-index: 1
}

.line {
  fill: none;
  -webkit-transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1);
  transition: stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1), stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)
}

.line1,
.line3 {
  stroke-dasharray: 60 207
}

.line2 {
  stroke-dasharray: 60 60
}

.opened .line1,
.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 6
}

.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30
}

@media (max-width:1000px) {

  .app_para,
  .module_find p {
    margin: 1rem 0;
    font-size: 16px
  }

  .module_find .nav-link,
  .module_find div button {
    text-align: center;
    width: 100%
  }

  .fse_block_moviefull {
    min-height: 500px !important
  }

  .module_find {
    min-height: 700px !important
  }

  #nav_engine {
    background: #1b2030 !important
  }

  .searchform {
    margin-top: 2rem !important
  }

  .app_footer .menu_footer li {
    margin: 0;
    text-align: center
  }

  .app_footer .menu_footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:1305px) {
  #nav_engine {
    background: var(--cms_bg) !important
  }
}

.header_movie {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0
}

.g-0 {
  --bs-gutter-y: 0;
  --bs-gutter-x: 0
}

.brush_btn_colortheme:hover {
  background-color: #fff;
  -webkit-transition: .3s cubic-bezier(.4, 0, .2, 1);
  transition: .3s cubic-bezier(.4, 0, .2, 1);
  color: #000
}

.brush_button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-clip-path: polygon(4.3% 7.1%, 3.5% 7.5%, 3.8% 2.6%, 5.3% .3%, 4.8% 5.4%, 6.2% 6.1%, 4.9% 6.2%, 6.6% 6.7%, 7.7% 6.1%, 6.9% 5%, 10.1% 4.9%, 10.6% 5.2%, 7.7% 5.9%, 14.1% 5.6%, 17.8% 6.3%, 25.1% 6.3%, 25.6% 7.2%, 60.6% 6.9%, 60.7% 6%, 61.8% 5.7%, 61.9% 6%, 65.8% 5.7%, 66.7% 6.4%, 67% 6.3%, 71.5% 7.2%, 71.5% 7%, 71.5% 7.2%, 76.2% 7.7%, 84.5% 7.3%, 90.5% 9.5%, 91.7% 7.5%, 94.1% 9.4%, 94.6% 9.8%, 94.6% 9.8%, 94.7% 9.2%, 94.4% 9.3%, 94.5% 9.4%, 94.1% 9.4%, 94.4% 9.3%, 94.6% 8.4%, 95% 8.3%, 95.5% 8.2%, 95.5% 8.3%, 95.6% 8.7%, 95.7% 9.6%, 95.9% 9.8%, 98.3% 8.6%, 97.6% 11.4%, 97.5% 9.3%, 97.1% 12%, 97.7% 13.6%, 98.6% 12.3%, 98.8% 17.2%, 98.6% 17.9%, 97.8% 13.6%, 98.3% 23.2%, 97.7% 28.8%, 97.9% 39.8%, 97.2% 40.5%, 97.4% 41.8%, 98.3% 41.9%, 98.5% 43.6%, 98.3% 43.8%, 98.7% 49.7%, 98% 51%, 98.2% 51.5%, 97.5% 58.2%, 97.6% 58.3%, 97.5% 58.3%, 97.2% 65.3%, 97.7% 77.9%, 96.1% 87%, 96.1% 87.2%, 97.8% 88.6%, 96.1% 92.4%, 96.2% 92.8%, 96.1% 93%, 96.1% 92.4%, 96.1% 92.3%, 96.1% 94.3%, 96.2% 94.6%, 96.1% 94.7%, 96.1% 96.7%, 95.4% 96.7%, 95.9% 98.4%, 94.4% 98.6%, 93.2% 97.9%, 87.9% 98.8%, 83.2% 97.7%, 79.4% 98.8%, 77.8% 98.7%, 78.7% 99.5%, 78.3% 99.8%, 78.6% 100%, 73.3% 99%, 25.7% 97.8%, 25.1% 97.2%, 22.2% 97.8%, 20.9% 99.3%, 16.3% 98.4%, 13.5% 97.1%, 12.1% 97.1%, 12.4% 96.7%, 10.9% 96.7%, 11.3% 97.5%, 8.7% 98.4%, 3.8% 97.8%, 9.8% 96.7%, 3.4% 96.7%, 3% 97.4%, 2.6% 96.9%, 2.9% 96.7%, 2.6% 96.7%, 2.6% 95%, 2.2% 95.2%, 2% 92.6%, 2.6% 90.5%, 1.6% 81.4%, 2.4% 73.4%, 1.3% 67%, 1.3% 64.3%, .6% 65.8%, .4% 65.2%, .1% 65.7%, .9% 56.6%, 1.5% 33.5%, 2.1% 32.5%, 1.4% 27.6%, 0 25.3%, .7% 17.6%, 1.7% 12.6%, 1.8% 10.2%, 2.8% 11.2%, 3.1% 11.8%, 3.5% 11.8%, 4.2% 9%, 4.1% 8.4%, 4.4% 8.3%, 4.9% 8.2%, 5.3% 8%, 4.3% 7.1%);
  clip-path: polygon(4.3% 7.1%, 3.5% 7.5%, 3.8% 2.6%, 5.3% .3%, 4.8% 5.4%, 6.2% 6.1%, 4.9% 6.2%, 6.6% 6.7%, 7.7% 6.1%, 6.9% 5%, 10.1% 4.9%, 10.6% 5.2%, 7.7% 5.9%, 14.1% 5.6%, 17.8% 6.3%, 25.1% 6.3%, 25.6% 7.2%, 60.6% 6.9%, 60.7% 6%, 61.8% 5.7%, 61.9% 6%, 65.8% 5.7%, 66.7% 6.4%, 67% 6.3%, 71.5% 7.2%, 71.5% 7%, 71.5% 7.2%, 76.2% 7.7%, 84.5% 7.3%, 90.5% 9.5%, 91.7% 7.5%, 94.1% 9.4%, 94.6% 9.8%, 94.6% 9.8%, 94.7% 9.2%, 94.4% 9.3%, 94.5% 9.4%, 94.1% 9.4%, 94.4% 9.3%, 94.6% 8.4%, 95% 8.3%, 95.5% 8.2%, 95.5% 8.3%, 95.6% 8.7%, 95.7% 9.6%, 95.9% 9.8%, 98.3% 8.6%, 97.6% 11.4%, 97.5% 9.3%, 97.1% 12%, 97.7% 13.6%, 98.6% 12.3%, 98.8% 17.2%, 98.6% 17.9%, 97.8% 13.6%, 98.3% 23.2%, 97.7% 28.8%, 97.9% 39.8%, 97.2% 40.5%, 97.4% 41.8%, 98.3% 41.9%, 98.5% 43.6%, 98.3% 43.8%, 98.7% 49.7%, 98% 51%, 98.2% 51.5%, 97.5% 58.2%, 97.6% 58.3%, 97.5% 58.3%, 97.2% 65.3%, 97.7% 77.9%, 96.1% 87%, 96.1% 87.2%, 97.8% 88.6%, 96.1% 92.4%, 96.2% 92.8%, 96.1% 93%, 96.1% 92.4%, 96.1% 92.3%, 96.1% 94.3%, 96.2% 94.6%, 96.1% 94.7%, 96.1% 96.7%, 95.4% 96.7%, 95.9% 98.4%, 94.4% 98.6%, 93.2% 97.9%, 87.9% 98.8%, 83.2% 97.7%, 79.4% 98.8%, 77.8% 98.7%, 78.7% 99.5%, 78.3% 99.8%, 78.6% 100%, 73.3% 99%, 25.7% 97.8%, 25.1% 97.2%, 22.2% 97.8%, 20.9% 99.3%, 16.3% 98.4%, 13.5% 97.1%, 12.1% 97.1%, 12.4% 96.7%, 10.9% 96.7%, 11.3% 97.5%, 8.7% 98.4%, 3.8% 97.8%, 9.8% 96.7%, 3.4% 96.7%, 3% 97.4%, 2.6% 96.9%, 2.9% 96.7%, 2.6% 96.7%, 2.6% 95%, 2.2% 95.2%, 2% 92.6%, 2.6% 90.5%, 1.6% 81.4%, 2.4% 73.4%, 1.3% 67%, 1.3% 64.3%, .6% 65.8%, .4% 65.2%, .1% 65.7%, .9% 56.6%, 1.5% 33.5%, 2.1% 32.5%, 1.4% 27.6%, 0 25.3%, .7% 17.6%, 1.7% 12.6%, 1.8% 10.2%, 2.8% 11.2%, 3.1% 11.8%, 3.5% 11.8%, 4.2% 9%, 4.1% 8.4%, 4.4% 8.3%, 4.9% 8.2%, 5.3% 8%, 4.3% 7.1%);
  padding: 14px 40px;
  min-height: 58px;
  min-width: 224px;
  text-decoration: none;
  font-weight: 800;
  font-size: .9375rem;
  line-height: 1;
  border: 0
}

.cropek {
  min-height: 600px;
  background-size: cover;
  background-position: center;
  background-color: #383d51
}

.cropek::after {
  bottom: 0;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}

.cropek::before {
  top: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.copyright {
  background: #141416;
  text-align: center;
  font-weight: 600;
  padding: .5rem 0;
  color: #000
}

.button_social {
  background: 0 0;
  border: 0
}

.button_social svg,
.button_social svg:hover {
  stroke: #fff;
  height: 40px;
  width: 40px
}

.fadeIn {
  -webkit-transform: translateY(150px);
  transform: translateY(150px);
  -webkit-transition: 1.3s;
  transition: 1.3s
}

.fadeIn.playing {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1
}

.tox-icon svg,
.tox-tbtn svg {
  stroke: transparent;
  stroke-width: 1px
}

.dropdown-menu {
  background: #141416;
  border-radius: 0
}

.dropdown-item {
  padding: 1.5rem
}

.featureTitle,
.feature_block,
.mobile_menu .nav-link {
  color: #fff;
  padding: 1rem
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #cafb42
}

#nav_engine .dropdown:hover .dropdown-menu {
  display: block;
  margin-top: 0
}

.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0)
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown
}

.mobile_menu {
  background: var(--cms_bg);
  max-width: 250px !important
}

.mobile_menu .dropdown-item {
  color: #fff;
  padding: 1rem;
  text-align: left
}

.mobile_menu .dropdown-menu {
  background: 0 0;
  padding: 0 2rem
}

.mobile_menu .dropdown-menu.show {
  display: contents
}

.mobile_menu .dropdown-item:hover {
  background-color: transparent;
  color: var(--cms_global) !important
}

.andro {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}

.scrolled.fadein-1000 {
  -webkit-animation: 1s ease-in-out both fade-in;
  animation: 1s ease-in-out both fade-in
}

.scrolled.fadein-1500 {
  -webkit-animation: 1.5s ease-in-out both fade-in;
  animation: 1.5s ease-in-out both fade-in
}

.scrolled.fadeindown-1000 {
  -webkit-animation: 1s ease-in-out both fade-in-bottom;
  animation: 1s ease-in-out both fade-in-bottom
}

.scrolled.fadeindown-1500 {
  -webkit-animation: 1.5s ease-in-out both fade-in-bottom;
  animation: 1.5s ease-in-out both fade-in-bottom
}

.scrolled.fadeindown-2000 {
  -webkit-animation: 2s ease-in-out both fade-in-bottom;
  animation: 2s ease-in-out both fade-in-bottom
}

.scrolled.fadeindown-2500 {
  -webkit-animation: 2.5s ease-in-out both fade-in-bottom;
  animation: 2.5s ease-in-out both fade-in-bottom
}

.scrolled.slideleft-1000 {
  -webkit-animation: 1s ease-in-out both slide-in-left;
  animation: 1s ease-in-out both slide-in-left
}

.scrolled.slideright-1000 {
  -webkit-animation: 1s ease-in-out both slide-in-right;
  animation: 1s ease-in-out both slide-in-right
}

.scrolled.slideright-1500 {
  -webkit-animation: 1.5s ease-in-out both slide-in-right;
  animation: 1.5s ease-in-out both slide-in-right
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
  }
}

@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 30px #212529 inset !important;
  -webkit-transition: background-color 5000s ease-in-out;
  transition: background-color 5000s ease-in-out
}

.hero_body {
  margin: auto;
  z-index: 100
}

.hero_video {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.header_hero {
  height: 100vh
}

.title {
  color: #fff;
  font-size: 6rem;
  line-height: 6rem;
  word-wrap: break-word;
  font-weight: 900
}

.header_hero .overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgb(0 0 0 / 56%);
  left: 0;
  top: 0
}

.btn_app:hover {
  color: #fff !important
}

.header_hero .paragraph {
  font-weight: 400;
  font-size: 18px
}

h1 {
  font-size: 25px
}

.feature_case {
  min-height: 500px;
  border-right: 1px solid rgba(255, 255, 255, .2)
}

.feature_case .feature_img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  min-height: 500px
}

.feature_block {
  z-index: 10;
  border: 1px solid rgba(255, 255, 255, .2);
  width: 100%;
  background: var(--cms_global);
  max-height: 100px;
  min-height: 100px;
  font-size: 14px;
  overflow: hidden;
  text-align: center
}

.featureTitle {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 2rem;
  -webkit-transition: .15s;
  transition: .15s;
  font-weight: 500;
  background: #000000a8
}

.feature_big {
  position: relative;
  min-height: 60vh;
  background-size: cover !important;
  border-bottom: 3px solid #58703d;
  background-position: center !important
}

.leftgradient,
.rightgradient {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 0
}

.feature_big .parallaxblock {
  position: relative;
  z-index: 1;
  max-width: 480px;
  padding: 10rem 0
}

.feature_big .parallaxblock h3 {
  color: #fff;
  font-size: 5rem;
  line-height: 5rem;
  font-weight: 800
}

.feature_big .parallaxblock p {
  color: #fff;
  font-size: 18px;
  -webkit-transition: .15s;
  transition: .15s;
  font-weight: 200
}

.leftgradient {
  background: linear-gradient(259deg, rgba(2, 0, 36, 0) 0, #141416d9 78%, #141416 100%)
}

.rightgradient {
  background: linear-gradient(-259deg, rgba(2, 0, 36, 0) 0, #141416d9 78%, #141416 100%)
}

@media (max-width:1000px) {
  .title {
    font-size: 2rem !important;
    line-height: 2rem !important;
    word-wrap: break-word
  }

  .feature_case,
  .feature_img {
    min-height: 100px !important
  }

  .parallaxblock {
    margin: auto !important;
    text-align: center
  }

  .feature_big .parallaxblock h3 {
    font-size: 3rem;
    line-height: 3rem
  }
}

.titlepage {
  color: #dcdcdc;
  font-size: 3rem;
  line-height: 3rem;
  -webkit-transition: .15s;
  transition: .15s;
  font-weight: 500
}


/* Modal completo */
.big-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  animation: fadeInOverlay 0.4s ease forwards;
}

/* Animación entrada */
@keyframes fadeInOverlay {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* Contenido del modal */
.big-modal-content {
  position: relative;
  background: linear-gradient(17deg, #58703d, #58703d);
  color: white;
  margin: 8% auto;
  padding: 40px;
  border-radius: 20px;
  width: 90%;
  max-width: 500px;
  text-align: center;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.8);
  animation: zoomIn 0.3s ease-out;
}

/* Animación suave al aparecer */
@keyframes zoomIn {
  from { transform: scale(0.8); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

/* Botón cerrar */
.modal-close {
  position: absolute;
  top: 15px;
  right: 20px;
  font-size: 28px;
  color: #fff;
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s ease;
}

.modal-close:hover {
  transform: scale(1.2);
  color: #f55;
}

/* Botones de servidores */
.modal-buttons a {
  display: inline-block;
  margin: 10px;
}

/* Botón estilizado */
.button2 {
  background-color: #58703d;
  color: #000000;
  padding: 12px 26px;
  border: none;
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: bold;
  box-shadow: 0 0 12px #000;
  transition: background-color 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}

.button2:hover {
  background-color: white;
	color: #000000;

}