/* --- Описываем модальное окно --- */
.modal {
    /* Полупрозрачный слой перекрытия */
        position: fixed;
        top: 0;
        right: 0;
        width: 100%; 
        height: 100%;
        background: rgba(0,0,0,0.4);
        z-index: 1000;
		display:none;
  
    /* --- Содержание модального окна --- */    
        & > div {
            max-width: 400px;
            background: #37b6dd;
            position: relative;
            margin: 10% auto;
        /* Добавляем стили внешнего вид */
            padding: 20px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }
    
    /* --- Стили текста в модальном окне --- */
        p {
            font-family: 'Arial', sans-serif;
            text-align: center;
            font-size: 16px;
            text-transform: uppercase;
            line-height: 24px;
            font-weight: bold;
            color: #fff;
        } 
}

/* Описываем стили формы */
    #backPhone{
        width: 86.5%;
        margin: 0 auto;
        overflow: hidden;
    }
/* Стили поля ввода  */  
    #telForm {
        width: 58%;
        height: 35px;
        float: left;
        border: none;
        text-align:center;
        
       /* -moz-border-radius: 5px 0 0 5px;
             border-radius: 5px 0 0 5px;
			 margin-bottom: 3px;*/
    }
/* Стили кнопки */
    #telButton {
        
        background: #242424;
        color:#fff;
        cursor: pointer;
        transition: .6s;
       
  
/* Стили кнопки при наведении */
        &:hover {
            background: #1d8425;
            transition: .6s;
        }
    }
.close-modal{
	position: absolute;
	right: 10px;
	top: 15px;
}
.close-modal:after{
    color: transparent;
	font-family: 'Arial';
	font-size: 18px;
	content: 'X';
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	padding: 3px 2px;
	text-decoration: none;
	text-align: center;
	/*background: #C60;*/
	/*color: #fff;*/
	-moz-border-radius: 1px;
	border-radius: 1px;	
	height: 50px;
	z-index: 1;
}