/*
Theme Name: Matcom
Theme URI: https://wordpress.org/themes/matcom/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Matcom is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Matcom will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: matcom

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

/* 
    Template Name: matcom_

    Created on : May 26, 2016, 11:12:19 AM
    Author     : Hoang Bui
*/

@font-face {
    font-family: 'HelveticaLTStd-Bold';
    src:url('../fonts/HelveticaLTStd-Bold/HelveticaLTStd-Bold.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/HelveticaLTStd-Bold/HelveticaLTStd-Bold.otf')  format('opentype'),
        url('../fonts/HelveticaLTStd-Bold/HelveticaLTStd-Bold.woff') format('woff'), 
        url('../fonts/HelveticaLTStd-Bold/HelveticaLTStd-Bold.ttf')  format('truetype'), 
        url('../fonts/HelveticaLTStd-Bold/HelveticaLTStd-Bold.svg#HelveticaLTStd-Bold') format('svg');
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaLTStd-Light';
    src: url('../fonts/HelveticaLTStd-Light/HelveticaLTStd-Light.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/HelveticaLTStd-Light/HelveticaLTStd-Light.otf')  format('opentype'),
        url('../fonts/HelveticaLTStd-Light/HelveticaLTStd-Light.woff') format('woff'), 
        url('../fonts/HelveticaLTStd-Light/HelveticaLTStd-Light.ttf')  format('truetype'),
        url('../fonts/HelveticaLTStd-Light/HelveticaLTStd-Light.svg#HelveticaLTStd-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaLTStd-LightCond';
    src: url('../fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.otf')  format('opentype'),
        url('../fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.woff') format('woff'), 
        url('../fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.ttf')  format('truetype'), 
        url('../fonts/HelveticaLTStd-LightCond/HelveticaLTStd-LightCond.svg#HelveticaLTStd-LightCond') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HussarBold';
    src: url('../fonts/HussarBold/HussarBold.eot?#iefix') format('embedded-opentype'),  
        url('../fonts/HussarBold/HussarBold.otf')  format('opentype'),
        url('../fonts/HussarBold/HussarBold.woff') format('woff'), 
        url('../fonts/HussarBold/HussarBold.ttf')  format('truetype'), 
        url('../fonts/HussarBold/HussarBold.svg#HussarBold') format('svg');
    font-style: normal;
}
body{
    font-family: "HelveticaLTStd-Light", sans-serif;
}
a{
    text-decoration: none;
    outline: none !important;
}
.no-padding{
    padding: 0;
}
.no-margin{
    margin: 0;
}
.header{
    background: #fff;
    padding: 10px 0;
}
.header .box-logo{
    padding: 15px 0;
}
.header .navigation,
.list-social{
    float: right;
}

.list-social{padding-right: 15px;}
.list-social ul{
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 5px;
    margin: 0;
}
.list-social ul li{
    display: inline-block;
    padding: 0 5px;
}
.list-social ul li a{
    color: #c7c7c7;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid;
    line-height: 22px;
    text-align: center;
    transition: ease all 0.3s
}
.list-social ul li.facebook a:hover{
    background: #3b5998;color: #fff;border-color: transparent
}
.list-social ul li.google a:hover{
    background: #d34836;color: #fff;border-color: transparent
}
.list-social ul li.twitter a:hover{
    background: #55ACEE;color: #fff;border-color: transparent
}
.list-social ul li.youtube a:hover{
    background: #B31217;color: #fff;border-color: transparent
}
#bgvid{
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background-size: cover;
    margin-bottom: 0;

}

