/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /* font: inherit; */
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    font-size: 18px;
}
ol, ul {
    list-style: none;
}
ul.simple {
    list-style: outside;
    margin-left: 20px;
}
ul.simple li{ margin-top: 15px;}
.partner ul.simple {
    list-style: outside;
    margin-top: 30px;
    font-size: 22px;
    line-height: 1.67;
    text-align: left;
}
.partner ul.simple li {margin-bottom: 30px;}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */
.block_h3{
    width: 100%;
    margin: 1em 0 1.5em 0;
    font-size: 1em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}
body {
    font-family: 'Open Sans', sans-serif;
}
.wrapper {
    min-width: 320px;
    margin: 0 auto;
}
.wrapper .content .grid_1000{
    margin-right: auto;
    margin-left: auto;
    width: 1000px;
}
.wrapper .content .grid_1350{
    margin-right: auto;
    margin-left: auto;
    width: 1350px;
}

.wrapper .content .grid_100{
    width: 100%;
    float: left;
}

.content.about{
    background-image: url("/about/img/bg_about.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 500px;
    margin-top: 0;
}
.content.partner{
    background-image: url("/about/img/bg_invite.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    padding-bottom: 250px;
    margin-top: 0;
}
.content.history {
    background-image: url("/about/img/h1_history.png");
    background-position-y: -50px;
    background-position-x: right;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 150px;
}
.content.team, .content.contactus {padding-bottom: 150px;}
.history .grid_100.hbg1{
    background-image: url("/about/img/history_1.png");
    background-position-y: 30%;
    background-position-x: right;
    background-repeat: no-repeat;
}
.history .grid_100.hbg2{
    background-image: url("/about/img/history_2.png");
    background-position-y: 38%;
    background-position-x: 40%;
    background-repeat: no-repeat;
}
.history .grid_100.hbg3{
    background-image: url("/about/img/history_3.png");
    background-position-y: 63%;
    background-position-x: left;
    background-repeat: no-repeat;
}
.history .grid_100.hbg4{
    background-image: url("/about/img/h5_history.png");
    background-position-y: 80%;
    background-position-x: left;
    background-repeat: no-repeat;
}
/* Header
-----------------------------------------------------------------------------*/

.header_menu {background-image: linear-gradient(267deg, #061eff, #f76b1c); text-align: center; overflow-y: hidden; }
.header_menu a {
    /* font-weight: 600; */
    max-height: 139px;
    /* line-height: 1.25; */
    /* line-height: 14vh; */
    line-height: 110px;
    text-align: center;
    color: #ffffff;
    /*   margin: 0 50px; */
    margin: 0 25px;
    display: inline-block;
    text-decoration: none;
    position: relative;
    font-size: 20px;
}
.header_menu a .wd {display: none;}
.header_menu a.active .wd{
    border-bottom: 3px solid #fff;
    position: absolute;
    display: block;
    float: left;
    left: 0;
    height: 4px;
    width: 100%;
    /*  margin-top: -5vh; */
    margin-top: -40px;
}

/*.header_menu {background-position: center center;} */
/*.header_menu a {
    font-size: 24px;
    max-height: 139px;
    margin: 0 2.5vw;
    line-height: 14vh;
}
.header, .header_menu {height: 14vh; }
*/

.wood {

    display: none;
    width: 100%;
    height: 8px;
    background-color: #000;
    position: absolute;
    top:70px;
    left: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}
/* Middle
-----------------------------------------------------------------------------*/
.content {
    float:left;
    width:100%;
    /*background-color: #fff; */
    position: relative;
    padding-bottom: 150px;
}

.menu_fix {
    position: absolute;
    left:0px;
    top:0px;
    height: 108px;
    background-color: #fff;
    z-index: 100000;
    text-align: center;
    width: 100%;
    border-bottom: 2px solid #ebebeb;
}
.menu_fix.act {position: fixed; }
.menu_fix a {
    line-height: 108px;
    padding: 0 45px;
    color: #000;
    display: inline-block;
    font-size: 18px;
    text-decoration: none;
    position: relative;
    font-weight:600;
}

.menu_fix a.acts::after {width: 35px;
    height: 18px;
    display: block;
    content: '';
    left:50%;
    position: absolute;
    bottom: -18px;
    margin-left: -16px;
    background-image: url(../img/arr.png);
}
.arrow {
    height: 18px;
    display: inline-block;
    content: '';
    left:50%;
    position: absolute;
    bottom: -18px;
    margin-left: -16px;
    background-image: url(../img/arr.png);
    background-repeat:no-repeat;
    width:36px;
    -webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}
.mission {
    float: left;
    width: 100%;
    margin-top: 108px;
    height: 800px;
    background-image: url(../img/index_bg.png);
    position: relative;
    background-size: cover;
}
.cs_od {
    position: absolute;
    left:70px;
    /* top: 70px; */
    width: 250px;
}
.s_f_h1{  width: 122px;  height: 40px; font-size: 40px;  font-weight: bold;  line-height: 1;  text-align: center;  color: #000000; margin-top: 70px; margin-bottom: 70px; }
.history .s_f_h1 {height: 150px; margin-bottom: 10%;}
.aboutPDF{color: #3fa9f6; text-decoration: none;font-size: 1em;}
.Oval {width: 75px;  height: 150px;mix-blend-mode: multiply; display: block; float: left;border-radius: 0 150px 150px 0; top: 0; position: relative;}
/* .color1{background-color: #ff7171; color: #ff7171;}
.color2{background-color: #ac5363; color: #ac5363;}
.color3{background-color: #8a4883; color: #8a4883;}
.color4{background-color: #6b3e9f; color: #6b3e9f;}
.color5{background-color: #4432c5; color: #4432c5;}
.color6{background-color: #4432c5; color: #4432c5;}
.color7{background-color: #140584; color: #140584;} */
.color1{ color: #ff7171;}
.color2{ color: #ac5363;}
.color3{ color: #8a4883;}
.color4{ color: #6b3e9f;}
.color5{ color: #4432c5;}
.color6{ color: #4432c5;}
.color7{ color: #140584;}


.partner a {text-decoration: none; color: #3fa9f6;}
.cs_od span {float: left; width: 100%; line-height: 73px; background-color: #000; text-align: center; font-size: 28px; color: #fff;}
.cs_od a {float: left; line-height: 42px; width: 100%; box-sizing: border-box; padding-left: 50px; position: relative; margin-top: 36px; color: #000; font-size: 22px; text-decoration: none;}
.cs_od a img {height: 42px; position: absolute; left: 0; top:0;}
.cs_od a b {float: right; margin-right: 20px; font-size: 38px;}
.block_item { float: left; padding-bottom: 40px; line-height: 1.67; }
.block_team { display: block; float: left; width: 200px;margin: 20px 30px 50px 30px;}
.subrow .block.prc70{width: 69%; display: block; float: left;max-width: 500px;}
.bg1 {color: #fff; background-color: #0a3b73; margin-top: 70px; margin-bottom: 40px;}
/* .row {float:left; width: 100%;margin-bottom: 100px;} */
.row {width: 80%;  margin-bottom: 100px;  margin-left: auto;  margin-right: auto;  min-width: 1300px;}
/* .subrow{float: left; width: 90%;} */
.subrow{float: left; width: 100%;}
.hdate {display: block; float: left;border-right: 6px solid #000;font-size: 1.2em; font-weight: bold; color: #000; margin-right: 40px;height: 120px;width: 17%;min-width: 70px;}
.himg{display: block; float: left;margin: 10px 10px 10px -30px; width: 100px;}
.team ul {width: 100%;}
.team ul li{  display: inline-block;  width: 260px;  vertical-align: top;}
.team .photo{background-size: 200px 201px;  display: block;  float: left;  width: 100%;  min-height: 200px;  background-position: top; margin-bottom: 19px; filter: grayscale(100%); border: 1px solid #ddd;}
.team .name {  font-size: 20px;  font-weight: 600;  line-height: 1.5;  text-align: left;  color: #000000;  margin-bottom: 10px;}
.team .position {   font-size: 12px;  font-weight: bold;  line-height: 1.67;  text-align: left;  color: #404040; margin-bottom: 10px;}
.team .years {  font-size: 12px;  line-height: 1.67;  text-align: left;  color: #404040; margin-bottom: 20px; }
.team .projects{ border-radius: 3px;  border: solid 1px #ff7171;  font-size: 12px;  text-align: left;  color: #ed501c; padding: 6px 5px 7px 5px; margin-bottom: 10px;}
.left{float: left;}
.col {float:left; width: 42%; padding: 0 3%;}
.colmiddle {float:left; width: 52%; padding: 0 3%;}
.colcol{float:left; width: 94%; padding: 0 3%;}
.contactus .colcol{float:none; width: 450px; padding: 0 3%;margin-left: auto;  margin-right: auto;}
.contactus .mobile_h5{margin-bottom: 10px;display: block; float: left; width: 95%;}
.colmiddle.center, .col.center{    margin-left: auto; margin-right: auto; float: none;}
.block_item.left {margin: 0 20px;}
.block_item_left {position: absolute; left:70px; bottom:160px; width: 300px; color:#000; line-height: 24px; font-size: 16px;}
.car-nav {position:relative; height:141px; padding:0 20px;}
.block{display: block;}
.block_3{width: 30%;display: block;float: left;padding-left: 3%;}
.block_33{width: 60%;display: block;float: left; padding-left: 6%;}
.block_5{width: 50%;display: block;float: left;}
.s_mr_20{margin-right: 20px;}
.s_mt_20{margin-top: 20px;}
.s_ml_20{margin-left: 20px;}
.s_mb_20{margin-bottom: 20px;}
.s_mb_15{margin-bottom: 15px;}
.m_up_10{margin-top: -10px;}
#prev {position: absolute; top:300px; border-radius: 8px; opacity: 0; left:50px;  width: 144px; height:141px; background-image: url(../img/left_arr.png); display: block; z-index:20;}
#next {position: absolute; top:300px; border-radius: 8px; opacity: 0; right:50px;  width: 144px; height:141px; background-image: url(../img/right_arr.png); display: block; z-index:20;}

#item1_h3_1 {top:0px;}
#item1_span_1 {top:54px;}
#item1_img {    position:absolute; left:-167px; top:149px;   }
#item2_img {    position:absolute; left:-45px; top:-50px;   }
#item3_img {position:absolute; top:163px;}
#item4_img {position:absolute; top:31px; left:-43px;}
#item5_img {position:absolute; top:41px; left:0px;}
#item_2004 {padding-top:217px;}
#item_img_2006 {position:absolute;    top: -63px;    left: 20px;}
#img_2008 {    left: 63px;
    position: absolute;
    width: 120px;
    top: -38px;}
#img_2010 {width: 436px;
    position: absolute;
    top: 151px;}

.map {float: left; width: 100%; height: 627px; background-image: url(../img/map.jpg);}
.googlemap{ }

/* Footer
-----------------------------------------------------------------------------*/
.footer {}
#footer{border-top: 1px solid #9c9c9c;}
.slider_menu {float: left; width: 100%;}
.footer_left {float: left; width: 180px; margin-left: 70px; margin-top: 70px; margin-bottom: 70px; font-size: 16px; color: #000; line-height: 21px; }
.footer_right {float: right; margin-right: 70px;  margin-top: 70px; margin-bottom: 70px; }
.menu_fut {float: right; }
.menu_fut a {float: left; padding: 0 8px; line-height: 16px; color: #5597e4; border-right: 1px solid #5597e4; font-size: 16px; text-decoration: none;}
.menu_fut a:last-child {border-right: 0;}
.menu_fut a:hover {text-decoration: underline; }
.footer_right span {float: left; width: 100%; text-align: right;  margin-top: 10px; }

.left_block {float: left; margin-top: 57px; box-sizing: border-box; width: 35%; padding-left: 200px; min-height:594px; background-image: url(../img/page1_bg.jpg);
    padding-top: 40px; 	background-position: left top; background-repeat: no-repeat;}
.left_block span {float: left; width: 100%; line-height: 31px; color:#000; font-size: 18px; font-weight: 600;}
.right_block {float: right; width: 60%; margin-top: 40px;  padding-right: 170px; box-sizing: border-box;}
.right_block_2 {width: 70%;}
.right_block h3,
.block_item h3{float: left; width: 100%; color: #c7792d; font-size: 26px; font-weight: bold; margin-top: 57px; margin-bottom: 8px; }
h3.no_mt{margin-top: 0;}
.right_block p {float: left; width: 100%; font-size: 16px; color: #000; line-height: 27px; margin-top: 15px; margin-bottom: 15px; }
.right_block ul {float: left; width: 90%; margin-left: 20px; }
.right_block ul li {margin-left: 50px; list-style: circle; line-height: 27px; margin-top: 10px; margin-bottom: 10px; }
.right_block a {color:#3795d8; text-decoration: none;}
.right_block a:hover {text-decoration: underline; }
.left_block_2 {background-image: url(../img/page2_bg.jpg); width: 25%; padding-top: 0; margin-top: 40px; padding-left: 120px; }
.left_block_3 {width: 30%; padding-top: 0; margin-top: 0; padding-left: 120px;}
.left_block_3 span {   margin-left: 47px;
    margin-top: 218px;}
.right_block_3 {width: 60%; padding-right:0 !important;}
.pressbtn, .userstory .pressbtn a, .contactus .cntbtn{width: 260px;  border-radius: 3px;  background-color: #009ae8;  font-size: 12px;  text-transform: uppercase;  font-weight: bold;  line-height: 40px;
    letter-spacing: 1px;  text-align: center;  color: #ffffff;  height: 40px; cursor: pointer; display: block;float: left;text-decoration: none;}
.userstory .pressbtn{float: none;margin-left: auto;margin-right: auto;}
.contactus .cntbtn {width: 100%;margin: 30px 0;}
.pres_item {float: left; width: 100%;  margin-top: 0; margin-bottom: 60px;}
.pres_left {float: left; width: 20%; min-width:75px;}
.pres_right {float: left;  width: 80%;}
.pres_left b {float:left; width: 100%; font-size: 16px; color: #000; margin-top: -16px; }
.pres_left span {float: left; width: 100%; font-size: 14px; color: #707070; margin-top: 10px;}
.pres_right a {color: #3795d8; text-decoration: none; font-size: 18px; line-height: 24px; }
.pres_right a {position: relative; top:3px; font-weight: 600;}
.pres_right a:hover {text-decoration: underline; }
.left_block_4 span {margin-top: 6px;  }
.left_block_3 {background-image: url(../img/page3_bg.jpg);}
.user_story_item {float: left; width: 40%; margin: 0 10% 60px 0;}
body .user_story_item span {margin-right: 0;}
body .user_story_item .teg {float:left; width: 100%; color: #949494; font-size: 14px; margin-bottom: 15px;}
body .user_story_item .name {float: left; width: 100%; color: #3795d8; font-size: 24px; font-weight: 400; margin-bottom: 20px; line-height: 1.25; }
body .user_story_item .type {float: left; width: 100%; color: #6d6d6d; font-size: 18px; margin-bottom: 30px; }
body .user_story_item .type b {color: #b1b1b1; }
body .user_story_item a.type  {text-decoration: none; }
body .user_story_item .text {float: left; width: 100%; color: #000; line-height: 1.67;}
.min_pad {padding-right: 40px;}
.phn_block{display: block;max-width: 850px;margin-left: auto; margin-right: auto;}
.s_f_12{    font-size: 12px; }
.s_f_14{    font-size: 14px; }
.s_f_16{    font-size: 16px; }
.s_f_18{    font-size: 18px; }
.s_f_24{    font-size: 24px;    }
.s_f_20 {   font-size: 20px;}

.s_f_12em   {   font-size: 1.2em;   }
.s_f_14em   {   font-size: 1.4em;   }
.s_f_16em   {   font-size: 1.6em;   }

.txt_000{   color: #000 !important;    }
.txt_darkgrey { color: #666;}

.history .header_h2 {margin-top: -10px; margin-bottom: 15px; font-size: 24px;line-height: 1.25;}
.history .block_item {font-size: 15px;line-height: 1.33;margin-bottom: 100px;}
.history .block_date{font-size: 24px;line-height: 0.83;}
.history .hblock_title   { font-size: 15px; text-align: left; margin-bottom: 1.5em; }

.ccontact {line-height: 1em;}
.lheight_12em {line-height: 1.2em;}
.lheight_25em {line-height: 2.5em;}
.left_block_4 {background-image: url(../img/page4_bg.jpg); margin-top: 65px; padding-left:185px;}
/* .left_block_4 a, .btn, a.btn {float: left; width: auto; text-align: center; line-height: 53px; text-transform:uppercase; font-size:12px; border-radius: 5px; color:#fff; text-decoration: none; background-color: #437dc9; margin-top: 100px; margin-bottom: 60px;  letter-spacing: 1px;} */
/* .cntbtn { display: block; text-align: center; text-transform:uppercase; font-size:16px; border-radius: 5px; color:#fff; text-decoration: none; background-color: #009ae8; padding: 10px; margin: 50px 0;} */
a.btn  {padding-left:20px; padding-right:20px; margin-top:0;}
.left_block p {float: left; width: 100%; line-height: 27px; font-size: 16px; margin: 15px 0; }
.right_block_4 span{ float: left; line-height: 27px; font-size: 16px;  }
.right_block_4 span.name {margin-top: 35px; margin-bottom: 35px; }
.right_block_4 span.phone {padding-left:60px;}
.right_block_4 {line-height: 24px;}
.right_block_4 ul li {list-style:none;}
.right_block_4 ul {margin-left:50px;}


.left_block_4 {position: relative;}
.left_block_4 a {left: 70px; position: absolute; top:172px; width: 300px;}
.ticet_text {left: 70px; position: absolute; top:365px; width: 300px;}
.smallmt {margin-top: 15px; }
.bigmt {margin-top: 27px; }
.right_block.right_block_4 {margin-top: 78px; }
.right_block.right_block_4  h3 {margin-top: 85px; }
.menu_fix {height: 65px;}
.menu_fix a {line-height: 65px;}
.mission {margin-top:65px;}
.copy {font-size:12px; color:rgb(153, 153, 153);}
.right_block {margin-top:64px; padding-right:10vw;}


@media only screen and (max-width: 1520px) {
    .history .grid_100.hbg4 {    background-size: 100%; }
}
@media only screen and (max-width: 1351px) {
    .wrapper .content .grid_1350 { width: 100%; text-align: center;   }
}
@media only screen and (max-width: 1300px) {
    /* .header_menu a { font-size: 18px; margin: 0 2vw;}
     .header_menu a.active .wd { width: 60px; } */
    .row {width: 100%;  margin-bottom: 100px;  min-width: 100px;}
    .userstory .row {margin-bottom: 20px;}
    .content.history {  background-size: 100%; background-position-y: top;}
}

@media only screen and (max-width: 1060px) {
    .phn_block{max-width: 420px;}
    .phn_block .block_3, .phn_block .block_33 {float: left;  width: 100%;  padding-left: 0;}
    .history .grid_100.hbg2{ background-size: 350px;  background-position-y: 47%;  background-position-x: right;}
}
@media only screen and (max-width: 1040px) {
    .header_menu {min-height: 0;    white-space: nowrap;    overflow: auto;   overflow-y: hidden;  text-align: center;}
}
@media only screen and (max-width: 1028px) {
    /* .header_menu a { font-size: 16px; margin: 0 1.5vw;}
    .header_menu a.active .wd { width: 50px; } */
    .history .grid_100.hbg3{  background-image: none;  }
    .cs_od, .block_item_left {display:none;}
    .block_item {width:100%; box-sizing:border-box;}
    .footer_left {display:none; width:100%; padding-left: 5vw; margin-left:0; margin-bottom:0;font-size:13px; box-sizing: border-box;}
    .footer_right {width: 100%; padding-right: 5vw; margin-right:0; margin-bottom:70px;font-size:13px; margin-top:70px;}
    .user_story_item {margin-right:0; width:100%;  box-sizing:border-box;}
    .left_block_3 span, .left_block_4 span, .left_block_1 span, .left_block_2 span  {display:none;}
    .left_block_4 a {width: 70%; left: 5vw;}
    .right_block_4 span {margin-right:0;}
    .ticet_text {display:none;}
    .wrapper .content .grid_1000{width: 100%;padding: 0;}
    .subrow .col {width: 94%;}
    .history .row {margin-bottom: 30px;}
}

@media only screen and (max-width: 954px) {
    .content.history {  background-size: 800px; }
}
@media only screen and (max-width: 768px) {
    .header_menu a { font-size: 14px; margin-left: 2vw;margin-right: 3vw; line-height: 80px;}
    .header_menu a:first-child {margin-left: 15px;}
    .header_menu a:last-child {margin-right: 20px;}
    .header_menu a.active .wd { margin-top: -30px;}
    .menu_fix a {font-size:16px; padding:0 16px;}
    .col, .colmiddle {  width: 96%; padding: 0 2%; }
    .content { width: 90%;  padding-left: 5%;  padding-right: 5%; }
    .content.history { width: 100%;  padding-left: 0;  padding-right: 0; }
    .content.history .hbg4 { width: 90%;  padding-left: 5%;  padding-right: 5%; }
    .content.partner{  background-size: 100%;  padding-bottom: 150px;  margin-top: 0;  }
    .content.about{  background-size: 100%;  padding-bottom: 400px; margin-top: 0;  }
    .cs_od, .block_item_left, .left_block {display:none;}
    .block_item {width:100%; box-sizing:border-box;}
    .right_block {width:100%; box-sizing:border-box; padding:0 5vw; margin-top: 30px;}
    .right_block h3 {margin-top:0;}
    .footer_left {display:none; width:100%; padding-left: 5vw; margin-left:0; margin-bottom:0;font-size:13px; box-sizing: border-box;}
    .footer_right {width: 100%; padding-right: 5vw; margin-right:0; margin-bottom:70px;font-size:13px; margin-top:70px;}
    .menu_fut a {font-size:13px;}
    .right_block_3 {padding-right:10vw;}
    .user_story_item {margin-right:0; width:100%;}
    .right_block_4 span {margin-right: auto;}
    .right_block.right_block_4 {margin-top: inherit;}
    #next, #prev {opacity:0.3}
    .Oval {display: none;}
    .subrow {width: 100%;}
    .pres_right { float: left; width: 100%; margin-bottom: 10px; }
    .pres_right a { font-size: .9em;}
    .pres_item { margin-bottom: 0;}
    .pres_left > span {margin: 10px 0;font-weight: 600;color: #0d0d0d;}
    .pres_left b {margin-top: auto; margin-bottom: 15px;}
}

@media only screen and (max-width: 550px){
    .contactus .colcol{width: 90%;}
    .phn_block {  width: 90%;  }
    .hdate { margin-right: 10%;}
    .content.about{  background-size: 100%;  padding-bottom: 300px; margin-top: 0;  }
    .s_f_h1 {  width: 90% !important;  height: 50px !important;  font-size: 10px !important;  font-weight: bold;  line-height: 1;  text-align: center;  color: #fff;  margin-top: 0;  margin-bottom: 0 !important;}
    .content.history {  background-image: none;    padding-bottom: 100px;  margin-top: 0;  }
}
@media only screen and (max-width: 440px) {
    body {font-size: 12px;}
    .block_item {margin: 0; line-height: 1.5;  padding-bottom: 10px;}
    .menu_fix a {  font-size: 13px;  padding: 0 10px;  }

    .s_f_12{    font-size: 10px; }
    .s_f_14{    font-size: 12px; }
    .s_f_16{    font-size: 14px; }
    .s_f_18{    font-size: 16px; }

    .s_f_24 {font-size: 20px;}
    .s_f_20 {font-size: 16px;}

    .contactus .s_f_18 p {font-size: 12px;}
    .contactus .s_f_24, .contactus .block_33 b, .contactus .block_3 b {font-size: 14px;}
    .contactus .cntbtn {margin: 20px 0;font-size: 12px;}
    .contactus .mobile_h5{font-size: 12px;font-weight: bold;margin-bottom: 0;}
    .contactus .block_item.block_3,.contactus .block_item.block_33 {margin-top: 20px;}
    .contactus .block_item.block_33 .l2 {margin-top: 20px;}
    .contactus li{line-height: 1.8em;}
    .content.about, .content.partner,  .content.history,
    .content.history .hbg2, .content.history .hbg3, .content.history .hbg4  {  background-image: none;    padding-bottom: 100px;  margin-top: 0;  }

    .history .header_h2 {margin-top: 0; margin-bottom: 15px; font-size: 18px;line-height: 1.11;}
    .history .block_item {font-size: 12px;line-height: 1.5; margin-bottom: 20px;}
    .history .block_date{font-size: 18px;line-height: 1.11;padding-bottom: 5px;}
    .history .hblock_title   { margin-bottom: 0.3em;}

    .partner .s_f_24 {font-size: 14px;}
    .partner h3{font-size: 18px;}
    .partner .bigmt{margin-top: 20px;}
    .partner ul.simple{margin-top: 20px;}
    .partner ul.simple li {margin-bottom: 10px; font-size: 14px;}

    .mission {height:auto;}
    .user_story_item .text{ line-height: 1.5 !important;}
    .user_story_item .name{font-size: 16px !important; line-height: 1.43 !important; margin-bottom: 10px !important;}
    .user_story_item {  margin-bottom: 30px; }
    body .user_story_item .type{font-size: .8em !important; color: #6d6d6d !important;font-weight: normal !important;margin-bottom: 10px;}
    .userst_title {font-size: 14px; font-weight: bold; line-height: 1.43;padding-bottom: 20px;}
    .block_3{width: 100%;display: block;float: left;}
    .block_33{width: 100%;display: block;float: left;}
    .block_5{width: 100%;display: block;float: left;}
    .row{margin-bottom: 20px;}
    .subrow .block.prc70 { width: 100%;}
    .hdate {  display: block;  float: left;  border-right: none;  font-size: 18px;  font-weight: bold;  color: #000;  margin: 20px 0;  width: 50px;  height: auto;  min-width: 50px;    }
    .hdate > div { border-bottom: 3px solid #000;}
    .himg {  display: block;  float: left;  margin: 10px 10px 10px 10px;  width: 100px;    }

    .wood {display:none !important;}
    #next {    position: absolute;  top: 378px;  border-radius: 3px;  opacity: 0.3;  right: 10px;  width: 65px;  height: 65px;  background-position:center center;    }
    #prev {    position: absolute; top: 378px; border-radius: 3px; opacity: 0.3; left: 10px; width: 65px; height: 65px; background-position:center center;    }
    .menu_fut a {font-size:13px;}
    .right_block ul li {margin-left:0;}
    .right_block_4 ul {margin-left:30px;}
    #prev { background-image: url(../img/left_arr-m.png); }
    #next {background-image: url(../img/right_arr-m.png);}
    .phn_block .s_f_18, .phn_block .s_f_12{font-size: 12px !important;}
}
.pprog h3 {margin-top:33px;}
.show_hide{display: none;}


#prefooter{margin-top: 0 !important;}