#adr {margin-bottom:7px;height:auto;float:right;font-size:12pt;text-align:right;font-family:Trebuchet MS;animation: neon .1s ease-in-out infinite alternate;-webkit-animation: neon .1s ease-in-out infinite alternate;}
#zvon {float:right;}
#adr a{color:#c6e2ff;}
#adr a:hover{color:#d8f8ff;text-decoration: none;animation: fire .1s ease-in-out infinite alternate;-webkit-animation: fire .1s ease-in-out infinite alternate;}
#modal_form {
width: 500px; height: 250px;border-radius: 5px;border: 3px #fff solid;
background: url("/img/obrzvon.png");
position: fixed;top: 45%;left: 50%;margin-top: -125px;margin-left: -250px;display: none;opacity: 0;z-index: 10001;padding: 20px 10px;
}
#modal_form #modal_close {width: 21px;height: 21px;background: #fff;border-radius: 11px;text-align: center;position: absolute;top: -12px;right: -12px;cursor: pointer;display: block;}
#modal_form #modal_close:hover{background: #FF7363;}
#overlay {z-index:10000;position:fixed;background-color:#000;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);width:100%; height:100%;top:0;left:0;cursor:pointer;display:none;}
#phone {color: #4791E1; font-size: 1.5em; margin: 20px 10px; width: 60%; padding-left: 25px; font-family: "Times New Roman", Times, serif;}
#send {width: 27%; font-size: 20px;}
#success {text-align: center; background: #fff; border: 2px solid #fff; border-radius: 5px; font-family: "Times New Roman", Times, serif; margin-top: 50px;}

#modal_form2 {width: 350px; height: 500px;border-radius: 5px;border: 3px #fff solid;
background: url("/img/obrvop.png");
position: fixed;top: 45%;left: 50%;margin-top: -250px;margin-left: -175px;display: none;opacity: 0;z-index: 10001;padding: 10px 5px;text-align: center;}
#modal_form2 #modal_close2 {width: 21px;height: 21px;background: #fff;border-radius: 11px;text-align: center;position: absolute;top: -12px;right: -12px;cursor: pointer;display: block;}
#modal_form2 #modal_close2:hover{background: #FF7363;}
#overlay2 {z-index:10000;position:fixed;background-color:#000;opacity:0.8;-moz-opacity:0.8;filter:alpha(opacity=80);width:100%; height:100%;top:0;left:0;cursor:pointer;display:none;}
#phone2, #name2, #email2 {color: #4791E1; font-size: 1.2em; width: 80%; padding: 0 0 0 25px; font-family: "Times New Roman", Times, serif; margin: 0 0 10px 0;}
#vopros2 {color: #4791E1; font-size: 1.2em; width: 80%; padding: 5px 0 0 25px; font-family: "Times New Roman", Times, serif; height: 150px; margin: 0;}
#send2 {width: 35%;  margin: 15px 10px 0 0; float: right; font-size: 20px;}
#success2 {text-align: center; background: #fff; border: 2px solid #fff; border-radius: 5px; font-family: "Times New Roman", Times, serif; margin-top: 50px;}

