.section-about .area-content { position: relative; max-width: 940px; margin: 0 auto 60px; padding-left: 25px;}
.section-about .area-content a { text-decoration: underline;}
.section-about .area-content h2 { position: relative; margin-bottom: 20px;}
.section-about .area-content:before {
content: "";
display: inline-block;
position: absolute;
top: 6px;
left: 0px;
z-index: 10;
width: 4px;
height: 120px;
background-image: url(/assets/about/img/line-about.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: 4px 120px;
}
.section-strategy .inner-strategy { max-width: 980px; margin: 0 auto;}
.section-strategy .section-heading .desc { text-transform: inherit;}
.section-strategy .area-content h3 {
margin-bottom: 10px;
text-transform: uppercase;
}
.section-strategy .box-content { margin: 20px 0;}
.section-strategy .img-pyramid { margin: 60px 0 60px; text-align: center;} .section-history .area-content { text-align: center;}
.tabsline { position: relative; font-size: 0;}
.tabsline li {
position: relative;
width: 20%;
padding: 10px 0;
font-size: 16px;
display: inline-block;
text-align: center;
}
.tabsline .t-years {
font-size: 16px;
font-family: 'Avenir LT Std 65', sans-serif;
color: #000;
margin-bottom: 40px;
}
.tabsline .t-years span  { font-size: 14px;}
.tabsline .desc {
width: 100%;
text-align: center;
position: absolute;
color: #000;
font-size: 11px;
text-transform: uppercase;
line-height: 1.2;
}
.tabsline:before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: 10px;
width: 100%;
height: 4px;
background-color: #e6e6e6;
}
.tabsline li a:after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 50%;
margin-top: 2px;
margin-left: -7px;
width: 15px;
height: 18px;
display: inline-block;
background-color: #FFF;
border: 4px solid #e6e6e6;
}
.tabsline li.active a:after {
width: 25px;
height: 25px;
margin-left: -11px;
margin-top: -2px;
border: 0;
background-color: transparent;
background-image: url(/assets/img/bg-org.png);
background-position: center;
background-repeat: no-repeat;
background-size: 15px 18px;
}
.tabsline li:hover:after { background-color: #1c2851;}
.history-timeline { margin-top: 50px; margin-bottom: 50px;}
.history-content .box-history {
position: relative;
min-height: 300px;
padding: 35px;
color: #000;
background-color: #f7f7f7;
margin-bottom: 30px;
}
.history-content .box-history a { text-decoration: underline;}
.history-content .box-history a:hover { text-decoration: none;}
.history-content .box-history h3 {
font-family: 'Avenir LT Std 65';
color: #000;
margin-bottom: 10px;
}
.history-content .box-history h3 span { font-size: 18px;}
.history-content .box-history p { margin-bottom: 15px;} .section-management { padding-top: 0;}
.section-management .heading-h3 { display: none;}
.tabs-management { display: flex; overflow: hidden; margin-bottom: 40px; text-align: center; }
.tabs-management ul { margin: 0 auto; display: block; text-align-last: center;}
.tabs-management ul li { float: left;}
.tabs-management ul li a {
position: relative;
width: 310px;
display: block;
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 15px;
line-height: 60px;
color: #031d32;
text-transform: uppercase;
border: 1px solid #1c2851;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.tabs-management ul li:first-child a { border-right: 0;}
.tabs-management ul li.active a {
color: #FFF;
background-color: #1c2851;
}
.management-slider {
display: table;
table-layout: fixed;
width: 100%;
}
.management-slider .slick-slide img { display: inline-block;}
.management-slider .slick-slider { position: static; height: 100%;}
.management-slider .slider-group {
display: table-cell;
vertical-align: middle;
width: 50%;
background-color: #1c2851;
}
.management-slider .slider-info { padding: 120px 50px 50px;}
.management-slider .slider-info-group {
position: relative;
vertical-align: top;
color: #FFF;
}
.management-slider .slider-info-group h3 {
position: relative;
font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
font-size: 30px;
line-height: 1.1;
color: #FFF;
margin-bottom: 8px;
text-transform: uppercase;
}
.management-slider .item-page {
position: absolute;
left: 0;
top: 0;
z-index: 500;
font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
font-size: 390px;
}
.management-slider .item-content {
height: 100%;
padding: 0 25px;
}
.management-slider .slider-info-group .linkmore,
.management-slider .slider-info-group a.linkmore {
display: block;
margin-top: 30px;
color: #FFF;
}
.tab-content { height: 0; overflow: hidden; }
.tab-content.current{ height: auto; } .awards-slider {
display: table;
table-layout: fixed;
width: 100%;
}
.awards-slider .slider-group {
display: table-cell;
vertical-align: top;
width: 65%;
height: 100%;
}
.awards-slider .slider-group:last-child { width: 35%; background-color: #1c2851; }
.awards-slider .slider-info-group { color: #FFF;}
.awards-slider .slider-info-group h3 {
font-family: 'Avenir LT Std', 'db_heaventmed', sans-serif;
font-size: 24px;
line-height: 1.1;
color: #FFF;
margin-bottom: 15px;
text-transform: uppercase;
}
.awards-slider .slider-info {
padding: 80px 30px 0px;
}
.awards-slider .slick-slide img { display: inline-block;}
.awards-slider .slick-dots button {
background-color: transparent;
border: 0;
text-indent: -99999px;
}
.awards-slider .slick-dots li {
width: 10px;
height: 12px;
margin-left: 8px;
display: inline-block;
background-color: #FFF;
}
.awards-slider .slick-dots li.slick-active {
width: 10px;
height: 12px;
display: inline-block;
background-image: url(/assets/img/bg-org.png);
background-position: center;
background-repeat: no-repeat;
background-size: 10px 12px;
}
.awards-slider .item-content { padding: 0 25px;} .slick-arrow {
width: 50px;
height: 50px;
position: absolute;
z-index: 405;
top: 0px;
right: 0px;;
line-height: 50px;
color: #FFF;
border: 0;
overflow: hidden;
text-indent: -9999px;
background-color: transparent;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.slick-arrow:hover { background-color: transparent; }
.slick-next { right: 0;}
.slick-prev { right: 35px; }
.slick-prev:before,
.slick-next:before {
display: block;
font-family: 'iconfonts';
text-indent: 0px;
font-size: 20px;
}
.slick-prev:before { content: "\e902";}
.slick-next:before { content: "\e901";}
.navabout-container { display: none;}
.organizational-chart img { display: block; margin: 0 auto;}
.organizational-chart .date {
color: #999;
font-family: georgia;
font-size: 10px;
font-style: italic;
margin-top: 20px;
}
.group-subsidiaries {
padding: 15px 0;
display: table;
}
.group-subsidiaries h3 { text-transform: uppercase;}
.modal-subsidiaries .img-subsidiaries,
.modal-subsidiaries .content-subsidiaries { display: table-cell; vertical-align: top;}
.modal-subsidiaries .img-subsidiaries { width: 180px; text-align: center;}
.modal-subsidiaries .img-subsidiaries img { width: 150px;}
.modal-subsidiaries .content-subsidiaries { position: relative; padding-left: 70px;}
.lb-sidebar-column,
.lb-desc { position: relative;}
.lb-desc p { line-height: 1.3;}
.lb-desc h3 { text-transform: uppercase; line-height: 1.1; margin-bottom: 6px;}
.lb-item-image { margin-bottom: 20px;}
.lb-content ul { margin: 0 0 0 0px;}
.lb-content ul li {
position: relative;
padding: 0 12px;
line-height: 1.45;
margin-bottom: 10px;
}
.lb-content ul li:before {
content: "-";
display: inline-block;
position: absolute;
left: 0;
margin-right: 4px;
}
.lb-table { width: 100%;}
.lb-table th,
.lb-table td { vertical-align: top;}
.lb-table th {
padding: 10px 10px 10px 10px;
font-family: 'OpenSansBold', Helvetica, Arial, sans-serif;
font-weight: normal;
background-color: #f5f5f5;
text-align: left;
}
.lb-table td { padding: 6px 10px 6px 10px;}
.lb-table td p { line-height: 1.45;}
.lb-table td:first-child { font-family: 'OpenSansBold', Helvetica, Arial, sans-serif; white-space: nowrap;}
.accordion-group {
position: relative;
}
.accordion-group .accordion-title {
width: 100%;
display: block;
cursor: pointer;
position: relative;
-webkit-transition: color ease-in-out .3s;
-o-transition: color ease-in-out .3s;
transition: color ease-in-out .3s;
}
.accordion-group .accordion-title h3 {
position: relative;
padding: 15px 0;
text-transform: uppercase;
margin-bottom: 0;
font-size: 17px;
border-bottom: 1px solid #eee;
}
.accordion-group .accordion-title h3:after {
content: "\e904";
font-family: 'iconfonts';
display: inline-block;
position: absolute;
top: 50%;
right: 0;
font-size: 15px;
margin-top: -8px;
z-index: 10;
}
.accordion-group .accordion-title:focus { outline: 0;}
.accordion-title.ui-state-active h3 { border-bottom: 0;}
.accordion-title.ui-state-active h3:after {
content: "\e903";
}
.accordion-content { display: none; font-size: 15px; padding: 15px 0 20px 15px; border-bottom: 1px solid #eee;}
.accordion-content p { margin-bottom: 0;}
.ui-accordion-header-collapsed .accordion-content { display: block;}
.box-gray {
position: relative;
min-height: 300px;
padding: 35px;
color: #000;
background-color: #f7f7f7;
margin-bottom: 30px;
}
.box-gray h3 {
margin-bottom: 10px;
text-transform: uppercase;
}
.box-gray ol { margin: 0 0 0 20px;}
.box-gray ol li { list-style-type: decimal; line-height: 1.3; margin-bottom: 8px;}
.section-vision .box-values h3 {
text-transform: inherit;
}
.section-vision .box-values h3 span {
width: 22px;
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
display: inline-block;
color: #1c2851;
text-align: center;
}
.section-vision .box-values h3 .i {
background: -webkit-linear-gradient(330deg, rgba(231,77,27,1) 0%, rgba(151,65,69,1) 40%, rgba(46,50,124,1) 63%,rgba(36,40,96,1) 89%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.section-vision .box-values h3 .i img {
vertical-align: text-top;
} .th .tabs-management ul li a { font-size: 20px;} @media screen and (min-width: 1140px) {
.navabout-container { display: block;}
.navbar-fixed {
width: 100%;
height: 65px;
position: relative;
z-index: 505;
line-height: 65px;
border-bottom: 1px solid #eee;
background-color: #FFF;
}
.navbar-fixed .container {
position: relative;
}
.navbar-fixed.sticky {
margin-top:0px !important;
position: fixed;
top: 75px;
border-bottom: 1px solid #eee;
background-color: #FFF;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-shadow: none;
-moz-transition: background-color 360ms linear,color 360ms linear;
-webkit-transition: background-color 360ms linear,color 360ms linear;
-o-transition: background-color 700ms linear,color 360ms linear;
transition: background-color 700ms linear,color 360ms linear;
}
.navabout { text-align: center;}
.navabout li { display: inline-block; text-align: center; padding: 0 12px;}
.navlink {
font-family: 'Avenir LT Std 65', 'db_heaventmed', sans-serif;
font-size: 12px;
display: inline-block;
text-transform: uppercase;
}
.navlink.active,
.navlink:hover { color: #e4491e;}
.awards-slider .item-content { min-height: 440px;} .th .navlink { font-size: 17px;}
}
@media screen and (min-width:980px) {
.section-strategy .box-content { max-width: 250px;}
}
@media screen and (max-width:1024px) {
.awards-slider .item-content { min-height: 380px;}
}
@media screen and (max-width:980px) {
.history-content .box-history { padding: 25px; min-height: inherit; margin-bottom: 15px;}
.history-content .box-history h3 { font-size: 22px;}
.awards-slider {
display: block;
table-layout:  inherit;
width: 100%;
}
.awards-slider .slider-group:last-child { width: 100%;}
.awards-slider .slider-group {
display: block;
width: 100%;
}
.awards-slider .slider-info { padding: 80px 20px 100px;}
.awards-slider .item-content { min-height: inherit;}
.awards-slider .slick-dots { position: absolute; bottom: 30px;}
.management-slider .slider-info { padding: 120px 0px 35px 40px;}
.management-slider .slider-info-group h3 { font-size: 25px;}
.box-gray { padding: 25px;}
}
@media screen and (max-width:767px) {
.section-about .box-item .amount {
font-size: 20px;
}
.section-about .area-content { margin-bottom: 30px;}
.section-about .area-content:before { height: 90px; left: 5px;}
.management-slider .slider-group { width: 100%; display: block;}
.management-slider .slider-info { padding: 60px 20px 30px;}
.section-strategy  { padding-top: 0;}
.section-strategy .box-content { margin: 20px 0;}
.section-strategy .img-pyramid { margin: 60px 0 40px; text-align: center;}
.history-timeline { margin-left: -15px; margin-right: -15px; margin-bottom: 70px;}
.history-content .box-history { padding: 20px;}
.tabsline li { margin-left: -2px;}
.tabsline .desc { font-size: 8px; padding: 0 5px;}
.tabsline .t-years { font-size: 10px;}
.section-management .tab-content { margin-bottom: 40px; height: auto;}
.section-management .heading-h3 {
display: block;
font-size: 20px;
margin-bottom: 20px;
text-align: center;
text-transform: uppercase;
}
.management-slider {
display: block;
table-layout: initial;
width: 100%;
}
.management-slider .slick-slider {
position: relative;
height: inherit;
}
.management-slider .slider-info-group h3:before { height: 60px; left: -20px;}
.management-slider .item-content { padding: 0 20px;}
.tabs-management { display: none;}
.lb-desc { margin-bottom: 30px;}
.lb-desc:before { height: 50px;}
.lb-desc h3 { font-size: 24px;}
.group-subsidiaries { margin-bottom: 20px;}
.modal-subsidiaries .img-subsidiaries,
.modal-subsidiaries .content-subsidiaries { width: 100%; display: block; vertical-align: top;}
.modal-subsidiaries .img-subsidiaries { margin-bottom: 20px;}
.modal-subsidiaries .img-subsidiaries img { width: 100px;}
.modal-subsidiaries .content-subsidiaries { padding-left: 20px;}
.modal-subsidiaries .content-subsidiaries:before { left: 0px;}
.awards-slider .slider-info { padding: 60px 20px 80px;}
.awards-slider .item-content { padding: 0 20px;}
.awards-slider .item-content:before { height: 60px;}
.slick-arrow {
width: 40px;
height: 40px;
line-height: 40px;
}
.slick-prev { right: 40px; }
.slick-prev:before, .slick-next:before { font-size: 16px;}
.box-gray {  min-height: auto;}
}