.top-graphic .cover {
    position: relative;
    height: 720px;
}

.top-graphic .cover img {
    object-fit: cover;
    width: 100%;
}

.top-graphic .content {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
}

.top-graphic .content .inner {
    width: 340px;
    margin-bottom: 60px;
}

.top-graphic .content .title {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 20px;
    margin-bottom: 20px;
    line-height: 1em;
    position: relative;
}

.top-graphic .content .title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 6px;
    background-color: #00BCDC;
}

.top-graphic .content .title strong {
    display: block;
    font-size: 2em;
    line-height: 1em;
}

.top-graphic .content .desc {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    line-height: 1.2em;
    max-height: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.top-graphic .content .action {
    display: flex;
    margin-top: 35px;
}

.top-graphic .slick-dots {
    bottom: 30px;
    display: flex !important;
    justify-content: center;
}




.wg-product-block {
    padding: 80px 0 0 0;
}

.wg-product-block .content {
    padding: 60px 80px 0 0;
}

.wg-product-block .content .title {
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 25px;
}

.wg-product-block .content .title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 6px;
    background-color: #00BCDC;
}

.wg-product-block .content .desc {
    font-size: 24px;
    color: #fff;
    line-height: 1em;
}

.wg-product-block .content .action {
    margin-top: 150px;
}

.wg-product-block .list {
    width: 750px;
}

.wg-product-block .list .item-list {
    padding: 0.5px;
}

.wg-product-block .list .item-list li {
    float: right;
    margin: -0.5px;
}

.wg-product-block .list .link {
    display: block;
    width: 250px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #1C0084;
    position: relative;
}

.wg-product-block .list .link:before {
    content: '';
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 0;
    height: 5px;
    background-color: #1C0084;
    transition: all 400ms ease;
    transition-delay: 200ms;
}

.wg-product-block .list .cover {
    padding-top: 100%;
    transition: all 400ms ease;
    transition-delay: 200ms;
}

.wg-product-block .list .title {
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    color: #999;
    position: absolute;
    left: 0;
    bottom: 16px;
    padding: 0 20px;
    line-height: 0.9em;
    max-height: 1.8em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all 200ms ease;
}

.wg-product-block .list .link:hover:before {
    width: 100%;
}

.wg-product-block .list .link:hover .cover {
    transform: scale(1.08);
}

.wg-product-block .list .link:hover .title {
    color: #1C0084;
}

.wg-product-block .wrapper:nth-child(1) {
    background: url('../img/background/wg-product-1.jpg') center;
    background-size: cover;
}

.wg-product-block .wrapper:nth-child(2) {
    background: url('../img/background/wg-product-2.jpg') center;
    background-size: cover;
}

.wg-product-block .wrapper:nth-child(2) .row .col-sm {
    order: 2;
}

.wg-product-block .wrapper:nth-child(2) .row .col-sm-auto {
    order: 1;
}

.wg-product-block .wrapper:nth-child(2) .content {
    padding: 60px 0 0 80px;
    text-align: right;
}

.wg-product-block .wrapper:nth-child(2) .content .title:before {
    left: auto;
    right: 0;
}

.wg-product-block .wrapper:nth-child(2) .list .item-list li {
    float: left;
}

/*.wg-product-block .wrapper:nth-child(2) .list .item-list li:first-child {
    margin-right: calc(250px * 2);
}*/

/*.wg-product-block .wrapper:nth-child(2) .list .item-list li:nth-child(5) {
    display: none;
}*/

.wg-product-block .wrapper:nth-child(2) .list .link {
    border: 1px solid #0092CE;
}

.wg-product-block .wrapper:nth-child(2) .list .link:before {
    background-color: #0092CE;
}

.wg-product-block .wrapper:nth-child(2) .list .link:hover .title {
    color: #0092CE;
}




.wg-blog-block {
    padding: 100px 0;
}

.wg-blog-block>.header .btn {
    margin-top: 5px;
}

.wg-blog-block .body{
    position: relative;
}

.wg-blog-block .pic {
    margin-top: -20px;
    width: 680px;
    position: absolute;
}

