@import "footer-2-col.css";
@import "footer-bottom.css";
@import "header-2-col.css";
@import "bootstrap-better-nav.min.css";
@import "menu.css";
@import "owl-carousel-4728.css";
@import "owl-carousel-custom-style.css";
@import "owl-slider-avon.css";
@import "owl-slider.css";
body {
  font-family: arial;
  font-size: 14px;
}

a {
  transition: all 0.3s ease 0.02s;
  -webkit-transition: all 0.3s ease 0.02s;
  text-decoration: none!important;
}

footer .footer-icon {
  padding-top: 35px;
  padding-bottom: 35px;
}

footer .faydali-link ul {
  list-style: none;
  padding: 0px;
}

footer .faydali-link ul li a {
  color: #797979;
}

footer .faydali-link ul li a:hover {
  color: #fff;
}

footer .faydali-link ul li {
  font-size: 14px;
  color: #797979;
  border-bottom: 1px solid #393939;
  margin-bottom: 12px;
  position: relative;
}

footer .faydali-link ul li i {
  position: absolute;
  right: 0px;
}

/* footer .form button i {

} */

footer .form button span {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #d88634;
  width: 33px;
  height: 100%;
  transition: all 0.3s ease 0.0s;
  -webkit-transition: all 0.3s ease 0.0s;
}

.posts-writers .all-posts a span {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #a91d1d;
  width: 33px;
  height: 100%;
  transition: all 0.3s ease 0.0s;
  -webkit-transition: all 0.3s ease 0.0s;
}

.comment-form .form a span {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #a91d1d;
  width: 33px;
  height: 100%;
  transition: all 0.3s ease 0.0s;
  -webkit-transition: all 0.3s ease 0.0s;
  color: #fff;
  font-size: 15px;
}

footer .form button:hover span {
  background-color: #a91d1d;
}

.posts-writers .all-posts a:hover span {
  background-color: #d88634;
}

.comment-form .form a:hover span {
  background-color: #d88634;
}

footer .logo .footer-icon a:hover {
  color: #fff;
}

footer .logo .footer-icon a {
  color: #b1b1b1;
}

.top .menu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.top .menu ul li {
  margin-right: 15px;
}

.top .menu ul li a:hover {
  color: #fff;
}

.top .menu ul li a {
  color: #b6b6b6;
  font-size: 13px;
}

header .logo {
  padding: 0px;
}

header .users ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}

header .users ul li {
  padding-top: 6px;
  padding-bottom: 6px;
}

header .users ul li:first-child {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #f0f0f0;
}

header .users ul li a img {
  margin-right: 5px;
}

header .users ul li a {
  font-size: 15px;
  font-weight: bold;
  color: #313131;
  display: block;
}

header .users ul li a.login:hover {
  color: #90cf77;
}

header .users ul li a.register:hover {
  color: #f59a3b;
}

.top .users ul {
  list-style: none;
  padding: 0px;
  margin-bottom: 0px;
}

.top .users ul li {
  padding-top: 2px;
  padding-bottom: 2px;
}

.top .users ul li:first-child {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #2c2c2c;
}

@media (max-width: 360px) {
  .top .users ul li:first-child {
    margin-right: 5px;
    padding-right: 5px;
  }
}

.top .users ul li a img {
  margin-right: 5px;
  max-width: 20px;
}

@media (max-width: 576px) {
  .top .users ul li a img {
    display: none;
  }
}

.top .users ul li a {
  font-size: 13px;
  font-weight: bold;
  color: #b6b6b6;
  display: block;
}

@media (max-width: 360px) {
  .top .users ul li a {
    font-size: 12px;
  }
}

@media (max-width: 768px) {
  .top .menu {
    display: none;
  }
}

@media (min-width: 993px) {
  .top .users {
    display: none;
  }
}

@media (max-width: 991px) {
  header .users {
    display: none!important;
  }
}

@media (max-width: 360px) {
  .top .social a.social-a {
    display: none;
  }
}

.menu .container {
  background-color: #1e1e1e;
}

#slider .shadow {
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(22%, rgba(225, 201, 201, 0)), color-stop(100%, rgba(118, 10, 10, 0.78)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#760a0a', GradientType=0);
  box-shadow: 0px 0px 0px #fff !important;
}

