.global-container{overflow: unset;}
.global-container ~ img{display: none;}

.text-secondary{color: #0080c9 !important;}

/* header */
.site-header{width: 100%; height: auto; /*box-shadow: 0 3px 20px 0 rgba(0,0,0,0.5);*/}
.site-header.tiny{height: auto;}

.site-header .top-header{width: 100%; background-color: rgba(0, 128, 201,0.6); height: 50px;}
.site-header .top-header:before{display: none;}
.site-header .top-header .text-size{float: right; font-weight: normal; color: #fff; display: flex; position: relative;} 
.site-header .top-header .text-size:before{content: '';position: absolute; top: 7px;left: 59.8%;width: 1px; height: 25px; background-color: #f3f3f3;} 
.site-header .top-header .text-size .txt{font-size: 24px; padding: 10px;} 
.site-header .top-header .text-size a{color: #fff;} 
.site-header .top-header .text-size .item-list{margin-right: 10px;} 
.site-header .top-header .text-size .item-list li{width: calc(100% / 3);} 
.site-header .top-header .item-list li a{width: 36px; height: 36px; padding: 10px; display: flex; align-items: center; justify-content: center; transition: all 200ms;} 
.site-header .top-header .item-list li a:hover{background-color: #0C6DD9; border-radius: 50%; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2);} 
.site-header .top-header .item-list li.active a{background-color: #fff; border-radius: 50%; box-shadow: 0 3px 20px 0 rgba(0,0,0,0.2); color: #005DA5;} 
.site-header .top-header .text-size .size-small{font-size: 24px; text-align: center;} 
.site-header .top-header .text-size .size-medium{font-size: 30px; text-align: center;} 
.site-header .top-header .text-size .size-large{font-size: 40px; text-align: center;} 

.site-header .bottom-header{ width: 100%; background-color: rgba(255,255,255,0.15); height: 90px;
    /*background-image: url(../image/background/bg-b-header.png);*/
    background-position: top center;background-repeat: no-repeat;background-size: cover;
    transition: all 400ms;
}
.site-header .bottom-header .logo-header{position: relative; z-index: 101; display: block; margin-top: -28px; margin-bottom: -20px; transition: all 400ms;}
.site-header .bottom-header .logo-header:before{content: ''; position: absolute; z-index: 0;border-radius: 50%;
    top: 7px; left: 5px; right: 5px; bottom: 7px; box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.16);
}
.site-header .bottom-header .logo-header img{position: relative; z-index: 1; top: 0; transform: scale(1); transition: all 400ms;}
.site-header .bottom-header .txt-header{width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; transition: all 400ms;}
.site-header .bottom-header .text-title-header{padding-left: 25px; font-size: 40px; font-weight: bold; color: #fff; line-height: 0.8em; margin: 0; transition: all 400ms;}
.site-header .bottom-header .text-title-header span{font-size: 36px; font-weight: normal; transition: all 400ms;}

.site-header .menu-header{width: 100%; background-color: rgba(0, 128, 201,0.6); height: 40px; z-index: 0; position: relative;}
.site-header .menu-header nav.menu{padding-left: 133px; transition: all 400ms;}
.site-header .menu-header nav.menu li + li { margin-left: 0;}
.site-header .menu-header nav.menu li .link{color: #fff; font-size: 24px; font-weight: normal; line-height: 40px; padding: 0 15px;}
.site-header .menu-header nav.menu li .link:hover{color: #fff; background-color: #0080C9;}
.site-header .menu-header nav.menu li.active .link{color: #0080C9; background-color: #fff;}

/*.site-header.tiny .top-header{background-color: rgba(0, 128, 201,0.9);}
.site-header.tiny .bottom-header{background-color: rgba(255, 255, 255,0.9);}
.site-header.tiny .bottom-header .text-title-header{color: #0080C9;}
.site-header.tiny .menu-header{background-color: rgba(0, 128, 201,0.9);}
.site-header.tiny .btn-webmain{border-color: #0080C9;}*/

.site-header .top-header{background-color: rgba(0, 128, 201,0.9);}
.site-header .bottom-header{background-color: rgba(255, 255, 255,0.9);}
.site-header .bottom-header .text-title-header{color: #0080C9;}
.site-header .menu-header{background-color: rgba(0, 128, 201,0.9);}
.site-header .btn-webmain{border-color: #0080C9;}


.btn-webmain{font-size: 24px; font-weight: normal; color: #005DA5; background-color: #fff;
    border-color: #fff; border-radius: 5px; transition: all 200ms; min-width: 150px;
}
.btn-webmain:hover{color: #fff; background-color: #005DA5;}

.lang{padding: 10px; padding-right: 30px;}
.lang .link{position: relative; font-size: 24px;}
.lang .link:before{content: ''; position: absolute; top: 5px; right: -20px; width: 10px;
    height: 10px; border-left: 2px solid #fff;border-bottom: 2px solid #fff;
    transform: rotate(310deg);
}
.lang.dropdown-menu{z-index: 9;}

@media screen and (max-width: 1600px){
    .site-header .bottom-header{height: 110px;}
    .site-header .bottom-header .logo-header img{transform: scale(1.2);}
    .site-header .bottom-header .txt-header{height: 85%;}
    .site-header .bottom-header .text-title-header{font-size: 38px;}
    .site-header .bottom-header .text-title-header span{font-size: 30px;}
}
@media screen and (max-width: 1440px){
    .top-header .text-size .txt{font-size: 20px;}
    .lang .link{font-size: 20px;}

    .site-header .bottom-header{height: 95px;}
    .site-header .bottom-header .txt-header{height: 95px;}
    .site-header .bottom-header .logo-header img{transform: scale(1); top: -20px;}
    .site-header .bottom-header .text-title-header{font-size: 35px; padding-left: 15px;}
    .site-header .bottom-header .text-title-header span{font-size: 30px;}

    .site-header.tiny .bottom-header{height: 75px;}
    .site-header.tiny .bottom-header .txt-header{height: 75px;}
    .site-header.tiny .bottom-header .logo-header img{transform: scale(0.6);}
    /*.site-header.tiny .bottom-header .text-title-header{font-size: 28px !important;}*/
    /*.site-header.tiny .bottom-header .text-title-header span{font-size: 25px !important;}*/

    .btn-webmain{font-size: 22px;}
}
@media screen and (max-width: 991px){
    .site-header .bottom-header .text-title-header,
    .site-header.tiny .bottom-header .text-title-header{font-size: 28px; padding-left: 0; margin-left: -14px;}
    .site-header .bottom-header .logo-header img,
    .site-header.tiny .bottom-header .logo-header img{transform: scale(0.6); top: -53px;}
    .site-header .bottom-header,
    .site-header.tiny .bottom-header{height: 60px;}
    .site-header .bottom-header .txt-header,
    .site-header.tiny .bottom-header .txt-header{height: 60px;}

    .lang{padding-right: 27px;}
    .lang .link:before{right: -20px;}

    .btn-webmain{height: 40px; line-height: 39px; min-width: 90px;}
}
@media screen and (max-width: 767px){
    .site-header .bottom-header .text-title-header, 
    .site-header.tiny .bottom-header .text-title-header{font-size: 18px; margin-left: 5px;}
    .site-header .bottom-header .logo-header img, 
    .site-header.tiny .bottom-header .logo-header img{transform: scale(1); top: -8px; width: 50px;}

    .btn-webmain{font-size: 18px;}
}
/* end header */



/* footer */
.site-footer .policy-footer{padding: 25px 0; background-color: transparent;}
.site-footer{
    position: relative;
    background-image: url(../image/background/bg-footer.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* .site-footer{background-color: #24448d; position: relative;} */
.main-footer{padding-top: 30px; overflow: hidden;}
.site-footer .img-logo-ft{width: 100%;}
.footer-address {
    position: relative;
}
.footer-address .address{
    position: relative;
    display: flex;
    align-items: center;
}
.footer-address .brand{
    width: 150px;
}
.footer-address .title{
    color: #fff;
    padding-left: 15px;
}
.footer-address .title .title-footer{
    font-weight: bold;
    font-size: 36px;
    line-height: 1.1em;
}
.footer-address .title .subtitle-footer{
    font-size: 26px;
    line-height: .5em;
    font-weight: normal;
    margin: 0;
}
.footer-address .address-info .inner{
    font-size: 22px;
    color: #ffffff;
    line-height: 1em;
    padding-left: 12px;
}
.address-info .inner .text{margin-bottom: 0;}
.address-info .inner .text .link{color: #fff;}
.address-info .inner .text .link:hover{color: #c5f1ff;}
.footer-address .address-info .thumb{
    /* width: 30px; */
    /* filter: brightness(0) invert(1); */
}
.address-info .thumb .cover{
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid transparent;
    color: #ffffff;
    /* background-color: #184f8b; */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.address-info .thumb .cover span{z-index: 1;}
.address-info .thumb .cover .flaticon-placeholder:before{font-size: 24px;line-height: 43px;margin: 0;}
.address-info .thumb .cover .flaticon-phone-call:before{font-size: 20px;line-height: 43px;margin: 0;}
.address-info .thumb .cover .flaticon-printer:before{font-size: 24px;line-height: 43px;margin: 0;}
.address-info .thumb .cover .flaticon-message:before{font-size: 22px;line-height: 43px;margin: 0;}
.address-info .thumb .cover:before{
    content: "";
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #184f8b;
}
.address-info .cover .img-cover{width: 100%; filter: brightness(0) invert(1);}
.address-info .cover .img-cover.loaction{width: 19px;}
.pt-address-ft{padding-top: 20px;}

.footer-info .wrapper .desc{
    font-size: 20px;
    font-weight: 100;
    color: rgba(255,255,255,1);
    line-height: 1.2em;
}

.address-info .link .inner .text{transition: all 400ms;}
.address-info .link:hover .inner .text{color: #c5f1ff;}
.address-info .link:hover .inner .text.fax{color: #fff;}

.site-footer .policy-list .link{font-size: 20px;}
.site-footer .policy-list .item{padding: 0 20px;}
.site-footer .policy-list .item:first-child{padding-left: 0;}
.site-footer .policy-list .link:hover{color: #c5f1ff;}


.footer-info .w3c-blog{text-align: right;float: right;}
.footer-info .w3c-blog>div{display: inline-block; vertical-align: middle;}
.footer-info .w3c-blog>div+div{margin-left: 15px;}
.footer-info .w3c-blog .ipv6{height: 32px;}
.footer-info .w3c-blog .ipv6 img{height: 100%;}
.footer-info .w3c-blog .wcag{height: 32px;}
.footer-info .w3c-blog .wcag img{height: 100%;}
.footer-info .w3c-blog .w3css{height: 32px;}
.footer-info .w3c-blog .w3css img{height: 100%;}
.footer-info .standard{float: right;}
.footer-info .social{float: right; margin: 15px 0;}
.footer-info .footer-bar{float: right;}
.copyright{
    text-align: center;
    background-color: #132094;
    font-size: 24px;
    color: #ffffff;
    line-height: 60px;
}
.site-footer .social-list .link{width: 36px;}
.pt-footer-info{padding-top: 20px;}
.mr-standard{margin-right: 15px;}

@media screen and (max-width: 1600px){
    .footer-info .w3c-blog>div+div {margin-left: 5px;}
}
@media screen and (max-width: 1440px){
    .footer-address .title .title-footer{font-size: 34px;}
    .footer-address .title .subtitle-footer{font-size: 30px;}
    .footer-address .address-info .inner{font-size: 20px;}
    .site-footer .policy-footer{padding: 0;}
}
@media screen and (max-width: 1199px){
    .footer-address .title .title-footer{font-size: 30px;}
    .footer-address .title .subtitle-footer{font-size: 26px;}
    .footer-address .address-info .thumb{width: 30px;}
    .address-info .thumb .cover{width: 35px; height: 35px;}
    .address-info .cover .img-cover{width: 100%;}
    .address-info .cover .img-cover.loaction{width: 15px;}
    .footer-address .address-info .inner{font-size: 18px;}
}
@media screen and (max-width: 991px){
    .main-footer{padding-bottom: 10px;}
    .footer-address .address{padding-bottom: 15px;}
    .footer-address .brand {width: 80px;}

    .footer-address .address-info .thumb{width: 45px;}
    .footer-address .title .title-footer{font-size: 36px;}
    .footer-address .title .subtitle-footer{font-size: 32px;}
    .footer-address .address-info .inner{font-size: 22px;}
    .address-info .thumb .cover{width: 45px; height: 45px;}
    .address-info .cover .img-cover{width: 50px;}
    .address-info .cover .img-cover.loaction{width: 19px;}
    
}
@media screen and (max-width: 767px){
    .footer-address .brand{display: none;}
    .footer-address .title{padding-left: 0;}
    .footer-address .title .title-footer{font-size: 29px;}
    .footer-address .title .subtitle-footer{font-size: 28px; margin: 0;}
    .pt-footer-info{padding-top: 0;}
    .footer-info .wrapper .desc{text-align: center;}
    .site-footer .policy-footer .w-policy{width: 100%;}
    .site-footer .policy-list{text-align: center; padding-top: 20px;}
    .site-footer .policy-list .item{padding: 0; margin-bottom: 20px;}
    .site-footer .policy-list .item:not(:last-child):before{top: 25px;}
    .footer-info .social{float: none; text-align: center;}
    .footer-info .standard{float: none; display: flex; justify-content: center;}
    .footer-info .footer-bar{float: none; text-align: center;}

    .mb-footer{margin-bottom: 10px;}
}
@media screen and (max-width: 575px){
    .footer-address .title .title-footer{font-size: 25px;}
    .footer-address .title .subtitle-footer{font-size: 22px;}
    .footer-address .address-info .thumb{width: 35px;}
    .address-info .thumb .cover{width: 35px; height: 35px;}
    .address-info .cover .img-cover{width: 100%;}
    .address-info .cover .img-cover.loaction{width: 15px;}
    .footer-address .address-info .inner{font-size: 19px;}
    .footer-info .wrapper .desc{font-size: 18px;}


}
/* end footer */

/* ster viewport */

.boxdestopsite:hover {color: #ffffff; text-decoration: none;}
.boxdestopsite {
    text-decoration: none;
    background-color: #0058c6;
    color: #fff;
    font-size: 20px;
    height: 40px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    bottom: 0;
    /* display: none; */
}

/* @media screen and (max-width: 991px){
    .boxdestopsite{display: block;}
} */
.box-none {
    display: none;
}

.box-block {
    display: block;
}

/* end viewport */

/* start css by pob */
.gooey {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 142px;
    height: 40px;
    margin: -20px 0 0 -71px;
    background: transparent;
    filter: contrast(20);
}
.gooey .dot {
position: absolute;
width: 16px;
height: 16px;
top: 12px;
left: 15px;
background: #fff;
border-radius: 50%;
transform: translateX(0);
animation: dot 2.8s infinite;
}
.gooey .dots {
transform: translateX(0);
margin-top: 12px;
margin-left: 31px;
animation: dots 2.8s infinite;
}
.gooey .dots span {
display: block;
float: left;
width: 16px;
height: 16px;
margin-left: 16px;
background: #fff;
border-radius: 50%;
}

.load-process {
margin: 0;
position: absolute;
top: -10px;
left: 15px;
font-size: 25px;
width: 100%;
color: #fff;
}
@-moz-keyframes dot {
50% {
    transform: translateX(96px);
}
}
@-webkit-keyframes dot {
50% {
    transform: translateX(96px);
}
}
@-o-keyframes dot {
50% {
    transform: translateX(96px);
}
}
@keyframes dot {
50% {
    transform: translateX(96px);
}
}
@-moz-keyframes dots {
50% {
    transform: translateX(-31px);
}
}
@-webkit-keyframes dots {
50% {
    transform: translateX(-31px);
}
}
@-o-keyframes dots {
50% {
    transform: translateX(-31px);
}
}
@keyframes dots {
50% {
    transform: translateX(-31px);
}
}

#preload{background-color: #36c3f9;}
.preload{top: 50%;}
.preload .loader{left: 0; width: 360px; height: 360px; animation:spins 1.5s linear infinite !important;}
.preload .logo-preload img{width: 280px;}

 @media screen and (max-width: 1440px){
	.preload .loader{width: 270px; height: 270px; top: -80px; left: 0;}
	.preload .logo-preload img{width: 200px;}
	.preload .subtitle{font-size: 28px; margin-top: 70px;}
}
@media screen and (max-width: 1199px){
	.preload .logo-preload img{width: 160px;}
	.preload .loader{width: 200px; height: 200px; top: -50px;}
	.preload .subtitle{font-size: 22px; margin-top: 50px;}

}
@media screen and (max-width: 575px){
	.preload .subtitle{font-size: 20px; margin-top: 60px;}
}

/* breadcrumb */
.breadcrumb-block .breadcrumb{background-color: transparent; font-size: 22px; color: #5bb8ff; margin: 0 -20px;}
.breadcrumb-block .breadcrumb li{display: flex; align-items: center; position: relative; padding: 0 20px;}
.breadcrumb-block .breadcrumb li:first-child{padding-left: 0;}
.breadcrumb-block .breadcrumb li+li:before{
    content: ''; position: absolute; width: 10px; height: 10px;
    left: -7px; top: 0; bottom: 0; margin: auto;
    border-right: 2px solid #5bb8ff;
    border-bottom: 2px solid #5bb8ff;
    transform: rotate(-45deg);
}
.breadcrumb-block .breadcrumb li:last-child{font-weight: bold;}
@media screen and (max-width: 1440px){
    .breadcrumb-block .breadcrumb{font-size: 20px;}
    .breadcrumb-block .breadcrumb img{width: 25px;}
    .breadcrumb-block .breadcrumb li+li:before{width: 7px; height: 7px;left: -5px;}
    .breadcrumb-block .breadcrumb{margin: 0 -15px;}
    .breadcrumb-block .breadcrumb li{padding: 0 15px;}
}
@media screen and (max-width: 575px){
    .breadcrumb-block .breadcrumb{font-size: 18px;}
    /* .breadcrumb-block .breadcrumb li{width: 60px; overflow: scroll; text-overflow: ellipsis; white-space: nowrap;} */
}
/* end breadcrumb */

/* filter */
.default-block{position: relative;}
.form-default .control-label {
    margin: 0 0 10px 0;
    padding-left: 5px;
    color: #0e5cb3;
    font-weight: 500;
    font-size: 15px;
    line-height: 1em;
}

.form-default .form-control {
    font-size: 22px;
    height: 40px;
    border: 1px solid #e1e1e1;
    padding: 0 15px 0 115px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.form-default .form-group {
    margin-bottom: 0;
    position: relative;
}

.form-default .form-group .control-label {
    margin: 0;
    color: #0058C6;
    font-size: 22px;
    position: absolute;
    z-index: 10;
    width: 100px;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}

.form-default .form-group .control-label:after {
    content: '';
    position: absolute;
    top: 9px;
    right: 0;
    width: 1px;
    height: 20px;
    background-color: #007FC8;
}

.filter .form-default .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-left: 115px;
}

.form-default .row+.row {
    margin-top: 20px;
}

.filter-search .btn {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    min-width: 40px;
    height: 40px;
    font-weight: 500;
    font-size: 18px;
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.filter-search .btn.-hastxt {
    padding: 0 20px;
    font-size: 16px;
}

.filter-search .btn.-hastxt .feather {
    margin: 0 8px 0 0;
}

.filter-search .btn.-fluid {
    width: 100%;
    position: relative;
}

.filter-search .btn .feather {
    position: relative;
    top: 0px;
    font-size: 22px;
    color: #0051dc;
    font-weight: bold;
}

.filter-search .btn:hover {
    background-color: #008BE5;
}
.filter-search .btn:hover .feather{
    color: #fff;
}

.filter-search .form-control {
    padding-right: 50px;
    margin: 0;
    border-radius: 40px;
    border-color: #008BE5;
    color: #0058c6;
}

.filter.no-border {
    border-bottom: none;
    padding-bottom: 0;
}
.form-default .form-control:focus{border-color: #0058C6;}
.form-default .select-control.form-control{color: #0058C6; cursor: pointer;}
.form-default .select-control.select2{position: relative;}
.select-control{width: 100%;}
.select-control:focus{outline: none;}
.select-control .select2{width: 100%;}
.select2-selection:focus{outline: none;}
.select2-container .select2-selection--single .select2-selection__rendered{padding-left: 10px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 38px; padding-left: 20px; color: #008be5;}
.select2-container--default .select2-selection--single .select2-selection__arrow{top: 0; right: 14px; height: 40px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border:none; margin-top: -3px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before{font-family: 'FontAwesome'; content: '\f107'; font-weight: normal; font-size: 24px; position: relative; top: -6px; color: #008BE5;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:before{content: '\f106';}
.select2-container--default .select2-selection--single{height: 40px; border:1px solid transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15) inset;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15) inset;
    box-shadow: 0 0 3px rgba(0,0,0,0.15) inset; */
}
.select2-container--open .select2-dropdown{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;   
}

/* end filter */

/* pagination */
.pagination-block{
	padding: 25px 20px;
}
.pagination-label{
	font-size: 24px;
    color: #008BE5;
}
.pagination-label span{
	display: inline-block;
	position: relative;
	min-width: 36px;
	height: 36px;
	line-height: 38px;
	text-align: center;
	color: #008BE5;
	background-color: transparent;
	margin: 0px 5px;
	padding: 0px 10px;
	border-radius: 18px;
}
.pagination{
	float: right;
	margin: 0;
}
.pagination a{
	display: flex;
    align-items: center;
    justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0px 10px;
	background-color: #fff;
	text-decoration: none;
	color: #008BE5;
	/* text-align: center; */
    font-size: 24px;
	/* line-height: 36px; */
	border-radius: 50%;
	transition: all 200ms;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.04);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.04);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.04);
}
.pagination a:hover{
    background-color: #008BE5;
	color: #fff;
}
.pagination .item-list li.active a{background-color: #008be5; color: #fff;}
.pagination .item-list li{width: auto;}
.pagination-jumpPage{width: 100px;}
.pagination-jumpPage .select-control{padding: 6px 30px 6px 15px; line-height: 1em; border-radius: 30px; border: none; background-color: #fff; color: #008be5; cursor: pointer; font-size: 24px; position: relative;}

.pagination li+li{margin-left: 6px;}

@media screen and (max-width: 1440px){
    .form-default .form-group .control-label{font-size: 20px;}
    .form-default .form-control{font-size: 20px;}
    .pagination-label{font-size: 22px;}
}
@media screen and (max-width: 575px){
    .pagination-block{padding: 15px 0;}
    .pagination{float: none; display: flex; justify-content: center; margin-top: 10px;}
    .pagination-label{text-align: center;}
    .pagination .item-list li.num-page{display: none;}
}
/* end pagination */