@font-face {
    font-family: Myriadpro-Light;
    font-style: normal;
    font-weight: 300;
    src: local('Myriadpro'),local('Myriadpro-Light'),url(../fonts/MYRIADPRO-LIGHT_0.OTF)
}

@font-face {
    font-family: Myriadpro;
    font-style: normal;
    font-weight: 400;
    src: local(Myriadpro),local(Myriadpro-Regular),url(../fonts/MYRIADPRO-REGULAR.OTF)
}

@font-face {
    font-family: Myriadpro;
    font-style: italic;
    font-weight: 400;
    src: local('Myriadpro Italic'),local(Myriadpro-Italic),url(../fonts/MYRIADPRO-LIGHTIT_0.OTF)
}

@font-face {
    font-family: Myriadpro;
    font-style: normal;
    font-weight: 700;
    src: local(Myriadpro-LightNeue),local(Myriadpro-LightNeue),url(../fonts/MYRIADPRO-BOLD.OTF)
}

.home-blog .item {
    height: 350px!important
}

.about .item img {
    width: 100%
}

.page-content p {
    font-family: Myriadpro-Light;
    font-size: 15px
}

.header-mobile {
    background-color: #fff;
    border-bottom: 1px solid #000
}

.img-dai-dien {
    width: 100%;
    max-height: 100px;
    border: 1px solid #d9534f;
    border-radius: 4px
}

.blog-cate-unit {
    margin-bottom: 20px
}

.page-content {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px
}

.production-team-description {
    font-family: Myriadpro-Light;
    font-size: 25px!important
}

.menu {
    z-index: 999
}

.about-description {
    font-family: Myriadpro-Light;
    font-size: 25px!important
}

.service-cate-content {
    margin-bottom: 40px
}

.section-subtitle {
    font-family: Myriadpro-Light;
    font-size: 24px!important
}

.img_home_services {
    max-width: 100%
}

.content_home_services {
    margin-top: 10px
}

.title_home_services {
    font-family: Myriadpro;
    font-size: 22px;
    text-align: center;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

.title_home_services a {
    margin-top: 7px;
    display: inline-block
}

.detail_home_services {
    font-family: Myriadpro-Light;
    font-size: 18px
}

.block-trust {
    margin-top: 40px;
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    color: #fff;
    background-image: url(../images/backgrounds/block-trust-background2.jpg)
}

.block-trust-about {
    margin-top: 10px;
    padding-top: 40px;
    padding-bottom: 50px;
    text-align: center
}

.block-trust-icon {
    color: #fff;
    background: #0c86c6;
    height: 150px;
    width: 150px;
    margin-bottom: 25px;
    position: relative;
    border-radius: 50%;
    text-align: center;
    vertical-align: 50%;
    line-height: 145px;
    font-size: 48px
}

.block-trust-title {
    margin-bottom: 30px;
    display: inline-block;
    color: #fff
}

.block-trust h3 {
    font-size: 24px;
    color: #fff
}

.block-trust-about h3 {
    font-size: 24px
}

.block-trust p {
    color: #fff
}

.portfolio-description {
    font-family: Myriadpro-Light;
    font-size: 25px!important
}

.consultants-block {
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;
    background-color: #f3f3f3
}

.consultant-avatar {
    width: 60%
}

.consultants-block-description {
    font-family: Myriadpro-Light;
    font-size: 25px!important
}

.consultants-block .chuc-vu {
    font-family: Myriadpro-Light;
    font-size: 16px
}

.consultant-phone {
    color: #00a9da
}

.feedbacks-block {
    padding-top: 60px;
    padding-bottom: 40px;
    text-align: center;
    background-image: url(../images/backgrounds/feedbacks-background1.jpg);
    background-size: 100% auto
}

.feedbacks-block-title {
    color: #fff;
    font-size: 38px
}

.feedbacks-block-description {
    font-family: Myriadpro-Light;
    font-size: 25px;
    padding-bottom: 20px
}

.feedbacks-block p {
    color: #fff
}

.feedbacks-block span {
    color: #fff
}

.feedbacks-block strong {
    color: #fff
}

.home-blog {
    margin-top: 30px;
    padding-top: 20px;
    padding-bottom: 30px
}

.home-blog-img {
    width: 100%
}

.home-blog-description {
    font-family: Myriadpro-Light;
    font-size: 25px!important
}

.home-blog-subtitle {
    font-size: 18px;
    text-align: justify;
    margin-top: 10px
}

.home-blog-subdescription {
    text-align: justify
}

.header-social-icon {
    padding-top: 10px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px
}

.language p {
    font-size: 14px
}

.footer-contact {
    background-color: #2a323a;
    padding-top: 40px;
    padding-bottom: 30px
}

.footer-contact h2 {
    font-size: 24px;
    text-transform: uppercase;
    color: #fff
}

.footer-menu {
    padding-top: 15px
}

.footer-menu li {
    padding-bottom: 14px;
    font-size: 16px
}

.logo_footer {
    width: 90%;
    margin-top: 15px
}

.footer-intro {
    margin-top: 15px;
    font-size: 15px;
    font-family: Myriadpro-Light
}

.footer-contact p {
    font-size: 14px
}

.heading-page {
    background-image: url(../images/backgrounds/heading-page-1.jpg);
    background-size: 100% auto;
    background-position: center;
    padding-top: 80px;
    padding-bottom: 30px
}

.heading-page-title {
    float: left;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    font-weight: 400;
    margin: 0
}

.heading-page .kopa-breadcrumb {
    float: right;
    line-height: 30px;
    color: #aaa;
    font-size: 15px;
    font-family: Myriadpro,sans-serif
}

@media (max-width: 766px) {
    .heading-page .kopa-breadcrumb {
        float:left
    }
}

.most-pop-img {
    width: 20%;
    height: auto;
    display: block;
    float: left;
    margin-right: 5px
}

.most-pop-post-title {
    display: inline-block;
    float: left;
    width: 75%;
    color: #3e3f40;
    font-family: Myriadpro-Light
}

.blog-sidebar-clear {
    clear: both;
    margin-bottom: 8px
}

.most-pop-title {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #b4bec2;
    font-size: 18px
}

.price-detail table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px
}

