@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic|Open+Sans+Condensed:300,300italic,700&subset=latin,vietnamese,latin-ext);

body{
    background: #F3F3F3 url('../../../img/layout2/bg2.jpg') fixed no-repeat ;
    background-size: cover;
    font-family: 'Open Sans', sans-serif;
}

/*Vertical layout*/
p {
    font-size: 13px;
}
.vertical-wrap {
    display: block;
    margin: auto;
    position: relative;
    font-size: 10pt;
    z-index: 10;
}

.ver {
    width: 940px;
    margin: 120px auto -50px;
    position: relative;
    border: 1px solid gray;
    /*background: white!important;*/
    display: block;
}
#vietbizwatch .ver {
    background: white;
}
.ver-content {
    margin: 0 25px 25px 25px;
    position: relative;
    /*font-family: 'MS PGothic', Osaka, "Open Sans", sans-serif;*/
    line-height: 14pt;
    display: inline-block;
}
.ver-header {
    position: relative;
    margin-top: -35px;
    margin-left: 25px;
    color: white;
    font-size: 13pt;
}
.ver-vol {
    width: 100px;
    height: 100px;
    padding: 5px;
    background: #d65206;
    text-align: center;
    float:left;
    font-weight: bold;
    display: table;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.ver-vol span:first-child {
    display: block;
    font-size: 20pt;
    margin-top: 5px;
    text-transform: uppercase;
    letter-spacing: 10px;
    padding-left: 7px;

}
.ver-vol span:nth-child(2) {
    margin-top: -10px;
    display: block;
    font-size: 35pt;
}
.ver-vol span.special {
    letter-spacing: normal;
    font-size: 30pt;
    padding: 0;
    margin-top: 0;
    display: table-cell;
    vertical-align: middle;
}

.ver-tit {
    float: left;
    display: block;
}
.ver-title {
    float: left;
    margin-top: 20px;
    text-transform: uppercase;
    padding: 5px 10px;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.ver-vol {
    background: #d65206;
}
.ver-title {
    background: black;
}
.ver-author {
    font-size: 10pt;
    color: #585858;
    display: block;
    margin: 5px 10px;
}
.vbw-email:before, .vbw-phone:before {
    content: " ";
    width: 27px;
    height: 27px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
.vbw-email:before {
    background: url('../../../img/layout2/icon-email-gray.png') no-repeat center center;
}
.vbw-phone:before {
    background: url('../../../img/layout2/icon-phone-gray.png') no-repeat center center;
}
#vietbizwatch .ver-content p {
    margin-bottom: 10px;
}
.content-jap, .content-vie {
    width: 50%;
    float: left;
    text-align: justify;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.content-vie {
    border-left: 1px solid gray;
    padding: 25px 0 25px 25px;
}
.content-jap {
    font-family: 'MS PGothic', Osaka, Arial, sans-serif;
    padding: 25px 22px 25px 0  ;
}
.footer2 {
    background: #571701;
    width: 100%;
    padding: 50px 0 50px 60px;
    color: white;
    display: inline-block;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.f-content {
    width: 880px;
    margin: auto;
    padding: 25px 5px;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.f-section {
    float: left;
    width: 270px;
    margin: 0 10px;
    display: inline;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.f-section h3 {
    font-size: 13pt;
    font-weight: normal;
    margin-bottom: 10px;
}
.f-section a {
    color: white;
    text-decoration: none;
}
.tile_7 {
    margin: 0 0 10px 0;
    width: 100%;
    height: 40px;
    overflow: hidden;
    cursor: pointer;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.tile_7 div:nth-child(2) {
    width: 40px;
    height: 40px;
    font-size: 13pt;
    background: #d65206;
    text-align: center;
    line-height: 12pt;
    float: left;
    margin-right: 5px;
    font-weight: normal;
    word-break: break-all;
    display: table;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.tile_7 div:nth-child(2) span{
    display: table-cell;
    vertical-align: middle;
    padding: 0 3px
}
.tile_7 div:nth-child(3), .tile_7 div:nth-child(4){
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 2px 0;
}
.tile_7:hover {
     background:#7F2102;
 }
.tile_7:hover div:nth-child(2) {
     font-weight: bold;
}
.fb:before {
    content: " ";
    width: 27px;
    height: 27px;
    background: url('../../../img/layout2/icon_fb2.png') no-repeat center center;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
}
/*.button {
    padding: 5px!important;
    font-size: 12pt;
    font-weight: bold;
    color: #D65206!important;
    background: white;
    cursor: pointer;
    text-align: center;
    float: right;
}
.button:hover {
    background: #D65206;
    color:white!important;
}*/
/*vbw list*/

#vbw-list .ver {
    background: rgba(255,255,255,0.8);
    padding: 0px;
    margin: 80px auto 120px;
    background: none;
    border: none;
}
.ver-left {
    float: left;
    width: 840px;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.ver-right {
    float: right;
    width: 80px;
    margin: 10px;
}
.tile_8 {
    width: 830px;
    display: block;
    color: black;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.tile_10 {
    width: 405px;
    max-height: 80px;
    display: block;
    float: left;
    cursor: pointer;
    background: white;
    border: 1px solid gray;
    padding: 10px 10px 10px 0;
    margin: 5px;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */

}

.list-vol {
    width: 78px;
    height: 58px;
    float: left;
    margin-right: 10px;
    text-transform: uppercase;
    text-align: center;
    color: #d65206;
    font-size: 11pt;
    border-right: 1px solid #cccccc;
    display: table;
}
.lis-vol span {
    display: table-cell;
    vertical-align: middle;
}
.list-vol img {
    width: 50px;
    border: 1px solid #cccccc;
    margin-top: 2px;
}

.list-date {
    width: 65px;
    height: 65px;
    padding: 5px;
    background: #9B2801;
    text-align: center;
    float:left;
    overflow: hidden;
    color: white;
    margin-right: 10px;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    }
.list-date span:first-child {
    display: block;
    font-size: 30pt;
    margin-top: -5px;
}
.list-date span:last-child {
    margin-top: -7px;
    display: block;
}
.list-title {
    margin: 0 10px;
    border: 1px solid transparent;
    height: 65px;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
/*.tile_8:hover .list-title {*/
    /*border: 1px solid #9B2801;*/
    /*border-left: none;*/
    /*background: white;*/
/*}*/
.list-title span{
    display: block;
    padding: 0;
    font-size: 11pt;
}
.list-title span:first-child {
    color: black;
    height: 30px;
}
.list-title span:nth-child(2){
    margin-top: 10px;
    font-size: 9pt;
    color: gray;
}
/*timeline*/
div.time {
    position: relative;
    cursor: pointer;
    color: rgba(214,2,6,0.4);
    line-height: 20px;
}
div.time:before, div.act:before {
    content: " ";
    width: 5px;
    height: 20px;
    background: rgba(214,2,6,0.4);
    position: relative;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
}
div.time:hover, div.act {
    color: rgba(214,2,6,1)!important;
}
div.time:hover:before, div.act:before {
    background: #d65206!important;
}
.fixed {
    position: fixed!important;
    /*top: 100px;*/
    height: 100%;
    overflow-y: auto;
}

.fixed2 {
    /*position: fixed!important;*/
    /*top: 100px;*/
    border: 100px solid transparent!important;
    height: 100%;
    /*overflow-y: auto;*/
    /*width: 100%;*/
}
.ver-right a.button {
    background: #d65206;
    color: white!important;
    float: left;
    position: absolute;
    bottom: 40px;
}
.ver-right a.button:hover {
    background: black;
}

/*Phuc and Partners*/
#pp .ver {
    background: none;
    /*padding: 30px;*/
    margin: 0 auto 120px;
    border: none;
    width: 960px;
}
.ver-industry {
    width: 940px;
    display: block;
    /*margin: auto;*/
    margin: 100px auto 20px;
    background: rgba(255,255,255,0.8);
    border: 1px solid gray;
    padding: 5px;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.button4 {
    padding: 5px;
    border: 1px solid gray;
    background: white;
    margin: 5px;
    display: inline;
    float: left;
    cursor: pointer;
    text-transform: uppercase;
}
.button4:hover, .ver-industry .current {
    background: #d65206;
    color: white;
    border-color: #d65206;
}
.content {
    margin: auto;
    width: 720px
}
.tile_9 {
    width: 220px;
    /*height: 480px;*/
    background: white;
    border: 1px solid gray;
    overflow: hidden;
    float: left;
    margin: 10px;
    color: black;
    text-decoration: none;
    text-align: justify;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.tile_9:hover {
    text-decoration: none;
}
.tile_9 img {
    width: 218px;
    height: 218px;
}
.tile_9 .partner-info {
    padding: 5px 10px;
    position: relative;
    margin-top: -3px;

    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
}
.tile_9 .industry {
    position: absolute;
    top: -25px;
    right: 0;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    background: rgba(214,2,6,0.5);
    color: white;
    text-transform: uppercase;
    overflow: hidden;
}
.tile_9 h3 {
    font-weight: normal;
    font-size: 12pt;
    color: #d65206;
}
.tile_9 h4 {
    font-weight: normal;
    font-size: 8pt;
    margin-bottom: 10px;
    margin-top: 5px;
    color: gray;
}


@media (max-width: 1024px) {
    .ver, .f-content, .ver-industry {
        width: 820px;
    }
    .f-section {
        width: 250px;
    }

    .ver-left {
        width: 720px;
    }
    .tile_8 {
        width: 710px;
    }
}


.moveDown{
    -webkit-transform: translateY(500px);
    -moz-transform: translateY(500px);
    transform: translateY(500px);
    /*margin-top: 300px;*/
}
.moveUp {
    -webkit-animation: moveUp 0.8s ease forwards;
    -moz-animation: moveUp 0.8s ease forwards;
    animation: moveUp 0.8s ease forwards;
}
/*.moveUp:nth-child(odd){

    -webkit-animation: moveUp 0.8s ease forwards;
    -moz-animation: moveUp 0.8s ease forwards;
    animation: moveUp 0.8s ease forwards;
}*/

@-webkit-keyframes moveUp {
    to { -webkit-transform: translateY(0); opacity: 1; }
}

@-moz-keyframes moveUp {
    to { -moz-transform: translateY(0); opacity: 1; }
}

@keyframes moveUp {
    to { transform: translateY(0); opacity: 1; }
}

.visible {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
.no_effect {
    -webkit-animation: none!important;
    -moz-animation: none!important;
    animation: none!important;
}