body {
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	background-color: #FDF5E6;
	font-size: 17px;
	color: #494743;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
}
p {
	margin: 0 0 10px;
	-webkit-font-smoothing: antialiased;
	font-size: 17px;
	font-weight: 400;
	color: #494743;
	margin-bottom: 30px;
	line-height: 26px;
}

.contact-line {
	margin-bottom: 5px;
}
a {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 17px;
	color: #e7b468;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover {
	text-decoration: none;
	color: #A59581;
}
ul {
	margin:0px;
	padding: 0px;
	margin-bottom: 0px;
}
ul li {
	line-height: 31px;
	font-size: 18px;
	color: #494743;
	font-weight: 300;
	list-style: none;
}
ol li {
	line-height: 31px;
	font-size: 18px;
	color: #494743;
	font-weight: 300;
 l
}
h1 {
	color: #32302b;
	font-size: 36px;
	letter-spacing: -1px;
	margin-bottom: 20px;
	margin-top: 0px;
}
h2 {
	color: #32302b;
	margin-bottom: 20px;
	margin-top: 0px;
	font-size: 29px;
}
h3 {
	color: #32302b;
	margin-bottom: 20px;
	margin-top: 0px;
	font-size: 23px;
	margin-bottom: 20px;
}

hr {
  border: none; /* Remove default borders */
  height: 2px; /* Set the desired thickness */
  background-color: #e7b468; /* Set the desired color */
  margin: 20px 0; /* Add vertical spacing above and below */
}


::-moz-selection {
background: #003300;
color: #fff;
}
::selection {
background: #003300;
color: #fff;
}
/***************** Template Button Style *****************/

.btn-outline {
	border:3px solid #D5D3CC;
	border-radius: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 18px;
	padding: 10px 20px;
}
.btn-outline:hover {
	background-color: #003300;
	border: 3px solid #003300;
}
/*********** Header Start**********/

.header-row {
	background-color: #B8AF8F;
	padding-top: 10px;
	padding-bottom: 20px;
	background-image: url("../images/top-bg.jpg");
}
.header-row .logo {
	padding: 0px;
	height: 60px;
}
.contact-info {
	text-align: right;
	padding-top: 15px;
}
.contact-info span.call-number {
	margin-right: 10px;
	font-size: 19px;
	font-weight: 600;
	color: #352e26;;
}
@media (max-width: 767px) {
  .contact-info span.call-number {
    margin-right: 0;
	font-size: 18px;
  }
}
.contact-info span.call-number i {
	margin-right: 3px;
}
.contact-info span.mail-info {
	margin-right: 0px;
	font-weight: 600;
	color: #352e26;;
}
@media (max-width: 767px) {
.contact-info span.mail-info a {
    font-size: 16px !important;
}
}
.contact-info span.mail-info a {
	font-size: 19px!important;
}

.contact-info span.mail-info i {
	margin-right: 3px;
}

.social-icon li {
	float: left;
	list-style: none;
	margin-left: 10px;
}
.social-icon li a {
	color: #292722;
	font-size: 24px;
}
.social-icon li a:hover {
	color: #172A09;
	font-size: 24px!important;
}
.tp-navigations {
}
.tp-navigations .navbar-default {
	background-color: #003300;
	border-color: #172A09;
	border-right: 0px;
	border-top: 0px;
	border-left: 0px;
}
.tp-navigations .navbar {
	border-radius: 0px;
	margin-bottom: 0px;
}
.tp-navigations .navbar-nav>li>a {
	padding-top: 20px;
	padding-bottom: 20px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #e7b468;
	padding-left: 20px;
	padding-right: 20px;
	border-right: 1px solid #004d0b;
}
.tp-navigations .nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #eee;
	border-color: #004d0b;
}
.tp-navigations .navbar-default .navbar-nav>.active>a {
	color: #e7b468;
	background-color: #004d0b;
}
.tp-navigations .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	color: #e7b468;
	background-color: #004d0b;
}
.tp-navigations .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	background-color: #003300;
}
.tp-navigations .container>.navbar-collapse {
	margin-left: -15px!important;
}
.tp-navigations .navbar-form .input-group .form-control {
	border-color: #fff;
	background-color: #fff;
	border-radius: 0px 0px 0px 0px;
}
.tp-navigations .input-group-btn .btn-yellow {
	background-color: #fff;
	border-color: #fff;
	color: #494743;
	border-radius: 0px;
}
.tp-navigations .navbar-form .input-group {
	margin-top: 6px;
}
.tp-navigations .navbar-nav>li>.dropdown-menu {
	background-color: #003300;
	border: 0px;
}
.tp-navigations .navbar-nav>li>.dropdown-menu>li>a {
	display: block;
	padding: 8px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #1f2d3a;
	white-space: nowrap;
}
.tp-navigations .navbar-default .navbar-toggle {
border-color: #003300;
}
.tp-navigations .navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #004d0b;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.tp-navigations .navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
}
.tp-navigations .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #004d0b;
}
.tp-navigations .navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid #1a2733;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}
.tp-navigations .navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: transparent;
}

/* Desktop only */
@media (min-width: 768px) {
  .navbar-nav {
    float: none !important;
    margin: 0 auto !important;
    display: flex;
    justify-content: center;
  }

  .navbar-nav > li {
    float: none;
  }
}

/* Mobile: keep default stacked behavior */
@media (max-width: 767px) {
  .navbar-nav {
    width: 100%;
    display: block;
  }
  .navbar-nav > li {
    width: 100%;
    float: none;
  }
}

/* General navbar height + padding adjustments */
.navbar {
  min-height: 40px !important;     /* default is 50px */
  padding: 0 !important;
}

/* Brand area (if you ever add one) */
.navbar-brand {
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 15px !important;
}

/* Nav links */
.navbar-nav > li > a {
  padding-top: 15px !important;     /* default 15px */
  padding-bottom: 15px !important;
  line-height: 20px !important;
  font-size: 15px;                  /* adjust as needed */
  font-weight: 400;                 /* optional */
  text-transform: uppercase;
}

/* Dropdowns (if you ever use them) */
.navbar-nav .dropdown-menu > li > a {
  font-size: 15px;
  padding: 8px 15px;
}

/* Mobile toggle button */
.navbar-toggle {
  margin-top: 6px !important;       /* default 8px */
  margin-bottom: 6px !important;
}


