/*
Theme Name: cfo-best
Author: Konstantin Semenenko

*/
html, body {
  padding: 0;
  margin: 0;
  font-family: Cantarell,Noto Sans,sans-serif;
  font-weight: 400;
  font-style: normal;
  font-variant: normal;
  font-size: 16px;
  letter-spacing: 1px; }

*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

*, *:focus, *:hover {
  outline: none; }

img {
  max-width: 100%; }

.cover {
  object-fit: cover; }

.container {
  margin-left: auto;
  margin-right: auto; }

.fl {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }

.row > div {
  flex-grow: 1; }

.cfl > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center; }

.cfl > div > div {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-self: flex-start; }

.v_xxl, .v_xl, .v_lg, .v_md, .v_sm, .v_xs {
  display: none; }

.h_xxl, .h_xl, .h_lg, .h_md, .h_sm, .h_xs {
  display: block; }

.c1 {
  flex-basis: 8.3333%; }

.c2 {
  flex-basis: 16.6666%; }

.c3 {
  flex-basis: 25%; }

.c4 {
  flex-basis: 33.3333%; }

.c5 {
  flex-basis: 41.6666%; }

.c6 {
  flex-basis: 50%; }

.c7 {
  flex-basis: 58.3333%; }

.c8 {
  flex-basis: 66.6666%; }

.c9 {
  flex-basis: 75%; }

.c10 {
  flex-basis: 83.3333%; }

.c11 {
  flex-basis: 91.6666%; }

.c12 {
  flex-basis: 100%; }

.j_c {
  justify-content: center; }

.j_sb {
  justify-content: space-between; }

.j_sa {
  justify-content: space-around; }

.j_fs {
  justify-content: flex-start; }

.j_fe {
  justify-content: flex-end; }

.va_c {
  align-self: center !important; }

.va_s {
  align-self: stretch !important; }

.va_t {
  align-self: flex-start !important; }

.va_b {
  align-self: flex-end !important; }

.ta_j {
  text-align: justify; }

.ta_c {
  text-align: center; }

.ta_l {
  text-align: left; }

.ta_r {
  text-align: right; }

.w100 {
  width: 100%; }

.m0 {
  margin: 0; }

.m1 {
  margin: 1%; }

.m2 {
  margin: 2%; }

.m3 {
  margin: 3%; }

.m4 {
  margin: 4%; }

.m5 {
  margin: 5%; }

.vm {
  margin: 15px 0 15px 0; }

.hm {
  margin: 0 15px 0 15px; }

.p0 {
  padding: 0; }

.p1 {
  padding: 1%; }

.p2 {
  padding: 2%; }

.p3 {
  padding: 3%; }

.p4 {
  padding: 4%; }

.p5 {
  padding: 5%; }

.vp {
  padding: 15px 0 15px 0; }

.hp {
  padding: 0 15px 0 15px; }

.cp0 > * {
  padding: 0; }

.cp1 > * {
  padding: 1%; }

.cp2 > * {
  padding: 2%; }

.cp3 > * {
  padding: 3%; }

.cp4 > * {
  padding: 4%; }

.cp5 > * {
  padding: 5%; }

h1, h2, h3, h4 {
  margin-top: 0;
  margin-bottom: 20px;
  color: #343434;
  letter-spacing: 2px; }

@font-face {
  font-family: Helvetica Neue;
  src: url(assets/fonts/HelveticaNeueCyr-Medium.ttf); }

@font-face {
  font-family: OptimalC;
  src: url(assets/fonts/OptimalC.otf); }

html, body {
  font-family: Helvetica Neue; }

h1, h2 {
  font-family: OptimalC;
  font-style: normal;
  font-weight: 400;
  font-size: 44px;
  line-height: 1.5; }

h2 {
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  color: #A55F40;
  margin-bottom: 60px; }

