/*------------------------------------------------- =  Table of Css 1.Isotope 1.KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT 3.Header 4.General 5.content - home sections 6.about page 7.single project 8.blog page 9.services 10.Contact page 11.footer 12.Responsive part-------------------------------------------------*/





/*-------------------------------------------------------*/





/* 1. Isotope filtering/*-------------------------------------------------------*/

body,h1,h2,h3,h4,h5,h6,p,span{

	font-family: 'Raleway';

}



@font-face {

	font-family: 'Raleway';

	src: url(../fonts/font/Raleway-Regular.ttf);

}

.isotope-item {

	z-index: 2;

}



.isotope-hidden.isotope-item {

	pointer-events: none;

	z-index: 1;

}



.isotope,

.isotope .isotope-item {

	/* change duration value to whatever you like */

	-webkit-transition-duration: 0.8s;

	-moz-transition-duration: 0.8s;

	transition-duration: 0.8s;

}



.isotope {

	-webkit-transition-property: height, width;

	-moz-transition-property: height, width;

	transition-property: height, width;

}



.isotope .isotope-item {

	-webkit-transition-property: -webkit-transform, opacity;

	-moz-transition-property: -moz-transform, opacity;

	transition-property: transform, opacity;

}



.boxedcontainer {

	max-width: 1170px;

	margin: auto;

	padding: 0px 30px;

}





/*********************************************    -   SETTINGS FOR BANNER CONTAINERS  -**********************************************/



.tp-banner-container {

	width: 100%;

	position: relative;

	padding: 0;

}



.tp-banner {

	width: 100%;

	position: relative;

}



.tp-banner-fullscreen-container {

	width: 100%;

	position: relative;

	padding: 0;

}





/*-------------------------------------------------*/





/* =  Header/*-------------------------------------------------*/



.navbar-default {

	background: #ffffff;

	box-shadow: 0 0px 3px #a1a1a1;

	-webkit-box-shadow: 0 0px 3px #a1a1a1;

	-moz-box-shadow: 0 0px 3px #a1a1a1;

	-o-box-shadow: 0 0px 3px #a1a1a1;

	border: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	margin: 0;

}



.navbar-header {

	z-index: 99;

	position: relative;

}



.navbar-brand {

	height: auto;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #333333;

	font-size: 19px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 0px;

	letter-spacing: 2px;

	text-transform: uppercase;

	margin: 0;

	color: #333333 !important;

	padding: 10px 0px;

	letter-spacing: 2.5px;

	z-index: 99999;

}



.navbar-brand span {

	color: #628225;

}



.navbar-nav {

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

}



.navbar-nav>li>a {

	color: #777777 !important;

	font-size: 13px;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	padding: 40px 15px;
	
	font-weight: bold;

}



.navbar-nav>li>a:hover,

.navbar-nav>li>a.active {

	color: #628225 !important;

}





.navbar-nav>li>a.get-quote {

	display: inline-block;

	color: #fff!important;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	margin-top: 25px;

	margin-right: 15px;

	margin-right: 15px;

	padding: 12px 30px;

	background:  #628225;

	font-size: 13px;

	font-weight: 700;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	-o-border-radius: 2px;

	border-radius: 2px;

	border: 2px solid #628225;

	letter-spacing: 1.5px;

}

.navbar-nav>li>a.get-quote:hover{

	background-color: #89B733;

	border-color: #89B733;

}

.navbar-nav>li:nth-child(5)>a{
	padding: 23px 30px 23px 15px;

}

.navbar-nav li.drop {

	position: relative;

}



.navbar-nav li:hover ul.drop-down {

	opacity: 1;

	display: block;

}



.navbar-nav li.search {

	border: 1px solid #628225;

}



.top-line {

	padding: 15px 0;

	background: #333333;

	border-bottom: 1px solid #f3f3f3;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	overflow: hidden;

}



.top-line a {

	color: #ffffff;

}



/*.top-line a:hover {

	color: #628225;

}
*/


.top-line ul.info-list {

	margin: 0;

	padding: 0;

}



.top-line ul.info-list li {

	display: inline-block;

	margin-right: 25px;

	color: #ffffff;

	font-size: 12px;

	font-family: 'Raleway', sans-serif;

}



.top-line ul.info-list li i {

	color: #fff;

	font-size: 14px;

	margin-right: 10px;

}



.top-line ul.social-icons {

	margin: 0;

	padding: 0;

	text-align: right;

}

.block-ellipsis {
    display: -webkit-box;
    max-width: 100%;
    height: 68px;
    margin: 0 auto;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-line ul.social-icons li {

	display: inline-block;

	margin-left: 2px;

}



.top-line ul.social-icons li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	font-size: 13px;

	color: #ffffff;
	    width: 19px;
    height: 19px;
    text-align: center;border-radius: 50%;

}
.top-line ul.social-icons li a i{line-height: 20px;}


.top-line ul.social-icons li a:hover {

	    color: #333333;
    background: #fff;
    border-radius: 50%;

}



header.active .top-line {

	height: 0;

	padding: 0;

}



.navbar-collapse {

	position: relative;

}



ul.drop-down {

	margin: 0;

	padding: 0;

	position: absolute;

	width: 230px;

	top: 100%;

	left: 0;

	padding: 10px 0;

	border-top: 2px solid #628225;

	opacity: 0;

	display: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	background: rgba(255, 255, 255, 0.98);

}



ul.drop-down li {

	display: block;

}



ul.drop-down li a {

	padding: 10px 20px;

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	display: block;

	color: #333333;

	font-size: 12px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	text-transform: uppercase;

	margin: 0;

}



ul.drop-down li a:hover {

	color: #628225;

}



.form-search {

	position: absolute;

	top: 100%;

	right: 0;

	left: 0;

	width: 100%;

	background: #f5f5f5;

	padding: 4px;

	visibility: hidden;

	opacity: 0;

	-webkit-transform: rotateX(-90deg);

	-moz-transform: rotateX(-90deg);

	-ms-transform: rotateX(-90deg);

	-o-transform: rotateX(-90deg);

	transform: rotateX(-90deg);

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

}



.form-search input[type="search"] {

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	margin: 0;

	color: #333333;

	padding: 8px 10px;

	border: none;

	width: 100%;

	outline: none;

	background: transparent;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

}



.form-search button {

	background: transparent;

	border: none;

	float: right;

	margin-top: -30px;

	margin-right: 10px;

	position: relative;

	z-index: 2;

}



.form-search button i {

	color: #628225;

	font-size: 16px;

}



.form-search.active {

	visibility: visible;

	opacity: 1;

	-webkit-transform: rotateX(0deg);

	-moz-transform: rotateX(0deg);

	-ms-transform: rotateX(0deg);

	-o-transform: rotateX(0deg);

	transform: rotateX(0deg);

}





/*-------------------------------------------------*/





/* =  General/*-------------------------------------------------*/



#container {

	padding-top: 140px;

	opacity: 0;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

}



#container.active {

	opacity: 1;

}



p {

	font-size: 14px;

	color: #333333;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

}





/*-------------------------------------------------*/





/* =  content slider section/*-------------------------------------------------*/



.title-section.white h1 {

	color: #ffffff;

}



