/***************************************
========================================

	Author Name   : Themeplaza
	This is HTML5 template
	Template Name : Farin Personal Portfolio Template
	Version: 1.0
	
****************************************
=======================================/

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

 ==> Table Of Content

	01 Basics
	02 Buttons
	03 Header
	04 Banner
	05 About
	06 Service
	07 cta 
	08 Works
	09 Counter
	10 Resume
	11 Blog
	12 Contact
	13 Footer
	14 Top-control
 

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


/* ----------------------------------------------------------------
    [ 01 Start Basics ]
-----------------------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  list-style: none;
  word-wrap: break-word;
}

body {
   font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #333333;
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6{
	color: #333333;
	font-family: 'Bitter', serif;
	font-weight: 600;
}
img{
	max-width: 100%;
	height: auto;
}
ul{
	padding: 0;
	list-style: none;
}
p {
    margin: 0 0 20px 0;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
}

a:link, a:visited {color: #53904b;}

a:hover{
	text-decoration: underline;
	outline: none;
}
.text_white{
	color: #fff;
}
.padding_0{
	padding: 0;
}
.gray_bg{
	background: #f3f0e9;
}
.midgray_bg{
	background: #cbc7c1  ;
}
.dark_bg{
	background: #585858  ;
}
/* START PRELOADER DESIGN */
.preloader {
  position: fixed;
  left: 0;
  width: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 9999999;
  background-color: transparent;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader .loader {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  position: absolute;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  
}

/*.preloader .loader .loader-outter {
  position: absolute;
  border: 4px solid #518e4b ;
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}*/

.preloader .loader .loader-inner {
  position: absolute;
  border: 4px solid #518e4b ;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
  border-right: 0;
  border-top-color: transparent;
  -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader .loader span {
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
	
  background-image: url("../images/loading.jpg");
	-webkit-animation-name: spin;
  -webkit-animation-duration: 40000ms;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: spin;
  -moz-animation-duration: 40000ms;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -ms-animation-name: spin;
  -ms-animation-duration: 40000ms;
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;
  -o-transition: rotate(3600deg);
}

.preloader::before, .preloader::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 60%;
  height: 100%;
  z-index: -1;
  background: #fff;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader::after {
  left: auto;
  right: 0;
}

.preloader.preloader-deactivate {
  visibility: hidden;
}

.preloader.preloader-deactivate::after, .preloader.preloader-deactivate::before {
  width: 0;
}

.preloader.preloader-deactivate .loader {
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/* END PRELOADER DESIGN */

/* Start Section-Padding */
.section_padding{
	padding: 75px 0;
}
/* End Section-Padding */

/* Start Section-Heading */
.section_heading{
    padding-bottom: 80px;
}
.section_heading h2{
    font-size: 30px;
    font-weight: 900;
	color: #222;
    margin-top: 5px;
    margin-bottom: 10px;
}
.section_heading h2 span{
	color: #518e4b;
	font-size: 50px;
    font-weight: 900;
}
.dark_bg .section_heading h2{
	color: #fff;
}
.dark_bg .section_heading h2 span{
	color: #518e4b;
	font-size: 50px;
    font-weight: 900;
}
.section_heading .sm_border{
    display: block;
    height: 2px;
    width: 70px;
    margin-bottom: 15px;
    bottom: -5px;
    position: relative;
    left: 50%;
    background-color: #518e4b;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.section_heading span{
	font-weight: 400;
	color: #518e4b;
}
/* End Section-Heading */

/* ----------------------------------------------------------------
    [ End Basics ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 02 Start Buttons ]
-----------------------------------------------------------------*/
/* Start Btn-Style */
.main_btn{
    color: #fff;
    font-size: 16px;
    margin-top: 25px;
    padding: 15px 20px;
    letter-spacing: 0.5px;
	font-weight: 600;
	border: 1px solid #fff;
	background: transparent;
    line-height: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out 0s;
}
.main_btn:hover{
    color: #fff;
    background: #518e4b;
	
}
a:link.main_btn, a:visited.main_btn, a:hover.main_btn {color: #fff !important;}
.testimonials_btn{
    color: #fff;
    font-size: 16px;
    margin-top: 25px;
    padding: 15px 20px;
    letter-spacing: 0.5px;
	font-weight: 600;
	border: 1px solid #518e4b;
	background: #518e4b;
    line-height: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out 0s;
	display: block;
}
.testimonials_btn:hover{
    color: #fff;
    background: #333;
	
}
.testimonials_btn a:link, .testimonials_btn a:visited, .testimonials_btn a:hover {color: #fff;}
.blog-info .blog_btn{
    padding: 20px 30px;
}

.logos {margin: 0 auto; text-align: center; display: block; }
.logos img {margin:15px 10px; display:inline-block; }


/* ----------------------------------------------------------------
    [ End Buttons ]
-----------------------------------------------------------------*/
/* Menu Button */
.menu-button {
    position: fixed;
    z-index: 1;
    padding: 0;
    width: 2.5em;
    height: 2em;
    border: none;
    font-size: 1.2em;
    color: #666;
    background: #fff;
    margin: 0.2em 0 0 8em;
    outline: none;
	top:10px;
	left:10px !important;
}
.menu-button::before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
	background: -webkit-linear-gradient(#ccc 20%, transparent 20%, transparent 40%, #ccc 40%, #fff 60%, transparent 60%, transparent 80%, #ccc 80%);
    background: linear-gradient(#ccc 20%, transparent 20%, transparent 40%, #ccc 40%, #ccc 60%, transparent 60%, transparent 80%, #ccc 80%);
    content: '';
}
.menu-button:hover {
	-moz-opacity: 0.8;
	opacity: 0.8;
	background-color:#fff;
	color:#333;
}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 2; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #f3f0e9; /* lt grey */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  font-family: 'Bitter', serif;
}

/* The navigation menu links */
.sidenav a {
	font-family: 'Bitter', serif;
	font-size: 18px;
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  color: #333;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #000;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* ----------------------------------------------------------------
    [ 03 Start Header ]
-----------------------------------------------------------------*/

header {position: relative; min-height: 100px;}
.logo {
	position: relative;
	margin: 10px; 
    display: block;
	width: 100%;
}
.logo img {
	float: right;
	display: block;
	max-width:100%;
	height: auto;
	margin-right: 20px;
}

/*.navbar-default{
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    background: #fff;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}
.navbar-brand p{
    font-size: 32px;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #518e4b;
	font-family: 'Poppins', sans-serif;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #fff;
}
.menu-top { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 }
.navbar-default .navbar-nav>li>a{
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus{
    color: #518e4b;
}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus{
    color: #fff;
    background-color: transparent;
}
.mobile-nav{
	display:none;
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: 0 10px 15px rgba(25,25,25,0.1);
    padding: 10px 0;
    width: 100%;
    animation: fadeInDown 1s both 0.2s;
}
.navbar-default.dark_bg_menu.menu-shrink{
	background-color: #585858;
    box-shadow: 0 10px 15px rgba(25,25,25,0.1);
    padding: 10px 0;
    width: 100%;
    animation: fadeInDown 1s both 0.2s;
}
.navbar-default.dark_bg_menu.menu-shrink li a{
	color: #fff !important; 
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.navbar-default.menu-shrink .navbar-brand p{
    color: #518e4b;
}
.navbar-default.menu-shrink li a { 
	color: #333333; 
	transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}
.navbar-default.menu-shrink li a:hover { color: #518e4b !important }
.navbar-default.menu-shrink .navbar-nav>.active>a, 
.navbar-default.menu-shrink .navbar-nav>.active>a:hover,
.navbar-default.menu-shrink .navbar-nav>.active>a:focus{
    color: #518e4b !important;
    background-color: transparent;
}
.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #518e4b }
/* ----------------------------------------------------------------
     [ End Header ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
     [ 04 Start Banner ]
-----------------------------------------------------------------*/
/*#particles-js{
    position: absolute;
    width: 100%;
    height: 100%;
	top: 0;
}
.main_banner{
	height: 700px;
	background-size: cover;
	background-repeat: no-repeat;
}
.banner_bg{
	background-image: url(../images/banner.jpg);
	background-size: cover;
	background-position: center center;
	position: relative;
}
.banner_bg:before{
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0, 0.1);
}
.banner_content{
	margin-top: 230px;
}
.banner_content h1{
	font-weight: 600;
    color: #fff;
    font-size: 50px;
    margin: 5px 0 10px;
	text-transform: capitalize;
}
.dark_bg .banner_content h1{
	color: #fff;
}
.banner_content h3{
	color: #518e4b;
	text-transform: uppercase;
	font-size: 25px;
}
.banner_content h1 span .fw_600{
	font-weight: 600;
}
.cd-headline.clip .cd-words-wrapper::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #fff;
}
.banner_content p{
    color: #fff;
	font-size: 14px;
    padding-bottom: 40px;
    max-width: 100%;
}
.dark_bg .banner_content p{
	color: #fff;
}
.banner_btn{
	background: #518e4b;
    border-color: #518e4b;
	color: #fff;
	border-radius: 30px;
    text-transform: capitalize;
    margin: 25px 10px 0px 0px;
	padding: 10px 32px;
}
.banner_btn:hover{
    box-shadow: 1px 5px 12px rgba(0,0,0, 0.15);
}
#round {
    position: absolute;
    top: 75px;
    bottom: 0;
	z-index: 9;
}
/* ----------------------------------------------------------------
    [ End Banner ]
-----------------------------------------------------------------*/


/*-- Slider --*/
span.fa.fa-angle-left, span.fa.fa-angle-right {
    font-weight: 400;
    position: absolute;
    font-size: 50px;
    top: 48%;
}
.carousel-caption {
    top: 0;
    height: 275px;
    right: 0;
    left: 0;
}
.carousel-caption1 {
	position: absolute;
    top: 45%;
    height: 275px;
	right: 10%;
    left: 10%;
	text-shadow: 0 4px 2px rgba(0,0,0,.6);
}
.carousel-inner {
    height: auto;
	max-height: 100%;
	
}
.carousel-inner2 {
    height:auto;
	
}
.carousel-inner p {
    padding: 0; margin: 0;
	
}
.carousel-caption p {
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
}

div#myCarousel {
    height:100%;
}
div#myCarousel2 {
    height: 400px;
}
.carousel-caption h1 {
    font-weight: 600;
    font-size: 40px;
    margin-top:150px;
    margin-bottom: 15px;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(45, 45, 45, 0.80);
}
.carousel-caption h2 {
    font-weight: 600;
    font-size: 30px;
    margin-top:50px;
    margin-bottom: 15px;
	letter-spacing: 1px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(45, 45, 45, 0.80);
}

.carousel-indicators {display: none !important;}
.banner-dott, .banner-dott1 {
    background: url(../images/dott.png)repeat 0px 0px;
    background-size: 2px;
    -webkit-background-size: 2px;
    -moz-background-size: 2px;
    -o-background-size: 2px;
    -ms-background-size: 2px;
	    height: auto;
		height: 650px;
}
span.b-head {
    color: #E91E63;
}
span.b-head:hover {
    border-bottom: 2px solid #23d6c5;
}
/* Banner */
/*-- //Slider --*/

/* ----------------------------------------------------------------
    [ 05 Start About ]
-----------------------------------------------------------------*/
.about_image img{
	box-shadow: 0 5px 14px 0 rgb(0 0 0 / 6%);
	padding: 10px;
	background: #ffffff;
}
.about_content_area{
	margin-top: 20px;
}
.about_content_area h2 {font-size: 24px; margin-bottom: 20px;}
.about_content_area h3 {font-size: 20px; font-weight: 300!important;}
.about_content_area a:link, .about_content_area a:visited {color:#3e8638; }
.single_about h4{	
	font-family: 'Work Sans', sans-serif !important;
    font-size: 24px;
	font-weight: 200;
	line-height: 30px;
	margin: 0 0 20px;
	color: #222;
}
.single_about h5{
    font-size: 18px;
	line-height: 22px;
	margin: 0 0 20px;
	color: #222;
}
.single_about p{
	font-family: 'Bitter', serif;
    font-size: 24px;
	line-height: 30px;
	margin: 0 0 20px;
	color: #222;
}
.single_about h4 span{
	color: #518e4b;
}

.item-img h4 {margin-top: 40px; font-size: 20px;}
.dark_bg .single_about h4{
	color: #fff;
}
.dark_bg .about_content_area p{
    color: #fff;
}
.about_details{
    margin-top: 15px;
}
.about_details li{
	color: #333;
	display: inline-block;
	margin-top: 15px;
	width: 49%;
}
.about_details span{
    color: #222;
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    width: 25%;
}
.dark_bg .about_details span{
	color: #fff;
}
.ct_about{
	margin: 10px 0;
}
.dark_bg .ct_about{
	color: #fff;
}
.ct_about span i{
	margin-right: 5px;
}
.single_about a i{
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ddd;
}
/* ----------------------------------------------------------------
    [ End About ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 06 Start Service ]
-----------------------------------------------------------------*/
.single-service{
	overflow: hidden;
    padding: 45px 25px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);	
	border-bottom: 4px solid #518e4b;
    margin-bottom: 30px;
    transition: all 0.4s ease;
}
.dark_bg .single-service{	
	background: #1D1730;
}
.single-service:hover{
	-webkit-transform: translateY(-5px);
    transform: translateY(-5px);
}
.single-service i{
	background: #518e4b;
	width: 60px;
    height: 60px;
	line-height: 60px;
	border-radius: 50%;
	text-align: center;
	transition: all 0.4s ease;
    font-size: 25px;
    display: inline-block;
    color: #fff;
}
.single-service h4{
    font-size: 20px;
    margin-top: 30px;
    text-transform: capitalize;
    color: #222;
	transition: all 0.4s ease;
}
.dark_bg .single-service h4{
	color: #fff;
}
.single-service p{
	transition: all 0.4s ease;
	color: #333333;
	margin-top: 15px;
}
.dark_bg .single-service p{
	color: #fff;
}
/* ----------------------------------------------------------------
    [ End Service ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 07 Start Cta ]
-----------------------------------------------------------------*/
.cta_section{
	background: url(../images/cta-action.jpg);
	position: relative;
	background-position: bottom right;
    background-size: cover;
    background-attachment: fixed;
}
.cta_section:before{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
    background: rgba(0, 0, 0, 0.4);
}
.cta_content h3 {
	color: #fff;
    font-size: 24px;
	font-family: 'Work Sans', sans-serif !important;
	margin-top: 0;
    margin-bottom: 20px;
}
/* ----------------------------------------------------------------
    [ End Cta ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 08 Start Works ]
-----------------------------------------------------------------*/
.work_filter ul{
	padding: 0;
	list-style: none;
	margin-bottom: 30px;
}
.work_filter ul li{
    font-weight: 600;
    text-transform: capitalize;
    display: inline-block;
    cursor: pointer;
    font-size: 15px;
    padding: 7px 25px;
	border-radius: 30px;
	border: 1px solid #518e4b;
	color: #333333;
    letter-spacing: 1px;
    margin: 0 5px 20px;
    transition: all 0.5s ease-in-out;
}
.work_filter .active{
    color: #fff;
	border: 1px solid #518e4b;
    background: #518e4b;
}
.dark_bg .work_filter ul li{
	border: 1px solid #518e4b;
	color: #fff;
}
.work_filter ul li:hover{
    color: #fff;
	border: 1px solid #518e4b;
	background: #518e4b;
}
.work_content_area .item-img{
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: all .4s;
	transition: all .4s;
}
.work_content_area .item-img:hover{
	-webkit-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
	box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.1);
}
.work_content_area .item-img:hover .item-img-overlay{
	visibility: visible;
	opacity: 1;
}
.overlay-info{
	margin-top: 50px;
}
.work_content_area .item-img-overlay{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	padding: 30px;
	background: rgba(81, 142, 75, 0.6) none repeat scroll 0 0;
	opacity: 0;
	visibility: hidden;
	transition: 2s;
}
.work_content_area .item-img-overlay .icon{
	position: absolute;
	right: 155px;
	bottom: 120px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	text-align: center;
	font-size: 20px;
	color: #fff;
}
.work_content_area:hover a{
	animation: fadeInDown 700ms ease-in-out;
}
.work_content_area .col-md-4 {min-height: 450px;}
.work_content_area h4 {margin-bottom: 5px;}
.work_content_area p {margin-bottom: 5px; font-size: 14px;}
/* ----------------------------------------------------------------
    [ End Works ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 09 Start Counter ]
-----------------------------------------------------------------*/

#counter_area{
    background: url(../images/counter.jpg);
	position: relative;
    background-size: cover;
    background-attachment: fixed;
}
#counter_area:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    background: rgba(245, 84, 34, 0.4);
}
.single_counter{	
	padding: 15px 15px 15px 15px;
}
.single_counter h3{
	font-size: 38px;
	font-weight: 600;
	color: #fff;
}
.single_counter span{
	font-size: 38px;
	font-weight: 600;
	color: #518e4b;
}
.single_counter h5{
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}
/* ----------------------------------------------------------------
    [ End Counter ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 10 Start Resume ]
-----------------------------------------------------------------*/
.education-container{
    position: relative;
    display: block;
    margin: 0;
}
.edu-list{
    position: relative;
    display: block;
    margin: 0 50px;
    list-style: none;
}
.edu-list > li{
	background: transparent;
	border: 1px solid #518e4b;
	border-radius: 10px;
    position: relative;
    margin: 0 0 30px;
    padding: 25px 25px 25px 25px;
}
.dark_bg .edu-list > li{
	border: 1px solid #518e4b;
}
.edu-list > li strong{
    color: #518e4b;
    font-size: 14px;
}
.edu-list > li h5{
    font-size: 16px;
}
.dark_bg .edu-list > li h5{
	color: #fff;
}
.dark_bg .edu-list > li p{
	color: #fff;
}
.edu-list > li:not(:last-child)::before{
    content: '';
    position: absolute;
    top: 40px;
    left: -27px;
    width: 3px;
    height: 100%;
    background: #518e4b;
}
.edu-list > li::after{
	content: "\e032";
    position: absolute;
    top: 0;
	left: -50px;
	width: 50px;
	height: 50px;
    line-height: 50px;
	border-radius: 100%;
	text-align: center;
    font-size: 20px;
    font-family: 'et-line';
    background: #518e4b;
    color: #fff;
    box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
}
.experience > li::after{
	content: "\e015";
    position: absolute;
    top: 0;
	left: -50px;
	width: 50px;
	height: 50px;
    line-height: 50px;
	border-radius: 100%;
	text-align: center;
    font-size: 20px;
    font-family: 'et-line';
    background: #518e4b;
    color: #fff;
    box-shadow: 2px 4px 15px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    -webkit-transition: all .3s ease;
       -moz-transition: all .3s ease;
            transition: all .3s ease;
}
/* ----------------------------------------------------------------
    [ End Resume ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 12 Start Blog ]
-----------------------------------------------------------------*/