.h2_a {
  color: #A55F40;
  background: -webkit-linear-gradient(#A55F40, #E28051);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.h2_b {
  color: #A55F40;
  background: -webkit-linear-gradient(#A55F40, #F7C473);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.wp-block-image .alignright {
  float: right;
  margin: 0 0 1em 1em; }

.wp-block-image .alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.c6 {
  min-width: 400px; }

.container {
  max-width: 1400px;
  width: 84%; }

.sec {
  padding: 100px 20px 100px 20px; }

.txt {
  font-size: 22px;
  line-height: 1.5; }
  .txt ul {
	padding-left: 15px; }
  .txt p {
	padding: 5px 0px 5px 0px; }

.btn span {
  display: inline-block;
  transform: translate(0, 2px); }
form, form > div {
  display: flex;
  flex-direction: column;
  align-items: center; }

input[type="text"], input[type="password"], input[type="search"], input[type="email"], input[type="phone"], input[type="tel"], textarea, select {
  display: inline-block;
  width: 100%;
  font-size: 1em;
  line-height: 1.42857 !important;
  padding: 6px 12px;
  padding-left: 12px;
  padding-left: 22px;
  color: #FFF;
  background-color: transparent;
  border: 1px solid #FFDF72;
  border-radius: 8px;
  appearance: none;
  box-shadow: none;
  transition: all 0.15s;
  -webkit-box-shadow: none;
  -webkit-appearance: none;
  -webkit-transition: all 0.15s;
  -o-transition: all 0.15s; }

.btn, [type="submit"], button {
  position: relative;
  display: inline-block;
  width: fit-content;
  margin: 20px;
  padding: 12px 20px 12px 20px !important;
  font-size: 16px;
  font-weight: bold;
  color: #FFF;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  text-decoration: none;
  background: linear-gradient(to right, #A55F40, #E28051);
  border: none;
  border-radius: 8px;
  appearance: none;
  transition: all 0.3s ease-out !important;
  -webkit-appearance: none;
  -webkit-transition: all 0.3s ease-out !important; }

.btn:hover, [type="submit"]:hover, button:hover {
  color: #FFF;
  background: linear-gradient(to right, #E28051, #A55F40); }

.wpcf7 input {
  width: 230px;
  margin: 2% 0 0 1%; }

.wpcf7 {
  text-align: center; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer; }
.fade {
  animation: fadein 3s;
  -moz-animation: fadein 3s;
  /* Firefox */
  -webkit-animation: fadein 3s;
  /* Safari and Chrome */
  -o-animation: fadein 3s;
  /* Opera */ }

@keyframes fadein {
  from {
	opacity: 0; }
  to {
	opacity: 1; } }

@-moz-keyframes fadein {
  /* Firefox */
  from {
	opacity: 0; }
  to {
	opacity: 1; } }

@-webkit-keyframes fadein {
  /* Safari and Chrome */
  from {
	opacity: 0; }
  to {
	opacity: 1; } }

@-o-keyframes fadein {
  /* Opera */
  from {
	opacity: 0; }
  to {
	opacity: 1; } }
header .container {
  /*
		width: 95%;
		max-width: 95%;
	*/ }

.topbg {
  background-color: #1D1D1C;
  background-image: url(assets/images/image_bg.jpg);
  background-size: cover; }

#minitop {
  min-height: 200px;
  padding-top: 20px;
  font-size: 20px; }
  #minitop h1 {
	color: #fff; }

#header_swiper {
  width: 100%;
  height: 50vh; }

#section_top {
  min-height: 100vh;
  padding-bottom: 40px;
  background-image: url(assets/images/image_bg.jpg);
  background-size: cover; }
  #section_top .container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%; }
  #section_top .c7 {
	display: flex;
	flex-direction: column;
	align-items: flex-start; }
  #section_top .logo {
	margin-top: 15%;
	margin-bottom: 10%;
	max-width: 450px; }
  #section_top .title {
	max-width: 670px; }
	#section_top .title h1, #section_top .title h2 {
	  font-style: normal;
	  color: #fff; }
	#section_top .title h1 {
	  font-weight: normal;
	  font-size: 44px; }
	#section_top .title h2 {
	  font-family: Helvetica Neue;
	  font-weight: bold;
	  font-size: 22px; }

#winbg {
  background-image: url(assets/images/bg-win.jpg);
  background-size: cover;
  text-align: center; }
  #winbg h1 {
	font-weight: normal;
	font-size: 44px;
	color: #fff; }
  #winbg .logo {
	margin-bottom: 10%;
	max-width: 450px; }
  #winbg .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%; }
  #winbg .title {
	max-width: 1096px; }
	#winbg .title h1, #winbg .title h2 {
	  font-style: normal;
	  color: #fff; }
	#winbg .title h1 {
	  font-weight: normal;
	  font-size: 44px; }
	#winbg .title h2 {
	  font-family: Helvetica Neue;
	  font-weight: bold;
	  font-size: 22px; }
  #winbg .btn {
	margin-top: 5%;
	margin-bottom: 10%; }
footer {
  background-color: #0E1214;
  color: #fff;
  padding-top: 30px; }
  footer .container:first-child {
	border-bottom: 2px solid #A55F40;
	padding-bottom: 20px; }
  footer .container:last-child {
	padding-top: 20px;
	padding-bottom: 20px; }
  footer h1, footer h2, footer h3, footer h4 {
	color: #fff; }
  footer p {
	padding-bottom: 10px; }
  footer a {
	color: #FFF;
	text-decoration: none; }
  footer a:hover {
	text-decoration: underline; }
  footer .container > div:nth-child(2) {
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding-top: 130px; }
	footer .container > div:nth-child(2) div {
	  width: max-content;
	  display: flex;
	  justify-content: start;
	  line-height: 24px;
	  margin-right: 8px;
	  margin-left: 8px; }
	  footer .container > div:nth-child(2) div i {
		margin-right: 8px; }
  footer .container > div:nth-child(3) {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-top: 120px;
	padding-left: 30px; }
  footer .c3, footer .c4 {
	min-width: 280px; }
  footer ul {
	padding-left: 15px; }
	footer ul li {
	  line-height: 30px; }
  footer .icon {
	display: block;
	width: 35px;
	height: 35px;
	background-size: contain; }
  footer .s24 {
	width: 24px;
	height: 24px; }
  footer .site {
	background-image: url(assets/images/site.png); }
  footer .email {
	background-image: url(assets/images/email.png); }
  footer .viber {
	background-image: url(assets/images/viber.png); }
  footer .telegram {
	background-image: url(assets/images/tg.svg); }
  footer .youtube {
	background-image: url(assets/images/yt.svg); }
  footer .facebook {
	background-image: url(assets/images/fb.svg); }
#page {
  padding: 20px;
  min-height: 58vh; }
  #page h1, #page h2 {
	text-transform: uppercase; }
  #page h2 {
	margin-top: 1.5em;
	margin-bottom: 0.5em; }
  #page li {
	padding: 5px 0 5px 0; }
