/* 
// TABLE OF CONTENTS //
body
	**** HEADER ****
	header - Header of page
		.navbar - Main navbar/menu
			a.logo - Logo of the website
			ul#menu.main-menu - The main menu of the website
				li a - Menu item
	**** SLIDER ****
	.slider - Main slider using the flexslider structure
		.flexslider
			..
			flexslider structure
			..
	**** ALL SECTIONS HAVE THE SAME STRUCTURE ****
	**** ABOUT SECTION ****
	.about-sec - Container of section
		h3.sec-title - Section title
		p.body-text - All the body text that has the same styles uses this class
	**** GALLERY SECTION ****
	.gallery-sec - Container of section
		.col-1-3 - Single Column where the image is
			.img-wrap - To help give the image a certain with and also to help with adding the hover
				img - Adding the image
				.img-hover - Image hover styles
	**** SERVICES SECTION ****
	.services-sec - Container of section
		h3.sec-title - Title of section
		p.body-text - Sub Text under section title
			.col-1-4 - Single Column
				.service-bg - Single service container / background
					a.serv-img - Service Image
					.serv-text - Service text container to add styles and all in css file
	**** WHY CHOOSE US SECTION ****
	.why-us-sec - Container of section
		.circle-icon - The icon of every service
		p.serv-title - Service Title
		p.body-text - Service text and description
	**** FUN FACTS SECTION ****
	.fun-facts-sec - Container of section
		.col-1-4 - Single Column
			.fact-group - The single fact container
				img - Fact Image/Icon
				.fact-text - Text and description of each Fact
	**** GET A QUOTE SECTION ****
	.get-quote-sec - Container of section
		h3.sec-title - Section Title
		p.body-text - Section description
		a.btn - Call to action button
	**** PARTNERS-TESTIOMONIALS SECTION ****
	.partners-testimonials-sec - Container of section
		.container 
			.col-1-2 - To group the first side of the section which is Partners Section
				h3.sec-title
				.partner-bg - Class used to contain the Logo of each partner

			.col-1-2 - To group the second side of the section which is Testimonials Section
				h3.sec-title
				.flexslide-tes - Using Flexslider for the testimonials
					ul.slides - Flexslider Slides class
						p.testimonials-text - Testimonials text style using this class
						p.t-person - Class to style the writer's name of the testimonial
							span.t-position - to style the position of the person who wrote the Testimonial
	**** LATEST NEWS SECTION ****
	.news-sec - Container of section
		.col-1-3 - Column
			.news-post - Each news post container
	**** INFO SECTION ****
	.info-sec - Container of section
		.info - Single information container
			img - information image/icon
			.info-text - information text or description
	**** FOOTER ****
		footer - Footer container
*/
/* OVERALL */
a {
	text-decoration: none;
}

img {
	vertical-align: middle;
}

body {
	font-family: 'Open Sans';
}

/* Text */
.body-text {
	font-size: 14px;
	color: #777777;
	line-height: 24px;
	letter-spacing: .5px;
	font-weight: 400;
}

/*Section Title */
.sec-title {
	font-family: 'Raleway';
	font-size: 30px;
	color: #343434;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}

@media (max-width: 360px) {
	.sec-title {
		font-size: 22px;
	}
}

.sec-title:after {
	content: "";
	display: block;
	height: 2px;
	width: 50px;
	background-color: #2ad356;
	margin-top: 22px;
	margin-bottom: 30px;
}

/* Service Title */
.serv-title {
	font-family: 'Raleway';
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	color: #343434;
	letter-spacing: .5px;
	margin-bottom: 12px;
	display: inline-block;
}

.serv-title:hover {
	color: #2ad356;
}

/* Button Styles */
.btn {
	display: inline-block;
	border: 2px solid #2ad356;
	padding: 16px 60px;
	text-transform: uppercase;
	font-family: 'Raleway';
	color: #fff;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 1px;
	transition: .5s all;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all;
}

/* INFO BAR */
.info-bar {
	background-color: #f7f7f7;
	padding: 20px 0;
}

.info-bar .bar-social {
	float: left;
}

.info-bar .bar-social a {
	font-size: 16px;
	color: #777777;
	margin-right: 16px;
}

.info-bar .bar-social a:last-child {
	margin-right: 0;
}

.info-bar .bar-social a:hover {
	color: #2ad356;
}

.info-bar .bar-info {
	float: right;
}

.info-bar .bar-info p {
	float: left;
	margin-left: 30px;
	color: #777777;
	font-size: 13px;
	letter-spacing: .3px;
}

.info-bar .bar-info p:first-child {
	margin-left: 0;	
}

.info-bar .bar-info p i {
	font-family: 'ionicons';
  	font-size: 14px;
  	color: #777777;
  	margin-right: 10px;
}

@media (max-width: 1250px) {
	.info-bar .bar-info p {
		margin-left: 16px;
	}
}

@media (max-width: 730px) {
	.info-bar .bar-social {
		float: none;
		text-align: center;
		margin-bottom: 8px;
	}
	.info-bar .bar-info {
		float: none;
		text-align: center;
	}
	.info-bar .bar-info p {
		float: none;
		display: inline-block;
	}
}

/* NAVBAR */
.navbar {
	background-color: #fff;
	position: relative;
	padding: 36px 0;
}

.navbar .main-menu {
	float: right;
	margin-top: 6px;
}

.navbar .main-menu li {
	float: left;
	margin-left: 36px;
}
.navbar .main-menu li:first-child {
	margin-left: 0;
}

.navbar .main-menu li a {
	text-transform: uppercase;
	font-family: 'Raleway';
	color: #343434;
	font-weight: 700;
	font-size: 13px;
	letter-spacing: 1px;
}

.navbar .main-menu li a.active {
	color: #2ad356;
}

.navbar .main-menu li a:hover {
	color: #2ad356;
}

@media (max-width: 870px) {
	.navbar .main-menu li {
		display: inline-block;
		margin-left: 22px;
	}
}

@media (max-width: 768px) {
	.navbar {
		background: transparent;
		padding: 0;
	}
	.navbar a.logo {
		position: absolute;
		top: -112px;
		z-index: 999;
	}
	.navbar .main-menu {
		display: none;
	}
}

@media (max-width: 768px) {
	.info-bar {
		margin-top: 60px;
	}
}

@media (max-width: 730px) {
	.navbar a.logo {
		top: -142px;
	}
}

@media (max-width: 560px) {
	.navbar a.logo {
		top: -164px;
	}
}

@media (max-width: 345px) {
	.navbar a.logo {
		top: -186px;
	}
}

.navbar .main-menu .dropdown {
	position: relative;
	padding-bottom: 47px;
}

.navbar .main-menu .dropdown .drop-nav {
	position: absolute;
	background-color: #fff;
	top: 100%;
	left: -14px;
	z-index: 999;
	-webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,.05);
  	-moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,.05);
  	box-shadow: 1px 1px 10px 2px rgba(0,0,0,.05);
  	display: none;
}

.navbar .main-menu .dropdown:hover > .drop-nav {
	display: block;
}

.navbar .main-menu .dropdown .drop-nav li {
	margin: 0;
}

