/* Global Reset & Standards ---------------------- */
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; }

body {font-family: Helvetica, Arial, sans-serif; font-size: 15px; text-align:justify; line-height: 1; color: #000c18; position: relative; -webkit-font-smoothing: antialiased; }

/* Links ---------------------- */
a { color: #234966;; text-decoration: underline; line-height: inherit; }

a:hover { color: #234966;; text-decoration: none;}

a:focus { color: #234966;; outline: none; }

p a, p a:visited { line-height: inherit; }

.BodyTextSml {font-family: Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #234966;
}

.bgabout {background-image: url(../images/); background-size: cover; background-position: center; width: 100%; height: auto;}
.bgcareer {background-image: url(../images/); background-size: cover; background-position: center; width: 100%; height: auto;}
.bgstaff {background-image: url(../images/); background-size: cover; background-position: center; width: 100%; height: auto;}
.bgcontact {background-image: url(../images/); background-size: cover; background-position: center; width: 100%; height: auto;}
.bgindex {background-image: url(../images/banner.png); background-size: cover; background-position: center; width: 100%; height: auto;}

/* Misc ---------------------- */
.left { float: left; }

.right { float: right; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.hide { display: none; }

.highlight { background: #ffff99; }

#googlemap img, object, embed { max-width: none; }

#map_canvas embed { max-width: none; }

#map_canvas img { max-width: none; }

#map_canvas object { max-width: none; }
/* Base Type Styles Using Modular Scale ---------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td { margin: 0; padding: 0; font-size: 14px; }

p { font-size: 15px; line-height: 1.6; margin-bottom: 17px; font-family: Arial, Helvetica, sans-serif;}
p.lead { font-size: 17.5px; line-height: 1.6; margin-bottom: 17px; }
p img.left, p img { margin: 17px; margin-left: 0; }
p img.right { margin: 17px; margin-right: 0; }

aside p { font-size: 13px; line-height: 1.35; font-style: italic; }

h1, h2, h3, h4, h5, h6 { text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #888; line-height: 0; }

h1 {
  text-align: center;
	font-size: 20px; font-weight: 100;
	margin-top: 55px;
  flex-direction: row;
  justify-content: center;
 }
@media screen and (min-width: 780px) {
    h1 {
       text-align: center;
	font-size: 25px; font-weight: 100;
	margin-top: 55px;
    }
}


h2 {
  text-align: left;
	font-family: Arial, sans-serif;
	font-size: 20px; 
	color: #1d70b8;
	text-transform: uppercase;
	font-weight: bold;
 }
.blue {
	color: #003373;
}

h3 { font-size: 24px; }

h4 { font-size: 19px; color: white; }

h5 { font-size: 30px;  text-align: center; font-weight: 100;}

h6 {color: #818181;
    font: 12px "Myriad Web Pro", Arial, Helvetica, sans-serif;
    line-height: 14px;
    font-weight: normal;
    text-decoration: none; }

hr { border: solid #ddd; border-width: 5px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
.subheader { 
	line-height: 1.3; 
	color: #777; 
	font-weight: 300; 
	margin-bottom: 10px; 
	text-align: right; 
	font-size: 12px;
}

em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { font-weight: bold; background: #ffff99; }

/* Lists ---------------------- */
ul, ol { font-size: 14px; line-height: 1.6; margin-bottom: 17px; list-style-position: inside; padding-left: 15px; }

ul.square, ul.circle, ul.disc { margin-left: 17px; }

ul.square { list-style-type: square; }

ul.circle { list-style-type: circle; }

ul.disc { list-style-type: disc; }

ul.no-bullet { list-style: none; }

ul.large li { line-height: 21px; }
/* The Grid ---------------------- */
.row { width: 1240px; max-width: 100%; min-width: 768px; margin: 0 auto; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row.collapse .column, .row.collapse .columns { padding: 0; }
.row .row { width: auto; max-width: none; min-width: 0; margin: 0 -15px; }
.row .row.collapse { margin: 0; }

.column, .columns { float: left; min-height: 1px; padding: 0 15px; position: relative; }
.column.centered, .columns.centered { float: none; margin: 0 auto; }

[class*="column"] + [class*="column"]:last-child { float: right; }

[class*="column"] + [class*="column"].end { float: left; }

.row .one { width: 8.333%; }

.row .two { width: 16.667%; }

.row .three { width: 25%; }

.row .four { width: 33.333%; }

.row .five { width: 41.667%; }

.row .six { width: 50%; }

.row .seven { width: 58.333%; }

.row .eight { width: 66.667%; }

.row .nine { width: 75%; }

.row .ten { width: 83.333%; }

.row .eleven { width: 91.667%; }

.row .twelve { width: 100%; }

.sidebar {align-content:center; }

img, object, embed { max-width: 100%; height: auto;}

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, .map_canvas img { max-width: none!important; }

.row { *zoom: 1; }
.row:before, .row:after { content: ""; display: table; }
.row:after { clear: both; }

/* Mobile Grid and Overrides ---------------------- */
@media only screen and (max-width : 778px ){ body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none; width: 100%; min-width: 0; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
  .row { width: auto; min-width: 0; margin-left: 0; margin-right: 0; }
  .column, .columns { width: auto !important; float: none; }
  .column:last-child, .columns:last-child { float: none; }
  [class*="column"] + [class*="column"]:last-child { float: none; }
  .column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
  .column:after, .columns:after { clear: both; }
  .no-left-margin, .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten { margin-left: 0 !important; }
  .left-auto, .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten { left: auto; }
  .right-auto, .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten { right: auto; }
  /* Mobile 4-column Grid */
  .row .mobile-one { width: 25% !important; float: left; padding: 0 15px; }
  .row .mobile-one:last-child { float: right; }
  .row.collapse .mobile-one { padding: 0; }
  .row .mobile-two { width: 50% !important; float: left; padding: 0 15px; }
  .row .mobile-two:last-child { float: right; }
  .row.collapse .mobile-two { padding: 0; }
  .row .mobile-three { width: 75% !important; float: left; padding: 0 15px; }
  .row .mobile-three:last-child { float: right; }
  .row.collapse .mobile-three { padding: 0; }
  .row .mobile-four { width: 100% !important; float: left; padding: 0 15px; }
  .row .mobile-four:last-child { float: right; }
  .row.collapse .mobile-four { padding: 0; }
  .push-one-mobile { left: 25%; }
  .pull-one-mobile { right: 25%; }
  .push-two-mobile { left: 50%; }
  .pull-two-mobile { right: 50%; }
  .push-three-mobile { left: 75%; }
  .pull-three-mobile { right: 75%; } }
/* Buttons */
.button {
    background-color: #918f91; /* Green */
    border: none;
    color: white;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 17px;
    margin: 4px 2px;
	border-radius: 8px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttonnew1:hover {
    box-shadow: 0 12px 10px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}

/* footer area */
footer {
  background-color: #000c18;
  background-position: center;
  background-size: cover;
}
footer .footer-top-area {
  padding: 30px 0 10px;
}
footer .footer-top-area .footer-top p {
  color: #000000;
  letter-spacing: 25px;
  font-size: 18px;
}
footer .footer-top-area .footer-top h2 {
  font-size: 48px;
  color: #c30c0e;
	text-align: center;
}
footer .footer-top-area .footer-top h2 i {
  color: #646464;
}
footer .footer-top-area .main-footer {
  margin-top: 30px;
}
footer .footer-top-area .main-footer .single-footer h3 {
  color: #000000;
  margin-bottom: 20px;
}
footer .footer-top-area .main-footer .single-footer a {
  display: block;
  margin-bottom: 20px;
}
footer .footer-top-area .main-footer .single-footer p {
  color: #000000;
  margin-bottom: 40px;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul {
  text-align: left;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li {
  display: inline-block;
  margin: 2px;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  color: #01b1d7;
  border: 1px solid #c3c3c3;
  transition: all 0.5s ease 0s;
  text-decoration: none;
  text-align: center;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li a:hover {
  background: #01b1d7;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #01b1d7;
}
footer .footer-top-area .main-footer .single-footer .footer-social-media-area ul li a:hover i {
  color: #000000;
}
footer .footer-top-area .main-footer .footer-two ul li {
  display: block;
  color: #000000;
  margin: 0 0 15px 0;
  font-weight: 300;
}
footer .footer-top-area .main-footer .footer-two ul li i {
  margin: 0 15px 0 0px;
  color: #01b1d7;
}
footer .footer-top-area .main-footer .footer-three ul li {
  display: block;
  color: #000000;
  margin: 0 0 15px 0;
  font-weight: 300;
}
footer .footer-top-area .main-footer .footer-three ul li i {
  margin: 0 15px 0 0px;
  color: #01b1d7;
}
footer .footer-top-area .main-footer .footer-four ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .footer-top-area .main-footer .footer-four ul li {
  display: inline-block;
  width: 30%;
  margin: 1px 3px;
}
footer .footer-top-area .main-footer .footer-four ul li a {
  display: block;
}
footer .footer-top-area .main-footer .footer-four ul li a img {
  display: block;
  width: 100%;
}
footer .footer-top-area .main-footer .footer-four ul li a img:hover {
  opacity: .9;
}
footer .footer-bottom-area {
  background: #000000;
  padding: 10px 0;
}
footer .footer-bottom-area p {
  margin: 0;
  padding: 0;
  color: #b1b1b1;
}
/* Home area */
.home-about-area {
  padding: 90px 0;
  background: #f8f8f8;
}
.home-about-area .about-content-area h2 {
  font-size: 36px;
  color: #222222;
  font-weight: 600;
  margin-bottom: 40px;
}
.home-about-area .about-content-area h2 span {
  color: #01b1d7;
}
.home-about-area .about-content-area p {
  padding-right: 20px;
}
.home-about-area .about-content-area .botton-area {
  margin-top: 50px;
}
.home-about-area .about-content-area .botton-area a {
  display: inline-block;
  padding: 12px 30px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #01b1d7;
}
.home-about-area .about-content-area .botton-area a i {
  margin-left: 10px;
}
.home-about-area .about-content-area .botton-area a:hover {
  background: #0a6f85;
}
.home-about-area .about-featured-image a img {
  transition: all 0.5s ease 0s;
}
.home-about-area .about-featured-image a img:hover {
  opacity: .9;
}
/* ------------------------------------
6.home page core services start here 
---------------------------------------*/
.home-page-core-activities-area {
  padding: 90px 0;
  background: url(../images/activities-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.home-page-core-activities-area .home-activities-area {
  position: relative;
}
.home-page-core-activities-area .home-activities-area h2 {
  color: #ffffff;
  font-size: 36px;
  left: -27%;
  letter-spacing: 0px;
  position: absolute;
  text-transform: uppercase;
  top: 65%;
  -ms-transform: rotate(270deg);
  /* IE 9 */
  -webkit-transform: rotate(270deg);
  /* Safari */
  transform: rotate(270deg);
  font-weight: 800;
}
.home-page-core-activities-area .home-activities-area h2:after {
  content: "";
  left: 411px;
  top: 0;
  background: url(img/arrow.png) no-repeat;
  height: 125px;
  width: 116px;
  display: block;
  position: absolute;
  -ms-transform: rotate(-270deg);
  /* IE 9 */
  -webkit-transform: rotate(-270deg);
  /* Safari */
  transform: rotate(-270deg);
}
.home-page-core-activities-area .home-activities-area .single-activities {
  margin-left: 40px;
  margin-bottom: 30px;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left {
  margin-right: 10px;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a {
  width: 70px;
  height: 70px;
  background: #01a5c9;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: block;
  text-align: center;
  font-size: 35px;
  line-height: 70px;
  transition: all 0.5s ease 0s;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a span {
  color: #ffffff;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a:hover {
  background: #ffffff;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .pull-left a:hover span {
  color: #01b1d7;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .media-body h4.media-heading a {
  font-size: 20px;
  line-height: 1.5;
  color: #ffffff;
  margin-bottom: 20px;
  display: block;
  transition: all 0.5s ease 0s;
  font-weight: 700;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .media-body h4.media-heading a:hover {
  color: #222222;
}
.home-page-core-activities-area .home-activities-area .single-activities .media .media-body p {
  color: #ffffff;
}
hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
	max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
	color: aqua;
} 
body {font-family: Verdana,sans-serif;}

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: #000000;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
	background-color: #bbbbbb;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 10px 0 0 10px;
    background-color: #bbbbbb;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 20px 0 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}
.button2 {
    background-color: #981216;
    border: none;
    color: #ffffff;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin: 4px 2px;
	border-radius: 8px;
    cursor: pointer;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.button2new1:hover {
    box-shadow: 0 12px 10px 0 rgba(0,0,0,0.24),0 17px 20px 0 rgba(0,0,0,0.19);
}