/* Global class */

.block{
	display: block;
}
.inline-block{
	display: inline-block;
	font-size: 15px;
}
.table-cell{
	display: table-cell;
	vertical-align: middle;
}
.no-pa-ma{
	padding: 0;
	margin: 0;
}
.full{
	width: 100%;
	height: 100%;
}
.w50{
	width: 50%;
}

.mg0{margin:0px}
.pd0{padding:0px}

/* body, html */
body{
	font-family: "Roboto", Arial, Helvetica;
	font-size: 14px;
	color: #3d3d3d;
    margin:0; padding:0 ;
    position:relative;
}
a:link, a:hover, a:focus, a:active, a:visited{
	text-decoration: none;
	color: inherit;
}
a:hover{
	color: #163572;
}
img{
	max-width: 100%;
}
.heading{
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
.view-more{
	color: #00aff0 !important;
	margin-left: 20px;      
	font-style: italic;
	font-size: 13px;
}
.view-more:hover {
	color: #163572 !important;
}

.nors{font-size:21px !important; color:#222; font-style:italic !important}

#topbar{background:rgba(0,0,0,0.7); height:40px}
header{position:absolute; width:100%; top:0; left:0 !important;  color:white; line-height:40px; z-index:10 }
header i{color:#f37043; font-size:21px !important; margin-right:10px; float:left; margin-top:10px }
header.sticky{position:fixed;top:0;
              box-shadow: 0 4px 5px #ccc;
    -webkit-box-shadow: 0 4px 10px #ccc;
    -moz-box-shadow: 0 4px 10px #ccc;
    -khtml-box-shadow: 0 4px 10px #ccc;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    background: #fff;
    z-index:3;
}
header.sticky .logo{margin-bottom:10px;}
#myNavbar.sticky .navbar-default .navbar-nav{margin-top:10px;}
#myNavbar.sticky .navbar-default .navbar-nav > li{margin-left:10px;}
#myNavbar.sticky .navbar-default .navbar-nav > li > a {
    color: #1a1a1a !important;
    font-size: 16px;
    padding-bottom:7px;padding-top:7px;
}
#myNavbar.sticky .navbar-default .navbar-nav > li a:hover{color:white!important;background-color:#008cbb;border-radius:4px;}
footer {
    background: rgba(0,0,0,0.7);
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    color: white;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px
}
footer a{color:white}
footer .csmenu li a{ margin-right:15px}
footer .csmenu li a:hover{color:#008cba}
footer .list-inline{margin-bottom:0px;}
.social-list{padding-top:5px; height:40px; overflow:hidden}
.social-list li{line-height:40px}
.social-icon{margin:0 0 0 0; opacity:0.8;display:block;}
.social-icon span{font-size:27px;color:#d4d5d5;}
.social-icon:hover{ opacity:1}
.fb-icon{background:url(/Content/images/fb-icon.png) no-repeat center top}
.google-icon{background:url(/Content/images/google-icon.png) no-repeat center top}
.twitter-icon{background:url(/Content/images/twitter-icon.png) no-repeat center top}
.youtube-icon{background:url(/Content/images/youtube-icon.png) no-repeat center top}

.logo{width:275px; height:70px; display:block;background:url(/Content/images/logo.png) no-repeat center ; margin-top:30px; background-size:95%; margin-left:50px}
.fbbox{width:340px; height:400px; background:#f2f2f2; position:fixed; left:0; top:240px; z-index:999}
.fbbox .updown{text-align:right; color:#404040; margin-top:-20px}
.fbbox .updown i{font-size:18px;cursor:pointer;}
.fbbox .updown i:hover{color:#008cbb}
.navbar{
	border: none;
	margin-bottom: 0;
    margin-top:40px;
    z-index:999;
}
.navbar .navbar-nav{
	float: none;
}
.navbar .navbar-nav li a{
	font-size: 18px;
	background: none;
}
.navbar .navbar-nav li:hover a,
.navbar .navbar-nav li.active a,
.navbar .navbar-nav li.active a:hover{
	background: none;
}

.navbar .dropdown{position:relative}
.navbar .dropdown-menu{border:none; background:#f2f2f2; min-width:250px; padding:0px;}
.navbar .dropdown-menu li{margin-left:0px !important}
.navbar .dropdown-menu li:hover a{background:#aaa !important; border-radius:0px !important}

.navbar .dropdown-menu li a{font-size:14px !Important}

.filter{
	padding: 5px 0 10px 0;
    background:rgba(0,148,187,0.7);
     color:white;
     z-index:1;
   position:absolute;
   top:3px;
   min-width:100%;
}

.filter h4{
    font-weight:normal; font-size:21px;margin-left:1%;
}

.filter .adv-search-btn{color:white; cursor:pointer; line-height:45px;margin: 10px 0;display:block; text-align:center}
.filter .input-div{width:20%; float:left; margin-left:0%; }
.filter .input-div2{width:79%; float:left;margin-left:1%;}
.filter input{border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
.filter .btn{border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important;border-top-right-radius: 4px; border-bottom-right-radius: 4px;  min-width:125px !important}

.filter .btn,.orange-btn{width:100%; margin:10px auto;height:45px; border:none; background:#f37043; color:white !important; font-size:16px; outline:none;-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.filter .btn i{margin-left:10px;}
.filter .btn:hover,.orange-btn:hover{background:#008cba}
.filter select{
	width: 100%;
	height: 45px;
    border:none; 
	margin: 10px 0;
	outline: none;
 	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    padding: 0 15px;
    color: #666;
    border-radius:4px;
      background: white url("/Content/images/br_down.png") no-repeat right 10px center;
}


  

.filter input[type="text"],.txt {
	width: 100%;
	height: 45px;
    border:none; 
	margin: 10px 0;
	outline: none;
/* 	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
    padding: 0 15px;
    color: #666;
}

.txt {border-radius:4px; height:35px}

.filter input[type="text"]::-webkit-input-placeholder { color: #919191; font-size:12px; font-style:italic; font-weight:normal}
.filter input[type="text"]:-moz-placeholder { /* Firefox 18- */color: #919191; font-size:12px; font-style:italic ; font-weight:normal }
.filter input[type="text"]::-moz-placeholder {  /* Firefox 19+ */color: #919191; font-size:12px; font-style:italic ; font-weight:normal }
.filter input[type="text"]:-ms-input-placeholder { color: #919191; font-size:12px; font-style:italic; font-weight:normals  }
.filter input[type="text"]:focus::-webkit-input-placeholder { color: #eee;}
.filter input[type="text"]:focus:-moz-placeholder { /* Firefox 18- */color: #eee;  }
.filter input[type="text"]:focus::-moz-placeholder {  /* Firefox 19+ */color: #eee;  }
.filter input[type="text"]:focus:-ms-input-placeholder {  color: #eee;  }
/* .filter select::-ms-expand {
    display: none;
} */
.filter .search-button button{
	display: block;
	width: 100%;
	height: 35px;
	background: #00aff0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 35px;
	margin: 10px 0;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
    border:none;
}
.filter .search-button button:focus{
	outline:none
}
.filter .search-button button:hover{
	background: #26c4ff;
}
.filter .small-select{
	width: calc(50% - 7px);
}

.cont-home{position:relative; padding-top:100px}
section{margin:20px auto 50px auto}
section h1{text-align:center; text-transform:uppercase; font-size:40px; padding-bottom:50px}
.text16{font-size:18px; }
.orange-btn{width:180px; height:45px; font-weight:normal; line-height:32px; margin:20px auto }
.service-item{min-height:260px; overflow:hidden; position:relative}
.service-item .inside{padding:5px; background:#0094bb; color:white; position:absolute; bottom:0px; left:0px; width:100%;
                      -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;

}

.service-item .full{display:none}
.service-item .inside h4{text-align:center; text-transform:uppercase; font-size:20px}
.service-item .inside p{display:none;font-size:14px}
.service-item img{height:100%}

.service-item:hover .inside{background:rgba(0,148,187,0.4); width:100%; height:100%}
.service-item:hover p{display:block; }
.service-item p {padding: 0 5px ; text-align:justify}

.jj .service-item .inside{background:rgba(0,148,187,0.6); width:100%; height:100%}
.jj .service-item  img{width:100%}
.jj .service-item h4{font-size:28px; margin-bottom:30px }
.jj .service-item p{display:block; font-size:16px }
.jj .service-item .full{display:block}
.jj .service-item .short{display:none}

.carousel-control.left, .carousel-control.right {
    background-image: none; width:5%; 
}

.carousel-control.left i,.carousel-control.right i{font-size:18px !important; color:white}

.carousel {
    height: 260px;
    overflow: hidden;
}
.orderslt{outline:none !important; }
.closemodal{color: #555;
    font-size: 18px;
    position: absolute; cursor:pointer;
    right: 20px;
    top: 5px;}
.closemodal:hover{color:#aaa}
.lh33{line-height:33px}
.title-nav{border-bottom:2px solid #0094bb; font-weight:bold; color:#0094bb; padding-bottom:10px; }
.title-nav span a,.title-nav span{color:#3d3d3d; font-size:16px; font-style:italic; font-weight:normal;}
.title-nav span{ font-style:normal; font-size:14px; font-weight:normal}
.title-nav span select,.myselect{ border-radius:4px;
      background: white url("/Content/images/caretdown2.png") no-repeat right 10px center;outline: none;
 	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
    padding: 5px 30px 5px  10px;}
.pro-item{height:285px;overflow:hidden}
.pro-item .img{display:block; height:179px; overflow:hidden}
.pro-item .img img {width:100%}
.pro-item .ifo{margin:7px 0 7px 0; border-bottom:1px solid #0094bb; padding-bottom:10px}
.pro-item .ifo .pull-left{width:60%}
.pro-item .ifo .pull-right{width:40%}
.pro-item .ifo  .name{font-weight:bold; color:#000; line-height:37px }

.xedanghot .pro-item .ifo  .name{line-height:normal}

.pro-item .pricetag{display:block; background:url(/Content/images/pricetag.png) no-repeat center right ; float:right; width:135px; height:37px; color:white; line-height:37px; text-align:right; padding-right:5px; font-weight:bold}
.pro-item .sub{font-size:11px}
.pro-item .sub .col-xs-4,.pro-item .sub .col-xs-3,.pro-item .sub .col-xs-5{ padding:0px; color:#696969}
.pro-item .sub  i{ margin-right:2px}

.embed-responsive{height:auto}
.contact-home{width:950px; position:absolute; top: 140px; left:50%; margin-left:-407px}
.contact-home .box{ border:1px solid #ddd; border-radius:4px; padding:10px; background:white; margin-bottom:35px; line-height:35px}
.contact-home .box p{margin-bottom:0px}
.contact-home .box i{color:#008cba; font-size:32px; margin-right:10px; float:left}
.contact-home .box .big{font-size:21px}
.contact-home .box .small{line-height:18px; padding:5px 0; font-weight:bold; font-size:15px }
.contact-home .box .small i{font-size:18px}
.contact-home .box .address {  line-height: 18px;padding-left: 20px;}
.contact-box{padding:5px 30px 15px 30px; background:rgba(0,0,0,0.7); color:white;border-radius:4px; max-width:322px; float:right }
.gotop{display:block;width:55px; height:55px; background:url(/Content/images/gotop.png) no-repeat center; position:fixed; right:10px; bottom:50px;
       background-size:100%;cursor:pointer;display:none;
}
.svlist{border-bottom:1px solid #008cbb}
.svlist li{line-height:46px; font-size:20px; text-transform:uppercase;padding-left:10px !important; padding-right:20px !important;border-right:1px solid #008cbb; margin:0px -4px}
.svlist li:last-child{border:none; margin:0px -4px}
.svlist li:first-child{border:none; margin:0px 0px}

.svlist li a{ color:#008cbb; display:block}
.svlist li:hover,.svlist li.atv{background:#008cbb}
.svlist li:hover a,.svlist li.atv a{color:#fff !important}
.svlist li a span{display:block; width:23px; height:18px;  float:left; margin:12px }
.svlist li:first-child a span{background:url(/Content/images/sv1.png) no-repeat center;}
.svlist li:first-child:hover a span,.svlist li.atv a span{background:url(/Content/images/sv1-hover.png) no-repeat center;}
.svlist li:nth-child(2) a span{background:url(/Content/images/sv2.png) no-repeat center;}
.svlist li:nth-child(2):hover a span,.svlist li.atv a span{background:url(/Content/images/sv2-hover.png) no-repeat center;}
.svlist li:nth-child(3) a span{background:url(/Content/images/sv3.png) no-repeat center;}
.svlist li:nth-child(3):hover a span,.svlist li.atv a span{background:url(/Content/images/sv3-hover.png) no-repeat center;}
.svlist li:nth-child(4) a span{background:url(/Content/images/sv4.png) no-repeat center;}
.svlist li:nth-child(4):hover a span,.svlist li.atv a span{background:url(/Content/images/sv4-hover.png) no-repeat center;}

.sectiontitle{font-size:30px; color:#008cbb; text-align:center; margin:20px 0}
.sv-item{margin-bottom:20px; }
.sv-item p strong{font-size:16px}
.sv-item .img {text-align:center}

.jssora22l, .jssora22r{opacity:0.4}
.jssora22l:hover, .jssora22r:hover{opacity:1}
.btn-primary{background:#008cba}

.productdetail{}
.iconleft{position:absolute; left:-35px; top:0}
.iconleft img{display:block; margin-bottom:10px}
.productdetail .top{padding-left:35px; position:relative; margin-bottom:20px}
.productdetail .name{font-weight:bold; color:#1a1a1a; font-size:16px}

.productdetail .bot{}
.productdetail .speclist{font-size:20px; font-weight:bold; border-bottom:2px solid #008cbb}
.productdetail .speclist a{color:#3d3d3d; line-height:40px; border-right:1px solid #3d3d3d; padding-right:20px;cursor:pointer}
.productdetail .speclist li:last-child a{border:none}
.productdetail .speclist li.active a,.productdetail .speclist a:hover{color:#008cbb}
.productdetail .dttab h4{color:#008cbb; font-size:20px; font-weight:bold; margin-bottom:20px}
.productdetail .dttab{margin-top:20px}
.productdetail .dttab p{margin-bottom:20px}
.productdetail .dttab p i{color:#999}
.productdetail .dttab p .fa-check{color:#008cbb}
.productdetail  .pro-item .img{height:179px}
.productdetail  .pro-item {height:260px; background:none}
.productdetail .pro-item .ifo{padding:0px}
.productdetail .pro-item .ifo .name{font-size:14px; /*line-height:37px*/}
.sp24{font-size:21px !important; font-weight:bold !important; font-style:italic !important}


.dtbox{border:1px solid #ddd; border-radius:4px; margin-bottom:20px;overflow:hidden}
.dtbox .head{background:#008cbb; color:white; text-align:center; font-size:16px; text-transform:uppercase; line-height:40px}
.dtbox .ct{padding:5px}
.dtbox .ct .price,.bigprice{color:#f37043; font-size:24px; font-weight:bold}

.dtbox .ct .btn,.orange-btn{background:#f37043; color:white; margin:20px auto; border:none; outline:none; font-size:20px; text-transform:uppercase; display:block;
-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;}
.dtbox .ct .btn:hover,.orange-btn:hover{background:#008cba}

.carct{padding:0 70px}
.carct .box{border:1px solid #ddd; margin:20px 0; padding:10px; font-size:16px; color:#1a1a1a !important}
.carct .h4{font-weight:bold}
.carct .box h5{color:#008cba; font-weight:bold; font-size:16px}
.carct .box .thumb{margin-top:7px}
.carct .box .name{font-weight:bold; color:#1a1a1a;}
.carct .box .price{font-size:20px;font-weight:bold; color:#f37043}
.carct .box .ico i{margin-right:7px}
.carct .box sup{color:red}
.carct .box table{width:100%}
.carct .box table td{color:#1a1a1a; padding:7px 2px; font-size:14px}
.carct .box table td label {font-weight:normal;width:30%; cursor:pointer}
.carct .box table td:first-child{width:200px}
.carct .box .form-control{width:250px}
.carct .box .addr{width:85%}
.carct .box button{background:#008cba; margin:20px 0; border:none; }

.utcp .ct p{line-height:35px; font-size:14px; color:#1a1a1a }
.utcp .ct .col-xs-4,.utcp .ct .col-xs-5{padding-right:10px}
.utcp .ct .col-xs-8,.utcp .ct .col-xs-7{padding-left:0px}
.utcp .ct p{margin-bottom:0px}
.utcp .ct .price{color:#0094bb; font-size:16px; font-weight:bold; text-align:right}
.utcp .ct input[type="checkbox"]{    margin: 10px 5px 0 0;float: left;}
.utcp .ct label{color:#1a1a1a; font-weight:normal; cursor:pointer}
.utcp .ct hr{border-bottom:1px solid #ddd; margin:10px 0}
.utcp .ct .note p{font-style:italic; line-height:25px !important; text-align:justify; margin:10px 0}
.utcp .ct .label-primary{font-weight:normal; display:block; width:100%; height:35px; font-size: 14px;    line-height: 30px;    text-align: left;}
.utcp .ct .myselect{padding: 5px 25px 5px 7px;}
#VayNganHangModal .myselect{width:100%}

.tbl-laisuat{width:100%; margin-bottom:30px}
.tbl-laisuat td{padding:5px; text-align:right;}
.tbl-laisuat thead td{text-align:center; color:white; background:#008cbb}
.tbl-laisuat td:first-child{width:80px !Important; text-align:center}

.homect p{margin:15px auto}
.homect ul{list-style:none; margin:20px auto}
.homect ul i{margin-right:10px}
.homect ul li p{margin:7px auto}



body {
  padding-right:0px !important
}

/* unset bs3 setting */
.modal-open {
 overflow: auto; 
}

@media (min-width: 1366px) {
    .fbbox{top:530px}
}

@media (max-width: 1600px) {
    .logo{margin-left:230px}
   
}

@media (max-width: 1366px) {
    .logo{margin-left:230px}
   
}
@media (max-width: 1220px) {
     .contact-home {width:820px;}
    .contact-box{max-width:100%; float:none }
    .logo {
        margin-left: 160px;width: 175px; height: 50px;
    }
}

@media (max-width: 991px){
     .logo {
        margin-left:10px;
    }
	.filter .small-select{
		width: calc(50% - 15px);
	}
	.swiper-slide .dr img{
		padding: 0;
	}
   
    footer {height:auto}
    .sm-pull-left{float:left !important}
    /*.filter .input-div{width:32%;  }
    .filter .input-div2{width:32%;}*/
    .cont-home { position: relative;  padding-top: 180px;}
    .contact-home{width:100%}
    .contact-home{position:relative; top:0px; left:0px; margin-left:0px; margin: 20px 0}
    body{padding-bottom:80px}
    .svlist li{padding-left:5px; padding-right:5px; font-size:14px}
    .fbbox{display:none}
	.prxs{float:none !important; display:block; margin-top:20px}
}
@media (min-width: 767px) {
    .navbar {background:none; position:fixed; }
    .navbar .navbar-nav{background:none; position:absolute; right:15px; top:40px}
    .navbar-default .navbar-nav > li > a{color:white !important}
}

@media (max-width: 767px){
	 .logo{margin:50px auto}
     .filter{position:relative;top:0px;}
    .cont-home{padding-top:0px}
    .filter .input-div{width:99%;  }
    .filter .input-div2{width:99%;}
    .navbar,.graydiv{background: #f8f8f8;}
    .pro-item .img{height:auto}
    body{padding-bottom:120px}
    .map{padding:15px}
    .pro-item{height:auto; margin-bottom:20px}
    .gotop{width:32px; height:32px}
    .navbar-default .navbar-nav, .navbar-nav > li > .dropdown-menu{width:100%;}
    .navbar .navbar-nav li a{padding-top:10px; padding-bottom:10px}
    .navbar-nav > li > .dropdown-menu{background:white}
    .sv-item .img {margin-bottom:20px}
     .svlist li{display:list-item; border:none}
     .productdetail .speclist{font-size:18px; }
     .carct{padding:0 10px}
     .jj .service-item p{display:block; font-size:12px }
}

	.input-dropdown, .input-dropdown-price {
		width: 100%;
		position: relative;
		z-index: 3;
	}
	.input-dropdown .output, .input-dropdown-price .output-price {
		display: inline-block;
		width:100%;
		border:1px solid #ddd;
		padding: 5px;
	    width: 100%;
	    height: 35px;
	    border: 1px solid #58ccf7;
	    margin: 10px 0;
	    outline: none;
	    padding: 0 15px;
	    color: #163572;
	    font-weight: bold;
	    line-height: 35px;
	    background: #fff url('../images/dropdown-select.gif') right center no-repeat;
	}
	.input-dropdown .dropdown, .input-dropdown-price .dropdown-price {
		position: absolute;
		top: 100%;
		left:0;
		width: 100%;
		max-height: 300px;
		border:1px solid #58ccf7;
		background: #fff;
		overflow: auto;
		margin-top: -11px !important;
		display: none;
	}
	.input-dropdown .input-text, .input-dropdown-price .input-pricetext {
		display: table;
		width: 100%;
		display: block;
		font-size: 0;
	}
	.input-dropdown .input-text div, .input-dropdown-price .input-pricetext div{
		display: table-cell;
	    padding: 5px;
	    vertical-align: middle;
	    display: inline-block;
	    width: 10%;
		text-align: center;
		font-size: 12px;
	}
	.input-dropdown .input-text div.input-inside, .input-dropdown-price .input-pricetext div.input-priceinside {
		width: 40%;
	}
	.input-dropdown .input-text div input[type="number"], .input-dropdown-price .input-pricetext div input[type="number"] {
		display: block;
		width: 100%;
		text-align: center;

	}
	.input-dropdown .input-list, .input-dropdown-price .input-pricelist { margin: 0;padding: 0;list-style: none; }
	.input-dropdown .input-list li, .input-dropdown-price .input-pricelist li { 
		border-bottom: 1px solid #ddd; padding: 5px; cursor: pointer; 
		transition:all 0.2s ease-in;
	}
	.input-dropdown .input-list li:hover, .input-dropdown-price .input-pricelist li:hover {
		background: #eee;
	}

    .article-content{padding:10px 0 45px 0; font-size:14px}

    .article-item{border-bottom:1px #ddd dotted; margin:15px 0; padding-bottom:15px; text-align:justify}
.article-item img{max-width:100%}
.article-item h4{margin-top:0px; font-size:18px}
.article-item h4 a{color:#00aff0}
.article-item p{font-size:14px; color:#888}
.contact-btn{color:white !important}
.contact-area{width:100%; height:120px; border:1px solid #ddd}

.box-article{ margin-bottom:70px}

.box-article h4{border-bottom:1px solid #ddd; font-weight:bold; display:block; padding:10px 4px}
.box-article .item{margin-bottom:20px; border-bottom:1px dotted #ddd}
.box-article .item:last-child{border:none}
.box-article .img{padding: 3px 10px 0px 10px;}
.txtlogin{max-width:100% !important; margin:10px auto;padding: 18px 12px;}
.btnlogin{margin:auto;margin: 10px 190px;
    padding: 8px 40px;
}


.pricehead{
    border-bottom:2px solid #ddd;
    font-size:14px;
    color:#26c4ff;
    font-weight:bold;
    padding:5px;
}


.carpage .pagination > li:first-child > a,.carpage .pagination > li:first-child > span{border-radius:0px}
.carpage .pagination > li > a,.carpage .pagination > li > span{    padding: 1px 7px; margin-right:10px; border:none; color:#1a1a1a;font-size:13px}
.carpage .pagination > .active > a,.carpage .pagination > .active > span,.carpage .pagination > .active > a:hover,.carpage .pagination > .active > span:hover,.carpage .pagination > .active > a:focus,.carpage .pagination > .active > span:focus{
    color:white;
}
.carpage .pagination{ margin: 25px 0 20px 0;}
.aboutol{padding-left:15px; margin-bottom:20px }
.aboutol li{margin:7px 0 }
.sale-car-button{background:#f37043;color:white;border-radius:4px;padding:4px 25px;margin-right:15px;margin-bottom:15px;}
.sale-car-button:hover{color:white;background:#008cba;}
@media (max-width:414px){
    .btn-dangtin-wrap{text-align:center;}
}
@media(max-width:320px){
    .sale-car-button{padding:4px 15px;}
}

/*news*/
.news-category .title{color:white;background-color:#0a95da;font-size:18px;font-weight:bold;padding:10px;margin-bottom:0;margin-top:0;}
.news-category .list-group .list-group-item{border-radius:0;border-left:none;border-right:none;}
.news-category .list-group .list-group-item a{color:#696969;}
.news-category .list-group .list-group-item a:hover{color:#0a95da;}
.news-category .list-group .list-group-item.active{background-color:#fff;border-color:#ddd;}
.news-category .list-group .list-group-item.active a{color:#0a95da;}
.news-item a{position:relative;display:block;}
.news-item .category-name{position:absolute;right:0;top:0;background-color:#0a95da;padding:5px;color:white;}


/*
    ------------------------------------------------------------------------------------------------------------

    News Category & Carousel

    ------------------------------------------------------------------------------------------------------------
*/
.news-content{
    margin-bottom:30px;
}

.carousel{
    height:auto;
}

.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 1px;
    background-color: #ec2560;
}

.carousel-indicators li {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #3d3d3d;
    border-radius: 50%;
    border: none;
}

.carousel-indicators {
    position: absolute;
    bottom: 0px;
    right: 15px;
    text-align:right;
    z-index: 9;
    width:inherit;
    padding-left: 0;
    list-style: none;
}

.carousel-caption {
    position: absolute;
    bottom: 10%;
    right: 15px;
    text-align: right;
    z-index:9;
    width: inherit;
    padding-left: 0;
    list-style: none;
}

.carousel-caption h3{
    background-color:rgba(26, 26, 26, 0.60);
    display:block;
    padding:5px;
}



    .carousel-caption p {
        background-color: rgba(26, 26, 26, 0.60);
        display: block;
        padding: 5px;
    }

.carousel-category, .news-item .news-item-category {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0a95da;
    color: #fff;
    padding: 4px;
    z-index:1;
}

.news-item{
    position:relative;
    margin-top:30px;
}
    .news-item .title{margin-top:0px;}
    .news-item .news-image {
        position: relative;
    }
        .news-item .news-image .news-img{max-width:100%;width:100%;}

        .news-item .news-item-category {
            position: absolute;
            top: 0;
            right: 0;
        }
    .news-item .news-info{
        font-size:11px;
        margin-bottom:10px;
        color:#7c7c7c
    }

    .news-item .news-info span:not(:last-child){
        margin-right:10px;
    }

    /*
        News Detail
    */

.news-content .news-title {
    font-size:20px;
    font-weight:bold;
    color:#616161;
    margin-top:0px;
}

.news-content .news-info {
    font-size: 11px;
    color: #aaa;
}

.news-content .news-info span{
    margin-right:10px;
}


.news-content .news-full-content{
   border-top:1px solid #ddd;
   padding:15px 0;
}

.news-content .pagination-container .pagination > li {
    margin: 0 5px;
}

.news-content .pagination > li:first-child > a, .pagination > li:first-child > span {
    margin: 0 5px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.news-content .pagination > li:last-child > a, .pagination > li:last-child > span {
    margin: 0 5px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.news-content .pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 1px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #3d3d3d;
    text-decoration: none;
    background-color: #fff;
    border: none;
}

.news-content .pagination > li > a:hover {
    color: #fff;
    background-color: #337ab7;
}

.news-content .pagination > .active > a,
.news-content .pagination > .active > span,
.news-content .pagination > .active > a:hover,
.news-content .pagination > .active > span:hover,
.news-content .pagination > .active > a:focus,
.news-content .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.news-item .category-name{position:absolute;right:0;top:0;background-color:#0a95da;padding:5px;color:white;}
.left-banner {position: absolute;left: 0;top: 565px;}
.right-banner {position: absolute;right: 0;top: 565px;}
.left-banner, .right-banner {max-width: calc((100% - 1180px) / 2);}
@media (min-width:1280px){
    .left-banner {top: 532px;}
    .right-banner {top: 532px;}
}
@media (min-width:1440px){
    .left-banner {top: 590px;}
    .right-banner {top: 590px;}
}
@media (min-width: 1920px){
    .left-banner {top: 800px;}
    .right-banner {top: 800px;}
}
#jssor_1 a:before{content:""; width:100%;height:100%;background-color:#000;position:absolute;top:0;left:0;z-index:1;opacity:0.3;}

@media (max-width:768px) {
    .carousel-caption h3{
        font-size:16px;
    }
}