.page-banner .shadow {
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(22%, rgba(225, 201, 201, 0)), color-stop(100%, rgba(118, 10, 10, 0.78)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(225, 201, 201, 0) 22%, rgba(118, 10, 10, 0.78) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#760a0a', GradientType=0);
  height: 100%;
  width: 100%;
  box-shadow: 0px 0px 0px #fff !important;
}

.ucretsiz-uye-ol .container {
  border-top: 6px solid #f5993d;
  background-color: #f5f5f5;
  padding-top: 30px;
  padding-bottom: 30px;
}

.ucretsiz-uye-ol.ucretsiz-uye-ol-bottom .container {
  border-width: 0px 0px 6px 0px;
  border-style: solid;
  border-color: #f5993d;
}

.ucretsiz-uye-ol .text h3 {
  font-size: 17px;
  font-weight: normal;
  margin: 0px;
  color: #727272;
}

@media (max-width: 576px) {
  .ucretsiz-uye-ol .text h3 {
    font-size: 15px;
  }
}

.ucretsiz-uye-ol .text img {
  padding-right: 10px;
}

.ucretsiz-uye-ol .form {
  max-width: 940px;
  width: 100%;
  padding: 30px 0px;
}

.ucretsiz-uye-ol.home .form {
  padding: 30px 0px 0px 0px;
}

.ucretsiz-uye-ol.home .form.form2 {
  padding: 0px 0px 30px 0px;
}

@media (max-width: 768px) {
  .ucretsiz-uye-ol .form {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    padding: 30px 20px;
  }
}

@media (max-width: 576px) {
  .ucretsiz-uye-ol .form {
    padding: 30px 0px;
  }
}

.ucretsiz-uye-ol input.form-control {
  font-size: 14px;
  color: #9a9a9a;
  box-shadow: 0 0 0 0.2rem rgb(245, 245, 245);
  border-radius: 0px;
  border-color: #e3e3e3;
}

.ucretsiz-uye-ol input.form-control:focus {
  border-color: #f5993d;
}

.ucretsiz-uye-ol .input-col {
  margin-right: 10px;
  margin-bottom: 10px;
  position: relative;
  width: calc(33.33% - 10px);
}

@media (max-width: 768px) {
  .ucretsiz-uye-ol .input-col {
    margin-bottom: 10px;
    margin-right: 0px;
    width: 100%;
  }
}

.ucretsiz-uye-ol .input-col .maske {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 20px;
  color: #bababa;
}

.ucretsiz-uye-ol .input-col .maske i {
  cursor: pointer;
}

h2.section-title span {
  background-color: #ea6969;
  color: #fff;
  display: inline-block;
  padding: 3px 7px;
  margin-right: 5px;
}

@media (max-width: 576px) {
  h2.section-title span {
    padding: 3px 4px;
    margin-right: 0px;
  }
}

.news-carousel {
  margin: 0px;
}

#news-owl .item span {
  font-size: 13px;
  color: #a7a7a7;
  display: inline-block;
  margin-top: 9px;
  width: 40%;
  min-width: 100px;
  border-bottom: 2px solid #ea6969;
  padding-bottom: 4px;
}

#news .container {
  border-bottom: 7px solid #f0f0f0;
  padding-bottom: 48px;
}

.post-title {
  font-size: 18px;
  margin-top: 18px;
  margin-bottom: 25px;
}

.post.writer .post-title {
  font-size: 18px;
  margin-top: 5px;
  margin-bottom: 25px;
  font-weight: bold;
}

@media (max-width: 576px) {
  .post-title {
    font-size: 16px;
    margin-top: 18px;
    margin-bottom: 25px;
  }
}

.post-title a {
  color: #000;
}

.post-title a:hover {
  color: #f76969;
}

.posts .post.post-detail .textarea img {
  border: 1px solid #ccc;
  padding: 10px;
  /* margin: 10px; */
  max-width: 100%;
  height: auto !important;
}

.posts .post .textarea ul {
  list-style: none;
  padding: 0px;
  -ms-flex-wrap: wrap!important;
  flex-wrap: wrap!important;
}

@media (max-width: 378px) {
  .posts .post .textarea ul {
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
  }
  .posts .post .textarea ul.game {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
    width: 100%;
  }
}

.posts .post .textarea ul li {
  border-right: 1px solid #ccc;
  padding-right: 10px;
  padding-left: 10px;
  color: #8c8c8c;
  font-size: 13px;
}

@media (max-width: 378px) {
  .posts .post .textarea ul li {
    padding-right: 10px;
    padding-left: 0px;
    border-width: 0px;
  }
}

.posts .post .textarea ul li a {
  color: #8c8c8c;
}

.posts .post .textarea ul li a:hover {
  color: #ea6969;
}

.posts .post .textarea ul li strong {
  padding-right: 5px;
}

.posts .post .textarea ul li:first-child {
  border-right: 1px solid #ccc;
  padding-left: 0px;
}

@media (max-width: 500px) {
  .posts .post .textarea ul li:first-child {
    padding: 10px 0px;
    width: 100%;
    border-width: 0px;
  }
  .posts .post .textarea ul.game li:first-child {
    padding: 0px 0px;
    width: auto;
  }
}

.posts .post .textarea ul li:last-child {
  border-width: 0px;
}

.posts .post .textarea p {
  color: #616161;
  font-size: 15px;
}

@media (max-width: 576px) {
  .posts .post .textarea p {
    font-size: 14px;
  }
}

.posts .post .textarea p a {
  font-weight: bold;
  font-size: 15px;
  color: #616161;
}

.posts .post .textarea p a:hover {
  color: #ea6969;
}

