/*

	Green Flip Main Stylesheet

	- - - - - Contents - - - - -
	
	01 - Basic Settings CSS
	02 - General button style (reset)
	03 - Owl Slider Controls
	04 - Navigation
	05 - Intro
	06 - Services Banner
	07 - Services
	08 - Circle Progress Bar
	09 - About Us
	10 - Line Progress Bar
	11 - Random Facts
	12 - Happy-customers
	13 - Customers-reviews
	14 - Pricing Table
	15 - Video Container
	16 - Our Clients
	17 - Gallery
	18 - Our Team
	19 - Contacts
	20 - Map Container
	
	21 - Blog Pages
	22 - 404-Page
	
	23 - Your CSS Code
	
	- - - - - - - - - - - - - -
	
*/	

/*	01 - Basic Settings CSS
-----------------------------------------------------------*/
/**
 * 01/28/2016
 * This pen is years old, and watching at the code after all
 * those years made me fall from my chair, so I:
 * - changed all IDs to classes
 * - converted all units to pixels and em units
 * - changed all global elements to classes or children of
 *   .login
 * - cleaned the syntax to be more consistent
 * - added a lot of spaces that I so hard tried to avoid
 *   a few years ago
 *   (because it's cool to not use them)
 * - and probably something else that I can't remember anymore
 *
 * I sticked to the same philosophy, meaning:
 * - the design is almost the same
 * - only pure HTML and CSS
 * - no frameworks, preprocessors or resets
 */

/* 'Open Sans' font from Google Fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);





/* ======================== */
/*   Syed Sahar Ali Raza   	*/
/* ========================	*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700italic,700,900italic,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
body{background-color:#eee;}

#generic_price_table{
	background-color: #f0eded;
}

/*PRICE COLOR CODE START*/
#generic_price_table .generic_content{
	background-color: #fff;
	border: 2px solid #2ecc71;
}

#generic_price_table .generic_content .generic_head_price{
	background-color: #f6f6f6;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
	border-color: #e4e4e4 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e4e4e4;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
	color: #525252;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    color: #414141;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    color: #414141;
}

#generic_price_table .generic_content .generic_feature_list ul li{	
	color: #a7a7a7;
}

#generic_price_table .generic_content .generic_feature_list ul li span{
	color: #414141;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	background-color: #E4E4E4;
	border-left: 5px solid #2ECC71;
}

#generic_price_table .generic_content .generic_price_btn a{
	border: 1px solid #2ECC71; 
    color: #2ECC71;
} 

#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg{
	border-color: #2ECC71 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #2ECC71;
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head span,
#generic_price_table .generic_content.active .generic_head_price .generic_head_content .head span{
	color: #fff;
}

#generic_price_table .generic_content:hover .generic_price_btn a,
#generic_price_table .generic_content.active .generic_price_btn a{
	background-color: #2ECC71;
	color: #fff;
} 
#generic_price_table{
	padding: 0px 0 0px 0;
    font-family: 'Raleway', sans-serif;
}
.row .table{
    padding: 28px 0;
}

/*PRICE BODY CODE START*/

#generic_price_table .generic_content{
	overflow: hidden;
	position: relative;
	text-align: center;
}

#generic_price_table .generic_content .generic_head_price {
	margin: 0 0 20px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content{
	margin: 0 0 50px 0;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg{
    border-style: solid;
    border-width: 90px 1411px 23px 399px;
	position: absolute;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head{
	padding-top: 40px;
	position: relative;
	z-index: 1;
}

#generic_price_table .generic_content .generic_head_price .generic_head_content .head span{
    font-family: "Raleway",sans-serif;
    font-size: 28px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag{
	padding: 0 0 20px;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price{
	display: block;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .sign{
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 28px;
    font-weight: 400;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .currency{
    font-family: "Lato",sans-serif;
    font-size: 60px;
    font-weight: 300;
    letter-spacing: -2px;
    line-height: 60px;
    padding: 0;
    vertical-align: middle;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .price .cent{
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 24px;
    font-weight: 400;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_head_price .generic_price_tag .month{
    font-family: "Lato",sans-serif;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 3px;
    vertical-align: bottom;
}

#generic_price_table .generic_content .generic_feature_list ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#generic_price_table .generic_content .generic_feature_list ul li{
	font-family: "Lato",sans-serif;
	font-size: 18px;
	padding: 15px 0;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table .generic_content .generic_feature_list ul li:hover{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;

}
#generic_price_table .generic_content .generic_feature_list ul li .fa{
	padding: 0 10px;
}
#generic_price_table .generic_content .generic_price_btn{
	margin: 20px 0 32px;
}

#generic_price_table .generic_content .generic_price_btn a{
    border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-webkit-border-radius: 50px;
    display: inline-block;
    font-family: "Lato",sans-serif;
    font-size: 18px;
    outline: medium none;
    padding: 12px 30px;
    text-decoration: none;
    text-transform: uppercase;
}

#generic_price_table .generic_content,
#generic_price_table .generic_content:hover,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head_bg,
#generic_price_table .generic_content .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content:hover .generic_head_price .generic_head_content .head h2,
#generic_price_table .generic_content .price,
#generic_price_table .generic_content:hover .price,
#generic_price_table .generic_content .generic_price_btn a,
#generic_price_table .generic_content:hover .generic_price_btn a{
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
} 
@media (max-width: 320px) {	
}

@media (max-width: 767px) {
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#generic_price_table .col-md-3{
		float:left;
		width:50%;
	}
	
	#generic_price_table .col-md-4{
		float:left;
		width:50%;
	}
	
	#generic_price_table .generic_content{
		margin-bottom:75px;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
#generic_price_table_home{
	 font-family: 'Raleway', sans-serif;
}

.text-center h1,
.text-center h1 a{
	color: #7885CB;
	font-size: 30px;
	font-weight: 300;
	text-decoration: none;
}
.demo-pic{
	margin: 0 auto;
}
.demo-pic:hover{
	opacity: 0.7;
}

#generic_price_table_home ul{
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: table;
}
#generic_price_table_home li{
	float: left;
}
#generic_price_table_home li + li{
	margin-left: 10px;
	padding-bottom: 10px;
}
#generic_price_table_home li a{
	display: block;
	width: 50px;
	height: 50px;
	font-size: 0px;
}
#generic_price_table_home .blue{
	background: #3498DB;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .emerald{
	background: #2ECC71;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .grey{
	background: #7F8C8D;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .midnight{
	background: #34495E;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .orange{
	background: #E67E22;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .purple{
	background: #9B59B6;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .red{
	background: #E74C3C;
	transition:all 0.3s ease-in-out 0s;
}
#generic_price_table_home .turquoise{
	background: #1ABC9C;
	transition: all 0.3s ease-in-out 0s;
}

#generic_price_table_home .blue:hover,
#generic_price_table_home .emerald:hover,
#generic_price_table_home .grey:hover,
#generic_price_table_home .midnight:hover,
#generic_price_table_home .orange:hover,
#generic_price_table_home .purple:hover,
#generic_price_table_home .red:hover,
#generic_price_table_home .turquoise:hover{
	border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
	transition: all 0.3s ease-in-out 0s;
}
#generic_price_table_home .divider{
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding: 20px;
}
#generic_price_table_home .divider span{
	width: 100%;
	display: table;
	height: 2px;
	background: #ddd;
	margin: 50px auto;
	line-height: 2px;
}
#generic_price_table_home .itemname{
	text-align: center;
	font-size: 50px ;
	padding: 50px 0 20px ;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-decoration: none;
    font-weight: 300;
}
#generic_price_table_home .itemnametext{
    text-align: center;
    font-size: 20px;
    padding-top: 5px;
    text-transform: uppercase;
    display: inline-block;
}
#generic_price_table_home .footer{
	padding:40px 0;
}

.price-heading{
    text-align: center;
}
.price-heading h1{
	color: #666;
	margin: 0;
	padding: 0 0 50px 0;
}
.demo-button {
    background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium ;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.bottom_btn{
	background-color: #333333;
    color: #ffffff;
    display: table;
    font-size: 28px;
    margin: 60px auto 20px;
    padding: 10px 25px;
    text-align: center;
    text-transform: uppercase;
}
.demo-button:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
	
}
.bottom_btn:hover{
	background-color: #666;
	color: #FFF;
	text-decoration:none;
}







body {
  background: #456;
  font-family: 'Open Sans', sans-serif;
}

.login {
  width: 100%;
  margin: 16px auto;
  font-size: 16px;
}

/* Reset top and bottom margins from certain elements */
.login-header,
.login p {
  margin-top: 0;
  margin-bottom: 0;
}

/* The triangle form is achieved by a CSS hack */
.login-triangle {
  width: 0;
  margin-right: auto;
  margin-left: auto;
  border: 12px solid transparent;
  border-bottom-color: #28d;
}

.login-header {
  background: #28d;
  padding: 20px;
  font-size: 1.4em;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.login-container {
  background: #ebebeb;
  padding: 12px;
}

/* Every row inside .login-container is defined with p tags */
.login p {
  padding: 12px;
}

.login input {
 box-sizing: border-box;
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    margin-bottom: 15px;
    outline: 0;
    font-family: inherit;
    font-size: 0.95em;
}

.login textarea {
 box-sizing: border-box;
    display: block;
    width: 100%;
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    margin-bottom: 15px;
    outline: 0;
    font-family: inherit;
    font-size: 0.95em;
}

.login input[type="email"],
.login input[type="password"] {
  background: #fff;
  border-color: #bbb;
  color: #555;
}

/* Text fields' focus effect */
.login input[type="email"]:focus,
.login input[type="password"]:focus {
  border-color: #888;
}

.login input[type="submit"] {
  background: #28d;
  border-color: transparent;
  color: #fff;
  cursor: pointer;
}

.login input[type="submit"]:hover {
  background: #17c;
}

/* Buttons' focus effect */
.login input[type="submit"]:focus {
  border-color: #05a;
}

/* Fonts */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext);

