body{
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color:#000;
}
a {text-decoration: none;}
.extrapad{padding: 0px 90px;}
.primcolor{color: #1f4260 !important;}
.seconcolor{color: #6c6c6c !important;}
.primbg{background-color: #1f4260 !important;}
.seconbg{background-color: #ECF3F6 !important;}
.whitebg{background-color: #fff !important;}

.primgrad {
    background: rgb(31, 66, 96);
    background: linear-gradient(180deg, rgb(31, 66, 96) 10%, rgb(62, 78, 92) 50%, rgba(3, 76, 107, 0.8) 100%);
}


.bxshadow {-webkit-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.31);-moz-box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.31);box-shadow: 0px 1px 2px 1px rgba(0,0,0,0.31);}

.logo{position: absolute;left:0px;top:-1px;width:auto; padding: 16px 0px 10px 0px;z-index: 10;transition: all 0.3s linear;}
.logo img {height:80px;transition: all 0.3s linear;}
.logo-scrolled {padding: 9px 16px 6px 16px;background: #1f4260;border-radius: 0px 0px 3px 3px;}
.logo-scrolled img {height:54px;}

.navi{margin-top:26px;margin-bottom:12px;transition: all 0.3s linear;}
.navi a{font-size:15px;font-weight: 400;color:#fff;margin-left: 30px;opacity: 0.6;transition: all 0.3s linear;}
.navi a.lang {margin-left: 8px;}
.navi a:hover {opacity: 1;}


.heroslide {padding-top: 50px;}
.heroslide h1  {font-size: 46px;font-weight: 600;color: #fff;text-shadow: 0px 1px 5px rgba(0,0,0, .2);}
.heroslide p {font-size: 16px;color:rgba(255, 255, 255, 0.6);line-height: 28px;}
.heroslide p.htop {display: inline-block;font-size: 14px;color:#ccc;background-color: rgba(5, 32, 55, 0.3);padding:8px 16px;border-radius: 5px;}
.heroslide .hero-service {display: block;overflow: hidden;position: relative;margin-top:12px;transition: all 0.3s linear;border-radius: 5px;background-color: #1c609c;}
.heroslide .hero-service img {width: 100%;border-radius: 5px;opacity: 0.8;transition: all 0.3s linear;opacity: 0.75;}
.heroslide .hero-service h3{position: absolute;left: 20px;bottom:16px;color: #fff;font-size:24px;font-weight:500;transition: all 0.3s linear;}
.heroslide .hero-service h3 span {font-size: 18px;font-weight: 500;display: block;margin-bottom: 8px;}
.heroslide .hero-service:hover{box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);}
.heroslide .hero-service:hover img{opacity: 0.5;transform: rotate(7deg) scale(1.2);}
.heroslide .hero-service:hover h3{bottom:70px;}

.txstyle {display: block;}
.txstyle h2 {font-size: 36px;font-weight: 700;color:#010945;position: relative;}
.txstyle h4 {font-size: 18px;font-weight:600;color:#000;position: relative;}

.txstyle p.boxed {display: inline-block;font-size: 14px;color:#3d4788;background-color: #e3e5f1;padding:6px 16px;border-radius:3px;}
.txstyle p {font-size: 16px;font-weight: 400;line-height: 24px;}
.txstyle ul {list-style: none;margin: 0px;padding: 0px;}
.txstyle ul li {font-size: 16px;font-weight:400;line-height:24px;background: url(../images/list-check2.png) no-repeat 0px 12px;padding-left: 36px;margin-bottom: 8px;}

.txstyle-2 {display: block;}
.txstyle-2 h2 {font-size: 36px;font-weight: 600;color:#fff;position: relative;}
.txstyle-2 h4 {font-size: 18px;font-weight:500;color:#fff;position: relative;}
.txstyle-2 p.boxed {display: inline-block;font-size: 14px;color:#ccc;background-color: rgba(5, 32, 55, 0.3);padding:6px 16px;border-radius:3px;}
.txstyle-2 p {font-size: 16px;font-weight: 400;line-height: 28px;color:#a0a5c6;}
.txstyle-2 p strong{color:#ccc;line-height: 40px;}
.txstyle-2 p.copy {font-size: 14px;font-weight:400;line-height: 16px;color:#a0a5c6;}
.txstyle-2 p a {color:#a0a5c6;transition: all 0.3s linear;}
.txstyle-2 p a:hover {color:#fff}
.txstyle-2 ul {list-style: none;margin: 0px;padding: 0px;}
.txstyle-2 ul li {font-size: 16px;font-weight:400;line-height:24px;color:#a0a5c6;background: url(../images/list-check.png) no-repeat 0px 12px;padding-left: 36px;margin-bottom: 8px;}