/* Force header + nav to collapse below 1040px */
@media (max-width: 1040px) {

  /* Header logo resize + alignment */
  .header-row .logo img {
    max-width: 180px;
    height: auto;
    display: block;
    margin: 0 auto 10px;
  }

  /* Stack header columns instead of staying in one row */
  .header-row .col-md-3,
  .header-row .col-md-7,
  .header-row .col-md-2 {
    width: 100%;
    text-align: right;
  }

  .contact-info {
    text-align: center;
    padding-top: 5px;
    margin-bottom: 10px;
  }

  .social-icon {
    float: none;
    text-align: center;
    padding-top: 10px;
  }
  .social-icon li {
    float: none;
    display: inline-block;
    margin: 0 8px;
  }

  /* NAVIGATION: switch to mobile mode at 1040px */
  .navbar-header {
    float: none;
  }

  .navbar-toggle {
    display: block;
    margin-right: 0;
  }

  .navbar-collapse {
    border-top: 1px solid #1a2733;
  }

  .navbar-collapse.collapse {
    display: none !important;
  }

  .navbar-nav {
    float: none !important;
    margin: 0;
  }

  .navbar-nav > li {
    float: none;
    width: 100%;
    border-right: none;
  }

  .tp-navigations .navbar-nav>li>a {
    padding-top: 12px;
    padding-bottom: 12px;
    display: block;
    width: 100%;
    border-right: none;
  }

  .collapse.in {
    display: block !important;
  }
}
/* Tighten header stacks below 1040px */
@media (max-width: 768px) {
  .header-row .contact-info p {
    margin: 0;               /* kill the 30px bottom gap */
    line-height: 1.4;
  }

  .header-row .social-icon {
    padding-top: 6px;        /* was 16px */
    margin: 0;               /* remove default ul margin */
    text-align: right;
    float: none !important;  /* cancel pull-right when stacked */
  }

  .header-row .social-icon li {
    float: none;             /* inline instead of stacked */
    display: inline-block;
    margin: 0 8px;
    line-height: 1;          /* keep icons snug */
  }
}


/* Prevent oversized logo on mobile */
@media (max-width: 767px) {
  .header-row .logo img {
    max-width: 180px;     /* reduce overall width */
    height: auto;         /* keep proportions */
    margin: 0 auto;       /* center it if layout allows */
    display: block;
  }

  .header-row {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .contact-info {
    text-align: center;
    padding-top: 5px;
  }
}

/******************** Header End ***************/

/***************** Template Camera Slider *****************/

#slider {
}
.slider-wrapper {
	position: relative;
	z-index: 0;
	top: 0;
	overflow: hidden;
}
#stripe-line {
	border-bottom: 9px
}
#stripe-line {
	-webkit-border-image: url(../images/stripe-line.jpg) 0 0 10 0 round; /* Safari 3.1-5 */
	-o-border-image: url(../images/stripe-line.jpg) 0 0 10 0 round; /* Opera 11-12.1 */
	border-image: url(../images/stripe-line.jpg) 0 0 10 0 round;
	margin-top: -5px;
}
.camera_caption {
	display: block;
	position: absolute;
	width: 100%;
	top: 30%;
	left: 20%;
	max-width: 550px;
}
.camera_caption > div {
	background:transparent!important;
}
.camera_caption h1 {
	color: #fff;
	text-shadow: 0px 1px 1px rgba(15, 26, 36, 1);
}
.camera_wrap a.btn-outline {
	background-color: #003300;
	border:3px solid #003300;
	border-radius: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 18px;
	padding: 10px 20px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #1f2d3a;
}
.camera_wrap a.btn-outline:hover {
	background-color: #fff;
	border:3px solid #fff;
	color: #1f2d3a;
}
/***************** Template Camera Slider *****************/

/* Hero block that replaces camera.js */
.hero-image {
  background-image:
    linear-gradient(
      to bottom,
      rgba(0,0,0,0.0),
      rgba(0,0,0,0.55)
    ),
    url('../images/galaxy-farm-barn-hero.jpg');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 450px;
  position: relative;
  color: #fff;
}

@media (max-width: 768px) {
  .hero-image {
    background-position: center top;
  }
}

/* Match original caption geometry (top/left/max-width) */
.hero-text {
  position: absolute;
  top: 30%;
  left: 20%;
  max-width: 650px;
  text-align: left;
}

/* Mirror original .camera_caption h1 styling */
.hero-text h1 {
  font-family: 'Open Sans Condensed', sans-serif;
  text-transform: uppercase;
  color: #fff;
  text-shadow: 0px 2px 6px rgba(15, 26, 36, 1);  /* same shadow */
  font-size: 48px;
  letter-spacing: -1px;line-height: 1.2;
  margin: 0 0 20px 0;
}

/* Decorative bar below hero image */
.hero-bar {
  width: 100%;
  height: 13px;
  background-image: url('../images/studbar.jpg');
  background-repeat: repeat-x;
  background-size: auto 13px;
}

.hero-bar-solid {
  width: 100%;
  height: 7px;
  background-image: url('../images/dot.gif');
  background-repeat: repeat-x;
  background-size: auto 7px;
  background-color: #9D5B2F;
}

.footer-bar {
  width: 100%;
  height: 140px;
  background-image: url('../images/horses-bg.png');
  background-repeat: repeat-x;
  background-size: auto 140px;
}

/* Keep the old mobile behavior for caption sizing/positioning */
@media (max-width: 767px) {
  .hero-text { top: 5%; left: 10%; max-width: 400px; }
  .hero-text h1 { font-size: 30px; }
}

/* Preserve original wrapper behavior (already in your CSS) */
/* .slider-wrapper { position: relative; z-index:0; overflow: hidden; } */


/***************** Aboutus Section Start *****************/
.photo-padding {
	padding-bottom: 20px;
}

.tp-aboutus {
	padding-top: 60px;
	padding-bottom: 40px;
	margin-bottom: 80px;
}
.tp-about-dec {
	margin-top: 20px;
}
.tp-about-dec h1 {
	color: #32302b;
}
.tp-about-feature {
	margin-top: 20px;
}
.tp-about-feature .tp-about-block {
	margin-bottom: 30px;
}
.tp-about-feature .tp-about-block h2 span {
	color: #003300;
}
.tp-heading-title {
	text-align: left;
	margin-bottom: 20px;
}
/***************** Aboutus Section End *****************/

/* News wrapper (was .boxed-alert) */
.news-boxed {
  margin-top: 0px;
}

/* Grid item spacing (matches .alert-box) */
.news-item { margin-bottom: 30px; }

/* Card (was .alert.alert-*) */
.news-card {
  padding: 20px;
  text-align: left;
  border-radius: 0;
  border: 2px solid #B8AF8F;
  font-family: 'Open Sans Condensed', sans-serif; /* match */
  font-size: 18px;
}

