/* Main.css Global CSS Settings*/
/*----------------------------------------*/
@font-face {
  font-family: 'Ubuntu-R';
  src: url(../font/Ubuntu-R.ttf);
  font-display: swap;
}


table {
  /* margin: 0 auto; */
  padding: 0;
  border-spacing: 0px;
}

body {
  background: url(../images/bg.png) repeat #86b7d6;
  letter-spacing: -0.25px;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 16px;
  color: #2f2f2f;
  line-height: 15pt;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  letter-spacing: -0.25px;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 14px;
  color: #0e70ae;
}

a:hover {
  text-decoration: underline;
  letter-spacing: -0.25px;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 14px;
  color: #0e70ae;
}

tr {
  margin: 0;
  padding: 0;
}

td {
  margin: 0;
  padding: 0;
  letter-spacing: -0.25px;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 16px;
  color: #2f2f2f;
  line-height: 15pt;
}


/* Main.css Header CSS Settings*/
/*----------------------------------------*/

.table_header {
  width: 100%;
  height: 100px;
  border: 0;
  padding: 0;
  margin: 0;
  background-image: url(../images/header_bg.png);
  background-size: contain;
}

.table_header_logo {
  width: 1100px;
  height: 100px;
  border: 0;
  border-collapse: separate;
  align-content: space-between;
  margin: 0 auto;
}

.cell_header_left {
  width: 337px;
  height: 100px;
  padding-left: 60px;
}

.header_logo {
  width: 301px;
  height: 100px;
  border: 0;
}

/* Main.css Login Reg Tabs CSS Settings*/
/*----------------------------------------*/

.cell_header_right {
  width: 683px;
  height: 100px;
  border: 0;
  vertical-align: top;
  padding-right: 20px;
}

.align-right {
  text-align: right;
}

.tabs {
  left: 400px;
  position: relative;
  text-align: center;
  top: 10px;
  width: 212px;
}

.tab {
  float: left;
}

.tab label {
  padding-right: 28px;
  margin-left: -1px;
  position: relative;
  left: 1px;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 11px;
  color: #73a5c5;
  line-height: 12px;
}

.content {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0px;
}

.left {
  float: left;
}

input[type="text"] {
  width: 332px;
  height: 28px;
  border: 0px;
  padding: 1px;
  line-height: 26px;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 13px;
  color: #aaa;
  background: url(../images/form_bg3.png) no-repeat bottom left;
}

input[type="password"] {
  width: 332px;
  height: 28px;
  border: 0px;
  padding: 1px;
  line-height: 26px;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 13px;
  background: url(../images/form_bg3.png) no-repeat bottom left;
}

[type="radio"]:checked~label {
  z-index: 2;
}

[type="radio"]:checked~label~.content {
  z-index: 1;
}

