@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&family=Roboto:wght@100;300;400;500;700;900&display=swap);

body
{
    color: #828282;
    font-family: Roboto, sans-serif;
}


.logo a {
	padding: 16px 0;
	display: inline-block;
}
.logo img {
	width:200px;
}
.main-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
.main-nav ul li {
	display: inline-block;
	position: relative;
}
.main-nav ul li a {
	text-transform: uppercase;
	padding: 29px 10px;
	font-size: 14px;
	display: block;
	font-weight: 500;
	position: relative;
		font-family:Poppins, sans-serif;
}
.main-nav ul li a:before {
	content: '';
	position: absolute;
	width: 0;
	height: 3px;
	background: #00b157;
	bottom: 0;
	left: 0;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.main-nav ul li a:hover:before {
	width: 100%;
}
.main-nav ul ul.sub-menu {
	position: absolute;
	background: #fcfcfc;
	top: 110%;
	z-index: 1;
	width: 200px;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.main-nav ul li:hover ul.sub-menu {
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.main-nav ul ul.sub-menu li {
	display: block;
	border-bottom: 1px solid #efeaea;
}
.main-nav ul ul.sub-menu li a {
	padding: 5px 15px;
	font-weight: 300;
	font-size: 12px;
}
.main-nav ul ul.sub-menu li a:before {
	display: none;
}
.callus {
	text-align: right;
}
.callus p {
	text-transform: uppercase;
	padding: 29px 0;
	font-size: 13px;
	display: block;
	font-weight: 500;
	margin: 0;
		font-family:Poppins, sans-serif;
}
.header.fixedHeader {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	background: #fcfcfc;
	z-index: 10;
	box-shadow: 0 -2px 19px 0px #dadada;
}
.main-nav ul li:hover > a,  .main-nav ul li.active > a {
	color: #00b157 !important;
}
.main-nav ul li:hover > a:before,  .main-nav ul li.active > a:before {
	width: 100%;
}
/*=======================================================================

[02] Slider

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

.slider {
	padding-bottom: 70px;
}
.slider.home-2 {
	padding-bottom: 0;
}
.tparrows.tp-leftarrow:before,  .tparrows.tp-rightarrow:before {
	display: none;
}
#rev_slider_1 ul,  #rev_slider_1 ul li,  #rev_slider_2 ul,  #rev_slider_2 ul li {
	overflow: visible !important;
}
#rev_slider_1 .tp-bannertimer,  #rev_slider_2 .tp-bannertimer {
	display: none;
}
#rev_slider_1 .text-custom-style,  #rev_slider_2 .text-custom-style {
	text-transform: uppercase;
	word-wrap: break-word;
	font-weight: 800;
	color: #fff;
	line-height: 1 !important;
		font-family:Poppins, sans-serif;
}
#rev_slider_1 .tp-button-custon,  #rev_slider_2 .tp-button-custon {
	border: 1px solid #fff;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
#rev_slider_1 .tp-button-custon:hover,  #rev_slider_2 .tp-button-custon:hover {
	background: #fff;
	border-color: #fff;
	color:#00b157;
}
#rev_slider_1 .banner-sub-title,  #rev_slider_2 .banner-sub-title {
	color: #fff;
}
#rev_slider_1 .tparrows.custom,  #rev_slider_2 .tparrows.custom {
	width: 30px;
	height: 15px;
}
#rev_slider_1 .tp-rightarrow.tparrows.custom,  #rev_slider_2 .tp-rightarrow.tparrows.custom {
	background: url(../images/arrow-right.png) no-repeat scroll center center/cover;
}
#rev_slider_1 .tp-leftarrow.tparrows.custom,  #rev_slider_2 .tp-leftarrow.tparrows.custom {
	background: url(../images/arrow-left.png) no-repeat scroll center center/cover;
}
/*=======================================================================

[03] About Us

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

.about-content h3 {
	font-size:20px;
	line-height:34px;
	color:#333;
	text-align:justify;
	padding-top:20px;
}
.about-content h5 {
	margin-bottom: 15px;
}
.about-content h2 {
	margin: 15px 0;
}
.mb-70 {
	margin-bottom: 70px;
}
.single-about-block {
	box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
	text-align: center;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.single-about-block:hover {
	box-shadow: 0px 30px 70px rgba(0, 0, 0, .1);
}
.single-about-block img {
	width: 100%;
	height: 100%;
}
.single-about-block .top {
	height: 187px;
	margin: auto;
	position: relative;
	top: -40px;
	width: 187px;
	background: transparent;
	border-radius: 50%;
	overflow: hidden;
	left: 0;
	right: 0;
}
.single-about-block .dec {
	padding: 0 30px 30px;
}
.single-about-block .dec h2 {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 2px;
}
.single-about-block .dec p {
	font-size: 18px;
	margin-bottom: 50px;
}
.single-about-block .dec a {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	color: #999999;
}
.single-about-block .dec a:hover {
	color: #00b157;
}
/*=======================================================================

[04] Team

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

.team-top {
	margin-bottom: 0px;
}
.team-testmonial {
}
.team-testmonial img {
	width: 100%;
	height: auto;
}
.singleTestm {
	margin-left: 10px;
	margin-top: 60px;
	position: relative;
}
 .singleTestm::before {
 background: #00b157;
 content: "";
 height: 2px;
 left: 0;
 position: absolute;
 width: 200px;
 left: -224px;
 top: 23px;
 display:none
}
 .singleTestm::after {
 content: "\f10d";
 font-family: "FontAwesome";
 left: -50px;
 position: absolute;
 top: -17px;
 font-size: 27px;
 color: #00b157;
}
.singleTestm p {
	font-size: 18px;
	color: #000000;
	font-weight: 300;
	line-height: 37px;
	margin-bottom:21px;
	padding-right: 45px;
	text-align:justify;
}
.teamDeg h4.magenta {
	color: #00b157;
}
.single-team {
	text-align: center;
}
.single-team img {
	width: 100%;
	height: auto;
	margin-bottom: 21px;
}
.single-team .dec h4,  .team-dec h4 {
	color: #000;
	margin: 0 0 4px;
}
.single-team .dec p,  .team-dec p {
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	margin: 0;
}
.team-dec p {
	color: #00b157;
}
/*=======================================================================

[05] What We do

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

.what-wedo-section {
	background: url(../images/bg/1.jpg) no-repeat fixed center center/cover;
	padding: 150px 0;
}
.wedo-content {
}
.wedo-content h5 {
	color: #fff;
	letter-spacing: 2px;
}
.wedo-content h2 {
	font-size: 60px;
	color: #fff;
	margin: 20px 0 30px 0;
	font-weight: 700;
}


.careers-section {
	background: url(../images/bg/ca.jpg) no-repeat fixed;
	padding: 150px 0;
}
.careers-content {
}
.careers-content h5 {
	color: #fff;
	letter-spacing: 2px;
}
.careers-content h2 {
	font-size: 60px;
	color: #fff;
	margin: 20px 0 30px 0;
	font-weight: 700;
}
/*=======================================================================

[06] Single Work

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

.single-project {
	position: relative;
}
.single-project .img {
	overflow: hidden;
}
.single-project .img img {
	width: 100%;
	height: auto;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.single-project:hover .img img {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
}
.single-project .dec {
	position: absolute;
	background: #00b157;
	width: 100%;
	padding: 30px;
}
.single-project .dec h5 {
	text-transform: uppercase;
	color: #fedd00;
	margin-bottom: 15px;
	letter-spacing: 2px;
}
.single-project .dec h2 {
	color: #fff;
	font-weight: 700;
	margin-bottom: 10px;
}
.single-project .dec img {
	width: auto;
}
.single-project .dec a.link {
	background: #5f9c12;
	padding: 10px 15px;
	display: inline-block;
	border-radius: 30px;
	width: 25px;
	line-height: 1;
	height: 40px;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.single-project .dec a.link:hover {
	width: 60px;
}
.project-cat {
	margin-bottom: 10px;
}
.project-cat a,  .project-cat {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight:500;
}
.project-cat a {
	margin-right: 25px;
	position: relative;
}
.project-cat a:before {
	content: '/';
	right: -20px;
	position: absolute;
	top: -5px;
}
.project-cat a:last-of-type:before {
	content: '';
}
 .our-work [class^="col-"]:nth-child(odd) .single-project {
 margin-left: 50px;
 margin-top: 80px;
}
 .our-work [class^="col-"]:nth-child(odd) .single-project .dec {
 top: -30px;
 left: -50px;
}
 .our-work [class^="col-"]:nth-child(even) .single-project {
 margin-right: 50px;
 margin-bottom: 50px;
}
 .our-work [class^="col-"]:nth-child(even) .single-project .dec {
 bottom: -30px;
 right: -50px;
}
/*=======================================================================

[07] Blog

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

.single-blog {
	margin-bottom: 40px;
}
.single-blog img {
	width: 100%;
	height: auto;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.single-blog .img {
	overflow: hidden;
}
.single-blog:hover .img img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.single-blog .txt {
	position: relative;
	background: #fff;
	right: 0;
	left: 0;
	margin: 0 15px;
	padding: 15px;
	bottom: 30px;
	text-align: center;
}
.single-blog .txt p {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 15px;
	color: #333;
}
.single-blog .txt h4 {
	font-size: 18px;
}
/*=======================================================================

[08] Chose Us

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

.chouse-us-section {
	background: url(../images/bg/2.jpg) no-repeat fixed center center/cover;
}
.single-img-div img {
	width: 100%;
	height: auto;
}
/*=======================================================================

[09] Contact

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

.contact-section {
	position: relative;
	background: #00b157;
	margin-bottom: 80px;
}
.contact-bg {
	background: url(../images/contact-us.jpg) no-repeat scroll center center/cover;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 40%;
	height: 100%;
	left: 0;
}
.contact-content h5,  .contact-content h2 {
	color: #fff; font-weight:800;
}
/*=======================================================================

[10] Footer

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

.footer-top {
	background: #1b1b1b;
	padding: 80px 0;
}
.copyright {
	background: #171717;
	color: #7f7a7a;
	padding: 20px 0px;
}
.copyPera {
	margin: 0;
	font-size: 14px;
	letter-spacing: .5px;
}
.footer-top h3.widget-title,  .widget-title {
	color: #fff;
	line-height: 1;
	font-weight: 300;
	margin-bottom: 30px;
	text-transform: capitalize;
}
.social-icon {
	margin-top: 35px;
}
.social-icon a {
	width: 40px;
	height: 40px;
	background: #000000;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 42px;
	margin-right: 11px;
}
.social-icon a:hover {
	background: #fd0060;
	color: #fff;
}
.social-icon a.fb:hover {
	background: #3A559F;
}
.social-icon a.tw:hover {
	background: #50ABF1
}
.social-icon a.gp:hover {
	background: #DD4B39
}
.social-icon a.dr:hover {
	background: #CF3F72
}
.social-icon a.be:hover {
	background: #0071B9
}
.nav-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.nav-widget ul li a {
	color: #999999;
}
.newslatter-widget {
	position: relative;
	margin-bottom: 30px;
}
.newslatter-widget input {
	background: #313131;
	border: none;
	padding: 9px 15px;
	color: #999999;
	width: 100%;
	letter-spacing: 1px;
	padding-right: 75px;
}
.newslatter-widget button,  .newslatter-widget input[type="submit"] {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	border: none;
	background: #00b157;
	color: #fff;
	font-weight: 500;
	padding: 0 18px;
	margin: 5px;
	cursor: pointer;
}
.footer-info p {
	margin-bottom: 5px;
	position: relative;
	padding-left: 20px;
}
.footer-info p i {
	margin-right: 5px;
	color: #b6b6b6;
	position: absolute;
	left: 0;
	top: 7px;
}
.footer-info p b {
	font-weight: 500;
}
/*=======================================================================

[11] Preloader

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

.loading-page {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	background: #0d0d0d;
}
.loading-page .counter {
	position: relative;
	top: 50%;
	right: 0;
	left: 0;
	bottom: 0;
	transform: translateY(-50%);
	text-align: center;
}
.loading-page .counter p {
	font-size: 40px;
	font-weight: 100;
	color: #00b157;
}
.loading-page .counter h1 {
	color: #fff;
	font-size: 60px;
}
.loading-page .counter hr {
	background: #00b157;
	border: none;
	height: 1px;
	margin: 0 auto;
}
.loading-page .counter h1.abs {
	position: absolute;
	top: 0;
	width: 100%;
}
.loading-page .counter .color {
	width: 0px;
	overflow: hidden;
	color: #f60d54;
}
/*=======================================================================

[12] Contact Page]

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

.page-header {
	background: #ccc url(../images/bg/header_default1.jpg) no-repeat scroll center center/cover;
	position: relative;
	height: calc(50vh - 120px);
}
.contact-form input[type="text"],  .contact-form input[type="email"],  .contact-form textarea,  .contact-form select {
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #e9e9e9;
	height: 45px;
	padding: 0px 15px;
	background: transparent;
}
.contact-form textarea {
	height: 80px;
	padding: 5px 15px;
}
.contact-form select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	color: #8a8a8a;
	font-weight: 400;
}
.contact-details {
	background: #00b157;
	padding: 71px 40px;
	position: absolute;
	top: -200px;
	width: 1;
	left: 0;
	right: 0;
	margin: 15px;
}
.contact-details .footer-info {
	padding-top: 30px;
}
.contact-details .footer-info p {
	color: #fff;
	font-size:18px;
	padding-left: 30px;
	position: relative;
}
.contact-details .footer-info p i {
	color: #fff;
	position: absolute;
	left: 0;
	top: 5px;
}
.custom-checkbox {
	position: relative;
	padding-left: 30px;
	margin-bottom: 30px;
	font-size: 14px;
}
[type=reset], [type=submit], button, html [type=button]

{
    background-color: #00b157;border: none;
    padding: 5px 28px;
}
.custom-checkbox input {
	display: none;
}
.custom-checkbox label {
	cursor: pointer;
	margin: 0;
	line-height: 22px;
	display: block;
}
.custom-checkbox label:before {
	content: '';
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	border: 1px solid #00b157;
	left: 0;
	top: 3px;
}
 .custom-checkbox input:checked + label::after {
 content: '';
 width: 10px;
 height: 10px;
 background: #00b157;
 display: block;
 position: absolute;
 left: 4px;
 top: 7px;
 right: 0;
 bottom: 0;
}
.custom-select-style {
	position: relative;
}
 .custom-select-style::before {
 content: '\f107';
 font-family: Fontawesome;
 position: absolute;
 right: 15px;
 height: 10px;
 margin: auto;
 line-height: 1;
 top: 14px;
}
.page-header .wedo-content {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
}
/*=======================================================================

[13] BLOG LIST

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

.page-header.blog-list-page-header {
	background: url(../images/bg/4.jpg) no-repeat fixed center center/cover;
}
.price-block {
	position:relative;
	margin-bottom:30px;
}
.price-block .inner-box {
	position:relative;
	text-align:center;
	padding-bottom:50px;
	padding-top:40px;
	background-color:#ffffff;
	box-shadow: 0 3px 7px rgba(0, 0, 0, .1);
	overflow: hidden;
}
.price-block .inner-box h2 {
	position:relative;
	color:#333333;
	font-size:34px;
	font-weight:800;
	margin-bottom: 0;
}
.price-block .inner-box .title {
	position:relative;
	color:#888888;
	font-size:15px;
	font-weight:400;
	margin-bottom:28px;
}
.price-block .inner-box .price {
	position:relative;
	padding:22px 0px;
	color:#333333;
	font-size:30px;
	font-weight:800;
	line-height:1em;
	border-top:1px solid #f6f6f6;
	border-bottom:1px solid #f6f6f6;
}
.price-block .inner-box .price sup {
	position:relative;
	font-size:30px;
	font-weight:600;
	margin-right:10px;
}
.price-block .inner-box .price sub {
	position:relative;
	font-size:30px;
	font-weight:600;
	margin-left:-12px;
}
.price-block .inner-box ul {
	position:relative;
	margin-top:25px;
	margin-bottom:30px;
	list-style: none;
	padding-left: 10px;
	padding-right: 10px;
}
.price-block .inner-box ul li {
	position:relative;
	color:#888888;
	margin-bottom:8px;
	border-bottom: 1px solid #f5f0f0;
}
.price-block .inner-box span.label {
	position: absolute;
	left: -32px;
	background: #00b157;
	color: #1e1e1e;
	padding: 3px 40px;
	transform: rotate(-45deg);
	top: 7px;
	font-weight: 500;
}
.section-header {
	height: 500px;
	background: url(../images/bg/3.jpg) no-repeat fixed center center/cover;
	position: absolute;
	top: 0;
	width: 100%;
}
.contact-form h3 {
	margin-bottom: 30px;
}
.overlay {
	position: absolute;
	/*background: rgba(0, 0, 0, .7);*/
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.stage {
       
    }
    .box {
        align-self: flex-end;
        animation-duration: 5s;
        animation-iteration-count: infinite;
  margin: 0 auto 0 auto;
        transform-origin: bottom;
        width: 200px;
    }
    .bounce-1 {
        animation-name: bounce-1;
        animation-timing-function: linear;
    }
    @keyframes bounce-1 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-40px); }
        100% { transform: translateY(0); }
    }

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

