@charset "utf-8";
/* CSS Document */

* :focus { outline: 0 !important; }

/* form validation  */
    label.valid {
    width: 24px;
    height: 24px;
    background: url(/img/valid.png) center center no-repeat;
    display: inline-block;
    text-indent: -9999px;
    }
    label.error {
    font-weight: bold;
    color: red;
    padding: 2px 8px;
    margin-top: 2px;
    }
    .controls{
        position:relative;
    }
    .has-success .controls i{ font-weight: bold;font-size: 18px;display: block;position: absolute;right: 10px;top: 2px;}
    .has-success i:after {/*font-family: "Glyphicons Halflings";content:"\e013";*/font-family: 'FontAwesome'; content: "\f00c";color: green; font-size:20px;font-weight: bold;}
    .has-error .controls i{ font-weight: bold;font-size: 18px;display: block;position: absolute;right: 10px;top: 2px;}
    .has-error i:after {/*font-family: "Glyphicons Halflings";content:"\e014";*/font-family: 'FontAwesome'; content: "\f00d";color: red;}
/* endformvalidation */

.clear {clear:both;}
.logblock { padding-top: 15px;}
.lang { padding-top: 20px;}
.navbar-default {background-color:#FFFFFF; border:0px;}
.bold {font-weight:bold;}
#footer{text-align:center; padding-top:10px; margin-top:30px;}
.container-fluid{padding-left:0px; padding-right:0px;}
.btn-default {color: #6c757d; background-color: transparent; background-image: none; border-color: #ddd;}
.btn-space{margin-left:5px;}
.space{margin-left:15px;}
.notfound{margin-top:60px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:100px; color:#0099FF;}
.notfound1{margin-top:40px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:40px; color:#000000; margin-bottom:100px;}

#bannerhp img {height: 60vh;}
.breadcrumb {background-color:#fff; padding-left:0;}

label {margin-bottom: 0.5rem; font-weight:bold;}
.nav-link { color:#1c70a5; }
.navbar {padding:0.1rem;}

.icon-box {padding: 40px 30px;transition: all ease-in-out 0.3s;background: #fefefe;box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1); /* border-radius: 18px; */ border-bottom: 5px solid #fff;  width:100%;}
.icon-box .icon {/* width: 64px;height: 64px; background: #008ED1;border-radius: 50px; */display: flex;
  align-items: center; justify-content: center; margin-bottom: 20px; transition: ease-in-out 0.3s;
  color: #1c70a5;}
.icon-box .icon i { font-size: 3rem;}
.icon-box h4 { font-weight: 700; margin-bottom: 15px; font-size: 20px; text-align:center;}
.icon-box h4 a { color: #282828; transition: ease-in-out 0.3s;}
.icon-box p { line-height: 24px; font-size: 14px; margin-bottom: 0;}
.icon-box:hover {  transform: translateY(-10px); border-color: #008ED1;}
.icon-box:hover h4 a { color: #008ED1;}

.section-title { text-align: center; padding-bottom: 10px; position: relative;}
.section-title h2 { font-size: 32px; font-weight: 700; margin-bottom: 20px; padding-bottom: 20px;
  position: relative;}
.section-title h2:after { content: ""; position: absolute; display: block; width: 50px; height: 3px;
  background: #1c70a5; left: 0; right: 0; bottom: 0; margin: auto;}