html { 
	height: 100%; 
	scroll-behavior: smooth
}
body { 
	padding:0; 
	margin:0; 
	height: 100%; 
	background: #ffffff; 
	font-family: 'Montserrat', sans-serif;
	font-size: 18px; 
	color: #22252a; 
	line-height: 1.8; 
	font-weight: 500;
	position: relative;
}
a { 
	text-decoration: none !important; 
	transition: all 0.2s ease-in-out;
	color: #0051A2 !important;
}
h1 { 
	font-size: 52px; 
	font-weight: 600; 
	line-height: 1.4;
	letter-spacing: 2px;
	/*max-width: 1000px;*/
	margin-top: 0px;
	margin-bottom: 0px;
	max-width: 1050px;
    margin: auto;
}
h2 { 
	font-size: 50px;
	line-height: 1.2;
	/*text-align: center;*/
	font-weight: 700; 
	margin-top: 0;
	margin-bottom: 90px;
	position: relative;
}
h3 { 
	font-size: 29px;
	line-height: 1.4;
	font-weight: 700;  
	margin-top: 0;
    margin-bottom: 10px;
}
/*h2.h2-title span {
    background-image: linear-gradient(0deg,#c9e4ff 50%,transparent 50%);
}*/
/*.h2-title:before {
    content: '';
    background: #ffb501;
    display: inline-block;
    width: 160px;
    height: 20px;
    left: -15px;
    bottom: -2px;
    position: absolute;
    z-index: -1;
}*/
/*.h3-solut span {
    background-image: linear-gradient(0deg,#c9e4ff 50%,transparent 50%);
}*/
.solut-line:after {
    content: '';
    background: #ffb501;
    display: inline-block;
    width: 120px;
    height: 5px;
    clear: left;
    margin-bottom: 7px;
}

@media screen and (max-width: 768px) { 
	h1 { 
		font-size: 26px; 
		letter-spacing: 1px;
	} 
	h2 { 
		font-size: 34px; 
		margin-bottom: 50px;
	} 
	h3 { 
		font-size: 26px;
	}
}
@media screen and (min-width: 1400px) { 
	h1 { 
		font-size: 62px; 
	} 
}

.header { 
	background: #0051A2;
	/*background: url(bg.jpg);*/
	background-size: cover;
	color: #ffffff;
	position: relative;
	display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 100vh;
}

.navbar {
	transition: 0.3s;
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	background: #0051A2;
}
@media screen and (max-width: 768px) {
	.top_60 { 
		top: -60px; 
	}
	.top_0 { 
		top: 0px; 
	}
}
.navbar-bg,
.navbar-open .navbar {
	/*box-shadow: rgb(0 0 0 / 10%) 0px 0.0625rem 0.375rem 0px;*/
	background: #0058b0;
}
.navbar-collapse:not(.show) {
    flex-grow: inherit;
}
.navbar-open {
	overflow: hidden;
}
.navbar-open .navbar-nav {
	height: 100vh;
} 
/****************************** toggle */
.navbar-toggler {
  border: none;
  padding: 0;
}
.navbar-toggler:focus {
  outline: none;
}
.navbar-toggler .icon-bar {
  background-color: #ffffff;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 5px;
}
.navbar-toggler[aria-expanded="true"] .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggler[aria-expanded="true"] .middle-bar {
  opacity: 0;
}
.navbar-toggler[aria-expanded="true"] .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 0% 50%;
}
.navbar-toggler[aria-expanded="false"] .top-bar {
  transform: rotate(0);
}
.navbar-toggler[aria-expanded="false"] .middle-bar {
  opacity: 1;
}
.navbar-toggler[aria-expanded="false"] .bottom-bar {
  transform: rotate(0);
}

.nav-link {
	color: #ffffff !important;
	padding: 0px;
	font-size: 18px;
	margin: 0px 5px;
	opacity: 0.5;
	transition: all 0.2s ease-in-out;
}
.nav-link.active, .nav-link:hover {
	opacity: 1;
}
@media screen and (max-width: 992px) {
	.navbar-nav {
		margin-top: 30px;
	}
	.nav-link {
		margin: 10px 0px;
		text-align: center;
		font-size: 20px;
	}
}
@media screen and (min-width: 1200px) {
	.nav-link {
		margin: 0px 15px;
	}
}