#home-section .tp-caption.small_text {

	position: absolute;

	color: #eeeeee;

	text-shadow: none;

	font-weight: 400;

	font-size: 20px;

	line-height: 28px;

	font-family: 'Raleway', sans-serif;

	margin: 0px;

	border-width: 0px;

	border-style: none;

	white-space: nowrap;

	letter-spacing: 1.8px;

}



#home-section .tp-caption.small_text p.line {

	width: 60px !important;

	height: 1px !important;

	background: #333333 !important;

}



#home-section .tp-caption.finewide_medium_white {

	color: #ffffff;

	text-shadow: none;

	font-size: 30px;

	line-height: 50px;

	font-weight: 900;

	font-family: 'Raleway', sans-serif;

	background-color: none;

	text-decoration: none;

	text-transform: uppercase;

	border-width: 0px;

	border-color: transparent;

	border-style: none;

	text-align: left;

	letter-spacing: 2.5;

}



#home-section .tp-caption.finewide_medium_white span {

	color: #628225;

}



#home-section .tp-caption.finewide_medium_white.center-align {

	text-align: center !important;

}



#home-section .tp-caption span.corner-border {

	display: block;

	width: 70px;

	height: 70px;

}



#home-section .tp-caption span.corner-border.left-top {

	border-top: 1px solid #ffffff;

	border-left: 1px solid #ffffff;

}



#home-section .tp-caption span.corner-border.left-bottom {

	border-bottom: 1px solid #ffffff;

	border-left: 1px solid #ffffff;

}



#home-section .tp-caption span.corner-border.right-top {

	border-top: 1px solid #ffffff;

	border-right: 1px solid #ffffff;

}



#home-section .tp-caption span.corner-border.right-bottom {

	border-bottom: 1px solid #ffffff;

	border-right: 1px solid #ffffff;

}



#home-section .tp-bannertimer {

	display: none !important;

}



#home-section .tp-bullets.simplebullets.round .bullet:hover,

#home-section .tp-bullets.simplebullets.round .bullet.selected {

	background: #628225;

	border-color: #628225;

}



#home-section .slotholder:after {

	position: absolute;

	content: '';

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.3);

	z-index: 2;

}



.banner-section {

	padding: 40px 0;

	background: #628225;

	text-align: center;

}



.banner-section h2 {

	color: #333333;

	font-size: 16px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	margin: 0 0 15px;

	color: #ffffff;

	font-size: 15px;

	font-weight: 400 !important;

	margin-bottom: 0;

}



.banner-section a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	margin-left: 15px;

	margin-right: 15px;

	padding: 12px 30px;

	color: #ffffff;

	background: transparent;

	font-size: 13px;

	font-weight: 700;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	-o-border-radius: 2px;

	border-radius: 2px;

	border: 2px solid #ffffff;

	letter-spacing: 1.5px;

}



.banner-section a:hover {

	background: #ffffff;

	color: #628225;

}



.banner-inside-section {

	padding: 40px 0;

	border: 1px solid #628225;

	text-align: center;

}



.banner-inside-section h2 {

	color: #333333;

	font-family: 'Raleway', sans-serif;

	margin: 0 0 15px;

	color: #333333;

	font-size: 15px;

	font-weight: 700 !important;

	margin-bottom: 0;

}



.banner-inside-section a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	margin-left: 20px;

	margin-right: 20px;

	padding: 12px 30px;

	color: #FFFFFF;

	background: transparent;

	font-size: 13px;

	font-weight: 700;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	-o-border-radius: 2px;

	border-radius: 2px;

	background: #628225;

	letter-spacing: 1.5px;

}



.banner-inside-section a:hover {

	background: #B9DB7D;

	color: #ffffff;

}



.title-section {

	margin-bottom: 30px;

}



.title-section h1 {

	color: #333333;

	font-size: 19px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 30px;

	letter-spacing: 2px;

	text-transform: uppercase;

	padding-bottom: 20px;

	margin-bottom: 20px;

	position: relative;

}



.title-section h1:after {

	position: absolute;

	content: '';

	width: 40px;

	height: 2px;

	background: #628225;

	bottom: -1px;

	left: 0;

}



.title-section p {

	max-width: 600px;

	margin: 0;

}



.title-section.white {

	margin-bottom: 40px;

}



.title-section.white h1 {

	color: #ffffff;

}



.title-section.white p {

	color: #ffffff;

}



section.services-section {

	padding: 60px 0 ;

}





section.services-section .services-box .services-post img {

	width: 100%;

	transition: 1s;

	height: 250px;

	object-fit: cover;

}



section.services-section .services-box .services-post .services-content {

	

	padding: 0px 15px;

    min-height: 180px;

}



section.services-section .services-box .services-post .services-content h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 15px;

}



section.services-section . .services-post .services-content h2 a {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 10px;

}



section.services-section .services-box .services-post .services-content a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	font-family: 'Raleway', sans-serif;

	line-height: 22px;

	

	margin: 0;

	

	font-size: 15px;

	margin: 0 0 15px;

	

}

section.services-section .services-section-links

{

	background: #628225;

    color: #fff;

    padding: 10px 20px;

    border-radius: 20px;

}

section.services-section .services-section-links:hover

{

background-color: #89B733;

 color: #fff !important;



}



section.services-section .services-section-headings

{

	color: #333333;

	margin-bottom:0 !important;

	font-size:22px !important;

}
section.services-section .services-post2 .services-images{overflow: hidden;    margin-bottom: 25px;}
section.services-section .services-post2

{

	background: #f3f3f3;
	overflow: hidden;
	transform: scale(1);
	transition: .5s;
	margin-bottom: 40px;
	    border: 1px solid #eaeaea;

}
section.services-section .services-post2:hover img{
	transform: scale(1.1);
	transition: 1s;
	

}



section.services-section .services-box .services-post .services-content a i {

	margin-left: 12px;

}



section.services-section .services-box .services-post .services-content a:hover {

	color: #628225;

}



section.services-section h1 {

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

	color: #333333;

	text-align: center;

	margin: 0 0 20px;

	padding-bottom: 0px;

	position: relative;

}



section.services-section hr {

	border-bottom: 1px solid #628225;

	text-align: center;

	width: 30px;

}



.portfolio-section {

	padding: 60px 0;

	background: #fafafa;

}



.portfolio-section .portfolio-box.owl-wrapper {

	margin-left: -15px;

	margin-right: -15px;

}



.portfolio-section .portfolio-box.owl-wrapper .item {

	padding: 0 15px;

}



.portfolio-section .portfolio-box.iso-call {

	margin-left: -15px;

	margin-right: -15px;

}



.portfolio-section .portfolio-box.iso-call .project-post {

	width: 33.3333%;

	padding: 15px;

}



.portfolio-section ul.filter {

	margin: 0;

	padding: 0;

	margin-bottom: 40px;

	text-align: center;

}



.portfolio-section ul.filter li {

	display: inline-block;

	margin: 0 16px;

}



.portfolio-section ul.filter li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #333333;

	font-size: 14px;

	font-weight: 700;

	text-transform: uppercase;

	font-family: 'Raleway', sans-serif;

}



.portfolio-section ul.filter li a i {

	margin-right: 15px;

	color: #333333;

}



.portfolio-section ul.filter li a:hover,

.portfolio-section ul.filter li a.active {

	color: #628225;

}



.portfolio-section .project-post .project-gallery {

	position: relative;

}