.wg-blog-list {
    width: calc(100vw - 680px);
}

.wg-blog-list .link {
    display: block;
    width: 540px;
}

.wg-blog-list .link .thumb{
    overflow: hidden;
}

.wg-blog-list .link .thumb .cover{
    transition: all 400ms ease;
    transition-delay: 200ms;
    transform: scale(1);
}

.wg-blog-list .link .thumb:hover .cover{
    transform: scale(1.06);
}

.wg-blog-list .slick-list {
    margin: 0 -20px;
}

.wg-blog-list .slick-list .item {
    padding: 0 20px;
}

.wg-blog-list .cover{
    padding-top: 66.7%;
}

.wg-blog-list .inner{
    min-height: 150px;
    position: relative;
    margin-top: 60px;
}

.wg-blog-list .inner:before{
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    width: 80px;
    height: 6px;
    background-color: #00BCDC;
}

.wg-blog-list .title{
    margin: 0;
    color: #093B92;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
    max-height: 2em;
    /*height: 2em;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: all 200ms ease;
    transition-delay: 100ms;
}

.wg-blog-list .title:hover{
    color: #00BCDC;
}

.wg-blog-list .desc{
    margin: 15px 0 0 0;
    color: #666;
    font-size: 24px;
    line-height: 1em;
    max-height: 3em;
    /*height: 3em;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.wg-blog-list .date{
    margin-top: 15px;
    color: #00BCDC;
    font-size: 24px;
}

.wg-blog-list .slick-arrow{
    width: 100px;
    height: 100px;
    border-radius: 0;
    border: 1px solid #D2D2D2;
    background-color: #fff;
    color: #00BCDC;
    font-size: 40px;
    bottom: auto;
    transition: all 200ms ease;
}
.wg-blog-list .slick-arrow:hover{
    color: #fff;
    background-color: #00BCDC;
    border-color: transparent;
}
.wg-blog-list .slick-arrow span{
    line-height: 98px;
}
.wg-blog-list .slick-prev{
    margin: 0;
    top: 0;
    left: -360px;
}
.wg-blog-list .slick-next{
    margin: 0;
    top: 0;
    left: -261px;
}




.wg-about-block{}
.wg-about-block .whead{margin-bottom: -70px; position: relative; z-index: 10;}
.wg-about-block .cover{height: 740px; margin-top: 140px; background-color: #ddd;}
.wg-about-block .caption{position: absolute; z-index: 10; height: 260px; left: 0; right: 140px; bottom: 140px; background-color: #0F32A3; display: flex; align-items: center;}
.wg-about-block .caption .title{padding-left: calc((100vw - 1280px) / 2); padding-right: 80px; font-size: 44px; line-height: 0.9em; text-transform: uppercase; color: #fff; font-weight: 500; font-weight: bold;}
.wg-about-block .content{height: calc(740px + 140px); background: url('../img/background/wg-about-bg.jpg') center; position: relative;}
.wg-about-block .content .body{padding-top: 120px; padding-left: 120px; padding-right: calc((100vw - 1280px) / 2);}
.wg-about-block .content .body .title{color: #fff; line-height: 0.9em; text-transform: uppercase; font-size: 48px; font-weight: bold; position: relative;
    padding-bottom: 36px;
    margin-bottom: 30px;
}
.wg-about-block .content .body .title:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 6px;
    background-color: #00BCDC;
}
.wg-about-block .content .body .desc{margin: 0; color: #fff; font-size: 24px;}
.wg-about-block .content .body .action{position: absolute; bottom: 260px; left: 120px; display: flex;}
.wg-about-block .content .footer{padding-left: 60px; padding-right: calc((100vw - 1280px) / 2); position: absolute; z-index: 10; bottom: 0; left: -140px; right: 0; height: 140px; background-color: #fff; display: flex; align-items: center;}
.wg-about-block .content .footer .row{width: 100%;}
.wg-about-block .content .footer .desc{margin: 0; font-size: 30px; color: #999999;}
.wg-about-block .content .footer .btn{float: left;}




.wg-contact-block{padding: 100px 0;}
.wg-contact-list .icon{width: 40px;}
.wg-contact-list .icon img{width: 100%;}
.wg-contact-list .title{color: #093B92; margin: 0 0 10px 0; line-height: 1em; padding: 4px 0; font-size: 32px; font-weight: bold; text-transform: uppercase;}
.wg-contact-list .desc{color: #666; font-size: 24px; margin: 0;}
.wg-contact-list .link{color: #666; font-size: 24px;}




.wg-map{height: 700px; position: relative;}
.wg-map iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}





.product-side {
    width: 400px;
    margin: 0 auto;
}

.product-side .accordion .card .btn-link{
    height: 80px;
}

.product-side .btn-filter {
    display: none;
    width: 100%;
    border: 1px solid #ec2225;
    background-color: #fff;
    color: #ec2225;
    height: 50px;
    line-height: 48px;
    position: relative;
    padding: 0 20px;
    text-align: left;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.product-side .btn-filter:before {
    content: '+';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
}

.product-side .btn-filter.close:before {
    content: '-';
}

.product-side .nav-list {}

.product-side .nav-list>li {
    width: 100%;
}

.product-side .nav-list>li+li {
    margin-top: 2px;
}

.product-side .nav-list>li>.link {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    height: 60px;
    line-height: 60px;
    color: #999;
    display: block;
    padding: 0 30px;
    text-transform: initial;
}
.product-side .nav-list>li>.link:after{
    font-family: feather;
    content: '\e844';
    font-size: 18px;
    position: absolute;
    top: 0px;
    right: 18px;
}

.product-side .nav-list>li>.link:hover,
.product-side .nav-list>li.active>.link {
    color: #fff;
    background-color: #ec2225;
}

.product-side{
    border: 1px solid #EEEEEE;
}
.product-side .accordion .card .btn-link:focus {
    outline: -webkit-focus-ring-color auto 0px;
}

.product-side .accordion .card + .card{border-top: 1px solid #eee;}
.product-side .accordion .card .btn-link{
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    display: block;
    height: 80px;
    padding: 0 30px;
    text-transform: uppercase;
    min-width: inherit;
    line-height: 1em;
    border: none;
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.product-side .accordion .card .btn-link{
    color: #fff;
    background-color: #0F32A3;
}

.product-side .accordion .card .btn-link.collapsed {
    color: #0F32A3;
    background-color: #fff;
}

.product-side .accordion .card .btn-link[data-toggle="collapse"]{
    color: #fff;
    background-color: #0F32A3;
}
.product-side .accordion .card .btn-link.collapsed[data-toggle="collapse"]{
    color: #0F32A3;
    background-color: #fff;
}

.product-side .accordion .card .btn-link.collapsed[data-toggle="collapse"]:hover{
    color: #00BCDC;
}

.product-side .accordion .card .btn-link.collapsed:hover {
    color: #0F32A3;
    background-color: #fff;
}

.product-side .accordion .card .btn-sub {
    width: 100%;
    font-size: 20px;
    padding: 0;
    text-transform: uppercase;
    line-height: 1;
    color: #222;
    background-color: #fff;
}

.product-side .btn-sub .nav-list>li+li {
    margin-top: 0;
    border-top: 1px solid #eee;
}

.product-side .accordion .card .btn-sub .link:hover {
    background-color: #f1f1f1;
    color: #999;
}

.product-side .accordion .card .btn-sub .active .link {
    background-color: #999999;
    color: #fff;
}

.product-side .accordion .card .btn-sub .active .link:hover {
    /*background-color: #f1f1f1;*/
}