/* Variants (1:1 with your alert colors — edit later) */
.news-success { color: #494743; background-color: #e9e1cf; }
.news-info    { color: #02476b; background-color: #1f96d4; }
.news-warning { color: #766404; background-color: #e0cd67; }
.news-danger  { color: #7d0808; background-color: #dd4242; }
.news-notice  { color: #232c36; background-color: #6f8fae; }

/* Headings inside cards (optional consistency) */
.news-card h4 { margin-top: 0; margin-bottom: 10px; }
.news-card a  { color: #004d0b; text-decoration: none; }
.news-card a:hover  { color: #172A09; text-decoration: none; }

/* Tighten links on hover like the rest of site (optional) */
.news-card a:hover { text-decoration: none; }


/***************** Service Section Start *****************/

.tp-section-space {
	padding-top: 90px;
	padding-bottom: 80px;
}
.tp-service-section {
	background-image:url(../images/tp-pattern.png);
	background-repeat:repeat;
}
.tp-service-block {
	margin-bottom: 20px;
	margin-top: 10px;
}
.tp-service-block a h2 {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.tp-service-block a h2:hover {
	color: #003300;
	text-decoration: none;
}
.tp-thumb-pic {
	margin-bottom: 30px;
}
.tp-ser-dec {
}
/***************** Quote Section Start ****************/
#quote-section {
}
.quote-section {
	background-color: #B8AF8F;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
.quote-section .tp-heading-title h1 {
	color: #1a2733;
}
.quote-section .btn-outline {
	background-color: #fff;
	border: 3px solid #fff;
	padding:15px 40px;
	font-size: 29px;
	color: #32302b;
}
.quote-section .btn-outline:hover {
	background-color: #93BB8B;
	border: 3px solid #93BB8B;
	color: #1a2733;
}
/***************** Quote Section End ****************/

/***************** Project Section Start ****************/
#project-section {
}
.project-section {
}
.project-section-space {
	padding-top: 20px;
	padding-bottom: 20px;
}
.project-block {
	margin-bottom: 20px;
	margin-top: 10px;
}
.project-block .pro-thumb {
	margin-bottom: 30px;
}
.project-block .pro-thumb a img {
	
	width: 100%;
}

.project-block .pro-dec {
}
.project-block .pro-dec a h2 {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.project-block .pro-dec a h2:hover {
	color: #003300;
	text-decoration: none;
}
.project-block .pro-dec .locations {
	color: ##9B9891;
	margin-bottom: 20px;
}
.project-block .pro-dec .locations i {
	margin-right: 10px;
}
/***************** Project Section End ****************/

/***************** Gallery Section Start ****************/

.gallery {
	padding-top: 40px;
}

.gallery h1 {
    color: #32302b;
    font-size: 36px;
    letter-spacing: -1px;
    margin-bottom: 0px!important;
    margin-top: 0px;
}

.photo-frame {
  border: 6px solid transparent;  /* border must be transparent for gradient to show */
  border-image: linear-gradient(to bottom right, #9d5b2f, #B8AF8F) 1;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

/* Carousel container */
.gf-photo-carousel { position: relative; margin: 10px 0; }

/* Viewport & track */
.gf-viewport { overflow: hidden; width: 100%; }
.gf-track { display: flex; will-change: transform; transition: transform 0.6s ease; }

/* Items: 4 per row on desktop, 2 on tablets, 1 on phones */
.gf-item { flex: 0 0 25%; padding: 6px; }
@media (max-width: 991px) { .gf-item { flex-basis: 50%; } }
@media (max-width: 600px) { .gf-item { flex-basis: 100%; } }

/* Uniform frames with border; tweak ratio or border color later */
.gf-frame {
  position: relative;
  width: 100%;
  padding-top: 66.6667%;   /* 3:2 aspect; change to 75% for 4:3 or 56.25% for 16:9 */
  background: #f5f5f2;
  border: 6px solid #B8AF8F;   /* adjust color later */
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

/* Images fit evenly regardless of orientation */
.gf-frame img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;          /* centers & crops neatly */
  object-position: center;
  display: block;
}

/* Lightbox base */
.gf-lightbox {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}
.gf-lightbox.is-open { display: flex; }

/* Lightbox image */
.gf-lightbox-img {
  max-width: 90vw;
  max-height: 90vh;
  box-shadow: 0 2px 12px rgba(0,0,0,.5);
  border: 4px solid #EEEDE8; /* matches your frames; tweak later */
  background: #f5f5f2;
}

/* Close button */
.gf-lightbox-close {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 32px;
  line-height: 1;
  color: #fff;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.gf-lightbox-close:focus { outline: 2px solid #fff; }

/* Optional: prevent scroll-jump when lightbox is open */
body.gf-no-scroll { overflow: hidden; }

/* Make gallery images appear clickable */
.gf-frame img {
  cursor: pointer;
}

/* Subtle dim on hover */
.gf-frame img {
  cursor: pointer;
  transition: opacity .25s ease;
}

.gf-frame img:hover {
  opacity: 0.75;
}

/* Clickable thumbs */
.gallery .gf-frame img.gf-thumb { cursor: pointer; transition: opacity .25s ease; }
.gallery .gf-frame img.gf-thumb:hover { opacity: .75; }

/* Lightbox */
.gf-lightbox {
  position: fixed; inset: 0; display: none;
  align-items: center; justify-content: center;
  background: rgba(0,0,0,.8); z-index: 9999;
}
.gf-lightbox.is-open { display: flex; }

.gf-lightbox-img {
  max-width: 90vw; max-height: 90vh;
  background: #f5f5f2; border: 4px solid #EEEDE8;
  box-shadow: 0 2px 12px rgba(0,0,0,.5);
}

.gf-lightbox-close {
  position: absolute; top: 14px; right: 16px;
  font-size: 32px; line-height: 1;
  color: #fff; background: transparent; border: 0; cursor: pointer;
}
body.gf-no-scroll { overflow: hidden; }

/* Center the pagination */
.gallery nav .pagination {
  display: inline-block;
  margin: 20px auto 30px auto;
  padding-left: 0;
}
.gallery nav {
  text-align: center;
}

/* Prevent jump on hover or active page */
.gallery .pagination > li > a,
.gallery .pagination > li > span {
  padding: 6px 12px;
  border: 1px solid transparent; /* same width always */
  transition: background-color .25s ease, color .25s ease;
}

/* Uniform sizing for active page (no enlargement) */
.gallery .pagination > .active > a,
.gallery .pagination > .active > span,
.gallery .pagination > .active > a:hover,
.gallery .pagination > .active > span:hover {
  border: 1px solid transparent; /* stay same size */
}

/* -------------------------------------------------------
   GALLERY PAGING THEME (customize freely)
   ------------------------------------------------------- */

/* Default page links */
.gallery .pagination > li > a {
  color: #A59581;                   /* normal text color */
  background: #f9f9f9;           /* page backdrop */
  border: 1px solid #e0e0e0;     /* default border */
}

/* Hover state */
.gallery .pagination > li > a:hover {
  background: #B8AB9A;           /* hover background */
  color: #362E26;                   /* hover text */
  border-color: #ccc;            /* subtle border */
}

/* Active page (highlight only, NOT enlarged) */
.gallery .pagination > .active > a,
.gallery .pagination > .active > span {
  background: #362E26;           /* highlight color */
  color: #FDF5E6;                   /* active text */
  border-color: #a6c3e8;         /* matching border */
  cursor: default;               /* non-clickable */
}

/* Disabled arrows (first/prev or next/last) */
.gallery .pagination > .disabled > a,
.gallery .pagination > .disabled > span {
  background: #f2f2f2;
  color: #999;
  border-color: #ddd;
  cursor: not-allowed;
}

.gallery .pagination > li > a:active,
.gallery .pagination > li > a:focus {
  outline: none !important;
  border-color: transparent !important;
}

* ===================== gfsx: Layout (no conflicts) ===================== */
.gfsx-strip { margin: 16px 0; }
.gfsx-row { 
  display: flex; 
  flex-wrap: nowrap;                 /* always three across */
  justify-content: space-between; 
  gap: 12px; 
  box-sizing: border-box;
}
.gfsx-cell { 
  flex: 0 0 calc((100% - 24px)/3);   /* three columns minus two gaps */
  text-decoration: none; 
}

/* ===================== gfsx: Frame and Image ===================== */
.gfsx-frame {
  position: relative; 
  width: 100%; 
  padding-top: 66.6667%;            /* 3:2 tile; change to 75% for 4:3 */
  background: #f5f5f2;
  border: 4px solid #EEEDE8;        /* theme later if you wish */
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  overflow: hidden;
}
.gfsx-img {
  position: absolute; inset: 0; 
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block; 
  cursor: pointer;
  transition: opacity .25s ease;
}
.gfsx-img:hover { opacity: .75; }

/* ===================== gfsx: Lightbox ===================== */
#gfsxLightbox.gfsx-lightbox {
  position: fixed; inset: 0; 
  display: none; 
  align-items: center; justify-content: center;
  background: rgba(0,0,0,.8);
  z-index: 9999;
}
#gfsxLightbox.gfsx-lightbox.gfsx-open { display: flex; }

#gfsxLightbox .gfsx-lightbox-img {
  max-width: 90vw; max-height: 90vh;
  background: #f5f5f2; 
  border: 4px solid #EEEDE8; 
  box-shadow: 0 2px 12px rgba(0,0,0,.5);
}

#gfsxLightbox .gfsx-lightbox-close {
  position: absolute; top: 14px; right: 16px;
  font-size: 32px; line-height: 1;
  color: #fff; background: transparent; border: 0; cursor: pointer;
}

/* Prevent layout shift when scrollbar hides */
body.gfsx-no-scroll { overflow: hidden; padding-right: var(--gfsx-sbw, 0px); }

/* Two photos = 50/50 side by side (accounts for 12px gap) */
.gfsx-row.gfsx-2 .gfsx-cell { flex: 0 0 calc((100% - 12px)/2); }

/* One photo = full width */
.gfsx-row.gfsx-1 .gfsx-cell { flex: 0 0 100%; }

/* --- For Sale: gfsx three-across layout --- */
.gfsx-strip { margin: 16px 0; }

.gfsx-row {
  display: flex;
  flex-wrap: nowrap;                 /* always in a single row */
  justify-content: space-between;
  gap: 12px;                         /* total gaps = 2 * 12px when 3 items */
  box-sizing: border-box;
}

/* 3 across default */
.gfsx-row .gfsx-cell {
  flex: 0 0 calc((100% - 24px) / 3); /* 3 equal columns minus the two gaps */
}

/* 2 photos = 50/50 */
.gfsx-row.gfsx-2 .gfsx-cell {
  flex: 0 0 calc((100% - 12px) / 2); /* one gap between two cells */
}

/* 1 photo = full width */
.gfsx-row.gfsx-1 .gfsx-cell {
  flex: 0 0 100%;
}

/* Frame + image (match earlier gfsx visuals) */
.gfsx-frame {
  position: relative;
  width: 100%;
  padding-top: 66.6667%;             /* 3:2 tile; change to 75% for 4:3 */
  background: #f5f5f2;
  border: 4px solid #EEEDE8;
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  overflow: hidden;
}

.gfsx-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
}

/* For Sale strip: keep 3-up on phones too */
@media (max-width: 480px) {
  .gfsx-row { 
    flex-wrap: nowrap !important; 
    /* small gap to avoid rounding overflow */
    gap: 9px !important; 
  }
  .gfsx-cell { 
    flex: 0 0 calc((100% - 18px)/3) !important; 
    max-width: calc((100% - 18px)/3) !important; 
  }
}

/***************** Gallery Section Start ****************/

/***************** News / Blog Section Start **********/

#news-section {
}
.tp-news-section {
	background-image:url(../images/tp-pattern.png);
	background-repeat:repeat;
	padding-top: 100px;
	padding-bottom: 100px;
}
.tp-news-block {
}
.tp-news-block a h2:hover {
	color: #003300;
	text-decoration: none;
}
.tp-news-block a h2 {
	line-height: 41px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.tp-news-block .meta-date {
	color: #003300;
}
.tp-news-block .meta-date i, .tp-news-block .meta i {
	font-size: 18px;
	margin-right: 10px;
}
.tp-news-block .meta {
	font-size: 10px;
	margin-bottom: 10px;
}
.tp-news-block .meta .meta-tags {
	margin-right: 10px;
}
.tp-news-block .meta .meta-comments {
}
.tp-news-section .btn-block {
	margin-top: 60px;
}
/********** News / Blog Section End *************/


/***************** Trusted Client Section **********/

#trusted {
}
.trusted-section {
	padding-bottom: 100px;
	padding-top: 100px;
}
#owl-demo .item {
	margin: 3px;
}
#owl-demo .item img {
	display: block;
	width: 100%;
	height: auto;
}
/***************** Trusted Client End **********/


/**************** Footer Start *************/
#footer {
}
.footer-section {
	background-color: #1d1c1a;
	padding-top: 100px;
	padding-bottom: 100px;

}
.footer-section h2{color: #fff;}
.tp-ft-about {
}
.footer-section p{color: #7d7b77;}
.tp-ft-about .address {
	margin-top: 30px;
}
.tp-ft-about .address ul li, .tp-investor-relation ul li, .tp-pages-link ul li, .tp-informations-link ul li {
	list-style: none;
	margin-bottom: 8px;
	font-family: 'Roboto', sans-serif;
	color: #7d7b77;
}
.tp-ft-about .address ul li a, .tp-investor-relation ul li a, .tp-pages-link ul li a, .tp-informations-link ul li a {
	list-style: none;
	margin-bottom: 10px;
	font-family: 'Roboto', sans-serif;
	text-transform: inherit;
	color: #7d7b77;
}
.tp-ft-about .address ul li a:hover, .tp-investor-relation ul li a:hover, .tp-pages-link ul li a:hover, .tp-informations-link ul li a:hover{color: #003300;}
.tp-ft-about .address ul li i, .tp-investor-relation ul li i, .tp-pages-link ul li i, .tp-informations-link ul li i {
	margin-right: 20px;
}
.tp-pages-link {
}
.tp-informations-link {
}
.tp-investor-relation, .tp-pages-link, .tp-informations-link {
	margin-top: 30px;
}
.tp-investor-relation h2, .tp-pages-link h2, .tp-informations-link h2 {
	margin-bottom: 30px;
}
.tp-ft-section-second {
	margin-top: 60px
}
.location-map {
}
.twitter-widget {
}
.twitter-widget ul li {
	margin-bottom: 30px;
	color: #7d7b77;
}
.tp-ft-newsletter {
}
.tp-ft-newsletter .form-group .form-control {
	background-color: #272623;
	border: 1px solid #32312f;
	border-radius: 0px;
	height: 45px;
}
.btn-submit {
	background: #003300;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	border-radius: 0px;
	color: #0f1a25;
	padding:10px 20px;
}
#tiny-footer {
}
.tiny-footer {
	background: #362E26;
	padding-top: 30px;
}
.tiny-footer .copyright-ct {
	font-size: 15px;
	line-height: 24px;
	color: #fcf5e5;
	margin-bottom: 10px;
}
.social-icon-ft li {
	float: left;
	margin-right: 10px;
}
.footer-logo {
	max-width: 220px;
}
/* Footer layout */
.tiny-footer {
  padding: 30px 0;
  background-color: #444534;
  background-image:url(../images/footer-bg.gif);
  background-repeat:repeat;
  color: #ABA094;
  font-size: 13px;
}

.tiny-footer .footer-logo {
  max-width: 200px;
  float: right;
}

/* Center everything on mobile */
@media (max-width: 767px) {
  .tiny-footer .footer-logo {
    float: none;
    display: block;
    margin: 10px auto 0;
  }
  .tiny-footer .copyright-ct {
    text-align: center;
	font-size: 14px;
  }
}

/**************** Footer Start *************/



/*****************Common Page Class**********/
#main-wrapper {
}
.main-wrapper {
	padding-top: 60px;
	padding-bottom: 100px;
}
/************************************************
***************** ABOUT US PAGE *****************
*************************************************/

/************Page header start ***********/

.tp-page-header {
    background-image: url(../images/galaxy-barn-sub-header.jpg);
    background-repeat: no-repeat;
    background-position: center center;   /* centers the image horizontally + vertically */
    background-size: cover;               /* scales to fill the space without distortion */
    padding-top: 40px;
    padding-bottom: 33px;
}

.page-header-title {
	margin-top:20px;
}
.page-header-title h2{color: #003300;}

.tp-page-header .page-header-title h2 {
	margin-bottom:5px;
}
.tp-page-header .breadcrumb {
	background:transparent;
	padding-left: 0px
}
.tp-page-header .breadcrumb li a {
	color:#fff;
}
.tp-page-header .breadcrumb>.active {
	color: #003300;
	font-size: 18px;
	font-family: 'Open Sans Condensed', sans-serif;
	text-transform:uppercase;
}
/************Page header end***********/

/************Company profile start ***********/

#tp-company-profile {
}
.tp-company-profile {
	padding-top: 40px;
	padding-bottom: 10px;
}
.highlight {
	color:#e3a50b;
	font-weight: bold;
}
.tp-history-bg {
	background-color:#003300;
	padding:60px 60px;
}
.tp-heading h2 span {
	color: #003300;
}
.about-feature {
	margin-top: 80px;
}
#team-section {
}
.team-section {
	background-image:url(../images/tp-pattern.png);
	background-repeat:repeat;
	padding-top: 100px;
	padding-bottom: 100px;
}
.team-section .tp-team-block {
}
.team-section .tp-team-block .team-thumb {
	margin-bottom: 20px;
}
.team-section .tp-team-block .team-dec .desigation {
	color: #9B9891
}
.team-section .view-member {
	margin-top: 80px;
}
.job-section-title h1 {
	color: #192530;
	font-size: 30px;
    letter-spacing: -1px;
    margin-bottom: 10px!important;
    margin-top: 0px;
}
.job-section-title p {
	color: #192530;
	margin-bottom: 0px;
}
.job-section .btn-outline {
	margin-top: 20px;
}
/********************************************************

*******************		Blog Page 	*************************

********************************************************/

.tp-blog-leftside {
}
.blog-post {
	margin-bottom: 30px;
}
.blog-post .blog-thumbnail {
	margin-bottom: 30px;
}
.blog-post .blog-thumbnail img {
	width: 100%;
}
.blog-post .blog-header {
}
.blog-post .blog-title a {
	font-size: 29px;
	color: #32302b;
}
.blog-post .blog-title a:hover {
	color: #003300;
}
.blog-post .meta {
}
.blog-post .meta a {
	font-size: 16px;
}
.blog-post .meta .meta-date i, .blog-post .meta .comments i, .blog-post .meta .author i, .blog-post .meta .tags i {
	margin-right: 10px;
	font-size: 14px;
}
.blog-post .meta .comments {
	padding-right: 20px;
	border-right: 1px solid #D5D3CC;
}
.blog-post .meta .author {
	padding-right: 20px;
	border-right: 1px solid #D5D3CC;
	margin-left: 20px;
}
.blog-post .meta .tags {
	margin-right: 20px;
	padding-left: 20px;
}
.blog-post .meta .meta-date {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #D5D3CC;
}
.blog-post .blog-content {
	border-bottom: 1px solid #D5D3CC;
	padding-bottom: 40px;
}
/******* Pagination *********/
.blog-pagination {
	text-align: center;
	margin-top: 60px;
}
.blog-pagination .pagination ul li a {
	border:3px solid #3c4f60;
	border-radius: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 18px;
	padding: 10px 20px;
}
.blog-pagination .pagination>li>a, .pagination>li>span {
	border:2px solid #D5D3CC;
	border-radius: 0px;
	position: relative;
	float: left;
	padding: 8px 16px;
	margin-left: 10px;
	line-height: 1.42857143;
	color: #494743;
	text-decoration: none;
	background-color: transparent;
}
.blog-pagination .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #14212e;
	background-color: #003300;
	border:2px solid #003300;
}
.blog-pagination .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #14212e;
	background-color: #003300;
	border:2px solid #003300;
}
/*********** Blo right sidebar **************/
.widget {
	margin-bottom: 30px;
	border-bottom: 1px solid #D5D3CC;
	padding-bottom: 30px;
}
.widget-title {
	margin-bottom: 30px;
}
/******* Search post widget **********/
.search-widget {
}
.search-widget .input-group .form-control {
	/*background-color: #17222c;
	border: 1px solid #324656;*/
	border-radius: 0px;
	height: 45px;
	font-weight: 300;
}
.search-widget .btn-search {
	background: #003300;
	height: 45px;
	padding: 0px 20px;
	border: none;
	border-radius: 0px;
}
/******* Categories post widget **********/
.categories-widget {
}
.categories-widget ul li, .archive-widget ul li {
	margin-bottom: 10px;
}
.categories-widget ul li i, .archive-widget ul li i {
	margin-right: 10px;
}
.categories-widget ul li span {
	margin-left: 10px;
	color: #e3a50b;
}
.archive-widget {
}
/******* Recent post widget **********/
.recent-post-widget {
}
.recent-post-widget ul li {
	margin-bottom: 30px
}
.recent-post-widget .recent-title a {
	font-size: 23px;
	color: #32302b;
}
.recent-post-widget .recent-title a:hover {
	font-size: 23px;
	color: #003300;
}
.recent-post-widget .small-tumbnail {
	float: left;
	margin-right: 30px;
}

.recent-post-widget ul li .meta-date i {
	margin-right: 10px;
	font-size: 14px;
}
/******* Tags post widget **********/

.tags-widget a {
	margin-bottom: 5px;
	margin-right: 1px;
	font-size: 16px;
}
.tags-widget a.btn-outline {
	padding: 5px 10px;
}
/*************************************************
********************* Blog Details ***************
*************************************************/

.blog-content blockquote {
	background-color: #D5D3CC;
	color: #333029;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 40px;
	font-size: 18px;
	border-left: 5px solid #003300;
}
.blog-content ul {
	margin-bottom: 30px;
}
.blog-post .post-next-prev {
	margin-top: 30px;
	border-bottom: 1px solid #D5D3CC;
	padding-bottom: 10px;
}
.blog-post .post-next-prev .pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none;
}
.blog-post .post-next-prev .pager li>a, .pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: transparent;
	border: 2px solid #3c4f60;
	border-radius: 0px;
}
.blog-post .post-next-prev .pager li>a:hover, .pager li>a:focus {
	text-decoration: none;
	background-color: #003300;
	color: #1f2d3a;
	border: 2px solid #003300;
}
/******************* Author Block *******************/
.author-block {
	margin-top: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #D5D3CC;
	padding-bottom: 40px;
}
.author-block .author-bg {
	background-color: #fff;
	padding: 40px 30px;
}
.author-dec h3 a.name-author {
	font-size: 23px;
	color: #32302b;
}
.author-dec h3 a.name-author:hover {
	color: #003300;
}
.author-block .author-bg .btn-outline {
	padding: 4px 20px;
}
/***************** Comments ****************/
#comments {
}
.comments {
	margin-top: 40px;
}
.comments .media {
	border-bottom: 1px solid #D5D3CC;
	padding-bottom: 10px;
	margin-bottom: 40px;
}
.comments .media .nested-media {
	border: none;
	margin-top: 60px;
	margin-bottom: 0px;
}
.comments .media a.media-left {
	padding-right: 30px;
}
.comments .media .media-body {
}
.comments .media .media-body h3.media-heading a {
	color: #32302c;
}
.comments .media .media-body h3.media-heading a:hover {
	color: #003300;
}
.comments .media .media-body p span {
	font-size: 14px;
	margin-right: 10px;
}
.comments .media .media-body .btn-outline {
	padding: 0px 15px;
}
.comments .media .media-body .btn-outline i {
	margin-right: 10px;
}
/****************** Leave comments section *******************/
#leave-comments {
}
.leave-comments {
}
.leave-comments form.leave-form {
	margin-top: 60px;
}
.leave-comments .form-group .form-control {
	/*background-color: #17222c;
	border: 1px solid #324656;*/
	border-radius: 0px;
	height: 55px;
	width: 65%;
	color: #90a3b5;
	font-size: 18px;
	font-weight: 300;
	padding-left: 20px;
}
.form-control:focus {
	border-color: #003300;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(150, 193, 28, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 3px rgba(150, 193, 28, .6);
}
.leave-comments .form-group textarea.form-control {
	width: 80%;
	height: auto;
}

