*{font-family:'Open Sans', Helvetica, Arial, sans-serif;font-weight:300;}
html{height:100%;}
body{background-color:#232a4b;margin:0;position:relative;}
img{background-size:auto;}
.error{border-color:red !important;}
::-webkit-input-placeholder{color:#ffffff;}
:-moz-placeholder{color:#ffffff;opacity:1;}
::-moz-placeholder{color:#ffffff;opacity:1;}
:-ms-input-placeholder{color:#ffffff;}
.container{margin:0 auto;position:relative;width:1170px;}
.btn{background:none;background-color:#00a9e1;border:0px solid;border-bottom:2px solid;border-color:#12172e;border-radius:5px;color:#ffffff;cursor:pointer;display:inline-block;font-size:18px;font-weight:300;margin:10px 0;moz-transition:all 0.5s ease-in-out;ms-transition:all 0.5s ease-in-out;o-transition:all 0.5s ease-in-out;padding:10px 41px;text-decoration:none;transition:all 0.5s ease-in-out;webkit-transition:all 0.5s ease-in-out;}
.btn:hover{background:#0090c0;color:#ffffff;text-decoration:none;}
#wrapper{min-height:100%;width:100%;}
.brick{background-image:url("../../../img/Front/wall-1.png");background-position:center;background-repeat:no-repeat;background-size:100%;height:210px;left:-20px;position:absolute;top:135px;width:435px;}
.number{margin-top:79px;position:relative;text-align:right;z-index:100;  height: 40%;}
.number .four{background-image:url("../../../img/Front/four.png");background-repeat:no-repeat;background-size:100%;display:inline-block;height:292px;position:relative;width:230px;z-index:19; top: -270px;}
.number .zero{animation:4s ease 0s normal none infinite zero;animation:zero 4s infinite ease-in-out;background-image:url("../../../img/Front/zero.png");background-position:0px 20px;background-repeat:no-repeat;background-size:100%;display:inline-block;height:292px;moz-animation:4s ease 0s normal none infinite zero;moz-transform-origin:center top;ms-animation:4s ease 0s normal none infinite zero;ms-animation:zero 4s infinite ease-in-out;ms-transform-origin:center top;ms-transform-origin:top;o-animation:4s ease 0s normal none infinite zero;o-animation:zero 4s infinite ease-in-out;o-transform-origin:center top;o-transform-origin:top;position:relative;transform-origin:center top;transform-origin:top;webkit-animation:zero 4s infinite ease-in-out;webkit-transform-origin:top;width:230px;z-index:18;}
.number .zero .nail{background-image:url("../../../img/Front/nail.png");background-repeat:no-repeat;background-size:100%;height:50px;left:115px;position:absolute;top:6px;width:30px;}
@-moz-keyframes zero{0%{moz-transform:rotate(-2deg);}
50%{moz-transform:rotate(2deg);}
100%{moz-transform:rotate(-2deg);}
}
@-webkit-keyframes zero{0%{webkit-transform:rotate(-2deg);}
50%{webkit-transform:rotate(2deg);}
100%{webkit-transform:rotate(-2deg);}
}
@-o-keyframes zero{0%{o-transform:rotate(-2deg);}
50%{o-transform:rotate(2deg);}
100%{o-transform:rotate(-2deg);}
}
@-ms-keyframes zero{0%{ms-transform:rotate(-2deg);}
50%{ms-transform:rotate(2deg);}
100%{ms-transform:rotate(-2deg);}
}
@keyframes zero{0%{transform:rotate(-2deg);}
50%{transform:rotate(2deg);}
100%{transform:rotate(-2deg);}
}
.info{margin-left:460px;position:relative;z-index:999;}
.info h2{color:#ffc938;font-size:50px;font-weight:300;}
.info p{color:#ffffff;font-size:20px;}
#footer{height:375px;margin-top:-366px;text-align:center;width:100%;}
.worker{background-image:url("../../../img/Front/worker.png");background-position:center;background-repeat:no-repeat;background-size:100%;height:371px;left:0;position:absolute;top:82px;width:300px;z-index:10;}
.tools{background-image:url("../../../img/Front/tools.png");background-position:center;background-repeat:no-repeat;background-size:100%;height:199px;position:absolute;right:0;top:255px;width:730px;}

@media (max-width: 1200px){.container{margin:0 15px;width:auto;}
.info{margin-left:300px;}
}
@media (max-width: 992px){.container{margin:0 15px;width:auto;}
.info{margin-left:0;text-align:center;}
#wrapper{height:auto;min-height:0px;}
#footer{height:auto;margin-top:0;}
}
@media (max-width: 768px){.container{margin:0 15px;width:auto;}
.brick{width:256px;}
.number{text-align:center; height: auto;}
.number .four{height:157px;width:123px; top:-115px;}
.number .zero{height:157px;width:130px;}
.number .zero .nail{left:64px;top:12px;width:18px;}
.worker{height:249px;left:20px;top:7px;width:200px;}
.tools{height:90px;right:8px;top:166px;width:330px;}
.info h2{font-size:30px;}
.info p{font-size:16px;}
}
@media (max-width: 440px){.container{margin:0 15px;width:auto;}
.brick{width:156px;}
.number{margin-top:32px;text-align:center; height: auto;}
.number .four{height:103px;width:80px; top:-75px; }
.number .zero{height:112px;width:85px;}
.number .zero .nail{left:44px;top:14px;width:11px;}

}