/*
CSS Credit: http://www.templatemo.com
*/

body {
  margin: 0;
  padding: 0;
  line-height: 1.5em;
  font-family: "Dangrek", "Anton", sans-serif;
  font-weight: 100;
  font-style: normal;
  font-size: 14px;
  color: #aaaaaa;
  background: #080808;
}

a:link,
a:visited {
  color: #b9c322;
  text-decoration: none;
  font-weight: normal;
}

a:active,
a:hover {
  color: #ffcc00;
  text-decoration: underline;
}

p {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
}

img {
  margin: 0px;
  padding: 0px;
  border: none;
}

.cleaner {
  clear: both;
  width: 100%;
  height: 0px;
  font-size: 0px;
}

.cleaner_h10 {
  clear: both;
  width: 100%;
  height: 10px;
}

.cleaner_h20 {
  clear: both;
  width: 100%;
  height: 20px;
}

.cleaner_h30 {
  clear: both;
  width: 100%;
  height: 30px;
}

.cleaner_h40 {
  clear: both;
  width: 100%;
  height: 40px;
}

.cleaner_h50 {
  clear: both;
  width: 100%;
  height: 50px;
}

.cleaner_h60 {
  clear: both;
  width: 100%;
  height: 60px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.m_right {
  margin-right: 30px;
}

.button_01 a {
  display: block;
  width: 90px;
  height: 24px;
  padding: 6px 0 0 30px;
  background: url(images/templatemo_button_01.jpg) no-repeat;

  color: #000000;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}

h1 {
  margin: 0px;
  padding: 2px 0;
  font-size: 30px;
  font-weight: bold;
}

h2 {
  position: relative;
  height: 25px;
  margin: 0px;
  padding: 10px 0 0 0;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #000000;
}

h2 span {
  position: absolute;
  width: 15px;
  height: 35px;
  left: 0px;
  top: 0px;
}

h3 {
  margin: 0 0 5px 0;
  padding: 2px 0 3px 0;
  font-size: 14px;
  font-weight: normal;
  color: #ffcc00;
  /* border-bottom: 1px dotted #d7e13d; */
}

h4 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  font-weight: bold;
}

.image_wrapper {
  margin-top: 3px;
  margin-bottom: 5px;
  border: 2px solid #3b3838;
  border-radius: 10px;
}

.fl_image {
  float: left;
  margin-right: 15px;
}

.fr_image {
  float: right;
  margin-left: 15px;
}

.list_01 {
  margin: 0 0 20px 40px;
  padding: 0px;
}

.list_01 li {
  margin: 0px;
  padding: 0 0 10px 10px;
  /* list-style-image: url(images/templatemo_list_icon_01.jpg); */
}

.list_01 li a {
  color: #ffffff;
}

#templatemo_container_wrapper {
  width: 100%;
  margin: 0 auto;
  background: url(images/templatemo_body_bg.jpg) center top no-repeat;
}

#templatemo_container {
  width: 960px;
  padding: 0 5px;
  margin: 0 auto;
  background: url(images/templatemo_container_bg.png) center repeat-y;
}

/* bannner */

#templatemo_banner {
  width: 950px;
  height: 110px;
  padding: 0 30px 0 20px;
  background: url(images/templatemo_banner1.jpg) no-repeat;
}

#templatemo_banner #site_title {
  float: left;
  width: 250px;
  margin: 30px 0 0 10px;
}

#site_title h1 a {
  margin: 0px;
  padding: 0px;
  font-size: 28px;
  color: #fac11f;
  font-weight: bold;
  text-decoration: none;
}

#site_title h1 a:hover {
  font-weight: bold;
  text-decoration: none;
}

#site_title h1 a span {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
}
#site_title img {
  float: left;
  margin-right: 20px;
}

/* end of bannner */

/* menu */

#templatemo_menu {
  float: right;
  width: 600px;
  padding: 0 10px;
  /* background: url(images/templatemo_menu_bg.jpg) no-repeat; */
}

