body, html, div, blockquote, p,
h1, h2, h3, h4, h5, h6, pre, ol, dl, dt,
dd, form, a, input, fieldset{margin:0px;padding:0px;border:none;color:#333333;font-size:16px;font-family: 'AvenirNext-Regular';}
h1, h2, h3, h4, h5, h6{margin:0px;padding:0px;color:#333333;font-size:16px;font-family: 'AvenirNext-Regular';}
ul,li, ol{list-style:none;margin:0px;padding:0px;color:#333333;font-size:16px;font-family: 'AvenirNext-Regular';}
img{border:none;padding:0px;}
a{text-decoration:none;cursor:pointer;-webkit-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;transition:color .2s ease-in-out;cursor: pointer;}
a:hover{text-decoration: none;}
.clearfix{clear:both}
@font-face {
font-family: 'AvenirNext-Bold';
src: url('../fonts/AvenirNext-Bold.svg');
src: url('../fonts/AvenirNext-Bold?#iefix') format('embedded-opentype'), url('../fonts/AvenirNext-Bold.woff') format('woff'), url('../fonts/AvenirNext-Bold.ttf') format('truetype'), url('../fonts/AvenirNext-Bold.svg#AvertaStd-Thin') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AvenirNext-DemiBold';
src: url('../fonts/AvenirNext-DemiBold.svg');
src: url('../fonts/AvenirNext-DemiBold?#iefix') format('embedded-opentype'), url('../fonts/AvenirNext-DemiBold.woff') format('woff'), url('../fonts/AvenirNext-DemiBold.ttf') format('truetype'), url('../fonts/AvenirNext-DemiBold.svg#AvenirNext-DemiBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AvenirNext-Medium';
src: url('../fonts/AvenirNext-Medium.svg');
src: url('../fonts/AvenirNext-Medium?#iefix') format('embedded-opentype'), url('../fonts/AvenirNext-Medium.woff') format('woff'), url('../fonts/AvenirNext-Medium.ttf') format('truetype'), url('../fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AvenirNext-Regular';
src: url('../fonts/AvenirNext-Regular.svg');
src: url('../fonts/AvenirNext-Regular?#iefix') format('embedded-opentype'), url('../fonts/AvenirNext-Regular.woff') format('woff'), url('../fonts/AvenirNext-Regular.ttf') format('truetype'), url('../fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;position:relative}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
h1, .h1, h2, .h2, h3, .h3{
margin: 0px;
}
.phpdebugbar-header{
display: none;
}
a:focus{outline: none;}
a{text-decoration:none!important}
.gutter-10{margin-left:10px;margin-right:10px}
.gutter-10 > [class*='col-']{padding-right:10px;padding-left:10px}
.gutter-5{margin-left:-5px;margin-right:-5px}
.gutter-5 > [class*='col-']{padding-right:5px;padding-left:5px}
.gutter-2{margin-left:-2px;margin-right:-2px}
.gutter-2 > [class*='col-']{padding-right:2px;padding-left:2px}
.gutter-0{margin-left:0;margin-right:0}
.gutter-0 > [class*='col-']{padding-right:0;padding-left:0}
/*==============================================*/
.modal-content .box-hoso{
margin-bottom: 10px;
}
#album_container >div:nth-child(4){
height: 400px;
}
#album_container >div:nth-child(5){
height: 400px;
}
#album_container >div:nth-child(6){
height: 400px;
}
a.btn-order-map{
color: #fff;
text-align: center;
background: #00adec;
padding: 3px 5px !important;
display: block;
margin: 0 auto;
margin-top: 10px;
}
a.btn-order-map:hover{
color: #fff;
}
.content-page-inside img{
max-width: 100%;
}
.content-page-inside.page-list-chart .list-danhmuc-haido >div {
padding-left: 15px;
padding-right: 15px;
}
#hightligh-map {
position: relative;
}
.box-list-in label {
display:block;
padding: 3px 0px;
}
.box-list-in label input{
margin-right: 5px;
}
.box-list-in label:hover {
background:#eee;
cursor:pointer;
}
.qtip-content{
z-index: 99;
background: #fff;
border: 1px solid #00adec;
padding: 15px !important;
}
.qtip-default{
background: none!important;
border: none!important;
}
.qtip-close{
z-index: 9999!important;
background: #fff!important;
border: none!important;
}
.qtip-icon .ui-icon{
color: #00adec !important;
font-size: 16px !important;
width: 20px!important;
height: 18px!important;
border: 1px solid #00adec !important;
}
.qtip-content p{
font-size: 14px;
color: #00adec;
font-family: 'AvenirNext-Medium';
margin-bottom: 5px;
}
.qtip-content a {
padding: 4px 10px;
font-size: 14px;
display: inline-block;
font-family: 'AvenirNext-Medium';
background: #00adec;
color: #fff;
text-transform: uppercase;
text-align: center;
line-height: 15px;
}
#image-canvas-map {
position: absolute;
display: block;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: 9999999;
pointer-events: none;
}
#image-map{
overflow: hidden;
width: 100%;
height: 600px;
position: relative;
}
#image-map .map-button {
position: absolute;
top: 10px;
left: 10px;
z-index: 1000;
}
#image-map p {
margin: 0px;
}
#img-image-map {
max-width: none;
display: inline-block;
vertical-align: middle;
position: relative;
left: -156px;
top: -1019px;
margin: 0px;
}
.box-right-3 .box-dathang-map{
margin-bottom: 0px !important;
}
@media (min-width: 1200px){
.container {
width: 100%;
}
}
.page-thongbao-hh .box-table .table > thead > tr > th{
font-size: 14px;
}
.box-search-list .box-search-main>div >div:nth-child(2) .dropdown-menu.filter_menu{
width: 100%;
}
.box-search-list .box-search-main>div >div:nth-child(3) .dropdown-menu.filter_menu{
max-height: 310px;
overflow-y: scroll;
width: 100%;
}
.box-search-list .box-search-main>div >div:nth-child(4) .dropdown-menu.filter_menu{
max-height: 310px;
overflow-y: scroll;
width: 100%;
}
.box-search-list .box-search-main>div >div:nth-child(4) .dropdown-menu.filter_menu li a{
text-transform: capitalize;
}
.content-page-inside .dropdown-menu.filter_menu li{
padding-left: 0px;
}
/*MENU SCROLL STICKY*/
.box-search-main.box-search-hh >div >div{
width: calc(100% / 5);
padding-right: 5px;
padding-left: 5px;
}
.btn.btn-buy.btn-download{
font-size: 17px;
}
.btn.btn-buy.btn-download:hover{
color: #00adec;
background: none;
border: 1px solid #00adec;
}
.btn.btn-buy.btn-download i{
margin-left: 3px;
}
p.num-count{
font-family: 'AvenirNext-DemiBold' !important;
font-size: 17px!important;
color: #333!important;
margin-top: 8px;
}
.box-count-number .btn.btn-buy.btn-download{
text-align: right;
margin-top: 0px;
float: right;
}
.table-view tr th:nth-child(2){
width: 45%;
}
.table-view thead tr{
background: #00adec;
color: #fff;
}
.table-view tr td{
font-family: 'AvenirNext-Regular';
color: #333333;
vertical-align: middle !important;
}
a.view-detail{
color: #00adec;
font-size: 14px;
font-family: 'AvenirNext-DemiBold';
}
.content-page-inside.page-thongbao-hh2 .table-view tr th:nth-child(2){
width: auto;
}
.content-page-inside.page-thongbao-hh2 .table-view tr th{
text-align: center;
vertical-align: middle;
font-size: 14px;
}
.content-page-inside.page-thongbao-hh2 .table-view tr th:nth-child(5) {
text-align: center;
}
.content-page-inside.page-thongbao-hh2 .table-view tr th:nth-child(5) input{
vertical-align: sub;
display: inline-block;
}
.content-page-inside.page-thongbao-hh2 .table-view tr td:nth-child(5){
text-align: left;
}
.content-page-inside.page-thongbao-hh2 .table-view tr td:nth-child(6){
text-align: center;
}
.content-page-inside.page-thongbao-hh2 .table-view tr td:nth-child(1){
text-align: center;
}
.dropdown-menu a{
width: 100%;
display: block;
}
.box-drop p{
float: left;
width: 25%
}
.box-drop .dropdown{
float: right;
width: 75%;
}
.box-drop .dropdown .btn{
width: 100%;
}
.box-drop .dropdown ul li:before{
display: none;
}
.box-search-main{
background: #00659f;
color: #fff;
padding: 5px 0px;
}
.content-page-inside .box-search-main p{
color: #fff;
font-size: 15px;
margin-top: 5px;
font-family: 'AvenirNext-Medium';
}
.content-page-inside .box-search-main .btn-primary .caret {
margin-left: 0;
float: right;
margin-top: 8px;
}
.content-page-inside .box-search-main .btn-primary{
background: #fff;
color: #464444;
text-transform: capitalize;
}
.order-form h3{
font-family: 'AvenirNext-Bold';
font-size: 18px;
text-transform: uppercase;
color: #005d98;
margin-bottom: 10px;
padding-left: 15px;
}
.order-form .form-control{
border-radius: 0px;
}
.btn-order{
border-radius: 0px;
color: #fff;
text-transform: uppercase;
padding: 5px 10px;
background: #00adec;
text-align: center;
font-family: 'AvenirNext-Medium';
margin: 0 auto;
}
.order-form{
margin-top: 40px;
}
.btn-table{
border: 1px solid #ccc;
text-align: right;
border-top: none;
padding: 10px 20px;
}
.table-order thead{
background: #005d98;
text-align: center;
}
.table-order thead th{
color: #fff;
text-align: center;
}
.order-detail table{
margin-bottom: 0px;
}
.order-detail table td img{
display: block;
max-width: 100%;
margin: 0 auto;
}
.order-detail table td .form-group{
margin-bottom: 0px;
}
.order-detail table .input-group{
width: 110px;
text-align: center;
margin: 0 auto;
}
.order-detail table .input-group .form-control{
height: 22px;
}
.order-detail table .input-group .btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
background-image: none;
border: 1px solid #ccc;
white-space: nowrap;
padding: 3px 6px;
font-size: 10px;
line-height: 1.42857143;
border-radius: 0px;
}
.order-detail table , .order-detail th , .order-detail td{
border: 1px solid #ccc;
}
.order-detail td{
text-align: center;
}
.table > thead > tr > th{
border-bottom: 1px solid #ccc;
}
.order-detail td{
vertical-align: middle !important;
}
#list{
display: none;
}
.check-box.active #list{
display: block;
}
.check-box .label-click-active i{
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.check-box.active .label-click-active i{
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
transform: rotate(-180deg);
}
/*.check-box input[type=checkbox]:checked ~ #list{
display: block;
}*/
/*.check-box input[type=checkbox]:not(:checked) ~ #list{
display: block;
}*/
/*.check-box input[type=checkbox]:checked ~ #list{
display: block;
}*/
.box-list-in{
padding-left: 30px;
}
.check-box .box-list-in label{
margin-top: 5px;
font-family: 'AvenirNext-Regular';
color: #928c8c;
font-weight: 500;
font-size: 16px;
}
.check-box .box-list-in label.active{
color: #005d97;
font-family: 'AvenirNext-Bold';
}
.content-page-inside.page-order-map{
border: 1px solid #005d97;
padding: 0px;
margin-top: 30px;
margin-bottom: 30px;
}
.content-page-inside.page-order-map .col-md-3.box-left-9 {
padding-right: 0px;
height: 600px;
overflow-y: scroll;
}
.box-dathang-map #map{
height: 600px !important;
}
.content-page-inside.page-order-map .col-md-9.box-right-3{
border-left: 1px solid #005d97;
}
.box-list-name h3{
font-size: 18px;
text-transform: uppercase;
font-family: 'AvenirNext-Bold';
width: 100%;
color: #fff;
padding: 10px 0px;
padding-left: 15px;
background: #00659f;
margin-bottom: 20px;
position: sticky;
top: 0px;
}
.check-box{
margin-bottom: 7px;
padding-left: 5px;
}
.check-box input{
color: #00659f;
}
.check-box label {
color: #00659f;
font-family: 'AvenirNext-Bold';
font-size: 15px;
padding-left: 3px;
cursor: pointer;
}
.close.btn-modal {
float: right;
font-size: 33px;
font-weight: 500;
color: #ffffff;
text-shadow: none;
opacity: 1;
background: #00619b;
padding: 0px 5px;
border-radius: 50%;
outline: none;
position: absolute;
top: -30px;
right: -20px;
z-index: 55;
}
.div-pop .modal-dialog {
width: 60%;
margin: 0 auto;
top: 10%;
position: relative;
border-radius: 0px;
}
.div-pop .modal-content{
padding: 30px;
}
.list-danhmuc-haido.box-danhmuc{
margin-top: 30px;
}
.slider-baohieuhanghai{
position: relative;
margin-top: 30px;
}
.fancybox-caption__body {
max-height: 50vh;
overflow: auto;
pointer-events: all;
color: #fff;
text-transform: uppercase;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
color: #fff;
}
.box-right-3 .box-img-text{
overflow: hidden;
position: relative;
}
.box-right-3 .box-img-text:before {
content: "";
position: absolute;
top: 0;
left: -75%;
z-index: 299;
display: block;
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.box-right-3 .box-img-text:hover:before {
-webkit-animation: shine 1s;
animation: shine 1s
}
@-webkit-keyframes shine {
100% {
left: 125%
}
}
@keyframes shine {
100% {
left: 125%
}
}
.content-page-inside.page-library .box-left-9 >div:nth-child(2){
margin-top: 30px;
}
.box-in-box-library{
background: #fafafa;
border: 1px solid #d7d7d7;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
}
.box-library img{
display: block;
margin: 0 auto;
}
.box-library h4 {
color: #00619b;
font-size: 15px;
text-transform: uppercase;
font-family: 'AvenirNext-Medium';
line-height: 1.3;
margin: 10px 0px;
padding: 0px 5px;
text-align: center;
width: 100%;
min-height: 60px;
}
.page-library .box-library .box-in-box-library{
min-height: 370px;
}
.box-library .btn-view-library{
font-size: 15px;
text-transform: uppercase;
font-family: 'AvenirNext-DemiBold';
background: #00adec;
text-align: center;
margin: 0 auto;
color: #fff;
border-radius: 0px;
}
.content-page-inside.page-news .box-different{
margin-top: 0px;
}
.content-page-inside.page-news .box-different .news-box>div:nth-child(1){
margin-top: 0px;
}
.box-library .btn-view-library:hover{
background: none;
border: 1px solid #00adec;
color: #00adec;
}
.box-hoso{
position: relative;
}
.box-view-hoso{
position: absolute;
top: 0px;
left: 45%;
z-index: 9;
display: inline-block;
text-align: center;
}
.box-hoso img{
display: block;
margin: 0 auto;
}
.page-ho-so h4{
color: #00619b;
font-size: 16px;
line-height: 1.4;
font-family: 'AvenirNext-Bold';
text-transform: uppercase;
margin-bottom: 10px;
}
.box-view-hoso .btn{
border-radius: 5px;
background: #00adec;
color: #fff;
text-transform: uppercase;
font-family: 'AvenirNext-Medium';
text-align: center;
display: block;
margin: 0 auto;
margin-top: 10px;
}
.box-view-hoso .btn:hover{
background: none;
border: 1px solid #00adec;
color: #00adec;
}
.btn-buy{
border-radius: 0px;
background: #00adec;
color: #fff;
text-transform: uppercase;
font-family: 'AvenirNext-Medium';
text-align: center;
display: block;
margin-top: 10px;
}
/*DANH MỤC HAI DO*/
.list-danhmuc-haido h3{
font-size: 18px;
font-family: 'AvenirNext-Medium';
color: rgb(0, 97, 155);
line-height: 1.333;
margin-top: 10px;
margin-bottom: 10px;
width: 80%;
}
.list-danhmuc-haido a.link-de{
text-transform: uppercase;
color: rgb(0, 97, 155);
display: block;
margin-top: 15px;
font-family: 'AvenirNext-Medium';
text-decoration: underline!important;
}
.list-danhmuc-haido >div{
padding-left: 0px;
padding-right: 0px;
}
/*CONTACT*/
div.box-right-3{
padding-left: 0px;
padding-right: 0px;
}
div.box-left-9{
padding-left: 0px;
}
.page-contact h3{
font-size: 18px;
color: rgb(0, 93, 152);
font-family: 'AvenirNext-Bold';
text-transform: uppercase;
line-height: 1.222;
margin-bottom: 10px;
}
.box-department {
margin-top: 50px;
}
.box-department h4{
font-size: 16px;
color: #333333;
font-family: 'AvenirNext-Bold';
text-transform: uppercase;
line-height: 1.222;
margin-bottom: 10px;
}
.box-department >div >div{
padding-left: 0px;
padding-right: 0px;
margin-bottom: 40px;
margin-top: 10px;
}
.box-contact{
background: #e7e7e7;
width: 100%;
padding: 20px 30px;
}
.box-contact form{
margin-top: 20px;
}
.box-contact .form-control{
border-radius: 0px;
color: #333333;
height: 40px;
}
.box-contact ::placeholder{
color: #333333;
}
.box-contact .btn-send{
text-transform: uppercase;
font-size: 16px;
font-family: 'AvenirNext-Medium';
border-radius: 0px;
color: #fff;
background: #00adec;
padding: 7px 15px;
}
.box-contact .btn-send:hover{
background: none;
color: #00adec;
border: 1px solid #00adec;
}
.box-contact .btn-send i{
margin-left: 5px;
}
.box-contact textarea.form-control{
height: auto;
}
/*NEWS*/
.box-details-content h3{
font-size: 18px;
font-family: 'AvenirNext-Bold';
color: rgb(0, 173, 236);
line-height: 1.333;
margin-bottom: 20px;
text-transform: uppercase;
}
.box-details-content h6{
color: #666666;
font-size: 16px;
font-family: 'AvenirNext-Bold';
line-height: 1.3;
margin-bottom: 15px;
}
.box-details-content img{
display: block;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}
/*HAI DO*/
.box-btn-chart{
margin-top: 20px;
}
.box-btn-chart h3{
display: inline-block;
padding: 8px 20px;
color: #fff;
text-transform: uppercase;
background: #00adec;
font-family: 'AvenirNext-DemiBold';
font-size: 15px;
text-align: center;
border: 1px solid #00adec;
}
.box-btn-chart h3:hover{
background: none;
color: #00adec;
border: 1px solid #00adec;
}
.box-btn-chart h3 i{
margin-left: 5px;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/*CONTRUCTOR*/
.list-contructor{
margin-top: 20px;
}
.list-contructor >div{
margin-bottom: 40px;
}
.list-contructor .box-img{
margin-bottom: 15px;
}
div.box-title-list{
margin-bottom: 15px;
padding-left: 0px;
padding-right: 0px;
}
.box-title-list >div:nth-child(1){
width: 12%;
}
.box-title-list >div:nth-child(2){
width: 88%;
}
.content-page-inside .box-title-list p{
color: #00adec;
font-family: 'AvenirNext-Medium';
font-size: 14px;
}
.box-title-list h3{
font-size: 16px;
color: rgb(51, 51, 51);
line-height: 1.3;
font-family: 'AvenirNext-Bold';
}
.box-view-more {
text-align: center;
}
.box-view-more .btn-view-more{
display: inline-block;
padding: 6px 15px;
font-family: 'AvenirNext-Medium';
border-radius: 0px;
background: #00adec;
color: #fff;
text-transform: uppercase;
font-size: 16px;
}
.list-contructor >div{
display: none;
}
.box-different h3{
font-size: 16px;
color: rgb(51, 51, 51);
line-height: 1.3;
font-family: 'AvenirNext-Bold';
margin-top: 10px;
margin-bottom: 10px;
}
p.year{
color: #00adec !important;
font-family: 'AvenirNext-Medium'!important;
font-size: 14px!important;
margin: 10px 0px;
}
.box-different p.year{
color: #00adec;
font-family: 'AvenirNext-Medium';
font-size: 14px;
}
.box-pagination .pagination li:before{
display: none;
}
.box-pagination .pagination li{
list-style-type: none;
border: none;
}
.box-pagination .pagination li a{
color: #666666;
font-size: 18px;
font-family: 'AvenirNext-Medium';
border: none;
}
.box-pagination .pagination li a:hover{
background: none;
}
.box-pagination .pagination li.active a{
color: #00adec;
background: none;
text-decoration: underline !important;
}
.page-contruction-details img{
display: block;
max-width: 100%;
}
.page-contruction-details h4{
font-size: 18px;
font-family: 'AvenirNext-DemiBold';
color: #0066a1;
line-height: 1.3;
text-transform: uppercase;
margin: 10px 0px;
}
.box-different h5{
font-family: 'AvenirNext-Bold';
color: #005d98;
font-size: 18px;
margin: 10px 0px;
text-transform: uppercase;
padding-left: 15px;
}
.page-contruction-details p.datime-time-implement{
color: #00adec;
font-family: 'AvenirNext-Medium';
font-size: 14px;
}
.box-different{
margin-top: 20px;
}
.box-different-content{
margin-top: 20px;
}
div.contruction-details-left{
padding-left: 0px;
padding-right: 0px;
}
.contruction-details-left img{
margin: 10px 0px;
}
.box-notification{
margin-bottom: 20px;
background: #f4f4f4;
padding-bottom: 10px;
}
div.padding-right-0{
padding-right: 0px;
}
div.padding-left-0{
padding-left: 0px;
}
.box-notification h6{
font-family: 'AvenirNext-Bold';
background: #00649d;
font-size: 17px;
color: #fff;
text-transform: uppercase;
line-height: 1.3;
width: 100%;
padding: 10px 0px;
display: block;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 10px;
}
.notifi-content{
padding: 0px 15px;
}
.notifi-content p strong{
color: #333333;
font-family: 'AvenirNext-Bold';
}
/*GIOI THIEU*/
.breadcrumb{
background: #f1f1f1;
border-radius: 0px;
padding: 10px 15px 10px 25px;
margin-bottom: 15px;
}
.breadcrumb a{
font-family: 'AvenirNext-Regular';
font-size: 16px;
color: #666666;
}
.breadcrumb span{
margin: 0px 5px 0px 10px;
}
.breadcrumb span i{
color: #666666;
}
.link-menu{
border-bottom: 1px solid #f1f1f1;
padding-bottom: 13px;
}
.link-menu ul{
padding-left: 5px;
}
.link-menu ul li{
display: inline-block;
position: relative;
}
.link-menu ul li a{
padding: 10px 20px;
font-size: 16px;
color: #666666;
font-family: 'AvenirNext-DemiBold';
}
.link-menu ul li.active a{
color: #005d98;
}
.link-menu ul li.active:before{
content: "";
position: absolute;
left: 46%;
bottom: -13px;
z-index: 9;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 7px solid #005d98;
}
.padding-0{
padding-left: 0px;
padding-right: 0px;
}
.padding-5{
padding-left: 0px;
padding-right: 0px;
}
.padding-10{
padding-left: 0px;
padding-right: 0px;
}
.box-img-float{
float: left;
display: inline-block;
padding-right: 40px;
padding-bottom: 30px;
}
.box-img-float img{
display: block;
margin: 0 auto;
}
.box-left-9{
float: left;
}
.content-page-inside{
padding-top: 30px;
padding-bottom: 30px;
}
.content-page-inside p{
font-size: 16px;
font-family: 'AvenirNext-Regular';
color: #333333;
line-height: 25px;
}
.content-page-inside ul{
padding-left: 0px;
}
.box-search-main.box-search-hh>div >div:nth-child(5) .dropdown-menu.filter_menu{
width: 100%;
}
.content-page-inside li{
font-size: 16px;
font-family: 'AvenirNext-Regular';
color: #333333;
line-height: 24px;
position: relative;
padding-left: 17px;
margin: 5px 0px;
}
.content-page-inside li:before{
position: absolute;
content: "";
width: 7px;
height: 7px;
z-index: 9;
border-radius: 50%;
left: 0px;
top: 8px;
background: #00b1e5;
}
.box-img-text{
position: relative;
}
.box-img-text img{
display: block;
margin: 0 auto;
}
.box-text-bot{
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
}
.box-text-bot h3{
font-size: 16px;
text-transform: uppercase;
color: #fff;
font-family: 'AvenirNext-DemiBold';
margin-bottom: 20px;
padding: 0px 15px;
}
.box-right-3 >div{
margin-bottom: 20px;
}
/*.box-right-3 >div:nth-child(1){
margin-top: 0px;
}*/
/*HEADER*/
.animatedParent{overflow:hidden}
.header-top{
background: url(../images/back-header.jpg) center center no-repeat;
background-size: cover;
}
.box-logo{
padding: 10px 0px;
display: block;
width: 170px;
float: left;
}
.box-logo img{
display: block;
margin: 0 auto;
}
.box-text-h{
display: inline-block;
float: left;
margin-top: 30px;
}
.box-text-h h1{font-family: 'AvenirNext-Bold';font-size: 23px;text-transform: uppercase;color: #fff;}
.box-text-h h2{
font-family: 'AvenirNext-Bold';
font-size: 22px;
color: #fff;
}
.box-language{
float: right;
margin-right: 30px;
margin-left: 0px;
padding-left: 15px;
}
.box-language li{
display: inline-block;
}
.box-language li a{
padding: 5px 10px;
display: block;
}
.box-menu{
float: left;
}
.box-menu li{
display: inline-block;
}
.box-menu li a{
padding: 5px 20px;
display: block;
color: #fff;
font-family: 'AvenirNext-Medium';
font-size: 18px;
}
.box-right{
float: right;
margin-top: 35px;
}
.menu .navbar-default{
background: none;
border: none;
margin-bottom: 0px;
}
.box-menu-h{
background: #00adec;
}
.content-menu .nav-menu li a{
text-transform: uppercase;
color: #fff;
font-size: 16px;
font-family: 'AvenirNext-DemiBold';
}
.box-search .newsletter{
width: 220px;
margin-right: 40px;
float: left;
margin-top: 10px;
}
/*.newsletter i{
margin-right: 5px;
}*/
.box-search{
float: right;
}
.box-search .newsletter input{
width: 85%;
}
.box-cart{
width: 140px;
float: left;
margin-top: 18px
}
.box-cart a{
color: #fff;
font-size: 17px;
}
.newsletter .dropdown button{
text-align: left;
padding-left: 5px;
width: 100%;
padding-top: 5px;
font-family: 'AvenirNext-Regular';
font-size: 14px;
font-weight: 500;
}
.newsletter .dropdown .caret{
text-align: right;
float: right;
margin-right: 10px;
display: block;
margin-top: 10px;
}
.newsletter .open > .dropdown-menu {
display: block;
width: 100%;
border-radius: 0px;
max-height: 110px;
overflow-y: scroll;
}
.content-menu ul.sub-menu{
display: none;
position: absolute;
top: 50px;
z-index: 99999;
left: 0px;
background: #fff;
border-right: 1px solid #00adec;
border-bottom: 1px solid #00adec;
padding: 0px 20px;
}
.content-menu ul.sub-menu li{
width: 100%;
padding: 10px 0px;
border-bottom: 1px solid #f4efef;
}
.content-menu ul.sub-menu li:last-child{
border: none !important;
}
.content-menu ul.sub-menu li a{
font-size: 15px;
color: #00adec;
display: inline;
white-space: nowrap;
}
.content-menu ul.sub-menu li a:hover{
color: #333333;
}
.content-menu ul.nav-menu >li{
position: relative;
}
.content-menu ul.nav-menu >li:hover ul.sub-menu{
display: block;
}
.grid-sizer,
.album-item{width:calc(100%/4);height:265px;}
.album-item{float:left;padding:5px;}
.grid-item--width2{width:calc(100%/2);}
/*#album_container .album-item img{
-webkit-transition: all 0.2s ease-in-out ;
-o-transition: all 0.2s ease-in-out ;
transition: all 0.2s ease-in-out ;
}
#album_container .album-item:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.2s ease-in-out ;
-o-transition: all 0.2s ease-in-out ;
transition: all 0.2s ease-in-out ;
}*/
#album_container{margin-bottom:0px;margin-top: 5px; margin-left: 0px;margin-right: 0px;}
#album_container .album-item{position:relative;text-align:center;overflow: hidden;}
#album_container .album-item .bg{
background:#ccc;
background-size:cover;
position:absolute;
background-position:center center;
left:3px;top:3px;right:3px;bottom:3px;
background-repeat:no-repeat;}
#album_container .album-item .item-hover{
background:rgba(49,188,239,0.7) url('../images/icon-zoom.png') no-repeat center center;
position:absolute;width:calc(100% - 5px);height:calc(100% - 5px);
top:3px;left:3px;right: 3px;bottom: 3px;
border:solid 0px #ebebeb;opacity:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
#album_container .album-item:hover .item-hover{opacity:1;}
#album_container .album-item .item-hover .title{display:none;}
#album_container .album-item:hover .box-text p{
display: block;
}
#album_container .album-item:hover .box-text h2{
margin-left: 0px;
margin-bottom: 10px;
}
.box-text{
position: absolute;
width: 100%;
bottom: 0px;
padding: 5px 10px;
left: 0px;
}
.box-text h2{
color: #fff;
font-family: 'AvenirNext-Bold';
font-size: 16px;
text-transform: uppercase;
text-align: left;
margin-bottom: 20px;
margin-left: 10px;
}
#album_container .album-item .box-text p{
color: #fff;
font-family: 'AvenirNext-Regular';
font-size: 16px;
line-height: 22px;
text-align: left;
display: none;
min-height: auto;
}
.footer-content{
background: #0067a6;
padding: 40px 0px;
min-height: 220px;
/* margin-right: -7px;
margin-left: -7px;*/
}
.footer p{
font-family: 'AvenirNext-Regular';
font-size: 16px;
color: #fff;
line-height: 22px;
}
.title-f{
font-family: 'AvenirNext-Bold';
font-size: 16px;
color: #fff;
text-transform: uppercase;
line-height: 1.4;
margin-bottom: 15px;
}
.fa-icon{
margin-top: 25px;
margin-left: 0px;
left: 0px;
clear: both;
padding: 0px;
}
.fa-icon li{
display: inline-block;
list-style-type: none;
}
.fa-icon li a{
padding: 5px 5px;
display: block;
color: #fff;
}
.newsletter {
width: 350px;
border: 1px solid #eaeaea;
margin-top: 15px;
}
.newsletter input {
font-family: 'AvenirNext-Regular';
border: none;
height: 27px;
width: 270px;
font-size: 16px;
color: #fff;
background: none;
}
.newsletter button {
color: #fff;
font-family: 'AvenirNext-Regular';
border: none;
background: transparent;
padding: 0;
font-weight: 800;
}
.newsletter input::placeholder{
color: #fff;
padding-left: 5px;
}
.newsletter input:focus{
outline: none;
}
div.map{
padding: 0px;
}
.coppy-right{
width: 100%;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
}
.coppy-right p ,.coppy-right p a{
color: #808080;
font-family: 'AvenirNext-Regular';
font-size: 16px;
line-height: 22px;
}
.box-img{
overflow: hidden;
}
.box-img img{
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.box-img img:hover{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
@media screen and (min-width: 1440px){
.container-cus{width:1410px}
}
@media screen and (min-width: 1441px) and (max-width: 1680px){
.content-menu .nav-menu li a {
font-size: 16px;
}
.content-page-inside.page-contact .col-md-8.box-left-9 {
padding-left: 15px;
}
.content-menu ul.sub-menu li a {
font-size: 14px;
}
.container-cus{width:1410px}
}
@media screen and (min-width: 1200px) and (max-width: 1440px){
.content-page-inside.page-thongbao-hh .box-table thead tr th:nth-child(1){
width: 20%;
}
.content-page-inside.page-thongbao-hh .box-table thead tr th:nth-child(2){
width: 45%;
}
.content-page-inside.page-thongbao-hh .box-table thead tr th:nth-child(3){
width: 20%;
}
.content-page-inside.page-thongbao-hh .box-table thead tr th:nth-child(4){
width: 15%;
}
.content-menu .nav-menu li a {
font-size: 15px;
}
.box-cart {
width: 120px;
float: left;
margin-top: 15px;
}
.box-menu li a {
padding: 5px 20px;
font-size: 20px;
}
.home-main{
overflow-x: hidden;
}
.page-inside{
padding-left: 15px;
padding-right: 15px;
}
.content-page-inside .box-search-main p {
font-size: 14px;
margin-top: 0px;
text-align: left;
}
.box-drop .dropdown .btn {
width: 96%;
float: right;
}
}
@media screen and (min-width: 1200px){
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
.link-menu ul li a {
padding: 5px 13px;
font-size: 14px;
}
.box-text-bot h3 {
font-size: 14px;
margin-bottom: 10px;
padding: 0px 15px;
}
.btn.btn-buy.btn-download {
font-size: 15px;
}
#album_container >div:nth-child(4){
height: 300px;
}
#album_container >div:nth-child(5){
height: 300px;
}
#album_container >div:nth-child(6){
height: 300px;
}
.box-logo {
width: 110px;
margin-right: 10px;
}
.home-main{
overflow-x: hidden;
}
.page-inside{
padding-left: 15px;
padding-right: 15px;
}
.container.container-cus{
width: 100%;
}
.box-text-h h1 {
font-size: 19px;
}
.box-text-h h2 {
font-size: 17px;
}
.content-menu .nav-menu li a {
font-size: 13px;
padding-left: 6px;
padding-right: 6px;
}
.box-text h2 {
font-size: 15px;
margin-bottom: 15px;
margin-left: 5px;
}
#album_container .album-item .box-text p {
font-size: 15px;
line-height: 19px;
}
.box-search .newsletter {
width: 170px;
margin-right: 10px;
float: left;
margin-top: 10px;
}
.box-cart {
width: 100px;
float: left;
margin-top: 16px;
}
.box-cart.box-login-menu{
margin-right: 5px;
}
.box-cart a {
font-size: 16px;
}
div.content-menu{
padding-left: 0px;
padding-right: 0px;
}
.footer .newsletter {
width: 100%;
}
#album_container .album-item p {
font-size: 16px;
min-height: 21px;
}
.footer .newsletter input {
width: 80%;
}
.album-item.grid-item--width2 {
height: 200px;
width: 50%;
}
.grid-sizer, .album-item {
width: calc(100%/4);
height: 200px;
}
.box-library h4 {
font-size: 14px;
width: 90%;
}
.box-library .btn-view-library {
font-size: 14px;
}
.box-menu li a {
padding: 5px 10px;
}
.box-list-in {
padding-left: 10px;
}
.check-box label {
font-size: 14px;
padding-left: 5px;
}
.check-box .box-list-in label {
margin-top: 5px;
font-size: 14px;
line-height: 1.2;
}
.check-box .label-click-active i{
font-size: 12px;
}
.content-page-inside.page-thongbao-hh2 .table-view tr th{
font-size: 14px;
vertical-align: middle;
}
.content-page-inside.page-thongbao-hh2 .table > tbody > tr > td{
font-size: 14px;
}
.content-page-inside.page-thongbao-hh2 .table-view tr td:nth-child(5){
text-align: center;
}
.content-page-inside.page-thongbao-hh .table-view tr td:nth-child(3){
text-align: center;
}
.content-page-inside.page-thongbao-hh2 .col-md-9.box-left-9{
width: 100%;
}
.content-page-inside.page-thongbao-hh2 .box-right-3{
margin-top: 20px;
width: 100%;
}
.content-page-inside.page-thongbao-hh2 .box-right-3 >div {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
float: left;
}
.content-page-inside.page-thongbao-hh .col-md-9.box-left-9{
width: 100%;
padding: 0px;
}
.content-page-inside.page-thongbao-hh .box-right-3{
margin-top: 20px;
width: 100%;
}
.content-page-inside.page-thongbao-hh .box-right-3 >div {
margin-bottom: 20px;
margin-left: 10px;
margin-right: 10px;
float: left;
}
.content-page-inside.page-thongbao-hh .box-search-main >div>div{
padding-left: 0px;
padding-right: 10px;
}
.content-page-inside.page-thongbao-hh .box-search-main >div>div:nth-child(1){
padding-left: 10px;
}
.content-page-inside.page-thongbao-hh .table > tbody > tr > td{
text-align: left;
}
.box-pagination .pagination li a {
font-size: 16px;
}
.content-menu ul.sub-menu li a {
font-size: 13px;
color: #00adec;
display: inline;
white-space: nowrap;
}
}
@media screen and (max-width: 991px) and (min-width: 767px){
.logout_client {
float: none;
margin-top: 7px;
margin-left: -10px;
}
.box-menu-h .navbar-collapse .col-md-5.col-sm-12.hidden-xs{
display: none;
}
.header-top .col-md-5.col-sm-12.col-xs-12.visible-xs{
display: block !important;
width: 55%;
float: right;
margin-top: -8px;
}
}
@media screen and (max-width: 991px){
.btn.btn-buy.btn-download {
font-size: 14px;
}
.content-menu .nav-menu.navbar-nav ul.sub-menu {
padding-left: 20px;
background: none;
}
.content-menu .nav-menu.navbar-nav ul.sub-menu li {
width: 100%;
padding: 10px 0px;
border-bottom: none;
}
.content-menu .nav-menu.navbar-nav ul.sub-menu li a {
font-size: 14px;
color: #fff;
}
.box-search-list .box-search-main>div >div:nth-child(4) .dropdown-menu.filter_menu {
min-width: auto;
}
.dropdown-menu > li > a{
font-size: 14px;
}
/* width */
.content-page-inside.page-order-map ::-webkit-scrollbar {
width: 10px;
}
/* Track */
.content-page-inside.page-order-map ::-webkit-scrollbar-track {
background: #ffffff;
}
/* Handle */
.content-page-inside.page-order-map ::-webkit-scrollbar-thumb {
background: #00659f;
}
/* Handle on hover */
.content-page-inside.page-order-map ::-webkit-scrollbar-thumb:hover {
background: #555;
}
/*.content-page-inside.page-order-map .col-md-3.box-left-9 {
padding-right: 0px;
height: 300px;
overflow-y: scroll;
width: 100%;
margin-bottom: 0px;
}*/
.content-page-inside.page-order-map .col-md-3.box-left-9 {
padding-right: 0px;
height: auto;
max-height: 300px;
overflow-y: scroll;
width: 100%;
margin-bottom: 0px;
}
.box-text-bot h3 {
margin-bottom: 10px;
padding: 0px 25px;
}
.link-menu ul li a {
padding: 5px 6px;
font-size: 14px;
}
.breadcrumb a {
font-size: 14px;
}
.container.container-cus{
width: 100%;
}
#album_container >div:nth-child(4){
height: 240px;
}
#album_container >div:nth-child(5){
height: 240px;
}
#album_container >div:nth-child(6){
height: 240px;
}
.box-library{
width: 33.33%;
float: left;
}
.grid-sizer, .album-item {
width: calc(100%/4);
height: 160px;
}
.album-item.grid-item--width2 {
height: 160px;
width: 50%;
}
.content-menu .nav-menu li a {
font-size: 16px;
padding: 10px 10px;
}
.box-search .newsletter {
width: 220px;
margin-right: 40px;
float: left;
margin-top: 5px;
}
.box-search {
float: left;
margin-bottom: 10px;
padding-left: 10px;
}
.box-cart {
margin-top: 12px;
}
.box-text h2 {
font-size: 13px;
margin-bottom: 12px;
margin-left: 10px;
}
#album_container .album-item .box-text p {
font-size: 13px;
line-height: 17px;
}
.nav-menu.navbar-nav.navbar-nav-right{
width: 100%;
}
.content-menu ul.nav-menu >li{
width: 100%;
}
.navbar-header .navbar-toggle{
top: 20px;
}
.header-top.sticky{
position: fixed;
top: 0px;
width: 100%;
z-index: 99999;
padding-top: 5px;
}
.box-menu-h{
position: absolute;
width: 100%;
z-index: 999;
top: 10px;
left: 0px;
right: 0px;
}
.content-menu ul.sub-menu li a {
font-size: 14px;
}
.header-top{
overflow: initial;
}
.header-top.sticky .box-logo-2{
display: none;
}
.header-top.sticky .navbar-header .navbar-toggle {
top: 12px;
z-index: 999999;
}
.footer-content >div{
margin-top: 20px;
}
.footer-content >div:first-child >div:nth-child(2){
padding-left: 0px;
padding-right: 0px;
margin-top: 20px;
}
.box-search {
float: none;
margin-bottom: 10px;
padding-left: 0px;
width: 100%;
margin-left: -5px;
}
.box-cart {
width: 104px;
float: left;
}
.box-cart.box-login-menu{
margin-right: 5px;
}
.box-search .newsletter {
width: 160px;
margin-right: 15px;
float: left;
margin-top: 5px;
}
.box-cart a {
color: #fff;
font-size: 16px;
}
.content-menu ul.sub-menu {
display: none;
position: relative;
top: 0px;
z-index: 99999;
left: 0px;
background: #fff;
border-right: 1px solid #00adec;
border-bottom: 1px solid #00adec;
padding: 0px 20px;
padding-left: 40px;
}
.box-logo {
padding: 10px 7px;
width: 120px;
}
.box-text-h h1 {
font-size: 19px;
}
.box-text-h h2 {
font-size: 19px;
}
.box-text-h {
display: inline-block;
float: left;
margin-top: 20px;
}
.box-right {
margin-top: 0px;
float: none;
clear: both;
}
.header-top.sticky .box-right {
margin-top: 15px;
}
.header-top.sticky .box-search-xsm {
width: 400px;
margin-top: -10px;
float: right;
}
.box-menu li a {
padding: 5px 8px;
font-size: 15px;
}
.box-text h2 {
font-size: 14px;
margin-bottom: 15px;
margin-left: 0px;
}
.box-language {
float: left;
margin-right: 0px;
margin-left: 0px;
padding-left: 15px;
margin-top: -3px;
}
.navbar-header .navbar-toggle {
position: absolute;
float: none;
right: 0px;
margin-right: 15px;
padding: 7px 7px;
margin-top: 0px;
margin-bottom: 0px;
background-color: transparent;
background-image: none;
border: 1px solid #fff;
border-radius: 4px;
z-index: 99999;
}
.navbar-header .navbar-toggle .icon-bar {
display: block;
width: 27px;
height: 3px;
border-radius: 1px;
background: #fff;
}
.header-top {
padding-bottom: 10px;
}
.menu .navbar{
min-height: auto
}
.navbar-collapse.collapse{
display: none !important;
}
.navbar-collapse.collapse.in{
display: block !important;
}
.box-search-xsm{
width: 375px;
margin-top: -10px;
float: right;
}
/*.footer-content >div>div:nth-child(2){
padding-left: 20px !important;
margin-top: 0px !important;
}*/
.footer-content {
padding-top: 20px;
}
/*.content-page-inside {
padding-left: 10px;
padding-right: 10px;
}*/
div.box-left-9{
padding-left: 0px;
padding-right: 0px;
}
div.box-right-3{
padding-left: 0px;
padding-right: 0px;
}
.content-page-inside.page-news{
padding-top: 0px;
}
div.box-right-3 .box-img-text{
width: 50%;
float: left;
}
.content-page-inside div.box-right-3{
clear: both;
padding-top: 20px;
}
.box-department >div >div {
width: 50%;
margin-bottom: 10px;
}
.box-department {
margin-top: 20px;
}
.box-contact p{
width: 100%;
}
.box-title-list >div:nth-child(1) {
width: 20%;
float: left;
}
.box-title-list >div:nth-child(2) {
width: 80%;
float: right;
padding-right: 0px;
}
.box-title-list h3 {
font-size: 15px;
}
.content-page-inside{
padding-right: 10px;
padding-left: 10px;
}
.list-contructor >div>div:nth-child(1) {
padding-left: 0px;
}
.list-contructor >div>div:nth-child(2) {
padding-right: 0px;
}
div.box-title-list {
min-height: 40px;
}
.content-page-inside.page-news div.box-left-9 {
padding-left: 0px;
padding-right: 0px;
}
div.contruction-details-left{
width: 100%;
}
.page-contruction-details h4 {
font-size: 18px;
margin: 10px 0px;
}
.page-contruction-details .col-md-9.box-left-9 >div:nth-child(1)>div:nth-child(2){
width: 100%;
margin-top: 30px;
padding-left: 0px;
}
.page-contruction-details .col-md-9.box-left-9 >div:nth-child(1)>div:nth-child(2)>div:nth-child(1){
width: 49%;
float: left;
clear: inherit;
min-height: 230px;
}
.page-contruction-details .col-md-9.box-left-9 >div:nth-child(1)>div:nth-child(2)>div:nth-child(2){
width: 49%;
float: right;
clear: inherit;
min-height: 230px;
}
.page-contruction-details .box-different-content >div{
padding-left: 10px;
padding-right: 10px;
}
.box-view-hoso {
left: 35%;
}
.page-ho-so .box-left-9>div>div{
width: 100%;
}
.page-ho-so .box-left-9>div>div:nth-child(2){
margin-top: 30px;
}
.box-library h4 {
font-size: 13px;
width: 95%;
}
.box-library .btn-view-library {
font-size: 13px;
}
.slider-baohieuhanghai{
position: relative;
display: inline-grid;
}
.content-page-inside.page-thongbao-hh2 .box-search-main>div>div:nth-child(1){
width: 12%;
}
.content-page-inside.page-thongbao-hh2 .box-search-main>div>div:nth-child(4){
width: 24%;
}
.content-page-inside.page-thongbao-hh2 .box-search-main>div>div:nth-child(5){
width: 24%;
}
.content-page-inside.page-thongbao-hh2 .box-search-main>div>div p{
font-size: 14px;
}
.box-search-main.box-search-hh>div >div:nth-child(5) .dropdown-menu.filter_menu{
min-width: auto;
}
.content-page-inside.page-thongbao-hh2 .table-view tr th{
font-size: 14px;
vertical-align: middle;
}
.content-page-inside.page-thongbao-hh2 .table > tbody > tr > td{
font-size: 14px;
}
.content-page-inside.page-thongbao-hh2 .table-view tr td:nth-child(5){
text-align: center;
}
.content-page-inside.page-thongbao-hh .table-view tr td:nth-child(3){
text-align: center;
}
.content-page-inside.page-thongbao-hh .box-search-main>div>div p{
font-size: 14px;
}
.content-page-inside.page-thongbao-hh .box-search-main>div>div{
padding-left: 0px;
padding-right: 7px;
}
.content-page-inside.page-thongbao-hh .box-search-main>div>div:nth-child(1){
width: 20%;
}
.content-page-inside.page-thongbao-hh .box-search-main>div>div:nth-child(4){
width: 30%;
}
.content-page-inside.page-thongbao-hh .table-view tr th{
vertical-align: middle;
}
}
@media screen and (max-width: 767px){
.box-details-content h3 {
font-size: 16px;
margin-bottom: 15px;
}
.content-page-inside.page-thongbao-hh2 .box-search-main>div>div:nth-child(1){
width: 100%;
}
.content-page-inside.page-thongbao-hh2 .box-search-main>div>div:nth-child(4){
width: 100%;
}
.content-page-inside.page-thongbao-hh2 .box-search-main>div>div:nth-child(5){
width: 100%;
}
.box-pagination .pagination li a {
font-size: 16px;
}
.content-page-inside.page-thongbao-hh .box-search-main>div>div:nth-child(1){
width: 100%;
}
.content-page-inside.page-thongbao-hh .box-search-main>div>div:nth-child(4){
width: 100%;
}
.content-page-inside.page-thongbao-hh .box-search-main>div>div{
padding-left: 15px;
padding-right: 15px;
}
.content-page-inside.page-thongbao-hh div.box-left-9{
width: 100%;
}
.content-page-inside.page-thongbao-hh .box-table{
overflow-x: scroll;
}
.content-page-inside.page-thongbao-hh .table > tbody > tr > td{
font-size: 14px;
}
.content-page-inside.page-thongbao-hh table.table.table-hover.table-view {
width: 800px;
}
.box-search-list .box-search-main>div >div:nth-child(1) p{
text-align: center;
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
text-transform: uppercase;
}
.page-thongbao-hh .box-table .table > thead > tr > th {
font-size: 13px;
}
.page-thongbao-hh .box-table .table > thead > tr > th:nth-child(1){
width: 25%;
}
/*.content-page-inside.page-thongbao-hh .box-table ::-webkit-scrollbar {
height: 10px;
}
.content-page-inside.page-thongbao-hh .box-table ::-webkit-scrollbar-track {
background: #f1f1f1;
}
.content-page-inside.page-thongbao-hh .box-table ::-webkit-scrollbar-thumb {
background: #3d3f94;
}
.content-page-inside.page-thongbao-hh .box-table ::-webkit-scrollbar-thumb:hover {
background: #555;
}*/
a.view-detail {
font-size: 12px;
}
.content-page-inside.page-thongbao-hh2 .box-search-main.box-search-hh >div >div {
width: 100%;
padding-right: 5px;
padding-left: 5px;
}
.content-page-inside.page-thongbao-hh2 div.box-left-9{
width: 100%;
}
.content-page-inside.page-thongbao-hh2 .box-table{
overflow-x: scroll;
}
.content-page-inside.page-thongbao-hh2 .table > tbody > tr > td{
font-size: 13px;
}
.content-page-inside.page-thongbao-hh2 table.table.table-hover.table-view {
width: 800px;
}
.content-page-inside.page-thongbao-hh2 .table-view tr th{
font-size: 13px;
vertical-align: middle;
}
/*.content-page-inside.page-thongbao-hh2 div.box-left-9 ::-webkit-scrollbar {
height: 10px;
}
.content-page-inside.page-thongbao-hh2 div.box-left-9 ::-webkit-scrollbar-track {
background: #f1f1f1;
}
.content-page-inside.page-thongbao-hh2 div.box-left-9 ::-webkit-scrollbar-thumb {
background: #3d3f94;
}
.content-page-inside.page-thongbao-hh2 div.box-left-9 ::-webkit-scrollbar-thumb:hover {
background: #555;
}
*/
.box-dathang-map #map {
height: 400px;
}
.content-page-inside.page-list-chart .list-danhmuc-haido >div {
padding-left: 15px;
padding-right: 15px;
width: 80%;
margin: 0 auto;
margin-bottom: 20px;
border: 1px solid #00afe4;
padding-bottom: 15px;
padding-top: 15px;
}
.content-page-inside.page-contact .col-md-8.box-left-9 {
padding-left: 15px;
}
.box-menu-h .content-menu ul.sub-menu {
padding-left: 10px;
}
.content-menu .nav-menu ul.sub-menu li a{
font-size: 14px;
}
.box-list-name h3 {
font-size: 15px;
padding: 8px 0px;
padding-left: 15px;
margin-bottom: 10px;
}
.link-menu {
border: none;
padding-bottom: 5px;
}
.check-box label {
font-size: 14px;
padding-left: 5px;
cursor: pointer;
}
.check-box .box-list-in label {
margin-top: 5px;
font-size: 14px;
}
.slider-baohieuhanghai .slick-slide img{
margin: 0 auto;
}
.list-danhmuc-haido h3{
text-align: center;
width: 100%;
}
.content-page-inside .list-danhmuc-haido p{
text-align: center;
}
.list-danhmuc-haido a.link-de{text-align: center;}
.page-ho-so .box-left-9>div>div:nth-child(2){
padding-right: 0px;
padding-left: 0px;
}
.box-library {
width: 100%;
float: left;
margin-bottom: 20px;
}
.content-page-inside.page-library .box-left-9 >div:nth-child(2) {
margin-top: 0px;
}
.list-contructor >div>div:nth-child(1) {
padding-left: 15px;
}
.content-page-inside.page-contact {
padding-right: 0px;
padding-left: 0px;
}
.content-page-inside .news-box p {
font-size: 15px;
line-height: 22px;
}
.news-box .box-different-content >div{
padding-left: 0px;
padding-right: 0px;
}
.news-box .box-different-content >div:nth-child(2){
margin-top: 20px;
}
p.year {
font-size: 14px!important;
margin: 0px 0px;
}
.list-contructor >div>div:nth-child(2) {
padding-right: 15px;
margin-top: 20px;
}
.box-different h3 {
font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
.list-contructor >div {
margin-bottom: 25px;
}
.content-page-inside.page-news div.box-left-9 {
padding-left: 0px;
padding-right: 0px;
}
div.box-title-list {
min-height: auto;
}
.box-title-list h3 {
font-size: 14px;
}
.box-search-xsm {
width: 100%;
margin-top: 0px;
float: right;
}
.navbar-header .navbar-toggle {
top: 65px;
}
.header-top.sticky .box-right {
margin-top: 5px;
}
.header-top.sticky .box-search-xsm {
width: 100%;
margin-top: 0px;
float: right;
}
.header-top.sticky{
position: fixed;
top: 0px;
width: 100%;
z-index: 999;
padding-top: 5px;
}
.div-pop .modal-content {
padding: 10px;
padding-left: 0px;
padding-right: 0px;
}
.div-pop .modal-dialog {
width: 80%;
margin: 0 auto;
top: 10%;
border-radius: 0px;
}
.box-menu-h{
position: absolute;
width: 100%;
z-index: 999;
top: 10px;
left: 0px;
right: 0px;
}
.content-menu ul.sub-menu li a {
font-size: 14px;
}
.header-top{
overflow: initial;
}
.header-top.sticky .box-logo-2{
display: none;
}
.header-top.sticky .navbar-header .navbar-toggle {
top: 10px;
z-index: 999999;
right: -5px;
}
.footer-content >div{
margin-top: 20px;
}
.footer-content >div:first-child >div:nth-child(2){
padding-left: 0px;
padding-right: 0px;
margin-top: 20px;
}
.box-search {
float: none;
margin-bottom: 10px;
padding-left: 0px;
width: 100%;
margin-left: -5px;
}
.box-search .newsletter {
width: 155px;
margin-right: 11px;
float: left;
margin-top: 5px;
}
.box-cart a {
color: #fff;
font-size: 16px;
}
.content-menu ul.sub-menu {
display: none;
position: relative;
top: 0px;
z-index: 99999;
left: 0px;
background: #fff;
border-right: 1px solid #00adec;
border-bottom: 1px solid #00adec;
padding: 0px 20px;
padding-left: 40px;
}
.box-logo {
padding: 10px 5px;
width: 80px;
}
.box-text-h h1 {
font-size: 15px;
}
.box-text-h h2 {
font-size: 15px;
}
.box-text-h {
display: inline-block;
float: left;
margin-top: 20px;
}
.box-right {
margin-top: 0px;
float: none;
clear: both;
}
.box-menu li a {
padding: 5px 8px;
font-size: 14px;
}
.album-item.grid-item--width2 {
height: 160px;
width: 100%;
}
.grid-sizer, .album-item {
width: calc(100%/2);
height: 160px;
}
#album_container {
margin-bottom: 0px;
margin-top: 5px;
margin-left: 0px;
margin-right: 0px;
overflow: hidden;
}
.box-text h2 {
font-size: 14px;
margin-bottom: 15px;
margin-left: 0px;
}
.box-language {
float: left;
margin-right: 0px;
margin-left: 0px;
padding-left: 15px;
margin-top: -3px;
}
#album_container .album-item .box-text p {
font-size: 13px;
line-height: 17px;
}
.navbar-header .navbar-toggle {
position: absolute;
float: none;
right: 0px;
margin-right: 15px;
padding: 7px 7px;
margin-top: 0px;
margin-bottom: 0px;
background-color: transparent;
background-image: none;
border: 1px solid #fff;
border-radius: 4px;
z-index: 999;
}
.navbar-header .navbar-toggle .icon-bar {
display: block;
width: 27px;
height: 3px;
border-radius: 1px;
background: #fff;
}
.header-top {
padding-bottom: 10px;
}
.menu .navbar{
min-height: auto
}
.box-department >div >div {
width: 100%;
margin-bottom: 10px;
}
.footer-content >div>div:nth-child(2) {
padding-left: 0px !important;
margin-top: 10px !important;
}
div.box-right-3 .box-img-text {
width: 50%;
float: left;
padding-left: 5px;
padding-right: 5px;
}
.breadcrumb {
padding: 10px 15px 10px 10px;
margin-bottom: 15px;
}
.nav-menu.navbar-nav.navbar-nav-right {
width: 100%;
margin: 0px;
}
.box-menu-h .navbar-collapse.collapse {
padding-left: 0px;
padding-right: 0px;
}
.box-menu-h .navbar-collapse{
padding-left: 0px;
padding-right: 0px;
overflow-x: hidden;
}
.content-menu .nav-menu li a {
font-size: 15px;
padding: 8px 10px;
}
.link-menu ul {
padding-left: 0px;
}
.link-menu ul li {
margin-bottom: 7px;
width: 100%;
border: 1px solid #0086c0;
padding: 5px 0px;
}
.link-menu ul li.active:before{
display: none;
}
.newsletter .open > .dropdown-menu {
max-height: 90px;
}
.page-contruction-details h4 {
font-size: 15px;
margin: 10px 0px;
}
.page-contruction-details .col-md-9.box-left-9 >div:nth-child(1)>div:nth-child(2)>div:nth-child(1) {
width: 100%;
float: left;
clear: inherit;
min-height: auto;
}
.page-contruction-details .col-md-9.box-left-9 >div:nth-child(1)>div:nth-child(2)>div:nth-child(2) {
width: 100%;
float: right;
clear: inherit;
min-height: auto;
}
.box-notification h6 {
font-size: 15px;
}
.div-pop.content-page-inside.page-ho-so .modal-dialog .modal-content .col-md-12.padding-0.clearfix{
height: 550px;
overflow-y: scroll;
}
.box-search-main >div>div{
width: 100%;
}
.content-page-inside.page-order-map .col-md-9.box-right-3 {
border-top: 2px solid #005d97;
padding-top: 0px;
border-left: none;
}
.content-page-inside.page-order-details .col-md-9.box-left-9{
width: 100%;
}
.order-detail{
overflow-x: scroll;
width: 100%;
}
.order-detail .table.table-order{
width: 600px;
}
.content-page-inside.page-ho-so .box-left-9 .list-danhmuc-haido.box-danhmuc{
text-align: center;
}
.content-page-inside.page-ho-so .box-left-9 .list-danhmuc-haido.box-danhmuc .slider-baohieuhanghai {
width: 70%;
margin: 0 auto;
}
.caret {
border-top: 6px solid;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
.newsletter .dropdown .caret {
margin-top: 5px;
}
.content-page-inside.page-order-map {
margin-top: 0px;
}
}
@media screen and (max-width: 480px){
.box-view-hoso {
left: 20%;
}
.box-different h5 {
font-size: 16px;
}
.close.btn-modal {
top: -30px;
right: -10px;
}
.newsletter {
width: 100%;
}
.link-menu ul li a{
font-size: 16px;
}
.breadcrumb a {
font-size: 13px;
}
.box-text-bot h3 {
font-size: 13px;
margin-bottom: 5px;
padding: 0px 15px;
}
div.box-right-3 {
padding-left: 5px;
padding-right: 5px;
}
.box-text-h h1 {
font-size: 15px;
}
.box-contact {
background: #e7e7e7;
width: 100%;
padding: 20px 10px;
}
.box-text-h h2 {
font-size: 15px;
}
.page-contact h3 {
font-size: 16px;
}
.box-department h4 {
font-size: 14px;
}
.content-page-inside {
padding-top: 15px;
}
}
@media screen and (max-width: 480px) and (orientation : portrait) {
#album_container .album-item .bg {
padding-bottom: 20px;
margin-bottom: 0px;
}
.coppy-right {
padding-top: 10px;
padding-bottom: 7px;
font-size: 14px;
}
.coppy-right p, .coppy-right p a {
font-size: 14px;
line-height: 13px;
}
.box-language li a {
padding: 5px 8px;
display: block;
}
.box-icon-user img {
width: 21%;
}
}
@media screen and (max-width: 380px){
.box-cart a {
font-size: 14px;
}
.navbar-header .navbar-toggle .icon-bar {
width: 22px;
}
.navbar-header .navbar-toggle {
margin-right: 9px;
padding: 4px 4px;
}
.newsletter input{
height: 25px;
}
.box-search .newsletter {
width: 145px;
margin-right: 15px;
margin-top: 5px;
}
.box-cart {
width: 90px;
}
.content-page-inside.page-ho-so .box-left-9 .list-danhmuc-haido.box-danhmuc .slider-baohieuhanghai {
width: 75%;
margin: 0 auto;
}
.link-menu ul li a {
font-size: 15px;
}
.box-text h2 {
font-size: 13px;
margin-bottom: 10px;
}
.box-text-bot h3 {
font-size: 12px;
margin-bottom: 5px;
padding: 0px 10px;
}
.content-menu .nav-menu li a {
font-size: 14px;
padding: 8px 10px;
}
.box-text-h h2 {
font-size: 13px;
}
.box-text-h h1 {
font-size: 12px;
}
.box-logo {
padding: 10px 7px;
width: 80px;
}
.box-menu li a {
padding: 5px 5px;
font-size: 14px;
}
.box-language li a {
padding: 5px 5px;
display: block;
}
.box-search .newsletter input {
width: 85%;
}
.box-search {
margin-left: -10px;
}
}
.pagination > li > a, .pagination > li > span {
border: none;
}
/* ALL LOADERS */
.loader{
margin-top: 5px;
width: 20px;
height: 20px;
border-radius: 100%;
position: absolute;
display: inline-block;
}
/* LOADER 1 */
#loader-1:before, #loader-1:after{
content: " ";
position: absolute;
top: -4px;
left: 10px;
width: 100%;
height: 100%;
border-radius: 100%;
border: 2px solid transparent;
border-top-color: white;
}
#loader-1:before{
z-index: 100;
animation: spin 1s infinite;
}
#loader-1:after{
border: 5px solid #00adec;
}
@keyframes spin{
0%{
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100%{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/*LOGIN
*/
.box-icon-user{
margin-top: 20px;
}
.box-icon-user img{
display: block;
margin: 0 auto;
}
.box-login h3{
font-family: 'AvenirNext-Bold';
font-size: 23px;
text-transform: uppercase;
color: #0067a6;
text-align: center;
margin-bottom: 20px;
}
.box-login p{
text-align: center;
color: #000000;
font-family: 'AvenirNext-Medium';
}
.form-login{
width: 350px;
height: auto;
position: relative;
margin: 0 auto;
margin-top: 30px;
}
.form-login .form-control{
border-radius: 0px;
font-family: 'AvenirNext-Medium';
color: #000000;
}
.form-login input::placeholder{
font-family: 'AvenirNext-Medium';
color: #000000;
}
.form-login .btn-send{
border-radius: 0px;
background: #00adec;
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-family: 'AvenirNext-Medium';
text-align: center;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.form-login .btn-send img{
display: initial;
margin-left: 3px;
margin-top: -3px;
}
@media screen and (max-width: 1440px) and (min-width: 1200px){
.box-cart.box-login-menu{
margin-right: 5px;
}
}
@media screen and (max-width: 767px){
.box-login h3 {
font-size: 18px;
}
.box-login p {
line-height: 1.3;
}
}
@media screen and (max-width: 320px){
.form-login {
width: 100%;
}
.box-logo {
padding: 10px 7px;
width: 65px;
}
.box-text-h h1 {
font-size: 11px;
}
.box-text-h h2 {
font-size: 11px;
}
.box-logo {
padding: 10px 7px;
width: 70px;
}
.box-search .newsletter {
width: 160px;
margin-right: 15px;
margin-top: 5px;
}
.box-menu li a {
padding: 5px 5px;
font-size: 12px;
}
.navbar-header .navbar-toggle .icon-bar {
width: 22px;
}
.navbar-header .navbar-toggle {
margin-right: 9px;
padding: 4px 4px;
}
.box-cart a {
color: #fff;
font-size: 14px;
}
}
/*END LOGIN*/