@charset "UTF-8";
/* CSS Document */

/** HEADER **/
#top{
        background: #fff;
        position: fixed;
        z-index: 99;
        width: 100%;
        left: 0;
        top: 0;
        box-shadow: rgba(0, 0, 0, 0.13) 0px 8px 24px;
}
body.ontop #top{
        box-shadow: none;
}
body.home.ontop #top{
        background: rgba(255,255,255,0);
}
.topbar{
        padding: 17px 0 0;
        position: relative;
        z-index: 9;
}
.topbar .border{
        background: #313238;
        height: 1px;
        width: 100%;
        margin: 17px 0 0;
        opacity: .1;
}
.topbar .util{
        float: left;
}
.topbar .util > *{
        display: inline-block;
        vertical-align: middle;
}
.topbar .lang{
        position: relative;
        z-index: 9;
}
.topbar .lang span{
        display: block;
        position: relative;
        cursor: pointer;
        padding: 0 18px 0 25px;
        font-size: 12px;
        font-weight: 500;
}
.topbar .lang span:before,
.topbar .lang span:after{
        position: absolute;
        display: block;
}
.topbar .lang span:before{
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/lang-globe.svg);
        top: 0;
        left: 0;
}
.topbar .lang span:after{
        width: 14px;
        height: 14px;
        background-image: url(../img/icon/lang-arrow.svg);
        top: 2px;
        right: 0;
        transition:transform 0.2s ease-in;
        transform: rotate(0deg);
}
.topbar .lang.active span:after{
        transform: rotate(180deg);
}
.topbar .lang ul{
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        background: #fff;
        border-radius: 2px;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13);
        font-size: 12px;
        overflow: hidden;
        margin: 12px 0 0;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