.portfolio-section .project-post .project-gallery img {

	width: 100%;

}



.portfolio-section .project-post .project-gallery .hover-box {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.75);

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	opacity: 0;

}



.portfolio-section .project-post .project-gallery .hover-box .inner-hover {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	padding: 20px;

}



.portfolio-section .project-post .project-gallery .hover-box .inner-hover h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	margin: 0 0 15px;

	color: #ffffff;

	margin-bottom: 10px;

	padding-bottom: 10px;

	position: relative;

	text-transform: uppercase;

}



.portfolio-section .project-post .project-gallery .hover-box .inner-hover h2 a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #ffffff;

}



.portfolio-section .project-post .project-gallery .hover-box .inner-hover h2 a:hover {

	color: #628225;

}



.portfolio-section .project-post .project-gallery .hover-box .inner-hover h2:after {

	content: '';

	position: absolute;

	bottom: -1px;

	left: 0;

	width: 22px;

	height: 1px;

	background: #628225;

}



.portfolio-section .project-post .project-gallery .hover-box .inner-hover span {

	display: inline-block;

	color: #ffffff;

	font-size: 12px;

	font-family: 'Raleway', sans-serif;

	margin: 0;

}



.portfolio-section .project-post:hover .project-gallery .hover-box {

	opacity: 1;

}



.owl-theme .owl-controls .owl-pagination {

	display: none !important;

}



.owl-carousel {

	width: auto;

}



.owl-theme .owl-controls {

	margin-top: -50px;

	text-align: center;

	position: absolute;

	height: 0;

	top: 50%;

	left: -50px;

	right: -50px;

}



.owl-theme .owl-controls .owl-buttons div {

	font-size: 18px;

	color: #ffffff;

	width: 40px;

	height: 40px;

	line-height: 40px;

	text-align: center;

	background: #000;

	outline: none;

	padding: 0;

	margin: 0;

	box-shadow: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-o-box-shadow: none;

	opacity: 1;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	-o-border-radius: 0;

	border-radius: 0;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

}



.owl-theme .owl-controls .owl-buttons div:hover {

	background: #628225;

}



.owl-theme .owl-controls .owl-buttons div.owl-prev {

	float: left;

}



.owl-theme .owl-controls .owl-buttons div.owl-next {

	float: right;

}



.owl-theme .owl-controls .owl-buttons div.owl-prev:after {

	content: '\f104';

	font-family: 'FontAwesome';

	color: #ffffff;

}



.owl-theme .owl-controls .owl-buttons div.owl-next:after {

	content: '\f105';

	font-family: 'FontAwesome';

	color: #ffffff;

}



.tabs-section {

	padding: 60px 0 60px;

	background: #222222;

	position: relative;

}



.tabs-section .about-us-box h1 {

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

	color: #ffffff;

	text-align: center;

	margin: 0 0 20px;

	padding-bottom: 0px;

	position: relative;

}



.tabs-section .about-us-box hr {

	border-bottom: 1px solid #fff;

	width: 30px;

	border-top: 0;

}



.tabs-section .about-us-box p {

	margin-bottom: 0px;

	color: #fff;

	text-align: center;

}



.tabs-section .about-us-box .about-us-post {

	overflow: hidden;

	margin-top: 30px;

}



.tabs-section .about-us-box .about-us-post a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	float: left;

	width: 60px;

	height: 60px;

	background: #333333;

	text-align: center;

	line-height: 60px;

	font-size: 16px;

	color: #ffffff;

}



.tabs-section .about-us-box .about-us-post a:hover {

	background: #628225;

}



.tabs-section .about-us-box .about-us-post h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	margin: 0 0 15px;

	color: #ffffff;

	margin-left: 80px;

	font-weight: 400;

	margin-bottom: 6px;

	margin-top: 20px;

}



.tabs-section .about-us-box .about-us-post span {

	display: block;

	margin: 0;

	font-size: 11px;

	font-family: georgia;

	margin-left: 80px;

	color: #eeeeee;

	font-style: italic;

}



.tabs-section .about-box {

	padding-left: 15px;

}



.tabs-section .about-box img {

	width: 100%;

	margin-bottom: 30px;

}



.tabs-section .about-box h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	margin: 0 0 15px;

	font-weight: 400;

	text-transform: uppercase;

	color: #ffffff;

	position: relative;

	margin-bottom: 20px;

	padding-bottom: 20px;

}



.tabs-section .about-box h2:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 30px;

	height: 1px;

	background: #628225;

}



.tabs-section .about-box p {

	color: #ffffff;

}



.news-section {

	padding: 60px 0 30px;

	background: #fff;

}



.news-section .news-box h1 {

	font-size: 18px;

	font-weight: 700;

	text-transform: uppercase;

	text-align: center;

	margin: 0 0 20px;

	padding-bottom: 0px;

	position: relative;

}



.news-section hr {

	border-bottom: 1px solid #628225;

	text-align: center;

	width: 30px;

}



.news-section .news-box h1:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 30px;

	background: #628225;

}



.news-section .news-box.owl-wrapper {

	margin-left: -15px;

	margin-right: -15px;

}



.news-section .news-box.owl-wrapper .item {

	padding: 0 15px;

}



.news-section .news-post .news-gallery {

	position: relative;

}



.news-section .news-post .news-gallery img {

	    width: 100%;

    height: 184px;

    object-fit: cover;

}



.news-section .news-post .news-gallery .date-post {

	position: absolute;

	top: 10px;

	left: 10px;

	width: 60px;

	background: #628225;

	padding: 10px 14px;

}



.news-section .news-post .news-gallery .date-post p {

	font-size: 11px;

	color: #ffffff;

	text-align: center;

	text-transform: uppercase;

	line-height: 16px;

	font-weight: 700;

	margin: 0;

}



.news-section .news-post .news-gallery .date-post p span {

	display: block;

	font-size: 15px;

	padding-top: 2px;

	margin-top: 2px;

	border-top: 1px solid rgba(255, 255, 255, 0.5);

}



.news-section .news-post .news-content {

	padding: 25px 0;

	background: #fff;

}



.news-section .news-post .news-content h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 15px;

}



.news-section .news-post .news-content h2 a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #333333;

}



.news-section .news-post .news-content h2 a:hover {

	color: #628225;

}



.news-section .news-post .news-content>a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	color: #333333;

	margin: 0;

}



.news-section .news-post .news-content>a i {

	margin-left: 12px;

}



.news-section .news-post .news-content>a:hover {

	color: #628225;

}



.quote-section {

	padding: 50px 0;

	position: relative;

}



.quote-section #map {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



.quote-section .container {

	position: relative;

	z-index: 2;

}



.quote-section .quote-box {

	padding: 40px;

	padding-bottom: 10px;

	background: #ffffff;

	border: 1px solid #f1f1f1;

	box-shadow: 2px 2px 5px #aaaaaa;

	-webkit-box-shadow: 2px 2px 5px #aaaaaa;

	-moz-box-shadow: 2px 2px 5px #aaaaaa;

	-o-box-shadow: 2px 2px 5px #aaaaaa;

}



.quote-section .quote-box h1 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	margin: 0 0 15px;

	position: relative;

	margin-bottom: 20px;

	padding-bottom: 20px;

	text-transform: uppercase;

}



.quote-section .quote-box h1:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 30px;

	height: 1px;

	background: #628225;

}



