/*Модальное окно*/
#modal_form{width:600px;padding:19px 20px;border:5px solid #5fcf80;background-color:#FFF;height:550px;background:#fff;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);display:none;opacity:0;z-index:5;border-radius: 30px;}

#overlay{z-index:3;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;}
#modal_form input[type="text"]{background-color:#fff;border:1px solid #DFDFDF;border-radius:6px;color:#555;display:block;font-size:1em;height:35px;padding:5px;margin-bottom:17px;width:95%;float:left;}
#modal_form input[type="text"].error{border:1px solid red;}

#modal_form h3{text-align:center;font-size:2em;text-transform:uppercase;color:#000; margin-bottom: 15px;}

#modal_form .comment{color:#777777;padding-bottom:15px;font-size:14px;text-align:center;padding-top:10px;display: inline-block;}
.exit{background:#d0d0d0;display:block !important;border-radius:50%;right:-38px;top:-20px;position:absolute;opacity:1;WIDTH:35PX;HEIGHT:35px;line-height:30px;font-size:36px;border:2px solid #3e5368;-webkit-transition:background 0.2s linear;-moz-transition:background 0.2s linear;-o-transition:background 0.2s linear;transition:background 0.2s linear;}

.exit:after{display:block;font-size:25px;content:"x";padding-left:9px;line-height:24px;cursor:pointer;text-decoration:none;font-weight:bold;color:#000000;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;}
.exit:hover{background:#EAEAEA;text-decoration:none;}


/* Youtube modal instead of iframe*/

a.youtube {
    position:relative;
    display:block;
}
a.youtube img {
    width:100%;
    max-width:100%;
}
a.youtube:after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url("../img/icons/ytplay.png") no-repeat center center;
    /* саму картинку кнопки заливаем к себе на сайт */
    transition:.2s;
    opacity:0.7;
    filter:grayscale(100%);
}
a.youtube:hover:after {
    opacity:1;
    filter:grayscale(0%);
}
#modal_form .button{display:block;background-color:#ffd400;border:1px solid #ccc;border-radius:30px;color:#000;cursor:pointer;font-size:17px;font-weight:bold;height:40px;margin:10px 0;padding:2px 16px;width:250px;margin:0 auto;-webkit-transition:all 0.12s ease-in;-o-transition:all 0.12s ease-in;-moz-transition:all 0.12s ease-in;transition:all 0.12s ease-in;}

#modal_form .button:hover{background-color:#5fcf80;border:1px solid #44C8F5;color:#fff;}
#modal_form .error{border:1px solid red;}

@media (max-width: 600px) {
  #modal_form{width:400px;height:600px;}
}