#page .entry-date {
  font-size: 13px;
  padding-bottom: 25px; }
  #page .entry-date i {
	margin-right: 5px; }
#about {
  background-color: #FFF; }
  #about .txt {
	color: #1E262D;
	font-weight: bold;
	text-align: center;
	max-width: 780px;
	padding-bottom: 50px; }
  #about .c3 {
	display: flex;
	justify-content: center; }

.sqr {
  display: flex;
  align-items: self-end;
  padding: 25px 20px 25px 20px;
  width: 260px;
  height: 236px;
  border-radius: 8px;
  background-size: cover;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  line-height: 137.5%;
  text-align: left;
  margin-bottom: 20px; }

.card_a1 {
  background-image: url(assets/images/card_a1.png); }

.card_a2 {
  background-image: url(assets/images/card_a2.png); }

.card_a3 {
  background-image: url(assets/images/card_a3.png); }

.card_a4 {
  background-image: url(assets/images/card_a4.png); }
#why {
  color: #FFF;
  background: url(assets/images/why_bg.png);
  background-size: cover; }
  #why .row {
	display: flex;
	justify-content: space-around; }
  #why .box {
	display: flex;
	flex-direction: column;
	max-width: 360px;
	color: #282828;
	background-color: #F9F9F9;
	border-radius: 8px;
	padding: 20px;
	margin-bottom: 20px; }
	#why .box .num {
	  font-family: OptimalC;
	  display: flex;
	  flex-direction: row; }
	  #why .box .num div:nth-child(1) {
		width: 100%;
		border-top: 2px solid #A55F40;
		margin-top: 28px; }
	  #why .box .num div:nth-child(2) {
		color: #A55F40;
		width: 100px;
		font-size: 44px;
		text-align: center; }
	#why .box h3 {
	  font-size: 20px;
	  margin-bottom: 20px;
	  font-family: OptimalC; }
#faq {
  background-color: #F9F9F9;
  background: url(assets/images/faq_bg.png);
  background-size: cover;
  min-height: 500px;
  color: rgba(0, 0, 0, 0.8); }
  #faq .container {
	text-align: center; }
  #faq ul {
	padding-left: 15px; }

.accordion .accordion-item {
  border-bottom: 2px solid #e5e5e5; }

.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  color: #7288a2;
  font-size: 1.15rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none; }
  .accordion button:hover, .accordion button:focus {
	cursor: pointer;
	color: #7d5624; }
	.accordion button:hover::after, .accordion button:focus::after {
	  cursor: pointer;
	  color: #7d5624;
	  border: 1px solid #7d5624; }
  .accordion button .accordion-title {
	margin-right: 30px;
	display: block; }
  .accordion button .icon {
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 0;
	width: 22px;
	height: 22px;
	border: 1px solid;
	border-radius: 22px; }
	.accordion button .icon::before {
	  display: block;
	  position: absolute;
	  content: '';
	  top: 9px;
	  left: 5px;
	  width: 10px;
	  height: 2px;
	  background: currentColor; }
	.accordion button .icon::after {
	  display: block;
	  position: absolute;
	  content: '';
	  top: 5px;
	  left: 9px;
	  width: 2px;
	  height: 10px;
	  background: currentColor; }

.accordion button[aria-expanded='true'] {
  color: #7d5624; }
  .accordion button[aria-expanded='true'] .icon::after {
	width: 0; }
  .accordion button[aria-expanded='true'] + .accordion-content {
	opacity: 1;
	max-height: max-content;
	transition: all 200ms linear;
	will-change: opacity, max-height; }

.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  text-align: left;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height; }
  .accordion .accordion-content p {
	font-size: 1rem;
	font-weight: 300;
	margin: 10px 0; }
#timer {
  padding-bottom: 0px;
  font-size: 22px;
  background-size: cover; }
  #timer h2 {
	margin: 0;
	margin-bottom: 40px; }
  #timer .txt {
	padding: 50px 0 50px 0; }
	#timer .txt p {
	  padding-bottom: 50px; }
  #timer #block {
	width: min-content;
	height: 182px;
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	border: 2px solid transparent;
	border-radius: 12px;
	background-image: linear-gradient(#0E1214, #0E1214), linear-gradient(171.51deg, rgba(87, 39, 9, 0.62) -19.37%, #BB7F49 -7.52%, #B07543 14.7%, #FFDF72 28.04%, #E9B368 56.19%, #B07543 68.04%, #DCA04B 81.38%, #DCA04B 91.75%, #A06633 109.53%, rgba(87, 39, 9, 0.73) 124.35%);
	background-origin: border-box;
	background-clip: content-box, border-box; }
  #timer .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	align-items: center; }