.navbar .main-menu .dropdown .drop-nav li a {
	width: 100%;
	display: block;
	padding: 18px;
	margin-right: 60px;
	border-top: 1px solid #ebebeb;
}

/* FLEX SLIDER */
/* arrows affichage */
.flex-direction-nav {
	position: absolute;
	width: 100%;
	top: 50%;
}
/* arrows background */
.flex-direction-nav a {
	background-color: rgba(0,0,0,.5);
    border-radius: 50%;
    width: 60px;
  	height: 60px;
}

.flex-direction-nav a:hover {
	background-color: #2ad356;
}
/* arrows */
.flex-direction-nav a:before {
	font-size: 22px;
}

.flex-direction-nav a.flex-prev:before {
	color: #fff;
	margin-left: 25px;
	margin-top: 18px;
}

.flex-direction-nav a.flex-next:before {
	color: #fff;
	margin-right: 23px;
	margin-top: 18px;
}

/* SLIDER */
.slider {
	overflow: hidden;
	width: 100%;
}

.slider li {
	position: relative;
}

.slider li img {
	width: 100%;
}

.slider .content-wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background-color: rgba(0,0,0,.2);
}
.slider .content-wrap .slider-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	width: 700px;
}

.slider .content-wrap .slider-content h2 {
	font-size: 54px;
	font-family: 'Raleway';
	text-transform: uppercase;
	font-weight: 800;
	color: #fff;
	letter-spacing: 1.2px;
	margin-bottom: 36px;
}

.slider .content-wrap .slider-content p {
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	font-weight: 300;
	line-height: 26px;
	margin-bottom: 40px;
}

.slider .content-wrap .slider-content a.btn {
	border: 2px solid #2ad356;
	background-color: #2ad356;
}

.slider .content-wrap .slider-content a.btn:hover {
	background-color: #fff;
	border: 2px solid #fff;
	color: #343434;
}

@media (max-width: 1060px) {
	.slider .content-wrap .slider-content {
		width: 500px;
	}

	.slider .content-wrap .slider-content h2 {
		font-size: 42px;
		margin-bottom: 30px;
	}
}

@media (max-width: 850px) {
	.slider .content-wrap .slider-content {
		width: 400px;
	}

	.slider .content-wrap .slider-content h2 {
		font-size: 34px;
		margin-bottom: 20px;
	}
}

@media (max-width: 600px) {
	.slider .content-wrap .slider-content {
		width: 320px;
	}

	.slider .content-wrap .slider-content h2 {
		font-size: 24px;
		margin-bottom: 12px;
	}

	.slider .content-wrap .slider-content p {
		font-size: 13px;
		margin-bottom: 20px;
		line-height: 22px;
	}
}

@media (max-width: 480px) {
	.slider .content-wrap .slider-content {
		width: 240px;
	}

	.slider .content-wrap .slider-content h2 {
		font-size: 16px;
		margin-bottom: 6px;
	}

	.slider .content-wrap .slider-content p {
		font-size: 11px;
		margin-bottom: 16px;
		line-height: 16px;
	}

	.slider .content-wrap .slider-content a.btn {
		padding: 10px 20px;
		font-size: 11px;
	}
}

/* ABOUT US SECTION */
.about-sec {
	padding: 100px 0;
	background-color: #fff;
}

@media (max-width: 950px) {
	.about-sec {
		padding: 80px 80px;
	}

	.about-sec .col-1-2 {
		width: 100%;
	}

	.about-sec .col-1-2 img {
		margin-bottom: 34px;
	}
}

@media (max-width: 700px) {
	.about-sec {
		padding: 70px 40px;
	}
}

.about-sec .about-facts .s-title-group {
	position: relative;
}

.about-sec .about-facts {
	margin-top: 16px;
}

@media (max-width: 950px) {
	.about-sec .about-facts {
		margin-top: 0;
		text-align: center;
	}
}

.about-sec .about-facts .s-title-group .sub-title {
	position: absolute;
	top: 50px;
	left: 80px;
	font-size: 18px;
	color: #343434;
	font-weight: 700;
	text-transform: uppercase;
}

@media (max-width: 950px) {
	.about-sec .about-facts .s-title-group .sub-title {
		position: static;
		margin-bottom: 10px;
	}
}

.about-sec .about-facts .s-title-group .icon {
	display: inline-block;
	border: 2px solid #2ad356;
	width: 60px;
	height: 60px;
	position: relative;
	margin-bottom: 15px;
	margin-top: 34px;
}

@media (max-width: 950px) {
	.about-sec .about-facts .s-title-group .icon {
		margin-bottom: 10px;
		margin-top: 40px;
	}
}

.about-sec .about-facts .s-title-group i {
	font-size: 28px;
	color: #2ad356;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* GALLERY SECTION */
.gallery-sec {
	padding: 100px 0;
	background: linear-gradient(rgba(0,0,0,.95), rgba(0,0,0,.95)),
				url(../images/gallery-bg.jpg) no-repeat;
	background-attachment: fixed;
	background-size: cover;
	max-height: 100%;
}

@media (max-width: 950px) {
	.gallery-sec {
		padding: 80px 80px 84px;
	}
}

@media (max-width: 700px) {
	.gallery-sec {
		padding: 70px 40px 74px;
	}
}

.gallery-sec .sec-title {
	color: #fff;
	text-align: center;
}

.gallery-sec .sec-title:after {
	margin: 22px auto 80px;
}

@media (max-width: 768px) {
	.gallery-sec .sec-title:after {
		margin-bottom: 40px;
	}
}

@media (max-width: 430px) {
	.gallery-sec .sec-title:after {
		margin-bottom: 20px;
	}
}

.gallery-sec .img-wrap {
	position: relative;
	max-width: 370px;
}

@media (max-width: 768px) {
	.gallery-sec .img-wrap {
		margin: 40px auto 0;
	}
}

.gallery-sec .img-wrap .img-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	opacity: 0;
}

.gallery-sec .img-wrap .img-hover:hover {
	opacity: 1;
	transition: all .5s;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all;
}

.gallery-sec .img-wrap .img-hover .caption-text {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.gallery-sec .img-wrap .img-hover .caption-text h5 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}

.gallery-sec .img-wrap .img-hover .caption-text .btn {
	font-size: 13px;
	font-weight: 700;
	background-color: #2ad356;
	padding: 16px 40px;
}

@media (max-width: 920px) {
	.gallery-sec .img-wrap .img-hover .caption-text .btn {
		padding: 12px 20px;
	}
}

.gallery-sec .img-wrap .img-hover .caption-text .btn:hover {
	background-color: #fff;
	color: #343434;
	border: 2px solid #fff;
}

/* SERVICES SECTION */
.services-sec {
	padding: 100px 0;
	background-color: #f7f7f7;
	text-align: center;
}

@media (max-width: 1160px) {
	.services-sec {
		padding: 100px 80px;
	}
}

@media (max-width: 950px) {
	.services-sec {
		padding: 80px 80px;
	}
}

@media (max-width: 700px) {
	.services-sec {
		padding: 70px 40px;
	}
}

.services-sec .body-text {
	max-width: 800px;
	margin: 0 auto;
}

.services-sec .sec-title:after {
	margin: 22px auto 30px;
}