#projects .col-md-6 img, #projects .col-md-4 img {margin-bottom: 50px;}

#clients .col-md-6 {padding:0 50px;}
#clients ul {margin-left: 20px; font-size: 20px;}
.single_blog{
	margin-bottom: 30px;
}
.single_blog:hover img{
	-moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    transform: scale(1.09);
}
.single_blog .blog-image{
	overflow: hidden;
}
.single_blog img{
	width: 100%;
    border-radius: 3px 3px 0 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.5s;
}
.blog-thumb{
	background: transparent;
	-webkit-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	text-align: left;
	margin-bottom: 30px;
}
.blog-thumb small{
	color: #518e4b;
	font-weight: 500;
	display: block;
}
.blog-thumb small .fa{
	margin-right: 5px;
}
.blog-thumb small,
.blog-thumb small + span{
	display: inline-block;
	vertical-align: middle;
}
.blog-thumb small + span{
	color: #777;
	font-size: 10px;
	font-weight: bold;
	text-transform: capitalize;
	margin-left: 2px;
}
.dark_bg .blog-thumb small + span{
	color: #fff;
}
.blog-thumb h4{
	color: #222;
    padding: 0px;
	text-transform: capitalize;
    font-size: 23px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.dark_bg .blog-thumb h4{
	color: #fff;
}
.dark_bg .blog-thumb p{
	color: #fff;
}
.blog-thumb h4:hover{
	color: #518e4b;
}
.blog-info{
	box-shadow: 0 1px 30px rgba(255, 255, 255, 0.2);
	padding: 20px 30px;
}
.blog-info .blog_btn{
	color: #222;
    font-size: 14px;
    margin-top: 10px;
    text-transform: capitalize;
	background: transparent;
	border: none;
	font-weight: 500;
    transition: all 0.4s ease-in-out 0s;
	padding: 10px 0px;
}
.dark_bg .blog-info .blog_btn{
	color: #fff;
}
.blog-info .blog_btn:hover{
	color: #518e4b;
}
/* ----------------------------------------------------------------
    [ End Blog ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 13 Start Contact ]
-----------------------------------------------------------------*/
.form .form-group input{
	background: transparent;
	border-color: #e3e3e3;
    height: 40px;
    border-radius: 0;
	box-shadow: none;
}
.form .form-group input:focus{
	border-color: #518e4b;
}
.dark_bg .form .form-group input:focus{
	color: #fff;
}
.form .form-group textarea{
	background: transparent;
	border-color: #e3e3e3;
	margin-top: 10px;
	padding-bottom: 5%;
    border-radius: 0;
	box-shadow: none;
}
.form .form-group textarea:focus{
	border-color: #518e4b;
}
.dark_bg .form .form-group textarea:focus{
	color: #fff;
}
/* ----------------------------------------------------------------
    [ End Contact ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 14 Start Footer ]
-----------------------------------------------------------------*/
.footer{
    padding: 30px 0 20px;
    background: #585858;
}
.copy-text p{
	color: #fff;
}
/* ----------------------------------------------------------------
    [ End Footer ]
-----------------------------------------------------------------*/


/* ----------------------------------------------------------------
    [ 15 Start Top-control ]
-----------------------------------------------------------------*/
.topcontrol{
    background: #518e4b none repeat scroll 0 0;
    border-radius: 30px;
    bottom: 5px;
    margin-bottom: 80px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 6px 10px;
    position: fixed;
    margin-right: 10px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
    z-index: 99;
}
.topcontrol:hover{
    background: #fff;
    color: #518e4b;
}
/* ----------------------------------------------------------------
    [ End Top-control ]
-----------------------------------------------------------------*/