@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300'); */

.main-icon { background-image: url(../images/icon-set.png); background-repeat: no-repeat; display: inline-block; background-size: 238px; vertical-align: middle; }
.map-marker-icon { width: 16px; height: 16px; }
.phone-icon { width: 16px; height: 16px; background-position: -16px 0; }
.fax-icon { width: 16px; height: 16px; background-position: -32px 0; }
.mail-icon { width: 16px; height: 16px; background-position: -48px 0; }

.content-title { padding-top: 40px; text-align: center; color: #0c0c0c; font-size: 38px; font-family: 'Open Sans', sans-serif; }
.content-text { padding-bottom: 40px; text-align: center; color: #828282; font-size: 14px; }

@media screen and (min-width: 3840px) {
    .content-title { padding-top: 100px; font-size: 74px; }
    .content-text { padding-bottom: 100px; font-size: 28px; }
}

@media screen and (max-width: 959px) {
    .content-title { font-size: 30px; }
}

@media screen and (max-width: 640px) {
    .content-title { font-size: 24px; padding-top: 25px; }
    .content-text { font-size: 12px; padding-bottom: 25px; }
}

.banner-layout { height: 480px; position: relative; }
.particles { position: absolute; top: 0; width: 100%; height: 100%; }
#banner-layout { background: url(../images/city-banner.jpg) no-repeat center; background-size: cover; }
.banner-content { width: 100%; max-width: 1190px; margin: 0 auto; padding: 0 5%; position: relative; }
#banner-layout .banner-text-wrap { padding-top: 109px; text-align: center; }
.banner-title { font-size: 38px; color: #fff; font-weight: 500; }

@media screen and (max-width: 1023px) {
    #banner-layout .banner-text-wrap { padding-top: 85px; }
    .banner-layout { height: 398px; }
}

@media screen and (max-width: 765px) {
    .particles { display: none; }
    canvas { display: none; }
    .banner-layout { height: 369px; }
    .banner-title { font-size: 24px; }
}

.business { padding-bottom: 50px; }
.info-tab { text-align: center; margin-bottom: 10px; }
.info-tab li { font-size: 20px; display: inline-block; cursor: pointer; color: #000; border-bottom: 4px solid #e6eaf1; width: 118px; margin: 0 5px; padding-bottom: 5px; }
.info-tab li.selected-location { color: #258edb; border-bottom: 4px solid #258edb; }
.map-wrap { max-height: 435px; overflow: hidden; min-height: 423px; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; min-height: 423px; overflow: hidden; max-width: 100%; }
.embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 435px; min-height: 423px; }
.info-left { float: left; width: 50%; border-right: 1px solid #e5e5e5; padding: 45px 0; }
.info-right { float: right; width: 50%; padding: 45px 0 45px 40px; }
.info-content-fl { float: left; width: 50%; }
.info-title { font-size: 35px; color: #14151a; }
.info-content { font-size: 17px; padding-top: 25px; }
.info .main-icon { margin-right: 5px; }
.info-content-title { color: #0080c1; font-weight: 600; }

@media screen and (max-width: 959px) {
    .info-title { font-size: 27px; }
}

@media screen and (max-width: 640px) {
    .info .content_pd { padding-left: 0; padding-right: 0; }
    .info-left { float: inherit; width: 100%; border-right: none; border-bottom: 1px solid #e5e5e5; padding: 15px 30px; }
    .info-right { float: inherit; padding: 15px 30px 25px; width: 100%; }
    .info-content-fl { float: inherit; width: 100%; }
    .info-title { font-size: 17px; }
    .info-content { font-size: 13px; padding-top: 10px; }
    .info-right .info-content-title { display: inline-block; width: 70px; }
    .info-right .info-content-text { display: inline-block; }
    .info-tab li { font-size: 17px; }
}

div.section-about-us { display: flex; }
div.section-about-us div.left { flex: 0.3; padding: 1.5em; }
div.section-about-us div.left p { font-size: 30pt; color: #5A9BD5; }
div.section-about-us div.right { flex: 0.7; padding: 1.5em; height: 100%; }
div.section-about-us div.right p.header { font-size: 20pt; font-weight: bold; color: #5A9BD5; line-height: 200%; }
div.section-about-us div.right p.content { font-size: 20pt; color: #8E8E8E; line-height: 150%; }
div.section-business { display: flex; }
div.section-business p { font-size: 20pt; color: #8E8E8E; line-height: 150%; }
div#map { width: auto; height: 450px; }

@media screen and (max-width: 765px) {
    div.section-about-us div.left { flex: 0.3; padding: 1.0em; }
    div.section-about-us div.left p { font-size: 20pt; }
    div.section-about-us div.right { flex: 0.7; padding: 1.0em; }
    div.section-about-us div.right p.header { font-size: 16pt; }
    div.section-about-us div.right p.content { font-size: 16pt; }
    div.section-business p { font-size: 16pt; }
}

@media screen and (max-width: 640px) {
    div.section-about-us div.left { flex: 0.3; padding: 0.5em; }
    div.section-about-us div.left p { font-size: 18pt; }
    div.section-about-us div.right { flex: 0.7; padding: 0.5em; }
    div.section-about-us div.right p.header { font-size: 14pt; }
    div.section-about-us div.right p.content { font-size: 14pt; }
    div.section-business p { font-size: 14pt; }
}