/*
    Developed by Aneubic
*/

/*
================================================
/* Table of Contents
==================================================

1. Fonts
2. Common CSS
3. Loader CSS
4. Top Wrapper
5. Logo Bar 
6. Navigation
7. Banner Wrapper
8. Theme Bg
9. Callouts
10. Satisfied-wrapper
11. Team Wrapper
12. Signup Wrapper
13. Testimonials Wrapper 
14. Inner Page Banner
15. Tables
16. Tabs
17. Accordions us Page
18. Forms Page
19. Buttons
20. Typography
21. About Page
22. Services Page
23. 404 Page
24. Classes Page
25. Gallery Page
26. Blog Page
27. Contact page
28 .Footer
29. Media Queries 

/*
================================================
1. Fonts - Raleway and Quicksand (Josefin-Sans)
================================================
*/

@font-face {
  font-family: "Daisy";
  src: url("../static/fonts/Daisy.woff2") format("woff2"),
       url("../static/fonts/Daisy.ttf") format("truetype"),
       url("../static/fonts/Daisy.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.hero h1 {
  font-size: 94px;
  font-weight: 500;
  text-transform: none;
  margin: 0;
  padding: 0;
  font-family: 'Daisy', sans-serif;
}

.quicksand-<uniquifier> {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.raleway-<uniquifier> {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.josefin-sans-<uniquifier> {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.custom-list {
  list-style: none;         /* kill default bullets */
  padding-left: 0;          /* no ugly indent */
}

.custom-list li {
  position: relative;       /* anchor for the pseudo element */
  padding-left: 20px;       /* room for the bullet */
  margin-bottom: 6px;       /* spacing between items */
}

.custom-list li::before {
  content: "\f111";         /* Font Awesome solid circle */
  font-family: "Font Awesome 5 Free";  
  font-weight: 900;         /* required for solid style */
  font-size: 10px;          /* bullet size */
  color: #a2798f;           /* custom color */
  position: absolute;
  left: 0;                  /* place at the start */
  top: 50%;
  transform: translateY(-50%); /* center vertically */
}
/* Remove default bullets from all nested lists inside .custom-list */
.custom-list ul {
  list-style: none;      /* no bullets */
  margin-left: 1.5em;    /* optional: keep indentation */
  padding-left: 0;       /* tighten if you prefer less indent */
}
.custom-list ul li::before {
  content: none;         /* ensures no pseudo-element markers appear */
}





/*
================================================
2. Common CSS
================================================
*/
* {
	margin: 0;
	padding: 0;
}
.hr-theme-slash-2 {
  display: flex;
}
    
    .hr-line {
    width: 100%;
    position: relative;
    margin: 15px;
    border-bottom: 1px solid #000;
  }
  .hr-icon {
    position: relative;
    top: 3px;
    color: #8caba8;
  }
body {
	font-family: 'Quicksand', sans-serif;
	font-size: 14px;
	line-height: 1.57143;
	font-weight: 500;
	color: #333;
}

h2, h3, h4, h5, h6 {
	font-family: 'Raleway', sans-serif;
    margin-top: 0;
}
a {
	color: #666666;
	transition: all 0.3s ease 0s;
}
a:hover {
	color: #8caba8;
	text-decoration: none;
}
a, a:hover, a:active {
	outline: none;
}
.no-padding {
	padding: 0 !important;
}
.btn, .btn * {
	transition: all 0.3s ease 0s;
}
.btn {
	border-width: 2px;
	margin-bottom: 7px;
	margin-top: 7px;
	padding: 8px 22px;
	z-index: 1;
}
.btn:hover {
	color: #d7c6cf;
}
i {
	transition: all 0.4s ease-in-out 0s;
}
.offset-top-30 {
	margin-top: 30px;
}
.offset-top-60 {
	margin-top: 60px;
}
.inset-right-30 {
	padding-right: 30px;
}
.inset-left-30 {
	padding-left: 30px;
}
.space-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.light-bg {
	background: #f6f7f8 none repeat scroll 0 0;
	fill: #f6f7f8;
}
.light-bg h3 {
	color: #2d2e2e;
}
div.title {
	text-align: center;
	margin: 0 0 30px;
}
.title-border-green {
	background-color: #fff;
	border: 1px solid #8caba8;
	border-radius: 50%;
	display: block;
	height: 9px;
	margin: 0 auto;
	position: relative;
	top: -5px;
	width: 9px;
	z-index: 9;
}
.title-border-white {
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	display: block;
	height: 9px;
	margin: 0 auto;
	position: relative;
	top: -5px;
	width: 9px;
	z-index: 9;
}
#scrool-top {
	background: #8caba8 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 50%;
	bottom: 50px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
	color: #fff;
	height: 40px;
	line-height: 40px;
	opacity: 0;
	position: fixed;
	right: 40px;
	text-align: center;
	transition: opacity 0.2s ease-out 0s;
	width: 40px;
	z-index: 9999;
}
#scrool-top i {
	color: #fff;
}
.show {
	display: block !important;
}
#scrool-top.show {
	opacity: 1;
}
/*
================================================
3. Loader CSS
================================================
*/
#dvLoading {
	background: url(../images/loader.gif) no-repeat center center #fff;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999999;
}
/*
================================================
4. Top Wrapper
================================================
*/
header {
	width: 100%;
	z-index: 99;
}
.top-wrapper {
	padding: 10px 0;
	background: #8caba8;
}
.affix .top-wrapper {
	margin-top: -42px;
}
.affix.fadeInDown {
	animation-delay: 0s;
	animation-direction: normal;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: fadeInDown !important;
	animation-play-state: running;
	animation-timing-function: ease;
}
.fadeInDown {
	animation-name: none !important;
}
.top-wrapper ul {
	margin: 0;
}
.top-wrapper ul li:first-child {
	padding-left: 0;
}
.top-wrapper ul li {
	display: inline-block;
	margin: 0;
	padding: 0 0 0 15px;
	color: #fff;
}
.top-wrapper ul li a {
	color: #fff;
}
.top-wrapper ul li a:hover, .top-wrapper ul li i:hover {
	opacity: 0.8;
}
.top-wraper-left ul li i {
	padding: 0 6px 0 0;
}
/*
================================================
5. Logo Bar 
================================================
*/
.logo-bar {
	float: left;
	padding: 0;
	width: 100%;
	background: #fff;
}
.affix .logo-bar {
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.118);
}
/*
================================================
6. Navigation
================================================
*/
div.logo-bar .navigation {
	padding: 0;
}
.navbar-default {
	background-color: inherit;
	border-color: inherit;
}
.navbar {
	border-radius: 0;
	min-height: auto;
	margin: 0;
	border: none;
}
.navbar-collapse {
	float: right;
}
.navbar-brand {
	padding:11px 0 0;
	height: auto;
}
.navbar-nav > li {
	padding: 0 0 0 30px;
}
.navbar-nav > li:first-child {
	padding: 0;
}
.navbar-default .navbar-nav > li > a {
	color: #000000;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
}
.navbar-default .navbar-nav > li > a > i {
	margin-left: 5px;
}
.navbar-nav > li > a {
	padding: 25px 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: inherit;
	color: #8caba8;
}
.navbar-default .navbar-nav > li.mega-menu {
	color: #fff;
	position: inherit;
}
.navbar-default .navbar-nav > li.mega-menu ul.dropdown-menu {
	background-color: #2d2e2e;
	padding: 0 15px;
	margin: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.navbar-default .navbar-nav > li.mega-menu .list-unstyled {
	padding: 0 0 15px;
}
.navbar-default .navbar-nav > li.mega-menu ul.dropdown-menu li a {
	color: #fff;
	display: block;
	line-height: 23px;
	margin: 0;
	padding: 7px 15px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}
.navbar-default .navbar-nav > li.mega-menu ul.dropdown-menu li a:hover {
	background: #8caba8;
	color: #fff;
}
.mega-menu .menu-icon {
	padding: 0 10px 0 0;
}
.navbar-default .navbar-nav > li.mega-menu > ul {
	max-width: 100%;
	width: 100%;
}
.navbar-default .navbar-nav > li.mega-menu div.row div > ul > li > span {
	color: #8caba8;
	display: block;
	font-weight: bold;
	padding: 6px 15px 15px;
}
.navbar-default .navbar-nav > li.mega-menu div.row div {
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	display: table-cell;
	float: none;
	margin: 0;
	padding: 15px 0 0;
	vertical-align: top;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
	background-color: inherit;
	color: #8caba8;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
	background-color: inherit;
	color: #8caba8;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
	color: #8caba8;
}
.navbar-default .navbar-nav > ul > li > a:hove ul.dropdown {
 display:none !important;
}
.dropdown-menu > li > a {
	color: #fff;
	display: block;
	line-height: 23px;
	margin: 0;
	padding: 7px 15px;
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
}
.dropdown-menu {
	top: 100%;
	padding: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	font-size: 14px;
	text-transform: uppercase;
	border-radius: 0;
	background: #2d2e2e;
	border: none;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background: #8caba8;
	color: #fff;
}
/*
================================================
7. Banner Wrapper
================================================
*/
.banner-wrapper {
	width: 100%;
	float: left;
	position: relative;
}
.fade-carousel {
	position: relative;
	height: 500px;
}
.fade-carousel .carousel-inner .item {
	height: 500px;
}
.fade-carousel .carousel-indicators > li {
	margin: 0 2px;
	background-color: none;
	border-color: #fff;
	border-width: 2px;
	border-style: solid;
	width: 15px;
	height: 15px;
}
.fade-carousel .carousel-indicators > li.active {
	width: 15px;
	height: 15px;
}
.hero {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-moz-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	-o-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	opacity: 0;
}
.carousel .item.active .hero {
	opacity: 1;
}
.hero h1 {
	font-size: 94px;
	font-weight: 500;
    text-transform: none;
	margin: 0;
	padding: 0;
	font-family: 'Daisy', sans-serif;
    
}
.hero h3 {
	font-family: "Raleway", sans-serif;
	font-size: 30px;
	font-weight: 600;
	padding: 10px 0 0;
}
.carousel .item.active .animated1 {
	animation: 1s ease-in 500ms normal both 1 running flipInX;
}
.carousel .item.active .animated2 {
	animation: 1s ease-in-out 100ms normal both 1 running bounceInLeft;
}
.carousel .item.active .animated3 {
	animation: 1s ease-in 500ms normal both 1 running bounceIn;
}
.btn.btn-lg {
	padding: 10px 40px;
}
.btn.btn-hero, .btn.btn-hero:hover, .btn.btn-hero:focus {
	color: #ffffff;
	background-color: #8caba8;
	border-color: #dfdfde;
	outline: none;
	margin: 20px auto;
}
/* Slides backgrounds */
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 {
	height: 500px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.fade-carousel .slides .slide-1:before, .fade-carousel .slides .slide-2:before, .fade-carousel .slides .slide-3:before {
	background: #000 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.4;
	position: absolute;
	right: 0;
	top: 0;
}
.fade-carousel .slides .slide-1 {
	background-image: url(https://placeholdit.imgix.net/~text?txtsize=80&bg=333&txtclr=fff&txt=1920%C3%97500&w=1920&h=500);
}
.fade-carousel .slides .slide-2 {
	background-image: url(https://placeholdit.imgix.net/~text?txtsize=80&bg=333&txtclr=fff&txt=1920%C3%97500&w=1920&h=500);
}
.fade-carousel .slides .slide-3 {
	background-image: url(https://placeholdit.imgix.net/~text?txtsize=80&bg=333&txtclr=fff&txt=1920%C3%97500&w=1920&h=500);
}
/*
================================================
8. Theme Bg
================================================
*/
.theme-bg {
	background: #8caba8;
	float: left;
	width: 100%;
}
.cta-text {
	float: left;
	font-size: 19px;
	padding: 40px 0;
	color: #fff;
}
.cta-btn {
	float: right;
	padding: 28px 0;
}
.theme-bg .btn {
	background: #2d2e2e;
	border-color: #2d2e2e;
	color: #fff;
	border-radius: 0;
}
.theme-bg .btn:hover {
	background: #fff;
	border-color: #fff;
	color: #2d2e2e;
}
/*
================================================
9. Callouts
================================================
*/
.callouts-wrapper {
	padding: 60px 0 10px;
	width: 100%;
	float: left;
	background: url(../images/pattern.jpg) left top repeat;
}
.callouts-wrapper h2::after {
	background-color: #8caba8;
	content: "";
	display: block;
	height: 1px;
	margin: 20px auto 0;
	width: 150px;
}
.callouts-wrapper h2 {
	color: #333;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}
.callouts-wrapper p {
	text-align: center;
	margin: 0;
	padding: 0 0 5px;
	font-size: 16px;
}
.callouts-wrapper h2 span {
	color: #a2798f;
	font-weight: 600;
}
.callouts-wrapper .callouts {
	margin: 40px 0 50px 0;
	text-align: center;
}
.callouts-wrapper .callouts p {
	font-size: 14px;
	line-height: 23px;
	margin: 0 0 10px;
	padding: 0;
}
.callouts-wrapper .callouts:hover .circle {
	background-color: #8caba8;
	color: #fff;
}
.callouts-wrapper .callouts:hover h3 {
	color: #8caba8;
}
.callouts-wrapper .callouts a {
	background-color: #8caba8;
	color: #fff;
	padding: 10px 30px;
	text-transform: none;
	border-radius: 0;
}
.callouts-wrapper .callouts a:hover {
	background-color: #161616;
	color: #fff;
}
.callouts-wrapper .callouts i {
	color: #8caba8;
	font-size: 30px;
	text-align: center;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid #8caba8;
	vertical-align: middle;
	margin: 0 0 25px;
	padding: 0;
	line-height: 100px;
}
.callouts-wrapper .callouts h3 {
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	color: #2d2e2e;
}
/*
================================================
10. Satisfied-wrapper
================================================
*/
.satisfied-wrapper::before {
	background: #000 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.8;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.satisfied-wrapper {
	padding: 60px 0;
	width: 100%;
	float: left;
	clear: both;
	background-image: url(https://placeholdit.imgix.net/~text?txtsize=80&bg=333&txtclr=fff&txt=1920%C3%97753&w=1920&h=753);
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 9;
	position: relative;
	border-top: 1px solid #dedede;
	text-align: center;
}
.satisfied-wrapper h2::after {
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	margin: 20px auto 0;
	width: 150px;
}
.satisfied-wrapper h2 {
	text-align: center;
	color: #fff;
	margin: 0;
	padding: 0;
	position: relative;
	font-weight: bold;
}
.satisfied-wrapper h2 span {
	font-weight: 600;
	color: #a2798f;
}
.satisfied-wrapper .counter .number {
	font-size: 40px;
	margin: 0;
	padding: 0;
	color: #fff;
	font-weight: 700;
}
.satisfied-wrapper .counter p {
	font-size: 16px;
	margin: 0;
	padding: 0;
	color: #fff;
}
/*
================================================
11. Team Wrapper
================================================
*/
.team-wrapper {
	padding: 60px 0 30px;
	width: 100%;
	float: left;
	text-align: center;
}
.team-wrapper h2::after {
	background-color: #8caba8;
	content: "";
	display: block;
	height: 1px;
	margin: 20px auto 0;
	width: 150px;
}
.team-wrapper h2 {
	color: #2d2e2e;
	font-weight: 600;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}
.team-wrapper .callouts {
	margin: 20px 0;
	text-align: center;
}
.team-wrapper h2 span {
	color: #a2798f;
	font-weight: 600;
}
.team-wrapper h3 {
	margin: 0 0 5px 0;
	color: #8caba8;
	font-weight: 600;
	font-size: 16px;
}
.team-wrapper p {
	margin: 0 0 15px 0;
}
.team-wrapper-inner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin: 8px;
	padding: 15px;
	min-width: 250px;
	max-width: 310px;
	width: 100%;
	background-color: #ffffff;
	color: #2B2B2B;
	text-align: center;
	font-size: 16px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.team-wrapper-inner:hover {
	background-color: #8caba8;
}
.team-wrapper-inner:hover .capiton h3, .team-wrapper-inner:hover .capiton h5, .team-wrapper-inner:hover .capiton p, .team-wrapper-inner:hover div.icons a i {
	color: #fff;
}
.team-wrapper-inner * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.team-wrapper-inner .profile-image {
	padding: 5% 10% 5%;
}
.team-wrapper-inner .profile-image img {
	max-width: 100%;
	vertical-align: top;
	position: relative;
	border-radius: 50%;
	max-width: 60%;
}
.team-wrapper-inner figcaption {
	padding: 5% 10% 15%;
}
.team-wrapper-inner h3 {
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	line-height: 24px;
	margin: 0 0 5px;
}
.team-wrapper-inner .icons i {
	color: #999;
	display: inline-block;
	margin-right: 5px;
	font-size: 14px;
}
.team-wrapper-inner .icons i:hover {
	color: #555;
}
.team-wrapper-inner .icons i a {
	text-decoration: none;
}
/*
================================================
12. Signup Wrapper
================================================
*/
.signup-wrapper {
	margin: 0;
	padding: 60px 0;
	width: 100%;
	float: left;
	text-align: center;
	background: url(../images/pattern.jpg) left top repeat;
}
.signup-wrapper h2 {
	color: #222;
	font-size: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
.signup-wrapper p {
	margin-bottom: 40px;
}
.signup-wrapper a {
	background: #8caba8;
	color: #ffffff;
	font-size: 20px;
	padding: 15px 40px;
	text-transform: uppercase;
	display: inline-block;
}
.signup-wrapper a:hover, .signup-wrapper a:focus {
	text-decoration: none;
	background: #a2798f;
}
/*
================================================
13. Testimonials Wrapper 
 ================================================
*/
.testimonials-wrapper {
	padding: 60px 0;
	width: 100%;
	float: left;
	clear: both;
	background-image: url("../images/placeholder_1465x100.png");
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 9;
	position: relative;
}
.testimonials-wrapper:before {
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.8;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.testimonials-wrapper blockquote {
	border-left: none;
	margin: 0;
}
.testimonials-wrapper p {
	text-align: center;
	margin: 0 0 30px;
	color: #c8c8c8;
	line-height: 28px;
}
.testimonials-wrapper p:before {
	content: "\f10d";
	font-family: 'Fontawesome';
	float: left;
	margin-right: 10px;
}
.testimonials-wrapper p:after {
	content: "\f10e";
	font-family: 'Fontawesome';
	display: inline-block;
	margin-left: 10px;
}
.satisfied-wrapper h2::after {
	content: "";
	display: block;
	height: 1px;
	margin: 20px auto 0;
	width: 150px;
}
.testimonials-wrapper h2::after {
	content: "";
	display: block;
	height: 1px;
	margin: 20px auto 0;
	width: 150px;
}
.testimonials-wrapper h2 {
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
}
.testimonials-wrapper h2 span {
	color: #ffc500;
	font-weight: 600;
}
.testimonials-wrapper .item {
	text-align: center;
}
.testimonials-wrapper .item img {
	text-align: center;
	width: 100px;
	height: 100px;
	line-height: 100px;
	color: #fff;
	font-size: 40px;
	border: 2px solid #fff;
	margin: 0 0 30px;
	padding: 0;
	border-radius: 50%;
}
.testimonials-wrapper h3 {
	text-align: center;
	margin: 0 0 30px;
	color: #e6e6e6;
	font-size: 18px;
	font-weight: 600;
}
.testimonials-wrapper h3 span {
	font-size: 13px;
	color: #777;
}
.testimonials-wrapper .carousel-control.left, .testimonials-wrapper .carousel-control.right {
	display: none;
}
.testimonials-wrapper .carousel-indicators li {
	border: 2px solid #fff;
	width: 15px;
	height: 15px;
}
.testimonials-wrapper .carousel-indicators .active {
	background-color: #fff;
	width: 15px;
	height: 15px;
}
.testimonials-wrapper .carousel-indicators {
	bottom: -30px;
}
/*
================================================
14. Inner Page Banner
================================================
*/
.inner-banner::before {
	background: #a2798f;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.9;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.inner-banner {
	background-image: url("https://placeholdit.imgix.net/~text?txtsize=80&bg=333&txtclr=fff&txt=1280%C3%97220&w=1280&h=220");
	background-position: center center;
	background-size: cover;
	float: left;
	padding: 55px 0 50px;
	position: relative;
	width: 100%;
	z-index: 2;
}
.inner-banner-design {
	float: left;
	text-align: left;
	width: 100%;
}
.inner-banner-heading {
	padding: 0;
}
.inner-banner-design h3 {
	color: #fff;
    font-family: Raleway;
	font-size: 30px;
	text-transform: uppercase;
	margin: 0;
}
.inner-breadcrumb {
	float: right;
	line-height: 14px;
	padding: 12.5px 0 6px;
	text-align: right;
	width: 50%;
}
.inner-breadcrumb ul li:first-child::before {
	display: none;
	font-size: 0;
}
.inner-breadcrumb ul li::before {
	color: #fff;
	content: "";
	font-family: fontawesome;
	font-size: 13px;
	font-weight: normal;
	left: 0;
	line-height: normal;
	margin-top: -7px;
	position: absolute;
	top: 50%;
}
.inner-breadcrumb ul li {
	display: inline-block;
	padding: 0 8px 0 14px;
	position: relative;
	color: #fff;
	font-size: 14px;
	line-height: 14px;
}
.inner-breadcrumb ul li:last-child {
	color: #f8f8f8;
    text-transform:uppercase;
    font-weight:bold;
}
.inner-breadcrumb ul li a {
	color: #fff;
	display: block;
	font-size: 14px;
	line-height: 14px;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out 0s;
}
.inner-breadcrumb ul li a:hover {
	color: #8caba8;
}
/*
================================================
15. Ineer Wrapper
================================================
*/
.inner-wrapper {
	float: left;
	width: 100%;
	background: #fff;
	padding: 60px 0
}
.inner-wrapper h2.none::after {
	background: none;
	margin: 0;
}
.inner-wrapper h2::after {
	background-color: #8caba8;
	content: "";
	display: block;
	height: 1px;
	margin: 20px auto 0;
	width: 150px;
}
.inner-wrapper h2 {
	color: #2d2e2e;
	font-weight: 600;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}
.inner-wrapper p {
	margin: 0;
	padding: 0 0 5px;
	line-height: 24px;
	font-size: 14px;
}
.inner-wrapper h2 span {
	color: #ffc500;
	font-weight: 600;
}
.inner-wrapper .inner-wrapper-main {
	width: 100%;
	padding: 0;
}
/*
================================================
15. Tables
================================================
*/
.table-custom {
	width: 100%;
}
.table-custom th, .table-custom td {
	padding: 13px 23px;
}
.table-custom tbody tr {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #e5e5e5 -moz-use-text-color;
	border-image: none;
	border-style: solid none;
	border-width: 1px medium;
}
.table-custom tbody tr:hover {
	background: #f5f5f5;
}
.striped tr:nth-child(even) {
	background-color: #f5f5f5
}
table.striped tr:hover {
	background: none;
}
table.striped tr:hover:nth-child(even) {
	background-color: #f5f5f5
}
.table-custom.table-green tr th {
	background: #8caba8;
	color: #fff;
}
.table-custom.border, .border td, .border th {
	border: 1px solid #eee;
}
.table-custom.border tr:hover {
	background: none;
}
/*
================================================
16. Tabs
================================================
*/
/* Classic Tabs */
.classic-tab-panel {
	padding: 0 10px 5px;
}
.classic-tab-panel .tabbable-line > .nav-tabs {
	border: none;
	margin: 0px;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li {
	margin: 0 2px 2px 0;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li > a {
	border: 0;
	margin-right: 0;
	color: #2d2e2e;
	font-size: 18px;
	padding: 0 10px 5px;
	border-radius: 0;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li > a > i {
	color: #a6a6a6;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li.open, .classic-tab-panel .tabbable-line > .nav-tabs > li:hover {
	border-bottom: 1px solid #8caba8;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li.open > a, .classic-tab-panel .tabbable-line > .nav-tabs > li:hover > a {
	border: 0;
	background: none !important;
	color: #333333;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li.open > a > i, .classic-tab-panel .tabbable-line > .nav-tabs > li:hover > a > i {
	color: #a6a6a6;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li.open .dropdown-menu, .classic-tab-panel .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
	margin-top: 0px;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li.active {
	border-bottom: 1px solid #8caba8;
	position: relative;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li.active > a {
	border: 0;
	color: #8caba8;
}
.classic-tab-panel .tabbable-line > .nav-tabs > li.active > a > i {
	color: #404040;
}
.classic-tab-panel .tabbable-line > .tab-content {
	margin-top: -3px;
	background-color: #fff;
	border: 0;
	border-top: 1px solid #eee;
	padding: 15px 0;
}
.portlet .classic-tab-panel .tabbable-line > .tab-content {
	padding-bottom: 0;
}
.classic-tab-panel .btn {
	background: #8caba8;
	color: #fff;
}
.classic-tab-panel .btn:hover {
	color: #fff;
}
/* Classic vertical tabs Tabs */	
div.classic-vertical-tab-panel .nav > li > a {
	padding: 0 20px 0 0;
	font-size: 18px;
}
div.classic-vertical-tab-panel .nav > li > a:hover, div.classic-vertical-tab-panel .nav > li > a:focus {
	background: none;
}
div.classic-vertical-tab-panel .nav > li+ li {
	margin-top: 18px;
}
div.classic-vertical-tab-panel .nav-sidebar {
	margin-left: -3px;
	background-color: #fff;
	border: 0;
	border-right: 1px solid #eee;
	padding: 0;
	margin: 0 10px 0 0;
}
div.classic-vertical-tab-panel .nav > li.active {
	border-right: 1px solid #8caba8;
}
div.classic-vertical-tab-panel .nav > li.active > a {
	border: 0;
	color: #8caba8;
}
/* button tab panel */

.button-tab-panel .tabbable-line > .tab-content {
	margin-top: -3px;
	background-color: #fff;
	
	padding: 15px 0;
}
.button-tab-panel .tabbable-line > .nav-tabs > li {
	margin: 0 2px 2px 0;
}
.button-tab-panel .nav > li > a {
	display: block;
	padding: 10px 50px;
	position: relative;
	font-size: 16px;
	background: none;
	color: #333;
	border-radius: 20px;
	border: 2px solid #dfdfde;
}
.button-tab-panel .tabbable-line > .nav-tabs > li {
	margin-right: 30px;
}
.button-tab-panel .tabbable-line > .nav-tabs > li:last-child {
	margin: 0;
}
.button-tab-panel .nav-tabs > li.active > a, .button-tab-panel .nav-tabs > li.active > a:focus, .button-tab-panel .nav-tabs > li > a:hover {
	background-color: #8caba8;
	border-color: #dfdfde;
	border-image: none;
	border-style: solid;
	border-width: 2px;
	color: #fff;
}
.button-tab-panel .tabbable-line > .nav-tabs > li.active {
	border-bottom: 0px solid #8caba8;
	position: relative;
}
div.classic-vertical-tab-panel .nav > li.active > a {
	border: 0 none;
	color: #8caba8;
}
/* button vertical tab panel */
.button-vertical-tab-panel .nav > li {
	margin: 0 0 10px;
}
.button-vertical-tab-panel .nav > li > a {
	text-align: center;
	border: 2px solid #dfdfde;
	border-radius: 20px;
}
.button-vertical-tab-panel .nav > li.active > a, .button-vertical-tab-panel .nav > li > a:hover {
	background-color: #8caba8;
	color: #fff;
	text-align: center;
	border: 2px solid #dfdfde;
}
/* CUSTOM ROUNDED BUTTON  */

.btn-request {
  display: inline-block !important;
  background: #a2798f !important;  /* your brand color */
  color: #fff !important;
  font-size: 13px !important;       /* smaller text */
  padding: 4px 12px !important;     /* much smaller */
  border-radius: 20px !important;   /* rounded */
  text-transform: none !important;  /* prevents ALL CAPS */
  border: 2px solid #dfdfde !important;
  line-height: 1.2 !important;
}

.btn-request:hover {
  background: #8caba8 !important;
    border: 2px solid #dfdfde !important;
  text-decoration: none !important;
}
/* CUSTOM PRINT BUTTON  */
.btn-request, .btn-print {
  display: inline-block !important;
  font-size: 13px !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  line-height: 1.3 !important;
  border: 2px solid #dfdfde !important;
  transition: background 0.3s ease;
  margin: 3px 5px 3px 0;  /* spacing between buttons */
}

.btn-request {
  background: #8caba8 !important;
    border: 2px solid #dfdfde !important;
  color: #fff !important;
}

.btn-request:hover {
  background: #a2798f !important;
    border: 2px solid #dfdfde !important;
  text-decoration: none !important;
}

.btn-print {
  background: #8caba8 !important;
    border: 2px solid #dfdfde !important;
  color: #fff !important;
}

.btn-print:hover {
  background: #a2798f !important;
    border: 2px solid #dfdfde !important;
  text-decoration: none !important;
}

.btn-request i, .btn-print i {
  margin-right: 6px; /* spacing between icon and text */
    
}
.button-row {
  display: flex;
  flex-wrap: wrap;           /* allows stacking on smaller screens */
  gap: 8px;                  /* spacing between buttons */
  justify-content: flex-start; 
  margin-top: 10px;
}

.button-row a {
  flex: 0 0 auto;            /* keep buttons their natural size */
}

/*
================================================
17. Accordions us Page
================================================
*/
/* Modern Accordion  */
#accordion-first .accordion-group {
	margin-bottom: 10px;
}
#accordion-first .accordion-heading, #accordion-first .accordion-toggle:hover, #accordion-first .accordion-heading .accordion-toggle.active {
	background: none repeat scroll 0% 0% transparent;
}
#accordion-first .accordion-heading {
	border-bottom: 0px none;
	font-size: 16px;
}
#accordion-first .accordion-heading .accordion-toggle {
	display: block;
	cursor: pointer;
	padding: 5px 0px !important;
	color: #222;
	outline: medium none !important;
	text-decoration: none;
	font-weight: 600;
}
#accordion-first .accordion-heading .accordion-toggle.active em {
	background-color: #8caba8;
}
#accordion-first .accordion-heading .accordion-toggle.active {
	color: #8caba8;
}
#accordion-first .accordion-heading .accordion-toggle > em {
	background-color: #222;
	border-radius: 100px;
	color: #FFF;
	font-size: 14px;
	height: 32px;
	line-height: 32px;
	margin-right: 10px;
	text-align: center;
	width: 32px;
}
/* Classic Accordion  */
.classic .accordion-heading .icon-fixed-width {
	float: right;
}
.classic .accordion-group {
	margin-bottom: 10px;
	background: #eee;
}
#accordion-first .classic .accordion-heading .icon-fixed-width {
	margin-top: -5px;
}
#accordion-first .classic .accordion-heading .accordion-toggle {
	padding: 0 !important;
}
#accordion-first .classic .accordion-group {
	margin-bottom: 10px;
	padding: 10px;
}
/*
================================================
18. Forms Page
================================================

/*
================================================
18. Forms Page
================================================
*/

/* Newsletter: seamless + auto-height (no clipping) */
.newsletter-form-wrapper {
  display: block;
  width: 100%;
  max-width: 340px;     /* slimmer so it feels tighter */
  margin: 6px auto 14px;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible !important;   /* never crop the bottom */
}

/* Kill any fixed heights you added before */
.newsletter-form-wrapper iframe {
  display: block;
  width: 100%;
  border: 0;
  height: auto !important;        /* let it size naturally or via EF script */
  min-height: 240px;              /* safety so it never collapses too short */
}

/* Make sure surrounding section doesn’t crop either */
.signup-wrapper { overflow: visible !important; }


/* Quick Contact */
.form {
	border-radius: 7px;
	padding: 6px 6px 6px 0;
}
.txt[type="text"], .txt[type="password"] {
	border: 1px solid #ccc;
	margin: 10px 0;
	padding: 10px 0 10px 5px;
	width: 100%;
}
.txt_3[type="text"] {
	margin: 10px 0 0;
	padding: 10px 0 10px 5px;
	width: 100%;
}
.txt2[type="submit"] {
	background: #8caba8;
	border: 1px solid #0fa386;
	border-radius: 25px;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	line-height: 35px;
	margin: 10px 0;
	padding: 0;
	text-transform: uppercase;
	width: 30%;
}
.txt2:hover {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	color: #2d2e2e;
	transition: all 0.5s ease 0s;
}
/* Newsletter Subscribe  */
.subscribe .sub {
	color: #333;
	font-size: 15px;
	padding: 20px 0 0;
	text-align: center;
}
.subscribe .sub span {
	color: #8caba8;
	font-weight: 600
}
footer .subscribe .form input.form-control {
  color: #666 !important;
	font-family: "Quicksand", sans-serif;
	font-size: 15px;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	margin: 0 0 17px;
	padding: 0 0 0 3%;
	text-align: left;
	width: 70%;
	float: left
}
.subscribe .form input.bttn {
	background: #8caba8;
	border: 1px solid #16a085;
	border-radius: 0 4px 4px 0;
	color: #fff;
	float: left;
	font-size: 16px;
	margin: 0 0 0 -2px;
	padding: 7px 10px 6px;
	text-align: center;
	width: 30%;
	cursor: pointer;
}
/*
================================================
19. Buttons
================================================
*/
.btn-shapes {
	text-align: center;
}
.btn-shapes .btn-primary {
	background: #8caba8;
	border: solid 1px #16a387;
	margin-right: 15px;
}
.btn-shapes .btn-primary:last-child {
	margin-right: 0;
}
.btn-shapes .btn-primary:hover {
	background: #2d2e2e;
	color: #fff;
}
.btn-shapes .btn-primary.btn-rectangle {
	border-radius: 0;
}
.btn-shapes .btn-primary.btn-roundcorner {
	border-radius: 8px;
}
.btn-shapes .btn-primary.btn-elipse {
	border-radius: 20px;
}
.btn-shapes .btn-primary i {
	padding: 0 3px;
}
.btn-slider {
  display: inline-block;
  background: #8caba8;
  color: #fff;
  font-size: 16px;
  padding: 12px 28px;
  border-radius: 30px;
  border: none;
  text-decoration: none;
}


/*
================================================
20. Typography
================================================
*/
.inner-wrapper .typo hgroup h1, .inner-wrapper .typo hgroup h2, .inner-wrapper .typo hgroup h3, .inner-wrapper .typo hgroup h4, .inner-wrapper .typo hgroup h5, .inner-wrapper .typo hgroup h6 {
	margin: 0 0 20px 0;
}
.inner-wrapper .typo h4 {
	font-size: 20px;
}
.inner-wrapper .typo h5 {
	font-size: 18px;
}
.inner-wrapper .typo h6 {
	font-size: 16px;
}
.inner-wrapper .typo h1, .inner-wrapper .typo h2, .inner-wrapper .typo h3, .inner-wrapper .typo h4, .inner-wrapper .typo h5, .inner-wrapper .typo h6 {
	text-align: left;
	margin: 0 0 10px 0;
	font-weight: 600;
	color: #000;
}
.inner-wrapper .typo p {
	margin: 0 0 20px 0;
}
.unordered-list {
	margin: 0 0 30px 0;
}
.unordered-list ul {
	margin: 0 0 0 30px;
	padding: 0;
}
.unordered-list ul li {
	list-style: none;
}
.unordered-list ul li::before {
	color: #000;
	content: "\f061";
	font-family: "FontAwesome";
	font-size: 14px;
	padding: 0 10px 0 0;
}
.unordered-list ul li + li {
	margin: 10px 0 0 0;
}
.ordered-list ol {
	margin: 0 0 0 46px;
	padding: 0;
}
.ordered-list ol li {
	padding: 0 0 0 6px;
}
.ordered-list ol li + li {
	margin: 10px 0 0 0;
}
/*
================================================
21. About us Page
================================================
*/
.inner-wrapper-main figure {
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.inner-wrapper-main figure img {
	float: left;
	width: 100%;
}
.abt-univ-img figure::before {
	background-color: transparent;

}
/*
================================================
22. Services Page
================================================
*/
.services .callouts {
	margin: 50px 0 0 0;
}
.services .callouts i {
	color: #8caba8;
	font-size: 30px;
}
.services .callouts h2 {
	font-size: 18px;
	font-weight: 600;
	text-align: left;
}
.services .callouts h2:after {
	background:none;
	margin:0;
	width:auto;
}
.services .callouts p {
	padding: 0;
}
/*
================================================
23. 404 Page
================================================
*/
.oops {
	text-align: center;
}
.oops p {
	font-size: 20px;
	margin: 0 0 30px 0;
	padding: 0;
}
.oops h2:after {
	background:none;
	}
.oops h2 {
	font-size: 80px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #8caba8;
	font-family: "Quicksand", sans-serif;
	font-weight: 600;
}
.oops h3 {
	font-size: 40px;
	margin: 0 0 30px 0;
	padding: 0;
	color: #8caba8;
	font-family: "Quicksand", sans-serif;
	font-weight: 600;
}
.oops h2 i {
	color: #8caba8;
	margin: 0 16px 0 0;
	text-shadow: 0 5px 2px rgba(0, 0, 0, 0.1);
}
.oops .btn-home {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #ccc;
	border-radius: 0;
	color: #333;
	display: inline-block;
	font-size: 18px;
	letter-spacing: 2px;
	line-height: normal;
	padding: 8px 34px;
	text-transform: uppercase;
	transition: all 0.3s ease-in-out 0s;
}
.oops .btn-home:hover, .oops .btn-home:focus {
	background: #8caba8 none repeat scroll 0 0;
	color: #fff;
	text-decoration: none;
}
/*
================================================
24. Classes Page
================================================
*/
.with-nav-tabs.panel-primary {
	border-color: #8caba8;
}
.with-nav-tabs.panel-primary > .panel-heading {
	background-color: #8caba8;
	border-color: #8caba8;
	color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > li > a {
	padding: 10px 15px;
}
.with-nav-tabs.panel-primary .nav-tabs > li > a, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a, .with-nav-tabs.panel-primary .nav-tabs > .open > a:hover, .with-nav-tabs.panel-primary .nav-tabs > .open > a:focus, .with-nav-tabs.panel-primary .nav-tabs > li > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #61d1d5;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover, .with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #8caba8;
	background-color: #fff;
	border-color: #8caba8;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary h2 {
	text-transform: uppercase;
	font-weight: 600;
	color: #8caba8;
	font-size: 18px;
}
.with-nav-tabs.panel-primary .price {
	color: #8caba8;
	font-weight: 600;
	font-size: 18px;
}
.with-nav-tabs.panel-primary p {
	padding: 0;
	margin: 0 0 5px 0;
}
.with-nav-tabs.panel-primary p strong {
	color: #959595;
	font-size: 16px;
	font-weight: 600;
}
.tabs-inner-wrapper {
	margin: 10px 0 10px 0;
	padding: 0 0 20px 0;
	width: 100%;
	float: left;
	border-bottom: solid 1px #ececec;
}
.tabs-inner-wrapper:last-child {
	border: none;
	margin: 10px 0 0 0;
}
/*
================================================
25. Gallery Page
================================================
*/
.gal-container {
	padding: 12px;
}
.gal-item {
	overflow: hidden;
	padding: 3px;
}
.gal-item .box {
	height: 350px;
	overflow: hidden;
}
.box img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	-o-object-fit: cover;
}
.gal-item a:focus {
	outline: none;
}
.gal-item a:after {
	content: "\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 3px;
	left: 3px;
	top: 3px;
	bottom: 3px;
	text-align: center;
	line-height: 350px;
	font-size: 30px;
	color: #fff;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.gal-item a:hover:after {
	opacity: 1;
}
.modal-open .gal-container .modal {
	background-color: rgba(0, 0, 0, 0.4);
}
.modal-open .gal-item .modal-body {
	padding: 0px;
}
.modal-open .gal-item button.close {
	position: absolute;
	width: 25px;
	height: 25px;
	background-color: #000;
	opacity: 1;
	color: #fff;
	z-index: 999;
	right: -12px;
	top: -12px;
	border-radius: 50%;
	font-size: 15px;
	border: 2px solid #fff;
	line-height: 25px;
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.35);
}
.modal-open .gal-item button.close:focus {
	outline: none;
}
.modal-open .gal-item button.close span {
	position: relative;
	top: -3px;
	font-weight: lighter;
	text-shadow: none;
}
.gal-container .modal-dialogue {
	width: 80%;
}
.gal-container .description {
	position: relative;
	height: 40px;
	top: -40px;
	padding: 10px 25px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: left;
}
.gal-container .description h4 {
	margin: 0px;
	font-size: 15px;
	font-weight: 300;
	line-height: 20px;
}
.gal-container .modal.fade .modal-dialog {
	-webkit-transform: scale(0.1);
	-moz-transform: scale(0.1);
	-ms-transform: scale(0.1);
	transform: scale(0.1);
	top: 100px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.gal-container .modal.fade.in .modal-dialog {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transform: translate3d(0, -100px, 0);
	transform: translate3d(0, -100px, 0);
	opacity: 1;
}
/* Full Width Gallery  */
.gal-container.full-width {
	padding: 0;
}
.full-width .gal-item {
	padding: 0;
}
.gal-container.full-width .gal-item a:after {
	content: "\e003";
	font-family: 'Glyphicons Halflings';
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.75);
	position: absolute;
	right: 0px;
	left: 0px;
	top: 0px;
	bottom: 0px;
	text-align: center;
	line-height: 350px;
	font-size: 30px;
	color: #fff;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
}
.gal-container.full-width .gal-item a:hover:after {
	opacity: 1;
}
/*
================================================
26. Blog Page
================================================
*/
.thumbnail {
	padding: 15px;
	margin-bottom: 30px;
}
.blog .thumbnail img {
	width: 100%;
}
.hover-img {
	background: #2d2e2e;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: center;
}
.hover-img:hover > img {
	opacity: 0.6;
	transform: scale(1.1);
	transition-duration: 0.5s;
}
.hover-img > img {
	min-height: 100%;
	transition-duration: 0.5s;
}
.date {
	background: rgba(0, 0, 0, 0.6);
	margin-top: -40px;
	padding: 10px 15px;
	position: relative;
}
.date span {
	color: #ccc;
	font-size: 12px;
	margin-right: 10px;
}
.date span a {
	color: #ffc500;
	font-size: inherit;
	margin-left: 2px;
	text-transform: inherit;
}
div.caption h3 {
	margin-top: 10px;
}
div.caption h3 a:focus {
	text-decoration: none;
}
/* ---Single Post--- */
.inner-wrapper .single-post .date {
	background:none;
	border-top: 1px solid #c1c1c1;
	margin:0;
	padding:0;
	text-align: center;
}
.inner-wrapper .single-post .date .blog-meta {
	background-color: #fff;
	display: inline-block;
	padding: 6px 12px;
	position: relative;
	top: -20px;
}
.inner-wrapper .single-post .date .blog-meta span {
	color:#333;
}
.inner-wrapper .single-post .date .blog-meta span:last-child {
	margin:0;
}
.inner-wrapper .single-post .date .blog-meta span a {
	color: #8caba8;
}
.inner-wrapper .single-post h2 {
	margin:0 0 20px 0;
	text-align:left;
	font-size:24px;
}
.inner-wrapper .single-post h2::after {
 	background-color: inherit;
 	content: "";
 	display: block;
 	height: auto;
	 margin: 0;
 	width: auto;
}
.inner-wrapper .single-post .list-inline li a {
	background: #8caba8 none repeat scroll 0 0;
	color: #fff;
	padding: 5px 10px;
}
.inner-wrapper .single-post .list-inline li a:hover {
	background: #f5f5f5;
	color: #333;
}
.inner-wrapper .single-post .thumbnail {
	border:none;
	padding:0;
	margin:10px 0 5px 0;
}
.inner-wrapper .single-post img {
	width:100%;
}
.inner-wrapper .single-post .thumbnail .caption {
	padding:10px 0 10px 0;
}
.inner-wrapper .single-post .sidebar h2 {
	margin-bottom:26px;
	font-size:18px;
}
.inner-wrapper .single-post .sidebar h2::after {
 	background-color: #8caba8;
 	content: "";
 	display: block;
 	height: 1px;
 	margin: 10px 0 0;
 	width: 40px;
}
.inner-wrapper .single-post .meta {
	font-size:12px;
}
.align-right {
	text-align:right;
}
.single-post form {
	margin: 0 0 20px;
}
.inner-wrapper .single-post h3 {
	font-size:14px;
	color: #8caba8;
	margin:0 0 5px 0;
}
.inner-wrapper .sidebar #custom-search-input {
	padding: 3px;
	border: solid 1px #E4E4E4;
	border-radius: 6px;
	background-color: #fff;
	margin:0 15px 24px 15px;
}
.inner-wrapper .sidebar #custom-search-input input {
	border: 0;
	box-shadow: none;
}
.inner-wrapper .sidebar #custom-search-input button {
	margin: 2px 0 0 0;
	background: none;
	box-shadow: none;
	border: 0;
	color: #666666;
	padding: 0 8px 0 10px;
	border-left: solid 1px #ccc;
}
.inner-wrapper .sidebar #custom-search-input button:hover {
	border: 0;
	box-shadow: none;
	border-left: solid 1px #ccc;
}
.inner-wrapper .sidebar #custom-search-input .glyphicon-search {
	font-size: 23px;
}
.inner-wrapper .single-post .latest-blogs {
	margin:0 0 10px 0;
}
.inner-wrapper .single-post .latest-blog {
	border-bottom: 1px solid #c1c1c1;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.inner-wrapper .single-post .latest-blog:last-child {
	border:none;
}
.inner-wrapper .single-post .meta-info {
	padding:0;
	margin:5px 0 0 0;
}
.inner-wrapper .single-post .meta-info h3 a {
	color:#8caba8;
}
.inner-wrapper .sidebar .meta-info h3 a:hover {
	color:#333;
}
.inner-wrapper .single-post .comments {
	margin:0 0 30px 0;
}
.inner-wrapper .single-post .comments p {
	margin:10px 0 0 0;
}
.inner-wrapper .sidebar .unordered-list ul {
	margin:0 0 30px 0;
}
.inner-wrapper .sidebar .unordered-list ul li a:hover {
	color:#333;
}
.inner-wrapper .single-post .unordered-list ul li::before {
 	content: "\f105";
}
.inner-wrapper .single-post .unordered-list.no-space {
	margin: 0 0 10px;
}
.inner-wrapper .single-post .ordered-list {
	margin: 0 0 10px;
}
.inner-wrapper .sidebar .unordered-list ul li a {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	transition-duration: 0.3s;
	transition-property: transform;
	display:inline-block;
}
.inner-wrapper .sidebar .unordered-list ul li a:hover, .inner-wrapper .sidebar .unordered-list ul li a:focus {
	-webkit-transform: translateX(10px);
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-o-transform: translateX(10px);
	transform: translateX(10px);
}
.inner-wrapper .sidebar .tags li {
	display:inline-block;
	list-style:none;
	background:#f5f5f5;
	padding:5px 12px;
	margin:0 5px 5px 0;
}
.inner-wrapper .sidebar .tags li:hover {
	background:#8caba8;
}
.inner-wrapper .sidebar .tags li:hover a {
	color:#fff;
}
.inner-wrapper .sidebar .download-services {
	margin:5px 0 30px;
	padding: 60px 0;
	width: 100%;
	float: left;
	clear: both;
	background-image: url(https://placeholdit.imgix.net/~text?txtsize=40&bg=333&txtclr=fff&txt=800%C3%97432&w=800&h=432);
	background-attachment: fixed;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index: 9;
	position: relative;
	text-align: center;
}
.inner-wrapper .sidebar .download-services::before {
	 background: #000 none repeat scroll 0 0;
 	bottom: 0;
 	content: "";
 	left: 0;
 	opacity: 0.8;
 	position: absolute;
	 right: 0;
 	top: 0;
 	z-index: -1;
}
.inner-wrapper .sidebar .download-services h3 {
	color:#fff;
	font-size:24px;
	margin:0 0 20px 0;
}
.inner-wrapper .sidebar .download-services a {
	background:#f5f5f5;
	color:#333;
	padding:5px 15px;
}
/*
================================================
27. Contact us page
================================================
*/
.address h3 {
	margin: 0 0 10px 0;
}
.address {
	background: #fff;
	padding: 15px;
	box-shadow: 0 1px 10px rgba(51, 51, 51, 0.2);
	margin-bottom: 20px;
}
.address li i {
	width: 25px;
}
.address li {
	border-bottom: 1px dashed #ccc;
	padding: 15px 0;
	list-style: none;
}
.address li a {
	color: #2d2e2e;
}
.address form {
	margin-top: 20px;
	padding: 20px;
	background: #fdfdfd;
	border: 1px solid #e5e5e5;
}
.form-item {
	background: #fff none repeat scroll 0 0;
	border-radius: 0;
	box-shadow: none;
	height: 45px;
	padding-left: 15px;
}
.btn-1 {
	background: #8caba8;
	border: medium none;
	border-radius: 0;
	color: #fff;
	padding: 12px 25px;
	text-transform: uppercase;
}
.btn-1:hover, .btn-1:active, .btn-1:focus {
	background: #2d2e2e none repeat scroll 0 0;
	color: #fff;
}
div#google-map {
	width: 100%;
	background: #fff;
	padding: 15px 15px 10px 15px;
	box-shadow: 0 1px 10px rgba(51, 51, 51, 0.2);
}
div#google-map iframe {
	height: 714px;
	width: 100%;
	border: 1px solid #e5e5e5;
}
/* Contact 2  */
.contact2 .address {
	box-shadow: none;
}
.contact2 div#google-map {
	box-shadow: none;
	margin: 30px 0 0 0;
	padding: 0;
}
.contact2 div#google-map iframe {
	height: 400px;
}
/* Contact 3  */
.contact-details {
	text-align: center;
}
.contact-details div {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 30px;
}
.contact-details div:nth-child(2), .contact-details div:nth-child(4) {
	border-right: none;
}
.contact-details div:nth-child(3), .contact-details div:nth-child(4) {
	border-bottom: none;
}
.contact-details h3 {
	font-size: 14px;
	text-transform: uppercase;
}
.contact-details i {
	color: #8caba8;
	font-size: 35px;
	padding-bottom: 18px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {
div#google-map iframe {
	height: 705px;
}
}
/*
================================================
28 .Footer
================================================
*/
/* === FOOTER RESPONSIVENESS FIXES === */

