.modal-BALLAbout{ font-family: 'Open Sans', sans-serif; } 



.preForm { position:absolute; width:100%; height:100%; background-color:#FFFFFF; opacity: 0.4; border-radius: 20px; z-index:10001;}
.preForm  .fa-spin{ position:absolute; top:45%; font-size:30px; }
.non { display:none !important;}
.modal-BALLAbout .show-modal{ 
 background: #ecf0f3;
    font-family: 'Nunito', sans-serif;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 14px 14px 20px #cbced1, -14px -14px 20px white;


 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: 360px; 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.3em; display: inline-block; cursor:pointer;} 
 .ball_priz_txt::before{content:attr(data-value);position: relative; top:85px;  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_igra_value {font-size: 1.4em; display: block; position: relative; left: 45x;  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: none; background-image: linear-gradient(to bottom, #866432 0%, #ecd59b 35%, #fcf5e1 50%, #ffe49e 65%, #876431 100%); line-height: 1.35; color: #000;  border-radius: 5px; padding: 3px; cursor: pointer; font-family: arial; z-index: 3; font-size: 12px; font-weight: 600; display: block; top: -4px; cursor:pointer; transition: all 0.5s ease 0s;  } 
 .menuPlus:hover {  background-image: linear-gradient(to bottom,  #ecd59b 0%, #866432 50%, #ffe49e 100%);
    color: #fff; line-height: 1.35; letter-spacing: 2px;
    box-shadow: none;
    outline: none;} 
 
 .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: 100px; 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 } 
 .TELE	{    position: absolute; display: block; width: 100%; height: 130px; padding:9px; font-weight:600; color: #FFFFFF; top: 200px; left:0px; font-size: 83%; cursor: pointer; transition: all 0.3s; opacity: 0.95; line-height:1.15; } 
 
 .form-container .title{
    color: #ac40ab;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    margin: 0 0 20px;
}
.form-container .form-horizontal .form-group{ margin: 0 0 5px 0; }
.form-container .form-horizontal .form-group label{
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.sendpovtMOD{cursor: pointer; width:10px; background: transparent; border:0; font-size:16px; color: #FFFFFF; font-weight:800; box-shadow: inset 1px 1px 1x #cbced1, inset -1px -1px 1px #fff;}
.sendpovtMOD:hover,
.sendpovtMOD:focus { scale(0.8); opacity: 0.8;}

.sendpovtLEFTMOD {cursor: pointer; width:10px; background: transparent; border:0; font-size:16px; color: #E98D8B; font-weight:800; box-shadow: inset 1px 1px 1x #cbced1, inset -1px -1px 1px #fff;}
.sendpovtLEFTMOD:hover,
.sendpovtLEFTMOD:focus { scale(0.8); opacity: 0.8; color: #FF0000;}

.sendpovt {cursor: pointer; position:absolute; right:-5px; top:69px; background: transparent; border:0; font-size:24px; color: #FFFFFF; font-weight:800; box-shadow: inset 1px 1px 1x #cbced1, inset -1px -1px 1px #fff;}
.sendpovt:hover,
.sendpovt:focus { scale(0.8); opacity: 0.8;}


.sendpovtAA {cursor:default; position:absolute; right:-5px; top:75px; background: transparent; border:0; font-size:20px; color: #FFFFFF; font-weight:800; box-shadow: inset 1px 1px 1x #cbced1, inset -1px -1px 1px #fff;}
.sendpovtAA:hover,
.sendpovtAA:focus { scale(0.8); opacity: 0.8;}
.Fonn { font-size:105%; color:#FFFFFF;}
.FonnMIN { font-size:90%; color: #FFFFB3;}
.sendpovtLEFTBBmin{cursor: pointer; width:10px; background: transparent; border:0; font-size:16px; color: #FFFFFF; font-weight:800; box-shadow: inset 1px 1px 1x #cbced1, inset -1px -1px 1px #fff;}
.sendpovtLEFTBBmin:hover,
.sendpovtLEFTBBmin:focus { scale(0.8); opacity: 0.8;}


.sendpovtLEFTBB {cursor: pointer; position:absolute; left:-32px; top:71px; background: transparent; border:0; font-size:24px; color: #E8E8E8; font-weight:800; box-shadow: inset 1px 1px 1x #cbced1, inset -1px -1px 1px #fff;}
.sendpovtLEFTBB:hover,
.sendpovtLEFTBB:focus { scale(0.8); opacity: 0.8; color: #EBEBEB;}

.sendpovtLEFT {cursor: pointer; position:absolute; left:-32px; top:71px; background: transparent; border:0; font-size:24px; color: #E98D8B; font-weight:800; box-shadow: inset 1px 1px 1x #cbced1, inset -1px -1px 1px #fff;}
.sendpovtLEFT:hover,
.sendpovtLEFT:focus { scale(0.8); opacity: 0.8; color: #FF0000;}

.sendpovtinfo {cursor: pointer; position:absolute; right:20px; top:2px; background: transparent; border:0; font-size:24px; font-weight:800; box-shadow: inset 1px 1px 1x #cbced1, inset -1px -1px 1px #fff; color:#FFFFFF;}
.sendpovtinfo:hover,
.sendpovtinfo:focus { scale(0.8); opacity: 0.8;}




.form-container .form-horizontal .form-control{
    color: #333;
    background: #ecf0f3;
    font-size: 12px;
    height: 25px;
    padding: 2px;
	padding-left:10px;
    letter-spacing: 1px;
    border: none;
    border-radius: 50px;
    box-shadow: inset 1px 1px 1x #cbced1, inset -1px -1px 1px #fff;
    display: inline-block;
    transition: all 0.3s ease 0s;
}
.form-container .form-horizontal .form-control:focus{
    box-shadow: inset 6px 6px 6px #cbced1, inset -6px -6px 6px #fff;
    outline: none;
}
.form-container .form-horizontal .form-control::placeholder{
    color: #808080;
    font-size: 12px;
}
.form-container .form-horizontal .btn{
    color: #000;
    background-image: linear-gradient(to bottom, #866432 0%, #ecd59b 35%, #fcf5e1 50%, #ffe49e 65%, #876431 100%);
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    padding: 6px 7px 5px;
    border-radius: 20px;
    box-shadow: 2px 2px 2px #638ba9, -2px -2px 2px #638ba9;
    border: none;
    transition: all 0.5s ease 0s;
}
.form-container .form-horizontal .btn:hover,
.form-container .form-horizontal .btn:focus{
background-image: linear-gradient(to bottom,  #ecd59b 0%, #866432 50%, #ffe49e 100%);
    color: #fff;
    letter-spacing: 3px;
    box-shadow: none;
    outline: none;
}
 .bord { width:65px; height:65px;}
 
 
 
 
 .form1 {width: 80%; left:10%; top:29px;}
 .form2 {width: 100%; left:0%; top:59px;}
 .form {width: 80%; left:10%;}
 .igr:before{ background-image: linear-gradient(to bottom, #1a5684 0%, #668dab 51%, #1a5684 100%);} 
.igr:after{background-image: linear-gradient(to bottom, #1a5684 0%, #668dab 51%, #1a5684 100%); opacity: 0.2; box-shadow: 7px 7px 10px #cbced1, -7px -7px 10px white;} 
.pullleft {position: relative;left: 15px;top: 15px;}
.bord {border: 0.25em solid #ffe49e;}
.color1 { color:#F5F5F5;}
.bel { margin-top:5px; margin-bottom:10px;}
.FONT { font-size:13px;}

.fUS 	{ position: absolute;  left:80px; top:0px; width:145px; height: 27px;  } 
 .er1  { color:#CC3300; font-weight:600; display:block; height: 11px; margin:5px; font-size:10px;  }
  .CopyError  { color: #00FF66; font-weight:600; display:block; height: 10px; margin:0px; margin-bottom:4px; font-size:12px; }
 .er2  { color:#CC3300; font-weight:600; display:block; height: 18px; margin-bottom:5px; font-size:12px;  }
 .ssss { color: #FFFFFF; font-weight:800; }
 
 .sgh { background-color: #11314a !important;} .bakimg { display:block; position:absolute; width:100%; height:100%; background-image: url(img/NastroikiBIG2.jpg); min-height: 994px; background-repeat: no-repeat; background-position: top; background-size: 100%; opacity: 0.3; 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: 350px;} .sm{height: 270px;} }  
 
 
 @media (max-width: 850px) { .ball_igra_about {top: 54px;}.fUS {left: 100px; top: 10px; width: 145px;height: 22px;}.bord { width:55px; height:55px;} .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: 315px;} .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_about1 { top: 25px;} 
 
 .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;}