body {
    width: 100%;
    height: 100%;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color:#707070;
    background-color: #fff;
}

html {
    width: 100%;
    height: 100%;
}

section{
	background: #fff;
}

/* Normal headings and typography */
h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: normal;
	color: #090909;
}

.sec-dark h1,
.sec-dark h2,
.sec-dark h3,
.sec-dark h4,
.sec-dark h5,
.sec-dark h6 {
	color: #fff;
}

.text-uppercase {
	text-transform:uppercase;
}

.text-dark {
	color: #090909;
}

.text-light {
	color: #fff;
}

.text-gray {
	color: #aaaaaa;
}

.text-color{
	color: #06cc58;
}

.no-line-height {
	line-height: none !important;
	margin: 0px !important;
}

p {
    margin: 0 0 25px;
    font-size: 14px;
    line-height: 1.5;
}

@media(min-width:767px) {
    p {
        margin: 0 0 3px;
        font-size: 16px;
        line-height: 1.6;
    }
}

a {
    color: #06cc58;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #06cc58;
}

.light {
    font-weight: 400;
}

.no-padding {
	padding: 0 !important;
}

.overlay {
	background: url(../img/overlay-black-pat.png) rgba(0,0,0,0.6);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
}

/*	02 - General button style (reset)
-----------------------------------------------------------*/

.btn-a-link {
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 600;
	outline: none;
	display:inline-block;
	position: relative;
	border: 2px solid #06cc58;
	padding: 10px 30px;
	border-radius: 100px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-a-link:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn-a-link:active {
	background: #06cc58;
	color: #fff;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}


.btn-a-link {
	background: #fff;
	color: #06cc58;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	line-height: normal;
}


.btn-a-link span {
	display: inline-block;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.3s;
	-webkit-backface-visibility: hidden;
	-moz-transition: all 0.3s;
	-moz-backface-visibility: hidden;
	transition: all 0.3s;
	backface-visibility: hidden;
}

.btn-a-link:before {
	position: absolute;
	height: 100%;
	width: 100%;
	line-height: 3;
	font-size: 180%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Button 5a */
.btn-a:hover span {
	-webkit-transform: translateY(300%);
	-moz-transform: translateY(300%);
	-ms-transform: translateY(300%);
	transform: translateY(300%);
}

.btn-a:before {
	left: 0;
	top: -100%;
}

.btn-a:hover:before {
	top: 0;
}

/* Button 5b */
.btn-b:hover span {
	-webkit-transform: translateX(200%);
	-moz-transform: translateX(200%);
	-ms-transform: translateX(200%);
	transform: translateX(200%);
}

.btn-b:before {
	left: -100%;
	top: 0;
}

.btn-b:hover:before {
	left: 0;
}
 
.btn-icon:before {
	content: "\f054";
	font-family: FontAwesome;
	font-size: 100%;
	color: inherit;
}

.gap {
  margin-bottom: 30px;
}


.btn {
    text-transform: uppercase;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-lg, .btn-group-lg > .btn {
	padding: 10px 16px;
	font-size: 14px;
	line-height: 1.33;
	border-radius: 6px;
}

.btn-default {
    border: 2px solid #06cc58;
    color: #06cc58;
    background-color: transparent;
	border-radius: 100px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.btn-default:hover,
.btn-default:focus {
    border: 2px solid #06cc58;
    outline: 0;
    color: #fff;
    background-color: #06cc58;
}

.btn-huge {
    padding: 25px;
    font-size: 26px;
}

.banner-social-buttons {
    margin-top: 0;
}

@media(max-width:1199px) {
    ul.banner-social-buttons {
        margin-top: 15px;
    }
}

@media(max-width:767px) {
    ul.banner-social-buttons>li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.banner-social-buttons>li:last-child {
        margin-bottom: 0;
    }
}

::-moz-selection {
    text-shadow: none;
    background: #06cc58;
	color: #fff;
}

::selection {
    text-shadow: none;
    background: #06cc58;
	color: #fff;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}

.colored {
	color: #06cc58;
}


/*	03 - Owl Slider Controls
-----------------------------------------------------------*/

.owl-controls .owl-prev,
.owl-controls .owl-next {
	color: #FFF;
	font-size: 0;
	text-indent: -9999px;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 12px;
	border-radius: 50px;
	background: none;
	opacity: 1;
	position: relative;
	float: left;
	overflow:hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.owl-controls .owl-next {
	float: right;
}

@media screen and (max-width: 1370px) {
	.owl-controls .owl-next {
		float: right;
		margin-right: 0px;
	}
	
	.owl-controls .owl-prev {
		float: left;
		margin-left: 0px;
	}
}

.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
	background: #06cc58;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.owl-controls .owl-prev:hover:before{
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

.owl-controls .owl-next:hover:before{
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

.owl-controls .owl-prev:before,.owl-controls .owl-next:before {
	content: "\f104";
	font-family: FontAwesome;
	color: #fff;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 27px;
	text-align: center;
	text-indent: 0;
	line-height: 50px;
}

.owl-controls .owl-next:before {
	content: "\f105";
}

/*	04 - Navigation
-----------------------------------------------------------*/

.navbar {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
    text-transform: uppercase;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    background-color: #090909;
}

.navbar-brand {
    font-weight: 700;
	padding-top:1px;
}

.navbar-brand:focus {
    outline: 0;
}

.navbar-brand:hover {
	color: #06cc58;
}

.navbar-logo {
	margin-right: 10px;
}

.navbar-custom a {
    color: #fff;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
	font-weight: bold;
}

.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li.active a{
    outline: 0;
	color: #06cc58;
	background: none;
}

.navbar-toggle {
    padding: 4px 6px;
    font-size: 16px;
    color: #fff;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

@media(min-width:767px) and (max-width:1020px) {
	.navbar-custom .nav li a {
		padding-right: 8px;
		padding-left: 8px;
	}
}

@media(min-width:767px) {
    .navbar {
        padding: 20px 0;
        border-bottom: 0;
        letter-spacing: 1px;
        background: 0 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
        background-color: #090909;
    }

    .navbar-custom.top-nav-collapse {
        border-bottom: 2px solid rgba(0,0,0,0.1);
    }
}

/*	05 - Intro
-----------------------------------------------------------*/

.intro {
    display: table;
    width: 100%;
    height: auto;
    padding: 100px 0;
	padding-bottom:0;
    text-align: center;
    color: #fff;
    background: url(../img/intro-bg.jpg) no-repeat bottom center scroll;
    background-color: #090909;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.brand-heading {
    font-size: 40px;
}

.intro-text {
    font-size: 18px;
}

@media(min-width:767px) {
    .intro {
        height: 100%;
        padding: 0;
    }

    .brand-heading {
        font-size: 100px;
    }

    .intro-text {
        font-size: 25px;
    }
}
.btn {
	padding: 10px 32px;
}

.btn-full {
	color: #fff;
	background: #06cc58;
	border-radius: 100px;
}

.btn-full:hover,
.btn-full:focus {
	color: #fff;
	background: #06cc58;
	border-radius: 100px;
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid #fff;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.btn-circle:hover,
.btn-circle:focus {
    outline: 0;
    color: #fff;
    background: rgba(255,255,255,.1);
}

.page-scroll .btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.page-scroll .btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@-webkit-keyframes pulse {    
    0 {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes pulse {    
    0 {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1);
    }
}



/* Top */
#intro {
	background: url(../img/overlay-black-pat.png) rgba(0,0,0,0.6);
	padding: 60px 0;
	padding-bottom: 0;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 800px) {
	#owl-intro .item {
	padding: 60px 0 60px !important;
	}
}

.owl-carousel {
	padding-bottom: 40px;
}

.owl-pagination {
	bottom: 0;
	display:block;
	position:relative;
}

#owl-intro .item {
	padding: 140px 0 60px;
}

#owl-intro .item h2 {
	font-size: 50px;
	text-transform: uppercase;
	color: #06cc58;
	font-weight: 600;
	text-align: center;
	font-family: Arial;
	margin-top: 0;
}

#owl-intro .item h2 span {
	font-size: 64px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-family: 'Source Sans Pro', sans-serif;
	position: relative;
}

.sep {
	background: #fff;
	height: 3px;
	width: 10%;
	margin: 40px auto;
}

.sep-small {
	background: #ccc;
	height: 1px;
	width: 30px;
	margin: 17px 0;
}

#owl-intro .item h3 {
	font-size: 28px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 300;
	text-align: center;
	margin: 0 0 12px;
}

#owl-intro .item p {
	font-size: 16px;
	color: #fff;
	font-weight: 400;
	text-align: center;
	margin: 0;
}

.btn-circle2 {
	display:inline-block;
	position:absolute;
	width: 60px;
	height: 60px;
	background: #fff;
	border-radius: 50%;
	line-height: 60px;
	margin-left: -30px;
	margin-top: 52px;
	z-index: 999;
}

@media (max-width: 520px) {
	.btn-circle2 {
		display: none;
	}
}

#owl-intro .item a {
	font-size: 14px;
	color: #fff;
	border-radius: 100px;
	text-align: center;
	text-transform: uppercase;
	border: 2px solid #06cc58;
	padding: 10px 40px;
	display: inline-block;
	position: relative;
	margin: 0px 4px;
	margin-top: 60px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#owl-intro .item .btn-link-light {
	border-color: #06cc58;
	background: #06cc58;
	color: #fff;
}

#owl-intro .item a:hover,.inner-wrap2 a:hover {
	border: 2px solid #06cc58;
	color: #fff;
	background: #06cc58;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#owl-intro .owl-controls .owl-page span {
	display: block;
	width: 9px;
	height: 9px;
	margin: 5px 6px;
	opacity: 1;
	border-radius: 50;
	background: #ccc;
}

#owl-intro .owl-controls .owl-page.active span {
	background: #06cc58;
}

#owl-intro .owl-buttons {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin-top: -50px;
}