.quote-section .quote-box form.contact-form {

	margin: 0;

}



.quote-section .quote-box form.contact-form input[type="text"],

.quote-section .quote-box form.contact-form textarea {

	width: 100%;

	padding: 10px 15px;

	border: 1px solid #eaeaea;

	background: transparent;

	margin-bottom: 20px;

	outline: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #777777;

	font-size: 12px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400 !important;

}



.quote-section .quote-box form.contact-form input[type="text"]:focus,

.quote-section .quote-box form.contact-form textarea:focus {

	border: 1px solid #628225;

}



.quote-section .quote-box form.contact-form textarea {

	height: 100px;

}



.quote-section .quote-box form.contact-form input[type="submit"] {

	padding: 12px 20px;

	outline: none;

	border: none;

	background: #628225;

	color: #ffffff;

	font-size: 12px;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	font-weight: 400;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	margin-bottom: 10px;

}



.quote-section .quote-box form.contact-form input[type="submit"]:hover {

	opacity: 0.7;

}



.quote-section .quote-box form.contact-form .message {

	padding: 10px 20px;

	font-size: 13px;

	font-family: 'Raleway', sans-serif;

}



.quote-section .quote-box form.contact-form .message.error {

	color: #e74c3c;

	background: rgba(246, 80, 80, 0.4);

	border: 1px solid #e74c3c;

}



.quote-section .quote-box form.contact-form .message.success {

	color: #29b504;

	background: rgba(63, 220, 21, 0.4);

	border: 1px solid #29b504;

}



.testimonial-section {

	padding: 70px 0 40px;

	background: url('../images/testimonial-bg.jpg') center fixed;

	background-size: cover;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

}



.testimonial-section .photo {

	display: block;

	margin-left: auto;

	margin-right: auto;

	padding-top: 5px;

	padding-bottom: 10px;

}



.testimonial-section .container {

	position: relative;

	z-index: 2;

}



.testimonial-section .testimonial-box {

	text-align: center;

	padding-bottom: 2px;

	margin-bottom: 0px;

}



.testimonial-section .testimonial-box ul.bxslider {

	margin: 0;

	padding: 0;

}



.testimonial-section .testimonial-box ul.bxslider li {

	overflow: hidden;

}



.testimonial-section .testimonial-box p {

	color: #ffffff;

	font-size: 14px;

	font-weight: 400;

	line-height: 24px;

	max-width: 800px;

	margin: 0 auto;

}



.testimonial-section .testimonial-box h2 {

	color: #fff;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	text-transform: uppercase;

	margin: 0 0 15px;

	font-size: 16px;

	margin-bottom: 2px;

}



.testimonial-section .testimonial-box span {

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	margin: 0 0 20px;

	color: #ffffff;

	font-size: 13px;

	display: block;

	position: relative;

	padding-bottom: 20px;

}



.testimonial-section .testimonial-box span:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 50%;

	margin-left: -15px;

	width: 30px;

	height: 1px;

	background: #628225;

}



.testimonial-section .testimonial-box .bx-wrapper .bx-controls-direction {

	display: none;

}



.bx-wrapper .bx-pager.bx-default-pager a.active {

	background: #628225;

	border-color: #628225;

}





/*-------------------------------------------------*/





/* =  about page/*-------------------------------------------------*/



.page-banner-section {

	padding: 25px 0;

	background: #252525;

	overflow: hidden;

}



.page-banner-section h1 {

	color: #333333;

	font-size: 19px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 30px;

	text-transform: uppercase;

	float: left;

	color: #ffffff;

	font-size: 24px;

	letter-spacing: 2px;

	margin-top: 15px;

	margin-bottom: 0px;

}



.page-banner-section ul.page-depth {

	float: right;

	margin: 0;

	padding: 0;

	text-align: right;

	margin-top: 20px;

}



.page-banner-section ul.page-depth li {

	display: inline-block;

	margin-left: 10px;

}



.page-banner-section ul.page-depth li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	color: #ffffff;

	margin-bottom: 0;

}



.page-banner-section ul.page-depth li a:hover {

	color: #628225;

}



.page-banner-section ul.page-depth li:before {

	content: '/';

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	color: #ffffff;

	margin-bottom: 0;

	margin-right: 10px;

}



.page-banner-section ul.page-depth li:first-child:before {

	display: none;

	margin-right: 0;

}



.welcome-section {

	padding: 60px 0;

	text-align: center;

}



.welcome-section h2 {

	color: #333333;

	font-size: 24px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 5px;

	text-transform: uppercase;

	margin-bottom: 20px;

}



.welcome-section h2 span {

	color: #628225;

	font-size: 24px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 5px;

	text-transform: uppercase;

	margin-bottom: 20px;

}



.welcome-section h3 {

	color: #333333;

	font-size: 18px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 15px;

	text-transform: uppercase;

	margin-bottom: 20px;

}



.welcome-section hr {

	border-bottom: 1px solid #628225;

	width: 60px;

}



.about-section {

	padding: 80px 0;

	background: #f7f7f7;

}



.about-section img,

.about-section iframe {

	width: 100%;

	margin-bottom: 30px;

}



.about-section iframe {

	height: 328px;

}



.about-section h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 25px;

}



.team-section {

	padding: 80px 0;

}



.team-section .team-box {

	margin-left: -15px;

	margin-right: -15px;

}



.team-section .team-box .item {

	padding: 0 15px;

}



.team-section .team-box .team-post .gallery-team {

	position: relative;

	margin-bottom: 30px;

}



.team-section .team-box .team-post .gallery-team img {

	width: 100%;

}



.team-section .team-box .team-post .gallery-team ul.social-list {

	position: absolute;

	top: 30px;

	right: 30px;

	width: 40px;

	margin: 0;

	padding: 0;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	opacity: 0;

}



.team-section .team-box .team-post .gallery-team ul.social-list li {

	display: inline-block;

	text-align: left;

	margin-bottom: 3px;

}



.team-section .team-box .team-post .gallery-team ul.social-list li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #ffffff;

	background: #333333;

	width: 40px;

	height: 40px;

	-webkit-border-radius: 1px;

	-moz-border-radius: 1px;

	-o-border-radius: 1px;

	border-radius: 1px;

	line-height: 40px;

	font-size: 14px;

	text-align: center;

}



.team-section .team-box .team-post .gallery-team ul.social-list li a:hover {

	color: #ffffff;

	background: #628225;

}



.team-section .team-box .team-post .team-content h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	margin: 0 0 15px;

	margin-bottom: 5px;

	font-size: 16px;

	font-weight: 700;

	text-transform: uppercase;

}



.team-section .team-box .team-post .team-content span {

	display: block;

	color: #777777;

	font-size: 12px;

	font-weight: 500;

	margin-bottom: 20px;

	padding-bottom: 20px;

	border-bottom: 1px solid #f1f1f1;

}



.team-section .team-box .team-post:hover .gallery-team ul.social-list {

	opacity: 1;

}





/*-------------------------------------------------*/





/* =  single project/*-------------------------------------------------*/



.single-page-section {

	padding: 80px 0;

}



.single-page-section img {

	width: 100%;

	margin-bottom: 30px;

}



.single-page-section .project-content h2 {

	color: #333333;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	margin: 0 0 15px;

	text-transform: uppercase;

	font-size: 15px;

	font-weight: 900;

}