.services-sec .service-bg {
	background-color: #fff;
	margin-top: 80px;
	max-width: 280px;
}

.services-sec .service-bg:hover {
	box-shadow: 0px 0px 20px 3px;
	color: rgba(0,0,0,.2);
}

@media (max-width: 970px) {
	.services-sec .col-1-4 {
		width: 100%;
	}

	.services-sec .service-bg {
		margin: 50px auto 0;
	}
}

@media (max-width: 420px) {
	.services-sec .service-bg {
		margin: 40px auto 0;
	}
}

.services-sec .service-bg .serv-img {
	border-bottom: 2px solid #2ad356;
	/*max-width: 280px;*/
	display: block;
}

.services-sec .service-bg .serv-img:hover {
	opacity: .95;
}

.services-sec .service-bg .serv-text {
	text-align: center;
	padding: 26px 8px 26px;
}

.services-sec .btn {
	color: #2ad356;
	display: inline-block;
	margin-top: 60px;
}

.services-sec .btn:hover {
	background-color: #2ad356;
	color: #fff;
}

@media (max-width: 360px) {
	.services-sec .btn {
		padding: 12px 20px;
		margin-top: 40px;
	}
}

/* WHY CHOOSE US SECTION */
.why-us-sec {
	padding: 100px 0;
	background-color: #fff;
	text-align: center;
}

@media (max-width: 1160px) {
	.why-us-sec {
		padding: 100px 80px;
	}
}

@media (max-width: 950px) {
	.why-us-sec {
		padding: 80px 80px;
	}
}

@media (max-width: 700px) {
	.why-us-sec {
		padding: 70px 40px;
	}
}

.why-us-sec .body-text {
	max-width: 800px;
	margin: 0 auto;
}

.why-us-sec .sec-title:after {
	margin: 22px auto 30px;
}

.why-us-sec .circle-icon {
	position: relative;
	width: 130px;
	height: 130px;
	border: 2px solid #2ad356;
	border-radius: 50%;
	margin: 80px auto 20px;
}

@media (max-width: 950px) {
	.why-us-sec .circle-icon {
		margin: 60px auto 20px;
	}
}

@media (max-width: 450px) {
	.why-us-sec .circle-icon {
		margin: 50px auto 20px;
	}
}

.why-us-sec .circle-icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.why-us-sec .row .body-text {
	max-width: 300px;
}

/* FUN FACTS SECTION */
.fun-facts-sec {
	background-color: #2ad356;
	padding: 100px 0;
}

@media (max-width: 1160px) {
	.fun-facts-sec {
		padding: 100px 80px;
	}
}

@media (max-width: 768px) {
	.fun-facts-sec {
		padding: 80px 40px 20px;
	}
}

.fun-facts-sec .fact-group {
	position: relative;
}

@media (max-width: 768px) {
	.fun-facts-sec .fact-group {
		text-align: center;
		margin-bottom: 50px;
	}
}

.fun-facts-sec .fact-group .fact-text {
	position: absolute;
	left: 76px;
	top: -22px;
}

@media (max-width: 940px) {
	.fun-facts-sec .fact-group .fact-text {
		left: 64px;
	}
}

@media (max-width: 768px) {
	.fun-facts-sec .fact-group .fact-text {
		position: static;
	}
}

.fun-facts-sec .fact-group .fact-text .number .fact-nbr {
	font-family: 'Raleway';
	font-size: 54px;
	color: #fff;
	font-weight: 200;
	letter-spacing: 1px;
}

@media (max-width: 940px) {
	.fun-facts-sec .fact-group .fact-text .number .fact-nbr {
		font-size: 46px;
	}
}

@media (max-width: 768px) {
	.fun-facts-sec .fact-group .fact-text .number .fact-nbr {
		font-size: 54px;
	}
}

.fun-facts-sec .fact-group .fact-text .text {
	font-size: 15px;
	color: #fff;
	letter-spacing: .5px;
}

/* GET A QUOTE SECTION */
.get-quote-sec {
	background: linear-gradient(rgba(0,0,0,.85), rgba(0,0,0,.85)),
				url(../images/get-quote-bg.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
	max-height: 100%;
	padding: 100px 0;
	text-align: center;
}

@media (max-width: 1160px) {
	.get-quote-sec {
		padding: 100px 80px;
	}
}

@media (max-width: 950px) {
	.get-quote-sec {
		padding: 80px 80px;
	}
}

@media (max-width: 700px) {
	.get-quote-sec {
		padding: 70px 40px 76px;
	}
}

.get-quote-sec .sec-title {
	color: #fff;
}

.get-quote-sec .body-text {
	max-width: 800px;
	margin: 0 auto;
	color: #fff;
}

.get-quote-sec .sec-title:after {
	margin: 22px auto 30px;
}

.get-quote-sec .btn {
	margin-top: 50px;
	border: 2px solid #fff;
}

.get-quote-sec .btn:hover {
	background-color: #2ad356;
	border: 2px solid #2ad356;
}

@media (max-width: 360px) {
	.get-quote-sec .btn {
		padding: 12px 20px;
		margin-top: 40px;
	}
}

/* PARTNERS-TESTIOMONIALS SECTION */
.partners-testimonials-sec {
	background-color: #fff;
	padding: 100px 0;
}

@media (max-width: 950px) {
	.partners-testimonials-sec {
		padding: 80px 80px;
	}

	.partners-testimonials-sec .col-1-2 {
		width: 100%;
	}
}

@media (max-width: 700px) {
	.partners-testimonials-sec {
		padding: 70px 40px;
	}
}

.partners-testimonials-sec .partner-bg {
	background-color: #f7f7f7;
	max-width: 180px;
	text-align: center;
	padding: 14px 16px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
}

@media (max-width: 470px) {
	.partners-testimonials-sec .partner-bg {
		margin: 40px auto 0; 
		float: none;
	}
}

.partners-testimonials-sec .partner-bg:hover {
	background-color: #2ad356;
}

/* Testimonials Slider */
.partners-testimonials-sec .flex-control-nav {
	text-align: left;
}

.partners-testimonials-sec .flex-control-paging li {
	margin-left: 0;
	margin-right: 10px;
}

.partners-testimonials-sec .flex-control-paging li a.flex-active {
	background-color: #2ad356;
}

@media (max-width: 950px) {
	.partners-testimonials-sec .tes-title {
		margin-top: 70px;
	}
}

.partners-testimonials-sec .testmonials-text {
	font-size: 18px;
	color: #343434;
	font-style: italic;
	line-height: 32px;
	letter-spacing: .3px;
	margin-bottom: 16px;
}

.partners-testimonials-sec .t-person {
	font-size: 14px;
	font-weight: 700;
	color: #343434;
	text-transform: uppercase;
	letter-spacing: .2px;
	margin-bottom: 30px;
}

.partners-testimonials-sec .t-person .t-position {
	text-transform: capitalize;
	font-size: 13px;
}

/* LATEST NEWS SECTION */
.news-sec {
	background-color: #f7f7f7;
	padding: 100px 0;
}

@media (max-width: 1160px) {
	.news-sec {
		padding: 100px 80px;
	}
}

@media (max-width: 950px) {
	.news-sec {
		padding: 80px 80px;
	}
}

@media (max-width: 700px) {
	.news-sec {
		padding: 70px 40px;
	}
}

.news-sec .sec-title {
	text-align: center;
}

.news-sec .body-text {
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
}

.news-sec .sec-title:after {
	margin: 22px auto 30px;
}

.news-sec .img-wrap {
	position: relative;
	max-width: 370px;
	display: block;
	margin-top: 80px;
}

@media (max-width: 768px) {
	.news-sec .img-wrap {
		margin-top: 60px;
	}
}

@media (max-width: 370px) {
	.news-sec .img-wrap {
		margin-top: 40px;
	}
}

.news-sec .img-wrap .img-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(42,211,86,.8);
	opacity: 0;
}