.header .navigation{
    clear: both;
}
.header .navigation .navbar{
    margin: 10px 0 0 0;
    min-height: 0;
}
.header .navigation .navbar-collapse{
    padding-right: 0;
}
.sidbar_slide_inner_main .sidbar_slide_header{
    height: 40px;
    margin-top: 10px;
    border: 1px solid #fff;
    border-radius: 0;
}
.sidbar_slide_inner_main .sidbar_slide_header .sidbar_slide_title{
    padding: 0;
}
ul.navbar-nav li a{
    padding: 10px 15px;;
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
    font-family: HelveticaLTStd-Light,arial;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus{
    outline: none;text-decoration: none;background: none;color: #000
}
.custom-logo{max-width: 100%}
.navbar-nav > li[class*='current'] > a{color: #000;background: none}
/*End header*/
.main-slider{
    background: rgba(0, 0, 0, 0.5) url("/apps/uploads/2016/06/bgVideoCover.png") repeat scroll 0 0;
    /*background: #333;*/
    opacity: 0.6;
}
.main-point.content-main{
    background: #fff;
}
.jcarousel-wrapper{background-color: #fff}
.main-partners .slider-content .control-slider,
.footer .footer-top .title,
.main-statistic ul li strong,
.main-news .box-body .title,
.main-news .box-body .time,
.main-news .box-header .title,
.main-approach .title,
.main-point .title,
.main-about-us .title,
.main-slider ul li.item .caption .title{
    text-transform: uppercase;
    font-family: "Arial", sans-serif;
    font-weight: 700;
}
.text-right{text-align: right}
.text-left{text-align: left}
.text-center{text-align: center}
.text-justify{text-align: justify}
.text-right img{display: inline-block}
.main-slider ul li.item{
    position: relative;
}

.main-slider ul li.item .caption .container{
    padding: 0 60px;
}
.main-slider ul li.item .caption .title{
    font-size: 50px;
}
.main-slider ul li.item .caption .description{
    font-size: 20px;
    font-family: "HelveticaLTStd-LightCond", sans-serif;
    font-weight: 100;
}
.readmore a{
    background: url('../images/plus-slider.png') no-repeat 100% center;
    font-family: "HussarBold", sans-serif;
    text-transform: uppercase;
    padding-right: 60px;line-height: 30px;display: inline-block;margin-top: 20px;
}
.readmore a{
    color: #ccc;
    text-decoration: none;
}

.main-about-us p{
    text-align: justify;
    color: #f2f2f2;
}
.main-point .image-thumbnail{
    padding-left: 0;
}
.main-point .title{
    font-size: 30px;
}
.main-about-us .title{
    color: #f2f2f2;
    font-size: 30px;
}
.main-point .title span,
.main-about-us .title span{
    color: #962f34;
}
.main-about-us .readmore a{
    color: #ccc;
}
.main-point .readmore a{
    color: #333;
}
.main-point ul li{
    position: relative;
    padding: 10px 0;
    padding-left: 20px;
}
.main-point ul li:before{
    background: url(../images/list-style-image.png) no-repeat;
    left: 0;
    top: 15px;
    content: "";
    width: 10px;
    position: absolute;
    height: 10px;
    background-size: 100%;
}
.main-point ul li:hover:before{
    background: url(../images/list-style-image-hover.png) no-repeat;
    width: 13px;    
    background-size: 100%;
}
.main-point ul li a{
    color: #666;
    text-decoration: none;
}
.main-point ul li:hover a{
    color: #962f34;
    font-family: "HelveticaLTStd-Bold",sans-serif;
}
.main-point .readmore{
    padding: 15px 0;
    background-position: 145px 9px;
}
.main-point .readmore:after{
    left: 140px;
    top: 8px;
}
/*expertise page*/
.bg-top-page{
    height: 380px;
    position: relative;
}
.bg-top-single{
    height: 100px;
    position: relative;
}
.bg-top-page:before{
    content: '';position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.4);
}

.main-point .content-exper .content-main {
    padding: 0 15px;
}
.main-point .content-exper figure.post-thumbnail:before{content: '';position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: rgba(150,47,52,0.8);opacity: 0;transition: all 1s ease}
.main-point .content-exper article:hover figure.post-thumbnail:before{opacity: 1; transition: all 1s ease}

.main-point .content-exper figure.post-thumbnail{
    width: 100%;
    height: 150px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
    margin-left: 0;
}

.main-point .content-exper img{
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.main-point .content-exper p.description{
    text-align: justify;
    font-size: 15px;
}
.main-point .content-exper h3.title{
    margin: 60px 0 40px 0;
    line-height: 30px;
}
.main-point .content-exper article:hover .entry-title a{
    color: #962f34;
    text-decoration: none;
}
.main-point .content-exper .entry-title {
    font-size: 17px;
    font-family: HussarBold, Arial;
    text-decoration: none;
    color: #333;
    margin: 0;
    padding: 0 10px;
    text-align: center;

}

.main-point .content-exper article{
    min-height: 200px ;
    margin-bottom: 80px;
}
.main-point .main-statistic{
    margin-top: 65px;
}
.expertise-page .main-statistic ul li:before{
    background: none;
}
/*client page*/
.client-page h1.title{
    margin: 50px 0 45px 0;
}
.client-page ul{
    margin: 0;
}
.client-page .description{
    text-align: justify;
}

.client-page .box-img{
    display: inline-block;
    position: relative;
    margin-top: 5px;
    margin-right: 2px;
    height: 145px;
    line-height:145px;
    width: 220px;
    overflow: hidden;
    border: 2px solid #ccc;
    background: #fff;
    float: left;
}
.client-page .box-img a:before{content: '';position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: rgba(255,255,255,0.4);opacity: 1;transition: opacity 1s ease;-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-o-transition: opacity 1s ease;}
.client-page .box-img:hover a:before{opacity: 0; transition: opacity 1s ease;-webkit-transition: opacity 1s ease;-moz-transition: opacity 1s ease;-o-transition: opacity 1s ease;}
.client-page .box-img:hover{
    border: 2px solid #962f34;
    -webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;
}
.client-page .box-img:hover img{
    transition: all 1s ease;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;
}
.client-page .box-img a{
    display: inline;
}
.client-page .box-img img{
    height: auto;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.client-page .main-point ul{
    text-align: center;
}
.client-page .main-point ul li.title{
    text-align: left;
}
.client-page .main-point ul li{
    list-style: none;
}
.client-page .main-point ul li:before{
    top: 35px;
    background: url(../images/list-style-image-hover.png) no-repeat;
}
.client-page .main-statistic{
    margin-top: 50px;
}
.client-page section.main-approach-detail,
.main-point.expertise-detail{
    padding-bottom: 100px;
}
/*mathorn-team*/
.matteam-page .top-content{
    margin-bottom: 40px;
}
.matteam-page h1.title{
    margin: 50px 0 45px 0;
    font-size: 30px;
}
.matteam-page .bot-content .post-thumbnail{

    margin: 0;
}
.matteam-page .bot-content .post-thumbnail img{
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
.matteam-page .box-image img{
    max-width: 60%;
}
.matteam-page .bot-content h2 a{
    text-decoration: none;
}
.matteam-page .bot-content h2{
    margin: 0;
    text-transform: uppercase;
    padding-top: 20px;
    font-family: "HussarBold", sans-serif;

}
.matteam-page .bot-content .position{
    text-transform: uppercase;
    font-size: 25px;
    color: #962f34;
    font-family: "HussarBold", sans-serif;
}
.matteam-page .top-content .description,
.matteam-page .bot-content .description{
    text-align: justify;
}
.matteam-page{
    margin-bottom: 80px;
}
/*work with us*/
.workus-page .box-header h1.title{
    margin: 50px 0 45px 0;
}
.workus-page .main-point .content p{
    text-align: justify;
}
.workus-page .main-point{
    margin-bottom: 70px;
}
.workus-page .main-approach h3.title{
    color: #f2f2f2;
}
.workus-page .main-approach{
    padding: 70px 0 140px 0;
}
.workus-page .main-approach .statistic{
    padding: 0;
    margin-top: 100px;
}
.workus-page .main-approach .statistic ul{
    margin: 0;
}
.workus-page .main-approach .statistic .sta{
    color: #f2f2f2;
    font-size: 18px;
}
.workus-page .main-approach .statistic .title{
    color: #962f34;
    font-size: 20px;
}
.workus-page .main-approach .statistic .detail{
    padding: 70px 5px;
    margin: 0px 70px;
    display: inline-block;
    border: 1px solid #f2f2f2;
    width: 200px; height: 200px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px;
    margin-bottom:25px;
}
.workus-page .main-approach .statistic .detail:hover{
    background: rgba(199,199,199,0.7);
    border: 1px solid #962F34;
    transition: all 1s ease;
}
/*expertise detail*/
.expertise-detail .box-header .goback,
.expertise-detail .box-header h1.title{
    font-family: "HussarBold", sans-serif;
    padding: 60px 0 15px 0;
    text-transform: uppercase;
    margin: 0;
    color: #333;
    font-size: 25px;
    line-height: 25px;
}
.expertise-detail .box-header .goback a{
    color: #333;
    text-decoration: none;
    font-size: 14px;
}
.expertise-detail .content-detail{
    padding: 50px 0 0 0;
    text-align: justify;
    font-size: 15px;
}
.main-partners{
    padding: 60px 0;
    background: rgba(0, 0, 0, 0.5) url("/apps/uploads/2016/06/bgVideoCover.png") repeat scroll 0 0;
}
.main-partners .slider-content{
    position: relative;
}
.main-partners ul{
    text-align: center;
    margin: 0;
}
.main-partners ul li{
    display: inline-block;
    width: 190px;
    border-left: 1px solid #e5e5e5;
}
.main-partners ul li:last-child{
    border-right: 1px solid #e5e5e5;
}
.main-partners ul li img{
    height: 45px;
    object-fit: cover;
    margin: 0 auto;
}
.main-partners .slider-content .control-slider{
    position: absolute;
    top: 50%;
    width: 100%;
}
.main-partners .slider-content .control-slider a{
    color: #ccc;
    background: url(../images/list-style-image-hover.png) no-repeat;
}
.main-partners .slider-content .control-slider .slider-prev{
    left: 20px;
    background-position: 25px 3px;
    padding-right: 25px;
}
.main-partners .slider-content .control-slider .slider-next{
    right: 20px;
    float: right;
    background-position: 5px 5px;
    padding-left: 25px;
}
.main-partners ul{
    position: relative;
    z-index: 1;
}
/*End Partners*/

.main-approach .title{
    color: #fff;
    font-size: 30px;
}
.main-approach .title span{
    color: #962f34;
    text-transform: uppercase;
}
.main-approach .description{
    color: #f2f2f2;
}
.main-approach .readmore{
    display: inline-block;
}
.main-approach .readmore a{color: #fff}
/*End approach*/
.main-news{
    padding: 70px 0 50px 0;
    background: rgba(0, 0, 0, 0.5) url("/apps/uploads/2016/06/bgVideoCover.png") repeat scroll 0 0;
}
.main-news .box-header .title{
    margin: 0;
    font-size: 30px;
    color: #f2f2f2;
}
.main-news .box-header .title span{
    color: #962f34;
}
.main-news .box-header .sub-title{
    color: #f2f2f2;
    font-size: 15px;
}
.main-news .box-body{
    padding: 40px 0 10px;
}
.main-news .box-body .box-image img{
    height: 250px;
    object-fit: cover;
    width: 100%;
}
.main-news .box-body p{
    text-align: justify;
    color: #f2f2f2;
}
.main-news .box-body .time{
    color: #ccc;padding-top: 10px;
    font-size: 12px;
}
.main-news .box-body .title{
}
.main-news .box-body .title a{
    font-size: 18px;
    color: #ccc;
    text-decoration: none;
    font-family: HussarBold,arial;
}
.main-news .box-body article:hover a{
    color: #962f34;
}

.main-news .box-body .post-thumbnail{position: relative;margin: 0}
.main-news .box-body .post-thumbnail:before{content: '';position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: rgba(150,47,52,0.8);opacity: 0;transition: all 1s ease}
.main-news .box-body article:hover .post-thumbnail:before{
    opacity: 1;
    transition: all 1s ease
}
.main-news .box-body .description{
    color: #666;
    font-size: 15px;
}
.main-news .box-body .readmore{
    padding: 20px 0;
}
.main-news .box-body .readmore:after{
    top: 13px;
}
.main-news .box-body .readmore a{
    color: #ccc;
}
/*page news*/
.page-news{
    padding-bottom: 0;
    padding-top: 0;
}
.page-news .bg-top-page{
    padding-top: 380px;
}
.page-news .tab-content{
    z-index: 3;
    position: relative;
    background: rgba(0,0,0,0.9);
}
.page-news .box-header{
    z-index: 5;
    position: relative;
}
.page-news .related .box-image img{
    height: 250px;
}
.page-news .box-image img{
    height: 200px;
    object-fit: cover;
    width: 100%;
}
.page-news h2{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
}
.page-news p{
    text-align: justify;
}
.page-news ul.tabs {
    margin: 40px 0 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    border-bottom: 1px solid #999999;
    width: 100%;
}
.page-news ul.tabs li {
    float: left;
    margin: 0;
    cursor: pointer;
    padding: 0px 21px;
    height: 40px;
    line-height: 40px;
    border-left: none;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    color: #999;
}
.page-news ul.tabs li:hover,
.page-news ul.tabs li.active {
    background-color: #962f34;
    color: #f2f2f2;
}
.page-news .tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
}
.page-news .tab_content {
    padding: 20px 0;
    font-size: 14px;
    display: none;
}
.page-news .tab_content .post-thumbnail{
    margin-bottom: 15px;
}
.page-news .tab_content .time{
    font-size: 12px;
    text-transform: uppercase;
    color: #ccc;
    font-family: "HussarBold", sans-serif;
    padding: 15px 0;
}
.page-news .tab_content h2.entry-title{
    margin: 15px 0;
    font-size: 14px;
}
.video-detail .tab_content h1.entry-title,
.gallery-detail .tab_content h1.entry-title{
    margin: 15px 0;
    font-size: 18px;
}

.page-news .tab_content h2.entry-title a,
.video-detail .tab_content h1.entry-title a,
.gallery-detail .tab_content h1.entry-title a{
    font-family: "HussarBold", sans-serif;
    color: #f2f2f2;
    text-decoration: none;
}
.page-news .tab_content .language-vi h2.entry-title a, .video-detail .tab_content .language-vi h1.entry-title a, .gallery-detail .tab_content .language-vi h1.entry-title a{
    font-family: Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.page-news .tab_content article:hover a{
    color: #962f34;
}
.page-news .tab_content .post-thumbnail{
    position: relative;
    margin: 0;
}
.page-news .tab_content .format-gallery .post-thumbnail:before,
.video-detail .tab_container .format-gallery .box-image:before,
.gallery-detail .tab_container .format-gallery .box-image:before{
    content: "\f03e";font-family: 'FontAwesome';color: #fff;font-size: 50px;text-align: center;padding-top: 25%;position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: rgba(150,47,52,0.8);opacity: 0;transition: all 1s ease
}
.page-news .tab_content .format-video .post-thumbnail:before,
.video-detail .tab_container .format-video .box-image:before,
.gallery-detail .tab_container .format-video .box-image:before{
    content: "\f144";font-family: 'FontAwesome';color: #fff;font-size: 50px;text-align: center;padding-top: 25%;position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: rgba(150,47,52,0.8);opacity: 0;transition: all 1s ease
}
.page-news .tab_content .format-standard .post-thumbnail:before,
.video-detail .tab_container .format-standard .box-image:before,
.gallery-detail .tab_container .format-standard .box-image:before{
    content:  "\f115";font-family: 'FontAwesome';color: #fff;font-size: 50px;text-align: center;padding-top: 25%;position: absolute;z-index: 1;width: 100%;height: 100%;top: 0;left: 0;background: rgba(150,47,52,0.8);opacity: 0;transition: all 1s ease
}

.page-news .tab_content article:hover .post-thumbnail:before,
.video-detail .tab_content article:hover .box-image:before,
.gallery-detail .tab_content article:hover .box-image:before{
    opacity: 1;
    transition: all 1s ease;
}
.gallery-detail .category309.rbs-img.rbs-img-loaded > a{
    margin-left: 15px;
}
.video-detail .content iframe{
    width: 100%;
}
.page-news .tab_content .description{
    color: #f2f2f2;
}
.page-news .clearfix{
    margin-bottom: 30px;
}
.page-news a.SeeMore2,
.page-news a.SeeLess{
    background: rgba(0, 0, 0, 0) url("../images/plus-slider.png") no-repeat scroll 100% center;
    display: inline-block;
    font-family: "HussarBold",sans-serif;
    line-height: 30px;
    margin: 20px 0;
    padding-right: 60px;
    text-transform: uppercase;
    color: #666;
    text-decoration: none;
}
.page-news .pull-right.goback > a{
    color: #f0f0f0;
    font-size: 25px;
    text-decoration: none;
    text-transform: uppercase;
}
.gallery-detail .avatar img{
    margin: 10px 0;
}
.video-detail h1.title,
.gallery-detail h1.title{
    color: #f2f2f2;
}
.video-detail h1.entry-title a,
.gallery-detail h1.entry-title a{
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}
.gallery-detail .content,
.video-detail .content{
    color: #f2f2f2;
}
.video-detail .tab_container .box-image,
.gallery-detail .tab_container .box-image{
    position: relative;
}

.rbs-img-image div[data-width][data-height] img{
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    object-fit: cover;
}
/*End News*/
.main-statistic{
    background: url(../images/section-3.jpg) repeat-x center top;
    padding: 100px 0 105px;
}
.main-statistic ul{
    text-align: center;margin: 0;display: inline-block;width: 100%
}
.main-statistic ul li{
    float:left;
    width: 25%;text-align: center
}
.main-statistic ul li span{
    font-family: "HelveticaLTStd-Bold", sans-serif;
    text-transform: capitalize;
    font-size: 20px;
    color: #962f34;
    line-height: 36px;
    display: inline-block;
    border-left: 3px solid #962f34;
    padding-left: 10px;
}
.main-statistic ul li strong{
    font-size: 36px;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.social-feed .entry-content{
    margin: 0;
}
.grid{
    -moz-column-count:1;
    -moz-column-gap: 3%;
    -moz-column-width: 100%;
    -webkit-column-count:1;
    -webkit-column-gap: 3%;
    -webkit-column-width: 100%;
    column-count: 1;
    column-gap: 3%;
    column-width: 100%;
}
.grid-item {
    break-inside: avoid;
    padding: 5px;
    width: 100%;
    background-color: transparent;
    margin-bottom: 15px;
}
.grid a{
    color: #962F34;
}
.fts-jal-fb-header{
    display: none;
}
.fts-jal-fb-message{
    color: #f2f2f2;
    text-align: justify;
}
.fts-jal-fb-description-wrap{
    max-width: none;
}
.fts-jal-fb-post-time{
    text-align: left;
}
.fts-jal-fb-right-wrap{
    padding: 5px;
}

.fts-jal-fb-see-more{
    padding: 5px 10px;
}
.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover{
    box-shadow: none;
}
a.fts-powered-by-text{display: none !important;}
/*End statistic*/
/*page none*/
.main-approach-detail{
    text-align: justify;
    background: #f2f2f2;
}
.main-approach-detail img{
    margin: 0 auto;
    max-width: 100%;

}
.footer{
    background-color: #fff;
}
.footer .footer-top{
    padding-top: 50px;
}
.footer .footer-top .title{
    color: #962f34;
    font-size: 25px;
    font-family: HussarBold,arial;
}
.footer .footer-top .description{
    font-size: 15px;
    color: #333;
    padding: 10px 0;
    font-family: HelveticaLTStd-Light,arial;
}

.footer .footer-top .box-content-footer{
    padding-left: 15px;
}
.footer .footer-top .box-content-footer .box-header{
    border-bottom: 1px solid #e5e5e5;
}
.footer .footer-top .box-content-footer .box-body{
    padding: 20px 0;
}
.footer .footer-top .box-content-footer .box-body ul li{
    padding: 5px 0;font-family: HelveticaLTStd-Light,arial;font-size: 15px;color: #000;
}

.footer .footer-top .box-content-footer .box-body ul li span,.footer .footer-top .box-content-footer .box-body ul li a{
    display: inline-block;color: #000;
    padding-right: 10px;
}
.footer .footer-top .box-content-footer .box-body ul li a:hover{color:#962F34}
.footer .footer-top .box-content-footer .box-footer .readmore{
    padding: 10px 0;
}
.footer .footer-top .box-maps {
    padding-right: 0;
}
.footer .footer-top .box-maps img{
    height: 320px;
    object-fit: cover;
}
.footer .footer-top .box-maps img.ajax-loader{
    height: auto;
}
.footer-top div.wpcf7-validation-errors{
    border: 2px solid #ff0000;
}
.footer .footer-middle{
    border-top: 1px solid #e5e5e5;
    padding: 10px 0;
}
.nav-footer ul li{
    display: inline-block;
}
.nav-footer ul li a{
    color: #962f34;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
}
.box-footer .readmore a{color: #000;
                        text-transform: uppercase;
}
.footer .footer-middle .backtotop{
    position: relative;
    text-align: right;
    font-family: "HussarBold", sans-serif;
    color: #000;
    opacity: .5;
    cursor: pointer;
    text-transform: uppercase;
    padding-top: 5px;
    line-height: 50px;
}

.footer .footer-middle .backtotop:before{
    position: absolute;
    top: -30px;
    left: 0;
    font: 44px/44px FontAwesome;
    content: "\f106";
}
.footer .footer-middle .backtotop:hover{color: #962F34;text-decoration: none;opacity: 1}
.footer .footer-bottom{
    background: #962f34;
    padding: 20px 0;
    color: #fff;
}
.main_sidbar_slide .sidbar_slide_inner_main .sidbar_slide_content iframe{
    margin-bottom: 0;
}
#map-canvas{height: 350px}
.footer .footer-bottom .list-social ul{border:none}
.copy-right{padding-top: 25px}
.footer .footer-bottom ul li{
    display: inline-block;
    padding: 0 5px;
}
.footer .footer-bottom ul.social-links-menu li a{
    color: #fff;
    opacity: .5;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #fff;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}
a.testclick{
    outline: none;
}
.navbar-nav li.dropdown button{
    display: none;
}
.row.share-box{
    padding: 0px 15px 0 13px;
}
.row.share-box .pull-left .tags {line-height: 36px;}
.row.share-box .pull-left .tags a{
    padding: 3px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid;
}
.cff-likebox.cff-top{
    margin-top: 0;
}
.fanpage {
    margin: 0 auto;
    padding-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}
.cff-viewpost-facebook, .cff-share-container .cff-share-link,.cff-page-name.cff-author-date{
    color: #f2f2f2;
}
.cff-viewpost-facebook:hover, .cff-share-container .cff-share-link:hover, .cff-author > a:hover .cff-page-name.cff-author-date{
    color: #962F34;
}
.pum-theme-358, .pum-theme-default-theme{
    background-color: rgba(255, 255, 255, 0.5) !important;
}
.pum-theme-358 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
    background-color: #962f34 !important;
}
.search-form{
    float: left;
}
.search-form button{
    margin-bottom: 5px;
}
.header.title{
    height: 50px;
}
.pagination > li > a, .pagination > li > span{
    color: #962f34;
}
#language a{
    color: #f2f2f2;
}
.icl-en{
    display: none;
}
.content .gallery{
    margin: 0;
    text-align: center;
}
.vi-lang{
    font-family: Arial;
    font-weight: 700;
}
.pagination > li > a, .pagination > li > span{
    background: transparent;
    color: #fff;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{
    background: transparent;
    color: #962f34;
    border-color:  #fff; 
}
.pagination > li > a, .pagination > li > span{
    border: 0;
    font-size: 13px;
    border-left: 1px solid #fff;
    padding: 0 10px;
    line-height: 15px;
    opacity: 0.75;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
    border-left: 0;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{
    background: transparent;
    color: #962f34;
}
.scrollToTop{
    bottom: 60px;
    cursor: pointer;
    display: none;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: fixed;
    right: 20px;
    width: 40px;
    z-index: 1000;
    opacity: 0.6;
    color: #fff;
    font-size: 40px;
    text-shadow: 2px 2px 2px black;
}
.scrollToTop:hover{
    text-decoration:none;
}
button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
    background-color: #962f34;
}
@media (max-width: 989px){
    .col-xs-12.col-md-6.col-lg-6.block-detail{
        padding: 0;
    }
    body{font-size: 13px}
    ul.navbar-nav li a{padding:5px 10px;font-size: 13px}
    .main-about-us{padding:30px 0}
    .content-point ul{margin: 0}
    .main-point .image-thumbnail{padding:0}
    .main-approach{padding:100px 0}
    .main-news{padding:30px 0}
    .main-statistic ul li strong{font-size: 30px}
    .main-statistic ul li span{font-size: 15px}
    .footer .footer-top .box-content-footer,.footer .footer-top .box-maps{padding:0 15px}
    .main-news .box-body .box-image img{
        height: auto;
        margin: 0 auto;
    }
    .page-news .box-image img{
        height: auto;
        margin: 0 auto;
    }

    .main-point.content-main .col-md-5.col-lg-5{
        text-align: center;
    }
    .logo-footer,
    .copy-right{
        text-align: center;
    }

}
@media (max-width: 767px){
    .main-point .content-exper figure.post-thumbnail{
        height: auto;
    }
    .client-page .box-img{
        width:100%;
    }
    .main-point .content-exper img{
        position: sticky;
    }
    .matteam-page .box-image img{
        max-width: 100%;
    }
    .page-news ul.tabs li {
        padding: 0 10px;
    }
    .main-point .content-exper article{
        margin-bottom: 20px;
    }
    .workus-page .main-approach .statistic .title,
    .workus-page .main-approach .statistic .sta{
        font-size: 15px;
    }
    .expertise-page .bg-top-page.img-responsive,
    .expertise-detail .bg-top-page.img-responsive,
    .client-page .bg-top-page.img-responsive,
    .matteam-page .bg-top-page.img-responsive,
    .workus-page .bg-top-page.img-responsive{
        background-attachment: scroll !important;
        height: 150px !important;
    }
    .page-news .bg-top-page.img-responsive{
        padding-top: 100px;
        height: auto !important;
    }
    .main-statistic ul li strong{font-size: 20px}
    .main-statistic ul li span{font-size: 10px}

    .header .box-logo{padding: 5px 15px;text-align: center}
    .list-social{width: 100%;text-align: center;padding:0 15px}
    .list-social ul{display: inline-block}
    .header .navigation{float: none}
    button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus{
        background:#962F34;color: #fff;
    }
    .navbar-nav{
        text-align: center;
    }
    ul.navbar-nav li a{
        text-transform: uppercase;
    }
    .navbar-nav li.dropdown button{
        display: block;
        position: absolute;
        background: transparent;
        color: #000;
        padding: 0 5px;
        font-size: 15px;
        top: 0;
        right: 0;
    }
    .navbar-nav li.dropdown ul.dropdown-menu{
        background-color: transparent;
        border: 0 none;
        box-shadow: none;
        float: none;
        margin-top: 0;
        position: static;
        width: auto;
        display: block;
        text-align: center;
        display: none;
    }

    .navbar-collapse{padding: 0}
    .navbar-nav{margin: 0}
    .main-news .box-body .box-image img{
        height: auto;
        object-fit: cover;
        width: 100%;
    }
    .fts-jal-single-fb-post{
        width: 100%;
        margin: 1%;
        min-height: auto;
        height:auto;
        background-color: #f0f0f0;
    }

    .main-point.content-main ul li{
        padding-left: 0;
    }
    .main-point.content-main ul li::before{
        background: none;
    }
    .main-about-us .title,
    .main-news .box-header p{
        text-align: center;
    }
    .main-news .box-body .time{
        text-align: center;
    }
    .page-news .tab_content .time{
        text-align: center;
    }
    .footer .box-header{
        text-align: center;
    }
    .main-point .content-exper h3.title,
    .client-page h1.title,
    .matteam-page h1.title,
    .matteam-page .entry-header.title,
    .matteam-page .position,
    .readmore,
    .list-unstyled,
    .client-page .main-point ul li.title{text-align: center}

    .main-news h2{text-align: center}
    .workus-page .main-approach .statistic .detail{
        margin: 5px auto;
    }


}
@media (max-width: 479px) {
    .fanpage{
        display: none;
    }
}
@media (min-width: 768px) {
    .navbar-nav li.dropdown:hover ul.dropdown-menu{
        display: block;
    }
    .navbar-nav li.dropdown:focus ul.dropdown-menu{
        display: none;
    }
    #main-nav li a{
        text-transform: uppercase;
        font-weight: bold;
        font-size: 12px;
        color: #962f34;
    }
    #main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
        color: #000;
    }
}