#templatemo_menu ul {
  overflow: hidden;
  padding: 35px 0 0 0;
  margin: 0px auto;
  list-style: none;
}

#templatemo_menu ul li {
  padding: 0px;
  margin: 0px;
  display: inline;
}

#templatemo_menu ul li a {
  float: left;
  display: block;
  margin: 0px 5px;
  padding: 10px;
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  text-decoration: none;
  color: #ffcc00;
  background: url(images/templatemo_menu_right.jpg) right top no-repeat;
  outline: none;
  background: #00006e;
  border-radius: 5px;
}

#templatemo_menu li a:hover,
#templatemo_menu li .current {
  color: #ffffff;
  background: #0000ff;
  border-radius: 5px;
}

/* end of menu */

/* Slider */

.cl {
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
  clear: both;
}

.notext {
  font-size: 0;
  line-height: 0;
  text-indent: -4000px;
}

.slider {
  height: 300px;
  background-color: #6b757c;
  position: relative;
  /* margin-bottom: 40px; */
}

.slider .shell {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.slider-holder {
  position: relative;
  width: 960px;
  height: 300px;
  overflow: hidden;
}

.slider-holder ul {
  position: relative;
  list-style: none outside none;
  overflow: hidden;
}

.slider-holder ul li,
.jcarousel-container,
.jcarousel-clip {
  position: relative;
  width: 960px;
  height: 300px;
}

.slider-prev,
.slider-next {
  position: absolute;
  top: 136px;
  display: block;
  width: 18px;
  height: 27px;
}

.slider-prev {
  left: 28px;
  background: url(images/slider/prev.png) no-repeat 0 0;
}

.slider-next {
  right: 28px;
  background: url(images/slider/next.png) no-repeat 0 0;
}

.slider-nav {
  position: absolute;
  bottom: 10px;
  right: 26px;
  display: block;
}

.slider-nav ul {
  list-style: none;
}

.slider-nav ul li {
  float: left;
  display: inline;
  width: 33px;
  height: 32px;
  margin-right: 2px;
}

.slider-nav ul li a {
  display: block;
  height: 32px;
  background-color: #252626;
  font-size: 18px;
  text-align: center;
  line-height: 31px;
  color: #fff;
  text-decoration: none;
}

.slider-nav ul li a:hover,
.slider-nav ul li a.active {
  background-color: #ed1c24;
}

/* end of slider */

.grid-step-columns {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-rows: 100px;
  background-color: #3b3838;
  padding: 5px;
}

.grid-step-columns > div {
  grid-row: 1;
  /* keeps all items on the first row */
  border: 0px solid #ff0000;
  border-radius: 10px;
  background-color: #252626;
}

.grid-game-columns {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-rows: 100%;
  background-color: #000000;
  padding: 5px;
}

.grid-game-columns > div {
  grid-row: 1;
  /* keeps all items on the first row */
  border: 0px solid #ff0000;
  border-radius: 10px;
  /* background-color: #252626; */
}

.col_w960 {
  width: 940px;
  margin-bottom: 0px;
  background-color: #252626;
  padding: 10px;
}

.col_w600 {
  width: 600px;
}

.col_w450 {
  width: 450px;
}

.col_w300 {
  width: 300px;
}

.col_w200 {
  width: 200px;
}

.col_allw300 {
  float: left;
  width: 200px;
  padding: 10px;
  /* margin-right: 30px;
	margin-top: 10px; */
}

.col_last {
  margin: 0;
  margin-top: 20px;
}

.frontpage_box h2 {
  font-size: 20px;
  padding: 0;
  margin-bottom: 5px;
  color: #ffcc00;
}

.frontpage_box img {
  float: left;
  margin: 0px;
}

.frontpage_box a.more {
  margin-top: 15px;
  text-align: center;
}

.tagline {
  display: block;
  font-size: 14px;
  font-style: italic;
  color: #ffffff;
  margin-bottom: 20px;
  text-align: center;
}

.contact-item {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.contact-item-icon {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
  font-size: 18px;
}

.contact-item-text h4 {
  color: #ffcc00;
  margin-bottom: 5px;
}

.contact-item-text p {
  color: rgba(255, 255, 255, 0.8);
}

/* content */

#templatemo_content {
  clear: both;
  width: 910px;
  padding: 30px 30px 0 20px;
  background: url(images/templatemo_content_top.jpg) top center no-repeat;
}

#side_column {
  float: left;
  width: 250px;
}