label
 {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 400;
	font-size: 17px;
}

.form-control {
	height: 45px;
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-primary
 {
    color: #fff;
    background-color: #004d0b;
    border-color: #008013;
}

.btn-primary:hover
 {
    color: #fff;
    background-color: #008013;
    border-color: #004d0b;
}
/****************************************************
*******************  Service Page  ******************
****************************************************/
#service-page {
}
.tp-service-page {
}
.tp-service-page .service-list {
	margin-bottom: 60px;
}
.tp-service-page .tp-service-block .tp-ser-dec ul li a {
	font-family: 'Roboto', sans-serif;
	text-transform: inherit;
}
.tp-service-block ul li i {
	margin-right: 10px;
}

.map-responsive {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.map-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
/****************************************************
*******************  Project Page  ******************
****************************************************/
#project-page {
}
.project-page {
}
.project-page .project-listing {
	margin-bottom: 60px;
}
/****************************************************
*******************  Project Details Page  ******************
****************************************************/
.project-detail-page {
}
.project-heading {
}
.project-heading .btn-outline {
	padding: 5px 10px;
	font-size: 14px;
}
.project-detail-page .locations i {
	margin-right: 10px;
}
.project-detail-page .project-descriptions {
}
.project-info {
}
.info-box {
	background-color: #FFFFFF;
border: 6px solid #EEEDE8;
	padding: 30px;
	margin-bottom: 30px;
}
.project-details {
}
.project-details p, .project-details h3 {
	margin-bottom: 10px;
}
.project-details .project-title {
	margin-top: 0px;
}
.project-details .project-client {
}
.project-details .project-location {
}
.project-details .project-country {
	margin-bottom: 10px;
}
.project-details .project-country .btn-outline {
	padding: 5px 10px;
	margin-top: 10px;
}
.project-details>.project-title, .project-client, .project-location, .project-country {
	margin-bottom: 30px;
}
.performance-info {
}
.performance-info h3 {
	color: #003300;
}
.fact-info {
}
.fact-info .btn-outline {
	padding: 5px 15px 5px 10px;
	margin-top: 10px;
}
.fact-info .btn-outline i {
	margin-right: 10px;
	margin-left: 5px;
}
/****************************************************
*******************  Contact us Page  ******************
****************************************************/
#contact-page {
}
.contact-page {
}
.contact-heading {
	border-bottom: 1px solid #D5D3CC;
}
.contact-page .contact-form .form-control {
	/*background-color: #17222c;
	border: 1px solid #324656;*/
	border-radius: 0px;
	height: 55px;
	width: 65%;
	color: #90a3b5;
	font-size: 18px;
	font-weight: 300;
	padding-left: 20px;
}
.contact-page .contact-form label {
	font-weight: 300;
	color: #494743;
	margin-bottom: 15px;
}
.contact-page .contact-form textarea.form-control {
	width: 90%;
	height: auto;
}
.contact-form, .investor-info {
	margin-top: 0px;
}
.ct-support {
	margin-top: 60px;
}
.ct-support i, .contact-address .ct-address p i {
	margin-right: 10px;
}
#contact-address {
}
.contact-address {
	background-image:url(../images/tp-pattern.png);
	background-repeat:repeat;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 10px;
}
.contact-address .ct-address {
	color: #90a3b5;
	font-weight: 300;
}
.contact-address .ct-address p {
	margin-bottom: 10px;
}
.contact-address .ct-address .address-info {
	margin-top: 30px;
}
.contact-address .map-box {
	margin-top: 60px;
	opacity: .5
}
.contact-address .ct-address p i {
	color: #003300;
}
/****************************************************
*******************  Investor Page  ******************
****************************************************/

