@charset "utf-8";
/* CSS Document */
/* Create By D.G */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }
img {
	max-width:100%;
}
html {
  line-height: 1;
  height:100%;
  min-height:100%;
}
  body {
  	overflow-x: hidden;
  }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block; }

.btn, .butt{
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}

input[type=number]::-webkit-inner-spin-button {
    opacity: 1
}


body{
	line-height: 1;
	color: #fff;
	white-space: normal;
	position: relative;
	height:100%;
}
/*header*/
#header {
	width: 100%;
	background: #ffffff;
	border-bottom: 1px solid #d5e9ce;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	height: 64px;
}
div.logotop {
    padding: 6px 0 5px;
}
.nologinpage .header-nav__close, .nologinpage .header-menu-toggle {
    display: none;
}
.nologinpage .header-menu-toggle {
	padding: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	background: transparent;
	text-decoration: none;
	color: #000;
	width: 39px;
	height: 39px;
	margin-top: 10px;
	font-size: 16px;
	line-height: 24px;
}
.nologinpage .dgmenuwrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
}
.nologinpage ul.menu {
    list-style: none;
    margin: 13px 0 0;
    padding: 0;
    text-align: left;
}
.nologinpage ul.menu>li {
    width: auto;
    position: relative;
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    color: #154A59;
    display: block;
    text-align: left;
}
.nologinpage ul.menu a {
    color: rgba(21, 74, 89, .5);
    padding: 8px 16px;
    display: block;
    transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    position: relative;
    position: relative;
    border-radius: 30px;
}
.nologinpage ul.menu a:hover {
    color: #154a59;
    text-decoration: none;
}
/*header*/
.background{
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
}

