/*   
Theme Name: Van2016 
Theme URI: http://van2016.blog.com
Author: Van 
Author URI: www.vv.com
Description: This theme is create for testing.
Version: 1.0
*/


@import url(http://fonts.googleapis.com/earlyaccess/laosanspro.css); 
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,600i,700,800';

/*1.General CSS Style*/
body {
    background: url(images/concrete_seamless.png) repeat;
}

.logo_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

/*2.Top header Section*/
.top-header {
    background: #9393be;
    padding: 5px 0;
    color: #fff;
}
.top-marq {
    background: #e3e3f2;
    padding: 5px 0;
    color: #fff;
}
.phone-number {
    padding: 5px 0;
}
.phone-number p {
    font-size: 12px;
}
.social-link {
    
}
.social-link ul li a {
    color: #fff;
    font-size: 30px;
    transition: all 0.3s ease-in-out;
}
.social-link ul li a:hover {
    
}
.fb:hover {
    color: #3b5998;
}
.ytb:hover {
    color: #bb0000;
}
.twt:hover {
    color: #00aced;
}
.ig :hover {
    color: #517fa4;
}
.linkin:hover {
    color: #007bb6;
}

/*3.Header and Menu Section*/


/*4. Slide Show Section*/
.slide-cover {
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    z-index: -100; /* bor hai slide mabang menu*/
}
/*5. Services Section*/
.service-cover {
    padding: 25px 0;
}
.head-tt {
    margin-bottom: 25px;
}
.head-tt h2 {
    display: block;
    background: #ededef;
    padding: 15px 0;
    text-align: center;
    border-right: 5px solid #306cb2;
    border-left: 5px solid #306cb2;
    color: aquamarine;
    
}
/*. Current Services Section*/
.serviceCurr-cover {
    padding: 25px 0;
}
.headCurr-tt {
    margin-bottom: 25px;
}
.headCurr-tt h2 {
    display: block;
    background: #ededef;
    padding: 15px 0;
    text-align: center;
    border-right: 5px solid #306cb2;
    border-left: 5px solid #306cb2;
    color: aquamarine;
    
}

.boxCurr-inside {
    background: #fff;
    text-align: left;
    padding-bottom: 10px;

}
.boxCurr-inside:hover {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2)    
}
.Curr-head {
    margin-bottom: 30px;
}
.Curr-head h3 {
    display: block;
    background: #2964b4;
    padding: 10px 0;
    text-align: center;
    border-left: 5px solid #517fa4;
    color: #00aced;
    
}
/*6. Promotions Sections*/
.promotion-cover {
    padding: 30px 0;
    background: #517fa4;
}
.head-tt-pro {
    margin-bottom: 25px;
}
.head-tt-pro h2 {
    display: block;
    background: #49494b;
    padding: 15px 0;
    text-align: center;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
    
}
/*6. Promotions Sections*/
.top-cover {
    padding: 20px 0;
    background: #c5cfd8;
}
.head-tt-top1 {
    margin-bottom: 20px;
}
.head-tt-top1 h2 {
    display: block;
    background: #067fad;
    padding: 8px 0;
    text-align: center;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
    
}
/*7. News and jobs Section*/
.news-jobs-cover {
    padding: 30px 0;
}
.news-head {
    margin-bottom: 30px;
}
.news-head h3 {
    display: block;
    background: #2964b4;
    padding: 10px 0;
    text-align: left;
    border-left: 5px solid #4f6d0a;
    color: #00aced;
    
}
.media-list {
    background: #fff;
    padding: 10px;
}
.media-list:hover {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2)
    
}
.media-list h2 {
    display: block;
    background: #49494b;
    padding: 15px 0;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
}
.media-heading {
    font-weight: 600;
    color: blue;
    border-bottom: 1px solid #517fa4;
    padding: 10px;
    margin-bottom: 10px;
}

