@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700&subset=latin-ext');



.btn { border-radius: 0!important; }

.form-control { border-radius: 0!important; }

a { text-decoration: none; }

a:hover { outline: none !important;  box-shadow: none !important; text-decoration: none; }

a:focus { outline: none !important;   box-shadow: none !important; text-decoration: none; }

button { outline: none !important;  box-shadow: none !important; }

body {

	font-family: 'Quicksand', sans-serif;

	padding-top: 5rem;

	 background: url('../images/slide-bg.png') no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  -o-background-size: cover;

  overflow-y: scroll;

}

.noneBg { background: none!important; }

.oyuncular:nth-child(3n) {
  display: none;
}

.align-items-center {

  -ms-flex-align: center!important;

  align-items: center!important;

}

.d-flex {

  display: -ms-flexbox!important;

  display: flex!important;

}



.headBg { background-color:#000000!important; }

.footBg { background-color:#eeeeee!important; }









.nav-tabs .nav-link{

    border-bottom:1px solid #dee2e6!important ;

    border-radius: 0!important;

}



.imagebox {

  background: black;

  padding: 0px;

  position: relative;

  text-align: center;

  width: 100%;

}



.dmenu { cursor: pointer; }

.card-title { min-height: 60px; }

.imagebox .imagebox-desc {

  background-color: rgba(0, 0, 0, 0.6);

  bottom: 0px;

  padding: 10px;

  color: white;

  left: 0px;

  position: absolute;

  transition: 0.5s padding;

  text-align: center;

  width: 100%;

}



.imagebox:hover img {

  opacity: 0.7;

}













.white {

  color: #fff !important;

}

.bg-blue-ui {

  background-color: #708198 !important;

}



#blogCarousel {

  padding-bottom: 100px;

}







/* The colour of the indicators */



.blog .carousel-indicators li {

  background: #708198;

}



.blog .carousel-indicators .active {

  background: #0fc9af;

}









.item-carousel-blog-block {

  outline: medium none;

  padding: 15px;

}



.item-box-blog {

  border: 1px solid #dadada;

  text-align: center;

  z-index: 4;

}



.item-box-blog-image {

  position: relative;

}



.item-box-blog-image figure img {

  width: 100%;

  height: auto;

}



.item-box-blog-date {

  position: absolute;

  z-index: 5;

  padding: 4px 20px;

  top: -20px;

  right: 8px;

  background-color: #41cb52;

}



.item-box-blog-date span {

  color: #fff;

  display: block;

  text-align: center;

  line-height: 1.2;

}



.item-box-blog-date span.mon {

  font-size: 18px;

}



.item-box-blog-date span.day {

  font-size: 16px;

}



.item-box-blog-body {

  padding: 10px;

}



.item-heading-blog a h5 {

  margin: 0;

  line-height: 1;

  text-decoration:none;

  transition: color 0.3s;

}



.item-box-blog-heading a {

    text-decoration: none;

}



.item-box-blog-data p {

  font-size: 13px;

}



.item-box-blog-data p i {

  font-size: 12px;

}



.item-box-blog-text {

  max-height: 100px;

  overflow: hidden;

}



.mt-10 {

  float: left;

  margin-top: -10px;

  padding-top: 10px;

}



.btn.bg-blue-ui.white.read {

  cursor: pointer;

  padding: 4px 20px;

  float: left;

  margin-top: 10px;

}



.btn.bg-blue-ui.white.read:hover {

  box-shadow: 0px 5px 15px inset #4d5f77;

}





.meta,

.meta a,

.more {

    color: #999999;

    font-size: 14px;

}

.more {

  font-size: 13px;

  line-height: 1;

}

.more:after {

  content: "→";

  padding-left: 5px;

}

.meta a:hover,

.more:hover {

  color: #70aed2

}

.meta {

    display: block;

    margin-bottom: 10px;

}

.meta span:before {

    content: "/";

    padding: 0 10px;

    color: #b5b5b5;

}

.meta span:first-child:before {

    display: none

}

.meta.tags {

    margin: 0 !important;

}







.modal-dialog {

      max-width: 800px;

      margin: 30px auto;

  }







.modal-body {

  position:relative;

  padding:0px;

}

.close {

  position:absolute;

  right:-30px;

  top:0;

  z-index:999;

  font-size:2rem;

  font-weight: normal;

  color:#fff;

  opacity:1;

}



.pointer img { cursor: pointer; }