#page_mission {
    height: 350px;
    background: #e6e7e9; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #e6e7e9 0%, #c9c9c9 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(0%,#e6e7e9), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #e6e7e9 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #e6e7e9 0%,#c9c9c9 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #e6e7e9 0%,#c9c9c9 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #e6e7e9 0%,#c9c9c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e7e9', endColorstr='#c9c9c9',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    text-align: center;
}
#page_mission figure{
    width: 325px;
    float: left;
    margin: 0;
    padding: 0;
}
#why {
    background: url(img/fon1.jpg) no-repeat scroll center top;
    text-align: center;
    padding: 50px 0;
}
#why h2{
    color: #fecb16;
    font-size: 60px;
    font-weight: bold;
    width: 70%;
    margin: 0 auto;
    line-height: 1.2em;
}
#expa{
    width: 60%;
    margin: 50px auto;
}
#expa img{
    float: left;
    display: block;
}
#desc{
    font-size: 20px;
    text-align: left;
    color: #FFF;
    padding: 100px 0 0;
    line-height: 1.2em;
}
#desc span{
    font-size: 24px;
    font-weight: bold;
    color: #FFF;
    display: block;
    padding-bottom: 10px;
    line-height: 1.2em;
}
.fon{
    background: #fecb16;
    padding: 40px 0;
}
.fon figure{
    width: 33%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}
.fon figure a, .fon figure a:hover{
    color: #FFF;
    text-align: center;
    font-size: 18px;
    text-shadow: 1px 1px 1px #9d7d0d;
    padding: 0 20px 10px;
    display: inline-block;
    background: url(img/arr-down.png) no-repeat 100% 30%;
    cursor: pointer;
    text-decoration: none;
}

.fon h3 {
    font-size: 28px;
    font-weight: bold;
    display: block;
    padding-bottom: 10px;
    line-height: 1.2em;
    width: 90%;
    margin: 10px auto;
}
.fon span {
    display: block;
    padding-bottom: 10px;
    line-height: 1.2em;
    width: 70%;
    margin: 0 auto;
    text-align: justify;
    height: 70px;
}
.lowerfoot, .lowerfoot2, .lowerfoot3 {
    width: 100%;
    height: 428px;
    background: #f1f1f1;
    text-align: center;
    margin: 0;
    padding: 0;
    display:none;
}
.lowerfoot2{
    height: 580px;
}
#hidden1.hide {
    height: 580px;
}
#hidden2.hide {
    height: 450px;
}

#bg{
    width: 380px;
    text-align: center;
    float: left;
    margin-top: -25px;
    top: -20px;
    position: relative;
}
#bg1 {
    width: 380px;
    text-align: center;
    float: left;
    margin-top: -25px;
    top: -35px;
    left: 360px;
    position: relative;
}
#bg2 {
    width: 380px;
    text-align: center;
    position: relative;
    top: -35px;
    left: 720px;
    margin-top: -25px;
}

#hidden .left{
    width: 700px;
    float: left;
    padding: 30px 20px 0 0;
    text-align: left;
}
#hidden1 .left, #hidden2 .left{
    width: 680px;
    float: left;
    padding: 10px 0 0 0;
    text-align: left;
}
figure.timer {
    width: 33%;
    float: left;
    margin: 30px 0;
    text-align: center;
}
figure.timer h4{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
    height: 36px;
    padding: 10px 0 0;
}
#hidden .left h2{
    font-size: 40px;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 20px;
    width: 95%;
}
#hidden1 .left h2, #hidden2 .left h2{
    font-size: 30px;
    font-weight: bold;
    line-height: 1.1em;
    margin-bottom: 20px;
    width: 100%;
}
#hidden .left h2 span{
    font-size: 50px;
}
#hidden1 .left h2 span{
    font-size: 40px;
}
#hidden .left span.desc, #hidden1 .left span.desc, #hidden2 .left span.desc {
    font-size: 18px;
    line-height: 1.4em;
    width: 80%;
    display: inline-block;
}
span.num{
    font-size: 36px;
    color: #FECB16;
    font-weight: bold;
}
#close {
    padding: 10px;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.8s ease 0s;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    position: relative;
    z-index: 2000;
    float: right;
}
#close:before {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    font-size: 12px;
}
#close:hover {
    background-color: rgba(252, 20, 0, 0.8);
}