.btn.btn-link.all {
    text-align: left;
    font-size: 20px;
}

.product-side .accordion .card .btn-link[data-toggle="collapse"] {}

.product-side .accordion .card .btn-link[data-toggle="collapse"]:before {
    content: "\e897";
    font-family: 'feather';
    position: absolute;
    top: 24px;
    right: 20px;
    font-size: 16px;
}

.product-side .accordion .card .btn-link.collapsed[data-toggle="collapse"]:before {
    content: "\e8b1";
}

.product-filter {
    padding-bottom: 30px;
    border-bottom: 1px solid #cccccc;
}

.product-filter .filter .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 300;
    color: #222;
}

.product-header{
    margin-bottom: 30px;
}
.product-header .whead{
    margin-bottom: 0;
}
.product-header .result{
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 30px;
    color: #093B92;
    text-align: right;
    line-height: 0.9em;
}
.product-header .result small{
    display: block;
    font-size: 20px;
    color: #999;
    line-height: 0.9em;
}

.product-list {}

.product-list .item-list {
    margin: 0 -20px;
    padding: 0;
}

.product-list .layout li {
    margin-bottom: 40px;
    padding: 0 20px;
    width: 50%;
}

.product-list .link {
    display: block;
}

.product-list .wrapper {
    background-color: #fff;
    box-shadow: 0 30px 60px rgba(0,0,0,0.1);
}