#owl-intro .owl-controls .owl-prev,
#owl-intro .owl-controls .owl-next {
	color: #FFF;
	font-size: 0;
	text-indent: -9999px;
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 12px;
	border-radius: 50px;
	background: none;
	opacity: 1;
	position: relative;
	float: left;
	overflow:hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-top: -90px;
	margin-left: -100px;
}

#owl-intro .owl-controls .owl-next {
	float: right;
	margin-top: -90px;
	margin-right: -100px;
}

@media screen and (max-width: 1370px) {
	#owl-intro .owl-controls .owl-next {
		float: right;
		margin-right: 0px;
	}
	
	#owl-intro .owl-controls .owl-prev {
		float: left;
		margin-left: 0px;
	}
}

#owl-intro .owl-controls .owl-prev {
	right: 17px !important;
}

#owl-intro .owl-controls .owl-prev {
	right: -17px;
}

#owl-intro .owl-controls .owl-prev:hover,
#owl-intro .owl-controls .owl-next:hover {
	background: #06cc58;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#owl-intro .owl-controls .owl-prev:hover:before{
	-webkit-animation: toLeftFromRight 0.3s forwards;
	-moz-animation: toLeftFromRight 0.3s forwards;
	animation: toLeftFromRight 0.3s forwards;
}

@-webkit-keyframes toLeftFromRight {
	49% {
		-webkit-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toLeftFromRight {
	49% {
		-moz-transform: translate(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toLeftFromRight {
	49% {
		transform: translate(-100%);
	}
	50% {
		opacity: 0;
		transform: translate(100%);
	}
	51% {
		opacity: 1;
	}
}

#owl-intro .owl-controls .owl-next:hover:before{
	-webkit-animation: toRightFromLeft 0.3s forwards;
	-moz-animation: toRightFromLeft 0.3s forwards;
	animation: toRightFromLeft 0.3s forwards;
}

@-webkit-keyframes toRightFromLeft {
	49% {
		-webkit-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

@-moz-keyframes toRightFromLeft {
	49% {
		-moz-transform: translate(100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

@keyframes toRightFromLeft {
	49% {
		transform: translate(100%);
	}
	50% {
		opacity: 0;
		transform: translate(-100%);
	}
	51% {
		opacity: 1;
	}
}

#owl-intro .owl-controls .owl-prev:before,#owl-intro .owl-controls .owl-next:before {
	content: "\f104";
	font-family: FontAwesome;
	color: #fff;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 27px;
	text-align: center;
	text-indent: 0;
	line-height: 50px;
}

#owl-intro .owl-controls .owl-next:before {
	content: "\f105";
}


/*	06 - Services Banner
-----------------------------------------------------------*/

.service-banner {
	display:block;
	overflow:hidden;
	width: 100%;
	background: #06cc58;
	line-height: 100px;
	min-width: 60px;
}

.service-banner:before {
	content:'';
	display:block;
	left:0;
	right:0;
	position:absolute;
	width: 100%;
	height: 100%;
	background: url(../img/overlay-black-pat.png);


	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateX(180deg);
	   -moz-transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		 -o-transform: rotateX(180deg);
			transform: rotateX(180deg);	
}

.service-banner:hover:before {
	opacity: 0.3;
	filter: alpha(opacity=30);

	-webkit-transform: rotateX(0deg);
	   -moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		 -o-transform: rotateX(0deg);
		    transform: rotateX(0deg);	
}

.service-banner h3{
	line-height: 60px;
	text-align:center;
}

@-moz-document url-prefix() 
	{ 
	.service-banner h3{
		font-size: 20px;	
	}
} 

.service-banner {
	position: relative;
	padding: 0 14px;
	background: #06cc58;

}

.service-banner .service-banner-btn {
	text-align:center;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow:hidden;
    line-height: 100px;
}

@media screen and (max-width: 1212px) {
	.service-banner h3{
		line-height: 60px;
		text-align:center;
		font-size: 18px;
		font-weight: 600;
	}
}

.btn-a-link  {
	text-align:center;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow:hidden;
	line-height: 100px;
}

.btn-a-link {
	font-weight: normal;
	border: 2px solid #fff;
	color: #fff;
	background: none;
  display: inline-block;
  line-height: 1.4;
  vertical-align: middle;
}

.btn-a-link:active {
	background: #fff;
	color: #06cc58;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}

.service-banner-btn .btn-a-link {
	font-weight: normal;
	border: 2px solid #fff;
	color: #fff;
	background: none;
  display: inline-block;
  line-height: 1.4;
  vertical-align: middle;
}

.service-banner-btn .btn-a-link:active {
	background: #fff;
	color: #06cc58;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	transition: all 0s;
}

/*	07 - Services
-----------------------------------------------------------*/

.icon-md {	
	font-size: 36px;
	height: 68px;
	width: 68px;
	line-height: 68px;
	color: #06cc58;
	margin-right: 20px;
	border: 2px solid #06cc58;
	text-align: center;
	display: block;
	border-radius: 50%;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
	cursor: pointer;
}

#services  {
	padding: 40px 0px 0px; 
}

#services:before {
	content: '';
	display:block;
	position:absolute;
	width: 100%;
	height: 100%;
	background:
	url(../img/01-sides-bg-elements.png) -12% 50%  no-repeat,
	url(../img/02-sides-bg-elements.png)  112% 50% no-repeat;
	
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
  filter: alpha(opacity=9); /* IE 5-7 */
  -moz-opacity: 0.09; /* Netscape */
  -khtml-opacity: 0.09;  /* Safari 1.x */
  opacity: 0.09; /* Good browsers */
}

@media (max-width: 1700px) {
	#services:before {
		background: 
			url(../img/01-sides-bg-elements.png) -20% 50%  no-repeat,
			url(../img/02-sides-bg-elements.png)  120% 50% no-repeat;		
	}
}

@media (max-width: 1600px) {
	#services:before {
		background: #fff;		
	}
}

#services .btn-circle{
	border-color: #000;
	color: #000;
	margin-bottom: -34px;
}

#services .tn-circle:before{
	content:'';
	display:inline-block;
	position:absolute;
	border: 6px solid #fff;
	margin-left: -28px;
	margin-top: -15px;
	width: 82px;
	height: 82px;
	border-radius: 50%;
}

.sep-line {
	background: url(../img/sep-line-patpng.png) repeat-x ;
	display: block;
	width: 100%;
	height: 6px;
	margin: 60px 0 40px;
}

#services .btn-circle {
	border: 2px solid #06cc58;
	background: #fff;
}

#services .media .icon-md {
	font-size: 24px;
}

#services .media:hover .icon-md {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;	
	background: #06cc58;
	color: #fff;
}

.services-wrapper p {
	font-size: 15px;
	margin-bottom: 40px;
	margin-top: 15px;
}

.title {
	font-size:35px;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
}

.sub-title:after {
	content:'';
	display:table;
	position:relative;
	background: #06cc58;
	left: 50%;
	height: 3px;
	width: 10%;
	margin-left: -5%;
	margin-top: 36px;
	margin-bottom: 42px;
}

.sep-content {
	background: #06cc58;
	height: 3px;
	width: 10%;
	margin: 10px auto;
	margin-bottom: 20px;
}

.vertical-margin-small {
	margin: 30px 0px;
}

.vertical-margin-top-small {
	margin-top: 30px;
}


/*	08 - Circle Progress Bar
-----------------------------------------------------------*/

#services  .progress-bar, #services  .progress {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none; 
}

#services  .progress-title {
	font-weight: 700;
	text-transform: uppercase;
	margin: 6px 0 10px; 
}

#services  .progress-value {
	font-weight: 700;
	display: none; 
}

#services .circular-cont {
	width: 150px;
	height: 170px;
	display: block; 
}
  
#services .circular-cont-inner {
	position:absolute; 
}

#services .dial {
	color: #06cc58;
}

#services .icon-circular {
	color: #444;
	width: 150px;
	height: 150px;
	display: table;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px; 
}

#services .icon-circular i {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 36px;
}

#services .icon-circular .icon-char {
	display: table-cell;
	vertical-align: middle;
	text-align: center; 
}

#services .circular-text {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 0; 
}

@media (max-width: 767px) {
  #services .circular-line {
    width: 20%;
    margin: 9px auto 5px;
    border-top: 1px solid #e1e1e1;
} }
@media (min-width: 768px) {
  #services .circular-line {
    width: 50%;
    margin: 9px auto 5px;
 } }
#services .circular-line {
	border-top: 2px solid #ddd; 
    margin: 9px auto 25px;
}

.circular-line{
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

@media (min-width: 768px) {
  #services .po-column .hover-ani:hover .circular-line {
    width: 70%; 

		-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	} 
}

@media (max-width: 768px) {
  #services .po-column .hover-ani:hover .circular-line {
    width: 30%; 

		-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	} 
}

/* Expand */

@media (min-width: 360px) {
  .hover-ani:hover .icon-box-side,
  .hover-ani:hover .icon-box,
  .hover-ani:hover .icon-box-side,
  .hover-ani:hover .icon-boxless,
  .hover-ani:hover .icon-box-left,
  .hover-ani:hover .icon-float,
  .hover-ani:hover .po-icon-title,
  .hover-ani:hover .po-icon,
  .hover-ani:hover .icon-circular {
    -webkit-animation: po-expand 0.4s ease-out forwards;
    -moz-animation: po-expand 0.4s ease-out forwards;
    -ms-animation: po-expand 0.4s ease-out forwards;
    -o-animation: po-expand 0.4s ease-out forwards;
    animation: po-expand 0.4s ease-out forwards; } }