/* biz and jobs Section*/
.biz-jobs-cover {
    padding: 30px 0;
}
.biz-head {
    margin-bottom: 30px;
}
.biz-head h3 {
    display: block;
    background: #2964b4;
    padding: 10px 0;
    text-align: center;
    border-left: 5px solid #517fa4;
    color: #00aced;
    
}
.media-list {
    background: #fff;
    padding: 10px;
}
.media-list:hover {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2)
    
}
.media-list h2 {
    display: block;
    background: #49494b;
    padding: 15px 0;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
}
.media-heading {
    font-weight: 600;
    color: blue;
    border-bottom: 1px solid #517fa4;
    padding: 10px;
    margin-bottom: 10px;
}
/* fea and jobs Section*/
.fea-jobs-cover {
    padding: 30px 0;
}
.fea-head {
    margin-bottom: 30px;
}
.fea-head h3 {
    display: block;
    background: #2964b4;
    padding: 10px 0;
    text-align: center;
    border-left: 5px solid #517fa4;
    color: #00aced;
    
}
.media-list {
    background: #fff;
    padding: 10px;
}
.media-list:hover {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2)
    
}
.media-list h2 {
    display: block;
    background: #49494b;
    padding: 15px 0;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
}
.media-heading {
    font-weight: 600;
    color: blue;
    border-bottom: 1px solid #517fa4;
    padding: 10px;
    margin-bottom: 10px;
}
/* trv and jobs Section*/
.trv-jobs-cover {
    padding: 30px 0;
}
.trv-head {
    margin-bottom: 30px;
}
.trv-head h3 {
    display: block;
    background: #2964b4;
    padding: 10px 0;
    text-align: center;
    border-left: 5px solid #517fa4;
    color: #00aced;
    
}
.media-list {
    background: #fff;
    padding: 10px;
}
.media-list:hover {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2)
    
}
.media-list h2 {
    display: block;
    background: #49494b;
    padding: 15px 0;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
}
.media-heading {
    font-weight: 600;
    color: blue;
    border-bottom: 1px solid #517fa4;
    padding: 10px;
    margin-bottom: 10px;
}
/* ent and jobs Section*/
.ent-jobs-cover {
    padding: 30px 0;
}
.ent-head {
    margin-bottom: 30px;
}
.ent-head h3 {
    display: block;
    background: #2964b4;
    padding: 10px 0;
    text-align: center;
    border-left: 5px solid #517fa4;
    color: #00aced;
    
}
.media-list {
    background: #fff;
    padding: 10px;
}
.media-list:hover {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2)
    
}
.media-list h2 {
    display: block;
    background: #49494b;
    padding: 15px 0;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
}
.media-heading {
    font-weight: 600;
    color: blue;
    border-bottom: 1px solid #517fa4;
    padding: 10px;
    margin-bottom: 10px;
}
/* op and jobs Section*/
.dining-jobs-cover {
    padding: 30px 0;
}
.dining-head {
    margin-bottom: 30px;
}
.dining-head h3 {
    display: block;
    background: #2964b4;
    padding: 10px 0;
    text-align: center;
    border-left: 5px solid #517fa4;
    color: #00aced;
    
}
.media-list {
    background: #fff;
    padding: 10px;
}
.media-list:hover {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2)
    
}
.media-list h2 {
    display: block;
    background: #49494b;
    padding: 15px 0;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
}
.media-heading {
    font-weight: 600;
    color: blue;
    border-bottom: 1px solid #517fa4;
    padding: 10px;
    margin-bottom: 10px;
}
/* hth and jobs Section*/
.hth-jobs-cover {
    padding: 30px 0;
}
.hth-head {
    margin-bottom: 20px;
}
.hth-head h3 {
    display: block;
    background: #2964b4;
    padding: 10px 0;
    text-align: center;
    border-left: 5px solid #517fa4;
    color: #00aced;
    
}
.media-list {
    background: #fff;
    padding: 10px;
}
.media-list:hover {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2)
    
}
.media-list h2 {
    display: block;
    background: #49494b;
    padding: 15px 0;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
}
.media-heading {
    font-weight: 600;
    color: blue;
    border-bottom: 1px solid #517fa4;
    padding: 10px;
    margin-bottom: 10px;
}

/* biz and jobs Section*/
.biz-jobs-cover {
    padding: 30px 0;
}
.biz-head {
    margin-bottom: 30px;
}
.biz-head h3 {
    display: block;
    background: #2964b4;
    padding: 10px 0;
    text-align: center;
    border-left: 5px solid #517fa4;
    color: #00aced;
    
}
.media-list {
    background: #fff;
    padding: 10px;
}
.media-list:hover {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2)
    
}
.media-list h2 {
    display: block;
    background: #49494b;
    padding: 15px 0;
    border-right: 5px solid #00aced;
    border-left: 5px solid #00aced;
    color: #fff;
}
.media-heading {
    font-weight: 600;
    color: blue;
    border-bottom: 1px solid #517fa4;
    padding: 10px;
    margin-bottom: 10px;
}
/*8. Footer Section*/
.footer-cover {
    padding: 20px 0;
    background: #b2b5b7;
    color: white;
}
.footer-menu ul li a {
color: aliceblue;

}
.footer-menu ul li a:hover {
color: #00aced;

}

/*9. Other CSS*/
/*10. Wordpress CSS */