.product-list .wrapper .thumb {
    margin-bottom: 0;
    overflow: hidden;
}

.product-list .wrapper .thumb .cover {
    position: relative;
    padding-top: 75%;
    transition: all 400ms ease;
    transition-delay: 200ms;
    transform: scale(1); 
}

.product-list .wrapper .thumb:hover .cover{
    transform: scale(1.08);
}

.product-list .wrapper .content{
    position: relative;
    padding: 20px;
}
.product-list .wrapper .content:before {
    content: '';
    position: absolute;
    top: 20px;
    left: 20px;
    width: 60px;
    height: 4px;
    background-color: #00BCDC;
}

.product-list .wrapper .title {
    margin: 25px 0 0 0;
    font-size: 24px;
    font-weight: bold;
    color: #093B92;
    line-height: 1em;
    max-height: 1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    transition: all 200ms ease;
    transition-delay: 100ms;
}

.product-list .wrapper .title:hover{
    color: #00BCDC;
}

.product-list .wrapper .desc {
    margin: 5px 0 0 0;
    font-size: 24px;
    color: #666;
    line-height: 1em;
    max-height: 1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}




.detail-block .content .cover{}
.detail-block .content .date{font-size: 20px; margin-top: 25px; margin-bottom: 15px;}
.detail-block .content .date:before{
    content: '';
    width: 60px;
    height: 4px;
    margin-right: 8px;
    background-color: #00BCDC;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.detail-block .content .title{margin: 30px 0 0 0; color: #00BCDC; font-size: 30px; font-weight: bold; line-height: 0.9em;}
.detail-block .content .title2{margin: 10px 0 0 0; color: #093B92; font-size: 36px; font-weight: bold; line-height: 0.9em; text-transform: uppercase; border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px; display: block;}
.detail-block .content .editor-content{margin-top: 10px; padding-bottom: 30px;}
.detail-block .header{padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #DDDDDD;}
.detail-block .header .title{margin: 0; color: #093B92; font-size: 30px; font-weight: bold;}
.detail-block .video{margin-top: 40px;}
.detail-block .gallery{margin-top: 40px; position: relative;}
.detail-block .gallery .body{position: relative;}
.detail-block .gallery .item-list{margin: 0 -10px; position: relative;}
.detail-block .gallery .item-list li{
    width: calc(25%);
    padding: 0 10px;
    display: none;
}
.detail-block .gallery .item-list li:nth-child(1),
.detail-block .gallery .item-list li:nth-child(2),
.detail-block .gallery .item-list li:nth-child(3),
.detail-block .gallery .item-list li:nth-child(4){
    display: block;
}
.detail-block .gallery .link{display: block;}
.detail-block .gallery .cover{padding-top: 64.3%;}
.detail-block .gallery .more{
    text-decoration: none;
    pointer-events: none;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 216px;
    height: 139px;
    background-color: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 50px;
    font-weight: 500;
}
.detail-block .gallery-sm .more{
    width: 195px;
    height: 125px;
}
.detail-block .gallery.gallery-lg .item-list li{
    width: calc(100% / 6);
    padding: 0 10px;
    display: none;
}
.detail-block .gallery-lg .more{
    width: 197px;
    height: 126px;
}
.detail-block .gallery-lg .item-list li:nth-child(1),
.detail-block .gallery-lg .item-list li:nth-child(2),
.detail-block .gallery-lg .item-list li:nth-child(3),
.detail-block .gallery-lg .item-list li:nth-child(4),
.detail-block .gallery-lg .item-list li:nth-child(5),
.detail-block .gallery-lg .item-list li:nth-child(6){
    display: block;
}
.detail-block .attach{margin-top: 40px;}
.detail-block .attach-list .item-list > li{}
.detail-block .attach-list .item-list > li + li{margin-top: 10px;}
.detail-block .attach-list .link{display: block; padding: 15px 20px; border: 1px solid #ddd;}
.detail-block .attach-list .title{margin: 0; font-size: 24px; font-weight: bold; color: #093B92; text-transform: uppercase;
    width: calc(100% - 20px);
    line-height: 1em;
    max-height: 1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.detail-block .attach-list .info{font-size: 22px; color: #093B92;}
.detail-block .attach-list .info li{position: relative;}
.detail-block .attach-list .info li + li{margin-left: 15px; padding-left: 15px;}
.detail-block .attach-list .info li + li:before{content: ''; position: absolute; top: 5px; left: 0; width: 1px; height: 14px; background-color: #093B92;}
.detail-block .attach-list .action{display: flex;}
.detail-block .attach-list-lg > .item-list{margin: 0 -10px;}
.detail-block .attach-list-lg > .item-list > li{padding: 0 10px; width: 50%;}
.detail-block .attach-list-lg > .item-list > li + li{margin-top: 0;}
.detail-block .footer{margin-top: 40px; padding-top: 40px; border-top: 1px solid #DDDDDD;}
.detail-block .footer .back span{margin: 0 8px 0 0;}

.detail-relate{width: 320px;}




.blog-header{
    margin-bottom: 30px;
}
.blog-header .whead{
    margin-bottom: 0;
}
.blog-header .result{
    margin-top: 10px;
    text-transform: uppercase;
    font-size: 30px;
    color: #093B92;
    text-align: right;
    line-height: 0.9em;
}
.blog-header .result small{
    display: block;
    font-size: 20px;
    color: #999;
    line-height: 0.9em;
}

.blog-nav{
    border-left: 1px solid #eee;
    padding-right: 1px;
    margin-bottom: 40px;
}
.blog-nav .link{
    margin-left: -1px;
    height: 80px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    font-size: 30px;
    font-weight: bold;
    color: #0F32A3;
}
.blog-nav .active .link{
    background-color: #0F32A3;
    border-color: transparent;
    color: #fff;
}
.blog-nav .slick-dots{
    position: relative;
    bottom: 0;
    margin-top: 20px;
}
.blog-nav .slick-dots li button{
    background-color: #0F32A3;
}
.blog-nav .slick-dots li button:before{
    border-color: #0F32A3;
}

.blog-list .item-list{
    margin: 0 -20px;
}
.blog-list .item-list > li{
    padding: 0 20px;
    width: calc(100% / 3);
    margin-bottom: 40px;
}

.blog-list .thumb{
    overflow: hidden;
}

.blog-list .thumb .cover{
    transition: all 400ms ease;
    transition-delay: 200ms;
    transform: scale(1);
}

.blog-list .thumb:hover .cover{
    transform: scale(1.08);
}

.blog-list .cover{
    padding-top: 66.7%;
}

.blog-list .content{
    padding-bottom: 25px;
    border-bottom: 1px solid #ddd;
}

.blog-list .inner{
    min-height: 150px;
    position: relative;
    margin-top: 60px;
}

.blog-list .inner:before{
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    width: 80px;
    height: 6px;
    background-color: #00BCDC;
}

.blog-list .title{
    margin: 0;
    color: #093B92;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
    max-height: 2em;
    /*height: 2em;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blog-list .title:hover{
    color: #00BCDC;
    transition: all 200ms ease;
    transition-delay: 100ms;
}

.blog-list .desc{
    margin: 10px 0 0 0;
    color: #666;
    font-size: 24px;
    line-height: 1em;
    max-height: 3em;
    /*height: 3em;*/
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.blog-list .date{
    margin-top: 15px;
    color: #00BCDC;
    font-size: 20px;
}

.blog-list.side{width: 320px;}
.blog-list.side .item-list{margin: 0;}
.blog-list.side .item-list li{padding: 0; width: 100%;}
.blog-list.side .content{padding-bottom: 15px;}
.blog-list.side .inner{margin-top: 40px; min-height: auto;}
.blog-list.side .inner:before{width: 40px; height: 3px; top: -20px;}
.blog-list.side .title{font-size: 20px;}
.blog-list.side .desc{display: none;}
.blog-list.side .date{font-size: 18px; margin-top: 5px;}




.about-header{
    margin-bottom: 30px;
}
.about-header .whead{
    margin-bottom: 0;
}
.about-body{}
.about-body .cover{width: 490px; height: 740px;}
.about-body .caption{position: absolute; z-index: 10; left: 0; bottom: 60px; padding: 30px; background-color: #0F32A3;}
.about-body .caption .title{font-size: 36px; line-height: 0.9em; text-transform: uppercase; color: #fff; font-weight: bold;}
.about-body .content{position: relative;}
.about-body .content .body{padding: 50px; background: url('../img/background/wg-about-bg.jpg') center;}
.about-body .content .whead .title{color: #fff;}
.about-body .content .body .editor-content{color: #fff; line-height: 1em;}
.about-body .content .footer{padding: 50px 50px 0 50px; background-color: #fff;}
.about-body .content .footer .title{color: #093B92;}
.about-body .content .footer .editor-content{color: #093B92; line-height: 1em;}
.about-page .detail-block{margin-top: 80px;}




.contact-page {position: relative;}
.contact-page .whead{margin-bottom: 30px;}
.contact-area {}
.contact-area .info-box{}
.contact-area .map{margin-top: 40px;}
.contact-area .map .cover{height: 310px;}
.contact-area .map .wrapper{position: relative;}
.contact-area .map .btn{position: absolute; top: 20px; left: 20px;}

.contact-list .icon{width: 40px;}
.contact-list .icon img{width: 100%;}
.contact-list .title{color: #093B92; margin: 0 0 10px 0; line-height: 1em; padding: 4px 0; font-size: 32px; font-weight: bold; text-transform: uppercase;}
.contact-list .desc{color: #666; font-size: 24px;}
.contact-list .link{color: #666; font-size: 24px;}

.contact-area .form-box{background: url('../img/background/contact-form.jpg') center; background-size: cover; padding: 30px 50px; position: relative; z-index: 1; min-height: 880px;}
.contact-area .form-box .modal{position: absolute;}
.contact-area .form-box .modal-dialog{margin: 0; position: absolute; width: 100%; height: 100%; max-width: inherit;}
.contact-area .form-box .modal-content{background: url('../img/background/contact-form.jpg') center; background-size: cover; padding: 30px 50px; position: absolute; width: 100%; height: 100%; border-radius: 0; border: none; background-color: transparent; display: flex; align-items: center; justify-content: center; text-align: center;}
.contact-area .form-box .select2-container--default .select2-selection--single{border-color: transparent;}
.contact-area .return-form .title{margin: 0; font-size: 32px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1em;}
.contact-area .return-form .desc{margin: 10px 0 0 0; font-size: 24px; color: #fff;}
.contact-area .return-form .action{margin-top: 50px;}

.contact-map{height: calc(100vh - 140px); position: relative;}
.contact-map img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.contact-map iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.contact-topbar{background-color: #2f008c; height: 60px; position: absolute; bottom: 100%; width: 100%; display: flex; align-items: center;}
.contact-topbar .title{font-size: 24px; color: #fff; font-weight: 500; padding-left: 78px;}
.contact-topbar .action .btn{float: left; height: 44px; line-height: 40px;}




.search-page .search-filter {background-image: url(../img/background/bg_search-filter.png); background-position: top right; background-repeat: no-repeat;}
.search-page .search-filter .h-title{padding: 0 60px; line-height: 140px; font-size: 60px; font-weight: bold; color: #093B92; text-transform: uppercase;}
.search-page .search-box{background-color: #F3F4F5;}
.search-page .search-box .form-default{padding: 0 60px;}
.search-page .search-box .form-default .form-control{border: none; color: #999;}
.search-page .search-box .form-default .btn-secondary.disabled, 
.search-page .search-box .form-default .btn-secondary.disabled:hover{opacity: 1;}
.search-page .search-box .height{height: 140px;}
.search-page .search-box .action{margin-left: 40px;}
.search-page .category{padding: 30px 0; border-bottom: 1px dashed #CFCFCF;}
.search-page .category .select-wrapper{width: 50%;}
.search-page .category-sub{padding: 30px 0; border-bottom: 1px dashed #CFCFCF;}
.search-page .category-sub .block + .block{margin-top: 20px;}
.search-page .category-sub .header{font-weight: bold; font-size: 24px; color: #093B92; margin-bottom: 10px;}
.search-page .category-list{background-color: #fff;}
.search-page .category-list .body{padding: 0 60px;}
.search-page .category-list .item-list > li{width: calc(100% / 3); padding: 10px 0;}
.search-page .category-list .head .radio-control .txt{font-size: 36px; color: #093B92; position: relative; padding-left: 0; margin-left: 45px; padding-bottom: 10px; display: inline-block;}
.search-page .category-list .head .radio-control .txt:before{content: '';position: absolute; left: 0; bottom: -6px; width: 100%; height: 6px;
    background-color: #00BCDC; opacity: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    -ms-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
}
.search-page .category-list .head .radio-control input[type='radio']:checked ~ .txt:before{opacity: 1;}
.search-page .category-list .action{text-align: right; padding: 50px 0;}
.search-page .category-list .action .link{font-size: 24px; color: #ccc; text-decoration: underline; background-color: transparent; border: none; padding: 0;}
.search-page .category-list .action .link:hover{color: #666;}

.search-page .result{border-top: 1px solid #E5E5E5; padding: 60px 0;}
.search-page .result .whead{margin-bottom: 30px;}
.search-page .result-list li{margin-bottom: 20px;}
.search-page .result-list .link{border: 1px solid #e5e5e5; display: block; padding: 20px;}
.search-page .result-list .cover{width: 150px; padding-top: 75%;}
.search-page .result-list .inner{position: relative; padding-top: 15px;}
.search-page .result-list .inner:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background-color: #00BCDC;
}
.search-page .result-list .title{margin: 0; font-size: 30px; font-weight: bold; color: #093B92; text-transform: uppercase;
    line-height: 1em;
    max-height: 1em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.search-page .result-list .desc{margin: 10px 0 0 0; font-size: 24px; color: #666;
    line-height: 1em;
    max-height: 2em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}




.not-found{
    padding: 150px 0;
}
.not-found h3{
    font-weight: normal;
    color: #999;
    font-size: 26px;
}









/*----- effect scroll -----*/
@media (min-width: 992px){
    .wg-product-block .header.scroll-load{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
    .wg-product-block .header.scroll-load.is-loader{
        top: 0;
        opacity: 1;
    }
    .wg-product-block .wrapper:nth-child(1) .content.scroll-load .title{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
    .wg-product-block .wrapper:nth-child(1) .content.scroll-load .desc{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease; 
        transition-delay: 500ms;
    }
    .wg-product-block .wrapper:nth-child(1) .content.scroll-load .action{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 800ms;
    }
    .wg-product-block .wrapper:nth-child(1) .content.scroll-load.is-loader .title{
        top: 0;
        opacity: 1;
    }
    .wg-product-block .wrapper:nth-child(1) .content.scroll-load.is-loader .desc{
        top: 0;
        opacity: 1;
    }
    .wg-product-block .wrapper:nth-child(1) .content.scroll-load.is-loader .action{
        top: 0;
        opacity: 1;
    }
    .wg-product-block .wrapper:nth-child(2) .content.scroll-load .title{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
    .wg-product-block .wrapper:nth-child(2) .content.scroll-load .desc{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease; 
        transition-delay: 500ms;
    }
    .wg-product-block .wrapper:nth-child(2) .content.scroll-load .action{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 800ms;
    }
    .wg-product-block .wrapper:nth-child(2) .content.scroll-load.is-loader .title{
        top: 0;
        opacity: 1;
    }
    .wg-product-block .wrapper:nth-child(2) .content.scroll-load.is-loader .desc{
        top: 0;
        opacity: 1;
    }
    .wg-product-block .wrapper:nth-child(2) .content.scroll-load.is-loader .action{
        top: 0;
        opacity: 1;
    }
    .wg-product-block .wrapper:nth-child(1) .list.scroll-load{
        position: relative;
        left: 100px;
        opacity: 0;
        transition: all 1200ms ease;
        transition-delay: 1000ms;
    }
    .wg-product-block .wrapper:nth-child(1) .list.scroll-load.is-loader{
        left: 0;
        opacity: 1;
    }
    .wg-product-block .wrapper:nth-child(2) .list.scroll-load{
        position: relative;
        right: 100px;
        opacity: 0;
        transition: all 1200ms ease;
        transition-delay: 1000ms;
    }
    .wg-product-block .wrapper:nth-child(2) .list.scroll-load.is-loader{
        right: 0;
        opacity: 1;
    }




    .wg-blog-block .header.scroll-load{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
    .wg-blog-block .header.scroll-load.is-loader{
        top: 0;
        opacity: 1;
    }

    .wg-about-block .whead.scroll-load{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
    .wg-about-block .whead.scroll-load.is-loader{
        top: 0;
        opacity: 1;
    }
    .wg-blog-block .pic.scroll-load{
        left: -400px;
        opacity: 0;
        transition: all 1200ms ease;
        transition-delay: 400ms;
    }
    .wg-blog-block .pic.scroll-load.is-loader{
        left: 0;
        opacity: 1;
    }
    .wg-blog-list.scroll-load{
        position: relative;
        opacity: 0;
        transition: all 1200ms ease;
        transition-delay: 1000ms;
    }
    .wg-blog-list.scroll-load.is-loader{
        opacity: 1;
    }




    .wg-about-block .cover.scroll-load,
    .wg-about-block .caption.scroll-load,
    .wg-about-block .body.scroll-load,
    .wg-about-block .footer.scroll-load{
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
    .wg-about-block .footer.scroll-load{
        margin-left: 400px;
    }
    .wg-about-block .cover.scroll-load.is-loader,
    .wg-about-block .caption.scroll-load.is-loader,
    .wg-about-block .body.scroll-load.is-loader,
    .wg-about-block .footer.scroll-load.is-loader{
        opacity: 1;
    }
    .wg-about-block .footer.scroll-load.is-loader{
        margin-left: 0;
    }




    .wg-contact-block .whead.scroll-load{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
    .wg-contact-block .whead.scroll-load.is-loader{
        top: 0;
        opacity: 1;
    }
    .wg-contact-list.scroll-load .icon{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
    .wg-contact-list.scroll-load .title{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 400ms;
    }
    .wg-contact-list.scroll-load .desc,
    .wg-contact-list.scroll-load .link{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 600ms;
    }
    .wg-contact-list.scroll-load.is-loader .icon{
        top: 0;
        opacity: 1;
    }
    .wg-contact-list.scroll-load.is-loader .title{
        top: 0;
        opacity: 1;
    }
    .wg-contact-list.scroll-load.is-loader .desc,
    .wg-contact-list.scroll-load.is-loader .link{
        top: 0;
        opacity: 1;
    }




    .wg-map.scroll-load{
        position: relative;
        top: 50px;
        opacity: 0;
        transition: all 600ms ease;
        transition-delay: 200ms;
    }
    .wg-map.scroll-load.is-loader{
        top: 0;
        opacity: 1;
    }
}