@-webkit-keyframes po-expand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  50% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-moz-keyframes po-expand {
  0% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  50% {
    -moz-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }

  100% {
    -moz-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-o-keyframes po-expand {
  0% {
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  50% {
    -o-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }

  100% {
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@-ms-keyframes po-expand {
  0% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }

  50% {
    -ms-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1); }

  100% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }
@keyframes po-bounce-in {
  0% {
    transform: scale3d(1, 1, 1); }

  50% {
    transform: scale3d(1.1, 1.1, 1); }

  100% {
    transform: scale3d(1, 1, 1); } }


/*	09 - About Us
-----------------------------------------------------------*/

#about-us {
	padding-top: 30px;
	padding-bottom: 60px;
	background: #f9f9f9;
}

#about-us .content-bg-elements {
	margin: 40px 0px 30px;	
	width: 100%;
	height: 100%;
}

#about-us .content-bg-elements img {
	width: 100%;
	height: auto;
}

.content-head {
	margin-bottom: 85px;
}

.content-head h5 {
	color: #000;
	font-size: 38px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 5px 0;
	position: relative;
}

.content-head h5:before {
	content: "";
	width: 17px;
	height: 2px;
	background: #d82132;
	position: absolute;
	top: -1px;
	left: 3px;
}

.content-head p {
	padding-left: 50px;
	padding-right: 5%;
	color: #999;
	background: url(../images/sep1.png) no-repeat center left;
	margin: 0;
	font-size: 18px;
}

.about-us-info{
	padding-bottom:30px;
}

.about-us-info h4,.skills h4 {
	color: #d82132;
	font-size: 26px;
	font-weight: 600;
	text-transform: uppercase;
}

.about-us-info h5 {
	color: #000;
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 20px;
}

.about-us-info p {
	color: #999;
	font-size: 16px;
	margin-bottom: 0px;
}

.about-us-meta {
	padding: 0;
	margin: 0 0 10px;
}

.about-us-meta li {
	list-style: none;
	font-size: 14px;
	margin: 3px 0;
}

.about-us-meta li a {
	color: #525252;
}

.about-us-meta li a:hover {
	color: #999;
}

#owl-about-us{
	padding-bottom: 0px;
}

#owl-about-us .owl-controls{
	margin-top: 10px;
}

#owl-about-us .owl-controls .owl-page span {
	display: block;
	width: 9px;
	height: 9px;
	margin: 5px 6px;
	opacity: 1;
	border-radius: 50;
	background: #ccc;
}

#owl-about-us .owl-controls .owl-page.active span {
	background: #06cc58;
}

#about-us .btn-wrap .btn-a-link {
	border: 2px solid #06cc58;
	color: #06cc58;
	-webkit-transition: all 0.1s;
	-moz-transition: all 0.1s;
	transition: all 0.1s;
}

#about-us .btn-wrap .btn-a-link:hover {
	border: 2px solid #06cc58;
	background: #06cc58;
	color: #fff;
}

#about-us .owl-controls .owl-prev,
#about-us .owl-controls .owl-next {
	margin-top: -40px;
	color: #06cc58;
	background: none;
	opacity: 100;
}

#about-us .owl-controls .owl-prev:before,
#about-us .owl-controls .owl-next:before {
	color: #06cc58;
}

#about-us .owl-controls .owl-prev:hover:before,
#about-us .owl-controls .owl-next:hover:before {
	color: #06cc58;
}

.content-bg-elements {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
	filter: alpha(opacity=10); /* IE 5-7 */
	-moz-opacity: 0.1; /* Netscape */
	-khtml-opacity: 0.1;  /* Safari 1.x */
	opacity: 0.1; /* Good browsers */
}


/*	10 - Line Progress Bar
-----------------------------------------------------------*/

.progress {
	margin-top: 20px;
	margin-bottom: 30px;
	height: 40px;
	border-radius: 100px;
	text-transform:uppercase;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	background:  #06cc58 url(../img/progress-pat.png) repeat;
	

}
.progress .bar {
	background: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	height: 40px;
	line-height: 40px;
}

.progress span {
	text-transform:uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #06cc58;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height: 36px;
}

.progress-bar-standart {
	box-shadow: none !important;
	background: #f9f9f9;
	border: 2px solid #06cc58;
	border-radius: 100px;
}

/* Skills */

.skills-wrap .progress-bar {
	width: 0;
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
}

/*	11 - Random Facts
-----------------------------------------------------------*/

#random-facts {
	padding: 60px 0px 60px;
	position: relative;
	background:url(../img/intro-bg/01.jpg) no-repeat center;
	background-size:cover;
}

#random-facts .title{
	font-size: 52px;
}

#random-facts ul {
	padding: 0;
}

#random-facts ul li {
	list-style: none;
	float: left;
	width: 25%;
	color: #fff;
}

#random-facts ul li div {
	display: table;
	width: 46%;
	float:left;
	text-align: right;
}

#random-facts ul li i {
	width: 86px;
	height: 86px;
	font-size: 46px;
	line-height: 86px;
	margin-right: 20px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	border: 2px solid #06cc58;
}

#random-facts ul li span {
	font-size: 50px;
	display: table;
	color: #06cc58;
	width: 54%;
	font-weight: bold;
}

#random-facts ul li h5 {
	text-transform: uppercase;
	margin: 36px 0 0;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #06cc58;
}

@media only screen and (max-width: 767px) {
	#random-facts ul li {
		list-style: none;
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}

	#random-facts ul li:last-child {
		margin-bottom: 0;
	}
}

@media (min-width: 767px) and (max-width: 1024px) {
	#random-facts ul li {
		list-style: none;
		float: left;
		width: 50%;
		margin-bottom: 40px;
	}
	
	#random-facts ul li:last-child {
			margin-bottom: 0;
		}
}

/*	12 - Happy-customers
-----------------------------------------------------------*/

#happy-customers {
	background: url(../img/reviews-bg-pat.png) repeat center top;
	padding: 110px 0px 110px;
	position: relative;
	animation: animatedBackground 60s linear infinite;
	-ms-animation: animatedBackground 60s linear infinite;
	-moz-animation: animatedBackground 60s linear infinite;
	-webkit-animation: animatedBackground 60s linear infinite;
}

/* Happy-customers Animate */

@keyframes animatedBackground {
  from { background-position: 0 0; }
  to { background-position: 100% 0; }
}
@-webkit-keyframes animatedBackground {
  from { background-position: 0 0; }
  to { background-position: 100% 0; }
}
@-ms-keyframes animatedBackground {
  from { background-position: 0 0; }
  to { background-position: 100% 0; }
}
@-moz-keyframes animatedBackground {
  from { background-position: 0 0; }
  to { background-position: 100% 0; }
}

#happy-customers:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position:absolute;
	background: #06cc58;	
	top:0;
	left:0;
	right:0;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";	 /* IE 8 */
	filter: alpha(opacity=70);  /* IE 5.5-7 */
	-moz-opacity: 0.7;  /* Netscape */
	-khtml-opacity: 0.7;  /* Safari 1.x */
	opacity: 0.7;  /* Modern browsers */
}

#happy-customers h2 {
	font-size: 56px;
}

/*	13 - Customers-reviews
-----------------------------------------------------------*/

#customers-reviews {
	padding: 10px 0 0px;
}


#owl-customers-reviews{
	padding-bottom: 20px;
}

#owl-customers-reviews .owl-controls{
	margin-top: 40px;
}

#owl-customers-reviews .owl-controls .owl-page span {
	display: block;
	width: 9px;
	height: 9px;
	margin: 5px 6px;
	opacity: 1;
	border-radius: 50;
	background: #ccc;
}

#owl-customers-reviews .owl-controls .owl-page.active span {
	background: #06cc58;
}

#customers-reviews .owl-controls .owl-prev,
#customers-reviews .owl-controls .owl-next {
	margin-top: -40px;
	color: #06cc58;
	background: none;
	opacity: 100;

}

#customers-reviews .owl-controls .owl-prev:before,
#customers-reviews .owl-controls .owl-next:before {
	color: #06cc58;
}

#customers-reviews .owl-controls .owl-prev:hover:before,
#customers-reviews .owl-controls .owl-next:hover:before {
	color: #06cc58;
}

#customers-reviews h3 {
	font-size: 24px;
	font-weight: 200;
	line-height: 38px;
	color: #707070;
}

#customers-reviews h1 {
	font-size: 56px;
}

#customers-reviews .btn-circle {
	margin-top: -110px;
	border: 2px solid #06cc58;	
	color: #090909;
	background: #fff;
}

#customers-reviews .tn-circle:before{
	content:'';
	display:inline-block;
	position:absolute;
	border: 6px solid #fff;
	margin-left: -28px;
	margin-top: -15px;
	width: 82px;
	height: 82px;
	border-radius: 50%;
}

#customers-reviews .sep-line {
	background: url(../img/sep-line-patpng.png) repeat-x center ;
	display: block;
	width: 100%;
	height: 6px;
	margin: 0px 0 40px;
	
}

/*	14 - Pricing Table
-----------------------------------------------------------*/

#pricing-table {
	padding: 0px 0px 20px;
	position: relative;
}

#pricing-table:before {
	content: '';
	display:block;
	position:absolute;
	width: 100%;
	height: 100%;
	background:
	url(../img/01-sides-bg-elements.png)  112% 36% no-repeat,
	url(../img/02-sides-bg-elements.png) -12% 50%  no-repeat;
	
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=9)";
  filter: alpha(opacity=9); /* IE 5-7 */
  -moz-opacity: 0.09; /* Netscape */
  -khtml-opacity: 0.09;  /* Safari 1.x */
  opacity: 0.09; /* Good browsers */
}