.news-sec .img-wrap .img-hover i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 50px;
	color: #fff;
}

.news-sec .img-wrap .img-hover:hover {
	opacity: 1;
	transition: .5s all;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all;
}

@media (max-width: 768px) {
	.news-sec .news-post {
		max-width: 370px;
		margin: 0 auto;
	}
}

.news-sec .news-text {
	max-width: 370px;
}

.news-sec .news-text .news-title {
	font-size: 20px;
	color: #343434;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	margin-top: 26px;
	margin-bottom: 6px;
	font-family: 'Raleway';
	letter-spacing: .5px;
}

@media (max-width: 370px) {
	.news-sec .news-text .news-title {
		font-size: 16px;
	}
}

.news-sec .news-text .news-title:hover {
	color: #2ad356;
}

.news-sec .news-text .news-date {
	font-size: 12px;
	color: #777777;
	margin-bottom: 10px;
}

.news-sec .news-text .body-text {
	text-align: left;
}

/* INFO SECTION */
.info-sec {
	background-color: #2ad356;
	padding: 60px 0;
}

@media (max-width: 1160px) {
	.info-sec {
		padding: 60px 80px;
	}
}

@media (max-width: 950px) {
	.info-sec {
		padding: 50px 60px 70px;
	}
}

@media (max-width: 768px) {
	.info-sec {
		padding: 70px 60px 30px;
	}
}

.info-sec .info {
	position: relative;
}

.info-sec .info .info-text {
	position: absolute;
	top: 4px;
	left: 80px;
}

@media (max-width: 768px) {
	.info-sec .info {
		text-align: center;
	}

	.info-sec .info img {
		margin-bottom: 16px;
	}

	.info-sec .info .info-text {
		position: static;
		margin-bottom: 30px;
	}
}

.info-sec .info .info-text p {
	color: #fff;
}

@media (max-width: 820px) {
	.info-sec .info .info-text p {
		font-size: 12px;
	}
}

@media (max-width: 768px) {
	.info-sec .info .info-text p {
		font-size: 14px;
	}
}

@media (max-width: 280px) {
	.info-sec .info .info-text p {
		font-size: 13px;
	}
}

/* FOOTER */
footer {
	background-color: #181818;
	padding: 100px 0;
}

@media (max-width: 768px) {
	footer {
		padding: 70px 80px;
	}
}

footer .f-title {
	font-family: 'Raleway';
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	color: #fff;
	letter-spacing: .4px;
}

footer .f-title:after {
	content: '';
	display: block;
	height: 2px;
	width: 50px;
	background-color: #2ad356;
	margin-top: 16px;
	margin-bottom: 24px;
}

footer .footer-left .footer-social {
	margin-top: 20px;
}

footer .footer-left .footer-social i {
	margin-right: 14px;
	color: #4f4f4f;
}

footer .footer-left .footer-social i:hover {
	color: #2ad356;
}

@media (max-width: 768px) {
	footer .footer-left {
		margin-bottom: 50px;
	}
}

footer .footer-center li a {
	font-size: 14px;
	color: #777777;
	margin-bottom: 8px;
	display: inline-block;
}

footer .footer-center li a:hover {
	color: #2ad356;
}

@media (max-width: 1080px) {
	footer .footer-center .col-1-2 {
		width: 100%;
	}

	footer .footer-center .tweets {
		margin-top: 40px;
	}
}

@media (max-width: 768px) {
	footer .footer-center {
		margin-bottom: 50px;
	}
}

footer .tweets a {
	color: #2ad356;
}

footer .tweets a:hover {
	color: #fff;
}

footer .tweets .time {
	margin-top: 10px;
	display: inline-block;
}

footer .footer-right .img-wrap {
	display: block;
	max-width: 70px;
	position: relative;
	margin-top: 10px;
	float: left;
	margin-right: 10px;
}

footer .footer-right .img-wrap .img-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2ad356;
	opacity: 0;
}

footer .footer-right .img-wrap .img-hover i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 28px;
	color: #fff;
}

footer .footer-right .img-wrap .img-hover:hover {
	opacity: 1;
	transition: .5s all;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all;
}

.footer-bottom {
	background-color: #111111;
	padding: 24px 0;
	text-align: center;
}

.footer-bottom a.myprofile {
	color: #777777;
}

.footer-bottom a.myprofile:hover {
	color: #fff;
}

.footer-bottom p {
	color: #777777;
	font-family: 'Raleway';
	font-size: 13px;
}

.footer-bottom p span {
	color: #e74c3c;
	margin: 0 2px;
}

@media (max-width: 570px) {
	.footer-bottom {
		padding: 24px 50px;
	}

	.footer-bottom .copyright {
		line-height: 22px;
	}
}


/*****************************/
/******* SUB HEAD STYLES *******/
/*****************************/

.sub-head {
	background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),
				url(../images/sub-head-bg.jpg) no-repeat;
	background-size: cover; 
	max-height: 100%;
	padding: 100px 0;
	text-align: center;
	background-position: 50% 50%;
}

@media (max-width: 850px) {
	.sub-head {
		padding: 80px 0;
	}
}

.sub-head .head-title {
	font-family: 'Raleway';
	font-size: 30px;
	color: #fff;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.sub-head .body-text {
	color: #fff;
}

@media (max-width: 450px) {
	.sub-head {
		padding: 60px 0;
	}

	.sub-head .head-title {
		font-size: 22px;
	}
}


/*********************************/
/******* SERVICES V1 PAGE *******/
/********************************/

.services1-page .services-sec h5.body-text {
	margin-bottom: 50px;
	display: inline-block;
}

@media (max-width: 900px) {
	.services1-page .services-sec .col-1-3 {
		width: 100%;
	}

	.services1-page .services-sec h5.body-text {
		margin-bottom: 34px;
	}
}

.services1-page .services-sec .service-bg {
	max-width: 380px;
	margin-top: 30px;
}

.services1-page .services-sec .service-bg .serv-text {
	padding: 26px 20px;
}


/*********************************/
/******* SERVICES V2 PAGE *******/
/********************************/

.services2-page .services-sec {
	background-color: #f7f7f7;
}

.services2-page .services-sec h5.body-text {
	margin-bottom: 80px;
	display: inline-block;
}

@media (max-width: 900px) {
	.services2-page .services-sec {
		padding: 80px 80px 60px;
	}

	.services2-page .services-sec .col-1-3 {
		width: 100%;
	}

	.services2-page .services-sec h5.body-text {
		margin-bottom: 50px;
	}
}

@media (max-width: 490px) {
	.services2-page .services-sec {
		padding: 80px 20px 60px;
	}
}

