@charset "utf-8"; /*Author: Dimuthu*/
@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;600;800&display=swap');
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, 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-size: 100%;	font: inherit;	vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
/*font-family: 'DM Sans', sans-serif;
font-family: 'Roboto', sans-serif;*/
body { font-family: 'Roboto', sans-serif;}
a { text-decoration:none}
.clear { clear:both;}
.clear::after {  content: "";  clear: both;  display: table;}
.floatR { float:right !important}
.alignR { text-align:right}
.alignC { text-align:center}

p.hPara {font-family: 'DM Sans', sans-serif; font-size: 20px; font-weight: 600; color: #454554; margin-bottom: 20px}
p.hParasub {font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 600; color: #454554; margin-bottom: 20px}
strong {font-weight: 600}

header {background: /*#162e40*/ #FFF; padding: 10px 0; position: fixed; width: 100%; -webkit-box-shadow: 1px 1px 6px rgba(0,0,0,.1);
    -moz-box-shadow: 1px 1px 6px rgba(0,0,0,.1);   box-shadow: 1px 1px 6px rgba(0,0,0,.1); border-top:5px solid #e17126; z-index: 15; top: 0}

.topBar { background:#FFF; width: 100%; box-sizing: border-box; border-bottom: 1px solid #F2F2F2}
.cont { width: 1170px; margin: 0 auto;}
.smallCont {width: 780px; margin: 0 auto;}

.section_space {padding:  100px 0}

h1 { font-size:48px; color:#333; font-weight: 700; line-height: 3.75rem}
h2 { font-size:28px; color:#333}
h3 { font-size:24px; color:#333}
h4 { font-size:20px; color:#333}
p { font-size:16px; color:#666; line-height: 1.4; margin-bottom: 15px;}

h1, h2, h3 {font-family: 'Abhaya Libre', serif; }

.row {margin-left:-15px; margin-right: -15px}

.col15 { width:15%; float:left; box-sizing:border-box; padding:0 15px}
.col16 { width:16.6%; float:left; box-sizing:border-box; padding:0 15px}
.col20 { width:20%; float:left; box-sizing:border-box; padding:0 15px}
.col25 { width:25%; float:left; box-sizing:border-box; padding:0 15px}
.col30 { width:30%; float:left; box-sizing:border-box; padding:0 15px}
.col33 { width:33.33%; float:left; box-sizing:border-box;  padding:0 15px}
.col35 { width:35%; float:left; box-sizing:border-box;  padding:0 15px}
.col40 { width:40%; float:left; box-sizing:border-box;  padding:0 15px}
.col50 { width:50%; float:left; box-sizing:border-box; padding:0 15px}
.col55 { width:55%; float:left; box-sizing:border-box;  padding:0 15px}
.col60 { width:60%; float:left; box-sizing:border-box;  padding:0 15px}
.col65 { width:65%; float:left; box-sizing:border-box;  padding:0 15px}
.col70 { width:70%; float:left; box-sizing:border-box;  padding:0 15px}
.col80 { width:80%; float:left; box-sizing:border-box;  padding:0 15px}
.col75 { width:75%; float:left; box-sizing:border-box;  padding:0 15px}
.col16 { width:16.66%; float:left; box-sizing:border-box;  padding:0 15px}
.col100 { width:100%;  float:left; box-sizing:border-box; padding:0 15px}


.logoArea img {width:300px}


/*Backgrounds*/
.greybg {background: #F7F7F7}


nav.mainNavs{ float:left; }
nav.mainNavs > ul {text-align: right; }
nav.mainNavs > ul > li { display:inline-block}
nav.mainNavs ul li a { color:#162e40; font-weight:600; display:block;  font-size: 14px; font-family: 'Montserrat', sans-serif; transition: color 0.2s}
nav.mainNavs ul.desplegable > li > a {padding:26px 15px; text-transform:uppercase;}
nav.mainNavs ul > li > a:hover { color:#e17126}
nav.mainNavs ul > li:hover a.menu{ color:#e17126}
nav.mainNavs ul li.haveSub{ position:relative}
nav.mainNavs ul li.haveSub ul { position: absolute; background: #e17126; text-align: left; z-index: 2; width: auto; min-width: 250px; max-width: 400px; left: 0; right: 0; top: 100%; -webkit-box-shadow: 0px 2px 17px -7px rgba(0,0,0,0.69); -moz-box-shadow: 0px 2px 17px -7px rgba(0,0,0,0.69); box-shadow:0px 2px 17px -7px rgba(0,0,0,0.69); padding:0; visibility: hidden; opacity: 0; transform: translateZ(0); transform: translateY(10%); transition: all 0.2s ease 0s, visibility 0s linear 0.2s;}
nav.mainNavs ul li:hover > ul.a_menu { visibility: visible; opacity: 1;  transform: translateX(0%);transition-delay: 0s;}
nav.mainNavs ul li.haveSub ul.a_menu li > a {color: #FFF; padding:15px 20px; line-height: 1.4; border-bottom: 1px solid #006088}
nav.mainNavs ul li.haveSub > a { position:relative; padding-right: 40px; transition: color 0.2s}
nav.mainNavs ul li.haveMega > a.menu { padding-right: 40px; transition: all 0.2s; position: relative}

nav.mainNavs ul li.haveSub .arrow_dd::after, li.haveMega .arrow_dd::after {content:''; margin-top:  -2px; position: absolute; width: 1.5px; height: 8px; background: #162e40; transform: rotate(45deg); right: 22px; transition: transform .2s }
nav.mainNavs ul li.haveSub .arrow_dd::before, li.haveMega .arrow_dd::before {content:''; margin-top:  -2px; position: absolute; width: 1.5px; height: 8px; background: #162e40; transform: rotate(-45deg); right: 27px; transition: transform .2s}

nav.mainNavs ul li.haveSub:hover .arrow_dd::after, nav ul li.haveMega:hover .arrow_dd::after{transform: rotate(-45deg); background: #e17126}
nav.mainNavs ul li.haveSub:hover .arrow_dd::before, nav ul li.haveMega:hover .arrow_dd::before{transform: rotate(45deg); background: #e17126}
nav.mainNavs ul li.haveSub ul a:hover { background:#00a8ee; color: #FFF }
.arrow_dd { position:absolute; top: 30px; right: 0}
.hamb {display: none; padding:2px 15px; float: right; margin: 5px 0 0 0;}
.bar1, .bar2, .bar3 {width: 25px; height: 2px; border-radius: 3px; background-color: #e17126; margin: 6px 0; transition: 0.4s;}
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-8px, 6px); transform: rotate(-45deg) translate(-8px, 6px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-5px, -4px); transform: rotate(45deg) translate(-5px, -4px);}	


nav.mainNavs { position: relative; width: 100%;}
nav.mainNavs ul li div.mega_menu {position: absolute; padding:10px 30px 30px 30px; text-align: left; box-sizing: border-box;background: #FFF; z-index: 2; width: 100%; left: 0; right: 0; -webkit-box-shadow: 0px 2px 22px -3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 2px 22px -3px rgba(0,0,0,0.3); box-shadow: 0px 2px 22px -3px rgba(0,0,0,0.3); visibility: hidden; opacity: 0; transform: translateZ(0); transform: translateY(10%); transition: all 0.2s ease 0s, visibility 0s linear 0.2s;}
nav.mainNavs ul li.haveMega:hover > .mega_menu {visibility: visible; opacity: 1;  transform: translateX(0%); transition-delay: 0s;}
.mainSlider {margin-top:90px; position: relative}



/* Swiper */
.swipermain {
  width: 100%;
  height: 600px;

}

/* Swiper slides */
.slide-1, .slide-2, .slide-3, .slide-4, .slide-5 {background-size: cover !important; background-repeat: no-repeat}
.swiper-slide {
	position: relative;
}

.slide-1 {
    background:url("../images/rideegama-main-slider-1.jpg") 60%;
}
.slide-2 {
    background:url("../images/gallery/8.jpg") 50%;
}
.slide-3 {
    background:url("../images/gallery/7.jpg") 50%;
}
.slide-4 {
    background:url("../images/gallery/5.jpg") 30%;
}

.slide-5 {background:url("../images/main-slide-5.jpg") 30%;}

.slide-6 {
    background:url("../images/blood-donation-2022.jpg") 50%;
}

/* Slide captions */
.slide-captions {	
	color: #FFF;	
}
.slide-captions .current-title {  	
	font-size: 72px;
	color: #FFF;
	font-weight:600;
	margin-top: 180px;
	line-height: 1.1;
	font-family: 'Abhaya Libre', serif;

}
.slide-captions .current-title span {font-family: 'Playfair Display', serif; font-style: italic; font-weight: 700; color: #e17126; font-size: 50px}
.slide-captions .current-subtitle {
  margin: 10px 0 0 0;
	font-size: 24px;
	color: #e17126;
	line-height: 1.2;
	width: 400px
}

/* Swiper arrows */
.swiper-pagination-bullet-active {
    background-color: #fff;
}

/* Swiper pagination */
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 50px;
}

.sliderOverley {position:absolute; top: 0;  z-index: 4;}
.sliderOverley h2 {}
.underL { width: 70px; height:6px; background: #e17126; margin-top: 20px}
.underLthin {width: 70px; height:3px; background: #e17126; margin: 20px 0}


.servicesAfterBanner { border-top:1px solid #ececec; border-bottom:1px solid #ececec}
.servicesAfterBanner .col25 {padding: 0 !important; border-right: 1px solid #dedede; transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;}
.servicesAfterBanner .col25:last-child {border-right: 0 !important;}
.servicesAfterBanner .col25:hover {box-shadow: 0px 0px 50px rgb(5 6 6 / 8%);}

.homeServiceCard {padding: 40px 20px;}
.homeserviceBoximg img {margin: 0 auto; display: block; padding-bottom: 20px; width: 100px}
.homeServiceCard h4 {font-weight: 700; margin-bottom: 15px; line-height: 1.3}

 .homeServiceCard p {font-family: 'Roboto', sans-serif;}


.forms_d img{ width:24px; vertical-align: middle; margin-right:10px;}

footer {background: /*url("../images/bg-footer.png") */#232220 no-repeat; padding:80px 0 50px 0;}
.footerLogo img {width:250px; margin-bottom: 20px; margin-top: -17px}
footer p {color:#DEDEDE}
footer h4 {color:#E6E6E6; font-weight: 700; line-height: 1.3}
footer ul li { padding-bottom:8px; position: relative; display: inline-block; margin-right: 25px;}
footer a {color:#E6E6E6}
footer a:hover {text-decoration:underline;}

.newsletterSub input[type=text] { width: 100%; padding: 12px; box-sizing: border-box; outline: none; background: rgba(255,255,255,0.9); border: 0; border-radius: 3px; margin-bottom: 15px; font-size: 16px}
.newsletterSub button {width:100%; box-sizing: border-box; background: #e17126; color: #FFF; border: 0; outline: 0; padding: 12px; border-radius: 3px; cursor: pointer; letter-spacing: 1px; font-weight: 500}
.bottomCta {background: url("../images/cta-bg.jpg") #e17126; padding: 40px 0; background-size: cover}
.bottomCta h3 {font-weight:600; color:#FFF; padding: 10px 0}
.bottomCta a {padding:17px 35px; background: #1B1B1B; color: #FFF; border-radius: 3px; display: inline-block}


.whoWeAreHome { width: 100%;}
.whoWeAreHome .col50 {padding: 0 !important}
.whoWeAreHome h2 {font-weight: 700; font-size:48px; margin-bottom: 40px; color: #333}
.wwr_wrap {background: #f5f5f5}
.wwr_right { box-sizing: border-box; padding: 40px; }
.wwr_left {background: #FFFFFF; margin: 10px; padding: 15px; height:400px}
.wwr_left h3 {color: #333; font-weight: 600; font-size:30px;}

.contactForm input[type=text], select, textarea {width: 100%; box-sizing: border-box; padding: 17px 20px; border: 1px solid #DDDDDD; font-size: 16px; outline: none; border-radius: 3px; background: #FAFAFA; color: #787878} 

.contactForm label { font-size: 16px; position: absolute; padding: 2px; transition: 0.2s; top: 12px; margin-top: 0; left: 15px; visibility: hidden; opacity: 0; text-shadow: 3px 3px 0 #FFF, -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;font-family: 'Montserrat', sans-serif;}
/*textarea + label { margin-left:-12px}*/

.contactForm input[type=file] {background: #F7F7F7; border: 1px dashed #AEAEAE; padding: 15px; width: 100%; box-sizing: border-box; border-radius: 3px; font-size: 16px;}
#cv {display:none}
.contactForm input[type=file]::-webkit-file-upload-button { background: #BFBFBF; color: #333; padding: 10px; margin-right: 20px; border: 0; border-radius: 5px}

input:focus + label, textarea:focus + label  { margin-top: -22px; visibility: visible; opacity:1; font-size:12px;  padding: 5px }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { transition: 0.2s; font-family: 'Roboto', sans-serif;}

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { visibility:hidden; opacity:0}

.error { color: red; font-size: 10px; font-family: 'Montserrat', sans-serif;}

.invalid { border: 1px solid #E70F12 !important;}

option:not(:first-of-type) {color: black;}

.homeAbt {background: #F7F7F7 ; padding: 50px 0}
.leftImg img{ width:100%}

.sideTxt {padding:20px}
.sideTxtLeft {padding-right:20px}
.sideTxt h2, .sideTxtLeft h2 {margin-bottom: 30px; color: #333}




ul.contList {margin-bottom: 20px;}
ul.contList li::before {content: '';
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image:url("../images/icons/check-mark.png");
    background-size: cover;
    margin-right: 13px; vertical-align: bottom}
ul.contList li {padding: 10px 0; display:flex; line-height:1.2; color:#666}


.whiteBg {background:#fff !important;}
.white {color:#fff}
a.moreBut {padding: 15px 35px; background: #e17126; color: #FFF; border-radius: 3px; display: inline-block; margin-top: 20px}
.imgResponsive img {width:100%}

.contactForm button {width:100%; box-sizing: border-box;  background: #e17126; color: #FFF; border: 0; outline: 0; padding: 17px; border-radius: 3px; cursor: pointer; letter-spacing: 1px; font-weight: 500; font-size: 16px}

.lableDiv {  position: relative;  margin-bottom: 20px;}

.pageHeader {padding:140px 0 50px 0; background: #e17126; color: #FFFFFF}
.pageHeader h1 {color: #FFFFFF; font-family: 'Abhaya Libre', serif; font-size:70px}

.contentArea {padding:50px 0}
.contentArea h2 {font-weight:700; font-size: 2.5em; margin-bottom: 30px}
.contentArea h3 {font-weight:700; font-size: 2em; margin-bottom: 30px}
.contentArea p {line-height: 1.8; margin-bottom: 30px}

.address::before, .phn::before, .email::before {content: '';   display: inline-block; margin: 0 10px 0 0; opacity: 0.7; vertical-align: middle;}
.address::before { background:url("../images/icons/gps.png"); background-size: cover; height: 20px; width: 20px;  }
.phn::before { background:url(../images/icons/phone.png);  background-size: cover;   height: 20px; width: 20px;  }
.email::before { background:url("../images/icons/email.png");  background-size: cover;  height: 20px; width: 20px;  }


.contactDetail {text-indent:-30px; padding-left: 30px}
.contactDetail li {margin-bottom:20px; line-height: 1.4}

/*Additionsl Css*/
.boxSlider {padding: 50px 0}
.serviceBoxSlide { background: #F8F8F8; transition: all 0.2s;}
.serviceBoxSlide:hover { background: #e17126;}
.serviceBoxSlide:hover h3 { color:#fff}
.serviceBoxSlide img {width:100%; display: block}
.serviceBoxSlideTxt {padding:20px 10px; min-height: 38px; border: 1px solid #EDEDED}
.serviceBoxSlideTxt h3 {font-weight: 600; font-size: 1.8em; line-height: 1.2}


h2.sectionHeading { font-weight: 600; font-size: 4em; margin-bottom: 50px}
h3.sectionHeading { font-weight: 600; font-size: 3em; margin-bottom: 20px}
.homeAbt h2.sectionHeading {margin-bottom: 20px}

.ContImgDiv img {width:100%; margin: 20px 0}
.boxSliderArrowWrapper {position:relative}
table.businesses tr td{ padding: 10px 10px 10px 0;}
table.businesses {margin-bottom: 30px; width: 100%}


.content-slideshow {
  position: relative;
  margin: 0;
  top: 2px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 40rem;
  overflow: hidden;
}

.shortAbt {padding:50px 0}
.shortAbt p {font-size:18px; line-height: 1.7}

.moreLink {color:#e17126; font-weight: 600;/* text-align: center;*/ display: block}

ul.footerLinks li:after {
    content: "/";
    color: #7D7D7D;
    position: absolute;
    top: 4px;
    padding-left: 10px;
}
.footerLinks {margin-bottom:15px;}

.directors {padding:50px 0; background: #f8f8f8}

.visionMission {background-color: #333; padding: 60px 0 }
.parallax-window { background: transparent;}
.visionDiv {background: rgba(0,0,0,0.80); padding: 20px; margin: 10px 0}
.visionDiv h3 {font-size:50px; font-weight: 600; margin-bottom: 10px}
.visionDiv p {font-size:22px; line-height: 1.5}
.directorBoxes { background: #f8f8f8; padding: 50px 0;}
.direcBox {transition: all 0.2s; webkit-box-shadow: 0 5px 10px rgba(0,0,0,.10);
    box-shadow: 0 5px 10px rgba(0,0,0,.10);}
.direcBox:hover {box-shadow: 0 5px 30px rgba(0, 0, 0, .2);}
.direcBox img {width:100%; display: block; border-bottom:4px solid #e17126; border-top-left-radius: 5px; border-top-right-radius: 5px}
.direcBox .serviceBoxSlideTxt {margin-bottom: 25px; min-height: 80px;}
.direcBox .serviceBoxSlideTxt h3 {font-size: 30px}
.direcBox .serviceBoxSlideTxt p {text-align:center; padding:5px 10px; background:#e17126; font-weight:600; color: #fff; margin: -40px auto 15px auto;
    width: 70%;   z-index: 5;  position: relative; border-radius: 20px;}
.direcBox .serviceBoxSlideTxt p span {font-size:10px; font-weight: 400; display: block}


.timeline{
  margin-left:110px;
  overflow:visible;
}


.entry{
  margin-left:20px;
  position:relative;
   padding: 30px;
  border: 2px solid #3481CF;
  border-radius: 5px;
  min-width:100px;
	background: #fff;
  max-width:550px;
  overflow:visible;
	transition: all 0.2s; webkit-box-shadow: 0 5px 10px rgba(0,0,0,.10);
    box-shadow: 0 5px 10px rgba(0,0,0,.10);

}

.entry:hover {box-shadow: 0 5px 30px rgba(0, 0, 0, .2);}

.core{
  width:inherit;
  height:inherit;
	line-height: 1.4
}

.entry:after {
    content: '';
    position: absolute;
    display: block;
    width: 120px;
    height: 2px;
    background: #3481CF;
    top: 57%;
    left: -18%;
	z-index: -5;
}

.entry:before{
 
  content:"";
  position:absolute;
  width:3px;height:150%;
  display:block;
  border-radius:0px;
  border:2px solid skyblue;
  background: skyblue;
  left:-19%;top: 0
}

.core:before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border: 7px solid #A4C7EB;
    background: #3481CF;
   top: 47%;
    left: -21.5%;
    border-radius: 50%;
}

.timeline h3 {margin-bottom:10px !important}
.awardImg {margin-bottom: 30px}
.awardImg img {width:60%}
.slide-captions img {max-width:400px; margin-top: 100px;}
.bottomF { width: 100%; background: #040404; padding: 15px 0;}
.bottomF p { color: #BABABA; margin: 0; font-size: 14px;}
.bottomF a { color: #fff;}



.newsThumb {border:1px solid #F9F9F9; border-radius: 3px; box-shadow: 0 0px 15px rgb(0 0 0 / 10%); margin:40px 0;}
.newsThumbImg {width:100%; height: 250px; background-size: cover; background-repeat: no-repeat;}
.newsThumb h3 {}
.newsthumbTxt { padding:20px }
.newsImgs img {width:100%; margin-bottom: 20px}


.social_icon img {width:40px;}

.memberList {background: #e17126;  width: 100%;  padding: 30px 0;}

.memberList a h2 { color: #FFF;  font-weight: 700;  font-size: 40px;}

@media only screen and (max-width: 767px) {
    .newsThumbImg {width:100%;}
	.newsthumbTxt { padding:20px}
	.cont {width:90%}
	nav.mainNavs > ul {text-align:left; padding: 0; width: 100%}
	nav.mainNavs > ul > li { display:block; border-top: 1px dotted #BDBDBD;}
	.header_cta {width:100%}
	.hamb {display: block;}
	nav.mainNavs {display:none; width: 100%; margin-top: 15px}
	nav.mainNavs ul li.haveSub ul {position:static; max-width: none; box-shadow: none; background:#00a8ee; visibility: visible; opacity: 1; transition: none; transform: translateZ(0); transform: translateY(0);}
	nav.mainNavs ul li.haveSub ul.a_menu li > a {padding-left: 30px}
	nav.mainNavs ul li:hover > ul {  transform: none; transition-delay: 0; }
	.arrow_dd {right:5px}
	.a_menu, .mega_menu {display: none}
	.mainContainer {width:97%}	
	.mm_mobile a{ padding-left: 30px}
	.col50, .col60, .col40, .col33, .col30, .col70, .col75, .col80, .col25 {width:100%}
	.logoArea img {width:200px}
	.mainSlider {  margin-top: 68px; }
	.col30.logoArea {width:80%}	
	
	.slide-captions .current-title {font-size:40px; margin-top: 50px; line-height: 1.2; font-family: 'Abhaya Libre', serif;}
	.servicesAfterBanner .col25 {border-right:0}
	.swipermain {height:150px}
	
	.sideTxt {padding:30px 0 0 0}
	.slide-1, .slide-2, .slide-3, .slide-4, .slide-6 {background-size: cover; background-repeat: no-repeat}
	.swiper-pagination {display:none}
	.underL {width:40px; height: 3px}
	.wwr_right { padding:10px}
	.bottomCta h3 {text-align:center}
	.bottomCta .alignR {text-align:center}
	footer {background-position-y:bottom}
	.pageHeader {padding: 99px 0 30px 0;}
	.pageHeader h1 {font-size:40px; text-align: center}
	.imgResponsive img {margin-bottom:30px}
	.homeServiceCard {padding: 10px 20px;}
	.servicesAfterBanner {padding:30px 0}
	.serviceBoxSlideTxt {min-height:50px}
	.serviceBoxSlideTxt h3 {font-size:1.6em}
	.contactDetail {margin-top:50px}
	.ContImgDiv img { margin-bottom: 30px;}
	.sideTxtLeft {padding-top:30px}
.displayflex {display:grid}
.changeOrderLeft {order: 2;}
.changeOrderRight {order: 1;}
	.content-slideshow {height: 16rem;}
	.timeline {margin-left:50px}
	.core:before {left:-23.5%}
	.awardImg {width:50%; float: left}
	.awardImg img {width:100%}
	.slide-captions img {max-width:120px; margin-top: 25px;}
	
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.cont {width:90%}
	header .col50 {width:100%}
	nav.mainNavs > ul {text-align:left}
	.servicesAfterBanner .col25 {width:50%}
	.servicesAfterBanner .col25:nth-child(2) {border-right:0}
	.pageHeader { padding: 200px 0 50px 0;}
	.contentArea .col40, .col60, .col70 { width: 100%}
}