.e-top {
	text-align: center;
}
.logo-div {
	margin-top: 50px;
	margin-bottom: 30px;
}

.logo { 
	max-width: 100%; 
	width: 190px; 
	margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
	.logo-div {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.logo { 
		max-width: 100%; 
		width: 170px; 
	}
}
@media screen and (max-width: 340px) {
	.logo-div {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.logo { 
		width: 110px; 
	}
}
@media screen and (min-width: 1200px) {
	.logo-div {
		margin-bottom: 60px;
	}
}

.disc {
	line-height: 1.8;
	font-size: 18px;
	margin-bottom: 15px;
}
.disc_span {
	opacity: 0.5;
}
header .down {
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
@media screen and (max-width: 500px) {
	header .down {
		margin-bottom: 60px;
	}
}
header .fa-chevron-down {
	opacity: 0.2;
	color: #ffffff;
	font-size: 40px;
}





.e-x {
	padding: 110px 0;
}
.e-x_footer {
	padding-bottom: 60px;
}
@media screen and (max-width: 1400px) {
	.e-x {
		padding: 100px 0;
	}
	.e-x_footer {
		/*padding-bottom: 30px;*/
	}
}
@media screen and (max-width: 520px) {
	.e-x {
		padding: 60px 0;
	}
	.e-x.e5 {
		padding-bottom: 100px;
	}
}


@media screen and (min-width: 1140px) {
	.colbig {
		padding-right: 90px;
	}
}



.e1 {
	background: #f4f6fa;
}

@media screen and (max-width: 992px) {
	.solut-item {
		margin-bottom: 60px;
	}
}
.solut-item:last-child {
	margin-bottom: 0px;
}
.solut-item .fa-check-circle {
	color: #0051a2;
	width: 30px;
}
.solut-sub {
	color: #ffb501;
	font-weight: 700;
	text-transform: uppercase;
	padding-top: 15px;
}
.solut-sub i {
	width: 30px;
}
.so-pro {
	opacity: 0.6 ;
}
.solut-text {
	margin-bottom: 1rem;
}






.ser-item {
	margin-bottom: 40px;
}
.ser-body {
	display: flex;
}
.s-o i {
	width: 30px;
    margin-right: 25px;
    text-align: center;
}
.s-t {
}
.s-t p {
	font-size: 18px;
}
.fau {
	font-size: 24px;
	/*color: #9cc9f5;*/
	color: #0058b0;
	margin-top: 6px;
}
@media screen and (max-width: 992px)  {
	.ser-item {
		margin-bottom: 30px;
	}
	.ser-item.zlast {
		margin-bottom: 0px;
	}
}
@media screen and (min-width: 992px) {
	.ser-item.last {
		margin-bottom: 0px;
	}
}





.e2 {
	background: #f4f6fa;
}

.e-cif {
	background: #ffb500;
}
@media screen and (max-width: 992px) {
	.cif {
		margin-bottom: 60px;
		text-align: center;
	}
}
.cif {
    color: #ffffff;
}
.cif span {
    display: block;
    font-size: 64px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 15px;
}


@media screen and (min-width: 768px) {
	.e-about-small {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.e-about-big {
		display: none;
	}
}

.e-about-small, .e-about-big {
	background: url(img/about-bg.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
}
.e-about-small {
	background-position: left;
}
@media screen and (max-width: 3000px) {
	_::-webkit-full-page-media, _:future, :root .e-about-small, 
	_::-webkit-full-page-media, _:future, :root .e-about-big {
		background: transparent;
	    /*background-attachment: inherit;
	    background-size: auto 100%;*/
	}
}

.about-cif {
	background: #000000;
    color: #fff;
    padding: 30px 60px 15px 60px;
    min-height: 450px;
}
.cif-dis {
	font-weight: 400;
}
@media screen and (max-width: 1400px) {
	.cif-dis {
		font-size: 16px;
	}
}

.cif-h2 {
	margin-bottom: 40px;
	font-weight: 700;
}
.cif-h2 span {
	color: #ffb500;
}
.cif-num {
	text-align: right;
	/*opacity: 0.4;*/
	color: #0051a2;
}

@media screen and (min-width: 768px) {
	.trigger {
	  position: absolute;
	}
	.trigger--one {
	  left: 0;
	}

	.scene {
	  position: absolute;
	  height: 100vh;
	  top: 0;
	  left: 0;
	  right: 0;
	}
	.scene--active {
	  position: fixed;
	}
	.scene--ended {
	  position: absolute;
	  bottom: 0;
	  top: auto;
	}

	.horizontal-scroll-section {
	  position: relative;
	  min-height: 100vh;
	  opacity: 0;
	  transition: 0.2s opacity;
	  overflow: hidden;
	}
	.horizontal-scroll-section--init {
	  opacity: 1;
	}
	.horizontal-scroll-section__content {
	  display: flex;
	  align-items: center;
	}
	.horizontal-scroll-section__content-wrapper {
	  display: flex;
	  height: 100vh;
	  align-items: center;
	  position: relative;
	}
	.horizontal-scroll-section__content-section {
	  position: relative;
	  min-width: 68vw;
	  padding: 0 60px 0 0;
	  height: 100%;
	  display: flex;
	  align-items: center;
	}
	.horizontal-scroll-section--animation-one .horizontal-scroll-section__image--two {
	  opacity: 1;
	  transform: translateX(0);
	}
	.horizontal-scroll-section__content-section.nul {
	    min-width: 15vw;
	}
	.horizontal-scroll-section__content-section:after {
	    display: none;
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    margin: auto 0px;
	    content: ". . .";
	    /*content: "\2192";*/
	    /*opacity: 0.2;*/
	    display: block;
	    width: 60px;
	    height: 14px;
	    text-align: center;
	    font-size: 28px;
    	line-height: 0;
    	color: #0051a2;
	}
	.horizontal-scroll-section__content-section.nul:after,
	.horizontal-scroll-section__content-section.last:after {
		display: none;
	}
}
@media screen and (max-width: 1140px) {
	.cif-h2 {
		font-size: 34px !important;
	}
}
@media screen and (min-width: 1140px) {
	.horizontal-scroll-section__content-section {
	  	min-width: 60vw;
	}
	.about-cif {
	    padding: 30px 60px 15px 60px;
	    min-height: 440px;
	}
}
@media screen and (min-width: 1400px) {
	.about-cif {
	    padding: 60px 120px 15px 120px;
	    min-height: 550px;
	}
	.horizontal-scroll-section__content-section.nul {
	    min-width: 10vw;
	}
}
@media screen and (min-width: 1650px) {
	.horizontal-scroll-section__content-section {
	  min-width: 50vw;
	}
	.horizontal-scroll-section__content-section.nul {
	    min-width: 25vw;
	}
}
@media screen and (max-width: 768px) {
	.horizontal-scroll-section {
		display: none;
	}
	.about-cif {
	    min-height: 450px;
	}
	.cif-h2 {
		font-size: 26px !important;
	}
	.cif-dis {
		font-size: 14px;
	}
	.horizontal-scroll-section {
		padding: 80px 0px 65px 0px;
	}
	.horizontal-scroll-section__content-section {
		margin-bottom: 15px;
	}
	.horizontal-scroll-section__content-section.nul {
		margin-bottom: 0px;
	}
	.about-cif {
	    padding: 30px 30px 30px 30px;
	}

	.horizontal-scroll-section {
		height: auto !important;
	}
	.horizontal-scroll-section__content-wrapper {
		transform: none !important;
	}
}





.teh {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}
.teh-last {
	margin-bottom: 0;
}
.teh-dis {
	padding-bottom: 60px;
	max-width: 600px;
}
.teh-item {
	width: 14.2%;
	height: 130px;
	float: left;
	display: flex;
	align-items: center;
    justify-content: center;
    flex-direction: column;
}
.teh-item img {
    max-height: 45px;
    max-width: 45px;
    transition: all .15s;
    transition-timing-function: cubic-bezier(.51,.94,.07,1.6);
}
.teh-item:hover img {
    transform: scale(1.2);
}
.teh-item:hover {
	background-color: rgb(249, 249, 251);
}
.teh-item span {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	margin-top: 10px;
	/*opacity: 0.7;*/
}
@media screen and (max-width: 768px) {
	.teh-item {
		width: 19.5%;
	}
}
@media screen and (max-width: 520px) {
	.teh-item {
		width: 32.5%;
	}
}




.e4 {
    background: #f4f6fa;
}
#carousel-div {
	display: flex;
}
#co-link {
	width: 35%;
}
#co-body {
	width: 65%;
}
#co-link h3 {
	margin-bottom: 30px; 
}
#co-link h3.last {
	margin-bottom: 0px; 
}
@media screen and (min-width: 992px) {
	#co-link h3:hover a {
		color: #000000 !important;
	}
}
#co-link h3.active a {
	padding-left: 20px;
	color: #000000 !important;
}
#co-link h3 span {
	display: inline-block;
	width: 60px;
	/*color: #9cc9f5;*/
	color: #ffb500;
	/*font-weight: 500;*/
}
.owl-theme .owl-item .item-co-x__img {
	height: 350px;
	margin-bottom: 30px;
	border-radius: 2px;
}
.owl-theme .owl-item .item span {
	display: block;
	padding: 60px;
	text-align: center;
}
#co-body .owl-nav {
	display: none;
}
#co-body .owl-nav button {
	background: #ffb500;
    color: #ffffff !important;
    border-radius: 30px;
    font-weight: 400;
    width: 52px;
    height: 52px;
    font-size: 22px;
    line-height: 1 !important;
    margin-left:15px;
    margin-right:15px;
}
@media screen and (max-width: 992px) {
	#co-body .owl-nav {
		display: block;
	}
	#carousel-div {
		flex-direction: column;
	}
	#co-link {
		width: 100%;
	}
	#co-body {
		width: 100%;
	}
	.owl-theme .owl-item .item-co-x__img {
		height: 280px !important;
	}
	#co-link h3 span {
		display: none;
	}
	#co-link h3 {
		display: none;
	}
	#co-link h3.active {
		display: inline-block;
	}
	#co-link h3.active a {
		padding-left: 0;
	}
	#co-link h3 {
		margin-bottom: 0px; 
	}
	#co-link {
		margin-bottom: 30px;
	}
}
.item-co-1__img {
	background: #e3e7e4 url(img/item-co-1.jpg) center no-repeat;
	background-size: cover;
}
.item-co-2__img {
	background: #e3e7e4 url(img/item-co-2.jpg) center no-repeat;
	background-size: cover;
}
.item-co-3__img {
	background: #e3e7e4 url(img/item-co-3.jpg) center no-repeat;
	background-size: cover;
}
.item-co-4__img {
	background: #e3e7e4 url(img/item-co-4.jpg) center no-repeat;
	background-size: cover;
}
.item-co-5__img {
	background: #e3e7e4 url(img/item-co-5.jpg) center no-repeat;
	background-size: cover;
}
.item-co-6__img {
	background: #e3e7e4 url(img/item-co-6.jpg) center no-repeat;
	background-size: cover;
}
.item-co-7__img {
	background: #e3e7e4 url(img/item-co-4.jpg) center top no-repeat;
	background-size: cover;
}
.subh {
	margin-bottom: 60px;
	    max-width: 800px;
}