#investor-page {
}
.investor-page {
	margin-bottom: 60px;
	padding-bottom: 60px;
	padding-top: 30px;
}
#report-sections {
}
.report-sections {
	background-image:url(../images/tp-pattern.png);
	background-repeat:repeat;
	padding-top: 100px;
	padding-bottom: 100px;
}
.report-sections .report-block {
	margin-bottom: 30px;
}
.report-sections .report-block img {
	margin-bottom: 30px;
}
/****************************************************
*******************  Annual Report Page  ******************
****************************************************/

#report-listing {
}
.listing-heading {
	border-bottom: 1px solid #D5D3CC;
	padding-bottom: 60px;
}
.report-listing {
}
.report-listing .listing-block {
	border-bottom: 1px solid #D5D3CC;
	padding-top: 60px;
	padding-bottom: 60px;
}
.report-listing .report-decriptions {
}
.report-listing .report-decriptions .btn-outline i {
	margin-right: 10px;
}
.report-listing .report-decriptions small {
	margin-left: 20px;
	font-size: 12px;
}
.report-listing .report-decriptions small a.click-here {
	color: #e3a50b;
	font-size: 12px;
}
/****************************************************
*******************  Quarterly Report Page  ******************
****************************************************/
.quater-report-list {
	margin-top: 30px;
}
.quater-report-list li {
	margin-bottom: 20px;
}
.quater-report-list li i {
	margin-right: 10px;
}
.quater-report-list li a.btn-outline {
	margin-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.icon-pdf-red {
	color: #d22f2f;
}
.presentation-list {
	margin-top: 30px;
	display: -webkit-box;
	border-bottom: #D5D3CC solid 1px;
}
.presentation-list i {
	margin-right: 10px;
}
.presentation-list span {
	margin-left: 30px;
	display: -webkit-box;
	color: #e3a50b;
	font-size: 16px;
}
.presentation-list .btn-outline {
	margin-left: 30px;
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 15px
}
/****************************************************
*******************  Investor Form Page  ******************
****************************************************/

.invest-form {
	margin-top: 30px;
}
.invest-form .form-control {
	/*background-color: #17222c;
	border: 1px solid #324656;*/
	border-radius: 0px;
	height: 55px;
	color: #494743;
	font-size: 18px;
	font-weight: 300;
	padding-left: 20px;
}
.invest-form textarea.form-control {
	min-height: 120px;
}
.invest-form .control-label {
	color: #494743;
	font-weight: 300;
	text-align: left;
}
.invest-form .atrisk {
	color: red;
	padding-left: 3px;
}
.report-blocks {
	margin-top: 25px;
}
.report-blocks .row {
	margin-bottom:20px;
}
/****************************************************
*******************  Career Page  ******************
****************************************************/
#career-page {
}
.career-page {
}
.career-descriptions {
}
.career-descriptions img {
	margin-bottom: 30px;
}
.job-listing {
}
.job-listing .panel-group {
	margin-top: 60px;
}
.job-listing .panel {
	border: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
}
.job-listing .panel-default>.panel-heading {
	background-color: #D5D3CC;
	border:none;
	padding: 17px 20px;
	color: #32302b;
	border-radius: 0px;
}
.job-listing .panel-default>.panel-heading+.panel-collapse>.panel-body {
	background-color: #fff;
	border: none;
}
.panel-title>a {
	font-size: 23px;
}
.panel-title>a:hover{
	font-size: 23px;
	color: #fff;
}
/*** HR informations ****/
.hr-info {
}
.hr-info ul li i {
	margin-right: 10px;
	color: #003300;
}
.hr-info ul {
	margin-bottom: 0px;
}
/**** career-form ****/