.posts .post .textarea .img {
  max-width: 359px;
  overflow: hidden;
  margin-right: 0px;
  -ms-flex-align: start!important;
  align-items: flex-start!important;
  max-height: 167px;
}

.posts .post.writer .textarea .img {
  border-radius: 114px;
  margin: 0px auto 20px auto;
  width: 114px;
  height: 114px;
}

@media (min-width: 768px) {
  .posts .post .textarea .img {
    margin-right: 20px;
    flex: 0 0 50%;
  }
}

@media (min-width: 358px) {
  .posts .post .textarea .img {
    margin-right: 10px;
    flex: 0 0 40%;
  }
}

@media (min-width: 300px) {
  .posts .post.writer .textarea .img {
    margin-right: 20px;
    flex: 0 0 114px;
    max-height: 114px;
    border-radius: 114px;
  }
}

@media (max-width: 768px) {
  .d-flex.align-items-center.textarea {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
  }
}

.posts .post:last-child {
  border-width: 0px;
}

@media (max-width: 576px) {
  .posts .post:last-child {
    margin-bottom: 0px;
  }
}

.posts .post {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 2px solid #f0f0f0;
}

.posts-writers {
  padding-bottom: 100px;
}

@media (max-width: 768px) {
  .posts-writers {
    padding-bottom: 40px;
  }
}

.bordered-title {
  font-weight: bold;
  font-size: 21px;
  color: #3e3e3e;
  border-left: 4px solid #f5993d;
  padding-left: 8px;
}

.bordered-title a {
  color: #3e3e3e;
}

.bordered-title a:hover {
  color: #f5993d;
}

@media (max-width: 580px) {
  .bordered-title {
    font-size: 18px;
  }
}

.writers .writer p {
  color: #616161;
  margin: 0px;
}

.writers .writer p a:hover {
  color: #ea6969;
}

.writers .writer p a {
  margin-top: 0;
  color: #616161;
  font-size: 13px;
  margin-bottom: 0px;
}

.writers .writer h5 {
  margin-top: 6px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: bold;
}

.writers .writer .img {
  margin-right: 10px;
  overflow: hidden;
  flex: 0 0 76px;
  border-radius: 76px;
  height: 76px;
}

.col-12.col-md-3.writers-col {
  padding: 0px;
}

.writers .writer {
  border: 1px solid #e4e4e4;
  padding: 4px;
  margin-bottom: 10px;
  transition: all 0.3s ease 0.02s;
  -webkit-transition: all 0.3s ease 0.02s;
}

.writers .writer:hover {
  border-color: #ea6969;
}

.writers .writer h5 a {
  color: #2e2e2e;
}

.writers .writer h5 a:hover {
  color: #ea6969;
}

.writers>a:hover {
  background: #2e2e2e;
  color: #dbdbdb;
}

.writers>a {
  display: block;
  padding: 12px;
  background: #dbdbdb;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  color: #2e2e2e;
}

.posts-writers .posts-col {
  padding-right: 50px;
}

@media (max-width: 992px) {
  .posts-writers .posts-col {
    padding-right: 15px;
    margin-bottom: 50px;
  }
}

@media (max-width: 400px) {
  .posts-writers .posts-col {
    padding-right: 15px;
    margin-bottom: 50px;
  }
}

.banner-col {
  margin-bottom: 30px;
  padding-bottom: 28px;
  border-bottom: 2px solid #f0f0f0;
}

.banner-col:last-child {
  margin-bottom: 0px;
  border-width: 0px;
}

.writers {
  margin-bottom: 30px;
  padding-bottom: 28px;
  border-bottom: 2px solid #f0f0f0;
}

.no-border {
  margin-bottom: 0px;
  border-width: 0px;
}

@media (max-width: 379px) {
  .box-posts .d-flex.textarea {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
  }
}

.posts.box-posts .post {
  float: left;
  width: calc(50% - 35px) !important;
  max-width: 379px;
  border: 1px solid #e4e4e4;
  padding: 10px;
  margin-right: 35px;
  margin-bottom: 20px;
  transition: all 0.3s ease 0.02s;
  -webkit-transition: all 0.3s ease 0.02s;
}

.posts.box-posts .post:hover {
  border-color: #ce2a2a;
}

.posts.box-posts .post:nth-child(2n+2) {
  margin-right: 0px;
}

.posts.box-posts .post.writer {
  width: calc(33% - 20px) !important;
  margin-right: 20px;
}

@media (max-width: 768px) {
  .posts.box-posts .post.writer, .posts.box-posts .post {
    width: calc(50% - 7.5px) !important;
    max-width: 379px;
    margin-right: 15px;
  }
  .posts.box-posts .post.writer:nth-child(2n+2) {
    margin-right: 0px;
  }
}

