@import "fonts.css"/*tpa=http://www.iron-master.pro/assets/default/css/fonts.css*/;

/* General styles */
html,body {
    width: 100%;
    min-width: 1262px;
    background: #fff;
    font: normal 16px/19px 'YsobeleText';
    color: #fff;
}
section {
    float: left;
    width: 100%;
    position: relative;
}
.center {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
h1 {
    text-align: center;
    font: bold 45px/56px 'CenturyGothic';
    color: #fff;
    text-transform: uppercase;
}
h2 {
    font: normal 45px/48px 'YsobeleText';
    font-weight: normal;
    font-style: italic;
    color: #4d4d4d;
    padding-bottom: 7px;
    text-align: center;
}
h3 {
    text-align: center;
    font: normal 25px/40px 'CenturyGothic';
    color: #fff;
    text-transform: uppercase;
}
hr {
    display: block;
    width: 545px;
    height: 24px;
    margin: 21px auto;
    background: url('hr.png')/*tpa=http://www.iron-master.pro/assets/default/images/hr.png*/ no-repeat 50% 0;
    border: none;
}
a {
    color: #999;
    text-decoration: underline;
}
a:hover {
    text-decoration: none;
}
input[type=text] {
    width: 299px;
    height: 51px;
    border: none;
    background: #fff;
    text-indent: 29px;
    font: 14px/17px 'CenturyGothic';
}
input[type=text]::-webkit-input-placeholder {
    text-transform: uppercase;
    color: #b8b8b8;
}
input[type=text]::-moz-placeholder {
    text-transform: uppercase;
    color: #b8b8b8;
}
textarea::-webkit-input-placeholder {
    font-style: italic;
    color: #c6c6c6;
}
textarea::-moz-placeholder {
    font-style: italic;
    color: #c6c6c6;
}
input.error, textarea.error {
    box-shadow: 0 0 9px 1px rgba(255,0,0,0.7) !important;
}
button {
    font: bold 16px/19px 'CenturyGothic';
    text-transform: uppercase;
    background: #bf9e45;
    width: 299px;
    height: 51px;
    border: none;
    outline: none;
    color: #242424;
    cursor: pointer;
}
button:focus {
    outline: none;
}
button:hover {
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.25)!important;
}

/* Header */
header {
    width: 100%;
    height: 74px;
    left: 0;
    float: left;
    background: #fff;
    min-width: 1274px;
}
header .logo {
    width: 74px;
    height: 74px;
    float: left;
}
/* Header Navigation */
header nav {
    float: left;
    margin: 28px 0 0 51px;
}
header nav li {
    float: left;
    margin-right: 31px;
    font: bold 14px/17px 'CenturyGothic';
    text-transform: uppercase;
}
header nav li a {
    text-decoration: none;
}
header nav li a:hover {
    color: #bb9c49;
}
/* Address */
header address {
    float: right;
    margin: 10px 9px 0 -26px;
    padding: 0 0 0 29px;
    background: url('phone.png')/*tpa=http://www.iron-master.pro/assets/default/images/phone.png*/ no-repeat 0 21px;
}
header address .phone {
    font: bold 18px/52px 'Arial', sans-serif;
    color: #2b2b2b;
}
header address .call {
    font: normal 15px/18px 'Arial', sans-serif;
    float: right;
    width: 138px;
    height: 36px;
    margin-left: 35px;
    padding: 17px 0 0 51px;
    color: #fff;
    position: relative;
    display: block;
    background: #bf9e45 url('btn-call.png')/*tpa=http://www.iron-master.pro/assets/default/images/btn-call.png*/ no-repeat 23px 22px;
    text-decoration: none;
}
header address .call:hover {
    text-decoration: none;
}

/* About */
section.about {
    height: 796px;
    background: url('about-bg.jpg')/*tpa=http://www.iron-master.pro/assets/default/images/about-bg.jpg*/ no-repeat 50% 0;
    background-size: cover;
}
.about h1 {
    margin-top: 295px;
}
.about p {
    font: italic 20px/23px 'Times New Roman', sans-serif;
    text-align: center;
}


