@font-face {
    font-family: 'BodoniRegular';
    src: url('../fonts/BodoniRegular.eot');
    src: url('../fonts/BodoniRegular.eot') format('embedded-opentype'),
         url('../fonts/BodoniRegular.woff2') format('woff2'),
         url('../fonts/BodoniRegular.woff') format('woff'),
         url('../fonts/BodoniRegular.ttf') format('truetype'),
         url('../fonts/BodoniRegular.svg#BodoniRegular') format('svg');
}


@font-face {
    font-family: 'AvenirBlack';
    src: url('../fonts/AvenirBlack.eot');
    src: url('../fonts/AvenirBlack.eot') format('embedded-opentype'),
         url('../fonts/AvenirBlack.woff2') format('woff2'),
         url('../fonts/AvenirBlack.woff') format('woff'),
         url('../fonts/AvenirBlack.ttf') format('truetype'),
         url('../fonts/AvenirBlack.svg#AvenirBlack') format('svg');
}
@font-face {
    font-family: 'AvenirHeavy';
    src: url('../fonts/AvenirHeavy.eot');
    src: url('../fonts/AvenirHeavy.eot') format('embedded-opentype'),
         url('../fonts/AvenirHeavy.woff2') format('woff2'),
         url('../fonts/AvenirHeavy.woff') format('woff'),
         url('../fonts/AvenirHeavy.ttf') format('truetype'),
         url('../fonts/AvenirHeavy.svg#AvenirHeavy') format('svg');
}
@font-face {
    font-family: 'AvenirMedium';
    src: url('../fonts/AvenirMedium.eot');
    src: url('../fonts/AvenirMedium.eot') format('embedded-opentype'),
         url('../fonts/AvenirMedium.woff2') format('woff2'),
         url('../fonts/AvenirMedium.woff') format('woff'),
         url('../fonts/AvenirMedium.ttf') format('truetype'),
         url('../fonts/AvenirMedium.svg#AvenirMedium') format('svg');
}
@font-face {
    font-family: 'AvenirLight';
    src: url('../fonts/AvenirLight.eot');
    src: url('../fonts/AvenirLight.eot') format('embedded-opentype'),
         url('../fonts/AvenirLight.woff2') format('woff2'),
         url('../fonts/AvenirLight.woff') format('woff'),
         url('../fonts/AvenirLight.ttf') format('truetype'),
         url('../fonts/AvenirLight.svg#AvenirLight') format('svg');
}




/*CATE*/


.success{
        color: white;
}

.owl-carousel, .owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent;
	position: relative;
	transition:all 0.5s ease
}
.owl-carousel {
	display: none;
	width: 100%;
	z-index: 1;
	position:relative
}
.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
	-moz-backface-visibility: hidden
}
.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}
.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item {
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none
}
.owl-carousel .owl-item img {
	max-width: 100%
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
	display: none
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
	display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}
.owl-carousel.owl-hidden {
	opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
	visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.owl-carousel.owl-grab {
	cursor: move;
	cursor: grab
}
.owl-carousel.owl-rtl {
	direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
	float: right
}
.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
	z-index: 0
}
.owl-carousel .owl-animated-out {
	z-index: 1
}
.owl-carousel .fadeOut {
	animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.owl-height {
	transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
	transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}
.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
	-ms-transform: scale(1.3, 1.3);
	transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}
.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%
}

.owl-theme .owl-dots, .owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
	margin-top: 0px;
}
.owl-next{left:-195px}
.owl-prev{left:-230px}
.owl-theme .owl-nav [class*=owl-] {
	color: #666666;
	margin: 5px;
	display: inline-block;
	cursor: pointer;
	border-radius: 100%;
	font-size:18px; transition:all 0.5s ease;
	position:absolute;
	top:86px; width:24px; height:24px; border-radius:100%; border:1px solid #666666; text-align:center; line-height:23px
}
.owl-theme .owl-nav [class*=owl-]:hover {
	transform:scale(1.3)
}
.owl-theme .owl-nav .disabled {
	opacity: .5;
	cursor: default
}
.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
	width: 7px;
	height: 7px;
	margin: 5px 3px;
	background: #818285;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px;
	transition:all 0.5s ease
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #c0c1c3; 
}
.owl-item > div {
  cursor: pointer;
  padding: 10%;
  transition: margin 0.4s ease;
}
.owl-item.center > div {
  cursor: auto; background: #32353D;transition-delay: 0.3s;
}
.owl-item.center img{height: 433px; filter: grayscale(0)}