/* Base footer improvements */
footer {
  background: #a2798f;
  margin: 0;
  padding: 50px 0 30px;
  width: 100%;
  float: left;
}

footer .container > [class^="col-"], 
footer .container > [class*=" col-"] { 
  margin-bottom: 30px; 
}

footer h2 { 
  position: relative; 
  font-size: 18px; 
  text-transform: uppercase; 
  margin: 0 0 20px; 
  color: #dfdfde;
  font-family: Raleway, sans-serif;
  font-weight: 600;
}

footer h2:before { 
  content: ""; 
  display: block; 
  width: 50px; 
  height: 2px; 
  background: #8caba8; 
  margin-bottom: 15px;
  position: relative;
}

/* Quick Links Section */
footer .btn-primary.one, 
footer .btn-primary.two {
  background-color: transparent;
  border: 2px solid #dfdfde;
  border-radius: 0;
  color: #fff;
  padding: 10px 30px;
  margin: 0 10px 15px 0;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out 0s;
  display: inline-block;
}

footer .btn-primary.one:hover, 
footer .btn-primary.two:hover {
  background: #8caba8;
  border: 2px solid #fff;
  color: #fff;
}

/* News Section */
footer .news {
  padding: 0;
}

footer .news ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .news ul li {
  border-bottom: 1px solid rgba(221, 221, 221, 0.1);
  margin: 0 0 15px;
  padding: 0 0 15px;
  list-style: none;
}