/* Numerically */
.numerically {
    border-top: 6px solid #bf9e45;
    height: 531px;
}
.numerically h2 {
    margin-top: 52px;
    margin-bottom: 64px;
}
.numerically h2 span {
    font-weight: bold;
}
.numerically .item {
    float: left;
    width: 175px;
    color: #bf9e45;
    text-align: center;
    font: normal 16px/19px 'YsobeleText';
    margin-right: 26px;
}
.numerically .item:last-of-type {
    margin-right: 0;
}
.numerically .item span {
    display: block;
    float: left;
    width: 175px;
    height: 175px;
    text-align: center;
    vertical-align: middle;
    font: bold italic 45px/168px 'YsobeleText';
    background: url('triangle.png')/*tpa=http://www.iron-master.pro/assets/default/images/triangle.png*/;
    margin-bottom: 28px;
}

/* Why */
.why {
    border-top: 6px solid #bf9e45;

    padding-bottom: 43px;
}
.why h2 {
    margin-top: 53px;
    margin-bottom: 58px;
    line-height: 54px;
}
.why .item {
    margin: 0 18px 0 30px;
    float: left;
    width: 272px;
    height: 500px;
    text-align: center;
    font: normal 16px/19px 'YsobeleText';
    color: #999;
    white-space: nowrap;
}
.why .item .icon {
    float: left;
    background: url('triangle-big.png')/*tpa=http://www.iron-master.pro/assets/default/images/triangle-big.png*/;
    width: 272px;
    height: 272px;
    margin-bottom: 21px;
    line-height: 272px;
    vertical-align: middle;
	display: list-item;
	list-style: none;
}
.why .item .icon img {
    vertical-align: middle;
}
.why .item span {
    display: block;
    font-weight: bold;
    font-style: italic;
    color: #bf9e45;
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 18px;
    white-space: normal;
}

/* Fire */
.fire {
    background: url('fire-bg.jpg')/*tpa=http://www.iron-master.pro/assets/default/images/fire-bg.jpg*/ no-repeat 50% 0;
    height: 548px;
    background-size: cover;
}
.fire h2 {
    color: #fff;
    margin-top: 57px;
}
.fire h2 span {
    font-weight: bold;
}
.fire ul {
    display: block;
    background: url('separator.png')/*tpa=http://www.iron-master.pro/assets/default/images/separator.png*/ no-repeat 50% 0;
    margin-top: 50px;
    padding-top: 20px;
}
.fire li {
    display: block;
    text-align: center;
    font: 20px/23px 'YsobeleText';
    color: #fff;
    background: url('separator.png')/*tpa=http://www.iron-master.pro/assets/default/images/separator.png*/ no-repeat 50% 100%;
    padding-bottom: 21px;
    margin-bottom: 7px;
}

/* whyus */
.whyus {
    padding-bottom: 72px;
}
.whyus h2 {
    margin-top: 74px;
    margin-bottom: 58px;
    padding-bottom: 76px;
    line-height: 54px;
    background: url('sepa2.png')/*tpa=http://www.iron-master.pro/assets/default/images/sepa2.png*/ no-repeat 50% 100%;
}
.whyus .item {
    margin: 0 13px 0 28px;
    float: left;
    width: 280px;
    height: 391px;
    text-align: center;
    font: normal 16px/19px 'YsobeleText';
    color: #999;
    white-space: nowrap;
}
.whyus .item .icon {
    margin: 0 auto 28px;
    width: 162px;
    height: 161px;
    border: 3px solid #bf9e45;
    border-radius: 50%;
    line-height: 152px;
    vertical-align: middle;
	display: list-item;
	list-style: none;
}
.whyus .item .icon img {
    vertical-align: middle;
}
.whyus .item span {
    display: block;
    font-weight: bold;
    font-style: italic;
    color: #bf9e45;
    font-size: 25px;
    line-height: 28px;
    margin-bottom: 18px;
    white-space: normal;
}
/* Services */
.services {
    background: url('responses-bg.png')/*tpa=http://www.iron-master.pro/assets/default/images/responses-bg.png*/;
    padding-bottom: 89px;
}
.services h2 {
    background: url('venzel.png')/*tpa=http://www.iron-master.pro/assets/default/images/venzel.png*/ no-repeat 50% 0;
    margin-top: 25px;
    padding-top: 22px;
    margin-bottom: 39px;
}
.services .list {
    background: #fff;
    padding: 7px 33px 17px;
    float: left;
    margin-left: -11px;
    margin-right: -11px;
    border-bottom: 1px solid #f7f7f7;
}
.services .item {
    float: left;
    padding: 14px 15px 0 14px;
    width: 205px;
    height: 290px;
    text-align: center;
    position: relative;
    text-decoration: underline;
    font: bold italic 20px/24px 'YsobeleText';
    color: #bf9e45;
}
.services .item:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 28px;
    width: 1px;
    height: 214px;
    background: #e9e9e9;
}
.services .item:last-of-type:after {
    display: none;
}
.services .item img {

}
.services .item button {
    width: 100%;
    height: 48px;
}
.services .innerSlider {
    float: left;
    display: block;
    margin-top: 16px;
    margin-bottom: 13px;
    width: 205px;
    height: 188px;
    position:  relative;
    overflow: hidden;
}
.services .innerSlider ul {
    position: absolute;
    width: 20000em;
}
.services .innerSlider li {
    width: 205px;
    height: 188px;
    float: left;
}
.services .innerSlider .arrow {
    position: absolute;
    width: 26px;
    height: 46px;
    background: transparent url('navs.png')/*tpa=http://www.iron-master.pro/assets/default/images/navs.png*/ no-repeat;
    top: 50%;
    margin-top: -38px;
    cursor: pointer;
    opacity: 1;
    z-index: 8000;
}
.services .innerSlider .arrow.prev {
    left: 30px;
    background-position: 0 0;
}
.services .innerSlider .arrow.next {
    right: 30px;
    background-position: -26px 0;
}
.services .innerSlider .arrow.prev:hover{
    background-position: 0 -46px;
}
.services .innerSlider .arrow.next:hover{
    background-position: -26px -46px;
}