#check_form {float: left; margin: 20px 0 0 20px; color: #fff;}
.checkbox {vertical-align: top;margin: 0 3px 0 0;width: 17px;height: 17px;}
.checkbox + label {cursor: pointer;}
.checkbox:not(checked) {position: absolute;opacity: 0;}
.checkbox:not(checked) + label {position: relative;padding: 0 0 0 60px;}
.checkbox:not(checked) + label:before {content: '';position: absolute;top: -4px;left: 0;width: 50px;height: 26px;border-radius: 13px;background: #CDD1DA;box-shadow: inset 0 2px 3px rgba(0,0,0,.2);}
.checkbox:not(checked) + label:after {content: '';position: absolute;top: -2px;left: 2px;width: 22px;height: 22px;border-radius: 10px;background: #FFF;box-shadow: 0 2px 5px rgba(0,0,0,.3);transition: all .2s;}
.checkbox:checked + label:before {background: #9FD468;}
.checkbox:checked + label:after {left: 26px;}
.go, .gogo {cursor: pointer;}
.test-button,.test-button::before,.test-button::after,.test-button span,.test-button span::before,.test-button span::after{transition: all ease .5s;}
.test-button{position: relative;display: inline-block;padding: 0.1em;margin: 0 15px 10px;border: solid 1px #fff;text-transform: uppercase;cursor: pointer;}
.test-button:hover{box-shadow: 0 0 5em .5em rgba(255,255,255,0.5);}
.test-button span{display: inline-block;padding: 0.4em 2em;color: #fff;font-size: 12pt;font-family: Trebuchet MS;}
.test-button:hover span{background-color: #fff;color: #112;}
.test-button::before,.test-button::after,.test-button span::before,.test-button span::after{content: '';position: absolute;border: 1px #fff;}
.test-button::before,.test-button span::before{border-style: solid none;}
.test-button::before,
.test-button span::after{left: 0;top: -0.4em;width: 100%; height: calc(100% + 0.8em);}
.test-button::after,
.test-button span::after{border-style: none solid;}
.test-button::after,.test-button span::before{top: 0;left: -0.4em;height: 100%;width: calc(100% + 0.8em);}
.test-button:hover::after,
.test-button:hover span::after{transform: scaleY(0);}
.test-button:hover::before,
.test-button:hover span::before{transform: scaleX(0);}
.test-button:hover span::after,
.test-button:hover span::before{opacity: 0;}
@keyframes neon {
  from {text-shadow:0 0 6px rgba(202,228,225,0.92),0 0 30px rgba(202,228,225,0.34),0 0 12px rgba(30,132,242,0.52),0 0 21px rgba(30,132,242,0.92),0 0 34px rgba(30,132,242,0.78),0 0 54px rgba(30,132,242,0.92);}
  to {text-shadow:0 0 6px rgba(202,228,225,0.98),0 0 30px rgba(202,228,225,0.42),0 0 12px rgba(30,132,242,0.58),0 0 22px rgba(30,132,242,0.84),0 0 38px rgba(30,132,242,0.88),0 0 60px rgba(30,132,242,1);}}
@-webkit-keyframes neon {
  from {text-shadow:0 0 6px rgba(202,228,225,0.92),0 0 30px rgba(202,228,225,0.34),0 0 12px rgba(30,132,242,0.52),0 0 21px rgba(30,132,242,0.92),0 0 34px rgba(30,132,242,0.78),0 0 54px rgba(30,132,242,0.92);}
  to {text-shadow:0 0 6px rgba(202,228,225,0.98),0 0 30px rgba(202,228,225,0.42),0 0 12px rgba(30,132,242,0.58),0 0 22px rgba(30,132,242,0.84),0 0 38px rgba(30,132,242,0.88),0 0 60px rgba(30,132,242,1);}}
@-webkit-keyframes fire {
  from {text-shadow:0 0 6px rgba(255, 255, 255, 0.92),0 0 30px rgba(255, 255, 255, 0.34),0 0 12px rgba(255, 0, 222, 0.52),0 0 21px rgba(255, 0, 222, 0.92),0 0 34px rgba(255, 0, 222, 0.78),0 0 54px rgba(255, 0, 222, 1);}
  to {text-shadow:0 0 6px rgba(255, 255, 255, 0.98),0 0 30px rgba(255, 255, 255, 0.42),0 0 12px rgba(255, 0, 222, 0.58),0 0 22px rgba(255, 0, 222, 0.84),0 0 38px rgba(255, 0, 222, 0.88),0 0 60px rgba(255, 0, 222, 1);}}
@keyframes fire {
  from {text-shadow:0 0 6px rgba(255, 255, 255, 0.92),0 0 30px rgba(255, 255, 255, 0.34),0 0 12px rgba(255, 0, 222, 0.52),0 0 21px rgba(255, 0, 222, 0.92),0 0 34px rgba(255, 0, 222, 0.78),0 0 54px rgba(255, 0, 222, 1);}
  to {text-shadow:0 0 6px rgba(255, 255, 255, 0.98),0 0 30px rgba(255, 255, 255, 0.42),0 0 12px rgba(255, 0, 222, 0.58),0 0 22px rgba(255, 0, 222, 0.84),0 0 38px rgba(255, 0, 222, 0.88),0 0 60px rgba(255, 0, 222, 1);}}

@media screen and (max-width: 480px){
        #modal_form {width: 290px; height: 200px; margin-top: -100px; margin-left: -145px; text-align: center; padding: 5px;}
        #phone {width: 90%; font-size: 1em; margin: 0 0 10px;}
        #send {width: 160px; margin: 0;}
		#success, #success2 {font-size: 12px;}
		#modal_form2 {width: 290px; height: 450px; margin-top: -225px; margin-left: -145px; text-align: center; padding: 5px;}
        #phone2, #name2, #email2 {width: 90%; font-size: 1em; margin: 0 0 10px;}
		#vopros2 {width: 90%; font-size: 1em; margin: 0 0 10px; height: 100px;}
        #send2 {width: 160px; margin: 0;}
		#check_form{margin: 10px 0 0 20px;}
		#adr, #zvon {text-align: center; float: none; animation: none;}
		#adr a {margin: 5px;}
}