footer .news ul li:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

footer .news ul li a {
  color: #ebdada;
  text-decoration: none;
  display: block;
  line-height: 1.4;
}

footer .news ul li small {
  display: block;
  color: #ddd;
  margin-top: 5px;
  font-size: 12px;
}

/* Subscribe Section */
footer .subscribe .sub {
  color: #fff;
  font-size: 15px;
  padding: 0 0 20px;
  font-family: Raleway, sans-serif;
  text-align: left;
  line-height: 1.4;
}

footer .subscribe .sub span {
  color: #fbf5e9;
  font-weight: 600;
}

footer .subscribe .form {
  margin-bottom: 20px;
}

footer .subscribe .form input.form-control {
  background: #d7c6cf;
  border: 1px solid #ebdada;
  border-radius: 4px 0 0 4px;
  color: #333 !important;
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin: 0;
  padding: 0 15px;
  text-align: left;
  width: 68%;
  float: left;
  box-sizing: border-box;
}

footer .subscribe .form input.bttn {
  background: #8caba8;
  border: 1px solid #d7c6cf;
  border-radius: 0 4px 4px 0;
  color: #fff;
  float: left;
  font-size: 14px;
  height: 40px;
  margin: 0 0 0 -1px;
  padding: 0;
  text-align: center;
  width: 32%;
  cursor: pointer;
  box-sizing: border-box;
}