#countdown {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #F9F9F9;
  width: 545px;
  margin-right: 100px;
  margin-left: 100px;
  border: 2px solid transparent;
  border-radius: 12px;
  background-image: linear-gradient(#0E1214, #0E1214), linear-gradient(171.51deg, rgba(87, 39, 9, 0.62) -19.37%, #BB7F49 -7.52%, #B07543 14.7%, #FFDF72 28.04%, #E9B368 56.19%, #B07543 68.04%, #DCA04B 81.38%, #DCA04B 91.75%, #A06633 109.53%, rgba(87, 39, 9, 0.73) 124.35%);
  background-origin: border-box;
  background-clip: content-box, border-box; }
  #countdown table {
	width: 100%;
	margin: 10px 5% 10px 5%; }
  #countdown td {
	width: 25%;
	position: relative; }
  #countdown .number {
	font-family: OptimalC;
	display: inline-block;
	color: #F9F9F9;
	font-size: 44px;
	padding-top: 0.8rem;
	padding-bottom: 0.8rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-left: 0.1rem;
	margin-right: 0.1rem; }
  #countdown .text {
	font-family: OptimalC;
	font-size: 20px;
	font-weight: normal;
	text-align: center; }
  #countdown .colon {
	font-size: 40px;
	display: inline-block;
	transform: translate(0, 18px);
	position: absolute;
	right: -4px; }
.trigger {
  text-align: center;
  padding: 7px 13px;
  background: #3e3e3e;
  color: #fff;
  font-size: 15px;
  outline: none;
  border: none;
  border-radius: 5px;
  font-family: cursive; }

.modal {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 98;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; }

.modal-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 1rem 1.5rem;
  width: 600px;
  text-align: center;
  border-radius: 0.5rem;
  z-index: 99; }
  .modal-content h2 {
	margin-bottom: 20px; }
  .modal-content .nsl-container {
	text-align: center !important; }
  .modal-content input[type="text"] {
	display: inline-block;
	font-size: 1em;
	line-height: 1.42857 !important;
	margin: 20px;
	padding: 6px 12px;
	padding-left: 12px;
	padding-left: 22px;
	color: #4C4C6D;
	background-color: transparent;
	border: 1px solid #A96141;
	border-radius: 8px;
	appearance: none;
	box-shadow: none;
	transition: all 0.15s;
	-webkit-box-shadow: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.15s;
	-o-transition: all 0.15s; }
  .modal-content .phone {
	width: 200px; }
  .modal-content .code {
	width: 100px;
	letter-spacing: 5px;
	font-weight: bold; }
  .modal-content .error {
	color: red; }

