/************************************************
Template Name: Host-Pro Boostrap Template
Author: BoostrapMart
Develop By: BoostrapMart
Developer URL: http://info@bootstrapmart.com
************************************************/
/*
*	Table of Contents
*	
*	
*/
/*
*	Helper Files
*/
/*Google Fonts*/
@import url("https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i");
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
@import url("https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i");
/*
*	Font Classes
*/
.warning-cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #000000;
  color: #fff;
  text-align: center;
  padding: 15px 10px;
  font-size: 14px;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}


  .warning-cookie a {
    color: rgb(66 154 226);
    text-decoration: underline;
  }

    .warning-cookie a:hover {
      text-decoration: none;
    }

  .warning-cookie button {
    margin-left: 10px;
    padding: 8px 16px;
    background-color: rgb(66 154 226);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 14px;
  }

    .warning-cookie button:hover {
      background-color: #337ab7;
    }
.site-header .dropdown-item {
  display:block
}
/*Colors*/
.color-white {
  color: #fff;
}

.color-black {
    color: #000;
}

.color-primary {
    color: #0177D8;
}

.color-dark {
    color: #36424d;
}

.color-dark2 {
    color: #48535c;
}

.color-blue {
    color: #727bd8;
}

.color-green {
    color: #3ac261;
}

.color-cgreen {
    color: #00bbaf;
}

.color-pblue {
    color: #35abdf;
}

.color-anakiwa {
    color: #B0E7FF;
}

.color-palsky {
    color: #647482;
}

.color-warning {
    color: #b76973;
}

.color-success {
    color: #79985b;
}

.color-info {
    color: #52889b;
}

.color-notify {
    color: #b49133;
}

.color-std {
    color: #797979;
}

/*Background Colors*/
.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #000;
}

.bg-primary {
    background-color: #0177D8;
}

.bg-dark {
    background-color: #36424d;
}

.bg-dark2 {
    background-color: #48535c;
}

.bg-blue {
    background-color: #727bd8;
}

.bg-pblue {
    background-color: #35abdf;
}

.bg-green {
    background-color: #3ac261;
}

.bg-cgreen {
    background-color: #00bbaf;
}

.bg-anakiwa {
    background-color: #B0E7FF;
}

.bg-palsky {
    background-color: #647482;
}

.bg-warning {
    background-color: #b76973;
}

.bg-success {
    background-color: #79985b;
}

.bg-info {
    background-color: #52889b;
}

.bg-notify {
    background-color: #b49133;
}

.bg-std {
    background-color: #797979;
}

body {
    position: relative;
    font-family: Microsoft JhengHei;
}

.site {
    margin: 0;
}

/*Globar Class*/
.m0 {
    margin: 0;
}

.ml0 {
    margin-left: 0;
}

.mr0 {
    margin-right: 0;
}

.mlr0 {
    margin: auto 0;
}

.ma0 {
    margin: 0 auto;
}

.p0 {
    padding: 0;
}

.pl0 {
    padding-left: 0;
}

.pr0 {
    padding-right: 0;
}

section.row, header.row, footer.row {
    margin: 0;
    position: relative;
}

.prelative {
    position: relative;
}

.pabsolute {
    position: absolute;
}

.pstatic {
    position: static;
}

