/*
Theme Name: Andes
Theme URI: http://betoan.info
Author: Quốc Toàn
Author URI: http://betoan.info
Description: General style for betoan's projects
Version: 1.0
License: Call 0907 772 365 to learn more
Template: qt
*/
@import url("../qt/style.css");
@import url("css/nivo-slider.css");
@import url("css/nivo-style.css");
@import url("css/screen.css");
@import url("css/main.css");
@import url("css/form.css");

div#main-nav ul#ul-left li:first-child a{
    text-indent: -99999px;
}
.white{
    color: #fff;
}

div.media-item p{
    padding: 5px;
    height: 58px;
    background: #ff0000;
    line-height: 1.2em;
    vertical-align: middle;
    display: table-cell;
    width: 172px;
}
.post-type-archive-diem-lien-ket div.media-item{
    min-height: 178px!important;
}
table textarea{
    height: 100px;
}
.contact-box .box-left .box-bottom label{
    width: 100px;
}
.contact-box .box-left .box-bottom input[type="text"], .contact-box .box-left .box-bottom textarea{
    width: 100%;
}

header{
    width:960px;
    height:135px;
    margin:auto;
    position:relative;
    background:url(images/header.png) center no-repeat;
}
.e1, .e2, .e3{
    position:absolute;
    animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out; /* Firefox 4 */
    -webkit-animation-timing-function: ease-in-out; /* Safari and Chrome */
    -o-animation-timing-function: ease-in-out; /* Opera */
}

.e1{
    left:240px;
    opacity:0;
    animation:fade1 8s infinite;
    animation-delay:3s;

    /*Safari and Chrome*/
    -webkit-animation:fade1 8s infinite;
    -webkit-animation-delay:3s;
}


@-webkit-keyframes fade1 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:20px;}
    60%{opacity:1;top:20px;}
    70% {opacity:0;top:100px;}
}
@-moz-keyframes fade1 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:20px;}
    60%{opacity:1;top:20px;}
    70% {opacity:0;top:100px;}
}
@-o-keyframes fade1 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:20px;}
    60%{opacity:1;top:20px;}
    70% {opacity:0;top:100px;}
}
@keyframes fade1 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:20px;}
    60%{opacity:1;top:20px;}
    70% {opacity:0;top:100px;}
}

.e2{
    left:270px;
    opacity:0;
    animation:fade2 8s infinite;
    animation-delay:4s;

    /*Safari and Chrome*/
    -webkit-animation:fade2 8s infinite;
    -webkit-animation-delay:4s;
}

@-webkit-keyframes fade2 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:49px;}
    60%{opacity:1;top:49px;}
    70% {opacity:0;top:100px;}
}
@-moz-keyframes fade2 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:49px;}
    60%{opacity:1;top:49px;}
    70% {opacity:0;top:100px;}
}
@-o-keyframes fade2 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:49px;}
    60%{opacity:1;top:49px;}
    70% {opacity:0;top:100px;}
}
@keyframes fade2 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:49px;}
    60%{opacity:1;top:49px;}
    70% {opacity:0;top:100px;}
}

.e3{
    left:267px;
    opacity:0;
    animation:fade3 8s infinite;
    animation-delay:5s;

    /*Safari and Chrome*/
    -webkit-animation:fade3 8s infinite;
    -webkit-animation-delay:5s;
}

@-webkit-keyframes fade3 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:90px;}
    60%{opacity:1;top:90px;}
    70% {opacity:0;top:100px;}
}
@-moz-keyframes fade3 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:90px;}
    60%{opacity:1;top:90px;}
    70% {opacity:0;top:100px;}
}
@-o-keyframes fade3 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:90px;}
    60%{opacity:1;top:90px;}
    70% {opacity:0;top:100px;}
}
@keyframes fade3 {
    0% {opacity:0;top:100px;}
    10% {opacity:1;top:90px;}
    60%{opacity:1;top:90px;}
    70% {opacity:0;top:100px;}
}
.post-type-archive-showroom #tabs .tabs li:first-child{
    padding-left: 10px;
}

.post-type-archive-showroom #tabs .tabs li{
    padding-left: 30px;
    padding-right: 10px;
}
.post-type-archive-showroom #tabs .tabs li a{
    font-size: 13px;
}