.close-button {
  position: absolute;
  right: 15px;
  line-height: 1rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: #15010140;
  font-size: 30px;
  padding: 10px 6px 4px 6px;
  color: #fff; }

.close-button:hover {
  background-color: darkgray; }

.show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; }
#rating {
  background-size: cover; }
  #rating .txt {
	padding: 40px 0px 40px 0px;
	font-weight: bold; }
  #rating .like {
	display: block;
	float: left;
	margin-right: 10px;
	width: 26px;
	height: 26px;
	background-image: url(assets/images/like.svg);
	background-size: contain; }
  #rating .top3 {
	display: flex;
	justify-content: space-around;
	align-items: center;
	color: #F9F9F9;
	min-height: 300px; }
	#rating .top3 hr {
	  border: 1px solid #DDAD65;
	  width: 100%;
	  margin: 15px 0 15px 0; }
	#rating .top3 .name {
	  font-size: 20px;
	  margin-bottom: 10px; }
	#rating .top3 .comp {
	  font-size: 14px; }
	#rating .top3 .val {
	  font-size: 22px;
	  font-weight: bold;
	  line-height: 33px; }
	#rating .top3 .like {
	  width: 33px;
	  height: 33px; }
	#rating .top3 > div {
	  max-width: 400px;
	  border: 2px solid #DCA04B;
	  display: flex;
	  flex-direction: column;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	  background-color: #0E1214;
	  width: 360px;
	  height: 307px;
	  padding: 40px;
	  border-radius: 8px;
	  margin-bottom: 20px; }
	  #rating .top3 > div .num {
		width: 90px;
		height: 90px;
		background-position: center center;
		background-repeat: no-repeat;
		margin-bottom: 15px; }
	#rating .top3 div:nth-child(1) .num {
	  background-image: url(assets/images/top1.png); }
	#rating .top3 div:nth-child(2) .num {
	  background-image: url(assets/images/top2.png); }
	#rating .top3 div:nth-child(3) .num {
	  background-image: url(assets/images/top3.png); }
  #rating .table {
	background-color: #FCF2EE; }
	#rating .table .vote {
	  display: flex;
	  flex-direction: row;
	  justify-content: center;
	  align-items: center;
	  width: 200px;
	  height: 40px;
	  gap: 10px;
	  color: #1E262D;
	  font-size: 16px;
	  line-height: 20px;
	  text-align: center;
	  letter-spacing: 0.07em;
	  text-transform: uppercase;
	  text-decoration: none;
	  border: 2px solid transparent;
	  border-radius: 12px;
	  background-image: linear-gradient(#FCF2EE, #FCF2EE), linear-gradient(171.51deg, rgba(87, 39, 9, 0.62) -19.37%, #BB7F49 -7.52%, #B07543 14.7%, #FFDF72 28.04%, #E9B368 56.19%, #B07543 68.04%, #DCA04B 81.38%, #DCA04B 91.75%, #A06633 109.53%, rgba(87, 39, 9, 0.73) 124.35%);
	  background-origin: border-box;
	  background-clip: content-box, border-box; }
	  #rating .table .vote span {
		transform: translate(0, 2px); }
	#rating .table .vote:hover {
	  background-image: linear-gradient(171.51deg, #FFDF72 28.04%, #E9B368 56.19%); }
	#rating .table .row {
	  border-bottom: 2px solid #DDAD65; }
	  #rating .table .row > div {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 16%;
		padding: 20px 10px 20px 10px; }
	  #rating .table .row > div:nth-child(2) {
		font-weight: bold; }
	  #rating .table .row > div:nth-child(5) {
		font-size: 22px; }
	#rating .table .row:nth-of-type(odd) {
	  background-color: #F6EFEC; }
	#rating .table .row:first-child {
	  text-transform: uppercase;
	  background-color: #0E1214;
	  color: #F9F9F9;
	  font-weight: bold;
	  border-top-right-radius: 8px;
	  border-top-left-radius: 8px; }
	  #rating .table .row:first-child > div {
		font-size: 16px !important; }
	#rating .table .row:last-child {
	  border-bottom-right-radius: 8px;
	  border-bottom-left-radius: 8px; }
#community {
  border-top: 1px solid #0E1214;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.5);
  background-image: url(assets/images/bg-clublink.jpg);
  background-size: cover;
  background-position: bottom; }
  #community .logo {
	position: absolute;
	left: 0; }
  #community .container {
	position: relative; }
	#community .container > div {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  min-height: 230px; }
  #community .c8 {
	padding-left: 10%; }
  #community > div {
	font-family: OptimalC;
	font-size: 32px;
	font-weight: bold;
	color: #A56040; }
#form {
  background-color: #0E1214;
  text-align: center; }

.wpcf7 {
  max-width: 500px;
  padding: 40px 30px 0px 30px;
  border: 1px solid #FFDF72;
  border-radius: 8px;
  color: #fff;
  align-self: center; }
  .wpcf7 p {
	display: flex;
	flex-direction: column; }
  .wpcf7 .wpcf7-text {
	width: 420px;
	padding: 10px 14px 10px 14px;
	margin: 15px 10px 15px 10px; }
  .wpcf7 .wpcf7-submit {
	margin: 30px 10px 40px 10px; }
  .wpcf7 .ajax-loader {
	display: none; }
  .wpcf7 .wpcf7-response-output {
	border-radius: 8px;
	border: 1px solid #5C0009 !important;
	margin: 0px 10px 10px 10px !important; }
#details {
  background-image: url(assets/images/details_bg.png);
  background-size: cover; }
  #details h2 {
	color: #1E262D; }
  #details .small {
	font-size: 16px; }
  #details .c6 {
	padding: 20px; }
  #details #partners {
	text-align: center;
	margin-bottom: 40px; }
	#details #partners h2 {
	  padding: 20px;
	  margin-bottom: 30px; }
	#details #partners img {
	  padding: 20px 50px 20px 50px;
	  border-right: 2px solid #A55F40; }
	#details #partners > div {
	  display: flex;
	  justify-content: center; }
	  #details #partners > div img:last-child {
		border: none; }
#win-info {
  display: flex;
  align-items: center;
  min-height: 500px;
  font-family: OptimalC; }
  #win-info .container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	max-width: 1050px;
	text-align: center;
	color: #9C6246; }
	#win-info .container > div:nth-child(1) {
	  font-size: 32px;
	  font-weight: bold; }
	#win-info .container > div:nth-child(2) {
	  margin-top: 50px;
	  font-size: 24px; }