.services .innerSlider .pagination {
    float: left;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
}
.services .innerSlider .pagination .page {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #dbdbdb;
    margin: 0 4px;
    cursor: pointer;
}
.services .innerSlider .pagination .page.active {
    background: #bf9e45;
}
/* How */
.how {
    height: 628px;
    border-top: 6px solid #bf9e45;
}
.how h2 {
    margin-top: 51px;
    padding-bottom: 60px;
}
.how .howItem {
    float: left;
    width: 174px;
    margin-right: 25px;
    margin-left: 1px;
    text-align: center;
    font: normal 15px/18px 'YsobeleText';
    color: #999;
    letter-spacing: -0.3px;
}
.how .howItem:last-of-type {
    margin-right: 0;
}
.how .howItem .icon {
    width: 174px;
    padding-left: 26px;
    margin-left: -26px;
    height: 206px;
    line-height: 202px;
    vertical-align: middle;
    background: url('howitem.png');
	display: list-item;
	list-style: none;
}
.how .howItem img {
    vertical-align: middle;
}
.how .howItem span {
    font: italic bold 16px/19px 'YsobeleText';
    color: #bf9e45;
    display: block;
    letter-spacing: -0.6px;
    margin-top: 11px;
    margin-bottom: 22px;
}
/* Aboutblock */
.aboutblock {
    height: 682px;
    background: url('aboutblock-bg.png')/*tpa=http://www.iron-master.pro/assets/default/images/aboutblock-bg.png*/;
}
.aboutblock h2 {
    margin-top: 35px;
}
.aboutblock .message {
    float: left;
    background: #fff;
    width: 484px;
    height: 427px;
    padding-left: 78px;
    padding-right: 78px;
    padding-top: 37px;
    margin-left: 320px;
    margin-top: 38px;
    position: relative;
    z-index: 2;
}
.aboutblock .message p {
    font: italic 16px/19px 'YsobeleText';
    color: #4d4d4d;
    margin-bottom: 19px;
}
.aboutblock .rectangles {
    position: absolute;
    z-index: 1;
}
.aboutblock .man {
    width: 380px;
    height: 380px;
    position: absolute;
    left: -16px;
    top: 135px;
    z-index: 3;
    background: url('about-man.png')/*tpa=http://www.iron-master.pro/assets/default/images/about-man.png*/;
}
.aboutblock .arc {
    width: 569px;
    height: 569px;
    background: url('arc.png')/*tpa=http://www.iron-master.pro/assets/default/images/arc.png*/;
    position: absolute;
    left: -110px;
    top: 41px;
    z-index: 1;
}
/* MacBook */
.macbook {
    height: 449px;
    z-index: 10000;
    background: #252a2e;
}
.macbook .center {
    background: url('macbook.png')/*tpa=http://www.iron-master.pro/assets/default/images/macbook.png*/ no-repeat 50% 0;
    height: 533px;
    margin-top: -60px;
    text-align: center;
}
.macbook iframe {
    margin-top: 36px;
    margin-left: 5px;
}