@media (max-width: 568px) {
  .posts.box-posts .post.writer, .posts.box-posts .post {
    width: 100%!important;
    max-width: 379px;
    margin-right: 0px;
    float: initial;
    margin: 0px auto 20px auto;
  }
  .posts.box-posts .post:nth-child(2n+2) {
    margin-right: auto;
  }
  .posts.box-posts .post.writer:nth-child(2n+2) {
    margin-right: auto;
  }
}

.posts.box-posts .post .textarea {
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  border: 1px solid #e4e4e4;
  background-color: #f4f4f4;
}

.posts.box-posts .post .textarea ul li {
  border-width: 0px;
}

.posts.box-posts .post .textarea .img {
  margin-right: 0px;
}

.posts.box-posts .post .textarea .text {
  padding: 12px;
}

.posts.box-posts .post .textarea ul li {
  font-size: 12px;
  padding-right: 0px;
  padding-left: 0px;
}

.posts.box-posts .post .textarea .post-title a {
  color: #000;
}

.posts.box-posts .post .textarea .post-title a:hover {
  color: #ea6969;
}

.posts.box-posts .post .textarea .post-title {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  height: 42px;
  margin-bottom: 15px;
  overflow: hidden;
}

.posts.box-posts .post.writer .textarea .post-title {
  margin-top: 0px;
  margin-bottom: 0px;
}

.posts.box-posts .post .textarea p {
  font-size: 13px;
  min-height: 60px;
  height: 79px;
}

@media (min-width: 768px) {
  .posts-writers .posts-col.box-posts-col {
    padding-right: 0px;
  }
}

.posts.box-posts.clearfix {
  margin-top: 25px;
}

.posts-writers.box-posts-writers {
  margin-top: 40px;
}

.page-banner {
  height: 186px;
  background-image: url(../../assets/img/page-banner.png);
  position: relative;
  background-size: cover;
  background-position: center;
}

.page-banner .container {
  height: 100%;
}

.page-banner .breadcrumbs {
  height: 100%;
  padding-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .page-banner .breadcrumbs {
    display: none !important;
  }
}

.page-banner .breadcrumbs a {
  color: #fff;
  font-size: 14px;
}

.page-banner .breadcrumbs a:hover {
  color: #f5993d;
}

.page-banner .breadcrumbs span {
  color: #fff;
  font-size: 14px;
  padding-left: 10px;
  padding-right: 10px;
}

.post-detail .post-title {
  font-size: 24px;
  font-weight: bold;
  margin-top: 0px;
}

.post-detail .list {
  margin-bottom: 25px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
}

@media (max-width: 576px) {
  .post-detail .list {
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    -ms-flex-align: start!important;
    align-items: start!important;
  }
}

.post-detail .list ul {
  margin-bottom: 0px;
}

.posts .post.post-detail .textarea ul.social li {
  font-size: 24px;
}

.posts .post.post-detail .textarea ul.social li {
  border-width: 0px;
}

.posts .post.post-detail .textarea ul li {
  border-color: #ddd;
}

@media (max-width: 378px) {
  .posts .post.post-detail .textarea ul.social li {
    width: auto;
    padding: 10px 10px 0px 0px;
  }
}

.post.post-detail {
  border-width: 0px;
}

.post.post-detail .textarea .text {
  width: 100%;
}

.comments {
  border-style: solid;
  border-color: #f0f0f0;
  border-width: 6px 0px 0px 0px;
  padding: 40px 0px;
}

.comment-form {
  border-style: solid;
  border-color: #f0f0f0;
  border-width: 6px 0px 0px 0px;
  padding: 40px 0px;
}

.comments h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 19px;
  color: #ce2a2a;
  font-weight: bold;
}

@media (max-width: 576px) {
  .comments h5 {
    font-size: 17px;
  }
}

.comments .comment button {
  border: 1px solid #ef9d9d;
  background-color: #fff;
  color: #747474;
  border-radius: 0px;
  font-size: 13px;
  padding-left: 17px;
  padding-right: 17px;
}

.comments .comment button:hover, .comments .comment button:focus {
  border: 1px solid #ce2a2a;
  background-color: #ce2a2a;
  color: #fff;
}

.comments .comment h6 {
  font-weight: bold;
  color: #1a1a1a;
  font-size: 15px;
}

@media (max-width: 576px) {
  .comments .comment h6 {
    font-size: 14px;
  }
}

.comments .comment h6.admin {
  color: #2d9b10;
}

.comments .comment h6 span {
  color: #a6a6a6;
  font-weight: normal;
  padding-left: 10px;
  border-left: 1px solid #e0e0e0;
  margin-left: 10px;
}

.comments .comment .comment {
  padding-left: 50px;
}

@media (max-width: 576px) {
  .comments .comment .comment {
    padding-left: 020px;
  }
}

.comments .comment {
  padding-top: 25px;
}

.comment-form h5 {
  font-size: 19px;
  color: #1a1a1a;
  margin-top: 0px;
  margin-bottom: 5px;
}

@media (max-width: 576px) {
  .comment-form h5 {
    font-size: 17px;
  }
}

.comment-form p {
  color: #1a1a1a;
  font-size: 15px;
}