.services2-page .services-sec .service-block {
	background-color: #fff;
	padding: 40px 10px;
	margin: 0 auto 30px;
	max-width: 380px;
}

.services2-page .services-sec .service-block:hover {
	box-shadow: 0px 0px 20px 3px;
	color: rgba(0,0,0,.1);
	transition: .3s all;
	-webkit-transition: .3s all;
    -moz-transition: .3s all;
  	-ms-transition: .3s all;
  	-o-transition: .3s all;
  	transition: .3s all;
}

.services2-page .circle-icon {
	position: relative;
	width: 130px;
	height: 130px;
	border: 2px solid #2ad356;
	border-radius: 50%;
	margin: 0 auto 20px;
	display: block;
}

.services2-page .circle-icon:hover {
	border: 4px solid #2ad356;
	transition: .12s all;
	-webkit-transition: .12s all;
    -moz-transition: .12s all;
  	-ms-transition: .12s all;
  	-o-transition: .12s all;
  	transition: .12s all;
}

@media (max-width: 950px) {
	.services2-page .circle-icon {
		margin: 0 auto 20px;
	}
}

@media (max-width: 450px) {
	.services2-page .circle-icon {
		margin: 0 auto 20px;
	}
}

.services2-page .circle-icon img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.services2-page .row .body-text {
	max-width: 300px;
}


/***********************************/
/******* SINGLE SERVICE PAGE *******/
/***********************************/

.single-serv-sec {
	padding: 100px 0;
	background-color: #fff;
}

@media (max-width: 1150px) {
	.single-serv-sec {
		padding: 100px 40px;
	}
}

.single-serv-sec .lists ul {
	margin-top: 20px;
}

.single-serv-sec .lists li {
	position: relative;
	padding-left: 28px;
	line-height: 34px;
}

.single-serv-sec .lists li i {
	font-size: 38px;
	color: #2ad356;
	position: absolute;
	top: -1px;
	left: 0;
}

@media (max-width: 950px) {
	.single-serv-sec .lists .col-1-2 {
		width: 100%;
	}
}

@media (max-width: 860px) {
	.single-serv-sec {
		padding: 80px 80px;
	}

	.single-serv-sec .col-1-2 {
		width: 100%;
	}

	.single-serv-sec img {
		width: 100%;
		margin-bottom: 40px;
	}
}

@media (max-width: 550px) {
	.single-serv-sec {
		padding: 60px 40px;
	}
}

@media (max-width: 340px) {
	.single-serv-sec {
		padding: 60px 20px;
	}
}


/*************************/
/******* TEAM PAGE *******/
/*************************/

.team-sec {
	background-color: #f7f7f7;
	padding: 100px 0;
}

@media (max-width: 1160px) {
	.team-sec {
		padding: 80px 80px;
	}
}

@media (max-width: 950px) {
	.team-sec {
		padding: 60px 60px;
	}
}

@media (max-width: 768px) {
	.team-sec {
		padding: 60px 60px 40px;
	}
}

@media (max-width: 450px) {
	.team-sec {
		padding: 50px 30px 40px;
	}
}

@media (max-width: 320px) {
	.team-sec {
		padding: 50px 20px 40px;
	}
}

.team-sec h5.body-text {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 768px) {
	.team-sec h5.body-text {
		margin-bottom: 20px;
	}
}

.team-sec .t-member {
	max-width: 270px;
	margin: 80px auto 0;
}

@media (max-width: 950px) {
	.team-sec .t-member {
		margin: 60px auto 0;
	}
}

@media (max-width: 768px) {
	.team-sec .t-member {
		margin: 40px auto 0;
	}
}

.team-sec .t-member .img-wrap {
	position: relative;
	margin-bottom: 24px;
}

.team-sec .t-member .img-wrap .img-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

.team-sec .t-member .img-wrap .social {
	opacity: 0;
}

