/*# Table of content
 ## DEFAULT CSS
 ## SLIDER ARROWS AND DOTS CSS
 ## BUTTON CSS
 ## BANNER SLIDER
 #*/

:root {
  --cc-white: #ffffff;
  --brand-color: #F6E651;
  --hover-color: #0d5f2b;
  --cc-transition: .5s;
  --banner-transition: 100s;
}

/*===================================
## DEFAULT CSS
===================================*/
.grid {
  display: grid;
}
.flex {
  display: flex;
}
.i_flex {
  display: inline-flex;
}
.wrap {
  flex-wrap: wrap;
}
.block {
  display: block;
}
.none {
  display: none;
}
.i_block {
  display: inline-block;
}
.column {
  flex-direction: column;
}
.jc_left {
  justify-content: flex-start;
}
.jc_center {
  justify-content: center;
}
.jc_right {
  justify-content: right;
}
.jc_between {
  justify-content: space-between;
}
.jc_end {
  justify-content: flex-end;
}
.ai_start {
  align-items: start;
}
.ai_center {
  align-items: center;
}
.ai_end {
  align-items: end;
}
.flex-auto {
  flex: 0 0 auto;
}
.flex-grow-1 {
  flex-grow: 1;
}
.mkp_w_100 {
  width: 100%;
}
.mkp_w_50 {
  width: 50%;
}
.mkp_h_100 {
  height: 100%;
}
.mkp_h_50 {
  height: 50%;
}
.z_index_1 {
  z-index: 1;
}
.oh {
  overflow: hidden;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.gap_10 {
  gap: 10px;
}
.gap_20 {
  gap: 20px;
}
.gap_30 {
  gap: 30px;
}
.mx_auto {
  margin-left: auto;
  margin-right: auto;
}
.box {
  position: relative;
}
.box::before,
.box::after {
  position: absolute;
  content: '';
  transition: .5s;
}
.mkp_overlay {
  position: relative;
  overflow: hidden;
}
.mkp_overlay::before,
.mkp_overlay::after {
  content: '';
  position: absolute;
  z-index: 1;
}
.mkp_overlay::before {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, .5);
}

/**********************************
## SLIDER ARROWS AND DOTS CSS
**********************************/
button.slick-arrow,
.swiper_prev,
.swiper_next {
  width: 50px;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  border: none;
  outline: none;
  cursor: pointer;
  background: var(--brand-color);
  color: var(--cc-white);
  border-radius: 4px;
  position: absolute;
  bottom: calc(50% - 25px);
  z-index: 1;
  transition-duration: var(--cc-transition);
}
button.slick-arrow:hover,
.swiper_prev:hover,
.swiper_next:hover {
  background-color: var(--hover-color);
  color: var(--cc-white);
}
.swiper_prev,
.swiper_next {
  font-size: 20px;
}
button.slick-next.slick-arrow,
.swiper_next {
  right: -77px;
}
button.slick-arrow::before {
  content: "\f054";
  font-family: 'Font Awesome 6 free';
  font-size: 20px;
  font-weight: 900;
}
button.slick-prev.slick-arrow::before {
  content: "\f053";
}
button.slick-prev.slick-arrow,
.swiper_prev {
  right: calc(100% + 25px);
}
ul.slick-dots li button,
.swiper_pagination span {
  width: 16px;
  height: 16px;
  font-size: 0;
  border: none;
  outline: none;
  background-color: var(--hover-color);
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  opacity: 1;
  display: block;
  transition: var(--cc-transition);
}
ul.slick-dots,
.swiper_pagination {
  display: flex;
  justify-content: center;
  gap: 8px;
  align-items: center;
  width: 100%;
  position: absolute;
  bottom: -60px;
  list-style: none;
}
ul.slick-dots li.slick-active button {
  background-color: var(--brand-color);
}
.slick-list {
  margin-left: -12px;
  margin-right: -12px;
}
.slick-slide {
  margin-left: 12px;
  margin-right: 12px;
}

/*======================
## BUTTON CSS
======================*/
.mkp_btn,
input[type='submit'] {
  background-color: var(--brand-color);
  color: var(--cc-white);
  font-size: 16px;
  font-weight: 600;
  padding: 17px 36px;
  position: relative;
  z-index: 1;
  border: none;
  outline: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 26px;
  gap: 12px;
  overflow: hidden;
  cursor: pointer;
  transition: var(--cc-transition);
}
.mkp_btn:hover,
input[type='submit']:hover {
  background: var(--hover-color);
  color: var(--cyrex-white);
}
.mkp_btn::before {
  content: '';
  position: absolute;
  transition: var(--cc-transition);
  z-index: -1;
}
.mkp_btn i {
  display: inline-flex;
  align-items: center;
}
.r_btn.mkp_btn {
  color: var(--cc-white);
}
.r_btn.mkp_btn:hover {
  color: var(--cc-white);
  background: var(--brand-color);
}
.mkp_btn.current {
  background: var(--hover-color);
}
@media all and (max-width: 1024px) {
  .mkp_btn {
    padding: 12px 28px;
    font-size: 16px;
  }
}
@media all and (max-width: 768px) {
  .mkp_btn {
    padding: 12px 26px;
    font-size: 16px;
  }
}