.price-detail table tr:first-child {
    vertical-align: bottom
}

.price-detail table td .package-price.bronze {
    background-color: #989898
}

.price-detail table td .package-price .title {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
    line-height: 30px
}

.price-detail table td .package-price .price {
    font-size: 21px;
    display: block;
    padding: 10px 0;
    line-height: 30px
}

.price-detail table td .package-price .description {
    display: block;
    padding-bottom: 10px
}

.price-detail table td .package-price {
    padding: 25px 0 10px;
    color: #fff;
    background-color: #fed702;
    text-align: center
}

.price-detail table td .package-price .package-try {
    border-radius: 20px;
    display: inline-block;
    padding: 10px 20px;
    background-color: #fff;
    font-size: 16px;
    color: #1d1d1d
}

.price-detail table td .package-price.gold {
    background-color: #ff9c00
}

.price-detail .icon-gold-crown {
    position: absolute;
    display: inline-block;
    background: url(icons/icon-crown.html) center center no-repeat;
    height: 84px;
    width: 99px;
    margin-top: -81px;
    margin-left: 50px
}

.price-detail table td .package-price.platinum .title {
    font-size: 28px!important
}

.price-detail table td .package-price.platinum {
    background-color: #00b4d6
}

.price-detail table td .package-price.diamond {
    background-color: #0084b2
}

.price-detail .icon-diamond {
    display: inline-block;
    position: absolute;
    background: url(icons/icon_diamond_new.html) center center no-repeat;
    height: 60px;
    width: 70px;
    margin-top: -60px;
    margin-left: -34px
}

.price-detail table tr:not(:first-child) td {
    border: 1px solid #d9d9d9;
    padding: 0 10px;
    height: 54px
}

.price-detail table tr:nth-child(2n) {
    background-color: #f9f9f9
}

.price-detail .icon-price-check {
    display: inline-block;
    background: url(icons/icon_new.png) center center no-repeat;
    height: 26px;
    width: 38px
}

.price-detail .icon-price-new-line {
    display: inline-block;
    background: url(icons/new_line.png) center center no-repeat;
    height: 3px;
    width: 11px
}

