body{background: url('http://v2.pronetcdn.com/pulibet/uploaded_files/00-promo-page-bg.jpg') no-repeat top center;}
.boldlist ol li{font-weight:bold;font-size:14px;}
.boldlist li div{font-weight:normal;}
.content-pro3{width:1250px;display:block;}
.content-pro3 .content-row{display:block;}
.content-pro3 .content-center{height:auto!important;display:block;}
.divortapad10 .container{padding: 0;width: 95%;}
.divortapad10 .container .row{margin: 0;}
.PromoBox{margin: 5px;}
.PromoBox img{margin-bottom: 5px;width: 100%;height: 235px;}

.PromoBox p{color: #444;font-size: 14px;}

.PromoBox p.title {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;font-size: 16px;line-height: 1.2;letter-spacing: -1px;}

.bgpromotions {
    background: none !important;
}

.PromoBox a {
    background: -moz-linear-gradient(310deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(24, 30, 49, 1)), color-stop(49%, rgba(3, 18, 34, 1)), color-stop(50%, rgba(14, 42, 73, 1)), color-stop(100%, rgba(3, 18, 34, 1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(310deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(310deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(310deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* ie10+ */
    background: linear-gradient(140deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#181e31', endColorstr='#031222', GradientType=0); /* ie6-9 */

    display: inline-block;
    padding: 10px 20px;
    color: #fff;

}

.PromoBox a:hover {
    background: -moz-linear-gradient(130deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(3, 18, 34, 1)), color-stop(50%, rgba(14, 42, 73, 1)), color-stop(51%, rgba(3, 18, 34, 1)), color-stop(100%, rgba(24, 30, 49, 1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(130deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(130deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(130deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* ie10+ */
    background: linear-gradient(320deg, rgba(24, 30, 49, 1) 0%, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#031222', endColorstr='#181e31', GradientType=0); /* ie6-9 */
}

#PromoPageHeader {
    border-bottom: 1px solid #fff;
    padding: 15px 20px;
}

#PromoGenel {
    padding: 20px;
    background: -moz-linear-gradient(310deg, rgba(254, 254, 254, 1) 0%, rgba(206, 206, 206, 1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(100%, rgba(206, 206, 206, 1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(310deg, rgba(254, 254, 254, 1) 0%, rgba(206, 206, 206, 1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(310deg, rgba(254, 254, 254, 1) 0%, rgba(206, 206, 206, 1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(310deg, rgba(254, 254, 254, 1) 0%, rgba(206, 206, 206, 1) 100%); /* ie10+ */
    background: linear-gradient(140deg, rgba(254, 254, 254, 1) 0%, rgba(206, 206, 206, 1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#cecece', GradientType=0); /* ie6-9 */
}

#PromoGenel p {
    color: #444;
    padding-left: 15px;
    margin: 0 0 5px;
}

.OverlayContentInner {
    max-width: 1250px;
    text-align: left;
    width: 100%;
    margin: 0 auto;
    color: #fff;
}

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0, 0, 0); /* Black fallback color */
    background-color: rgba(0, 0, 0, 0.95); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 15%; /* 25% from the top */
    width: 100%; /* 100% width */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    transition: 0.3s;
    position: absolute;
    right: 25px;
    font-size: 60px;
    line-height: 1;
    margin: 0;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}


#PromoPopup.modal {
    top:5%;
    max-width: 695px;
    max-height: 85%;
}

#PromoPopup.modal ul.tabs{
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
}

#PromoPopup.modal ul.tabs .tab a.active{
    font-weight: bold;
}

#PromoPopup.modal .modal-content{
    padding:10px;
}


#PromoPopup .modal-body {
    background: #f5f7f6;
}

#PromoPopup button.close {
    position: absolute;
    right: 0;
    top: -20px;
    background: #f5f7f6;
    opacity: 1;
    padding: 0 5px;
}


@media screen and (max-width: 600px) {
    #PromoPopup .modal-dialog {
        width: 100%;
    }
}

#PopHeaderImage, #AciklamaGorseli {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    width: 100%;
    max-width:100%;
    height: auto;
}

#PopHeaderButton {
    curosr: pointer;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: -moz-linear-gradient(310deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(24, 30, 49, 1)), color-stop(49%, rgba(3, 18, 34, 1)), color-stop(50%, rgba(14, 42, 73, 1)), color-stop(100%, rgba(3, 18, 34, 1)));
    background: -webkit-linear-gradient(310deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    background: -o-linear-gradient(310deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    background: -ms-linear-gradient(310deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    background: linear-gradient(140deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#181e31', endColorstr='#031222', GradientType=0);
    display: inline-block;
    padding: 10px 20px;
    color: #fff
}

#PopHeaderButton:hover {
    background: -moz-linear-gradient(130deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(3, 18, 34, 1)), color-stop(50%, rgba(14, 42, 73, 1)), color-stop(51%, rgba(3, 18, 34, 1)), color-stop(100%, rgba(24, 30, 49, 1)));
    background: -webkit-linear-gradient(130deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    background: -o-linear-gradient(130deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    background: -ms-linear-gradient(130deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    background: linear-gradient(320deg, rgba(24, 30, 49, 1) 0, rgba(3, 18, 34, 1) 49%, rgba(14, 42, 73, 1) 50%, rgba(3, 18, 34, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#031222', endColorstr='#181e31', GradientType=0)
}

#TabRules {
    padding: 10px;color:#444;

}

#TabRules ul {
    list-style: numeric;
    padding-left: 20px;
}
#TabRules ul ul li{
    list-style: circle;
}

#TabRules ul li {
    font-weight: normal;
    list-style: numeric;
}

#TabRules p strong{
    font-weight: bold;

}

#TabRules strong{
    font-weight: bold;

}
#PromoPopup .nav-tabs {
    margin-top: 5px;
}

.TabHide{
    display: none!important;
}