.career-form .form-control {
	/*background-color: #17222c;
	border: 1px solid #324656;*/
	border-radius: 0px;
	height: 55px;
	color: #90a3b5;
	font-size: 18px;
	font-weight: 300;
	padding-left: 20px;
}
.career-form .control-label {
	color: #494743;
	font-weight: 300;
	text-align: left;
	margin-bottom: 10px;
	
}
.career-form .atrisk {
	color: red;
	padding-left: 3px;
}
/****************************************************
*******************  Board of Member Page  ******************
****************************************************/
#board-member {
}
.board-member {
}
.board-title {
	margin-bottom: 30px;
}
.member-block {
	margin-bottom: 60px;
}
.member-section .tp-team-block .team-thumb {
	margin-bottom: 30px;
}
.desigation {
	color: #9B9891;
}
#member-section {
}
.member-section {
	padding-top: 60px;
	margin-bottom: 20px;
}
.member-section .tp-team-block {
	margin-bottom: 30px;
	margin-top: 30px;
}
/****************************************************
*******************  FAQ Page  ******************
****************************************************/
#faq-page {
}
.faq-page {
}
.faq-collpase {
}
.faq-collpase .panel {
	background-color: #fff;
	border: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
}
.faq-collpase .panel-group {
	margin-top: 30px;
}
.job-listing .panel {
	border: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
}
.faq-collpase .panel-default>.panel-heading {
	background-color: #D5D3CC;
	border:none;
	padding: 17px 20px;
	color: #494743;
	border-radius: 0px;
}
.faq-collpase .panel-default>.panel-heading+.panel-collapse in>.panel-body {
	background-color: #1f2d3a;
	border: none;
}
.faq-collpase .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top: 0px;
	padding: 30px;
}
.investor-faq {
	margin-top: 60px;
}
/****************************************************
*******************  Shortcode Alert Page  ******************
****************************************************/
#st-page {
}
.st-page {
}
.st-page .st-alerts {
	margin-top: 30px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 18px;
}
.st-page .st-alerts .alert {
	border-radius: 0px;
}
.st-page .st-alerts .alert-success {
	color: #034d26;
	background-color: #14b35f;
	border:none;
}
.st-page .st-alerts .alert-info {
	color: #02476b;
	background-color: #1f96d4;
	border:none;
}
.st-page .st-alerts .alert-warning {
	color: #766404;
	background-color: #e0cd67;
	border:none;
}
.st-page .st-alerts .alert-danger {
	color: #7d0808;
	background-color: #dd4242;
	border:none;
}
.st-page .st-alerts .alert-notice {
	color: #232c36;
	background-color: #6f8fae;
	border:none;
}
.boxed-alert {
	margin-top: 20px;
}
.alert-box {
	padding: 10px;
	text-align: left;
}
.st-page .st-alerts .alert-success h1 {
	color: #034d26;
}
.st-page .st-alerts .alert-info h1 {
	color: #02476b;
}
.st-page .st-alerts .alert-warning h1 {
	color: #766404;
}
.st-page .st-alerts .alert-danger h1 {
	color: #7d0808;
}
.st-page .st-alerts .alert-notice h1 {
	color: #232c36;
}
/****************************************************
*******************  Shortcode Columns Page  ******************
****************************************************/
#st-column-page {
}
.st-column-page {
}
.st-column-page .column-title {
	margin-bottom: 30px;
}
.st-column-page .row {
	margin-bottom: 30px;
}
/****************************************************
*******************  Shortcode Tabs Page  ******************
****************************************************/
#st-tabs-page {
}
.st-tabs-page {
}
.tab-section {
	margin-top: 30px;
	margin-bottom: 30px;
}
.tabs-title {
	margin-bottom: 30px;
	margin-top: 30px
}
.st-tabs .tab-content {
	background-color: #fff;
	border: 5px solid #D5D3CC;
	border-top: none;
	padding: 40px;
}
.st-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #003300;
	cursor: default;
	background-color: #fff;
	border: 5px solid #D5D3CC;
	border-bottom-color: transparent;
	padding: 15px 60px;
}
.st-tabs .nav-tabs>li>a {
	padding: 15px 60px;
	border: 5px solid #D5D3CC;
	margin-right: -5px;
	border-radius: 0px;
}
.st-tabs .nav-tabs>li>a:hover {
	border-color: #003300;
	padding: 15px 60px;
}
.st-tabs .nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #003300;
	color: #253340;
}
.st-tabs .nav-tabs {
	border-bottom: 5px solid #D5D3CC;
}
.st-tabs .nav-tabs>li {
	float: left;
	margin-bottom: -5px;
}
/* Tabs panel */
.st-tab-two {
	background-image:url(../images/tp-pattern.png);
	background-repeat:repeat;
	padding-top: 100px;
	padding-bottom: 100px;
	margin-top: 60px;
}
.tabbable-panel {
}
/* Default mode */
.tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
	background-color: #D5D3CC;
}
.tabbable-line > .nav-tabs > li {
	margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	padding: 15px 30px;
}
.tabbable-panel .nav-tabs>li>a:hover {
	border-top: none;
	border: none;
}
.tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 4px solid #003300;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: #003300;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
	color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
	border-bottom: 4px solid #003300;
	position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: #003300;
	padding: 15px 30px;
	background: #fff;
	border-radius: 0px;
}
.tabbable-line > .nav-tabs > li.active > a > i {
	color: #404040;
}
.tabbable-line > .tab-content {
	margin-top: -3px;
	background-color:	transparent;
	border: 0;
	border:none;
	padding:40px 0px;
}
.tabbable-line .nav-tabs>li.active>a:hover{color: #003300;
cursor: default;
background-color: #1f2d3a;
border: none;
border-bottom-color: transparent;
padding: 15px 30px;}