/*===================================
## BANNER SLIDER
===================================*/
.banner_slider .slick-slide {
  margin-left: 0;
  margin-right: 0;
}
.banner_slider .slick-list {
  margin-left: 0;
  margin-right: 0px;
}
.mkp_banner {
  display: flex;
  gap: 30px;
  z-index: 4;
  height: 900px;
}
.banner_thumb {
    flex: 0 0 auto;
    width: 650px;
	position: relative;
}
.banner_thumb .main_image img {
    width: 403px;
    display: block;
    margin: auto;
}
.animation_img1,
.animation_img2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 650px;
  animation: banner_rotate_360 30s linear normal infinite;
	z-index:10
}
.animation_img2 {
	z-index: 2;
	width: 488px;
	animation-direction: reverse;
}
@keyframes banner_rotate_360 {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.title_shape img {
    width: 164px;
    height: 32px!important;
    transition: .5s;
}
.slick-current .shape_large .title_shape img {
	width: 264px;
	height: 32px;
}
.banner_content {
    flex: 0 0 auto;
    width: 660px;
    max-width: 100%;
    margin-right: -100px;
}
.banner_top_title h4 {
  color: var(--brand-color);
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.banner_bottom_title h1 {
  color: var(--cc-white);
  font-size: 60px;
  margin-bottom: 28px;
}
.banner_description p {
  color: var(--cc-white);
  margin-bottom: 36px;
}
.banner_top_title h4 span,
.banner_bottom_title h1 span,
.banner_description p span {
  color: var(--brand-color);
}
.mkp_banner .mkp_btn:hover,
.mkp_banner .mkp_btn.btn2 {
  background: var(--cc-white);
  color: var(--hover-color);
}
.mkp_banner .mkp_btn.btn2:hover {
  color: var(--cc-white);
  background: var(--brand-color);
}
.banner_slider .slick-arrow.slick-prev {
  right: calc(100% - 50px);
}
.banner_slider .slick-arrow.slick-next {
  right: 0;
}
.mkp_banner.text_center>* {
  margin-left: auto;
  margin-right: auto;
}
.mkp_banner.text_right>* {
  margin-left: auto;
  margin-right: 0;
}
@media (max-width:1440px) {
	.mkp_banner {
	  height: 728px;
	}
	.banner_content {
		margin-right: -20px;
	}
}
@media (max-width:1200px) {
	.banner_thumb {
		width: 500px;
	}
	.banner_content {
		margin-right: -20px;
		width: 530px;
	}
	.animation_img1, .animation_img2 {
		width: 540px;
	}
	.banner_thumb .main_image img {
		width: 300px;
	}
	.animation_img2 {
		width: 400px;
	}
	.title_shape img {
		width: 130px;
	}
	.slick-current .shape_large .title_shape img {
		width: 210px;
	}
}
@media (max-width:1024px) {
	 .mkp_banner {
		gap: 80px;
	}
	.banner_thumb {
		width: 400px;
	}
	.banner_thumb .main_image img {
		width: 266px;
	}
	.animation_img1, .animation_img2 {
		width: 490px;
	}
	.animation_img2 {
		width: 360px;
	}
}

@media all and (max-width: 768px) {
	.mkp_banner {
		gap: 50px;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
		height: 850px;
	}
	.banner_thumb {
		width: 450px;
		margin-top: 60px;
		margin-left: 0;
		height: 320px;
	}
	.banner_thumb .main_image img {
		width: 300px;
	}
	.animation_img1, .animation_img2 {
		width: 360px;
	}
	.animation_img2 {
		width: 378px;
	}
	.slick-current .shape_large .title_shape img {
		width: 180px;
		height: 32px;
	}
	.title_shape img {
		width: 108px;
	}
}

@media (max-width:767px) {
	.mkp_banner {
	  height: 800px;
	}
	.banner_thumb {
		width: 338px;
		height: 256px;
		margin-left: auto;
		margin-right: auto;
	}
	.animation_img2 {
		width: 268px;
	}
  .banner_bottom_title h1 {
    font-size: 28px;
  }
  .banner_top_title h4 {
    color: var(--brand-color);
    font-size: 16px;
  }
  .title_shape img {
	width: 82px;
	height: 20px!important;
  }
  .slick-current .shape_large .title_shape img {
	width: 138px;
  }
  .mkp_banner .mkp_btn {
	width: 100%
  }
}

/* Animated Logo */
.animated_logo .logo_item {
  position: absolute;
  z-index: 99;
}
.animated_logo .logo1 {
  top: -16%;
  left: 43%;
  animation: animated_logo1 var(--banner-transition) linear normal infinite
}
.animated_logo .logo2 {
  top: 0%;
  left: 72%;
  animation: animated_logo2 var(--banner-transition) linear normal infinite
}
.animated_logo .logo3 {
  top: 35%;
  left: 85%;
  animation: animated_logo3 var(--banner-transition) linear normal infinite
}
.animated_logo .logo4 {
  top: 71%;
  left: 82%;
  animation: animated_logo4 var(--banner-transition) linear normal infinite
}
.animated_logo .logo5 {
  top: 101%;
  left: 60%;
  animation: animated_logo5 var(--banner-transition) linear normal infinite
}
.animated_logo .logo6 {
  top: 101%;
  left: 23%;
  animation: animated_logo6 var(--banner-transition) linear normal infinite
}
.animated_logo .logo7 {
  top: 73%;
  left: 4%;
  animation: animated_logo7 var(--banner-transition) linear normal infinite
}
.animated_logo .logo8 {
  top: 35%;
  left: 0;
  animation: animated_logo8 var(--banner-transition) linear normal infinite
}
.animated_logo .logo9 {
  top: 0;
  left: 11%;
  animation: animated_logo9 var(--banner-transition) linear normal infinite
}
@media all and (min-width: 1201px) {
	@keyframes animated_logo1 {
	  0% {
      top: -16%;
      left: 43%;
	  }
	  5.5% {
      top: -10%;
      left: 58%;
	  }
	  11% {
      top: 0%;
      left: 72%;
	  }
	  16.5% {
      top: 15%;
      left: 80%;
	  }
	  22% {
		top: 35%;
		left: 85%;
	  }
	  27.5% {
		top: 54%;
		left: 85%;
	  }
	  33% {
		top: 71%;
		left: 82%;
	  }
	  39% {
		top: 89%;
		left: 73%;
	  }
	  45% {
		top: 101%;
		left: 60%;
	  }
	  50.5% {
		top: 103%;
		left: 42.5%;
	  }
	  56% {
		top: 101%;
		left: 23%;
	  }
	  61.5% {
		top: 88%;
		left: 10%;
	  }
	  67% {
		top: 73%;
		left: 4%;
	  }
	  72.5% {
		top: 54%;
		left: 0;
	  }
	  78% {
		top: 35%;
		left: 0;
	  }
	  83.5% {
		top: 16%;
		left: 2%;
	  }
	  89% {
		top: 0;
		left: 11%;
	  }
	  94.5% {
		top: -14%;
		left: 25%;
	  }
	  100% {
		top: -66px;
		left: 278px;
	  }
	}

	@keyframes animated_logo2 {
	  0% {
		top: 0%;
		left: 72%;
	  }
	  5.5% {
		top: 15%;
		left: 80%;
	  }
	  11% {
		top: 35%;
		left: 85%;
	  }
	  16.5% {
		top: 54%;
		left: 85%;
	  }
	  22% {
		top: 71%;
		left: 82%;
	  }
	  27.5% {
		top: 89%;
		left: 73%;
	  }
	  33% {
		top: 101%;
		left: 60%;
	  }
	  39% {
		top: 103%;
		left: 42.5%;
	  }
	  45% {
		top: 101%;
		left: 23%;
	  }
	  50.5% {
		top: 88%;
		left: 10%;
	  }
	  56% {
		top: 73%;
		left: 4%;
	  }
	  61.5% {
		top: 54%;
		left: 0;
	  }
	  67% {
		top: 35%;
		left: 0;
	  }
	  72.5% {
		top: 16%;
		left: 2%;
	  }
	  78% {
		top: 0;
		left: 11%;
	  }
	  83.5% {
		top: -14%;
		left: 25%;
	  }
	  89% {
		top: -66px;
		left: 278px;
	  }
	  94.5% {
		top: -10%;
		left: 58%;
	  }
	  100% {
		top: 0%;
		left: 72%;
	  }
	}

	@keyframes animated_logo3 {
	  0% {
		top: 35%;
		left: 85%;
	  }
	  5.5% {
		top: 54%;
		left: 85%;
	  }
	  11% {
		top: 71%;
		left: 82%;
	  }
	  16.5% {
		top: 89%;
		left: 73%;
	  }
	  22% {
		top: 101%;
		left: 60%;
	  }
	  27.5% {
		top: 103%;
		left: 42.5%;
	  }
	  33% {
		top: 101%;
		left: 23%;
	  }
	  39% {
		top: 88%;
		left: 10%;
	  }
	  45% {
		top: 73%;
		left: 4%;
	  }
	  50.5% {
		top: 54%;
		left: 0;
	  }
	  56% {
		top: 35%;
		left: 0;
	  }
	  61.5% {
		top: 16%;
		left: 2%;
	  }
	  67% {
		top: 0;
		left: 11%;
	  }
	  72.5% {
		top: -14%;
		left: 25%;
	  }
	  78% {
		top: -66px;
		left: 278px;
	  }
	  83.5% {
		top: -10%;
		left: 58%;
	  }
	  89% {
		top: 0%;
		left: 72%;
	  }
	  94.5% {
		top: 15%;
		left: 80%;
	  }
	  100% {
		top: 35%;
		left: 85%;
	  }
	}


	@keyframes animated_logo4 {
	  0% {
		top: 71%;
		left: 82%;
	  }
	  5.5% {
		top: 89%;
		left: 73%;
	  }
	  11% {
		top: 101%;
		left: 60%;
	  }
	  16.5% {
		top: 103%;
		left: 42.5%;
	  }
	  22% {
		top: 101%;
		left: 23%;
	  }
	  27.5% {
		top: 88%;
		left: 10%;
	  }
	  33% {
		top: 73%;
		left: 4%;
	  }
	  39% {
		top: 54%;
		left: 0;
	  }
	  45% {
		top: 35%;
		left: 0;
	  }
	  50.5% {
		top: 16%;
		left: 2%;
	  }
	  56% {
		top: 0;
		left: 11%;
	  }
	  61.5% {
		top: -14%;
		left: 25%;
	  }
	  67% {
		top: -66px;
		left: 278px;
	  }
	  72.5% {
		top: -10%;
		left: 58%;
	  }
	  78% {
		top: 0%;
		left: 72%;
	  }
	  83.5% {
		top: 15%;
		left: 80%;
	  }
	  89% {
		top: 35%;
		left: 85%;
	  }
	  94.5% {
		top: 54%;
		left: 85%;
	  }
	  100% {
		top: 71%;
		left: 82%;
	  }
	}

	@keyframes animated_logo5 {
	  0% {
		top: 101%;
		left: 60%;
	  }
	  5.5% {
		top: 103%;
		left: 42.5%;
	  }
	  11% {
		top: 101%;
		left: 23%;
	  }
	  16.5% {
		top: 88%;
		left: 10%;
	  }
	  22% {
		top: 73%;
		left: 4%;
	  }
	  27.5% {
		top: 54%;
		left: 0;
	  }
	  33% {
		top: 35%;
		left: 0;
	  }
	  39% {
		top: 16%;
		left: 2%;
	  }
	  45% {
		top: 0;
		left: 11%;
	  }
	  50.5% {
		top: -14%;
		left: 25%;
	  }
	  56% {
		top: -66px;
		left: 278px;
	  }
	  61.5% {
		top: -10%;
		left: 58%;
	  }
	  67% {
		top: 0%;
		left: 72%;
	  }
	  72.5% {
		top: 15%;
		left: 80%;
	  }
	  78% {
		top: 35%;
		left: 85%;
	  }
	  83.5% {
		top: 54%;
		left: 85%;
	  }
	  89% {
		top: 71%;
		left: 82%;
	  }
	  94.5% {
		top: 89%;
		left: 73%;
	  }
	  100% {
		top: 101%;
		left: 60%;
	  }
	}

	@keyframes animated_logo6 {
	  0% {
		top: 101%;
		left: 23%;
	  }
	  5.5% {
		top: 88%;
		left: 10%;
	  }
	  11% {
		top: 73%;
		left: 4%;
	  }
	  16.5% {
		top: 54%;
		left: 0;
	  }
	  22% {
		top: 35%;
		left: 0;
	  }
	  27.5% {
		top: 16%;
		left: 2%;
	  }
	  33% {
		top: 0;
		left: 11%;
	  }
	  39% {
		top: -14%;
		left: 25%;
	  }
	  45% {
		top: -66px;
		left: 278px;
	  }
	  50.5% {
		top: -10%;
		left: 58%;
	  }
	  56% {
		top: 0%;
		left: 72%;
	  }
	  61.5% {
		top: 15%;
		left: 80%;
	  }
	  67% {
		top: 35%;
		left: 85%;
	  }
	  72.5% {
		top: 54%;
		left: 85%;
	  }
	  78% {
		top: 71%;
		left: 82%;
	  }
	  83.5% {
		top: 89%;
		left: 73%;
	  }
	  89% {
		top: 101%;
		left: 60%;
	  }
	  94.5% {
		top: 103%;
		left: 42.5%;
	  }
	  100% {
		top: 101%;
		left: 23%;
	  }
	}

	@keyframes animated_logo7 {
	  0% {
		top: 73%;
		left: 4%;
	  }
	  5.5% {
		top: 54%;
		left: 0;
	  }
	  11% {
		top: 35%;
		left: 0;
	  }
	  16.5% {
		top: 16%;
		left: 2%;
	  }
	  22% {
		top: 0;
		left: 11%;
	  }
	  27.5% {
		top: -14%;
		left: 25%;
	  }
	  33% {
		top: -66px;
		left: 278px;
	  }
	  39% {
		top: -10%;
		left: 58%;
	  }
	  45% {
		top: 0%;
		left: 72%;
	  }
	  50.5% {
		top: 15%;
		left: 80%;
	  }
	  56% {
		top: 35%;
		left: 85%;
	  }
	  61.5% {
		top: 54%;
		left: 85%;
	  }
	  67% {
		top: 71%;
		left: 82%;
	  }
	  72.5% {
		top: 89%;
		left: 73%;
	  }
	  78% {
		top: 101%;
		left: 60%;
	  }
	  83.5% {
		top: 103%;
		left: 42.5%;
	  }
	  89% {
		top: 101%;
		left: 23%;
	  }
	  94.5% {
		top: 88%;
		left: 10%;
	  }
	  100% {
		top: 73%;
		left: 4%;
	  }
	}

	@keyframes animated_logo8 {
	  0% {
		top: 35%;
		left: 0;
	  }
	  5.5% {
		top: 16%;
		left: 2%;
	  }
	  11% {
		top: 0;
		left: 11%;
	  }
	  16.5% {
		top: -14%;
		left: 25%;
	  }
	  22% {
		top: -66px;
		left: 278px;
	  }
	  27.5% {
		top: -10%;
		left: 58%;
	  }
	  33% {
		top: 0%;
		left: 72%;
	  }
	  39% {
		top: 15%;
		left: 80%;
	  }
	  45% {
		top: 35%;
		left: 85%;
	  }
	  50.5% {
		top: 54%;
		left: 85%;
	  }
	  56% {
		top: 71%;
		left: 82%;
	  }
	  61.5% {
		top: 89%;
		left: 73%;
	  }
	  67% {
		top: 101%;
		left: 60%;
	  }
	  72.5% {
		top: 103%;
		left: 42.5%;
	  }
	  78% {
		top: 101%;
		left: 23%;
	  }
	  83.5% {
		top: 88%;
		left: 10%;
	  }
	  89% {
		top: 73%;
		left: 4%;
	  }
	  94.5% {
		top: 54%;
		left: 0;
	  }
	  100% {
		top: 35%;
		left: 0;
	  }
	}

	@keyframes animated_logo9 {
	  0% {
		top: 0;
		left: 11%;
	  }
	  5.5% {
		top: -14%;
		left: 25%;
	  }
	  11% {
		top: -66px;
		left: 278px;
	  }
	  16.5% {
		top: -10%;
		left: 58%;
	  }
	  22% {
		top: 0%;
		left: 72%;
	  }
	  27.5% {
		top: 15%;
		left: 80%;
	  }
	  33% {
		top: 35%;
		left: 85%;
	  }
	  39% {
		top: 54%;
		left: 85%;
	  }
	  45% {
		top: 71%;
		left: 82%;
	  }
	  50.5% {
		top: 89%;
		left: 73%;
	  }
	  56% {
		top: 101%;
		left: 60%;
	  }
	  61.5% {
		top: 103%;
		left: 42.5%;
	  }
	  67% {
		top: 101%;
		left: 23%;
	  }
	  72.5% {
		top: 88%;
		left: 10%;
	  }
	  78% {
		top: 73%;
		left: 4%;
	  }
	  83.5% {
		top: 54%;
		left: 0;
	  }
	  89% {
		top: 35%;
		left: 0;
	  }
	  94.5% {
		top: 16%;
		left: 2%;
	  }
	  100% {
		top: 0;
		left: 11%;
	  }
	}		
}

@media all and (max-width: 1200px) {
  .logo_item img {
    width: 80px;
  }

	@keyframes animated_logo1 {
	  0% {
		top: -16%;
    	left: 43%;
	  }
	  5.5% {
		top: -15%;
  		left: 61%;
	  }
	  11% {
		top: 0%;
    	left: 72%;
	  }
	  16.5% {
		top: 15%;
  		left: 83%;
	  }
	  22% {
		top: 35%;
    	left: 84%;
	  }
	  27.5% {
		top: 54%;
		left: 84%;
	  }
	  33% {
		top: 71%;
		left: 83%;
	  }
	  39% {
		top: 89%;
		left: 72%;
	  }
	  45% {
		top: 101%;
		left: 60%;
	  }
	  50.5% {
		top: 103%;
		left: 42.5%;
	  }
	  56% {
		top: 101%;
		left: 23%;
	  }
	  61.5% {
		top: 88%;
		left: 10%;
	  }
	  67% {
		top: 73%;
		left: 4%;
	  }
	  72.5% {
		top: 54%;
		left: 0;
	  }
	  78% {
		top: 35%;
		left: 0;
	  }
	  83.5% {
		top: 16%;
		left: 2%;
	  }
	  89% {
		top: 0;
		left: 11%;
	  }
	  94.5% {
		top: -14%;
		left: 25%;
	  }
	  100% {
		top: -16%;
    	left: 43%;
	  }
	}
	@keyframes animated_logo2 {
	  0% {
		top: 0%;
    	left: 72%;
	  }
	  5.5% {
		top: 15%;
  		left: 83%;
	  }
	  11% {
		top: 35%;
    	left: 84%;
	  }
	  16.5% {
		top: 54%;
		left: 84%;
	  }
	  22% {
		top: 71%;
		left: 83%;
	  }
	  27.5% {
		top: 89%;
		left: 72%;
	  }
	  33% {
		top: 101%;
		left: 60%;
	  }
	  39% {
		top: 103%;
		left: 42.5%;
	  }
	  45% {
		top: 101%;
		left: 23%;
	  }
	  50.5% {
		top: 88%;
		left: 10%;
	  }
	  56% {
		top: 73%;
		left: 4%;
	  }
	  61.5% {
		top: 54%;
		left: 0;
	  }
	  67% {
		top: 35%;
		left: 0;
	  }
	  72.5% {
		top: 16%;
		left: 2%;
	  }
	  78% {
		top: 0;
		left: 11%;
	  }
	  83.5% {
		top: -14%;
		left: 25%;
	  }
	  89% {
		top: -16%;
    	left: 43%;
	  }
	  94.5% {
		top: -15%;
  		left: 61%;
	  }
	  100% {
		top: 0%;
    	left: 72%;
	  }
	}
	@keyframes animated_logo3 {
	  0% {
		top: 35%;
    	left: 84%;
	  }
	  5.5% {
		top: 54%;
		left: 84%;
	  }
	  11% {
		top: 71%;
		left: 83%;
	  }
	  16.5% {
		top: 89%;
		left: 72%;
	  }
	  22% {
		top: 101%;
		left: 60%;
	  }
	  27.5% {
		top: 103%;
		left: 42.5%;
	  }
	  33% {
		top: 101%;
		left: 23%;
	  }
	  39% {
		top: 88%;
		left: 10%;
	  }
	  45% {
		top: 73%;
		left: 4%;
	  }
	  50.5% {
		top: 54%;
		left: 0;
	  }
	  56% {
		top: 35%;
		left: 0;
	  }
	  61.5% {
		top: 16%;
		left: 2%;
	  }
	  67% {
		top: 0;
		left: 11%;
	  }
	  72.5% {
		top: -14%;
		left: 25%;
	  }
	  78% {
		top: -16%;
    	left: 43%;
	  }
	  89.5% {
		top: -15%;
  		left: 61%;
	  }
	  89.5% {
		top: 0%;
    	left: 72%;
	  }
	  94.5% {
		top: 15%;
  		left: 83%;
	  }
	  100% {
		top: 35%;
    	left: 84%;
	  }
	}
	@keyframes animated_logo4 {
	  0% {
		top: 71%;
		left: 83%;
	  }
	  5.5% {
		top: 89%;
		left: 72%;
	  }
	  11% {
		top: 101%;
		left: 60%;
	  }
	  16.5% {
		top: 103%;
		left: 42.5%;
	  }
	  22% {
		top: 101%;
		left: 23%;
	  }
	  27.5% {
		top: 88%;
		left: 10%;
	  }
	  33% {
		top: 73%;
		left: 4%;
	  }
	  39% {
		top: 54%;
		left: 0;
	  }
	  45% {
		top: 35%;
		left: 0;
	  }
	  50.5% {
		top: 16%;
		left: 2%;
	  }
	  56% {
		top: 0;
		left: 11%;
	  }
	  61.5% {
		top: -14%;
		left: 25%;
	  }
	  67% {
		top: -16%;
    	left: 43%;
	  }
	  72.5% {
		top: -15%;
  		left: 61%;
	  }
	  78% {
		top: 0%;
    	left: 72%;
	  }
	  83.5% {
		top: 15%;
  		left: 83%;
	  }
	  89% {
		top: 35%;
    	left: 84%;
	  }
	  94.5% {
		top: 54%;
		left: 84%;
	  }
	  100% {
		top: 71%;
		left: 83%;
	  }
	}
	@keyframes animated_logo5 {
	  0% {
		top: 101%;
		left: 60%;
	  }
	  5.5% {
		top: 103%;
		left: 42.5%;
	  }
	  11% {
		top: 101%;
		left: 23%;
	  }
	  16.5% {
		top: 88%;
		left: 10%;
	  }
	  22% {
		top: 73%;
		left: 4%;
	  }
	  27.5% {
		top: 54%;
		left: 0;
	  }
	  33% {
		top: 35%;
		left: 0;
	  }
	  39% {
		top: 16%;
		left: 2%;
	  }
	  45% {
		top: 0;
		left: 11%;
	  }
	  50.5% {
		top: -14%;
		left: 25%;
	  }
	  56% {
		top: -16%;
    	left: 43%;
	  }
	  61.5% {
		top: -15%;
  		left: 61%;
	  }
	  67% {
		top: 0%;
    	left: 72%;
	  }
	  72.5% {
		top: 15%;
  		left: 83%;
	  }
	  78% {
		top: 35%;
    	left: 84%;
	  }
	  83.5% {
		top: 54%;
		left: 84%;
	  }
	  89% {
		top: 71%;
		left: 83%;
	  }
	  94.5% {
		top: 89%;
		left: 72%;
	  }
	  100% {
		top: 101%;
		left: 60%;
	  }
	}
	@keyframes animated_logo6 {
	  0% {
		top: 101%;
		left: 23%;
	  }
	  5.5% {
		top: 88%;
		left: 10%;
	  }
	  11% {
		top: 73%;
		left: 4%;
	  }
	  16.5% {
		top: 54%;
		left: 0;
	  }
	  22% {
		top: 35%;
		left: 0;
	  }
	  27.5% {
		top: 16%;
		left: 2%;
	  }
	  33% {
		top: 0;
		left: 11%;
	  }
	  39% {
		top: -14%;
		left: 25%;
	  }
	  45% {
		top: -16%;
    	left: 43%;
	  }
	  50.5% {
		top: -15%;
  		left: 61%;
	  }
	  56% {
		top: 0%;
    	left: 72%;
	  }
	  61.5% {
		top: 15%;
  		left: 83%;
	  }
	  67% {
		top: 35%;
    	left: 84%;
	  }
	  72.5% {
		top: 54%;
		left: 84%;
	  }
	  78% {
		top: 71%;
		left: 83%;
	  }
	  83.5% {
		top: 89%;
		left: 72%;
	  }
	  89% {
		top: 101%;
		left: 60%;
	  }
	  94.5% {
		top: 103%;
		left: 42.5%;
	  }
	  100% {
		top: 101%;
		left: 23%;
	  }
	}
	@keyframes animated_logo7 {
	  0% {
		top: 73%;
		left: 4%;
	  }
	  5.5% {
		top: 54%;
		left: 0;
	  }
	  11% {
		top: 35%;
		left: 0;
	  }
	  16.5% {
		top: 16%;
		left: 2%;
	  }
	  22% {
		top: 0;
		left: 11%;
	  }
	  27.5% {
		top: -14%;
		left: 25%;
	  }
	  33% {
		top: -16%;
    	left: 43%;
	  }
	  39% {
		top: -15%;
  		left: 61%;
	  }
	  45% {
		top: 0%;
    	left: 72%;
	  }
	  50.5% {
		top: 15%;
  		left: 83%;
	  }
	  56% {
		top: 35%;
    	left: 84%;
	  }
	  61.5% {
		top: 54%;
		left: 84%;
	  }
	  67% {
		top: 71%;
		left: 83%;
	  }
	  72.5% {
		top: 89%;
		left: 72%;
	  }
	  78% {
		top: 101%;
		left: 60%;
	  }
	  83.5% {
		top: 103%;
		left: 42.5%;
	  }
	  89% {
		top: 101%;
		left: 23%;
	  }
	  94.5% {
		top: 88%;
		left: 10%;
	  }
	  100% {
		top: 73%;
		left: 4%;
	  }
	}
	@keyframes animated_logo8 {
	  0% {
		top: 35%;
		left: 0;
	  }
	  5.5% {
		top: 16%;
		left: 2%;
	  }
	  11% {
		top: 0;
		left: 11%;
	  }
	  16.5% {
		top: -14%;
		left: 25%;
	  }
	  22% {
		top: -16%;
    	left: 43%;
	  }
	  27.5% {
		top: -15%;
  		left: 61%;
	  }
	  33% {
		top: 0%;
    	left: 72%;
	  }
	  39% {
		top: 15%;
  		left: 83%;
	  }
	  45% {
		top: 35%;
    	left: 84%;
	  }
	  50.5% {
		top: 54%;
		left: 84%;
	  }
	  56% {
		top: 71%;
		left: 83%;
	  }
	  61.5% {
		top: 89%;
		left: 72%;
	  }
	  67% {
		top: 101%;
		left: 60%;
	  }
	  72.5% {
		top: 103%;
		left: 42.5%;
	  }
	  78% {
		top: 101%;
		left: 23%;
	  }
	  83.5% {
		top: 88%;
		left: 10%;
	  }
	  89% {
		top: 73%;
		left: 4%;
	  }
	  94.5% {
		top: 54%;
		left: 0;
	  }
	  100% {
		top: 35%;
		left: 0;
	  }
	}
	@keyframes animated_logo9 {
	  0% {
		top: 0;
		left: 11%;
	  }
	  5.5% {
		top: -14%;
		left: 25%;
	  }
	  11% {
		top: -16%;
    	left: 43%;
	  }
	  16.5% {
		top: -15%;
  		left: 61%;
	  }
	  22% {
		top: 0%;
    	left: 72%;
	  }
	  27.5% {
		top: 15%;
  		left: 83%;
	  }
	  33% {
		top: 35%;
    	left: 84%;
	  }
	  39% {
		top: 54%;
		left: 84%;
	  }
	  45% {
		top: 71%;
		left: 83%;
	  }
	  50.5% {
		top: 89%;
		left: 72%;
	  }
	  56% {
		top: 101%;
		left: 60%;
	  }
	  61.5% {
		top: 103%;
		left: 42.5%;
	  }
	  67% {
		top: 101%;
		left: 23%;
	  }
	  72.5% {
		top: 88%;
		left: 10%;
	  }
	  78% {
		top: 73%;
		left: 4%;
	  }
	  83.5% {
		top: 54%;
		left: 0;
	  }
	  89% {
		top: 35%;
		left: 0;
	  }
	  94.5% {
		top: 16%;
		left: 2%;
	  }
	  100% {
		top: 0;
		left: 11%;
	  }
	}
}

@media all and (max-width: 1024px) {
	.logo_item img {
		width: 62px;
	}
}

@media all and (max-width: 767px) {
	.banner_thumb .main_image img {
		width: 230px;
	}
	.logo_item img {
		width: 48px;
	}
	
	@keyframes animated_logo1 {
	  0% {
		top: -12%;
    	left: 42%;
	  }
	  5.5% {
		top: -9%;
    	left: 60%;
	  }
	  11% {
		top: 0%;
    	left: 73%;
	  }
	  16.5% {
		top: 16%;
  		left: 82%;
	  }
	  22% {
		top: 35%;
    	left: 86%;
	  }
	  27.5% {
		top: 53%;
    	left: 86%
	  }
	  33% {
		top: 71%;
		left: 83%;
	  }
	  39% {
		top: 87%;
		left: 75%;
	  }
	  45% {
		top: 98%;
    	left: 60%;
	  }
	  50.5% {
		top: 101%;
		left: 42%;
	  }
	  56% {
		top: 99%;
    	left: 25%;
	  }
	  61.5% {
		top: 88%;
		left: 11%;
	  }
	  67% {
		top: 73%;
    	left: 3%;
	  }
	  72.5% {
		top: 55%;
		left: -2%;
	  }
	  78% {
		top: 35%;
		left: 0;
	  }
	  83.5% {
		top: 15%;
    	left: 3%;
	  }
	  89% {
		top: 2%;
    	left: 12%;
	  }
	  94.5% {
		top: -7%;
    	left: 24%;
	  }
	  100% {
		top: -12%;
    	left: 42%;
	  }
	}
	@keyframes animated_logo2 {
	  0% {
		top: 0%;
    	left: 73%;
	  }
	  5.5% {
		top: 16%;
  		left: 82%;
	  }
	  11% {
		top: 35%;
    	left: 86%;
	  }
	  16.5% {
		top: 53%;
    	left: 86%
	  }
	  22% {
		top: 71%;
		left: 83%;
	  }
	  27.5% {
		top: 87%;
		left: 75%;
	  }
	  33% {
		top: 98%;
    	left: 60%;
	  }
	  39% {
		top: 101%;
		left: 42%;
	  }
	  45% {
		top: 99%;
    	left: 25%;
	  }
	  50.5% {
		top: 88%;
		left: 11%;
	  }
	  56% {
		top: 73%;
    	left: 3%;
	  }
	  61.5% {
		top: 55%;
		left: -2%;
	  }
	  67% {
		top: 35%;
		left: 0;
	  }
	  72.5% {
		top: 15%;
    	left: 3%;
	  }
	  78% {
		top: 2%;
    	left: 12%;
	  }
	  83.5% {
		top: -7%;
    	left: 24%;
	  }
	  89% {
		top: -12%;
    	left: 42%;
	  }
	  94.5% {
		top: -9%;
    	left: 60%;
	  }
	  100% {
		top: 0%;
    	left: 73%;
	  }
	}
	@keyframes animated_logo3 {
	  0% {
		top: 35%;
    	left: 86%;
	  }
	  5.5% {
		top: 53%;
    	left: 86%
	  }
	  11% {
		top: 71%;
		left: 83%;
	  }
	  16.5% {
		top: 87%;
		left: 75%;
	  }
	  22% {
		top: 98%;
    	left: 60%;
	  }
	  27.5% {
		top: 101%;
		left: 42%;
	  }
	  33% {
		top: 99%;
    	left: 25%;
	  }
	  39% {
		top: 88%;
		left: 11%;
	  }
	  45% {
		top: 73%;
    	left: 3%;
	  }
	  50.5% {
		top: 55%;
		left: -2%;
	  }
	  56% {
		top: 35%;
		left: 0;
	  }
	  61.5% {
		top: 15%;
    	left: 3%;
	  }
	  67% {
		top: 2%;
    	left: 12%;
	  }
	  72.5% {
		top: -7%;
    	left: 24%;
	  }
	  78% {
		top: -12%;
    	left: 42%;
	  }
	  83.5% {
		top: -9%;
    	left: 60%;
	  }
	  89% {
		top: 0%;
    	left: 73%;
	  }
	  94.5% {
		top: 16%;
  		left: 82%;
	  }
	  100% {
		top: 35%;
    	left: 86%;
	  }
	}
	@keyframes animated_logo4 {
	  0% {
		top: 71%;
		left: 83%;
	  }
	  5.5% {
		top: 87%;
		left: 75%;
	  }
	  11% {
		top: 98%;
    	left: 60%;
	  }
	  16.5% {
		top: 101%;
		left: 42%;
	  }
	  22% {
		top: 99%;
    	left: 25%;
	  }
	  27.5% {
		top: 88%;
		left: 11%;
	  }
	  33% {
		top: 73%;
    	left: 3%;
	  }
	  39% {
		top: 55%;
		left: -2%;
	  }
	  45% {
		top: 35%;
		left: 0;
	  }
	  50.5% {
		top: 15%;
    	left: 3%;
	  }
	  56% {
		top: 2%;
    	left: 12%;
	  }
	  61.5% {
		top: -7%;
    	left: 24%;
	  }
	  67% {
		top: -12%;
    	left: 42%;
	  }
	  72.5% {
		top: -9%;
    	left: 60%;
	  }
	  78% {
		top: 0%;
    	left: 73%;
	  }
	  83.5% {
		top: 16%;
  		left: 82%;
	  }
	  89% {
		top: 35%;
    	left: 86%;
	  }
	  94.5% {
		top: 53%;
    	left: 86%
	  }
	  100% {
		top: 71%;
		left: 83%;
	  }
	}
	@keyframes animated_logo5 {
	  0% {
		top: 98%;
    	left: 60%;
	  }
	  5.5% {
		top: 101%;
		left: 42%;
	  }
	  11% {
		top: 99%;
    	left: 25%;
	  }
	  16.5% {
		top: 88%;
		left: 11%;
	  }
	  22% {
		top: 73%;
    	left: 3%;
	  }
	  27% {
		top: 55%;
		left: -2%;
	  }
	  33% {
		top: 35%;
		left: 0;
	  }
	  39% {
		top: 15%;
    	left: 3%;
	  }
	  45% {
		top: 2%;
    	left: 12%;
	  }
	  50.5% {
		top: -7%;
    	left: 24%;
	  }
	  56% {
		top: -12%;
    	left: 42%;
	  }
	  61.5% {
		top: -9%;
    	left: 60%;
	  }
	  67% {
		top: 0%;
    	left: 73%;
	  }
	  72.5% {
		top: 16%;
  		left: 82%;
	  }
	  78% {
		top: 35%;
    	left: 86%;
	  }
	  83.5% {
		top: 53%;
    	left: 86%
	  }
	  89% {
		top: 71%;
		left: 83%;
	  }
	  94.5% {
		top: 87%;
		left: 75%;
	  }
	  100% {
		top: 98%;
    	left: 60%;
	  }
	}
	@keyframes animated_logo6 {
	  0% {
		top: 99%;
    	left: 25%;
	  }
	  5.5% {
		top: 88%;
		left: 11%;
	  }
	  11% {
		top: 73%;
    	left: 3%;
	  }
	  16.5% {
		top: 55%;
		left: -2%;
	  }
	  22% {
		top: 35%;
		left: 0;
	  }
	  27.5% {
		top: 15%;
    	left: 3%;
	  }
	  33% {
		top: 2%;
    	left: 12%;
	  }
	  39% {
		top: -7%;
    	left: 24%;
	  }
	  45% {
		top: -12%;
    	left: 42%;
	  }
	  50.5% {
		top: -9%;
    	left: 60%;
	  }
	  56% {
		top: 0%;
    	left: 73%;
	  }
	  61.5% {
		top: 16%;
  		left: 82%;
	  }
	  67% {
		top: 35%;
    	left: 86%;
	  }
	  72.5% {
		top: 53%;
    	left: 86%
	  }
	  78% {
		top: 71%;
		left: 83%;
	  }
	  83.5% {
		top: 87%;
		left: 75%;
	  }
	  89% {
		top: 98%;
    	left: 60%;
	  }
	  94.5% {
		top: 101%;
		left: 42%;
	  }
	  100% {
		top: 99%;
    	left: 25%;
	  }
	}
	@keyframes animated_logo7 {
	  0% {
		top: 73%;
    	left: 3%;
	  }
	  5.5% {
		top: 55%;
		left: -2%;
	  }
	  11% {
		top: 35%;
		left: 0;
	  }
	  16.5% {
		top: 15%;
    	left: 3%;
	  }
	  22% {
		top: 2%;
    	left: 12%;
	  }
	  27.5% {
		top: -7%;
    	left: 24%;
	  }
	  33% {
		top: -12%;
    	left: 42%;
	  }
	  39% {
		top: -9%;
    	left: 60%;
	  }
	  45% {
		top: 0%;
    	left: 73%;
	  }
	  50.5% {
		top: 16%;
  		left: 82%;
	  }
	  56% {
		top: 35%;
    	left: 86%;
	  }
	  61.5% {
		top: 53%;
    	left: 86%
	  }
	  67% {
		top: 71%;
		left: 83%;
	  }
	  72.5% {
		top: 87%;
		left: 75%;
	  }
	  78% {
		top: 98%;
    	left: 60%;
	  }
	  83.5% {
		top: 101%;
		left: 42%;
	  }
	  89% {
		top: 99%;
    	left: 25%;
	  }
	  94.5% {
		top: 88%;
		left: 11%;
	  }
	  100% {
		top: 73%;
    	left: 3%;
	  }
	}
	@keyframes animated_logo8 {
	  0% {
		top: 35%;
		left: 0;
	  }
	  5.5% {
		top: 15%;
    	left: 3%;
	  }
	  11% {
		top: 2%;
    	left: 12%;
	  }
	  16.5% {
		top: -7%;
    	left: 24%;
	  }
	  22% {
		top: -12%;
    	left: 42%;
	  }
	  27.5% {
		top: -9%;
    	left: 60%;
	  }
	  33% {
		top: 0%;
    	left: 73%;
	  }
	  39% {
		top: 16%;
  		left: 82%;
	  }
	  45% {
		top: 35%;
    	left: 86%;
	  }
	  50.5% {
		top: 53%;
    	left: 86%
	  }
	  56% {
		top: 71%;
		left: 83%;
	  }
	  61.5% {
		top: 87%;
		left: 75%;
	  }
	  67% {
		top: 98%;
    	left: 60%;
	  }
	  72.5% {
		top: 101%;
		left: 42%;
	  }
	  78% {
		top: 99%;
    	left: 25%;
	  }
	  83.5% {
		top: 88%;
		left: 11%;
	  }
	  89% {
		top: 73%;
    	left: 3%;
	  }
	  94.5% {
		top: 55%;
		left: -2%;
	  }
	  100% {
		top: 35%;
		left: 0;
	  }
	}
	@keyframes animated_logo9 {
	  0% {
		top: 2%;
    	left: 12%;
	  }
	  5.5% {
		top: -7%;
    	left: 24%;
	  }
	  11% {
		top: -12%;
    	left: 42%;
	  }
	  16.5% {
		top: -9%;
    	left: 60%;
	  }
	  22% {
		top: 0%;
    	left: 73%;
	  }
	  27.5% {
		top: 16%;
  		left: 82%;
	  }
	  33% {
		top: 35%;
    	left: 86%;
	  }
	  39% {
		top: 53%;
    	left: 86%
	  }
	  45% {
		top: 71%;
		left: 83%;
	  }
	  50.5% {
		top: 87%;
		left: 75%;
	  }
	  56% {
		top: 98%;
    	left: 60%;
	  }
	  61.5% {
		top: 101%;
		left: 42%;
	  }
	  67% {
		top: 99%;
    	left: 25%;
	  }
	  72.5% {
		top: 88%;
		left: 11%;
	  }
	  78% {
		top: 73%;
    	left: 3%;
	  }
	  83.5% {
		top: 55%;
		left: -2%;
	  }
	  89% {
		top: 35%;
		left: 0;
	  }
	  100% {
		top: 2%;
    	left: 12%;
	  }
	  94.5% {
		top: 15%;
    	left: 3%;
	  }
	}
}