.gld {
  background-image: url(assets/images/bg-top3.jpg);
  background-size: cover;
  background-position: center; }
  .gld h2 {
	color: #fff; }

.wht {
  background-color: #F9F9F9;
  background: url(assets/images/faq_bg.png);
  background-size: cover; }

#top3, .top3 {
  min-height: 500px;
  text-align: center; }
  #top3 h2, .top3 h2 {
	font-weight: bold;
	font-size: 38px;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); }
  #top3 .row, .top3 .row {
	justify-content: space-between; }
	#top3 .row > div:nth-child(1), .top3 .row > div:nth-child(1) {
	  margin-top: 50px; }
	#top3 .row > div:nth-child(3), .top3 .row > div:nth-child(3) {
	  margin-top: 100px; }
  #top3 .winner, .top3 .winner {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	background: #fff;
	max-width: min-content;
	height: 419px;
	border-radius: 16px;
	border: 5px solid rgba(202, 139, 38, 0.6);
	box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.1);
	padding: 10px; }
	#top3 .winner .star, .top3 .winner .star {
	  position: absolute;
	  right: 0;
	  top: 0;
	  margin: -30px;
	  width: 79px;
	  height: 58px;
	  background-image: url(assets/images/star.png);
	  background-size: cover; }
	#top3 .winner img, .top3 .winner img {
	  object-fit: cover;
	  object-position: top;
	  min-width: 337px;
	  height: 212px;
	  border-radius: 12px;
	  /*
			filter: grayscale(100%);
			*/ }
	#top3 .winner .company, .top3 .winner .company {
	  height: 100px;
	  display: flex;
	  align-items: center;
	  font-size: 20px; }
	#top3 .winner .name, .top3 .winner .name {
	  text-transform: uppercase;
	  font-size: 28px;
	  font-weight: bold;
	  font-family: OptimalC;
	  color: #fff;
	  max-width: min-content;
	  margin-top: -32px;
	  z-index: 1; }
	  #top3 .winner .name i, .top3 .winner .name i {
		display: inline-block;
		font-style: normal;
		padding: 6px 10px 3px 10px;
		border-radius: 7.22px;
		background: linear-gradient(90deg, #946730 0%, #b79148 35%, #ffdd79 47%, #d0b157 58%, #9e743f 100%);
		background-size: 250% 250%;
		animation: gradient 15s ease infinite; }
	#top3 .winner .num, .top3 .winner .num {
	  position: absolute;
	  bottom: 10px;
	  width: 337px;
	  font-size: 30px;
	  color: #BC995C;
	  font-family: OptimalC;
	  font-weight: bold; }
  #top3 .winner:hover, .top3 .winner:hover {
	box-shadow: 1px 1px 20px 0px rgba(255, 255, 255, 0.8); }
	#top3 .winner:hover img, .top3 .winner:hover img {
	  filter: grayscale(0%);
	  transition: filter 1s; }

@keyframes gradient {
  0% {
	background-position: 0% 50%; }
  50% {
	background-position: 100% 50%; }
  100% {
	background-position: 0% 50%; } }
#history {
  min-height: 500px;
  background-image: url(assets/images/bg-top3_2.jpg);
  background-size: cover;
  text-align: center;
  font-weight: bold; }
  #history h2 {
	font-weight: bold;
	font-size: 38px; }
  #history .row {
	justify-content: space-between; }
  #history .winner {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	background: #fff;
	max-width: min-content;
	height: 419px;
	border-radius: 16px;
	border: 5px solid rgba(200, 155, 85, 0.8);
	padding: 10px; }
	#history .winner img {
	  background: #E8E8E8;
	  object-fit: cover;
	  min-width: 337px;
	  height: 212px;
	  border-radius: 12px; }
	#history .winner .company {
	  height: 100px;
	  display: flex;
	  align-items: center; }
	#history .winner .name {
	  text-transform: uppercase;
	  font-size: 28px;
	  color: #fff;
	  max-width: min-content;
	  margin-top: -32px;
	  z-index: 1; }
	  #history .winner .name i {
		display: inline-block;
		font-style: normal;
		padding: 6px 10px 3px 10px;
		border-radius: 7.22px;
		background: linear-gradient(90deg, #946730 0%, #b79148 35%, #d7c07c 47%, #d0b157 58%, #9e743f 100%);
		background-size: 250% 250%;
		animation: gradient 15s ease infinite; }
	#history .winner .num {
	  position: absolute;
	  bottom: 10px;
	  width: 337px;
	  font-size: 30px;
	  color: #BC995C; }
#after-text {
  display: flex;
  align-items: center;
  min-height: 500px;
  background-image: url(assets/images/bg-top3_3.jpg);
  background-size: cover;
  font-family: OptimalC; }
  #after-text .container {
	display: flex;
	justify-content: center;
	max-width: 800px;
	color: #fff;
	text-align: center; }
	#after-text .container > div:nth-child(1) {
	  font-size: 39px; }
	#after-text .container > div:nth-child(2) {
	  margin-top: 50px;
	  font-size: 22px; }
	#after-text .container .btn {
	  margin-top: 50px; }