.portlet .tabbable-line > .tab-content {
	padding-bottom: 0;
}
/******Tabs style 3 *****/
.st-tabs-second .tab-content {
	background-color: #fff;
	/*border: 5px solid #253340;*/
	border-top: none;
	padding: 40px;
}
.st-tabs-second .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #32302b;
	cursor: default;
	background-color: #003300;
	border: 5px solid #003300;
	border-bottom-color: transparent;
	padding: 13px 60px;
}

.st-tabs-second .nav-tabs>li>a {
	padding: 15px 60px;
	/*border: 5px solid #253340;*/
	margin-right: 5px;
	border-radius: 0px;
	background-color: #D5D3CC;
}

.st-tabs-second .nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #003300;
	color: #253340;
}
.st-tabs-second .nav-tabs {
	border-bottom: 5px solid #003300;
}
.st-tabs-second .nav-tabs>li {
	float: left;
	margin-bottom: -5px;
}
/****************************************************
*******************  Accordion Toggle Page  ******************
****************************************************/
#toggle-page {
}
.toggle-page {
}
.toggle-page-collpase {
}
.toggle-page .panel {
	background-color: #fff;
	border: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
}
.toggle-page .panel-group {
	margin-top: 30px;
}
.job-listing .panel {
	border: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
	box-shadow: 0 1px 1px rgba(0, 0, 0, .0);
}
.toggle-page .panel-default>.panel-heading {
	background-color: #D5D3CC;
	border:none;
	padding: 17px 20px;
	color: #32302b;
	border-radius: 0px;
}
.toggle-page .panel-default>.panel-heading+.panel-collapse in>.panel-body {
	background-color: #1f2d3a;
	border: none;
}
.toggle-page .panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top: 0px;
	padding: 30px;
}
/****************************************************
*******************  List Style Page  ******************
****************************************************/
#st-list-page .st-list-page {
}
.st-list {
	margin-bottom: 80px;
	padding-top: 60px;
}
.st-list-space {
	padding-top: 100px;
}
.st-list-block {
}
.st-list-block ul li i {
	color: #003300;
	margin-right: 10px;
	font-size: 14px;
}
.list-section {
	background-image:url(../images/tp-pattern.png);
	background-repeat:repeat;
	padding-top: 100px;
	padding-bottom: 100px;
}
/****************************************************
*******************  Shortcode Table Page  ******************
****************************************************/

