#fos div {
    position: relative;
    z-index: 1;
}
#fos div i {
    position: absolute;

    z-index: 99;
    top: 31px;
    right: 50%;
    margin-right: -198px;
}
#fos label {
    display: block;
    font-size: 100%;
    width: 400px;
    margin: 0 auto;
}
#fos .error {
    font-size: 105%;
    text-align: center;
    color: red;
}
#fos input[type="text"],
#fos input[type="file"],
#fos select {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 auto 20px;
    border-radius: 4px;
    padding: 5px;
    width: 400px;
    height: 20px;
    font-size: 100%;
    color: #000;
    border: 1px solid #000;
    background: #fff;
}
#fos select {
    width: 412px;
    height: 32px;
}
#fos input[type="text"]:focus,
#fos textarea:focus {
    border-color: green;
}
#fos textarea {
    display: block;
    margin: 0 auto 20px;
    border-radius: 4px;
    padding: 5px;
    width: 400px;
    height: 300px;
    font-size: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #000;
    border: 1px solid #000;
    background: #fff;
}
#fos input[type="text"].novalid,
#fos textarea.novalid {
    border-color: red;
    background: rgba(255,0,0,0.1);
}
#fos input[type="submit"] {
    display: block;
    border: none;
    width: 200px;
    height: 30px;
    margin: 20px auto 0 auto;
    font-size: 100%;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6d479+0,78a64c+100 */
background: #a6d479; /* Old browsers */
background: -moz-linear-gradient(top,  #a6d479 0%, #78a64c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a6d479 0%,#78a64c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a6d479 0%,#78a64c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d479', endColorstr='#78a64c',GradientType=0 ); /* IE6-9 */


}
#fos input[type="submit"]:hover {
    background-color: red;
}

















.overlay_l {
    position: fixed;
    z-index: 99999999998;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    height: auto !important;
    min-height: 100%;

    background: rgba(0,0,0,0.4);
}



#bgCallBack {
    position: fixed;
    z-index: 99999999999;
    top: 40px;
    left: 50%;

    width: 280px;


padding: 32px 40px 32px 32px;


    margin-left: -176px;

    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 10px;
    box-shadow: 0 0 5px 3px rgba(0,0,0,0.4);
}

#bgCallBack .tit {
    font-size: 18px;




font-weight: 500;

color: #333;

    text-align: center;
    text-transform: uppercase;



}
#bgCallBack .emptBl {

}
#bgCallBack label {
    font-size: 16px;

    display: block;

    margin: 19px 0 6px;




   color: #333;
}
#bgCallBack input[type=text],
#bgCallBack input[type=tel],
#bgCallBack input[type=email] {
    display: block;

width: 100%;

    height: 40px;
    margin: 0 auto;
    padding: 0 4px;

color: #000;
border:none;

font-size: 16px;

background: none;
border: 1px solid #ccc;
background: #fff;
}




#bgCallBack .buttSendForm {
    display: block;
    border: none;
    width: 200px;
    height: 30px;
    margin: 20px auto 0 auto;
    font-size: 100%;
    line-height: 40px;
    height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    font-family: 'Open Sans', sans-serif;

border-radius:5px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a6d479+0,78a64c+100 */
background: #a6d479; /* Old browsers */
background: -moz-linear-gradient(top,  #a6d479 0%, #78a64c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a6d479 0%,#78a64c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a6d479 0%,#78a64c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d479', endColorstr='#78a64c',GradientType=0 ); /* IE6-9 */

}








#bgCallBack input[type=text].novalid,
#bgCallBack input[type=tel].novalid,
#bgCallBack input[type=email].novalid {
    background: #ff7f7f;
}
.blForm .spasibo {
    font-size: 15px;

    padding-top: 50px;

    text-align: center;
    text-transform: uppercase;
}
.closeWind {
    position: absolute;

    z-index: 3;
cursor: pointer;
top: 0;
right: 0;


width: 30px;
height: 30px;
background-position: center;
background-repeat: no-repeat;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAFo9M/3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpBNTg4QjI3OThCMThFMzExQkNDRUQ5RTc4RjM4N0M5NCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpENDQ4NUQzNDFGNEExMUU2QUQwQ0ZGQUM3MUNERjg0RSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpENDQ4NUQzMzFGNEExMUU2QUQwQ0ZGQUM3MUNERjg0RSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpkY2E1M2ViNi1iNDBkLTgyNDEtODlhMS02ZjEyYzZiODNiYjciIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyOTc2YWNiMi1mZmRmLTExZTUtYjFkZC1mYTBjNjUzN2M3MmYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6VE1GvAAABUElEQVR42mJYs259EgMMADn/AQKIAQMABBCKFJC+ygQVuwqltQACCCQqiqTyPAuQZgYyxID0gZCgQC0mIPECxAFiB5iy61BaAojFAQKIEcQA8p8DsThQ9Ssk864Bqf+MSAIwhSAT/gMVa4PEmZCcuw+IQbqcQM6DOoQBZMUlkEKgDh00z4kDqRcAAQRinMPhe3EgTgBZwQlkXMGqm4FhO8hoTajnryA5FiQpAZR7yYjuLXD4IXmZBclkR6jOq8jhwYRmLMhuJlC0wBRgDUmYdaDAYsIWzKBYgmo+BxBgsIDShUayI1DyNQMeAA2C/UAM8v15RiQ3ggQ1oAY5IduIpGYfVOM1qBpEMGEx6Bo0ZJiwaYQHAg5nItvGADMM3VXoqQmXU69DI28fLIUhA0Y8Gh2RogWnHCMxAYgvIEFJyQuIf6DHNTYAzaBa0KjcCdILAFq7u1Tz0dMeAAAAAElFTkSuQmCC);
}