.single-page-section .project-content .project-tags {

	margin: 30px 0;

}



.single-page-section .project-content .project-tags ul {

	margin: 0;

	padding: 0;

}



.single-page-section .project-content .project-tags ul li {

	list-style: none;

	display: block;

	color: #777777;

	font-size: 13px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin-bottom: 2px;

	padding: 15px 25px;

	background: #f7f7f7;

}



.single-page-section .project-content .project-tags ul li i {

	color: #628225;

	margin-right: 10px;

}



.single-page-section .project-content .project-tags ul li span {

	color: #333333;

	margin-right: 4px;

}



.single-page-section .project-content .project-tags ul li:last-child {

	margin-bottom: 0;

}





/*-------------------------------------------------*/





/* =  blog page/*-------------------------------------------------*/



.blog-section {

	padding: 50px 0 10px;

}



.blog-section h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	margin: 0 0 15px;

	text-transform: uppercase;

	font-size: 16px;

}



.blog-section .blog-box .blog-post {

	margin-bottom: 50px;

}



.blog-section .blog-box .blog-post img,

.blog-section .blog-box .blog-post iframe {

	width: 100%;

	margin-bottom: 30px;

}



.blog-section .blog-box .blog-post iframe {

	height: 360px;

}



.blog-section .blog-box .blog-post h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	margin: 0 0 15px;

	margin-bottom: 0px;

}



.blog-section .blog-box .blog-post h2 a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #333333;

}



.blog-section .blog-box .blog-post h2 a:hover {

	color: #628225;

}



.blog-section .blog-box .blog-post span {

	display: inline-block;

	color: #777777;

	font-size: 12px;

	font-weight: 700;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	margin: 0 0 25px;

}



.blog-section .blog-box .blog-post .post-content-text>a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	color: #333333;

	margin: 0;

}



.blog-section .blog-box .blog-post .post-content-text>a i {

	margin-left: 12px;

}



.blog-section .blog-box .blog-post .post-content-text>a:hover {

	color: #628225;

}



.blog-section .blog-box ul.pagination-list {

	margin: 0;

	padding: 0;

	margin-bottom: 40px;

}



.blog-section .blog-box ul.pagination-list li {

	display: inline-block;

	margin-right: 8px;

}



.blog-section .blog-box ul.pagination-list li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #777777;

	font-size: 14px;

	font-weight: 700;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

}



.blog-section .blog-box ul.pagination-list li a:hover,

.blog-section .blog-box ul.pagination-list li a.active {

	color: #628225;

}



.blog-section .blog-box .single-post h1 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	margin: 0 0 15px;

	text-transform: uppercase;

	font-size: 20px;

	margin-bottom: 0px;

}



.blog-section .blog-box .single-post p {

	margin-bottom: 25px;

}



.blog-section .blog-box .single-post blockquote {

	border-left: 5px solid #d1d1d1;

	padding: 20px 0;

	padding-left: 30px;

	margin-left: 30px;

	margin-bottom: 25px;

}



.blog-section .blog-box .single-post blockquote p {

	font-size: 14px;

	margin: 0;

}



.blog-section .blog-box .single-post blockquote p span {

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	font-size: 14px;

	font-weight: 700;

	color: #333333;

	margin-bottom: 0;

	text-transform: inherit;

}



.blog-section .blog-box .autor-post {

	overflow: hidden;

	margin-bottom: 40px;

}



.blog-section .blog-box .autor-post img {

	max-width: 130px;

	float: left;

}



.blog-section .blog-box .autor-post .autor-content {

	margin-left: 150px;

}



.blog-section .blog-box .autor-post .autor-content h2 {

	margin-bottom: 0;

}



.blog-section .blog-box .autor-post .autor-content span {

	display: inline-block;

	color: #777777;

	font-size: 13px;

	font-family: 'Raleway', sans-serif;

	margin-bottom: 15px;

}



.blog-section .blog-box .comment-section {

	margin-bottom: 40px;

}



.blog-section .blog-box .comment-section h2 {

	margin-bottom: 25px;

}



.blog-section .blog-box .comment-section ul {

	margin: 0;

	padding: 0;

}



.blog-section .blog-box .comment-section ul li {

	list-style: none;

}



.blog-section .blog-box .comment-section ul li .comment-box {

	overflow: hidden;

	padding-bottom: 35px;

	border-bottom: 1px solid #f3f3f3;

	margin-bottom: 40px;

}



.blog-section .blog-box .comment-section ul li .comment-box img {

	width: auto;

	max-width: 100px;

	float: left;

}



.blog-section .blog-box .comment-section ul li .comment-box .comment-content {

	margin-left: 120px;

}



.blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 {

	color: #333333;

	font-size: 13px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	text-transform: uppercase;

	margin: 0;

}



.blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a {

	color: #333333;

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	float: right;

	font-size: 11px;

	font-weight: 400;

}



.blog-section .blog-box .comment-section ul li .comment-box .comment-content h4 a:hover {

	color: #628225;

}



.blog-section .blog-box .comment-section ul li .comment-box .comment-content span {

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	line-height: 22px;

	margin: 0 0 10px;

	font-size: 11px;

	display: inline-block;

	font-weight: 400;

	margin-bottom: 5px;

	text-transform: uppercase;

}



.blog-section .blog-box .comment-section ul li .comment-box .comment-content p {

	font-size: 14px;

	margin: 0 !important;

}



.blog-section .blog-box .comment-section ul.depth .comment-box {

	padding-left: 120px;

}



.sidebar h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	margin: 0 0 15px;

	text-transform: uppercase;

	font-size: 16px;

	margin-bottom: 25px;

}



.sidebar .widget {

	margin-bottom: 40px;

}



.sidebar ul.category-list,

.sidebar ul.archieve-list {

	margin: 0;

	padding: 0;

}



.sidebar ul.category-list li,

.sidebar ul.archieve-list li {

	list-style: none;

	border-bottom: 1px dotted #d1d1d1;

	margin-bottom: 10px;

}



.sidebar ul.category-list li a,

.sidebar ul.archieve-list li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #333333;

	font-size: 14px;

	font-weight: 400;

	font-family: 'Raleway', sans-serif;

	padding-bottom: 10px;

}



.sidebar ul.category-list li a:hover,

.sidebar ul.archieve-list li a:hover {

	color: #628225;

}



.sidebar ul.category-list li:last-child,

.sidebar ul.archieve-list li:last-child {

	border-bottom: none;

	margin-bottom: 0;

}



.sidebar ul.tags-list {

	margin: 0;

	padding: 0;

}



.sidebar ul.tags-list li {

	display: inline-block;

	margin-right: 2px;

	margin-bottom: 6px;

}



.sidebar ul.tags-list li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	padding: 12px 18px;

	color: #ffffff;

	background: #333333;

	font-size: 13px;

	font-family: 'Raleway', sans-serif;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;

}



.sidebar ul.tags-list li a:hover {

	background: #628225;

}





/*-------------------------------------------------*/





/* =  services/*-------------------------------------------------*/



.services-tabs ul {

	margin: 0;

	padding: 0;

	margin-bottom: 40px;

}



.services-tabs ul li {

	display: block;

	margin: 0 0 2px;

}