a, .btn, button {
    outline: none;
    border-radius: 0;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

    a:before, aafter, .btn:before, .btnafter, button:before, buttonafter {
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

    a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
        outline: none;
        text-decoration: none;
    }

p {
    font-size: 14px;
    line-height: 1.5;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    color: #36424d;
}

.btn {
    border-radius: 0;
    border: none;
    font-family: Microsoft JhengHei;
    text-transform: uppercase;
}

    .btn + .btn {
        margin-left: 15px;
    }

.btn-primary {
    padding: 0 28px;
    line-height: 54px;
    background: #1b69b3;
    color: #fff;
}

    .btn-primary:hover, .btn-primary:focus {
        background: #00437A;
        color: #fff;
    }

.btn-long {
    padding: 0 38px;
    min-width: 168px;
}

@media (max-width: 479px) {
    .btn-long {
        padding: 0 25px;
        min-width: auto;
    }
}

.btn-blue {
    background: #35abdf;
}

.btn-default {
    padding: 0 35px;
    line-height: 50px;
    background: #fff;
    color: #0177D8;
}

.btn-shadowed {
    -webkit-box-shadow: 0px 7px 23px 0px rgba(90, 186, 229, 0.32);
    box-shadow: 0px 7px 23px 0px rgba(90, 186, 229, 0.32);
    background: #fff;
    border: 2px solid #35abdf;
    line-height: 38px;
    color: #35abdf;
    border-radius: 30px;
}

    .btn-shadowed:hover, .btn-shadowed:focus {
        background: #36424d;
        color: #fff;
    }

.form-control {
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.input-group .input-group-addon {
    border-radius: 0;
    background: none;
    padding: 0;
}

    .input-group .input-group-addon [type="submit"], .input-group .input-group-addon [type="reset"], .input-group .input-group-addon button {
        border: none;
        border-radius: 0;
    }

.section-title {
    margin-bottom: 40px;
}

    .section-title h2 {
        color: #1B69B3;
        font-family: Arial BlacK;
        font-weight: 800;
        margin-bottom: 5px;
        margin-top: 0;
        font-size: 34px
    }

    .section-title p {
        font-size: 16px;
        font-family: Microsoft JhengHei;
        margin-bottom: 0;
        color: #647482;
    }

/*01: Header*/
/*Fluid Nav*/
.navbar-style1 {
    border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#36424d+0,000000+100&0.6+0,0+100 */
/*    background: -moz-linear-gradient(top, rgba(54, 66, 77, 0.6) 0%, transparent 100%);*/
    /* FF3.6-15 */
/*    background: -webkit-linear-gradient(top, rgba(54, 66, 77, 0.6) 0%, transparent 100%);*/
    /* Chrome10-25,Safari5.1-6 */
/*    background: -webkit-gradient(linear, left top, left bottom, from(rgba(54, 66, 77, 0.6)), to(transparent));
    background: -o-linear-gradient(top, rgba(54, 66, 77, 0.6) 0%, transparent 100%);
    background: linear-gradient(to bottom, rgba(54, 66, 77, 0.6) 0%, transparent 100%);*/
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9936424d', endColorstr='#00000000',GradientType=0 );*/
    /* IE6-9 */
/*    -webkit-transition: all 300ms linear 0s;*/
/*    -o-transition: all 300ms linear 0s;*/
/*    transition: all 300ms linear 0s;*/
background-color: rgb(127,16,132);
}

    .navbar-style1 .container-fluid {
        padding: 40px 80px 0;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

@media (max-width: 1280px) {
    .navbar-style1 .container-fluid {
        width: 1170px;
        padding: 40px 15px 0;
    }
}

@media (max-width: 1199px) {
    .navbar-style1 .container-fluid {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .navbar-style1 .container-fluid {
        padding-top: 10px;
    }
}

.navbar-style1 .navbar-header .navbar-brand {
    display: block;
    padding: 10px 15px;
}

.navbar-style1 .navbar-header .navbar-toggle {
    z-index: 2;
    border-radius: 0;
}

    .navbar-style1 .navbar-header .navbar-toggle[aria-expanded="false"] {
        border: none;
        background: none;
    }

        .navbar-style1 .navbar-header .navbar-toggle[aria-expanded="false"] .icon-bar {
            background: #fff;
        }

    .navbar-style1 .navbar-header .navbar-toggle[aria-expanded="true"] {
        border: none;
        background: none;
    }

        .navbar-style1 .navbar-header .navbar-toggle[aria-expanded="true"] .icon-bar {
            background: #35abdf;
        }

@media (max-width: 991px) {
    .navbar-style1 #main-nav {
        background: #36424d;
    }
}

.navbar-style1 .navbar-nav.cart-nav {
    margin-left: 10px;
}

@media (max-width: 991px) {
    .navbar-style1 .navbar-nav.cart-nav {
        display: none;
    }
}

.navbar-style1 .navbar-nav.cart-nav li a img {
    margin-right: 10px;
}

.navbar-style1 .navbar-nav.cart-nav li a:hover, .navbar-style1 .navbar-nav.cart-nav li a:focus {
    color: #fff;
}

.navbar-style1 .navbar-nav > li > a:not(.btn) {
    font: 15px/3.33 "Poppins", sans-serif;
    color: #fff;
    padding: 0 15px;
}

  .navbar-style1 .navbar-nav > li > a:not(.btn):hover, .navbar-style1 .navbar-nav > li > a:not(.btn):focus {
    background: none;
    border-bottom: 2px solid #0077D8;
  }

.navbar-style1 .navbar-nav > li.dropdown > a:after {
    content: '\f107';
    font-family: "FontAwesome";
    margin-left: 10px;
}

.navbar-style1 .navbar-nav > li.dropdown.open > a, .navbar-style1 .navbar-nav > li.dropdown:hover > a, .navbar-style1 .navbar-nav > li.dropdown:focus > a {
    background: none;
    color: #0177D8;
}

.navbar-style1 .navbar-nav > li.dropdown.open .dropdown-menu, .navbar-style1 .navbar-nav > li.dropdown:hover .dropdown-menu, .navbar-style1 .navbar-nav > li.dropdown:focus .dropdown-menu {
    right: 0;
    z-index: 9999;
    opacity: 1;
    visibility: visible;
    min-width: 200px;
}

@media (max-width: 991px) {
    .navbar-style1 .navbar-nav > li.dropdown.open .dropdown-menu {
        display: block;
        background: #fff;
        border-radius: 0;
    }
}

.navbar-style1 .navbar-nav > li.active > a {
    border-bottom: 2px solid #0077D8;
}

.navbar-style1 .navbar-nav > li .dropdown-menu {
    min-width: 150px;
    padding: 10px;
    border: none;
    right: 100px;
    display: block;
    visibility: hidden;
    opacity: 0;
    z-index: -100;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

@media (max-width: 991px) {
    .navbar-style1 .navbar-nav > li .dropdown-menu {
        position: relative;
        width: 100%;
        display: none;
    }
}

.navbar-style1 .navbar-nav > li .dropdown-menu li a {
    padding: 0 20px;
    line-height: 40px;
}

    .navbar-style1 .navbar-nav > li .dropdown-menu li a:hover, .navbar-style1 .navbar-nav > li .dropdown-menu li a:focus {
        background: none;
        color: #727bd8;
    }

.navbar-style1 .navbar-nav > li .dropdown-menu li + li {
    border-top: 1px solid #f6f6f6;
}

/*.navbar-style1.affix {
    background: #313131;
}*/

.navbar-style1.affix .container-fluid,
.navbar-style1.affix-top .container-fluid {
  padding-top: 0;
}

/*Nav 3*/
.navbar-style2 {
    margin: 0;
}

.lang-currency {
    float: right;
}

    .lang-currency .form-control {
        float: left;
        width: auto;
    }

    .lang-currency li {
        padding: 0 15px;
        float: left;
        background: #2f6375;
    }

        .lang-currency li + li {
            margin-left: 1px;
        }

    .lang-currency .bfh-selectbox .bfh-selectbox-toggle {
        padding: 0;
        border: none;
        background: none;
        display: block;
        float: none;
    }

        .lang-currency .bfh-selectbox .bfh-selectbox-toggle i {
            margin-right: 5px;
        }

        .lang-currency .bfh-selectbox .bfh-selectbox-toggle .bfh-selectbox-option {
            line-height: 50px;
            float: left;
            width: auto;
            height: 50px;
            font-family: Microsoft JhengHei;
            font-size: 12px;
            color: #fff;
            text-transform: uppercase;
            font-weight: 500;
        }

        .lang-currency .bfh-selectbox .bfh-selectbox-toggle .selectbox-caret {
            border-width: 6px 6px 0;
            border-top-color: rgba(255, 255, 255, 0.7);
            margin: 22px 0 0 15px;
        }

        .lang-currency .bfh-selectbox .bfh-selectbox-toggle:hover, .lang-currency .bfh-selectbox .bfh-selectbox-toggle:focus {
            background: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .lang-currency .bfh-selectbox-options {
        border: none;
        padding: 0;
        background: none;
    }

        .lang-currency .bfh-selectbox-options ul {
            margin: 0;
        }

            .lang-currency .bfh-selectbox-options ul li {
                padding: 0;
                display: block;
                width: 100%;
            }

                .lang-currency .bfh-selectbox-options ul li + li {
                    margin: 0;
                }

                .lang-currency .bfh-selectbox-options ul li a {
                    padding: 3px 15px;
                }

                    .lang-currency .bfh-selectbox-options ul li a:hover, .lang-currency .bfh-selectbox-options ul li a:focus {
                        background: #fff;
                    }

/*Nav Style 5*/
.navbar-style5 {
    margin: 0;
}

.ns5-top-bar {
    margin: 0;
    padding: 35px 0 32px;
}

    .ns5-top-bar .logo-box {
        float: left;
    }

    .ns5-top-bar .ns2-socials {
        float: right;
        margin: 0;
    }

@media (max-width: 479px) {
    .ns5-top-bar .ns2-socials {
        display: none;
    }
}

.ns5-top-bar .ns2-socials li {
    float: left;
}

    .ns5-top-bar .ns2-socials li a {
        line-height: 30px;
        font-size: 17px;
        color: #424e5b;
    }

        .ns5-top-bar .ns2-socials li a:hover, .ns5-top-bar .ns2-socials li a:focus {
            color: #35abdf;
        }

.ns5-top-bar .contact-no {
    float: right;
    line-height: 30px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: 500;
    margin-right: 48px;
    font-size: 25px;
}

@media (max-width: 1199px) {
    .ns5-top-bar .contact-no {
        margin-right: 30px;
        font-size: 20px;
    }
}

@media (max-width: 991px) {
    .ns5-top-bar .contact-no {
        display: none;
    }
}

.ns5-top-bar .contact-no a {
    color: #35abdf;
}

    .ns5-top-bar .contact-no a:hover, .ns5-top-bar .contact-no a:focus {
        color: #424e5b;
    }

.ns5-top-bar .contact-no img {
    margin-right: 10px;
}

.nav-logo {
    display: block;
}

.mail-n-auth {
    line-height: 30px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    float: left;
}

@media (max-width: 767px) {
    .mail-n-auth {
        float: right;
    }
}

.mail-n-auth li {
    margin-left: 80px;
    float: left;
}

@media (max-width: 1199px) {
    .mail-n-auth li {
        margin-left: 50px;
    }
}

@media (max-width: 767px) {
    .mail-n-auth li:first-of-type {
        display: none;
    }
}

.mail-n-auth li + li {
    margin-left: 45px;
}

@media (max-width: 1199px) {
    .mail-n-auth li + li {
        margin-left: 20px;
    }
}

@media (max-width: 479px) {
    .mail-n-auth li + li {
        margin-left: 0;
    }
}

.mail-n-auth li + li + li {
    margin-left: 35px;
}

@media (max-width: 1199px) {
    .mail-n-auth li + li + li {
        margin-left: 20px;
    }
}

@media (max-width: 479px) {
    .mail-n-auth li + li + li {
        margin-left: 10px;
    }
}

.mail-n-auth li a {
    color: #424e5b;
    padding: 0;
}

    .mail-n-auth li a:hover, .mail-n-auth li a:focus {
        background: none;
        color: #35abdf;
    }

.ns5-style {
    background: #2d3640;
    border: none;
}

    .ns5-style:before, .ns5-style:after {
        display: none;
    }

    .ns5-style .navbar-header .navbar-toggle {
        z-index: 2;
        border-radius: 0;
        margin: 9px auto;
        float: none;
    }

@media (max-width: 991px) {
    .ns5-style .navbar-header .navbar-toggle {
        display: table;
    }
}

.ns5-style .navbar-header .navbar-toggle[aria-expanded="false"] {
    border: none;
    background: none;
}

    .ns5-style .navbar-header .navbar-toggle[aria-expanded="false"] .icon-bar {
        background: #fff;
    }

.ns5-style .navbar-header .navbar-toggle[aria-expanded="true"] {
    border: none;
    background: none;
}

    .ns5-style .navbar-header .navbar-toggle[aria-expanded="true"] .icon-bar {
        background: #35abdf;
    }

.ns5-style .navbar-nav {
    margin-left: 0;
}

    .ns5-style .navbar-nav > li {
        padding: 0 25px;
    }

@media (max-width: 1199px) {
    .ns5-style .navbar-nav > li {
        padding: 0 20px;
    }
}

@media (max-width: 991px) {
    .ns5-style .navbar-nav > li {
        padding: 0;
    }
}

.ns5-style .navbar-nav > li:first-child {
    padding-left: 0;
}

.ns5-style .navbar-nav > li:last-child {
    padding-right: 0;
}

.ns5-style .navbar-nav > li > a {
    line-height: 58px;
    padding: 0 4px;
    font: 500 14px/58px "SofiaPro", "Poppins", sans-serif;
    color: #7c8692;
    position: relative;
}

    .ns5-style .navbar-nav > li > a:after {
        content: '';
        display: block;
        height: 2px;
        position: absolute;
        background: #bec4cc;
        left: 50%;
        right: 50%;
        bottom: 17px;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

@media (max-width: 991px) {
    .ns5-style .navbar-nav > li > a:after {
        display: none;
    }
}

.ns5-style .navbar-nav > li > a:hover, .ns5-style .navbar-nav > li > a:focus {
    color: #bec4cc;
}

    .ns5-style .navbar-nav > li > a:hover:after, .ns5-style .navbar-nav > li > a:focus:after {
        left: 0;
        right: 0;
    }

.ns5-style .navbar-nav > li.dropdown > a:after {
    content: '';
    margin: 0;
}

.ns5-style .navbar-nav > li.dropdown > a:hover, .ns5-style .navbar-nav > li.dropdown > a:focus {
    color: #bec4cc;
}

.ns5-style .navbar-nav > li.active > a {
    color: #bec4cc;
}

    .ns5-style .navbar-nav > li.active > a:after {
        left: 0;
        right: 0;
    }

.ns5-style .cart-link li a {
    background: #3f4851;
    position: relative;
    text-align: center;
    line-height: 59px;
}

    .ns5-style .cart-link li a img {
        margin: 0;
    }

    .ns5-style .cart-link li a .badge {
        background: #fff;
        position: absolute;
        font-family: "SofiaPro", "Poppins", sans-serif;
        font-size: 8px;
        color: #687380;
        font-weight: 600;
        padding: 6px 3px 4px;
        line-height: 5px;
        bottom: 15px;
        left: 52%;
    }

    .ns5-style .cart-link li a:after {
        display: none;
    }

    .ns5-style .cart-link li a:hover, .ns5-style .cart-link li a:focus {
        background: #36424d;
    }

@media (max-width: 991px) {
    .ns5-style .ns4-auth-nav {
        display: none;
    }
}

.ns5-style .ns4-auth-nav li a img {
    width: 14px;
    margin-right: 10px;
}

.home-slider .item {
    background: no-repeat scroll center center #434e5b;
    height: 720px;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    background-size: cover;
}

@media (max-width: 1199px) {
    .home-slider .item {
        height: 580px;
    }
}

.home-slider .item img {
    width: auto;
}

.home-slider .owl-dots {
    display: table;
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.home-slider .owl-dot {
    width: 10px;
    height: 10px;
    float: left;
    background: #fff;
    opacity: 0.3;
}

    .home-slider .owl-dot + .owl-dot {
        margin-left: 10px;
    }

    .home-slider .owl-dot:hover, .home-slider .owl-dot:focus, .home-slider .owl-dot.active {
        opacity: 0;
    }

.home-slider p {
    font-family: Microsoft JhengHei;
    font-size: 18px;
    line-height: 27px;
    color: #fff;
    margin-bottom: 35px;
}

@media (min-width: 1025px) {
    .home-slider p {
    }
}

@media (max-width: 767px) {
    .home-slider p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
}

.home-slider .link {
    color: #fff;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    margin-left: 30px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.52);
}

    .home-slider .link:hover, .home-slider .link:focus {
        border-color: #fff;
    }

.home-slider h3 {
    color: #bfd1e5;
    line-height: 34px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .home-slider h3 {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 20px;
        line-height: 26px;
    }
}

.home-slider h3 strong {
    color: #fff;
}

.home-slider.style2 .item .img-layer {
    display: inline-block;
}

.home-slider .btn-round {
    border-radius: 35px;
    background: #35abdf;
    color: #fff;
}

    .home-slider .btn-round:hover, .home-slider .btn-round:focus {
        color: #fff;
        background: #48535c;
    }

.slide-flist {
    margin-bottom: 30px;
}

    .slide-flist li {
        width: 50%;
        float: left;
        padding-left: 35px;
        background: url(../icons/slide-check.png) no-repeat scroll 0 5px;
        margin-bottom: 20px;
        font-family: Microsoft JhengHei;
        font-size: 18px;
        color: #FFF;
    }

@media (max-width: 767px) {
    .slide-flist li {
        width: 100%;
        margin-bottom: 5px;
    }
}

@media (max-width: 480px) {
    .slide-flist li {
        display: none;
    }
}

.slide-flist2.plan-list {
    padding: 0;
    margin: 30px 0;
}

@media (max-width: 991px) {
    .slide-flist2.plan-list {
        margin: 20px 0;
    }
}

.slide-flist2.plan-list li {
    font-size: 16px;
    font-family: Microsoft JhengHei;
    margin-bottom: 10px;
    line-height: 22px;
    color: #fff;
}

@media (max-width: 991px) {
    .slide-flist2.plan-list li {
        line-height: 18px;
        font-size: 14px;
        margin-bottom: 6px;
    }
}

.slide-flist2.plan-list li:last-child {
    margin-bottom: 0;
}

.slide-flist2.plan-list li i {
    color: #fff;
}

.slide-flist3.plan-list {
    padding: 0;
    margin: 40px 0 60px;
}

    .slide-flist3.plan-list li {
        font-size: 16px;
        font-family: Microsoft JhengHei;
        margin-bottom: 10px;
        line-height: 22px;
        color: #fff;
        width: 50%;
        float: left;
    }

@media (max-width: 767px) {
    .slide-flist3.plan-list li {
        width: 100%;
    }
}

.slide-flist3.plan-list li:last-child {
    margin-bottom: 0;
}

.slide-flist3.plan-list li i {
    color: #fff;
}

.solutionImg {
    margin-top: 30px;
}

.slide-title {
    font-size: 48px;
    font-family: Microsoft JhengHei;
    color: #fff;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 15px;
}

@media (min-width: 1025px) {
    .slide-title {
        padding-right: 50px;
    }
}

@media (max-width: 767px) {
    .slide-title {
        font-size: 30px;
        margin-bottom: 10px;
    }
}

.slide-title.slide-title2 {
    font-size: 42px;
}

@media (max-width: 767px) {
    .slide-title.slide-title2 {
        font-size: 30px;
    }
}

.slide-title.slide-title3 {
    margin-top: 90px;
}

@media (max-width: 1199px) {
    .slide-title.slide-title3 {
        margin-top: 40px;
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .slide-title.slide-title3 {
        margin-top: 0;
        font-size: 30px;
    }
}

.slide-title.slide-title-bg {
    margin-bottom: 40px;
    padding-right: 0;
}

@media (max-width: 991px) {
    .slide-title.slide-title-bg {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .slide-title.slide-title-bg {
        font-size: 30px;
    }
}

@media (max-width: 479px) {
    .slide-title.slide-title-bg {
        font-size: 22px;
    }
}

.slide-title.slide-title-bg span {
    display: inline-block;
    line-height: 1.52;
    padding: 0 25px;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 767px) {
    .slide-title.slide-title-bg span {
        padding: 0 15px;
    }
}

.slide-title .slide-title-bg1 {
    background: #0177D8;
}

.slide-title .slide-title-bg2 {
    background: #36424d;
}

.slide-price {
    position: absolute;
    top: 0;
    left: calc(50% + 380px);
    width: auto;
}

@media (max-width: 1199px) {
    .slide-price {
        left: calc(50% + 280px);
    }
}

@media (max-width: 991px) {
    .slide-price {
        left: calc(50% + 180px);
    }
}

@media (max-width: 767px) {
    .slide-price {
        display: none !important;
    }
}

.slide-price2 {
    position: absolute;
    bottom: 45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: auto;
}

@media (max-width: 991px) {
    .slide-price2 {
        max-width: 100px;
    }
}

@media (max-width: 479px) {
    .slide-price2 {
        display: none !important;
    }
}

.slide-layer3 {
    display: table;
    max-width: 100%;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (max-width: 991px) {
    .slide-layer3 {
        max-width: 750px;
    }
}

@media (max-width: 767px) {
    .slide-layer3 {
        max-width: 100%;
    }
}

@media (max-width: 479px) {
    .slide-layer3 {
        display: none !important;
    }
}

.slide-style4 {
    display: table;
    margin: 0 auto 280px;
}

@media (max-width: 767px) {
    .slide-style4 {
        margin-bottom: 180px;
    }
}

@media (max-width: 479px) {
    .slide-style4 {
        margin-bottom: 0;
    }
}

@media (max-width: 991px) {
    .slide-style4 .slide-title {
        font-size: 38px;
    }

        .slide-style4 .slide-title:first-of-type {
            margin-bottom: 10px;
        }
}

@media (max-width: 767px) {
    .slide-style4 .slide-title {
        font-size: 30px;
    }
}

.slide-style4 .plan-list {
    width: 600px;
    float: left;
    margin: 0;
}

@media (max-width: 991px) {
    .slide-style4 .plan-list {
        margin-bottom: 10px;
        width: 100%;
    }
}

.slide-style4 .btns {
    float: left;
}

/*Homepage Banner*/
.homepage-banner {
    background: no-repeat scroll center center #434e5b;
    min-height: 720px;
    background-size: cover;
}

    .homepage-banner .btn, .rss-texts-box .btn {
        padding: 0 50px;
        line-height: 54px;
        border-radius: 35px;
        border: 2px solid #fff;
        background-color: transparent;
        font-family: "SofiaPro", "Poppins", sans-serif;
        font-weight: bold;
        font-size: 17px;
    }

    .homepage-banner .link, .rss-texts-box .link {
        border-left: 1px solid #fff;
        line-height: 51px;
        padding-left: 30px;
        margin-left: 28px;
        display: inline-block;
        color: #fff;
        font-size: 17px;
        font-family: "SofiaPro", "Poppins", sans-serif;
        text-transform: capitalize;
    }

@media (max-width: 479px) {
    .homepage-banner .link, .rss-texts-box .link {
        padding-left: 0;
        margin-left: 0;
        border-left: none;
    }
}

.homepage-banner .link img, .rss-texts-box .link img {
    margin-right: 10px;
}

.hb-row {
    position: relative;
}

.hb-layer {
    position: absolute;
    top: 50px;
    right: 0;
}

@media (max-width: 1199px) {
    .hb-layer {
        width: 450px;
    }
}

@media (max-width: 767px) {
    .hb-layer {
        display: none;
    }
}

.hb-text-layer {
    padding-top: 120px;
}

.hb-price-box {
    background: #fff;
    display: inline-block;
    line-height: 50px;
    font-size: 39px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: 700;
    padding: 0 20px 0 15px;
    border-radius: 0 25px 25px 0;
}

    .hb-price-box sup {
        font-size: 50%;
        font-weight: 500;
        top: -0.7em;
    }

    .hb-price-box sub {
        font-size: 35%;
        bottom: 0;
    }

.hb-title {
    font-size: 58px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 10px;
    color: #fff;
}

@media (max-width: 1199px) {
    .hb-title {
        font-size: 42px;
    }
}

@media (max-width: 991px) {
    .hb-title {
        font-size: 36px;
    }
}

.domain-search {
    margin: 0;
    padding: 46px 0;
}

    .domain-search .form-title {
        margin-top: 0;
        margin-bottom: 2px;
        color: #fff;
        font-family: Microsoft JhengHei;
        font-weight: 100;
    }

@media (max-width: 1199px) {
    .domain-search .form-title {
        font-size: 23px;
    }
}

.domain-search .form-title strong {
    display: block;
}

@media (max-width: 991px) {
    .domain-search .form-title strong {
        display: inline-block;
    }
}

.domain-search p {
    color: #B0E7FF;
    margin: 0;
}

@media (max-width: 991px) {
    .domain-search p {
        margin-bottom: 20px;
    }
}

.domain-search .btn {
    padding: 0 54px;
    line-height: 60px;
}

@media (max-width: 479px) {
    .domain-search .btn {
        padding: 0 25px;
    }
}

.domain-search .input-group {
    -webkit-box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.1);
}

    .domain-search .input-group + p {
        color: #fff;
        font-size: 15px;
        font-family: Microsoft JhengHei;
        font-weight: 100;
        margin-top: 15px;
        margin-bottom: 0;
    }

@media (max-width: 479px) {
    .domain-search .input-group + p {
        font-size: 12px;
    }
}

.domain-search .input-group + p strong {
    margin-right: 40px;
}

@media (max-width: 767px) {
    .domain-search .input-group + p strong {
        margin-right: 20px;
    }
}

@media (max-width: 479px) {
    .domain-search .input-group + p strong {
        margin-right: 10px;
    }
}

.domain-search .input-group + p strong:last-child {
    margin-right: 0;
}

.domain-search .form-control {
    height: 60px;
    border-radius: 0;
    border: none;
}

    .domain-search .form-control:focus {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.domain-search .input-group-addon {
    border: none;
}

.domain-search.style2 {
    padding: 60px 0;
    text-align: center;
}

    .domain-search.style2 .input-group {
        max-width: 877px;
        margin: 0 auto;
    }

    .domain-search.style2 .form-title strong {
        display: inline-block;
    }

    .domain-search.style2 p {
        color: #97acc4;
        margin-bottom: 30px;
    }

    .domain-search.style2 .btn {
        background: #727bd8;
    }

    .domain-search.style2 .input-group + p {
        color: #fff;
        display: table;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 0;
    }

        .domain-search.style2 .input-group + p.prices {
            margin-top: 55px;
        }

.domain-search.bg-primary {
    background: #ef5b34;
}

    .domain-search.bg-primary p {
        font-family: Microsoft JhengHei;
        font-size: 16px;
        color: #fff;
        font-weight: normal;
    }

    .domain-search.bg-primary .input-group + p {
        font-weight: 300;
    }

    .domain-search.bg-primary .btn {
        background: #48535c;
    }

        .domain-search.bg-primary .btn:hover, .domain-search.bg-primary .btn:focus {
            background: #0177D8;
        }

.ds-texts-col {
    position: relative;
    padding-left: 34px;
}

    .ds-texts-col:before {
        content: '';
        display: block;
        width: 3px;
        height: 105px;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 15px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

@media (max-width: 991px) {
    .ds-texts-col:before {
        height: 85px;
    }
}

.ds-price-box {
    display: block;
    float: left;
    padding: 10px 10px 10px 40px;
    background: rgba(69, 134, 158, 0.1);
    line-height: 55px;
    margin-right: 50px;
    font-size: 24px;
    text-align: left;
}

@media (max-width: 1199px) {
    .ds-price-box {
        padding-left: 17px;
        margin-right: 15px;
    }
}

@media (max-width: 991px) {
    .ds-price-box {
        padding-left: 15px;
        margin-right: 15px;
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .ds-price-box {
        width: calc(50% - 5px);
        margin-bottom: 10px;
        margin-right: 10px;
    }

        .ds-price-box:nth-of-type(2) {
            margin-right: 0;
        }
}

@media (max-width: 479px) {
    .ds-price-box {
        width: 100%;
        margin-right: 0;
    }

        .ds-price-box:last-of-type {
            margin-bottom: 0;
        }
}

.ds-price-box span {
    float: left;
}

.ds-price-box strong {
    margin-left: 40px;
    font-size: 20px;
    float: right;
    padding: 0 25px;
    background: #345263;
}

@media (max-width: 991px) {
    .ds-price-box strong {
        padding: 0 20px;
        font-weight: 600;
        font-size: 16px;
        margin-left: 21px;
    }
}

.ds-price-box:last-child {
    margin-right: 0;
}

.ds-price-box:hover strong, .ds-price-box:focus strong {
    background: #ef5b34;
}

/*Domain Search form Radial*/
.domain-search-radial {
    margin: -100px 0;
    z-index: 2;
    position: relative;
}

@media (max-width: 767px) {
    .domain-search-radial {
        margin: 0;
        z-index: 0;
    }

        .domain-search-radial .container {
            padding: 0;
        }
}

.dsr-form-container {
    margin: 0;
    border-radius: 150px;
    background: #fff;
    display: block;
    overflow: hidden;
}

@media (max-width: 767px) {
    .dsr-form-container {
        border-radius: 0;
    }
}

.dsr-form-heading {
    background: #35abdf;
    padding: 35px 35px 60px 90px;
    color: #fff;
}

@media (min-width: 992px) {
    .dsr-form-heading {
        width: 28%;
    }
}

@media (max-width: 991px) {
    .dsr-form-heading {
        padding: 30px 30px 60px 70px;
    }
}

@media (max-width: 767px) {
    .dsr-form-heading {
        padding: 30px;
    }
}

@media (max-width: 609px) {
    .dsr-form-heading {
        display: block;
    }
}

.dsr-form-heading img {
    margin-bottom: 10px;
}

.dsr-form-heading .form-title {
    font-family: "SofiaPro", "Poppins", sans-serif;
    letter-spacing: 0;
    font-weight: 100;
    margin: 0;
    white-space: nowrap;
}

    .dsr-form-heading .form-title strong {
        display: block;
    }

.dsr-form-inputs {
    vertical-align: middle;
    padding-left: 65px;
    padding-right: 95px;
}

@media (min-width: 992px) {
    .dsr-form-inputs {
        width: 72%;
    }
}

@media (max-width: 991px) {
    .dsr-form-inputs {
        padding-left: 30px;
        padding-right: 70px;
    }
}

@media (max-width: 767px) {
    .dsr-form-inputs {
        padding: 0 30px;
    }
}

@media (max-width: 609px) {
    .dsr-form-inputs {
        padding: 30px;
    }
}

.dsr-form-inputs .input-group {
    border-bottom: 1px solid #cad2d5;
    width: 100%;
}

.dsr-form-inputs .form-control {
    border: none;
    padding-left: 0;
    height: 48px;
}

    .dsr-form-inputs .form-control.placeholder {
        font-family: "SofiaPro", "Poppins", sans-serif;
        font-size: 20px;
        color: #647482;
    }

@media (max-width: 991px) {
    .dsr-form-inputs .form-control.placeholder {
        font-size: 14px;
    }
}

.dsr-form-inputs .form-control:-moz-placeholder {
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-size: 20px;
    color: #647482;
}

@media (max-width: 991px) {
    .dsr-form-inputs .form-control:-moz-placeholder {
        font-size: 14px;
    }
}

.dsr-form-inputs .form-control::-moz-placeholder {
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-size: 20px;
    color: #647482;
}

@media (max-width: 991px) {
    .dsr-form-inputs .form-control::-moz-placeholder {
        font-size: 14px;
    }
}

.dsr-form-inputs .form-control::-webkit-input-placeholder {
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-size: 20px;
    color: #647482;
}

@media (max-width: 991px) {
    .dsr-form-inputs .form-control::-webkit-input-placeholder {
        font-size: 14px;
    }
}

.dsr-form-inputs .input-group-addon {
    border: none;
}

    .dsr-form-inputs .input-group-addon button {
        background: none;
    }

.hosting-services-tabs-section {
    padding: 85px 0 95px;
}

.hstab.nav-tabs {
    border: 1px solid #dbe3e7;
    border-bottom: none;
    margin-bottom: 60px;
}

    .hstab.nav-tabs li {
        border-left: 1px solid #dbe3e7;
    }

        .hstab.nav-tabs li:first-child {
            border-left: none;
        }

@media (max-width: 991px) {
    .hstab.nav-tabs li {
        width: 50%;
        float: left;
        border-bottom: 1px solid #dbe3e7;
        margin: 0;
    }

        .hstab.nav-tabs li:nth-child(3) {
            border-left: none;
        }
}

@media (max-width: 767px) {
    .hstab.nav-tabs li {
        width: 100%;
        border-left: none;
    }
}

.hstab.nav-tabs li a {
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #dbe3e7;
    background: #f7f7f7;
    padding: 0 30px;
    line-height: 58px;
    font-family: Microsoft JhengHei;
    color: #647482;
    margin: 0;
}

@media (max-width: 991px) {
    .hstab.nav-tabs li a {
        border-bottom: none;
    }
}

.hstab.nav-tabs li a:hover, .hstab.nav-tabs li a:focus {
    border: none;
    border-bottom: 1px solid #dbe3e7;
}

.hstab.nav-tabs li.active a {
    border: none;
    background: #fff;
    font-weight: bold;
    color: #36424d;
}

    .hstab.nav-tabs li.active a:hover, .hstab.nav-tabs li.active a:focus {
        border: none;
    }

.hstab.nav-tabs.hstab2 {
    margin: 0;
    border: none;
}

    .hstab.nav-tabs.hstab2 li a {
        border-bottom: none;
        background: #f2f6f8;
    }

    .hstab.nav-tabs.hstab2 li.active a {
        background: #fff;
    }

@media (min-width: 992px) {
    .hst-contents .col-plan {
        padding-left: 45px;
    }
}

.hst-contents a.more-link {
    display: inline-block;
    margin: 34px 0 60px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    color: #0177D8;
    font-size: 16px;
}

.au-title {
    margin-bottom: 10px;
    font-family: Microsoft JhengHei;
    font-weight: 300;
    line-height: 1.42;
    color: #36424d;
}

    .au-title + p {
        color: #647482;
        font-size: 16px;
        font-family: Microsoft JhengHei;
        line-height: 1.6875;
        margin-bottom: 20px;
    }

.hst-plan {
    border: 1px solid #dbe3e7;
}

@media (max-width: 991px) {
    .hst-plan {
        margin: 30px 0 0;
    }
}

.plan-list {
    padding: 38px;
}

@media (max-width: 479px) {
    .plan-list {
        padding: 5px 13px;
    }
}

.plan-list li {
    line-height: 42px;
    color: #647482;
    font-size: 16px;
    font-family: Microsoft JhengHei;
}

    .plan-list li i {
        margin-right: 15px;
        color: #727bd8;
        font-size: 14px;
    }

.plan-list.list-col2 {
    padding: 0;
    margin-bottom: 55px;
}

    .plan-list.list-col2 li {
        width: 50%;
        float: left;
    }

@media (max-width: 991px) {
    .plan-list.list-col2 li {
        width: 100%;
        line-height: 30px;
        font-size: 14px;
    }
}

.plan-list.list-col2 li i {
    color: #0177D8;
}

.hst-plan-price {
    padding: 18px 24px;
    background: #647482;
    color: #c0cfdc;
    font-family: Microsoft JhengHei;
    line-height: 1.2;
}

    .hst-plan-price .price {
        font-size: 36px;
        font-family: Microsoft JhengHei;
        font-weight: bold;
        color: #fff;
        display: block;
    }

        .hst-plan-price .price sup, .hst-plan-price .price sub {
            font-size: 18px;
            font-weight: lighter;
        }

        .hst-plan-price .price sup {
            top: -10px;
        }

        .hst-plan-price .price sub {
            bottom: 0;
        }

    .hst-plan-price .media-right {
        vertical-align: middle;
    }

@media (max-width: 479px) {
    .hst-plan-price .media-right {
        display: block;
        padding-left: 0;
        padding-top: 15px;
    }
}

.hst-plan-price.vps-v {
    max-width: 385px;
    background: #272f38;
    margin-bottom: 40px;
}

.hst-plan-name {
    font-size: 20px;
    font-family: Microsoft JhengHei;
    color: #FFF;
    font-weight: bold;
}

@media (max-width: 991px) {
    .hst-plan-name {
        font-size: 17px;
    }
}

.service-quote {
    margin: 0;
    position: relative;
}

    .service-quote .media-left {
        padding-right: 20px;
    }

        .service-quote .media-left .media-object {
            width: 100px;
            height: 100px;
        }

            .service-quote .media-left .media-object img {
                max-width: 100%;
            }

    .service-quote .media-right {
        padding-left: 30px;
    }

@media (max-width: 479px) {
    .service-quote .media-right {
        position: absolute;
        display: block;
        padding: 0;
        top: 0;
        right: 0;
    }
}

@media (max-width: 479px) {
    .service-quote .media-right .media-object {
        width: 30px;
    }
}

@media (max-width: 479px) {
    .service-quote .media-right .media-object img {
        width: 100%;
    }
}

@media (max-width: 479px) {
    .service-quote .media-body {
        display: block;
    }
}

.service-quote p {
    font-family: Microsoft JhengHei;
    font-size: 18px;
    line-height: 1.33;
    margin-top: 5px;
    margin-bottom: 25px;
}

.service-quote h4 {
    font-size: 16px;
    line-height: 1;
    margin-bottom: 5px;
    margin-top: 0;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    color: #36424d;
}

.service-quote h5 {
    margin: 0;
    font-family: Microsoft JhengHei;
    color: #647482;
}

.hosting-services-tabs2-section {
    background: #f2f6f8;
    padding-top: 65px;
}

    .hosting-services-tabs2-section .section-title {
        margin-bottom: 50px;
    }

.hst-contents-section {
    background: #fff;
    padding-top: 65px;
}

.hst-content2-texts {
    padding: 40px 15px 120px;
}

@media (max-width: 991px) {
    .hst-content2-texts {
        padding: 0 15px 25px;
    }
}

@media (max-width: 767px) {
    .hst-content2-texts {
        padding-bottom: 70px;
    }
}

.hst-content2-texts h2 {
    font-family: Microsoft JhengHei;
    font-weight: bold;
    color: #36424d;
    margin-top: 0;
    margin-bottom: 22px;
}

@media (max-width: 991px) {
    .hst-content2-texts p {
        font-weight: 400;
    }
}

.hst-content2-texts .btn {
    background: #727bd8;
    margin-right: 30px;
    float: left;
}

.hst-content2-texts .price-4service {
    float: left;
    font-family: Microsoft JhengHei;
    color: #647482;
}

    .hst-content2-texts .price-4service .p4s-price {
        display: block;
        font-size: 36px;
        color: #0177D8;
        font-family: Microsoft JhengHei;
        font-weight: bold;
        line-height: 1;
    }

        .hst-content2-texts .price-4service .p4s-price sup {
            top: -12px;
            font-size: 18px;
            font-weight: 100;
            color: #36424d;
        }

        .hst-content2-texts .price-4service .p4s-price sub {
            bottom: 0;
            font-size: 18px;
            font-weight: 100;
            color: #36424d;
        }

.hst-circle-list {
    margin: 40px 0;
    padding: 0;
}

@media (max-width: 991px) {
    .hst-circle-list {
        margin: 20px 0;
    }
}

.hst-circle-list li {
    margin-bottom: 15px;
    color: #36424d;
    width: 50%;
    float: left;
    background: url(../icons/circle-check.png) no-repeat scroll 0 center;
    padding-left: 52px;
    line-height: 2;
    font-family: Microsoft JhengHei;
    font-size: 16px;
}

@media (max-width: 991px) {
    .hst-circle-list li {
        width: 100%;
    }
}

.hst-model {
    text-align: center;
}

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

/*Services at HostPro*/
.services-at-hostpro-row {
    padding: 45px 0 80px;
}

.services-at-hostpro .section-title {
    margin: 45px 0 60px;
}

@media (max-width: 991px) {
    .services-at-hostpro .section-title {
        margin: 15px 0 0;
    }
}

.services-at-hostpro .hp-h3.h3 {
    font-size: 24px;
    margin: 0 0 24px;
}

.services-at-hostpro p {
    font-family: Microsoft JhengHei;
    font-size: 16px;
    color: #647482;
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    .services-at-hostpro p {
        font-size: 14px;
        margin-bottom: 20px;
    }
}

.services-at-hostpro .btn {
    float: left;
}

.services-at-hostpro img {
    width: auto !important;
    max-width: 100%;
    display: inline-block !important;
}

.services-at-hostpro .owl-dots {
    display: table;
    margin: 0 auto;
}

.services-at-hostpro .owl-dot {
    float: left;
    width: 19px;
    height: 4px;
    border-radius: 3px;
    background: #dedfe0;
}

    .services-at-hostpro .owl-dot + .owl-dot {
        margin-left: 3px;
    }

    .services-at-hostpro .owl-dot.active {
        background: #727bd8;
    }

.service-price {
    font-size: 36px;
    color: #36424d;
    font-family: Microsoft JhengHei;
    font-weight: lighter;
    float: left;
    margin-left: 35px;
}

    .service-price sup, .service-price span {
        font-size: 50%;
    }

    .service-price sup {
        top: -0.65em;
    }

    .service-price strong {
        font-weight: bold;
        color: #0177D8;
    }

/*Round Services*/
.rounded-services-section {
    display: table;
    width: 100%;
    position: relative;
    z-index: 2;
}

.rss-left-part {
    float: left;
    width: calc(50% + 108px);
    border-radius: 0 238px 238px 0;
    background: #ef5b34;
}

@media (max-width: 767px) {
    .rss-left-part {
        width: 100%;
        border-radius: 0;
        float: none;
        display: table;
    }
}

.rss-texts-box {
    width: calc( 585px + 108px);
    padding: 120px 108px 155px 15px;
    float: right;
    color: #fff;
}

@media (max-width: 1199px) {
    .rss-texts-box {
        width: calc( 485px + 108px);
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .rss-texts-box {
        width: calc( 325px + 108px);
    }

        .rss-texts-box .link {
            border-left: none;
            padding-left: 0;
            margin-left: 0;
        }
}

@media (max-width: 767px) {
    .rss-texts-box {
        width: 100%;
        padding: 50px 15px;
    }

        .rss-texts-box .link {
            padding-left: 20px;
            margin-left: 20px;
        }
}

@media (max-width: 479px) {
    .rss-texts-box .link {
        border-left: none;
        padding-left: 0;
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    .rss-plan-list.slide-flist3 li {
        width: 100%;
    }
}

.rss-right-part {
    width: calc(50% - 60px);
    height: 809px;
    background-position: left bottom;
    background-size: cover;
    border-radius: 238px 0 0 238px;
    position: absolute;
    bottom: -38px;
    right: 0;
    z-index: 2;
    -webkit-box-shadow: 0px 32px 109px 0px rgba(0, 0, 0, 0.46);
    box-shadow: 0px 32px 109px 0px rgba(0, 0, 0, 0.46);
}

@media (max-width: 767px) {
    .rss-right-part {
        width: 100%;
        border-radius: 0;
        position: relative;
        bottom: auto;
        top: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        float: none;
        background-size: cover;
        height: 440px;
    }
}

@media (max-width: 479px) {
    .rss-right-part {
        height: 300px;
    }
}

.rss-section-title {
    border-left: 2px solid #fff;
    padding-left: 20px;
    margin-bottom: 60px;
}

.rss-sectitle {
    font-size: 42px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    margin-top: 0;
}

    .rss-sectitle + p {
        font-family: "SofiaPro", "Poppins", sans-serif;
        font-size: 14px;
        margin: 0;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
    }

.rss-host-title {
    font-size: 28px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    margin-top: 0;
}

    .rss-host-title + p {
        line-height: 1.875;
        font-family: "SofiaPro", "Poppins", sans-serif;
        font-size: 14px;
        margin: 0;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
    }

.why-choose-us {
    padding: 85px 0;
    background: #fafafa;
}

.why-to-choose {
    padding: 15px;
}

.wtc-icon {
    line-height: 50px;
}

.wtc-title {
    margin: 25px 0;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    color: #36424d;
}

.wtc-icon2 {
    line-height: 98px;
    width: 98px;
    border-radius: 50%;
    background: #0177D8;
    margin: 0;
    display: inline-block;
}

.wtc-title2 {
    margin: 35px 0;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    color: #36424d;
}

.wtc-read-more {
    color: #35abdf;
    font-weight: 500;
    font-family: Microsoft JhengHei;
    display: inline-block;
    font-size: 16px;
    opacity: 0;
    letter-spacing: 8px;
}

.wtc-inner {
    padding: 0px 30px;
    margin: 0;
    position: relative;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

    .wtc-inner p {
        font-family: Microsoft JhengHei;
        font-size: 16px;
        line-height: 1.875;
        margin-bottom: 32px;
        color: #647482;
        text-align: left;
        margin-left: 20px;
    }

    .wtc-inner:hover, .wtc-inner:focus {
    }

        .wtc-inner:hover:before, .wtc-inner:focus:before {
            opacity: 1;
        }

        .wtc-inner:hover .wtc-read-more, .wtc-inner:focus .wtc-read-more {
            letter-spacing: 0;
            opacity: 1;
        }

.why-choose-us2 {
    padding: 90px 0 135px;
}

    .why-choose-us2 .section-title {
        margin-bottom: 55px;
    }

.why-to-choose2 {
    text-align: center;
    padding: 15px;
}

    .why-to-choose2 p {
        font-size: 16px;
        line-height: 1.875;
        font-family: Microsoft JhengHei;
        color: #647482;
        margin: 0 30px;
    }

@media (max-width: 1199px) {
    .why-to-choose2 p {
        margin: 0;
        font-size: 14px;
    }
}

.why-to-choose2.style2 {
    padding: 40px;
}

@media (max-width: 1199px) {
    .why-to-choose2.style2 {
        padding: 30px;
    }
}

.why-to-choose2.style2 p {
    margin: 0;
}

.why-to-choose2.style2 .wtc-icon2 {
    background: #889aae;
}

.why-to-choose2.style3 {
    text-align: left;
    padding: 25px 15px;
}

    .why-to-choose2.style3 .h4 {
        margin-top: 18px;
    }

    .why-to-choose2.style3 p {
        margin: 0;
    }

    .why-to-choose2.style3 .wtc-icon2 {
        background: #f2f6f8;
        display: table;
        margin: 0 auto;
        text-align: center;
    }

.why-to-choose2.style4 {
    text-align: left;
    padding: 35px 70px 35px 15px;
}

    .why-to-choose2.style4 .h4 {
        margin: 30px 0 20px;
    }

    .why-to-choose2.style4 p {
        margin: 0;
    }

    .why-to-choose2.style4 .wtc-icon3 {
        line-height: 60px;
    }

.about-us1 {
    padding: 70px 0;
}

.fun-facts-box .fun-fact {
    height: 130px;
    padding-top: 35px;
}

@media (max-width: 767px) {
    .fun-facts-box .fun-fact {
        border: none !important;
        padding-top: 15px;
        height: auto;
    }
}

.fun-facts-box .fun-fact:nth-child(even) {
    border-left: 1px solid #e2e8ed;
}

.fun-facts-box .fun-fact:nth-child(3), .fun-facts-box .fun-fact:nth-child(4) {
    border-top: 1px solid #e2e8ed;
}

.fun-facts-box .fun-fact .media {
    vertical-align: middle;
}

@media (max-width: 767px) {
    .fun-facts-box .fun-fact .media {
        margin: 0;
    }
}

.fun-facts-video {
    padding: 45px 0;
    background: #0177D8;
}

.fun-fact-video {
    border: 9px solid #fff;
    margin: 0;
    height: 348px;
    background: url(../images/fun-fact-video.jpg) no-repeat scroll center 0;
    background-size: cover;
    -webkit-box-shadow: 0px 9px 45px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 9px 45px 0px rgba(0, 0, 0, 0.16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
}

    .fun-fact-video:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: #323a3d;
        opacity: 0.77;
    }

    .fun-fact-video a {
        display: block;
        color: #fff;
        z-index: 2;
    }

        .fun-fact-video a i {
            font-size: 60px;
            margin-bottom: 25px;
        }

        .fun-fact-video a h2 {
            font-size: 25px;
            margin: 0;
        }

.fun-facts-videos {
    display: table;
    background: #35abdf;
    width: 100%;
    max-width: 100vw;
}

    .fun-facts-videos .video-tab, .fun-facts-videos .fun-fact-tab {
        display: table-cell;
        float: none;
        padding: 125px 15px 85px;
        position: relative;
        vertical-align: top;
    }

@media (max-width: 991px) {
    .fun-facts-videos .video-tab, .fun-facts-videos .fun-fact-tab {
        display: block;
        width: 100%;
    }
}

.fun-facts-videos .video-tab .inner, .fun-facts-videos .fun-fact-tab .inner {
    position: relative;
    z-index: 2;
    color: #fff;
    margin: 0;
}

@media (max-width: 991px) {
    .fun-facts-videos .video-tab .inner, .fun-facts-videos .fun-fact-tab .inner {
        max-width: 100%;
    }
}

.fun-facts-videos .video-tab {
    background: #36424d;
}

    .fun-facts-videos .video-tab:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: url(../images/fun-fact-video2.jpg) no-repeat scroll 0 0;
        background-size: cover;
        opacity: 0.15;
    }

    .fun-facts-videos .video-tab .inner {
        float: right;
        width: 440px;
        margin-top: 25px;
        margin-right: 100px;
    }

@media (max-width: 1199px) {
    .fun-facts-videos .video-tab .inner {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .fun-facts-videos .video-tab .inner {
        float: none;
        margin: 0 auto;
        width: 480px;
    }
}

@media (max-width: 767px) {
    .fun-facts-videos .video-tab .inner {
        width: 400px;
    }
}

@media (max-width: 479px) {
    .fun-facts-videos .video-tab .inner {
        width: auto;
    }
}

.fun-facts-videos .fun-fact-tab .inner {
    float: left;
    width: 485px;
    margin-left: 70px;
}

@media (max-width: 1199px) {
    .fun-facts-videos .fun-fact-tab .inner {
        margin-left: 0;
    }
}

@media (max-width: 991px) {
    .fun-facts-videos .fun-fact-tab .inner {
        float: none;
        margin: 0 auto;
        width: 480px;
    }
}

@media (max-width: 767px) {
    .fun-facts-videos .fun-fact-tab .inner {
        width: 400px;
    }
}

@media (max-width: 479px) {
    .fun-facts-videos .fun-fact-tab .inner {
        width: auto;
    }
}

.fun-facts-videos .fun-fact {
    padding-top: 30px;
    height: 115px;
}

    .fun-facts-videos .fun-fact .media-body {
        color: rgba(255, 255, 255, 0.6);
    }

    .fun-facts-videos .fun-fact strong {
        color: #fff;
    }

    .fun-facts-videos .fun-fact:nth-child(even) {
        border-left-color: rgba(255, 255, 255, 0.2);
    }

@media (max-width: 479px) {
    .fun-facts-videos .fun-fact:nth-child(even) {
        border-left: none;
    }
}

.fun-facts-videos .fun-fact:nth-child(3), .fun-facts-videos .fun-fact:nth-child(4) {
    border-top-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
    .fun-facts-videos .fun-fact {
        border: none !important;
    }
}

.fun-facts-videos p {
    margin-top: 45px;
    margin-bottom: 0;
    font: 300 22px/1.64 "Lato", sans-serif;
    color: #fff;
    opacity: .8;
}

@media (max-width: 1199px) {
    .fun-facts-videos p {
        font-size: 17px;
        line-height: 1.5;
    }
}

.vt-title {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 65px;
    padding-bottom: 45px;
    font-family: Microsoft JhengHei;
    font-weight: 100;
    line-height: 1.3;
    border-bottom: 4px solid #0177D8;
}

    .vt-title strong {
        font-weight: 700;
    }

.video-row {
    padding: 88px 0;
    background: #36424d;
}

@media (max-width: 991px) {
    .video-row .popup-video:not(.vidpop-link) {
        display: block;
        width: 345px;
    }

        .video-row .popup-video:not(.vidpop-link) img {
            max-width: 100%;
        }
}

@media (max-width: 767px) {
    .video-row .popup-video:not(.vidpop-link) {
        width: 100%;
        margin-bottom: 30px;
    }
}

.video-row .col-sm-6 {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

@media (min-width: 1200px) {
    .video-row .col-sm-6:last-child {
        padding-left: 55px;
    }
}

@media (max-width: 767px) {
    .video-row .col-sm-6:last-child .popup-video:not(.vidpop-link) {
        width: 100%;
        margin-bottom: 0;
        margin-top: 30px;
    }
}

@media (max-width: 767px) {
    .video-row .col-sm-6 {
        display: block;
    }
}

.video-row .hp-h1 {
    color: #fff;
    font-weight: normal;
    margin: 0;
}

@media (max-width: 991px) {
    .video-row .hp-h1 {
        font-size: 24px;
    }
}

.video-row p {
    margin: 35px 0;
    font-family: Microsoft JhengHei;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.67;
    color: #8a9db3;
}

@media (max-width: 991px) {
    .video-row p {
        font-weight: 400;
        font-size: 14px;
        margin: 20px 0;
    }
}

.video-row.hosting-wp-v {
    background-image: -moz-linear-gradient(45deg, #48c44e 0%, #00bbaf 100%);
    background-image: -webkit-linear-gradient(45deg, #48c44e 0%, #00bbaf 100%);
    background-image: -ms-linear-gradient(45deg, #48c44e 0%, #00bbaf 100%);
}

    .video-row.hosting-wp-v p {
        color: #fff;
        opacity: 0.8;
    }

.vidpop-link {
    display: inline-block;
    border-bottom: 2px solid rgba(255, 255, 255, 0.53);
    color: #fff;
    font-family: Microsoft JhengHei;
    line-height: 2.125;
    font-weight: bold;
}

@media (max-width: 991px) {
    .vidpop-link {
        font-weight: 400;
    }
}

.vidpop-link:hover, .vidpop-link:focus {
    color: #0177D8;
    border-color: #0177D8;
}

.fab-team-members {
    padding: 90px 0 115px;
    background: #f2f6f8;
}

.team-member {
    padding: 15px;
    text-align: center;
}

@media (max-width: 767px) {
    .team-member {
        width: 290px;
        margin: 0 auto;
    }
}

.team-member .inner {
    margin: 0;
    background: #fff;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
}

.team-member .tminfo {
    padding: 32px 20px;
}

.team-member ul {
    display: table;
    margin: 0 auto;
}

    .team-member ul li + li {
        margin-left: 15px;
    }

    .team-member ul li a {
        color: #899baf;
        display: block;
    }

        .team-member ul li a:hover, .team-member ul li a:focus {
            color: #0177D8;
        }

.tm-title {
    font-size: 19px;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    color: #36424d;
    margin-top: 0;
    margin-bottom: 5px;
}

.tm-pos {
    font-family: Microsoft JhengHei;
    margin-top: 0;
    margin-bottom: 20px;
    color: #36424d;
}

.company-journey {
    padding: 95px 0 130px;
}

.cmjtablist.nav {
    background: url(../icons/journey.png) no-repeat scroll center center;
    margin: 0 45px 170px;
    max-width: 100%;
    width: auto;
}

@media (max-width: 1199px) {
    .cmjtablist.nav {
        margin: 0 0 170px;
        background-size: contain;
    }
}

@media (max-width: 767px) {
    .cmjtablist.nav {
        background: none;
        display: table;
        margin: 0 auto 170px;
    }
}

.cmjtablist.nav li {
    padding: 0 107px;
}

@media (max-width: 1199px) {
    .cmjtablist.nav li {
        padding: 0 80px;
    }
}

@media (max-width: 991px) {
    .cmjtablist.nav li {
        padding: 0 40px;
    }
}

@media (max-width: 767px) {
    .cmjtablist.nav li {
        padding: 0 15px;
        float: left;
    }
}

.cmjtablist.nav li:first-child {
    padding-left: 134px;
}

@media (max-width: 1199px) {
    .cmjtablist.nav li:first-child {
        padding-left: 100px;
    }
}

@media (max-width: 767px) {
    .cmjtablist.nav li:first-child {
        padding-left: 0;
    }
}

.cmjtablist.nav li:last-child {
    padding-right: 134px;
}

@media (max-width: 1199px) {
    .cmjtablist.nav li:last-child {
        padding-right: 100px;
    }
}

@media (max-width: 767px) {
    .cmjtablist.nav li:last-child {
        padding-right: 0;
    }
}

.cmjtablist.nav li a {
    margin: 0;
    border: none;
    width: 76px;
    height: 76px;
    line-height: 76px;
    display: block;
    border-radius: 100%;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

    .cmjtablist.nav li a:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 0px solid #36424d;
        margin: 32px auto 0;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

    .cmjtablist.nav li a:before {
        display: block;
        content: attr(data-date);
        position: absolute;
        line-height: 1;
        white-space: nowrap;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        font-family: Microsoft JhengHei;
        font-weight: 600;
        color: #647482;
        overflow: hidden;
        height: 0;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
        bottom: -70px;
    }

    .cmjtablist.nav li a:hover, .cmjtablist.nav li a:focus {
        border: none;
    }

.cmjtablist.nav li:nth-child(1) a {
    background: #4ccfc7;
}

.cmjtablist.nav li:nth-child(2) a {
    background: #f48c71;
}

.cmjtablist.nav li:nth-child(3) a {
    background: #71c4e9;
}

.cmjtablist.nav li.active a {
    border: none;
}

    .cmjtablist.nav li.active a:after {
        border-bottom-width: 9px;
    }

    .cmjtablist.nav li.active a:before {
        height: 14px;
    }

    .cmjtablist.nav li.active a:hover, .cmjtablist.nav li.active a:focus {
        border: none;
    }

@media (max-width: 767px) {
    .cmjtabcontent [class^="col-"] {
        padding: 15px;
    }

        .cmjtabcontent [class^="col-"] .row {
            margin: 0;
        }
}

.cmjtabcontent img {
    max-width: 100%;
}

.cmjtabcontent p {
    font-size: 16px;
    font-family: Microsoft JhengHei;
    color: #647482;
    margin-bottom: 25px;
}

.tabctitle {
    margin-top: 0;
    margin-bottom: 22px;
}

.view-article {
    display: inline-block;
    margin-top: 5px;
    font-family: Microsoft JhengHei;
    font-size: 15px;
    font-weight: bold;
    color: #36424d;
}

    .view-article:hover, .view-article:focus {
        color: #0177D8;
    }

/*Why Choose Us 3*/
.why-choose-us3 {
    padding: 80px 0;
    border-bottom: 1px solid #eaecee;
}

@media (max-width: 767px) {
    .why-choose-us3 .container > .row {
        margin: 0;
    }
}

.why-choose-us3 .text-center img {
    max-width: 100%;
}

.why-choose-us3 .section-title {
    margin-top: 35px;
    margin-bottom: 60px;
}

@media (max-width: 991px) {
    .why-choose-us3 .section-title {
        margin-top: 0;
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .why-choose-us3 .section-title {
        margin-top: 40px;
    }
}

.why-to-choose3 .media-left {
    padding-right: 18px;
}

.why-to-choose3 .media-object {
    width: 48px;
}

.why-to-choose3 + .media {
    margin-top: 50px;
}

@media (max-width: 991px) {
    .why-to-choose3 + .media {
        margin-top: 25px;
    }
}

.wtc3-title {
    margin: 0 0 15px;
    text-transform: uppercase;
    color: #36424d;
    font-family: Microsoft JhengHei;
    font-weight: 600;
}

@media (max-width: 991px) {
    .wtc3-title {
        margin-bottom: 10px;
    }
}

.wtc3-title + p {
    font-family: Microsoft JhengHei;
    font-size: 16px;
    line-height: 1.625;
    margin: 0;
    color: #647482;
}

@media (max-width: 991px) {
    .wtc3-title + p {
        font-size: 14px;
        line-height: 1.4;
    }
}

.fun-fact-with-video {
    padding-top: 35px;
    padding-bottom: 35px;
}

@media (max-width: 991px) {
    .fun-fact-with-video {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    .fun-fact-with-video {
        padding-bottom: 25px;
    }
}

.fun-fact-with-video .fun-fact {
    padding-top: 45px;
    padding-bottom: 45px;
}

@media (max-width: 991px) {
    .fun-fact-with-video .fun-fact {
        padding-top: 18px;
        padding-bottom: 18px;
    }

        .fun-fact-with-video .fun-fact .media {
            margin: 0;
        }
}

.fun-fact-with-video .fun-fact .media-body,
.fun-fact-with-video .fun-fact strong {
    color: #fff;
}

/*Why Choose Us 4*/
.why-choose-us4 {
    background: url(../icons/server.png) no-repeat scroll center bottom #fff;
    padding: 95px 0 0;
}

@media (max-width: 1199px) {
    .why-choose-us4 {
        background-image: url(../icons/server2.png);
    }
}

.why-choose-us4 .section-title {
    margin-bottom: 70px;
}

.why-to-choose4-row {
    margin-bottom: 120px;
}

@media (max-width: 1199px) {
    .why-to-choose4-row {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .why-to-choose4-row {
        margin-bottom: 0;
    }
}

.why-to-choose4-row:last-child {
    margin-bottom: 80px;
}

.why-to-choose4 {
    padding: 15px;
}

    .why-to-choose4 .media-left {
        padding-right: 30px;
        padding-left: 10px;
    }

@media (max-width: 1199px) {
    .why-to-choose4 .media-left {
        padding-left: 0;
    }
}

.why-to-choose4 .media-body {
    padding-right: 40px;
}

.why-to-choose4 .hp-h4 {
    font-family: Microsoft JhengHei;
    margin-top: 0;
    margin-bottom: 15px;
}

.why-to-choose4 p {
    font: 16px/1.875 "Lato", sans-serif;
    margin: 0;
    color: #647482;
}

.why-to-choose4:nth-child(2) .media-left {
    padding-left: 25px;
}

@media (max-width: 1199px) {
    .why-to-choose4:nth-child(2) .media-left {
        padding-left: 0;
    }
}

.why-to-choose4:nth-child(2) .media-body {
    padding-right: 20px;
}

@media (max-width: 1199px) {
    .why-to-choose4:nth-child(2) .media-body {
        padding-right: 0;
    }
}

.why-to-choose4:last-child .media-left {
    padding-left: 50px;
}

@media (max-width: 1199px) {
    .why-to-choose4:last-child .media-left {
        padding-left: 0;
    }
}

.why-to-choose4:last-child .media-body {
    padding-right: 0;
}

/*Why Choose US 5*/
.why-choose-us5 {
    padding: 200px 15px 170px;
    background-repeat: no-repeat;
    background-image: url(../icons/bgcloud1.png), url(../icons/bgcloud2.png), url(../icons/bgcloud3.png);
    background-position: calc( 50% - 585px) 0, calc( 50% + 585px) center, calc( 50% - 585px) 625px;
    background-color: #fff;
}

    .why-choose-us5 .section-title {
        margin-bottom: 60px;
    }

        .why-choose-us5 .section-title h2, .why-choose-us5 .section-title p {
            font-family: "SofiaPro", "Poppins", sans-serif;
        }

.why-to-choose5 {
    text-align: center;
    padding: 15px;
}

    .why-to-choose5 .row {
        margin: 0;
    }

.wtc5-inner {
    padding: 55px 30px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(17, 7, 0, 0.13);
    box-shadow: 0px 0px 4px 0px rgba(17, 7, 0, 0.13);
    border-bottom: 7px solid #727bd8;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

    .wtc5-inner p {
        margin: 0;
        font: 16px/1.875 "SofiaPro", "Lato", sans-serif;
        color: #647482;
    }

    .wtc5-inner h2 {
        font-family: "SofiaPro", "Poppins", sans-serif;
        font-size: 22px;
        margin-top: 42px;
        margin-bottom: 20px;
        color: #36424d;
    }

    .wtc5-inner:hover, .wtc5-inner:focus {
        -webkit-box-shadow: 0px 22px 40px 0px rgba(245, 116, 61, 0.16);
        box-shadow: 0px 22px 40px 0px rgba(245, 116, 61, 0.16);
        border-color: #ef5b34;
    }

.wtc5-icon {
    line-height: 59px;
}

/*Fun Facts 5*/
.fun-facts-row5.row {
    margin-top: -115px;
    padding: 335px 0 145px;
    background: url(../images/fun-fact-bg.jpg) no-repeat scroll center bottom #fff;
    background-size: cover;
}

@media (max-width: 767px) {
    .fun-facts-row5.row {
        background-size: auto 100%;
        margin-top: 0;
        padding-top: 130px;
    }
}

.ff5-title {
    margin-top: 0;
    margin-bottom: 35px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    color: #35abdf;
    font-size: 42px;
    line-height: 1.3;
}

@media (max-width: 1199px) {
    .ff5-title {
        font-size: 36px;
    }
}

@media (max-width: 767px) {
    .ff5-title {
        font-size: 30px;
    }
}

@media (min-width: 768px) {
    .ff5-texts-block {
        padding-left: 75px;
    }
}

.fun-fact5 {
    padding: 15px;
}

@media (max-width: 479px) {
    .fun-fact5 {
        width: 100%;
    }
}

.fun-fact5 .inner {
    padding: 10px;
    border: 1px solid #dbe4e7;
}

@media (max-width: 767px) {
    .fun-fact5 .inner {
        background: #fff;
    }
}

.fun-fact5 .media {
    height: 125px;
    padding: 25px 0;
    border-bottom: 2px solid #b5e0f3;
}

@media (max-width: 1199px) {
    .fun-fact5 .media {
        padding: 15px 0;
        height: 105px;
    }
}

.fun-fact5 .media-left {
    padding: 0;
}

.fun-fact5 .media-object {
    width: 85px;
    text-align: center;
    line-height: 72px;
}

@media (max-width: 1199px) {
    .fun-fact5 .media-object {
        width: 70px;
    }
}

.fun-fact5 h2 {
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-size: 44px;
    margin: 0;
    line-height: 1;
    color: #36424d;
    font-weight: 400;
}

@media (max-width: 1199px) {
    .fun-fact5 h2 {
        font-size: 36px;
    }
}

.fun-fact5 h4 {
    margin: 0;
    text-transform: uppercase;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #35abdf;
}

@media (max-width: 1199px) {
    .fun-fact5 h4 {
        font-size: 14px;
        font-weight: 500;
    }
}

.ff5-popup {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    position: absolute;
    top: 40px;
    left: 365px;
    z-index: 2;
    text-align: center;
}

@media (max-width: 991px) {
    .ff5-popup {
        left: 165px;
    }
}

@media (max-width: 767px) {
    .ff5-popup {
        position: relative;
        left: auto;
        top: 0;
        display: table;
        margin: 0 auto 130px;
    }
}

.ff5-popup i {
    position: relative;
    z-index: 2;
}

.ff5-popup:before, .ff5-popup:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(0);
    -ms-transform: translate(-50%, -50%) rotate(0);
    transform: translate(-50%, -50%) rotate(0);
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

.ff5-popup:before {
    width: 278px;
    height: 278px;
    background: rgba(50, 185, 244, 0.08);
    z-index: 0;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(240, 248, 251, 0.82);
    box-shadow: 0px 0px 11px 0px rgba(240, 248, 251, 0.82);
}

@media (max-width: 991px) {
    .ff5-popup:before {
        width: 220px;
        height: 220px;
    }
}

.ff5-popup:after {
    height: 168px;
    width: 168px;
    background: rgba(53, 171, 223, 0.08);
    z-index: 1;
    -webkit-box-shadow: 0px 0px 11px 0px rgba(240, 248, 251, 0.82);
    box-shadow: 0px 0px 11px 0px rgba(240, 248, 251, 0.82);
}

@media (max-width: 991px) {
    .ff5-popup:after {
        height: 110px;
        width: 110px;
    }
}

.ff5-popup:hover, .ff5-popup:focus {
    color: #fff;
}

    .ff5-popup:hover:before, .ff5-popup:focus:before {
        border-radius: 0;
        width: 0;
        height: 0;
        border-top: 100px solid transparent;
        border-left: 100px solid rgba(50, 185, 244, 0.08);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .ff5-popup:hover:after, .ff5-popup:focus:after {
        border-radius: 0;
        width: 0;
        height: 0;
        border-top: 100px solid rgba(53, 171, 223, 0.08);
        border-right: 100px solid transparent;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.ff5-row {
    position: relative;
}

.c2a-plan {
    padding: 95px 0 110px;
    background: #36424d;
}

    .c2a-plan:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: url(../images/vidbg.jpg) no-repeat fixed center center;
        background-size: cover;
        opacity: 0.21;
    }

.c2ap-title {
    color: #fff;
    font-family: Microsoft JhengHei;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 30px;
    line-height: 1.3;
}

.c2ap-list {
    color: #fff;
    font-size: 16px;
    margin-bottom: 45px;
    font-family: Microsoft JhengHei;
}

    .c2ap-list li + li {
        margin-top: 22px;
    }

    .c2ap-list li i {
        width: 30px;
        padding: 0 2px;
        font-size: 14px;
    }

.c2a-video {
    background: #36424d;
    text-align: center;
    height: 528px;
    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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 991px) {
    .c2a-video {
        height: 400px;
    }
}

@media (max-width: 767px) {
    .c2a-video {
        height: 300px;
    }
}

.c2a-video:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/vidbg.jpg) no-repeat fixed center center;
    background-size: cover;
    opacity: 0.15;
}

.c2a-video .container {
    position: relative;
    z-index: 2;
}

.c2a-video a {
    color: #fff;
}

    .c2a-video a i {
        font-size: 60px;
    }

    .c2a-video a .h1 {
        margin: 15px 0 0;
    }

@media (max-width: 767px) {
    .c2a-video a .h1 {
        font-size: 25px;
    }
}

.fun-facts {
    padding: 48px 0;
}

@media (max-width: 991px) {
    .fun-facts {
        padding: 20px 0;
    }
}

@media (max-width: 991px) {
    .fun-fact {
        padding: 15px;
    }
}

@media (max-width: 479px) {
    .fun-fact {
        width: 100%;
    }
}

.fun-fact .media {
    display: table;
    margin: 0 auto;
}

.fun-fact .media-left {
    vertical-align: middle;
    padding-right: 20px;
}

.fun-fact .media-body {
    width: auto;
    letter-spacing: 1.2px;
    font-family: Microsoft JhengHei;
    font-size: 12px;
    text-transform: uppercase;
    color: #647482;
}

@media (max-width: 1199px) {
    .fun-fact .media-body {
        font-size: 10px;
    }
}

.fun-fact strong {
    color: #35abdf;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    letter-spacing: 0;
}

.pricing-tabs-section {
    padding: 75px 0 105px;
    background: #f2f6f8;
}

    .pricing-tabs-section.style5 {
        background: url(../icons/bg-circle.png) no-repeat scroll center 0 #fff;
        border-bottom: 1px solid #e8ebec;
    }

        .pricing-tabs-section.style5 .container {
            position: relative;
            z-index: 2;
        }

        .pricing-tabs-section.style5 .nav-tabs li {
            padding: 0;
        }

            .pricing-tabs-section.style5 .nav-tabs li a {
                padding: 0 30px;
                text-transform: uppercase;
                font-family: "SofiaPro", "Poppins", sans-serif;
                line-height: 43px;
                border-radius: 30px;
                font-size: 14px;
                font-weight: 300;
                color: #fff;
            }

@media (max-width: 991px) {
    .pricing-tabs-section.style5 .nav-tabs li a {
        padding: 0 20px;
    }
}

.pricing-tabs-section.style5 .nav-tabs li a:after {
    display: none;
}

.pricing-tabs-section.style5 .nav-tabs li a:hover, .pricing-tabs-section.style5 .nav-tabs li a:focus {
    color: #36424d;
    font-weight: 700;
}

.pricing-tabs-section.style5 .nav-tabs li.active a {
    color: #36424d;
    font-weight: 700;
    background: #fff;
    -webkit-box-shadow: 0px 11px 28px 0px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 11px 28px 0px rgba(255, 255, 255, 0.4);
}

.pricing-tab {
    border: none;
    display: table;
    margin: 0 auto 30px;
}

    .pricing-tab li {
        padding: 0 32px;
    }

        .pricing-tab li a {
            border: none;
            font-family: Microsoft JhengHei;
            font-size: 16px;
            color: #36424d;
            padding: 0;
            line-height: 34px;
            margin: 0;
            border-radius: 0;
        }

            .pricing-tab li a:after {
                content: '';
                display: block;
                margin: 0 auto;
                height: 2px;
                background: #36424d;
                width: 0;
                -webkit-transition: all 300ms linear 0s;
                -o-transition: all 300ms linear 0s;
                transition: all 300ms linear 0s;
            }

            .pricing-tab li a:hover, .pricing-tab li a:focus {
                border: none;
                background: none;
            }

                .pricing-tab li a:hover:after, .pricing-tab li a:focus:after {
                    width: 50%;
                }

        .pricing-tab li.active a {
            border: none;
            font-weight: bold;
            background: none;
        }

            .pricing-tab li.active a:after {
                width: 100%;
            }

            .pricing-tab li.active a:hover, .pricing-tab li.active a:focus {
                border: none;
                background: none;
            }

@media (max-width: 991px) {
    .pricing-tab.index4 li {
        padding: 0 20px;
    }
}

.pricing-tab.tab-list-3 {
    width: 100%;
    margin-bottom: 50px;
}

    .pricing-tab.tab-list-3 li {
        float: right;
        line-height: 42px;
        padding: 0;
    }

        .pricing-tab.tab-list-3 li:first-child {
            float: left;
        }

        .pricing-tab.tab-list-3 li a {
            line-height: 42px;
            color: #647482;
            padding: 0 20px;
        }

            .pricing-tab.tab-list-3 li a:after {
                display: none;
            }

        .pricing-tab.tab-list-3 li.active a {
            font-weight: 600;
            background: #35abdf;
            color: #fff;
            border-radius: 40px;
        }

            .pricing-tab.tab-list-3 li.active a:hover, .pricing-tab.tab-list-3 li.active a:focus {
                border: none;
            }

.pp-inner {
    padding-top: 52px;
    margin: 0;
    text-align: center;
    background: #fff;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
}

.pp-title {
    line-height: 1;
    margin: 0;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    color: #36424d;
}

    .pp-title:after {
        content: '';
        display: block;
        margin: 12px auto 0;
        height: 2px;
        width: 44px;
    }

.pp-list {
    padding: 35px 15px 60px;
}

    .pp-list li {
        color: #647482;
        font-size: 16px;
    }

@media (max-width: 991px) {
    .pp-list li {
        font-size: 15px;
    }
}

.pp-list li + li {
    margin-top: 15px;
}

.pricing-plan {
    padding: 15px;
}

    .pricing-plan .hst-plan-price {
        padding: 12px 12px 12px 22px;
        margin: 0;
    }

        .pricing-plan .hst-plan-price .media-body {
            vertical-align: middle;
            text-align: left;
        }

@media (min-width: 768px) and (max-width: 991px) {
    .pricing-plan .hst-plan-price .media-right {
        display: block;
        text-align: left;
        padding-left: 0;
        padding-top: 10px;
    }
}

@media (max-width: 479px) {
    .pricing-plan .hst-plan-price .media-right {
        display: table-cell;
        padding-top: 0;
        padding-left: 10px;
    }
}

.pricing-plan .hst-plan-price .price {
    font-size: 30px;
}

@media (max-width: 1199px) {
    .pricing-plan .hst-plan-price .price {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .pricing-plan .hst-plan-price .price {
        font-size: 22px;
    }
}

.pricing-plan .hst-plan-price .price sup, .pricing-plan .hst-plan-price .price sub {
    font-size: 14px;
}

@media (max-width: 1199px) {
    .pricing-plan .hst-plan-price .price sup, .pricing-plan .hst-plan-price .price sub {
        font-size: 12px;
    }
}

.pricing-plan .hst-plan-price .btn {
    padding: 0 30px;
}

@media (max-width: 1199px) {
    .pricing-plan .hst-plan-price .btn {
        padding: 0 20px;
    }
}

.pricing-plan.green .pp-title:after {
    background: #00bbaf;
}

.pricing-plan.green .hst-plan-price {
    background: rgba(0, 187, 175, 0.7);
}

    .pricing-plan.green .hst-plan-price .btn {
        background: #00bbaf;
        color: #FFF;
    }

        .pricing-plan.green .hst-plan-price .btn:hover, .pricing-plan.green .hst-plan-price .btn:focus {
            color: #00bbaf;
            background: #fff;
        }

.pricing-plan.primary .pp-title:after {
    background: #0177D8;
}

.pricing-plan.primary .hst-plan-price {
    background: rgba(255, 103, 38, 0.7);
}

    .pricing-plan.primary .hst-plan-price .btn {
        background: #0177D8;
        color: #FFF;
    }

        .pricing-plan.primary .hst-plan-price .btn:hover, .pricing-plan.primary .hst-plan-price .btn:focus {
            color: #0177D8;
            background: #fff;
        }

.pricing-plan.blue .pp-title:after {
    background: #35abdf;
}

.pricing-plan.blue .hst-plan-price {
    background: rgba(53, 171, 223, 0.7);
}

    .pricing-plan.blue .hst-plan-price .btn {
        background: #35abdf;
        color: #FFF;
    }

        .pricing-plan.blue .hst-plan-price .btn:hover, .pricing-plan.blue .hst-plan-price .btn:focus {
            color: #35abdf;
            background: #fff;
        }

.pricing-plan.style2 .pp-inner {
    padding-top: 0;
}

.pricing-plan.style2 .pp-title {
    background: #36424d;
    padding: 32px;
    color: #fff;
}

    .pricing-plan.style2 .pp-title:after {
        display: none;
    }

.pricing-plan.style4 .pp-inner {
    padding-top: 0;
    text-align: left;
}

.pricing-plan.style4 .pp-title {
    background: #36424d;
    padding: 32px;
    color: #fff;
}

    .pricing-plan.style4 .pp-title:after {
        display: none;
    }

.pricing-plan.style4.green .pp-heading {
    background: #00bbaf;
}

    .pricing-plan.style4.green .pp-heading .btn {
        color: #00bbaf;
    }

        .pricing-plan.style4.green .pp-heading .btn + .btn {
            color: #fff;
        }

        .pricing-plan.style4.green .pp-heading .btn:hover {
            background: #fff;
            color: #00bbaf;
            border-color: #00bbaf;
        }

.pricing-plan.style4.primary .pp-heading {
    background: #0177D8;
}

    .pricing-plan.style4.primary .pp-heading .btn {
        color: #0177D8;
    }

        .pricing-plan.style4.primary .pp-heading .btn + .btn {
            color: #fff;
        }

        .pricing-plan.style4.primary .pp-heading .btn:hover {
            background: #fff;
            color: #0177D8;
            border-color: #0177D8;
        }

.pricing-plan.style4.blue .pp-heading {
    background: #35abdf;
}

    .pricing-plan.style4.blue .pp-heading .btn {
        color: #35abdf;
    }

        .pricing-plan.style4.blue .pp-heading .btn + .btn {
            color: #fff;
        }

        .pricing-plan.style4.blue .pp-heading .btn:hover {
            background: #fff;
            color: #35abdf;
            border-color: #35abdf;
        }

.pricing-plan.style4 ul {
    padding: 43px 43px 60px;
}

@media (max-width: 1199px) {
    .pricing-plan.style4 ul {
        padding: 20px 20px 40px;
    }
}

.pricing-plan.style4 ul li {
    font: 16px/1.5 "Lato", sans-serif;
    color: #647482;
    position: relative;
    padding-left: 40px;
}

@media (max-width: 991px) {
    .pricing-plan.style4 ul li {
        padding-left: 30px;
        font-size: 14px;
        line-height: 1.4;
    }
}

.pricing-plan.style4 ul li:before {
    position: absolute;
    top: 0;
    left: 0;
    float: left;
    width: 24px;
    height: 24px;
    content: '';
    background: url(../icons/pr4.png) no-repeat scroll 0 0;
    background-size: contain;
}

@media (max-width: 991px) {
    .pricing-plan.style4 ul li:before {
        height: 20px;
    }
}

.pricing-plan.style4 ul li + li {
    margin-top: 20px;
}

.pricing-packages-row {
    padding: 120px 0 80px;
    border-bottom: 1px solid #eaecee;
}

.ppackage {
    margin: 15px 0;
    padding-bottom: 45px;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    border-top: 5px solid #727bd8;
    text-align: center;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

    .ppackage .hp-h4 {
        font: bold 20px/1 "Poppins", sans-serif;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 40px;
    }

        .ppackage .hp-h4:after {
            content: '';
            display: table;
            height: 3px;
            width: 64px;
            margin: 15px auto 0;
            background: #e8e8e8;
        }

    .ppackage .btn {
        margin-top: 15px;
        height: 0;
        border-width: 0;
        overflow: hidden;
    }

    .ppackage:hover, .ppackage:focus {
        border-top-color: #0177D8;
        -webkit-box-shadow: 0px 36px 49px 0px rgba(152, 152, 152, 0.3);
        box-shadow: 0px 36px 49px 0px rgba(152, 152, 152, 0.3);
    }

        .ppackage:hover .btn, .ppackage:focus .btn {
            height: 42px;
            border-width: 2px;
            margin-top: 45px;
        }

.ppackage-icon {
    line-height: 145px;
}

.ppackage-price {
    font-size: 54px;
    font-family: Microsoft JhengHei;
    line-height: 1;
    margin-bottom: 46px;
}

    .ppackage-price sup {
        font-size: 60%;
    }

    .ppackage-price sub {
        font-size: 33.75%;
        bottom: 0;
    }

.ppackage-plans li {
    font: 16px/1.3 "Lato", sans-serif;
    color: #647482;
}

    .ppackage-plans li + li {
        margin-top: 35px;
    }

.pp-heading {
    position: relative;
    margin: 0 0 45px;
    padding: 52px 50px 95px;
}

@media (max-width: 1199px) {
    .pp-heading {
        padding: 25px 20px 65px;
    }
}

.pp-heading h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    color: #fff;
}

.pp-heading hr {
    background: #fff;
    opacity: .3;
    margin-top: 35px;
    margin-bottom: 35px;
    width: 158px;
    height: 1px;
}

@media (max-width: 1199px) {
    .pp-heading hr {
        margin-top: 25px;
        margin-bottom: 25px;
    }
}

.pp-heading .btn-group {
    display: table;
    width: 100%;
    margin-top: 38px;
}

.pp-heading .btn {
    display: table-cell;
    line-height: 40px;
    border: 2px solid #fff;
    padding: 0 25px;
    float: none;
    font-weight: 500;
}

@media (max-width: 991px) {
    .pp-heading .btn {
        display: block;
    }
}

.pp-heading .btn + .btn {
    background: none;
}

@media (max-width: 991px) {
    .pp-heading .btn + .btn {
        margin-left: 0;
    }
}

.pp-icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.pp4-price {
    display: table;
    margin: 0 auto;
    font: 13px/1 "Lato", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}

    .pp4-price sup {
        font-size: 24px;
        top: -0.7em;
        opacity: .5;
    }

    .pp4-price strong {
        font-size: 48px;
        font-weight: 900;
    }

.ppackage5 {
    background: #fff;
    margin: 0;
    padding: 55px 15px 0;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.23);
    text-align: center;
    position: relative;
}

    .ppackage5:before {
        content: '';
        display: block;
        background: #ef5b34;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 70px;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
        z-index: 0;
    }

    .ppackage5 .ppackage-price {
        color: #ef5b34;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
        position: relative;
        z-index: 1;
    }

        .ppackage5 .ppackage-price sup {
            font-size: 50%;
            top: -65px;
        }

@media (max-width: 1199px) {
    .ppackage5 .ppackage-price sup {
        top: -38px;
    }
}

@media (max-width: 991px) {
    .ppackage5 .ppackage-price sup {
        top: -18px;
    }
}

.ppackage5 .ppackage-price strong {
    font-size: 116px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: 400;
}

@media (max-width: 1199px) {
    .ppackage5 .ppackage-price strong {
        font-size: 80px;
    }
}

@media (max-width: 991px) {
    .ppackage5 .ppackage-price strong {
        font-size: 50px;
    }
}

.ppackage5 .ppackage-price sub {
    font-size: 40%;
}

.ppackage5 ul {
    margin-bottom: 75px;
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .ppackage5 ul {
        margin-bottom: 50px;
    }
}

.ppackage5 ul:before {
    content: '';
    display: block;
    background: #ef5b34;
    height: 1px;
    width: 90px;
    margin: 0 auto 38px;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

@media (max-width: 991px) {
    .ppackage5 ul:before {
        margin-bottom: 30px;
    }
}

.ppackage5 ul li {
    font: 16px/1.3 "Lato", sans-serif;
    color: #647482;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

@media (max-width: 991px) {
    .ppackage5 ul li {
        font-size: 14px;
    }
}

.ppackage5 ul li + li {
    margin-top: 35px;
}

@media (max-width: 1199px) {
    .ppackage5 ul li + li {
        margin-top: 25px;
    }
}

.ppackage5 a {
    display: block;
    line-height: 70px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}

.ppackage5:hover:before, .ppackage5:focus:before {
    height: 100%;
}

.ppackage5:hover .ppackage-price, .ppackage5:focus .ppackage-price {
    color: #fff;
}

.ppackage5:hover ul:before, .ppackage5:focus ul:before {
    background: #fff;
}

.ppackage5:hover ul li, .ppackage5:focus ul li {
    color: #FFF;
}

.ppackage5-col {
    padding: 15px;
}

.customer-testimonial-section {
    padding: 90px 0 110px;
}

    .customer-testimonial-section.style2 {
        background: #f2f6f8;
    }

.customer-testimonial {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
}

    .customer-testimonial .item {
        max-width: 1100px;
        margin: 0 auto;
    }

        .customer-testimonial .item p {
            font-size: 24px;
            line-height: 1.42;
            font-family: Microsoft JhengHei;
            color: #647482;
            margin-bottom: 40px;
        }

@media (max-width: 991px) {
    .customer-testimonial .item p {
        font-size: 18px;
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .customer-testimonial .item p {
        font-size: 16px;
    }
}

.customer-testimonial .item h3 {
    font-weight: 600;
    font-family: Microsoft JhengHei;
    margin: 0 0 3px;
}

.customer-testimonial .item h5 {
    margin: 0;
    font-family: Microsoft JhengHei;
}

.customer-testimonial.style2 {
    text-align: left;
}

    .customer-testimonial.style2 .ct-indicator.imgv li {
        width: 120px;
    }

@media (max-width: 1199px) {
    .customer-testimonial.style2 .ct-indicator.imgv li {
        width: 80px;
    }
}

@media (max-width: 991px) {
    .customer-testimonial.style2 .ct-indicator.imgv li {
        width: 60px;
    }
}

.customer-testimonial.style2 .ct-indicator.imgv li img {
    border-radius: 0;
}

@media (max-width: 1199px) {
    .customer-testimonial.style2 .ct-indicator.dotv {
        margin-top: 50px;
    }
}

.ct-indicator {
    position: relative;
    left: 0;
    bottom: auto;
    width: auto;
    display: table;
    margin: 0 auto;
    margin-bottom: 20px;
}

    .ct-indicator li {
        text-indent: inherit;
        border: none;
        opacity: 0.3;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

        .ct-indicator li.active {
            opacity: 1;
        }

    .ct-indicator.imgv {
        margin-bottom: 45px;
    }

        .ct-indicator.imgv li {
            width: 98px;
            height: 98px;
            line-height: 98px;
            position: relative;
            margin: 0;
            background: none;
        }

            .ct-indicator.imgv li img {
                width: 100%;
                border-radius: 50%;
            }

            .ct-indicator.imgv li.active {
                -webkit-transform: scale(1.3);
                -ms-transform: scale(1.3);
                transform: scale(1.3);
                z-index: 2;
            }

    .ct-indicator.dotv li {
        width: 10px;
        height: 10px;
        background: #36424d;
        border-radius: 0;
        margin: 0 5px;
        float: left;
    }

.customer-testimonials {
    background: #f2f6f7;
    padding: 100px 0;
}

    .customer-testimonials .section-title {
        margin-bottom: 90px;
    }

.ctm-tabs {
    border-bottom: 2px solid #d2e4ed;
    margin-bottom: 85px;
    padding-bottom: 54px;
    position: relative;
    display: table;
    width: 100%;
}

@media (max-width: 767px) {
    .ctm-tabs {
        margin-bottom: 50px;
    }
}

.ctm-tabs:after {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    border-left: 2px solid #d2e4ed;
    border-bottom: 2px solid #d2e4ed;
    background: #f2f6f7;
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: rotate(-45deg) translateX(-50%) translateY(30%);
    -ms-transform: rotate(-45deg) translateX(-50%) translateY(30%);
    transform: rotate(-45deg) translateX(-50%) translateY(30%);
}

.ctm-tabs li {
    width: 25%;
    padding: 0 15px;
    position: relative;
}

@media (max-width: 479px) {
    .ctm-tabs li {
        padding: 0 5px;
    }
}

.ctm-tabs li a {
    border: none;
    border-radius: 0;
    opacity: 0.5;
    margin: 0;
}

@media (max-width: 991px) {
    .ctm-tabs li a {
        padding: 0;
    }
}

.ctm-tabs li a:after {
    content: '';
    display: block;
    height: 2px;
    width: 0;
    background: #ef5b34;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    position: absolute;
    bottom: -55px;
    left: 50%;
}

.ctm-tabs li a:hover, .ctm-tabs li a:focus {
    border: none;
    background: none;
}

    .ctm-tabs li a:hover:after, .ctm-tabs li a:focus:after {
        left: 0;
        width: 100%;
    }

.ctm-tabs li.active a {
    background: none;
    border: none;
    opacity: 1;
}

    .ctm-tabs li.active a:after {
        left: 0;
        width: 100%;
    }

    .ctm-tabs li.active a:hover, .ctm-tabs li.active a:focus {
        border: none;
        background: none;
    }

.ctm-tabs .media {
    width: auto;
}

.ctm-tabs .media-left {
    padding-right: 15px;
}

@media (max-width: 1199px) {
    .ctm-tabs .media-left {
        padding-right: 10px;
    }
}

@media (max-width: 767px) {
    .ctm-tabs .media-left {
        padding-right: 0;
        padding-bottom: 10px;
        display: block;
    }
}

.ctm-tabs .media-object {
    width: 80px;
}

@media (max-width: 1199px) {
    .ctm-tabs .media-object {
        width: 65px;
    }
}

@media (max-width: 479px) {
    .ctm-tabs .media-object {
        width: 62px;
    }
}

.ctm-tabs .media-object img {
    max-width: 100%;
    border-radius: 100%;
}

@media (max-width: 479px) {
    .ctm-tabs .media-body {
        display: none;
    }
}

.ctm-tabs h4 {
    font: bold 16px/1 "Lato", sans-serif;
    color: #393a37;
    margin-top: 10px;
    margin-bottom: 5px;
}

.ctm-tabs h5 {
    font: 12px/1 "Lato", sans-serif;
    color: #a1a1a1;
    margin-top: 0;
    margin-bottom: 0;
}

.ctm-tab-contents {
    text-align: center;
}

    .ctm-tab-contents p {
        font: 26px/1.73 "Georgia";
        color: #716a7f;
    }

@media (max-width: 767px) {
    .ctm-tab-contents p {
        font-size: 16px;
    }
}

.ctm-tab-contents p a {
    color: #35abdf;
}

/*Carousel Testimonial*/
.testimonial-carousel-section {
    padding: 80px 0 120px;
}

    .testimonial-carousel-section:after {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 108px;
        height: 273px;
        background: url(../icons/map.png) no-repeat scroll calc(50% + 585px) 0;
        background-size: contain;
        z-index: 3;
    }

@media (max-width: 1199px) {
    .testimonial-carousel-section:after {
        top: 170px;
        height: 150px;
        background-position: calc(50% + 300px) 0;
    }
}

@media (max-width: 991px) {
    .testimonial-carousel-section:after {
        top: 200px;
        height: 120px;
        background-position: calc(50% + 250px) 0;
    }
}

@media (max-width: 767px) {
    .testimonial-carousel-section:after {
        top: 160px;
        background-position: right 0;
    }
}

.tcs-sectitle {
    margin-bottom: 70px;
    margin-top: 0;
    text-transform: capitalize;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: 500;
    color: #48535c;
    text-align: center;
}

@media (max-width: 991px) {
    .tcs-sectitle {
        margin-bottom: 40px;
    }
}

.tc-col {
    position: relative;
}

.tc-quote-sign-icon {
    position: absolute;
    top: 22px;
    left: 113px;
    z-index: 2;
}

@media (max-width: 1199px) {
    .tc-quote-sign-icon {
        top: 30px;
        left: 80px;
        width: 80px;
    }
}

@media (max-width: 767px) {
    .tc-quote-sign-icon {
        top: 35px;
        left: 40px;
        width: 45px;
    }
}

.testimonail-carousel {
    position: relative;
}

    .testimonail-carousel:before {
        content: '';
        display: block;
        position: absolute;
        top: 58px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        -webkit-box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.2);
    }

    .testimonail-carousel .item {
        padding: 0 97px 130px;
        z-index: 2;
    }

@media (max-width: 1199px) {
    .testimonail-carousel .item {
        padding: 0 75px 130px;
    }
}

@media (max-width: 991px) {
    .testimonail-carousel .item {
        padding: 0 75px 80px;
    }
}

@media (max-width: 767px) {
    .testimonail-carousel .item {
        padding: 0 55px 80px;
    }
}

@media (max-width: 479px) {
    .testimonail-carousel .item {
        padding: 0 20px 80px;
    }
}

.testimonail-carousel p {
    margin: 0;
    font: 300 18px/2.28 "SofiaPro", "Poppins", sans-serif;
    text-align: center;
    color: #757a7f;
}

@media (max-width: 1199px) {
    .testimonail-carousel p {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .testimonail-carousel p {
        font-size: 14px;
        line-height: 1.6;
    }
}

.testimonail-carousel .owl-prev, .testimonail-carousel .owl-next {
    position: absolute;
    z-index: 2;
    top: 50%;
}

@media (max-width: 479px) {
    .testimonail-carousel .owl-prev, .testimonail-carousel .owl-next {
        top: 35%;
    }

        .testimonail-carousel .owl-prev img, .testimonail-carousel .owl-next img {
            width: 15px;
        }
}

.testimonail-carousel .owl-prev {
    left: 10px;
}

.testimonail-carousel .owl-next {
    right: 10px;
}

.testimonail-carousel .owl-dots {
    position: absolute;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    bottom: 70px;
}

@media (max-width: 991px) {
    .testimonail-carousel .owl-dots {
        bottom: 40px;
    }
}

.testimonail-carousel .owl-dot {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #ced2d4;
    display: inline-block;
}

    .testimonail-carousel .owl-dot + .owl-dot {
        margin-left: 20px;
    }

    .testimonail-carousel .owl-dot.active {
        background: #35abdf;
    }

.tc-customer-img {
    margin: 0 auto 20px;
    padding: 11px;
    border: 1px solid #eff0f1;
    width: 117px;
    height: 117px;
    border-radius: 100%;
}

    .tc-customer-img img {
        border-radius: 100%;
        max-width: 100%;
    }

.tc-title,
.tc-from {
    margin: 0;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: 400;
    color: #48535c;
    font-size: 20px;
}

.tc-from {
    margin-top: 5px;
    margin-bottom: 65px;
    color: #dfd9d7;
}

@media (max-width: 991px) {
    .tc-from {
        margin-bottom: 35px;
    }
}

.latest-blogs {
    padding: 90px 0 60px;
    background: #eee;
}

.latest-post {
    padding: 15px;
}

@media (max-width: 767px) {
    .latest-post {
        max-width: 390px;
        margin: 0 auto;
    }
}

.latest-post .media-left {
    padding-right: 0;
}

.latest-post .media-body {
    border: 1px solid #ededed;
    border-left: none;
    padding: 24px;
    background: #fff;
}

@media (max-width: 1199px) {
    .latest-post .media-body {
        padding: 20px;
    }
}

.latest-post .media-body a {
    color: #36424d;
}

    .latest-post .media-body a:hover, .latest-post .media-body a:focus {
        color: #0177D8;
    }

.latest-post img {
    width: 360px;
}

@media (max-width: 767px) {
    .latest-post2 {
        max-width: 100%;
    }
}

.latest-post2 .media {
    overflow: visible;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
}

    .latest-post2 .media:hover, .latest-post2 .media:focus {
        -webkit-box-shadow: 0px 10px 23px 0px rgba(0, 0, 0, 0.17);
        box-shadow: 0px 10px 23px 0px rgba(0, 0, 0, 0.17);
    }

@media (max-width: 479px) {
    .latest-post2 .media-left {
        display: block;
    }

        .latest-post2 .media-left img {
            width: 100%;
        }
}

.latest-post2 .lp-title {
    line-height: 1.26;
    font-size: 19px;
    font-weight: 600;
}

    .latest-post2 .lp-title:after {
        content: '';
        display: block;
        width: 52px;
        height: 3px;
        background: #0177D8;
        margin-top: 8px;
        margin-bottom: 20px;
    }

.latest-post2 p {
    font: 16px/1.375 "Lato", sans-serif;
    color: #647482;
    margin-bottom: 28px;
}

.latest-post2 .lp-meta {
    margin: 0;
}

.lp-inner {
    background: #fff;
    margin: 0;
    padding: 32px 24px 32px;
    color: #36424d;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.04);
}

@media (max-width: 991px) {
    .lp-inner {
        padding: 20px 15px 25px;
    }
}

.lp-inner a {
    color: #36424d;
}

    .lp-inner a:hover, .lp-inner a:focus {
        color: #0177D8;
    }

.lp-meta {
    font-family: Microsoft JhengHei;
    margin-bottom: 20px;
    display: table;
    width: 100%;
}

@media (max-width: 991px) {
    .lp-meta {
        margin-bottom: 10px;
    }
}

.lp-meta li {
    float: left;
}

    .lp-meta li + li {
        float: right;
    }

.lp-date a {
    opacity: 0.5;
}

    .lp-date a:hover, .lp-date a:focus {
        opacity: 1;
    }

.lp-title {
  margin: 0;
  font-family: Microsoft JhengHei;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.3;
  overflow: hidden;
  /*    text-overflow: ellipsis;
    white-space: nowrap;*/

  display: -webkit-box; 
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 2.6em;
}

@media (max-width: 991px) {
    .lp-title {
        font-size: 16px;
    }
}

.blog-section {
    padding: 98px 0;
}

@media (max-width: 991px) {
    .sidebar {
        margin-top: 30px;
    }
}

.widget {
    margin: 0 0 60px;
}

@media (max-width: 1199px) {
    .widget {
        margin-bottom: 30px;
    }
}

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

    .widget ul .cat-item {
        text-align: right;
        width: 100%;
        font-family: Microsoft JhengHei;
        font-weight: 600;
        color: #1461b0;
        font-size: 16px;
        float: left;
    }

@media (max-width: 991px) {
    .widget ul .cat-item {
        font-size: 14px;
    }
}

.widget ul .cat-item a {
    float: left;
    font-family: Microsoft JhengHei;
    color: #647482;
    font-weight: normal;
    width: calc(100% - 40px);
    text-align: left;
}

    .widget ul .cat-item a:hover, .widget ul .cat-item a:focus {
        color: #35abdf;
    }

.widget ul .cat-item + li {
    margin-top: 20px;
}

.widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 160px;
    max-width: 100%;
}

    .widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn {
        padding: 0 12px;
        line-height: 40px;
        background: #0177D8;
        color: #fff;
        font-weight: 500;
    }

        .widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn:hover, .widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .btn:foucs {
            -webkit-box-shadow: none;
            box-shadow: none;
            outline: none !important;
            background: #36424d;
        }

    .widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn).open .btn {
        -webkit-box-shadow: none;
        box-shadow: none;
        outline: none !important;
        background: #36424d;
    }

    .widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu {
        border-radius: 0;
        background: #36424d;
        width: 100%;
    }

        .widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu li {
            margin-bottom: 2px;
        }

            .widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu li a {
                color: #fff;
                padding: 0 12px;
            }

                .widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu li a:hover, .widget .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .dropdown-menu li a:focus {
                    color: #36424d;
                }

.widget-title {
    font-family: Microsoft JhengHei;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 600;
    color: #36424d;
}

.searchform .form-control {
    height: 42px;
    border: none;
    background: #f8f8f8;
}

.searchform .input-group-addon {
    border: none;
}

.searchform button {
    background: #1b69B3;
    height: 42px;
    width: 55px;
    font-size: 18px;
    color: #fff;
}

/*.blogImg {
    margin: 30px 0px;
}*/

.tagcloud [class^="tag-link"] {
    font-size: 14px !important;
    font-family: Microsoft JhengHei;
    display: inline-block;
    background: #f2f6f8;
    line-height: 25px;
    padding: 0 15px;
    color: #909090;
}

@media (max-width: 1199px) {
    .tagcloud [class^="tag-link"] {
        font-size: 13px !important;
        padding: 0 15px;
    }
}

.tagcloud [class^="tag-link"]:hover, .tagcloud [class^="tag-link"]:focus {
    color: #fff;
    background: #35abdf;
}

.loop-post {
    margin: 0 0 30px;
    border-bottom: 1px solid #d8d8d8;
}

@media (max-width: 1199px) {
    .loop-post {
        margin-bottom: 50px;
    }
}

.entry-content {
    margin: 10px 0 0;
}

@media (min-width: 768px) {
    .entry-content {
        padding-right: 45px;
    }
}

.entry-content p {
    margin: 0;
    font-family: Microsoft JhengHei;
    font-size: 16px;
    line-height: 1.6875;
    color: #647482;
    margin-bottom: 10px;
}

.entry-list p {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.tagcloud {
    margin-bottom: 30px;
}

.entry-content img {
    margin-bottom: 30px;
    width: 100%;
}

.entry-content .btn {
    margin-top: 30px;
}

.entry-content h4 {
    font-family: Microsoft JhengHei;
    margin: 0;
    color: #36424d;
    line-height: 1.56;
    font-weight: 600;
}

.post-meta {
    display: table;
    margin: 0;
    border-top: 1px solid #e2e8ed;
    border-bottom: 1px solid #e2e8ed;
    width: 100%;
    padding: 8px 0;
}

    .post-meta li {
        padding-left: 22px;
        padding-right: 22px;
        font-size: 12px;
        color: #647482;
        text-transform: uppercase;
    }

@media (max-width: 479px) {
    .post-meta li {
        font-size: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.post-meta li + li {
    border-left: 1px solid #e2e8ed;
    margin-left: 0;
}

.post-meta li:first-child {
    padding-left: 0;
}

.post-meta li:last-child {
    padding-right: 0;
}

.post-meta li i {
    margin-right: 12px;
}

.post-meta li a {
    color: #647482;
}

    .post-meta li a:hover, .post-meta li a:focus {
        color: #0177D8;
    }

        .post-meta li a:hover i, .post-meta li a:focus i {
            color: #647482;
        }

.ptitle {
    margin: 0px 0 10px;
    font-size: 24px;
    font-family: Microsoft JhengHei;
    font-weight: 900;
    color: #36424d;
}

.blog-pagination {
    display: table;
    margin: 0 auto;
}

    .blog-pagination .page-numbers {
        padding: 0 15px;
        font-family: Microsoft JhengHei;
        font-weight: 600;
        color: #36424d;
        background: #f2f6f8;
        float: left;
        display: block;
        line-height: 40px;
        min-width: 40px;
        text-align: center;
        text-transform: uppercase;
        margin-right: 10px;
        margin-bottom: 10px;
    }

        .blog-pagination .page-numbers:last-child {
            margin-right: 0;
        }

        .blog-pagination .page-numbers.prev, .blog-pagination .page-numbers.next {
            padding: 0 26px;
        }

        .blog-pagination .page-numbers.current, .blog-pagination .page-numbers:hover, .blog-pagination .page-numbers:focus {
            background: #1461b0;
            color: #fff;
        }

.postlist {
    display: table;
    margin: 0;
}

    .postlist li {
        margin-bottom: 10px;
        display: block;
        font-size: 16px;
        font-family: Microsoft JhengHei;
        color: #647482;
        padding-left: 16px;
        position: relative;
    }

        .postlist li:before {
            font-family: "FontAwesome";
            content: "\f105";
            color: #0177D8;
            position: absolute;
            left: 0;
            top: 0;
        }

    .postlist.listcol-2 li {
        width: 50%;
        float: left;
    }

@media (max-width: 479px) {
    .postlist.listcol-2 li {
        width: 100%;
    }
}

.single-post {
    margin-bottom: 50px;
}

.related-posts {
    padding-top: 45px;
    padding-bottom: 40px;
    display: table;
    margin: 0;
    border-top: 1px solid #e2e8ed;
    border-bottom: 1px solid #e2e8ed;
    width: 100%;
}

    .related-posts .hp-h1 {
        font-family: Microsoft JhengHei;
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 30px;
    }

.related-post {
    width: 265px;
}

@media (max-width: 767px) {
    .related-post {
        width: 100%;
    }

        .related-post + .related-post {
            margin-top: 20px;
        }
}

.rp-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Microsoft JhengHei;
    font-weight: normal;
    color: #36424d;
    line-height: 1.875;
}

@media (max-width: 767px) {
    .rp-title {
        margin-bottom: 5px;
    }
}

.rp-title:hover, .rp-title:focus {
    color: #0177D8;
}

.rp-cat {
    font-size: 16px;
    margin: 0;
    font-family: Microsoft JhengHei;
}

    .rp-cat a {
        color: #35abdf;
    }

        .rp-cat a:hover, .rp-cat a:focus {
            color: #0177D8;
        }

.blog-pager {
    margin-top: 40px;
    margin-bottom: 45px;
}

    .blog-pager a {
        width: 50%;
        color: #35abdf;
    }

        .blog-pager a.prev {
            float: left;
            text-align: left;
        }

            .blog-pager a.prev i {
                margin-right: 7px;
            }

        .blog-pager a.next {
            float: right;
            text-align: right;
        }

            .blog-pager a.next i {
                margin-left: 7px;
            }

.pager-title {
    font-size: 16px;
    color: #36424d;
    margin-top: 13px;
    margin-bottom: 0;
    overflow:hidden;
    text-overflow:ellipsis;
    text-wrap: nowrap;
}

    .pager-title:hover, .pager-title:focus {
        color: #35abdf;
    }

.post-author {
    padding: 52px 40px 40px;
    background: #35abdf;
    margin: 50px 0;
}

@media (max-width: 479px) {
    .post-author {
        padding: 25px;
    }
}

.post-author .media-left {
    padding-right: 40px;
}

@media (max-width: 479px) {
    .post-author .media-left {
        padding-right: 0;
        padding-bottom: 20px;
        display: block;
    }
}

.post-author .media-object {
    width: 115px;
    height: 128px;
}

    .post-author .media-object img {
        max-width: 100%;
    }

.author-name {
    color: #fff;
    margin-top: 0;
    margin: 0;
    font-family: Microsoft JhengHei;
    font-weight: 600;
    font-size: 16px;
}

.author-bio {
    font: 16px/1.6875 "Lato", sans-serif;
    margin: 25px 0;
    padding-right: 55px;
    color: #fff;
}

@media (max-width: 1199px) {
    .author-bio {
        padding-right: 0;
    }
}

@media (max-width: 479px) {
    .author-bio {
        margin: 15px 0;
        font-size: 14px;
    }
}

.author-footer {
    line-height: 25px;
    margin: 0;
}

.author-posts {
    color: #fff;
    font-size: 12px;
    float: left;
}

    .author-posts:hover, .author-posts:focus {
        color: #52889b;
    }

.author-social {
    float: right;
}

    .author-social li + li {
        margin-left: 18px;
    }

    .author-social li a {
        padding: 0;
        color: #fff;
    }

        .author-social li a:hover, .author-social li a:focus {
            background: none;
            color: #52889b;
        }

.comments {
    padding: 45px 0;
    margin: 0;
    border-top: 1px solid #e2e8ed;
    border-bottom: 1px solid #e2e8ed;
}

    .comments .hp-h1 {
        margin-top: 0;
        margin-bottom: 45px;
    }

.comment {
    margin-top: 75px;
}

    .comment:first-of-type {
        margin-top: 0;
    }

    .comment .media-left {
        padding-right: 30px;
    }

@media (max-width: 767px) {
    .comment .media-left {
        padding-right: 15px;
    }
}

.comment .media-object {
    width: 110px;
    height: 110px;
}

@media (max-width: 767px) {
    .comment .media-object {
        width: 60px;
        height: 60px;
    }
}

.comment .media-object img {
    max-width: 100%;
}

.comment p {
    font: 16px/1.6875 "Lato", sans-serif;
    color: #647482;
    margin: 0;
}

.comment-body {
    padding-right: 175px;
    position: relative;
}

@media (max-width: 767px) {
    .comment-body {
        padding-right: 0;
    }
}

.commenter-name {
    margin-top: 0;
    font-size: 16px;
    color: #36424d;
    font-family: Microsoft JhengHei;
    margin-bottom: 15px;
}

.comment-time {
    color: #647482;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    line-height: 1;
    font-family: Microsoft JhengHei;
    margin-bottom: 25px;
}

@media (max-width: 479px) {
    .comment-time {
        font-size: 10px;
    }
}

.comment-time i {
    margin-right: 8px;
}

.comment-time span {
    margin-right: 12px;
    text-transform: uppercase;
}

    .comment-time span + span {
        margin-left: 12px;
        margin-right: 0;
        text-transform: capitalize;
        color: #f48d73;
    }

.comment-time:hover, .comment-time:focus {
    color: #0177D8;
}

    .comment-time:hover span + span, .comment-time:focus span + span {
        color: #0177D8;
    }

.reply-link {
    position: absolute;
    display: block;
    bottom: 10px;
    right: 0;
    line-height: 31px;
}

@media (max-width: 767px) {
    .reply-link {
        position: relative;
        bottom: auto;
        display: inline-block;
        margin-top: 20px;
    }
}

@media (max-width: 1199px) {
    .comment-repy .comment-body {
        padding-right: 110px;
    }
}

@media (max-width: 767px) {
    .comment-repy .comment-body {
        padding-right: 0;
    }
}

.comment-form {
    margin: 50px 0 0;
}

    .comment-form .hp-h1 {
        margin-bottom: 35px;
        margin-top: 0;
    }

    .comment-form .form-control {
        border: none;
        min-height: 43px;
        background: #f2f6f8;
        resize: none;
    }

    .comment-form label {
        font-weight: normal;
        color: #647482;
        font-size: 13px;
        line-height: 1;
        font-family: Microsoft JhengHei;
        margin-bottom: 10px;
    }

    .comment-form .btn {
        margin-top: 10px;
        line-height: 32px;
    }

.latest-posts {
    padding: 65px 0 80px;
    background: #f2f6f8;
}

    .latest-posts .section-title {
        margin: 0;
    }

.latest-blogs-row {
    padding: 115px 0 105px;
}

.latest-post3 {
    padding: 15px;
}

    .latest-post3 .inner {
        height: 283px;
        margin: 0;
        position: relative;
    }

        .latest-post3 .inner:before {
            background: #000;
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            opacity: 0.5;
            -webkit-transition: all 300ms linear 0s;
            -o-transition: all 300ms linear 0s;
            transition: all 300ms linear 0s;
        }

        .latest-post3 .inner .lp3-content {
            position: absolute;
            z-index: 2;
            padding: 32px;
            left: 0;
            right: 0;
            bottom: 0;
            -webkit-transition: all 300ms linear 0s;
            -o-transition: all 300ms linear 0s;
            transition: all 300ms linear 0s;
        }

        .latest-post3 .inner .lp-meta {
            line-height: 23px;
        }

        .latest-post3 .inner .lp-cat {
            background: #ef5b34;
            color: #fff;
            padding: 0 12px;
            margin-right: 15px;
        }

            .latest-post3 .inner .lp-cat a {
                color: #fff;
            }

        .latest-post3 .inner .lp-date {
            float: left;
            text-transform: uppercase;
        }

            .latest-post3 .inner .lp-date a {
                color: #fff;
                opacity: 1;
            }

        .latest-post3 .inner .lp-title {
            color: #fff;
        }

        .latest-post3 .inner p {
            font: 16px/1.5 "Lato", sans-serif;
            color: #647482;
            margin: 20px 0 30px;
            display: none;
        }

        .latest-post3 .inner:hover:before, .latest-post3 .inner:focus:before {
            border: 2px solid #e4edf1;
            background: #fff;
            opacity: 1;
        }

        .latest-post3 .inner:hover .lp-cat, .latest-post3 .inner:focus .lp-cat {
            background: #35abdf;
        }

        .latest-post3 .inner:hover .lp-date a, .latest-post3 .inner:focus .lp-date a {
            color: #36424d;
            opacity: 0.5;
        }

        .latest-post3 .inner:hover .lp-title, .latest-post3 .inner:focus .lp-title {
            color: #36424d;
        }

        .latest-post3 .inner:hover p, .latest-post3 .inner:focus p {
            display: block;
        }

.latest-blog-posts-dots {
    padding: 30px 0;
    background: url(../icons/dots.png) repeat scroll center center #fff;
}

.lbpd-inner {
    padding: 64px 50px 75px;
    min-width: 80%;
    max-width: 100%;
    background: #f4f6f8;
    margin: 0 auto;
    display: table;
}

@media (min-width: 1200px) {
    .lbpd-inner {
        width: 1270px;
    }
}

@media (max-width: 1199px) {
    .lbpd-inner {
        padding-left: 0;
        padding-right: 0;
    }
}

.lbpd-inner .section-title h2 {
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: 500;
    font-size: 42px;
    line-height: 1;
    color: #48535c;
}

.lbpd-links a {
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: bold;
    color: #555657;
    text-transform: uppercase;
    font-size: 13px;
}

@media (max-width: 991px) {
    .lbpd-links a {
        font-weight: 500;
    }
}

.lbpd-links a img {
    margin-left: 15px;
}

.lbpd-links a:hover, .lbpd-links a:focus {
    color: #0c93c0;
    border-bottom: 1px solid #0c93c0;
}

.lbpd-post-cats {
    padding-bottom: 52px;
    margin-top: 15px;
    margin-bottom: 22px;
    border-bottom: 2px solid #e7e8ea;
}

@media (min-width: 1200px) {
    .lbpd-post-cats {
        margin-right: 25px;
    }
}

@media (max-width: 991px) {
    .lbpd-post-cats {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

.lbpd-post-cats li {
    width: 100%;
}

    .lbpd-post-cats li + li {
        margin-top: 25px;
    }

@media (max-width: 991px) {
    .lbpd-post-cats li + li {
        margin-top: 10px;
    }
}

.lbpd-post-cats li a {
    padding: 0;
    display: inline-block;
}

.lbp-post {
    padding: 15px;
}

@media (max-width: 767px) {
    .lbp-post {
        max-width: 290px;
        margin: 0 auto;
    }
}

.lbp-post .row {
    margin: 0;
}

.lbp-inner {
    position: relative;
}

.lbp-img {
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
}

.lbp-cat {
    position: absolute;
    padding: 4px 18px 0;
    line-height: 26px;
    color: #35abdf;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    background: #fff;
    top: 26px;
    left: 0;
}

@media (max-width: 991px) {
    .lbp-cat {
        font-weight: 500;
        font-size: 11px;
        padding: 4px 15px 0;
    }
}

.lbp-date {
    margin: 15px 0 10px;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: bold;
    color: #9a9b9e;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    font-size: 13px;
    text-transform: uppercase;
}

    .lbp-date:hover, .lbp-date:focus {
        color: #35abdf;
    }

.lbp-title {
    margin: 0;
    font-family: "SofiaPro", "Poppins", sans-serif;
    font-weight: bold;
    -webkit-transition: all 300ms linear 0s;
    -o-transition: all 300ms linear 0s;
    transition: all 300ms linear 0s;
    font-size: 16px;
    color: #1b1b1b;
    line-height: 1.375;
}

@media (max-width: 991px) {
    .lbp-title {
        font-weight: 500;
    }
}

.lbp-title:hover, .lbp-title:focus {
    color: #35abdf;
}

.client-logos {
    padding: 90px 0 100px;
}

    .client-logos.style2 {
        background: #f5f8fa;
    }

.client-logos-row {
    margin-bottom: 80px;
}

.client-logo {
    text-align: center;
}

    .client-logo a {
        display: inline-block;
        line-height: 110px;
        opacity: 0.2;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
    }

        .client-logo a img {
            max-width: 100%;
        }

        .client-logo a:hover, .client-logo a:focus {
            opacity: 1;
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
        }

    .client-logo .tooltip-inner {
        border-radius: 0;
        font-family: Microsoft JhengHei;
        font-size: 16px;
        line-height: 1.25;
        padding: 5px 15px;
    }

.flipstar-carousel {
    margin: 0 -15px;
    padding: 0 15px;
    padding-bottom: 65px;
    position: relative;
}

    .flipstar-carousel .flipster__item__content {
        width: 365px;
        background: #fff;
        -webkit-box-shadow: 0px 7px 32px 0px rgba(158, 158, 158, 0.32);
        box-shadow: 0px 7px 32px 0px rgba(158, 158, 158, 0.32);
        border: 1px solid #ebebeb;
        border-bottom: 9px solid #0177D8;
        padding: 24px 35px 50px;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

@media (max-width: 479px) {
    .flipstar-carousel .flipster__item__content {
        width: 300px;
    }
}

.flipstar-carousel .media {
    margin-bottom: 25px;
}

.flipstar-carousel .media-left {
    padding-right: 20px;
}

@media (max-width: 479px) {
    .flipstar-carousel .media-left {
        display: block;
        padding-right: 0;
        padding-bottom: 15px;
    }
}

.flipstar-carousel .media-object {
    width: 96px;
    height: 96px;
    border: 5px solid #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(152, 152, 152, 0.62);
    box-shadow: 0px 0px 2px 0px rgba(152, 152, 152, 0.62);
    border-radius: 100%;
}

    .flipstar-carousel .media-object img {
        border-radius: 100%;
        max-width: 100%;
    }

.flipstar-carousel h3 {
    margin: 0;
    font-family: Microsoft JhengHei;
    font-weight: bold;
    color: #36424d;
    font-size: 22px;
    line-height: 1;
}

.flipstar-carousel p {
    margin: 0;
    font-family: Microsoft JhengHei;
    font-size: 16px;
    line-height: 2.25;
    color: #647482;
}

@media (max-width: 479px) {
    .flipstar-carousel p {
        font-size: 14px;
        line-height: 1.7;
    }
}

.flipstar-carousel .flipster__item--past-2 .flipster__item__content,
.flipstar-carousel .flipster__item--future-2 .flipster__item__content {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}

.flipstar-carousel .flipster__item--past-1 .flipster__item__content,
.flipstar-carousel .flipster__item--future-1 .flipster__item__content {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.flipstar-carousel .flipster__item--past-2,
.flipstar-carousel .flipster__item--past-1,
.flipstar-carousel .flipster__item--future-1,
.flipstar-carousel .flipster__item--future-2 {
    opacity: 1;
}

    .flipstar-carousel .flipster__item--past-2 .flipster__item__content *,
    .flipstar-carousel .flipster__item--past-1 .flipster__item__content *,
    .flipstar-carousel .flipster__item--future-1 .flipster__item__content *,
    .flipstar-carousel .flipster__item--future-2 .flipster__item__content * {
        opacity: 0.75;
    }

.flipster__nav {
    margin: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
}

    .flipster__nav li a {
        height: 4px;
        width: 19px;
        background: #ededed;
        border-radius: 5px;
        overflow: hidden;
        padding: 0;
        color: transparent;
    }

        .flipster__nav li a:after {
            display: none;
        }

        .flipster__nav li a:hover, .flipster__nav li a:focus {
            background: #35abdf;
        }

    .flipster__nav li.flipster__nav__item--current a {
        background: #35abdf;
    }

.site-footer-top {
    background: #253135;
    padding: 30px 0;
}

    .site-footer-top [class^="col-sm"] {
        float: none;
        vertical-align: middle;
        padding: 0 15px;
    }

    .site-footer-top .media-object {
        color: #69818c;
        font-size: 14px;
    }

        .site-footer-top .media-object img {
            margin-right: 15px;
        }

@media (max-width: 479px) {
    .site-footer-top .media-body {
        display: block;
        width: 100%;
        padding-top: 25px;
    }
}

.site-footer-top p {
    line-height: 1.7;
    font-family: Microsoft JhengHei;
    margin: 0;
    color: #647482;
}

.site-footer-bottom {
    padding-top: 43px;
    padding-bottom: 7rem;
    background-image: linear-gradient(to right, #001d4f, #00437a);
}

}

.site-footer-bottom.botpad0 {
    padding-bottom: 0;
}

.site-footer-bottom4 {
    padding-top: 70px;
}

.footer-hr {
    border-color: #fff;
    margin: 40px 0 55px;
    opacity: .10;
}

.widget-footer {
    padding: 15px;
}

    .widget-footer .widget-title {
        font-size: 16px;
        font-weight: 600;
        font-family: Microsoft JhengHei;
        margin-top: 0;
        margin-bottom: 35px;
        color: #fff;
    }

    .widget-footer .menu {
        padding: 0;
        list-style: none;
    }

        .widget-footer .menu li {
            padding: 0 15px;
            width: 50%;
            float: left;
            margin-bottom: 18px;
        }

@media (max-width: 479px) {
    .widget-footer .menu li {
        width: 100%;
    }
}

.widget-footer .menu li a {
    display: block;
    font-family: Microsoft JhengHei;
    color: #0077D8;
}

    .widget-footer .menu li a:hover, .widget-footer .menu li a:focus {
        color: #0098FF;
    }

.widget-footer.cmenu-1col .menu li {
    width: 100%;
}

.widget-footer p {
    margin-bottom: 20px;
    line-height: 1.7;
    font-family: Microsoft JhengHei;
    padding: 0 15px;
    color: #8798a0;
}

.fsocial {
    padding: 0 15px;
    display: table;
}

    .fsocial li {
        float: left;
        margin-right: 22px;
        font-size: 17px;
    }

        .fsocial li:last-child {
            margin-right: 0;
        }

        .fsocial li a {
            color: #0177D8;
        }

            .fsocial li a:hover, .fsocial li a:focus {
                color: #d4531b;
            }

.footer-subscribe-form {
    padding: 0 15px;
}

    .footer-subscribe-form .input-group-addon {
        border: none;
    }

    .footer-subscribe-form .btn {
        line-height: 48px;
        padding: 0 38px;
    }

    .footer-subscribe-form .form-control {
        border: none;
        height: 48px;
    }

.copyright-hp {
    background: #2c383d;
    line-height: 60px;
    font-family: Microsoft JhengHei;
    color: #647482;
    letter-spacing: 1.4px;
}

.copyright-hp2 {
    padding: 25px 0;
    background: #232b33;
    font-family: Microsoft JhengHei;
    color: #647482;
}

    .copyright-hp2 .fsocial {
        margin: 0;
    }

@media (max-width: 767px) {
    .copyright-hp2 .fsocial {
        float: left !important;
        margin-top: 10px;
        padding-left: 0;
    }
}

.frecent-post {
    padding: 0 15px;
}

    .frecent-post .media-left {
        padding-right: 18px;
    }

    .frecent-post h2 {
        font-weight: 500;
        font-family: Microsoft JhengHei;
        margin-top: 0;
        line-height: 1.3;
        color: #bfd4e0;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
    }

        .frecent-post h2:hover, .frecent-post h2:focus {
            color: #fff;
        }

    .frecent-post h6 {
        font-family: Microsoft JhengHei;
        margin: 0;
        line-height: 1;
        color: #bfd4e0;
        -webkit-transition: all 300ms linear 0s;
        -o-transition: all 300ms linear 0s;
        transition: all 300ms linear 0s;
        opacity: .5;
    }

        .frecent-post h6:hover, .frecent-post h6:focus {
            color: #fff;
            opacity: 1;
        }

.footer-clients-logos {
    position: relative;
    padding: 30px 0;
}

    .footer-clients-logos:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 15px;
        right: 15px;
        height: 1px;
        background: #434b55;
    }

    .footer-clients-logos .client-logo a {
        opacity: 0.7;
        line-height: 70px;
    }

    .footer-clients-logos .client-logo:first-of-type {
        text-align: left;
    }

@media (max-width: 767px) {
    .footer-clients-logos .client-logo:first-of-type {
        text-align: center;
    }
}

.footer-clients-logos .client-logo:last-of-type {
    text-align: right;
}

@media (max-width: 767px) {
    .footer-clients-logos .client-logo:last-of-type {
        text-align: center;
    }
}

.contact-form-section {
    background: #eee;
}

@media (max-width: 767px) {
    .contact-form-section {
        background: none;
    }
}

.contact-info-box {
    padding: 0 82px;
}

@media (max-width: 1199px) {
    .contact-info-box {
        padding: 0 15px 0 30px;
    }
}

@media (max-width: 767px) {
    .contact-info-box {
        padding: 0 15px;
    }
}

.contact-box {
    padding-top: 78px;
    padding-bottom: 110px;
}

.gmapbox {
    height: 650px;
}

@media (max-width: 991px) {
    .gmapbox {
        height: 400px;
    }
}

.cb-title {
    margin-bottom: 28px;
    margin-top: 0;
    font-family: Microsoft JhengHei;
    font-weight: 300;
    color: #36424d;
}

    .cb-title strong {
        font-weight: bold;
    }

    .cb-title + p {
        margin-bottom: 45px;
        font-family: Microsoft JhengHei;
        font-size: 16px;
        line-height: 1.875;
        color: #647482;
    }

        .cb-title + p a, .cb-title + p u {
            color: #0177D8;
        }

@media (max-width: 767px) {
    .contact-form-box {
        background: #f2f6f8;
    }
}

.contact-form {
    margin-right: 65px;
}

@media (max-width: 1199px) {
    .contact-form {
        margin-right: 15px;
    }
}

@media (max-width: 767px) {
    .contact-form {
        margin-right: 0;
    }
}

.contact-form .form-group {
    background: #fff;
    padding: 22px 25px 15px;
    margin-bottom: 20px;
}

.contact-form .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 5px 0;
    font-size: 16px;
    line-height: 1.33;
    font-family: Microsoft JhengHei;
    color: #647482;
    resize: none;
}

.contact-form .btn {
    line-height: 60px;
    float: right;
}

.contact-infolist .media + .media {
    margin-top: 30px;
}

.contact-infolist .media-left {
    padding-right: 0;
}

.contact-infolist .media-object {
    width: 35px;
}

.contact-infolist .media-body {
    font-size: 16px;
    font-family: Microsoft JhengHei;
    line-height: 1.75;
    color: #647482;
}

    .contact-infolist .media-body a {
        color: #647482;
    }

        .contact-infolist .media-body a:hover, .contact-infolist .media-body a:focus {
            color: #0177D8;
        }

.contact-ibox {
    margin: 0;
}

    .contact-ibox + .contact-ibox {
        margin-top: 70px;
    }

.contact-c2a {
    background: #35abdf;
    margin: 0;
    padding: 55px 0 65px;
}

    .contact-c2a p {
        font-family: Microsoft JhengHei;
        font-size: 18px;
        line-height: 1.5;
        color: #bfecff;
    }

@media (max-width: 767px) {
    .contact-c2a p:last-of-type {
        margin-bottom: 30px;
    }
}

.contact-c2a .h4 {
    font-family: Microsoft JhengHei;
    font-weight: normal;
    color: #fff;
    opacity: 0.5;
    margin: 0;
}

.contact-c2a a {
    font-size: 36px;
    font-family: Microsoft JhengHei;
    color: #fff;
    line-height: 1;
    display: block;
    margin-top: 5px;
    font-weight: bold;
}

@media (max-width: 991px) {
    .contact-c2a a {
        font-size: 24px;
    }
}

.contact-c2a .media .media-left {
    padding-right: 20px;
}

.features-tabs {
    border-bottom: 1px solid #d8e3e8;
}

    .features-tabs .nav {
        border-bottom: none;
        border-left: 1px solid #d8e3e8;
        border-right: 1px solid #d8e3e8;
    }

        .features-tabs .nav li {
            width: 25%;
        }

@media (max-width: 767px) {
    .features-tabs .nav li {
        width: 100%;
    }
}

.features-tabs .nav li + li {
    border-left: 1px solid #d8e3e8;
}

@media (max-width: 767px) {
    .features-tabs .nav li + li {
        border-left: none;
        border-top: 1px solid #d8e3e8;
    }
}

.features-tabs .nav li a {
    text-align: center;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #889096;
    padding: 50px 15px;
    margin: 0;
    border-radius: 0;
}

@media (max-width: 991px) {
    .features-tabs .nav li a {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .features-tabs .nav li a {
        padding: 15px;
    }
}

.features-tabs .nav li a:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 0;
    width: 100%;
    background: #f7fcfe;
    z-index: 1;
}

.features-tabs .nav li a:hover, .features-tabs .nav li a:focus {
    border: none;
    background: #f7fcfe;
}

.features-tabs .nav li.active a {
    background: #f7fcfe;
    border: none;
}

    .features-tabs .nav li.active a:after {
        height: 1px;
    }

    .features-tabs .nav li.active a:hover, .features-tabs .nav li.active a:focus {
        border: none;
    }

.features-tab-contents {
    padding: 100px 0 90px;
    background: #f7fcfe;
}

    .features-tab-contents .hp-h1 {
        font-weight: normal;
        margin-top: 0;
        margin-bottom: 30px;
    }

@media (max-width: 767px) {
    .features-tab-contents .hp-h1 {
        margin-top: 30px;
    }
}

.features-tab-contents p {
    font-family: Microsoft JhengHei;
    font-size: 16px;
    line-height: 1.6875;
    color: #899cb2;
    margin-bottom: 30px;
}

.features-tab-contents .btn {
    line-height: 40px;
    padding: 0 35px;
    margin-top: 10px;
}

.fst-img {
    display: inline-block;
}

.fs-next {
    border-radius: 100%;
    background: #fff;
    position: absolute;
    -webkit-box-shadow: 0px 2px 17.82px 0.18px rgba(49, 48, 43, 0.13);
    box-shadow: 0px 2px 17.82px 0.18px rgba(49, 48, 43, 0.13);
    width: 47px;
    height: 47px;
    text-align: center;
    font-size: 16px;
    line-height: 47px;
    display: block;
    bottom: -23px;
    left: 50%;
    margin-left: -23px;
    z-index: 2;
    color: #647482;
}

.under-the-hood {
    padding: 95px 0;
}

    .under-the-hood .section-title {
        margin-bottom: 65px;
    }

.under-hood-row {
    display: table;
    width: 100%;
}

    .under-hood-row + .under-hood-row {
        border-top: 1px solid #e2e8ed;
    }

@media (max-width: 767px) {
    .under-hood-row + .under-hood-row {
        border: none;
    }
}

.under-hood {
    display: table-cell;
    float: none;
    padding: 45px 30px;
}

@media (max-width: 767px) {
    .under-hood {
        padding: 15px;
        display: block;
    }
}

.under-hood + .under-hood {
    border-left: 1px solid #e2e8ed;
}

@media (max-width: 767px) {
    .under-hood + .under-hood {
        border: none;
    }
}

.under-hood .icon-holder {
    line-height: 79px;
    width: 79px;
    border-radius: 100%;
    background: #f7fcfe;
    text-align: center;
}

.under-hood p {
    font-size: 16px;
    line-height: 1.875;
    font-family: Microsoft JhengHei;
    color: #647482;
}

.uh-title {
    font-family: Microsoft JhengHei;
    font-weight: bold;
    color: #36424d;
    margin: 32px 0 25px;
}

.feature-boxes {
    padding: 105px 0;
    background: #f2f6f8;
}

.feature-box {
    padding: 15px;
}

    .feature-box .row {
        margin: 0;
    }

    .feature-box .inner {
        text-align: center;
        background: #fff;
    }

    .feature-box:nth-child(2) .fb-title:after {
        background: #f48c71;
    }

    .feature-box:nth-child(2) .fb-learn-more {
        background: #f48c71;
    }

    .feature-box:nth-child(3) .fb-title:after {
        background: #71c4e9;
    }

    .feature-box:nth-child(3) .fb-learn-more {
        background: #71c4e9;
    }

.fb-title {
    margin-top: 55px;
    margin-bottom: 0;
    line-height: 1;
    font-family: Microsoft JhengHei;
    font-weight: 600;
    color: #36424d;
}

    .fb-title:after {
        content: '';
        display: block;
        width: 44px;
        height: 2px;
        background: #4ccfc7;
        margin: 10px auto 0;
    }

.fb-icon-holder {
    line-height: 250px;
}

.fb-learn-more {
    line-height: 74px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    font-family: Microsoft JhengHei;
    background: #4ccfc7;
    display: block;
}

    .fb-learn-more:hover, .fb-learn-more:focus {
        color: #36424d;
    }

.transfer-global {
    padding: 105px 0 115px;
    background: #35abdf;
}

    .transfer-global p {
        font-family: Microsoft JhengHei;
        font-size: 16px;
        line-height: 1.6875;
        color: #e2f6ff;
        margin-bottom: 30px;
    }

@media (min-width: 992px) {
    .transfer-global p {
        padding-right: 28px;
    }
}

.transfer-global .btn {
    line-height: 40px;
    padding: 0 35px;
    margin-top: 10px;
}

.tg-title {
    margin-top: 0;
    margin-bottom: 30px;
    color: #fff;
    font-family: Microsoft JhengHei;
    font-weight: bold;
}

.tg-img {
    padding-top: 15px;
    text-align: center;
}

    .tg-img img {
        max-width: 100%;
    }

.features-sliders {
    padding: 105px 0;
    background: url(../images/service-slide-bg.jpg) no-repeat scroll center bottom #fff;
}

    .features-sliders .hp-h2 {
        margin-top: 0;
        margin-bottom: 15px;
    }

    .features-sliders p {
        font: 16px/1.875 "Lato", sans-serif;
        color: #647482;
    }

    .features-sliders .price-plan-box {
        border: 2px solid #9ad5ef;
        max-width: 356px;
    }

        .features-sliders .price-plan-box .media-left {
            background: #9ad5ef;
            padding: 32px 30px 35px;
        }

        .features-sliders .price-plan-box .media-body {
            vertical-align: middle;
        }

        .features-sliders .price-plan-box h4 {
            margin-top: 0;
            margin-bottom: 15px;
            font: 500 16px/1 "Poppins", sans-serif;
            color: #647482;
        }

        .features-sliders .price-plan-box .btn {
            line-height: 44px;
            background: #ef5b34;
        }

            .features-sliders .price-plan-box .btn:hover, .features-sliders .price-plan-box .btn:focus {
                background: #36424d;
            }

    .features-sliders .hst-circle-list {
        margin-bottom: 35px;
    }

        .features-sliders .hst-circle-list li {
            padding-left: 40px;
            background-image: url(../icons/features-check.png);
        }

    .features-sliders .owl-dots {
        display: table;
        margin-top: 65px;
    }

    .features-sliders .owl-dot {
        float: left;
        width: 10px;
        height: 10px;
        background: #dcdcdc;
    }

        .features-sliders .owl-dot:hover, .features-sliders .owl-dot:focus {
            background: #ef5b34;
        }

        .features-sliders .owl-dot.active {
            background: #ef5b34;
        }

        .features-sliders .owl-dot + .owl-dot {
            margin-left: 10px;
        }

.page-cover {
    background: no-repeat fixed center top;
    color: #fff;
    padding: 110px 0;
}

    .page-cover:before {
        content: '';
        display: block;
        background: #36424d;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .5;
    }

    .page-cover .container {
        position: relative;
        z-index: 2;
    }

    .page-cover h2 {
        margin-top: 40px;
        font-size: 48px;
        font-family: Microsoft JhengHei;
        font-weight: 500;
    }

@media (max-width: 767px) {
    .page-cover h2 {
        font-size: 30px;
    }
}

.page-cover .breadcrumb {
    margin: 0;
    padding: 0;
    background: none;
    display: table;
}

    .page-cover .breadcrumb li {
        font-family: Microsoft JhengHei;
        color: #fff;
    }

        .page-cover .breadcrumb li + li:before {
            content: '>';
        }

        .page-cover .breadcrumb li a {
            color: #fff;
        }

/*Accordion*/
.accordion {
    margin-bottom: 0;
}

    .accordion .panel {
        border-radius: 0;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .accordion .panel + .panel {
            margin-top: 20px;
        }

        .accordion .panel .panel-heading {
            background: #fff;
            padding: 0;
            margin-bottom: 20px;
        }

            .accordion .panel .panel-heading .panel-title a {
                font-family: Microsoft JhengHei;
                color: #36424d;
                font-size: 16px;
                line-height: 1.5;
                display: table;
                width: 100%;
                border: 1px solid #f7f7f7;
                -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
                box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
            }

                .accordion .panel .panel-heading .panel-title a:before {
                    font-family: Microsoft JhengHei;
                    font-size: 14px;
                    font-weight: bold;
                    color: #36424d;
                    text-align: center;
                    display: table-cell;
                    min-width: 27px;
                    vertical-align: middle;
                    border: 1px solid #f7f7f7;
                    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
                    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
                }

                .accordion .panel .panel-heading .panel-title a span {
                    display: table-cell;
                    width: 100%;
                    padding: 11px 20px;
                }

                .accordion .panel .panel-heading .panel-title a[aria-expanded="true"]:before {
                    content: '-';
                }

                .accordion .panel .panel-heading .panel-title a[aria-expanded="false"]:before {
                    content: '+';
                }

        .accordion .panel .panel-collapse .panel-body {
            border: none;
            font-family: Microsoft JhengHei;
            color: #647482;
            line-height: 1.5;
            font-size: 16px;
            padding: 10px 45px;
        }

/*Alerts*/
.alert {
    border-radius: 0;
    border: 1px solid;
    font-family: Microsoft JhengHei;
    line-height: 19px;
    color: #fff;
    padding: 12px 20px;
    margin: 0;
    text-shadow: none;
    background: none;
}

    .alert + .alert {
        margin-top: 20px;
    }

    .alert strong {
        font-family: Microsoft JhengHei;
        font-weight: bold;
    }

    .alert .close {
        top: -4px;
        right: 0;
        opacity: 1;
    }

        .alert .close i {
            font-size: 17px;
        }

    .alert.alert-warning {
        color: #b76973;
        border-color: #b76973;
    }

    .alert.alert-success {
        color: #79985b;
        border-color: #79985b;
    }

    .alert.alert-information {
        color: #52889b;
        border-color: #52889b;
    }

    .alert.alert-notification {
        color: #b49133;
        border-color: #b49133;
    }

    .alert.alert-standard {
        color: #797979;
        border-color: #797979;
    }

/*Tabs*/
#exampleTab .exampleTabNav {
    border: none;
    margin-bottom: 5px;
}

    #exampleTab .exampleTabNav li {
        margin-right: 10px;
    }

@media (max-width: 479px) {
    #exampleTab .exampleTabNav li {
        margin-bottom: 10px;
    }
}

#exampleTab .exampleTabNav li:last-child {
    margin-right: 0;
}

#exampleTab .exampleTabNav li a {
    padding: 0 40px;
    line-height: 40px;
    background: #f2f6f8;
    color: #36424d;
    border-radius: 0;
    border: none;
    font-family: Microsoft JhengHei;
    letter-spacing: 1px;
    margin: 0;
}

@media (max-width: 767px) {
    #exampleTab .exampleTabNav li a {
        padding: 0 20px;
    }
}

#exampleTab .exampleTabNav li.active a {
    background: #35abdf;
    color: #FFF;
}

#exampleTab .exampleTab_content .tab-pane {
    border: 1px solid #f7f7f7;
    -webkit-box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08);
    padding: 32px 30px;
}

    #exampleTab .exampleTab_content .tab-pane p {
        font-size: 16px;
        line-height: 1.875;
        font-family: Microsoft JhengHei;
        color: #647482;
        margin-bottom: 15px;
    }

/*Columns*/
.column_row + .column_row {
    margin-top: 35px;
}

.column_row h4 {
    margin-bottom: 20px;
}

.default-page-template {
    padding: 95px 0;
    margin: 0;
}

.shortcodes-row + .shortcodes-row {
    margin-top: 85px;
}

[class^="hp-h"] {
    font-family: Microsoft JhengHei;
    font-weight: bold;
    color: #36424d;
}

.hp-h1 {
    font-size: 30px;
}

.hp-h2 {
    font-size: 26px;
}

.hp-h3 {
    font-size: 22px;
}

.hp-h4 {
    font-size: 18px;
}

.shr-title {
    margin-bottom: 50px;
    margin-top: 0;
}

.column-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 500;
}

.column_row + .column_row {
    margin-top: 40px;
}

.tab-title {
    border-bottom: 1px solid #e2e8ed;
    margin-bottom: 30px;
    font-family: Microsoft JhengHei;
    font-weight: 500;
    margin-top: 0;
    padding-bottom: 15px;
}

.tab-mediabox .media-left {
    padding-right: 22px;
}

@media (max-width: 479px) {
    .tab-mediabox .media-left {
        display: block;
        padding-right: 0;
        padding-bottom: 10px;
    }
}

/*Blockquote*/
blockquote {
    border-left: 3px solid #35abdf;
    padding: 45px 80px 45px 37px;
    background: #f2f6f8;
    font-size: 16px;
    line-height: 1.6875;
    color: #647482;
    font-family: Microsoft JhengHei;
    font-style: italic;
    margin: 0;
}

@media (max-width: 767px) {
    blockquote {
        padding-right: 45px;
    }
}

@media (max-width: 500px) {
    .blog-section {
        padding: 20px 0;
    }

    .loop-post {
        margin-bottom: 0px;
    }

    .page-cover {
        padding: 50px 0;
    }
}

.solution_Img_Height {
    margin-bottom: 40px !important;
    height: 240px;
}

@media (min-width: 768px) {
    .solution_Img_Height {
        margin-bottom: 40px !important;
        height: 146px;
    }
}

@media (min-width: 992px) {
    .solution_Img_Height {
        margin-bottom: 30px !important;
        height: 196px;
    }
}

@media (min-width: 1200px) {
    .solution_Img_Height {
        margin-bottom: 40px !important;
        height: 240px;
    }
}

.homeBlog img {
    height: 222px;
    width: 100%;
}

.try {
    border-radius: 200px;
    padding: 0px 30px;
    line-height: 35px;
    margin-top: 8px;
}

.check {
    margin-top: 5px;
}

    .check label {
        margin-bottom: 0px;
    }

@media (max-width: 500px) {
    .client-logo {
        text-align: center;
        margin-left: 0px;
    }
}




.section-title h4 {
    font-size: 16px;
    color: #555;
    padding-bottom: 6px;
}

.indexline {
    border-bottom: 2px solid #0B65A0;
    width: 50px;
    padding-bottom: 20px;
    margin: 0 auto;
}

.footerli li {
    color: #fff;
    padding-bottom: 10px;
    font-size: 15px;
    list-style: none;
    margin-left: -25px;
}
.footerli a,
.footeransindex a{
  color: inherit;
}

.footeransindex {
    font-size: 18px;
    border-left: 2px solid #fff;
    padding: 0px 5px 0px 10px;
    font-weight: 600;
    margin: 20px 0;
    color: #fff;
}

/*blog*/

.entry-content button {
    padding: 7px 20px;
    border-radius: 10px;
    font-size: 16px;
    border: 1px solid #00437a;
    background-color: #00437a;
    color: #fff;
}

.entry-content a {
    font-size: 16px;
}

.socialIcon {
    margin-top: 10px;
}


.edmbtn {
    background: #696969;
}

    .edmbtn:hover {
        background: #484848;
    }

    .edmbtn h2 {
        font-size: 25px;
        margin-top: 12px;
    }