@media only screen and (max-width:1400px){
.v_xxl {
  display: block; }

.h_xxl {
  display: none; }

.container {
  width: 94%; }
#section_top .logo {
  margin-top: 10%;
  margin-bottom: 5%; }

#section_top .title h1 {
  font-size: 40px; }

#section_top .title h2 {
  font-size: 20px;
  margin-bottom: 30px; }

}

@media only screen and (max-width:1200px){
.v_xl {
  display: block; }

.h_xl {
  display: none; }

h1, h2 {
  font-size: 33px; }

h2 {
  font-size: 26px; }
#section_top .title h1 {
  font-size: 33px; }

#section_top .title h2 {
  font-size: 16px; }
#top3 h2, .top3 h2 {
  font-size: 32px; }

#top3 .container, .top3 .container {
  width: 100%;
  justify-content: space-around;
  align-items: center; }

#top3 .winner, .top3 .winner {
  margin-bottom: 20px; }
  #top3 .winner img, .top3 .winner img {
	max-width: 250px;
	min-width: 100%;
	width: 250px; }
#history h2 {
  font-size: 32px; }

#history .container {
  width: 100%;
  justify-content: space-around;
  align-items: center; }

#history .winner {
  margin-bottom: 20px; }
  #history .winner img {
	max-width: 250px;
	min-width: 100%;
	width: 250px; }

}

@media only screen and (max-width:1100px){
.v_lg {
  display: block; }

.h_lg {
  display: none; }

}

@media only screen and (max-width:960px){
.v_md {
  display: block; }

.h_md {
  display: none; }

h2 {
  font-size: 26px;
  font-weight: bold; }

.container {
  width: 92%; }

.sec {
  padding: 40px 20px 40px 20px; }

.txt {
  font-size: 18px; }
#section_top .row {
  flex-direction: column; }

#section_top .c7 {
  align-items: center;
  text-align: center;
  width: 100%; }

#section_top .title h1 {
  font-size: 26px;
  font-weight: bold; }

#section_top .title h2 {
  font-size: 16px;
  padding-top: 20px; }

#section_top img {
  margin-top: 10%;
  max-width: 200px; }

#minitop .title {
  padding-left: 20px; }
  #minitop .title h1 {
	font-size: 23px; }
  #minitop .title div {
	font-size: 30px;
	line-height: 30px; }
  #minitop .title .subtitle {
	font-size: 20px;
	line-height: 20px; }

#minitop img {
  margin-top: 10%;
  width: 200px; }

#winbg .logo {
  margin-bottom: 15%; }

#winbg .title h1 {
  font-size: 32px;
  font-weight: bold; }

#winbg .btn {
  margin-top: 10%;
  margin-bottom: 30%; }
footer .container > div:nth-child(2) {
  display: flex;
  flex-direction: column;
  padding: 0;
  font-size: 12px;
  padding-left: 20px; }
  footer .container > div:nth-child(2) div {
	margin: 8px; }

footer .container > div:nth-child(3) {
  flex-direction: column;
  align-items: flex-end;
  padding: 0; }
#about h2 {
  margin-bottom: 30px; }

#about .txt {
  padding-bottom: 20px; }

.sqr {
  width: 183px;
  height: 166px;
  font-size: 16px;
  margin-bottom: 5px; }
#why .row {
  justify-content: center; }

#why h2 {
  margin-bottom: 30px; }

#why .txt {
  padding-bottom: 20px; }

#why .box {
  margin-bottom: 20px; }
#faq h2 {
  margin-bottom: 30px; }

#faq .txt {
  padding-bottom: 20px; }
#timer #block {
  height: auto;
  width: 100%;
  padding: 0px;
  border: none; }

#timer #countdown {
  width: 100%;
  margin-right: 0;
  margin-left: 0; }
  #timer #countdown table {
	width: 100%;
	margin: 0; }
  #timer #countdown .number {
	font-size: 25px;
	padding: 3px;
	margin: 12px 10px 0px 10px; }
  #timer #countdown .text {
	font-size: 11px;
	text-align: center;
	margin: 5px; }
  #timer #countdown .colon {
	transform: translate(0, 15px);
	font-size: 22px;
	right: -2px; }
  #timer #countdown .colonright {
	padding-right: 0px; }
.modal-content {
  width: 100%; }