.team-sec .t-member .img-wrap:hover .social {
	opacity: 1;
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(42,211,86,.85);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
/* Radial Out */

.team-sec .t-member .img-wrap .img-hover .social {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.team-sec .t-member .img-wrap .img-hover .social a {
	color: #fff;
	font-size: 18px;
	margin-right: 20px;
}

.team-sec .t-member .img-wrap .img-hover .social a:last-child {
	margin: 0;
}

.team-sec .t-member .img-wrap .img-hover .social a:hover {
	color: #343434;
}

.team-sec .t-member .member-name {
	font-family: 'Raleway';
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
	color: #343434;
	letter-spacing: .5px;
}


/********************************/
/******* GALLERY V1 PAGE *******/
/*******************************/

.gallery-page {
	background-color: #fff;
	padding: 100px 0;
}

.gallery-page .masonry-tabs {
	margin: 0 10px;
}

.gallery-page .masonry-tabs button.btn {
	background: none;
	color: #777777;
	font-size: 14px;
	text-transform: capitalize;
	font-weight: normal;
	padding: 12px 24px;
	border: 2px solid #d7d7d7;
	margin-right: 10px;
	margin-bottom: 40px;
	outline: none;
}

@media (max-width: 768px) {
	.gallery-page .masonry-tabs button.btn {
		margin-right: 5px;
		padding: 12px 16px;
	}
}

@media (max-width: 660px) {
	.gallery-page .masonry-tabs button.btn {
		margin-right: 2px;
		padding: 12px 8px;
	}
}

@media (max-width: 560px) {
	.gallery-page .masonry-tabs button.btn {
		margin-right: 5px;
		padding: 12px 12px;
		margin-bottom: 10px;
	}
}

.gallery-page .masonry-tabs button.btn:hover {
	background-color: #2ad356;
	border: 2px solid #2ad356;
	color: #fff;
}

.gallery-page .masonry .grid-item {
	width: 33.3333333333%;
}

@media (max-width: 500px) {
	.gallery-page .masonry .grid-item {
		width: 100%;
	}
}

.gallery-page .masonry .grid-item .item {
	margin: 10px;
	float: left;
	position: relative;
}

.gallery-page .masonry .grid-item .item .img-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	opacity: 0;
}

.gallery-page .masonry .grid-item .item .img-hover:hover {
	opacity: 1;
	transition: all .5s;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all;
}

.gallery-page .masonry .grid-item .item .img-hover .caption-text {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.gallery-page .masonry .grid-item .item .img-hover .caption-text h5 {
	color: #fff;
	font-size: 16px;
	margin-bottom: 20px;
}

@media (max-width: 650px) {
	.gallery-page .masonry .grid-item .item .img-hover .caption-text h5 {
		font-size: 14px;
		margin-bottom: 14px;
	}
}

@media (max-width: 500px) {
	.gallery-page .masonry .grid-item .item .img-hover .caption-text h5 {
		font-size: 16px;
		margin-bottom: 20px;
	}
}

.gallery-page .masonry .grid-item .item .img-hover .caption-text .btn {
	font-size: 13px;
	font-weight: 700;
	background-color: #2ad356;
	padding: 16px 40px;
}

@media (max-width: 920px) {
	.gallery-page .masonry .grid-item .item .img-hover .caption-text .btn {
		padding: 12px 20px;
	}
}

@media (max-width: 650px) {
	.gallery-page .masonry .grid-item .item .img-hover .caption-text .btn {
		padding: 12px 10px;
		font-size: 12px;
		letter-spacing: 0;
	}
}

@media (max-width: 500px) {
	.gallery-page .masonry .grid-item .item .img-hover .caption-text .btn {
		padding: 16px 40px;
		font-size: 13px;
		letter-spacing: 1px;
	}
}
.gallery-page .masonry .grid-item .item .img-hover .caption-text .btn:hover {
	background-color: #fff;
	color: #343434;
	border: 2px solid #fff;
}


/********************************/
/******* GALLERY V2 PAGE *******/
/*******************************/

.gallery-page .gallery-2 .masonry .grid-item {
	width: 25%;
}

@media (max-width: 768px) {
	.gallery-page .gallery-2 .masonry .grid-item {
		width: 100%;
	}
}


/********************************/
/******* SINGLE PROJECT PAGE *******/
/*******************************/

.single-project-sec {
	background-color: #fff;
	padding: 100px 0;
}

@media (max-width: 1150px) {
	.single-project-sec {
		padding: 100px 50px;
	}
}

@media (max-width: 380px) {
	.single-project-sec {
		padding: 60px 20px;
	}
}

.single-project-sec .slider-work .slider-col {
	margin-bottom: 26px;
	position: relative;
	padding-top: 51%;
}

.single-project-sec .slider-work .slider-col img {
	width: 100%;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.single-project-sec .slider-work .slider-col img:first-of-type {
	display: block;
}

.single-project-sec .slider-work .carousel-col .slider-carousel img {
	width: 23%;
	margin-right: 16px;
	height: 112px;
	cursor: pointer;
}

.single-project-sec .slider-work .carousel-col .slider-carousel img:last-of-type {
	margin-right: 0;
}

.single-project-sec .slider-work .carousel-col .slider-carousel img:hover {
	opacity: .8;
}

@media (max-width: 1196px) {
	.single-project-sec .slider-work .carousel-col .slider-carousel {
		text-align: center;
	}

	.single-project-sec .slider-work .carousel-col .slider-carousel img {
		width: 22%;
		height: 100px;
	}
}

@media (max-width: 990px) {
	.single-project-sec .slider-work .carousel-col .slider-carousel img {
		height: auto;
	}
}

@media (max-width: 920px) {
	.single-project-sec .slider-work .carousel-col .slider-carousel img {
		margin-right: 10px;
	}
}

@media (max-width: 768px) {
	.single-project-sec .slider-work .carousel-col .slider-carousel {
		margin-bottom: 50px;
	}
}

@media (max-width: 500px) {
	.single-project-sec .slider-work .slider-col {
		margin-bottom: 16px;
	}

	.single-project-sec .slider-work .carousel-col .slider-carousel img {
		width: 20%;
	}
}

@media (max-width: 350px) {
	.single-project-sec .slider-work .carousel-col .slider-carousel img {
		margin-right: 6px;
	}
}

.single-project-sec .p-description {
	margin-bottom: 40px;
}

.single-project-sec .project-title {
	font-color: #343434;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .3px;
	text-transform: uppercase;
}

.single-project-sec .project-title:after {
	content: '';
	display: block;
	background-color: #2ad356;
	height: 2px;
	width: 50px;
	margin-top: 16px;
	margin-bottom: 30px;
}

.single-project-sec .p-details .details-text {
	display: block;
	font-size: 14px;
	color: #777777;
}

.single-project-sec .p-details .details-text .details-title {
	color: #343434;
}

.single-project-sec .p-details .details-text:after {
	content: '';
	display: block;
	height: 1px;
	background-color: #d7d7d7;
	margin-top: 14px;
	margin-bottom: 14px;
}


/********************************/
/******* BLOG GRID PAGE *******/
/*******************************/

.blog-grid {
	padding: 100px 0;
	background-color: #fff;
}

@media (max-width: 1250px) {
	.blog-grid {
		padding: 100px 40px;
	}
}

@media (max-width: 980px) {
	.blog-grid {
		padding: 100px 20px;
	}
}

@media (max-width: 768px) {
	.blog-grid {
		padding: 80px 100px;
	}
}

@media (max-width: 570px) {
	.blog-grid {
		padding: 70px 70px 30px;
	}
}

@media (max-width: 480px) {
	.blog-grid {
		padding: 60px 40px 30px;
	}
}

@media (max-width: 1050px) {
	.blog-grid .grid-blog-post .blog-post .blog-text a.post-title {
		font-size: 16px;
	}
}

@media (max-width: 850px) {
	.blog-grid .grid-blog-post .col-1-2 {
		width: 100%;
	}

	.blog-grid .grid-blog-post .blog-post {
		margin-bottom: 40px;
	}
}

@media (max-width: 768px) {
	.blog-grid .grid-blog-post .blog-post {
		margin: 0 auto 40px;
	}
}

.blog-grid .blog-post {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	max-width: 370px;
	margin-bottom: 30px;
}

.blog-grid .blog-post .img-wrap {
	display: block;
	position: relative;
	max-width: 370px;
}

.blog-grid .blog-post .img-wrap .img-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(42,211,86,.85);
	opacity: 0;
	transition: all .5s;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all;
}

.blog-grid .blog-post .img-wrap .img-hover i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	font-size: 50px;
	color: #fff;
}

.blog-grid .blog-post .img-wrap .img-hover:hover {
	opacity: 1;
	transition: all .5s;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all; 
}

.blog-grid .blog-post .blog-text {
	padding: 24px 16px;
}

.blog-grid .blog-post .blog-text a.post-title {
	font-family: 'Raleway';
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #343434;
	letter-spacing: .5px;
	margin-bottom: 6px;
	display: inline-block;
}

.blog-grid .blog-post .blog-text a.post-title:hover {
	color: #2ad356;
}

.post-date {
	font-size: 12px;
	color: #777777;
	margin-bottom: 10px;
}


/********************************/
/******* BLOG SIDEBAR STYLES *******/
/*******************************/

.side-bar .side {
	margin-bottom: 50px;
}

@media (max-width: 768px) {
	.side-bar {
		margin-top: 30px;
	}
}

.side-bar .side-title {
	font-family: 'Raleway';
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	color: #343434;
	letter-spacing: .5px;
	margin-bottom: 26px;
}

.side-bar .search-input {
	position: relative;
}

.side-bar .search-input input {
	width: 100%;
	border: 1px solid #d7d7d7;
	padding: 16px 16px;
	outline: none;
	font-family: 'Open Sans';
	color: #343434;
	font-size: 14px;
	letter-spacing: .5px;	
}

.side-bar .search-input input:focus {
	border: 1px solid #343434;
}

.side-bar .search-input input::placeholder {
	color: red;
	font-size: 14px;
	color: #777777;
	letter-spacing: .3px;
}

.side-bar .search-input i {
	position: absolute;
	top: 10px;
	right: 16px;
	font-size: 22px;
	color: #343434;
}

.side-bar .side-categories a {
	display: block;
	border-bottom: 1px solid #d7d7d7;
	padding: 14px 0;
}

.side-bar .side-categories a:hover {
	color: #2ad356;
}

.side-bar .side-categories .side-title {
	margin-bottom: 6px;
}

.side-bar .side-archives a {
	display: block;
	border-bottom: 1px solid #d7d7d7;
	padding: 14px 0;
}

.side-bar .side-archives a:hover {
	color: #2ad356;
}

.side-bar .side-archives .side-title {
	margin-bottom: 6px;
}

.side-bar .side-posts .small-post {
	position: relative;
	width: 100%;
	margin-top: 30px;
}

@media (max-width: 950px) {
	.side-bar .side-posts .small-post {
		margin-bottom: 50px;
	}
}

@media (max-width: 850px) {
	.side-bar .side-posts .small-post {
		margin-bottom: 60px;
	}
}

@media (max-width: 790px) {
	.side-bar .side-posts .small-post {
		margin-bottom: 84px;
	}
}

@media (max-width: 768px) {
	.side-bar .side-posts .small-post {
		margin-bottom: 0;
	}
}

.side-bar .side-posts .small-post .s-post-text {
	position: absolute;
	top: 0;
	left: 90px;
}

@media (max-width: 380px) {
	.side-bar .side-posts .small-post .img-wrap {
		margin: 0 auto;
	}
}

@media (max-width: 380px) {
	.side-bar .side-posts .small-post .s-post-text {
		position: static;
		margin-top: 12px;
	}
}

.side-bar .side-posts .small-post .s-post-text .s-post-title {
	font-size: 14px;
	color: #343434;
	letter-spacing: .5px;
	display: inline-block;
	margin-bottom: 4px;
	line-height: 22px;
}

.side-bar .side-posts .small-post .s-post-text .s-post-title:hover {
	color: #2ad356;
}

.side-bar .side-posts .small-post .s-post-text .post-date {
	margin-bottom: 0;
}

.side-bar .side-posts .small-post .img-wrap {
	position: relative;
	max-width: 70px;
	display: block;
}

.side-bar .side-posts .small-post .img-wrap .img-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #2ad356;
	opacity: 0;
}

