body{background: #E7E8EA; padding-top: 115px;}
html {position: relative; min-height: 100%;}
a{color:#094E91;}
/*General*/
.main{background: #fff;padding-top: 15px; padding-bottom: 15px; margin-bottom: 15px;}
.container-top{margin-bottom: 0px; padding-bottom: 0px;}
.title-g{color: #666; font-size: 16px; font-weight: bold;}
.thumbnail{border: none;}
.caption{background:#eee;}
.caption h3{font-size: 16px;}
/*Navbar*/
.navbar-default{background: #fff; border-bottom: none; box-shadow: 0px 5px 5px #ddd; margin-bottom: 10px;}
.navbar-brand{height: auto;}

/*Topmenu*/
#topmenu{margin-top: 40px; margin-left: 50px;}
#topmenu li a{text-transform: uppercase; color: #094E91; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 10px;}
#topmenu .active a{background: none;}
#topmenu li a:hover,#topmenu li a:active, #topmenu li a:focus{background: #eee;}
#topmenu .dropdown-menu{background: #fff; border: none; border-radius: 0; padding-top: 0;padding-bottom: 0;}
.topmenu{position: relative;}
.contactbar{position: absolute;right: 0; top: 10px;}

/*Common*/
.title{border: 1px #ddd solid; position:relative;left: 50%;width:20em;margin-left: -10em; padding: 15px;color: #094E91;font-size: 20px;}

/*section1*/
.row3{padding-top: 20px; padding-bottom: 20px;}
.btn-default{border: none;border-radius: 0; text-align: left; padding: 10px; border-right: none;}

@media(max-width:769px){
    .btn-default{border: 1px #75AD42 solid; border-bottom: none;}
    .btn-last{border-bottom: 1px #75AD42 solid;}
}
.row3 .icon{font-size: 50px; float: left; color: #C49B6D;}
.row3 .btn{border-right: 1px #ddd solid;}

.row3-text{text-align: left;float: left;font-size: 12px; font-weight: bold; padding: 10px; padding-top: 5px;}
.seccond-text{color: #888;}

/*QA & CUSTOMER*/
.col-left{border-right: 1px #ddd solid;}
.col-left img{width: 100%;}
.col-left h5{font-size: 18px; font-weight: bold;}
.col-left h2{color: #666; margin-bottom: 20px; border-bottom: 1px #ddd solid; padding-bottom: 20px;}
.blockquote-reverse p{font-size: 12px;}
.qa .media-heading{color: #333; font-size: 14px;}
.qa .media{border-bottom: 1px #ddd solid; padding-bottom: 20px; padding-top: 20px; margin-top: 0;}
.qa .media:hover{background: #eee;}
.qa i{color: #094E91;}
/*footer*/
#footer{background:#005AAB; color: #fff; padding-top: 20px;}
#footer .container{background: #005AAB;}
#footer .nav li a{color: #fff;}
#footer .nav li a:hover{color: #56777E;}
#footer h4{font-weight: bold;}
#footer .social i{font-size: 30px;}
.footer {background-color: #094E91; border-top: 1px #ddd dotted;}
.footer .text-muted{padding-top: 15px; padding-bottom: 10px; color: #fff;}
.footer a{color:#fff;}
.footer{color:#fff; padding-top: 5px;}
#footer a{color: #fff;}
/*Hotline*/
.hotline{position: fixed; background: #cc0000; color: #fff; right: 20px; z-index: 99999;font-size: 20px; font-weight: bold; border: 3px #fff solid; box-shadow: 2px 2px 5px #333; padding: 5px; padding-left: 20px; padding-right: 20px;}
@media(min-width:768px){
.hotline{top: 20px;}
}
.hotline:hover{color: #fff;}

/*Sidebar menu*/
.list-group-item:first-child, .list-group-item:last-child{border-radius: 0px;}
.list-group-item{padding-top: 10px; padding-bottom: 10px; background: #094E91; color: #fff !important; text-transform: uppercase;}
.list-group-item:hover{color:#175CAA !important;}
.list-group .active,.list-group .active:hover{background: #175CAA; color: #fff !important; font-weight: bold;}

/*KH*/
#section-kh {background: #fff;}
#section-kh .thumbnail img{border: 5px #fff solid; box-shadow: 2px 3px 5px #333;}
#section-kh .thumbnail img:hover{opacity: 0.8; -webkit-transition-delay: 0.2s; transition-duration: 0.5s;}

/*SECTIN WHY*/

#section-why{background: url(../img/why.jpg) no-repeat center center;-webkit-background-size: cover;  -moz-background-size: cover;  -o-background-size: cover;  background-size: cover;}
.why{color: #fff; height: 500px; overflow-y:scroll;padding-top: 15px; padding-bottom: 15px; width: 80%}

/*News*/
.news{background: #fff; padding-top:15px; padding-bottom: 15px;}


/*Product*/
.product-list{margin-top: 15px; margin-bottom: 15px;}
.product-item{margin-bottom: 1px;}
.product-info{background: #fff;}
@media(min-width:767px){
.oneproduct{background:#fff; padding-top:15px; padding-bottom:15px; height:177px; border-right:1px #ddd solid;}
}
@media(max-width:768px){
.oneproduct{background:#fff; padding-top:15px; padding-bottom:15px;}
}
.product-img, .product-info{background:#fff;}
.desc{font-size: 12px; color: #666;}
.title-art{text-transform: uppercase; font-weight: bold;}
.readmore{position: absolute; bottom: -31px; right: 0; z-index: 12; background: #C4996C; padding: 5px;font-size: 12px; color: #fff;text-transform: uppercase;}
.bluebt{background: #175CAA;}
.readmore:hover{color: #fff !important;}
.white{background: #fff;}

.social i{margin-right: 10px;}



.col-right{background: #fff; padding-top:15px; padding-bottom:15px;}
.title-3{font-size: 18px; padding:0; margin-top: 0;}
.caption{font-size: 12px;}
.title-2{font-size: 12px;}


.navsidebar{background:#094E91;}
.navsidebar li a{color:#fff;}
.navsidebar li a{border-bottom: 1px #005AAB solid;}
.navsidebar li a:hover{border-bottom: 1px #fff solid; background: #175CAA;}



#contact{background:#fff; padding-top:15px; padding-bottom:15px;}
.clearout {
height:20px;
clear:both;
}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:99999px;
    margin:0px;
    padding:0px;
    list-style-type:none;   
    text-align:center;  
}

.nbs-flexisel-inner {
    position: relative;
    overflow: hidden;
    float:left;
    width:100%;
    background:#fcfcfc;
    background: #fcfcfc -moz-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* FF3.6+ */
    background: #fcfcfc -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#eee)); /* Chrome,Safari4+ */
    background: #fcfcfc -webkit-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Chrome10+,Safari5.1+ */
    background: #fcfcfc -o-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* Opera11.10+ */
    background: #fcfcfc -ms-linear-gradient(top, #fcfcfc 0%, #eee 100%); /* IE10+ */
    background: #fcfcfc linear-gradient(top, #fcfcfc 0%, #eee 100%); /* W3C */
    border:1px solid #ccc;
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
}
.nbs-flexisel-item img {
    max-width: 100%;
    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

/*** Navigation ***/


.dropdown:hover > .dropdown-menu {
    display: block;
}

.dropdown-menu{background: #8FC13E; border-radius: 0; padding:0; border: none; z-index: 9999999;}
.dropdown-menu li a{padding-top: 15px; padding-bottom: 15px; border-bottom: 1px #75AD42 solid; border-right: none; color: #fff;}
.dropdown-menu li a:hover{box-shadow: none; background: #F8931F !important; color: #fff;}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
    padding: 0;
    margin-top: 0;
}

@media(max-width:991px){
    .dropdown-submenu>.dropdown-menu {
    display: block;
    padding: 0;
    margin-top: 0;
    }
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

/**/

.parent-sidebar{padding: 0; list-style: none; background: #005AAB; padding-top: 15px; padding-bottom: 15px; padding-left: 10px;}
.parent-sidebar li{}
.parent-sidebar ul{list-style: none;}
.parent-sidebar li a{color: #fff; border-bottom: 1px #fff dotted; display: block; padding-top: 10px; padding-bottom: 10px; margin-top: 0;}
.parent-sidebar li a:hover{color: #fff; background: #56777E;}
.parent-sidebar ul{padding-left: 15px; }
.parent-sidebar h3{color: #fff; margin-top: 0px;}
.parent-sidebar > li > ul > li >  a{color: #fff000 !important; font-weight:bold;}

/*mobile*/
@media(max-width:767px){
.hotline{bottom:10px;}

}