#rating .table {
  font-size: 14px; }
  #rating .table .row:first-child {
	display: none; }
  #rating .table .row:nth-child(2) {
	border-top: 2px solid #DDAD65;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px; }
  #rating .table .row:last-child {
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px; }
  #rating .table .row {
	text-align: center;
	position: relative; }
	#rating .table .row > div {
	  padding: 5px 2px 5px 2px; }
	#rating .table .row > div:nth-child(1) {
	  position: absolute;
	  width: 60px;
	  border: 4px solid transparent;
	  border-radius: 12px;
	  font-size: 18px;
	  color: #fff;
	  background-image: linear-gradient(#B08977, #623620), linear-gradient(171.51deg, rgba(87, 39, 9, 0.62) -19.37%, #BB7F49 -7.52%, #B07543 14.7%, #FFDF72 28.04%, #E9B368 56.19%, #B07543 68.04%, #DCA04B 81.38%, #DCA04B 91.75%, #A06633 109.53%, rgba(87, 39, 9, 0.73) 124.35%);
	  background-origin: border-box;
	  background-clip: content-box, border-box;
	  padding: 0;
	  line-height: 25px;
	  right: 0px; }
	  #rating .table .row > div:nth-child(1) b {
		display: inline-block;
		transform: translate(0, 2px);
		text-shadow: 1px 1px 3px #000; }
	#rating .table .row > div:nth-child(2) {
	  width: 100%;
	  padding-top: 8px;
	  justify-content: left;
	  padding-left: 5px;
	  font-size: 16px; }
	#rating .table .row > div:nth-child(3) {
	  width: 100%;
	  font-size: 12px;
	  justify-content: left;
	  padding-left: 5px; }
	#rating .table .row > div:nth-child(4) {
	  position: absolute;
	  right: 5px;
	  top: 50px;
	  width: 120px; }
	  #rating .table .row > div:nth-child(4) a {
		height: 26px; }
		#rating .table .row > div:nth-child(4) a span {
		  font-size: 12px; }
	#rating .table .row > div:nth-child(5) {
	  justify-content: left; }
#community {
  background-image: url(assets/images/bg-md-clublink.jpg);
  background-size: cover;
  background-position: center; }
  #community .c8 {
	padding-left: 18%; }
  #community > div {
	font-size: 25px; }
#form img {
  display: none; }

#form .wpcf7 {
  padding: 5px; }

#form .wpcf7-text {
  width: 90%; }
#details {
  text-align: center; }
  #details h2 {
	margin: 20px; }
  #details .c6 {
	padding: 0px;
	flex-basis: 100%; }
  #details .txt {
	font-size: 16px; }
  #details #partners h2 {
	padding: 0px; }
  #details #partners img {
	border: none; }
#win-info .container > div:nth-child(1) {
  font-size: 26px; }

#win-info .container > div:nth-child(2) {
  margin-top: 30px;
  font-size: 22px; }
#top3 h2, .top3 h2 {
  font-size: 32px; }

#top3 .container, .top3 .container {
  width: 100%;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center; }
  #top3 .container > div:nth-child(2), .top3 .container > div:nth-child(2) {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1; }
  #top3 .container > div:nth-child(1), .top3 .container > div:nth-child(1) {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2; }
  #top3 .container > div:nth-child(3), .top3 .container > div:nth-child(3) {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3; }

#top3 .winner, .top3 .winner {
  margin-top: 0px !important;
  margin-bottom: 20px; }
  #top3 .winner .star, .top3 .winner .star {
	position: absolute;
	right: 20px;
	top: 0;
	margin: -30px;
	width: 79px;
	height: 58px;
	background-image: url(assets/images/star.png);
	background-size: cover; }
  #top3 .winner img, .top3 .winner img {
	max-width: 307px;
	min-width: 100%;
	width: 307px; }
#history h2 {
  font-size: 32px; }

#history .container {
  width: 100%;
  justify-content: center;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center; }
  #history .container > div:nth-child(2) {
	-webkit-box-ordinal-group: 1;
	-moz-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1; }
  #history .container > div:nth-child(1) {
	-webkit-box-ordinal-group: 2;
	-moz-box-ordinal-group: 2;
	-ms-flex-order: 2;
	-webkit-order: 2;
	order: 2; }
  #history .container > div:nth-child(3) {
	-webkit-box-ordinal-group: 3;
	-moz-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3; }

#history .winner {
  margin-top: 0px !important;
  margin-bottom: 20px; }
  #history .winner img {
	max-width: 307px;
	min-width: 100%;
	width: 307px; }
#after-text .container > div:nth-child(1) {
  font-size: 26px; }

#after-text .container > div:nth-child(2) {
  margin-top: 30px;
  font-size: 22px; }

}

@media only screen and (max-width:780px){
.v_sm {
  display: block; }

.h_md {
  display: none; }

}

@media only screen and (max-width:560px){
.v_xs {
  display: block; }

.h_xs {
  display: none; }

.c6, .c5, .c4, .c3 {
  min-width: 250px; }
#community {
  background-image: url(assets/images/bg-md-clublink.jpg);
  background-size: cover;
  background-position: bottom; }
  #community .container > div {
	justify-content: left;
	min-height: 140px; }
  #community .c8 {
	padding-left: 0;
	padding-top: 160px; }
  #community > div {
	font-size: 26px; }

}