/*



	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

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



/* 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: #454545;
    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: 16px;

    line-height: 1.5;

}



@media(min-width:767px) {

    p {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
    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.1);

	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,.1);

    text-transform: uppercase;

    font-family: 'Open Sans', Helvetica, Arial, sans-serif;

    background-color: #090909;

}



.navbar-brand {

    font-weight: 700;

}



.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: #B9D305;
    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: #fff;

    -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.1);

	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: 60px;

	text-transform: uppercase;

	color: #b9d305    ;

	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: 12px;

	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 #B9D305;
    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: #B9D305;
    background: #06cc58;
    color: #fff;
}



#owl-intro .item a:hover,.inner-wrap2 a:hover {
    border: 2px solid #b9d305;
    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 {
    -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: 13px;

	margin-bottom: 40px;

	margin-top: 15px;

}



.title {
	font-size: 44px;
	margin-bottom: 20px;
	text-align: center;

}



.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: 40px auto;

	margin-bottom: 60px;

}



.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: 80px;

	padding-bottom: 120px;

	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: 12px;

}



.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: #333;

	font-size: 13px;

	margin-bottom: 22px;

}



.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: 90px;

}



#owl-about-us .owl-controls{
    margin-top: 52px;
    background-repeat: no-repeat;
    background-image: url(url);

}



#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: 120px 0px 120px;

	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: 56px;

	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: 60px 0 0px;

}





#owl-customers-reviews{

	padding-bottom: 100px;

}



#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: 60px 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: #d8d8d8;

	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: 30px;

	font-weight: 700;

	text-transform: uppercase;

	margin-bottom: 20px;

	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;

	text-transform: uppercase;

	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;

}



#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: #b9d305;
    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: #b9d305;

}



/* 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;

}



@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 {

	list-style: none;

	font-size: 16px;

	color: #999;

	margin-bottom: 7px;

	position: relative;

	padding: 12px 0px;

	border-bottom: 1px solid #eee;

	-webkit-transition: all .2s ease-in-out;

    -moz-transition: all .2s ease-in-out;

    transition: all .2s ease-in-out;	

	

}



.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

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

/* New Color Settings */

			

			.text-color{  

				color: #B9D305; 

			} 

			a { 

				color: #B9D305; 

			} 

			a:hover, 

			a:focus {
	color: #B9D305;

			} 

			.btn-a-link { 

				border: 2px solid #B9D305; 

			} 

			.btn-a-link:active { 

				background: #B9D305; 

			} 

			.btn-a-link {
	color: #b9d305;

			} 

			.owl-controls .owl-prev:hover, 

			.owl-controls .owl-next:hover { 

				background: #B9D305; 

			} 

			.navbar-brand:hover {
    color: #9CC748;

			} 

			.navbar-custom .nav li a:hover, 

			.navbar-custom .nav li a:focus, 

			.navbar-custom .nav li.active a{
    color: #9CC748;

				} 

			.btn-full { 

				background: #B9D305; 

			} 

			.btn-full:hover, 

			.btn-full:focus { 

				background: #B9D305; 

			} 

			.btn-default {
    color: #B9D305;
    border: 2px solid #B9D305;

			} 

			.btn-default:hover, 

			.btn-default:focus {
    border: 2px solid #B9D305;
    background-color: #B9D305;

			} 

			::-moz-selection { 

				background: #B9D305; 

			} 

			::selection { 

				background: #B9D305; 

			} 

			.colored { 

				color: #B9D305; 

			} 

			#owl-intro .item h2 { 

				color: #B9D305; 

			} 

			#owl-intro .item a { 

				border: 2px solid #B9D305; 

			} 

			#owl-intro .item .btn-link-light { 

				border-color: #B9D305; 

				background: #B9D305; 

			} 

			#owl-intro .item a:hover,.inner-wrap2 a:hover { 

				border: 2px solid #B9D305    ; 

				background: #B9D305    ; 

			} 

			#owl-intro .owl-controls .owl-page.active span { 

				background: #b9d305    ; 

			} 

			#owl-intro .owl-controls .owl-prev:hover, 

			#owl-intro .owl-controls .owl-next:hover { 

				background: #B9D305    ; 

			} 

			.pause-btn:hover, .play-btn:hover, 

			.pause-btn:focus, .play-btn:focus { 

				color: #B9D305; 

				border: 2px solid #B9D305; 

			} 

			.video-content h3 span{ 

				color: #B9D305; 

			} 

			.service-banner { 

				background: #B9D305; 

			} 

			.service-banner {
	background: #b9d305;

			} 

			.btn-a-link:active {
	color: #B9D305;

			} 

			.service-banner-btn .btn-a-link:active { 

				color: #B9D305; 

			} 

			.icon-md {
    color: #B9D305;
    border: 2px solid #B9D305;

			} 

			#services .btn-circle {
    border: 2px solid #b9d305;

			} 

			#services .media:hover .icon-md { 

				background: #B9D305; 

			} 

			.sub-title:after { 

				background: #B9D305; 

			} 

			.sep-content {
	background: #b9d305;

			} 

			#services .dial { 

				color: #B9D305; 

			} 

			#owl-about-us .owl-controls .owl-page.active span { 

				background: #B9D305; 

			} 

			#about-us .btn-wrap .btn-a-link {
	border: 2px solid #B9D305;
	color: #b9d305;

			} 

			#about-us .btn-wrap .btn-a-link:hover {
	border: 2px solid #b9d305;
	background: #b9d305;

			} 

			#about-us .owl-controls .owl-prev, 

			#about-us .owl-controls .owl-next { 

				color: #B9D305; 

			} 

			#about-us .owl-controls .owl-prev:before, 

			#about-us .owl-controls .owl-next:before { 

				color: #B9D305; 

			} 

			#about-us .owl-controls .owl-prev:hover:before, 

			#about-us .owl-controls .owl-next:hover:before { 

				color: #B9D305; 

			} 

			.progress { 

				background-color: #B9D305; 

			} 

			.progress span { 

				color: #B9D305; 

			} 

			.progress-bar-standart { 

				border: 2px solid #B9D305; 

			} 

			#random-facts ul li i { 

				border: 2px solid #B9D305; 

			} 

			#random-facts ul li span { 

				color: #B9D305; 

			} 

			#random-facts ul li h5 { 

				color: #B9D305; 

			} 

			#happy-customers:before { 

				background: #B9D305; 

			} 

			#owl-customers-reviews .owl-controls .owl-page.active span { 

				background: #B9D305; 

			} 

			#customers-reviews .owl-controls .owl-prev, 

			#customers-reviews .owl-controls .owl-next { 

				color: #B9D305; 

			} 

			#customers-reviews .owl-controls .owl-prev:before, 

			#customers-reviews .owl-controls .owl-next:before { 

				color: #B9D305; 

			} 

			#customers-reviews .owl-controls .owl-prev:hover:before, 

			#customers-reviews .owl-controls .owl-next:hover:before { 

				color: #B9D305; 

			} 

			#customers-reviews .btn-circle { 

				border: 2px solid #B9D305;	 

			} 

			.pricing-table:hover { 

				border: 2px solid #B9D305; 

			} 

			.pricing-table:hover .table-icon { 

				background: #B9D305; 

			} 

			.line { 

				background: #B9D305; 

				border: 1px solid #B9D305; 

			} 

			.pricing-table-pro .table-price { 

				background: #B9D305; 

			} 

			.default-color.active, .default-color-hover:hover, .default-color { 

				color: #B9D305 !important; 

			} 

			.pricing-table-pro { 

				border: 1px dotted #B9D305; 

			} 

			.pricing-table li .btn-a-link { 

				color:  #B9D305;	 

				border: 2px solid #B9D305;	 

			} 

			.pricing-table li .btn-a-link:hover { 

				color: #B9D305;	 

			} 

			#owl-pricing-table .owl-controls .owl-page.active span { 

				background: #B9D305; 

			} 

			#pricing-table .owl-controls .owl-prev, 

			#pricing-table .owl-controls .owl-next { 

				color: #B9D305; 

			} 

			#pricing-table .owl-controls .owl-prev:before, 

			#pricing-table .owl-controls .owl-next:before { 

				color: #B9D305; 

			} 

			#pricing-table .owl-controls .owl-prev:hover:before, 

			#pricing-table .owl-controls .owl-next:hover:before { 

				color: #B9D305; 

			} 

			#our-clients .btn-circle{ 

				border: 2px solid #B9D305; 

			} 

			#gallery .sly_scrollbar:after { 

				background-color: #B9D305; 

			} 

			#gallery .sly_scrollbar .handle { 

				border: 2px solid #B9D305; 

			} 

			#gallery .sly_scrollbar-bg-line { 

				background-color: #B9D305; 

			} 

			.gallery-filter > li .btn-primary { 

				background: #B9D305; 

				border: 2px solid #B9D305 !important; 

			} 

			.btn-primary { 

				background: #B9D305; 

				border: 2px solid #B9D305 !important; 

			} 

			.gallery-filter .boxshadow .btn:hover { 

				background: #B9D305; 

			} 

			.item-hover .vertical-center .btn { 

				border: 2px solid #B9D305; 

			} 

			.item-hover .vertical-center .btn:hover { 

				background: #B9D305; 

				border: 2px solid #B9D305; 

			} 

			#owl-team .owl-controls .owl-page.active span { 

				background: #B9D305; 

			} 

			#owl-team .owl-controls .owl-prev, 

			#owl-team .owl-controls .owl-next { 

				color: #B9D305; 

			} 

			#owl-team .owl-controls .owl-prev:before, 

			#owl-team .owl-controls .owl-next:before { 

				color: #B9D305; 

			} 

			#owl-team .owl-controls .owl-prev:hover:before, 

			#owl-team .owl-controls .owl-next:hover:before { 

				color: #B9D305; 

			} 

			.team-member .social > li > a:hover { 

				color: #B9D305; 

			} 

			.team-member .details {
    background: #b9d305;

			} 

			#contacts .icon-md:hover {
    background: #b9d305;

			} 

			#contactform input.submit {
    border: 2px solid #B9D305;

			} 

			#contactform input.submit:hover, 

			#contactform input.submit:focus {
	background: #b9d305;

			} 

			#contactform input[type=submit][disabled] { 

				border: 2px solid #B9D305; 

			} 

			.loader { 

				color: #B9D305; 

			} 

			.map-tooltip hr { 

				background: #B9D305; 

			} 

			.footer-wrapper { 

				border-bottom: 4px solid #B9D305; 

			} 

			.footer-socials a:hover { 

				color: #B9D305; 

			} 

			.blog-content h2 a:hover { 

				border-bottom: 1px solid #B9D305;  

			} 

			.search-form .search-button:hover { 

				color: #B9D305; 

			} 

			#owl-sidebar-widget .owl-controls .owl-page.active span { 

				background: #B9D305; 

			} 

			#owl-sidebar-widget .owl-controls .owl-prev, 

			#owl-sidebar-widget .owl-controls .owl-next { 

				color: #B9D305; 

			} 

			#owl-sidebar-widget .owl-controls .owl-prev:before, 

			#owl-sidebar-widget .owl-controls .owl-next:before { 

				color: #B9D305; 

			} 

			#owl-sidebar-widget .owl-controls .owl-prev:hover:before, 

			#owl-sidebar-widget .owl-controls .owl-next:hover:before { 

				color: #B9D305; 

			} 

			.nav-tabs .tabs-icon a:after { 

				color: #B9D305; 

			}  

			.popular-blog-list li:before { 

				color: #B9D305; 

			} 

			.popular-blog-list li h4 a:hover { 

				color: #B9D305; 

			} 

			.popular-blog-list li span .fa { 

				color: #B9D305; 

			} 

			.comments-blog-list li h4 a:hover { 

				color: #B9D305; 

			} 

			.comments-blog-list li span a:hover { 

				color: #B9D305; 

			} 

			.comments-blog-list li span .fa { 

				color: #B9D305; 

			} 

			.sidebar-categories li:hover a { 

				color: #B9D305; 

			} 

			.sidebar-categories li:hover { 

				color: #B9D305; 

			} 

			.sidebar-categories li:hover:before { 

				color: #B9D305; 

			} 

			.sidebar-categories li .counter-list { 

				color: #B9D305; 

			} 

			.latest-blog-list li:before { 

				color: #B9D305; 

			} 

			.latest-blog-list li h4 a:hover { 

				color: #B9D305; 

			} 

			.latest-blog-list li span .fa { 

				color: #B9D305; 

			} 

			.tags-list li a { 

				color: #B9D305; 

				border: 2px solid #B9D305; 

			} 

			.tags-list li a:hover { 

				background: #b9d305; 

			} 

			.pagination ul li a { 

				border: 2px solid #B9D305; 

				color: #B9D305; 

			} 

			.pagination ul li.active a,.pagination ul li a:hover { 

				border: 2px solid #B9D305; 

				background-color: #b9d305; 

			} 

			.share-social li a { 

				color: #090909; 

				border: 2px solid #B9D305; 

			} 

			.share-social li a:hover { 

				background: #b9d305; 

			} 

			.blog-preview { 

				border-bottom: 3px solid #B9D305; 

			} 

			.informers li .fa { 

				color: #B9D305; 

			} 

			.contact-form button,.comment-form-wrapper button { 

				border: 2px solid #B9D305; 

			} 

			.contact-form button:hover,.comment-form-wrapper button:hover { 

				background: #b9d305; 

			} 

			.comments-area .comment .comment-info { 

				color: #B9D305; 

			} 

			#success_page h4 { 

				color: #B9D305; 

			}