.topbar .lang.active ul{
        opacity: 1;
        visibility: visible;
        margin: 8px 0 0;
}
.topbar .lang li{
        border-top: 1px solid rgba(49, 50, 56, .1);
}
.topbar .lang li:first-child{
        border: none;
}
.topbar .lang li b,
.topbar .lang li a{
        color: #313238;
        display: block;
        padding: 8px 12px;
        transition:all 0.2s ease-in;
}
.topbar .lang li a:hover{
        color: #EA0A2C;
}
.topbar .lang li b{
        color: #fff;
        background: #EA0A2C;
}
.topbar .lang + .sch{
        margin-left: 17px;
        position: relative;
        top: 1px;
}
#popmenu .sch a,
.topbar .sch a{
        display: block;
        width: 16px;
        height: 16px;
        background-image: url(../img/icon/search-lup.svg);
}
.topbar .topnav{
        float: right;
        position: relative;
        top: -1px;
}
.topbar .topnav li{
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px;
}
.topbar .topnav li:last-child{
        margin-right: 0;
}
.topbar .topnav a{
        color: #313238;
        font-size: 12px;
        font-weight: 500;
        transition:color 0.2s ease-in;
}
.topbar .topnav a:hover{
        color: #777B8D;
}
.midbar{
        padding: 16px 0;
}
.midbar .rowflex{
        justify-content: space-between;
        align-items: center;
}
.midbar .logo{
        flex: 191px;
        max-width: 191px;
}
.midbar .logo a{
        display: inline-block;
        position: relative;
}
.midbar .logo img + img{
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 2;
        left: 0;
        top: 0;
        opacity: 0;
}
.midbar .midnav{
        flex: calc(100% - 200px);
        max-width: calc(100% - 200px);
        text-align: right;
}
.midbar .midnav > *{
        display: inline-block;
        vertical-align: middle;
}
.midbar .midlogo{
        margin-left: 40px;
}
.mainmenu li{
        display: inline-block;
        vertical-align: middle;
        margin-right: 40px;
}
.mainmenu li:last-child{
        margin: 0;
}
.mainmenu li a{
        color: #313238;
        font-size: 14px;
        font-weight: 500;
        transition:color 0.2s ease-in;
}
.mainmenu li.current-menu-item > a,
.mainmenu li a:hover{
        color: #777B8D;
}
.mainmenu li.current-menu-item > a{
        font-weight: 700;
}
#popmenu .nav h2,
.botbar{
        padding: 16px 0;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,fefefe+5,fcfcfc+5,fdfdfd+6,fbfbfd+6,fdfdfd+6,fbfbfb+7,fcfcfc+7,fafafa+7,fcfcfc+8,f9f9f9+9,f9f9f9+12,f7f7f7+12,f9f9f9+12,f7f7f7+12,f9f9fb+12,f7f7f9+12,f8f8fa+13,f6f6f8+13,f8f8fa+14,f6f6f8+14,f6f6f8+16,f4f4f6+17,f6f6f8+17,f4f4f6+17,f5f5f7+17,f4f4f4+17,f5f5f7+17,f2f3f5+18,f4f4f6+20,f2f2f4+20,f2f2f4+22,f0f0f2+23,f2f2f4+23,f0f0f2+23,f0f0f2+26,edeef0+26,efeff1+27,ececee+29,ededef+30,ebebed+31,ededef+31,eaebed+31,ebebed+33,e8e9eb+33,eaeaec+34,e8e8ea+35,eaeaec+35,e7e8ea+35,e9e9eb+36,e7e7e9+36,e8e7ec+37,e7e7e9+37,e6e6e8+38,e7e8ec+38,e6e7e9+38,e6e7eb+39,e5e6e8+39,e5e6ea+41,e5e6e8+41,e3e4e6+41,e4e5e9+41,e4e5e9+41,e3e4e6+42,e3e4e8+43,e1e2e6+44,e3e4e8+44,e0e1e5+45,e2e3e7+46,e0e1e5+46,e0e1e5+48,dedfe3+49,dfe0e4+50,dddee2+50,dedfe3+51,dcdddf+52,dddee2+53,dbdce0+53,dbdce0+56,d9dade+56,dbdce0+56,d9dade+57,dadbdf+58,d8d9dd+58,dadbdf+58,d8d9dd+58,d7d8dc+59,d9dade+59,d7d8dc+60,d6d7db+60,d6d7dc+64,d4d5d9+64,d5d6db+65,d3d4d9+65,d4d5da+66,d2d3d8+67,d2d3d8+67,d4d5da+67,d1d2d7+68,d1d2d6+70,ced1d6+70,d1d2d7+70,d1d2d7+71,cfd0d5+71,d0d1d6+72,cdd0d5+72,cfd0d5+74,cccfd4+74,cfd0d5+74,cdced3+75,cfd0d5+75,cdced3+75,cecfd4+76,cccdd2+76,cecfd4+76,cccdd2+76,cdced3+77,cbccd1+77,cdced3+77,cbccd1+77,cdced3+77,cdced3+78,cbccd1+78,cccdd2+79,c9cacf+79,cbccd1+80,c9cacf+80,cacbd0+82,c8c9ce+82,cacbd0+82,c8c9ce+82,c9cacf+83,c6c7cc+85,c5c8cd+85,c9cacf+85,c5c8cd+85,c7c8cd+85,c4c7cc+85,c7c8cd+86,c4c7cc+86,c7c8cd+86,c4c5ca+87,c6c7cc+87,c3c6cb+87,c6c7cc+88,c4c5ca+88,c5c6cb+89,c2c5ca+89,c5c6cb+89,c3c4c9+90,c4c4cc+91,c2c2ca+91,c4c4cc+92,c2c2ca+92,c3c3cb+92,c0c3c8+92,c2c2ca+92,c0c3c8+93,c2c2ca+93,c1c2c7+93,c2c2ca+93,c0c0c8+94,c1c1c9+94,c0c1c6+94,c1c1c9+95,bec1c8+95,c1c1c9+95,bfbfc7+96,c0c0c8+96,bfc0c5+96,c0c0c8+97,bfc0c5+97,bfbfc7+97,bcbfc6+97,bfbfc7+98,bdbec3+99,bcbfc6+99,bebec6+100 */
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 5%,rgba(252,252,252,1) 5%,rgba(253,253,253,1) 6%,rgba(251,251,253,1) 6%,rgba(253,253,253,1) 6%,rgba(251,251,251,1) 7%,rgba(252,252,252,1) 7%,rgba(250,250,250,1) 7%,rgba(252,252,252,1) 8%,rgba(249,249,249,1) 9%,rgba(249,249,249,1) 12%,rgba(247,247,247,1) 12%,rgba(249,249,249,1) 12%,rgba(247,247,247,1) 12%,rgba(249,249,251,1) 12%,rgba(247,247,249,1) 12%,rgba(248,248,250,1) 13%,rgba(246,246,248,1) 13%,rgba(248,248,250,1) 14%,rgba(246,246,248,1) 14%,rgba(246,246,248,1) 16%,rgba(244,244,246,1) 17%,rgba(246,246,248,1) 17%,rgba(244,244,246,1) 17%,rgba(245,245,247,1) 17%,rgba(244,244,244,1) 17%,rgba(245,245,247,1) 17%,rgba(242,243,245,1) 18%,rgba(244,244,246,1) 20%,rgba(242,242,244,1) 20%,rgba(242,242,244,1) 22%,rgba(240,240,242,1) 23%,rgba(242,242,244,1) 23%,rgba(240,240,242,1) 23%,rgba(240,240,242,1) 26%,rgba(237,238,240,1) 26%,rgba(239,239,241,1) 27%,rgba(236,236,238,1) 29%,rgba(237,237,239,1) 30%,rgba(235,235,237,1) 31%,rgba(237,237,239,1) 31%,rgba(234,235,237,1) 31%,rgba(235,235,237,1) 33%,rgba(232,233,235,1) 33%,rgba(234,234,236,1) 34%,rgba(232,232,234,1) 35%,rgba(234,234,236,1) 35%,rgba(231,232,234,1) 35%,rgba(233,233,235,1) 36%,rgba(231,231,233,1) 36%,rgba(232,231,236,1) 37%,rgba(231,231,233,1) 37%,rgba(230,230,232,1) 38%,rgba(231,232,236,1) 38%,rgba(230,231,233,1) 38%,rgba(230,231,235,1) 39%,rgba(229,230,232,1) 39%,rgba(229,230,234,1) 41%,rgba(229,230,232,1) 41%,rgba(227,228,230,1) 41%,rgba(228,229,233,1) 41%,rgba(228,229,233,1) 41%,rgba(227,228,230,1) 42%,rgba(227,228,232,1) 43%,rgba(225,226,230,1) 44%,rgba(227,228,232,1) 44%,rgba(224,225,229,1) 45%,rgba(226,227,231,1) 46%,rgba(224,225,229,1) 46%,rgba(224,225,229,1) 48%,rgba(222,223,227,1) 49%,rgba(223,224,228,1) 50%,rgba(221,222,226,1) 50%,rgba(222,223,227,1) 51%,rgba(220,221,223,1) 52%,rgba(221,222,226,1) 53%,rgba(219,220,224,1) 53%,rgba(219,220,224,1) 56%,rgba(217,218,222,1) 56%,rgba(219,220,224,1) 56%,rgba(217,218,222,1) 57%,rgba(218,219,223,1) 58%,rgba(216,217,221,1) 58%,rgba(218,219,223,1) 58%,rgba(216,217,221,1) 58%,rgba(215,216,220,1) 59%,rgba(217,218,222,1) 59%,rgba(215,216,220,1) 60%,rgba(214,215,219,1) 60%,rgba(214,215,220,1) 64%,rgba(212,213,217,1) 64%,rgba(213,214,219,1) 65%,rgba(211,212,217,1) 65%,rgba(212,213,218,1) 66%,rgba(210,211,216,1) 67%,rgba(210,211,216,1) 67%,rgba(212,213,218,1) 67%,rgba(209,210,215,1) 68%,rgba(209,210,214,1) 70%,rgba(206,209,214,1) 70%,rgba(209,210,215,1) 70%,rgba(209,210,215,1) 71%,rgba(207,208,213,1) 71%,rgba(208,209,214,1) 72%,rgba(205,208,213,1) 72%,rgba(207,208,213,1) 74%,rgba(204,207,212,1) 74%,rgba(207,208,213,1) 74%,rgba(205,206,211,1) 75%,rgba(207,208,213,1) 75%,rgba(205,206,211,1) 75%,rgba(206,207,212,1) 76%,rgba(204,205,210,1) 76%,rgba(206,207,212,1) 76%,rgba(204,205,210,1) 76%,rgba(205,206,211,1) 77%,rgba(203,204,209,1) 77%,rgba(205,206,211,1) 77%,rgba(203,204,209,1) 77%,rgba(205,206,211,1) 77%,rgba(205,206,211,1) 78%,rgba(203,204,209,1) 78%,rgba(204,205,210,1) 79%,rgba(201,202,207,1) 79%,rgba(203,204,209,1) 80%,rgba(201,202,207,1) 80%,rgba(202,203,208,1) 82%,rgba(200,201,206,1) 82%,rgba(202,203,208,1) 82%,rgba(200,201,206,1) 82%,rgba(201,202,207,1) 83%,rgba(198,199,204,1) 85%,rgba(197,200,205,1) 85%,rgba(201,202,207,1) 85%,rgba(197,200,205,1) 85%,rgba(199,200,205,1) 85%,rgba(196,199,204,1) 85%,rgba(199,200,205,1) 86%,rgba(196,199,204,1) 86%,rgba(199,200,205,1) 86%,rgba(196,197,202,1) 87%,rgba(198,199,204,1) 87%,rgba(195,198,203,1) 87%,rgba(198,199,204,1) 88%,rgba(196,197,202,1) 88%,rgba(197,198,203,1) 89%,rgba(194,197,202,1) 89%,rgba(197,198,203,1) 89%,rgba(195,196,201,1) 90%,rgba(196,196,204,1) 91%,rgba(194,194,202,1) 91%,rgba(196,196,204,1) 92%,rgba(194,194,202,1) 92%,rgba(195,195,203,1) 92%,rgba(192,195,200,1) 92%,rgba(194,194,202,1) 92%,rgba(192,195,200,1) 93%,rgba(194,194,202,1) 93%,rgba(193,194,199,1) 93%,rgba(194,194,202,1) 93%,rgba(192,192,200,1) 94%,rgba(193,193,201,1) 94%,rgba(192,193,198,1) 94%,rgba(193,193,201,1) 95%,rgba(190,193,200,1) 95%,rgba(193,193,201,1) 95%,rgba(191,191,199,1) 96%,rgba(192,192,200,1) 96%,rgba(191,192,197,1) 96%,rgba(192,192,200,1) 97%,rgba(191,192,197,1) 97%,rgba(191,191,199,1) 97%,rgba(188,191,198,1) 97%,rgba(191,191,199,1) 98%,rgba(189,190,195,1) 99%,rgba(188,191,198,1) 99%,rgba(190,190,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.nobotbar .botbar{
        display: none;
}
.botbar h2{
        float: left;
        font-size: 13px;
        font-weight: 600;
        position: relative;
        top: 3px;
}
.botbar .botnav{
        float: right;
}
.botbar .botnav li{
        display: inline-block;
        vertical-align: middle;
        margin-right: 48px;
        position: relative;
}
.botbar .botnav.narrow li{
        margin-right: 40px;
}
.botbar .botnav li:last-child{
        margin: 0;
}
.botbar .botnav li a{
        color: #313238;
        opacity: .8;
        transition:all 0.2s ease-in;
        font-size: 13px;
}
.botbar .botnav li.current-menu-parent > a,
.botbar .botnav li.current-menu-item > a,
.botbar .botnav li a:hover{
        opacity: 1;
}
.botbar .botnav li.current-menu-parent > a,
.botbar .botnav li.current-menu-item > a{
        font-weight: 700;
}
.botbar .botnav li ul{
        position: absolute;
        left: 0;
        background: #fff;
        padding: 10px;
        width: 250px;
        display: block;
        border-radius: 4px;
        margin: 12px 0 0;
        opacity: 0;
        visibility: hidden;
        transition:all 0.2s ease-in;
}
.botbar .botnav li:hover > ul{
        margin: 8px 0 0;
        opacity: 1;
        visibility: visible;
}
.botbar .botnav li ul:before,
.botbar .botnav li ul:after{
        display: block;
        position: absolute;
        content: '';
}
.botbar .botnav li ul:before{
        opacity: 0;
        height: 12px;
        top: -12px;
        width: 100%;
        left: 0;
}
.botbar .botnav li ul:after{
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 4.5px 5px 4.5px;
        border-color: transparent transparent #fff transparent;
        left: 15px;
        top: -5px;
}
.botbar .botnav li li{
        display: block;
        margin: 8px 0 0;
}
.botbar .botnav li li:first-child{
        margin: 0;
}
.botbar .botnav li li a{
        display: block;
        color: #565965;
        font-weight: 700;
        font-size: 13px;
        padding: 11px 12px 10px 12px;
        background: #fff;
        transition:background 0.2s ease-in;
        opacity: 1;
        border-radius: 4px;
}
.botbar .botnav li li.current-menu-item > a{
        background: #efeff0;
}
.botbar .botnav li li.current-menu-item > a:hover,
.botbar .botnav li li a:hover{
        background: #f5dbdd;
}
.botbar .botnav > ul > li.menu-item-has-children{
        position: relative;
        padding-right: 17px;
}
.botbar .botnav > ul > li.menu-item-has-children:after{
        position: absolute;
        right: 0;
        top: 10px;
        display: inline-block;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 4px 0 4px;
        border-color: #313238 transparent transparent transparent;
        content: '';
        transition:transform 0.2s ease-in;
        transform: rotate(0deg);
}
.botbar .botnav > ul > li.menu-item-has-children:hover:after{
        transform: rotate(180deg);
}
#body{
        padding-top: 188px;
}
body.page-template-publication-ebook #body{
        padding-top: 167px;
}
body.nobotbar #body{
        padding-top: 133px;
}
body.nobotbar.home #body{
        padding-top: 0;
}
/** FOOTER **/
#bottom{
        background: #F8F8F8;
        border-top: 1px solid #D7D7DA;
        font-size: 14px;
}
#bottom .format-text{
        font-size: 14px;
        line-height: 200%;
        color: #565965;
}
#bottom .format-text a{
        color: #565965;
}
.footer-widget{
        padding: 64px 0 72px;
        color: #565965;
}
.footer-widget .rowflex{
        justify-content: space-between;
}
.footer-widget .wabout{
        flex:24%;
        max-width:  24%;
}
.footer-widget .wabout .format-text{
        margin: 45px 0 0;
        max-width: 275px;
}
.footer-widget .wholder{
        flex: 67%;
        max-width: 67%;
}
.footer-widget .footnav li{
        display: inline-block;
        vertical-align: middle;
        margin: 0 35px 10px 0;
}
.footer-widget .footnav li:last-child{
        margin-right: 0;
}
.footer-widget .footnav {
        position: relative;
        top: 17px;
}
.footer-widget .footnav a{
        color: #313238;
        font-weight: 600;
        transition:color 0.2s ease-in;
}
.footer-widget .footnav a:hover{
        color: #777B8D;
}
.footer-widget .footinfo{
        margin: 88px 0 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
}
.footer-widget .footinfo .item{
        flex: 42%;
        max-width: 42%;
}
.footer-widget .footinfo h3{
        font-weight: 700;
        left: 150%;
        margin: 0 0 15px;
        color: #313238;
}
.tribute{
        background: #313238;
        position: relative;
        padding: 20px 0;
        color: #BBBDC4;
}
.tribute:before{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
        height: 100%;
        background: #EA0A2C;
        content: '';
}
.tribute .copy{
        float: left;
        line-height: 170%;
}
.tribute .copy b{
        font-weight: 600;
        color: #fff;
}
.tribute .social{
        float: right;
        position: relative;
        top: 5px;
}
.tribute .social a{
        display: inline-block;
        vertical-align: middle;
        width: 32px;
        height: 32px;
        margin-right: 12px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.tribute .social a:hover{
        opacity: .7;
}
.tribute .social a.fb{
        background-image: url(../img/icon/soc-fb.svg);
}
.tribute .social a.in{
        background-image: url(../img/icon/soc-in.svg);
}
.tribute .social a.ig{
        background-image: url(../img/icon/soc-ig.svg);
}
.tribute .social a.yb{
        background-image: url(../img/icon/soc-yb.svg);
}
/** ABOUT WHO **/
.about-who{
        padding: 48px 0 73px;
}
.about-who .hentry{
        margin-bottom: 40px;
}
.about-who .hentry h1{
        font-weight: 800;
        font-size: 40px;
        line-height: 140%;
        max-width: 800px;
}
.inner-home .about .video a,
.about-who .video a{
        position: relative;
        display: block;
}
.inner-home .about .video figure,
.about-who .video figure{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        text-align: center;
        padding: 32px 0 0;
}
.inner-home .about .video span,
.about-who .video span{
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
}
.inner-home .about .video span i,
.about-who .video span i{
        display: inline-block;
        width: 80px;
        height: 80px;
        background-image: url(../img/icon/video-play.svg);
}
.about-who .intro .format-text{
        max-width: 830px;
        margin-top: 48px;
}
.about-who .list{
        margin: 40px 0 0;
}
.about-who .list .wrapper{
        max-width: 1200px;
}
.inner-home .jargon .item,
.about-who .list .item{
        flex: 33.33333333333333333%;
        max-width: 33.33333333333333333%;
        border-right: 1px solid rgba(64, 64, 65, 0.3);
        padding: 40px 45px 100px;
        margin-bottom: 40px;
        text-align: center;
        position: relative;
}
.inner-home .jargon .item:nth-child(3n+3),
.about-who .list .item:nth-child(3n + 3){
        border-right: none;
}
.inner-home .jargon .item h3,
.about-who .list h3{
        color: #777B8D;
        font-weight: 800;
        font-size: 28px;
        line-height: 150%;
        margin: 0 0 24px;
}
.inner-home .jargon .item h3{
        color: #313238;
}
.inner-home .jargon .item .format-text,
.about-who .list .format-text{
        font-size: 14px;
}
.inner-home .jargon .item span,
.about-who .list .item span{
        display: block;
        text-align: center;
        position: absolute;
        left: 0;
        bottom: 40px;
        width: 100%;
}
.about-vision {
        padding: 0 0 110px;
}
.about-vision .intro{
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 5%,rgba(252,252,252,1) 5%,rgba(253,253,253,1) 6%,rgba(251,251,253,1) 6%,rgba(253,253,253,1) 6%,rgba(251,251,251,1) 7%,rgba(252,252,252,1) 7%,rgba(250,250,250,1) 7%,rgba(252,252,252,1) 8%,rgba(249,249,249,1) 9%,rgba(249,249,249,1) 12%,rgba(247,247,247,1) 12%,rgba(249,249,249,1) 12%,rgba(247,247,247,1) 12%,rgba(249,249,251,1) 12%,rgba(247,247,249,1) 12%,rgba(248,248,250,1) 13%,rgba(246,246,248,1) 13%,rgba(248,248,250,1) 14%,rgba(246,246,248,1) 14%,rgba(246,246,248,1) 16%,rgba(244,244,246,1) 17%,rgba(246,246,248,1) 17%,rgba(244,244,246,1) 17%,rgba(245,245,247,1) 17%,rgba(244,244,244,1) 17%,rgba(245,245,247,1) 17%,rgba(242,243,245,1) 18%,rgba(244,244,246,1) 20%,rgba(242,242,244,1) 20%,rgba(242,242,244,1) 22%,rgba(240,240,242,1) 23%,rgba(242,242,244,1) 23%,rgba(240,240,242,1) 23%,rgba(240,240,242,1) 26%,rgba(237,238,240,1) 26%,rgba(239,239,241,1) 27%,rgba(236,236,238,1) 29%,rgba(237,237,239,1) 30%,rgba(235,235,237,1) 31%,rgba(237,237,239,1) 31%,rgba(234,235,237,1) 31%,rgba(235,235,237,1) 33%,rgba(232,233,235,1) 33%,rgba(234,234,236,1) 34%,rgba(232,232,234,1) 35%,rgba(234,234,236,1) 35%,rgba(231,232,234,1) 35%,rgba(233,233,235,1) 36%,rgba(231,231,233,1) 36%,rgba(232,231,236,1) 37%,rgba(231,231,233,1) 37%,rgba(230,230,232,1) 38%,rgba(231,232,236,1) 38%,rgba(230,231,233,1) 38%,rgba(230,231,235,1) 39%,rgba(229,230,232,1) 39%,rgba(229,230,234,1) 41%,rgba(229,230,232,1) 41%,rgba(227,228,230,1) 41%,rgba(228,229,233,1) 41%,rgba(228,229,233,1) 41%,rgba(227,228,230,1) 42%,rgba(227,228,232,1) 43%,rgba(225,226,230,1) 44%,rgba(227,228,232,1) 44%,rgba(224,225,229,1) 45%,rgba(226,227,231,1) 46%,rgba(224,225,229,1) 46%,rgba(224,225,229,1) 48%,rgba(222,223,227,1) 49%,rgba(223,224,228,1) 50%,rgba(221,222,226,1) 50%,rgba(222,223,227,1) 51%,rgba(220,221,223,1) 52%,rgba(221,222,226,1) 53%,rgba(219,220,224,1) 53%,rgba(219,220,224,1) 56%,rgba(217,218,222,1) 56%,rgba(219,220,224,1) 56%,rgba(217,218,222,1) 57%,rgba(218,219,223,1) 58%,rgba(216,217,221,1) 58%,rgba(218,219,223,1) 58%,rgba(216,217,221,1) 58%,rgba(215,216,220,1) 59%,rgba(217,218,222,1) 59%,rgba(215,216,220,1) 60%,rgba(214,215,219,1) 60%,rgba(214,215,220,1) 64%,rgba(212,213,217,1) 64%,rgba(213,214,219,1) 65%,rgba(211,212,217,1) 65%,rgba(212,213,218,1) 66%,rgba(210,211,216,1) 67%,rgba(210,211,216,1) 67%,rgba(212,213,218,1) 67%,rgba(209,210,215,1) 68%,rgba(209,210,214,1) 70%,rgba(206,209,214,1) 70%,rgba(209,210,215,1) 70%,rgba(209,210,215,1) 71%,rgba(207,208,213,1) 71%,rgba(208,209,214,1) 72%,rgba(205,208,213,1) 72%,rgba(207,208,213,1) 74%,rgba(204,207,212,1) 74%,rgba(207,208,213,1) 74%,rgba(205,206,211,1) 75%,rgba(207,208,213,1) 75%,rgba(205,206,211,1) 75%,rgba(206,207,212,1) 76%,rgba(204,205,210,1) 76%,rgba(206,207,212,1) 76%,rgba(204,205,210,1) 76%,rgba(205,206,211,1) 77%,rgba(203,204,209,1) 77%,rgba(205,206,211,1) 77%,rgba(203,204,209,1) 77%,rgba(205,206,211,1) 77%,rgba(205,206,211,1) 78%,rgba(203,204,209,1) 78%,rgba(204,205,210,1) 79%,rgba(201,202,207,1) 79%,rgba(203,204,209,1) 80%,rgba(201,202,207,1) 80%,rgba(202,203,208,1) 82%,rgba(200,201,206,1) 82%,rgba(202,203,208,1) 82%,rgba(200,201,206,1) 82%,rgba(201,202,207,1) 83%,rgba(198,199,204,1) 85%,rgba(197,200,205,1) 85%,rgba(201,202,207,1) 85%,rgba(197,200,205,1) 85%,rgba(199,200,205,1) 85%,rgba(196,199,204,1) 85%,rgba(199,200,205,1) 86%,rgba(196,199,204,1) 86%,rgba(199,200,205,1) 86%,rgba(196,197,202,1) 87%,rgba(198,199,204,1) 87%,rgba(195,198,203,1) 87%,rgba(198,199,204,1) 88%,rgba(196,197,202,1) 88%,rgba(197,198,203,1) 89%,rgba(194,197,202,1) 89%,rgba(197,198,203,1) 89%,rgba(195,196,201,1) 90%,rgba(196,196,204,1) 91%,rgba(194,194,202,1) 91%,rgba(196,196,204,1) 92%,rgba(194,194,202,1) 92%,rgba(195,195,203,1) 92%,rgba(192,195,200,1) 92%,rgba(194,194,202,1) 92%,rgba(192,195,200,1) 93%,rgba(194,194,202,1) 93%,rgba(193,194,199,1) 93%,rgba(194,194,202,1) 93%,rgba(192,192,200,1) 94%,rgba(193,193,201,1) 94%,rgba(192,193,198,1) 94%,rgba(193,193,201,1) 95%,rgba(190,193,200,1) 95%,rgba(193,193,201,1) 95%,rgba(191,191,199,1) 96%,rgba(192,192,200,1) 96%,rgba(191,192,197,1) 96%,rgba(192,192,200,1) 97%,rgba(191,192,197,1) 97%,rgba(191,191,199,1) 97%,rgba(188,191,198,1) 97%,rgba(191,191,199,1) 98%,rgba(189,190,195,1) 99%,rgba(188,191,198,1) 99%,rgba(190,190,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        position: relative;
        padding: 90px 0 250px;
        overflow: hidden;
}
.about-vision .intro .bg{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        object-fit: cover;
        z-index: 1;
}
.about-vision .intro .wrapper{
        position: relative;
        z-index: 2;
        justify-content: space-between;
}
.about-vision .intro .vis{
        flex: 36%;
        max-width: 36%;
}

.about-vision .intro .mis{
        flex: 48%;
        max-width: 48%;
}
.about-vision .value .hentry h2,
.about-vision .intro h2{
        font-size: 32px;
        font-weight: 800;
        line-height: 150%;
        margin: 0 0 16px;
}
.about-vision .value{
        margin: -210px 0 0;
        position: relative;
        z-index: 3;
}
.about-vision > .value:first-child{
        margin: 50px 0;
}
.about-vision > .value:first-child .hentry{
        padding: 0;
        border: none;
}
.about-vision .value .hentry{
        border-top: 1px dashed #777B8D;
        padding: 32px 0 0;
        margin: 0 0 24px;
}
.about-vision .value .hentry h2{
        float: left;
        margin: 0;
        line-height: 100%;
        position: relative;
        top: -5px;
}
.about-vision .value .hentry p{
        float: right;
        font-size: 14px;
        font-weight: 700;
}
.inner-career .value .rowflex,
.about-vision .value .rowflex{
        margin: 0 -12px;
}
.inner-career .value .item,
.about-vision .value .item{
        flex: calc(33.33333333333333333333% - 24px);
        max-width: calc(33.33333333333333333333% - 24px);
        margin: 0 12px 24px;
        padding: 27px 24px 24px;
        background: #fff;
        border-radius: 2px;
        box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.13);
}
.inner-career .value .item .format-text,
.about-vision .value .format-text{
        font-size: 14px;
        color: #565965;
        margin: 16px 0 0;
        padding: 0 0 0 17px;
}
.inner-career .value .item .format-text ul,
.about-vision .value .format-text ul{
        list-style: none;
        padding: 0;
}
.inner-career .value .item .format-text li,
.about-vision .value .format-text li{
        display: block;
        position: relative;
        padding-left: 22px;
}
.inner-career .value .item .format-text li:before,
.about-vision .value .format-text li:before{
        width: 7px;
        height: 7px;
        position: absolute;
        left: 0;
        top: 6px;
        display: block;
        content: '';
        background: #BBBDC4;
        border-radius: 50%;
}
.inner-career .value .item h3,
.about-vision .value .item h3{
        float: left;
        font-size: 18px;
        font-weight: 800;
}
.inner-career .value .item h3 > *,
.about-vision .value .item h3 > *{
        display: inline-block;
        vertical-align: middle;
}

.inner-career .value .item h3 b,
.about-vision .value .item h3 b{
        font-size: 14px;
        width: 46px;
        height: 38px;
        line-height: 36px;
        text-align: center;
     /*   background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 5%,rgba(252,252,252,1) 5%,rgba(253,253,253,1) 6%,rgba(251,251,253,1) 6%,rgba(253,253,253,1) 6%,rgba(251,251,251,1) 7%,rgba(252,252,252,1) 7%,rgba(250,250,250,1) 7%,rgba(252,252,252,1) 8%,rgba(249,249,249,1) 9%,rgba(249,249,249,1) 12%,rgba(247,247,247,1) 12%,rgba(249,249,249,1) 12%,rgba(247,247,247,1) 12%,rgba(249,249,251,1) 12%,rgba(247,247,249,1) 12%,rgba(248,248,250,1) 13%,rgba(246,246,248,1) 13%,rgba(248,248,250,1) 14%,rgba(246,246,248,1) 14%,rgba(246,246,248,1) 16%,rgba(244,244,246,1) 17%,rgba(246,246,248,1) 17%,rgba(244,244,246,1) 17%,rgba(245,245,247,1) 17%,rgba(244,244,244,1) 17%,rgba(245,245,247,1) 17%,rgba(242,243,245,1) 18%,rgba(244,244,246,1) 20%,rgba(242,242,244,1) 20%,rgba(242,242,244,1) 22%,rgba(240,240,242,1) 23%,rgba(242,242,244,1) 23%,rgba(240,240,242,1) 23%,rgba(240,240,242,1) 26%,rgba(237,238,240,1) 26%,rgba(239,239,241,1) 27%,rgba(236,236,238,1) 29%,rgba(237,237,239,1) 30%,rgba(235,235,237,1) 31%,rgba(237,237,239,1) 31%,rgba(234,235,237,1) 31%,rgba(235,235,237,1) 33%,rgba(232,233,235,1) 33%,rgba(234,234,236,1) 34%,rgba(232,232,234,1) 35%,rgba(234,234,236,1) 35%,rgba(231,232,234,1) 35%,rgba(233,233,235,1) 36%,rgba(231,231,233,1) 36%,rgba(232,231,236,1) 37%,rgba(231,231,233,1) 37%,rgba(230,230,232,1) 38%,rgba(231,232,236,1) 38%,rgba(230,231,233,1) 38%,rgba(230,231,235,1) 39%,rgba(229,230,232,1) 39%,rgba(229,230,234,1) 41%,rgba(229,230,232,1) 41%,rgba(227,228,230,1) 41%,rgba(228,229,233,1) 41%,rgba(228,229,233,1) 41%,rgba(227,228,230,1) 42%,rgba(227,228,232,1) 43%,rgba(225,226,230,1) 44%,rgba(227,228,232,1) 44%,rgba(224,225,229,1) 45%,rgba(226,227,231,1) 46%,rgba(224,225,229,1) 46%,rgba(224,225,229,1) 48%,rgba(222,223,227,1) 49%,rgba(223,224,228,1) 50%,rgba(221,222,226,1) 50%,rgba(222,223,227,1) 51%,rgba(220,221,223,1) 52%,rgba(221,222,226,1) 53%,rgba(219,220,224,1) 53%,rgba(219,220,224,1) 56%,rgba(217,218,222,1) 56%,rgba(219,220,224,1) 56%,rgba(217,218,222,1) 57%,rgba(218,219,223,1) 58%,rgba(216,217,221,1) 58%,rgba(218,219,223,1) 58%,rgba(216,217,221,1) 58%,rgba(215,216,220,1) 59%,rgba(217,218,222,1) 59%,rgba(215,216,220,1) 60%,rgba(214,215,219,1) 60%,rgba(214,215,220,1) 64%,rgba(212,213,217,1) 64%,rgba(213,214,219,1) 65%,rgba(211,212,217,1) 65%,rgba(212,213,218,1) 66%,rgba(210,211,216,1) 67%,rgba(210,211,216,1) 67%,rgba(212,213,218,1) 67%,rgba(209,210,215,1) 68%,rgba(209,210,214,1) 70%,rgba(206,209,214,1) 70%,rgba(209,210,215,1) 70%,rgba(209,210,215,1) 71%,rgba(207,208,213,1) 71%,rgba(208,209,214,1) 72%,rgba(205,208,213,1) 72%,rgba(207,208,213,1) 74%,rgba(204,207,212,1) 74%,rgba(207,208,213,1) 74%,rgba(205,206,211,1) 75%,rgba(207,208,213,1) 75%,rgba(205,206,211,1) 75%,rgba(206,207,212,1) 76%,rgba(204,205,210,1) 76%,rgba(206,207,212,1) 76%,rgba(204,205,210,1) 76%,rgba(205,206,211,1) 77%,rgba(203,204,209,1) 77%,rgba(205,206,211,1) 77%,rgba(203,204,209,1) 77%,rgba(205,206,211,1) 77%,rgba(205,206,211,1) 78%,rgba(203,204,209,1) 78%,rgba(204,205,210,1) 79%,rgba(201,202,207,1) 79%,rgba(203,204,209,1) 80%,rgba(201,202,207,1) 80%,rgba(202,203,208,1) 82%,rgba(200,201,206,1) 82%,rgba(202,203,208,1) 82%,rgba(200,201,206,1) 82%,rgba(201,202,207,1) 83%,rgba(198,199,204,1) 85%,rgba(197,200,205,1) 85%,rgba(201,202,207,1) 85%,rgba(197,200,205,1) 85%,rgba(199,200,205,1) 85%,rgba(196,199,204,1) 85%,rgba(199,200,205,1) 86%,rgba(196,199,204,1) 86%,rgba(199,200,205,1) 86%,rgba(196,197,202,1) 87%,rgba(198,199,204,1) 87%,rgba(195,198,203,1) 87%,rgba(198,199,204,1) 88%,rgba(196,197,202,1) 88%,rgba(197,198,203,1) 89%,rgba(194,197,202,1) 89%,rgba(197,198,203,1) 89%,rgba(195,196,201,1) 90%,rgba(196,196,204,1) 91%,rgba(194,194,202,1) 91%,rgba(196,196,204,1) 92%,rgba(194,194,202,1) 92%,rgba(195,195,203,1) 92%,rgba(192,195,200,1) 92%,rgba(194,194,202,1) 92%,rgba(192,195,200,1) 93%,rgba(194,194,202,1) 93%,rgba(193,194,199,1) 93%,rgba(194,194,202,1) 93%,rgba(192,192,200,1) 94%,rgba(193,193,201,1) 94%,rgba(192,193,198,1) 94%,rgba(193,193,201,1) 95%,rgba(190,193,200,1) 95%,rgba(193,193,201,1) 95%,rgba(191,191,199,1) 96%,rgba(192,192,200,1) 96%,rgba(191,192,197,1) 96%,rgba(192,192,200,1) 97%,rgba(191,192,197,1) 97%,rgba(191,191,199,1) 97%,rgba(188,191,198,1) 97%,rgba(191,191,199,1) 98%,rgba(189,190,195,1) 99%,rgba(188,191,198,1) 99%,rgba(190,190,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        margin-right: 10px;
        clip-path: polygon(0 34%, 17% 0, 78% 9%, 100% 50%, 77% 90%, 14% 100%);
        text-transform: uppercase;
}
.inner-career .value .item img,
.about-vision .value .item img{
        float: right;
        position: relative;
        top: 9px;
}
.about-vision .mile{
        margin: 80px 0 0;
        overflow: hidden;
}
.inner-home .cert .hentry,
.inner-home .news .hentry,
.inner-home .report .hentry,
.pub-report .hentry,
.about-vision .mile .hentry{
        margin: 0 0 60px;
}
.inner-home .cert .hentry strong,
.inner-home .news .hentry strong,
.inner-home .report .hentry strong,
.pub-report .hentry strong,
.about-vision .mile .hentry strong{
        display: block;
        line-height: 100%;
        font-weight: 700;
        color: #777B8D;
        font-size: 14px;
        margin: 0 0 15px;
        letter-spacing: 0.56px;
        text-transform: uppercase;
}
.inner-home .cert .hentry h2,
.inner-home .news .hentry h2,
.inner-home .report .hentry h2,
.pub-report .hentry h2,
.about-vision .mile .hentry h2{
        float: left;
        font-size: 40px;
        font-weight: 800;
        width: 30%;
        position: relative;
        top: -5px;
}
.inner-home .cert .hentry h2{
        width: 25%;
}
.inner-home .news .hentry h2{
        width: 42%;
}
.inner-home .cert .hentry .copy,
.inner-home .news .hentry .copy,
.inner-home .report .hentry .copy,
.pub-award .cert .hentry .copy,
.pub-report .hentry .copy,
.about-vision .mile .hentry .copy{
        float: right;
        width: 65%;
        text-align: right;
        position: relative;
}
.inner-home .news .hentry .copy{
        width: 55%;
        top: 30px;
}
.inner-home .cert .hentry .copy{
        top: 10px;
}
.inner-home .cert .hentry .format-text,
.inner-home .news .hentry .format-text,
.inner-home .report .hentry .format-text,
.pub-award .cert .hentry .format-text,
.pub-report .hentry .format-text,
.about-vision .mile .hentry .format-text{
        font-size: 14px;
        line-height: 170%;
        display: inline-block;
        vertical-align: middle;
        max-width: 515px;
}
.inner-home .cert .hentry .format-text{
        max-width: 450px;
}
.inner-home .report .hentry .format-text,
.pub-report .hentry .format-text{
        max-width: 395px;
}
.inner-home .news .hentry .format-text{
        max-width: 225px;
}
.inner-home .cert .hentry .slidenav,
.inner-home .news .hentry .slidenav,
.inner-home .report .hentry .slidenav,
.pub-award .cert .hentry .slidenav,
.pub-report .hentry .slidenav,
.about-vision .mile .hentry .slidenav{
        display: inline-block;
        vertical-align: middle;
        margin-left: 45px;
}
.inner-home .cert .hentry .slidenav a,
.inner-home .news .hentry .slidenav a,
.inner-home .report .hentry .slidenav a,
.pub-report .hentry .slidenav a,
.about-vision .mile .hentry .slidenav a{
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        background-color: #fff;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.inner-home .cert .hentry .slidenav a:not(.slick-disabled):hover,
.inner-home .news .hentry .slidenav a:not(.slick-disabled):hover,
.inner-home .report .hentry .slidenav a:not(.slick-disabled):hover,
.pub-report .hentry .slidenav a:not(.slick-disabled):hover,
.about-vision .mile .hentry .slidenav a:not(.slick-disabled):hover{
        opacity: .7;
}
.inner-home .cert .hentry .slidenav a.slick-disabled,
.inner-home .news .hentry .slidenav a.slick-disabled,
.inner-home .report .hentry .slidenav a.slick-disabled,
.pub-report .hentry .slidenav a.slick-disabled,
.about-vision .mile .hentry .slidenav a.slick-disabled{
        cursor: default;
}
.inner-home .cert .hentry .slidenav a.prev.slick-disabled,
.inner-home .news .hentry .slidenav a.prev.slick-disabled,
.inner-home .report .hentry .slidenav a.prev.slick-disabled,
.pub-report .hentry .slidenav a.prev.slick-disabled,
.about-vision .mile .hentry .slidenav a.prev.slick-disabled{
        background-image: url(../img/icon/carousel-arrow-left-blank.svg);
}
.inner-home .cert .hentry .slidenav a.prev,
.inner-home .news .hentry .slidenav a.prev,
.inner-home .report .hentry .slidenav a.prev,
.pub-report .hentry .slidenav a.prev,
.about-vision .mile .hentry .slidenav a.prev{
        background-image: url(../img/icon/carousel-arrow-left-filled.svg);
        margin-right: 8px;
}
.inner-home .cert .hentry .slidenav a.next.slick-disabled,
.inner-home .news .hentry .slidenav a.next.slick-disabled,
.inner-home .report .hentry .slidenav a.next.slick-disabled,
.pub-report .hentry .slidenav a.next.slick-disabled,
.about-vision .mile .hentry .slidenav a.next.slick-disabled{
        background-image: url(../img/icon/carousel-arrow-right-blank.svg);
}
.inner-home .cert .hentry .slidenav a.next,
.inner-home .news .hentry .slidenav a.next,
.inner-home .report .hentry .slidenav a.next,
.pub-report .hentry .slidenav a.next,
.about-vision .mile .hentry .slidenav a.next{
        background-image: url(../img/icon/carousel-arrow-right-filled.svg);
}
.inner-home .cert .hentry .copy i,
.inner-home .news .hentry .copy i,
.inner-home .report .hentry .copy i,
.pub-report .hentry .copy i{
        display: inline-block;
        vertical-align: middle;
        width: 1px;
        height: 20px;
        background: #E9E7EC;
        margin: 0 22px;
}
.inner-home .cert .hentry .copy .more,
.inner-home .news .hentry .copy .more,
.inner-home .report .hentry .copy .more,
.pub-report .hentry .copy .more{
        font-weight: 500;
        vertical-align: middle;
}
.about-vision .mile .slider{
        margin-right: -50vw;
}
.about-vision .mile .item{
        width: 280px;
        margin-right: 16px;
        cursor: pointer;
}
.about-vision .mile .item span{
        display: block;
        position: relative;
        line-height: 100%;
        font-weight: 700;
        font-size: 14px;
        margin: 0 0 20px;
}
.about-vision .mile .item span:before{
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        height: 1px;
        content: '';
        border-top: 1px dashed #BBBDC4;
}
.about-vision .mile .item span b{
        display: inline-block;
        position: relative;
        background: #fff;
        padding: 0 12px 0 21px;
        z-index: 2;
}
.about-vision .mile .item span b:before{
        display: block;
        position: absolute;
        left: 0;
        top: 2px;
        width: 10px;
        height: 10px;
        content: '';
        background: #BBBDC4;
        border-radius: 50%;
        transition:background 0.2s ease-in;
}
.about-vision .mile .item:hover span b:before,
.about-vision .mile .item.slick-current span b:before{
        background: #079F0D;
}
.about-vision .mile .item .format-text{
        font-size: 14px;
        padding: 14px;
        border-radius: 0px 18px 18px 18px;
        border: 1px solid #D7D7DA;
        line-height: 170%;
        transition:border 0.2s ease-in;
}
.about-vision .mile .item:hover .format-text,
.about-vision .mile .item.slick-current .format-text{
         border: 1px solid #079F0D;
}

.inner-home .stat .panel,
.inner-career .team .panel,
.biz-prod .process,
.about-ceo .holder{
        background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(254,254,254,1) 5%,rgba(252,252,252,1) 5%,rgba(253,253,253,1) 6%,rgba(251,251,253,1) 6%,rgba(253,253,253,1) 6%,rgba(251,251,251,1) 7%,rgba(252,252,252,1) 7%,rgba(250,250,250,1) 7%,rgba(252,252,252,1) 8%,rgba(249,249,249,1) 9%,rgba(249,249,249,1) 12%,rgba(247,247,247,1) 12%,rgba(249,249,249,1) 12%,rgba(247,247,247,1) 12%,rgba(249,249,251,1) 12%,rgba(247,247,249,1) 12%,rgba(248,248,250,1) 13%,rgba(246,246,248,1) 13%,rgba(248,248,250,1) 14%,rgba(246,246,248,1) 14%,rgba(246,246,248,1) 16%,rgba(244,244,246,1) 17%,rgba(246,246,248,1) 17%,rgba(244,244,246,1) 17%,rgba(245,245,247,1) 17%,rgba(244,244,244,1) 17%,rgba(245,245,247,1) 17%,rgba(242,243,245,1) 18%,rgba(244,244,246,1) 20%,rgba(242,242,244,1) 20%,rgba(242,242,244,1) 22%,rgba(240,240,242,1) 23%,rgba(242,242,244,1) 23%,rgba(240,240,242,1) 23%,rgba(240,240,242,1) 26%,rgba(237,238,240,1) 26%,rgba(239,239,241,1) 27%,rgba(236,236,238,1) 29%,rgba(237,237,239,1) 30%,rgba(235,235,237,1) 31%,rgba(237,237,239,1) 31%,rgba(234,235,237,1) 31%,rgba(235,235,237,1) 33%,rgba(232,233,235,1) 33%,rgba(234,234,236,1) 34%,rgba(232,232,234,1) 35%,rgba(234,234,236,1) 35%,rgba(231,232,234,1) 35%,rgba(233,233,235,1) 36%,rgba(231,231,233,1) 36%,rgba(232,231,236,1) 37%,rgba(231,231,233,1) 37%,rgba(230,230,232,1) 38%,rgba(231,232,236,1) 38%,rgba(230,231,233,1) 38%,rgba(230,231,235,1) 39%,rgba(229,230,232,1) 39%,rgba(229,230,234,1) 41%,rgba(229,230,232,1) 41%,rgba(227,228,230,1) 41%,rgba(228,229,233,1) 41%,rgba(228,229,233,1) 41%,rgba(227,228,230,1) 42%,rgba(227,228,232,1) 43%,rgba(225,226,230,1) 44%,rgba(227,228,232,1) 44%,rgba(224,225,229,1) 45%,rgba(226,227,231,1) 46%,rgba(224,225,229,1) 46%,rgba(224,225,229,1) 48%,rgba(222,223,227,1) 49%,rgba(223,224,228,1) 50%,rgba(221,222,226,1) 50%,rgba(222,223,227,1) 51%,rgba(220,221,223,1) 52%,rgba(221,222,226,1) 53%,rgba(219,220,224,1) 53%,rgba(219,220,224,1) 56%,rgba(217,218,222,1) 56%,rgba(219,220,224,1) 56%,rgba(217,218,222,1) 57%,rgba(218,219,223,1) 58%,rgba(216,217,221,1) 58%,rgba(218,219,223,1) 58%,rgba(216,217,221,1) 58%,rgba(215,216,220,1) 59%,rgba(217,218,222,1) 59%,rgba(215,216,220,1) 60%,rgba(214,215,219,1) 60%,rgba(214,215,220,1) 64%,rgba(212,213,217,1) 64%,rgba(213,214,219,1) 65%,rgba(211,212,217,1) 65%,rgba(212,213,218,1) 66%,rgba(210,211,216,1) 67%,rgba(210,211,216,1) 67%,rgba(212,213,218,1) 67%,rgba(209,210,215,1) 68%,rgba(209,210,214,1) 70%,rgba(206,209,214,1) 70%,rgba(209,210,215,1) 70%,rgba(209,210,215,1) 71%,rgba(207,208,213,1) 71%,rgba(208,209,214,1) 72%,rgba(205,208,213,1) 72%,rgba(207,208,213,1) 74%,rgba(204,207,212,1) 74%,rgba(207,208,213,1) 74%,rgba(205,206,211,1) 75%,rgba(207,208,213,1) 75%,rgba(205,206,211,1) 75%,rgba(206,207,212,1) 76%,rgba(204,205,210,1) 76%,rgba(206,207,212,1) 76%,rgba(204,205,210,1) 76%,rgba(205,206,211,1) 77%,rgba(203,204,209,1) 77%,rgba(205,206,211,1) 77%,rgba(203,204,209,1) 77%,rgba(205,206,211,1) 77%,rgba(205,206,211,1) 78%,rgba(203,204,209,1) 78%,rgba(204,205,210,1) 79%,rgba(201,202,207,1) 79%,rgba(203,204,209,1) 80%,rgba(201,202,207,1) 80%,rgba(202,203,208,1) 82%,rgba(200,201,206,1) 82%,rgba(202,203,208,1) 82%,rgba(200,201,206,1) 82%,rgba(201,202,207,1) 83%,rgba(198,199,204,1) 85%,rgba(197,200,205,1) 85%,rgba(201,202,207,1) 85%,rgba(197,200,205,1) 85%,rgba(199,200,205,1) 85%,rgba(196,199,204,1) 85%,rgba(199,200,205,1) 86%,rgba(196,199,204,1) 86%,rgba(199,200,205,1) 86%,rgba(196,197,202,1) 87%,rgba(198,199,204,1) 87%,rgba(195,198,203,1) 87%,rgba(198,199,204,1) 88%,rgba(196,197,202,1) 88%,rgba(197,198,203,1) 89%,rgba(194,197,202,1) 89%,rgba(197,198,203,1) 89%,rgba(195,196,201,1) 90%,rgba(196,196,204,1) 91%,rgba(194,194,202,1) 91%,rgba(196,196,204,1) 92%,rgba(194,194,202,1) 92%,rgba(195,195,203,1) 92%,rgba(192,195,200,1) 92%,rgba(194,194,202,1) 92%,rgba(192,195,200,1) 93%,rgba(194,194,202,1) 93%,rgba(193,194,199,1) 93%,rgba(194,194,202,1) 93%,rgba(192,192,200,1) 94%,rgba(193,193,201,1) 94%,rgba(192,193,198,1) 94%,rgba(193,193,201,1) 95%,rgba(190,193,200,1) 95%,rgba(193,193,201,1) 95%,rgba(191,191,199,1) 96%,rgba(192,192,200,1) 96%,rgba(191,192,197,1) 96%,rgba(192,192,200,1) 97%,rgba(191,192,197,1) 97%,rgba(191,191,199,1) 97%,rgba(188,191,198,1) 97%,rgba(191,191,199,1) 98%,rgba(189,190,195,1) 99%,rgba(188,191,198,1) 99%,rgba(190,190,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        position: relative;
}
.about-ceo .holder .bg{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: auto;
        z-index: 1;
}
.about-ceo .holder .wrapper{
        position: relative;
        z-index: 2;
        justify-content: space-between;
        align-items: flex-end;
}
.about-ceo figure{
        flex: 40%;
        max-width: 40%;
}
.about-ceo figure .pusher{
        
}
.about-ceo .caption{
        flex: calc(60% - 40px);
        max-width: calc(60% - 40px);
        padding: 60px 0;
}
.about-ceo .caption .scrollbar-inner.scroll-content{
	max-height: 600px !important;
}
.about-ceo .caption h2{
        font-size: 32px;
        font-weight: 800;
        line-height: 150%;
        margin:  0 0 16px;
}
.about-ceo .caption .format-text{
        font-size: 14px;
        line-height: 150%;
        max-width: 620px;
}
.about-ceo .caption .format-text > *:not(:first-child){
        margin-top: 20px;
}
.about-com{
        padding: 60px 0 110px;
}
.about-com .separator{
        height: 80px;
}
.about-com .hentry{
        margin: 0 0 60px;
        text-align: center;
}
.about-com .hentry span{
        display: block;
        line-height: 100%;
        color: #777B8D;
        font-weight: 700;
        font-size: 14px;
        margin: 0 0 10px;
        letter-spacing: 0.56px;
        text-transform: uppercase;
}
.about-com .hentry h2{
        font-weight: 800;
        font-size: 40px;
        line-height: 130%;
}
.about-com .rowflex{
        margin: 0 -8px;
}
.about-com .item{
        flex: calc(25% - 16px);
        max-width: calc(25% - 16px);
        margin: 0 8px 16px;
}
.about-com .item figure{
        border-radius: 6px;
        background: linear-gradient(0deg, #F3F3F3 0%, #F3F3F3 100%), linear-gradient(0deg, #FFF 0%, #FFF 100%), url(), lightgray 50% / cover no-repeat;
        overflow: hidden;
}
.about-com .item figure img{
        transition:transform 0.5s ease;
        transform: scale(1);
}
.about-com .item:hover figure img{
        transform: scale(1.1);
}
.popcom h2,
.about-com .item h3{
        font-size: 18px;
        font-weight: 800;
        line-height: 130%;
        margin: 18px 0 10px;
        color: #313238;
}
.popcom span,
.about-com .item b{
        display: block;
        line-height: 100%;
        color: #777B8D;
        font-size: 14px;
        font-weight: 700;
}
/** SUSTAINABILITY **/
.sustain-watch .list{
        padding: 55px 0 60px;
}
.sustain-watch .hentry{
        text-align: center;
        margin: 0 0 40px;
}
.sustain-watch .hentry span{
        display: block;
        line-height: 100%;
        letter-spacing: 0.56px;
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        margin: 0 0 10px;
        color: #777B8D;
}
.sustain-watch .hentry h2{
        font-weight: 800;
        font-size: 40px;
        line-height: 140%;
}
.sustain-watch .hentry .format-text{
        color: #565965;
        line-height: 160%;
        margin: 20px auto 0;
        max-width: 450px;
}
.sustain-watch .rowflex{
        margin: 0 -12px;
}
.sustain-watch .item{
        flex: calc(33.3333333333333333333% - 24px);
        max-width: calc(33.3333333333333333333% - 24px);
        margin: 0 12px 24px;
}
.sustain-watch .item a{
        display: block;
        position: relative;
        overflow: hidden;
        color: #fff;
}
.sustain-watch .item a:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: '';
        background: rgba(0,0,0,0.28);
}
.sustain-watch .item img{
        transition:transform 0.4s ease;
        transform: scale(1);
}
.sustain-watch .item:hover img{
        transform: scale(1.1);
}
.sustain-watch .item span,
.sustain-watch .item b{
        display: block;
        z-index: 2;
        width: 100%;
        text-align: center;
        position: absolute;
        left: 0;
        top: 25px;
}
.sustain-watch .item b i{
        width: 106px;
        height: 25px;
        background-image: url(../img/icon/kideco.svg);
        display: inline-block;
}
.sustain-watch .item span{
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}
.sustain-watch .item span em{
        display: inline-block;
        width: 64px;
        height: 64px;
        background-image: url(../img/icon/video-play.svg);
}
.sustain-watch .item .caption{
        position: absolute;
        z-index: 2;
        left: 0;
        bottom: 0;
        width: 100%;
        text-align: center;
        padding: 0 10px 22px;
        font-size: 10px;
}
.sustain-watch .item .caption strong{
        display: block;
        font-weight: 800;
        font-size: 14px;
        line-height: 170%;
        text-transform: uppercase;
}
.sustain-watch .item .caption strong + *{
        margin: 5px 0 0;
        max-width: 270px;
        margin: 5px auto 0;
}
.inner-page .content{
        padding: 56px 0 77px;
        overflow: hidden;
        position: relative;
}
.inner-page .content .orn{
        z-index: 1;
        display: block;
        position: absolute;
        left: 0;
        top: 150px;
        width: 100%;
}
.inner-page .content .orn img{
        width: 100%;
        display: block;
        height: auto;
}
.biz-prod  .volume .caption .wrapper,
.inner-page .extra .wrapper,
.inner-page .content .wrapper{
        max-width: 830px;
        position: relative;
        z-index: 2;
}
.inner-page .format-text .span-img .wrapper,
.inner-page .format-text .gallery .wrapper,
.format-text .span-img .wrapper,
.format-text .gallery .wrapper{
        max-width: 1180px;
}
.inner-page .extra{
        padding: 80px 0 120px;
        position: relative;
}
.inner-page .extra:before{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 600px;
        opacity: 0.08;
        background: linear-gradient(180deg, #6D6E71 0%, rgba(109, 110, 113, 0.00) 100%);
        content: '';
        z-index: 1;
}
/** PUBLICATION **/
.pub-news .list{
        padding: 55px 0 120px;
}
.pub-news .list .hentry{
        margin: 0 0 40px;
}
.pub-news .list .hentry h2{
        float: left;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.72px;
        position: relative;
        top: 12px;
}
.pub-news .search form,
.pub-news .list .hentry form{
        float: right;
        position: relative;
        width: 240px;
}
.pub-news .search form{
        width: 100%;
}
.pub-news .search form button,
.pub-news .list .hentry button{
        cursor: pointer;
        display: block;
        position: absolute;
        background: none;
        border: none;
        z-index: 2;
        left: 10px;
        top: 10px;
}
.pub-news .search form button{
        top: 17px;
        left: 15px;
}
.pub-news .search form button i,
.pub-news .list .hentry button i{
        width: 24px;
        height: 24px;
        background-image: url(../img/icon/search-news.svg);
        display: block;
}
.pub-news .search form button i{
        background-image: url(../img/icon/search-news-red.svg);
}
.pub-news .search input,
.pub-news .list .hentry form input{
        /* Remove First */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	display: block;
	width: 100%;
	background: rgba(0,0,0,0);
	color: #777B8D;
	border: 1px solid #D7D7DA;
	font-family: 'Hanken Grotesk';
	font-weight: 400;
	font-size: 14px;
	height: 48px;
	line-height: 48px;
	padding: 0 10px 0 48px;
}
.pub-news .list .rowflex{
        margin: 0 -12px;
}
.pub-news .list .blog-item{
        flex: calc(33.3333333333333333% - 24px);
        max-width: calc(33.3333333333333333% - 24px);
        margin: 0 12px 48px;
}
.pub-news .search{
        position: relative;
        z-index: 2;
        margin: -32px 0 0;
}
.pub-news .search .wrapper{
        max-width: 800px;
}
.pub-news .search input{
        background: #fff;
        box-shadow: 0px 2px 12px 0px rgba(86, 89, 101, 0.08);
        color: #313238;
        border: none;
        height: 64px;
        padding-left: 64px;
        padding-right: 50px;
}
.pub-news .search a{
        display: block;
        position: absolute;
        right: 18px;
        top: 22px;
        width: 18px;
        height: 18px;
        background-image: url(../img/icon/search-close.svg);
        display: none;
}
.pub-news .search input:required:valid + a{
        display: block;
}
.pub-news .empty-search{
        text-align: center;
        padding: 160px 0 200px;
        line-height: 160%;
        font-size: 14px;
        color: #565965;
}
.pub-news .empty-search .wrapper > *:not(:first-child){
        margin: 16px 0 0;
}
.pub-news .empty-search h2{
        color: #313238;
        font-size: 42px;
        font-weight: 700;
        line-height: 130%;
}
.detail-news {
        overflow: hidden;
        padding: 35px 0 120px;
}
.detail-news .hero{
        margin: 0 -50vw 50px;
        width: auto;
        max-width: calc(100vw + 590px);
        /*height: 480px;*/
}
.detail-news .hero img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.detail-news .crumb{
        margin: 0 0 60px;
}
.detail-news .content .hentry{
        text-align: center;
        margin: 0 0 60px;
}
.detail-news .content .hentry span{
        color: #565965;
        font-size: 14px;
        line-height: 100%;
        margin: 0 0 25px;
        display: block;
}
.detail-news .content .hentry  h1{
        font-weight: 700;
        font-size: 46px;
        line-height: 140%;
        margin: 0 0 50px;
}
.detail-news .share a{
        display: inline-block;
        vertical-align: middle;
        width: 22px;
        height: 22px;
        margin: 0 15px;
        opacity: 1;
        transition:opacity 0.2s ease-in;
        position: relative;
}
.detail-news .share a:hover{
        opacity: .7;
}
.detail-news .share a.fb{
        background-image: url(../img/icon/news-fb.svg);
}
.detail-news .share a.ml{
        background-image: url(../img/icon/news-ml.svg);
}
.detail-news .share a.tw{
        background-image: url(../img/icon/news-tw.svg);
}
.detail-news .share a.sh{
        background-image: url(../img/icon/news-sh.svg);
        width: 16px;
        height: 16px;
}
.detail-news .content .pusher{
        max-width: 730px;
        margin: 0 auto;
}

.detail-news .content .format-text{
        line-height: 200%;
}
.detail-news .related{
        margin: 70px 0 0;
}
.detail-news .related .hentry{
        margin:  0 0 40px;
}
.detail-news .related h2{
        float: left;
        font-weight: 800;
        font-size: 40px;
}
.detail-news .related .slidenav{
        float: right;
        position: relative;
        top: 7px;
}
.pub-award .cert .hentry .slidenav a,
.pub-award .list .arrow a,
.detail-news .related .slidenav a{
        display: inline-block;
        vertical-align: middle;
        width: 40px;
        height: 40px;
        position: relative;
        background: #EA0A2C;
        opacity: 1;
        transition:opacity 0.2s ease-in;
}
.pub-award .cert .hentry .slidenav a:not(.slick-disabled):hover,
.pub-award .list .arrow a:hover,
.detail-news .related .slidenav a:not(.slick-disabled):hover{
        opacity: .7;
}
.pub-award .cert .hentry .slidenav a.slick-disabled,
.pub-award .list .arrow a.disabled,
.detail-news .related .slidenav a.slick-disabled{
        cursor: default;
        background: #fff;
}
.pub-award .cert .hentry .slidenav a.slick-disabled:after,
.pub-award .list .arrow a.disabled:after,
.detail-news .related .slidenav a.slick-disabled:after{
        filter: none;
}
.pub-award .cert .hentry .slidenav a:after,
.pub-award .list .arrow a:after,
.detail-news .related .slidenav a:after{
        filter: brightness(0) invert(1);
        display: block;
        position: absolute;
        left: 10px;
        top: 10px;
        width: 20px;
        height: 20px;
}
.pub-award .cert .hentry .slidenav a.prev:after,
.pub-award .list .arrow a.prev:after,
.detail-news .related .slidenav a.prev:after{
        background-image: url(../img/icon/arrow-related-left.svg);
}
.pub-award .cert .hentry .slidenav a.next,
.detail-news .related .slidenav a.next{
        margin-left: 8px;
}
.pub-award .cert .hentry .slidenav a.next:after,
.pub-award .list .arrow a.next:after,
.detail-news .related .slidenav a.next:after{
        background-image: url(../img/icon/arrow-related-right.svg);
}
.inner-home .cert .slider,
.inner-home .news .slider,
.pub-award .cert .slider,
.detail-news .related .slider{
        overflow: hidden;
}
.inner-home .cert .slick-list,
.inner-home .news .slick-list,
.pub-award .cert .slick-list,
.detail-news .related .slick-list{
        margin: 0 -12px;
}
.inner-home .cert .slick-track,
.inner-home .news .slick-track,
.pub-award .cert .slick-track,
.detail-news .related .slick-track{
        display: flex;
        flex-wrap: wrap;
        min-width: 100%;
}
.inner-home .cert .item,
.inner-home .news .blog-item,
.pub-award .cert .item,
.detail-news .related .blog-item{
        margin: 0 12px;
        float: none;
        height: auto;
}
.pub-gallery .list{
        margin: 70px 0 0;
        padding: 0 0 120px;
}
.pub-gallery .list .rowflex{
        margin: 0 -12px;
}
.pub-gallery .list .gallery-item{
        flex: calc(33.3333333333333333% - 24px);
        max-width: calc(33.3333333333333333% - 24px);
        margin: 0 12px 55px;
}
.gallery-item .slider{
        position: relative;
}
.gallery-item .slider .slidenav{
        opacity: 0;
        transition:opacity 0.2s ease-in;
}
.gallery-item .slider:hover .slidenav{
        opacity: 1;
}
.gallery-item .slider .slidenav a{
        display: block;
        position: absolute;
        top: 0;
        width: 40px;
        display: block;
        height: 100%;
        background: rgba(0,0,0,.4);
}
.gallery-item .slider .slidenav a.prev{
        left: 0;
}
.gallery-item .slider .slidenav a.next{
        right: 0;
}
.gallery-item .slider .slidenav a:after{
        display: block;
        position: absolute;
        width: 12px;
        height: 18px;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 12px;
}
.gallery-item .slider .slidenav a.prev:after{
        background-image: url(../img/icon/arrow-gallery-left.svg);
}
.gallery-item .slider .slidenav a.next:after{
        background-image: url(../img/icon/arrow-gallery-right.svg);
}
.gallery-item h3{
        line-height: 170%;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
        margin: 24px 0 0;
}
.pub-report .list{
        padding: 80px 0 150px;
}
.inner-home .report .slider,
.pub-report .list .slider{
        overflow: hidden;
}
.inner-home .report .slider .slick-list,
.pub-report .list .slick-list{
        margin: 0 -12px;
}
.inner-home .report .item,
.pub-report .list .item{
        margin: 0 12px;
}
.inner-home .report .item a,
.pub-report .list .item a{
        display: block;
        position: relative;
        overflow: hidden;
}
.inner-home .report .item a:after,
.pub-report .list .item a:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: '';
        background: linear-gradient(207deg, rgba(1, 1, 1, 0.00) 0%, rgba(1, 1, 1, 0.70) 83.21%);
        z-index: 1;
        opacity: 0;
        transition:opacity 0.3s ease;
}
.inner-home .report .item:hover a:after,
.pub-report .list .item:hover a:after{
        opacity: 1;
}
.inner-home .report .item img,
.pub-report .list .item img{
        transition:transform 0.3s ease;
        transform: scale(1);
}
.inner-home .report .item:hover img,
.pub-report .list .item:hover img{
        transform: scale(1.08);
}
.inner-home .report .item a span,
.pub-report .list .item a span{
        display: block;
        position: absolute;
        left: 0;
        bottom: -30px;
        padding: 0 24px 20px;
        color: #fff;
        font-weight: 700;
        font-size: 14px;
        z-index: 2;
        transition:all 0.3s ease;
        opacity: 0;
}
.inner-home .report .item:hover a span,
.pub-report .list .item:hover a span{
        opacity: 1;
        bottom: 0;
}
.inner-home .report .item a span:after,
.pub-report .list .item a span:after{
        display: block;
        width: 20px;
        height: 20px;
        background-image: url(../img/icon/arrow-related-right.svg);
        filter: brightness(0) invert(1);
        margin: 8px 0 0;
}
.pub-award .list{
        padding: 80px 0;
        background: #F8F8F8;
}
.pub-award .list .hentry{
        margin: 0 0 25px;
}
.pub-award .cert .hentry span,
.pub-award .list .hentry span{
        display: block;
        line-height: 100%;
        color: #777B8D;
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 15px;
        text-transform: uppercase;
        letter-spacing: 0.56px;
}
.pub-award .cert .hentry h2,
.pub-award .list .hentry h2{
        float: left;
        font-weight: 800;
        font-size: 40px;
        line-height: 120%;
}
.pub-award .list .hentry .format-text{
        float: right;
        text-align: right;
        max-width: 500px;
        font-size: 14px;
        color: #565965;
        line-height: 170%;
        position: relative;
        top: 15px;
}
.pub-award .list .filter{
        margin: 0 0 25px;
}
.pub-award .list .year{
        float: left;
}
.pub-award .list .cats{
        float: right;
}
.pub-award .list .year > *,
.pub-award .list .cats > *{
        display: inline-block;
        vertical-align: middle;
        font-size: 14px;
        color: #777B8D;
        font-weight: 500;
        margin-right: 20px;
}
.pub-award .list .year > .dropselect,
.pub-award .list .cats > .dropselect{
        min-width: 70px;
}
.pub-award .dropselect .dropholder{
        width: 200px;
}
.pub-award .cats .dropselect .dropholder{
        left: auto;
        right: 0;
}
.pub-award .list .rowflex{
        margin: 0 -12px;
}
.pub-award .list .item{
        flex: calc(50% - 24px);
        max-width: calc(50% - 24px);
        margin: 0 12px 24px;
        background: #fff;
        position: relative;
        border: 1px solid #D7D7DA;
        padding: 32px 24px;
        transition:border 0.2s ease-in;
}
.pub-award .list .item:hover{
        border: 1px solid #EA0A2C;
}
.pub-award .list .item .bg{
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1;
        display: block;
}
.pub-award .list .item .holder{
        position: relative;
        z-index: 2;
}
.pub-award .list .item figure{
        margin: 0 0 15px;
}
.pub-award .list .item h3{
        font-size: 18px;
        font-weight: 800;
        line-height: 160%;
        margin: 0 0 10px;
}
.pub-award .list .item .format-text{
        color: #565965;
        font-size: 14px;
        line-height: 170%;
}
.pub-award .list .arrow{
        text-align: center;
}
.pub-award .list .arrow > a{
        display: inline-block;
        vertical-align: middle;
        margin: 0 4px;
}
.pub-award .list .arrow a.disabled{
        background: #F8F8F8;
}
.pub-award .list .dyn{
        position: relative;
}
.pub-award .list .dyn.fetching:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 99;
        content: '';
        background: rgba(255,255,255,.7);
}
.pub-award .cert{
        padding: 55px 0 120px;
}
.pub-award .cert .hentry span{
        color: #EA0A2C;
}
.pub-award .cert .hentry .format-text{
        color: #565965;
}
.pub-award .cert .hentry .copy{
        position: relative;
        top: 10px;
}
.pub-award .cert .hentry{
        margin: 0 0 40px;
}
.inner-home .cert .item,
.pub-award .cert .item{
        text-align: center;
}
.inner-home .cert .item b,
.pub-award .cert .item b{
        display: block;
        text-align: center;
        font-weight: 700;
        font-size: 14px;
        line-height: 100%;
        margin: 25px 0 0;
        transition:color 0.2s ease-in;
}
.inner-home .cert .item:hover b,
.pub-award .cert .item:hover b{
        color: #EA0A2C;
}
.inner-home .cert .item a,
.pub-award .cert .item a{
        display: block;
        position: relative;
}
.inner-home .cert .item a:after,
.pub-award .cert .item a:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: '';
        background: linear-gradient(231deg, rgba(1, 1, 1, 0.00) 0%, rgba(1, 1, 1, 0.60) 72.45%);
        opacity: 0;
        transition:opacity 0.2s ease-in;
}
.inner-home .cert .item a em,
.pub-award .cert .item a em{
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
        z-index: 2;
        opacity: 0;
        transition:opacity 0.2s ease-in;
}
.inner-home .cert .item:hover a:after,
.inner-home .cert .item:hover a em,
.pub-award .cert .item:hover a:after,
.pub-award .cert .item:hover a em{
        opacity: 1;
}
.inner-home .cert .item a em i,
.pub-award .cert .item a em i{
        width: 40px;
        height: 40px;
        background-image: url(../img/icon/lup-plus.svg);
        display: inline-block;
}
/** BUSINESS **/
.biz-prod .process{
        margin: 55px 0 0;
        padding: 90px 0 80px;
        overflow: hidden;
}
.biz-prod .process figure.bg{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
}
.biz-prod .process figure.bg img{
        display: block;
        width: 100%;
}
.biz-prod .process .wrapper{
        position: relative;
        z-index: 2;
}
.biz-prod .hentry {
        margin: 0 0 50px;
}
.biz-trade .cover .hentry h2,
.biz-prod .hentry h2{
        float: left;
        font-size: 40px;
        font-weight: 800;
}
.biz-trade .cover .hentry .format-text,
.biz-prod .hentry .format-text{
        float: right;
        text-align: right;
        font-size: 14px;
        max-width: 500px;
        line-height: 170%;
        position: relative;
        top: 5px;
}
.biz-trade .cover .hentry .format-text{
        max-width: 540px;
}
.biz-prod .process .slider{
        position: relative;
        margin: 0 0 60px;
}
.biz-prod .process .slider:after{
        display: block;
        position: absolute;
        width: 110px;
        height: 5px;
        background: #c9cacf;
        content: '';
        right: 0;
        top: 7px;
        z-index: 9;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c6c8ce+0,bdbfc6+100 */
        background: linear-gradient(to right,  rgba(198,200,206,1) 0%,rgba(189,191,198,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.biz-prod .process .slider .item{
        width: 200px;
}
.biz-prod .process .slider .shape{
        position: relative;
        display: inline-block;
}
.biz-prod .process .slider .shape span{
        display: block;
        width: 18px;
        height: 18px;
        border: 1px solid #079F0D;
        position: relative;
        border-radius: 50%;
        margin: 0 auto 30px;
}
.biz-prod .process .slider .slick-current .shape span{
        border-color: #313238;
}
.biz-prod .process .slider .shape span:after{
        display: block;
        position: absolute;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #079F0D;
        content: '';
        top: 3px;
        left: 3px;
}
.biz-prod .process .slider .slick-current .shape span:after{
        background: #313238;
}
.biz-prod .process .slider .shape i{
        display: block;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 160px;
        border-top: 1px dashed #079F0D;
        height: 1px;
        left: calc(50% + 20px);
}
.biz-prod .process .slider .slick-active .shape i:before{
        background: #f3f3f5;
        display: block;
        position: absolute;
        left: -50%;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50px;
        height: 5px;
        content: '';
        z-index: 3;
}
.biz-prod .process .slider figure{
        display: block;
        position: relative;
        width: 113px;
        height: 93px;
        overflow: hidden;
        clip-path: polygon(0 34%, 17% 0, 78% 9%, 100% 50%, 77% 90%, 14% 100%);
}
.biz-prod .process .copy {
        max-width: 1100px;
}
.biz-prod .process .copy .rowflex{
        justify-content: space-between;
}
.biz-prod .process .copy figure{
        flex: 39.82%;
        max-width: 39.82%;
        overflow: hidden;
        order: 2;
        clip-path: polygon(25% 0, 100% 0, 100% 60%, 75% 100%, 0 100%, 0 40%);
}
.biz-prod .process .copy .caption{
        flex: 50.8%;
        max-width: 50.8%;
        padding: 15px 0 0;
}
.biz-prod .process .copy h3{
        font-size: 23px;
        font-weight: 700;
        margin: 0 0 20px;
        line-height: 120%;
}
.biz-prod .process .copy .format-text{
        font-size: 14px;
        line-height: 170%;
}
.biz-prod  .volume{
        padding: 80px 0;
        overflow: hidden;
}
.biz-trade{
        overflow: hidden;
}
.biz-trade .cover{
        padding: 80px 0;
}
.biz-trade .cover .map{
        position: relative;
        text-align: center;
}
.biz-trade .cover .map .bg{
        position: absolute;
        left: 0;
        top: 50px;
        width: 100%;
        z-index: 1;
}
.biz-trade .cover .map .bg img{
        display: block;
        width: 100%;
}
.biz-trade .cover .map .wrapper{
        position: relative;
        z-index: 2;
}
.biz-trade .cover .map .area{
        display: inline-block;
        position: relative;
}
.biz-trade .cover .map img.mapimg{
        display: block;
        width: 100%;
        position: relative;
        z-index: 1;
}
.biz-trade .cover .map .map-item{
        position: absolute;
        z-index: 2;
        opacity: 0;
        transition:opacity 0.2s ease-in;
}
.biz-trade .cover .map .map-item:hover{
        opacity: 1;
}
.biz-trade .cover .hentry{
        margin: 0 0 70px;
}
.biz-trade .list .item{
        padding: 80px 0;
}
.biz-trade .list .item:nth-child(odd){
        background: rgba(215, 215, 218, .2);
}
.biz-trade .list .item h2{
        font-weight: 800;
        font-size: 40px;
        line-height: 140%;
        margin: 0 0 20px;
}
.inner-contact {
        padding-bottom: 120px;
}
.inner-contact .map .iframe-holder{
        padding: 0;
        height: 480px;
}
.inner-contact .wrapper{
        max-width: 1040px;
}
.inner-contact .layer{
        position: relative;
        z-index: 2;
        margin: -100px 0 0;
        background: #fff;
        padding-top: 40px;
        padding: 40px 25px 50px;
        box-shadow: 0px 4px 12px 4px rgba(187, 189, 196, 0.12);
}

.inner-contact .list .item{
        position: relative;
        flex: 33.333333333333333333%;
        max-width: 33.333333333333333333%;
        text-align: center;
        padding: 0 40px 70px;
        margin: 0 0 50px;
}
.inner-contact .list .item:after{
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px;
        height: 140px;
        content: '';
        background: #D7D7DA;
}
.inner-contact .list .item:nth-child(3n +3):after{
        display: none;
}
.inner-contact .list .item h3{
        font-weight: 700;
        font-size: 20px;
        line-height: 150%;
        margin: 0 0 20px;
}
.inner-contact .list .item .format-text{
        color: #777B8D;
        font-size: 14px;
        line-height: 170%;
}
.inner-contact .list .item .ct{
        display: block;
        width: 100%;
        left: 0;
        bottom: 0;
        text-align: center;
        position: absolute;
}
.inner-contact .list .item .ct span,
.inner-contact .list .item .ct a{
        display: inline-block;
        text-decoration: underline;
        color: #565965;
        font-size: 14px;
}
.inner-contact .list .item .ct span{
        display: block;
        margin: 8px 0 0;
}
.inner-contact .submis{
        padding: 30px 0 0;
}
.inner-contact .submis .hentry{
        text-align: center;
        margin: 0 0 50px;
}
.inner-contact .submis .hentry span{
        color: #565965;
        display: block;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0.56px;
        text-transform: uppercase;
        margin: 0 0 15px;
}
.inner-contact .submis .hentry h2{
        font-weight: 800;
        font-size: 40px;
        line-height: 140%;
        margin: 0 0 20px;
}
.inner-contact .submis .hentry .format-text{
        color: #565965;
        font-size: 14px;
        line-height: 170%;
}
.inner-contact .submis .form-basic{
        max-width: 895px;
        margin: 0 auto;
}
.map-info{
        text-align: center;
        background: rgba(255,255,255,.9);
        padding: 8px 15px 12px;
        border-radius: 5px;
}
.map-info b{
        display: block;
        color: #313238;
        font-weight: 700;
        font-size: 14px;
        line-height: 150%;
        margin: 0 0 2px;
}
.map-info span{
        display: block;
        color: #777B8D;
        font-size: 13px;
        line-height: 100%;
}
.gm-style .gm-style-iw-d{
        overflow: hidden !important;
}
.gm-style .gm-style-iw-c{
        padding: 0 !important;
        border-radius: 0 !important;
        background: none;
}
.inner-career{
        padding: 55px 0 120px;
}
.inner-career .embed{
        position: relative;
	height: 800px;
        z-index: 1;
}
.inner-career .embed > *{
        position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.inner-career .hentry,
.inner-career .intro{
        text-align: center;
}
.inner-career .hentry span,
.inner-career .intro span{
        display: block;
        line-height: 100%;
        font-weight: 700;
        font-size: 14px;
        color: #777B8D;
        margin: 0 0 15px;
        letter-spacing: 0.56px;
}
.inner-career .hentry h2,
.inner-career .list .item h2,
.inner-career .intro h2{
        font-weight: 800;
        font-size: 40px;
        line-height: 140%;
}
.inner-career .hentry .format-text{
        max-width: 550px;
        margin: 30px auto 0;
        color: #565965;
        font-size: 14px;
        line-height: 170%;
}
.inner-career .list{
        margin: 70px 0 0;
        overflow: hidden;
}
.inner-career .list .item{
        position: relative;
        margin: 150px 0 0;
}
.inner-career .list .item:first-child{
        margin: 0;
}
.inner-career .list .item .rowflex{
        justify-content: space-between;
        align-items: center;
}
.inner-career .list .item figure{
        flex: 47.3%;
        max-width: 47.3%;
        position: relative;
}
.inner-career .list .item figure img{
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
}
.inner-career .list .item:nth-child(even) figure{
        order: 2;
}
.inner-career .list .item.has-orn figure:after{
        display: block;
        position: absolute;
        left: 65px;
        top: -70px;
        width: 50vw;
        content: '';
        height: 100%;
        background: var(--gradient-3, linear-gradient(89deg, #FFF 1.07%, #BBBDC4 98.93%));
}
.inner-career .list .item .caption{
        flex: 44.8%;
        max-width: 44.8%;
}
.inner-career .list .item:nth-child(even) .caption{
        order: 1;
}
.inner-career .list .item h2{
        margin: 0 0 20px;
}
.inner-career .list .item .format-text{
        font-size: 14px;
        line-height: 170%;
        color: #565965;
}
.inner-career .hentry{
        margin: 0 0 50px;
}
.inner-career .value{
        margin: 60px 0 0;
        padding: 80px 0;
        position: relative;
}
.inner-career .value:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: .08;
        background: linear-gradient(180deg, #6D6E71 0%, rgba(109, 110, 113, 0.00) 100%);
        content: '';
}
.inner-career .value .wrapper{
        position: relative;
        z-index: 2;
}
.inner-career .value .centered{
        padding: 30px 0 0;
}
.inner-career .team{
        margin: 100px 0 0;
}
.inner-career .team .panel{
        position: relative;
        padding: 60px 20px;
}
.inner-career .team .panel .bg{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        overflow: hidden;
}
.inner-career .team .panel .bg img{
        display: block;
        width: 100%;
}
.inner-career .team .panel .hentry{
        margin: 0;
        position: relative;
        z-index: 2;
}
#popcareer{
        padding: 0;
        max-width: 676px;
        width: calc(100% - 20px);
}
#popcareer figure{
        display: block;
        position: relative;
}
#popcareer figcaption{
        display: block;
        position: absolute;
        top: 40px;
        left: 40px;
        font-weight: 800;
        font-size: 40px;
        line-height: 140%;
}
#popcareer .format-text{
        padding: 40px;
        font-size: 14px;
        font-weight: 500;
        line-height: 200%;
}
/** HOMEPAGE **/
body.home.ontop .mainmenu li a,
body.home.ontop .mainmenu li.current-menu-item > a,
body.home.ontop .mainmenu li a:hover,
body.home.ontop .topbar .topnav a,
body.home.ontop .topbar .lang span{
        color: #fff;
}
body.home.ontop .midbar .midlogo img,
body.home.ontop .topbar .lang span:before,
body.home.ontop .topbar .sch a,
body.home.ontop .topbar .lang span:after{
        filter: brightness(0) invert(1);
}
body.home.ontop .topbar .border{
        background: #fff;
}
body.home.ontop .midbar .logo img:first-child{
        opacity: 0;
}
body.home.ontop .midbar .logo img + img{
        opacity: 1;
}
.inner-home .hentry h2 i{
        font-style: italic;
}
.inner-home{
        padding: 0 0 120px;
}
.inner-home .hero .slick-track{
        display: flex;
}
.inner-home .hero .item{
        padding: 215px 0 330px;
        position: relative;
        overflow: hidden;
        height: auto;
        float: none;
}
.inner-home .hero .item:after{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        content: '';        
        background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.inner-home .hero .item span{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        transform: scale(1) rotate(0deg);
        transition: transform 8s linear;
        background-repeat: no-repeat;
        background-position: bottom center;
        background-attachment: scroll;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
.inner-home .hero .item.slick-active span{
        transform: scale(1.1) rotate(0.1deg);
}
.inner-home .hero .slide-init.item span{
        transform: scale(1) rotate(0deg) !important;
        transition: transform 0s linear;
}
.inner-home .hero .item video{
        display: block;
        position: absolute;
        left: -120px;
        top: 0;
        width: calc(100% + 420px);
        height: 100%;
        object-fit: cover;
}
.inner-home .hero .item .wrapper{
        position: relative;
        z-index: 3;
        color: #fff;
}
.inner-home .hero .item .caption{
        position: relative;
        padding-left: 40px;
}
.inner-home .hero .item h2{
        font-weight: 700;
        font-size: 56px;
        line-height: 130%;
        margin: 0 0 10px;
}
.inner-home .hero .item .format-text{
        font-size: 14px;
        line-height: 170%;
}
.inner-home .hero .slider{
        position: relative;
}
.inner-home .hero .dots{
        display: flex;
        position: absolute;
        left: 0;
        height: 57%;
        top: 57%;
        -ms-transform: translateY(-57%);
        -webkit-transform: translateY(-57%);
        transform: translateY(-57%);
        width: 100%;
}
.inner-home .hero .dots .wrapper{
        flex: 1;
}
.inner-home .hero .dots ul{
        display: flex;
        height: 100%;
         -webkit-flex-direction: column; 
        flex-direction: column;
        width: 1px;
        background: rgba(217, 217, 217, .5);
}
.inner-home .hero .dots ul li{
        flex: 1;
        background: red;
        background: rgba(217, 217, 217, .5);
        position: relative;
}
.inner-home .hero .dots ul li button{
        display: block;
        position: absolute;
        width: 3px;
        height: 100%;
        background: rgba(217, 217, 217, .5);
        left: 1px;
        top: 0;
        border: none;
        padding: 0;
        cursor: pointer;
        color: rgba(0,0,0,0);
        overflow: hidden;
        opacity: 0;
        transition:opacity 0.2s ease-in;
}
.inner-home .hero .dots ul li.slick-active button{
        opacity: 1;
}
.inner-home .about{
        margin: 70px 0 0;
}
.inner-home .sustain .hentry span,
.inner-home .about .hentry span{
        display: block;
        line-height: 100%;
        color: #777B8D;
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 20px;
        letter-spacing: 0.56px;
        text-transform: uppercase;
}
.inner-home .sustain .hentry span{
        margin: 0 0 15px;
}
.inner-home .sustain .hentry h2,
.inner-home .about h2{
        font-weight: 800;
        font-size: 40px;
        line-height: 140%;
        
}
.inner-home .about h2{
        width: 40%;
        float: left;
}
.inner-home .about .caption{
        float: right;
        width: 47.5%;
}
.inner-home .sustain .hentry .format-text{
        max-width: 740px;
        margin: 20px auto 0;
}
.inner-home .sustain .hentry .format-text,
.inner-home .about .format-text{
        font-size: 14px;
}
.inner-home .about .more{
        margin: 30px 0 0;
}
.inner-home .about .video{
        max-width: 954px;
        margin: 70px auto 0;
}
.inner-home .jargon{
        margin: 80px 0 0;
}
.inner-home .stat{
        margin: 70px 0 0;
}
.inner-home .stat .panel{
        position: relative;
        padding: 40px 55px;
}
.inner-home .stat .bg{
        position: absolute;
        right: -80px;
        bottom: 0;
        z-index: 1;
        height: calc(100% + 45px);
}
.inner-home .stat .bg img{
        height: 100%;
        object-fit: cover;
        width: auto;
}
.inner-home .stat .hentry,
.inner-home .stat  .rowflex{
        position: relative;
        z-index: 2;
}
.inner-home .stat .hentry{
        margin: 0 0 45px;
}
.inner-home .stat h2{
        font-weight: 800;
        font-size: 32px;
        line-height: 150%;
        margin: 0 0 10px;
}
.inner-home .stat .format-text{
        font-size: 14px;
        line-height: 170%;
}
.inner-home .stat .rowflex{
        margin: 0 -40px;
}
.inner-home .stat .item{
        flex: calc(25% - 80px);
        max-width: calc(25% - 80px);
        margin: 0 40px 40px;
        text-align: center;
        position: relative;
}
.inner-home .stat .item b{
        display: block;
        font-size: 54px;
        font-weight: 700;
        line-height: 110%;
        margin: 0 0 15px;
}
.inner-home .stat .item .format-text{
        line-height: 145%;
}
.inner-home .stat .item .more{
        color: #313238;
        margin: 35px 0 0;
}
.inner-home .stat .item .more:after{
        filter: brightness(0%);
        opacity: .8;
}
.inner-home .sustain{
        margin: 100px 0 0;
}
.inner-home .sustain .hentry{
        text-align: center;
        margin: 0 0 50px;
}
.inner-home .sustain .rowflex{
        margin: 0 -12px;
}
.inner-home .sustain .item{
        flex: calc(33.3333333333333% - 24px);
        max-width: calc(33.3333333333333% - 24px);
        margin: 0 12px 24px;
}
.inner-home .sustain .item img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition:transform 0.3s ease;
        transform: scale(1);
}
.inner-home .sustain .item:hover img{
        transform: scale(1.05);
}
.inner-home .sustain .item a{
        display: block;
        position: relative;
        overflow: hidden;
}
.inner-home .sustain .item .caption{
        display: flex;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        align-items: flex-end;
        background: rgba(0,0,0,0);
        color: #fff;
        font-size: 14px;
        padding: 0 40px 40px;
        transition:all 0.3s ease;
}
.inner-home .sustain .item:hover .caption{
        top: 0;
        background: linear-gradient(221deg, rgba(1, 1, 1, 0.00) 0%, rgba(1, 1, 1, 0.70) 100%);
}
.inner-home .sustain .item .holder{
        position: relative;
        top: 50%;
        transition:top 0.3s ease;
        padding-bottom: 30px;
}
.inner-home .sustain .item:hover .holder{
        top: 0;
}
.inner-home .sustain .item .holder .format-text{
        height: 143px;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}
.inner-home .sustain .item .more{
        color: #fff;
        opacity: 0;
        transition:opacity 0.3s ease;
        position: absolute;
        left: 0;
        bottom: 0;
}
.inner-home .sustain .item .more:after{
        filter: brightness(0) invert(1);
}
.inner-home .sustain .item b{
        display: block;
        font-weight: 700;
        font-size: 24px;
        line-height: 150%;
        margin: 0 0 15px;
}
.inner-home .sustain .item .format-text{
        line-height: 170%;
        margin: 0 0 15px;
        opacity: 0;
        transition:opacity 0.3s ease;
}
.inner-home .sustain .item:hover .format-text,
.inner-home .sustain .item:hover .more{
        opacity: 1;
}
.inner-home .report{
        margin: 100px 0 0;
}
.inner-home .report .hentry .copy{
        position: relative;
        top: 30px;
}
.inner-home .news{
        position: relative;
        padding: 70px 0 0;
        margin: 100px 0 0;
}
.inner-home .news:before{
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        content: '';
        opacity: 0.08;  
        background: linear-gradient(180deg, #6D6E71 0%, rgba(109, 110, 113, 0.00) 100%);
}
.inner-home .news .wrapper{
        position: relative;
        z-index: 2;
}
.inner-home .cert{
        margin: 100px 0 0;
}
.result-page{
        padding: 120px 0;
        min-height: 50vh;
}
.kideco-edit-page{
        display: block;
        position: fixed;
        z-index: 99999;
        right: 30px;
        bottom: 30px;
        width: 40px;
        height: 40px;
        background-image: url(../img/icon/edit-mode.png);
        box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 2px;
        border-radius: 50%;
}
.popcom{
        width: calc(100% - 30px);
        max-width: 965px;
        padding: 32px;
}
.popcom h2{
        margin: 0 0 10px;
}
.popcom .format-text{
        font-size: 14px;
        line-height: 170%;
        margin: 16px 0 0;
}
.popcom .fancybox-close-small{
        opacity: 1;
        right: 20px;
        top: 20px;
}
.fancybox-button svg path{
        fill: #000;
}
.fancybox-button{
        background: #fff;
}
/* MEDIA QUERY FOR WEBKIT BASED BROWSER **/
@media screen and (-webkit-min-device-pixel-ratio:0) {

}

/* MEDIA QUERY FOR GECKO BASED BROWSER **/
@-moz-document url-prefix(){
        
}