@media screen and (min-width: 1200px) {
	.rew-item {
		display: flex;
	}
	.rew-item .rew_person {
		width: 29%;
	}
	.rew-item .rew_text {
		width: 71%;
	}
	.rew_person_name {
		padding-right: 30px;
	}
	/*.owl-theme2 .owl-item .item .rew_link {
		width: 5%;
		text-align: right;
	}
	.rew_link i {
	font-size: 28px;
	}
	.rew_link b {
		display: none;
	}*/
}
@media screen and (max-width: 1200px) {
	.rew_person {
	    margin-bottom: 30px;
	}
	.rew-item {
	    padding: 30px 0 !important;
	}
}
.rew-btn_div {
	display: flex;
    justify-content: center;
    /*height: 72px;*/
}
.rew-btn_div a {
	margin-top: 30px;
	position: absolute;
	background: #ffb500;
    color: #ffffff !important;
    padding: 10px 60px;
	border-radius: 30px;
	font-weight: 400;
}
.rew-btn_div a:hover {
	opacity: 0.8;
}
.rew-btn_div a.collapsed {
	display: inline-block;
}
.rew-btn_div a {
	display: none;
}
.rew_div {
	border-top: 1px solid #e1e1ee;
}
.rew-item {
	/*border-top: 1px solid #e1e1ee;*/
    border-bottom: 1px solid #e1e1ee;
    padding: 50px 0;
}
.rew_person {
	display: flex;
}
.rew_person_img {
	width: 50px;
	margin-right: 15px;
	margin-top: 5px;
}
.rew_person_img img {
	overflow: hidden;
    border-radius: 50%;
	width: 50px;
	height: 50px;
}
.rew_person_name {
	text-align: left;
}
.rew_person_name_d {
	opacity: 0.4;
}
.rew_person_name_n {
	font-weight: 700;
}

