.banner { clear: both; margin-bottom: 23px; width: 100%; }
.banner .caption  { bottom: 5%; position: absolute; right: 0%; left: 0%; z-index: 10; padding-top: 20px; padding-bottom: 20px; width: 100%; }
.banner article { margin: 0px auto; padding: 0px 15px; max-width: 1270px; width: 100%; }
.banner h1 { color: #fff; line-height: 68px; max-width: 660px; }
.banner p { color: #fff; font-size: 30px; line-height: 38px; margin-bottom: 45px; max-width: 685px; }

.banner .owl-theme .owl-dots { display: none; }
.banner .owl-carousel .owl-nav.disabled { display: block; position: absolute; bottom: 7%; right: 0; padding-right: 5%; }
.banner .owl-carousel .owl-nav button.owl-next, .banner .owl-carousel .owl-nav button.owl-prev { border: 1px solid #D66E2A; border-radius: 3px 3px; color: #D66E2A; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: 400; line-height: 20px; height: 42px; width: 42px; }
.banner .owl-theme .owl-nav [class*="owl-"]:hover { background-color: #D66E2A; color: #fff; }
.banner .owl-carousel .owl-nav button.owl-next > span, .banner .owl-carousel .owl-nav button.owl-prev > span { position:relative; top:-2px; }

.banner .bgimg { min-height:80vh; background-position:center; background-repeat:no-repeat; background-size:cover; background-color: rgb(0 0 0 / 25%); background-blend-mode: overlay; }

.intro { clear: both; padding: 5% 0px; text-align: center; width: 100%; }
.intro h2 { line-height: 38px; margin-bottom: 35px; }
.intro p:last-child {margin-bottom: 0;}

.core { background-color: #ED7102; clear: both; padding: 7% 0px; text-align: center; width: 100%; }
.core h2, .core h4 { color: #fff; }
.core h2 { font-size: 36px; margin-bottom: 5%; }
.core h4 { font-size: 26px; }

.work { background-color: #F8F8FC; clear: both; padding: 6% 0px; width: 100%; }
.work .col-cat {margin-bottom: 30px;}
.work h3 { margin-bottom: 34px; padding-bottom: 12px; text-align: center; }
.work h4 { color: #fff; font-size: 30px; }
.work article h4 a, .work p:first-child a {color: inherit;font-weight: inherit;font: inherit;letter-spacing: inherit;text-transform: inherit;transition: .3 ease all;}
.work p { color: #fff; font-weight: 400; }
.work p:first-child { font: 18px 'Source Sans Pro', sans-serif; opacity: 0.8; min-height: inherit; text-transform: uppercase; }
.work article { background-color: #ED7102; padding-top: 20px; height: 100%; display: flex; flex-direction: column; }
.work article > .col {display: flex;flex-direction: column;justify-content: space-between;}
.work article.mid { background: #003C67; }
.work article a { position:relative; color: #fff; font: 400 15px 'Source Sans Pro', sans-serif; letter-spacing: 1pt; text-transform: uppercase; }
.work article a .fa { color: #003C67; font-size: 17px; padding-left: 10px; }
.work article.mid a .fa { color: #ED7102; }
.work article.mid a:hover { color: #ED7102; }
.work figure { margin-top: 0.8rem; margin-bottom: 0; }
.work figure img { width: 100%; }
.work .btn-more { margin-top: 40px; position: relative; }

.work article .readmorelink a:after { transition:all 0.3s ease-in-out; content:''; position:absolute; width:0; height:2px; background-color:#FFF; bottom:-17px; left:0; }
.work article .readmorelink a:hover:after { width:55px; }

/*-------------------
    Media Query
---------------------------*/

@media only screen and (max-width: 767px) {
	.banner h1 { font-size: 20px; line-height: normal; }
	.banner p { display: none; }
	.banner .btn-more { font-size: 14px; line-height: inherit; width: auto; }
	.banner .btn-more .fa { font-size: 16px; }
	.banner .owl-carousel .owl-nav button.owl-next,
	.banner .owl-carousel .owl-nav button.owl-prev { font-size: 24px; height: 30px; width: 30px; }
	.intro h2 { line-height: normal; }
	.core h2 { font-size: 26px; }
	.core h4 { font-size: 17px; }
	.core .col { max-width: 50%; margin-bottom: 15px; }
	.work h4 { font-size: 22px; }
	.banner .bgimg { min-height:350px; }
	.banner .caption { bottom:15%; }
}

@media only screen and (max-width: 575px) {
	.work .col-cat {margin-bottom: 15px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.banner h1 { line-height: normal; }
	.banner p { font-size: 20px; line-height: normal; }
	.core h2 { font-size: 26px; }
	.core h4 { font-size: 17px; }
	.work h4 { font-size: 22px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.core h4 { font-size: 20px; }
	.work h4 { font-size: 24px; }
}