.background img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.header{
	width: 100%;
	padding: 20px 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.logowrap .moblogo{
	display: none;
}
.dscovrLand .dgmenuwrap{position:relative; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-end;}
.dscovrLand .dgnav{padding:0;}
.dscovrLand ul.menu {list-style:none; margin:15px 0 0; padding:0; text-align:left;}
.dscovrLand ul.menu * {margin:0; padding:0}
.dscovrLand ul.menu a {color:#ffffff; padding:8px 16px; display:block; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; -o-transition:all 0.4s; position:relative; position: relative; border-radius: 30px;}

/*.dscovrLand ul.menu > li > a{padding-bottom: 3px;}
.dscovrLand ul.menu > li > a:after{  width: 0; height: 1px; content: ''; position: absolute; bottom: 0; left: 0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; background: #ffffff;}
.dscovrLand .is-sticky ul.menu > li > a:after{background: #003D76;}
.dscovrLand ul.menu > li > a:hover:after{width: 100%;}*/

.dscovrLand ul.menu > li > a:hover, .dscovrLand ul.menu > li > a.active, .dscovrLand ul.menu > li > a.mPS2id-highlight{text-decoration: none; background: #154a59; color: #fff;}
.dscovrLand .is-sticky ul.menu > li > a:hover, .dscovrLand .is-sticky ul.menu > li > a.active, .dscovrLand .is-sticky ul.menu > li > a.mPS2id-highlight{text-decoration:none; background: #154A59; color: #ffffff;}

.dscovrLand ul.menu>li {width: auto; position:relative; float:left; font-family: 'Montserrat', sans-serif; font-size:14px; font-weight:600; line-height: 18px; color:#154A59; display:block; text-align:left;}
.dscovrLand .is-sticky ul.menu>li {color:#7a7a7a;}
/*.dscovrLand ul.menu>li:last-child, .dscovrLand ul.menu>li:nth-last-child(2){display: none;}*/
.dscovrLand #header.is-sticky ul.menu>li:last-child, .dscovrLand #header.is-sticky ul.menu>li:nth-last-child(2){display: block;}

.dscovrLand ul.menu ul{position:absolute; top:100%; left:0; display:none; opacity:0; list-style:none; width:255px; background:#f6f6f6; text-align:left;}
.dscovrLand ul.menu ul li{font-family: 'Fjalla One', sans-serif; position:relative; margin:0; float:none; font-size:14px; line-height:17px; letter-spacing:.02em; padding:0; border-bottom:1px solid #ffdde2; text-align:left;}
.dscovrLand ul.menu ul li:last-child{border-bottom:none;}
.dscovrLand ul.menu ul li a{display:block; padding:10px 15px; color:#707070; border:none; border-radius:0; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; -webkit-transition-property: color, background-color; transition-property: color, background-color; border:none;}
.dscovrLand ul.menu ul li span{font-family: 'Open Sans', sans-serif; color:#A8A8A8; font-size:11px; line-height:12px; font-weight:400; display:block; padding-top:5px;}
.dscovrLand ul.menu ul li a:hover{border:none; text-decoration:none; background:#db203d; color:#ffffff;}
.dscovrLand ul.menu ul ul{top: 0; left: 100%;}
.dscovrLand ul.menu .menulink{}
.dscovrLand ul.menu .menulink:hover, ul.menu .menuhover{color:#db203d; text-decoration:none;}
.htopright{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.ceodesktop{
	position: relative;
	display: inline-block;
    text-align: left;
	/*padding-left: 20px;*/
}
/*.ceodesktop:before{
	width: 0;
	height: 34px;
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-right: 1px solid #616161;
}*/
.ceodesktop a{
	padding: 6px 42px 6px 6px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
}
.ceodesktop a:after{
	font-family:'FontAwesome';
	content: '\f105';
	font-size: 26px;
	color: #616161;
	position: absolute;
	right: 10px;
	top: 23px;
}
.ceodesktop a:hover{
	text-decoration: none;
}
.ceodesktop a .imgblk{
	width: 60px;
	height: 60px;
	-ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    margin-right: 11px;
    border-radius: 50%;
    overflow: hidden;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.ceodesktop a:hover .imgblk{
	transform: scale(1.1);
}
.ceodesktop a .info{
	flex: 1;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight:400;
	font-size:18px;
	line-height:20px;
	letter-spacing: .20px;
	color: #B88181;
}
.ceodesktop a .info span{
	display: block;
	font-size:26px;
	line-height:30px;
	color: #ffffff;
}


.hmmaincontainer{
	position: relative;
	min-width: 100%;
	min-height: 100%;
	height:100%;
	text-align:center;	
	/*overflow:hidden;
	overflow-y:auto;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
	z-index:1;
	min-height: 100vh;
	flex-direction: column;*/
}
.hmmaincontainerinn{
	width:100%;
	flex-grow: 1;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
	justify-content:center;
	padding:120px 0 30px;
	min-height: calc(100vh - 68px);
	overflow: hidden;
}
.hmdesc{
	width: 100%;
}
.hmmaincontainer h1{
	font-family: 'Ubuntu', sans-serif;
	font-weight:700;
	font-size:58px;
	line-height:67px;
	letter-spacing: .20px;
	color:#FFCCCC;
	margin:0 0 6px;
}
.hmmaincontainer h2{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:23px;
	line-height:27px;
	color:#ffffff;
	margin:0 0 60px;
}
/*.hmmaincontainer p{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:18px;
	color:#C5BFBF;
}*/

/*.hmsocialbott{
	margin-bottom: 16px;
}*/
.hmsocialbott p{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:18px;
	color:#B88181;
	margin:0 0 4px;
}
.hmsocialbott ul{
	display:inline-block;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;    
	flex-wrap: wrap;
	/*align-items: center;
	justify-content:center;*/
}
.hmsocialbott ul li{
	color:#090909;
	font-size:17px;
	margin:7px;
}
.hmsocialbott ul li a{
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #222121;
	color:#ffffff;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.hmsocialbott ul li a:hover{
	color: #ffffff;
	text-decoration: none;
}
.hmsocialbott ul li.medium a:hover{
	background: #373737;
}
.hmsocialbott ul li.facebook a:hover{
	background: #3D5A9C;
}
.hmsocialbott ul li.twitter a:hover{
	background: #1DA1F1;
}
.hmsocialbott ul li.linkdin a:hover{
	background: #0274B3;
}
.hmsocialbott ul li.instag a:hover{
	background: transparent linear-gradient(45deg, #FBD67A 0%, #F5923D 21%, #F35834 40%, #DB0271 56%, #AB0B9E 71%, #6C1CCF 86%, #383DED 100%) 0% 0% no-repeat padding-box;
}
.hmsocialbott ul li.pinterest a:hover{
	background: #CC2129;
}
.hmsocialbott ul li.tumblur a:hover{
	background: #1D3765;
}

.hmmainfooter{
	padding:0 0 10px;
}
.hmmainfooter .row{
	align-items: center;
}
.hmmainfooter .copyR{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:13px;
	color:#7E7E7E;
	display:block;
	text-align: right;
}

.hmmidsection{
	padding: 35px 0 0;
}
.hmmidsection .title{
	text-align: left;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
    font-size: 18px;
    max-width: 1056px;
    padding: 0 15px;
    line-height: 21px;
    color: #ffffff;
    margin: 0 auto 0;
}
.hmmidsection .hmCompanyWrap{
	max-width: 1056px;
	padding: 0 15px;
	margin: 0 auto;
}
.hmCompanyWrap > .row{
	margin: 0;
}
.hmCompanyWrap .col-md-3{
	-ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
    padding: 0;
}
.hmCompanyWrap .col-md-3:first-child{
	-ms-flex: 0 0 28%;
    flex: 0 0 28%;
    max-width: 28%;
}
.hmCompanyblk{
	position: relative;
	text-align: left;
}
.hmCompanyblk:after{
	width: 100%;
	height: 2px;
	content: '';
	position: absolute;
	top: 116px;
	left: 37px;
	background: url("../images/dot-h.png") 0 0 repeat-x;
}
.hmCompanyblk:before{
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 3px solid #ffffff;
	background: #2D2D2D;
	position: absolute;
	left: 32px;
	top: 110px;
	content: '';
	z-index: 1;
}
.hmCompanyblk .complogo{
	width: 100%;
	height: 107px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}
.compDesc{
	max-width: 270px;
    padding-left: 32px;
}
.compDesc .date{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:16px;
	color:#8A9A1C;
	text-transform: uppercase;
	margin: 0 0 6px;
}
.compDesc p{
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:20px;
	color:#AFABAB;
}



/*******************************************************
=========K.B.==============ceo-desk page
*******************************************************/
/*font-family: 'Montserrat', sans-serif;*/
.ceo_page {
	font-family: 'Montserrat', sans-serif;
	width: 100%;
	overflow: hidden;
	padding-top: 64px;
}
.ceo_banner {
	height: 640px;
	overflow: hidden;
	position: relative;
}
.img_fit {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.container.container_custom {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.container.container_custom .col-12 {
	width: 100%;
	height: 100%;
}
.ceo_quote {
	width: 630px;
	position: absolute;
	top: 226px;
	right: 30px;
	
}
.ceo_quote h1 {
	font-family: 'Montserrat', sans-serif;
/*	letter-spacing: 0.84px;*/
	color: #FFFFFF;
	text-shadow: 0px 0px 28px #00394D66;
	font-size: 42px;
	line-height: 52px;
	text-align: center;
	font-weight: 600;
	font-style: italic;
}
.cont_ex_spce {
	padding-right: 60px;
	padding-left: 60px;
	background-color: #FFFFFF;
	padding-bottom: 40px;
	padding-top: 20px;
	margin-top: -68px;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 5px;
	position: relative;
	z-index: 2;
}
.story_title {
	position: relative;
	background-image: url("../images/Stroke1.png");
	background-size: 100%;
	border-bottom: 1px solid #D4DDE0;
	background-repeat: no-repeat;
}
.story_title h2 {
	color: #00394D;
	font-size: 48px;
	line-height: 58px;
	font-weight: 700;
	padding-right: 70px;
	padding-top: 30px;
	text-transform: uppercase;
	padding-left: 25px;
	padding-bottom: 45px;
}
.story_title h2 span.stry_nm {
	font-size: 24px;
	line-height: 1;
	display: inline-block;
	opacity: 0.9;
	text-transform: capitalize;
}
.story_title h2 span.stry_dsgn {
	font-size: 14px;
	line-height: 1;
	display: block;
	opacity: 0.6;
	text-transform: capitalize;
}
.story_title h2 span.stry_dsgn a {
	color: #00394D;
	text-decoration: underline;
}
.img_bx {
	position: relative;
}
.img_2 {
	transition: all 0.5s ease-in-out;
	position: relative;
	z-index: 2;
	transform: scale(1.65);
	right: -32px;
	top: 47px;
}

.stories {
	color: #154A59;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	font-style: italic;
	text-indent: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.desc_bx p {
	color: #59869B;
	font-size: 16px;
	line-height: 28px;
	text-indent: 15px;
	margin-bottom: 20px;
	font-weight: 500;
}
.desc_bx p:last-child {
	margin-bottom: 0;
}
.higlight_part {
	margin: 40px 0px;
	padding: 40px 104px;
	background-color: #E7F3E3;
	position: relative;
	z-index: -1;
}
.higlight_part p {
	text-align: center;
	font-size: 18px;
	line-height: 28px;
	color: #154A59;
	font-style: italic;
	font-weight: 600;
}
.dsgn_elmnt {
	width: 56px;
	border-bottom: 3px solid #00394D;
	margin: 0 auto;
	display: block;
}
.conv_bx {
	max-width: 708px;
	width: 100%;
	margin: 0 auto;
}
.conv_bx h3 {
	color: #00394D;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	margin: 26px 0 40px 0;
	text-align: center;
}
.brdr_main .brdr_bx {
	border-right: 1px solid #D4DDE0;
	position: relative;
}
.brdr_main .brdr_bx:last-child{
	border: none;
}
.each_conv_bx {
	text-align: center;
	padding: 0 15px 15px;
}
.each_conv_bx h4 {
	color: #154A59;
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	font-style: italic;
	margin: 0;
}
.each_conv_bx p {
	color: #59869B;
	font-size: 16px;
	line-height: 22px;
	font-weight: 500;
}
.thrd_img_bx {
	margin-top: -90px;
	height: 620px;
	overflow: hidden;
	position: relative
}
.thrd_img_bx:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 185px;
	background-image: linear-gradient(#002D3D00, #002D3DC2, #002D3D);
}
.img_thrd {
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.thrd_img_bx .container.container_custom .row,
.thrd_img_bx .container.container_custom .row .col-12 {
	height: 100%;
}
.qute_2 {
	max-width: 778px;
	width: 100%;
	text-align: center;
	margin: 30px auto 0;
}
.qute_2 h5 {
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	font-style: italic;
	color: #154A59;
}
.bg_typ_1 {
	background-color: #F9F9F9;
	padding-top: 68px;
	padding-bottom: 99px;
}
.title_2 {
	max-width: 900px;
	width: 100%;
	margin: 40px auto 0;
	background-image: url("../images/Stroke2.png");
	background-repeat: no-repeat;
	background-position: 50px -7px;
	background-size: contain;
	padding: 19px 0;
}
.title_2 h2 {
	font-size: 36px;
	line-height: 44px;
	color: #00394D;
	text-transform: uppercase;
	font-weight: 700;
}
.title_2 p {
	color: #154A59;
	font-size: 24px;
	line-height: 34px;
	font-style: italic;
	font-weight: 600;
}
.white_bg_bx {
	background-color: #fff;
	padding: 40px 42% 40px 60px;
	position: relative;
	margin: 40px 0 0 0;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 4px;
}
.img_5 {
	position: absolute;
	right: -50px;
	top: -50px;
	width: 570px;
}
.three_blck_bx {
	padding: 0 12.9%;
	position: relative;
	margin: 60px 0 0 0;
}
.three_blck_bx:before {
	content: url("../images/QuestionMarkR.png");
	position: absolute;
	top: 0;
	right: 0;
}
.three_blck_bx:after {
	content: url("../images/QuestionMarkL.png");
	position: absolute;
	top: 0;
	left: 0;
}
.three_blck_bx .h_ {
	font-size: 18px;
	color: #154A59;
	line-height: 28px;
	font-weight: 600;
	font-style: italic;
}
.grn_shd_bg {
	background-color: #CFE7C780;
	padding: 30px 50px;
	border-radius: 6px;
	margin: 30px 0;
}
.grn_shd_bg h3 {
	font-size: 24px;
	line-height: 34px;
	color: #154A59;
	margin: 0 0 10px 0;
	font-weight: 600;
	font-style: italic;
}
.grn_shd_bg p {
	color: #00394D;
	line-height: 28px;
	font-size: 16px;
	margin: 0;
}
.f_ {
	font-size: 16px;
	line-height: 28px;
	color: #00394D;
	padding: 0 60px;
}
.bg_typ_2 {
	background-color: #E3EBEE;
	position: relative;
	padding-top: 20px;
	padding-bottom: 40px;
}
.img_6 {
	margin-top: -100px;
	margin-bottom: -158px;
}
.deep {
	text-align: center;
	max-width: 1006px;
	width: 100%;
	margin: 100px auto 40px;
}
.deep p {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: #154A59;
	font-style: italic;
}
.title_3 {
	text-align: center;
	max-width: 708px;
	width: 100%;
	margin: 0 auto 20px;
	background-image: url("../images/Stroke3.png");
	background-repeat: no-repeat;
	background-position: center 0;
	padding-top: 30px;
}
.title_3 h3 {
	font-size: 36px;
	line-height: 44px;
	color: #00394D;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 36px 0;
}
.title_3 h3 a {
	color: #00394D;
	text-decoration: underline;
}
.title_3 p {
	color: #154A59;
	font-size: 24px;
	line-height: 34px;
	font-style: italic;
	font-weight: 600;	
}
.title_3 p a {
	text-decoration: underline;
	color: #154A59;
}
.bg_typ_3 {
	background-color: #F9F9F9;
}
.white_bg_bx_2 {
	background-color: #fff;
	margin: 0 60px;
	padding: 50px 60px;
	text-align: center;
	position: relative;
	z-index: 2;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 4px;
}
.white_bg_bx_2 .h2_ {
	font-size: 16px;
	line-height: 28px;
	color: #59869B;
	font-weight: 500;
}
.title_4 {
	color: #154A59;
	font-size: 24px;
	line-height: 34px;
	font-weight: 600;
	font-style: italic;
	max-width: 648px;
	width: 100%;
	margin: 0 auto;
	padding: 43px 10px;
	background-image: url("../images/Stroke4.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.white_bg_bx_2 .f2_ {
	font-size: 18px;
	color: #154A59;
	line-height: 28px;
	font-weight: 600;
	font-style: italic;
	padding: 0 9.1%;
}
.four_img_bx {
	height: 860px;
	overflow: hidden;
	position: relative;
	margin-top: -200px;
}
.four_img_bx::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 273px;
	background-image: linear-gradient(#002D3D00, #002D3DC2, #002D3D);
}
.four_img_bx .container.container_custom .row,
.four_img_bx .container.container_custom .row .col-12 {
	height: 100%;
}
.qute_4 {
	position: absolute;
	bottom: 40px;
	left: 50%;
	z-index: 1;
	color: #fff;
	max-width: 1024px;
	width: 100%;
	transform: translateX(-50%);
	text-align: center;
}
.qute_4 h5 {
	font-size: 36px;
	line-height: 46px;
	color: #FFFFFF;
	font-weight: 600;
	font-style: italic;
	margin-bottom: 20px;
}
.qute_4 h5 a {
	color: #FFFFFF;
	text-decoration: underline;
}
.qute_4 p {
	color: #E6E888;
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
}
.qute_4 p a {
	color: #E6E888;
	text-decoration: underline;
}
.ceo_desc_bx {
	max-width: 1044px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-top: 78px;
	padding-bottom: 93px;
}
.ceo_desc_bx h4 {
	font-size: 24px;
	line-height: 34px;
	color: #154A59;
	font-weight: 600;
	margin: 0 0 20px 0;
	font-style: italic;
}
.ceo_desc_bx > p {
	font-size: 18px;
	line-height: 28px;
	color: #154A59;
	font-weight: 600;
	font-style: italic;
	max-width: 852px;
    margin: 0 auto;
}
.roundimg {
	width: 184px;
	height: 184px;
	margin: 29px auto 0;
	border-radius: 50%;
	overflow: hidden;
}
.qute_5 {
	max-width: 629px;
	width: 100%;
	margin: 22px auto 0;	
	padding: 13px 50px;
	background-image: url("../images/Stroke5.png");
	background-repeat: no-repeat;
	background-position: center;
}
.qute_5 h5 {
	font-size: 26px;
	line-height: 36px;
	color: #00394D;
	font-weight: 600;
	font-style: italic;
}
.qute_5 h5 a {
	color: #00394D;
	text-decoration: underline;
}
.ceo_nm h6 {
	font-size: 20px;
	line-height: 24px;
	color: #00394D;
	font-weight: 600;
	opacity: 0.9;
	margin: 20px 0 0 0;
}
.ceo_nm p {
	font-size: 14px;
	line-height: 18px;
	color: #00394D;
	opacity: 0.6;
	font-style: normal;
	font-weight: 400;
	margin: 0 0 20px 0;
}
.ceo_nm p a {
	color: #00394D;
	text-decoration: underline;
}
.ceo_page .footer .container {
	max-width: 1345px;
	width: 100%;
}
.ceo_page .footer{
	background:  url("https://cdn.dscovr.com/images/noise-trans.png") 0 0 repeat #00394D;
	position: relative;
	z-index: 1;
    bottom: inherit;
    padding: 10px 0 10px;
    height: auto !important;
    font: initial;
}
.ceo_page .footer:before{
	/*background: inherit;
	top: 0;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	transform: skewY(1.8deg);
	transform-origin: 100%;*/
    content: '';
    left: 0;
    top: -30px;
    position: absolute;
	z-index: -1;
    width: 0;
    height: 0;
    border-bottom: 30px solid #00394D;
    border-right: 100vw solid transparent;
}
.ceo_page .ftsocial{
	margin-bottom: 10px;
}
.ceo_page .ftsocial a{
	font-size: 18px;
	color: #698F8A;
	transition:all 0.3s;
	-moz-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	-o-transition:all 0.3s;
}
.ceo_page .ftsocial a + a{
	margin-left: 16px;
}
.ceo_page .ftsocial a:hover{
	color: #ffffff;
	text-decoration: none;
}
.ceo_page .footer .ftlinks a{
	color: #91B3A2;
}
.ceo_page .copyright{
	color: #698F8A;
}
.ceo_page .ftlinks {
    padding-top: 5px;
    padding-bottom: 5px;
}
.ceo_page .ftlinks ul {
    margin: 0;
    padding: 0;
    display: inline-block;
    list-style-type: none;
}
.ceo_page .ftlinks li:first-child {
    padding-left: 0;
}
.ceo_page .ftlinks li {
    float: left;
    padding: 0 10px;
    position: relative;
}
.ceo_page .ftlinks li + li:before {
    height: 10px;
    width: 0;
    content: '';
    position: absolute;
    top: 4px;
    left: 0;
    border-left: 1px solid #95989A;
}
.ceo_page .footer .ftlinks a {
    color: #91B3A2;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
}
.ceo_page .footer .ftlinks a {
	text-decoration: none;
}
.ceo_page .copyright {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #698F8A;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
}

.custom1top .stories, .bg_typ_2 .stories{
	font-size: 24px;
    line-height: 34px;
}
.bg_typ_2 .stories a {
	color: #154A59;
	text-decoration: underline;
}
.custom1top .stories:last-child {
	text-indent: 62px;
}
.custom1bott .grn_shd_bg p, .custom1bott .f_, .bg_typ_2 .desc_bx p{
	font-weight: 500;
}
.three_blck_bx .h_, .three_blck_bx .grn_shd_bg, .three_blck_bx .f_ {
	position: relative;
	z-index: 2;
}

/*pagination*/
.blgpagination {
	max-width: 320px;
	width: 35%;
	position: fixed;
	z-index: 10;
	right: 20px;
	bottom: 40px;
	display: flex;
	flex-direction: row-reverse;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
	border-radius: 20px;
	overflow: hidden;
	background-color: #fff;
	transition: all 0.5s ease-out;
	font-family: 'Roboto', sans-serif;
	opacity: 0;
}
.pgntndscbx {
	flex: 1;
	padding: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.pgntndscbx > a {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.pgntndscbx a:hover, .pgntndscbx a:focus {
	text-decoration: none;
	outline: none;
}
.pgntnimgbx {
	flex: 0 0 40%;
	height: 106px;
}
.pgntnimgbx img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0 0;
}
.pgntndscbx h4 {
	font-size: 20px;
	line-height: 26px;
	color: #707070;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	flex: 0 0 100%;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 60px;
}
.pgntbtnbx {
	display: flex;
	justify-content: space-between;
	flex: 0 0 100%;
	align-items: flex-end;
}
.pgntbtnbx a {
	font-size: 12px;
	color: #707070;
}
.pgntbtnbx a:hover, .pgntbtnbx a:focus {
	text-decoration: none;
	outline: none;
}
.pgntbtnbx a:hover .pgntnico {
	background: #e1e1e1;
}
.pgntnico {
	width: 25px;
	height: 25px;
	display: inline-block;
	text-align: center;
	line-height: 25px;
	background: #f5f5f5;
	border-radius: 50%;
	color: #707070;
	transition: all .3s ease-in-out;
	font-size: 12px;
}
.pgntnprev .pgntnico {
	margin-right: 5px;
}
.pgntnnxt .pgntnico {
	margin-left: 5px;
}
.pgntbtnbx.pgntbtnfirstbx {
	justify-content: flex-end;
}
.txt {
	font-size: 14px;
	color: #707070;
	font-family: 'Roboto', sans-serif;
}
/*pagination*/

/*******************************************************
=========K.B.=RESPONSIVE=============ceo-desk page
*******************************************************/

@media only screen and (min-width: 1200px) {
	.ceo_page .container {width: 100%; max-width: 1293px;}
}
@media only screen and (max-width: 1200px) {
	.ceo_page .container {width: 95%; max-width: 1293px;}
	.ceo_quote {
		width: 540px;
	}
	.ceo_quote h1 {
		font-size: 34px;
		line-height: 44px;
	}
	.qut_img {
		width: 30px;
	}
	.story_title h2, .title_2 h2, .title_3 h3 {
		font-size: 38px;
		line-height: 48px;
	}
	.title_2 p, .title_3 p {
		font-size: 22px;
		line-height: 32px;
	}
	.img_5 {
		width: 510px;
	}

}
@media only screen and (max-width: 1024px) {
	.ceo_banner {
		height: 470px;
		overflow: hidden;
		position: relative;
	}
	.ceo_quote {
		width: 540px;
		position: absolute;
		top: 136px;
		right: 20px;
	}
	.story_title h2 {
		padding: 15px 20px 40px 20px;
	}
	.story_title h2 span.stry_nm {
		font-size: 20px;
	}
	.story_title h2 span.stry_dsgn {
		font-size: 12px;
	}
	.story_title h2, .title_2 h2, .title_3 h3 {
		font-size: 36px;
		line-height: 46px;
	}
	.title_2 p, .title_3 p {
		font-size: 20px;
		line-height: 30px;
	}
	.stories, .higlight_part p, .conv_bx h3, .each_conv_bx h4, 
	.custom1top .stories, .bg_typ_2 .stories, .three_blck_bx .h_, 
	.deep p, .white_bg_bx_2 .f2_, .qute_2 h5{
		font-size: 16px;
		line-height: 26px;
	}
	.desc_bx p, .each_conv_bx p, .grn_shd_bg p, .custom1bott .f_, 
	.white_bg_bx_2 .h2_, .qute_4 p {
		font-size: 14px;
		line-height: 24px;
	}
	.qute_2 {
		max-width: 458px;
		width: 100%;
	}
	.cont_ex_spce {
		padding-right: 40px;
		padding-left: 40px;
	}
	.img_2 {
		transform: scale(1.60);
		right: -22px;
	}
	.higlight_part {
		padding: 40px 8%;
	}
	.each_conv_bx {
		text-align: center;
		padding: 0 5px 15px;
	}
	.thrd_img_bx {
		height: 470px;
	}
	.ceo_quote h1, .qute_4 h5 {
		font-size: 32px;
		line-height: 42px;
	}
	.white_bg_bx {
		padding: 40px 45% 40px 40px;
	}
	.white_bg_bx_2 {
		padding: 30px 40px;
	}
	.img_5 {
		width: 470px;
	}
	.grn_shd_bg h3 {
		font-size: 22px;
		line-height: 32px;
	}
	.title_4 {
		max-width: 588px;
		padding: 33px 10px;
		font-size: 20px;
		line-height: 30px;
	}
	.white_bg_bx_2 .f2_ {
		padding: 0 20px;
	}
	.four_img_bx {
		height: 700px;
	}
	.ceo_desc_bx {
		width: 90%;
		padding-top: 48px;
		padding-bottom: 73px;
	}
	.ceo_desc_bx h4 {
		font-size: 20px;
		line-height: 30px;
	}
	.ceo_desc_bx > p {
		font-size: 16px;
		line-height: 26px;
		max-width: 90%;
	}
	.qute_5 {
		max-width: 500px;
		background-size: contain;
	}
	.qute_5 h5 {
		font-size: 22px;
		line-height: 32px;
	}
	.ceo_nm h6 {
		font-size: 18px;
		line-height: 22px;
	}
	.ceo_nm p {
		font-size: 12px;
		line-height: 16px;
	}
}
@media only screen and (max-width: 960px) {
	.ceo_quote {
		width: 525px;
	}
	.story_title h2, .title_2 h2, .title_3 h3 {
		font-size: 32px;
		line-height: 42px;
	}
	.story_title h2 span.stry_nm {
		font-size: 15px;
	}
	.story_title h2 span.stry_dsgn {
		font-size: 10px;
	}
	.higlight_part {
		padding: 30px 5%;
	}
	.ceo_quote h1, .qute_4 h5 {
		font-size: 30px;
		line-height: 40px;
	}
	.title_2 p, .title_3 p {
		font-size: 18px;
		line-height: 28px;
	}
	.img_5 {
		width: 50%;
	}
	.grn_shd_bg h3 {
		font-size: 20px;
		line-height: 30px;
	}
	.title_3 {
		max-width: 75%;
		width: 100%;
		margin: 0 auto 20px;
	}
	.white_bg_bx_2 {
		padding: 30px 40px;
		margin: 0 40px;
	}
	.custom1top .stories:last-child {
		text-indent: 52px;
	}
}

@media only screen and (max-width: 800px) {
	.ceo_quote {
		width: 385px;
	}
	.ceo_quote h1 {
		font-size: 23px;
		line-height: 33px;
	}
	.qute_4 h5 {
		font-size: 24px;
		line-height: 34px;
	}
	.story_title h2, .title_2 h2, .title_3 h3 {
		font-size: 29px;
		line-height: 39px;
	}
	.stories, .higlight_part p, .conv_bx h3, .each_conv_bx h4, .custom1top .stories, 
	.bg_typ_2 .stories, .three_blck_bx .h_, .deep p, 
	.white_bg_bx_2 .f2_, .qute_2 h5 {
		font-size: 14px;
		line-height: 24px;
	}
	.qute_2 {
		max-width: 398px;
		width: 100%;
	}
	.desc_bx p, .each_conv_bx p, .grn_shd_bg p, .custom1bott .f_, .white_bg_bx_2 .h2_ {
		font-size: 12px;
		line-height: 22px;
	}
	.title_2 {
		max-width: 90%;
	}
	.title_2 p, .title_3 p {
		font-size: 16px;
		line-height: 26px;
	}
	.title_4 {
		max-width: 97%;
		padding: 33px 10px;
		font-size: 18px;
		line-height: 26px;
	}
	.ceo_desc_bx h4 {
		font-size: 18px;
		line-height: 28px;
	}
	.ceo_desc_bx > p {
		font-size: 14px;
		line-height: 24px;
		max-width: 90%;
	}
	.roundimg {
		width: 240px;
		height: 240px;
	}
	.qute_4 p {
		font-size: 14px;
		line-height: 24px;
	}

}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/*pagination*/
	.pgntndscbx h4 {font-size: 17px;line-height: 20px; height: 42px;}
	.pgntnimgbx {flex: 0 0 40%; height: 105px;}
	/*pagination*/
}
@media only screen and (max-width: 768px) {
	.ceo_banner {
		height: 410px;
	}
	.story_title h2, .title_2 h2, .title_3 h3 {
		font-size: 27px;
		line-height: 37px;
	}
	.story_title h2 {
		padding: 15px 20px 25px 20px;
	}
	.brdr_main .brdr_bx {
		max-width: 50%;
		flex: 0 0 50%;
		-ms-flex:0 0 50%;
	}
	.brdr_main .brdr_bx:nth-child(2) {
		border-right: 0;
		border-bottom: 1px solid #D4DDE0;
	}
	.brdr_main .brdr_bx:nth-child(1) {
		border-bottom: 1px solid #D4DDE0;
	}
	.each_conv_bx {
		text-align: center;
		padding: 15px 5px 15px;
	}
	.cont_ex_spce {
		padding-right: 40px;
		padding-left: 40px;
		padding-bottom: 40px;
	}
	.three_blck_bx {
		padding: 0 8%;
	}
	.grn_shd_bg {
		padding: 25px 35px;
	}
	.grn_shd_bg h3 {
		font-size: 18px;
		line-height: 28px;
	}
	.title_3 h3 {
		margin: 0 0 30px 0;
	}
	.title_4 {
		max-width: 85%;
		padding: 33px 10px;
		font-size: 15px;
		line-height: 22px;
	}
	.bg_typ_1 {
		background-color: #F9F9F9;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.deep {
		margin: 40px auto 40px;
	}
	.ceo_desc_bx {
		padding-top: 40px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/*menu*/
	.nologinpage .dgmenuwrap {flex: 1;}
	.nologinpage .logowrap {flex: 1 1!important;}
	/*menu*/
}
@media only screen and (max-width: 767px) {
	.ceo_page .ftsocial {
		margin-bottom: 5px;
		text-align: center;
	}
	.ceo_page .copyright {
		text-align: center;
	}
	.img_bx.mb_bx {
		margin-top: -90px;
	}
	.img_2 {
		transform: scale(1);
		right: 0;
		top: 100px;
		width: 100%;
	}
	.thrd_img_bx {
		height: 430px;
	}	
	.qute_4 h5 {
		font-size: 22px;
		line-height: 32px;
	}
	.story_title h2, .title_2 h2, .title_3 h3 {
		font-size: 25px;
		line-height: 35px;
	}
	.title_2 p, .title_3 p {
		font-size: 15px;
		line-height: 25px;
	}
	.white_bg_bx {
		padding: 30px 43% 30px 30px;
	}
	.custom1top .stories:last-child {
		text-indent: 42px;
	}
	.white_bg_bx .desc_bx p:last-child {
		margin-bottom: 0;
	}
	.img_5 {
		position: absolute;
		right: -40px;
		top: -50px;
		width: 48%;
	}
	.title_2 {
		margin: 10px auto 0;
	}
	/*menu*/
	.nologinpage .dgmenuwrap {flex: 1;}
	.nologinpage .logowrap {flex: 1 1!important;}
	.nologinpage .header-menu-toggle {display: block;}
	.nologinpage .dgnav {position: fixed;top: 0;right: 0;z-index: 999999;visibility: hidden;width: 180px;height: 100vh;min-height: 100%; margin: 0;padding: 30px 0!important; -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1) 0s; transition: all .25s cubic-bezier(.645,.045,.355,1) 0s; -webkit-overflow-scrolling: touch;-webkit-transform: translate3d(280px,0,0); transform: translate3d(280px,0,0);color: hsla(0,0%,100%,.25); background: #fff;}
	.nologinpage .dgnav.is-visible { visibility: visible;overflow: visible;-webkit-transform: translateZ(0);transform: translateZ(0);}
	.nologinpage .header-nav__close { display: block; height: 30px;width: 30px;border-radius: 3px;background-color: rgba(0, 0, 0, 0.3);position: absolute;top: 20px;right: 20px; text-shadow: none; color: transparent;z-index: 800;cursor: pointer;}
	.nologinpage .header-nav__close span::before, .nologinpage .header-nav__close span::after {content: "";display: block;height: 2px;width: 12px;background-color: #FFFFFF;position: absolute;top: 50%;left: 9px; margin-top: -1px;}
	.nologinpage .header-nav__close span::before { -webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg); transform: rotate(-45deg);}
	.nologinpage .header-nav__close span::after {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
	.nologinpage ul.menu {display: block; margin: 29px 0 0;}
	.nologinpage .dgnav ul li {position: relative; float: none; width: 100%; margin: 0; padding: 0; background: none; border: none;font-size: 14px!important;}
	.nologinpage .dgnav ul li a.active, .nologinpage .dgnav ul li a:hover {color: #00394d!important; background: rgba(213,219,156,.3)!important; border-radius: 0;}
	/*menu*/

	/*padination*/
	.blgpagination {width: 125px;flex-wrap: wrap;}
	.pgntnimgbx {flex: 0 0 100%;height: 70px; display: none;}
	.pgntndscbx {padding: 10px 26px 10px 10px;}
	.pgntndscbx h4 {font-size: 11px;line-height: 18px;height: auto;min-height: 30px;}
	.pgntbtnbx {margin: 0px 0 0 0;position: absolute;right: 3px;top: 50%;transform: translateY(-50%);}
	.pgntbtnbx a {font-size: 12px;color: #707070;flex: 0 0 50%;text-align: center;}
	.pgntnnxt {display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;}
	.pgntnico {width: 20px;height: 20px;line-height: 20px;margin: 0 0 0px 0;font-size: 10px;}
	.pgntnprev .txt, .pgntnnxt .txt {display: none;}
	/*padination*/
}
@media only screen and (max-width: 640px) {

	.ceo_banner {
		height: 300px;
	}
	.ceo_quote {
		width: 315px;
		top: 86px;
	}
	.ceo_quote h1 {
		font-size: 20px;
		line-height: 30px;
	}
	.story_title {
		background-size: 80%;
		border-bottom: 1px solid #D4DDE0;
		background-repeat: no-repeat;
		max-width: 90%;
	}
	.qut_img {
		width: 20px;
	}
	.qute_4 {
		max-width: 90%;
	}
	.qute_4 h5 br {
		display: none;
	}
	.white_bg_bx_2 {
		padding: 30px 40px;
		margin: 0 20px;
	}
	.higlight_part {
		margin: 50px 0px 40px;
	}
	.three_blck_bx {
		padding: 0 6%;
		margin: 40px 0 0 0;
	}
	.title_2 {
		max-width: 80%;
	}
	.title_2 p br {
		display: none;
	}
	.three_blck_bx::before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 30%;
		background-image: url("../images/QuestionMarkR.png");
		height: 100%;
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 1;
	}
	.three_blck_bx::after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 30%;
		background-image: url("../images/QuestionMarkL.png");
		height: 100%;
		background-repeat: no-repeat;
		background-size: 100%;
		z-index: 1;
	}
	
	.img_6 {
		margin-top: 17%;
		margin-bottom: 0;
	}
	.deep {
		margin: 40px auto 20px;
	}
	.title_3 {
		background-size: contain;
		background-position: center 10px;
	}
	.title_3 h3 {
		margin: 0 0 15px 0;
	}
	.bg_typ_1 .white_bg_bx > .desc_bx p:last-child {
		margin-bottom: 0 !important;
	}
	.story_title h2, .title_2 h2, .title_3 h3 {
		font-size: 22px;
		line-height: 32px;
	}
	.white_bg_bx_2 {
		padding: 30px;
	}
}
@media only screen and (max-width: 575px) {
	.ceo_quote {
		width: 294px;
		top: 86px;
	}
	.ceo_quote h1 {
		font-size: 18px;
		line-height: 28px;
	}
	.ceo_page .container {
		width: 98%;
		max-width: 1293px;
	}
	.cont_ex_spce {
		padding-right: 25px;
		padding-left: 25px;
		padding-bottom: 30px;
	}
	.story_title {
		background-size: 98%;
		border-bottom: 1px solid #D4DDE0;
		background-repeat: no-repeat;
		max-width: 370px;
	}
	.white_bg_bx {
		padding: 25px 25px 30px 25px;
	}
	.img_5 {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
	}
	.three_blck_bx {
		padding: 0 25px;
		margin: 30px 0 0 0;
	}
	.three_blck_bx .f_ {
		padding: 0 20px;
	}
	.img_6 {
		margin-top: 20px;
		margin-bottom: 0;
	}
	.lft_img_bx.mt_mns {
		margin-top: -40px;
	}
	.bg_typ_2 {
		padding-bottom: 30px;
	}
	.deep {
		margin: 30px auto 20px;
	}
	.white_bg_bx_2 {
		padding: 25px;
	}
	.four_img_bx {
		height: 530px;
		margin-top: -140px;
	}
}
@media only screen and (max-width: 480px) {
	
	.higlight_part {
		margin: 50px 0px 30px;
	}
	.thrd_img_bx {
		height: 360px;
	}
	.title_2 {
		max-width: 90%;
		background-position: center 0;
		background-size: contain;
		padding: 19px 0 0;
	}
	.white_bg_bx {
		margin: 30px 0 0 0;
	}
	.grn_shd_bg {
		padding: 25px 25px;
	}
	.white_bg_bx_2 {
		margin: 0 15px;
	}
	.roundimg {
		width: 200px;
		height: 200px;
	}
	.qute_5 {
		padding: 13px 10px;
	}
	.qute_5 h5 {
		font-size: 20px;
		line-height: 30px;
	}
	.ceo_desc_bx {
		padding-bottom: 53px;
	}
	.img_fit {
		display: block;
		object-position: 65% 50%;
	}
	.ceo_quote h1 {
		font-size: 16px;
		line-height: 26px;
	}
	.ceo_quote {
		width: 234px;
		top: 76px;
	}
	.conv_bx h3 {
		margin: 26px 0 30px 0;
	}
	.title_3 {
		max-width: 90%;
	}
	.story_title h2, .title_2 h2, .title_3 h3 {
		font-size: 23px;
		line-height: 29px;
	}
	.story_title h2 span.stry_nm {
		font-size: 15px;
		position: relative;
		top: 3px;
	}
	.four_img_bx::after {
		height: 64%;
	}
	.qut_img {
		width: 15px;
	}
	.title_4 {
		max-width: 93%;
		padding: 33px 10px;
		font-size: 16px;
		line-height: 22px;
	}
	
}

@media only screen and (max-width: 479px) {
	/*padination*/
	.blgpagination {width: 125px;flex-wrap: wrap;}
	.pgntnimgbx {flex: 0 0 100%;height: 70px; display: none;}
	.pgntndscbx {padding: 10px 26px 10px 10px;}
	.pgntndscbx h4 {font-size: 11px;line-height: 18px;height: auto;min-height: 30px;}
	.pgntbtnbx {margin: 0px 0 0 0;position: absolute;right: 3px;top: 50%;transform: translateY(-50%);}
	.pgntbtnbx a {font-size: 12px;color: #707070;flex: 0 0 50%;text-align: center;}
	.pgntnnxt {display: flex;flex-direction: column-reverse;justify-content: center;align-items: center;}
	.pgntnico {width: 20px;height: 20px;line-height: 20px;margin: 0 0 0px 0;font-size: 10px;}
	.pgntnprev .txt, .pgntnnxt .txt {display: none;}
	/*padination*/
}

@media only screen and (max-width: 460px) {
	.four_img_bx {
		height: 570px;
		margin-top: -140px;
	}
	.roundimg {
		width: 180px;
		height: 180px;
	}
}
@media only screen and (max-width: 420px) {
	.white_bg_bx_2 {
		padding: 20px;
	}
	.ceo_desc_bx {
		width: 95%;
	}
	.white_bg_bx {
		padding: 20px 20px 30px 20px;
	}
	.each_conv_bx {
		text-align: center;
		padding: 15px 0px 15px;
	}
	.row.brdr_main {
		margin-right: -5px;
		margin-left: -5px;
	}
	.cont_ex_spce {
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 30px;
	}
	.higlight_part {
		padding: 30px 20px;
	}
	.three_blck_bx {
		padding: 0 20px;
		margin: 30px 0 0 0;
	}
	.grn_shd_bg {
		padding: 20px;
	}
}
@media only screen and (max-width: 400px) {
	.story_title {
		background-size: 100%;
	}
}
@media only screen and (max-width: 375px) {
	.ceo_quote h1 {
		font-size: 15px;
		line-height: 24px;
	}
	.ceo_quote {
		width: 208px;
		top: 76px;
	}
	.story_title {
		background-size: 100%;
		background-position: center;
		max-width: 93%;
	}
	.white_bg_bx_2 .f2_ {
		padding: 0 10px;
	}
	.four_img_bx {
		height: 680px;
		margin-top: -140px;
	}
}



@media only screen and (min-width: 1200px) {
	.ceo_page .container {width: 100%; max-width: 1293px;}
}
@media only screen and (min-width: 992px) and (max-width : 1199px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hmmaincontainer h1{font-size: 48px; line-height: 57px;}
	.hmmaincontainer h4{font-size: 22px; line-height: 26px;}
	.hmCompanyblk .complogo{padding-right: 40px;}
	.hmCompanyblk:before{left: 26px;}
	.hmCompanyblk:after{left: 28px;}
	.compDesc{padding-left: 26px;}
}
@media only screen and (max-width: 767px) {
	.hmsocialbott ul{align-items: center; justify-content: center;}
	.hmmainfooter .copyR{text-align: center;}
}
@media only screen and (min-width: 640px) and (max-width: 767px) {
	.header .logowrap{text-align: center;}
	/*.header .logowrap, .header .htopright{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}*/
	.hmmaincontainer h1{font-size: 48px; line-height: 57px;}
	.hmmaincontainer h4{font-size: 22px; line-height: 26px;}
	.hmCompanyblk .complogo{padding-right: 30px; height: 70px;}
	.hmCompanyblk:before{left: 22px; top: 74px;}
	.hmCompanyblk:after{left: 24px; top: 80px;}
	.compDesc{padding-left: 22px;}
	.compDesc p{font-size: 12px; line-height: 18px;}	
}
@media only screen and (min-width: 480px) and (max-width: 639px) {
	.header{padding: 15px 0 0;}
	.header .logowrap{text-align: center;}
	/*.header .logowrap, .header .htopright{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}*/
	.logowrap .desklogo{display: none;}
	.logowrap .moblogo{display: block; height: 45px;}
	.ceodesktop{margin-bottom: 30px;}
	/*.ceodesktop:before{display: none;}
	.ceodesktop a{padding: 6px 30px 6px 6px;}
	.ceodesktop a .imgblk{width: 32px; height: 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; max-width: 32px;}
	.ceodesktop a .info{font-size: 10px; line-height: 11px;}
	.ceodesktop a .info span{font-size: 16px; line-height: 18px;}
	.ceodesktop a:after{top: 11px;}*/
	.hmmidsection{/*background: #0000004D; border-top: 1px solid #92929259;*/ padding: 34px 0 30px;}
	.hmmidsection .title{max-width: 295px;}
	.hmmidsection .hmCompanyWrap{max-width: 295px; margin: 0 auto;}
	
	.hmmaincontainer{min-height: inherit; height: auto;}
	.hmmaincontainerinn{padding-bottom: 0; min-height: inherit;}
	.hmmaincontainer h1{font-size: 44px; line-height: 54px; margin-bottom: 17px;}
	.hmmaincontainer h4{font-size: 16px; line-height: 18px; max-width: 340px; margin: 0 auto 36px;}
	.hmCompanyWrap .col-md-3, .hmCompanyWrap .col-md-3:first-child{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.hmCompanyWrap .col-md-3:first-child .hmCompanyblk{padding-bottom: 36px;}
	.hmCompanyblk .complogo{padding: 0 0 0 32px; height: 100px; margin: 0;}
	.hmCompanyblk:before{left: 0; top: 40px;}
	.hmCompanyblk:after{left: 6px; top: 50px; width: 2px; height: 100%; background: url("../images/dot-v.png") 0 0 repeat-y;}
	.compDesc{padding-left: 30px;}
	.compDesc .date{font-size: 14px; line-height: 18px;}
	.compDesc p{font-size: 16px; line-height: 18px;}
	.hmmainfooter{display: block;}
}
@media only screen and (max-width: 479px) {
	.header{padding: 15px 0 0;}
	.header .logowrap{text-align: center;}
	/*.header .logowrap{-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%;}
	.header .htopright{-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}*/
	.logowrap .desklogo{display: none;}
	.logowrap .moblogo{display: block; height: 45px;}
	.ceodesktop{margin-bottom: 30px;}
	/*.ceodesktop:before{display: none;}
	.ceodesktop a{padding: 6px 30px 6px 6px;}
	.ceodesktop a .imgblk{width: 32px; height: 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; max-width: 32px;}
	.ceodesktop a .info{font-size: 10px; line-height: 11px;}
	.ceodesktop a .info span{font-size: 16px; line-height: 18px;}
	.ceodesktop a:after{top: 11px;}*/
	.hmmidsection{/*background: #0000004D; border-top: 1px solid #92929259;*/ padding: 34px 0 30px;}
	.hmmidsection .title{max-width: 295px;}
	.hmmidsection .hmCompanyWrap{max-width: 295px; margin: 0 auto;}
	
	.hmmaincontainer{min-height: inherit; height: auto;}
	.hmmaincontainerinn{padding-bottom: 0; min-height: inherit;}
	.hmmaincontainer h1{font-size: 44px; line-height: 54px; margin-bottom: 17px; padding: 0 15px;}
	.hmmaincontainer h4{font-size: 16px; line-height: 18px; max-width: 340px; margin: 0 auto 36px; padding: 0 15px;}
	.hmCompanyWrap .col-md-3, .hmCompanyWrap .col-md-3:first-child{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.hmCompanyWrap .col-md-3:first-child .hmCompanyblk{padding-bottom: 36px;}
	.hmCompanyblk .complogo{padding: 0 0 0 32px; height: 100px; margin: 0;}
	.hmCompanyblk:before{left: 0; top: 40px;}
	.hmCompanyblk:after{left: 6px; top: 50px; width: 2px; height: 100%; background: url("../images/dot-v.png") 0 0 repeat-y;}
	.compDesc{padding-left: 30px;}
	.compDesc .date{font-size: 14px; line-height: 18px;}
	.compDesc p{font-size: 16px; line-height: 18px;}
	.hmmainfooter{display: block;}
}
@media only screen and (max-width: 375px) {
	.hmmaincontainer h1{font-size: 36px; line-height: 46px;}
	.hmsocialbott ul li{margin: 5px;}
	.hmsocialbott ul li a{width: 38px; height: 38px;}
}