.price-detail table tr td:nth-child(2),.price-detail table tr td:nth-child(3),.price-detail table tr td:nth-child(4),.price-detail table tr td:nth-child(5),.price-detail table tr td:nth-child(6) {
    text-align: center
}

.price-note {
    margin-top: 15px
}

.price-detail .divider {
    background-color: #00a9da;
    font-size: 20px
}

.price-detail-mobile .package-detail li {
    list-style: none;
    margin-bottom: 30px;
    border: 1px solid #d8d8d8
}

.price-detail-mobile .package-detail li.bronze .package-price {
    background-color: #989898
}

.price-detail-mobile .package-detail li .package-price .title {
    display: block;
    font-weight: 300;
    font-size: 28px;
    text-transform: uppercase;
    line-height: 48px
}

.price-detail-mobile .package-detail li .package-price .price {
    display: block;
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 10px
}

.price-detail-mobile .package-detail li .package-price .package-try {
    border-radius: 20px;
    display: inline-block;
    line-height: 41px;
    padding: 0 50px;
    background-color: #fff;
    font-size: 14px;
    color: #1d1d1d;
    text-transform: uppercase;
    margin-top: 10px
}

.price-detail-mobile .package-detail li .package-price {
    color: #fff;
    background-color: #fed702;
    padding: 20px 0
}

.price-detail-mobile .package-detail li .view-detail-package {
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    padding: 15px 0;
    line-height: 16px
}

.price-detail-mobile .package-detail li .view-detail-package .icon-show-detail {
    display: inline-block;
    width: 28px;
    height: 16px;
    background: url(icons/icon_view_detail.html) center center no-repeat;
    margin-left: 3px;
    vertical-align: text-top
}

.price-detail-mobile .package-detail li .detail-package span {
    display: block;
    font-size: 16px;
    padding: 15px 0;
    border-bottom: 1px solid #d8d8d8;
    color: #31353e;
    line-height: 1.5em
}

.price-detail-mobile .package-price .description {
    display: block;
    padding-bottom: 8px
}

.price-detail-mobile .package-detail li.gold .package-price {
    background-color: #ff9c00
}

.price-detail-mobile .package-detail li.platinum .package-price {
    background-color: #00b4d6
}

.price-detail-mobile .package-detail li.diamond .package-price {
    background-color: #0084b2
}

.price-detail-mobile .package-detail li .detail-package .package-try {
    border-radius: 20px;
    display: inline-block;
    line-height: 41px;
    padding: 0 50px;
    background-color: #00b4d6;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 10px
}

.price-detail-mobile .package-detail li .detail-package span.divider {
    background-color: #79e2ff;
    font-size: 18px
}

.relevent-post-img {
    width: 100%;
    margin-bottom: 10px
}

.relevent-post h4 {
    font-size: 16px
}

.relevent-post h3 {
    font-size: 25px
}

.header-mobile {
    height: 25px;
}

.toggle-menu {
    font-size: 25px;
    margin-top: 8px;
    margin-left: 10px
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0,0,0,.5);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    background: rgba(0,0,0,.6);
    -webkit-transform: translatey(-100px);
    -ms-transform: translatey(-100px);
    transform: translatey(-100px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px
}

.hovereffect a.info {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 50px 0 0;
    padding: 7px 14px
}

.hovereffect a.info:hover {
    box-shadow: 0 0 5px #fff
}

.hovereffect:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.hovereffect:hover .overlay {
    opacity: 1
}

.hovereffect:hover a.info,.hovereffect:hover h2 {
    opacity: 1;
    -ms-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0)
}

.hovereffect:hover a.info {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.detail_home_services span a {
    color: #666
}

.detail_home_services a {
    color: #363636;
    font-size: 16px
}

@media (max-width: 500px) {
    .home-blog-img {
        height:auto
    }
}

.caption1-slider1 {
    font-family: Myriadpro;
    text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff
}

.caption2-slider1 {
    font-family: Myriadpro;
    font-size: 20px;
    text-shadow: -1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff
}

#mobile_menu_trigger {
    padding-left: 8px;
    padding-top: 0px;
    display: inline-block;
    font-size: 22px
}

.our-clients {
    padding-top: 40px
}

.contact-2 {
    padding-bottom: 40px
}

.post_description {
    font-family: Myriadpro-Light
}