@media (max-width: 1700px) {
	#pricing-table:before {
		background: 
		url(../img/01-sides-bg-elements.png)  120% 36% no-repeat,
		url(../img/02-sides-bg-elements.png) -20% 50%  no-repeat;
		
	}
}

@media (max-width: 1600px) {
	#pricing-table:before {
		background: #fff;
		
	}
}

/* Pricing Table Items */

.pricing-table {
	margin-bottom: 0px;
	text-align: center;
	border: 1px solid #ededed;
	border-bottom: 0;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.pricing-table:hover {
	border: 2px solid #06cc58;
}

#pricing-table .item {
	margin-top: 90px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

#pricing-table .item:hover {
	margin-top: 67px;
}

.pricing-table .table-icon {
	background: #bd5252;
	color: #fff;
	width: 120px;
	height: 120px;
	font-size: 36px;
	line-height: 76px !important;
	margin: 0 auto;
	margin-top: -65px;
	border-radius: 50%;
	border: 10px solid #fff;
}

.pricing-table:hover .table-icon {
	background: #06cc58;
	color: #fff;
}

.line {
	margin: 0 auto;
  	width: 40%; 
	height: 3px;
	background: #06cc58;
	border: 1px solid #06cc58;
	margin-top: 20px;
	margin-bottom: 20px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.line:hover {
    width: 80%; 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	} 

@media (min-width: 768px) {
  .line:hover {
    width: 62%; 

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	} 
}

.pricing-table-block:hover .line {
    width: 70%; 
	margin-top: 40px;
	margin-bottom: 20px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
} 

@media (min-width: 768px) {
  .pricing-table-block:hover .line {
    width: 62%; 

	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	} 
}

.pricing-table .table-name {
	font-size: 17px;
	font-weight: 600;
	
	margin-bottom: 0px;
	border-bottom: 0px solid #ececec; 
	padding-top: 10px; 
}
.pricing-table .table-price {
	font-size: 30px;
	border-bottom: 0px solid #ececec; 
	font-weight: 300;
	color: #2f383d;
	padding: 10px;
	margin-bottom: 4px;
}

.pricing-table .table-button {
	padding-top: 20px;
	padding-bottom: 20px;
}

.pricing-table-pro .table-price {
	color: #fff;
	font-weight: bold;
	background: #06cc58;
}

.pricing-table:hover li:nth-child(2) {
	color: #06cc58;
}

.pricing-table-pro {
	border: 1px dotted #06cc58;
}

.pricing-table li {
	list-style: none;
	padding: 12px 10px 12px;
	font-size: 13px;
	background: #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
}

.pricing-table li:nth-child(2) {
	background: #06cc58;	
}

.pricing-table li:nth-child(2n) {
	background: #fff;
}

.pricing-table li:last-child {
	background: #fff;
}

.pricing-table li .btn-a-link {
	color:  #06cc58;	
	text-transform: uppercase;
	padding: 10px 60px;
	text-align: center;
	display: inline-block;
	border: 2px solid #06cc58;	
}
.pricing-table li .btn-a-link:hover {
	background:  #fff;
	color: #06cc58;	
}

.pricing-table li .btn-icon:before {
	content: "\f067";
	font-family: FontAwesome;
	font-size: 100%;
	color: inherit;
}

#owl-pricing-table .owl-controls{
	margin-top: 40px;
}

#owl-pricing-table .owl-controls .owl-page span {
	display: block;
	width: 9px;
	height: 9px;
	margin: 5px 6px;
	opacity: 1;
	border-radius: 50;
	background: #ccc;
}

#owl-pricing-table .owl-controls .owl-page.active span {
	background: #06cc58;
}

#pricing-table .owl-controls .owl-prev,
#pricing-table .owl-controls .owl-next {
	margin-top: -40px;
	color: #06cc58;
	background: none;
	opacity: 100;
}

#pricing-table .owl-controls .owl-prev:before,
#pricing-table .owl-controls .owl-next:before {
	color: #06cc58;
}

#pricing-table .owl-controls .owl-prev:hover:before,
#pricing-table .owl-controls .owl-next:hover:before {
	color: #06cc58;
}

/*	15 - Video Container
-----------------------------------------------------------*/

.media-btns {
	position:relative;
	width:100px;
	height:100px;
	display: table;
	margin: 0 auto;
	margin-bottom: 30px;
}

.pause-btn{
	width: 100px;
	height: 100px;
	text-align:center;
	position:absolute;
	cursor:pointer;
	z-index:50;
    border: 2px solid #fff;
    border-radius: 100px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.play-btn {
	width: 100px;
	height: 100px;
	text-align:center;
	position:absolute;
	cursor:pointer;
	display:none;
	z-index:40;
    border: 2px solid #fff;
    border-radius: 100px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.pause-btn:hover, .play-btn:hover,
.pause-btn:focus, .play-btn:focus {
    outline: 0;
    color: #06cc58;
    background: rgba(255,255,255,.1);
	border: 2px solid #06cc58;
}

.pause-btn i.animated {
	line-height: 100px;
	-webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s;
}

.play-btn i.animated {
	line-height: 100px;
	padding-left: 3px;
	-webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

.pause-btn:hover i.animated,
.play-btn:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

.video-content {
	position: relative;
	overflow: hidden;
	max-height: 520px;
}

.video-content .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top:0;
	bottom:0;
	z-index: 50;
	background: rgba(0,0,0,0.4) url(../img/overlay-black-pat.png);
		
}

.video-overlay {
	position: absolute;
	left: 0;
	right: 0;
	top: 150px;
	bottom:0;
}

@media (max-width: 700px) {
	.video-overlay {
		position: absolute;
		left: 0;
		right: 0;
		top: 70px;
		bottom:0;
	}

	.video-content {
		position: relative;
		overflow: hidden;
		max-height: 300px;
	}
	
	.video-content h3 {
		font-size: 32px !important;
		font-weight: 600;
		color: #fff;
		text-align: center;
	}


}

.video-content img {
	display: table;
	margin: 0 auto 50px;
}

.video-content h3 {
	font-size: 56px;
	font-weight: 600;
	color: #fff;
	text-align: center;
}

.video-content h3 span{
	color: #06cc58;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 20px;
	height: 0;
	overflow: hidden;
	background: #090909;
	outline: 0px;
	border:none;
}

.border-none {border:0;}

.video-container iframe,.video-container object,.video-container embed {
	position: absolute;
	top: -25.5%;
	left: 0;
	width: 100%;
	height: 100%;
	outline: 0px;
	border:none;
}

@media (max-width: 1024px) {
  .video-container iframe,.video-container object,.video-container embed {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
  }
}


/*	16 - Our Clients
-----------------------------------------------------------*/

#our-clients {
	position:relative;
	padding: 60px 0px 80px;
	background-color: aliceblue;
}

#our-clients table td img {
	width: 100% !important;
}

#our-clients .last td {
	border-bottom:0 !important;
}

#our-clients .first td {
	border-top:0 !important;
}

#our-clients td.last {
	border-right:0 !important;
}

#our-clients td.first {
	border-left:0 !important;
}

#our-clients td {
	border: 1px solid #DBE2E2;
	height: 240px;
	text-align: center;
	vertical-align: middle;
}

#our-clients td a {
	display: block;
	overflow: hidden;
	padding: 5px;
}

#our-clients td .wrap-span {
	display: block;
	height: 215px;
	margin: 10px;
	padding: 10px;
	position: relative;
	text-align: center;
	width: 270px;
}

#our-clients td .wrap-span:before {
	border-bottom: 1px solid #DBE2E2;
	bottom: -12px;
	content: "";
	display: block;
	left: -2%;
	position: absolute;
	right: 0;
	width: 98%;
}

#our-clients td .wrap-span:after {
	border-right: 1px solid #DBE2E2;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: -10px;
	top: 0;
}

td.last .wrap-span:after {
	border-right:0 !important;
}

tr.last td .wrap-span:before {
	border-bottom:0 !important;
}

.wrap-span img {
	width:100%;
	height:auto;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/* Our-Clients Animate */

@-webkit-keyframes pop {
	50% {
		-webkit-transform:scale(1.2);
		transform:scale(1.2)
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}

@keyframes pop {
	50% {
		-webkit-transform:scale(1.2);
		-ms-transform:scale(1.2);
		transform:scale(1.2)
	}
	100% {
		-webkit-transform:scale(1);
		-ms-transform:scale(1);
		transform:scale(1)
	}
}

.our-clients-wrapper img {
	display: inline-block;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0,0,0,0)
}

.our-clients-wrapper img:hover {
	-webkit-animation-name: pop;
	animation-name: pop;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

@media (max-width : 521px) {
	#our-clients td,#our-clients th,#our-clients tr, #our-clients table{
		  display: inline-block !important;
		width: 100%;
		border:none !important; 
	}
}

#our-clients .btn-circle{
	border-color: #000;
	color: #000;
	margin-bottom: -144px;
	border: 2px solid #06cc58;
	background: #fff;
}

#our-clients .tn-circle:before{
	content:'';
	display:inline-block;
	position:absolute;
	border: 6px solid #fff;
	margin-left: -28px;
	margin-top: -15px;
	width: 82px;
	height: 82px;
	border-radius: 50%;
}

::i-block-chrome,#our-clients .tn-circle:before{
	margin-left: -24px;
} 

::i-block-chrome,#services .tn-circle:before{
	margin-left: -24px;
} 

::i-block-chrome,#customers-reviews .tn-circle:before{
	margin-left: -24px;
} 

/*	17 - Gallery
-----------------------------------------------------------*/

/* Sly Slider */

.sly_scrollbar {
	height: 14px;
	border-radius: 4px;
	margin: 30px 0px 30px;
	width: 100% !important;
	
}

.sly_scrollbar:after {
	background: #ECECEC;
	content: "";
	display: block;
	height: 2px;
	position: relative;
	top: -8px;
	width: 100%;  
	padding:0 ;
	z-index: 4;
}

