/*
Author       : Themeplaza
Template Name: Pixel - Material Design Agency Template
Version      : 1.0
*/
/*=============================================================
    CSS INDEX
    =============================
    01. GENERAL STYLE (body, link color, section-title, preloader btn, overlay, section-padding etc)
    02. BOOTSTRAP NAVIGATION OVERRIDES
    03. START HOME DESIGN
    04. START FEATURE AND ABOUT DESIGN
    05. START WHY CHOOSE US DESIGN
    06. START SERVICE DESIGN
    07. START COUNTER DESIGN
    08. START PORTFOLIO DESIGN
    09. START TEAM DESIGN
    10. START TESTIMONIAL DESIGN
    11. START PARTNER LOGO DESIGN
    12. START BLOG DESIGN
    13. START NEWSLETTER DESIGN
    14. START PRICING TABLE DESIGN
    15. START CONTACT DESIGN
    16. START MAP DESIGN
    17. START SOCIAL PROFILE DESIGN
    18. START FOOTER DESIGN
    19. START SECTION TOP  DESIGN
  =============================================================*/
/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    color: #777;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #333;
    font-family: "Raleway",sans-serif;
    font-weight: 700;
}
a {
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a, a:hover {
    color: #7ab55c;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
p { margin-bottom: 0 }
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
/*START PRELOADER DESIGN*/
.preloader {
    background: #fff;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(../img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.status-mes {
    background: none;
    left: 0;
    margin: 0;
    text-align: center;
    top: 65%;
}
.status-mes h4 {
    color: #333;
    margin-top: 30px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.no-padding { padding: 0 }
/*END PRELOADER DESIGN*/
/*START SCROLL TO TOP*/
.topcontrol {
    background: #7ab55c none repeat scroll 0 0;
    border-radius: 50px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 26px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 5px 12px;
    position: fixed;
    right: 5px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    width: 40px;
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}
/*END SCROLL TO TOP*/
.section-padding { padding: 60px 0 }
/*START SECTION TITLE DESIGN*/
.section-title  h2 {
    margin: 0;
    text-transform: uppercase;
}

.section-title h2 span { color: #7ab55c }
.section-title-white { color: #fff!important }
.section-title div {
    background: #7ab55c  none repeat scroll 0 0;
    display: block;
    height: 3px;
    margin: 20px auto 60px;
    width: 80px;
}
/*END SECTION TITLE DESIGN*/
/*START BTN STYLE*/
.btn-light-bg {
    background: #7ab55c none repeat scroll 0 0;
    border: 2px solid #7ab55c;
    border-radius: 3px;
    box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    font-size: 13px;
	padding: 8px 30px;
	display: inline-block;
    text-transform: uppercase;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.btn-light-bg:hover,
.btn-light-bg:focus {
    background: #333;
    color: #fff;
    border: 2px solid #333;
}
.btn-home-border{
background: #fff none repeat scroll 0 0;
border: 2px solid #fff;
border-radius: 3px;
box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.1);
color: #333;
font-size: 13px;
padding: 12px 30px;
text-transform: uppercase;
transition: all 0.2s ease 0s;
}
.btn-home-border:hover,
.btn-home-border:focus{
	background: #7ab55c;
	border-color: #7ab55c;
	color: #fff;
}
/*END BTN STYLE*/
/*SECTION OVERLAY*/
.overlay { background: rgba(0,0,0,0.6) none repeat scroll 0 0 }
/*END SECTION OVERLAY*/
/*
* ----------------------------------------------------------------------------------------
* 01.END GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 02. START BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
.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;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #7ab55c !important;
    background-color: transparent;
}
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #7ab55c !important;
    background-color: transparent;
}
.navbar-brand { padding: 0px }
.navbar-brand img {margin-left:10px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #fff;
}
.menu-top { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 }
.menu-top li a {
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
	font-family: Raleway;
}
.menu-top li a:hover { color: #7ab55c!important }

.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}

.navbar-default.menu-shrink li a { color: #313131!important }
.navbar-default.menu-shrink li a:hover { color: #7ab55c !important }
.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: #7ab55c }
/*
* ----------------------------------------------------------------------------------------
* 02.END BOOTSTRAP NAVIGATION OVERRIDES
* ----------------------------------------------------------------------------------------
*/
/*
* ----------------------------------------------------------------------------------------
* 03.START HOME DESIGN
* ----------------------------------------------------------------------------------------
*/
.welcome-area,
.welcome-slider-area,
.welcome-slider-area div {
    height: 700px;
}

.welcome-slider-area div.single-slide-item-tablecell,
.welcome-slider-area div.single-slide-item-tablecell div {
    height: auto;
}
.single-slide-item-table {
    display: table;
    text-align: center;
    width: 100%;
}

.single-slide-item-tablecell {
    display: table-cell;
    vertical-align: middle;
}

.single-slide-item {
    position: relative;
    z-index: 1;
}

.single-slide-item:after {
    position: absolute;
    background: rgba(0,0,0,0.6);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}

.slide-1 {
    background: url(../img/bg/slider1.jpg) scroll 0 0;
    background-size: cover;
}

.slide-2 {
    background: url(../img/bg/slider2.jpg) scroll 0 0;
    background-size: cover;
}

.slide-3 {
    background: url(../img/bg/slider3.jpg) scroll 0 0;
    background-size: cover;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.single-slide-item h2 {
	color: #f8f8f8;
	font-size: 50px;
	margin-top: 0;
	margin-bottom: 20px;
	text-transform: uppercase;
}
.single-slide-item h2 span{
	color: #7ab55c;
	font-weight: 700;
}
.single-slide-item p {
    color: #fff;
    margin-bottom: 30px;
}

.carousel-indicators-slider{bottom: 30px !important;}
.btn-home-bg{}
.btn-home-bg {
	background: #7ab55c none repeat scroll 0 0;
	border: 2px solid #7ab55c;
	color: #fff;
	font-size: 13px;
	padding: 12px 30px;
	margin:0px 10px;
	text-transform: uppercase;
	transition: all 0.2s ease 0s;
}
.btn-home-bg:hover,
.btn-home-bg:focus {
    background: transparent;
    color: #7ab55c;
    border: 2px solid #7ab55c;
}
.single-slide-item .btn-home-border{
	margin-right: 20px;
}
.carousel-control{
	z-index: 1;
	background-image: none !important;
	top: 46.6%;
	width: 45px;
	height: 45px;
	line-height: 45px;
	background: rgba(0,0,0,0.8);
}
#welcome-slide-carousel .carousel-indicators li{
	width: 15px;
	height: 15px;
	margin: 0 5px;
}
#welcome-slide-carousel .carousel-indicators .active{
	background: #7ab55c;
	border-color: #7ab55c;
}
.carousel-control.left{
	margin-left: 0px;	
}
.carousel-control.right{
	margin-right: 0px;	
}
.carousel-control:hover{
	background: #7ab55c;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
    filter: alpha(opacity=0);
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
    filter: alpha(opacity=100);
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.home_bg {
    height: 700px;
    position: relative;
}
.home_bg:before {
    background: rgba(0, 0, 0, 0.4);
    content: "";
    height: 100%;
    filter: alpha(opacity=80);
    position: absolute;
    width: 100%;
}
.hero-text h2 {
	color: #fff;
	font-size: 50px;
	font-weight: 700;
	line-height: 70px;
	padding-top:250px;
	text-transform: uppercase;
}
.hero-text p {
	color: #fff;
	font-weight: 400;
	letter-spacing: 1px;
	margin: auto auto 15px;
	width: 80%;
}
/*
* ----------------------------------------------------------------------------------------
* 03.END HOME DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 0.START ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */
.single_about_us {padding: 30px 0; }
.single_about_us h2 { 
	margin: 0;
	text-transform: uppercase;
}
.single_about_us p {
	margin-bottom: 10px;
}
.line {
	background: #fff none repeat scroll 0 0;
	display: block;
	height: 1px;
	margin: 15px 0;
	width: 60px;
}
.btn-about-bg {
	background: #7ab55c none repeat scroll 0 0;
	border: 1px solid #7ab55c;
	color: #fff;
	display: inline-block;
	font-size: 13px;
	margin-top: 15px;
	overflow: hidden;
	padding: 8px 25px;
	text-transform: uppercase;
	transition: all 0.4s ease 0s;
}
.btn-about-bg:hover,.btn-about-bg:focus{border: 1px solid #333;color:#fff;background: #333 none repeat scroll 0 0;}
/*
 * ----------------------------------------------------------------------------------------
 * .END ABOUT US DESIGN
 * ----------------------------------------------------------------------------------------
 */

/*
* ----------------------------------------------------------------------------------------
* 04.START FEATURE AND ABOUT DESIGN
* ----------------------------------------------------------------------------------------
*/
.features{
	padding:60px 0;
}
.single_about {
	padding: 40px 20px;
	transition: all 0.4s ease 0s;
}
.single_about:last-child { border-right: 0px }
.single_about:hover { box-shadow: 0 0 10px #ddd;}
.single_about i {
	background: #7ab55c none repeat scroll 0 0;
	border: 1px solid #7ab55c;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	margin: 0 0 24px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	width: 60px;
	transition: all 0.8s ease 0s;
}
.single_about h4 {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.single_about p {
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}
.single_about:hover i{
	 transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
	background: #333;
}
/*END FEATURE DESIGN*/
/*START ABOUT DESIGN*/
.center-block{
	float: inherit;
}
.about_us{
	background: #f9f9f9;
}
/* START SKILL DESIGN */
.progress-bar-text {
    color: #333;
    font-family: "Raleway",sans-serif;
    font-size: 13px;
    font-weight: 700;
	margin-bottom: 16px;
    text-transform: uppercase;
	letter-spacing: 2px;
}
.progress-bar-text span { float: right }
.progress-bar {
    background: #333 none repeat scroll 0 0;
    box-shadow: 0 0 0;
    height: 10px;
    margin: 0 0 25px;
    position: relative;
    width: 100%;
}
.progress-bar > span {
    background: #7ab55c none repeat scroll 0 0;
    display: block;
    height: 100%;
    width: 0;
}
/* END SKILL DESIGN */
/*END ABOUT DESIGN*/
/*
* ----------------------------------------------------------------------------------------
* 04.END FEATURE AND ABOUT  DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 05.START WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_feature{
	margin-bottom: 40px;
}
.single_feature i{
    color: #fff;
	background:#7ab55c;
    display: inline-block;
    font-size: 24px;
    height: 60px;
    line-height:60px;
    text-align: center;
    width: 60px;
    z-index: 3;
	float: left;
	margin-right: 25px;
	transition: .5s;
}
.single_feature h3{
    text-transform: uppercase;
    font-size: 14px;
	margin-top: 0;
}
.single_feature p { margin-bottom: 0 }
.single_f_content{
	overflow: hidden;
}
.single_feature:hover i{
	background: #333;
}
.feature_img img {
  margin: auto;
}
/*
* ----------------------------------------------------------------------------------------
* 05.END  WHY CHOOSE US DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/
.our_service{ 
	background: #f9f9f9;
}
.single_service{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    padding: 40px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    position: relative;
	margin-bottom: 30px;
}
.single_service:hover{
	background: #7ab55c;
	z-index: 1;
	color: #fff;
}
.single_service i{
    font-size: 40px;
    padding-bottom: 20px;
    color: #7ab55c;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.single_service:hover i,
.single_service:hover h4
{
	color: #fff;
}
.single_service h4{
    color: #333;
    margin: 0;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-size: 16px;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.single_service p{
    margin-bottom: 0;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END OUR SERVICE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/
.template_portfolio{
	padding-bottom: 30px;
	padding-top: 60px;}
.single_project{
	padding-bottom: 40px;
}
.single_our_work{
	margin-bottom:30px;
	overflow: hidden;
	text-align: center;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.sing_work_photo{
	position: relative;
}
.single_our_work img{
	width: 100%;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}
.single_our_work figure{
	margin-bottom: 0;	
}
.sing_work_text_link{
	position:absolute;
	width: 100%;
	height: 100%;
	top: 0;
	color: #fff;
	background: rgba(0,0,0, 0.6);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	visibility: hidden;
}
.sing_work_content_wrap{
	display: table;
	height: 100%;
	width: 100%;
}
.sing_work_content{
	display: table-cell;
	vertical-align: middle;
}
.sing_work_text_link h5{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 5px;
	margin-top: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.sing_link_img a i.fa{
	font-size: 14px;	
}
.sing_link_img a{
	background: #7ab55c none repeat scroll 0 0;
	border: 1px solid #7ab55c;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 39px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	width: 40px;	
}
.sing_link_img a:hover{	
	background: #fff none repeat scroll 0 0;
	border-color: #fff;
	color: #7ab55c;
}
.sing_link_img a.search{
	margin-right: 16px;
}
.single_our_work:hover  .sing_link_img a.search{
	-webkit-animation: slideInDown 800ms ease-in-out;
	animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover  .sing_link_img a.link{
	-webkit-animation: slideInDown 800ms ease-in-out;
	animation: slideInDown 800ms ease-in-out;
}
.single_our_work:hover{
	background: #ff5f83;
	color: #fff;
}
.single_our_work:hover .sing_work_text_link{
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	visibility: visible;
}
/*project modal*/
.modal-title{
  color: #333;
  margin: 0;
  text-transform: uppercase;
}
.modal-content{
	padding: 10px 30px;
	border-radius: 0px;
}
.modal-body{
	margin-bottom: 15px;
}
.modal-body p{
	margin: 20px 0;
}
.project-list{
	margin: 30px 0;
}
.project-list label{
	color: #333;
	margin-bottom: 0;
	margin-right: 20px;
	width: 100px;
}
.project-list li{
	padding: 7px 0;
	font-size: 14px;
}
.project-list li a{
	color: #777;
	font-size: 13px;
	transition: all 0.4s ease 0s;
}
.project-list li a:hover{
	color:#7ab55c;
}
/*End project modal*/
/*
* ----------------------------------------------------------------------------------------
* 0.END PORTFOLIO DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.counter_feature{
    background: #f2f2f2 none repeat scroll 0 0;
    padding: 100px 0;
}
.counter{
	text-align: center;
}
.counter i{
	background: #7ab55c none repeat scroll 0 0;
	border: 1px solid #7ab55c;
	border-radius: 50%;
	color: #fff;
	font-size: 30px;
	height: 70px;
	line-height: 85px;
	text-align: center;
	width: 70px;
	transition: all 0.4s ease 0s;
	margin-bottom: 20px;
	position: relative;
}
.counter i:before{
	width: 85px;
	height: 85px;
	position: absolute;
	border: 1px solid #7ab55c;
	border-radius: 50%;
	left: -8px;
	top: -9px;
	transition: all 0.4s ease 0s;
}
.counter:hover i{
	background: #333 none repeat scroll 0 0;
	border: 1px solid #333;
	color: #fff;
}
.counter:hover i:before{
	border: 1px solid #333;
}
.counter h2{
    color: #161616;
    font-weight: 700;
    margin-top: 0;
	font-family: "Lato",sans-serif;
	margin-bottom: 15px;
}
.counter h5{
	color: #161616;
	margin-bottom: 0;
	letter-spacing: 2px;
	font-size: 16px;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END COUNTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/
.single_team{
	margin-top: 30px;
	box-shadow: 0 0 3px #ddd;
	padding-bottom: 20px;
	transition: .5s;
}
.single_team img{
	padding-top: 20px;
}
.single_team:hover{
	box-shadow: 0 0 10px #ddd;
}
.single_team h3{
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 15px;
}
.img_wrap{
	position:relative;
}
.social_link{
	height: 100%;
	position: absolute;
	text-align: center;
	top: 0;
	transition: all 0.5s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 1;
	background: rgba(0,0,0,0.5);
	opacity: 0;
}
.img_wrap:hover .social_link{
	opacity: 1;
	visibility: visible;
}
.social_table{
	display: table;
	height: 100%;
	width: 100%;	
}
.social_table ul{
	list-style: none;
	display: table-cell;
	list-style: outside none none;
	padding: 0;
	vertical-align: bottom;
	padding-bottom: 30px;
}
.social_table ul a{
	background: #7ab55c;
	border: 1px solid #7ab55c;
	color: #fff;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	transition: all 0.5s ease 0s;
	width: 40px;
	border-radius: 50%;
}
.social_table ul a:hover{
	background: #fff none repeat scroll 0 0;
	color: #7ab55c;
	border-color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END OUR TEAM DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.newsletter_overlay{
	padding: 100px 0;
}
.newsletter{
	position: relative;
}
.newsletter::before{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  content: "";
  left: 0;
  top: 0;
}
.signup_form h3{
	color: #fff;
	font-size: 30px;
	line-height: 34px;
	margin-bottom: 30px;
	margin-top: 0;
	text-transform: uppercase;
}
.signup_form input{
	background: transparent;
	border-image: none;
	border-radius: 0;
	border: 1px solid #fff;
	color: #fff;
	margin-bottom: 30px;
	transition: all 0.2s ease 0s;
	border-radius: 4px;
	height: 50px;
	line-height: 50px;
}
.signup_form input:hover,
.signup_form input:focus{
    border-color: #7ab55c;
    box-shadow: none;
    outline: 0 none;
}
.signup_form button {
	font-size: 14px;
	letter-spacing: 1px;
	padding: 12px 30px;
}
.signup_form button:hover{
	background: #fff none repeat scroll 0 0!important; 
	color: #333;
	border:2px solid #fff;
}
/*
* ----------------------------------------------------------------------------------------
* .END NEWSLETTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/
.pricing-table{
	background-color: #f9f9f9;
	box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);
	position: relative;
	transition: all 0.4s ease 0s;
}
.pricing-table.feature{
	background: #7ab55c;
	color: #fff;
}
.pricing-table.feature .pricing-list li,
.pricing-table.feature h3,
.pricing-table.feature .price
{
	color: #fff;
}
.pricing-table h3{
    color: #333;
    font-size: 20px;
    margin-bottom: 15px;
    margin-top: 0;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase;
}
.price{
	display: inline-block;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 15px;
	text-transform: uppercase;
	color: #7ab55c;
}
.price span{
	display: block;
	font-size: 32px;
	margin-bottom: 12px;
}
.pricing-list{
	list-style: outside none none;
	text-align: center;

}
.pricing-list li{
	color: #333;
	padding: 7px 15px;
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.pricing-btn{ 
	padding: 20px 0; 
}
.pricing-btn  button{
    background: #7ab55c;
    border: 1px solid #7ab55c;
    color: #fff;
    padding: 8px 30px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.pricing-btn  button:hover{
    background: #333;
    border: 1px solid #333;
    color: #fff;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END PRICING DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 0.START TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/
.testimonial_overlay{
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	padding: 100px 0;
}
.avatar{
	width: 80px;
	margin: 0 auto;
}
.avatar img{
	border: 4px solid #7ab55c;
	border-radius: 50%;
	width: 80px;
}
.testimonials_area p{
	color: #fff;
	margin: 20px 0px;
}
.testimonials_area h5{
	color: #7ab55c;
	font-size: 15px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.testimonials_area span{
	color: #fff;
}
.testimonials_area a:hover{
	color: #fff;
}
.owl-controls{
	position: absolute;
	width: 100%;
	top: 50%;
	font-size: 16px;
}
.owl-prev{
	position:absolute;
	left: -50px;
}
.owl-next{
	position:absolute;
	right: -50px;
}
.owl-controls i{
	font-size: 33px;
	font-weight: 700;
	transition: .5s;
}
.owl-controls i:hover{
	color: #7ab55c;
}
/*
* ----------------------------------------------------------------------------------------
* 0.END TESTIMONIAL DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/
.partner-logo{	
	background: #f9f9f9;
}
.partner{ 
	text-align: center; 
}
.partner img {}
/*
* ----------------------------------------------------------------------------------------
* .END COMPANY PARTNER LOGO
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 14.START BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/
.home_single_blog img{
	width: 100%;
}
.home_single_blog{
	background: #f9f9f9;
	transition: .5s;
}
.home_single_blog:hover{
	box-shadow: 0 0 10px #ddd;
}
.home_blog_text{
	padding: 20px;
	position: relative;
	z-index: 1;
}
.home_blog_text i{
	color: #7ab55c;
	margin-right: 10px;
 }
.home_blog_text span{
	color: #bdbdbd;
	display: inline-block;
	margin-bottom: 1px;
	font-size: 14px;
}
.home_blog_text h4{
	margin: 0 0 10px;
	font-size: 17px;
}
.home_blog_text h4 a{
	color: #333;
}
.home_blog_text p{
	margin-bottom: 20px
}
/*END HOME BLOG*/
/*
* ----------------------------------------------------------------------------------------
* .END BLOG PAGE DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/
.buy_now {
    background: #7ab55c none repeat scroll 0 0;
    padding: 30px 0;
}
.buy_now_title{
	color: #fff;
	margin: 0;
	text-transform: uppercase;
	font-size: 18px;
}
.buy_now .btn{
	margin-left: 20px;
}
/*
* ----------------------------------------------------------------------------------------
* .END PROMOTION DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* .START CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/
.form .form-group input{
	background: transparent;
	border-color: #e3e3e3;
    height: 40px;
    border-radius: 0;
	box-shadow: none;
}
.dark_bg .form .form-group input{
	border-color: #fff;
}
.form .form-group input:focus{
	border-color: #7ab55c  ;
}
.form .form-group textarea{
	background: transparent;
	border-color: #e3e3e3;
    border-radius: 0;
	box-shadow: none;
}
.dark_bg .form .form-group textarea{
	border-color: #fff;
}
.form .form-group textarea:focus{
	border-color: #7ab55c  ;
}
.contact_btn{
	color: #fff;
    font-size: 13px;
    margin-top: 30px;
    text-transform: capitalize;
    padding: 15px 35px;
    letter-spacing: 0.6px;
	font-weight: 600;
    background: #7ab55c  ;
	border-radius: 25px;
    line-height: 10px;
	border: 2px solid #7ab55c  ;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out 0s;
}
.contact_btn:hover{
	background: transparent;
	border: 2px solid #7ab55c  ;
	color: #7ab55c  ;
}
.single_address{
	margin-bottom: 26px;
	overflow: hidden;
}
.single_address i{
	background: #7ab55c none repeat scroll 0 0;
	border-radius: 100px;
	color: #fff;
	float: left;
	font-size: 22px;
	height: 60px;
	line-height: 60px;
	margin-right: 20px;
	text-align: center;
	transition: all 0.2s ease 0s;
	width: 60px;
}
.single_address h4{
	text-transform: capitalize;
	font-weight: 500;
	color: #333;
}
.single_address p{
	color: #333;
	overflow: hidden;
}
.single_address_mbnone{
	margin-bottom: 0px;
}
/*
* ----------------------------------------------------------------------------------------
* .END CONTACT DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
* ----------------------------------------------------------------------------------------
* 18.START FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/
.footer{
    background-color: #171B1E;
}
.footer img{
	padding-bottom: 30px;
}
/*START FOOTER SOCIAL DESIGN*/
.footer_social ul{
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
.footer_social ul li{ 
	display: inline-block;
}
.footer_social ul li a{
	background: #1f2428 none repeat scroll 0 0;
	border: 1px solid #1f2428;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-size: 14px;
	height: 40px;
	line-height: 20px;
	margin: 2px 5px;
	padding: 9px 12px;
	transition: all 0.2s ease 0s;
	width: 40px;
}
.footer_social ul li a:hover{ 
	color: #fff; 
}
.f_facebook:hover{
    background: #5D82D1;
    border: 1px solid #5D82D1;
}
.f_twitter:hover{
    background: #40BFF5;
    box-shadow: 0 0 0 0px #40BFF5;
    border: 1px solid #40BFF5;
}
.f_google:hover{
    background: #EB5E4C;
    box-shadow: 0 0 0 0px #EB5E4C;
    border: 1px solid #EB5E4C;
}
.f_linkedin:hover{
    background: #238CC8;
    box-shadow: 0 0 0 0px #238CC8;
    border: 1px solid #238CC8;
}
.f_youtube:hover{
    background: #CC181E;
    box-shadow: 0 0 0 0px #CC181E;
    border: 1px solid #CC181E;
}
.f_skype:hover{
    background: #00AFF0;
    box-shadow: 0 0 0 0px #00AFF0;
    border: 1px solid #00AFF0;
}
/*END FOOTER SOCIAL DESIGN*/
.footer_content p{
	color: #fff;
	font-size: 14px;
	margin-bottom: 25px;
}
/*
* ----------------------------------------------------------------------------------------
* 18.END FOOTER DESIGN
* ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  19.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top{    
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.section-top-title h2{
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
.section-top-title{
	padding-bottom: 90px;
	padding-top: 150px;
}
.section-top-title,
.breadcrumb{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}
.section-top-title ol li{ 
	color: #fff !important; 
}
.section-top-title ol li a { 
	color: #fff !important; 
}
.section-top-title ol li a:hover{
	color: #7ab55c !important;
}
/*
 * ----------------------------------------------------------------------------------------
 * 19.END SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 * 20.Single PORTFOLIO DESIGN
 * ----------------------------------------------------------------------------------------
*/
.about_project{
	margin-bottom: 20px;
}
.about_project_details ul{
	list-style: none;
}
.about_project_details ul li i{
	padding-right: 10px;
}
.about_project_details ul li{
	padding-bottom: 8px;
}
.about_project_details {
	margin-bottom: 20px;
}
.related_porject{
	padding-bottom: 30px;
}