.dr_tahmin { position: relative; }

.dr_tahmin .statics {text-align: center; z-index: 9999; color: #fff; padding: 20px; border-radius: 3px; line-height: 10px; font-size: 20px; background:#424242; width: 100%; font-weight: 300; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.17);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.17);
    margin: 10px 0;
}
.dr_tahmin .statics span {font-weight: bold; background-color: #fbd731; color: #424242; border-radius: 3px; padding-left: 5px; padding-right: 5px}
.dr_tahmin .content {padding: 35px 10px; background: #fff; width: 100%}
.dr_tahmin .title {background: #424242; -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.17);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.17);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.17); border-radius: 3px; padding: 10px; font-weight: bold; color: #fff}
.dr_tahmin .title .fa { margin-right: 10px }
.dr_tahmin .mr-10 {margin-right: 10px}
.dr_tahmin .col-md-6 {width: 49%; float: left; }
.dr_tahmin .comments li {border-bottom: 1px solid #efefef; padding: 10px}
.dr_tahmin .comments li a {text-decoration: none; color: #424242}
.dr_tahmin .comments li:hover { background-color: #efefef}
.dr_tahmin .comments li a span {font-size: 12px; font-weight: 600; display: block; margin-bottom: 8px}
.dr_tahmin .comments li p {font-weight: 400; font-size: 12px; line-height: 20px}
.dr_tahmin .comments li img {border-radius: 50%; height: 60px; background: #424242; width: 60px; float: left; margin-right: 10px; border: 3px solid #efefef}
.dr_tahmin .gallery {
    margin-top: 10px;
}
.dr_tahmin .gallery li {
    float: left;
    width: 80px;
    height: 80px;
    margin: 5px;
    border: 3px solid #efefef;
}
.dr_tahmin .gallery li img {
    width: 100%;
    height: 100%;
}
.title-alizarin {
    background: #e74c3c !important;
}

.spinner {
    margin: 20px auto;
    text-align: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0) }
40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
} 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
}
}


.dr_tahmin   .match-result {border-radius: 3px; float: left; color: #fff; background-color: rgba(0,0,0,0.8); width: 600px;}
.dr_tahmin   .match-result .spinner {padding: 20px; }
.dr_tahmin   .hareket {display: none; padding: 20px; color: #fff; text-align: center; line-height: 20px}
.dr_tahmin   .hareket img {max-width: 100px; margin:0 auto;}
.dr_tahmin   .match-result .tekrar {width: auto!important; margin: 20px; text-decoration: none; display: inline-block!important}

.dr_tahmin   .social p {color: #fff}
.dr_tahmin   .social {margin-bottom: 10px; margin-top: 10px; text-align: center; padding: 4px 10px}
.dr_tahmin   .social .fa {width: 32px; height: 32px; font-size: 17px; line-height: 31px}
.dr_tahmin   .social .color-fb {background: #3b5998; color: #fff}
.dr_tahmin   .social .color-tw {background: #326ada; color: #fff}
.dr_tahmin   .social .color-gplus {background: #d34836; color: #fff}
.dr_tahmin   .social a {display: inline-block}

.dr_tahmin #tekrar{
    position: relative;
    cursor: pointer;
    display: block;
    text-align: center;
    max-width: 150px;
    margin: 0 auto;
    font-size: 13px;
    margin-top: 20px;
    border-radius: 6px;
    font-weight: bold;
}
.dr_tahmin .takimlar{
    width: 100%;
    margin-top: 20px;
    height: 30px;
    position: relative;
}
.dr_tahmin .atakim{
    float: left;
    width: 230px;
    height: 30px;
    text-align: right;
    padding-top: 6px;font-size: 18px;
    padding-right: 10px;
}
.dr_tahmin .btakim{
    float: left;
    width: 230px;
    height: 30px;
    text-align: left;
    padding-top: 6px;font-size: 18px;padding-left: 10px;
}
.dr_tahmin .ticon{
    padding-top: 6px;
    width: 40px;
    height: 30px;
    float: left;
    text-align: center;
}
.dr_tahmin .sonuctext{
    margin: 0px auto;
    width: 50%;
    height: 22px;
    padding-top: 8px;
    background: khaki;

    font-size: 12px;
    text-align: center;
    margin-top: 10px;
}
.dr_tahmin .bar{
    background: #e74c3c;
    height: 30px;
    margin-top: -6px;
    font-size: 12px;
    font-weight: bold;
    overflow: hidden;
    text-align: center;
    padding-top: 7px;
    border-radius: 2px;
}
.dr_tahmin .ikodugor{
    margin-top:10px;
    width: 80px;
    padding-bottom: 2px;
    padding-top: 2px;
    background: #11321D;
    text-align: center;
    border-radius: 8px;
    margin-left: 221px;
    color: white;
    font-size: 12px;
}
.dr_tahmin .atakimlogo{
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
}
.dr_tahmin .btakimlogo{
    position: relative;
    float: left;
    width: 40px;
    height: 40px;
}
.dr_tahmin .sonucpaylas{
    position: absolute;
    width: 140px;
    text-align: center;

    font-size: 12px;
    font-weight: bold;
    color: white;
    background: cadetblue;
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: 436px;
    margin-top: -39px;
    cursor: pointer;
    border: 2px solid white;
    border-radius: 4px;
    box-shadow: 1px 1px 1px gray;
}

.dr_tahmin .hatri{
    position: relative;
    width: 100%;
    height: 170px;
    font-size: 14px;margin-top: 0px;
}
.dr_tahmin .hatri ul{
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    float: left;
    width: 100%;
    height: 40px;text-align: left;margin-top: 1px;
}
.dr_tahmin .hatri ul li{
    margin: 0px auto;
    padding: 0px;
    float: left;
    list-style: none;height: 28px;padding-top: 12px;margin-left: 5px;
}

/*  R10:LeadPHP Stylesheets */
.main-content
{
    background-image: url('https://i.hizliresim.com/5aWJnD.png');
    background-color: #2F3541;
    margin-top: -30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}