.sly_scrollbar .handle {
	height: 100%;
	background: #ff1c32;
	margin: 0;
	cursor: pointer;
	position:relative;
	z-index:7;
}

#gallery {
	background: #f9f9f9;
	padding: 40px 0 0;
}

.gallery-slider, .sly-frame, .isotope {
	min-width: 100% !important;
}

#gallery .sly_scrollbar:after {
	background: #06cc58 url(../img/progress-pat.png);
	height: 20px;
	border-radius: 100px;
	margin-top: -20px;
	top: 0;
}

#gallery .sly_scrollbar .handle {
	height: 100%;
	background: #fff;
	height: 20px;
	border-radius: 100px;
	border: 2px solid #06cc58;
	cursor: pointer;
	position:relative;
	z-index:7;
}

#gallery .sly_scrollbar {
	margin-bottom: 0px;
}

#gallery .sly_scrollbar-bg-line {
	height: 3px;
	width: 100%;
	background: #06cc58 url(../img/progress-pat.png);
	position:relative;
	margin-top: -36px;
}

.gallery-filter {
	display: inline-block;
	list-style: none;
	margin: 0 auto 40px;
	padding: 0;
	text-align: center;
}

.gallery-filter > li {
	display: inline-block;
}

.gallery-filter > li .btn-primary {
	background: #06cc58;
	color: #fff;
	position:relative;
	border: 2px solid #06cc58 !important;
	border-radius: 100px;
}

.gallery-filter li .btn {
	margin: 4px 3px;
}

.btn-primary {
	color: #fff;
	background: #06cc58;
	border: 2px solid #06cc58 !important;
	border-radius: 100px;
}

.gallery-filter .boxshadow .btn:hover {
	background: #06cc58;
	-webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3);
	box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3);
}

.gallery-filter > li .btn-primary:hover a {
	color:#fff;
	
}

.gallery-filter a {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	font-size: 14px;
}

.gallery-frame {
	margin: 40px 0 0;
	overflow: hidden;
	width: 100%;
}

.gallery-slider {
	max-height: 580px;
	cursor: -webkit-grab;
}

.gallery-slider:active, .gallery-slider:focus {
	cursor: -webkit-grabbing;
}

.gallery-navigation {
	margin: 0 15px;
	position: relative;
}

.gallery-navigation .slider-direction {
	position: absolute;
	top: 0;
	width: 40px;
	padding: 10px 0;
	text-align: center;
}

.gallery-navigation .slider-direction.disabled {
	opacity: 0.3;
	filter: alpha(opacity=30);
}

.gallery-navigation .prev-page {
	left: 0;
}

.gallery-navigation .next-page {
	right: 0;
}

.gallery-navigation .pages {
	display: table;
	margin: 0 auto;
}

.gallery-navigation .pages > li {
	float: left;
	margin: 0 5px;
	text-indent: -9999em;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #acacac;
	cursor: pointer;
	
}

.gallery-navigation .pages > .active {
	background: #ff1c32;
}

.gallery-item {
	position: relative;
	margin:0px;
	width: 360px;
	overflow: hidden;
	cursor: -webkit-grab;
}

.gallery-item:active, .gallery-item:focus {
	cursor: -webkit-grabbing;
}

.gallery-item .item-thumbnail {
	min-height: 100px;
	overflow: hidden;
	background: #e1e1e1;
	position:relative;
	
}

.gallery-item .item-thumbnail img {
	width: 100%;
	height: 100%;
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: 220px;
}

.gallery-item .item-thumbnail > a {
	display: block;
}

.item-hover .actions {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	border-radius: 0;
	overflow: hidden;
	z-index: 2;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;	
}

.gallery-item:hover .item-hover .actions {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}

.item-hover .actions ul > li {
	float: left;
	width: 50%;
}

.item-hover .actions ul > li > a {
	display: block;
	padding: 12px 0 8px 0;
	font-size: 22px;
	text-align: center;
	color: #fff;
	background: #ff1c32;
	border-left: 1px solid #fff;
	border-bottom: 4px solid transparent;
}
.boxshadow .item-hover .actions ul > li > a {
	padding: 12px 0;
	border-bottom: 0;
}

.item-hover .actions ul > li:first-child > a {
	border-left: 0;
}

.item-hover .actions ul > li > a:hover {
	border-bottom-color: #1f9150;
}

.boxshadow .item-hover .actions ul > li > a:hover {
	-webkit-box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3);
	box-shadow: inset 0 -4px 0 rgba(0,0,0,0.3);
}

.gallery-item .item-hover .details {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 20px 77px 20px;
	background: rgba( 0, 0, 0, 0.6);
	color: #fff;
	border-radius: 2px;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.35s 0.05s;
	-moz-transition: opacity 0.35s 0.05s;
	transition: opacity 0.35s 0.05s;
	
}

.gallery-item:hover .item-hover .details {
	opacity: 1;
	filter: alpha(opacity=100);
}

.item-hover .details > .table {
	display: table;
	width: 100%;
	height: 100%;
}

.table > .vertical-center {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.item-hover .details .title {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin: 55px 0 10px;
	padding: 5px 15px;
	text-transform: uppercase;
}

.item-hover .vertical-center .btn {
	background: none;
	color: #fff;
	text-transform: uppercase;
	border: 2px solid #06cc58;
	border-radius: 100px;
}

.item-hover .vertical-center .btn:hover {
	background: #06cc58;
	color: #fff;
	text-transform: uppercase;
	border: 2px solid #06cc58;
	border-radius: 100px;
}

.gallery-frame {
	margin: 0 auto;
	overflow: auto;
	padding: 0;
	width: 100%;
}
#gallery .sly_scrollbar {
	margin: -40px auto 30px;
	max-width: 1170px;
}
.gallery-slider {
	max-width: 5600px;
}

.gallery-item {
	width: 330px;
}

.gallery-item {
	max-width:330px;
}

@media only screen and (max-width : 320px) {
	.gallery-item {
		width: 290px;
	}
}

/*	18 - Our Team
-----------------------------------------------------------*/

#team {
	position: relative;
	background: #fff;
	padding: 80px 0 20px;
	border-top: 70px solid transparent;
	margin-top: -70px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}


#owl-folio .item {
	position:relative;
	z-index:9999;
}

#owl-team .owl-controls .owl-page span {
	display: block;
	width: 9px;
	height: 9px;
	margin: 5px 6px;
	opacity: 1;
	border-radius: 50;
	background: #ccc;
}

#owl-team .owl-controls .owl-page.active span {
	background: #06cc58;
}

#owl-team .owl-controls .owl-prev,
#owl-team .owl-controls .owl-next {
	margin-top: -40px;
	color: #06cc58;
	background: none;
	opacity: 100;
}

#owl-team .owl-controls .owl-prev:before,
#owl-team .owl-controls .owl-next:before {
	color: #06cc58;
}

#owl-team .owl-controls .owl-prev:hover:before,
#owl-team .owl-controls .owl-next:hover:before {
	color: #06cc58;
}

#owl-team .owl-wrapper-outer {
	margin-bottom: 50px;
}


#team .owl-carousel {
	padding-bottom: 10px;
}

.team-member {
	position:relative;
	height: 420px;
	background: #fff;
}

.team-member img {
	width: 100%;
	height: auto;
}

.team-member .heading {
	color: #fff;
	font-weight: 600;
	margin-top: 70px;
	text-align: center;
	text-transform: uppercase;
}
.team-member .sub-heading {
	color: #fff;
	font-weight: normal;
	text-align: center;
	position:relative;
}
.team-member .sub-heading:after {
	border-bottom: 2px solid #fff;
	bottom: -20px;
	content: "";
	display: block;
	left: 50%;
	margin-left: -16px;
	position: absolute;
	width: 32px;
}
.team-member .social {
	display: table;
	margin: 0 auto;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	
}
.team-member .social > li {
	display: inline-block;
	margin-right: -4px;
}
.team-member .social > li > a {
	border: 2px solid #fff;
	border-radius: 100px;
	width: 46px;
	height: 46px;
	color: #fff;
	display: block;
	font-size: 18px;
	line-height: 44px;
	margin: 0 8px;
	}
	
.team-member .social > li > a:hover {
	background: none repeat scroll 0 0 #fff;
	color: #06cc58;
}

.team-member .desc-det {
	height: 100px;
	margin-bottom: 20px;
	padding-top: 26px;
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
}
.team-member .details {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 20px 20px 25px;
	background: #06cc58;
	color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.6s 0.05s;
	-moz-transition: opacity 0.6s 0.05s;
	transition: opacity 0.6s 0.05s;
	
}
.team-member:hover .details {
	opacity: 1;
	filter: alpha(opacity=100);
}

/* Our-Team Hover Animation */

.avatar {
	transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.avatar {
	-webkit-transform: rotateX(0deg) rotateX(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

}
.avatar {
	-webkit-transform: rotateX(0deg) rotateX(0deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;

}
.avatar {
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}
.team-member:hover .avatar {
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
}
.team-member:hover .avatar {
	-webkit-transform: rotateX(-180deg);
	-moz-transform: rotateX(-180deg);
}
.team-member:hover .avatar {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}
.team-member .details, .team-member .details {
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.team-member .details {
	-webkit-transform: rotateX(-180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(-180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
}
.team-member .details {
	-webkit-transform: rotateX(180deg);
	-webkit-transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-transform: rotateX(180deg);
	-moz-transform-style: preserve-3d;
	-moz-backface-visibility: hidden;
}
.team-member .details {
	-webkit-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}
.team-member:hover .details, .team-member:hover .details {
	z-index:10;
	position:absolute;
	-webkit-transform: rotateX(0deg) rotateX(0deg);
	-moz-transform: rotateX(0deg) rotateX(0deg);
}
.team-member:hover .details {
	z-index:10;
	-webkit-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
}

/*	19 - Contacts
-----------------------------------------------------------*/

#contacts {
	padding: 40px 0 40px;
}

#contacts .sep-line {
	margin: 0px 0 45px;
}

#contacts .icon-md {
	color: #090909;
	font-size: 20px;
	margin-right: 10px;
	width: 54px;
	height: 54px;
	line-height: 50px;
}

#contacts .icon-md:hover {
	color: #fff;
	background: #06cc58;
}

/* Styling for the contactform */

.contacts-form-bg {
	background:#fcfcfc url(../img/progress-pat.png) center;	
	padding: 5px;
}

.contacts-form {
	background:#fcfcfc;
	padding: 20px;
}

#contactform {
	display: block;
	width: 100%;
	text-align: left;
	margin-top: 24px;
}

#contactform label {
	position: relative;
	padding-left: 20px;
	z-index: 999;
}