.side-bar .side-posts .small-post .img-wrap .img-hover i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 28px;
	color: #fff;
}

.side-bar .side-posts .small-post .img-wrap .img-hover:hover {
	opacity: 1;
	transition: .5s all;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all;
}

.side-bar .side-tags a.tag {
	display: inline-block;
	border: 1px solid #d7d7d7;
	font-size: 14px;
	color: #777777;
	letter-spacing: .5px;
	padding: 12px 18px;
	margin-right: 8px;
	margin-bottom: 14px;
}

.side-bar .side-tags a.tag:hover {
	background-color: #2ad356;
	border: 1px solid #2ad356;
	color: #fff;
}


/********************************/
/******* BLOG CLASSIC PAGE *******/
/*******************************/

.blog-classic {
	padding: 100px 0;
	background-color: #fff;
}

@media (max-width: 1250px) {
	.blog-classic {
		padding: 100px 40px;
	}
}

@media (max-width: 980px) {
	.blog-classic {
		padding: 80px 20px;
	}
}

@media (max-width: 768px) {
	.blog-classic {
		padding: 70px 100px;
	}
}

@media (max-width: 570px) {
	.blog-classic {
		padding: 70px 70px 30px;
	}
}

@media (max-width: 480px) {
	.blog-classic {
		padding: 60px 20px 60px;
	}
}

.blog-classic .blog-post {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	max-width: 770px;
	margin-bottom: 30px;
}

.blog-classic .blog-post .img-wrap {
	display: block;
	position: relative;
	max-width: 770px;
}

.blog-classic .blog-post .img-wrap .img-hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(42,211,86,.85);
	opacity: 0;
	transition: all .5s;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all;
}

.blog-classic .blog-post .img-wrap .img-hover i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	font-size: 50px;
	color: #fff;
}

.blog-classic .blog-post .img-wrap .img-hover:hover {
	opacity: 1;
	transition: all .5s;
	-webkit-transition: .5s all;
    -moz-transition: .5s all;
  	-ms-transition: .5s all;
  	-o-transition: .5s all;
  	transition: .5s all; 
}

.blog-classic .blog-post .blog-text {
	padding: 24px 16px;
}

.blog-classic .blog-post .blog-text .post-date {
	float: left;
	margin-right: 50px;
}

@media (max-width: 390px) {
	.blog-classic .blog-post .blog-text .post-date {
		margin-right: 16px;
	}
}

.blog-classic .blog-post .blog-text .post-author {
	font-size: 12px;
	color: #777777;
}

.blog-classic .blog-post .blog-text .post-author .author {
	color: #2ad356;
}

.blog-classic .blog-post .blog-text .post-author .author:hover {
	color: #343434;
}

.blog-classic .blog-post .blog-text a.post-title {
	font-family: 'Raleway';
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #343434;
	letter-spacing: .5px;
	margin-bottom: 16px;
	display: inline-block;
}

@media (max-width: 390px) {
	.blog-classic .blog-post .blog-text a.post-title {
		font-size: 18px;
	}
}

.blog-classic .blog-post .blog-text a.post-title:hover {
	color: #2ad356;
}

.blog-classic .blog-post .blog-text .btn {
	background-color: #2ad356;
	margin-top: 40px;
}

.blog-classic .blog-post .blog-text .btn:hover {
	background-color: #343434;
	border: 2px solid #343434;
}


/********************************/
/******* SINGLE BLOG POST *******/
/*******************************/

.single-post {
	padding: 100px 0;
	background-color: #fff;
}

@media (max-width: 1250px) {
	.single-post {
		padding: 100px 40px;
	}
}

@media (max-width: 980px) {
	.single-post {
		padding: 80px 20px;
	}
}

@media (max-width: 768px) {
	.single-post {
		padding: 70px 100px;
	}
}

@media (max-width: 650px) {
	.single-post {
		padding: 70px 50px 30px;
	}
}

@media (max-width: 480px) {
	.single-post {
		padding: 60px 20px 60px;
	}
}

.single-post .blog-post {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	max-width: 770px;
	margin-bottom: 30px;
}

.single-post .blog-post .blog-text {
	padding: 30px 30px;
}

.single-post .blog-post .blog-text .post-date {
	float: left;
	margin-right: 50px;
}

@media (max-width: 390px) {
	.single-post .blog-post .blog-text .post-date {
		margin-right: 16px;
	}
}

.single-post .blog-post .blog-text .post-author {
	font-size: 12px;
	color: #777777;
}

.single-post .blog-post .blog-text .post-author .author {
	color: #2ad356;
}

.single-post .blog-post .blog-text .post-author .author:hover {
	color: #343434;
}

.single-post .blog-post .blog-text h1.post-title {
	font-family: 'Raleway';
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #343434;
	letter-spacing: .5px;
	margin-bottom: 16px;
	display: inline-block;
}

@media (max-width: 390px) {
	.single-post .blog-post .blog-text h1.post-title {
		font-size: 18px;
	}
}

.single-post .blog-post .blog-text h2.post-sub-title {
	font-family: 'Raleway';
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	color: #343434;
	letter-spacing: .5px;
	margin-top: 26px;
	margin-bottom: 16px;
}