.services-tabs ul li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	display: block;

	padding: 11px 25px;

	background: #f1f1f1;

	-webkit-border-radius: 0px;

	-moz-border-radius: 0px;

	-o-border-radius: 0px;

	border-radius: 0px;

	color: #333333;

	font-size: 13px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0;

}



.services-tabs ul li a:hover {

	background: #628225;

	color: #ffffff;

}



.services-tabs ul li.active a {

	background: #628225;

	color: #ffffff;

}





/*-------------------------------------------------*/





/* =  contact page/*-------------------------------------------------*/



#map {

	height: 500px;

}



.contact-section {

	padding: 90px 0 50px;

}



.contact-section h2 {

	color: #333333;

	font-size: 15px;

	font-family: 'Raleway', sans-serif;

	font-weight: 700;

	margin: 0 0 15px;

	font-size: 16px;

	text-transform: uppercase;

	margin-bottom: 25px;

}



.contact-section p {

	margin-bottom: 30px;

}



.contact-section ul.information-list {

	margin: 0;

	padding: 0;

}



.contact-section ul.information-list li {

	list-style: none;

	overflow: hidden;

	border-bottom: 1px solid #dddddd;

	margin-bottom: 15px;

	padding-bottom: 15px;

}



.contact-section ul.information-list li i {

	float: left;

	color: #333333;

	font-size: 13px;

	display: inline-block;

	line-height: 24px;

}



.contact-section ul.information-list li span {

	display: block;

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	margin-bottom: 0px;

	margin-left: 25px;

	color: #333333;

}



.contact-section ul.information-list li a {

	font-size: 12px;

	color: #777777;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

	display: inline-block;

	margin-left: 25px;

	margin-bottom: 10px;

	color: #333333;

}



.contact-section ul.information-list li:last-child {

	border-bottom: none;

}



.contact-form select[type="text"],

.comment-form select[type="text"],

.contact-form textarea,

.comment-form textarea {

	width: 100%;

	padding: 10px 20px;

	border: 1px solid #dedede;

	margin-bottom: 0px;

	outline: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #777777;

	font-size: 13px;

	font-weight: 600;

	font-family: 'Raleway', sans-serif;

}

.br-0{

	border-radius: 0!important;
}
.contact-form-pm .radio label{
	text-transform: uppercase;

}
.mt-25{
	margin-top: 25px!important;
}

.contact-form input[type="text"],

.comment-form input[type="text"],
.comment-form input[type="date"],


.contact-form textarea,

.comment-form textarea {

	width: 100%;

	padding: 10px 20px;

	border: 1px solid #dedede;

	margin-bottom: 20px;

	outline: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #333333;

	font-size: 13px;


	font-weight: 600;

	font-family: 'Raleway', sans-serif;

}



.contact-form input[type="text"]:focus,

.comment-form input[type="text"]:focus,

.contact-form textarea:focus,

.comment-form textarea:focus {

	border: 1px solid #628225;

}



.contact-form textarea,

.comment-form textarea {

	font-weight: 600;

	color: #333333;

	height: 146px;

}



.contact-form input[type="submit"],

.comment-form input[type="submit"] {

	padding: 12px 30px;

	outline: none;

	border: none;

	background: #628225;

	color: #ffffff;

	font-size: 13px;

	font-family: 'Raleway', sans-serif;

	text-transform: uppercase;

	font-weight: 700;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	margin-bottom: 10px;

}



.contact-form input[type="submit"]:hover,

.comment-form input[type="submit"]:hover {

	opacity: 0.8;

}



.contact-form .message,

.comment-form .message {

	padding: 10px 20px;

	font-size: 13px;

	font-family: 'Raleway', sans-serif;

}



.contact-form message..error,

.comment-form message..error {

	color: #e74c3c;

	background: rgba(246, 80, 80, 0.4);

	border: 1px solid #e74c3c;

}



.contact-form message.success,

.comment-form message.success {

	color: #29b504;

	background: rgba(63, 220, 21, 0.4);

	border: 1px solid #29b504;

}





/*-------------------------------------------------*/





/* =  Footer/*-------------------------------------------------*/



footer {

	background: #252525;

	padding-top: 80px;

}



footer p {

	font-size: 13px;

	color: #fff;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	line-height: 22px;

	margin: 0 0 10px;

}



footer .footer-widgets {

	padding-bottom: 30px;

}



footer .footer-widgets .widgets {

	margin-bottom: 40px;

}



footer .footer-widgets .widgets ul.services-list {

	margin: 0;

	padding: 0;

}



footer .footer-widgets .widgets ul.services-list li {

	line-height: 2.1;

	display: block;

	margin-bottom: 0px;

	margin-right: 1px;

}



footer .footer-widgets .widgets ul.services-list li a {

	display: block;

	text-decoration: none;

	color: #fff;

	font-size: 12px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;
	text-transform: uppercase;

}



footer .footer-widgets .widgets ul.services-list li a:hover {

	color: #628225;

}



footer .footer-widgets .widgets ul.tag-list {

	margin: 0;

	padding: 0;

}



footer .footer-widgets .widgets ul.tag-list li {

	display: inline-block;

	margin-bottom: 5px;

	margin-right: 1px;

}



footer .footer-widgets .widgets ul.tag-list li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

	color: #fff;

	font-size: 12px;

	font-family: 'Raleway', sans-serif;

	font-weight: 400;

	padding: 6px 12px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

	border-radius: 3px;

	background: #333333;

}



footer .footer-widgets .widgets ul.tag-list li a:hover {

	background: #628225;

}



footer .footer-widgets .widgets ul.flickr-list {

	margin: 0;

	padding: 0;

}



footer .footer-widgets .widgets ul.flickr-list li {

	display: inline-block;

	margin-bottom: 5px;

	margin-right: 2px;

}



footer .footer-widgets .widgets ul.flickr-list li a {

	display: inline-block;

	text-decoration: none;

	transition: all 0.2s ease-in-out;

	-moz-transition: all 0.2s ease-in-out;

	-webkit-transition: all 0.2s ease-in-out;

	-o-transition: all 0.2s ease-in-out;

}



footer .footer-widgets .widgets ul.flickr-list li a img {

	max-width: 60px;

}



footer .footer-widgets .widgets ul.flickr-list li a:hover {

	opacity: 0.7;

}



footer .footer-widgets .widgets.info-widget p {

	margin-bottom: 0px;

}



footer .footer-widgets .widgets.info-widget p span {

	font-family: 'Raleway', sans-serif;

	color: #628225;

	margin-right: 5px;

}



footer a {

	color: #ffffff;

}



footer a:hover {

	color: #628225;

}



footer .footer-widgets .widgets.info-widget p.first-par {

	margin-bottom: 10px;

}



footer h2 {

	color: #333333;

	font-family: 'Raleway', sans-serif;

	margin: 0 0 15px;

	text-transform: uppercase;

	color: #ffffff;

	font-size: 15px;

	margin-bottom: 25px;

	padding-bottom: 25px;

	font-weight: 700;

	position: relative;

}



footer h2:after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 30px;

	height: 1px;

	background: #628225;

}



footer .last-line {

	background: #111111;

	padding: 25px 0;

}



footer .last-line p.copyright {

	font-size: 12px;

	margin: 0;

	text-align: center;

}



p.copyright a {

	color: #628225;

}





}

footer p {

	font-size: 12px;

	color: #ffffff;

}

