/* LIGHT MODE */
html {
 scroll-behavior: smooth;
 }

body { background-color: #f8f8f8!important; scroll-behavior: smooth; } /*e8e8e8*/

.font-style-fam { font-family: "Jockey One", sans-serif;
  font-weight: 400; font-style: normal; font-size: 40px!important; }

/*.bg-navbar { background-color: #f4f4f4!important; }*/

/* SITE COLORS */

a:hover { color: #000!important; text-decoration: none!important; }

.ts-nav-bg { background-color: #353b50!important; }

.ts-btn-out { background-color: transparent!important; box-shadow: none!important; color: #555; border: none;
outline: none; font-size: 15px;  font-weight: 600; }
.ts-btn-out:hover { color: #000; text-decoration: underline; }

.pass-eye { width: 40px; height: 110px; line-height: 110px; text-align: center; margin-left: -40px;
  position: relative; z-index: 1; float: right; font-size: 20px; color: #74A5E0!important; cursor: pointer; }

.VIpgJd-ZVi9od-ORHb-OEVmcd, .skiptranslate, .VIpgJd-ZVi9od-ORHb { visibility: hidden!important; }

.text-reset:hover { font-size: 16px!important; }
.index-product-link:hover i { font-size: 3rem!important; }

.system-info, .tokens-info, .social-net-info, .affiliate-pro-info { background-color: #fff!important; 
	color: #555!important; }
.info-card { color: #555; }
.theme-text { color: #74A5E0; }

.info-card p { padding: 0!important; margin: 5px 0!important; }
.rules-a a { padding: 0px 20px!important; display: inline-block; vertical-align: middle; line-height: 1; }
.rules-a { padding: 0; margin: 0; margin-left: -20px; }
footer { background-color: #fff!important; }
.dark-txt { color: #555; }

.line { width: 70px; margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 5px solid #74A5E0; }

.ts-index-product-item { background-color: #fff!important; padding: 0; color: #555!important; }
.index-product-link { display: block; width: 100%; height: 100%; padding: 20px 10px; color: #555!important; }
.index-product-link:hover { background-color: #fcfcfc!important; text-decoration: none!important; }
.index-product-link i { color: #74A5E0!important; }
.index-product-details-btn { border: 1px solid #eee; padding: 5px; width: 100px; margin: 0 auto; }
.vr {
    --mdb-divider-width: 2px;
    --mdb-divider-bg: var(--mdb-divider-color);
    --mdb-divider-opacity: 1;
    width: var(--mdb-divider-width);
    background-color: var(--mdb-divider-bg);
    opacity: var(--mdb-divider-opacity);
}

.vr-blurry {
    --mdb-divider-blurry-vr-bg-image: linear-gradient(180deg, transparent, var(--mdb-divider-blurry-color), transparent);
    --mdb-divider-blurry-vr-width: 1px;
    --mdb-divider-blurry-opacity: 0.25;
    background-image: var(--mdb-divider-blurry-vr-bg-image);
    width: var(--mdb-divider-blurry-vr-width);
    opacity: var(--mdb-divider-blurry-opacity);
}

:root {
    --mdb-divider-color: #eee;
    --mdb-divider-blurry-color: hsl(0, 0%, 40%);
}

/*.vegas-content-scrollable { background: -webkit-linear-gradient(50deg,rgba(116,184,255,.6),rgba(87,79,240,.6))!important;
    background: -o-linear-gradient(50deg,rgba(116,184,255,.6),rgba(87,79,240,.6))!important;
    background: linear-gradient(40deg,rgba(116,184,255,.6),rgba(87,79,240,.6))!important; }*/

.vegas-content-scrollable { background-color: rgba(0,0,0,0.7)!important; }


.ts-btn-theme { background: -webkit-linear-gradient(50deg,rgba(116,184,255,1),rgba(87,79,240,1));
    background: -o-linear-gradient(50deg,rgba(116,184,255,1),rgba(87,79,240,1));
    background: linear-gradient(40deg,rgba(116,184,255,1),rgba(87,79,240,1));
 color: #fff!important; }
 .ts-outline-btn { border-color: #fff!important; padding:0; border-radius: 10px; color: #fff!important; }
 .ts-outline-btn:hover a { color: #000!important; }
 .ts-outline-btn:hover { background-color: #fff!important; color: #000!important; }

 .scroll-down { position: absolute; z-index: 500;
  transition: transform 0.5s 1.5s, opacity 0.3s 1.7s, z-index 0.5s 1.5s;
  font-size: 14px; text-transform: uppercase; bottom: -6rem;
  left: calc(50% - 5rem); color: #eee; width: 10rem; text-align: center;
}
.scroll-down.removed { transform: translateY(-20rem); opacity: 0; z-index: -10;
  transition: transform 0.5s, opacity 0.3s 0.2s, z-index 0.5s;
}
.scroll-down:after { content: ""; position: absolute; display: block;
  bottom: -2rem; left: calc(50% - 1rem); width: 2rem; height: 2rem;
  border: 0.5rem solid #fff; border-left: none; border-top: none;
  transform-origin: 50% 50%; transform: rotate(45deg);
  -webkit-animation: arrowMove 1.2s infinite;
          animation: arrowMove 1.2s infinite;
}

@-webkit-keyframes arrowMove {
  to {
    transform: rotate(45deg) translateY(2rem) translateX(2rem);
    opacity: 0;
  }
}

@keyframes arrowMove {
  to {
    transform: rotate(45deg) translateY(2rem) translateX(2rem);
    opacity: 0;
  }
}
@-webkit-keyframes navArrowMove {
  to {
    transform: translateX(2rem);
    opacity: 0;
  }
}
@keyframes navArrowMove {
  to {
    transform: translateX(2rem);
    opacity: 0;
  }
}


.ts-login-btn { width: 100%; color: #fff!important;
margin-top: 25px; border-radius: 10px; box-shadow: none;
background: -webkit-linear-gradient(50deg,#45cafc,#303f9f)!important;
    background: -o-linear-gradient(50deg,#45cafc,#303f9f)!important;
    background: linear-gradient(40deg,#45cafc,#303f9f)!important; }
.ts-login-btn:hover { box-shadow: 0 6px #ccc; }

#id_sp { display: none!important; }

/*.ts-btn-out { width: 100%; text-align: center; background-color: transparent!important; 
	box-shadow: none!important; color: #747474; border: none; outline: none; font-size: 15px; 
	font-weight: 600; border-bottom: 1px solid #747474; line-height: 0em; margin: 10px 0 20px; }
.ts-btn-out:hover { color: #000; }

.ts-btn-out span { padding: 0 10px; background-color: #f4f4f4; }*/


/*i.fafix5 { margin-top: 5px!important; color: #747474!important; }*/


.gtranslate_wrapper { position: absolute; top: 16px; }
.gt_float_switcher .gt-selected .gt-current-lang { padding: 2px!important; }
.gt_float_switcher img { width: 20px!important; }
.gt-lang-code { font-size: 16px!important; color: #fff!important; }
.gt_float_switcher .gt-selected, .gt_float_switcher, .notranslate { background-color: transparent!important;
box-shadow: none!important; }
.gt_options, .gt-open { background-color: #fff!important; }
.nturl { font-size: 16px!important; }




.ts-fcc { border: 2px solid #747474; border-radius: 10px; }

#ekran_mod { height: 300px!important; }
/*#reg_wind, #regform*/
#reg_log { color: #fff!important; }

.ts-mdl-head-bg { background-color: #74A5E0!important; color: #fff!important; font-weight: bold!important; }
.ts-mdl-head-bg-2 { background-color: #f4f4f4!important; color: #000!important; font-weight: bold!important;
border-bottom: 1px solid #ddd; }

.navbar { box-shadow: none; }

.ts-cf { width: 80%!important; }
@media (max-width: 1366px) { .ts-cf { width: 100%!important; } }

.ts-info-field { border-left: 5px solid #d9534f; padding: 5px 10px; color: #555; }
.ts-info-field i { color: #d9534f; }
.font-color { color: #fff; }

#lb_name, #lb_sn, #lb_log, #lb_pass, #lb_email { margin-bottom: 0!important; font-weight: bolder; }
#sec_pass { margin: 2px 0 10px 0; padding: 6px 8px; background-color: #74A5E0; color: #fff; }
#captcha { margin: 0 auto; padding: 10px; color: #000; width: 80%; background-color: #eee; text-align: center;
border: 1px solid #ddd; }
#myres, .c1 { background-color: #74A5E0!important; color: #000!important; font-size: 16px!important; outline: none; border: none; }
.c1 { padding: 5px 10px!important; }

#myres { width: 40px!important; text-align: center; font-weight: 600; }

.ts-btn, .ts-login-btn { background-color: #74A5E0!important; }
.ts-btn-2 { background-color: transparent!important; }
.ts-btn-icon { color: #74A5E0; }
.btn-outline-fix { border-color: #fff!important; color: #fff!important; }
.ts-menu-btn { color: #fff!important; margin-top: 5px; }
.navbar-toggler:hover { background-color: transparent!important; }
.navbar-toggler:active { background-color: transparent!important; }
.navbar-toggler:focus { background-color: transparent!important; }
.navbar-toggler:hover .ts-menu-btn { color: #74A5E0!important;  }
.clr-text-form-3:hover { color: #74A5E0!important; }
.ts-text-default { color: #000!important; }

.close { background-color: #fff!important; box-shadow: none!important;  }

.navbar.scrolling-navbar.top-nav-collapse {
  background-color: #74A5E0!important; transition: .3s; /*353b50*/
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
}

.ts-icon-index { background-color: #74A5E0!important; }
.ts-icon-index i { color: #353b50!important; }
.ts-block-bg { background-color: #74A5E0!important; }

.ts-sider-font-color { color: #fff!important; }
@media (max-width: 576px) { .ts-sider-font-color { color: #000!important; } }
@media (max-width: 768px) { .ts-sider-font-color { color: #000!important; } }
@media (max-width: 992px) { /*.ts-sider-font-color { color: #000!important; }*/ }

.ts-text-color { color: #252525!important; }

.ts-btn { color: #fff!important; box-shadow: none; border-radius: .3em; border-radius: .3em; }
.ts-btn a  { color: #fff!important; }
.ts-btn:hover { background-color: #8DB3E2!important; color: #fff!important; font-weight: normal; }
.ts-btn-icon { background-color: transparent; box-shadow: none;  }
.ts-btn-icon:hover { background-color: transparent; box-shadow: none; color: #8DB3E2;  }

.btn-outline-fix:hover { color: #8DB3E2!important; border-color: #8DB3E2!important; }
.btn-outline-light:focus { color: #8DB3E2!important; border-color: #8DB3E2!important; }

.bg-primary { background-color: #74A5E0!important; color: #fff; } /*353b50*/

.ts-block, .ts-block1 { background-color: #eee; border: 1px solid #ccc; border-radius: 15px; min-height: 280px!important;  }
.ts-block p, .ts-block1 p {  text-align: left; padding: 0 20px; }
.ts-block h5, .ts-block1 h5 {  font-weight: 600!important; }
.ts-block { box-shadow: 0px -15px 10px -4px rgba(0, 0, 0, 0.5)!important; }
.ts-block1 { box-shadow: 0px 0px 5px -4px rgba(0, 0, 0, 0.5)!important; }
.video-btn-slide-8 { margin-top: 20px!important; }

@media (max-width: 576px) { .ts-block, .ts-block1 { box-shadow: none!important; } }

.ts-dropdown-item { color: #000; font-weight: normal!important; }
.ts-dropdown-item { border-bottom: 1px solid #ddd; }
.ts-dropdown-item:hover { text-decoration: none; font-weight: normal; color: #fff; background: #74A5E0; }

.clr-text-form-3 { color: #74A5E0; }

.btn-send { background-color: #74A5E0; }

.rules-block { border-bottom: 1px solid #ddd; }

.ts-font-color, .ts-text { color: #000!important; }
.ts-font-color1, .lang-block li a { color: #000!important; }
  .lang-block li { border-bottom: 1px solid #ddd; }


/* ^^^ SITE COLORS */

.a-fix a:hover { background-color:#fff!important; color: #000!important; }
.a-fix a{ background-color:#f4f4f4!important; color: #000; margin: 1px 0; font-size: 16px; border: 1px solid #bbb; }

/*.navbar { background-color:#f4f4f4!important; }*/
.menu-brdr-clr { border-bottom: 1px solid #bbb; }
.footer-text, .clr-text, .clr-text-3, .nav-link, .brand-text, .i-clr i, .title-nav-icons, 
.title-nav-icons i { color: #000!important; }
.nav-btn-fix { color: #fff; }
.nav-btn-fix:hover { background-color: #f80c35; }
.card { background-color:#f4f4f4!important; }
.side-block { background-color: #f4f4f4!important; }
.user-name { color:#969696!important; }
.dropdown-menu { background: #f4f4f4; }
/*.dropdown-item { border-bottom: 1px solid #ddd; }*/
hr { color: #bbb; }

.container1 { width: 100%; }
.container1 { background-color:#fff!important; border-radius: .3em; }
.page-title { color: #000; }
.footer-clr { background: #f4f4f4; }
.footer-txt { color: #000; }

.members-link { display: block; color: #fff!important; margin-right: 15px; font-size: 20px!important; border-radius: .3em; }
.members-link:hover { color: #f4f4f4!important; }
.ts-btn-transparent { background:transparent!important; color: #fff!important; box-shadow: none; }
.ts-btn-transparent:hover { color: #f4f4f4!important; }

.members-text { display: none; }
.members-link:hover .members-text { display: inline-block; }

/*----------------------- INDIVIDUAL -- INDEX --------------------------*/

.front, .back { background: #f4f4f4!important; }

.nav-item { margin-top: 5px; margin-right: 5px; }

.text-dm { text-decoration: none!important; color: #000!important; }

.brand-clr { color: #fff!important; font-size: 25px; }

.btn-theme-clr { color: #202020; }

.clr-text-form, .clr-text-form label { color: #74A5E0!important; }
.clr-text-form-1 { color: #474747; }
.clr-text-form-2 { color: #000; }



.modal-body { background: #f4f4f4!important; }
.modal-content { background: #f4f4f4!important; }
.modal-footer { background: #e8e8e8!important; }

.span-modal-txtclr { color: #969696; }

.form-control-colors, .form-control-colors-2, .close, .fafixREG, .fafixREG2  { color: #000!important; }
.form-control-colors:focus { color: #000; }

.ts-mb-reg { background-color: rgba(255,255,255,0.1)!important; }
.form-control-colors, .form-control-colors-2 { padding: .375rem .75rem!important; border: 1px solid #ced4da!important;
	  font-size: 1rem; font-weight: 400; line-height: 1.5; }
	  .d-flex { padding: 0!important; }
	  #my_name, #my_sename { width: 100%!important; }
	  #my_name { margin-right: 10px!important; }
	  
	  i.fafixREG { width: 40px; height: 100px; line-height: 100px; text-align: center; margin-right: -40px;
  position: relative; z-index: 1; float: left; font-size: 20px; }
  i.fafixREG + input, i.fafixREG2 + input { padding-left: 47px!important; }
  i.fafixREG2 { width: 40px; height: 39px; line-height: 39px; text-align: center; margin-right: -40px;
  position: relative; z-index: 1; float: left; font-size: 20px; margin-top: 7px; }

  i.fafix5 + input { padding-left: 47px!important; }
  i.fafix5 { color: #555!important; }

  .clr-fix-sponsor { color: #000!important; }

    .ts-padding { padding: 0.375rem 2.8rem!important; }

 
 button.ts-reg-btn-2:disabled,
button.ts-reg-btn-2[disabled]{
  border: 1px solid #000!important;
  background-color: #ccc!important;
  color: #000!important;
}/

.ts-reg-btn-2 { color: #fff!important; font-weight: 500!important;
	background-color: -webkit-linear-gradient(50deg,#45cafc,#303f9f)!important;
    background-color: -o-linear-gradient(50deg,#45cafc,#303f9f)!important;
    background-color: linear-gradient(40deg,#45cafc,#303f9f)!important; }

.form-control-colors-2:focus { color: #000; background: #eee; }

.checkbox-fix { border-color: #000; }


@media screen and (max-width: 600px) {
  .mrgn-tp {
    margin-top: 150px;
  }
}


#reg_read1 { color: #000!important; }



/* CONTACT US */

.ts-btn-outline { border-color: #74A5E0!important; color: #fff!important; }
.ts-btn-outline:hover {  border-color: #d8dfeb; color: #fff!important; }

.accordion-button, .accordion-body  { background-color: #f4f4f4!important; color: #202020; }
.accordion-item {  border-color: #ddd!important; }
.accordion-button { fill: black!important; }

.accordion-button::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/></svg>");
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-circle' viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>");
}


.accordion-button, .accordion-button:not(.collapsed)::after {
		color: #000!important; font-weight: bolder;
	}

	.text-primary, .ts-transparent-block { background-color: rgba(0,0,0,0.5)!important; padding: 0px 10px; }

	.ts-a-link { color: #74A5E0!important; }
	.ts-contact-info { background-color: #f7f7f7!important; }
	.ts-a-link span:hover { color: #74A5E0!important; }
	.ts-bg-block { background-color: #e9e9e9; }

	.info-card { width: 80%!important; }


	@media (max-width: 576px) { 
	.ts-bg-block { background-color: none!important; } 
	.text-primary, .ts-transparent-block { background-color: transparent!important; }
	.enter-code-w { width: 42%!important; } 
	.captcha__image-reload { width: 42%!important; }
	.btn-fix { width: 42%!important; }
	/*.form-result { width: 40%!important; }*/
	.tci { width: 100%!important }
	.cf { width: 90%!important; }
	.map-container { margin-top: 20px!important; }
	.img-d-none-mobile { display: none!important; }
	.info-card { width: 100%!important; }
	.rules-a a { margin-bottom: 12px!important; }
}

	@media (max-width: 391px) { 
	.ts-bg-block { background-color: none!important; } 
	.text-primary, .ts-transparent-block { background-color: transparent!important; }
	.enter-code-w { width: 50%!important; } 
	.captcha__image-reload { width: 51%!important; }
	.btn-fix { width: 50%!important; }
	.ts-reg-btn-2 { margin-left: 0!important; }
	/*.form-result { width: 48%!important; }*/
	.tci { width: 100%!important }
	.cf { width: 90%!important; }
	.img-d-none-mobile { display: none!important; }
	.info-card { width: 100%!important; }
	.rules-a a { margin-bottom: 12px!important; }
}

@media (max-width: 768px) { 
	.ts-bg-block { background-color: none!important; } 
	.tci { width: 90%!important } 
	.info-card { width: 90%!important; }
	.rules-a a { margin-bottom: 12px!important; }
	.img-d-none-mobile { display: none!important; }
  .ts-info-field { top: -132px!important; }
}

@media (max-width: 992px) { 
	.ts-bg-block { background-color: none!important; } 
	.info-card { width: 90%!important; }
	.rules-a a { margin-bottom: 12px!important; }
	.img-d-none-mobile { display: none!important; }
}

@media (max-width: 500px) { 
  .ts-info-field { top: -110px!important; }
}

@media (max-width: 400px) { 
  .ts-info-field { top: -182px!important; }
}

/*
.accordion-item { background-color: #353535!important; }
*/





.generate-pass-btn:hover { background-color: #668EC4!important; }



/*.form-item:hover .ts-info-field,*/
.pass-hint:focus ~ div.ts-info-field{
  /*opacity: 1;*/
  display: block;
}


.ts-info-field { 

  content: "asd";
  /*opacity: 0;*/
  display: none;
  width: 100%;
  background: #eaedef;
  position: absolute;
  top: -110px; /*136*/
  left: 9px;
  padding: 7px;
  border: solid 1px #CCC;
  font-size: 14px!important;
  font-weight: bold;
  color: #555;
  border-radius:7px 7px 7px 0;
  transition: display 0.4s;
  box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.05);
  z-index: 1;
 }

.ts-info-field i { font-size: 16px; }
.ts-info-field-list { margin: 5px 0!important; }



.field__rules {
  -moz-column-count: 2;
       column-count: 2;
  padding: 5px;
  font-size: 14px;
  margin: 5px 0!important;
  list-style: none;
}
.field__rules > li {
  display: flex;
  align-items: center;
  padding: 3px 0;
  color: rgba(17, 17, 17, 0.6);
  transition: 0.2s;
}
.field__rules > li::before {
  content: "✔";
  display: inline-block;
  color: #d9534f;
  font-size: 1em;
  line-height: 0;
  margin: 0 6px 0 0;
  transition: 0.2s;
}
.field__rules > li.pass {
  color: #111;
}
.field__rules > li.pass::before {
  color: #2B93D9;
  text-shadow: 0 0 8px currentColor;
}

.mdl-bg { background: rgba(0,0,0,0.8)!important; }