.ne h5{font-family: 'AvenirHeavy'; color: #000; font-size: 22px; line-height: 30px; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 15px;}
.ne p{font-family: 'AvenirMedium'; color: #919191; font-size: 15px; line-height: 24px; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.ne a{font-family: 'AvenirBlack'; color: #000; font-size: 14px; text-transform: uppercase; position: relative}
.ne a:before{position: absolute; left: -120px; top: 7px; content: ""; width: 100px; height: 2px; border-radius: 45px; background: #F01516; transition: all 0.5s ease;transform: scaleX(0); transform-origin: right;transition-delay: 0.3s;}
.ne img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: 0; transition: all 0.5s ease}
.ne h3{font-family: 'AvenirHeavy'; font-size: 25px; color: #000; text-align: center; margin-bottom: 150px}
.ne h3 span{font-family: 'AvenirMedium'; font-size: 14px; color: #717171}
.ne{padding: 100px 0 250px; margin-bottom: -200px; background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); position: relative}
.ne .owl-nav{position: absolute; left: 0; right: 0; top: -125px; text-align: center}
.ne .owl-prev, .ne .owl-next{left: inherit; display: inline-block; width: 42px; height: 42px; border-radius: 100%; background: #242424; color: #fff; font-size: 25px; line-height: 42px; margin:0 7px; transition: all 0.5s ease}
.ne .owl-prev:hover, .ne .owl-next:hover{background: #F01516}

.owl-item.center > div h5{color: #fff; }
.owl-item.center > div a{color: #F01516; }
.owl-item.center > div a:before{transform: scaleX(1); transform-origin: left;}
.owl-item.center > div img{opacity: 0.07;transition-delay: 0.3s;}

/*CATE*/



/*SEARCH*/

body.search-active {
  overflow: hidden;
}
body.search-active .search-input {
  opacity: 1;
  transform: none;
  pointer-events: all;
}
body.search-active .icon-close {
  opacity: 1;
  transform: rotate(-90deg); display: block
}
body.search-active .control {
  cursor: default;
}
body.search-active .control .btn-material {
  transform: scale(200);
}
body.search-active .control .flaticon-magnifying-glass {
  opacity: 0;
}

/* Close Icon */
.icon-close {
  position: fixed;
  top: 30px;
  right: 30px;
  color: #FFF;
  cursor: pointer;
  font-size: 70px;
  opacity: 0;
  transition: all 0.3s ease-in-out; display: none; transition: all 0.5s ease
}
.icon-close:hover {
  transform: rotate(0);
}

/* Search Input */
.search-input {
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50px;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: all 0.5s ease-in-out;
}
.search-input input {
  color: #fff;
  font-size: 54px;
  border: 0;
  background: transparent;
  -webkit-appearance: none;
  box-sizing: border-box;
  outline: 0;
  font-weight: 200;
}
.search-input ::-webkit-input-placeholder {
  color: #EEE;
}
.search-input :-moz-placeholder {
  color: #EEE;
  opacity: 1;
}
.search-input ::-moz-placeholder {
  color: #EEE;
  opacity: 1;
}
.search-input :-ms-input-placeholder {
  color: #EEE;
}
.control .btn-material {
  position: absolute;
  top: 22px;
  width: 40px;
  height: 40px;
  right: 30px;
  border-radius: 100%;
  box-sizing: border-box;
  background: #000;
  outline: 0;
  transform-origin: 50%;
  transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);cursor: pointer;
}
.control .btn-material:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.control .flaticon-magnifying-glass {
  color: #FFF;
  position: absolute;
  top: 27px;
  right: 40px;
  transition: opacity 0.3s ease-in-out;cursor: pointer;
}


/*SEARCH*/



/*DIRECTORS*/


.gridder {
	margin: 0px;
	padding: 0px;
	list-style-type: none
}
.gridder-list {
	display: inline-block;
	vertical-align: top
}
.gridder-show {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	background: #EEE url("../images/loading-spin.svg") no-repeat center
}
.gridder-show.loading {
	background: #EEE url("../images/loading-spin.svg") no-repeat center
}
.gridder-content {
	display: none
}
.gridder-list {
	width: 15.83333%
}
.gridder-list:nth-child(n) {
   padding: 2% 1%;  margin: 0 2% 2% 0; text-align: center; height: 402px;width: 23.5%;transition: all 0.5s ease; position: relative; z-index: 1
}
.gridder-list:nth-of-type(4n) {
	margin-right: 0;
}
.gridder-show {
	padding: 20px 20px;
	background: #fff;
	margin-bottom: 1px; margin-top: -23px
}
.gridder-navigation .gridder-nav.disabled {
	opacity: .5
}
.gridder-list {
	cursor: pointer
}
.hasSelectedItem .gridder-list {
	opacity: .3
}
.hasSelectedItem .gridder-list.selectedItem {
	opacity: 1;
	position:relative
}
.gridder-list:before{
	width: 100%;
	height: 0;
	position:absolute;
	content:"";
	left: 0; bottom: 0; background: #34373F; transition: all 0.5s ease
}
.gridder-list .scroll-down{right: inherit; left: 30px; z-index: 1; opacity: 0; bottom: -55px;}
.hasSelectedItem .gridder-list.selectedItem:before{height: 100%}
.hasSelectedItem .gridder-list.selectedItem .scroll-down{opacity: 1}
.gridder {
	margin: 0;
	padding: 0px;
	list-style-type: none;
	font-size: 0
}
.gridder-list, .gridder-show {
	font-size: 14px
}
.gridder-list {
	display: inline-block;
	vertical-align: top
}
.gridder-show {
	display: block;
	float: left;
	width: 200%;
	position: relative; left: -50%
}
.gridder-content {
	display: none
}
.gridder-list figure{position: relative; margin: 0}
.gridder-list img{width: 240px; height: 240px; border-radius: 100%; overflow: hidden; object-fit: cover; object-position: center;}
.gridder-list figcaption{margin: 20px 0; color: #000; font-size: 16px;font-family: 'AvenirBlack';letter-spacing: 1px; line-height: 21px}
.gridder-list figcaption span{letter-spacing: 0px; color: #7E7E7E; font-size: 13px; font-family: 'AvenirMedium'; display: block}
.gridder-list h5{font-family: 'AvenirBlack'; font-size: 13px; text-transform: uppercase; position: relative; margin: 20px 0 0; letter-spacing: 0.7px; display: inline-block; transition: all 0.5s ease}
.gridder-list.selectedItem h5{opacity: 0}
.gridder-list.selectedItem figcaption, .gridder-list.selectedItem figcaption span{color: #fff}
.gridder-list h5:before{position: absolute; left: -70px; top: 5px; content: ""; width: 60px; height: 2px; background: #F01516}
.pdct-sec{padding: 80px 0 40px}
.gridder-close{float: right; transition: all 0.5s ease}
.gridder-close:hover{transform: rotate(180deg)}
.gridder-nav{margin-right: 10px}
.gridder-navigation{padding: 15px 15px 30px; position: relative; margin: 0 auto; width: 52%;}
.directors{background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); padding: 100px 0 187px; margin-bottom: -187px; overflow: hidden}
.gridder-show p{font-family: 'AvenirLight'; line-height: 25px; font-size: 15px; color: #000}


/*DIRECTORS*/



/*ATTACH_FILE*/


.choose-file {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}


.choose-file + .upload-file {
  background-color: #fff;
  box-sizing: border-box;
  color: #7C7C7D;
  display: block;
  font-size: 16px;
  padding: .375rem 0;
  font-family: 'AvenirLight';
  border: 1px solid #808287;
  border-width: 0 0 2px 0; cursor: pointer
}


label.upload-file::before {
  content: "Choose file";
}

.choose-file:valid + .upload-file::before {
  content: "1 file chosen";
}


/*ATTACH_FILE*/


.ceo{background: #F5F5F5; padding: 150px 0 0;overflow: hidden; position: relative; margin-top: 100vh}
.ceo h4{color: #000; position: relative; font-family: 'AvenirMedium'; font-size: 22px; line-height: 40px; letter-spacing: 2px; margin: 50px 0 35px 45px; transition: all 0.8s ease; transform: translateX(-110%); transition-delay: 0.3s}
.ceo .aos-animate h4{transform: translateX(0)}
.ceo-sec{overflow: hidden}
.ceo h4:before{position: absolute; left: -52px; top: -52px; content: ""; width: 48px; height: 48px; background: url(../images/quote.png) no-repeat; }
.ceo h5{color: #000; font-size: 17px; font-family: 'AvenirBlack';letter-spacing: 2px;line-height: 21px; margin-bottom: 80px; margin-left: 45px;transform: translateX(-100%); transition: all 0.8s ease;transition-delay: 0.5s}
.ceo h5 span{color: #7E7E7E; font-family: 'AvenirMedium'; font-size: 13px}
.ceo .aos-animate h5{transform: translateX(0)}
.ceo-img{text-align: left; margin-top: -42px; position: relative}
.ceo-img img{max-width: 100%; height: 450px; position: relative}
.ceo-img:before{width: 332px; height: 334px; position: absolute; left: 0; top: -50px; content: ""; background: url(../images/quote1.png) no-repeat; background-size: contain}
.ceo-img:after{position: absolute; left: 43px; bottom:0; content: "KHALID AL RABBAN";font-family: 'AvenirBlack'; font-size: 73px; color: #F2F2F2; opacity: 0.12; line-height: 73px}
.bd{padding: 100px 0 150px; position: relative; background: #fff}
.bd h4{text-align: center; font-family: 'AvenirHeavy'; color: #34373F; font-size: 25px; text-transform: uppercase; margin-bottom: 130px; position: relative}
.bd h4 span{color: #717171; font-size: 14px;font-family: 'AvenirMedium'; letter-spacing: 2px}
.scroll-down{position: absolute; left: 0; right: 0; margin: auto; width: 5px; transform: rotateZ(-90deg); transform-origin: right bottom; bottom: -65px}
.scroll-down__line {position: absolute; left: 0; top: 50%; width: 52px; height: 0px; animation: scroll-down-line 2.5s infinite 551ms; }
.scroll-down__line:after {content: ''; display: block; width: 100%; height: 0; border-bottom: 5px solid #F01516; transform-origin: right center; transform: scale(0.001, 1); transform: none; opacity: 1; transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1), opacity 0s linear; border-radius: 25% }
@keyframes scroll-down-line {
0% {
    transform-origin: 0% 50%;
    transform: scale(1, 1); 
}
20% {
    transform-origin: 0% 50%;
    transform: scale(0.001, 1); 
}
20.01% {
    transform-origin: 100% 50%; 
}
38% {
    transform-origin: 100% 50%;
    transform: scale(1, 1); 
} 
}

.bd ul li{width: 25%; float: left; text-align: center}
.bd ul li img{width: 240px; height: 240px; border-radius: 100%; overflow: hidden; object-fit: cover; object-position: top}
.bd ul li a{display: block}
.bd ul li h5{margin: 20px 0; color: #000; font-size: 17px;font-family: 'AvenirBlack';letter-spacing: 1px; line-height: 21px}
.bd ul li h5 span{letter-spacing: 1.7px; color: #7E7E7E; font-size: 13px; font-family: 'AvenirMedium';}
.ftr-btm{background: #34373F; padding: 30px 0 15px; border-top: 1px solid #484848; position: relative}
.social-left{float: left}
.social-left ul li{display: inline-block; margin-right: 7px}
.social-left ul li a{display: block; width: 36px; height: 36px; border-radius: 100%; background: #fff; color: #34373F; text-align: center; line-height: 36px; font-size: 18px; transition: all 0.5s ease}
.social-left ul li a:hover{background: #F01516; color: #FFFFFF}
.ftr-nav{float: right}
.ftr-nav ul li{display: inline-block}
.ftr-nav ul li a{display: block; padding: 0 20px; color: #fff; font-family: 'AvenirMedium'; font-size: 16px; transition: all 0.5s ease; line-height: 36px; position: relative}
.ftr-nav ul li a:before{position: absolute; left: 0; right: 0; bottom: 16px; width: 70%; height: 3px; background: #F01516; content: ""; margin: auto; transition: transform 0.6s ease-in-out, background-color 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out; transform: scaleX(0); transform-origin: right; opacity: 0.7}
.ftr-nav ul li a:hover:before{transform: scaleX(1); transform-origin: left;}
.ftr-lft{float: left; margin-top: 30px; color: #B1B1B1; font-size: 14px;font-family: 'AvenirMedium';}
.ftr-rgt{float: right; margin-top: 30px; color: #656565 ; font-size: 14px;font-family: 'AvenirMedium';}
.ftr-rgt a{color: #656565 ;}
footer{background: #34373F; overflow: hidden; position: relative}
footer .form-group{position: relative}
footer .form-control{background: transparent !important; border-radius: 0; border-width: 0 0 2px 0; border-color: #808287;font-family: 'AvenirLight'; color: #7C7C7D; font-size: 16px; height: 50px; padding: 0 90px 0 0}
.nwsltr{padding: 10px 100px 10px 0;border-right: 1px solid #484848}
.nwsltr h3, .ftr-con h3{color: #fff; font-size: 30px; font-family: 'AvenirHeavy'; margin-bottom: 30px; position: relative}
.nwsltr h3 span, .ftr-con h3 span{color: #7C7C7D; font-size: 15px; font-family: 'AvenirLight';}
.btn-nws{position: absolute; top: 0; right: 0;font-family: 'AvenirMedium'; padding: 2px 15px 3px; color: #fff; cursor: pointer; background: #F01516; border-radius: 45px; border: none; font-size: 20px}
footer .form-control:focus{border-color: #808287; box-shadow: inherit;color: #7C7C7D;}
.ftr-con{position: relative}
.ftr-con:before{position: absolute; left: -30px; width: 400%; height: 140%; content: ""; top: 0; background:#2E3138;opacity: 0.5;}
.ftr-con a{display: block; position: relative;padding: 28px 0px 48px 50px; }
.ftr-con a:before{position: absolute; left: 50px; bottom: 18px; content: ""; width: 132px; height: 2px; background: #fff; transition: all 0.5s ease}
.ftr-con a:after{position: absolute; left: 167px; bottom: 12px; content: ""; width: 15px; height: 15px; border: 2px solid #fff;transform: rotate(45deg); transition: all 0.5s ease; border-width: 2px 2px 0 0}
.ftr-con a:hover:before{width: 200px}
.ftr-con a:hover:after{left: 235px}
.qpih{padding: 30px 0 ;position: relative}
.qpih:before{position: absolute; left: 0; bottom: 0; width: 100%; height: 50%; content: ""; background: #34373F}
.qpih-sec{width: 72%; margin: auto; background: #F01516; border-radius: 105px;padding: 25px 20px 20px; box-shadow: 0 23px 99px rgba(0, 0, 0, 0.57); position: relative; z-index: 1}
.qpih-sec ul li{float: left; width: 25%; text-align: center;}
.qpih-sec ul li h5{font-family: 'AvenirHeavy'; text-transform: uppercase; color: #fff; font-size: 14px; margin: 0}
.qpih-img{height: 50px; line-height: 50px;position: relative; margin-bottom: 10px;display: inline-block;}
.qpih-img:before{position: absolute; background: #D3D3D3; width: 49px; height: 49px; content: ""; left: -25px; top: 0; border-radius: 100%}
.qpih-img img{height: 50px;  position: relative;}
/*.qpih-sec ul li:nth-child(2n) .qpih-img:before{left: inherit; right: -25px}*/
.sec1{background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%); position: relative}
.sec1-sec{width: 70%; margin: auto; text-align: center; position: relative}
.sec1-sec h4{color: #000; position: relative; font-family: 'AvenirMedium'; font-size: 22px; line-height: 40px; letter-spacing: 2px; margin: 50px 0 0px 0px; padding-bottom: 35px}
.sec1-sec h5{color: #000; font-size: 17px; font-family: 'AvenirBlack';letter-spacing: 2px;line-height: 21px; padding-bottom: 80px; margin: 0}
.sec1-sec h5 span{color: #7E7E7E; font-family: 'AvenirMedium'; font-size: 13px}
.sec1-sec img{margin: -65px 0 50px 0; width: 60px}
.sec1-sec:before {width: 300px; height: 302px; position: absolute; left: 0; top: 50%; content: ""; background: url(../images/quote2.png) no-repeat; background-size: contain; right: 0; margin: auto; transform: translateY(-50%)}
.osub{padding: 120px 0 20px; text-align: center; position: relative; background: #fff}
.osub h3, .abt-sec h3{color: #34373F; font-size: 24px; font-family: 'AvenirHeavy'; margin-bottom: 20px}
.osub h5, .abt-sec h5{color: #34373F; font-size: 18px; font-family: 'AvenirLight'; margin-bottom: 130px; padding: 0 20%; position: relative; line-height: 28px;}
.osub ul li{float: left; text-align: left; width: 50%; padding: 20px; margin-top: -50px}
.osub ul li:nth-child(2){margin-top: 80px}
.osub-txt{margin-left: 55px; overflow: hidden; margin-bottom: 35px; padding-right: 60px}
.osub-txt img{position:absolute; left:0; top:25px; width:60px}
.osub ul li h4{color: #000; font-size: 20px; font-family: 'AvenirHeavy'; margin-bottom: 15px; transition: all 0.8s ease; text-transform: uppercase}
.osub ul li h4{transform: translateX(-100%)}
.osub ul li.aos-animate h4{transform: translateX(0)}
.osub ul li p{color: #919191; font-size: 16px; font-family: 'AvenirMedium';  line-height: 24px; transition: all 0.8s ease;}
.osub ul li p{transform: translateX(-100%)}
.osub ul li.aos-animate p{transform: translateX(0); transition-delay: 0.5s}
.osub-img{width: 400px; box-shadow: 19px 9px 36px rgba(0, 0, 0, 0.16); position: relative}
.osub-img .scroll-down{top: 25px; margin: inherit; left: 25px; bottom: inherit}
.osub-img img{max-width: 100%; height: 400px; object-fit: cover; object-position: center; width: 100%}
header{position: absolute; left: 0; top: 0; width: 100%; z-index: 1111}
.header{transition: all 0.5s ease}
.shrink{background: #fff; position: fixed; width: 100%;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)}
.shrink .smllogo a img{width: 75px}
.slider{position: fixed; top: 0; width: 100%; height: 100%}
.abt-tp{background: #34373F; padding: 200px 0 20px}
.inner_head .smllogo a{background: #fff}
.inner_head .wsmenu-list>li>a{color: #fff}
.inner_head.shrink .wsmenu-list>li>a{color: #000}
.abt-tp h3{color: #fff; font-size: 32px;font-family: 'AvenirMedium';}
.abt-sec{padding: 100px 0 50px}
.abt-sec h3, .org-sec h3{text-align: center; color: #34373F}
.org-sec{padding: 50px 0 100px; text-align: center}
.org-sec h3{text-transform: uppercase; position: relative; margin-bottom: 120px; font-size: 24px; font-family: 'AvenirHeavy';}
.org-main figure{position: relative; height: 280px}
.org-main-img{overflow: hidden; border-radius: 100%; width: 200px; height: 200px; margin: auto; transition: all 0.5s ease; position: relative}
.org-main-img img{width: 100%; height: 300px; object-fit: cover; object-position: top center}
.org-main-img:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(240, 21, 22, 0.3); transition: all 0.5s ease; opacity: 0}
.org-main-img:after{position: absolute; left: 28px; top: 5px; width: 200px; height: 200px; content: ""; transition: all 0.5s ease; border: 2px solid #fff; border-radius: 100%; transform: scale(2)}
.org-main figure:hover .org-main-img:after{transform: scale(1)}
.org-main figure:hover .org-main-img{width: 100%; height: 280px; border-radius: 0}
.org-main figure:hover .org-main-img:before{opacity: 1}
.org-main figcaption{padding: 15px 9px; color: #000; font-size: 16px; font-family: 'AvenirHeavy'; letter-spacing: 0.5px; line-height: 21px; position: absolute; bottom: 0; width: 100%}
.org-main figcaption span {letter-spacing: 0.5px; color: #7E7E7E; font-size: 13px; font-family: 'AvenirLight';}
.arw{width: 50px; height: 50px; position: absolute; right: 35px; top: -65px; border-radius: 100%; background: #efefef;  transition: all 0.5s ease; overflow: hidden}
.arw span{position: absolute; left: 0; top: 15px; width: 30px; height: 15px;transition:all 0.5s ease}
.arw span:before{position: absolute; left: 12px; top: 9px; content: ""; width: 25px; height: 2px; background: #F01516;}
.arw span:after{position: absolute; left: 28px; bottom: 0px; content: ""; width: 10px; height: 10px; border: 2px solid #F01516; transform: rotate(45deg); border-width: 2px 2px 0 0;}
.org-main figure:hover .arw span{animation-name: arrow; animation-duration: 1.5s; animation-iteration-count: infinite;}
@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  51% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    visibility: hidden;
  }
  52% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    visibility: hidden;
  }
  53% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.no-padding{padding: 0}
.org-lft img{object-fit: cover; object-position: top; width: 100%; height: 275px}
.org-rgt-con{height: 303px; overflow-y: scroll}
.org-rgt{padding: 25px}
.org-lft h3{font-size: 20px; font-family: 'AvenirHeavy'; color: #000; margin: 15px}
.org-lft h3 span{color: #7E7E7E; font-size: 16px}
.org-main figure:hover figcaption{color: #fff}
.org-main figure:hover figcaption span{color: #f4f4f4}
.abt-sec h5{text-align: center; padding: 0 28%;font-family: 'AvenirMedium'; color: #34373F}
.abt-sec h4{margin-bottom: 20px;font-family: 'AvenirLight'; font-size: 18px; line-height: 30px; letter-spacing: 0.5px; color: #000000 }
.abt-sec ul li, .con-tra ul li{position: relative; padding-left: 40px;font-family: 'AvenirLight'; color: #000; margin-bottom: 5px; font-size: 18px; line-height: 30px;}
.abt-sec ul li:before, .con-tra ul li:before {position: absolute; left: 0; top: 14px; content: ""; width: 16px; height: 3px; background: #8E8E8E; border-radius: 45px; transition: all 0.5s ease;}
.con-tra{text-align: left}
.con-tra{margin-top: 50px}
.con-tra p{text-align: center}
.map{height: 600px; position: relative; margin-bottom: -187px;z-index: 1;}
.con-sec{padding: 100px 0 0}
.con-btn{color: #fff; background: #F01516; text-transform: uppercase; font-size: 20px;font-family: 'AvenirMedium'; border-radius: 45px; padding: 10px 45px; border: none; margin: 10px 0 50px; cursor: pointer; transition: all 0.5s ease}
.con-btn:hover{background: #34373F}
.con-lft{padding: 77px; background: #F01516; margin-right: 20px}
.con-lft ul li{padding-left: 70px; color: #fff;font-family: 'AvenirMedium'; font-size: 20px; line-height: 30px; margin-bottom: 30px; position: relative}
.con-lft ul li a{color: #fff}
.con-lft ul li img{position: absolute; left: 0; top: 0; height: 34px}
.rw{padding: 200px 0 0; text-align: center}
.rw h3{color: #343434; font-family: 'AvenirHeavy'; font-size: 35px}
.rw h5{color: #676767; font-family: 'AvenirHeavy'; font-size: 20px; padding: 0 28%; line-height: 29px}
.rw-img{text-align: center; margin-top: -60px}
.rw-img img{max-width: 100%}
.pp-img {text-align: center; margin: 30px 0}
.pp-img img{max-width: 100%}
.rs{text-align: center; padding-bottom: 80px}
.rs h4, .rp h4{color: #34373F; font-family: 'AvenirHeavy'; font-size: 21px; margin-bottom: 100px; position: relative; text-align: center}
.rs p{color: #000; font-family: 'AvenirMedium'; font-size: 18px; line-height: 30px; letter-spacing: 1px}
.link-web{display: inline-block; color: #fff; background: #F01516;font-family: 'AvenirMedium'; font-size: 14px; padding: 8px 15px; border-radius: 45px; margin-top: 30px}
.link-web:hover{color: #fff}
.rp{text-align: center}
.rp-lft{border: 1px solid rgba(112, 112, 112, 0.18); margin: 0 20px 30px 40px; padding: 30px 10px 30px 80px; text-align: left; position: relative; height: 261px}
.rp-lft img{position: absolute; left: -11%; bottom: 48%; max-height: 180px;    transform: translateY(50%);}
.pp-lft{margin: 0 0px 30px 40px; padding: 30px 30px 30px 210px; height: auto}
.rp-lft h6{font-family: 'AvenirMedium'; color: #000; font-size: 26px; letter-spacing: 1px; line-height: 30px; margin-bottom: 20px}
.rp-lft h6 span{color: #969696; font-size: 15px; letter-spacing: 0}
.rp-lft ul li{float: left; width: 50%; text-align: center; padding: 15px; border: 1px solid rgba(112, 112, 112, 0.22); border-width: 0 1px 1px 0; font-size: 18px}
.rp-lft ul li:nth-child(2n){border-right: 0}
.rp-lft ul li:last-child, .rp-lft ul li:nth-last-child(2){border-bottom: 0}
.rp-tis{margin-left: 150px}
.rp-tis img{left: -48%;}
.achieve{background: #fbfbfb; padding: 100px 0 187px; margin-bottom: -187px}
.achieve ul li{text-align: center; margin: 15px 0; display: block;font-family: 'BodoniRegular'; cursor: pointer; position: relative}
.achieve ul li:before{position: absolute; left: 0; right: 0; margin: auto; content: "Achievements";font-family: 'BodoniRegular'; font-size: 150px; top: -25px; color: #34373F; opacity: 0.04; transform: scale(0); transition: all 0.5s ease}
.achieve ul li:hover:before, .achieve ul li.active:before{transform: scale(1)}
.achieve ul li h4{color: #C3C3C3; font-size: 60px; transition: all 0.5s ease; display: inline-block; position: relative}
.achieve ul li h4 img{position: absolute; right: -55px; top: -55px; width: 110px; height: 110px; object-fit: cover; object-position: center; border-radius: 100%; transition: all 0.5s ease; transform: scale(0)}
.achieve ul li p{font-family: 'AvenirLight'; font-size: 15px; padding: 0 20%; line-height: 24px; transition: all 0.5s ease; transform: scale(0); position: absolute}
.achieve ul li:hover h4, .achieve ul li.active h4{font-size: 120px; margin-bottom: 0; line-height: 120px; color: #34373F; text-shadow: -20px 16px 12px rgba(0, 0, 0, 0.17)}
.achieve ul li:hover h4 span, .achieve ul li.active h4 span{color: #F01516}
.achieve ul li:hover p, .achieve ul li.active p{transform: scale(1); position: relative}
.achieve ul li:hover img, .achieve ul li.active img{transform: scale(1); transition-delay: 0.2s}
.achieve h3{color: #34373F; font-size: 24px; position: relative; text-align: center; margin-bottom: 150px}
.tr-img{position: absolute; right: 0; bottom: 0}
.tr-img img{max-width: 100%}
.tri{background: url(../images/tri-tp.jpg) no-repeat center; background-size: cover; width: 100%; height: 100vh; position: fixed; top: 0}
.tri ul li{width: 65%; float: left; position: relative; height: 100vh}
.tri ul li:first-child{width: 35%}
.tr-txt{position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.tr-txt h4{font-family: 'AvenirMedium'; color: #000; font-size: 42px; margin-bottom: 20px}
.tr-txt h5{color: #fff; display: inline-block; background: #F01516; font-family: 'AvenirHeavy'; font-size: 15px; padding: 8px 15px; margin-right: 35px; position: relative}
.tr-txt h5:before{position: absolute; right: -21px; top: 15px; content: ""; width: 10px; height: 5px; background: #fff}
.tr-txt h5:last-child:before{display: none}
.bio{background: #34373F; padding: 100px 0 150px; text-align: center; position: relative; margin-top: 100vh}
.bio h4{font-family: 'AvenirMedium'; position: relative; color: #fff; font-size: 30px; margin:70px 0 80px; padding:0 35% }
.bio h4:before{position: absolute; left: 0;right: 0; top: -70px; margin: auto; content: ""; background: url(../images/quote.png) no-repeat; width: 48px; height: 48px}
.bio h5{font-family: 'AvenirMedium'; position: relative; color: #fff; font-size:24px; margin:0px 0 20px }
.bio p{font-family: 'AvenirLight'; position: relative; color: #fff; font-size:16px; margin:0px 0 20px; line-height: 25px; padding:0 15% }
.bio .scroll-down{bottom: -95px}
.tr-achi{background: #fff; padding: 100px 0; margin: 0; position: relative}
.sec2-img{width: 80%; margin: auto; position: relative}
.sec2{padding: 170px 0 200px; margin-bottom: -187px; background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); position: relative}
.sec2 h3{font-family: 'BodoniRegular'; color: #34373F; font-size: 300px; text-align: center; position: absolute; top: -200px; left: 0; right: 0; opacity: 0.04}
.compa{padding: 100px 0 187px; margin-bottom: -187px; position: relative}
.news{padding: 100px 0; margin-bottom: -140px}
.news a{padding: 60px; display: block; border-radius: 45px; transition: all 0.5s ease; position: relative; margin:0 50px 10px 0}
.news a img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 45px; object-fit: cover; object-position: center; transition: all 0.5s ease; transform: scale(0)}
.news a h4{color: #000; font-family: 'AvenirHeavy'; font-size: 22px; line-height: 28px; transition: all 0.5s ease; position: relative; padding-right: 46px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.news a p{color: #919191; font-family: 'AvenirMedium'; font-size:15px; line-height: 24px; position: relative; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 30px}
.news a h6{color: #000; font-family: 'AvenirBlack'; font-size:15px; position: relative; transition: all 0.5s ease}
.news a h6:before{position: absolute; left: -100px; top: 7px; content: ""; width: 80px; height: 2px; border-radius: 100px; background: #F01516}
.news a:hover{background: #32353D}
.news a:hover h4{color: #fff}
.news a:hover h6{color: #F01516}
.news a:hover img{opacity: 0.08; transform: scale(1)}
.nws-det{padding: 100px 0 150px; margin-bottom: -187px; background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);}
.nws-det h3{font-family: 'AvenirHeavy'; font-size: 28px; color: #000; margin: 30px 0 20px}
.nws-det p{font-family: 'AvenirMedium'; font-size: 15px; color: #919191; line-height: 24px}
.nws-det h5{font-family: 'AvenirMedium'; font-size: 18px; color: #919191; line-height: 28px; margin-bottom: 1rem;}
.dte{background: #F01516; padding: 8px 18px; color: #fff; font-size: 14px; border-radius: 45px; display: inline-block; margin-bottom: 10px}
.usr{background: #34373F; padding: 8px 18px; color: #fff; font-size: 14px; border-radius: 45px; display: inline-block}
.rcnt-upd h4{color: #000; font-family: 'AvenirHeavy'; font-size: 22px; margin-bottom: 25px}
.rcnt-upd ul li{margin-bottom: 20px}
.rcnt-upd ul li a{position: relative; display: block; padding-left: 35px; color: #919191; font-size: 15px; transition: all 0.5s ease}
.rcnt-upd ul li a:before{position: absolute; left: 0; top: 10px; content: ""; width: 16px; height: 2px; background: #8E8E8E; border-radius: 45px; transition: all 0.5s ease}
.rcnt-upd ul li a:hover{color: #34373F}
.rcnt-upd ul li a:hover:before{background: #F01516}
.crr{padding: 100px 0 187px; margin-bottom: -187px; overflow: hidden;background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);}
.crr .gridder-list:nth-child(n){text-align: left; height: 180px}
.crr .gridder-list h5{display: block}
.crr .gridder-list h5:before{width: 23px; left: -29px}
.crr .gridder-list .scroll-down{bottom: -75px}
.crr-des{padding-right: 40px}
.res{position: relative}
.res:after, .res-lst:before{position: absolute; left: 0; right: 0; top: -70px; width: 77%; height: 1px; background: #666565; content: ""; margin: auto}
.res:before{position: absolute; left: 0; right: 0; top: -70px; width: 1px; height: 787px; background: #666565; content: ""; margin: auto}
.res1{position: relative}
.res1:before{position: absolute; left: 0; right: 0; top: -70px; content: ""; margin: auto; width: 1px; height: 50px; background: #666565}
.res1:after{position: absolute; left: 0; right: 0; top: -20px; content: ""; margin: auto; width: 8px; height: 8px; background: #666565; border-radius: 100%}
.gceo{margin:70px auto; width: 25%; background: #fff; position: relative}
.gceo:before{position: absolute; left: 0; right: 0; margin: auto; top: -55px; content: ""; width: 10px; height: 10px; border-radius: 100%; background: #ed1d24}
.gceo-line{position: relative}
.gceo-line:before{position: absolute; right: 95px; top: 20px; width: 41.7%; height: 1px; content: ""; background: #666565}
.gceo-line:after{position: absolute; right: 95px; bottom: 0; width: 1px; height: 400px; content: ""; background: #666565}
.res-lst{margin: 70px 0 0; position: relative}
.res-lst .org-main-img{width: 150px; height: 150px}
.res-lst .org-main-img:after{width: 150px; height: 150px; left: 5px}
.res-lst .org-main figure, .res-lst .org-main figure:hover .org-main-img{height: 225px}
.res-lst .arw{right: 5px; top: -50px}
.res-lst:before{width: 83.5%}
.res-lst:after{position: absolute; left: 0; right: 0; top: -75px; width: 10px; height: 10px; content: ""; border-radius: 100%; background: #ed1d24; margin: auto}
.org-sec .scroll-down{right: 11px; z-index: 1}
.hg3{height: 246px !important}


@media (min-width:993px) and (max-width:1024px) {
	
	.wsmenu{width: auto !important}
	.tp-caption.large_text, .tp-caption.medium_dark{left: 30px !important}
	.ceo h4{font-size: 18px; line-height: 32px;}
	.bd ul li img, .gridder-list img{width: 180px; height: 180px}
	.bd ul li h5, .gridder-list figcaption{font-size: 15px;}
	.sec1-sec{width: 100%}
	.sec1-sec h5, .rs{padding: 0}
	.gridder-list:nth-child(n){height: 340px}
	.rp-tis img{left: -63%}
	.rw, .abt-tp{padding-top: 150px}
	.abt-tp{padding: 77px 45px}
	
}


@media (min-width:768px) and (max-width:992px) {
	
	.wsmenu-list li>.megamenu img{display: none}
	.shrink{height: 60px}
	.ceo-img{margin-top: 65px}
	.ceo-img img{height: 380px}
	.ceo h4{font-size: 18px; line-height: 32px; margin-bottom: 16px}
	.ceo{padding: 70px 0 0}
	.bd ul li{margin-bottom: 30px; width: 50%}
	.bd{padding: 100px 0}
	.osub-img, .sec1-sec, .qpih-sec{width: 100%}
	.osub-txt{margin-left: 30px; padding: 0}
	.osub-img img{height: 350px}
	.ftr-btm{text-align: center}
	.social-left, .ftr-nav{float: none}
	.ftr-nav ul li a{padding: 15px 15px 0; font-size: 14px;}
	.ftr-lft, .ftr-rgt{margin-top: 25px}
	.tp-caption.large_text, .tp-caption.medium_dark{left: 30px !important}
	.control .flaticon-magnifying-glass{left: 20px; right: inherit; top: inherit; bottom: 27px}
	.control .btn-material{top: inherit; right: inherit; bottom: 22px; left: 30px}
	.wsmenu-list>li>a:before{width: 100%; bottom: 0}
	.abt-tp{padding: 150px 0 20px}
	.abt-sec h5, .bio p, .rs{padding: 0}
	.tri .container{max-width: 100%}
	.tri ul li:first-child{width: 25%}
	.tri ul li{width: 75%}
	.tr-txt h4{font-size: 38px}
	.achieve ul li:before{font-size: 100px; top: 0}
	.sec2 h3{font-size: 100px; top: -122px}
	.tr-txt h5{padding: 8px 14px;font-size: 14px; margin-right: 27px;}
	.inner_head .wsmenu-list>li>a{color: #666}
	.gridder-list:nth-child(n){width: 48%}
	.rp-lft{margin: 0 0px 30px 0px}
	.rp-tis{margin-left: 82px; padding-left: 90px}
	.rp-tis img{max-height: 150px}
	.rp-lft h6{line-height: 22px}
	.pp-lft{padding-left: 250px}
	.pp-lft img{left: -8%}
	.rw{padding: 150px 0 0}
	.con-lft{padding: 67px 30px; margin: 0}
	.con-lft ul li img{height: 25px}
	.con-lft ul li{padding-left: 50px; font-size: 17px; line-height: 26px; margin-bottom: 40px;}
	.osub-txt img{position:relative; top:inherit; margin-bottom:10px}
	
}



@media (max-width:767px) {
	
	.wsmenu-list li>.megamenu img, .tp-rightarrow.default, .tp-leftarrow.default, .gridder-list h5:before, .achieve ul li:before{display: none}
	.osub-img, .sec1-sec{width: 100%}
	.shrink{height: 60px}
	.osub-img img{height: 150px}
	.bd ul li{width: 50%}
	.bd ul li img{width: 120px; height:120px}
	.bd ul li h5, .osub ul li h4{font-size: 14px}
	.sec1-sec h4, .ceo h4{font-size: 18px; line-height: 28px}
	.sec1-sec h4{margin: 0}
	.osub h5, .abt-sec h5, .sec1-sec h5, .rw h5, .achieve ul li p, .bio p, .bio h4{padding: 0}
	.osub-txt{margin-left: 0; padding-right: 0}
	.osub ul li p{font-size: 14px; line-height: 21px}
	.qpih-sec{width: 100%;     border-radius: 45px;}
	.qpih-sec ul li{width: 50%; margin-bottom: 20px}
	.ceo-img, .ftr-btm{text-align: center; }
	.ceo-img img{height: 300px}
	.qpih{padding: 40px 0}
	.nwsltr h3, .ftr-con h3{font-size: 24px}
	.nwsltr{padding-right: 0; border: none}
	.ftr-con a:before{bottom: 50px; left: 0}
	.ftr-con a:after{bottom: 44px; left: 117px}
	.social-left{float: none; margin-bottom: 20px}
	.ftr-nav ul li a{font-size: 14px; line-height: 30px; padding: 0 15px;}
	.ftr-lft{margin-top: 20px}
	.ftr-con a{padding-left: 0}
	.ftr-con a:hover:after {left: 185px;}
	.ftr-rgt, .ftr-left{float: none}
	.ftr-rgt, .rw-img{margin-top: 0}
	.ceo{padding: 80px 0 0;}
	.wsmenu-list>li>a:before{width: 100%; bottom: 0}
	.tp-caption.large_text{font-size: 17px !important; left: 10px !important}
	.tp-caption.medium_dark{font-size: 14px !important; left: 10px !important; line-height: 21px !important;margin-top: 30px !important}
	.control .flaticon-magnifying-glass{left: 20px; right: inherit; top: inherit; bottom: 27px}
	.control .btn-material{top: inherit; right: inherit; bottom: 22px; left: 30px}
	.inner_head .wsmenu-list>li>a{color: #666}
	.sec2{padding: 70px 0 200px;}
	.sec2 h3{opacity: 1; top: -50px; font-size: 30px}
	.gridder-list:nth-child(n){width: 48%; height: 290px}
	.gridder-list img{width: 120px; height: 120px;}
	.gridder-list figcaption{font-size: 14px}
	.gridder-list h5{font-size: 12px}
	.abt-tp{padding-top: 150px}
	.rw{padding: 150px 0 0}
	.rw h3{font-size: 30px}
	.rs p, .con-tra ul li{font-size: 15px; line-height: 24px}
	.rp-lft{margin: 0 0px 30px 0px;}
	.rp-lft h6 span{line-height: 10px}
	.rp-tis{margin-left: 50px; padding-left: 114px;}
	.pp-lft img{position: relative; max-width: 100%; bottom: inherit; transform: inherit; left: inherit;}
	.pp-lft{padding: 20px}
	.con-lft ul li{padding-left: 55px; font-size: 16px; line-height: 24px; margin-bottom: 25px}
	.con-lft{padding: 30px; margin: 0 0 30px}
	.con-lft ul li img{height: 25px}
	.achieve ul li:hover h4, .achieve ul li.active h4{font-size: 90px}
	.bio h4{margin: 70px 0 30px;}
	.tri ul li{width: 100%; float: none; height: 50vh}
	.tri ul li:first-child{width: 100%}
	.tr-txt{transform: none; top: inherit; bottom: 0}
	.tr-txt h4{font-size: 36px}
	.osub-txt img{position:relative; top:inherit; margin-bottom:10px}
}