.modal-U7Uabout{ font-family: 'Open Sans', sans-serif; } .modal-U7Uabout .show-modal{ color: #0d60ad; background-color: #fff; font-size: 18px; font-weight: 600; text-transform: capitalize; padding: 10px 15px; margin: 80px auto 0; border: none; outline: none; border-radius: 20px/50px; display: block; transition: all 0.3s ease 0s; } .modal-U7Uabout .show-modal:hover, .modal-U7Uabout .show-modal:focus{ color: #0d60ad; outline: none; box-shadow: none; } .modal-backdrop.in{ opacity: 0; } .modal-U7Uabout .modal{ top: 0px !important; } .modal-U7Uabout .modal-dialog{ width: 350px; margin: 0px auto 0; } .modal.fade .modal-dialog{ opacity: 0; transform: translate(0,-30%) scale(0); } .modal.fade.in .modal-dialog{ opacity: 1; transform: translate(0,0) scale(1); } .modal-U7Uabout .modal-dialog .modal-content{ background: transparent; text-align: center; border: none; } .modal-U7Uabout .modal-dialog .modal-content .close { position: absolute; display: block; width: 25px; height: 25px; border: 2px solid #FFFFFF; line-height: 0.0; color: #FFFFFF; border-radius: 50%; padding-top: 5px; cursor: pointer; font-family: arial; z-index: 3; font-size: 22px; font-weight: 600; display: block; top: 0px; cursor: pointer; transition: all 0.3s; right: 5px; } .modal-U7Uabout .modal-dialog .modal-content .close span{ margin: -2px 0 0 0; display: block; } .modal-U7Uabout .modal-dialog .modal-content .close:hover{ color: #222; } .modal-U7Uabout .modal-dialog .modal-content .close:focus{ outline: none; } .modal-U7Uabout .modal-dialog .modal-content .modal-body{ padding: 15px 0 !important; } .modal-U7Uabout .modal-dialog .modal-content .modal-body .title{ color: #111; font-size: 20px; font-weight: 600; text-transform: capitalize; padding: 0 0 10px; margin: 0 0 20px 0; border-bottom: 2px solid #eee8e8; } .modal-U7Uabout .modal-dialog .modal-content .modal-body .icon{ color: #fff; background: #0d60ad; font-size: 50px; line-height: 100px; width: 100px; height: 100px; margin: 0 auto 20px; border-radius: 100px; } .modal-U7Uabout .modal-dialog .modal-content .modal-body .description{ color: #777; font-size: 14px; font-weight: 500; margin: 0 15px 20px; } .modal-U7Uabout .modal-dialog .modal-content .modal-body .subscribe{ color: #0d60ad; background-color: #ececec; font-size: 14px; font-weight: 600; text-transform: capitalize; padding: 5px 0; margin: 0 5px 5px; display: block; transition: all 0.3s ease 0s; } .modal-U7Uabout .modal-dialog .modal-content .modal-body .subscribe:hover, .modal-U7Uabout .modal-dialog .modal-content .modal-body .subscribe:focus{ color: #fff; background-color: #222; letter-spacing: 2px; } .modal-U7Uabout .modal-dialog .modal-content .modal-body .subscribe.manage{ color: #fff; background: #0d60ad; margin: 0 15px; } .modal-U7Uabout .modal-dialog .modal-content .modal-body .subscribe.manage:hover{ color: #fff; background-color: #222; }
.close1 {position: relative;top: 3px;}
.close33 {
    float: none;
    display: block;
    color: #9895e6;
    background-color: #fff;
    font-size: 25px;
    font-weight: 200;
    text-shadow: none;
    line-height: 20px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: 2px solid #fff;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    left: auto;
    top: 15px;
    right: 15px;
    z-index: 1;
    transition: all .3s ease 0s;
    cursor: pointer;
}
.counterPriz:before  {
    content: '';
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    background: linear-gradient(to left top, #072844, #061B2D)!important;
    border: 3px solid #3483bb!important;
    border-radius: 27px!important;
    position: absolute;
    left: 10px;
    top: 10px;
    bottom: 10px;
    right: 10px;
    z-index: -1; transition: all .3s ease 0s;
}
.counterPriz:after {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5)!important;
    background: linear-gradient(to left top, #3483bb, #4aa3d7);!important; transition: all .3s ease 0s; border: 3px solid #072844!important;
}




 @media only screen and (max-width: 576px){ .modal-dialog{ width: 93% !important; } } .modal-U7Uabout .counterAAPriz{ font-family: 'Muli', sans-serif; text-align: center; width: 100%; padding: 30px 15px; margin: 0 auto; position: relative; z-index: 1; min-height:200px; } .modal-U7Uabout .counterAAPriz:before, .modal-U7Uabout .counterAAPriz:after{ content: ''; background-image: linear-gradient(to bottom, #1a5684 0%, #668dab 51%, #1a5684 100%);  border: .05em solid #040606; border-radius: 27px; position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: -1;  box-shadow: inset 0 2px 0 rgba(255,247,214,0.6); } .modal-U7Uabout .counterAAPriz:after{ background-image: linear-gradient(to bottom, #866432 0%, #ffe49e 51%, #876431 100%);  transform: rotate(-3deg) scale(1.13); left: 8px; right: 8px; z-index: -2; } .modal-U7Uabout .counterAAPriz .counterAAPriz-value{ color: #07374e; background-color: #fff; font-size: 30px; font-weight: 700; margin: 0 0 10px; border-radius: 15px; display: block; } .modal-U7Uabout .counterAAPriz h3{ color: #fff; font-size: 14px; font-weight: 600; margin: 15px 0 0px; display:block; } .modal-U7Uabout .counterAAPriz.purple:before{ background-color: #7c23ef; } .modal-U7Uabout .counterAAPriz.orange:before{ background-color: #ef5a23; } .modal-U7Uabout .counterAAPriz.green:before{ background-color: #2ab22a; } .ball_igra_MOD {font-size:1.3em; display: inline-block;}  .ball_igra_MOD::before{content:attr(data-value); background:transparent linear-gradient(to bottom, #866432 0%, #ffe49e 51%, #876431 100%);-webkit-background-clip:text;background-clip:text;text-shadow: 2px 2px 3px rgba(255,255,255,0.1);font-family:'Roboto', 'Roboto Local', sans-serif;font-weight:900;font-style:initial;color:#fff;-webkit-text-fill-color:transparent;right:0;} @media screen and (max-width:990px){ .modal-U7Uabout .counterAAPriz{ margin-bottom: 40px; } } .modal-content { -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important; } .vivod { color: #DDFFFF; font-weight:600; transition: all 0.3s ease 0s; cursor:pointer; } .vivod:hover { color: #97FFFF; }