/*----------------------------------------*/

	/*  03. Hero CSS

/*----------------------------------------*/

	/*Hero Slider*/

	.hero-slider .slick-arrow {

		border: none;

		background-color: transparent;

		color: #ffffff;

		padding: 0 15px;

		width: auto;

		height: auto;

	}



	.hero-slider .slick-arrow i {

		font-size: 60px;

	}



	.hero-slider .slick-arrow.slick-prev {

		left: 30px;

	}



	.hero-slider .slick-arrow.slick-next {

		right: 30px;

	}



	.hero-slider .slick-arrow:hover {

		color: #e57d0e;

	}



	.hero-slider .slick-dots {

		position: absolute;

		left: 0;

		right: 0;

		/*  bottom: 30px; */

		margin: 0;

		z-index: 33;

	}



	.hero-slider .slick-dots li button {

		width: 14px;

		height: 14px;

	}



	@media only screen and (min-width: 768px) and (max-width: 991px),

	only screen and (max-width: 767px) {

		.hero-slider .slick-arrow.slick-prev {

			left: 0;

		}



		.hero-slider .slick-arrow.slick-next {

			right: 0;

		}

	}



	@media only screen and (max-width: 767px) {

		.hero-slider .slick-dots {

			bottom: -32px;

		}

	}



	@media only screen and (max-width: 479px) {

		.hero-slider .slick-dots {

			bottom: -32px;

		}

	}



	/*Hero Item*/

	.hero-item {

		height: 850px;

		width: 100%;

		-webkit-box-flex: 1;

		-webkit-flex: 1 0 100%;

		-ms-flex: 1 0 100%;

		flex: 1 0 100%;

		display: -webkit-box !important;

		display: -webkit-flex !important;

		display: -ms-flexbox !important;

		display: flex !important;

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

		justify-content: center;

		-webkit-box-align: center;

		-webkit-align-items: center;

		-ms-flex-align: center;

		align-items: center;

		background-size: cover;

		background-repeat: no-repeat;

		background-position: center center;

	}



	@media only screen and (min-width: 1200px) and (max-width: 1499px),

	only screen and (min-width: 992px) and (max-width: 1199px),

	only screen and (min-width: 768px) and (max-width: 991px) {

		.hero-item {

			height: 670px;

		}

	}



	@media only screen and (max-width: 767px) {

		.hero-item {

			height: 350px;

		}

	}



	@media only screen and (max-width: 575px) {

		.hero-item {

			height: 350px;

		}

	}



	/*Hero Content*/

	.hero-content {

		padding-top: 40px;

		padding-bottom: 40px;

	}



	.hero-content .title,

	.hero-content .desc {

		-webkit-animation-duration: 1s;

		animation-duration: 1s;

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both;

		-webkit-animation-name: fadeOutUp;

		animation-name: fadeOutUp;

	}



	.hero-content .title {

		color: #ffffff;

		font-size: 66px;

		text-transform: uppercase;

		margin-bottom: 15px;

		-webkit-animation-delay: 0.3s;

		animation-delay: 0.3s;

	}



	.hero-content .desc {

		color: #ffffff;

		font-size: 24px;

		max-width: 930px;

		margin-left: auto;

		margin-right: auto;

		margin-bottom: 38px;

		-webkit-animation-delay: 0.7s;

		animation-delay: 0.7s;

	}



	.hero-content .links {

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		-webkit-box-pack: center;

		-webkit-justify-content: center;

		-ms-flex-pack: center;

		justify-content: center;

		-webkit-box-align: center;

		-webkit-align-items: center;

		-ms-flex-align: center;

		align-items: center;

	}



	.hero-content .links a {

		-webkit-animation-duration: 1s;

		animation-duration: 1s;

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both;

	}



	.hero-content .links a.link {

		font-size: 24px;

		color: #ffffff;

		line-height: 1;

		margin-right: 50px;

		-webkit-animation-delay: 1s;

		animation-delay: 1s;

		-webkit-animation-name: fadeOutLeft;

		animation-name: fadeOutLeft;

	}



	.hero-content .links a.link:last-child {

		margin-right: 0;

	}



	.hero-content .links a.btn {

		-webkit-animation-delay: 1s;

		animation-delay: 1s;

		-webkit-animation-name: fadeOutRight;

		animation-name: fadeOutRight;

	}



	@media only screen and (min-width: 992px) and (max-width: 1199px) {

		.hero-content .title {

			font-size: 50px;

		}



		.hero-content .desc {

			font-size: 20px;

			max-width: 800px;

		}



		.hero-content .links a.link {

			font-size: 20px;

		}

	}



	@media only screen and (min-width: 768px) and (max-width: 991px) {

		.hero-content .title {

			font-size: 44px;

		}



		.hero-content .desc {

			font-size: 18px;

			max-width: 700px;

		}



		.hero-content .links a.link {

			font-size: 18px;

		}

	}



	@media only screen and (max-width: 767px) {

		.hero-content .title {

			font-size: 30px;

		}



		.hero-content .desc {

			font-size: 16px;

		}



		.hero-content .links a.link {

			font-size: 16px;

			margin-right: 25px;

		}



		.hero-content .links a.btn {

			padding: 7px 30px;

		}

	}



	@media only screen and (max-width: 575px) {

		.hero-content .title {

			font-size: 24px;

		}



		.hero-content .desc {

			font-size: 14px;

		}



		.hero-content .links a.link {

			font-size: 14px;

		}



		.hero-content .links a.btn {

			padding: 5px 25px;

		}

	}



	@media only screen and (max-width: 479px) {

		.hero-content .title {

			font-size: 24px;

		}



		.hero-content .desc {

			margin-bottom: 25px;

		}



		.hero-content .links {

			-webkit-box-orient: vertical;

			-webkit-box-direction: normal;

			-webkit-flex-direction: column;

			-ms-flex-direction: column;

			flex-direction: column;

		}



		.hero-content .links a.link {

			margin-right: 0;

			margin-bottom: 15px;

		}

	}



	.slick-current .hero-content .title {

		-webkit-animation-name: fadeInUp;

		animation-name: fadeInUp;

	}



	.slick-current .hero-content .desc {

		-webkit-animation-name: fadeInUp;

		animation-name: fadeInUp;

	}



	.slick-current .hero-content .links a.link {

		-webkit-animation-name: fadeInLeft;

		animation-name: fadeInLeft;

	}



	.slick-current .hero-content .links a.btn {

		-webkit-animation-name: fadeInRight;

		animation-name: fadeInRight;

	}



	/*Hero Image 2 (For Home 2)*/

	.hero-image-2 {

		height: 450px;

		width: 100%;

		background-size: cover;

		background-repeat: no-repeat;

		background-position: center center;

	}



	@media only screen and (min-width: 1200px) and (max-width: 1499px),

	only screen and (min-width: 992px) and (max-width: 1199px) {

		.hero-image-2 {

			height: 450px;

		}

	}



	@media only screen and (min-width: 768px) and (max-width: 991px) {

		.hero-image-2 {

			height: 400px;

		}

	}



	@media only screen and (max-width: 767px) {

		.hero-image-2 {

			height: 250px;

		}

	}



	/*Hero Content 2 (For Home 2)*/

	.hero-content-2 {



		max-width: 500px;

		margin-left: 115px;

	}



	.hero-content-2 .title,

	.hero-content-2 .desc {

		-webkit-animation-duration: 1s;

		animation-duration: 1s;

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both;

		-webkit-animation-name: fadeOutUp;

		animation-name: fadeOutUp;

		text-align: left !important;

	}



	.hero-content-2 .title {

		color: #ffffff;

		line-height: 48px;

		font-size: 50px;

		font-weight: 700;

		margin-bottom: 15px;

		-webkit-animation-delay: 0.3s;

		animation-delay: 0.3s;

	}



	.hero-content-2 .desc {

		color: #ffffff;

		font-size: 27px;

		max-width: 461px;

		margin-bottom: 38px;

		-webkit-animation-delay: 0.7s;

		animation-delay: 0.7s;

		line-height: 32px;

		text-align: left;

	}



	.hero-content-2 .links {

		display: -webkit-box;

		display: -webkit-flex;

		display: -ms-flexbox;

		display: flex;

		-webkit-flex-wrap: wrap;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.hero-content-2 .links a {

		-webkit-animation-duration: 1s;

		animation-duration: 1s;

		-webkit-animation-fill-mode: both;

		animation-fill-mode: both;

	}



	.hero-content-2 .links a.btn {

		-webkit-animation-delay: 1s;

		animation-delay: 1s;

		-webkit-animation-name: fadeOutUp;

		animation-name: fadeOutUp;

	}



	@media only screen and (min-width: 1200px) and (max-width: 1499px) {

		.hero-content-2 {

			margin-left: 50px;

		}

	}



	@media only screen and (min-width: 992px) and (max-width: 1199px) {

		.hero-content-2 {

			margin-left: 30px;

			margin-right: 30px;

		}



		.hero-content-2 .title {

			font-size: 44px;

		}

	}



	@media only screen and (min-width: 768px) and (max-width: 991px) {

		.hero-content-2 {

			margin-left: auto;

			margin-right: auto;

		}

	}



	@media only screen and (max-width: 767px) {

		.hero-content-2 {

			max-width: 100%;

			padding: 50px;

			margin: 0;

		}



		.hero-content-2 .title {

			font-size: 30px;

		}



		.hero-content-2 .desc {

			font-size: 16px;

		}



		.hero-content-2 .links a.btn {

			padding: 7px 30px;

		}

	}



	@media only screen and (max-width: 575px) {

		.hero-content-2 {

			padding: 50px 16px;

		}



		.hero-content-2 .title {

			font-size: 24px;

		}



		.hero-content-2 .desc {

			font-size: 14px !important;

		}



		.hero-content-2 .links a.btn {

			padding: 5px 25px;

		}

	}



	@media only screen and (max-width: 479px) {

		.hero-content-2 .title {

			font-size: 24px;

		}



		/* .hero-content-2 .desc {

	margin-bottom: 31px;

  } */

	}



	.slick-current .hero-content-2 .title {

		-webkit-animation-name: fadeInUp;

		animation-name: fadeInUp;

	}



	.slick-current .hero-content-2 .desc {

		-webkit-animation-name: fadeInUp;

		animation-name: fadeInUp;

		font-weight: 500;

	}



	.slick-current .hero-content-2 .links a.btn {

		-webkit-animation-name: fadeInUp;

		animation-name: fadeInUp;

	}



	.btn.btn-light-outline {

		background-color: transparent;

		border-color: #f8f9fa;

		color: #f8f9fa;

	}



	.btn {

		display: inline-block;

		font-weight: 400;



		text-align: center;

		vertical-align: middle;

		-webkit-user-select: none;

		-moz-user-select: none;

		-ms-user-select: none;

		user-select: none;

		background-color: transparent;

		border: 1px solid transparent;

		padding: .375rem .75rem;

		font-size: 1rem;

		line-height: 1.5;

		border-radius: .25rem;

		transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

	}



	/* .btn.btn-hover-primary:hover {

		background-color: #e57d0e;

		border-color: #e57d0e;

		color: #ffffff;

	} */







	span#select-country-button {

		display: none;

	}



	.dropdown-menu {

		position: relative;

		top: inherit;



	}



	.bootstrap-select.btn-group .dropdown-menu li {

		position: relative;

		padding: 9px;

	}



	.main-header .social-icon:not([class*=scheme-]) a,

	.main-nav>li>a {

		color: rgb(0 85 130);

	}



	.main-header .social-icon:not([class*=scheme-]) a:hover,

	.main-nav>li>a:hover {

		color: #005582;

	}

















