@charset "utf-8";
/* CSS Document */
.ln{
background-image: url(images/lenta.png);
background-repeat: repeat;
}
.zg{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 18pt; 
}
body{
	background-color: #575757;
}


/*кнопка обратной связи*/

.email-bt {
	background:#F95C18;
	border:2px solid #F95C18;
	border-radius:50%;
	box-shadow:0 8px 10px rgba(249,92,24,0.3);
	cursor:pointer;
	height:68px;
	text-align:center;
	width:68px;
	position: fixed;
	left: 8%;
	bottom: 18%;
	z-index:999;
	transition:.3s;
	-webkit-animation:email-an linear 1s infinite;
	animation:email-an linear 1s infinite;
}

.email-bt .text-call{
	height:68px;
	width:68px;	
	border-radius:50%;
	position:relative;
	overflow:hidden;
}

.email-bt .text-call span {
    text-align: center;
    color:#F95C18;
    opacity: 0;
    font-size: 0;
	position:absolute;
	right: 4px;
	top: 22px;
    line-height: 14px;
	font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.email-bt .text-call:hover span {
    opacity: 1;
	font-size: 11px;
}
.email-bt:hover i {
    display:none;
}

.email-bt:hover {
	z-index:1;
	background:#fff;
	transition:.3s;
}
.email-bt:hover i {
	color:#38a3fd;
	font-size:40px;
	transition:.3s;
}
.email-bt i {
	color:#fff;
	font-size:29px;
	transition:.3s;
	line-height: 66px;
}

.email-bt i  {
	-webkit-animation: opsimple 3s infinite;
	animation: opsimple 3s infinite;
}

@-webkit-keyframes email-an {
	0% {
	box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
40% {
	box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
80% {
	box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067)
}
100% {
	box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0)
}
}@keyframes email-an {
	0% {
	box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 0 rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
40% {
	box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 15px rgba(249,92,24,0.2),0 0 0 0 rgba(249,92,24,0.2)
}
80% {
	box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 26.7px rgba(249,92,24,0.067)
}
100% {
	box-shadow:0 8px 10px rgba(249,92,24,0.3),0 0 0 30px rgba(249,92,24,0),0 0 0 40px rgba(249,92,24,0.0)
}
}

@keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}

80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}

@-webkit-keyframes opsimple {
0% {
    opacity: 0;
}
40% {
    opacity: 1;
}

80% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}

/* модальное окно */

form {
    margin-left:auto;
    margin-right:auto;
}

input, textarea {
	box-sizing: border-box;
}

textarea{
	background: rgba(0, 0, 0, 0.1); 
    width: 100%;
    height: 110px;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 2px; 
    display:block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:15px;
    color:#444;
    padding:20px;
    margin-bottom:20px;
}

input {
	background: rgba(0, 0, 0, 0.1);
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 4px;
    display:block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size:15px;
    color:#444;
    padding-left:20px;
    padding-right:20px;
    margin-bottom:20px;
}

input[type=submit] {
    cursor:pointer;
}

::-webkit-input-placeholder {
	  color: #999;
}

:-moz-placeholder{ 
    color: #999; 
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {  
	  color: #999; 
}

input:focus, textarea:focus { 
	  background-color: rgba(0, 0, 0, 0.15);
}

.btn {
	margin:0 auto;
    background: #F95C18;
    padding: 10.5px 21px;
    border-radius: 4px;
    color: #fff;
	font-size:18px;
	transition:all 0.3s;
}

.btn:hover {
    background: #E34602;
 }