h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 24px;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif
}

h1 {
    font-size: 45px;
    line-height: 1.125
}

h2 {
    font-size: 30px;
    line-height: 1.1944
}

h3 {
    font-size: 24px;
    line-height: 1.2
}

h4 {
    font-size: 20px;
    line-height: 1.25
}

h5 {
    font-size: 16px;
    line-height: 1.5
}

h6 {
    font-size: 14px;
    line-height: 1.5
}

a:focus,
a:focus:outline {
    outline: 1px solid transparent
}

p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 24px
}

.number {
    font-family: lato_regular, "Segoe UI", arial, sans-serif
}

body {
    color: #666;
    font-family: raleway_regular, "Segoe UI", arial, sans-serif;
    background: #fffff2;
    font-size: 14px;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    text-rendering: optimizeLegibility
}

body.blank-page {
    background-color: #fffff2;
    background-image: url(../images/footer-ornament.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    width: 100%;
    height: 100%;
    min-height: 100vh
}

.announcement_box {
    border: 3px solid #364a96;
    padding: 24px;
    padding-left: 70px;
    width: 100%;
    position: relative
}

.announcement_box:before {
    font-size: 30px;
    line-height: 32px;
    font-family: themify;
    color: #364a96;
    content: '\e717';
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 16px
}

.announcement_title {
    margin-bottom: 0;
    font-size: 24px;
    color: #327d3a;
    line-height: 32px;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif
}

.announcement_text {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 8px;
    font-family: lato_regular, "Segoe UI", arial, sans-serif;
    color: #333
}

.button--default,
.button--secondary {
    background-color: #253b84;
    color: #fff;
    font-family: raleway_regular, "Segoe UI", arial, sans-serif;
    font-size: 14px;
    line-height: 24px;
    padding: 12px 48px;
    border-radius: 4px;
    border: 0;
    display: block;
    width: 100%;
    transition: all .25s ease-out
}

.button--default:active,
.button--default:focus,
.button--default:hover,
.button--secondary:active,
.button--secondary:focus,
.button--secondary:hover {
    color: #fff;
    outline: 0;
    text-decoration: none;
    background: #364a96
}

.button--default:active,
.button--secondary:active {
    background: #327d3a
}

.button--default_icon {
    font-size: 14px;
    margin-right: 8px
}

.button--secondary {
    background-color: #e1e1e1;
    color: #000
}

.button--secondary:active,
.button--secondary:focus,
.button--secondary:hover {
    color: #fff;
    outline: 0;
    text-decoration: none;
    background: #c1c1c1
}

.floatbtn {
    position: fixed;
    z-index: 100;
    bottom: 0;
    right: 0;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    margin-right: 16px;
    margin-bottom: 16px;
    opacity: 0;
    visibility: hidden;
    transition: all .25s ease-out
}

.floatbtn.is-reveal {
    opacity: 1;
    right: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

.floatbtn_button {
    width: 52px;
    height: 52px;
    display: block;
    text-align: center;
    background: #327d3a;
    border-radius: 50%;
    transition: all .2s ease-out;
    box-shadow: 0 2px 15px -1px rgba(0, 0, 0, .6);
    outline: 0;
    border: 0;
    color: #fff;
    transition: all .25s ease-out
}

.floatbtn_button:active,
.floatbtn_button:hover {
    background: #00361e
}

.floatbtn_button:focus {
    background: #327d3a
}

.floatbtn_icon {
    font-size: 16px;
    line-height: 51px;
    color: #fff
}

.slick-carousel {
    margin-bottom: 32px
}

.slick-slide img {
    width: 100%
}

.slick-dots {
    padding: 15px 10px!important;
    margin: 0!important;
    list-style: none;
    position: absolute;
    bottom: 0;
    right: 0
}

.slick-dots li {
    display: inline-block
}

.slick-dots li.slick-active button {
    background: #327d3a
}

.slick-dots button {
    font-size: 0;
    border: 0;
    background: #fff;
    padding: 4px;
    line-height: 0;
    margin: 0 4px;
    border-radius: 10px;
    outline: 0;
    cursor: pointer
}

.overflow-hidden {
    overflow: hidden
}

.header {
    position: relative;
    z-index: 210
}

.header_container {
    padding: 0
}

.header_logo {
    padding: 10px 0;
    float: left
}

.header_logo img {
    height: 50px;
    padding-left: 10px
}

.header_navbutton {
    border: 0;
    background: 0 0;
    outline: 0;
    box-shadow: none;
    color: #253b84;
    margin: 0;
    padding: 23px 10px
}

.header_navbutton span {
    margin-right: 0;
    font-size: 18px;
    display: block
}

.header_nav {
    float: right
}

.header_navlists {
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: 0 6px 10px -5px rgba(0, 0, 0, .2) inset;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    background: #fffff2;
    height: calc(100% - 70px);
    margin-top: 70px;
    overflow: auto;
    z-index: 100;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all .25s ease-out
}

.header_navlists.slidein {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.header_navlists>li {
    position: relative
}

.header_navlists a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    padding: 10px 20px;
    color: #253b84;
    line-height: 24px;
    text-decoration: none;
    outline: 0;
    transition: all .25s ease-out
}

.header_navlists a:active,
.header_navlists a:hover {
    color: #327d3a
}

.header_iconarrow {
    font-size: 12px;
    margin-left: 3px
}

.header_subnav {
    display: none;
    opacity: 0;
    visibility: hidden;
    float: none;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10;
    background: #fffff2;
    border-top: 2px solid #253b84;
    padding-top: 0!important;
    height: 0;
    transition: all .25s ease-out
}

.header_subnav.shown {
    opacity: 1;
    visibility: visible;
    display: block;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    height: auto
}

.header_subnav li {
    float: none
}

.header_subnav a {
    line-height: 24px;
    padding: 10px 10px 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #f4f4d9
}

.header_subnav a:active,
.header_subnav a:hover {
    background: #f4f4d9
}

.header_icon {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin-right: 8px;
    display: inline-block;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: left top;
    opacity: .8
}

.header_icon.kbi-why {
    background-image: url(../images/icon-why.png)
}

.header_icon.kbi-brief {
    background-image: url(../images/icon-brief.png)
}

.header_icon.kbi-history {
    background-image: url(../images/icon-history.png)
}

.header_icon.kbi-vision {
    background-image: url(../images/icon-vision.png)
}

.header_icon.kbi-tenants {
    background-image: url(../images/icon-tenant.png)
}

.header_icon.kbi-location {
    background-image: url(../images/icon-location.png)
}

.header_icon.kbi-land {
    background-image: url(../images/icon-land.png)
}

.header_icon.kbi-factory {
    background-image: url(../images/icon-factory.png)
}

.header_icon.kbi-nonindustry {
    background-image: url(../images/icon-non-industry.png)
}

.header_icon.kbi-infrastructure {
    background-image: url(../images/icon-infrastructure.png)
}

.header_icon.kbi-support {
    background-image: url(../images/icon-logistic.png)
}

.header_icon.kbi-commercial {
    background-image: url(../images/icon-commercial.png)
}

.header_language {
    float: right;
    position: relative
}

.header_langcurrent {
    position: relative;
    padding: 23px 40px 23px 10px;
    cursor: pointer;
    transition: all .25s ease-out
}

.header_langcurrent:before {
    content: '\e64b';
    font-size: 12px;
    width: 24px;
    line-height: 24px;
    font-family: themify;
    color: #253b84;
    position: absolute;
    right: 14px;
    top: 24px;
    text-align: center
}

.header_langcurrent:hover {
    background-color: #f4f4d9
}

.header_langlists {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 150;
    border-top: 2px solid #253b84;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    transition: all .25s ease-out
}

.header_langlists.shown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.header_langlist a {
    display: block;
    color: #253b84;
    text-decoration: none;
    padding: 10px 25px;
    background: #fffff2;
    border-bottom: 1px solid #f4f4d9;
    transition: all .25s ease-out
}

.header_langlist a:active,
.header_langlist a:hover {
    color: #327d3a;
    background: #f4f4d9
}

.header_langicon {
    height: 24px;
    width: 22px;
    background-size: 22px 24px;
    background-repeat: no-repeat;
    background-position: left top;
    float: left
}

.header_langicon.en {
    background-image: url(../images/united-kingdom.png)
}

.header_langicon.ja {
    background-image: url(../images/japan.png)
}

.header_langtext {
    display: none;
    line-height: 24px;
    float: left;
    font-size: 16px;
    font-weight: 700;
    padding: 0 10px
}

.footer_top {
    padding-top: 60px;
    padding-bottom: 160px;
    background-color: #fffff2;
    background-image: url(../images/footer-ornament.png);
    background-repeat: repeat-x;
    background-position: center bottom
}

.footer_bottom {
    padding: 30px 0 0;
    background-color: #00361e;
    color: #fff;
    text-align: center;
    font-family: lato_regular, "Segoe UI", arial, sans-serif;
    font-size: 14px
}

.footer_logo img {
    height: 70px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    margin-bottom: 16px
}

.footer_metatext {
    text-align: center
}

.footer_address {
    margin-bottom: 48px;
    text-align: center
}

.footer_addrlist {
    margin-top: 24px
}

.footer_addrtitle {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    color: #00361e;
    width: 100%
}

.footer_addrtext {
    margin-bottom: 0
}

.footer_addrtext.col-2 {
    margin-bottom: 30px
}

.footer_navtitle {
    margin-bottom: 8px;
    text-transform: uppercase;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    color: #00361e;
    font-size: 16px;
    text-align: center
}

.footer_navlist {
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

.footer_navlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-columns: 100px 3;
    columns: 100px 3
}

.footer_navlist a {
    display: block;
    line-height: 24px;
    color: #333;
    padding: 6px 20px 6px 26px;
    position: relative;
    transition: all .25s ease-out
}

.footer_navlist a:before {
    color: #333;
    content: '\e649';
    font-family: themify;
    font-size: 12px;
    height: 24px;
    left: 0;
    line-height: 24px;
    margin: 6px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 24px
}

.footer_navlist a:active,
.footer_navlist a:hover {
    color: #327d3a;
    text-decoration: none
}

.footer_navlist a:active:before,
.footer_navlist a:hover:before {
    color: #327d3a
}

.footer_copy {
    font-size: 14px;
    margin-bottom: 30px
}

.footer_navbottom {
    color: #fff;
    text-align: center
}

.footer_navbottom ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.footer_navbottom li {
    display: inline-block;
    padding: 0 6px;
    margin-bottom: 16px
}

.footer_navbottom a {
    font-size: 14px;
    color: #fff
}

.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fffff2;
    z-index: 500
}

.preloader_wrapper {
    width: 300px;
    height: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -55px;
    margin-left: -150px
}

.preloader_logo img {
    width: auto;
    height: 60px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

.preloader_text {
    text-align: center;
    margin-top: -30px
}

.preloader_text h1 {
    margin: 0;
    padding: 0;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #333
}

.preloader_text span {
    position: relative;
    top: 0;
    display: inline-block;
    text-transform: uppercase;
    opacity: 0;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg)
}

.preloader_text .let1 {
    -webkit-animation: drop 1.2s ease-in-out infinite;
    animation: drop 1.2s ease-in-out infinite;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.preloader_text .let2 {
    -webkit-animation: drop 1.2s ease-in-out infinite;
    animation: drop 1.2s ease-in-out infinite;
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.preloader_text .let3 {
    -webkit-animation: drop 1.2s ease-in-out infinite;
    animation: drop 1.2s ease-in-out infinite;
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.preloader_text .let4 {
    -webkit-animation: drop 1.2s ease-in-out infinite;
    animation: drop 1.2s ease-in-out infinite;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.preloader_text .let5 {
    -webkit-animation: drop 1.2s ease-in-out infinite;
    animation: drop 1.2s ease-in-out infinite;
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.preloader_text .let6 {
    -webkit-animation: drop 1.2s ease-in-out infinite;
    animation: drop 1.2s ease-in-out infinite;
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.preloader_text .let7 {
    -webkit-animation: drop 1.2s ease-in-out infinite;
    animation: drop 1.2s ease-in-out infinite;
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.section {
    padding-top: 60px;
    padding-bottom: 60px
}

.section--white {
    background: #fff
}

.banner {
    padding-top: 60px;
    padding-bottom: 60px;
    background-position: center center;
    background-size: cover;
    background-image: url(../images/bg-fcount.jpg);
    background-color: #253b84
}

.banner_title {
    color: #fff;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0
}

.c-centered {
    position: relative;
    text-align: center;
    width: 100%;
    padding: 30px 15px
}

.cform {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f5f5f5
}

.cform_title {
    font-size: 30px;
    line-height: 40px;
    color: #000;
    margin-bottom: 8px
}

.cform_text {
    font-family: lato_regular, "Segoe UI", arial, sans-serif;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 32px
}

.cform_form {
    background: #fff;
    padding: 32px 16px;
    font-family: lato_regular, "Segoe UI", arial, sans-serif;
    font-weight: 400;
    font-size: 15px
}

.cform_form .form-group {
    margin-bottom: 24px
}

.cform_form .form-control {
    font-size: 16px;
    font-family: lato_regular, "Segoe UI", arial, sans-serif;
    line-height: 24px;
    border-radius: 0
}

.cmaps {
    width: 100%;
    font-family: lato_regular, "Segoe UI", arial, sans-serif;
    font-size: 15px;
    background: #fff
}

.cmaps_wrapper {
    width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 75%;
    margin-bottom: 32px
}

.cmaps_wrapper--location {
    padding-bottom: 100%
}

.cmaps_wrapper iframe {
    position: absolute;
    border: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.cmaps_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

.cmaps_ofc {
    color: #327d3a;
    font-family: lato_regular, "Segoe UI", arial, sans-serif;
    font-weight: 700;
    margin-bottom: 8px
}

.cmaps_title {
    color: #000;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 16px
}

.cmaps_list {
    width: 100%;
    padding: 32px 16px
}

.cmaps_addrlists {
    margin: 0 -8px
}

.cmaps_addrlist {
    width: 100%;
    padding: 0 8px;
    margin-bottom: 40px
}

.cmaps_addr {
    margin-bottom: 16px
}

.cp_columns {
    background: #fff
}

.cp_column {
    width: 100%
}

.cp_column_images {
    width: 100%;
    padding-bottom: 56.25%;
    position: relative
}

.cp_column_images img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cp_column_content {
    padding: 60px 15px;
    position: relative;
    text-align: center
}

.cp_column_title {
    color: #000;
    font-size: 24px;
    line-height: 1.4em
}

.error {
    padding: 6px 0px
    /*padding: 60px 30px*/
}

.error_logo {
    padding-bottom: 3em
}

.error_logo img {
    height: 80px
}

.error_title {
    font-size: 10rem;
    line-height: 1em;
    font-family: lato_bold, "Segoe UI", arial, sans-serif
}

.error_desc {
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    font-size: 1.6rem;
    margin-bottom: 6em;
    line-height: 1.5em;
    text-align: center
}

.cp_list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 16px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 16px
}

.cp_list-item_thumb {
    float: left;
    width: 150px;
    height: 111px;
    margin-right: 24px;
    background: #327d3a;
    position: relative;
    background-image: url(../images/img-thumb-noimage.jpg);
    background-position: center center;
    background-repeat: no-repeat
}

.cp_list-item_thumb img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.cp_list-item_content {
    width: calc(100% - 174px)
}

.cp_list-item_link {
    text-decoration: none;
    transition: all .25s ease-out
}

.cp_list-item_link:active,
.cp_list-item_link:hover {
    text-decoration: none;
    outline: 0
}

.cp_list-item_link:active .cp_list-item_title,
.cp_list-item_link:hover .cp_list-item_title {
    color: #327d3a
}

.cp_list-item_link .cp_list-item_title {
    color: #253b84;
    transition: all .25s ease-out
}

.cp_list-item_title {
    font-size: 20px;
    line-height: 1.5em;
    margin-bottom: 8px!important
}

.cp_list-item_meta {
    font-size: 14px;
    margin-bottom: 0
}

.cp_grid-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cp_grid-item {
    width: 100%;
    padding: 16px 12px
}

.cp_grid-item_thumb {
    margin-bottom: 16px
}

.cp_grid-item_thumb img {
    width: 100%
}

.cp_grid-item_title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    max-height: 80px;
    overflow: hidden
}

.cp_grid-item_text p {
    padding-right: 5px;
    margin-bottom: 10px;
    max-height: 40px;
    overflow: hidden
}

.cp_grid-item_text a {
    display: inline-block
}

.download {
    font-family: lato_regular, "Segoe UI", arial, sans-serif
}

.download_title {
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e1e1e1
}

.download_lists {
    margin: 0 -8px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.download_list {
    width: 100%;
    padding: 8px
}

.download_link {
    border: 2px solid rgba(0, 0, 0, .15);
    padding: 24px 16px;
    padding-left: 40px;
    display: block;
    color: #000;
    text-decoration: none;
    position: relative;
    transition: all .25s ease-out
}

.download_link:before {
    content: '\e664';
    font-family: themify;
    color: #000;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 26px;
    left: 5px;
    transition: all .25s ease-out
}

.download_link:active,
.download_link:focus,
.download_link:hover {
    text-decoration: none;
    border-color: #327d3a;
    color: #000
}

.download_link:active:before,
.download_link:focus:before,
.download_link:hover:before {
    color: #364a96
}

.download_name {
    font-size: 20px;
    line-height: 32px;
    font-family: lato_regular, "Segoe UI", arial, sans-serif;
    font-weight: 700;
    margin-bottom: 0
}

.download_date,
.download_text {
    color: #666;
    font-size: 13px
}

.fasum {
    background-color: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 60px
}

.fasum_title {
    color: #000;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 8px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

.fasum_subtitle {
    font-family: raleway_regular, "Segoe UI", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 56px;
    text-align: center
}

.fasum_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top
}

.fasum_list {
    width: 100%;
    padding: 20px
}

.fasum_content {
    padding-left: 48px;
    position: relative
}

.fasum_content:before {
    content: '';
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 32px;
    background-position: left top;
    background-size: 32px 32px;
    background-repeat: no-repeat;
    text-align: center
}

.fasum_content.logistic:before {
    background-image: url(../images/icon-logistic-green.png)
}

.fasum_content.custom-office:before {
    background-image: url(../images/icon-office-green.png)
}

.fasum_content.office:before {
    background-image: url(../images/icon-office-rental-green.png)
}

.fasum_content.hotels:before {
    background-image: url(../images/icon-hotel-green.png)
}

.fasum_content.banks:before {
    background-image: url(../images/icon-bank-green.png)
}

.fasum_content.restaurant:before {
    background-image: url(../images/icon-food-green.png)
}

.fasum_content.brigade:before {
    background-image: url(../images/icon-fire-service-green.png)
}

.fasum_content.house:before {
    background-image: url(../images/icon-house-green.png)
}

.fasum_content.worship:before {
    background-image: url(../images/icon-religion-green.png)
}

.fasum_name {
    color: #00361e;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0
}

.fasum_desc {
    margin-bottom: 0
}

.fglobal {
    background-color: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 60px
}

.fglobal_title {
    color: #000;
    font-family: lato_bold, "Segoe UI", arial, sans-serif;
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 8px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

.fglobal_subtitle {
    font-family: raleway_regular, "Segoe UI", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 56px;
    text-align: center
}

.fglobal_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top
}

.fglobal_list {
    width: 100%;
    padding: 20px
}

.fglobal_name {
    color: #253b84;
    font-family: lato_bold, "Segoe UI", arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 0;
    transition: all .25s ease-out
}

.fglobal_desc {
    margin-bottom: 0;
    overflow: hidden
}

.findonesia {
    background: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
    text-align: center
}

.findonesia_title {
    font-size: 35px;
    line-height: 42px;
    margin-top: 0;
    margin-bottom: 8px;
    color: #000
}

.findonesia_desc {
    font-family: raleway_regular, "Segoe UI", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 16px
}

.findonesia_link {
    margin-top: 24px;
    margin-bottom: 24px
}

.fproduct {
    background-color: #fff;
    padding-top: 60px;
    padding-bottom: 60px
}

.fproduct_title {
    color: #000;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 8px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

.fproduct_subtitle {
    font-family: raleway_regular, "Segoe UI", arial, sans-serif;
    font-size: 16px;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 56px;
    text-align: center
}

.fproduct_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top
}

.fproduct_list {
    width: 100%;
    padding: 30px 20px
}

.fproduct_link {
    text-decoration: none;
    transition: all .25s ease-out
}

.fproduct_link:active,
.fproduct_link:hover {
    color: #327d3a;
    text-decoration: none
}

.fproduct_link:active .fproduct_name,
.fproduct_link:hover .fproduct_name {
    color: #327d3a
}

.fproduct_icon img {
    display: block;
    max-width: 100%;
    height: 64px;
    margin: 0 auto 30px
}

.fproduct_name {
    color: #00361e;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    transition: all .25s ease-out
}

.ltenant {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #fff
}

.ltenant_box {
    background-color: #f5f5f5;
    padding: 24px;
    text-align: center
}

.ltenant_content {
    width: 100%
}

.ltenant_action {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px
}

.ltenant_title {
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    font-size: 35px;
    line-height: 48px;
    margin-bottom: 8px;
    color: #000
}

.ltenant_subtitle {
    font-size: 16px;
    font-family: raleway_regular, "Segoe UI", arial, sans-serif;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 0
}

.fcount {
    padding: 60px 0;
    background-image: url(../images/bg-fcount.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto;
    background-color: #253b84;
    color: #fff
}

.fcount_lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fcount_list {
    width: 50%;
    padding: 20px;
    text-align: center
}

.fcount_icon {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 64px 64px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    width: 80px
}

.fcount_icon.size {
    background-image: url(../images/icon-placeholder-white.png)
}

.fcount_icon.develop {
    background-image: url(../images/icon-crane-white.png)
}

.fcount_icon.tenant {
    background-image: url(../images/icon-portfolio-white.png)
}

.fcount_icon.employee {
    background-image: url(../images/icon-helmet-white.png)
}

.fcount_num {
    font-family: lato_bold, "Segoe UI", arial, sans-serif;
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 16px
}

.fcount_text {
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    padding-top: 16px;
    text-transform: uppercase;
    position: relative
}

.fcount_text:before {
    background: #fff;
    content: '';
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 40px
}

.fgallery_wrapper {
    position: relative
}

.fgallery_lists {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.fgallery_lists li {
    overflow: hidden;
    width: 100%
}

.fgallery_lists img {
    width: 100%;
    height: auto;
    display: block
}

.fgallery_link {
    position: relative;
    border: 0;
    outline: 0;
    display: block
}

.fgallery_link:before {
    width: 100%;
    content: '';
    opacity: 0;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    transition: all .25s ease-out
}

.fgallery_link:after {
    content: '\e611';
    font-family: themify;
    position: absolute;
    z-index: 2;
    color: #fff;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    opacity: .7;
    font-size: 35px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    text-align: center;
    transition: all .25s ease-out
}

.fgallery_link:active:before,
.fgallery_link:hover:before {
    opacity: 1
}

.fgallery_link:active:after,
.fgallery_link:hover:after {
    opacity: 1;
    margin-top: -25px
}

.fgallery_link:focus {
    outline: 0
}

.fgallery_content {
    position: absolute;
    width: 100%;
    padding: 10px 15px;
    color: #fff;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .15);
    z-index: 10
}

.fgallery_name {
    font-size: 16px;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif
}

.fgallery_cat {
    font-size: 12px
}

.fvideo_wrapper {
    background-image: url(../images/img-video.jpg);
    background-size: cover;
    background-position: center center;
    min-height: 430px;
    position: relative;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.fvideo_wrapper:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-position: left top;
    background-image: url(../images/grid.png)
}

.fvideo_link {
    color: #fff;
    text-decoration: none;
    display: block
}

.fvideo_link:active,
.fvideo_link:focus,
.fvideo_link:hover {
    text-decoration: none;
    outline: 0
}

.fvideo_link:active .fvideo_icon,
.fvideo_link:active .fvideo_title,
.fvideo_link:focus .fvideo_icon,
.fvideo_link:focus .fvideo_title,
.fvideo_link:hover .fvideo_icon,
.fvideo_link:hover .fvideo_title {
    color: #fff
}

.fvideo_title {
    text-align: center;
    font-size: 35px;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 42px
}

.fvideo_icon {
    width: 90px;
    height: 90px;
    margin: 0 auto 24px;
    border: 5px solid #fff;
    border-radius: 50%
}

.fvideo_icon span {
    color: #fff;
    font-size: 50px;
    display: block;
    width: 90px;
    height: 90px;
    text-align: center;
    line-height: 80px
}

.main {
    padding-top: 60px;
    padding-bottom: 30px;
    background-color: #fff
}

.main_content {
    width: 100%;
    margin-bottom: 32px;
    font-family: lato_regular, "Segoe UI", arial, sans-serif
}

.main_content h2,
.main_content h3,
.main_content h4,
.main_content h5 {
    color: #000;
    margin-bottom: 16px
}

.main_content h3 {
    margin-bottom: 32px
}

.main_content h5 {
    margin-bottom: 8px
}

.main_content p {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 24px;
    font-family: lato_regular, "Segoe UI", arial, sans-serif
}

.main_content ul {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    margin-bottom: 16px
}

.main_content li {
    padding: 6px 0;
    font-size: 15px
}

.main_content table {
    margin-top: 16px;
    margin-bottom: 24px;
    font-size: 15px;
    line-height: 24px
}

.main_content .col {
    padding: 16px 24px 16px 16px
}

.main_content .small {
    font-size: 12px;
    color: #666
}

.main_aside {
    width: 100%;
    margin-bottom: 32px
}

.main_navtitle {
    color: #000;
    margin-bottom: 8px
}

.main_navlists {
    padding: 0;
    margin: 0;
    margin-bottom: 24px;
    list-style: none;
    border: 2px solid #00361e;
    padding: 16px;
    font-family: lato_bold, "Segoe UI", arial, sans-serif
}

.main_navlists li {
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.main_navlists li:last-child {
    border-bottom: 0
}

.main_navlists li.active>.main_navlink {
    color: #00361e
}

.main_navlists--alt {
    border: 2px solid #327d3a
}

.main_navlist {
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00361e
}

.main_navlink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    font-family: lato_bold, "Segoe UI", arial, sans-serif;
    transition: all .25s ease-out;
    font-size: 15px;
    line-height: 24px
}

.main_navlink:active,
.main_navlink:focus,
.main_navlink:hover {
    text-decoration: none;
    color: #00361e
}

.main_navnum {
    font-family: lato_regular, "Segoe UI", arial, sans-serif;
    width: 26px;
    font-weight: 700;
    color: #00361e;
    height: 26px;
    line-height: 24px;
    font-size: 13px;
    text-align: center;
    border: 2px solid #327d3a;
    border-radius: 13px;
    margin-right: 8px;
    float: left
}

.main_navtext {
    float: left;
    width: calc(100% - 40px)
}

.main_navicon {
    font-size: 12px;
    line-height: 24px;
    margin-right: 8px
}

.mplan_maps {
    margin-bottom: 32px
}

.mplan_text {
    font-size: 18px;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 16px
}

.mplan_colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mplan_color {
    width: 100%;
    padding: 8px;
    padding-left: 34px;
    position: relative;
    line-height: 26px;
    color: #000;
    font-size: 15px
}

.mplan_color:before {
    content: '';
    width: 26px;
    height: 26px;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
    background: #f5f5f5
}

.mplan_color.pink:before {
    background: #ffbdff
}

.mplan_color.red:before {
    background: red
}

.mplan_color.yellow:before {
    background: #ff0
}

.mplan_color.green:before {
    background: #70ff70
}

.mplan_color.orange:before {
    background: #ff962e
}

.cp_pagination {
    text-align: center;
    margin-top: 80px;
    margin-bottom: 60px
}

.cp_pagination:after {
    display: block;
    content: '';
    clear: both
}

.cp_pagination ul {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right
}

.cp_pagination ul:after {
    display: block;
    clear: both;
    content: ''
}

.cp_pagination li {
    float: left;
    list-style: none
}

.cp_pagination_link {
    color: #00361e;
    line-height: 26px;
    font-size: 13px;
    margin-left: 5px;
    margin-right: 5px;
    display: block;
    font-weight: 700
}

.cp_pagination_link.active:hover,
.cp_pagination_link:hover {
    color: #327d3a
}

.cp_pagination_link.active,
.cp_pagination_link:active,
.cp_pagination_link:focus {
    color: #000
}

.cp_pagination_link.active .cp_pagination_span,
.cp_pagination_link:active .cp_pagination_span {
    text-decoration: none;
    background: #327d3a;
    color: #fff;
    border: 2px solid #327d3a
}

.cp_pagination_link.active:hover .cp_pagination_span,
.cp_pagination_link.active:hover span,
.cp_pagination_link:hover .cp_pagination_span,
.cp_pagination_link:hover span {
    border: 2px solid #327d3a;
    background: 0 0;
    color: #00361e
}

.cp_pagination .cp_pagination_span {
    width: 26px;
    padding: 0;
    text-decoration: none
}

.cp_pagination .cp_pagination_span.icon {
    font-size: 12px;
    padding: 0
}

.cp_pagination .cp_pagination_span.icon:before {
    position: relative;
    top: 1px
}

.cp_pagination span {
    font-weight: 700;
    color: #00361e;
    height: 26px;
    line-height: 22px;
    font-size: 13px;
    text-align: center;
    border: 2px solid transparent;
    border-radius: 4px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    transition: all .25s ease-out
}

.single {
    padding-bottom: 30px
}

.single_title {
    font-size: 24px;
    line-height: 1.5em;
    margin-bottom: 8px;
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    margin-bottom: 30px;
    color: #000
}

.single_meta {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 16px
}

.single_image {
    margin-bottom: 32px;
    text-align: center
}

.single_image img {
    display: inline-block;
    max-width: 100%
}

.single_content {
    padding-left: 40px;
    padding-right: 40px;
    text-align: left;
    font-size: 16px
}

.single_content img {
    max-width: 100%;
    display: block;
    margin: 0 auto 15px
}

.single_content h2,
.single_content h3,
.single_content h4,
.single_content h5 {
    color: #000
}

.single_content p {
    font-size: 16px;
    line-height: 1.5
}

.single_content ol,
.single_content ul {
    margin: 0;
    padding-left: 40px;
    margin-bottom: 30px;
    text-align: left
}

.single_footer {
    text-align: center;
    padding-top: 60px
}

.slider_wrapper {
    background: #327d3a
}

.slider .tp-loader.spinner2 {
    background: rgba(255, 255, 255, .5)
}

.slider_title {
    color: #fff;
    font-size: 24px;
    font-family: raleway_bold, "Segoe UI", arial, sans-serif;
    text-transform: uppercase;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .5);
    line-height: 32px
}

.slider_subtitle {
    font-size: 16px;
    color: #fff;
    font-family: raleway_light, "Segoe UI", arial, sans-serif;
    line-height: 24px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .2)
}

.slider .tp-bullets {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-left: -40px
}

.table-responsive {
    margin-bottom: 32px
}

.table-responsive .dataTables_filter,
.table-responsive .dataTables_length {
    margin-bottom: 32px
}

.table-responsive .dataTables_info,
.table-responsive .dataTables_paginate {
    margin-top: 32px!important
}

table.dataTable thead {
    text-transform: uppercase;
    color: #000
}

table.dataTable tr.group td {
    background: #f5f5f5;
    color: #000
}

.table-bordered>thead>tr>th {
    vertical-align: middle;
    text-align: center
}

.table-number tbody tr td {
    text-align: right
}

.table-number tbody tr th {
    text-align: center
}

@font-face {
    font-family: raleway_light;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/raleway-light-webfont.woff) format("woff"), url(../fonts/raleway-light-webfont.woff2) format("woff2")
}

@font-face {
    font-family: raleway_regular;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/raleway-regular-webfont.woff) format("woff"), url(../fonts/raleway-regular-webfont.woff2) format("woff2")
}

@font-face {
    font-family: raleway_bold;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/raleway-bold-webfont.woff) format("woff"), url(../fonts/raleway-bold-webfont.woff2) format("woff2")
}

@font-face {
    font-family: raleway_extrabold;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/raleway-extrabold-webfont.woff) format("woff"), url(../fonts/raleway-extrabold-webfont.woff2) format("woff2")
}

@font-face {
    font-family: lato_bold;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/lato-bold-webfont.woff) format("woff"), url(../fonts/lato-bold-webfont.woff2) format("woff2")
}

@font-face {
    font-family: lato_regular;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/lato_regular-webfont.woff) format("woff"), url(../fonts/lato_regular-webfont.woff2) format("woff2")
}

@media (min-width:480px) {
    .header_navlists {
        width: 300px
    }
    .footer_addrlist {
        display: inline-block;
        margin-left: 12px;
        margin-right: 12px;
        text-align: left;
        vertical-align: top
    }
    .footer_navlist {
        width: 50%
    }
    .cmaps_list {
        width: 50%;
        padding: 16px
    }
    .download_list {
        width: 50%
    }
    .fgallery_lists li {
        width: 50%
    }
}

@media (min-width:768px) {
    .button--default,
    .button--secondary {
        width: auto;
        display: inline-block
    }
    .header_container {
        padding-left: 15px;
        padding-right: 15px
    }
    .c-centered {
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 100vh
    }
    .cmaps_wrapper {
        padding-bottom: 50%
    }
    .cmaps_wrapper--location {
        padding-bottom: 75%
    }
    .cp_column_content {
        padding: 30px 120px
    }
    .error_logo {
        padding-bottom: 6em
    }
    .error_title {
        font-size: 15rem
    }
    .error_desc {
        margin-bottom: 10em
    }
    .cp_grid-item {
        width: 50%
    }
    .download_list {
        width: 33.3%
    }
    .fasum_list {
        width: 50%
    }
    .fglobal_list {
        width: 50%
    }
    .findonesia {
        text-align: left
    }
    .findonesia_link {
        float: right
    }
    .fproduct_list {
        width: 50%
    }
    .ltenant_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .ltenant_content {
        width: 50%
    }
    .ltenant_action {
        width: 50%;
        text-align: right
    }
    .fgallery_link:after {
        margin-top: -15px;
        opacity: 0
    }
    .mplan_color {
        width: 50%
    }
    .slider_title {
        font-size: 35px;
        line-height: 35px
    }
    .slider_subtitle {
        font-size: 20px;
        line-height: 20px
    }
}

@media (min-width:992px) {
    .header_logo img {
        height: 70px;
        padding-left: 0
    }
    .header_navlists {
        box-shadow: none;
        position: static;
        padding-top: 37px;
        margin-top: 0;
        height: auto;
        width: auto;
        background: 0 0;
        overflow: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .header_navlists>li {
        float: left
    }
    .header_navlists a {
        padding: 0 10px 37px
    }
    .header_subnav {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        position: absolute;
        top: 100%;
        width: 250px
    }
    .header_subnav a {
        padding: 10px 10px;
        background: #fffff2
    }
    .header_langcurrent {
        padding: 37px 40px 37px 24px
    }
    .header_langcurrent:before {
        top: 37px
    }
    .header_langlist a {
        padding: 10px 32px
    }
    .footer_bottom {
        text-align: left
    }
    .footer_logo {
        float: left;
        width: 160px;
        padding-right: 24px;
        margin-right: 24px;
        border-right: 1px solid rgba(0, 0, 0, .2)
    }
    .footer_metatext {
        float: left;
        text-align: left;
        width: calc(100% - 160px)
    }
    .footer_address {
        float: left;
        width: calc(100% - 185px);
        margin-bottom: 0
    }
    .footer_addrlist {
        float: left;
        margin: 0;
        padding-right: 12px;
        width: 40%
    }
    .footer_addrlist:first-child {
        width: 60%
    }
    .footer_addrtext.col-2 {
        float: left;
        width: 50%
    }
    .footer_navtitle {
        text-align: left
    }
    .footer_navlist {
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
    .footer_navbottom {
        text-align: right
    }
    .footer_navbottom li:last-child {
        padding-right: 0
    }
    .banner_title {
        font-size: 35px;
        line-height: 42px
    }
    .cform_form {
        padding: 32px 48px
    }
    .cmaps_wrapper {
        padding-bottom: 25%
    }
    .cmaps_wrapper--location {
        padding-bottom: 75%
    }
    .cmaps_addrlists {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .cmaps_addrlist {
        width: 50%;
        margin-bottom: 0
    }
    .cp_columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .cp_column {
        width: 50%
    }
    .cp_column_content {
        text-align: left;
        padding: 30px
    }
    .cp_column_content:before {
        width: 30px;
        height: 30px;
        background: #fff;
        border-radius: 4px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: '';
        position: absolute;
        left: -10px;
        top: 50%;
        margin-top: -15px
    }
    .cp_column_title {
        font-size: 20px;
        margin-bottom: 16px
    }
    .cp_grid-item {
        width: 33%
    }
    .download_list {
        width: 25%
    }
    .fasum_title {
        font-size: 30px;
        line-height: 40px
    }
    .fasum_list {
        width: 33.334%
    }
    .fglobal_title {
        font-size: 30px;
        line-height: 40px
    }
    .fglobal_list {
        width: 33.334%
    }
    .findonesia_title {
        font-size: 30px;
        line-height: 40px
    }
    .fproduct_title {
        font-size: 30px;
        line-height: 40px
    }
    .fproduct_list {
        width: 33.334%
    }
    .ltenant_title {
        font-size: 30px;
        line-height: 40px
    }
    .fcount_list {
        width: 25%
    }
    .fgallery_lists li {
        width: 25%
    }
    .fvideo_title {
        font-size: 30px;
        line-height: 40px
    }
    .main_content {
        width: 75%;
        float: left;
        padding-right: 40px
    }
    .main_aside {
        float: right;
        width: 25%
    }
    .slider_title {
        font-size: 35px;
        line-height: 42px
    }
}

@media (min-width:1200px) {
    .footer_addrtext.col-2 {
        float: left;
        width: 42%
    }
    .footer_navlist {
        width: 80%
    }
    .cp_column_content {
        padding: 30px 60px;
        padding-right: 25%
    }
    .cp_column_title {
        font-size: 24px;
        line-height: 1.4em
    }
    .fasum_title {
        font-size: 35px;
        line-height: 42px
    }
    .fglobal_title {
        font-size: 35px;
        line-height: 42px
    }
    .findonesia_title {
        font-size: 35px;
        line-height: 42px
    }
    .fproduct_title {
        font-size: 35px;
        line-height: 42px
    }
    .ltenant_title {
        font-size: 35px;
        line-height: 42px
    }
    .fvideo_title {
        font-size: 35px;
        line-height: 42px
    }
    .mplan_color {
        width: 33%
    }
}

@-webkit-keyframes drop {
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        top: 3.78em;
        -webkit-transform: rotateX(-360deg);
        transform: rotateX(-360deg)
    }
    80% {
        opacity: 1;
        top: 3.78em;
        -webkit-transform: rotateX(-360deg);
        transform: rotateX(-360deg)
    }
    90% {
        opacity: .5
    }
    100% {
        opacity: 0;
        top: 6.94em
    }
}

@keyframes drop {
    10% {
        opacity: .5
    }
    20% {
        opacity: 1;
        top: 3.78em;
        -webkit-transform: rotateX(-360deg);
        transform: rotateX(-360deg)
    }
    80% {
        opacity: 1;
        top: 3.78em;
        -webkit-transform: rotateX(-360deg);
        transform: rotateX(-360deg)
    }
    90% {
        opacity: .5
    }
    100% {
        opacity: 0;
        top: 6.94em
    }
}