/*-------------------------------------------------*/

/* =  Responsive Part/*-------------------------------------------------*/

@media (max-width: 991px) {

	.top-line ul.info-list {

		text-align: center;

		margin-bottom: 5px;

	}

	

	.top-line ul.social-icons {

		text-align: center;

	}

	

	.navbar-brand {

		padding: 12px 15px;

	}

	

	.navbar-nav>li>a {

		padding: 22px 12px;

	}

	

	.banner-section a {

		margin-top: 5px;

	}

	

	.tabs-section ul.nav-tabs {

		margin-bottom: 30px;

	}

	

	.tabs-section .tab-pane img {

		margin-bottom: 20px;

	}

	

	.quote-section .text-box {

		padding-right: 0;

		margin-bottom: 30px;

	}

	

	.portfolio-section .portfolio-box.iso-call .project-post {

		width: 50%;

	}

}

@media (max-width: 767px) {

	.navbar-toggle {

		margin-top: 35px;

	}

	

	.navbar-brand {

		padding-bottom: 17px;

	}

	

	.navbar-nav>li>a {

		padding: 5px 15px;

	}

	.top-line ul.social-icons li {

	    margin-bottom: 5px;

	}

	



	ul.drop-down {

		position: relative;

		opacity: 1;

		display: block;

		top: inherit;

		left: inherit;

		width: 100%;

		border-top: none;

		padding: 5px 0;

	}

	

	ul.drop-down li a {

		padding: 5px 20px;

	}

	

	.banner-section a {

		    margin: 12px 0;
		    width: 275px;

	}

	

	.owl-theme .owl-controls {

		left: 15px;

		right: 15px;

	}

	

	.clients-section ul.clients-list li {

		width: 33.3333%;

		margin-bottom: 20px;

	}

	

	.page-banner-section h1 {

		float: none;
		font-size: 16px;

		text-align: center;

		margin-top: 80px;

		margin-bottom: 10px;

	}

	

	.page-banner-section ul.page-depth {

		float: none;

		text-align: center;

	}

	

	.portfolio-section .portfolio-box.iso-call .project-post {

		width: 100%;

	}

	

	.portfolio-section ul.filter li {

		margin: 0 6px;

	}

	

	.blog-section .blog-box .single-post blockquote {

		margin-left: 0;

	}

	

	.blog-section .blog-box .comment-section ul.depth .comment-box {

		padding-left: 0;

	}

}



@media (max-width: 600px) {





    .tp-banner-container {

    margin-top: 50px;}

}















@media (max-width: 320px) {

	.top-line {

		display: none;

	}

	

	#container {

		padding-top: 63px;

	}

	

	.clients-section ul.clients-list li {

		width: 50%;

	}

	

	.blog-section .blog-box .comment-section ul li .comment-box img {

		max-width: 60px;

	}

	

	.blog-section .blog-box .comment-section ul li .comment-box .comment-content {

		margin-left: 80px;

	}

	

	.blog-section .blog-box .autor-post img {

		width: 100%;

		float: none;

		margin-bottom: 20px;

	}

	

	.blog-section .blog-box .autor-post .autor-content {

		margin-left: 0;

	}

}

.circle1 {

	margin: auto;

	width: 100px;

	height: 100px;

	border-radius: 50%;

	font-size: 30px;

	color: #fff;

	line-height: 100px;

	text-align: center;

	background: #78D7C3;

	margin-bottom: 10px;

}

.circle2 {

	margin: auto;

	width: 100px;

	height: 100px;

	border-radius: 50%;

	font-size: 30px;

	color: #fff;

	line-height: 100px;

	text-align: center;

	background: #9E9CDB;

	margin-bottom: 10px;

}

.circle3 {

	margin: auto;

	width: 100px;

	height: 100px;

	border-radius: 50%;

	font-size: 30px;

	color: #fff;

	line-height: 100px;

	text-align: center;

	background: #043099;

	margin-bottom: 10px;

}

.error {

	color: #e74c3c;

	background: rgba(246, 80, 80, 0.4);

	border: 1px solid #e74c3c;

	padding: 10px 10px 10px 10px;

}

.success {

	color: #29b504;

	background: rgba(63, 220, 21, 0.4);

	border: 1px solid #29b504;

	padding: 10px 10px 10px 10px;

}





.custom-select {

	 cursor: default;

  position: relative;

  text-decoration: none;

    margin-top: 25px;

     min-width: 220px;

    color: #fff !important;

    background: transparent;

    font-size: 13px;

    font-weight: 700;

    font-family: 'Raleway', sans-serif;

    text-transform: uppercase;

    border-radius: 2px;

    border: 2px solid #628225;

    letter-spacing: 1.5px;

}



.custom-select:before {

	content: "\f0f7";

    display: inline-block;

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    font-size: 20px;

    position: absolute;

    top: 12px;

    left: 10px;

}



.custom-select select {

  display: none; /*hide original SELECT element: */

}



.select-selected {

  background-color: #628225;

}



/* Style the arrow inside the select element: */

.select-selected:after {

  position: absolute;

  content: "";

  top: 19px;

  right: 10px;

  width: 0;

  height: 0;

  border: 6px solid transparent;

  border-color: #fff transparent transparent transparent;
  transition: 0.2s;

}



/* Point the arrow upwards when the select box is open (active): */

.select-selected.select-arrow-active:after {
top: 11px;
    transform: rotate(180deg);

}



/* style the items (options), including the selected item: */

.select-items div,.select-selected {

	padding: 13px 37px;

      

}



/* Style items (options): */

.select-items {

  position: absolute;

      background-color: #fff;

        outline: 2px solid;

            color: #628225;

  top: 100%;

  left: 0;

      cursor: default;

  right: 0;

  z-index: 99;

}



/* Hide the items when the select box is closed: */

.select-hide {

  display: none;

}



.select-items div:hover, .same-as-selected {

      background-color: #89B733;

    color: #fff;

}

.o-hidden{

	overflow: hidden;

}





.services-section .we-promise{

	       max-width: 960px;

    margin: 50px auto;

    text-align: center;

    background-image: url(../images/4679.jpg);

    background-size: cover;

    color: #fff;

        padding: 45px;

    outline: 1px solid #fff;

    outline-offset: -15px;

    background-position: center;
    clear: both;



}

.services-section p{

	font-size: 16px;



}



.services-section .we-promise h2{

	        padding: 0;

        margin: 25px auto 40px;

    font-weight: 700;

    width: fit-content;

    line-height: 1.3;



}

.services-section .we-promise h2 i{

	margin-right: 10px;



}



.services-section .we-promise h4{

	    margin: 20px auto;



}

.services-section .we-promise p{

	    color: #fff;

    margin: 0 0 20px;



}

.services-section h5:first-child{

	   

    width: 70%;

    text-align: center;

    margin: auto;

    font-size: 20px;

    padding:  0 15px;

}

.services-section ul{

	    width: 100%;

    margin-bottom: 40px;

    float: left;

    padding: 0;



}

.services-section ul li{

	    display: block;

    background: #f7f7f7;

    border: 1px solid #e6e6e6;

    padding: 20px 10px 20px 50px;

    margin: 10px 11px;

    width: 48%;

    float: left;

    border-radius: 10px;

        display: inline-block;

    font-style: normal;

    font-weight: 900;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

        display: flex;

    align-items: center;

   



}