.owl-dots {
	text-align: center;
	margin-top: 10px;
}
.owl-dots button.owl-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background: #0051a2;
	margin: 5px 10px;
	opacity: 0.5;
}
.owl-dots button.owl-dot.active {
	background: #0051a2;
	opacity: 1;
}
.rew_star .fa-star {
	color: #ffb500;
    font-size: 14px;
}
.rew_link {
	/*padding-left: 10px; */
	white-space: nowrap;
}
/*.rew_sp {
	text-align: center;
	margin-top: 90px;
}
.rew_sp img {
	height: 35px;
	width: auto;
	max-width: 100%;
	margin: 5px 30px;
	opacity: 0.4;
}
@media screen and (max-width: 992px) {
	.rew_sp img {
		height: 20px;
		margin: 5px 5px;
	}
}*/





.marquee {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0.2;
/*  margin-bottom: 110px;*/
}
/*@media screen and (max-width: 520px){
	.marquee {
		margin-bottom: 60px;
	}
}*/
.marquee-content {
  display: inline-block;
  animation: marquee 60s linear infinite;
}
.item-collection-1 {
  position: relative;
  left: 0%;
  animation: swap 60s linear infinite;
}
.item-collection-1 img,
.item-collection-2 img {
	margin: 0 30px;
}
@keyframes swap {
  0%, 50% {
    left: 0%;
  }
  50.01%,
  100% {
    left: 100%;
  }
}
.item1 {
  display: inline-block;
  height: 70px;
  width: 140px;
  background: cyan;
  vertical-align: top;
  margin-left: 15px;
}
.item2 {
  display: inline-block;
  height: 70px;
  width: 100px;
  background: magenta;
  vertical-align: top;
  margin-left: 15px;
  line-height: 14px;
}
/* Transition */