/* Works */
.works {
    height: 642px;
}
.works h2 {
    margin-top: 67px;
}
.works .slider {
    float: left;
    width: 100%;
    height: 430px;
    margin-top: 59px;
    position: relative;
}
.works .slider .arrow {
    display: block;
    position: absolute;
    top: 132px;
    background: url('arrows.png')/*tpa=http://www.iron-master.pro/assets/default/images/arrows.png*/ no-repeat 0 0;
    width: 93px;
    height: 64px;
    cursor: pointer;
    z-index: 20;
}
.works .slider .arrow.prev {
    left: -102px;
    background-position: 0 0;
}
.works .slider .arrow.next {
    right: -99px;
    background-position: 100% 0;
}
.works .slider .pane {
    width: 939px;
    height: 363px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 5;
    background: #fff;
}
.works .slider .pane ul {
    width: 20000em;
    height: 240px;
    position: absolute;
}
.works .slider .pane ul li {
    width: 939px;
    height: 363px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.works .text {
    float: left;
    width: 430px;
    margin-top: 17px;
}
.works .slider img {
    float: left;
    width: 450px;
    height: 352px;
}

.works .slider h4 {
    font: italic normal 20px/23px 'YsobeleText';
    color: #4d4d4d;
    margin-bottom: 12px;
}
.works .slider p {
    font: 15px/18px 'YsobeleText';
    color: #696969;
    padding-bottom: 12px;
}
.slider .pagination {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50px;
}
.slider .pagination .page {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #dbdbdb;
    margin: 0 4px;
    cursor: pointer;
}
.slider .pagination .page.active {
    background: #bf9e45;
}

.works .innerSlider {
    float: left;
    width: 450px;
    height: 352px;
    margin-right: 39px;
    background: #000;
    border: 5px solid #bf9e45;
    margin-top: 0;
    position:  relative;
    overflow: hidden;
}
.works .slider .pane ul li .innerSlider li {
    width: 450px;
    height: 352px;
}
.works .slider .innerSlider .arrow {
    position: absolute;
    width: 26px;
    height: 46px;
    background: transparent url('navs.png')/*tpa=http://www.iron-master.pro/assets/default/images/navs.png*/ no-repeat;
    top: 50%;
    margin-top: -38px;
    cursor: pointer;
    opacity: 1;
    z-index: 8000;
}
.works .slider .innerSlider .arrow.prev {
    left: 30px;
    background-position: 0 0;
}
.works .slider .innerSlider .arrow.next {
    right: 30px;
    background-position: -26px 0;
}
.works .slider .innerSlider .arrow.prev:hover{
    background-position: 0 -46px;
}
.works .slider .innerSlider .arrow.next:hover{
    background-position: -26px -46px;
}

.works .slider .innerSlider .pagination {
    position: absolute;
    bottom: 30px;
}
/* Responses */
.responses {
    height: 538px;
    background: url('responses-bg.png')/*tpa=http://www.iron-master.pro/assets/default/images/responses-bg.png*/;
}
.responses h2 {
    margin-top: 45px;
}
.responses .slider {
    float: left;
    width: 100%;
    height: 224px;
    margin-top: 46px;
    position: relative;
}
.responses .slider .arrow {
    display: block;
    position: absolute;
    top: 132px;
    background: url('arrows.png')/*tpa=http://www.iron-master.pro/assets/default/images/arrows.png*/ no-repeat 0 0;
    width: 93px;
    height: 64px;
    cursor: pointer;
    z-index: 20;
}
.responses .slider .arrow.prev {
    left: -102px;
    background-position: 0 0;
}
.responses .slider .arrow.next {
    right: -99px;
    background-position: 100% 0;
}
.responses .slider .pane {
    width: 939px;
    height: 329px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 5;
    background: #fff;
}
.responses .slider .pane ul {
    width: 20000em;
    height: 240px;
    position: absolute;
}
.responses .slider .pane ul li {
    width: 939px;
    height: 329px;
    padding: 65px 52px 15px 48px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.responses .slider img {
    float: left;
    width: 165px;
    height: 165px;
    border-radius: 50%;
    background: #000;
    margin-top: 24px;
    margin-left: 12px;
}
.responses .slider p {
    margin-bottom: 20px;
    margin-left: 33px;
    float: left;
    width: 621px;
    color: #696969;
}
.responses .slider .pagination {
    margin-top: 20px;
}
/* Special */
.special {
    height: 569px;
    border-top: 6px solid #bf9e45;
    background: url('special-bg.jpg')/*tpa=http://www.iron-master.pro/assets/default/images/special-bg.jpg*/ no-repeat 50% 0;
    background-size: cover;
}
.special.special2 {
    height: 527px;
    background: url('special-bg-2.jpg')/*tpa=http://www.iron-master.pro/assets/default/images/special-bg-2.jpg*/ no-repeat 50% 0;
    background-size: cover;
}
.special.special3 {
    height: 527px;
    background: url('special-bg-3.jpg')/*tpa=http://www.iron-master.pro/assets/default/images/special-bg-3.jpg*/ no-repeat 50% 0;
    background-size: cover;
}
.special h2 {
    font-size: 40px;
    line-height: 48px;
    color: #fff;
    text-transform: none;
    text-align: center;
    margin-top: 21px;
}
.special h2 span {
    font-weight: bold;
    color: #bf9e45;
}
.special.special2 h2 {
    margin-top: 30px;
    padding-bottom: 0px;
}
.special.special3 h2 {
    margin-top: 37px;
    padding-bottom: 0px;
    letter-spacing: -0.5px;
}
.special .form {
    width: 100%;
    height: 51px;
    padding-top: 26px;
    padding-bottom: 24px;
    background: rgba(31,31,31,0.76);
    position: absolute;
    bottom: 0;
    left: 0;
}
.special .form form {
    float: left;
    margin-left: 20px;
}
.special .form input[type=text] {
    float: left;
    margin-right: 21px;
}
.special .man {
    width: 380px;
    height: 411px;
    background: url('special-man-1.png')/*tpa=http://www.iron-master.pro/assets/default/images/special-man-1.png*/ no-repeat 0 0;
    float: left;
    margin-left: -23px;
    margin-top: 10px;
    position: relative;
}
.special.special2 .man {
    background: url('special-man-2.png')/*tpa=http://www.iron-master.pro/assets/default/images/special-man-2.png*/ no-repeat 0 0;
}

.special .man .info {
    width: 303px;
    height: 54px;
    background: #1f1f1f;
    text-align: center;
    position: absolute;
    bottom: 90px;
    left: 50%;
    margin-left: -148px;
    font: bold italic 16px/19px 'YsobeleText';
    padding-top: 10px;
}
.special .man .info p {
    color: #bf9e45;
}
.special .message {
    float: left;
    width: 577px;
    height: 93px;
    background: #1f1f1f;
    text-align: center;
    font: bold italic 20px/23px 'YsobeleText';
    padding-top: 17px;
    margin-left: 32px;
    margin-top: 34px;
}
.special.special3 .message {
    margin-left: 51px;
    margin-top: 47px;
    width: 528px;
    height: 75px;
    font-size: 25px;
    line-height: 28px;
    color: #bf9e45;
}
.special .countdown {
    float: left;
    margin-right: -40px;
    margin-left: -2px;
    margin-top: 16px;
}
.special .countdown .item {
    float: left;
    width: 164px;
    height: 164px;
    background: url('countdown.png')/*tpa=http://www.iron-master.pro/assets/default/images/countdown.png*/ no-repeat;
    text-align: center;
    color: #fff;
    font: italic 18px/21px 'YsobeleText';
    margin-right: -1px;
}
.special .countdown .item span {
    display: block;
    font-weight: bold;
    font-size: 45px;
    line-height: 48px;
    margin-top: 49px;
}
/* Contact */
.contact {
    height: 600px;
    border-top: 6px solid #bf9e45;
}
.contact .map {
    width: 100%;
    height: 600px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.contact .mapDark {
    width: 100%;
    height: 600px;
    background: rgba(0,0,0,0.2);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    pointer-events: none;
}
.contact .info {
    width: 259px;
    height: 230px;
    float: left;
    margin: 43px 0 0 20px;
    padding: 35px 61px 47px 58px;
    position: relative;
    z-index: 100;
    background: #fff;
}
.contact .info h2 {
    font: bold italic 30px/33px 'YsobeleText';
    text-transform: none;
    color: #bf9e45;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 19px;
    margin-bottom: 37px;
    text-align: left;
}
.contact .info p {
    font: normal 20px/23px 'CenturyGothic';
    color: #2b2b2b;
    margin-bottom: 26px;
}

/* Footer */
footer {
    width: 100%;
    height: 74px;
    float: left;
    position: relative;
}
footer .logo {
    width: 74px;
    height: 74px;
    float: left;
}
footer h1 {
    float: left;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    font-weight: bold;
    color: #999;
    margin-top: 28px;
    margin-left: 51px;
}
footer .social {
    float: left;
    margin-top: 22px;
    position: absolute;
    left: 50%;
}
footer .social a {
    display: block;
    float: left;
    border-radius: 50%;
    background: #999;
    width: 33px;
    height: 33px;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    margin-right: 4px;
}
footer .social a img {
    vertical-align: middle;
}
footer .social a:nth-of-type(1) img {
    margin-left: 2px;
}
footer .social a:nth-of-type(1):hover {
    background: #7795c4;
}
footer .social a:nth-of-type(2):hover {
    background: #516191;
}
footer .social a:nth-of-type(3):hover {
    background: #756b67;
}
/* Address */
footer address {
    float: right;
    margin: 10px 9px 0 -26px;
    padding: 0 0 0 29px;
    background: url('phone.png')/*tpa=http://www.iron-master.pro/assets/default/images/phone.png*/ no-repeat 0 21px;
}
footer address .phone {
    font: bold 18px/52px 'Arial', sans-serif;
    color: #2b2b2b;
}
footer address .call {
    font: normal 15px/18px 'Arial', sans-serif;
    float: right;
    width: 138px;
    height: 36px;
    margin-left: 35px;
    padding: 17px 0 0 51px;
    color: #fff;
    position: relative;
    display: block;
    background: #bf9e45 url('btn-call.png')/*tpa=http://www.iron-master.pro/assets/default/images/btn-call.png*/ no-repeat 23px 22px;
    text-decoration: none;
}
footer address .call:hover {
    text-decoration: none;
}

.icon:hover img {
    -webkit-animation: run .3s infinite ease-in-out alternate;
    -moz-animation: run .3s infinite ease-in-out alternate;
    -o-animation: run .3s infinite ease-in-out alternate;
    animation: run .3s infinite ease-in-out alternate;
}
@-webkit-keyframes run {
    from {-webkit-transform: translateX(15px);}
    to {-webkit-transform: translateX(-15px);}
}

@-moz-keyframes run {
    from {-webkit-transform: translateX(15px);}
    to {-webkit-transform: translateX(-15px);}
}

@-ms-keyframes run {
    from {-webkit-transform: translateX(15px);}
    to {-webkit-transform: translateX(-15px);}
}

@keyframes run {
    from {-webkit-transform: translateX(15px);}
    to {-webkit-transform: translateX(-15px);}
}

.popup {
    display: none;
    background: rgba(31,31,31,1);
    width: 292px;
    padding: 50px 44px;
}
.popup input {
    margin-bottom: 15px;
}
.popup h1 {
    font-size: 30px;
    line-height: 40px;
    margin-top: -5px;
    padding-bottom: 52px;
    background: url('hr.png')/*tpa=http://www.iron-master.pro/assets/default/images/hr.png*/ no-repeat 50% 54px;
    background: ur;
}
.popup p {
    font: italic 18px/21px 'Times New Roman';
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}
.popup.success p {
    margin-bottom: 0;
}
.popup input[type=text], .popup button {
    width: 292px;
}
.fancybox-close {
    width: 65px;
    height: 65px;
    background: #1b1b1b;
    text-align: center;
    vertical-align: middle;
    top: 0;
    right: -65px;
    text-decoration: none;
}
.fancybox-close:before {
    content: "x";
    color: #323232;
    font-size: 44px;
    line-height: 55px;
    vertical-align: middle;
    font-family: 'CenturyGothic';
}