@media (max-width: 576px) {
  .comment-form p {
    font-size: 13px;
  }
}

.comment-form>p a:hover {
  color: #1a1a1a;
}

.comment-form>p a {
  color: #f5993d;
  font-weight: bold;
}

.comment-form .form span {
  font-size: 12px;
  color: #767676;
  display: block;
  float: left;
  padding: 8px 0px;
}

@media (max-width: 576px) {
  .comment-form .form span {
    padding: 0px 0px;
    width: 100%;
  }
}

.comment-form .form textarea {
  color: #767676;
  font-size: 13px;
  padding: 6px 18px;
  border-radius: 4px;
  border-width: 1px;
  border-color: #e2e0e0;
  margin-top: 10px;
  float: left;
  width: 100%;
  resize: none;
  height: 105px;
}

.comment-form .form textarea:focus {
  box-shadow: none;
  border-color: #e2e0e0;
}

.comment-form .form input[type='text'] {
  color: #767676;
  font-size: 13px;
  padding: 6px 18px;
  border-radius: 4px;
  border-width: 1px;
  border-color: #e2e0e0;
  max-width: 200px;
  float: left;
  margin-right: 14px;
}

@media (max-width: 576px) {
  .comment-form .form input[type='text'] {
    max-width: 100%;
    float: left;
    margin-right: 0px;
    margin-bottom: 10px;
  }
}

.comment-form .form input[type='text']:focus {
  border-color: #d5d5d5;
  box-shadow: none!important;
}

.comment-form .form p {
  color: #454545;
  font-size: 14px;
}

div#contact_form {
  margin-top: 30px;
}

div#contact_form input[type='text'] {
  margin-bottom: 15px;
  font-size: 14px;
  color: #9a9a9a;
  box-shadow: 0 0 0 0.2rem #fff;
  border-radius: 0px;
  border-color: #e3e3e3;
}

div#contact_form textarea {
  margin-bottom: 15px;
  font-size: 14px;
  height: 144px;
  color: #9a9a9a;
  box-shadow: 0 0 0 0.2rem #fff;
  border-radius: 0px;
  border-color: #e3e3e3;
}

div#contact_form input[type='text']:focus, div#contact_form textarea:focus {
  border-color: #f5993d;
}

.all-posts {
  margin-bottom: 40px;
}

p.info {
  margin: 100px 0px;
  text-align: center;
  font-size: 18px;
}

.posts-col h2.section-title {
  margin-bottom: 20px;
  border-bottom: 7px solid #f0f0f0;
  padding-bottom: 20px;
}

.posts-col.home-posts-col h2.section-title {
  border-bottom: 0px solid #f0f0f0;
}

.mb-30 {
  margin-bottom: 30px!important;
}

.pagination ul {
  width: 100%;
}

.pagination ul {
  margin-top: 30px;
}

.pagination ul {
  padding: 0px;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.pagination ul li {
  border: 1px solid #e4e4e4;
  color: #969696;
  font-size: 14px;
  border-radius: 31px;
  overflow: hidden;
  margin-right: 6px;
  margin-bottom: 6px;
}

.pagination ul li.active, .pagination ul li:hover {
  color: #fff;
}

.pagination ul li a {
  color: #969696;
  display: block;
  width: 31px;
  padding: 5px 0px;
  text-align: center;
  background-color: #fff;
}

.pagination ul li.active a, .pagination ul li:hover a {
  color: #fff;
  background-color: #ce2a2a;
}

.swal2-container .btn {
  margin-right: 5px;
}

#loginModal .ucretsiz-uye-ol .form, #registerModal .ucretsiz-uye-ol .form, #forgotModal .ucretsiz-uye-ol .form {
  -webkit-flex-direction: column;
  flex-direction: column;
}

#loginModal .ucretsiz-uye-ol .form .input-col, #registerModal .ucretsiz-uye-ol .form .input-col, #forgotModal .ucretsiz-uye-ol .form .input-col {
  margin-bottom: 10px;
  margin-right: 0px;
}

#loginModal .ucretsiz-uye-ol .container, #registerModal .ucretsiz-uye-ol .container, #forgotModal .ucretsiz-uye-ol .container {
  border: 1px solid #efecec;
}

#loginModal .ucretsiz-uye-ol .form, #forgotModal .ucretsiz-uye-ol .form {
  padding: 0px 0px 30px 0px;
}

#registerModal .ucretsiz-uye-ol .form {
  padding: 0px 0px 0px 0px;
}

.modal .btn-div {
  margin-top: 20px;
}

.modal .modal-title {
  font-size: 20px;
  font-weight: bold;
  padding-left: 10px;
  color: #f5993d;
  margin: 0px 0px 14px 0px;
}