@keyframes marquee {
  0% {
    transform: translateX(0)
  }
  100% {
    transform: translateX(-100%)
  }
}







.care {
	display: inline-block;

	margin-top: 60px;
}
.care_item {
	display: inline-block;
	float: left;

	text-align: center;
	margin-bottom: 60px;
	font-weight: 700;
}
.care_item span {
	display: block;
	padding-bottom: 15px;
}
.care_item span i {
	color: #9cc9f5;
	font-size: 40px;
}



.e-contact {
	background: #0051A2;
	background: url(img/map.jpg) center;
	background-size: cover;
    color: #fff;
}
.contact a {
	color: #ffffff !important;
}
.contact a:hover {
	opacity: 0.8;
}
.brea {
	/*font-size: 20px;*/
}

.logo-f {
	width: 165px;
	height: auto;
	max-width: 100%;
}
.unp {
	opacity: 0.5;
}
@media screen and (max-width: 472px) {
	.unp {
		font-size: 14px;
	}
	.logo-f {
		width: 140px;
	}
}


.fdiv {
	margin-top: 90px;
}
@media screen and (max-width: 992px) {
	.fdiv {
		margin-top: 60px;
	}
}
@media screen and (min-width: 992px) {
	.f-link {
		text-align: right;
	}
}



.i-f {
	width: 25px;
	height: auto;
	vertical-align: middle;
	opacity: 0.5;
}
.brea {
	white-space: nowrap;
	letter-spacing: 1px;
	font-size: 22px;
}


.soc_item {
	margin: 10px 20px 0 0px;
	display: inline-block;
}
.soc_item img {
	width: 35px;
	height: auto;
}
.soc_item:hover {
	opacity: 0.8;
}


footer {
	background: #0051A2;
	color: #ffffff;
	padding: 15px 0 15px 0;
}
.coryright {
	font-size: 16px;
	opacity: 0.5;
}