footer .subscribe .form input.bttn:hover {
  background: #d7c6cf;
}

/* Social Media */
footer .subscribe .social {
  clear: both;
  margin-top: 20px;
}

footer .subscribe .social ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

footer .subscribe .social ul li {
  list-style: none;
  margin: 0 0 15px;
  padding: 0;
  float: left;
  width: 50%;
  color: #f8f8f8;
  font-weight: 600;
  font-size: 12px;
}

footer .subscribe .social ul li span {
  display: block;
  line-height: 1.2;
  margin-top: 2px;
}

footer .subscribe .social a {
  border: 1px solid #d7c6cf;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  line-height: 38px;
  padding: 0;
  position: relative;
  text-align: center;
  width: 40px;
  height: 40px;
  margin: 0 10px 0 0;
  float: left;
  cursor: pointer;
  text-decoration: none;
}

footer .subscribe .social li a:hover {
  opacity: 0.8;
}

footer .subscribe .social a.facebook { background: #3b5998; }
footer .subscribe .social a.twitter { background: #333333; }
footer .subscribe .social a.google-plus { background: #ea4335; }
footer .subscribe .social a.linkedin { background: #0077b5; }

/* Footer Bottom */
div.footer-wrapper {
  background: #8caba8;
  padding: 25px 0;
  width: 100%;
  float: left;
}

div.footer-wrapper p {
  color: #fbf5e9;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 14px;
}
/* Footer Payment table clean styling */
.footer-payments {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #fff;
}
.footer-payments td {
  padding: 8px 10px;
  vertical-align: middle;
  width: 50%;
  border: none !important;
  color: #dfdfde;          /* lighter text color */
  font-size: 14px;         /* smaller than icons */
  font-weight: 400;        /* regular weight */
}
.footer-payments i {
  color: #dfdfde !important; /* theme accent for icons */
  font-size: 28px;           /* larger icons */
  width: 34px;
  text-align: center;
  margin-right: 10px;
  vertical-align: middle;
}

/* Full-width, centered SiteLock table */
.sitelock-table { width: 100%; border-collapse: collapse; }
.sitelock-table td { width: 100%; border: none; text-align: center; }

.sitelock-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.sitelock-wrap img { display: block; max-width: 160px; height: auto; }

/* Mobile: stack payment options */
@media (max-width: 480px) {
  .footer-payments tr { display: flex; flex-wrap: wrap; }
  .footer-payments td { width: 100%; padding: 6px 0; }
}



/* === RESPONSIVE BREAKPOINTS === */

/* Large tablets and small desktops */
@media (max-width: 991.98px) {
  footer {
    padding: 40px 0 20px;
  }
  
  footer .container > [class^="col-"], 
  footer .container > [class*=" col-"] { 
    margin-bottom: 25px; 
  }
  
  footer h2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
  
  footer .btn-primary.one, 
  footer .btn-primary.two {
    padding: 8px 20px;
    margin-right: 8px;
    margin-bottom: 12px;
  }
  
  footer .subscribe .social ul li {
    width: 50%;
  }
}

/* Tablets */
@media (max-width: 767.98px) {
  footer {
    padding: 30px 0 15px;
  }
  
  footer .container > [class^="col-"], 
  footer .container > [class*=" col-"] { 
    margin-bottom: 20px;
    text-align: center;
  }
  
  footer h2 {
    font-size: 15px;
    text-align: center;
    margin-bottom: 15px;
  }
  
  footer h2:before {
    margin: 0 auto 15px;
  }
  
  /* Quick Links - Center buttons */
  footer .btn-primary.one, 
  footer .btn-primary.two {
    display: inline-block;
    margin: 0 5px 10px;
    padding: 8px 16px;
    font-size: 13px;
  }
  
  /* Newsletter form - Stack inputs */
  footer .subscribe .form input.form-control,
  footer .subscribe .form input.bttn {
    width: 100%;
    float: none;
    margin: 0 0 10px;
    border-radius: 4px;
  }
  
  footer .subscribe .form input.form-control {
    margin-bottom: 5px;
  }
  
  /* Social icons - 2 per row */
  footer .subscribe .social ul li {
    width: 50%;
    text-align: center;
    margin-bottom: 10px;
  }
  
  footer .subscribe .social a {
    margin: 0 auto;
    float: none;
    display: block;
    width: 35px;
    height: 35px;
    line-height: 33px;
    font-size: 16px;
  }
}

/* Tighten heading spacing in footer columns (optional) */
#footer h2 { margin-bottom: 10px; }

/* Mobile: stack cells to one-per-line when very narrow */
@media (max-width: 480px) {
  .footer-payments tr { display: flex; flex-wrap: wrap; }
  .footer-payments td { width: 100%; padding: 6px 0; }
}


/* Mobile phones */
@media (max-width: 575.98px) {
  footer {
    padding: 25px 0 10px;
  }
  
  footer .container {
    padding: 0 15px;
  }
  
  footer .container > [class^="col-"], 
  footer .container > [class*=" col-"] { 
    padding: 0 10px;
    margin-bottom: 20px;
  }
  
  footer h2 {
    font-size: 14px;
    margin-bottom: 12px;
  }
  
  footer h2:before {
    width: 40px;
    margin-bottom: 12px;
  }
  
  /* Quick Links */
  footer .btn-primary.one, 
  footer .btn-primary.two {
    font-size: 12px;
    padding: 6px 12px;
    margin: 0 3px 8px;
    min-width: 80px;
  }
  
  /* News items */
  footer .news ul li {
    margin-bottom: 12px;
    padding-bottom: 12px;
  }
  
  footer .news ul li a {
    font-size: 13px;
    line-height: 1.3;
  }
  
  footer .news ul li small {
    font-size: 11px;
    margin-top: 3px;
  }
  
  /* Subscribe text */
  footer .subscribe .sub {
    font-size: 13px;
    padding-bottom: 15px;
    text-align: center;
  }
  
  /* Newsletter form */
  footer .subscribe .form input.form-control {
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    padding: 0 12px;
  }
  
  footer .subscribe .form input.bttn {
    font-size: 13px;
    height: 35px;
    line-height: 33px;
  }
  
  /* Social icons - Single column on very small screens */
  footer .subscribe .social ul li {
    width: 50%;
    font-size: 11px;
    margin-bottom: 8px;
  }
  
  footer .subscribe .social a {
    width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 14px;
  }
  
  /* Footer bottom */
  div.footer-wrapper p {
    font-size: 12px;
    padding: 0 10px;
    line-height: 1.3;
  }
}

/* Very small screens */
@media (max-width: 360px) {
  footer .container > [class^="col-"], 
  footer .container > [class*=" col-"] {
    padding: 0 5px;
  }
  
  footer .btn-primary.one, 
  footer .btn-primary.two {
    font-size: 11px;
    padding: 5px 10px;
    margin: 0 2px 6px;
    min-width: 70px;
  }
  
  footer .subscribe .social ul li {
    width: 100%;
    margin-bottom: 6px;
  }
  
  footer .subscribe .social a {
    margin: 0 auto 5px;
  }
  
  div.footer-wrapper p {
    font-size: 11px;
  }
}
================================================
29. Media Quries 
================================================
 */
@media (min-width: 768px) {
.gal-container .modal-dialog {
	width: 55%;
	margin: 50 auto;
}
}
 @media (max-width: 768px) {
.gal-container .modal-content {
	height: 250px;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
.navbar-collapse {
	float: none;
}
button.navbar-toggle {
	display: block;
}
.navbar-brand {
	height: auto;
	padding: 20px 0;
}
.navbar-collapse.collapse {
	display: none !important;
}
.navbar-collapse.collapse.in {
	display: block !important;
}
button.navbar-toggle {
	display: block;
	margin: 15px 0 0;
}
.navbar-nav {
	margin: 0 0 0 -15px;
	width: 100%;
}
.navbar-default .navbar-nav > li, .navbar-default .navbar-nav > li.mega-menu {
	padding: 0;
	width: 100%;
	position: relative;
}
.navbar-nav > li > a {
	padding: 0 0 10px;
}
header .navbar-default li.open > ul.dropdown-menu {
	display: block !important;
	margin: 0 0 15px;
	background: #1abc9c;
}
.navbar-default .navbar-nav > li.mega-menu div.row div {
	display: inherit;
}
.navbar-default .navbar-nav > li.dropdown ul.dropdown-menu {
	margin: 0 0 15px;
	position: static;
	width: 100%;
}
header .navbar-default .navbar-nav li.open > ul.dropdown-menu > li > a {
	text-transform: none;
	color: #fff;
	padding: 7px 15px;
	display: inline-block;
	width: 100%;
}
header .navbar-default .navbar-nav li.open > ul.dropdown-menu > li > a:hover {
	background-color: #29626e !important;
	color: #fff !important;
}
header .navbar-collapse, header.affix .navbar-collapse {
	max-height: 300px;
}
.navbar-collapse.in {
	overflow-y: auto;
}
.navbar-default .navbar-nav li a:hover ul.dropdown-menu {
	display: none !important;
}
.abt-univ-des {
	margin-bottom: 30px;
}
.hero h1 {
	font-size: 56px;
}
.hero h3 {
	font-size: 18px;
}
.navbar-header {
	width: 100%;
}
.cta-text {
	padding: 30px 0 10px;
}
.cta-btn {
	padding: 10px 0 30px;
}
.cta-btn, .cta-text {
	float: none;
	text-align: center;
}
.satisfied-wrapper .counter p {
	margin: 0 0 40px;
}
footer div.social {
	width: 100%;
	margin: 15px 0 0;
}
footer .news ul li:last-child {
  padding: 0;
}
footer .subscribe .social ul li {
	width: 25%;
}
.grid-wrapper [class*="col-"] p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}
}
 @media (max-width: 767px) {
.logo-bar img {
	height: auto;
	width: 165px;
	margin: 0;
}
.navbar {
	margin: 0;
}
.navbar-brand {
	padding: 20px 0;
}
button.navbar-toggle {
	display: block;
	margin: 20px 0 0;
}
.navbar-nav > li {
	padding: 0;
}
.navbar-nav > li > a {
	padding: 0 0 10px;
	display: inline-block;
}
header .navbar-default li.open > ul.dropdown-menu {
	display: block !important;
	margin: 0 0 15px;
	background: #2d2e2e;
}
.navbar-default .navbar-nav > li.mega-menu div.row div {
	display: inherit;
}
.navbar-default .navbar-nav > li.mega-menu ul.dropdown-menu {
	margin: 0 0 15px;
}
header .navbar-default .navbar-nav li.open > ul.dropdown-menu > li > a {
	position: relative;
	text-transform: none;
	color: #fff;
	padding: 7px 15px;
}
header .navbar-default .navbar-nav li.open > ul.dropdown-menu > li > a:hover {
	background-color: #1abc9c !important;
	color: #fff !important;
}
header .navbar-collapse, header.affix .navbar-collapse {
	max-height: 300px;
}
.navbar-collapse {
	float: none;
}
.navbar-nav {
	margin: 10px 0 10px -15px;
	width: 100%;
}
.navbar-default .navbar-nav li a:hover ul.dropdown-menu {
	display: none !important;
}
.callouts-wrapper h2::after {
	left: 40%;
}
.cta-text {
	padding: 30px 0 10px;
}
.cta-btn {
	padding: 10px 0 30px;
}
.cta-btn, .cta-text {
	float: none;
	text-align: center;
}
.satisfied-wrapper {
	padding: 60px 0 20px;
}
.satisfied-wrapper .counter p {
	margin: 0 0 40px;
}
.hero {
	display: none;
}
.team-wrapper-inner {
	margin: 0;
}
.fade-carousel {
	height: 250px;
}
.fade-carousel .carousel-inner .item {
	height: 250px;
}
.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3 {
	height: 250px;
}
.callouts {
	text-align: center;
}
.callouts i {
	margin: 0 0 10px;
}
.signup-wrapper h2 {
	font-size: 25px;
}
footer .footer-nav ul {
	width: 100%;
	margin-left: 0;
}
footer .subscribe .form input.form-control {
	width: 62%;
}
footer .subscribe .form input.bttn {
	width: 36%;
}
footer h2 {
	font-size: 13px;
}
.inner-banner-heading {
	width: 100%;
}
.abt-univ-des {
	margin-bottom: 30px;
}
div#google-map iframe {
	height: auto;
}
.grid-wrapper [class*="col-"] {
	padding-left: 5px;
	padding-right: 5px;
}
.grid-wrappe [class*="col-"] {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.classic-vertical-tab-panel .tab-content {
	padding-top: 40px;
}
.btn-shapes .btn-primary {
	min-width: 180px;
}
.btn-shapes .btn-primary:last-child {
	margin-right: 15px;
}
.services .callouts h2 {
	text-align: center;
	margin: 0 0 5px 0;
}
.affix .top-wrapper {
  margin-top: -42px;
}
.top-wrapper .pull-right {
float:none !important;
text-align:center;
}
.inner-wrapper .single-post .meta-info {
 padding: 5px 15px;
}
.inner-wrapper .single-post .latest-blog {
border:none;
}
.inner-wrapper .sidebar #custom-search-input {
margin-top:15px;
}
}
 @media (max-width:360px) {
footer .footer-nav > div {
	width: 100%;
}
footer .news {
	padding: 0 3% 0 6%;
}
}


/* === FIX: Carousel stacking, sizing, and responsiveness === */
.banner-wrapper { position: relative; width: 100%; }
.fade-carousel { position: relative; height: 60vh; min-height: 360px; overflow: hidden; }
.fade-carousel .carousel-inner { height: 100%; }
.fade-carousel .carousel-inner .item { position: relative; height: 100% !important; overflow: hidden; }
.slides .slide-1,
.slides .slide-2,
.slides .slide-3 { position: relative; height: 100% !important; }
.slides .slide-1 img,
.slides .slide-2 img,
.slides .slide-3 img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

/* Soft overlay to improve text contrast */
.fade-carousel .overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.35); z-index: 1; }

/* Hero text above images + overlay */
.hero { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; max-width: 92vw; text-align: center; color: #fff; }
.carousel .item.active .hero { opacity: 1; }

/* Typographic scaling */
.hero h1 { line-height: 1.1; margin: 0; }
.hero h3 { line-height: 1.25; margin: 10px 0 0; }
.btn-hero.btn-sm { padding: 10px 18px; }

@media (max-width: 1199.98px) {
  .fade-carousel { height: 55vh; min-height: 320px; }
  .hero h1 { font-size: 42px; }
  .hero h3 { font-size: 20px; }
}
@media (max-width: 991.98px) {
  .fade-carousel { height: 50vh; min-height: 300px; }
  .hero h1 { font-size: 36px; }
  .hero h3 { font-size: 18px; }
  .btn-hero.btn-sm { padding: 8px 16px; font-size: 13px; }
}
@media (max-width: 767.98px) {
  .fade-carousel { height: 44vh; min-height: 260px; }
  .hero h1 { font-size: 28px; }
  .hero h3 { font-size: 16px; }
  .btn-hero.btn-sm { padding: 8px 14px; font-size: 12px; }
}
@media (max-width: 575.98px) {
  .fade-carousel { height: 40vh; min-height: 220px; }
  .hero h1 { font-size: 24px; }
  .hero h3 { font-size: 14px; }
}
/* === End FIX === */



/* === FIX: Footer alignment & headings === */
footer .container > [class^="col-"], footer .container > [class*=" col-"] { margin-bottom: 20px; }
footer h2 { position: relative; font-size: 16px; text-transform: uppercase; margin: 0 0 12px; }
footer h2:after { content: ""; display: block; width: 48px; height: 2px; background: #8caba8; margin-top: 8px; }

/* Newsletter inputs layout */
footer .subscribe .form input.form-control { width: 62%; float: left; }
footer .subscribe .form .bttn { width: 36%; float: left; margin-left: 2%; }

@media (max-width: 767.98px) {
  footer .subscribe .form input.form-control,
  footer .subscribe .form .bttn { width: 100%; float: none; margin: 0 0 10px; }
}
/* === End Footer FIX === */



/* === 2025-08-31: Remove carousel overlays per user request === */
.fade-carousel .overlay { 
  background: transparent !important; 
}
.fade-carousel .slides .slide-1:before,
.fade-carousel .slides .slide-2:before,
.fade-carousel .slides .slide-3:before {
  content: none !important;
  background: transparent !important;
  opacity: 0 !important;
}
/* === End overlay removal === */

/* --- Strict 2x2 footer table --- */
.connect-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;             /* two equal-width columns */
  margin: 0 0 12px 0;
}
.connect-table tr { display: table-row !important; }
.connect-table td {
  display: table-cell !important;  /* overrides any earlier responsive rules */
  width: 50%;
  vertical-align: top;
  padding: 8px 8px;
  border: none !important;         /* borderless */
  color: #dfdfde;
}

/* Icon left, text right inside each cell */
.connect-table .media-inline {
  display: inline-flex;
  align-items: flex-start;
  gap: 10px;
}
.connect-table .media-inline i {
  color: #dfdfde;
  font-size: 22px;
  line-height: 1.2;
  width: 26px;
  text-align: center;
}
.connect-table .media-inline .text { line-height: 1.35; }
.connect-table a { color: #dfdfde; text-decoration: none; }
.connect-table a:hover { text-decoration: underline; }

/* Social badges row (same two columns) */
.connect-table .social-badge {
  display: inline-block;
  width: 40px; height: 40px; line-height: 38px;
  font-size: 18px; text-align: center; color: #fff;
  border: 1px solid #d7c6cf; border-radius: 5px;
  text-decoration: none;
}
/* Center social icons inside their table cells */
.connect-table td {
  text-align: center;   /* centers inline elements like the badges */
}

.connect-table .mini-social-row td {
  text-align: center;
}
/* Default: left-align cells in the Connect table */
.connect-table td {
  text-align: left !important;
}

/* Only center the SOCIAL ICON row */
.connect-table .mini-social-row td {
  text-align: center !important;
}

/* Keep the icon on the LEFT and text block left-aligned */
.connect-table .media-inline {
  display: inline-flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.connect-table .media-inline .text {
  text-align: left;
}
/* Center ONLY the second row */
.connect-table tr:nth-child(2) td { 
  text-align: center !important; 
}


.connect-table .social-badge:hover { opacity: 0.85; }
.connect-table .social-badge.facebook { background: #3b5998; }
.connect-table .social-badge.twitter  { background: #333333; } /* FA5 “X” look */

/* Payments: bigger icons + lighter labels (tweak) */
.footer-payments td { color: #dfdfde; font-size: 14px; font-weight: 400; }
.footer-payments i  { color: #dfdfde !important; font-size: 34px; width: 42px; text-align: center; margin-right: 10px; }

/* Responsive: on small screens, stack to single column */
@media (max-width: 768px) {
  .connect-table tr,
  .connect-table td { display: block !important; width: 100%; }
  .connect-table td { padding: 6px 0; }
  .connect-table .social-badge { margin-right: 10px; }
}

/* ===== Responsive tweaks ===== */
@media (max-width: 768px) {
  /* Stack the two contact cells on tablets/phones */
  .footer-social .contact-row td {
    display: block;
    width: 100%;
    padding: 6px 0;
  }
}
@media (max-width: 480px) {
  /* Stack any row cells one-per-line on small phones */
  .footer-social tr { display: block; }
  .footer-social td { display: block; width: 100%; padding: 6px 0; }

  /* Slightly smaller badges on very small screens */
  .footer-social .mini-social a {
    width: 36px; height: 36px; line-height: 34px; font-size: 16px;
  }
}


/* Responsive niceties */
@media (max-width: 480px) {
  .footer-social .mini-social { text-align: center; }
}


/* ===== Responsive ===== */
@media (max-width: 768px) {
  /* Stack top contact cells vertically on tablets/phones */
  .footer-social .contact-row td {
    display: block;
    width: 100%;
    padding: 6px 0;
  }
}

@media (max-width: 480px) {
  /* Stack all cells one-per-line on small phones */
  .footer-social tr { display: block; }
  .footer-social td { display: block; width: 100%; padding: 6px 0; }

  /* Slightly smaller icons/text for very small screens */
  .footer-social .social-cell i { font-size: 22px; width: 26px; }
  .footer-social .social-cell span { font-size: 13px; }
}