@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Poppins:300,400,500,600,700|Raleway:100,200,300,400,500,600,700,800,900");
@import url('https://fonts.googleapis.com/css?family=Slabo+27px');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,700');
/*-- Common Style --*/
html, body {
	height: 100%;
}
body {
	line-height: 24px;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	visibility: visible;
	font-family: "Raleway", sans-serif;
	color: #757575;
}
h1, h2, h3, h4, h5, h6 {
	color: #4a4a4a;
	font-weight: bold;
	margin-top: 0;
}
p:last-child {
	margin-bottom: 0;
}
a, button {
	color: inherit;
	display: inline-block;
	line-height: inherit;
	text-decoration: none;
}
a, i, button, img, input, span, *:before, *:after {
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
*:focus {
	outline: 0px solid;
}
a:focus {
	color: inherit;
	outline: medium none;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
/*-- Common Class --*/
.fix {
	overflow: hidden;
}
.clear {
	clear: both;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.header-social a:first-child {font-family: 'Open Sans', sans-serif;}
.header-social a small{ font-size:80% !important;}
.overlay {
	position: relative;
}
 .overlay::before {
 background: #3f4e53;
 background: -moz-linear-gradient(left, #3f4e53 0%, #f7f7f7 100%);
 background: -webkit-gradient(left top, right top, color-stop(0%, #3f4e53), color-stop(100%, #f7f7f7));
 background: -webkit-linear-gradient(left, #3f4e53 0%, #f7f7f7 100%);
 background: -o-linear-gradient(left, #3f4e53 0%, #f7f7f7 100%);
 background: -ms-linear-gradient(left, #3f4e53 0%, #f7f7f7 100%);
 background: -webkit-gradient(linear, left top, right top, from(#3f4e53), to(#f7f7f7));
 background: linear-gradient(to right, #3f4e53 0%, #f7f7f7 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-1', endColorstr='$theme-color-2', GradientType=1 );
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 opacity: 0.2;
 content: "";
}
.section {
	float: left;
	width: 100%;
}
.section.bg-gray {
	background-color: #f1f1f1;
}
.section.bg-white {
	background-color: #fff;
}
.inner-tollfree-wrp{ display:none;}
/*-- Container Width For Mobile Device --*/
@media only screen and (max-width: 767px) {
 .container {
 width: 95%;
}
}
 @media only screen and (max-width: 479px) {
 .container {
 width: 95%;
}
}
/*-- Margin Top --*/
.mt-5 {
	margin-top: 5px;
}
.mt-10 {
	margin-top: 10px;
}
.mt-15 {
	margin-top: 15px;
}
.mt-20 {
	margin-top: 20px;
}
.mt-25 {
	margin-top: 25px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-35 {
	margin-top: 35px;
}
.mt-40 {
	margin-top: 40px;
}
.mt-45 {
	margin-top: 45px;
}
.mt-50 {
	margin-top: 50px;
}
.mt-55 {
	margin-top: 55px;
}
.mt-60 {
	margin-top: 60px;
}
.mt-65 {
	margin-top: 65px;
}
.mt-70 {
	margin-top: 70px;
}
.mt-75 {
	margin-top: 75px;
}
.mt-80 {
	margin-top: 80px;
}
.mt-85 {
	margin-top: 85px;
}
.mt-90 {
	margin-top: 90px;
}
.mt-95 {
	margin-top: 95px;
}
.mt-100 {
	margin-top: 100px;
}
.mt-105 {
	margin-top: 105px;
}
.mt-110 {
	margin-top: 110px;
}
.mt-115 {
	margin-top: 115px;
}
.mt-120 {
	margin-top: 120px;
}
.mt-125 {
	margin-top: 125px;
}
.mt-130 {
	margin-top: 130px;
}
.mt-135 {
	margin-top: 135px;
}
.mt-140 {
	margin-top: 140px;
}
.mt-145 {
	margin-top: 145px;
}
.mt-150 {
	margin-top: 150px;
}
/*-- Margin Bottom --*/
.mb-5 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-55 {
	margin-bottom: 55px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-65 {
	margin-bottom: 65px;
}
.mb-70 {
	margin-bottom: 70px;
}
.mb-75 {
	margin-bottom: 75px;
}
.mb-80 {
	margin-bottom: 80px;
}
.mb-85 {
	margin-bottom: 85px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-95 {
	margin-bottom: 95px;
}
.mb-100 {
	margin-bottom: 100px;
}
.mb-105 {
	margin-bottom: 105px;
}
.mb-110 {
	margin-bottom: 110px;
}
.mb-115 {
	margin-bottom: 115px;
}
.mb-120 {
	margin-bottom: 120px;
}
.mb-125 {
	margin-bottom: 125px;
}
.mb-130 {
	margin-bottom: 130px;
}
.mb-135 {
	margin-bottom: 135px;
}
.mb-140 {
	margin-bottom: 140px;
}
.mb-145 {
	margin-bottom: 145px;
}
.mb-150 {
	margin-bottom: 150px;
}
/*-- Padding Top --*/
.no-padding {
	padding:0 !important;
}
.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-25 {
	padding-top: 25px;
}
.pt-30 {
	padding-top: 30px;
}
.pt-35 {
	padding-top: 35px;
}
.pt-40 {
	padding-top: 40px;
}
.pt-45 {
	padding-top: 45px;
}
.pt-50 {
	padding-top: 50px;
}
.pt-55 {
	padding-top: 55px;
}
.pt-60 {
	padding-top: 60px;
}
.pt-65 {
	padding-top: 65px;
}
.pt-70 {
	padding-top: 70px;
}
.pt-75 {
	padding-top: 75px;
}
.pt-80 {
	padding-top: 80px;
}
.pt-85 {
	padding-top: 85px;
}
.pt-90 {
	padding-top: 90px;
}
.pt-95 {
	padding-top: 95px;
}
.pt-100 {
	padding-top: 100px;
}
.pt-105 {
	padding-top: 105px;
}
.pt-110 {
	padding-top: 110px;
}
.pt-115 {
	padding-top: 115px;
}
.pt-120 {
	padding-top: 120px;
}
.pt-125 {
	padding-top: 125px;
}
.pt-130 {
	padding-top: 130px;
}
.pt-135 {
	padding-top: 135px;
}
.pt-140 {
	padding-top: 140px;
}
.pt-145 {
	padding-top: 145px;
}
.pt-150 {
	padding-top: 150px;
}
/*-- Padding Bottom --*/
.pb-5 {
	padding-bottom: 5px;
}
.pb-10 {
	padding-bottom: 10px;
}
.pb-15 {
	padding-bottom: 15px;
}
.pb-20 {
	padding-bottom: 20px;
}
.pb-25 {
	padding-bottom: 25px;
}
.pb-30 {
	padding-bottom: 30px;
}
.pb-35 {
	padding-bottom: 35px;
}
.pb-40 {
	padding-bottom: 40px;
}
.pb-45 {
	padding-bottom: 45px;
}
.pb-50 {
	padding-bottom: 50px;
}
.pb-55 {
	padding-bottom: 55px;
}
.pb-60 {
	padding-bottom: 60px;
}
.pb-65 {
	padding-bottom: 65px;
}
.pb-70 {
	padding-bottom: 70px;
}
.pb-75 {
	padding-bottom: 75px;
}
.pb-80 {
	padding-bottom: 80px;
}
.pb-85 {
	padding-bottom: 85px;
}
.pb-90 {
	padding-bottom: 90px;
}
.pb-95 {
	padding-bottom: 95px;
}
.pb-100 {
	padding-bottom: 100px;
}
.pb-105 {
	padding-bottom: 105px;
}
.pb-110 {
	padding-bottom: 110px;
}
.pb-115 {
	padding-bottom: 115px;
}
.pb-120 {
	padding-bottom: 120px;
}
.pb-125 {
	padding-bottom: 125px;
}
.pb-130 {
	padding-bottom: 130px;
}
.pb-135 {
	padding-bottom: 135px;
}
.pb-140 {
	padding-bottom: 140px;
}
.pb-145 {
	padding-bottom: 145px;
}
.pb-150 {
	padding-bottom: 150px;
}

/*-- Input Placeholder --*/
input:-moz-placeholder, textarea:-moz-placeholder {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 input::-moz-placeholder, textarea::-moz-placeholder {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 opacity: 1;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
/*-- Scroll Up --*/
#scrollUp {
	width: 40px;
	height: 40px;
	color: #fff;
	right: 40px;
	bottom: 40px;
	text-align: center;
	overflow: hidden;
	background-color: #f2801a;
}
 @media only screen and (max-width: 479px) {
 #scrollUp {
 display: none !important;
}
}
#scrollUp i {
	display: block;
	line-height: 40px;
	font-size: 24px;
}
#scrollUp:hover i {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*-- Page Banner Area --*/
.page-banner-area {
	background-image: url(img/hero/1.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	padding-top: 165px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .page-banner-area {
 padding-top: 135px;
}
}
 @media only screen and (max-width: 767px) {
 .page-banner-area {
 padding-top: 115px;
}
}
 @media only screen and (max-width: 479px) {
 .page-banner-area {
 padding-top: 70px;
}
}
/*-- Page Banner --*/
.page-banner {
	padding: 80px 15px;
}
 @media only screen and (max-width: 767px) {
 .page-banner {
 padding: 40px 15px;
}
}
 @media only screen and (max-width: 479px) {
 .page-banner {
 padding: 30px 15px;
}
}
.page-banner h1 {
	color: #fff;
	font-size: 36px;
	font-weight: 800;
	text-transform: uppercase;
}
 @media only screen and (max-width: 767px) {
 .page-banner h1 {
 font-size: 30px;
 margin-bottom: 5px;
}
}
 @media only screen and (max-width: 479px) {
 .page-banner h1 {
 font-size: 24px;
}
}
.page-banner .breadcrumb {
	padding: 0;
	margin-bottom: 0;
	background-color: transparent;
	border-radius: 0;
}
.page-banner .breadcrumb li a {
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 600;
}
/*-- Pagination --*/
.pagination {
	margin: 30px 0 0;
}
.pagination li {
	display: block;
	float: left;
	margin: 0 3px;
}
.pagination li a {
	display: block;
	font-size: 14px;
	background-color: #f1f1f1;
	width: 32px;
	height: 32px;
	border: none;
	line-height: 32px;
	color: #757575;
	padding: 0;
	border-radius: 0 !important;
	font-weight: 600;
}
.pagination li a i {
	font-size: 18px;
	line-height: 34px;
	display: block;
}
.pagination li.active a, .pagination li:hover a {
	background-color: #0071b0;
	color: #fff;
}
/*-- Form --*/
form {
	margin-left: -10px;
	margin-right: -10px;
}
.input-box {
	width: 100%;
	padding: 0 10px;
	margin-bottom: 20px;
	float: left;
	display: block;
}
.input-box input[type="text"] {
	display: block;
	width: 100%;
	border: 1px solid rgba(74, 74, 74, 0.15);
	color: #757575;
	background-color: transparent;
	height: 40px;
	line-height: 24px;
	padding: 7px 15px;
}
.input-box input[type="email"] {
	display: block;
	width: 100%;
	border: 1px solid rgba(74, 74, 74, 0.15);
	color: #757575;
	background-color: transparent;
	height: 40px;
	line-height: 24px;
	padding: 7px 15px;
}
.input-box textarea {
	display: block;
	width: 100%;
	border: 1px solid rgba(74, 74, 74, 0.15);
	color: #757575;
	background-color: transparent;
	height: 150px;
	line-height: 24px;
	padding: 7px 15px;
}
.input-box input[type="submit"] {
	display: block;
	border: 1px solid rgba(74, 74, 74, 0.15);
	color: #757575;
	background-color: transparent;
	height: 40px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: 1px;
	padding: 7px 45px;
	text-transform: uppercase;
}
.input-box input[type="submit"]:hover {
	background-color: #f2801a;
	border-color: #f2801a;
	color: #fff;
}
.submit-box {
	width: auto;
	margin-bottom: 0;
}
.input-box-2 {
	width: 100%;
	float: left;
	display: block;
}
.input-box-2 .input-box {
	width: 50%;
}
 @media only screen and (max-width: 479px) {
 .input-box-2 .input-box {
 width: 100%;
}
}
/*----------------------------------------*/
/*  2.  Header Area
/*----------------------------------------*/
.header-area {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 9999;
}
/*-- Header Top --*/
.header-top {
	width: 100%;
	display: block;
	float: left;
	background-color: #fff;
	padding: 5px 0;
}
 @media only screen and (max-width: 479px) {
 .header-top {
 display: none;
}
}
/*-- Header Info --*/
.header-info p {
	font-size: 13px;
	line-height: 25px;
	color: #757575;
	float: right;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	margin-left: 30px;
	margin-bottom: 0;
}
.header-info p span {
	color: #f2801a;
}
/*-- Header Social --*/
.header-social a {
	display: inline-block;
	margin-left: 20px;
	color: #757575;
	vertical-align: top;
}
.header-social a:hover {
	color: #f2801a;
}
.header-social a i {
	font-size: 14px;
	line-height: 25px;
}
/*-- Header Bottom --*/
.header-bottom {
	position: relative;
	float: left;
	display: block;
	width: 100%;
	padding: 20px 0;
	background-color: #fff;
	z-index: 99999;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .header-bottom {
 padding: 0px;
}
}
 @media only screen and (max-width: 767px) {
 .header-bottom {
 padding: 5px 0;
}
}
.header-bottom.stick {
	position: fixed;
	top: 0;
	padding: 10px 0;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
	-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header-bottom.stick .logo {
	width: 130px;
	margin: 8px 0;
}
.stick nav {
	padding-top:35px !important;
}

/*-- Animation For Stick Menu --*/
@-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: none;
	transform: none;
}
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
to {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: none;
	transform: none;
}
}
/*-- Navbar Header --*/
.navbar-header {
/*-- Logo --*/ }
.navbar-header .logo {
	height: auto;
	margin-top:-30px;
	padding: 0;
}
.navbar-header .logo img {
	width: 100%;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .navbar-header .logo {
 width: 100px;
 margin: 8px 0;
}
}
 @media only screen and (max-width: 767px) {
 .navbar-header .logo {
 width: 80px;
 margin: 5px 0 5px;
}

.header-bottom.stick .logo {
    width: 90px;
    margin: 8px 0;
}

}
/*-- Menu Toggle --*/
.menu-toggle {
	padding: 0;
	margin: 9px 0;
}
.menu-toggle i {
	font-size: 30px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
	opacity: 1;
	color: #0071b0;
}
.menu-toggle i.open {
	display: none;
}
.menu-toggle i.close {
	display: block;
}
.menu-toggle.collapsed i.open {
	display: block;
}
.menu-toggle.collapsed i.close {
	display: none;
}
/*-- Menu --*/
.main-menu {
	margin: 0px;
	padding: 0px;
}
 @media only screen and (max-width: 991px) {
 .main-menu {
 margin: 0;
 float: left;
 width: 100%;
}
}
 @media only screen and (max-width: 767px) {
 .main-menu nav {
 padding: 15px 0;
}
}
.main-menu nav ul li {
	display: block;
	float: left;
	margin-left: 30px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .main-menu nav ul li {
 display: block;
 width:100%;
	float: left;
	margin-left: 0px;
}
}
 @media only screen and (max-width: 767px) {
 .main-menu nav ul li {
 margin-left: 0;
 float: none;
}
}
.main-menu nav ul li:first-child {
	margin-left: 0;
}
.main-menu nav ul li a {
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	color: #4a4a4a;
	line-height: 40px;
	font-weight: 700;
	font-family: "Open Sans", sans-serif;
}
 @media only screen and (max-width: 767px) {
 .main-menu nav ul li a {
 display: inline-block;
}
}
.main-menu nav ul li a:hover {
	color: #f2801a;
}
.main-menu nav ul li.active a {
	color: #ffcb05;
}

/*-- For IE --*/
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75), screen and (min-width: 0\0) and (-o-min-device-pixel-ratio: 3/4), screen and (min-width: 0\0) and (min-resolution: 72dpi) {
 .main-menu nav ul li a:hover, .main-menu nav ul li.active a {
 -webkit-filter: none;
 filter: none;
 background-color: transparent;
 background-image: none;
 color: #f2801a;
}
}
/*----------------------------------------*/
/*  3.  Hero CSS
/*----------------------------------------*/
.hero-area {
	padding-top: 130px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .hero-area {
 padding-top: 135px;
}
}
 @media only screen and (max-width: 767px) {
 .hero-area {
 padding-top:95px;
}
}
 @media only screen and (max-width: 479px) {
 .hero-area  {
 padding-top: 70px;
 
 
}

 .hero-area img {
 padding-top: 0px;
 height:200px;
 
}
}
/*-- Hero Slider --*/
/*-- Hero Slide Item --*/
.hero-item {
	position: relative;
}
.hero-item .container {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.hero-item img {
	width: 100%;
}
.hero-item .hero-content {
	z-index: 1;
}
/*.hero-item .hero-content::before {
      border: 50px solid rgba(113, 177, 0, 0.5);
      content: "";
      height: 409px;
      left: 15px;
      position: absolute;
      top: 50%;
      margin-top: -204px;
      width: 446px;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: fadeOutRight;
      animation-name: fadeOutRight;
      z-index: -1; }*/
       
    .hero-item .hero-content * {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
.hero-item .hero-content h5 {
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	letter-spacing:0.05em;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
}
.hero-item .hero-content p {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	color: #fff;
	font-weight: 400;
	letter-spacing:0.05em;
	letter-spacing:0.03em;
	font-size: 13px;
	line-height: 20px;
	margin-bottom: 7px;
}
.hero-item .hero-content p:last-child {
	 
	color: #000; !important;
	font-weight: 600;
	 
}
.hero-item .hero-content h2 {
	text-transform: uppercase;
	color: #fff;
	font-weight: 800;
	font-size: 40px;
	line-height: 40px;
	margin-bottom: 14px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .hero-item .hero-content h2 {
 font-size: 40px;
 line-height: 40px;
 margin-bottom: 14px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .hero-item .hero-content h2 {
 font-size: 40px;
 line-height: 40px;
 margin-bottom: 14px;
}
}
 @media only screen and (max-width: 767px) {
 .hero-item .hero-content h2 {
 font-size: 24px;
 line-height: 17px;
 margin-bottom: 10px;
}
}
 @media only screen and (max-width: 479px) {
 
  .hero-item .hero-content h1 {
 font-size: 15px !important;
 line-height: 18px;
 margin-bottom: 5px;
}

 .hero-item .hero-content h2 {
 font-size: 12px !important;
 line-height: 12px !important;
 margin-bottom: 0px !important;
 font-weight:300 !important;
}
.hero-item .hero-content h5 {
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.05em;
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 5px;
}

.hero-item .hero-content p {
    font-family: "Poppins", sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0.05em;
    letter-spacing: 0.03em;
    font-size: 10px;
    line-height: 15px;
    margin-bottom: 3px;
}

}
.hero-item .hero-content h1 {
	text-transform: uppercase;
	color: #fff;
	font-weight: 900;
	line-height: 66px;
	font-size: 60px;
	margin-bottom: 15px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .hero-item .hero-content h1 {
 font-size: 50px;
 line-height: 50px;
 margin-bottom: 20px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .hero-item .hero-content h1 {
 font-size: 46px;
 line-height: 42px;
 margin-bottom: 20px;
}
}
 @media only screen and (max-width: 767px) {
 .hero-item .hero-content h1 {
 font-size: 30px;
 line-height: 26px;
 margin-bottom: 15px;
}
}
 
.hero-item .hero-content a {
	text-transform: uppercase;
	color: #fff;
	height: 52px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.2px;
	padding: 15px 40px;
	border-radius: 5px;
	line-height: 22px;
	-webkit-box-shadow: 0 0 20px rgba(24, 24, 24, 0.3);
	box-shadow: 0 0 20px rgba(24, 24, 24, 0.3);
	background: #0071b0;
	background: -moz-linear-gradient(left, #0071b0 0%, #f2801a 51%, #0071b0 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #0071b0), color-stop(51%, #f2801a), color-stop(100%, #0071b0));
	background: -webkit-linear-gradient(left, #0071b0 0%, #f2801a 51%, #0071b0 100%);
	background: -o-linear-gradient(left, #0071b0 0%, #f2801a 51%, #0071b0 100%);
	background: -ms-linear-gradient(left, #0071b0 0%, #f2801a 51%, #0071b0 100%);
	background: -webkit-gradient(linear, left top, right top, from(#0071b0), color-stop(51%, #f2801a), to(#0071b0));
	background: linear-gradient(to right, #0071b0 0%, #f2801a 51%, #0071b0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-2', endColorstr='$theme-color-2', GradientType=1 );
	background-size: 200% auto;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .hero-item .hero-content a {
 font-size: 14px;
 height: 46px;
 padding: 12px 25px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .hero-item .hero-content a {
 font-size: 13px;
 height: 42px;
 padding: 10px 25px;
}
}
 @media only screen and (max-width: 767px) {
 .hero-item .hero-content a {
 font-size: 10px;
 height: 32px;
 padding: 5px 12px;
}
}
 @media only screen and (max-width: 479px) {
 .hero-item .hero-content a {
 font-size: 8px;
 height: 26px;
 padding: 2px 12px;
}
}
.hero-item .hero-content a:hover {
	background-position: right center;
}
 .hero-item.slick-active .hero-content::before {
 -webkit-animation-name: fadeInRight;
 animation-name: fadeInRight;
 -webkit-animation-delay: 0.6s;
 animation-delay: 0.6s;
}
.hero-item.slick-active .hero-content * {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.hero-item.slick-active .hero-content h2 {
	-webkit-animation-delay: 1.2s;
	animation-delay: 1.2s;
}
.hero-item.slick-active .hero-content h1 {
	-webkit-animation-delay: 1.7s;
	animation-delay: 1.7s;
}
.hero-item.slick-active .hero-content h5 {
	-webkit-animation-delay: 1.9s;
	animation-delay: 1.9s;
}
.hero-item.slick-active .hero-content p {
	-webkit-animation-delay: 2.3s;
	animation-delay: 2.3s;
}
.hero-item.slick-active .hero-content h6 {
	-webkit-animation-delay: 2.5s;
	animation-delay: 2.5s;
}
/*-- No Gradient Background for IE --*/
.no-cssgradients .hero-content a {
	-webkit-filter: none;
	filter: none;
}
.no-cssgradients .hero-content a:hover {
	background-color: #fff;
	color: #f2801a;
}
/*-- Hero SLider Pagination --*/
.hero-slider .slick-dots {
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 25px;
	z-index: 999;
}
.hero-slider .slick-dots li {
	display: inline-block;
	width: 60px;
	height: 60px;
	margin: 8px 7px;
	-webkit-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .hero-slider .slick-dots li {
 width: 46px;
 height: 46px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .hero-slider .slick-dots li {
 width: 36px;
 height: 36px;
}
}
.hero-slider .slick-dots li button {
	display:none;
	border: none;
	padding: 0;
	border-radius: 50%;
	overflow: hidden;
	height: 100%;
}
 .hero-slider .slick-dots li button::before {
 background: #f2801a;
 border-radius: 50%;
 overflow: hidden;
}
.hero-slider .slick-dots li button img {
	width: 100%;
}
.hero-slider .slick-dots li.slick-active {
	width: 76px;
	height: 76px;
	margin: 0 7px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .hero-slider .slick-dots li.slick-active {
 width: 56px;
 height: 56px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .hero-slider .slick-dots li.slick-active {
 width: 46px;
 height: 46px;
}
}
 .hero-slider .slick-dots li.slick-active button::before {
 opacity: 0;
}
/*----------------------------------------*/
/*  4.  About CSS
/*----------------------------------------*/
/*-- About Image --*/
.about-image {
	margin-right: 52px;
	width: 318px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .about-image {
 margin-right: 35px;
 width: 345px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .about-image {
 margin-bottom: 30px;
 float: none;
}
}
 @media only screen and (max-width: 767px) {
 .about-image {
 margin-bottom: 30px;
 margin-right: 0;
 float: none;
 width: auto;
}
}
.about-image img {
	width: 100%;
}
/*-- About Content --*/
.specs-content-bg {
	background-color:#e7eaec !important;
	border-bottom: solid 10px #fff;
}
.about-content-bg {
	background-color:rgba(183, 146, 74, 0.25);
	border-top: solid 10px #fff;
	border-bottom: solid 10px #fff;
}
.about-content h1 {
	font-family: 'Slabo 27px', serif;
	text-transform:uppercase;
	font-size: 30px;
	font-weight:200 !important;
	line-height: 40px;
	margin-bottom: 2px;
}
 @media only screen and (max-width: 479px) {
 .about-content h1 {
 font-size: 30px;
 line-height: 30px;
 text-align:center
}
.about-content h4, .about-content p{ text-align:center}
}
.about-content h1 {
	color: #d74e46;
}
.about-content h4 {
	
	font-family: "Roboto Condensed", 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 16px;
	line-height:20px;
	font-weight: 500;
	color: #000;
	margin-top:10px;
	margin-bottom: 20px;
}
.about-content p {
	font-family: "Roboto Condensed", 'Trebuchet MS', Helvetica, sans-serif;
	font-weight:400;
	color: #000;
	font-size: 14px;
	line-height: 20px;
}
/*-- Funfact --*/
.funfact {
	border: 1px solid rgba(28, 71, 117, 0.10);
	margin-top: 20px;
	float: left;
	width: 100%;
}
.funfact .single-funfact {
	float: left;
	width: 33.3%;
	padding: 18px 15px 18px;
}
.funfact .single-funfact img {
	width: 60px;
	height: 60px;
	border-radius: 100px;
	overflow: hidden;
	background-color: #f9f9f9;
	border: solid 1px rgba(28, 71, 117, 0.15);
	margin-bottom: 0px;
	margin-top: 0px;
}
 @media only screen and (max-width: 767px) {
 .funfact .single-funfact {
 width: 50%;
}
 .funfact .single-funfact:nth-child(2) {
 border-top: 1px solid rgba(28, 71, 117, 0.10);
 
}
 .funfact .single-funfact:nth-child(3) {
 border-top: 1px solid rgba(28, 71, 117, 0.10);
 border-left: 0px solid rgba(28, 71, 117, 0.10);
}
 .funfact .single-funfact:nth-child(4) {
 border-top: 1px solid rgba(28, 71, 117, 0.10);
}
}
.funfact .single-funfact + .single-funfact {
	border-left: 1px solid rgba(28, 71, 117, 0.10);
}
.funfact .single-funfact h2 {
	font-size: 20px;
	color: #6f6f6f;
	line-height: 24px;
	font-family: "Open Sans", sans-serif;
	margin-bottom: 8px;
}
.funfact .single-funfact p {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 0;
	color: #1e1e1e;
}
.funfact .single-funfact strong {
	color: #f2801a;
}
/*----------------------------------------*/
/*  5.  Amenities CSS
/*----------------------------------------*/
.amenities-area {
	background-image: url(img/amenities.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-color: #f2801a;
}
.amenities-area img {
	width: 100%;
}
/*-- Amenities Content --*/
.amenities-content {
	padding: 110px 180px 100px 85px;
	z-index: 1;
}
 @media only screen and (min-width: 1600px) {
 .amenities-content {
 width: 50%;
 margin-left: 50%;
}
}
 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
 .amenities-content {
 padding-left: 75px;
 padding-right: 130px;
}
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .amenities-content {
 padding: 60px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .amenities-content {
 padding: 75px;
}
}
 @media only screen and (max-width: 767px) {
 .amenities-content {
 padding: 50px 30px;
}
}
 .amenities-content::before {
 opacity: 1;
 z-index: -1;
}
.amenities-content h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 18px;
	color: #fff;
}
 @media only screen and (max-width: 479px) {
 .amenities-content h2 {
 font-size: 24px;
}
}
.amenities-content p {
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 50px;
	color: #ebebeb;
	font-weight: 500;
}
.amenities-content ul li {
	color: #ebebeb;
	font-size: 15px;
	line-height: 23px;
	font-weight: 600;
	float: left;
	width: 260px;
	margin-bottom: 7px;
	position: relative;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .amenities-content ul li {
 width: 250px;
}
}
 @media only screen and (max-width: 479px) {
 .amenities-content ul li {
 width: 100%;
}
}
.amenities-content ul li .border {
	background: transparent url("img/amenities/line.png") repeat scroll 0 0;
	height: 1px;
	overflow: hidden;
	position: absolute;
	top: 50%;
}
 .amenities-content ul li:nth-child(2n) {
 margin-left: 90px;
}
 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
 .amenities-content ul li:nth-child(2n) {
 margin-left: 60px;
}
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .amenities-content ul li:nth-child(2n) {
 margin-left: 50px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .amenities-content ul li:nth-child(2n) {
 margin-left: 70px;
}
}
 @media only screen and (max-width: 767px) {
 .amenities-content ul li:nth-child(2n) {
 margin-left: 0;
}
}
.amenities-content ul li span.left {
	float: left;
}
.amenities-content ul li span.right {
	float: right;
	font-family: "Open Sans", sans-serif;
}
/*----------------------------------------*/
/*  6.  Floor Plan CSS
/*----------------------------------------*/
/*-- Floor Plan Content --*/
#desktop-plan {
display:block
}
#mobile-plan {
display:none
}
.floor-plan-content {
	padding-right: 100px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .floor-plan-content {
 padding-right: 15px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .floor-plan-content {
 padding-right: 15px;
}
}
 @media only screen and (max-width: 767px) {
 .floor-plan-content {
 padding-right: 15px;
}
}
.floor-plan-content h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 22px;
}
 @media only screen and (max-width: 479px) {
 .floor-plan-content h2 {
 font-size: 24px;
 line-height: 18px;
}
}
.floor-plan-content h2 span {
	color: #f2801a;
}
.floor-plan-content p {
	font-size: 16px;
	line-height: 26px;
	color: #828282;
	margin-bottom: 20px;
}
.floor-plan-content ol {
	padding-left: 25px;
	list-style: decimal;
	clear: both;
	margin-bottom: 27px;
}
.floor-plan-content ol li {
	font-size: 15px;
	line-height: 30px;
	color: #828282;
}
.floor-plan-content a {
	text-transform: uppercase;
	color: #fff;
	height: 47px;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.2px;
	padding: 13px 35px;
	border-radius: 5px;
	line-height: 21px;
	-webkit-box-shadow: 0 0 20px rgba(24, 24, 24, 0.3);
	box-shadow: 0 0 20px rgba(24, 24, 24, 0.3);
	background: #0071b0;
	background: -moz-linear-gradient(left, #0071b0 0%, #f2801a 51%, #0071b0 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, #0071b0), color-stop(51%, #f2801a), color-stop(100%, #0071b0));
	background: -webkit-linear-gradient(left, #0071b0 0%, #f2801a 51%, #0071b0 100%);
	background: -o-linear-gradient(left, #0071b0 0%, #f2801a 51%, #0071b0 100%);
	background: -ms-linear-gradient(left, #0071b0 0%, #f2801a 51%, #0071b0 100%);
	background: -webkit-gradient(linear, left top, right top, from(#0071b0), color-stop(51%, #f2801a), to(#0071b0));
	background: linear-gradient(to right, #0071b0 0%, #f2801a 51%, #0071b0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$theme-color-2', endColorstr='$theme-color-2', GradientType=1 );
	background-size: 200% auto;
}
 @media only screen and (max-width: 767px) {
 .floor-plan-content a {
 font-size: 13px;
 height: 42px;
 padding: 10px 25px;
}
}
 @media only screen and (max-width: 767px) {
 .floor-plan-content a {
 font-size: 10px;
 height: 32px;
 padding: 6px 15px;
}
}
.floor-plan-content a:hover {
	background-position: right center;
}
/*-- No Gradient Background for IE --*/
.no-cssgradients .floor-plan-content a {
	-webkit-filter: none;
	filter: none;
}
.no-cssgradients .floor-plan-content a:hover {
	background-color: #f2801a;
}

/*-- Floor Plan Image --*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
 .floor-plan-image {
 margin-bottom: 30px;
}
}
 @media only screen and (max-width: 767px) {
 .floor-plan-image {
 margin-bottom: 30px;
}
}
.floor-plan-image img {
	width: 100%;
}
/*----------------------------------------*/
/*  7.  Feature CSS
/*----------------------------------------*/
.feature-area {
	background-image: url(img/feature-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
 .feature-area::before {
 background-color: #f6c358;
 bottom: 0;
 content: "";
 left: 0;
 position: absolute;
 top: 0;
 width: 55.8%;
 opacity: 0.97;
}
 @media only screen and (min-width: 1200px) and (max-width: 1599px) {
 .feature-area::before {
 width: 55.5%;
}
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .feature-area::before {
 width: 55%;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .feature-area::before {
 width: 100%;
}
}
 @media only screen and (max-width: 767px) {
 .feature-area::before {
 width: 100%;
}
}
/*-- Feature Wrapper --*/
.feature-wrapper > h2 {
	font-family: 'Slabo 27px', serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 8px;
	color: #ed094b;
}
.feature-wrapper h2:after {
	content: "";
	display: block;
	height: 1px;
	width: 96%;
	position: relative;
	background-color: #fff;
	opacity: 0.9;
	left: 0;
	bottom: -16px;
}
 @media only screen and (max-width: 479px) {
 .feature-wrapper > h2 {
 font-size: 24px;
}
}
.feature-wrapper > p {
	font-family: "Roboto Condensed", 'Trebuchet MS', Helvetica, sans-serif;
	font-weight: 400;
	color: #333;
	font-size: 14px;
	margin:35px 20px 30px 0px;
	line-height: 20px;
}
/*-- Single Feature --*/
.single-feature {
	margin-bottom: 10px;
	padding-right: 20px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .single-feature {
 padding-right: 30px;
}
}
 @media only screen and (max-width: 479px) {
 .single-feature {
 padding-right: 15px;
}
}
.single-feature img {
	 background: #30281d;
	 border: solid 1px #6a5215;
	 padding:3px;
     
 	margin-bottom: 10px;
}


.single-feature h4 {
	font-family: "Roboto Condensed", 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #ed094b;
	font-weight: 400;
	position: relative;
	padding-bottom: 11px;
	margin-bottom: 25px;
}
 .single-feature h4::before, .single-feature h4::after {
 position: absolute;
 left: 0;
 bottom: 0;
 content: "";
 background-color: #fff;
 height: 1px;
 width: 38px;
}
 .single-feature h4::after {
 bottom: 4px;
 width: 56px;
}
.single-feature p {
	font-size: 13px;
	font-family: "Poppins", sans-serif;
	line-height: 23px;
	color: #fff;
	font-weight: 400;
}
/*----------------------------------------*/
/*  8.  Gallery Area
/*----------------------------------------*/
/*-- Gallery Section Title --*/
.gallery-section-title p {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 12px;
	margin-bottom: 15px;
}
.gallery-section-title h2 {
	font-family: 'Slabo 27px', serif;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 18px;
    color: #4a4a4a;
    margin-bottom: 0;
}


	
 @media only screen and (max-width: 479px) {
 .gallery-section-title h2 {
 font-size: 24px;
 line-height: 18px;
}
}
.gallery-section-title h2 span {
	color: #f2801a;
}
.row-8 {
	margin-left: -8px;
	margin-right: -8px;
}
/*-- Gallery Item --*/
.gallery-item {
	padding-left: 8px;
	padding-right: 8px;
	margin-bottom: 16px;
}
.gallery-item .image {
	position: relative;
	display: block;
	width: 100%;
}
 .gallery-item .image::before {
 opacity: 0;
 background-color: #0071b0;
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 content: "";
}
 .gallery-item .image:hover::before {
 opacity: 0.8;
}
 .gallery-item .image::after {
 content: "\f382";
 font-family: "Material-Design-Iconic-Font";
 width: 50px;
 height: 50px;
 text-align: center;
 position: absolute;
 background-color: #fff;
 left: 50%;
 top: 50%;
 margin-left: -25px;
 z-index: 9;
 border-radius: 50px;
 line-height: 50px;
 font-size: 24px;
 color: #0071b0;
 opacity: 0;
}
 .gallery-item .image:hover::after {
 opacity: 1;
 margin-top: -25px;
}
.gallery-item .image img {
	width: 100%;
}
/*----------------------------------------*/
/*  9. location Area
/*----------------------------------------*/
.blue-bg {
	background-color: #f2801a;
	padding:20px;
}
.location-area {
	background-image: url(img/triangle-pattern.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	border-bottom: solid 10px #fff;
	position: relative;
}
 .location-area::before {
 background-color: #c3c6d1;
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 content: "";
 opacity: 0.30;
}
.testimonial-area {
	background-image: url(img/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	border-bottom: solid 10px #fff;
	position: relative;
}
 .testimonial-area::before {
 background-color: #f2801a;
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 content: "";
 opacity: 0.95;
}
.testimonial-area .list-group-icons li {
	color:#fff;
	line-height:25px;
}

.testimonial-area .list-group-icons li strong {color: #000 !important;}
 
/*-- Testimonial Section Title --*/
.testimonial-section-title h2 {
	font-family: 'Slabo 27px', serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 18px;
	color: #4a4a4a;
	margin-bottom: 0;
}
.testimonial-section-title h2 span {
	color:#f2801a;
}
.testimonial-section-title h2:after {
	content: "";
	display: block;
	height: 6px;
	width: 70px;
	position: absolute;
	background-color:#f2801a;
	left: 47%;
	bottom:-20px;
}
.testimonial-section-title h1 {
	font-family: 'Slabo 27px', serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 18px;
	color: #000;
	margin-bottom: 0;
}
 .testimonial-section-title strong {color: #f6c358 !important;}
.testimonial-section-title h1:after {
	content: "";
	display: block;
	height: 6px;
	width: 70px;
	position: absolute;
	background-color:#fff;
	left: 47%;
	bottom:-20px;
}
 @media only screen and (max-width: 479px) {
 .testimonial-section-title h2 {
 font-size: 24px;
 line-height: 18px;
}
}
/*-- Testimonial Slider --*/
/*-- Testimonial Item --*/
.testimonial-item p {
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
}
.testimonial-item i {
	color: #fff;
	font-size: 50px;
}
.testimonial-item h4 {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 0;
}
/*----------------------------------------*/
/*  10.  Agent CSS
/*----------------------------------------*/
.agent-area {
	padding-top: 73px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .agent-area {
 padding: 70px 0;
}
}
 @media only screen and (max-width: 767px) {
 .agent-area {
 padding: 70px 0;
}
}
/*-- Agent Image --*/
.agent-image {
	padding-right: 85px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
 .agent-image {
 padding-right: 70px;
}
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .agent-image {
 padding-right: 50px;
}
}
 @media only screen and (max-width: 767px) {
 .agent-image {
 padding: 0 30px;
}
}
.agent-image img {
	width: 100%;
}
/*-- Agent Content --*/
.agent-content {
	margin-left: -30px;
	margin-top: 46px;
}
 @media only screen and (max-width: 767px) {
 .agent-content {
 margin-left: 0;
}
}
.agent-content h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 22px;
	margin-bottom: 60px;
}
 @media only screen and (max-width: 479px) {
 .agent-content h2 {
 font-size: 24px;
 line-height: 18px;
 margin-bottom: 30px;
}
}
.agent-content h2 span {
	color: #f2801a;
}
.agent-content h3 {
	font-size: 22px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 7px;
}
 @media only screen and (max-width: 479px) {
 .agent-content h3 {
 font-size: 18px;
 line-height: 14px;
}
}
.agent-content h5 {
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #f2801a;
	margin-bottom: 16px;
}
.agent-content p {
	font-weight: 500;
	margin-bottom: 22px;
}
/*-- Agent Contact Info --*/
.agent-contact-info {
	margin-bottom: 0px;
}
.agent-contact-info li {
	padding-left:40px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	position: relative;
	color: #333;
}
.agent-contact-info li:first-child:before {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	content:"\f041";
	font-family:'FontAwesome';
	font-size:25px;
	color:#333;
}
.agent-contact-info li:nth-child(2) {
margin:20px 0px;
}
.agent-contact-info li:nth-child(2):before {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 30px;
 content:"\f095";
 font-family:'FontAwesome';
 font-size:25px;
 color:#333;
}
.agent-contact-info li:last-child:before {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	content:"\f003";
	font-family:'FontAwesome';
	font-size:25px;
	color:#333;
}
}
/*-- Agent Contact Form --*/
.agent-contact-form {
	max-width: 374px;
}
.agent-contact-form form {
	margin-left: -8px;
	margin-right: -8px;
}
.agent-contact-form form .input-box-2 .input-box {
	width: 50%;
}
 @media only screen and (max-width: 479px) {
 .agent-contact-form form .input-box-2 .input-box {
 width: 100%;
}
}
.agent-contact-form form .input-box {
	padding-left: 8px;
	padding-right: 8px;
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
.agent-contact-form form .input-box input, .agent-contact-form form .input-box textarea {
	width: 100%;
	height: 36px;
	padding: 5px 14px;
	border: 1px solid #e2e2e2;
	border-radius: 1px;
	font-family: "Open Sans", sans-serif;
	color: #fff;
	font-size: 13px;
	float: left;
}
 .agent-contact-form form input::placeholder {
 color: #fff;
opacity:0.5;
}
.agent-contact-form form .input-box textarea {
	height: 60px;
}
.agent-contact-form form .input-box.submit-box {
	margin-bottom: 0;
}
.agent-contact-form form .input-box.submit-box input {
	margin-top:10px;
	width: 145px;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	border: none;
	color: #fff;
	background: #333;
	 
}
.agent-contact-form form .input-box.submit-box input:hover {
	background-position: right center;
}
/*-- No Gradient Background for IE --*/
.no-cssgradients .agent-contact-form form .input-box.submit-box input {
	-webkit-filter: none;
	filter: none;
}
.no-cssgradients .agent-contact-form form .input-box.submit-box input:hover {
	background-color: #f2801a;
}
.downloads-area.overlay {
	background-image: url(img/gallery-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
 .downloads-area::before {
 background: #c3a455;
 opacity: 0.95;
}
.blog-area.overlay {
	background-image: url(img/gallery-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
 .blog-area.overlay::before {
 background: #f6c358;
 opacity: 0.95;
}
/*-- Blog Section Title --*/
.contact-area h4 {
	font-family: 'Slabo 27px', serif;
	font-size: 25px;
	text-transform: uppercase;
	font-weight: 300;
	margin-top: 0px;
	margin-bottom:30px;
	color: #fff;
}
.downloads-area h4 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 15px;
	color: #fff;
}
.blog-section-title h2 {
	font-family: 'Slabo 27px', serif;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 300;
	margin-bottom: 8px;
	color: #fff;
}
.blog-section-title h2:after {
	content: "";
	display: block;
	height: 6px;
	width: 70px;
	position: absolute;
	background-color:#fff;
	left: 47%;
	bottom:-20px;
}
 @media only screen and (max-width: 479px) {
 .blog-section-title h2 {
 font-size: 24px;
 line-height: 18px;
}
}
/*-- Blog Item --*/
.blog-item .image {
	margin-bottom: 13px;
	display: block;
}
.blog-item .image img {
	width: 100%;
}
.blog-item .content h4 {
	font-size: 18px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 0;
}
.blog-item .content h4 a {
	color: #4a4a4a;
}
.blog-item .content h4 a:hover {
	color: #f2801a;
}
.blog-item .content .meta {
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
	margin-bottom: 15px;
}
.blog-item .content .meta span {
	color: #757575;
	font-size: 14px;
	line-height: 23px;
	font-weight: 600;
}
.blog-item .content .meta span a {
	color: #757575;
}
.blog-item .content .meta span a:hover {
	color: #f2801a;
}
.blog-item .content p {
	color: #757575;
}
.blog-item .content.white h4 a {
	color: #fff;
}
.blog-item .content.white h4 a:hover {
	opacity: 0.75;
}
.blog-item .content.white .meta {
	border-bottom: 1px solid #d8e0e5;
}
.blog-item .content.white .meta span {
	color: #fff;
}
.blog-item .content.white .meta span a {
	color: #fff;
}
.blog-item .content.white .meta span a:hover {
	opacity: 0.75;
}
.blog-item .content.white p {
	color: #fff;
}
/*-- Single Blog Details --*/
.single-blog-details {
	margin-bottom: 60px;
}
.blog-details-media img {
	width: 100%;
}
.blog-details-content {
	padding: 30px 0 50px;
/* Blog Meta */ }
.blog-details-content .blog-title {
	color: #4a4a4a;
	font-size: 24px;
	font-weight: 500;
	margin: 0 0 5px;
}
.blog-details-content .blog-meta {
	margin-bottom: 12px;
}
.blog-details-content .blog-meta a {
	color: #757575;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 24px;
	margin-right: 15px;
}
.blog-details-content .blog-meta a:hover {
	color: #f2801a;
}
.blog-details-content .blog-meta a i {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 22px;
	margin-right: 7px;
	padding-left: 2px;
}
.blog-details-content p {
	color: #757575;
	font-weight: 300;
	margin-bottom: 35px;
}
.blog-details-content p:last-child {
	margin-bottom: 0;
}
/*-- Blog Details Footer --*/
.blog-details-footer {
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #dbdbdb;
	padding: 10px 0;
}
 @media only screen and (max-width: 479px) {
 .blog-details-footer .blog-tags {
 float: left;
 width: 100%;
}
}
.blog-details-footer .blog-tags p {
	color: #757575;
	display: block;
	float: left;
	margin-bottom: 0;
	margin-right: 3px;
	text-transform: capitalize;
}
.blog-details-footer .blog-tags a {
	color: #757575;
	display: block;
	float: left;
	margin-right: 5px;
}
.blog-details-footer .blog-tags a:hover {
	color: #f2801a;
}
 @media only screen and (max-width: 479px) {
 .blog-details-footer .blog-share {
 float: left;
 width: 100%;
 margin-top: 10px;
}
}
.blog-details-footer .blog-share p {
	color: #757575;
	display: block;
	float: left;
	margin-bottom: 0;
	margin-right: 12px;
	text-transform: capitalize;
}
.blog-details-footer .blog-share a {
	border: 1px solid #dbdbdb;
	border-radius: 50%;
	color: #a8a8a8;
	display: block;
	float: left;
	height: 24px;
	margin-right: 8px;
	text-align: center;
	width: 24px;
}
.blog-details-footer .blog-share a:last-child {
	margin-right: 0;
}
.blog-details-footer .blog-share a:hover {
	background-color: #f2801a;
	border-color: #f2801a;
	color: #fff;
}
.blog-details-footer .blog-share a i {
	display: block;
	font-size: 12px;
	line-height: 22px;
}
/*-- Blog Comment List --*/
.comment-wrapper {
	margin-bottom: 50px;
}
.comment-wrapper h3 {
	color: #4a4a4a;
	font-size: 20px;
	line-height: 16px;
	margin: 0 0 30px;
	padding-bottom: 12px;
	position: relative;
}
.comment-list.child {
	margin-left: 110px;
}
 @media only screen and (max-width: 479px) {
 .comment-list.child {
 margin-left: 0;
}
}
.sin-comment {
	border: 1px solid #dbdbdb;
	margin-bottom: 20px;
	padding: 20px 50px 20px 20px;
}
.sin-comment .image {
	border: 1px solid #dbdbdb;
	border-radius: 2px;
	margin-right: 20px;
	width: 70px;
}
 @media only screen and (max-width: 767px) {
 .sin-comment .image {
 float: left;
 margin-bottom: 0;
}
}
 @media only screen and (max-width: 479px) {
 .sin-comment .image {
 display: block;
 float: none;
 margin-bottom: 15px;
}
}
.sin-comment .content h4 {
	color: #4a4a4a;
	display: block;
	float: left;
	font-size: 18px;
	line-height: 20px;
	margin: 0;
	font-weight: 400;
}
 @media only screen and (max-width: 479px) {
 .sin-comment .content h4 {
 float: left;
 width: 100%;
}
}
.sin-comment .content h5 {
	color: #4a4a4a;
	float: right;
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	font-weight: 400;
}
 @media only screen and (max-width: 479px) {
 .sin-comment .content h5 {
 float: left;
 width: 100%;
}
}
.sin-comment .content h5 a {
	color: #f2801a;
}
.sin-comment .content h5 a:hover {
	color: #f2801a;
}
.sin-comment .content p {
	color: #757575;
	display: block;
	float: left;
	font-weight: 300;
	line-height: 22px;
	margin-top: 5px;
	width: 100%;
}
/*-- Blog Comment Form --*/
.comment-form-wrapper h3 {
	color: #4a4a4a;
	font-size: 20px;
	line-height: 16px;
	margin: 0 0 30px;
	padding-bottom: 12px;
	position: relative;
}
.comment-form form {
	margin-left: -15px;
	margin-right: -15px;
}
.comment-form form .input-box {
	display: block;
	float: left;
	margin-bottom: 20px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}
.comment-form form .input-box.box-half {
	width: 50%;
}
 @media only screen and (max-width: 479px) {
 .comment-form form .input-box.box-half {
 width: 100%;
}
}
.comment-form form .input-box input[type="text"] {
	background-color: transparent;
	border: 1px solid #e1e1e1;
	color: #757575;
	font-size: 13px;
	font-weight: 300;
	height: 38px;
	line-height: 24px;
	padding: 7px 15px;
	width: 100%;
}
.comment-form form .input-box input[type="email"] {
	background-color: transparent;
	border: 1px solid #e1e1e1;
	color: #757575;
	font-size: 13px;
	font-weight: 300;
	height: 38px;
	line-height: 24px;
	padding: 7px 15px;
	width: 100%;
}
.comment-form form .input-box textarea {
	background-color: transparent;
	border: 1px solid #e1e1e1;
	color: #757575;
	font-size: 13px;
	font-weight: 300;
	height: 85px;
	resize: none;
	line-height: 24px;
	padding: 7px 15px;
	width: 100%;
}
.comment-form form .input-box input[type="submit"] {
	background-color: transparent;
	border: 1px solid #e1e1e1;
	color: #858585;
	font-size: 12px;
	font-weight: bold;
	height: 38px;
	letter-spacing: 1.5px;
	padding: 8px 36px;
	text-transform: uppercase;
	width: auto;
}
.comment-form form .input-box input[type="submit"]:hover {
	background-color: #f2801a;
	border-color: #f2801a;
	color: #fff;
}
.comment-form form > .input-box:last-child {
	margin-bottom: 0;
}
/*-- Sidebar --*/
.single-sidebar {
	padding-left: 30px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
 .single-sidebar {
 padding-left: 0;
}
}
 @media only screen and (max-width: 767px) {
 .single-sidebar {
 padding-left: 0;
}
}
.single-sidebar h4 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 20px;
}
/*-- Search Form --*/
#search-form {
	position: relative;
	margin: 0;
}
#search-form input {
	width: 100%;
	background-color: #F3F3F3;
	height: 40px;
	padding: 8px 50px 8px 15px;
	border: none;
}
#search-form button {
	width: 40px;
	height: 40px;
	background-color: #EBEBEB;
	border: none;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
}
#search-form button i {
	font-size: 20px;
	line-height: 42px;
}
/*-- Categories --*/
.categories li {
	display: block;
	margin-bottom: 10px;
}
.categories li:last-child {
	margin-bottom: 0;
}
.categories li a:hover {
	color: #f2801a;
}
/*-- Sidebar Post --*/
.sidebar-post {
	overflow: hidden;
	margin-bottom: 20px;
}
.sidebar-post:last-child {
	margin-bottom: 0;
}
.sidebar-post .image {
	width: 80px;
	margin-right: 15px;
}
.sidebar-post .image img {
	width: 100%;
}
.sidebar-post .content a {
	font-size: 18px;
	color: #4a4a4a;
	margin-bottom: 5px;
	text-transform: capitalize;
	font-weight: 600;
}
.sidebar-post .content a:hover {
	color: #f2801a;
}
/*-- Tag Cloud --*/
.tag-cloud {
	float: left;
	width: 100%;
}
.tag-cloud a {
	display: block;
	float: left;
	font-size: 13px;
	border: 1px solid #f1f1f1;
	padding: 3px 10px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.tag-cloud a:hover {
	color: #f2801a;
	border-color: #f2801a;
}
/*----------------------------------------*/
/*  12.  Contact Area
/*----------------------------------------*/
#contact-map {
	height: 330px;
	width: 100%;
}
/*----------------------------------------*/
/*  13.  Newsletter Area
/*----------------------------------------*/
/*-- Newsletter Section Title --*/
.newsletter-section-title h2 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 800;
	line-height: 22px;
	margin-bottom: 0;
}
 @media only screen and (max-width: 479px) {
 .newsletter-section-title h2 {
 font-size: 20px;
 line-height: 16px;
}
}
.newsletter-section-title h2 span {
	color: #f2801a;
}
/*-- Subscribe Form --*/
#subscribe-form {
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
	display: inline-block;
	margin-bottom: 22px;
	vertical-align: top;
}
#subscribe-form input[type="email"] {
	font-size: 14px;
	font-family: "Poppins", sans-serif;
	color: #949494;
	padding: 10px 21px;
	line-height: 25px;
	height: 45px;
	float: left;
	width: 376px;
	border: none;
}
 @media only screen and (max-width: 767px) {
 #subscribe-form input[type="email"] {
 width: 275px;
}
}
 @media only screen and (max-width: 479px) {
 #subscribe-form input[type="email"] {
 text-align: center;
}
}
#subscribe-form input[type="submit"] {
	-webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 0 4px rgba(0, 0, 0, 0.15);
	height: 45px;
	padding: 10px 28px;
	line-height: 25px;
	background-color: #0071b0;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	border: none;
}
 @media only screen and (max-width: 479px) {
 #subscribe-form input[type="submit"] {
 width: 100%;
}
}
#subscribe-form input[type="submit"]:hover {
	background-color: #0092e3;
}
/*-- Social --*/
.social a {
	display: inline-block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	margin: 0 5px;
}
.social a:hover {
	color: #fff;
	background-color: #f2801a;
}
.social a i {
	font-size: 14px;
	line-height: 32px;
}
/*----------------------------------------*/
/*  14.  Footer Area
/*----------------------------------------*/
.footer-area {
	background-color: #1e1e1e;
	padding: 17px 0 13px;
}

/*-- Copyright --*/
@media only screen and (max-width: 767px) {
 .copyright {
 text-align: center;
}
}
.copyright p {
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
}

/*-- Author Credit --*/
@media only screen and (max-width: 767px) {
 .author-credit {
 text-align: center;
}
}
.author-credit p {
	font-size: 12px;
	color: #949494;
	line-height: 25px;
	font-family: "Poppins", sans-serif;
	font-weight: 300;
}
.author-credit p a:hover {
	color: #0071b0;
}
.author-credit p i {
	color: #0071b0;
}

/* hide the tabs and panes to prevent flash of tabs on page
 * load/refresh before plugin has time to wrap them in the 
 * scroller; .nav-tabs are automatically unhidden by the 
 * plugin when they're ready, and .tab-content is unhidden 
 * in st-demo.js when the 'ready.scrtabs' event fires */
.nav-tabs,
.tab-content {
  display: none;
}

.st-demo-header {
  background-color: #666666;
  color: white;
  font-size: 24px;
  padding: 8px 24px;
}

.st-demo-header button {
  color: black;
  font-size: 12px;
}

.st-demo-subheader {
  background-color: #f0f0f0;
  color: #333;
  font-size: 16px;
  height: 65px;
  margin-top: 50px;
  padding: 8px 24px;
}

.st-demo-subheader:first-child {
  margin-top: 0;
}