.services-section ul li:after{

	    content: "\f00c";

	       font-family: FontAwesome;

    display: block;

    font-size: 22px;

    position: absolute;

        margin: 0px 0px 0px -32px;
         color: #628225;



}

.services-section h3{

	text-align: center;

    margin-bottom: 20px;



}

.services-section p{

	

	    margin-bottom: 15px;



}

.services-section h5:last-child{

	display: flex;

    font-size: 20px;

    margin: 25px 0 15px;

    padding-left: 33px;

    font-style: normal;

    font-weight: normal;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    justify-content: center;

    align-items: center;

}

.services-section h5:last-child:before{

	       content: "\f087";

    display: block;

    font-family: FontAwesome;

    margin: 0;

        position: relative;

    left: -15px;

   



}

.how-its-work{

		float: left;

	text-align: center;

        margin: 100px 0 30px;

        padding: 10px 30px 40px;

    border: 3px solid #e4e4e4;

    border-radius: 15px;

    background: #fdfdfd;



}

.how-its-work h2{

	font-size: 24px;

	

}

.how-its-work h2:first-child{

	    background: #ffffff;

    padding: 15px 50px;

    width: fit-content;

    margin: -41px auto 25px;

    border: 3px solid #e4e4e4;

    border-radius: 15px;



}









.how-its-work .box {

	border: 1px solid #e4e4e4;

    border-radius: 15px;

    padding: 15px;

    margin: 15px 0 0;

    background: #f5f5f5;

    box-shadow: 8px 8px #dadada;

    transition: 0.5s;

	

}

.how-its-work .box:hover {

	margin-top: 5px;

	transition: 0.5s;

}

.services-section2 ul li{

    display: flex;

    flex-direction: column;

    align-items: baseline;

    padding: 20px;

    width: 100%;



}

.services-section2  ul li:after {

    margin: 0;

}

.services-section2 ul li h5{

	text-align: left !important;

    margin: 0px 0 18px 22px !important;

    width: fit-content !important;

    font-weight: 600;



}

.services-section2 ul li p{

	margin: 0;

	

}

.banner-img-section{

	    float: left;

    margin-bottom:  50px;
width: 100%;


}
.banner-img-section img{
	width: 100%;
}
video{

	background: #000;

}

.gallery-section{

    margin-bottom: 50px;

        padding-top: 0;

}

.gallery-section h3{

	margin-bottom: 20px;

	text-align: center;

}

.gallery-section a:hover{

	text-decoration: none;

	

}

.gallery-section a{



}

.gallery-section img{

	    

    height: 130px;

    object-fit: cover;

    transition: 0.4s;



	

}

.gallery-section .gallery-in{

	width: 18%;

    margin: 10px;

    border: 3px solid #f7f7f7;

    box-shadow: 5px 5px 5px #e6e6e6;

    overflow: hidden;

    float: left;

}

.gallery-section img:hover{

	transform: scale(1.1);

	transition: 0.4s;

}





































@media screen and (max-width: 767px){

	.services-section h5:first-child {

    width: 100%;}

    .services-section .we-promise:after {

    display: none;}

    .services-section h3 {

    font-size: 20px;

}



.services-section ul li {

    padding: 20px 10px 20px 50px;

    margin: 10px 0;

    width: 100%;}

    .services-section .we-promise {

    padding: 30px;

    outline: 0;}

    .how-its-work {padding: 10px 0px 40px;

    margin: 100px 17px 50px;}

    .how-its-work .box {

    margin: 25px 0 35px;     }

    .services-section2 ul li{

    padding: 20px;

}

.custom-select, .get-quote{

	margin: 15px;

    width: 92%;

}

.gallery-section .gallery-in {

    width: 27.5%;}

    .gallery-section img {

    height: 65px;}



}











@media screen and (min-width: 1200px){



	







}



.fix-icon-form{



	



    background-color: #f3c424;



   



    top: 200px;



  







}



.icon-com:hover{



	background-color: #333;



	color: #fff;



  text-decoration: none;







}



.icon-com img{



	width: 25px



}



.icon-com{



	justify-content: center;



    align-items: center;



    display: flex;

        border-bottom-left-radius: 5px;

    border-top-left-radius: 5px;

      transition: .2s; position: fixed;line-height: 1.3;width: 38px;



    



    



    height: 38px;



    text-align: center;



    right: 0;



    color: #fff;



    font-size: 23px;



    z-index: 999999;



    cursor: pointer;



}



a:visited{



	border-color: #fff;



}



.fix-icon-wa{



        background-color: #00da6e;

    top: 250px;



}

.fix-icon-call{

	background-color: #006bda;

	top: 300px;



}

.icon-com:visited, .icon-com:focus{
	text-decoration: none;
	color: #fff;

}

.float-right{



	    color: #333333;



    font-size: 22px;



    margin: 5px 0 20px 0;



    font-family: 'Montserrat', sans-serif;



    font-weight: 700;



}







	



	.m-custom-form {



		       padding: 20px 20px 25px;



    overflow: hidden;



	    top: 150px;



    right: -375px;



    /* right: 0; */



   



   



    width: 300px;



    box-shadow: 0px 0px 7px grey;



    background: #f3f3f3;



    position: fixed!important;



    z-index: 1;



    z-index: 99999999999 !important;



    transition: all .3s linear;



}







.quick-enquiry-btn {



    



    position: fixed;



    top: 196px;



    font-size: 16px;



    background: #04315a;



    padding: 9px 10px;



    z-index: 9999999;



    border-bottom-right-radius: 5px;



    border-bottom-left-radius: 5px;



    right: -41px;



    transform: rotate(90deg);



    border: none;



    color: #fff;



    cursor: pointer;



    transition: 0.2s;



}



.quick-enquiry-btn:hover{



	background-image: linear-gradient(to right, #020d23 , #0567ae);



	    transition: 0.3s;



}















.pm-overlay {



	z-index: 999999 !important;



	position: fixed;



	display: none;



	width: 100%;



	height: 100%;



	top: 0;



	left: 0;



	right: 0;



	bottom: 0;



	background-color: transparent;



	z-index: 2



}







@keyframes fading {



	0% {



		opacity: 0



	}



	50% {



		opacity: 1



	}



	100% {



		opacity: 0



	}



}







.pm-animate-opacity {



	animation: opac 0.8s



}







.close-cart-btn {



	width: 100%;



	background: white;



	padding: 6px 0;



	color: #ff9933;



	border-radius: 4px;



	border: 2px solid #ff9933;



}
.google-review-li span{
	display: none;

}
.google-review-li img{
	width: 55px;
}
#enquiryForm label.error,#contactForm label.error{
	    display: none!important;
}
@media screen and (max-width: 767px){
.google-review-li span{
	display: block;
}
.google-review-li img{
	display: none;
	
}
.google-review-li a{
	    padding: 5px 15px!important;

}
}

@media screen and (min-width: 768px) and (max-width: 991px){

	.google-review-li img {
	    margin: -21px 0 0;
	}
	.custom-select {
	    top: -96px;
	    right: 14px;
	    position: absolute;
	    min-width: 168px;
	}
	.navbar-nav>li>a.get-quote{
		margin-top: 8px;
	}
	.tp-banner-container .tp-banner {
	    margin-top: 100px;
	}

}