#itFoxyModalForm {
    float: left;
    /* height: 390px; */
height: 545px;
	padding: 25px;
    margin-left: 0px;
    margin-top: -50px;
    clear: none;
    width: 450px;
    border: 1px solid rgb(76, 76, 76);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    display: block;
    margin-right: 0%;
    padding-bottom: 20px;
    background-image:-webkit-linear-gradient(270deg, white 32%, rgb(220, 239, 254) 82%, rgb(220, 239, 254) 100%);
    background-image: linear-gradient(180deg, white 32%, rgb(220, 239, 254) 82%, rgb(220, 239, 254) 100%);
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    position: relative;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}
#itFoxyModalForm {
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        -moz-border-radius:4px;
 
}
 
#itFoxyModalForm:before,
#itFoxyModalForm:after {
        content:"";
        position:absolute;
        z-index:-2;
        bottom:15px;
        left:10px;
        width:50%;
        height:20%;
        max-width:300px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}
 
#itFoxyModalForm:after {
    right:10px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}

#itFoxyModalFormText1 {
    float: none;
    font-size: 1em;
    width: 100.250628%;
    height: auto;
    text-align: center;
	
    font-weight: normal;
    line-height: 1.3em;
    margin-left: auto;
    margin-top: 0px;
    clear: none;
    min-height: 53px;
    margin-right: auto;
    padding: 10px;
    display: block;
}

#textspan {
    float: none;
    font-size: 1.4em;
    line-height: 1em;
}

#itFoxyModalFormBox1 {
    float: none;
    height: 40px;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    width: 350px;
    border: 1px solid rgb(76, 76, 76);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: auto;
    background-color: rgb(255, 255, 255);
}

#itFoxyModalFormBox2 {
    float: none;
    height: 40px;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    width: 350px;
    border: 1px solid rgb(76, 76, 76);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: auto;
    display: block;
    background-color: rgb(255, 255, 255);
}

#itFoxyModalFormBox3 {
    float: none;
    height: 40px;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    width: 350px;
    border: 1px solid rgb(76, 76, 76);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-right: auto;
    display: block;
    background-color: rgb(255, 255, 255);
}

#itFoxyModalFormBtn:active {
    -webkit-box-shadow: rgb(137, 61, 0) 0px 0px 0px 0px;
    box-shadow: rgb(137, 61, 0) 0px 0px 0px 0px;
    margin-top: 20px;
}

#itFoxyModalFormBtn {
    float: none;
    height: auto;
    margin-left: auto;
    margin-top: 15px;
    clear: none;
    width: 237px;
    margin-right: auto;
    -webkit-box-shadow: rgb(137, 61, 0) 0px 5px 0px 0px;
    box-shadow: rgb(137, 61, 0) 0px 5px 0px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    display: block;
    background-color: rgb(255, 115, 0);
	font-size: 1.2em;
	text-align: center;
	line-height: 1em;
    font-weight: normal;
	padding: 16px;
	color: rgb(255, 255, 255);
}

#itFoxyModalFormBtnText {
    float: left;
    font-size: 1.2em;
    width: 100%;
    height: 100%;
    text-align: center;
    font-weight: normal;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    min-height: 50px;
    padding: 16px;
    color: rgb(255, 255, 255);
}

#modalclose_itf {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    clear: none;
    color: rgb(0, 0, 0);
    position: absolute;
    top: -11px;
    left: 94.110276%;
    display: block;
}


/* Контейнер */
.modal_itf {

/* Слой перекрытия */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
    z-index: 6000;
/*z-index: 10000;*/

/* Трансформации прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Скрываем изначально */
opacity: 0;
pointer-events: none;
}

/* Показываем модальное окно */
.modal_itf:target {
opacity: 1;
pointer-events: auto;

}

/* Содержание */
.modal_itf > div {
width: 400px;
background: #fff;
position: relative;
margin: 100px auto;

}
/* Изменяем анимацию при открытии модального окна*/
.modal_itf:target > div {
-webkit-animation-name: bounce;
}

.modal_itf h2 {
font-size: 36px;
padding: 0 0 20px;
}

@-webkit-keyframes bounce {
  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
  	-webkit-transform: scale3d(1,1,1);
  }
  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }
}

/* Создаем кнопку Закрыть */
.modal_itf a[href="#close"]:after {
display: block; 

/* Позиционируем */
position: absolute;
right: 3px;
top: 10px;
width: 1.5em;
padding: 1px 1px 1px 2px;
}

.modal_itf a[href="#close"]:focus:after,
.modal_itf a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal_itf a[href="#close"]:focus:after {
outline: 1px solid #000;
}


.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

#auth-box {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 400px;
    position: relative;
	box-shadow: 0 3px 20px rgba(0,0,0,0.9);
}