blockquote {
	font-size: 18px;
	color: #343434;
	font-style: italic;
	background-color: #f7f7f7;
	padding: 10px 16px;
	border-left: 6px solid #2ad356;
	line-height: 30px;
	margin-top: 26px;
	margin-bottom: 26px;
}

@media (max-width: 430px) {
	blockquote {
		font-size: 16px;
	}
}

.link {
	color: #2ad356;
}

.link:hover {
	color: #343434;
}

.bold {
	font-weight: 800;
}

.single-post .blog-post .share-post {
	width: 100%;
	padding: 10px 0;
	border-top: 1px solid #d7d7d7;
	margin-top: 30px;
	text-align: center;
}

.single-post .blog-post .share-post .share-social a {
	display: inline-block;
	margin-right: 20px;
	border: 1px solid #2ad356;
	width: 34px;
	height: 34px;
	padding-top: 6px;
	border-radius: 50%;
	color: #2ad356;
}

.single-post .blog-post .share-post .share-social a:last-child {
	margin-right: 0;
}

.single-post .blog-post .share-post .share-social a:hover {
	background-color: #2ad356;
	color: #fff;
}

/* About Author */
.single-post .about-author {
	padding: 30px 30px;
	border: 1px solid #d7d7d7;
	margin-bottom: 30px;
}

.single-post .about-author img {
	float: left;
	margin-right: 24px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
}

@media (max-width: 768px) {
	.single-post  .about-author img {
		margin: 0 auto;
		display: block;
		float: none;
	}
}

.single-post .about-author p .author-name {
	font-weight: 800;
	color: #343434;
}

.single-post .about-author .social a {
	display: inline-block;
	margin-right: 10px;
	color: #777777;
	margin-top: 10px;
	font-size: 14px;
}

.single-post .about-author .social a:last-child {
	margin-right: 0;
}

.single-post .about-author .social a:hover {
	color: #2ad356;
}

@media (max-width: 768px) {
	.single-post .author-text {
		float: left;
		margin-top: 12px;
	}
}

/* Blog Post Comments */
.single-post .blog-comments {
	padding: 30px 30px;
	border: 1px solid #d7d7d7;
	margin-bottom: 30px;
}

.single-post .blog-comments .comments-title {
	text-align: center;
	font-size: 13px;
	text-transform: uppercase;
	color: #343434;
	font-weight: 700;
	margin-bottom: 30px;
}

.single-post .blog-comments .single-comment {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

.single-post .blog-comments .single-comment .user-image {
	float: left;
	margin-right: 16px;
}

.single-post .blog-comments .single-comment .user-image img {
	border-radius: 100%;
	max-width: 70px;
	height: auto;
}

@media (max-width: 600px) {
	.single-post .blog-comments .single-comment .user-image img {
		display: none;
	}
}

.single-post .blog-comments .single-comment .comment-text {
	position: relative;
	overflow: hidden;
}

.single-post .blog-comments .single-comment .comment-text .reply {
	position: absolute;
	top: 0;
	right: 0;
	color: #343434;
	font-size: 12px;
}

.single-post .blog-comments .single-comment .comment-text .reply:hover {
	color: #2ad356;
}

.single-post .blog-comments .single-comment .comment-text .user {
	font-weight: 700;
	color: #343434;
}

.single-post .blog-comments .single-comment .comment-text .date {
	font-size: 12px;
	margin-bottom: 6px;
}

.single-post .blog-comments .comment-forms .comments-title {
	margin-top: 50px;
}

.single-post .blog-comments .comment-forms input {
	font-size: 13px;
	width: 100%;
	border: 1px solid #d7d7d7;
	outline: none;
	padding: 12px 14px;
	letter-spacing: .5px;
	color: #777777;
	margin-bottom: 20px;
}

.single-post .blog-comments .comment-forms input[type=text]:focus {
	border: 1px solid #343434;
}

.single-post .blog-comments .comment-forms input::placeholder {
	font-size: 13px;
	font-family: 'Open Sans';
	color: #777777;
	letter-spacing: .5px;
}

.single-post .blog-comments .comment-forms textarea {
	font-size: 13px;
	width: 100%;
	height: 120px;
	border: 1px solid #d7d7d7;
	outline: none;
	padding: 12px 14px;
	letter-spacing: .5px;
	color: #777777;
	margin-bottom: 20px;
	resize: none;
}

.single-post .blog-comments .comment-forms textarea:focus {
	border: 1px solid #343434;
}

.single-post .blog-comments .comment-forms input[type=submit] {
	background-color: #343434;
	color: #fff;
	padding: 14px 24px;
	width: auto;
	border-radius: 50px;
	outline: none;
	font-size: 11px;
}

.single-post .blog-comments .comment-forms input[type=submit]:hover {
	background-color: #2ad356;
}


/********************************/
/******* CONTACT US PAGE *******/
/*******************************/

.contact-us-sec {
	background-color: #fff;
	padding: 100px 0 180px;
	text-align: center;
}

@media (max-width: 1250px) {
	.contact-us-sec {
		padding: 100px 40px 120px;
	}
}

@media (max-width: 980px) {
	.contact-us-sec {
		padding: 80px 20px 120px;
	}
}

@media (max-width: 768px) {
	.contact-us-sec {
		padding: 80px 80px 120px;
	}
}

@media (max-width: 570px) {
	.contact-us-sec {
		padding: 70px 30px 100px;
	}
}

/* GOOGLE MAP */
#map {
	height: 600px;
}
#map img {  
    max-width: none;   
}

.contact-us-sec .sec-title:after {
	margin: 0 auto;
	margin-top: 22px;
	margin-bottom: 30px;
}

.contact-us-sec .sec-text {
	max-width: 800px;
	margin: 0 auto;
	margin-bottom: 70px;
}

@media (max-width: 768px) {
	.contact-us-sec .sec-text {
		margin-bottom: 50px;
	}
}

.contact-us-sec input[type=text] {
	width: 100%;
	border: 1px solid #d7d7d7;
	padding: 16px 16px;
	outline: none;
	font-family: 'Open Sans';
	color: #343434;
	font-size: 14px;
	letter-spacing: .5px;	
}

.contact-us-sec input[type=text]:focus {
	border: 1px solid #343434;
}

.contact-us-sec input[type=text]::placeholder {
	color: red;
	font-size: 14px;
	color: #777777;
	letter-spacing: .3px;
}

@media (max-width: 768px) {
	.contact-us-sec input[type=text] {
		margin-bottom: 30px;
	}
}

.contact-us-sec textarea {
	font-size: 14px;
	width: 100%;
	height: 200px;
	border: 1px solid #d7d7d7;
	outline: none;
	padding: 12px 14px;
	letter-spacing: .5px;
	color: #777777;
	margin-bottom: 20px;
	resize: none;
	margin-top: 30px;
}

.contact-us-sec textarea:focus {
	border: 1px solid #343434;
}

@media (max-width: 768px) {
	.contact-us-sec textarea {
		margin-top: 0;
	}
}

.contact-us-sec input[type=submit].btn {
	background-color: #2ad356;
	color: #fff;
	width: auto;
	border-radius: 50px;
	outline: none;
	font-size: 13px;
	margin-top: 10px;
}

.contact-us-sec input[type=submit].btn:hover {
	background-color: #343434;
	border: 2px solid #343434;
}