
body {font-family: 'Roboto', sans-serif; font-weight:300; font-size:16px; line-height:18px; color:#3c3c3c; background-color:#ffffff;}
html {-webkit-text-size-adjust: none;}
.freeze {overflow: hidden; padding-right: 8px;}
section {position:relative;}
.clear {clear:both;}
.status {position:fixed; top:0px; left:0px; z-index:999; background-color:#ffffff;}
a {color:#3c3c3c;}
b {font-weight:700;}
i {font-style:italic;}
.noborder {border:none !important;}
sub {vertical-align: sub; font-size: smaller;}


input[type=text] {font-family: 'Roboto'; width: 100%; height: 42px; border: none; margin-bottom: 20px; border-radius: 3px; padding: 12px 10px; font-size: 14px; line-height: 16px; color: #000; background: #ffffff; outline: none;border: 1px solid #fff; font-weight:400;}
textarea {font-family: 'Roboto'; width: 100%; height: 100px; border: none; margin-bottom:20px; border-radius: 3px; padding: 12px 10px; font-size: 14px; line-height: 16px; color: #000; background:  #ffffff; outline: none;border: 1px solid #fff;  font-weight:400; resize:none;}
input::-webkit-input-placeholder {color: #999;}
input::-moz-placeholder {color: #999;}
input:-ms-input-placeholder {color: #999;}
input::-ms-input-placeholder {color: #999;}
input::placeholder {color: #999;}
textarea::-webkit-input-placeholder {color: #999;}
textarea::-moz-placeholder {color: #999;}
textarea:-ms-input-placeholder {color: #999;}
textarea::-ms-input-placeholder {color: #999;}
textarea::placeholder {color: #999;}

input[type=text] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}

select{font-family: 'Roboto'; width: 100%; height: 46px; border: none; margin-bottom: 20px; border-radius: 0px; padding: 12px 50px 12px 10px; font-size: 18px; line-height: 22px; color: #af9b63; background:  #ffffff; outline: none;border: 1px solid #dbc790;-webkit-appearance:none;-moz-appearance:none;appearance:none; font-weight:400;}
.select-wrapper{position:relative}
.select-wrapper:after{position:absolute;content:"";top:17px;right:14px; width:23px; height:13px; background:url(images/dd_ar.png) no-repeat center center; z-index:9;pointer-events:none}

.ctr {position:relative; max-width:1300px; padding:0px 30px;}

.maintitle {font-size:48px; line-height:52px; font-weight: 100; margin-bottom:40px;}
.subtitle {font-size:30px; line-height:34px; font-weight:300; color:#af9b63;}

header {position:relative; height:155px; z-index: 9999;}
header .ctr {height:100%; position:relative;}
header .nav {position:absolute; color:#393939; font-weight:300; font-size:18px; bottom:0px; right:30px; height:60px;}
header .nav a {float:left; padding-left:40px; height:100%; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
header .nav a:nth-child(6) {float:left; margin-left:40px; margin-top:-20px; width:215px; height:57px; background-color:#01509D; border-radius:30px; color:#ffffff; text-align:center; padding:20px 0px 0px 0px;}
header .lt {float:left; width:137px; margin-top:20px;}
header .lt img {width:100%;}
header .rt {float:right; margin-top:26px;}
header .btn_menu {float: right; width:73px; height:68px; padding: 20px 20px 20px 20px; cursor: pointer; margin-left: 10px; margin-right: -20px; display: none;}
header .menuover {position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99999; display:none;}
header .menuover .cl {position:absolute; top:0px; right:0px;}
header .menu {position:absolute; top:155px; left:0px; width:100%; background-color: #ffffff; border-top:1px solid #E3E2CD; -webkit-box-shadow:0px 6px 6px rgba(0,0,0,0.1); box-shadow:0px 6px 6px rgba(0,0,0,0.1); display:none; padding:0px 30px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
header .menu .ctr {padding:46px 0px 46px 0px;}
header .menu .dv {position:relative; float:left; width:16.66%; padding-right:20px;}
header .menu .dv:nth-child(2) {width:33.33%;}
header .menu .dv .d {float:left; width:50%; padding-right:20px;}
header .menu .dv .d:nth-child(2) h2:nth-child(1) {margin-bottom:16px;}
header .menu .dv:before {position: absolute; top: -4%; left: -4%; background: #ffffff; content: ''; width: 100%; height: 108%; z-index: 0; opacity:0; transition: 0.5s; border-radius: 6px;}
header .menu .dv.active:before {background: #e5f2ff; opacity:1;}
header .menu h1 {position:relative; z-index: 1; font-size:30px; line-height: 34px; color:#00509d; font-weight: 100; margin-bottom:16px; cursor:pointer;}
header .menu h2 {font-weight:400; margin-bottom:10px;}
header .menu a {display:block; font-size:13px; line-height:18px; color:#000; font-weight: 300; padding:2px 0px 2px 10px; background:url(images/ar.png) no-repeat 0px 6px ;}
header .menu h2 a {font-size:16px; line-height:20px; padding:0px; background:none; font-weight: 400;}
header .menu h2.bl a {color:#00509d; text-transform: uppercase; font-size:14px; line-height:18px;}
header .menu .hidedesktop {display:none;}
header.open .menu {display:block;}
header .menu .mb {margin-top:16px;}



.banner {height:190px; background-repeat: no-repeat; background-position: center center; background-color: #01509D;}
.banner .dv {padding-top:58px;}
.banner .dv .bc {font-size:14px; line-height:18px; color:#fff; font-weight:400;}
.banner .dv .bc:after {display: block; content: ""; clear: both;}
.banner .dv .bc div {float:left;}
.banner .dv .bc div:after {content:'>'; padding:0px 10px;}
.banner .dv .bc div a {color:#ffffff;}
.banner .dv .bc div span {color:#e0c67c; text-decoration: underline;}
.banner .dv .bc div:last-child:after {display:none;}
.banner .dv h1 {color:#ffffff; font-weight: 100; font-size:60px; line-height:64px;}



.owl-nav {position: absolute; top: 50%; left: 0px; z-index: 999; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top:-20px; padding:0px 40px;}
.owl-nav button {font-family: 'Roboto' !important; font-size: 130px !important; line-height: 130px !important; color: #fff !important; font-weight: 100 !important; float: left;}
.owl-nav .owl-next {float: right;}


.home {overflow-x:hidden;}
.home .subtitle {position:relative; width:500px; margin-bottom:10px; min-height:40px;}
.home .subtitle .bg {position:absolute; top:50%; left:0px; background-color:#af9b63; height:1px; width:100%;}
.home .subtitle .ln {position:absolute; top:50%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background-color:#fff; margin-top:-18px; white-space: nowrap; padding:0px 20px;}
.home .subtitle .ln:before {position: absolute; top:13px; left:-10px; width:10px; height:10px; background-color:#af9b63; content:''; border-radius: 100%;}
.home .subtitle .ln:after {position: absolute; top:13px; left:100%; width:10px; height:10px; background-color:#af9b63; content:''; border-radius: 100%;}
.home .ctr.hp {padding-bottom:0px;}

.hp_button {display:block; font-size:16px; line-height:20px; color:#00509d; width:150px; height:42px; border:1px solid #00509d; text-align:center; padding-top:11px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.hp_button.wh {color:#ffffff; border-color: #ffffff;}

.hp_banner .dv {height:630px; background-repeat: no-repeat; background-position: center center; background-size:cover;}
.hp_banner .dv.bn1 {background-image:url(images/hp_banner1.jpg);}
.hp_banner .dv.bn2 {background-image:url(images/hp_banner2.jpg); background-position: }
.hp_banner .dv.bn3 {background-image:url(images/hp_banner3.jpg);}
.hp_banner .dv.bn2 .txt {color:#000000;}
.hp_banner .dv.bn2 .hp_button {color:#000000; border-color: #000000;}
.hp_banner .dv.bn2 .txt {width:340px;}
.hp_banner .dv .ctr {position: relative; height:100%; padding:0px 20px;}
.hp_banner .dv .txt {position:absolute; top:50%; right:20px; width:400px; color:#ffffff; text-align:right; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.hp_banner .dv .txt .t1 {font-size:60px; line-height:64px; font-weight:100; margin-bottom:20px;}
.hp_banner .dv .txt .t2 {font-size:24px; line-height:36px; font-weight:100; margin-bottom:20px;}
.hp_banner .dv .txt .lk {float:right;}

.hp_banner .owl-nav.black button {color:#000000 !important;}

.hp_info {text-align:center; max-width:980px; margin-bottom:80px;}
.hp_info .maintitle {margin-bottom:16px;}
.hp_info p {font-size:18px; line-height:34px; font-weight: 300; margin-bottom:20px;}
.hp_info a {margin:0px auto;}



.hp_consumer .info {text-align:center; margin-bottom:50px;}
.hp_consumer .info .maintitle {margin-bottom:40px;}
.hp_consumer .info p {font-size:18px; line-height:24px; margin-bottom:30px;}
.hp_consumer .info .hp_button {margin:0px auto;}

.hp_consumer .pro {margin-bottom:60px;}
.hp_consumer .pro .lt {float:left; width:45%; padding-right:30px; margin-top:65px;}
.hp_consumer .pro .lt .bx {position:relative; padding:0px 50px 0px 230px; border:1px solid #dbc790; width:100%; height:213px; -webkit-box-shadow: 4px 4px 6px rgb(0 0 0 / 10%); box-shadow: 4px 4px 6px rgb(0 0 0 / 10%); background-color: #ffffff; margin-bottom:14px;}
.hp_consumer .pro .lt .bx .cr {position:absolute; top:30px; left:50px; width:150px; height:150px; background-repeat: no-repeat; background-position: center center; background-color: #00509d; border-radius:100%;}
.hp_consumer .pro .lt .bx .cr1 {background-image:url(images/hp_ic1.png);}
.hp_consumer .pro .lt .bx .cr2 {background-image:url(images/hp_ic2.png);}
.hp_consumer .pro .lt .bx .cr3 {background-image:url(images/hp_ic3.png);}
.hp_consumer .pro .lt .bx .cr4 {background-image:url(images/hp_ic4.png);}
.hp_consumer .pro .lt .bx .tx {color:#000;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height:100%; font-size:18px; line-height:25px;}
.hp_consumer .pro .rt {float:right; width:55%;}
.hp_consumer .pro .rt  img {width:100%;}

.hp_consumer .pro2 .rt {float:left; margin-top:25px;}
.hp_consumer .pro2 .lt {padding-left:30px; padding-right:0px;}

.hp_consumer .bb {position:relative; height:700px; padding-right:400px;}
.hp_consumer .bb .pc {position:absolute; bottom:0px; right:-320px;}
.hp_consumer .bb .lt {position:relative; z-index:9; float:left; width:48%; margin-bottom:30px;}
.hp_consumer .bb .rt {position:relative; z-index:9; float:right; width:48%;}
.hp_consumer .bb .subtitle {margin-bottom:40px; width:auto;}
.hp_consumer .bb .ln {position: absolute; top: 50%; left: 0px; -webkit-transform: none; -ms-transform: none; transform: none; padding: 0px 20px 0px 0px;}
.hp_consumer .bb .ln:before {display: none;}
.hp_consumer .bb .hp_button {background-color: #fff; box-shadow: 0px 0px 20px #ffffff;}

.hp_consumer .bb .bx {background-color:#ffffff; border:1px solid #CDCF8D; -webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.1); box-shadow: 4px 4px 6px rgba(0,0,0,0.1); padding:30px 30px 4px 30px; min-height:270px; margin-bottom:40px;}
.hp_consumer .bb .bx ul {list-style: none;}
.hp_consumer .bb .bx ul li {padding:0px 0px 26px 24px; background:url(images/ar2.png) no-repeat 0px -2px;}

.hp_ex {background-color:#00509d; text-align:center; color:#ffffff; padding:30px 0px; font-size:18px; line-height:26px;}
.hp_ex .maintitle {margin-bottom:30px;}
.hp_ex p {padding:0px 180px; margin-bottom:40px;}
.hp_ex .dv {float:left; width:25%; border-right:1px solid #3373b1; min-height:140px; margin-bottom:60px; padding:0px 10px;}
.hp_ex .hp_button {margin:0px auto;}
.hp_ex .h1 {color:#c9b16e; font-size:45px; line-height:48px; font-weight:300;}
.hp_ex .h2 {color:#c9b16e; font-size:25px; line-height:28px; font-weight:300;}

.hp_scr {position:relative; background:url(images/hpic4.jpg) no-repeat center left; height:728px;}
.hp_scr .ctr {height:100%;}
.hp_scr .ct {position:absolute; top:50%; right:60px; width:564px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.hp_scr .maintitle {margin-bottom: 20px; text-shadow: 0px 0px 4px #ffffff;}
.hp_scr p {font-size:18px; line-height:26px; margin-bottom:30px; text-shadow: 0px 0px 4px #ffffff;}


.hp_news {margin-bottom:20px;}
.hp_news .maintitle {text-align:center;}
.hp_news .dv {float:left; width:33%; padding:0px 20px;}
.hp_news .dv .bx {background-color:#ffffff; border:2px solid #CDCF8D; -webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.1); box-shadow: 4px 4px 6px rgba(0,0,0,0.1); min-height:490px;}
.hp_news .dv .bx .pc img {width:100%;}
.hp_news .dv .bx .pd {padding:30px;}
.hp_news .dv .bx .pd .tx {font-size:18px; line-height:26px; margin-bottom:26px;}




.page .ctr {padding:70px 30px;}
.page .rgt {float:right; width:22%; padding-left:50px; min-height:400px; border-left:4px solid #F2F2F2;}
.page .rgt h1 {font-size:24px; line-height:28px; color:#00509d; font-weight:500; margin-bottom:14px;}
.page .rgt a {display:block; font-size:16px; line-height:20px; color:#af9b63; font-weight:300; padding:10px 0px;}
.page .rgt a.active {color:#00509d; text-decoration:underline;}
.page .lft {float:left; width:78%; padding-right:50px;}
.page .btm {padding-top:40px;}
.page .btm p {margin-bottom:40px;}

.page.milestones .rgt {min-height:320px;}
.page.operations .rgt {min-height:250px;}
.page.investors .rgt {min-height:190px;}
.banner.about {background-image: url(images/banner.jpg);}
.banner.products {background-image: url(images/banner_products.jpg);}
.banner.contact {background-image: url(images/banner_contact.jpg);}
.banner.scr {background-image: url(images/banner_scr.jpg);}
.banner.operations {background-image: url(images/banner_operations.jpg);}
.banner.investors {background-image: url(images/banner_investors.jpg);}
.banner.media {background-image: url(images/banner_media.jpg);}
.banner.careers {background-image: url(images/banner_careers.jpg);}


.about p {font-size:18px; line-height:32px; font-weight: 300; margin-bottom:34px;}
.about .img_1 {float:left; width:28%; margin-top:4px; margin-bottom: 34px;}
.about .img_11 {float:left; width:50%; margin-top:4px; margin-bottom: 34px;}
.about .img_1 img {width:100%; padding-right:40px;}
.about .img_11 img {width:100%; padding-right:40px;}
.about .p_1 {float:left; width:72%; color:#af9b63; font-size:24px; line-height:46px; font-weight:400;}
.about .p_1 span {font-weight:700;}
.about .mf_1 {float:left; width:50%;}
.about .mf_2 {float:left; width:50%; text-align:right; padding-left: 60px;}
.about .mf_2 img {width:100%;}
.about .bar {height:530px; background:url(images/banner_ab.jpg) no-repeat center left #014ea0; margin-bottom:0px; margin-top:-30px; text-align:right; color:#ffffff;}
.about .bar .dv {float:right; width:620px; padding-top:20px;}
.about .bar .dv .t1 {font-size:48px; line-height:52px; font-weight:100; margin-bottom:12px;}
.about .bar .dv .t2 {font-size:24px; line-height:28px; font-weight:300; color:#c9b272; margin-bottom:40px;}
.about .bar .dv p {font-size:18px; line-height:32px; margin-bottom:30px;}
.about .key {text-align:center;}
.about .gridbox {overflow:hidden;}
.about .gridbox .ct {margin:0px -12px;}
.about .gridbox .itm {float:left; width:25%; padding:0px 12px; margin-bottom:30px;}
.about .gridbox .itm .dv {height:250px; border:1px solid #CDCF8D;}
.about .gridbox .itm .dv.first {background:url(images/ab_ic1.png) no-repeat center center #af9b63;}
.about .gridbox .itm .txt {width:154px; height:154px; border-radius:100%; background-color:#00509d; color:#c9b16e; text-align:center; margin:20px auto 10px auto;}
.about .gridbox .itm .t1 {font-size:45px; line-height:48px; font-weight:300;}
.about .gridbox .itm .t2 {font-size:25px; line-height:25px; font-weight:300;}
.about .gridbox .itm .t3 {padding:0px 20px; text-align:center; font-size:18px; line-height:24px; font-weight:300;}

.about .gridbox .itm.w {position:relative; width:50%;}
.about .gridbox .itm.w .dv .dv1 {position:absolute; top:50%; left:52px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.about .gridbox .itm.w .dv .dv2 {position:absolute; top:50%; left:186px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:190px; height:190px; border-radius:100%; background-color:#00509d; color:#c9b16e; text-align:center; padding-top:70px;}
.about .gridbox .itm.w .dv .dv2 .t {font-size:40px; line-height:44px; font-weight:300;}
.about .gridbox .itm.w .dv .dv3 {position:absolute; top:50%; left:400px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:200px; padding-right:20px; font-size:18px; line-height:24px; font-weight:300;}

.about .gridbox .itm.h {float:right;}
.about .gridbox .itm.h .dv {background-color:#00509d; color:#ffffff; padding-top:70px; height:530px;}
.about .gridbox .itm.h .dv .ic {text-align:center;}
.about .gridbox .itm.h .dv .dv1 {width:200px; height:200px; border-radius:100%; background-color:#af9b63; text-align:center; padding-top:36px; margin:20px auto 20px auto;}
.about .gridbox .itm.h .dv .dv1 .d1 {font-size:45px; line-height:48px; font-weight:300;}
.about .gridbox .itm.h .dv .dv1 .d2 {font-size:25px; line-height:25px; font-weight:300;}
.about .gridbox .itm.h .dv .dv2 {padding:0px 20px; text-align:center; font-size:18px; line-height:24px; font-weight:300;}

.about .pd_1 {padding-top:22px;}
.about .pd_2 {padding-top:34px;}
.about .pd_3 {padding-top:40px;}
.about .pd_4 {padding-top:32px;}
.about .pd_5 {padding-top:40px;}



.btext {font-size:18px; line-height:32px;}
.btext h1 {font-size: 24px; line-height: 28px; font-weight: 700; color: #00509d; margin: 40px 0px 30px 0px; border-bottom:1px solid #cecece; padding-bottom:10px;}
.btext p {margin-bottom:20px;}
.btext a {color:#af9b63;}
.btext .nomargin {margin-top:0px;}
 

.products .maintitle {position:relative; width:100%; margin-bottom:50px; min-height:40px; }
.products .maintitle .bg {position:absolute; top:50%; left:0px; background-color:#af9b63; height:1px; width:100%;}
.products .maintitle .ln {position:absolute; top:50%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background-color:#fff; margin-top:-26px; padding:0px 30px; text-align: center; white-space: nowrap;}
.products .maintitle .ln:before {position: absolute; top:22px; left:-10px; width:10px; height:10px; background-color:#af9b63; content:''; border-radius: 100%;}
.products .maintitle .ln:after {position: absolute; top:22px; left:100%; width:10px; height:10px; background-color:#af9b63; content:''; border-radius: 100%;}



.products.ove {font-size:18px; line-height:34px;}
.products.ove .maintitle {font-size:72px; line-height:76px; color:#af9b63; margin-bottom:26px;}
.products.ove .b {font-size:24px; line-height:42px; color:#af9b63; margin-bottom:40px;}
.products.ove .h {font-size:24px; line-height:28px; font-weight:700; margin-bottom:16px;}
.products.ove ul {margin-bottom:40px; list-style: none; line-height: 22px;}
.products.ove ul li {position:relative; padding:0px 0px 8px 20px; line-height:32px;}
.products.ove ul li:before {position:absolute; top:12px; left:0px; content:''; background-color:#3c3c3c; width:8px; height:8px; border-radius:100%;}
.products.ove p {margin-bottom:40px;}
.products.ove .tx {margin-bottom:20px;}
.products.ove .lt {float:left; width:50%; margin-bottom:40px;}
.products.ove .rt {float:left; width:50%; margin-bottom:40px;}
.products.ove .ttl {font-size:24px; line-height:28px; font-weight:700; margin-bottom:16px;}
.products.ove .gridbox {overflow-x: hidden; margin-bottom: 40px;}
.products.ove .gridbox .ct {margin:0px -25px;}
.products.ove .gridbox .itm {float:left; width:33%; padding:0px 25px;}
.products.ove .gridbox .itm .dv {position:relative; background-repeat: no-repeat; background-position: center right 30px; background-color: #00509d; height:200px; color:#fff;}
.products.ove .gridbox .itm:nth-child(1) .dv {background-image:url(images/pro_th3.png)}
.products.ove .gridbox .itm:nth-child(2) .dv {background-image:url(images/pro_th2.png)}
.products.ove .gridbox .itm:nth-child(3) .dv {background-image:url(images/pro_th1.png)}
.products.ove .gridbox .itm .dv .txt {position:absolute; top:50%; left:38px; width:160px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.products.ove .gridbox .itm .dv .txt .t {font-size:24px; line-height:28px; margin-bottom:16px;}
.products.ove .gridbox .itm .dv .txt a {padding: 0px; color: #e0c67c; text-decoration: underline; font-size: 16px; line-height: 20px; text-align: left; width: 100px; background:url(images/ar3.png) no-repeat center right; display:block; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}




.products.cbs .gridbox {overflow-x: hidden; margin-bottom: 100px; padding-bottom: 30px;}
.products.cbs .gridbox .ct {margin:0px -25px;}
.products.cbs .gridbox .itm {float:left; width:33.33%; padding:0px 25px;}
.products.cbs .gridbox .itm a {display:block; background-color:#f1f1f1; text-align:center; padding:10px 10px 20px 10px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.products.cbs .gridbox .itm a .tx {font-size:24px; line-height:28px; font-weight:300;}
.products.cbs .gridbox .itm a.active {position:relative; background-color:#01509D; color:#ffffff;}
.products.cbs .gridbox .itm a.active:after {position:absolute; left:50%; bottom:-30px; content:''; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width: 0;  height: 0;  border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #00509d;}
.products.cbs .gridbox .itm .pc img {width:100%; max-width: 193px;}

.products.cbs .cnt {position:relative; padding-left:240px;}
.products.cbs .cnt .lt {position:absolute; width:240px; top:0px; left:0px;}
.products.cbs .cnt .lt .lk {float:left; text-align:center; margin-right:26px; margin-bottom:20px; width:86px;}
.products.cbs .cnt .lt .lk .pc {background-color:#f1f1f1; margin-bottom:6px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.products.cbs .cnt .lt .lk .nm {color:#3c3c3c; font-size:14px; line-height:18px; font-weight:300;}
.products.cbs .cnt .lt .lk:nth-child(2n+1) {clear:both;}
.products.cbs .cnt .rt {border-left:2px solid #f1f1f1;}
.products.cbs .cnt .rt .r {float:right; width:43%;}
.products.cbs .cnt .rt .r img {width:100%;}
.products.cbs .cnt .rt .l {float:left; width:57%; padding:0px 50px 0px 50px;}
.products.cbs .cnt .rt .l h1 {font-size:70px; line-height:74px; color:#00509d; font-weight:100; margin-bottom:20px;}
.products.cbs .cnt .rt .l p {font-size:18px; line-height:30px; margin-bottom:30px;}


.products.cbs .cnt .lt .lk.active .pc {background-color:#01509D;}



.products.dp .pc {position:relative; float:left; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); top:-40px; margin-bottom:-40px;}
.products.dp p {font-size:18px; line-height:34px; text-align:center; max-width:946px; margin:0px auto 80px auto;}
.products.dp .mb {margin-bottom:30px;}
.products.dp .dvs {margin-bottom:80px; text-align: center;}
.products.dp .dvs .dv {display: inline-block; width:160px; margin:0px 12px 20px 12px; text-align:center;}
.products.dp .dvs .dv .ig {position:relative; top:0%; left:0%; width:100%; height:200px; background-color:#ededed; margin-bottom:8px;}
.products.dp .dvs .dv .ig img {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.products.dp .dvs .dv .lk {font-size: 14px; line-height: 18px; color: #af9b63; text-decoration: underline; background: url(images/ic_pdf.png) no-repeat center right; padding: 10px 40px 10px 0px; background-size: 16px; width: 86px; display: block; margin: 0px auto; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.products.dp .dwlink {border:1px solid #00509d; color:#00509d; font-size:16px; line-height:20px; padding:10px 50px 10px 20px; background:url(images/ic_pdf.png) no-repeat center right 16px; background-size:20px; margin:0px 4px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}






.management .gridbox {overflow:hidden;}
.management .gridbox .ct {margin:0px -15px;}
.management .gridbox .itm {float:left; width:33.33%; padding:0px 15px; margin-bottom:30px;}
.management .gridbox .itm .tp {background-color:#e2e2e2;}
.management .gridbox .itm .tp img {width:100%;}
.management .gridbox .itm .bt {position:relative; background-color:#01509D; height:155px; padding:16px 20px;}
    .management .gridbox .itm .news_mediabt {
        height: 340px !important;
    }
.management .gridbox .itm .bt .lk {position:absolute; right:10px; display:block; width:33px; height:33px; border-radius:100%; background-repeat: no-repeat; background-position: center center; background-color: #ffffff; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.management .gridbox .itm .bt .lk1 {top:-85px; background-image: url(images/ic_plus.png);}
.management .gridbox .itm .bt .lk2 {top:-45px; background-image: url(images/ic_mail.png);}
.management .gridbox .itm .bt h1 {font-size:30px; line-height: 34px; color:#c2ab6b; font-weight:300; margin-bottom:6px;}
.management .gridbox .itm .bt h2 {font-size:18px; line-height: 24px; color:#ffffff; font-weight:300;}




.media .gridbox {overflow:hidden;}
.media .gridbox .ct {margin:0px -15px; color:#fff;}
.media .gridbox .itm {float:left; width:33.33%; padding:0px 15px; margin-bottom:30px;}
.media .gridbox .itm h1 {font-size:14px; line-height:18px; font-weight:700; margin-bottom:10px;}
.media .gridbox .itm h2 {font-size:30px; line-height:37px; overflow: hidden; height: 150px;}
.media .gridbox .itm h3 {overflow: hidden; height: 124px; font-size:16px; line-height:24px;}
.media .gridbox .itm .tp {background-color:#c2ab6b; height:210px; padding:20px;}
.media .gridbox .itm .tp img {width:100%;}
.media .gridbox .itm .bt {position:relative; background-color:#01509D; height:192px; padding:20px;}
.media .gridbox .itm .lk {float:right; display:block; width:33px; height:33px; border-radius:100%; background-image: url(images/ic_arrow.png); background-repeat: no-repeat; background-position: center center; background-color: #ffffff; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.media .btm .gridbox .itm {width:25%;}
.media .lft {padding-right:44px;}

.media.newsletter .gridbox .itm .tp {height:auto;}
.media.newsletter .gridbox .itm .bt {height: auto;}
.media.newsletter .gridbox .itm h2 {height: 120px; overflow:visible;}







.pop {position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:99999; display:none; overflow-y: scroll; padding:0px 20px; -webkit-overflow-scrolling: touch; }
.pop .bc {position:fixed; top:0px; left:0px; width:100%; height:100%;}
.pop .dv {position:relative; width:100%; max-width:1085px; background:#ffffff; margin:50px auto;}
.pop .dv .cl {display:block; position:absolute; top:0px; right:0px; width:60px; height:50px;  background:url(images/ic_close.png) no-repeat center center;}
.pop .dv .box {display:none;}
.pop .dv .tp {background-color:#B09B64; color:#ffffff; padding:100px 90px 30px 90px;}
.pop .dv .tp .tx {float:right; width:53%;}
.pop .dv .tp .tx h1 {font-size:46px; line-height:50px; font-weight:100; margin-bottom:6px;}
.pop .dv .tp .tx h2 {font-size:30px; line-height:34px; font-weight:100;}
.pop .dv .bt {padding:0px 90px;}
.pop .dv .bt .lt {float:left; width:47%; padding-right:60px; padding-bottom:120px; margin-top:-150px; font-size:18px; line-height:30px;}
.pop .dv .bt .lt .pc {margin-bottom:20px;}
.pop .dv .bt .lt .pc img {width:100%;}
.pop .dv .bt .lt a {display:block; color:#c2ab6b; background: url(images/ic_mail3.png) no-repeat top 9px left; padding:6px 0px 6px 50px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.pop .dv .bt .lt a:nth-child(2) {background-image:url(images/ic_linkedin.png); background-position: top 6px left 2px;}
.pop .dv .bt .rt {float:left; width:53%; padding-bottom:120px; font-size:18px; line-height:30px; margin-top:30px;}
.pop .dv .bt .rt p {margin-bottom:30px;}


.bt234{
   background: #01509D;
    text-align: center;
    color: #c2ab6b;
    padding-bottom: 20px;
    font-size: 22px;
}

.bod .gridbox {overflow:hidden;}
.bod .gridbox .ct {margin:0px -15px;}
.bod .gridbox .itm {float:left; width:33.33%; padding:0px 15px; margin-bottom:30px;}
.bod .gridbox .itm .tp {background-color:#e2e2e2;}
.bod .gridbox .itm .tp img {width:100%;}
.bod .gridbox .itm .bt {position:relative; background-color:#01509D; height:120px; padding:16px 20px;  display: -webkit-box;  display: -ms-flexbox;  display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.bod .gridbox .itm .bt .lk {position:absolute; right:10px; display:block; width:33px; height:33px; border-radius:100%; background-repeat: no-repeat; background-position: center center; background-color: #ffffff; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.bod .gridbox .itm .bt .lk1 {top:-45px; background-image: url(images/ic_plus.png);}
.bod .gridbox .itm .bt h1 {font-size:30px; line-height: 34px; color:#c2ab6b; font-weight:300; margin-bottom:6px; text-align:center;}
.bod .btm .gridbox .itm {width:25%;}


.scr .btm {padding-top:0px;}
.scr p {font-size:18px; line-height:34px; font-weight: 300;}
.scr .rw {margin-bottom:20px; border-top:1px solid #ccc; padding-top:50px;}
.scr .rw:after {display: block; content: ""; clear: both;}
.scr .rw .cl {}
.scr .maintitle {float:left;}
.scr .lg {float:right; margin-top:12px;}




.operations p {font-size:18px; line-height:34px; font-weight: 300; margin-bottom:40px;}
.operations .wrap {float:right; padding-left:50px;}
.operations .rw {margin-bottom:60px;}
.operations .rw:after {display: block; content: ""; clear: both;}
.operations .rw .cl:nth-child(2) {float:left; width:45%; padding-right:50px;}
.operations .rw .cl:nth-child(2) img {width:100%;}
.operations .rw .cl:nth-child(3) {float:left; width:55%;}
.operations .rw:nth-child(even) .cl:nth-child(2) {float:right; padding:0px 0px 0px 50px;}

.operations .tbl_r {padding-bottom:20px; font-size:18px; line-height: 30px}
.operations .tbl_r:after {display: block; content: ""; clear: both;}
.operations .tbl_c:nth-child(1) {position:relative; float:left; width:35%; font-weight:700; padding-right:40px;}
.operations .tbl_c:nth-child(2) {float:left; width:65%;}
.operations .tbl_c:nth-child(1):after {position:absolute; top:-1px; right:20px; content:':'}
.operations .tbl_r .th {margin-top:10px;}
.operations .tbl_r .th a {float:left; margin:0px 20px 0px 0px;}

.operations.dist .lft p {font-weight: 500; margin-bottom:40px; color:#af9b63;}



.inv .gridbox {overflow:hidden;}
.inv .gridbox .ct {margin:0px -14px;}
.inv .gridbox .itm {float:left; width:25%; padding:0px 14px; margin-bottom:30px;}
.inv .gridbox .itm a {position:relative; background-color:#ffffff; height:265px; border:1px solid #CDCF8D; -webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.1); box-shadow: 4px 4px 6px rgba(0,0,0,0.1); padding:20px; text-align:center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.inv .gridbox .itm a .tx1 {font-size:48px; line-height:52px; color:#af9b63; font-weight:100; margin-bottom:10px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}
.inv .gridbox .itm a .tx1 span {display:block; font-size:24px; line-height:28px;}
.inv .gridbox .itm a .tx2 {font-size:18px; line-height:26px; font-weight:700; margin-bottom:30px;}
.inv .gridbox .itm a .tx3 {font-size:18px; line-height:26px; font-weight:300; margin-bottom:20px;}
.inv .gridbox .itm a .tx4 {font-size:18px; line-height:26px; font-weight:300; margin-bottom:20px; margin-top:20px;}
.inv .gridbox .itm a .ic {width:50px; height:50px; background:url(images/ic_pdf.png) no-repeat center center;}
.inv .gridbox .itm a .ic_side {position:absolute; bottom:10px; right:10px; width:50px; height:50px; background:url(images/ic_pdf.png) no-repeat center center; background-size:34px;}
.inv .gridbox .itm a.disable {background-color:#f1f1f1; border-color:#f1f1f1;}
.inv .gridbox .itm a.disable .tx1 {color:#a2a2a2;}
.inv .gridbox .itm a.disable .tx2 {color:#a2a2a2; margin-bottom:0px;}
.inv .gridbox .itm a.disable .ic {display:none;}
.inv .gridbox .itm a.disable .ic_side {display:none;}
.inv .colblock .maintitle {float:left;}
.inv .colblock .select-wrapper {float:right;}
.inv .key {font-size:18px; line-height:30px; border-top:2px solid #f1f1f1; margin-bottom:90px;}
.inv .key a {display:block; border-bottom:2px solid #f1f1f1; padding:16px 60px 16px 0px; background:url(images/ic_pdf.png) no-repeat center right 0px; background-size:29px; -webkit-transition:0.5s; -o-transition:0.5s; transition:0.5s;}


.inv .gridbox.gb_rr .itm {width:33.33%;}
.inv .gridbox.gb_rr .itm a {height:280px;}
.inv .gridbox.gb_rr .itm a .tx3 {font-size:32px; line-height:36px; font-weight:300; margin-bottom:20px;}
.inv .gridbox.gb_rr .itm a .tx1 {font-size:24px; line-height:28px; font-weight:300; margin-bottom:20px;}
.inv .gridbox.gb_rr .itm a .tx1 span {font-size:18px; line-height:22px; font-weight:300;}

.inv .ct .acc {border-bottom:2px solid #f1f1f1;}
.inv .ct .acc .lk {position:relative; display:block; font-size:18px; line-height:28px; font-weight:700; color:#af9b63; padding:20px 30px 20px 0px;}
.inv .ct .acc .lk:after {position:absolute; content:''; background:url(images/ic_plus2.png) no-repeat center center; width:19px; height:19px; top:23px; right:0px;}
.inv .ct .acc .tx {display:none; font-size:18px; line-height:28px; padding-bottom:40px;}
.inv .ct .acc.show a:after {background-image:url(images/ic_minus2.png)}
.inv .ct .acc a {color:#af9b63;}
.inv .ct .acc p {margin-bottom:20px;}
.inv .ct .acc ul {list-style: none; margin-bottom:20px;}
.inv .ct .acc ul li {padding:0px 0px 10px 24px; background:url(images/ar2.png) no-repeat 0px 3px;}
.inv .ct .acc ul li ul {margin-top: 20px;}
.inv .ct .acc ul li ul li {padding:0px 0px 10px 24px; background:url(images/ar2.png) no-repeat 0px 3px;}
.inv .ct .acc table {border-collapse: collapse;}
.inv .ct .acc table td {border:1px solid #ccc; padding:6px 40px 6px 20px;}
.inv .ct .acc table .hd {background-color:#00509d; color:#ffffff; font-weight:700;}


.audio .gridbox .itm a .ic_side {background-image:url(images/ic_audio.png);}



.inv .announcements {display:none;}
.inv .announcements.show {display:block;}
.inv .announcements h1 {font-size: 30px; line-height: 34px; margin: 0px 0px 20px 0px; font-weight: 300; color: #af9b63;}


.inv.ove .accordians .ct {border-top:2px solid #f1f1f1;}
.inv.ove .btm {padding-bottom:40px;}
.inv.ove .ct .acc a {font-size:24px; line-height:28px; font-weight:700; color:#00509d; padding:30px 30px 30px 0px;}
.inv.ove .ct .acc a:after {top:33px;}
.inv.ove .ct .acc .tx p {margin-bottom:20px;}
.inv.ove .ct .acc .tx .b {position:relative; display:block; font-size:18px; line-height:28px; font-weight:700; color:#af9b63; padding:0px 30px 0px 0px;}
.inv.ove .ct .acc .tx .lks .l {float:left; width:50%; padding-right:20px;}
.inv.ove .ct .acc .tx .lks .r {float:left; width:50%; padding-right:20px;}
.inv.ove .ct .acc .tx .lks a {display: block; font-size: 18px; line-height: 26px; font-weight: 300; color: #3c3c3c; padding: 8px 0px 8px 38px; background: url(images/ic_pdf.png) no-repeat left 6px; background-size: 20px;}
.inv.ove .ct .acc .tx .lks a:after {display:none;}
.inv.ove .lks2 a {display: block; font-size: 18px; line-height: 26px; font-weight: 300; color: #3c3c3c; padding: 8px 0px 8px 38px; background: url(images/ic_pdf.png) no-repeat left 6px; background-size: 20px;}
.inv.ove .lks2 a:after {display:none;}
.inv.ove .lft p {font-size:18px; line-height:30px; margin-bottom:30px;}
.inv.ove .lft .gridbox .ct {margin:0px -7px;}
.inv.ove .lft .gridbox .itm {width:33.33%; padding:0px 7px;}
.inv.ove .lft .gridbox .itm a {height: auto; padding: 6px; text-align: left; align-items:normal; margin-bottom:6px;}
.inv.ove .lft .gridbox .itm .dv {background-color:#ffffff; min-height:740px; border:1px solid #CDCF8D; -webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.1); box-shadow: 4px 4px 6px rgba(0,0,0,0.1); padding:30px; font-size:18px; line-height:24px;}
.inv.ove .lft .gridbox .itm .dv .ttl {font-weight:700; margin-bottom:20px;}
.inv.ove .lft .gridbox .itm .dv ul {list-style:none;}
.inv.ove .lft .gridbox .itm .dv ul li {position:relative; padding:0px 0px 20px 20px;}
.inv.ove .lft .gridbox .itm .dv ul li:before {position:absolute; top:7px; left:0px; content:''; background-color:#000000; width:7px; height:7px; border-radius:100%;}
.inv.ove .share {margin-top:90px;}
.inv.ove .share .rt {position:relative;}
.inv.ove .share .bx {position:relative; border:1px solid #CDCF8D; -webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.1); box-shadow: 4px 4px 6px rgba(0,0,0,0.1); padding:0px;text-align:center;}
.inv.ove .share .bx .dv {padding:20px}
.inv.ove .share .bx .dv .maintitle {margin-bottom:10px;}
.inv.ove .share .bx .dv .tx {font-size:18px; line-height:26px; padding:0px 0px 0px 0px;}
.inv.ove .share .bx .dv .tx a {font-size:24px; line-height:28px; color:#af9b63; text-decoration:underline;}
.inv.ove .share .bx .dv .tx img {padding-bottom:10px;}
.inv.ove .ann .gridbox {overflow:hidden;}
.inv.ove .ann .gridbox .ct {margin:0px -8px;}
.inv.ove .ann .gridbox .itm {float:left; width:33.33%; padding:0px 8px; margin-bottom:30px;}
.inv.ove .ann .gridbox .itm a {position: relative; height: auto; padding: 0px; display: block; border: none; -webkit-box-shadow: none; box-shadow: none;}
.inv.ove .ann .gridbox .itm a .pc img {width:100%;}
.inv.ove .ann .gridbox .itm a .cnt {position:absolute; top:50%; left:0px; width:100%; text-align:center; color:#ffffff; padding:0px 20px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.inv.ove .ann .gridbox .itm a .cnt .d1 {margin-bottom:10px;}
.inv.ove .ann .gridbox .itm a .cnt .d2 {font-size:18px; line-height:26px;}
.inv.ove .presults {height:835px; background:url(images/inv_ove_bg.jpg) no-repeat center center #00509d; background-size:cover; color:#fff; font-size:18px; line-height:24px;}
.inv.ove .presults select {color:#000; border:none;}
.inv.ove .presults .tblct {overflow-x:auto; margin-bottom:40px;}
.inv.ove .presults .tbl {width:1240px;}
.inv.ove .presults .tbl td {padding:20px 20px; border-bottom:1px solid #ffffff;}
.inv.ove .presults .tbl td:first-child {font-size:24px; line-height:28px; font-weight:700;}
.inv.ove .presults .tbl td:last-child {border:none;}
.inv.ove .presults .tbl tr.hd td {padding:10px 20px; background: #fff; color:#00509d; font-weight:700;}
.inv.ove .presults .tbl tr.hd td:first-child { font-size:18px; line-height:24px;}
/*.inv.ove .presults .tbl tr.hd td:last-child {background:none; border:none;}*/
.inv.ove .presults .tbl .d {padding:6px 0px 6px 20px; border-left:5px solid #af9b63;}
.inv.ove .presults .lks {font-size:0px; text-align: center;}
.inv.ove .presults .lks .hp_button {display:inline-block; margin:0px 10px 10px 10px; border-color:#fff; color:#fff; background: url(images/ic_pdf_white.png) no-repeat center right 20px; background-size: 18px; padding-right:30px; width: 250px;}



.inv.qr .btm {padding-bottom:40px;}
.inv.qr .rgt {min-height:320px;}
.inv.qr .gridbox {margin-bottom:60px; display:none;}
.inv.qr .gridbox .itm a {height:154px;}
.inv.qr .gridbox .itm a .tx2 {margin-bottom:0px;}
.inv.qr .gridbox.audio .itm a .ic_side {background-image:url(images/ic_audio.png);}
.inv.qr .gridbox.gb_ar {margin-bottom: 10px;}
.inv.qr .gridbox.gb_ar .itm a {height:450px;}
.inv.qr .gridbox.gb_ar .itm a .pc {margin-bottom:20px; width:215px;}
.inv.qr .gridbox.gb_ar .itm a .pc img {width:100%;}
.inv.qr .gridbox.gb_ar .itm a .tx1 {margin-bottom:0px;}
.inv.qr .gridbox.gb_ar .accordian {display:none;}
.inv.qr .agm {position:relative; border:10px solid #af9b63; margin-bottom:40px;}
.inv.qr .agm .pc img {width:100%;}
.inv.qr .agm a {position:absolute; top:0px; left:0px; width:100%; height:100%; font-size:30px; color:#fff; text-align:center;}
.inv.qr .agm a .dv {position:absolute; top:50%; left:0px; width:100%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.inv.qr .agm a .dv .ic {margin-bottom:30px;}
.inv.qr .hp_button {width:250px; margin:0px auto;}



.inv.cg .lft p {font-size:18px; line-height:30px; font-weight:500; color:#af9b63; margin-bottom:70px;}
.inv.cg .lft .maintitle {float:left;}
.inv.cg .lft .select-wrapper {float:right;}
.inv.cg .gridbox.gb_appointment {margin-bottom:60px;}
.inv.cg .gridbox.gb_appointment .ct {margin:0px -14px;}
.inv.cg .gridbox.gb_appointment .itm {width:20%;}
.inv.cg .gridbox.gb_appointment .itm .tx {font-size:18px; line-height:26px; font-weight:300; margin-bottom:20px;}
.inv.cg .gridbox.gb_scr {margin-bottom:60px;}
.inv.cg .gridbox.gb_scr .itm a {height:346px;}
.inv.cg .bx {float:left; width:33.33%; height:318px; background:url(images/inv_cg_pic1.jpg) no-repeat center center; background-size:cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; border:2px solid #fff; margin-bottom:90px;}
.inv.cg .bx .pc {margin-bottom:20px;}
.inv.cg .bx .tx {font-size:48px; line-height:52px; color:#ffffff; font-weight:100; text-align:center;}
.inv.cg .bx2 {float:right; background-image:url(images/inv_cg_pic1.jpg);}




.inv.faqs .title {font-size:24px; line-height:28px; font-weight:700; color:#00509d; margin-bottom: 20px;}
.inv.faqs .btm  {padding-top:0px;}
.inv.faqs .ct {border-top:2px solid #f1f1f1; margin-bottom:60px;}
.inv.faqs .bx {background:url(images/mail.png) no-repeat right bottom #ffffff; border:1px solid #CDCF8D; -webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.1); box-shadow: 4px 4px 6px rgba(0,0,0,0.1); padding:70px 0px;}
.inv.faqs .bx .maintitle {float:left; width:375px; text-align:center; margin-top:60px;}
.inv.faqs .bx .tx {float:left; font-size:18px; line-height:26px; border-left:1px solid #ccc; padding:34px 0px 34px 78px;}
.inv.faqs .bx .tx a {font-size:24px; line-height:28px; color:#af9b63; text-decoration:underline;}





.vision .dv {position:relative; padding-left:426px; min-height:366px; margin-bottom:96px;}
.vision .dv .pc {position:absolute; top:0px; left:0px; width:366px; height:366px; border-radius:100%; background-color:#01509D; background-repeat:no-repeat; background-position:center center;}
.vision .dv .txt {padding-top:30px;}
.vision .dv.blk1 .pc {background-image:url(images/vision_ic1.png);}
.vision .dv.blk2 .pc {background-image:url(images/vision_ic2.png);}
.vision .dv.blk3 .pc {background-image:url(images/vision_ic3.png);}
.vision .dv.right {padding-left:0px; padding-right:426px;}
.vision .dv.right .pc {left:auto; right:0px;}
.vision h1 {font-size:48px; line-height:52px; font-weight: 100; margin-bottom:35px;}
.vision p {font-size:18px; line-height:34px; font-weight: 300; padding-right:30px;}
.vision ul {list-style: none;}
.vision ul li {position:relative; padding:0px 0px 16px 20px; font-size:18px; line-height:26px;}
.vision ul li:before {position:absolute; top:8px; left:0px; content:''; width:8px; height:8px; border-radius:100%; background-color:#3c3c3c;}

.milestones .ct {max-width:941px;}
.milestones .ct .lks {text-align:center; font-size:0px;}
.milestones .ct .lks a{display:inline-block; font-size:18px; line-height: 22px; font-weight: 700; padding:40px;}
.milestones .txt {font-size:24px; line-height: 44px; font-weight: 300; padding-top:80px;}
.milestones .ct .pc {margin-bottom:40px;}
.milestones .ct .pc img {width:100%;}
.milestones .ct h1 {font-size:72px; line-height:76px; color:#af9b63; font-weight: 100; padding-bottom: 40px; border-bottom: 2px solid #f1f1f1;}
.milestones .ct .spacer {height:86px;}
.milestones .ct .rw {border-bottom:2px solid #F1F1F1; padding:26px 0px;}
.milestones .ct .rw .lt {float:left; width:20%; font-size: 24px; line-height: 28px; font-weight:500; color:#00509d;}
.milestones .ct .rw .rt {float:left; width:80%; line-height:26px;}
.milestones .ct .rw:after {display: block; content: ""; clear: both;}


.contact {font-size:18px; line-height:28px;}
.contact .tp {margin-bottom:70px;}
.contact .tp .lt {float:left; width:38%; padding-right:60px;}
.contact .tp .lt .tx1 {margin-bottom:40px;}
.contact .tp .lt .tx1 b {display:block; font-size:24px; line-height:28px; margin-bottom:20px;}
.contact .tp .lt .tx2 {border-bottom:1px solid #d7cdb1;}
.contact .tp .lt .tx2 .ic1 {border-top:1px solid #d7cdb1; background:url(images/ic_phone.png) no-repeat center left; padding:20px 0px 20px 50px;}
.contact .tp .lt .tx2 .ic2 {border-top:1px solid #d7cdb1; background:url(images/ic_email.png) no-repeat center left; padding:20px 0px 20px 50px;}
.contact .tp .lt .tx2 a {text-decoration: underline; color:#af9b63;}
.contact .tp .rt {float:left; width:62%; border:2px solid #ffffff; -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.1); box-shadow:0px 0px 20px rgba(0,0,0,0.1);}
.contact .tp .rt iframe {float:left;}
.contact .bt .gridbox {overflow:hidden;}
.contact .bt .gridbox .ct {margin:0px -15px;}
.contact .bt .gridbox .itm {float:left; width:25%; padding:0px 15px; margin-bottom:30px;}
.contact .bt .gridbox .itm .dv {position:relative; background-color:#ffffff; height:280px; border:1px solid #CDCF8D; -webkit-box-shadow: 4px 4px 6px rgba(0,0,0,0.1); box-shadow: 4px 4px 6px rgba(0,0,0,0.1); padding:20px;}
.contact .bt .gridbox .itm .dv a {position:absolute; bottom: 0px; right: 0px; width: 60px; height: 60px; background:url(images/ic_location.png) no-repeat center center;}
.contact .popup {position:fixed; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:620px; height:500px; background-color:#ffffff; -webkit-box-shadow:0px 0px 20px rgba(0,0,0,0.5); box-shadow:0px 0px 20px rgba(0,0,0,0.5); padding:40px 10px 0px 10px; z-index:999999; display:none;}
.contact .popup a {position:absolute; top:0px; right:0px; width:40px; height:40px; padding:8px; display:block;}


.spattern .gridbox {display:none;}
.spattern h1 {font-size: 30px; line-height: 34px; margin: 0px 0px 20px 0px; font-weight: 300; color: #af9b63;}
.spattern .itm {position:relative;}
.spattern .itm .xl {position:absolute !important; bottom:1px; right:15px; width:60px; height:60px !important; background: url(images/ic_excel.png) no-repeat center center #ffffff; border:none !important; -webkit-box-shadow:none !important; box-shadow:none !important; border-radius:20px 0px 0px 0px;}

.inv.qr h1 {font-size: 30px; line-height: 34px; margin: 0px 0px 20px 0px; font-weight: 300; color: #af9b63;}
.inv.qr .mainblock .gridbox:nth-child(1) {display: block;}
.inv.qr .gb_ar {display: block;}



.careers h1 {font-size:72px; line-height:76px; font-weight:100; color:#af9b63; margin-bottom:40px;}
.careers h2 {font-size:24px; line-height:28px; font-weight:700; margin-bottom:20px;}
.careers p {font-size:18px; line-height:34px; font-weight: 300; margin-bottom:20px;}
.careers .why p {margin-bottom:40px;}
.careers ul {list-style: none; line-height:24px;}
.careers ul li {padding:0px 0px 10px 24px; background:url(images/ar2.png) no-repeat 0px 0px;}
.careers .dv1 {float:left; width:23%; margin-bottom:40px;}
.careers .dv1 img {width:100%;}
.careers .dv2 {float:left; width:77%; padding-left:46px; margin-top:46px; margin-bottom:40px;}
.careers .dv2 .t1 {font-size:24px; line-height:36px; font-weight:500; font-style:italic; margin-bottom:18px;}
.careers .dv2 .t2 {font-weight:300; font-size:16px; line-height:20px;}
.careers .subtext {font-size:24px; line-height:42px; color:#af9b63; font-weight:300; margin-bottom:50px;}
.careers .cir {float:right; width: 366px; height: 366px; border-radius: 100%; background-image: url(images/ic_careers.png); background-color: #01509D; background-repeat: no-repeat; background-position: center center; margin-left:40px;}
.careers .bx {text-align:center; border: 1px solid #CDCF8D; -webkit-box-shadow: 4px 4px 6px rgb(0 0 0 / 10%); box-shadow: 4px 4px 6px rgb(0 0 0 / 10%); padding:20px 20px 30px 20px; margin:60px 0px 60px 0px;}
.careers .bx .tx {font-size:48px; line-height:52px; font-weight:100; color:#af9b63; margin-bottom:20px;}
.careers .bx .hp_button {font-weight:500; margin:0px auto;}
.careers .dv3 {float:left; width:33.33%; padding-right:20px;}
.careers .lk {font-weight:700; color:#00509d; text-decoration:underline;}



footer {font-size:16px; line-height:24px; font-weight: 300;}
footer h1 {font-weight:400; color:#00509d; font-size:18px; line-height: 22px; margin-bottom:12px;}
footer h2 {font-weight:700; font-size:18px; line-height: 22px; margin-bottom:10px;}
footer h3 {font-weight:700;}
footer .ln {position:relative; height:18px; overflow: hidden; margin-bottom:62px;}
footer .b1 {position:absolute; top:0px; left:0px; width:50%; height:100%; background-color:#B09B64;}
footer .b2 {position:absolute; top:0px; left:50%; width:50%; height:100%; background-color:#01509D;}
footer .img {position:absolute; top:0px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
footer .lt {position:absolute; top:0px; left:30px; width:188px;}
footer .lt img {width:100%;}
footer .rt {padding-left:270px;}
footer .rt .l {float:left; width:80%;border-right:1px solid #ccc; padding-bottom:46px;}
footer .rt .l .dv {float: left; width:32%; padding-right:40px;}
footer .rt .l .dv .ct {margin-bottom:20px;}
footer .rt .l .dv:nth-child(2) {width:39%; margin-top:65px;}
footer .rt .l .dv:nth-child(3) {width:29%; margin-top:65px;}
footer .rt .l .dv:nth-child(2) .ct:nth-child(1) {background: url(images/ic_phone.png) no-repeat top 2px left; padding-left:36px;}
footer .rt .l .dv:nth-child(2) .ct:nth-child(2) {background: url(images/ic_email.png) no-repeat top 2px left; padding-left:36px;}
footer .rt .r {float:left; width:20%; padding-left:40px;}
footer .rt .r a {display:block;}
footer .rt .r h1:nth-child(3) {margin-top:20px;}
footer .rt .r h1 a {color:#01509D;}
footer .rt .bt {clear:both; border-top:1px solid #D2C1A3; padding:26px 0px 40px 0px;}
footer .rt .bt .bl {float:left;}
footer .rt .bt .bl div:nth-child(1) {margin-bottom: 6px;}
footer .rt .bt .br {float:right;}

.linkedin {font-size:16px !important; line-height:20px !important; background: url(images/linkedin.png) no-repeat center right !important; padding:4px 30px 4px 0px !important; text-decoration: underline !important; display: inline !important;}

.tabwithaccordian .tab{
    margin-bottom: 20px;
}
.tabwithaccordian .tab .tablinks
{
    background: #025fba;
    color: #fff;
    padding: 10px 32px;
    font-size: 20px;
    border: 0;
	cursor: pointer;
}

.tabwithaccordian .tab button.active {
      background-color: #003970;
    color: #fff;
    font-weight: 600;
}
.tabwithaccordian .tab button:hover{
    background-color: #003970;
}
.tabwithaccordian .tabcontent {
  display: none;
  padding: 6px 12px;
  border: 0;
  border-top: none;
}
.tabwithaccordian .acc a {
   
    padding: 10px 30px 10px 30px !important;
    line-height: 45px !important;
    display: block;
}
.tabwithaccordian .tx {
    padding-bottom: 10px !important;

}
.tabwithaccordian .tx a{
   font-size: 18px !important;
font-weight:400 !important;
}
.tabwithaccordian .acc .lk:after {
    position: absolute;
    content: '';
    background: url(images/plussignn.png) no-repeat center center !important;
    width: 19px;
    height: 19px;
    top: 22px !important;
    left: 0px !important;
}
.mmaintitle {
    font-size: 48px;
    line-height: 52px;
    font-weight: 300;
    margin-bottom: 40px;
}
@media(max-width:1550px){
    .hp_scr {background-position: center left -200px}
}

@media(max-width:1455px){
    .hp_banner .dv .txt {right:80px;}
}

@media(max-width:1300px){
    .hp_banner .owl-nav {padding:0px 20px;}

    header .nav a {padding-left: 30px;}
    header .nav a:nth-child(6) {margin-left: 20px; width: 165px;}
    header .menu h1 {font-size: 24px; line-height: 28px;}
    header .menu h2 a {font-size: 14px; line-height: 18px;}


    .hp_consumer .pro .lt {width:100%; padding-right:0px; margin:0px;}
    .hp_consumer .pro .lt .bx {float:left; width:49%;}
    .hp_consumer .pro .lt .bx:nth-child(1) {margin-right:2%;}
    .hp_consumer .pro .rt {margin: 0px auto 30px auto; float: none;}
    .hp_consumer .pro2 .lt {padding:0px;}
    .hp_consumer .bb {padding-right:0px;}


    .hp_ex {padding:0px;}
    .hp_ex p {padding:0px;}
    

    .hp_scr {background-position: center left -470px; height: 500px;}



    .media .gridbox .itm {width:100% !important;}
    .media .gridbox .itm .tp {height: auto;}
    .media .gridbox .itm .bt {height: auto; padding: 20px 70px 20px 20px;}
    .media .gridbox .itm h2 {height: auto;}
    .media .gridbox .itm h3 {height: auto;}
    .media .gridbox .itm .lk {position: absolute; top: 15px; right: 20px;}
    .media.newsletter .gridbox .itm h2 {height:auto;}
    .media.newsletter .gridbox .itm .bt {height: 64px;}
    .media.page .btm {padding-top:0px;}
    

    
    footer .lt {width:120px;}
    footer .rt {padding-left: 160px;}
    footer .rt .r {padding-left:30px;}
    footer .rt .l {padding-bottom:0px;}
    footer .rt .l .dv {width:50%;}
    footer .newmail{width:100% !important;border-top: 1px solid #D2C1A3;
    padding: 20px 0px 0px 0px;}
    footer .rt .l .dv:nth-child(2) {width:33.33%;}
    footer .rt .l .dv:nth-child(3) {width: 100%; margin-top: 10px; border-top: 1px solid #D2C1A3; padding: 20px 0px 0px 0px;}
    footer .rt .l .dv:nth-child(3) .ct {float:left; width:50%;}
    footer .rt .l .dv:nth-child(3) .ct:nth-child(2) {padding-left:36px;}

    .page .rgt {padding-left:30px;}

    .vision .dv {padding-left:336px; margin-bottom:40px;}
    .vision .dv .pc {width:300px; height:300px; background-size:50%;}
    .vision .dv.right {padding-right:336px;}
    .vision .dv .txt {padding-top:0px;}

    .management .gridbox .itm .bt {height:160px;}
    .management .gridbox .itm .news_mediabt {height:300px !important;}
    .management .gridbox .itm .bt h1 {font-size: 24px; line-height: 28px; }

    .bod .gridbox .itm .bt {height:90px;}
    .bod .gridbox .itm .bt h1 {font-size: 24px; line-height: 28px; }

    .bod .btm .gridbox .itm .bt {height:90px;}
    .bod .btm .gridbox .itm .bt h1 {font-size: 24px; line-height: 28px; }

    .contact .bt .gridbox .itm {width:33.33%;}

    .products.cbs .cnt .rt .l h1 {font-size: 50px; line-height: 54px;}
    .products .maintitle {margin-bottom:24px;}
    .products .maintitle .bg {display:none;}
    .products .maintitle .ln {position:relative;}
    .products .maintitle .ln:before {display:none;}
    .products .maintitle .ln:after {display:none;}
    .products .maintitle .ln {width: 100%; white-space: normal; border-bottom: 1px solid #ccc; padding: 0px 0px 10px 0px;}

    .products.ove .maintitle {font-size: 52px; line-height: 56px; color: #af9b63; margin-bottom: 26px;}
    .products.ove .gridbox .itm {width:50%; padding:0px 5px; margin-bottom:10px;}
    .products.ove .gridbox .ct {margin: 0px -10px;}
    .products.ove .gridbox .itm .dv .txt {left: 28px;}

    .inv.cg .bx .tx {font-size: 32px; line-height: 36px;}


    .about .gridbox .itm {width:50%;}
    .about .gridbox .itm.w .dv .dv1 {top: 16px; right: 30px; -webkit-transform: none; -ms-transform: none; transform: none; left: auto; width: 50px;}
    .about .gridbox .itm.w .dv .dv1 img {width:100%;}
    .about .gridbox .itm.w .dv .dv2 {position:relative; left:auto; top:auto; -webkit-transform:none; -ms-transform:none; transform:none; margin-top:14px;}
    .about .gridbox .itm.w .dv .dv3 {position:relative; left:auto; top:auto; -webkit-transform:none; -ms-transform:none; transform:none; margin-top:4px; width:100%; text-align: center;}
    

}

@media(max-width:1150px){
    .hp_news .dv .bx {height:440px; min-height:auto;}
}

@media(max-width:1023px){
    footer .rt .r {display:none;}
    footer .rt .l {width:100%; border:none;}

    body.fixed {overflow:hidden;}
    header.mob .menu {left:0px;}
    header.mob .menuover {display:block;}
    header.mob .btn_menu img {display:none;}
    header .menu .dv:before  {display:none;}

    header {height: 80px;padding-top: 5px;}
    header .nav {display:none;}
    header .btn_menu {display:block;}
    header .menu {position: fixed; top: 0px; height: 100%; left: -300px; width: 300px; padding:0px; overflow-y: scroll; -webkit-overflow-scrolling: touch; display:block; z-index:99999;}
    header .menu .ctr {padding:20px;}
    header .menu h2 {margin-top:26px;}
    header .menu h2.mtt {margin-top:16px;}
    header .menu .mb {margin-top:26px;}
    header .menu a {font-size: 16px; line-height: 20px; padding:6px 0px 6px 14px; background-position:0px 11px;}
    header .menu h2 a {font-size: 16px; line-height: 20px; padding-right:20px;}
    header .menu h1 a {font-size: 18px; line-height: 18px; padding: 0px; background:none; font-weight:400; color:#00509d;}
    header .menu .dv {width:100%; padding-right:0px;}
    header .menu .dv:nth-child(2) {width:100%;}
    header .menu .dv .d {width:100%; padding:0px;}
    header .menu .dv.last {border-bottom: 1px dotted #ccc;}
    header .menu .mn.nopadding {padding:0px;}
    header .menu h1 {position:relative; font-size: 18px; line-height: 18px; font-weight: 400; margin: 0px; padding: 14px 0px; border-top: 1px dotted #ccc;}
    header .menu h1:after {position: absolute; top: 8px; right: 0px; content: '+'; font-size: 28px; line-height: 28px; font-weight: 300;}
    header .menu h1.active:after {right: 2px; top: 1px; content: '-'; font-size: 40px; line-height: 40px;}
    header .menu .dv.noplus h1:after{display:none;}
    header .menu .mn {display:none; padding:0px 0px 30px 0px;}
    header .lt {width: 140px; position: absolute; padding: 10px 20px; background: #fff; border-radius: 0px 0px 10px 0px; top:0px; left:0px; margin:0px;}
    header .rt {display:none;}
    header .menu .hidedesktop {display:block;}
    header .menu .lin {text-align:right; margin-top:40px;}

    
    .banner {z-index:99;}
    .banner .ctr {height:100%;}
    .banner .dv {position:relative; height:100%; padding:0px;}
    .banner .dv h1 {font-size: 40px; line-height: 44px;}
    .banner .dv .bc {position:absolute; top:210px; left:0px;}
    .banner .dv .bc div a {color:#3c3c3c;}
    .banner .dv .bc div:after {color:#3c3c3c;}
    .banner .dv .bc div span {color: #014ea0;}
    .banner .dv h1 {position: absolute; left:0px; top:50%; width:100%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}



    .hp_news .dv {width:100%; margin-bottom:20px;}
    .hp_news .dv .bx {height:auto;}


    .media .gridbox .itm h2 {font-size: 26px; line-height: 33px;}


    .page .rgt {display: none;}
    .page .lft {width:100%; padding-right:0px;}


    .maintitle {font-size: 42px; line-height: 46px; margin-bottom: 24px;}

    .vision h1 {font-size: 42px; line-height: 46px; margin-bottom: 24px;}
    .vision .dv {padding-left: 270px; min-height: 230px; margin-bottom:80px;}
    .vision .dv.right {padding-right: 270px;}
    .vision .dv .pc {width:230px; height: 230px;}
    

    .milestones .ct h1 {font-size: 52px; line-height: 56px; padding-bottom: 30px;}
    .milestones .txt {padding-top:0px;}

    .pop .dv .bt {padding:0px 20px;}
    .pop .dv .tp {padding: 50px 20px 30px 0px;}
    .pop .dv .tp .tx {width:55%;}
    .pop .dv .bt .lt {width: 44%;padding-right: 30px;}
    .pop .dv .bt .rt {padding-bottom:20px;}


    .bod .btm .gridbox .itm {width:33.33%;}

    .page.vision .btm {padding-top:0px;}
    .page.milestones .btm {padding-top:10px;}

    .contact .bt .gridbox .itm {width:50%;}
    .contact .tp .lt {width:100%; padding:0px;}
    .contact .tp .rt {width: 100%; padding: 0px; margin-top: 40px;}


    .products.dp .pc {top: 100px; margin-bottom: 90px;}

    .operations .wrap {padding-left: 30px; width: 420px;}
    

    .inv .btm {padding-top:0px;}
    .inv .gridbox .itm {width:50%;}

    .about .bar {background-position:center left -600px;}

    .careers h1 {font-size: 52px; line-height: 56px;}
    .careers .dv1 {width: 50%; margin-bottom: 20px;}
    .careers .dv2 {clear: both; padding: 0px; margin: 0px 0px 40px 0px; width:100%;}

    .inv .gridbox.gb_rr .itm {width:50%;}
    
    .inv.cg .gridbox.gb_appointment .itm {width:33.33%;}
    .inv.cg .gridbox.gb_appointment .itm a {height:200px;}

    .inv.ove .lft .gridbox .itm {width: 100%; margin-bottom:16px;}
    .inv.ove .lft .gridbox .itm .dv {min-height:auto;}

    .inv.ove .presults {height:auto;}

}



@media(max-width:980px){
    .hp_consumer .pro .lt .bx {width:100%; margin:0px 0px 20px 0px;}

    .products.cbs .gridbox {margin-bottom:30px;}
    .products.cbs .gridbox .ct {margin: 0px -10px;}
    .products.cbs .gridbox .itm {padding:0px 5px;}
    .products.cbs .gridbox .itm a .tx {font-size: 18px; line-height: 22px;}
    .products.cbs .cnt {padding:0px;}
    .products.cbs .cnt .lt {position: relative; width: 100%; margin-bottom: 40px;}
    .products.cbs .cnt .lt .lk {margin-right: 0px; width: 33.33%;}
    .products.cbs .cnt .lt .lk .pc {background:none;}
    .products.cbs .cnt .lt .lk:nth-child(2n+1) {clear:none;}
    .products.cbs .cnt .rt {border:none;}
    .products.cbs .cnt .rt .l {padding-left:0px;}
    .products.dp .dwlink {display:block; margin-bottom:20px;}

    .operations .rw .cl:nth-child(2) {width:100%; padding:0px !important; margin-bottom:40px;}
    .operations .rw .cl:nth-child(3) {width:100%; padding:0px !important; margin-bottom:40px;}

    .inv.faqs .bx .maintitle {width: 235px;}
    .inv.faqs .bx .tx {padding-left:28px;}

    .about .mf_1 {width:100%;}
    .about .mf_2 {width:100%; padding:0px;}
    .about .p_1 {font-size: 20px; line-height: 34px;}

    .careers .cir {width: 250px; height: 250px; background-size:50%;}

    .hp_scr .ctr {background:rgba(255,255,255,0.8);}


    .scr .maintitle {width:100%;}
    .scr .lg {width:100%; margin-bottom:40px;}

    .inv.cg .bx {width:100%; height:auto; padding:40px 20px;}
    .inv.cg .bx1 {margin-bottom:20px;}

    .inv.ove .presults .tbl td:first-child {font-size: 20px; line-height: 24px; }
    
}

@media(max-width:767px){
    .ctr {padding-right:20px; padding-left:20px;}
    .page .ctr {padding:70px 20px;}
    .home.page .ctr {padding: 30px 20px;}
    .home.page .ctr.hp {padding-bottom:0px;}

    .btext h1 {font-size: 20px; line-height: 24px;}

    header .lt {width: 92px; margin-top: 6px; left: 6px; padding: 0px 10px;}
    header .menuover .cl {right:-10px;}
    .hp_banner .dv.bn2 {background-position: center center;}
    .hp_banner .dv.bn2 .hp_button {color: #fff; border-color: #fff;}


    .home .subtitle {font-size: 26px; line-height: 30px; width:100%; min-height:auto; }
    .home .subtitle .bg {display:none;}
    .home .subtitle .ln:before {display:none;}
    .home .subtitle .ln:after {display:none;}
    .home .subtitle .ln {position: relative; top: 0px; left: 0%; -webkit-transform: none; -ms-transform: none; transform: none; margin-top: 0px; padding: 0px 0px; border-bottom: 1px solid #af9b63; padding-bottom: 10px;}
    
    .hp_consumer .pro .rt {width:100%;}

    .hp_ex .dv {width:50%; margin-bottom:40px;}
    .hp_ex .dv:nth-child(2) {border:none;}
    .hp_ex .dv:nth-child(4) {border:none;}
    .hp_ex .dv:nth-child(3) {border-right:1px solid #3373b1;}
    .hp_ex .dv:nth-child(4) {margin-left:0%;}
    .hp_ex .dv:nth-child(5) {width:100%;margin-bottom: 0px;}
    .hp_ex {padding: 40px 0px;}
    

    .hp_scr .ct {width: 100%; text-align: center; right: auto; position: relative;}
    .hp_scr .hp_button {margin:0px auto;}

    
    .hp_banner .dv .ctr {background: rgba(0,0,0,0.5);}
    .hp_banner .dv .txt {bottom: auto !important; right: 0px; width: 100% !important; text-align: center; padding: 0px 20px; top: 50% !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top:-40px;}
    .hp_banner .dv .txt .t1 {font-size: 40px; line-height: 44px; font-weight: 300;}
    .hp_banner .dv .txt .lk {float:none;}
    .hp_banner .dv .txt .lk a {margin:0px auto;}
    .hp_banner .owl-nav {bottom: 0px; top: auto; width: 150px; margin-bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
    .hp_banner .dv.bn2 .txt {color:#ffffff;}
    .hp_banner .owl-nav.black button {color:#ffffff !important;}

    .hp_consumer .bb {height:auto;}
    .hp_consumer .bb .lt {width:100%;}
    .hp_consumer .bb .rt {width:100%; margin-bottom:-100px;}
    .hp_consumer .bb .pc {position:relative; right:-20px; margin-top: 0px;}
    .hp_consumer .bb .pc img {width:100%;}
    .hp_consumer .bb .bx {min-height:auto;}


    .banner {background-position: center right -450px;}
    .banner .dv h1 {font-size: 24px; line-height: 30px; font-weight: 300; text-align: center;}

    .vision .dv {padding-left: 0px; min-height: auto; margin-bottom:40px;}
    .vision .dv.right {padding-right: 0px; min-height: auto;}
    .vision .dv .pc {width: 110px; height: 110px; position: relative; float: right; margin-top: 63px; margin-left: 20px; margin-bottom: 20px; }
    .vision h1 { font-size: 32px; line-height: 36px; margin-bottom: 20px; }

    .maintitle { font-size: 32px; line-height: 36px; margin-bottom: 20px; font-weight: 300;}

    .milestones .txt {font-size: 20px; line-height: 36px; padding-bottom:80px;}
    .milestones .ct h1 {font-size: 36px; line-height: 40px; padding-bottom: 20px;}
    .milestones .ct .rw .lt {width: 100%; font-size: 18px; line-height: 22px; margin-bottom: 10px;}
    .milestones .ct .lks {display:none;}
    .milestones .ct .rw .rt {width: 100%;}
    .milestones .ct .spacer {height: 80px;}

    .management .gridbox .itm {width: 50%;}
    .management .gridbox .itm .bt {padding:10px;}
    .management .gridbox .itm .bt h1 {font-size: 20px; line-height: 24px; font-weight: 400;}

    .bod .gridbox .itm {width: 50%;}
    .bod .gridbox .itm .bt {padding:10px;}
    .bod .gridbox .itm .bt h1 {font-size: 20px; line-height: 24px; font-weight: 400;}

    .bod .btm .gridbox .itm {width: 50%;}
    .bod .btm .gridbox .itm .bt {padding:10px;}
    .bod .btm .gridbox .itm .bt h1 {font-size: 20px; line-height: 24px; font-weight: 400;}

    .pop .dv .bt .lt {width: 100%; margin-top: 30px; padding-bottom:10px; padding-right:0px;}
    .pop .dv .bt .lt .pc {max-width:420px; margin:0px 0px 20px 0px;}
    .pop .dv .bt .rt {width:100%;}
    .pop .dv .tp {padding:20px;}
    .pop .dv .tp .tx {width:100%;}
    .pop .dv .tp .tx h1 {font-size: 26px; line-height: 30px;}
    .pop .dv .tp .tx h2 {font-size: 18px; line-height: 22px;}


    .contact .tp .lt .tx1 b {font-size:20px; line-height: 24px;}
    .contact .bt .gridbox .itm {width: 100%;}
    .contact .bt .gridbox .itm .dv {height: auto; padding-bottom:50px;}
    .contact .popup {top: 0px; left: 0px; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; height: 100%; padding-top:60px;}
    .contact .popup iframe {width:100%; height:calc(100% - 10px);}
    .contact .popup a {width: 60px; height: 60px; padding: 18px;}


    footer .ln {margin-bottom:32px;}
    footer .lt {position: relative; left: 0px; margin-bottom: 20px; width:94px;}
    footer .rt {padding-left:0px;}
    footer .rt .l {text-align:center;}
    footer .rt .l .dv {width:100%; padding:0px;}
    footer .rt .l .dv:nth-child(2) {width:100%; margin-top:25px;}
    footer .rt .l .dv:nth-child(2) .ct {padding-left:0px !important; background:none !important;}
    footer .rt .bt {text-align:center;}
    footer .rt .bt .bl {width:100%;}
    footer .rt .bt .br {width:100%; margin-bottom:20px;}


    .products.ove .maintitle {font-size: 42px; line-height: 46px;}
    .products.ove .b {font-size: 22px; line-height: 36px;}
    .products.ove .h {font-size: 20px; line-height: 24px;}
    .products.ove .ttl {font-size: 20px; line-height: 24px;}
    .products.ove .lt {width:100%; margin-bottom: -20px;}
    .products.ove .rt {width:100%;}
    .products.ove .gridbox .itm {width:100%; padding:0px;}
    .products.ove .gridbox .ct {margin: 0px 0px;}
    
    .operations .wrap {float: none; padding: 0px; width: 100%; margin-bottom: 40px;}
    .operations .tbl_c:nth-child(1) {width:100%; padding-right:0px;}
    .operations .tbl_c:nth-child(1):after {display:none;}
    .operations .tbl_c:nth-child(2) {width:100%;}
    .operations .rw {margin-bottom:0px;}

    
    .operations p {margin-bottom:20px !important;}
    

    .inv.faqs .title {font-size: 20px; line-height: 24px; }

    .inv .colblock .maintitle {width:100%;}
    .inv .colblock .select-wrapper {width:100%;}

    
    .about .bar {height: auto; background-size: cover;}
    .about .bar .ctr {padding: 50px 20px 30px 20px;}
    .about .bar .dv {width: 100%; padding-top: 0px; text-align:center;}
    .about .gridbox .itm {width:100%; margin-bottom:20px;}
    .about .gridbox .itm .dv {height:auto;}
    .about .gridbox .itm .dv.first {height:200px;}
    .about .gridbox .itm.w {width:100%;}
    .about .gridbox .itm .t3 {margin-bottom: 20px;}
    .about .gridbox .itm.w .dv3 {margin-bottom: 20px;}
    .about .gridbox .itm.w .dv .dv3 {padding:0px;}
    .about .gridbox .itm.h .dv {height:auto; padding:40px 0px;}
    .about .bar .dv .t1 {font-size:32px; line-height:36px;}

    .careers h2 {font-size: 20px; line-height: 24px;}
    .careers .bx .tx {font-size:32px; line-height:36px;}
    .careers .dv3 {width:100%; padding:0px; margin-bottom: 20px;}
    
    .inv.cg .gridbox.gb_appointment .itm {width:50%;}

    .inv.ove .ann .gridbox .itm {width:100%;}

    .inv.ove .ct .acc a {font-size: 18px; line-height: 22px;}
    .inv.ove .ct .acc .tx .lks .l {width:100%; padding:0px;}
    .inv.ove .ct .acc .tx .lks .r {width:100%; padding:0px;}

}


@media(max-width:600px){
    .products .maintitle {font-size:26px; line-height:30px;}

    .products.cbs .gridbox {margin-bottom:10px;}
    .products.cbs .gridbox .itm a .tx {font-size: 16px; line-height:18px;}
    .products.cbs .gridbox .itm a .tx span {display:block;}
    .products.cbs .gridbox .itm a.active:after {bottom: -14px; border-left-width: 14px; border-right-width: 14px; border-top-width: 14px;}
    .products.cbs .gridbox .itm .pc {margin-bottom:6px;}

    .products.cbs .cnt .rt .l {width:100%; padding:0px;}
    .products.cbs .cnt .rt .l h1 {font-size: 34px; line-height: 38px;}
    .products.cbs .cnt .rt .r {width:100%; padding:0px; text-align:center; margin-bottom: 30px;padding: 20px; border: 1px solid #e2e2e2;}
    .products.cbs .cnt .rt .r img {max-width: 200px;}

    
    .products.dp .pc {padding:0px 30px;}
    .products.dp .pc img {width:100%;}

    .inv.faqs .bx .maintitle {width: 100%; margin: 0px 0px 20px 0px;}
    .inv.faqs .bx .tx {width: 100%; padding: 0px 20px; text-align: center; border: none;}
    .inv.faqs .bx {padding:20px 0px; background:none;}

    .inv .gridbox .itm {width:100%;}
    .inv.qr .gridbox .itm a {height:auto;}

    .about .img_1 {width:100%; padding:0px; text-align:center;}
    .about .img_1 img {padding:0px; max-width:200px;}
    .about .p_1 {width:100%; text-align:center;}

    .careers .cir {float: none; margin: 0px auto 40px auto;}


    .hp_consumer .pro .lt .bx {padding:30px 0px; height:auto;}
    .hp_consumer .pro .lt .bx .cr {width: 100px; height: 100px; background-size:50%; position:relative; top:0px; left:0px; margin-bottom: 20px;}
    .hp_consumer .pro .lt .bx .tx {display: block; padding:0px 20px; text-align:center; height:auto;}

    .inv .gridbox.gb_rr .itm {width:100%;}
    .inv .gridbox.gb_rr .itm a {height:auto;}
    .inv .gridbox.gb_rr .itm a .tx3 {font-size: 28px; line-height: 32px;}


    .inv.cg .gridbox.gb_appointment .itm {width:100%;}
    .inv.cg .gridbox.gb_appointment .itm a {height:auto;}
}


@media(max-width:480px){

    .hp_ex .dv {width:100%; border:none; border-right:none !important; border-top:1px solid #4877a5 !important; padding-top:20px; margin-bottom:20px;}
    .hp_ex .hp_button {margin-top:30px;}

    .management .gridbox .itm {width: 100%;}
    .management .gridbox .itm .bt {height:auto;}

    .bod .gridbox .itm {width: 100%;}
    .bod .gridbox .itm .bt {height:auto;}
    .bod .btm .gridbox .itm {width: 100%;}
    .bod .btm .gridbox .itm .bt {height:auto;}
    

    footer .copy span {display:block;}
    footer .rt .l .dv:nth-child(3) .ct {width:100%;}
    footer .rt .l .dv:nth-child(3) .ct:nth-child(2) {padding:0px;}

    .products.ove .gridbox .itm .dv {background-size: 30%; height: 150px;}
    .products.ove .gridbox .itm .dv .txt .t {font-size: 20px; line-height: 24px;}
    .products.ove .gridbox .itm .dv .txt {width: 140px;}

    .careers .dv1 {width: 100%;}
        
}


@media(max-width:370px){
    header .menu {left: -250px; width: 250px;}
    .vision .dv .pc {width: 80px; height: 80px;}
}






@media(min-width:1024px){
    header .menu .mn {display:block !important;    height: auto !important; position:relative; z-index: 1;}
}

@media(min-width:980px){
    header .nav a:hover {text-decoration: underline;}
    header .nav a:nth-child(6):hover {text-decoration: none; background-color: #000000;}
    header .menu a:hover {text-decoration: underline; color: #00509d;}

    .hp_button:hover {color:#ffffff; background:#00509d;}
    .hp_button.wh:hover {color:#000000; background:#ffffff;}

    .products.cbs .gridbox .itm a:hover {background-color:#01509D; color:#fff;}
    .products.cbs .cnt .lt .lk:hover .pc {background-color:#00509d;}
    .products.cbs .cnt .lt .lk:hover .nm {color:#00509d;}
    .products.ove .gridbox .itm .dv .txt a:hover {color:#fff;}
    .products.dp .dvs .dv .lk:hover {color:#000000;}
    .products.dp .dwlink:hover {background-color: #00509d; color:#fff; background-image:url(images/ic_pdf_white.png); }

    footer a:hover {text-decoration: underline;}
    .milestones .lks a:hover {color:#01509D; text-decoration: underline;}
    .management .gridbox .itm .bt .lk:hover {background-color:#e0c67c;}
    .bod .gridbox .itm .bt .lk1:hover {background-color:#e0c67c;}

    .management .pop .bt .lt a:hover {color:#000000;}

    .btext a:hover {color:#000000; text-decoration:underline;}

    .inv .gridbox .itm a:hover {background-color:#af9b63; color:#ffffff;}
    .inv .gridbox .itm a:hover .tx1 {color:#ffffff;}
    .inv .gridbox .itm a:hover .ic {background-image:url(images/ic_pdf_white.png);}
    .inv .gridbox .itm a:hover .ic_side {background-image:url(images/ic_pdf_white.png);}
    .inv .gridbox .itm .xl:hover {background-image:url(images/ic_excel_white.png);}

    .inv .key a:hover {color:#ffffff; padding-left:20px; background:url(images/ic_pdf_white.png) no-repeat center right 20px #af9b63; background-size:29px;  }
    .audio .gridbox .itm a:hover .ic_side {background-image:url(images/ic_audio_white.png);}
    .inv.ove .ct .acc .tx .lks a:hover {color:#00509d; text-decoration: underline;}
    .inv.ove .lks2 a:hover {color:#00509d; text-decoration: underline;}
    .inv.ove .share .bx .dv .tx a:hover {color:#000000;}
    .inv.ove .presults .hp_button:hover {background-color:#af9b63; border-color: #af9b63;}
    .inv.qr .gridbox.audio .itm a:hover .ic_side {background-image:url(images/ic_audio_white.png);}
    .inv.cg .bx:hover {-webkit-box-shadow:0px 0px 20px rgba(0,0,0,1);box-shadow:0px 0px 20px rgba(0,0,0,1);}
    .inv.faqs .bx .tx a:hover {color:#000000;}

    

}
.fullpresnece{
background: #e5f3fe;
width:100%
}

.ourpressence1 .ourpressenceimg{
width: 50%;
    float: left;
    
}
.ourpressence1 .ourpressenceimg img{
	width: 100%;
}
.ourpressence1 .ourpressencetext{
width: 50%;
    float: left;
padding-left: 35px;
}

.ourpressence2 .ourpressenceimg{
width: 50%;
    float: left;
   
}
.ourpressence2 .ourpressenceimg img{
	width: 100%;
}
.ourpressence2 .ourpressencetext{
width: 50%;
    float: left;
padding-top:30px;
padding-right: 35px;
}




@media(max-width:550px){
.fullpresnece{
background: #e5f3fe;
    padding: 10px;
width:100%
}
#popup {
    width: 100% !important;
    height: 500px;
    position: relative;
    top: 100px;
    margin: 0 auto;
    color: #000;
    background: #fff;
    padding: 30px;
}
.ourpressence1 .ourpressenceimg{
width: 100%;
    float: left;
    padding-right: 0px;
}
.ourpressence1 .ourpressenceimg img{
	width: 100%;
}
.ourpressence1 .ourpressencetext{
width: 100%;
    float: left;
padding-top:30px;
}

.ourpressence2 .ourpressenceimg{
width: 100%;
    float: left;
    padding-left: 0px;
}
.ourpressence2 .ourpressenceimg img{
	width: 100%;
}
.ourpressence2 .ourpressencetext{
width: 100%;
    float: left;
padding-top:30px;
}

}



#ac-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    z-index: 999999;
    background-color: #01509D;
}

#popup {
    width: 40%;
    height: 500px;
    position: relative;
    top: 100px;
    margin: 0 auto;
    color: #000;
    background: #fff;
    padding: 30px;
}
#ac-wrapper .notext{
    width: 50%;
    height: 500px;
    position: relative;
    top: 150px;
    margin: 0 auto;
    color: #fff;
    background-color: #01509D;
    padding: 30px;
    font-size: 35px;
    line-height: 50px;
    text-align: center;
}
#ac-wrapper .notext h3{
        font-size: 30px;
    font-weight: 400;
}
#ac-wrapper .notext h5{
    font-size: 25px;
}
#ac-wrapper .notext h2{
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
    margin-bottom: 20px;
}
#ac-wrapper .notext{
display:none;
}
#popup h1{
margin: 0px 0px 30px 0px;
    font-size: 30px;
    font-weight: bold;
}
#popup h1 {
    margin: 0px 0px 30px 0px;
    font-size: 30px;
    font-weight: bold;
}
#popup img{
    margin-bottom: 60px;
}
#yes-button{
    font-family: 'Montserrat', sans-serif;
    padding: 15px 62px;
    text-align: center;
    border: 1px solid white;
    background-color: #01509d;
    font-size: 18px;
    font-weight: bold;
    color: white;
    cursor: pointer;
    text-transform: none;
    outline: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    width: 48%;
    float: left;
    margin-right: 2%;
}
#popup p{
margin: 0px 0px 30px 0px;
    font-size: 22px;
    width: 85%;
line-height:37px;
}
.ourpressenceimg .owl-nav button {

    color: #005597 !important;
    font-size: 65px !important;

}
#element:-webkit-full-screen {
	width: 100%;
	height: 100%;
	background-color: pink;
	margin: 0;
}
#no-button{
    font-family: 'Montserrat', sans-serif;
    padding: 15px 62px;
    text-align: center;
    background-color: #fff !important;
    border: 1px solid #01509d !important;
    font-size: 18px;
    font-weight: bold;
    color: #01509d !important;
    cursor: pointer;
    text-transform: none;
    outline: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    width: 48%;
    float: left;
    margin-left: 2%;
}
.activeee{
    color: #00509d;
    text-decoration: underline;
}
.divider-iamge{
    text-align: center;
}
.divider-iamge img{
        width: 20%;

}

.award0{
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 20px; 
    max-width: 900px; 
    margin:0 auto;
}
.award0 img{
    width:70%;
        margin: 0 auto;
}

.award1{
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; 
    max-width: 900px; 
    margin:0 auto;
}
.award1 img{
    width:100%;
}
.award2{
    display: grid; 
    grid-template-columns: repeat(1, 1fr); 
    gap: 10px; 
    max-width: 900px; 
    margin:0 auto;
}
.award2 img{
    width:30%;
        margin: 0 auto;
}
.award3{
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 10px; 
    max-width: 900px; 
    margin:0 auto;
}
.award3 img{
    width:100%;
}
.award4{
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; 
    max-width: 600px; 
    margin:0 auto;
}
.award4 img{
    width:90%;
}
.award5{
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 20px; 
    max-width: 800px; 
    margin:0 auto;
}
.award5 img{
    width:100%;
    padding:20px;
}
.maintitlee {
   font-size: 28px;
    line-height: 52px;
    font-weight: 100;
    margin-bottom: 40px;
    text-align: center;
}
.maintitlee strong{
    font-weight: 300;
 
}