.modal-BALLAbout{ font-family: 'Open Sans', sans-serif; } .modal-BALLAbout .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-BALLAbout .show-modal:hover, .modal-BALLAbout .show-modal:focus{ color: #0d60ad; outline: none; box-shadow: none; } .modal-backdrop.in{ opacity: 0; } .modal-BALLAbout .modal{ top: 0px !important; } .modal-BALLAbout .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-BALLAbout .modal-dialog .modal-content{ background: transparent; text-align: center; border: none; } ..modal-BALLAbout .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-BALLAbout .modal-dialog .modal-content .close span{ margin: -2px 0 0 0; display: block; } .modal-BALLAbout .modal-dialog .modal-content .close:hover{ color: #222; } .modal-BALLAbout .modal-dialog .modal-content .close:focus{ outline: none; } .modal-BALLAbout .modal-dialog .modal-content .modal-body{ padding: 15px 0 !important; } .modal-BALLAbout .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-BALLAbout .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-BALLAbout .modal-dialog .modal-content .modal-body .description{ color: #777; font-size: 14px; font-weight: 500; margin: 0 15px 20px; } .modal-BALLAbout .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-BALLAbout .modal-dialog .modal-content .modal-body .subscribe:hover, .modal-BALLAbout .modal-dialog .modal-content .modal-body .subscribe:focus{ color: #fff; background-color: #222; letter-spacing: 2px; } .modal-BALLAbout .modal-dialog .modal-content .modal-body .subscribe.manage{ color: #fff; background: #0d60ad; margin: 0 15px; } .modal-BALLAbout .modal-dialog .modal-content .modal-body .subscribe.manage:hover{ color: #fff; background-color: #222; } @media only screen and (max-width: 576px){ .modal-dialog{ width: 93% !important; } } .modal-BALLAbout .counterPriz{ font-family: 'Muli', sans-serif; text-align: center; width: 100%; padding: 30px 30px; margin: 0 auto; position: relative; z-index: 1; min-height:200px; } .modal-BALLAbout .counterPriz:before, .modal-BALLAbout .counterPriz: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-BALLAbout .counterPriz: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-BALLAbout .counterPriz .counterPriz-value{ color: #07374e; background-color: #fff; font-size: 30px; font-weight: 700; margin: 0 0 10px; border-radius: 15px; display: block; } .modal-BALLAbout .counterPriz h3{ color: #fff; font-size: 14px; font-weight: 600; margin: 15px 0 0px; display:block; } .modal-BALLAbout .counterPriz.purple:before{ background-color: #7c23ef; } .modal-BALLAbout .counterPriz.orange:before{ background-color: #ef5a23; } .modal-BALLAbout .counterPriz.green:before{ background-color: #2ab22a; } .ball_igra_MOD {font-size:1.3em; display: inline-block; cursor:pointer;}  .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-BALLAbout .counterPriz{ 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; font-weight:400; transition: all 0.3s ease 0s; } .example-modal .modal { position: relative; top: auto; width:100%; bottom: auto; right: auto; left: auto; display: block; z-index: 1; } .example-modal .modal { background: transparent!important; } .modal-dialog { } .modal-dialog { width:100%; } .modal-body { min-height:100px; } .tab11 { font-size:16px; } .box_ball { display:block; width:100%; max-width:1000px; margin-left: auto; margin-right: auto; } .abn1 { display: inline-block; min-width:250px; max-width:350px; width:29%; margin:2%; position:relative;} .abn2 { display: inline-block; min-width:250px;  max-width:350px; width:29%; margin:2%; position:relative;} .abn3 { display: inline-block; min-width:250px;  max-width:350px; width:29%;  margin:2%; position:relative;} .ball_igra { display:block; width:100%;  height: 300px; position: relative;  direction: ltr; transition: all 0.3s; z-index:1; margin-left: auto; margin-right: auto;} .ball_igra:before, .ball_igra:after{ content: ''; border: .15em solid #b2c8da; border-radius: 12px; position: absolute; left: 20px; top: 2px; bottom: 2px; right: 20px; z-index: -1; } .ball_igra:after{ transform: rotate(-3deg) scale(1.13); left: 8px; right: 8px; z-index: -2; } .ball_igra::before { content: ''; display: block; position: absolute; width: calc(100% - 10px); height: calc(100% - 10px); top: 5px; left:5px; border: .10em solid #b2c8da; border-radius: 16px; background-color: #1a5684; } .ball_igra_txt {font-size:1.1em; display: inline-block; cursor:pointer;}  .ball_igra_txt::before{content:attr(data-value);position: relative; top:15px; background:transparent linear-gradient(to bottom, #866432 0%, #ffe49e 51%, #876431 100%);color:#fff; -webkit-background-clip:text;background-clip:text;text-shadow:none;font-family:'Roboto', 'Roboto Local', sans-serif;font-weight:900;font-style:initial;color:#fff;-webkit-text-fill-color:transparent;right:0} .ball_sm_txt {font-size:1.1em; display: inline-block; cursor:pointer;}  .ball_sm_txt::before{content:attr(data-value);position: relative; top:15px; background:transparent linear-gradient(to bottom, #ddf3f9 0%, #f6fafb 51%, #a0bac3 100%);color:#fff; -webkit-background-clip:text;background-clip:text;text-shadow:none;font-family:'Roboto', 'Roboto Local', sans-serif;font-weight:900;font-style:initial;color:#fff;-webkit-text-fill-color:transparent;right:0} .ball_priz_txt {font-size:1.1em; display: inline-block; cursor:pointer;}  .ball_priz_txt::before{content:attr(data-value);position: relative; top:15px; background:transparent linear-gradient(to bottom, #ddf3f9 0%, #f6fafb 51%, #a0bac3 100%);color:#fff; -webkit-background-clip:text;background-clip:text;text-shadow:none;font-family:'Roboto', 'Roboto Local', sans-serif;font-weight:900;font-style:initial;color:#fff;-webkit-text-fill-color:transparent;right:0} .ball_igra_value {font-size: 1.4em; display: block; position: relative; left: 15x;  margin: 15px; cursor:pointer;} .bal__igra_value_sum {font-size:0.8em; display:block; width:110px; height:27px; background-image: linear-gradient(to bottom, #866432 0%, #ecd59b 35%, #fcf5e1 50%, #ffe49e 65%, #876431 100%); line-height:1.55; color: #1a5684; border-radius: 4px 4px;  font-weight:900; text-align:center; position: absolute; left:calc(50% - 55px); transition: all 0.3s;  text-shadow: rgba(255,255,255,0.5) 0px 1px 1px; top:7px; } .bal__igra_value_sum:hover {background-image: linear-gradient(to bottom, #866432 0%, #ffe49e 20%, #FFFFFF 50%, #ffe49e 80%, #876431 100%); } .menuPlus {  border: 2px solid  #FFFFFF; line-height: 1.35; color: #FFFFFF;  border-radius: 5px; padding: 2px; cursor: pointer; font-family: arial; z-index: 3; font-size: 12px; font-weight: 900; display: block; top: -4px; cursor:pointer; transition: all 0.3s; } .menuPlus:hover {  background-image:  linear-gradient(to bottom, #fcf5e1 0%, #ecd59b 5%, #876431 50%, #ffe49e 95%, #fcf5e1 100%);    border: 2px solid #FFFFFF; line-height: 1.35; color: #FFFFFF; } .minus	 { position: absolute; right:calc(50% + 60px); top:8px; width:60px; height: 27px;  }	 .plus	 { position: absolute; left:calc(50% + 60px); top:8px; width:60px; height: 27px; } .buy 	{ position: absolute;  left:calc(50% - 63px); top:40px; width:126px; height: 27px;  } .ball_igra_about	{    position: absolute; display: block; width: 100%; height: 130px; padding:9px; font-weight:600; color: #FFFFFF; top: 110px; left:0px; font-size: 83%; cursor: pointer; transition: all 0.3s; opacity: 0.95; line-height:1.15; } .ball_igra_about:hover	{  opacity: 1; color:#FFFFFF;  } .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: -5px; right: -15px; z-index: 1; transition: all .3s ease 0s; cursor: pointer; } .close1 { position: relative; top: 3px; left: 1px; } .close33:hover { color:#fff; background-image: linear-gradient(to bottom, #1a5684 0%, #668dab 51%, #1a5684 100%); } .close33:focus { outline:none } .igr:before{ background-image: linear-gradient(to bottom, #1a5684 0%, #668dab 51%, #1a5684 100%);} .sm:before{ background-image: linear-gradient(to bottom, #866432 0%, #e9ad14 51%, #876431 100%);} .priz:before{ background-image: linear-gradient(to bottom, #0792b4 0%, #06b5e0 51%, #067e9c 100%);} .igr:after{ background-image: linear-gradient(to bottom, #866432 0%, #ffe49e 51%, #876431 100%);} .sm:after{ background-image: linear-gradient(to bottom, #1a5684 0%, #668dab 51%, #1a5684 100%);} .priz:after{ background-image: linear-gradient(to bottom, #866432 0%, #ffe49e 51%, #876431 100%);} .sgh { background-color: #11314a !important;} .bakimg { display:block; position:absolute; width:100%; height:100%; background-image: url(img/LotoBIGBIG.jpg); min-height: 994px; background-repeat: no-repeat; background-position: top; background-size: 100%; opacity: 0.6; z-index:1; background-color: #11314a !important; } .Glavtxt {font-size:1.1em; display: inline-block; cursor:pointer; margin-left: auto; margin-right: auto; position:relative; z-index:1;}  .Glavtxt::before{content:attr(data-value);position: relative; top:-10px; background:transparent linear-gradient(to bottom, #866432 0%, #ffe49e 51%, #876431 100%); -webkit-background-clip:text; background-clip:text;text-shadow:none;font-family:'Roboto', 'Roboto Local', sans-serif;font-weight:900;font-style:initial;color:#fff;-webkit-text-fill-color:transparent; right:0} @media (max-width: 1180px) {  .abn1 {  min-width:250px; width:45%; margin:2%;} .abn2 {  min-width:250px; width:45%; margin:2%;} .abn3 { display: block; width:45%;  margin-left: auto; margin-right: auto;  margin-top:35px;} .priz {height: 270px;}  .igr{ height: 270px;} .sm{height: 270px;} }  @media (max-width: 850px) {  .abn1 {  min-width:250px; display: block; width:90%; margin-left: auto; margin-right: auto; margin-top:0px;} .abn2 { min-width:250px; display: block;  width:90%; margin-left: auto; margin-right: auto; margin-top:12px;} .abn3 { min-width:250px; display: block; width:90%;  margin-left: auto; margin-right: auto; margin-top:12px;} .priz {height: 140px;}  .igr{ height: 183px;} .sm{height: 200px;} .ball_priz_txt {font-size:0.95em; } .ball_igra_txt{font-size:0.95em; } .ball_sm_txt{font-size:0.95em; } .ball_priz_txt::before{top: 5px; font-weight: 900;} .ball_igra_txt::before{top: 5px; font-weight: 900;} .ball_sm_txt::before{top: 5px; font-weight: 900;} .ball_igra_value { margin: 2px; } .bal__igra_value_sum {font-size: 0.65em; height: 22px;} .plus {height: 22px;} .minus {height: 22px;} .menuPlus {border: 1px solid #FFFFFF;line-height: 1.15;padding: 2px;font-size: 12px;} .buy {top: 33px; height: 22px;} .ball_igra_about { top: 75px;} .ball_igra:after{ transform: rotate(-2deg) scale(1.09); border: 1px solid #b2c8da;  }  }  @media (max-width: 450px) {  .ball_igra_about	{     font-size: 80%; line-height:1.1; } }  .modal-boxNOTmin00{ font-family: 'Open Sans', sans-serif; } .modal-boxNOTmin00 .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-boxNOTmin00 .show-modal:hover, .modal-boxNOTmin00 .show-modal:focus{ color: #0d60ad; outline: none; box-shadow: none; } .modal-backdrop.in{ opacity: 0; } .modal-boxNOTmin00 .modal{ top: 0px !important; } .modal-boxNOTmin00 .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-boxNOTmin00 .modal-dialog .modal-content{ background: transparent; text-align: center; border: none; } .modal-boxNOTmin00 .modal-dialog .modal-content .close{ color: #0d60ad; font-size: 25px; line-height: 12px; text-shadow: none; opacity: 1; position: absolute; left: auto; right: 5px; top: 8px; z-index: 1; transition: all 0.3s; } .modal-boxNOTmin00 .modal-dialog .modal-content .close span{ margin: -2px 0 0 0; display: block; } .modal-boxNOTmin00 .modal-dialog .modal-content .close:hover{ color: #222; } .modal-boxNOTmin00 .modal-dialog .modal-content .close:focus{ outline: none; } .modal-boxNOTmin00 .modal-dialog .modal-content .modal-body{ padding: 15px 0 !important; } .modal-boxNOTmin00 .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-boxNOTmin00 .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-boxNOTmin00 .modal-dialog .modal-content .modal-body .description{ color: #777; font-size: 14px; font-weight: 500; margin: 0 15px 20px; } .modal-boxNOTmin00 .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-boxNOTmin00 .modal-dialog .modal-content .modal-body .subscribe:hover, .modal-boxNOTmin00 .modal-dialog .modal-content .modal-body .subscribe:focus{ color: #fff; background-color: #222; letter-spacing: 2px; } .modal-boxNOTmin00 .modal-dialog .modal-content .modal-body .subscribe.manage{ color: #fff; background: #0d60ad; margin: 0 15px; } .modal-boxNOTmin00 .modal-dialog .modal-content .modal-body .subscribe.manage:hover{ color: #fff; background-color: #222; } @media only screen and (max-width: 576px){ .modal-dialog{ width: 93% !important; } } .counterPriz{ font-family: 'Muli', sans-serif; text-align: center; width: 100%; padding: 30px 30px; margin: 0 auto; position: relative; z-index: 1; min-height:200px; } .counterPriz:before, .counterPriz:after{ content: ''; background-color: #3C8DBC; border: 3px solid #fff; border-radius: 27px; position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: -1; } .counterPriz:after{ background-color: #d27c02; border-color:#3C8DBC; transform: rotate(-6deg); left: 8px; right: 8px; z-index: -2; } .counterPriz .counterPriz-value{ color: #07374e; background-color: #fff; font-size: 30px; font-weight: 700; margin: 0 0 10px; border-radius: 15px; display: block; } .counterPriz h3{ color: #fff; font-size: 14px; font-weight: 600; margin: 15px 0 0px; display:block; } .counterPriz.purple:before{ background-color: #7c23ef; } .counterPriz.orange:before{ background-color: #ef5a23; } .counterPriz.green:before{ background-color: #2ab22a; } .modal-boxNOTmin00 .modal-dialog .modal-content .modal-body .opl {background-color: #E9374C; color:#CCCCCC; margin-bottom:15px; border-radius: 10px;} .modal-boxNOTmin00 .modal-dialog .modal-content .modal-body .opl2 { border-radius: 10px; margin: 0 50px 5px;} @media screen and (max-width:990px){ .counterPriz{ 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; } .box { position: relative; border-radius: 3px; background: transparent!important;  border-top: 0px solid #d2d6de!important;  margin-bottom: 0px!important;  width: 100%!important;  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0)!important;  } .modal-boxNOTmin00SM{ font-family: 'Open Sans', sans-serif; } .modal-boxNOTmin00SM .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-boxNOTmin00SM .show-modal:hover, .modal-boxNOTmin00SM .show-modal:focus{ color: #0d60ad; outline: none; box-shadow: none; } .modal-backdrop.in{ opacity: 0; } .modal-boxNOTmin00SM .modal{ top: 0px !important; } .modal-boxNOTmin00SM .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-boxNOTmin00SM .modal-dialog .modal-content{ background: transparent; text-align: center; border: none; } .modal-boxNOTmin00SM .modal-dialog .modal-content .close{ color: #0d60ad; font-size: 25px; line-height: 12px; text-shadow: none; opacity: 1; position: absolute; left: auto; right: 5px; top: 8px; z-index: 1; transition: all 0.3s; } .modal-boxNOTmin00SM .modal-dialog .modal-content .close span{ margin: -2px 0 0 0; display: block; } .modal-boxNOTmin00SM .modal-dialog .modal-content .close:hover{ color: #222; } .modal-boxNOTmin00SM .modal-dialog .modal-content .close:focus{ outline: none; } .modal-boxNOTmin00SM .modal-dialog .modal-content .modal-body{ padding: 15px 0 !important; } .modal-boxNOTmin00SM .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-boxNOTmin00SM .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-boxNOTmin00SM .modal-dialog .modal-content .modal-body .description{ color: #777; font-size: 14px; font-weight: 500; margin: 0 15px 20px; } .modal-boxNOTmin00SM .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-boxNOTmin00SM .modal-dialog .modal-content .modal-body .subscribe:hover, .modal-boxNOTmin00SM .modal-dialog .modal-content .modal-body .subscribe:focus{ color: #fff; background-color: #222; letter-spacing: 2px; } .modal-boxNOTmin00SM .modal-dialog .modal-content .modal-body .subscribe.manage{ color: #fff; background: #0d60ad; margin: 0 15px; } .modal-boxNOTmin00SM .modal-dialog .modal-content .modal-body .subscribe.manage:hover{ color: #fff; background-color: #222; } @media only screen and (max-width: 576px){ .modal-dialog{ width: 93% !important; } } .counterPrizSM{ font-family: 'Muli', sans-serif; text-align: center; width: 100%; padding: 30px 30px; margin: 0 auto; position: relative; z-index: 1; min-height:200px; } .counterPrizSM:before, .counterPrizSM:after{ content: ''; background-color: #d27c02; border: 3px solid #fff; border-radius: 27px; position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: -1; } .counterPrizSM:after{ background-color: #3C8DBC; border-color: #d27c02; transform: rotate(-6deg); left: 8px; right: 8px; z-index: -2; } .counterPrizSM .counterPrizSM-value{ color: #07374e; background-color: #fff; font-size: 30px; font-weight: 700; margin: 0 0 10px; border-radius: 15px; display: block; } .counterPrizSM h3{ color: #fff; font-size: 14px; font-weight: 600; margin: 15px 0 0px; display:block; } .counterPrizSM.purple:before{ background-color: #7c23ef; } .counterPrizSM.orange:before{ background-color: #ef5a23; } .counterPrizSM.green:before{ background-color: #2ab22a; } .modal-boxNOTmin00SM .modal-dialog .modal-content .modal-body .opl {background-color: #E9374C; color:#CCCCCC; margin-bottom:15px; border-radius: 10px;} .modal-boxNOTmin00SM .modal-dialog .modal-content .modal-body .opl2 { border-radius: 10px; margin: 0 50px 5px;} @media screen and (max-width:990px){ .counterPrizSM{ 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; } .box { position: relative; border-radius: 3px; background: transparent!important;  border-top: 0px solid #d2d6de!important;  margin-bottom: 0px!important;  width: 100%!important;  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0)!important;  } .modal-boxNOTmin00OK{ font-family: 'Open Sans', sans-serif; } .modal-boxNOTmin00OK .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-boxNOTmin00OK .show-modal:hover, .modal-boxNOTmin00OK .show-modal:focus{ color: #0d60ad; outline: none; box-shadow: none; } .modal-backdrop.in{ opacity: 0; } .modal-boxNOTmin00OK .modal{ top: 0px !important; } .modal-boxNOTmin00OK .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-boxNOTmin00OK .modal-dialog .modal-content{ background: transparent; text-align: center; border: none; } .modal-boxNOTmin00OK .modal-dialog .modal-content .close{ color: #0d60ad; font-size: 25px; line-height: 12px; text-shadow: none; opacity: 1; position: absolute; left: auto; right: 5px; top: 8px; z-index: 1; transition: all 0.3s; } .modal-boxNOTmin00OK .modal-dialog .modal-content .close span{ margin: -2px 0 0 0; display: block; } .modal-boxNOTmin00OK .modal-dialog .modal-content .close:hover{ color: #222; } .modal-boxNOTmin00OK .modal-dialog .modal-content .close:focus{ outline: none; } .modal-boxNOTmin00OK .modal-dialog .modal-content .modal-body{ padding: 15px 0 !important; } .modal-boxNOTmin00OK .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-boxNOTmin00OK .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-boxNOTmin00OK .modal-dialog .modal-content .modal-body .description{ color: #777; font-size: 14px; font-weight: 500; margin: 0 15px 20px; } .modal-boxNOTmin00OK .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-boxNOTmin00OK .modal-dialog .modal-content .modal-body .subscribe:hover, .modal-boxNOTmin00OK .modal-dialog .modal-content .modal-body .subscribe:focus{ color: #fff; background-color: #222; letter-spacing: 2px; } .modal-boxNOTmin00OK .modal-dialog .modal-content .modal-body .subscribe.manage{ color: #fff; background: #0d60ad; margin: 0 15px; } .modal-boxNOTmin00OK .modal-dialog .modal-content .modal-body .subscribe.manage:hover{ color: #fff; background-color: #222; } @media only screen and (max-width: 576px){ .modal-dialog{ width: 93% !important; } } .counterPrizOK{ font-family: 'Muli', sans-serif; text-align: center; width: 100%; padding: 30px 30px; margin: 0 auto; position: relative; z-index: 1; min-height:200px; } .counterPrizOK:before, .counterPrizOK:after{ content: ''; background-color: #00743f; border: 3px solid #fff; border-radius: 27px; position: absolute; left: 10px; top: 10px; bottom: 10px; right: 10px; z-index: -1; } .counterPrizOK:after{ background-color: #3C8DBC; border-color: #d27c02; transform: rotate(-6deg); left: 8px; right: 8px; z-index: -2; } .counterPrizOK .counterPrizOK-value{ color: #07374e; background-color: #fff; font-size: 30px; font-weight: 700; margin: 0 0 10px; border-radius: 15px; display: block; } .counterPrizOK h3{ color: #fff; font-size: 14px; font-weight: 600; margin: 15px 0 0px; display:block; } .counterPrizOK.purple:before{ background-color: #7c23ef; } .counterPrizOK.orange:before{ background-color: #ef5a23; } .counterPrizOK.green:before{ background-color: #2ab22a; } .modal-boxNOTmin00OK .modal-dialog .modal-content .modal-body .opl {background-color: #E9374C; color:#CCCCCC; margin-bottom:15px; border-radius: 10px;} .modal-boxNOTmin00OK .modal-dialog .modal-content .modal-body .opl2 { border-radius: 10px; margin: 0 50px 5px;} @media screen and (max-width:990px){ .counterPrizOK{ 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; } .box { position: relative; border-radius: 3px; background: transparent!important;  border-top: 0px solid #d2d6de!important;  margin-bottom: 0px!important;  width: 100%!important;  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.0)!important; } .inin {transition: all ease 250ms; position: relative; width: calc(100% - 154px); left: 52px; background-image: linear-gradient(to bottom, #f9f3e2 0%, #fde29c 5%, #fbedcc 50%, #fde29c 95%, #fbf1d8 100%); font-weight:800; color: #5f88a7; border: 1px solid #1e5986; text-shadow: rgba(255,255,255,0.5) 0px 1px 1px; border-radius: 10px !important; font-size:20px; text-align:right;  } .RUB {font-size:1.3em; display:block; position:absolute; right:75px; top:128px; }  .RUB::before{content:attr(data-value); background:transparent linear-gradient(to bottom, #f9f3e2 0%, #fde29c 5%, #fbedcc 50%, #fde29c 95%, #fbf1d8 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;} #namef { display: block; position: absolute; font-size: 12px; color: #ECAFAF; height: 25px; font-weight: 800; top: 154px; font-weight: 800; left: 85px; transition: all ease 1250ms;}