[14] BLOG DETAILS

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

.blog-content img {
	float: right;
	width: 40%;
	padding-left: 45px;
	padding-bottom: 30px;
	height: auto;
}
.commentTitle {
	font-size: 18px;
	color: #000000;
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.socialShare {
	position: relative;
	top: -9px;
}
.socialShare span {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2.6px;
	color: #000;
	margin-right: 10px;
}
.socialShare a {
	border: 1px solid #eaeaea;
	border-radius: 50%;
	color: #b2b2b2;
	display: inline-block;
	font-size: 16px;
	height: 35px;
	line-height: 0.7;
	padding: 10px 0;
	text-align: center;
	width: 35px;
	margin-right: 0;
}
.socialShare a i.fa-google-plus {
	position: relative;
	left: 2px;
	top: -1px;
}
.socialShare a.fb:hover {
	background-color: #38559B;
	color: #fff;
}
.socialShare a.tw:hover {
	background-color: #01B1FD;
	color: #fff;
}
.socialShare a.gp:hover {
	background-color: #E4492A;
	color: #fff;
}
.commentList {
	margin-bottom: 60px;
	margin-top: 20px;
}
.singleCom {
	padding-left: 130px;
	position: relative;
}
.singleCom img {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
.comHead {
	margin-bottom: 21px;
}
.comDate {
	font-size: 13px;
	color: #00b157;
	display: block;
	margin-bottom: 12px;
}
.comAutReply {
	line-height: 0.8;
	position: relative;
	top: -7px;
}
.comAutReply a {
	color: #000000;
	display: inline-block;
	font-size: 13px;
	letter-spacing: 2.6px;
	line-height: 0.9;
	margin-right: 41px;
	text-transform: uppercase;
}
.comAutReply a:hover {
	color: #00b157;
}
.comAutReply a.reply {
	color: #00b157;
	position: relative;
}
.comAutReply a.reply:hover,  .comDate:hover {
	color: #000;
}
 .comAutReply a.reply::before {
 background: #cccccc;
 content: "";
 height: 1px;
 left: -24px;
 position: absolute;
 top: 5px;
 width: 15px;
}
.commentList ol li div.singleCom {
	padding-top: 15px;
}
.commentList ol > li {
	min-height: 180px;
	padding-bottom: 1px;
	position: relative;
	margin-bottom: 35px;
}
.commentList ol > li:after {
	width: 100px;
	height: 1px;
	background: #e5e5e5;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.commentList ol > li:last-child:after {
	width: 100%;
}
.commentList ol > li:last-child {
	margin-top: 45px;
}
.commentList ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
.commentList ol li ul.ChildCom {
	padding-left: 140px;
	margin-bottom: 60px;
}
.commentList ol li ul.ChildCom li {
	position: relative;
}
.commentList ol li ul.ChildCom li:before {
	position: absolute;
	left: -10px;
	width: 10px;
	height: 180px;
	background: #f2f2f2;
	content: '';
}
.commentList ol li ul.ChildCom li .singleCom {
	margin-left: 20px;
}
.commentList ol li > .singleCom {
	position: relative;
}
.comReplyTitle {
	margin-bottom: 46px;
}
.commentForm input[type="text"],  .commentForm input[type="email"],  .commentForm textarea {
	border-color: -moz-use-text-color -moz-use-text-color #000;
	border-style: none none solid;
	border-width: medium medium 2px;
	color: #818181;
	font-size: 14px;
	font-weight: 100;
	letter-spacing: 1.96px;
	line-height: 28px;
	margin-bottom: 27px;
	padding: 0 0 14px;
	text-transform: uppercase;
	width: 100%;
}
.commentForm textarea {
	height: 100px;
	margin-bottom: 68px;
}
 .commentForm input[type='text']::-webkit-input-placeholder,  .commentForm input[type='email']::-webkit-input-placeholder,  .commentForm textarea::-webkit-input-placeholder {
 color: #818181;
 opacity: 1;
}
 .commentForm input[type='text']:-moz-placeholder,  .commentForm input[type='email']:-moz-placeholde,  .commentForm textarea:-moz-placeholde {
 color: #818181;
 opacity: 1;
}
 .commentForm input[type='text']::-moz-placeholder,  .commentForm input[type='email']::-moz-placeholder,  .commentForm textarea::-moz-placeholder {
 color: #818181;
 opacity: 1;
}
 .commentForm input[type='text']:-ms-input-placeholder,  .commentForm input[type='email']:-ms-input-placeholder,  .commentForm textarea:-ms-input-placeholder {
 color: #818181;
 opacity: 1;
}
#comment {
	margin-top: 80px;
}
blockquote {
	border-left: 2px solid #00b157;
	padding: 15px 30px 1px;
	background: #fbfbfb;
}
.blog-sidebar h3.widget-title {
	color: #000;
	position: relative;
	margin-bottom: 35px;
}
.blog-sidebar h3.widget-title:before {
	position: absolute;
	background: #00b157;
	content: '';
	display: block;
	height: 2px;
	width: 50px;
	bottom: -12px;
}
.search-widget {
	position: relative;
}
.search-widget input[type="search"] {
	width: 100%;
	border: 1px solid #e9e9e9;
	height: 45px;
	padding: 0px 15px;
	background: transparent;
}
.search-widget button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	cursor: pointer;
	background: #00b157;
	border: none;
	padding: 10px 14px;
	margin: 6px;
	line-height: 1;
	color: #fff;
	font-size: 14px;
}
.blog-sidebar .widget {
	margin-bottom: 45px;
}
.blog-sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-sidebar ul li {
	text-align: right;
	overflow: hidden;
	margin-bottom: 10px;
}
.blog-sidebar ul li a {
	float: left;
	display: block;
}
.single-recent-post {
	padding-left: 85px;
	position: relative;
	min-height: 90px;
	margin-bottom: 20px;
}
.single-recent-post img {
	width: 70px;
	height: auto;
	position: absolute;
	left: 0;
	top: 0;
}
.single-recent-post a {
	display: block;
	line-height: 1.5;
	margin-bottom: 5px;
}
.single-recent-post .rec-meta {
	margin: 0;
}
.tag-cloud {
}
.tag-cloud a {
	border: 1px solid #f5f2f2;
	padding: 7px 13px;
	display: inline-block;
	line-height: 1;
	margin-bottom: 3px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.tag-cloud a:hover {
	color: #00b157;
	border-color: #00b157;
}
.blog-left-sidebar {
	padding-left: 50px;
}
.blog-right-sidebar {
	padding-right: 50px;
}
/*=======================================================================

[15] VIDEO SECTION

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

.video-section-bg {
	background: url(../images/bg/8.jpg) no-repeat fixed center center/cover;
	padding: 150px 0;
}
.play-btn,  .play-btn:hover {
	color: #fff;
}
.button-play-two {
	height: 50px;
	width: 50px;
	margin: 15px 10px 20px 10px;
	line-height: 48px;
	padding-left: 3px;
	color: #fff;
	display: inline-block;
	text-align: center;
	font-size: 22px;
	top: 50%;
	left: 50%;
	z-index: 2;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background: #00b157;
	-webkit-animation: pulse_effect 1s infinite;
	-o-animation: pulse_effect 1s infinite;
	animation: pulse_effect 1s infinite;
	-webkit-box-shadow: 0 0 0 0 rgb(255, 255, 255);
	box-shadow: 0 0 0 0 rgb(255, 255, 255);
}
 @-webkit-keyframes pulse_effect {
 0% {
 -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
 box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
}
 25% {
 -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
 box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
}
 70% {
 -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
 box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
}
 100% {
 -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
 box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
}
}
 @-o-keyframes pulse_effect {
 0% {
 box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
}
 25% {
 box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
}
 70% {
 box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
}
 100% {
 box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);
}
}
 @keyframes pulse_effect {
 0% {
 -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
 box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.9);
}
 25% {
 -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
 box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.6);
}
 70% {
 -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
 box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.3);
}
 100% {
 -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0.1);
 box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1);
}
}
/*=======================================================================

careers

=========================================================================*/
.btn {
  display: inline-block;
  padding: 10px 18px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
 
}
  
.btn-lg {
  font-size: 14px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-primary {
  color: #fff;
  background-color:#8fdd29; 
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #8fdd29; 
}

/***********************
  SHARP BUTTONS
************************/
.sharp {
  border-radius:0;
}

/***********************
  CUSTON BTN VALUES
************************/

.btn { 
	border: 0 none;
	font-weight: 400;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.btn:focus, .btn:active:focus, .btn.active:focus {
	outline: 0 none;
}

.btn-primary {
	background: #8fdd29
	color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background: #8fdd29;
}
.btn-primary:active, .btn-primary.active {
	background: #8fdd29
	box-shadow: none;
}

.last-section h6
{
   font-size:15px;
   text-align:center;
   margin-bottom:60px;
   color:#333;
   line-height:28px;
}
 .title {
	margin-bottom: 25px;
	position: relative;
	z-index: 10;
}
.title > h4.upper {
	font-size: 14px;
	letter-spacing: 0.1em;
}
.title > h4 {
	font-weight: 400;
	font-size: 18px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #787878;
}
.title > h2 {
	font-size: 38px;
	letter-spacing: -1px;
}
.accordion {
	padding-left: 0;
	list-style: none;
	margin: 0;
}
.accordion > li {
	margin-bottom: 20px;
}
.accordion > li.active .accordion-title {
	color:#a4e84c;
	    border-color: #a4e84c;
}
.accordion > li.active .accordion-title h4 {
	color: #73c509;
}
.accordion > li.active .accordion-title:before {
	content: "\f068";
	color: #a4e84c;
	border-color: #a4e84c;
}
.accordion.dark-skin > li.active .accordion-title {
	color: #1f1f1f;
	border-color: #1f1f1f;
}
.accordion.dark-skin > li.active .accordion-title h4 {
	color: #1f1f1f;
}
.accordion.dark-skin > li.active .accordion-title:before {
	color: #1f1f1f;
	border-color: #1f1f1f;
}
.accordion.dark-blue-skin > li.active .accordion-title {
	color: #007aff;
	border-color: #007aff;
}
.accordion.dark-blue-skin > li.active .accordion-title h4 {
	color: #007aff;
}
.accordion.dark-blue-skin > li.active .accordion-title:before {
	color: #007aff;
	border-color: #007aff;
}
.accordion-title {
	margin: 0;
	padding: 20px 20px;
	padding-left: 70px;
	position: relative;
	cursor: pointer;
	border: 2px solid #e6e6e6;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.accordion-title:before {
	content: "\f067";
	position: absolute;
	left: 0;
	top: -2px;
	bottom: -2px;
	width: 57px;
	text-align: center;
	line-height: 65px;
	font-family: 'FontAwesome';
	font-size: 10px;
	border-right: 2px solid #e6e6e6;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;
}
.accordion-title h4 {
	margin: 0;
	font-weight: 500;
	font-size: 18px;
 -webkit-transition: all .3s ease;
 transition: all .3s ease;	color:#1f1f1f;
}
.accordion-content {
	display: none;
	padding: 20px 0;
}
.accordion-content p {
	margin: 0;
}
.job-offer {
	padding: 20px 0;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
}
.job-offer {
	padding: 20px 0;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
}
.job-info:before, .job-info:after {
	content: " ";
	display: table;
}
.job-info:after {
	clear: both;
}
.job-info h3 {
	margin-top: 0;
	letter-spacing: -1px;
	color:#1f1f1f;
	font-size:25px;
	font-weight:600;
}
.job-info h5 {
	font-size: 12px;
    color: #787878;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 21px;
}
.job-content {
	margin-top: 20px;
}
.job-content span{
	 	color:#1f1f1f;
		font-weight:500;
}
.job-content p {
	margin-bottom: 15px;
		 	color:#1f1f1f;
}
.job-content ul { 
		 	color:#1f1f1f;
}
.job-content a {
	color: #00c3da;
}
.job-content a {
	color: #00c3da;
}
/*=======================================================================

[16] PRICING TABLE 2

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

.pricing-col {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
	padding: 70px 50px 55px;
	position: relative;
	width: 100%;
}
.row.no-spacing-row.v-middle-row .col {
	padding: 0;
}
.plan-details {
	position: relative;
	z-index: 1;
}
.pricing-plan {
	display: block;
	font-size: 22px;
	color: #000;
	line-height: 1;
	margin-bottom: 15px;
}
.pricing-col .price {
	display: block;
	font-size: 78px;
	line-height: 1;
	color: #febf34;
	font-weight: 700;
	margin-bottom: 30px;
	position: relative;
}
.pricing-col .price sup {
	font-size: 28px;
	position: relative;
	top: -40px;
	font-weight: 300;
}
.pricing-col:after {
	content: attr(data-text);
	position: absolute;
	left: 0;
	right: 0;
	max-width: 60%;
	width: 100%;
	margin: 0 auto;
	top: 10px;
	font-weight: 900;
	font-size: 190px;
	color: #f9f9f9;
	line-height: 1;
	opacity: .9;
}
.pricing-checklist {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 30px;
}
.pro-box .pricing-box {
	background: #00b157;
	padding: 30px 0;
	position: relative;
	top: -30px;
}
.pro-box .pricing-col {
	box-shadow: none;
}
.pro-box .pricing-col:after {
	color: #b70530;
}
.pro-box .pricing-col .pricing-plan,  .pro-box .pricing-col .price,  .pro-box .pricing-checklist li {
	color: #fff;
}
/*=======================================================================

[17] WORK STYLE 2

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

.single-project-2 {
	position: relative;
	overflow: hidden;
}
.single-project-2 .img img {
	width: 100%;
	height: auto;
}
.single-project-2 .dec {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 10px 30px;
	box-shadow: 0 -250px 60px -110px rgba(0, 0, 0, 0.8) inset;
}
.single-project-2 .dec h5,  .single-project-2 .dec h2 {
	color: #fff;
}
.single-project-2 .dec a.link {
	background: #00b157;
	padding: 10px 15px;
	border-radius: 30px;
	line-height: 1;
	display: inline-block;
}
.single-project-2 .dec h5 {
	color: #febf34;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 18px;
	transform: translate3d(0, 30px, 0);
	-webkit-transform: translate3d(0, 30px, 0);
	-moz-transform: translate3d(0, 30px, 0);
	-ms-transform: translate3d(0, 30px, 0);
	-o-transform: translate3d(0, 30px, 0);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	visibility: hidden;
	opacity: 0
}
.single-project-2 .dec h2 {
	margin-bottom: 5px;
	font-weight: 700;
	transform: translate3d(0, 30px, 0);
	-webkit-transform: translate3d(0, 30px, 0);
	-moz-transform: translate3d(0, 30px, 0);
	-ms-transform: translate3d(0, 30px, 0);
	-o-transform: translate3d(0, 30px, 0);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}
.single-project-2 .project-cat {
	transform: translate3d(0, 30px, 0);
	-webkit-transform: translate3d(0, 30px, 0);
	-moz-transform: translate3d(0, 30px, 0);
	-ms-transform: translate3d(0, 30px, 0);
	-o-transform: translate3d(0, 30px, 0);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}
.single-project-2 .dec a.link {
	transform: translate3d(0, 30px, 0);
	-webkit-transform: translate3d(0, 30px, 0);
	-moz-transform: translate3d(0, 30px, 0);
	-ms-transform: translate3d(0, 30px, 0);
	-o-transform: translate3d(0, 30px, 0);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	visibility: hidden;
	opacity: 0
}
.single-project-2:hover .dec a.link,  .single-project-2:hover .dec h5,  .single-project-2:hover .dec h2,  .single-project-2:hover .project-cat {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	visibility: visible;
	opacity: 1
}
.single-project-2 .project-cat,  .single-project-2 .project-cat a {
	font-size: 12px;
}
.single-project-2 .project-cat a:before {
	right: -17px;
	top: -7px;
}
/*=======================================================================

[18] BLOG STYLE TWO

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

.single-blog-2 {
	border: 1px solid #eaeaea;
	margin-bottom: 20px;
	background: #fdfdfd;
}
.blog-dec {
	padding: 50px 30px 40px 30px;
}
.blog-date {
	color: #00b157;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 20px;
}
.blog-thumb {
	overflow: hidden;
}
.blog-thumb img {
	width: 100%;
	height: auto;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.blog-thumb:hover img {
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.blog-bottom {
	overflow: hidden;
}
.bauthor {
	float: left;
}
.blog-coment {
	float: right;
	font-size: 13px;
	color: #999999;
}
.bauthor,  .bauthor a {
	font-size: 13px;
	color: #00b157;
	line-height: 2;
}
.single-blog-2 .content {
	margin-bottom: 30px;
}
.blog-s,  .blog-s a {
	color: #fff;
}
.blog-s a {
	color: #00b157;
	margin-left: 10px;
}


 
.page-wrapper{
  width:100%;
  height:100%;
 background:url(https://i.imgur.com/2ZgHKbQ.jpg) center no-repeat;
  background-size:cover;
}

.blur{
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

a.btn{
  width:150px;
  display:block;
  margin:-25px 0 0 -75px;
  padding:1em 0;
  position:absolute;
  top:50%; left:50%;
  font:1.125em 'Arial', sans-serif;
  font-weight:700;
  text-align:center;
  text-decoration:none;
  color:#fff;
  border-radius:5px;
  background:rgba(217,67,86,1);
}

.modal-wrapper{
  width:100%;
  height:100%;
  position:fixed;
  top:0; left:0;
  background:rgba(51, 51, 51, 0.67);
  visibility:hidden;
  opacity:0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;   z-index:100;
}

.modal-wrapper.open{
  opacity:1;
  visibility:visible;
}

.modal{
  width:600px;
  height:auto;
  display:block;
  margin:50% 0 0 -300px;
  position:relative;
  top:50%; left:50%;
  background:#fff;
  opacity:0;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index:100;
}

.modal-wrapper.open .modal{
  margin-top:-200px;
  opacity:1;  z-index:100;
}

.head{
  width:100%;
  height:50px;
  padding:10px 15px;
  overflow:hidden;
  background:#8fdd29;
}

.btn-close{
  width:10px;
  height:10px;
  display:block;
  float:right;
      margin-right: 18px;
}

.btn-close::before, .btn-close::after{
  content:'';
width: 20px;
    height: 3px;
  display:block;
  background:#fff;
}

.btn-close::before{
  margin-top:12px;
  -webkit-transform:rotate(45deg);
  -moz-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
}

.btn-close::after{
  margin-top:-3px;
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

.content{
     padding: 5%;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    line-height: 39px;
}