@media screen and (max-width:500px) {
  .ucretsiz-uye-ol.home {
    display: none;
  }
  .posts.home .textarea {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .posts.home .post .textarea img {
    border-width: 0px;
  }
  .posts.home .post .textarea .img {
    max-width: 100%;
    margin-bottom: 0px;
  }
}

.news-carousel.owl-theme .owl-nav {
  display: none !important;
}

@media screen and (max-width:500px) {
  .news-carousel.owl-theme .owl-nav {
    display: block !important;
  }
  p.post-text {
    display: none;
  }
  .posts.box-posts .post .textarea p {
    display: none;
  }
  .posts.home .last-update strong {
    display: none;
  }
  .posts.home .post {
    margin-bottom: 27px;
    padding-bottom: 2px;
  }
  .posts.home .post .post-title {
    font-weight: bold;
  }
}

@media screen and (max-width:100px) {
  header .logo {
    padding: 0px 10px;
  }
}

.btn {
  background-color: #f5993d;
  border-width: 0px;
  font-size: 15px;
  color: #fff;
  border-radius: 0px;
  position: relative;
  padding-right: 50px;
  padding-left: 17px;
  font-weight: bold;
}

@media screen and (max-width: 400px) {
  .btn {
    font-size: 14px;
    padding-right: 5px;
    padding-left: 5px;
  }
}

.btn span {
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #d88634;
  width: 33px;
  height: 100%;
  transition: all 0.3s ease 0.0s;
  -webkit-transition: all 0.3s ease 0.0s;
}

.btn:hover {
  background-color: #dc7b19;
}

.btn:hover span {
  background-color: #bd670f;
}

.red-btn {
  background-color: #ea6969;
}

.red-btn:hover {
  background-color: #cf2626;
}

.red-btn span {
  background-color: #da4c4c;
}

.red-btn:hover span {
  background-color: #a91d1d;
}

.green-btn {
  background-color: #76d451;
}

.green-btn:hover {
  background-color: #41c00e;
}

.green-btn span {
  background-color: #56c02c;
}

.green-btn:hover span {
  background-color: #30a402;
}

.grey-btn {
  background-color: #878787;
}

.grey-btn:hover {
  background-color: #646464;
}

.grey-btn span {
  background-color: #747474;
}

.grey-btn:hover span {
  background-color: #474747;
}

.btn-lg {
  font-size: 18px;
  font-weight: bold;
}

.modal p {
  font-size: 17px;
  font-weight: normal;
  margin: 0px;
  color: #727272;
  padding: 0px 0px 20px 0px;
}

.input-password {
  padding-right: 40px;
}

.input-button {
  margin-top: 15px;
  margin-left: auto;
  width: 100%!important;
  text-align: right;
}

.input-button>button {
  width: calc(25% - 10px);
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  .input-button>button {
    min-width: 240px;
  }
}

.input-button a {
  padding-right: 10px;
  color: #797979;
  font-weight: bold;
  text-decoration: underline!important;
}

@media screen and (max-width: 500px) {
  .input-button a {
    display: block;
    padding: 0px 0px 20px 0px;
  }
}

.modal .ucretsiz-uye-ol .input-col {
  width: 100%;
}

@media screen and (max-width: 400px) {
  .btn span {
    display: none!important;
  }
}

.racing-programs .card {
  border-width: 0px;
  margin-bottom: 2px;
}

.racing-programs .card .card-header {
  background-color: transparent;
  padding: 0px;
  border-width: 0px;
}

.racing-programs .card-header a {
  display: block;
  font-size: 18px;
  color: #fff;
  background-color: #55575b;
  padding: 9px 19px;
}

.racing-programs .card-header a.collapsed {
  background-color: #7b7e81;
}

.racing-programs .card .card-header button {
  background-color: transparent;
}

.racing-programs .card .card-body {
  padding: 0px;
}

.racing-programs .card ul.nav {
  justify-content: normal!important;
  -ms-flex-pack: start!important;
}

.racing-programs .card .nav-item {
  background-color: #7b7e81;
  padding: 0px!important;
  border-width: 0px!important;
  width: auto!important;
}

.racing-programs .card .nav-item .nav-link {
  color: #fff;
  height: 100%;
  border-radius: 0px;
  border-width: 0px!important;
  color: #fff!important;
  font-size: 18px;
  padding: 7px 16px;
}

@media screen and (max-width: 500px) {
  .racing-programs .card .nav-item .nav-link {
    font-size: 15px;
    width: 30px;
    padding: 5px 0px!important;
    text-align: center;
  }
}

.racing-programs .card .nav-item .nav-link:hover {
  background-color: #4c4c4c;
}

.racing-programs .card .nav-item .nav-link.active {
  background-color: #ffa740;
}

.racing-programs .card .nav-item.pist_1 .nav-link.active {
  background-color: #50c878;
}

.horse {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 12px;
}

.horse .horse-row {
  display: -ms-flexbox!important;
  display: flex!important;
}

.horse .horse-between {
  -ms-flex-pack: justify!important;
  justify-content: space-between!important;
}

.horse .horse-jokey-name {
  font-size: 17px;
  color: #000;
  font-weight: bold;
}

@media screen and (max-width: 500px) {
  .horse .horse-jokey-name {
    font-size: 15px;
  }
}

.horse .detail {
  margin-top: 4px;
  font-size: 15px;
}

@media screen and (max-width: 500px) {
  .horse .detail {
    font-size: 13px;
  }
}

.horse .detail .overweight {
  color: #ff0000;
  font-size: 11px;
}

.horse .last-detail em {
  padding-left: 5px;
}

.horse .extras {
  margin-top: 6px;
  margin-bottom: 8px;
}

.horse .extras span {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 6px 8px;
  font-size: 14px;
  background-color: #f0f0f0;
  color: #000;
}

@media screen and (max-width: 500px) {
  .horse .extras span {
    padding: 4px 4px;
    font-size: 13px;
  }
}

.horse .extras span>span {
  color: #8a8a8a;
  margin-right: 0px;
  padding: 0px 2px 0px 0px;
}

@media screen and (max-width: 500px) {}

.race-detail {
  margin-bottom: 12px;
  background-color: #ffa740;
  padding: 11px 14px;
  color: #fff;
  font-size: 15px;
}

.pist_1 .race-detail {
  background-color: #50c878;
}

@media screen and (max-width: 500px) {
  .race-detail {
    padding: 8px;
    font-size: 14px;
  }
}

.date-choice {
  margin-bottom: 20px;
}

.date-choice .linkGetRaces, .date-choice .linkGetRaceResults {
  margin-left: 10px;
}

.date-col {
  max-width: 250px;
}

.race-header h2 {
  font-size: 24px;
  margin-bottom: 25px;
  font-weight: bold;
}

@media screen and (max-width: 500px) {
  .race-header h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

.run-detail {
  padding: 10px 10px;
  background-color: #ea6969;
  color: #fff;
  font-weight: bold;
  margin-bottom: 12px;
}

@media screen and (max-width: 500px) {
  .run-detail {
    font-size: 13px;
  }
}

.answering-comment {
  float: left;
  width: 100%;
  padding: 10px 30px 10px 20px;
  height: auto;
  background-color: #f0f0f0;
  margin-top: 10px;
  position: relative;
}

.answering-comment a {
  padding: 0px 5px !important;
  position: absolute !important;
  right: 5px !important;
  top: 5px !important;
  margin: 0px !important;
}

.writer-detail {
  width: 100%;
}

.forgot-btn {
  background: transparent;
  color: #000;
  font-size: 14px;
  padding: 0px;
  text-decoration: underline;
}

.forgot-btn:hover, .forgot-btn:focus {
  background: transparent;
  color: #dc7b19;
}

.register-btn {
  width: 180px;
}

@media screen and (min-width: 993px) {
  .home-mobile-order {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .home-order-2 {
    display: none;
  }
}

.winners .sub-title .date {
  flex: 0 0 150px;
}

.winners .sub-title .races {
  margin-left: 10px;
  flex: 0 0 200px;
}

.posts-col .sub-title h2 {
  font-size: 23.75px;
  font-family: "Arial";
  color: rgb(0, 0, 0);
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 30px;
}

.winner-table .col-h {
  background-color: rgb(227, 101, 101);
  font-size: 15px;
  font-family: "Arial";
  color: rgb(255, 255, 255);
  font-weight: bold;
  padding: 10px 15px;
  border-style: solid;
  border-color: #fff;
  border-width: 0px 1px 0px 0px;
}

.winner-table .col-h:last-child {
  border-width: 0px;
}

.winner-table .row-t {
  background-color: rgb(255, 255, 255);
  font-size: 14px;
  font-family: "Arial";
  color: rgb(41, 41, 41);
  padding: 0px;
}

.winner-table .col-t {
  border-style: solid;
  border-color: #c2c2c2;
  border-width: 0px 1px 0px 0px;
  padding: 10px 15px;
}

.winner-table .col-t:last-child {
  border-width: 0px;
}

.winner-table .row-t:nth-child(odd) {
  background-color: rgb(255, 255, 255);
}

.winner-table .row-t:nth-child(even) {
  background-color: rgb(244, 244, 244);
}

.winner-table .row {
  margin: 0px;
}

@media screen and (max-width: 575px) {
  .winner-table .col-h {
    border-width: 0px;
  }
  .winner-table .col-t {
    border-width: 0px;
  }
  .winners .sub-title .date-race {
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
  }
  .winners .sub-title .date {
    flex: 0 0 100%;
  }
  .winners .sub-title .races {
    margin-left: 0px;
    margin-top: 10px;
    flex: 0 0 100%;
  }
  .posts-col .sub-title h2 {
    font-size: 18px;
  }
}

.menu .navbar .nav-item .nav-link.yellow {
  color: #FFFF00;
}

@media screen and (max-width: 768px) {
  .menu .navbar .nav-item .nav-link.yellow {
    color: #333;
  }
}

.winner-col {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .winner-col {
    margin-top: 20px;
  }
}

.winner-col a {
  background-color: rgb(227, 101, 101);
  font-size: 15px;
  font-family: "Calibri", Arial;
  color: rgb(255, 255, 255);
  font-weight: normal;
  padding: 10px 15px;
  border-radius: 6px;
  margin-right: 15px;
}

.winner-col a:last-child {
  margin-right: 0px;
}

.winner-col a.link-red {
  background-color: #f74d4d;
}

.winner-col a.link-black {
  background-color: #000;
}

.winner-col a.link-orange {
  background-color: #fbab4c;
}

.winner-col a:hover {
  background-color: #333;
}

.inputs>span.span {
  background-color: transparent;
}

.payment-details .button {
  padding: 0px 45px;
}

@media screen and (max-width: 670px) {
  .winner-col a.link-black {
    width: 100%;
    display: inline-block;
    padding: 8px 15px;
  }
  .winner-col a.link-red, .winner-col a.link-orange {
    width: calc(50% - 10px);
    display: inline-block;
    margin-top: 10px;
    padding: 8px 15px;
  }
}

@media screen and (max-width: 500px) {
  .winner-col a.link-red, .winner-col a.link-orange {
    width: 100%;
    margin-right: 0px;
    display: inline-block;
    margin-top: 5px;
    padding: 8px 15px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .inputs .multiple input[type='text'] {
    width: 60px;
  }
}

@media (max-width: 500px) {
  .inputs .multiple input[type='text'] {
    max-width: 25%;
  }
}

@media (max-width: 500px) {
  .inputs.inputs-200 .multiple input[type='text'] {
    max-width: 30%;
    min-width: 50px;
  }
}

@media (max-width: 450px) {
  .inputs>span.span {
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .inputs>span.span {
    font-size: 13px;
  }
}

@media (max-width: 400px) {
  .inputs.inputs-200:first-child {
    width: 60%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .inputs.inputs-200 {
    width: 40%;
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .inputs.inputs-200:first-child {
    width: 60%;
    max-width: 100%;
  }
}

@media (max-width: 400px) {
  .inputs.inputs-200 {
    width: 40%;
  }
}

.inputs input[type='text'], .inputs input[type='password'], .cars-choice.complete .input-group input[type='text'] {
  width: 100%;
  border-color: #e3e3e3;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  margin-bottom: 20px;
  font-size: 12px;
  padding: 5.5px 10px;
}

@media (max-width: 768px) {
  .inputs input[type='text'], .inputs input[type='password'], .cars-choice.complete .input-group input[type='text'] {
    width: 100%;
    border-color: #e3e3e3;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin-bottom: 10px;
    font-size: 12px;
    padding: 5.5px 10px;
  }
}

.inputs .multiple {
  display: table;
  width: 100%;
  max-width: 230px;
}

.inputs {
  width: 100%;
  /*max-width: 200px;*/
  position: relative;
}

.inputs-200 {
  max-width: 200px;
}

.inputs input[type='text'], .inputs input[type='password'] {
  height: 37px;
  max-width: 330px;
}

#accountModal .nav-tabs .nav-item .nav-link {
  color: #ea6969;
}

#accountModal .nav-tabs .nav-item .nav-link.active {
  color: #495057;
}

.js-datatables a {
  color: #495057;
}

.js-datatables a .fas {
  color: #ea6969;
}

#accountModal .tab-pane {
  padding: 20px 10px;
  background: #f0f0f0;
  border: 1px solid #dee2e6;
  border-width: 0px 1px 1px 1px;
}

#accountModal .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #495057;
  background-color: #f0f0f0;
  border-color: #dee2e6 #dee2e6 #f0f0f0;
}

#accountModal .nav-tabs .nav-item {
  margin-bottom: -1px;
  flex: 0 0 50%;
  word-break: break-word;
  font-size: 15px;
}

.modal .inputs input[type='text'], .modal .inputs input[type='password'] {
  font-size: 14px;
  padding: 14px 14px;
  height: auto;
}

@media screen and (max-width: 500px) {
  .modal .inputs input[type='text'], .modal .inputs input[type='password'] {
    padding: 7px 7px;
  }
}

.modal-content .inputs input[type='text'], .modal-content .inputs input[type='password'] {
  max-width: 100%;
}

#daily-winner, #mountly-winner {
  border-style: solid;
  border-color: #eaeaea;
  border-width: 0px 1px 1px 1px;
}

#messageModal img {
  max-width: 100%!important;
}

.ucretsiz-uye-ol .winner-col a {
  font-size: 18px;
  font-weight: bold;;
}

.img-responsive {
  max-width: 100%;
}

.color-yellow {
  color: #d6d43b;
}

.input-bg {
  width: 100%;
  border-color: #e3e3e3;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  margin-bottom: 20px;    font-size: 14px;
  padding: 14px 14px;
  background-color: #fff;
}

.comments .comment p {
  white-space: pre-line;
}

.ckeditor-html5-audio audio {
    display: none;
}