/* other */

	@import url('https://fonts.googleapis.com/css?family=Fira+Sans&display=swap');



	.ld-pf-details {

		padding: 25px;

	}



	.owl-carousel .item .item-caption {

		position: absolute;

		bottom: 10%;

		left: 5%;

		color: #337ab7;

		font-size: 36px;

		font-weight: bold;

	}



	.bs-slider {

		overflow: visible;

		max-height: 700px;

		position: relative;

		background: #000000;

		height: auto;

	}



	.slide-text.slide_style_left h4 {

		font-weight: bold !important;

	}



	a.btn.btn-solid.btn-sm.semi-round.btn-gradient.px-3.lqd-unit-animation-done {

		padding: 0px 12px;

	}



	.pic-main-slider figure.liquid-lp-media.round.loaded {

		height: 256px !important;

	}



	.pic-main-slider .liquid-blog-item-square .liquid-lp-header {

		width: 85%;

		margin-top: 24% !important;

	}



	.case-studies .carousel-nav-middle .flickity-prev-next-button {

		top: 65%;

	}



	.btn-bg {

		background: #005582;

	}



	h2.liquid-lp-title.font-weight-bold.h3.mb-0 {

		position: absolute;

		z-index: 333;

		bottom: 8px;

		left: 33px;

		font-size: 33px;

		padding-bottom: 10px;

		padding-left: 20px;

		padding-right: 20px;

		color: white;

	}



	.col-md-3>h2.liquid-lp-title.font-weight-bold.h3.mb-0 {

		font-size: 18px !important;

		padding-left: 7px !important;

	}



	.img-gradient {

		position: relative;

		display: inline-block;

	}



	.img-gradient:after {

		content: '';

		position: absolute;

		left: 0;

		top: 0;

		width: 100%;

		height: 100%;

		background: -webkit-linear-gradient(to bottom, rgba(12, 12, 12, 0.83) 0%, rgba(14, 14, 14, 0.3) 100%);

		background: -o-linear-gradient(to bottom, rgba(12, 12, 12, 0.83) 0%, rgba(14, 14, 14, 0.3) 100%);

		background: -ms-linear-gradient(to bottom, rgba(12, 12, 12, 0.83) 0%, rgba(14, 14, 14, 0.3) 100%);

		background: linear-gradient(to bottom, rgba(12, 12, 12, 0.83) 0%, rgba(14, 14, 14, 0.3) 100%);

	}



	.mb-35 {

		margin-bottom: 24px !Important;

	}



	.owl-prev,

	.owl-next {

		width: 15px;

		height: 100px;

		position: absolute;

		top: 50%;

		transform: translateY(-50%);

		display: block !important;

		border: 0px solid black;

	}



	.owl-prev {

		left: -20px;

	}



	.owl-next {

		right: -20px;

	}



	.owl-prev i,

	.owl-next i {

		color: #ffffff;

		font-size: 28px;

		padding: 13px;

		background: #005582;

		line-height: 10px;

	}



	/* .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {

	  margin-left: -21px !important;

	  } */

	.slick-dots {

		display: flex;

		justify-content: center;

		margin: 0;

		padding: 1rem 0;

		list-style-type: none;

	}



	.slick-dots li {

		margin: 0 0.25rem;

	}



	.slick-dots button {

		display: block;

		width: 1rem;

		height: 1rem;

		padding: 0;

		border: none;

		border-radius: 100%;

		background-color: #96271f;

		text-indent: -9999px;

	}



	.slick-dots li.slick-active button {

		background-color: #96271f;

		opacity: 0.5;

	}



	.articlenew img {

		height: 256px;

		object-fit: cover;

		object-position: top;

	}