* { margin: 0; padding: 0; }

body { position: relative; font: 12px 'PF Din Text Cond Pro';  background: url('images/body-bg.jpg'); }
input, button, textarea { font-family: 'PF Din Text Cond Pro'; 
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

}
.clear { clear: both; }
a:hover { text-decoration: none; }
img { border: none; }
.w-100 { display: inline-block; width: 100%; }

.main-wrapper { margin: 0 auto; background: #fff;
    -webkit-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 8px 3px rgba(0, 0, 0, 0.3);
}

.modals { display: none; }
.modal-content { position: relative; }
.modal-close { display: block; position: absolute; z-index: 1; right: 11px; top: 10px; width: 16px; height: 17px; text-decoration: none; background: url('images/sprite-1.png') -247px 0 no-repeat; }

.modal-type-1 .modal-content { width: 382px; padding: 35px 10px; background: #fff; border-radius: 4px; }
.modal-type-1 .title { text-align: center; }
.modal-type-1 .title .row-1 { font-size: 26px; }
.modal-type-1 .title .row-2 { margin-top: 15px; font-size: 18px; line-height: 22px; font-weight: 300; }
.modal-type-1 .inputs { padding: 1px 35px 0; }
.modal-type-1 .input-2 { margin-top: 11px; }
.modal-type-1 .submit { margin: 17px auto 0; }
.modal-type-1 .privacy { position: relative; margin: 28px 35px 0 46px; padding-left: 37px; font-size: 14px; font-weight: 200; color: #7e7e7e; }
.modal-type-1 .privacy:before { display: block; content: ''; position: absolute; width: 26px; height: 34px; left: 0; top: 0; background: url('images/sprite-1.png') -264px 0 no-repeat; }
.modal-type-1 .close-btn { margin: 15px auto 0; }

.fancybox-opened .fancybox-skin { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.fancybox-margin { margin: 0 !important; }

.fancybox-inner { overflow: visible !important; }

.animation-block .animate-me {
    transform: scale(0.01);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
.animation-block .animate-me.animated { transform: scale(1); }

.input-1 { position: relative;     height: 38px; padding: 5px 20px; background: #fff; border: 1px solid #d9d9d9; border-radius: 7px; }
.input-1.error { border-color: #fe8787; }
.input-1 input { display: block; width: 100%; height: 27px; font-size: 18px; font-weight: 200; line-height: 27px; color: #898989; border: none; outline: none; background: none; }

.textarea-1 { position: relative; height: 100px; padding: 5px; background: #fff; border: 1px solid #00deff; }
.textarea-1 textarea { display: block; width: 100%; height: 100%; font-size: 16px; color: #333; border: none; outline: none; background: none; resize: none; }

.input-1 input::-webkit-input-placeholder,
.textarea-1 textarea::-webkit-input-placeholder { color: #898989; }

.input-1 input:-moz-placeholder,
.textarea-1 textarea:-moz-placeholder { color: #898989; opacity: 1; }

.input-1 input::-moz-placeholder,
.textarea-1 textarea::-moz-placeholder { color: #898989; opacity: 1; }

.input-1 input:-ms-input-placeholder,
.textarea-1 textarea:-ms-input-placeholder { color: #898989; }

.input-2 { position: relative;    height: 39px;
       margin-bottom: 10px;padding: 5px 20px 5px 55px; background: #fff; border: 1px solid #c5c5c5; border-radius: 7px; }
.input-2.error { border-color: #fe8787; }
.input-2:before { display: block; content: ''; position: absolute; background: url('images/sprite-1.png') no-repeat; }
.input-2.name:before { width: 20px; height: 22px; left: 15px; top: 7px; background-position: -291px 0 !important; }
.input-2.phone:before { width: 19px; height: 21px; left: 15px; top: 9px; background-position: -312px 0 !important;  }
.input-2.problem:before { width: 20px; height: 21px; left: 15px; top: 6px; background: url('images/sprite-1-1.png') no-repeat;  }
.input-2 input { display: block; width: 100%; height: 25px; font-size: 18px; font-weight: 200; line-height: 25px; color: #959595; border: none; outline: none; background: none; }
.input-2 input::-webkit-input-placeholder { color: #959595; }
.input-2 input:-moz-placeholder { color: #959595; opacity: 1; }
.input-2 input::-moz-placeholder { color: #959595; opacity: 1; }
.input-2 input:-ms-input-placeholder { color: #959595; }


.button-1 {    border: none; display: block; height: 32px; font-size: 18px; line-height: 30px; color: #fff; text-decoration: none; text-align: center; text-transform: lowercase; border: 1px solid #8c8c8c; border-radius: 5px;
    background: #4c4c4c;
    background: -moz-linear-gradient(top, #4c4c4c 0%, #4c4c4c 62%, #1f1f1f 63%, #1f1f1f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(62%,#4c4c4c), color-stop(63%,#1f1f1f), color-stop(100%,#1f1f1f));
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#4c4c4c 62%,#1f1f1f 63%,#1f1f1f 100%);
    background: -o-linear-gradient(top, #4c4c4c 0%,#4c4c4c 62%,#1f1f1f 63%,#1f1f1f 100%);
    background: -ms-linear-gradient(top, #4c4c4c 0%,#4c4c4c 62%,#1f1f1f 63%,#1f1f1f 100%);
    background: linear-gradient(to bottom, #4c4c4c 0%,#4c4c4c 62%,#1f1f1f 63%,#1f1f1f 100%);
    -webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.button-1:hover {
    background: #5d5d5d;
    background: -moz-linear-gradient(top, #5d5d5d 0%, #5d5d5d 62%, #2c2c2c 63%, #2c2c2c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(62%,#5d5d5d), color-stop(63%,#2c2c2c), color-stop(100%,#2c2c2c));
    background: -webkit-linear-gradient(top, #5d5d5d 0%,#5d5d5d 62%,#2c2c2c 63%,#2c2c2c 100%);
    background: -o-linear-gradient(top, #5d5d5d 0%,#5d5d5d 62%,#2c2c2c 63%,#2c2c2c 100%);
    background: -ms-linear-gradient(top, #5d5d5d 0%,#5d5d5d 62%,#2c2c2c 63%,#2c2c2c 100%);
    background: linear-gradient(to bottom, #5d5d5d 0%,#5d5d5d 62%,#2c2c2c 63%,#2c2c2c 100%);-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/*
.button-2 { display: block; height: 34px; font-size: 20px; line-height: 32px; color: #fff; text-decoration: none; border: 1px solid #c51e11; border-radius: 5px;
    background: #d3544a;
    background: -moz-linear-gradient(top, #d3544a 0%, #d3544a 62%, #c51e11 63%, #c51e11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d3544a), color-stop(62%,#d3544a), color-stop(63%,#c51e11), color-stop(100%,#c51e11));
    background: -webkit-linear-gradient(top, #d3544a 0%,#d3544a 62%,#c51e11 63%,#c51e11 100%);
    background: -o-linear-gradient(top, #d3544a 0%,#d3544a 62%,#c51e11 63%,#c51e11 100%);
    background: -ms-linear-gradient(top, #d3544a 0%,#d3544a 62%,#c51e11 63%,#c51e11 100%);
    background: linear-gradient(to bottom, #d3544a 0%,#d3544a 62%,#c51e11 63%,#c51e11 100%);
}
*/
.button-2 { display: block;     border: none; height: 34px; font-size: 20px; line-height: 32px; color: #fff; text-decoration: none; border: 1px solid #000; border-radius: 5px;
    background: #4c4c4c;
    background: -moz-linear-gradient(top, #4c4c4c 0%, #4c4c4c 62%, #181818 63%, #181818 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(62%,#4c4c4c), color-stop(63%,#181818), color-stop(100%,#181818));
    background: -webkit-linear-gradient(top, #4c4c4c 0%,#4c4c4c 62%,#181818 63%,#181818 100%);
    background: -o-linear-gradient(top, #4c4c4c 0%,#4c4c4c 62%,#181818 63%,#181818 100%);
    background: -ms-linear-gradient(top, #4c4c4c 0%,#4c4c4c 62%,#181818 63%,#181818 100%);
    background: linear-gradient(to bottom, #4c4c4c 0%,#4c4c4c 62%,#181818 63%,#181818 100%);-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.button-2:hover {
    background: #5d5d5d;
    background: -moz-linear-gradient(top, #5d5d5d 0%, #5d5d5d 62%, #2c2c2c 63%, #2c2c2c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5d5d5d), color-stop(62%,#5d5d5d), color-stop(63%,#2c2c2c), color-stop(100%,#2c2c2c));
    background: -webkit-linear-gradient(top, #5d5d5d 0%,#5d5d5d 62%,#2c2c2c 63%,#2c2c2c 100%);
    background: -o-linear-gradient(top, #5d5d5d 0%,#5d5d5d 62%,#2c2c2c 63%,#2c2c2c 100%);
    background: -ms-linear-gradient(top, #5d5d5d 0%,#5d5d5d 62%,#2c2c2c 63%,#2c2c2c 100%);
    background: linear-gradient(to bottom, #5d5d5d 0%,#5d5d5d 62%,#2c2c2c 63%,#2c2c2c 100%);-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.button-3 { -webkit-appearance: none;    border: none;
-moz-appearance: none;
appearance: none;display: block; width: 358px; height: 52px;  border-radius: 10px; padding: 0 10px 0 65px; font-size: 22px; line-height: 46px; color: #fff; text-decoration: none; background: url('images/sprite-2.png') no-repeat; }
.button-3:hover { background-position: 0 -54px; }

.button-4 {-webkit-appearance: none;      width: 220px;  border: none; 
-moz-appearance: none;
appearance: none;display: block;
    border-radius: 10px; height: 37px; font-size: 18px; font-weight: 300; line-height: 34px; color: #fff; text-decoration: none; text-align: center; background: url('images/sprite-2.png') 0 -107px no-repeat; }
.button-4:hover {     border: none; line-height: 36px; background-position: -225px -107px; 
    color: #ffffff;
    font-size: 11px;
    text-decoration: underline;

}

.button-5 { -webkit-appearance: none;
-moz-appearance: none;    border: none;
appearance: none;display: block; width: 238px; height: 45px; font-size: 22px; font-weight: 300; line-height: 42px; color: #fff; text-decoration: none; text-align: center; background: url('images/sprite-2.png') 0 -145px no-repeat; }
.button-5:hover { line-height: 44px; background-position: -239px -145px; }

.button-6 {-webkit-appearance: none;
-moz-appearance: none;    border: none;
appearance: none; display: block; width: 238px; height: 45px; font-size: 22px; font-weight: 300; line-height: 42px; color: #fff; text-decoration: none; text-align: center; background: url('images/sprite-2.png') 0 -191px no-repeat; }
.button-6:hover { line-height: 44px; background-position: -239px -191px; }

.button-7 {-webkit-appearance: none;
-moz-appearance: none;    border: none;
appearance: none; display: block; width: 321px; height: 90px; font-size: 26px; font-weight: 300; line-height: 86px; color: #000; text-decoration: none; text-align: center; background: url('images/sprite-2.png') 0 -237px no-repeat; }
.button-7:hover { line-height: 88px; background-position: -322px -237px; }
.button-8 {-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
    display: block;
    width: 290px;    border: none;
    border-radius: 10px;
    height: 57px;
    font-size: 22px;
    line-height: 54px;
    margin-bottom: 15px;
    color: #fff;
    border: navajowhite;
    text-decoration: none;
    text-align: center;
    background: url(images/sprite-2.png) 0 -327px no-repeat;
}
.button-8:hover { line-height: 56px; background-position: -314px -327px;     border: none;}

.button-9 {-webkit-appearance: none;
-moz-appearance: none;    border: none;
appearance: none;display: block; width: 168px; height: 57px; font-size: 22px; line-height: 50px; color: #fff; text-decoration: none; text-align: center; background: url('images/sprite-2.png') 0 -386px no-repeat; }
.button-9:hover { line-height: 52px; background-position: -169px -386px; }
.alert-success {
    margin: 0 15px;
}
a:hover {
    color: #a9a9a9;
}