#contactform label {
	line-height: 48px;
	height: 48px;
	margin-bottom: 0px;
}

#contactform input,
#contactform textarea,
#contactform select {
	display: block;
	overflow: hidden;
	min-height: 48px;
	margin-top: -48px;
	margin-bottom: 10px;
	padding: 8px 0;
	padding-left: 45px;
	padding-right: 20px;
	outline: none !important;
	width: 100%;
	border: none;
	border-radius: 4px;
	border: 2px solid #f1f1f1;
	background: #fff;

}

#contactform select {
	padding-right: 10px;
	margin-bottom: 20px;
}

@-moz-document url-prefix() {
	#contactform select {
		padding-top: 14px;
	}
}

#contactform textarea {
	padding-top:10px;
	width: 100%;
	z-index: 9999;
	resize: vertical;
	min-height: 120px;
}

#contactform input.input-verify {
	padding-left: 68px;
}

#contactform input:focus,
#contactform textarea:focus,
#contactform select:focus,
#contactform input:active,
#contactform textarea:active,
#contactform select:active {
	background-color: #fefefe;
	color: #090909;
	outline: none !important;
	border-color: #e5e5e5;
}

/* The button */
#contactform input.submit {
	cursor: pointer;
	margin: 20px auto 0;
	width: auto;
	height: auto;
	background: #fff;
	text-transform: uppercase;
	display: block;
	margin-top: 25px;
	margin-bottom: 6px;
	border: 2px solid #06cc58;
	border-radius: 100px;
	padding: 0px;
	padding: 8px 40px;
}

#contactform input.submit:hover,
#contactform input.submit:focus {
	background: #06cc58;
	color: #fff;
}

#contactform input[type="submit"][disabled] {
	color: #bdbdbd;
	background: #fff;
	border: 2px solid #06cc58;
}

/* Form validation styles */
#contactform span.required {
	color: #e5e5e5;
}

.error_message {
	display: block;
	padding: 8px;
	background: #ffeeee;
	color: #ff4040;
	border: 1px solid #fbc2c4;
	margin-top: 20px;
}

/* Loader image */

.loader {
	color: #06cc58;
	font-size: 20px;
}

/* What users see after they succesfully sent a message, see also the contact php file */
#success_page {
	text-align: center;
}

#success_page h4 {
	color: #06cc58;
}

/* Contacts Text Content */

.sep-line-small {
	width: 100%;
	background: #ececec;
	height: 1px;
	margin: 10px 0px 30px;
}

/*	20 - Map Container
-----------------------------------------------------------*/

#map {
    width: 100%;
    height: 300px;
    display:none;
}

@media(min-width:767px) {
    #map {
        height: 420px;

    }
}

.map-tooltip {
	padding:10px 15px;
	text-align:center;
	margin-right: -20px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}

.map-tooltip-block {
	border:2px solid #090909;
	text-align:center;
}

.map-tooltip hr {
	width: 80px;
	height: 2px;
	background: #06cc58;
	margin: auto;
	margin-top: 22px;
	margin-bottom: 19px;
}

.footer-wrapper {
	background: #fafafa;
	padding: 20px 0px 20px;
	border-top: 2px solid #fff;
	border-bottom: 4px solid #06cc58;
	line-height: 36px;
}

.footer-wrapper .fa {
	font-size: 20px;
	margin: 0px 6px;
}

.footer-wrapper .footer-socials {
	text-align: right;
}

@media(max-width:1024px) {
    .footer-wrapper {
		text-align: center !important;
		}
		
		.footer-wrapper .footer-socials {
			text-align: center;
		}
}

.footer-socials a {
	color: inherit;
}

.footer-socials a:hover {
	color: #06cc58;
}

/*	21 - Blog Pages
-----------------------------------------------------------*/

.page-title {
	margin: 100px 0px;
}

#insidebar-content {
	padding: 80px 0px 10px;
}

/* Blog */

@media (min-width: 1200px) {
	.blog-content {
		padding-right: 40px;
	}
}

.blog-content h2 a:hover {
	border-bottom: 1px solid #06cc58; 
}

.blog-extra {
	border-top: 1px solid #eee;
	padding-top: 30px;
}

.sidebar-widget {
	margin-bottom: 55px;
}

.search {
	position: relative;
}

.search input {
	height: 45px;
	border: 2px solid #f4f4f4;
	width: 100%;
	padding: 15px;
	font-size: 14px;
	position: relative;	
}

.search:before {
	content: "\f002";
	font-family: FontAwesome;
	position: absolute;
	right: 12px;
	top: 8px;
	font-size: 20px;
	color: #da2e3e;
	z-index: 999;
}

/* Sidebar Widget */

.sidebar-widget h5 {
	text-transform: uppercase;
	color: #000;
	font-size: 18px;
	margin: 0 0 35px;
	font-weight: 600;
	margin-bottom: 20px;
}

/*  Sidebar Search Form */

.search-form {
	position: relative;
	display: inline-block;
	width: 100%;
}

.search-form input:focus {
	background-color: #fefefe;
	color: #090909;
	outline: none !important;
	border-color: #e5e5e5;
}

.search-form .search-line {
	width: 100%;
	padding: 5px 20px;
	min-height: 48px;
	border-radius: 4px;
	background: #fff;
	border: 2px solid #f4f4f4;
}
.search-form .search-button {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	background: none;
	border: none;
	outline: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.search-form .search-button:hover {
		color: #06cc58;
}

/* Sidebar Gallery Widget */

#owl-sidebar-widget .item {
	max-height: 260px;
}

#owl-sidebar-widget img {
	width: 100%;
	height: auto;
}

#owl-sidebar-widget {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#owl-sidebar-widget .owl-controls {
	margin-top: 25px;
}

#owl-sidebar-widget .owl-controls .owl-page span {
	display: block;
	width: 9px;
	height: 9px;
	margin: 5px 6px;
	opacity: 1;
	border-radius: 50;
	background: #ccc;
}

#owl-sidebar-widget .owl-controls .owl-page.active span {
	background: #06cc58;
}

#owl-sidebar-widget .owl-controls .owl-prev,
#owl-sidebar-widget .owl-controls .owl-next {
	margin-top: -40px;
	color: #06cc58;
	background: none;
	opacity: 100;
}

#owl-sidebar-widget .owl-controls .owl-prev:before,
#owl-sidebar-widget .owl-controls .owl-next:before {
	color: #06cc58;
}

#owl-sidebar-widget .owl-controls .owl-prev:hover:before,
#owl-sidebar-widget .owl-controls .owl-next:hover:before {
	color: #06cc58;
}

/* Tabs Style */

.nav-tabs > li {
	margin-bottom: -2px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #707070;
	cursor: default;
	background-color: #fff;
	border: 2px solid #f4f4f4;
	bottom: -1px;
	border-bottom-color: transparent;
	outline: none;
}

.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	bottom: -1px;
	font-size: 15px;
	padding: 10px 13px;
	outline: none;
}

.nav-tabs {
	margin-bottom: 20px;
	outline: none;
}

.nav-tabs .fa {
	margin-left: 10px;
}

.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 2px solid transparent;
	border-radius: 4px 4px 0 0;
}
.nav-tabs {
	border-bottom: 2px solid #f4f4f4;
}

.nav-tabs > li > a:hover {
	border-color: #f4f4f4 #f4f4f4 #f2f2f2;
	background: #fdfdfd;
}

@media(min-width:990px) and (max-width:1210px) {
	.nav-tabs .tabs-icon a:after {
		display: none;
	} 
}

.nav-tabs .tabs-icon a:after {
	content: "\f075";
	font-family: 'FontAwesome';
	color: #06cc58;
	text-align: right;
	margin-left: 10px;
	overflow: hidden;
	font-size: 15px;
} 

/* Tabs Popular */

.popular-blog-list {
	padding: 0;
}

.popular-blog-list li {
	list-style: none;
	font-size: 16px;
	color: #999;
	display:inline-block;
	margin-bottom: 15px;
	padding-right: 30px;
	padding-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #eee;
}

.popular-blog-list li:before {
	content: "\f040";
	font-family: 'FontAwesome';
	color: #06cc58;
	position: absolute;
	right: 0;
	top: 11px;
	width: 20px;
	text-align: right;
	overflow: hidden;
	font-size: 16px;
}

.popular-blog-list li h4 {
	font-size: 16px;
	margin-bottom: 16px;
}

.popular-blog-list li h4 a {
	color: #707070;
}

.popular-blog-list li h4 a:hover {
	color: #06cc58;
}

.popular-blog-list li span {
	color: #707070;
	font-size: 16px;
}

.popular-blog-list li span .fa {
	color: #06cc58;
	margin-right: 10px;
	font-size: 16px;
}

/* Tabs Comments */

.comments-blog-list li {
	list-style: none;
	font-size: 16px;
	color: #999;
	margin-bottom: 7px;
	padding-bottom: 10px;
	position: relative;
	display:inline-block;
	border-bottom: 1px solid #eee;
}