.tab-link-login-publishers {
  width: 104px;
  height: 34px;
  border: 0;
  float: left;
  background: url(../images/b_login_2.png) no-repeat left top;
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.tab-link-login-publishers:hover {
  background: url(../images/b_login_2_over.png) no-repeat left top;
}

.tab-link-reg-publishers {
  width: 104px;
  height: 34px;
  border: 0;
  float: left;
  background: url(../images/b_register_2.png) no-repeat left top;
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.tab-link-reg-publishers:hover {
  background: url(../images/b_register_2_over.png) no-repeat left top;
}


.tab-link-login-advertisers {
  width: 104px;
  height: 34px;
  border: 0;
  float: left;
  background: url(../images/b_login_2.png) no-repeat left top;
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.tab-link-login-advertisers:hover {
  background: url(../images/b_login_2_over.png) no-repeat left top;
}

.tab-link-reg-advertisers {
  width: 104px;
  height: 34px;
  border: 0;
  float: left;
  background: url(../images/b_register_2.png) no-repeat left top;
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.tab-link-reg-advertisers:hover {
  background: url(../images/b_register_2_over.png) no-repeat left top;
}

.forgot-pass {
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 11px;
  color: #73a5c5;
  line-height: 20px;
}

.forgot-pass:hover {
  text-decoration: underline;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 11px;
}


/* Main.css Nav Menu CSS Settings*/
/*----------------------------------------*/

.table_menu {
  /* width: 1000px; */
  width: 100%;
  height: 40px;
  border: 0;
  padding: 0;
  margin: 0 auto;
  /* The 'auto' value horizontally centers the table within its parent element */
}

.header_menu {
  /* max-height: 100%; */
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21;
  /* height: 40px; */
  border: 0;
  background: repeat;
}

/* Main.css Nav Links CSS Settings */
/*----------------------------------------*/

.nav-link-overview {
  width: 150px;
  height: 40px;
  border: 0;
  background-image: url(../images/m_overview.jpg);
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.nav-link-overview:hover {
  background-image: url(../images/m_overview_over.jpg);
}

.nav-link-advertisers {
  width: 175px;
  height: 40px;
  border: 0;
  background-image: url(../images/m_advertisers.jpg);
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.nav-link-advertisers:hover {
  background-image: url(../images/m_advertisers_over.jpg);
}

.nav-link-publishers {
  width: 163px;
  height: 40px;
  border: 0;
  background-image: url(../images/m_publishers.jpg);
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.nav-link-publishers:hover {
  background-image: url(../images/m_publishers_over.jpg);
}

.nav-link-partners {
  width: 148px;
  height: 40px;
  border: 0;
  background-image: url(../images/m_partners.jpg);
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.nav-link-partners:hover {
  background-image: url(../images/m_partners_over.jpg);
}

.nav-link-contact {
  width: 141px;
  height: 40px;
  border: 0;
  background-image: url(../images/m_contact.jpg);
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.nav-link-contact:hover {
  background-image: url(../images/m_contact_over.jpg);
}

/* Main.css Content CSS Settings*/
/*----------------------------------------*/
.table_content_index {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0 auto;
}

.table_content {
  border: 0;
  padding: 0;
  margin: 0 auto;
}

.div_sep_slider_top {
  height: 16px;
}

.div_sep_slider_top_index {
  height: 20px;
}

.div_sep_content_end_bottom_index {
  height: 14px;
}

.div_sep_content_end_bottom {
  height: 17px;
}

.table_content_page {
  /* width: 1100px; */
  height: 478px;
  border: 0;
  padding: 0;
  /* margin: 0 auto; */
}

.td_left_menu {
  width: 288px;
  height: 478px;
  border: 0;
  vertical-align: top;
  background: url(../images/m2_s1.jpg);
  /* width="288"
  height="2"
  border="0" */
}

.table_left_menu {
  width: 288px;
  height: 478px;
  border: 0;
  padding: 0;
  margin: 0;
}

.img_top_table_left_menu {
  width: 288px;
  height: 118px;
  border: 0;
}

.left_menu_advertisers {
  display: flex;
  width: 288px;
  height: 118px;
  border: 0;
  background-image: url(../images/m2_advertisers.jpg);
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.left_menu_advertisers:hover {
  background-image: url(../images/m2_advertisers_over.jpg);
}

.left_menu_publishers {
  display: flex;
  width: 288px;
  height: 118px;
  border: 0;
  background-image: url(../images/m2_publishers.jpg);
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.left_menu_publishers:hover {
  background-image: url(../images/m2_publishers_over.jpg);
}

.left_menu_partners {
  display: flex;
  width: 288px;
  height: 118px;
  border: 0;
  background-image: url(../images/m2_partners.jpg);
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.left_menu_partners:hover {
  background-image: url(../images/m2_partners_over.jpg);
}

.left_menu_contact {
  display: flex;
  width: 288px;
  height: 118px;
  border: 0;
  background-image: url(../images/m2_contact.jpg);
  background-size: cover;
  transition: background-image 0.3s ease-in-out;
}

.left_menu_contact:hover {
  background-image: url(../images/m2_contact_over.jpg);
}

/* Main.css Marquee Crawler CSS Settings*/
/*----------------------------------------*/

.table_marquee_logos {
  /* width: 1100px; */
  height: 122px;
  border: 0;
  padding: 0;
  /* margin: 0 auto; */
}

.div_sep_marquee_left {
  width: 10px;
  height: 122px;
}

.td_marquee_background {
  background: url(../images/logos_bg.jpg);
  width: 980px;
  height: 122px;
  border: 0;
}

.div_sep_marquee_right {
  width: 10px;
  height: 122px;
}

.table_marquee_logos_index {
  width: 1100px;
  height: 114px;
  border: 0;
  padding: 0;
  margin: 0 auto;
}

.div_sep_marquee_left_index {
  width: 10px;
  height: 114px;
}

.td_marquee_background_index {
  background: url(../images/logos_bg-2.jpg);
  width: 980px;
  height: 114px;
  border: 0;
}

/* .div_sep_logos_marquee_bottom {
  height: 10px;
} */

.div_sep_marquee_right_index {
  width: 10px;
  height: 114px;
}

.marquee {
  white-space: nowrap;
  width: 980px;
  height: 114px;
  overflow: hidden;
  border: 0;
  margin: 0 auto;
}

.marquee-content {
  display: flex;
  list-style: none;
  margin-top: 21px;
  animation: scrolling 10s linear infinite;
}

.marquee-content:hover {
  animation-play-state: paused;
}

.marquee-item {
  height: 44px;
  /* width: 200px; */
  padding: 10px;
  flex-shrink: 0;
}

.marquee-image {
  height: 100%;
  width: 100%;
}

@keyframes scrolling {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-1000px);
  }
}

/* Main.css Footer CSS Settings*/
/*----------------------------------------*/

.table_footer {
  width: 100%;
  height: 82px;
  border: 0;
  padding: 0;
  margin: 0 auto;
  background: url(../images/footer_bg.jpg);
  background-size: cover;
  background-color: #2f2f2f;
}

.table_footer_main {
  width: 1100px;
  /* border: 0; */
  /* padding: 0; */
  margin: 0 auto;
}

.table_footer_copyright {
  width: 400px;
  height: 82;
  border: 0;
  padding-left: 200px;
  color: #F8F9FD;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 14px;
}

.table_footer_links {
  width: 600px;
  height: 82;
  border: 0;
  /* padding-right: 200px; */
  color: #F8F9FD;
  font-family: 'Ubuntu-R', sans-serif;
  font-size: 14px;
}

.table_footer_links a {
  color: #F8F9FD;
}