#main_column {
  float: right;
  width: 600px;
}

.side_column_box {
  position: relative;
  margin-bottom: 30px;
  background: #000000;
}

.side_column_box .bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 250px;
  height: 10px;
  background: url(images/templatemo_side_column_box_bottom.jpg);
}

.side_column_box h2 {
  /* background: url(images/templatemo_h2_right.jpg) right top no-repeat; */
  background: linear-gradient(114.26deg, #facc22 13.41%, #cba135 87.24%);
}

.side_column_box-gif h2 {
  /* background: url(images/templatemo_h2_right.jpg) right top no-repeat; */
  background-color: #ff0000;
}

.side_column_box h2 span {
  background: url(images/templatemo_h2_left.jpg) no-repeat;
}

.side_column_box .side_column_box_content {
  padding: 20px;
}

.gif_section .image_wrapper {
  clear: both;
  margin-bottom: 10px;
  border: 5px solid #3b3838;
  border-radius: 10px;
  /* background: linear-gradient(114.26deg, #cba135 13.41%, #ffffff 87.24%); */
  background-color: #252626;
}

.gif_section h3 {
  border-bottom: 1px dotted #d7e13d;
}

.contact_section .image_wrapper {
  clear: both;
  margin-bottom: 10px;
  border: 0px solid #ff0000;
  border-radius: 0px;
}

.side_column_box form {
  margin: 0px;
  padding: 0px;
}

.inputfield {
  height: 16px;
  width: 180px;
  padding: 2px 5px;
  margin: 0 0 10px 0;
  font-size: 12px;
  font-variant: normal;
  line-height: normal;
}

.submit_button {
  float: right;
  margin: 0px;
  padding: 0 6px 3px 6px;
  cursor: pointer;
  font-size: 12px;
  text-align: center;
  vertical-align: bottom;
  white-space: pre;
}

.main_column_section {
  position: relative;
  margin-bottom: 30px;
  background: #000000;
}

.main_column_section .bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 600px;
  height: 10px;
  background: url(images/templatemo_main_column_section_bottom.jpg);
}

.main_column_section h2 {
  /* background: url(images/templatemo_h2_right_02.jpg) right top no-repeat; */
  background: linear-gradient(114.26deg, #0000ff 13.41%, #00006e 87.24%);
  color: #ffffff;
}

.main_column_section h2 span {
  background: url(images/templatemo_h2_left_02.jpg) no-repeat;
}

.main_column_section .main_column_section_content {
  padding: 20px;
}

.main_column_section_content p {
  margin-bottom: 10px;
}

/* end of content */

/* footer */

#templatemo_footer {
  clear: both;
  width: 780px;
  height: 75px;
  padding: 30px 90px 0 90px;
  text-align: center;
  color: #aaaaaa;
  background: url(images/templatemo_footer1.jpg) no-repeat;
}

#templatemo_footer a {
  font-weight: bold;
  color: #fac11f;
  text-decoration: none;
}
#templatemo_footer a:hover {
  color: #ffffff;
}

#templatemo_footer .footer_menu {
  margin: 0 0 5px 0;
  padding: 0px;
  list-style: none;
}

.footer_menu li {
  margin: 0px;
  padding: 0 20px;
  display: inline;
  border-right: 1px solid #000000;
  border-radius: 5px;
}

.footer_menu .last_menu {
  border: none;
}

#popup-telegram {
  position: fixed;
  bottom: 50%;
  right: 10px;
}
#popup-messanger {
  position: fixed;
  bottom: calc(50% + 80px);
  right: 10px;
}

/* end of footer */