.comments-blog-list li h4 {
	font-size: 16px;
	margin-bottom: 16px;
}

.comments-blog-list li h4 a {
	color: #707070;
}

.comments-blog-list li h4 a:hover {
	color: #06cc58;
}

.comments-blog-list li span {
	color: #707070;
	font-size: 15px;
	margin-bottom: 6px;
	float: left;
}

.comments-blog-list li span a {
	color: #707070;
}

.comments-blog-list li span a:hover {
	color: #06cc58;
}


.comments-blog-list li span {
	margin-right: 10px;
}


.comments-blog-list li span .fa {
	color: #06cc58;
	margin-right: 10px;
	font-size: 16px;
}

/* Sidebar Categories */

.sidebar-categories {
	padding: 0;
}

.sidebar-categories li {
	text-align: left;
    margin-right: 10px;
    width: 100%;
    border-left: 3px solid;
    border-color: #495f77;
    list-style: none;
    font-size: 16px;
    color: #999;
    background-color: rgba(47, 82, 113, 0.04);
    margin-bottom: 7px;
    position: relative;
    padding: 7px 0px;
    border-bottom: 1px solid #39729e;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding-left: 20px;
	
}

.sidebar-categories li a {
	color: #707070;
	display: inline-block;
	width: 85%;
}

.sidebar-categories li:hover a {
	color: #06cc58;
}

.sidebar-categories li:hover {
	color: #06cc58;
	padding-left: 10px;
}

.sidebar-categories li:hover:before {
	font-family: 'FontAwesome';
	content: '\f105';
	color: #06cc58;
	margin-right: 10px;
	font-size: 15px;
}

.sidebar-categories li .counter-list {
	float:right;
	color: #06cc58;
	font-weight: 600;
}

/* SidebarLatest Blog List */

.latest-blog-list {
	padding: 0;
}

.latest-blog-list li {
	list-style: none;
	font-size: 16px;
	color: #999;
	margin-bottom: 7px;
	padding-right: 30px;
	padding-bottom: 20px;
	position: relative;
	border-bottom: 1px solid #eee;
}

.latest-blog-list li:before {
	content: "\f040";
	font-family: 'FontAwesome';
	color: #06cc58;
	position: absolute;
	right: 0;
	width: 20px;
	text-align: right;
	overflow: hidden;
	font-size: 16px;
}

.latest-blog-list li h4 {
	font-size: 16px;
	margin-bottom: 16px;
}

.latest-blog-list li h4 a {
	color: #707070;

}

.latest-blog-list li h4 a:hover {
	color: #06cc58;
}

.latest-blog-list li span {
	color: #707070;
	font-size: 16px;
}

.latest-blog-list li span .fa {
	color: #06cc58;
	margin-right: 10px;
	font-size: 16px;
}

.sidebar-widget p {
	color: #999;
	font-size: 16px;
	line-height: 24px;
}

/* Sidebar Tags*/

.tags-list {
	padding: 0;
	display: inline-block;
}

.tags-list li {
	float: left;
	margin-right: 6px;
	margin-bottom: 10px;
	list-style: none;
}

.tags-list li a {
	background: none;
	color: #06cc58;
	border: 2px solid #06cc58;
	border-radius: 100px;
	padding: 8px 20px;
	display: table;
}

.tags-list li a:hover {
	background: #06cc58;
	color: #fff;
}

/* Pagination */

.pagination ul {
	padding: 0;
}

.pagination ul li {
	float: left;
	list-style: none;
	margin-right: 6px;
}

.pagination ul li a {
	font-size: 14px;
	border: 2px solid #06cc58;
	color: #06cc58;
	padding: 10px 22px;
	min-width: 10px;
	border-radius: 100px;
	display: table;
}

.pagination ul li.active a,.pagination ul li a:hover {
	border: 2px solid #06cc58;
	outline: 0px !important;
	color: #fff;
	background-color: #06cc58;
}

/* Tags */

.tags {
	color: #707070;
	margin: 0px 0 30px;
	display: table;
	width: 100%;
	line-height: 24px;
}

.tags a {
	margin-left: 6px;

}

.tags a:hover {
	color: #000;
}

/* Share */

@media (min-width: 1024px) {
	.share {
	float: right;
	}
}

.share em {
	float: left;
	font-style: normal;
	line-height: 24px;
}

.share-social {
	padding: 0;
	position: relative;
	display: inline-block;
	top: -9px;
}

.share-social li {
	float: left;
	margin: 0 6px;
	list-style: none;
}

.share-social li a {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: none;
	display: block;
	color: #090909;
	font-size: 18px;
	border: 2px solid #06cc58;
	line-height: 38px;
	text-align: center;
}

.share-social li a:hover {
	background: #06cc58;
	color: #fff;
}

/* Blog Images */

.blog-preview {
	width: 100%;
	max-height: 460px;
	overflow:hidden;
	border-bottom: 3px solid #06cc58;
	margin-bottom: 12px;
}

.blog-preview img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.blog-preview iframe,.blog-preview object,.blog-preview embed {
	width: 100%;
	height: auto;
	min-height: 460px;
	vertical-align: middle;
}

/* Informers */

.informers {
	list-style: none;
	width: 100%;
	display:inline-block;
	color: #707070;
	font-size: 16px;
	margin-bottom: 30px;
	margin-top: 12px;
}

.informers li {
	float: left;
	margin-right: 6px;
	margin-left: 6px;
}

.informers li:first-child {
	margin-left: 0px;
}

.informers li a {
	color: #707070;
}

.informers li a:hover {
	color: #06cc58;
}

.informers li .fa {
	color: #06cc58;
	margin-right: 10px;
}

/* Comments */

.contact-form input, .comment-form-wrapper input {
	margin-bottom: 28px;
	display: inline-block;
	min-height: 48px;
	margin-bottom: 10px;
	padding: 8px 0;
	padding-left: 20px;
	padding-right: 20px;
	outline: none !important;
	width: 100%;
	border: none;
	border-radius: 4px;
	border: 2px solid #f1f1f1;
	background: #fff;
}

.contact-form textarea,.comment-form-wrapper textarea {
	height: 160px;
	display: block;
	overflow: hidden;
	margin-top: 12px;	
	margin-bottom: 26px;
	padding: 12px 0;
	padding-left: 20px;
	padding-right: 20px;
	outline: none !important;
	width: 100%;
	border: none;
	border-radius: 4px;
	border: 2px solid #f1f1f1;
	background: #fff;
	margin-bottom: 28px;
	resize: vertical;
}

.contact-form input:focus, 
.comment-form-wrapper input:focus, 
.contact-form textarea:focus,
.comment-form-wrapper textarea:focus {
	background-color: #fefefe;
	color: #090909;
	outline: none !important;
	border-color: #e5e5e5;	
}

.contact-form button,.comment-form-wrapper button {
	cursor: pointer;
	margin: 20px auto 0;
	width: auto;
	height: auto;
	background: #fff;
	text-transform: uppercase;
	display: block;
	margin-top: 25px;
	margin-bottom: 6px;
	border: 2px solid #06cc58;
	border-radius: 100px;
	padding: 0px;
	padding: 12px 40px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.contact-form button:hover,.comment-form-wrapper button:hover {
	background: #06cc58;
	color: #fff;
}

.comment-form-wrapper {
	margin-top: 45px;
}

.comment-form-wrapper input,.comment-form-wrapper textarea {
	font-size: 14px;
}

.comment-reply-link .fa {
	margin-right: 10px;
}

.comments-area {
	margin-bottom: 40px;
	margin-top: 40px;
	display: inline-block;
	position: relative;
}

.comments-area h3 {
	color: #090909;
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 30px;
	text-transform: none;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 50px;
}

.comments-area .comment-respond .comments-line {
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	width: 100%;
	outline: none;
	resize: none;
	font-style: italic;
}

.comments-area#project-comment .comment-respond .comments-line {
	margin-bottom: 30px;
}

.comments-area .comment-respond .comments-area {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	width: 100%;
	outline: none;
	height: 144px;
	resize: none;
	font-style: italic;
}

.comments-area .comment-respond .form-submit {
	text-align: right;
}

.comments-area .comment-respond .form-submit .button-1 {
	border-radius: 0;
	margin: 10px 0;
	padding: 10px 40px;
}

.comments-area .comment {
	margin-bottom: 32px;
	padding-left: 100px;
	padding-bottom: 32px;
	border-bottom: 1px solid #e8e8e8;
}

.comments-area .comment .comment-image {
	float: left;
	margin-left: -100px;
	width: 80px;
}

.comments-area .commentlist ul {
	margin-left: 70px;
	list-style: none;
}

.comments-area .comment .comment-info {
	display: block;
	margin-bottom: 16px;
	color: #06cc58;
	font-size: 16px;
	font-weight: 600;
}
.comments-area .comment .comment-info span {
	float: right;
	font-size: 15px;
	color: #707070;
	font-weight: normal;
}

.comments-area .comment p {
	color: #707070;
	font-size: 16px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.comments-area .commentlist {
	margin-bottom: 60px;
	list-style: none;
}

/*	22 - 404-Page
-----------------------------------------------------------*/

#not-found {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
}

.not-found-wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		 -o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	display: inline-block;
}

.not-found-wrapper h1 {
	font-size: 20px;
	font-weight: 600;
	line-height: none;
	margin-bottom: 0px;
	margin-top: 0px;
}

.not-found-wrapper h3 {
	margin-top: 0px;
}

.not-found-wrapper .btn-default {
	color: #fff;
}

@media(max-height: 520px) {
	#not-found .sep {
		margin-bottom: 20px;
		margin-top: 20px;
		
	}
}


/*	23 - Your CSS Code
-----------------------------------------------------------*/