/*
Theme Name: VinaWebsite.VN
Description: Templates develop by vinahost.vn
Author: VINAHOST.VN
Template: flatsome
Support: website@vinahost.vn
Version: 1.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('assets/fonts/slick.eot');
    src: url('assets/fonts/slick.eot?#iefix') format('embedded-opentype'), url('assets/fonts/slick.woff') format('woff'), url('assets/fonts/slick.ttf') format('truetype'), url('fonts/slick.svg#slick') format('svg');
}
/*Contact*/
.formBox .left {
    width: 49%;
    float: left;
}
.formBox li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.formBox li.name:before {
    content: "*";
    position: absolute;
    color: red;
    top: 10px;
    left: 4px;
}
.formBox li.name:after {
        content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
    background-image: url(assets/images/c_name.png);
}
.formBox li.phone:after {
    background-image: url(assets/images/c_phone.png);
}
.formBox li:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 10;
}
.formBox li.mail:after {
    background-image: url(assets/images/c_mail.png);
}
.formBox li.local:after {
    background-image: url(assets/images/c_local.png);
}
.formBox li.mess:after {
    background-image: url(assets/images/c_mess.png);
}
.formBox input,.formBox textarea{
    padding: 5px 11px 2px 45px;
    font-family: arial!important;
    font-size: 0.9em;
}
.formBox textarea{
    height: 170px;
}

.formBox .right {
    width: 49%;
    float: right;
}
.haibuttom input{
    padding: 0 15px 0 15px;
}
.formBox input[type='submit'], input[type='submit'].button, input[type='submit'], .primary{
    color: #FFF;
    background: #000;
}
.contact-info ul li{
	list-style: none;
}
body{
        color: #333!important;
}
/*end contact*/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .icon-sec2 h4{
        width: 100%!important;
        font-size: 12px!important;
    }
    #rev_slider_2_1_wrapper .hesperiden.tparrows{
        width: 20px!important;
        height: 20px!important;
    }
    #rev_slider_2_1_wrapper .hesperiden.tparrows:before{
        font-size: 13px!important;
            line-height: 22px!important;
    }
}