#st-tables-page {
}
.st-tables-page {
}
.st-tables-page .basic-table {
	font-weight: 300;
	margin-bottom: 60px;
}
.st-tables-page .basic-table h2 {
	margin-bottom: 60px;
}
.st-tables-page .basic-table .table tr th, .data-table .table tr th {
	background-color: #003300;
	border: none;
	font-size: 18px;
	color: #1a2631;
}
.st-tables-page .basic-table .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 12px 10px;
	line-height: 1.42857143;
	vertical-align: top;
	border: none;
	font-size: 16px;
}
.st-tables-page .basic-table .table tr td {
	border: none;
}
 .st-tables-page .basic-table .table-striped>tbody>tr:nth-child(odd) {
background-color: #f1f0eb;
}
 .st-tables-page .basic-table .table-striped>tbody>tr:nth-child(even) {
background-color: #e7e5de;
}
.basic-table label {
	color: #494743;
	font-weight: 300;
}
.basic-table .dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding:0px;
	margin-left: 0px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	border: none;
}
.basic-table .pagination ul li a {
	border: 3px solid #D5D3CC;
	border-radius: 0px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-size: 18px;
	padding: 10px 20px;
}
.basic-table .pagination>li>a, .pagination>li>span {
	border: 3px solid #D5D3CC;
	border-radius: 0px;
	position: relative;
	float: left;
	padding: 8px 16px;
	margin-left: 10px;
	line-height: 1.42857143;
	color: #32302b;
	text-decoration: none;
	background-color: transparent;
}
.basic-table .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
	color: #32302b;
	background-color: #003300;
	border:3px solid #003300;
}
.basic-table .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
	z-index: 2;
	color: #14212e;
	background-color: #003300;
	border:3px solid #003300;
}
.basic-table .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: none;
	border: none;
}
select.form-control {
	
	border-radius: 0px;
	height: 42px;
	color: #494743;
	font-size: 18px;
	font-weight: 300;
	padding-left: 20px;
	background-color: #fff;
}
.dataTables_wrapper .dataTables_filter input {
	background-color: #fff;
	
	border-radius: 0px;
	height: 42px;
	color: #90a3b5;
	font-size: 18px;
	font-weight: 300;
	padding-left: 20px;
}
.basic-table .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
	color: #494743!important;
}
table.dataTable.no-footer{border: none!important;}
/********** Mobile CSS  ****************/
@media (max-width: 767px) {
      .header-row .social-icon {
    padding-top: 0;
  }
}


.contact-info {
text-align: right;
padding-top: 0px;
}
/******Camera slider heading size *********/
.camera_caption h1 {
color: #fff;
text-shadow: 0px 1px 1px rgba(15, 26, 36, 1);
font-size: 29px;
}
.camera_caption {
display: block;
position: absolute;
width: 100%;
top: 30%;
left: 10%;
max-width: 550px;
}

@media (max-width: 767px) {

  .navbar-brand.logo,
  .navbar-brand.logo img {
    display: block !important;
    margin: 0 auto !important;
    text-align: center !important;
    float: none !important;
  }

  .contact-info {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    padding-top: 70px !important;
  }

  .contact-info p {
    margin: 0 !important;
    line-height: 1.35 !important;
  }

  ul.social-icon.pull-right {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    margin: 8px 0 0 0 !important;
  }

  ul.social-icon.pull-right li {
    float: none !important;
    display: inline-block !important;
    margin: 0 8px !important;
  }
}
/* Header tweaks: mobile stacking + spacing */
@media (max-width: 767px) {

  /* Logo size */
  .header-row .logo img {
    width: 275px;
    max-width: 275px;
    height: auto;
    margin: 0 auto;
    display: block;
  }

  /* Space between logo and contact block */
  .header-row .contact-info {
    padding-top: 50px;
    text-align: center;
  }

  /* Center the icons */
  .header-row .social-icon {
    float: none !important;
    text-align: center;
    margin-top: 12px;
  }

  .header-row .social-icon li {
    float: none !important;
    display: inline-block;
    margin: 0 10px;
  }

  /* Email should match phone color */
  .header-row .contact-info span.mail-info a {
    color: #352e26 !important;
    font-weight: 600;
  }
}

/* Desktop: right-align social icons */
@media (min-width: 768px) {

  .header-row .social-icon {
    float: right;
    text-align: right;
    margin-top: 0;
  }

  .header-row .social-icon li {
    display: inline-block;
    float: left;  /* matches your original behavior */
    margin-left: 10px;
  }
}


.contact-page .contact-form .form-control{width: 100%;}
.blog-pagination .pagination>li>a, .pagination>li>span {
border: 2px solid #3c4f60;
border-radius: 0px;
position: relative;
float: left;
padding: 8px 16px;
margin-left: 5px;
line-height: 1.42857143;
color: #90a3b5;
text-decoration: none;
background-color: transparent;
}


}