#auth-title {
    float: left;
    font-size: 1.5em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: 900;
    line-height: 1em;
    clear: none;
    min-height: 68px;
    background-image:url("img/r1.svg");
    background-attachment: scroll;
    -webkit-background-size: 113.69999694824219% 162.39999389648438%;
    background-size: 113.69999694824219% 162.39999389648438%;
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    padding: 22px;
    color: rgb(255, 255, 255);
    background-position: -28px -28px;
    background-repeat: repeat no-repeat;
}

#auth-box2 {
    float: left;
    height: auto;
    margin-left: 0%;
    margin-top: 35px;
    clear: none;
    width: 100%;
    background-image:-webkit-linear-gradient(280deg, rgb(64, 64, 65) 1%, rgb(35, 31, 32) 100%);
    background-image: linear-gradient(170deg, rgb(64, 64, 65) 1%, rgb(35, 31, 32) 100%);
    background-attachment: scroll;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: repeat repeat;
}

#auth-input {
    float: none;
    height: 40px;
    margin-left: 15px;
    margin-top: 15px;
    clear: none;
    width: 330px;
}

#auth-input2 {
    float: none;
    height: 40px;
    margin-left: 15px;
    margin-top: 30px;
    clear: none;
    width: 330px;
    display: block;
}

#auth-box-input {
    float: right;
    height: 40px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 290px;
    margin-right: 0%;
    background-color: rgb(255, 255, 255);
}

#auth-box-icon {
    float: left;
    height: 40px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 40px;
    background-image:url("img/r4.svg");
    background-attachment: scroll;
    -webkit-background-size: 150%;
    background-size: 150%;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#auth-box-icon2 {
    float: left;
    height: 40px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 40px;
    display: block;
    margin-right: 0%;
    background-image:url("img/r8.svg");
    background-attachment: scroll;
    -webkit-background-size: 150%;
    background-size: 150%;
    background-position: -10px 50%;
    background-repeat: repeat repeat;
}

#auth-box-input2 {
    float: right;
    height: 40px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 290px;
    margin-right: 0%;
    display: block;
    background-color: rgb(255, 255, 255);
}

#auth-input3 {
    float: none;
    height: 40px;
    margin-left: 15px;
    margin-top: 30px;
    clear: none;
    width: 330px;
    display: block;
}

#auth-box-input3 {
    float: right;
    height: 40px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 290px;
    margin-right: 0%;
    display: block;
    background-color: rgb(255, 255, 255);
}

#auth-box-icon3 {
    float: left;
    height: 40px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 40px;
    display: block;
    margin-right: 0%;
    background-image:url("img/r9.svg");
    background-attachment: scroll;
    -webkit-background-size: 150%;
    background-size: 150%;
    background-position: -7px 50%;
    background-repeat: repeat repeat;
}

#auth-input4 {
    float: none;
    height: 40px;
    margin-left: 15px;
    margin-top: 30px;
    clear: none;
    width: 330px;
    display: block;
}

#auth-box-input4 {
    float: right;
    height: 40px;
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 290px;
    margin-right: 0%;
    display: block;
    background-color: rgb(255, 255, 255);
}

#auth-box-icon4 {
    float: left;
    height: 40px;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    width: 40px;
    display: block;
    margin-right: 0%;
    background-image:url("img/r10.svg");
    background-attachment: scroll;
    -webkit-background-size: 150%;
    background-size: 150%;
    background-position: -7px 50%;
    background-repeat: repeat repeat;
}

#auth-title2 {
    float: none;
    font-size: 1em;
    width: 330px;
    height: 40px;
    text-align: center;
    font-weight: 900;
    line-height: 1em;
    margin-left: auto;
    margin-top: 45px;
    clear: none;
    min-height: 25px;
    margin-right: auto;
    color: rgb(255, 255, 255);
    padding: 5px;
    text-shadow: rgb(156, 156, 156) 1px 1px 4px;
}

#auth-button-ok {
    float: none;
    font-size: 1em;
    width: 36%;
    height: auto;
    text-align: center;
    font-weight: 900;
    line-height: 1em;
    float:left;
    clear: none;
    background-image:url("img/r13.svg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 12px;
    color: rgb(255, 255, 255);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
	margin-left:55px;
	margin-top:41px;
	margin-bottom:30px;
	border:0px;
	-webkit-background-size: 115% 180%;
    background-size: 115% 180%;
}
#auth-button-no{
    float: none;
    font-size: 1em;
    width: 37%;
    height: auto;
    text-align: center;
    font-weight: 900;
    line-height: 1em;
    float:right;
	margin-right:50px;
    clear: none;
    min-height: 62px;
    background-image:url("img/r13.svg");
    background-attachment: scroll;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 22px 19px 19px 19px;
    color: rgb(255, 255, 255);
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
	margin-top:30px;
	margin-bottom:30px;
}


@media only screen and (max-width: 520px) {
.modal_itf > div {width: 100%;}
#modalclose_itf {left: 0%;}
#itFoxyModalForm {padding-left:10px; width: 100%;}
}