/*-------------------------------------------------------------------------------------------*/
/*  Main Banner        ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.main-banner {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.main-banner .banner-text .sub-text {
	font-weight: 600;
	color: #ffffff;
	font-size: 16px;
	display: block;
	margin-bottom: 5px;
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 1;
}
.main-banner .content-slider .slider-text-wrapper{
	position: absolute;
	bottom: 50px;
	left: 130px;
}
.main-banner .content-slider .slider-text-wrapper h5{
	font-size: 36px;
	color: #ffffff;
	font-weight: 800;
	margin-bottom: 10px;
	line-height: 36px;
	text-transform: none;
	padding: 10px 0 0;
}
.main-banner .content-slider .slider-text-wrapper h6{
	transition: none 0s ease 0s;
	line-height: 36px;
	border-width: 0px;
	margin: 0px 0 30px;
	padding: 0px;
	letter-spacing: 0px;
	font-weight: 800;
	font-size: 36px;
	color: #5aa320;
}
.main-banner .content-slider .slider-text-wrapper .btn-text{
	font-size: 12px;
	margin-bottom: 0;
}
.main-banner .content-slider li:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.2);
}
.main-banner .banner-text h2 {
	font-size: 40px;
	color: #ffffff;
	font-weight: 800;
	margin-bottom: 10px;
	line-height: 1.3;
	text-transform: none;
	padding: 10px 0;
}
.main-banner .banner-text h2 span {
	color: #5aa320;
}
.main-banner .banner-text p {
	font-family: "Roboto";
	color: #ffffff;
	font-size: 15px;
	margin-bottom: 20px;
	line-height: 1.8;
}
.main-banner .tp-parallax-wrap {
}
.main-banner .tp-mask-wrap {
	height: auto;
}
.main-banner .more-btn {
	background: #5aa320;
	line-height: 30px;
	padding-left: 38px;
	padding-right: 38px;
	font-weight: 700;
	color: #fff;
}
.main-banner li .btn-text {
	line-height: 60px;
	padding-left: 38px;
	padding-right: 38px;
	font-size: 13px;
	font-weight: 700;
	margin-bottom: 100px;
}
#wrapper .main-banner .tp-bullets {
	top: auto;
	left: 52%;
	display: block;
	visibility: visible;
	opacity: 1;
	bottom: 66px;
}
.main-banner .tp-bullet {
	width: 26px;
	height: 3px;
	background: #8f8f8f;
}
.main-banner .tp-bullet.selected {
	background: #ffaf36;
}
.tparrows.tp-leftarrow, .tparrows.tp-rightarrow {
	border: 1px solid #fff;
	z-index: 99;
	cursor: pointer;
	background: none;
	visibility: hidden;
}
.main-banner:hover .tparrows.tp-leftarrow, .main-banner:hover .tparrows.tp-rightarrow {
	visibility: visible;
}
.tparrows.tp-leftarrow:hover, .tparrows.tp-rightarrow:hover {
	background: #5aa320;
	border: 1px solid #5aa320;
}
.slotholder:before {
	border-top: none;
	border-bottom: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-color: rgba(0,0,0,0.2);
	content: '';
}
@media (max-width: 480px) {
	.main-banner .banner-text h2,.main-banner .banner-text h2 span {
		font-size: 25px;
	}
	.main-banner .banner-text p {
		line-height: 1.2;
		font-size: 15px;
	}

	.main-banner .content-slider .slider-text-wrapper{
		position: absolute;
		bottom: 50px;
		left: 130px;
	}
	.main-banner .content-slider .slider-text-wrapper h5{
		font-size: 36px;
		color: #ffffff;
		font-weight: 800;
		margin-bottom: 10px;
		line-height: 36px;
		text-transform: none;
		padding: 10px 0 0;
	}
	.main-banner .content-slider .slider-text-wrapper h6{
		transition: none 0s ease 0s;
		line-height: 36px;
		border-width: 0px;
		margin: 0px 0 30px;
		padding: 0px;
		letter-spacing: 0px;
		font-weight: 800;
		font-size: 36px;
		color: #5aa320;
	}
}

.main-banner li .btn-text {
	line-height: 44px !important;
}
.btn-text {
	font-size: 14px;
	color: #fff;
	font-family: 'Raleway', sans-serif;
	line-height: 41px;
	border: 2px solid #5aa320;
	padding: 0 22px;
	border-radius: 30px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	background: #5aa320;
	height: 44px;
	text-align: center;
	-webkit-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	transition: all 0.2s linear 0s;
}
.btn-text:hover {
	background: none;
	color: #5aa320;
	text-decoration: none;
}


/*fuctuche_box*/
.proje_paret {
	position: relative;
	overflow: hidden;
	width: 100%;
    max-width: 400px;
    margin: 0 auto;
	min-height: 235px;
}
.text-boxhover {
	background-color: rgba(29, 29, 29, 0.7);
	text-align: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: 100%;
	position: absolute;
	top: calc(100% - 46px);
	left: 0;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}
.boda-cols {
	width: 100%;
	text-align: left;
}
.boda-cols h3 {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.boda-cols span.icon_bg {
	background: #5aa320;
	width: 50px;
	font-size: 35px;
	display: inline-block;
	text-align: center;
	height: 50px;
	line-height: 50px;
	margin-right: 10px;
	vertical-align: middle;
}
.show-hov {
	padding: 10px 30px;
	border-top: 1px solid #5aa320;
	transition: height 0.5s ease 0s;
	-moz-transition: height 0.5s ease 0s;
	-webkit-transition: height 0.5s ease 0s;
	-o-transition: height 0.5s ease 0s;
	height: 100%;
}
.proje_paret:hover .text-boxhover {
	top: 0;
}
.proje_paret:hover .text-boxhover {
	background-color:rgba(90, 163, 32, 0.93);
}
.proje_paret:hover .text-boxhover span.icon_bg {
	background-color: rgba(29, 29, 29, 0.7);
}
.top_about .left_about h4 {
	color: #8e8e8e;
	font-weight: normal;
	margin: 0 0 10px;
	font-size: 18px;
}
.show-hov p {
	margin: 0px;
}

/*About_Sec*/
.about-left p {
	text-transform: none;
	color: #8e8e8e;
	margin-top: 25px;
}
.repo-full{
	width: 100%;
}
.icon-lf {
	width: 50px;
	height: 50px;
	background: #5aa320;
	text-align: center;
	color: #fff;
	border-radius: 5px;
}
.icon-lf i {
	color: #fff !important;
	font-size:35px;
	line-height: 50px;
	text-align: center;
	width: 100%;
	transition: .4s;
}
.right-txt {
	width: 65%;
	margin-left: 10px;
}
.right-txt h3 {
	margin-bottom: 0px;
	line-height: normal;
	margin-top: 0px;
	text-transform: uppercase;
	font-size: 15px;
}
.right-txt p {
	text-transform: capitalize;
	color: #8e8e8e;
	margin: 0px;
}
.pic-show img {
	width: 100%;
}
.process:hover .icon-lf i {
	color: #000;
}
@media (max-width:767px){
	.right-txt{
		width: 80%;
		float: left;
		margin-top: 7px;
	}
}
/* Team */
figure.effect-terry {
	background: #34495e;
	margin: 0px;
}

figure.effect-terry figcaption {
	padding: 1em;
}

figure.effect-terry figcaption::before {
	position: absolute;
	width: 200%;
	height: 200%;
	border-style: solid;
	border-color: #101010;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-terry figcaption::before {
	right: 0;
	bottom: 0;
	border-width: 0 70px 0 0;
	-webkit-transform: translate3d(70px,0,0);
	transform: translate3d(70px,0,0);
}



figure.effect-terry img,
figure.effect-terry p a {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-terry img {
	opacity: 0.85;
	width: 100%;
}

figure.effect-terry strong {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0.4em 27px;

	-webkit-transition: -webkit-transform 0.35s , opacity 0.35s;
	transition: transform 0.35s , opacity 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
	opacity: 0;
}

@media screen and (max-width: 920px) {
	figure.effect-terry strong {
		padding: 0.75em 27px;
		font-size: 100%;
	}
}

figure.effect-terry p {
	float: right;
	clear: both;
	text-align: left;
	text-transform: none;
	font-size: 111%;
}

figure.effect-terry p a {
	display: block;
	margin-bottom: 1em;
	color: #fff;
	opacity: 0;
	-webkit-transform: translate3d(90px,0,0);
	transform: translate3d(90px,0,0);
}

.grid p a:hover,
.grid p a:focus {
	color:#5aa320;
}

.grid:hover figcaption::before,
.grid:hover figcaption::after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.grid:hover img {
	opacity: 0.6;

}

figure.effect-terry:hover strong,
.grid:hover p a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}

.grid:hover p a {
	opacity: 1;
}

.grid:hover p a:first-child {
	-webkit-transition-delay: 0.025s;
	transition-delay: 0.025s;
}

.grid:hover p a:nth-child(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.grid:hover p a:nth-child(3) {
	-webkit-transition-delay: 0.075s;
	transition-delay: 0.075s;
}

.grid:hover p a:nth-child(4) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.grid figure strong span {
    display: block;
    font-weight: 300;
}
.team_section .grid{
	background: #fff;
}
.lower-content{
	padding: 15px 20px 10px;
}
.lower-content h3{
	margin: 0;
	line-height: 1.6em;
}
.lower-content h3 a {
    position: relative;
    color: #1c1c1c;
    font-size: 16px;
    font-weight: 700;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.lower-content .designation {
    position: relative;
    color:#5aa320;
    margin-bottom:5px;
}

/*Testimonial*/
.testimonial-box{
	text-align:left;
}
.quote-box{
	padding-left:30px;
}
.quote-text {
	padding:10px 15px 0px 30px;
}
.quote-icon i{
	font-size:50px;
}
.quote-left{
	padding-top:60px;
}
.quote-right {
	text-align:right;
	    padding-right: 20px;
}
.quote-author{
	float: left;
    text-transform: uppercase;
    padding-left: 30px;
}
.pt-130{
	    padding-top: 130px;
}
@media (max-width: 991px){
.pt-130{
	    padding-top: 0;
}	
}
.testimonial-block__section .quote-left{
	padding-top: 0; 
}
.testimonial-block__section .quote-icon i {
    font-size: 30px;
}
.testimonial-block__section .quote-box {
    padding-left: 0;
}

.nf-carousel-theme.nf-carousel-arrow .owl-controls .owl-prev, .nf-carousel-theme.nf-carousel-arrow .owl-controls .owl-next {
	top: -42px;
	right: 0;
	left: auto;
	border:2px solid #5aa320;
	color: #fff;
	font-size: 22px;
	height: 1.8em;
	line-height: 1.6em;
	padding: 0;
	text-align: center;
	width: 1.8em;
	margin-right: 0;
	margin-left: 0;
	opacity: 1;
	background: none;
}
.nf-carousel-theme.nf-carousel-arrow .owl-controls .owl-prev {
	right: 50px;
}
.nf-carousel-theme.nf-carousel-arrow .owl-controls .owl-prev:hover,.nf-carousel-theme.nf-carousel-arrow .owl-controls .owl-next:hover {
	border: 2px solid #5aa320;
	color: #fff;
	background: #5aa320;
}
@media (max-width: 767px){
.testimonial-block__section .quote-left {
    padding-top: 0;
}
.nf-carousel-theme.nf-carousel-arrow .owl-controls .owl-prev, 
.nf-carousel-theme.nf-carousel-arrow .owl-controls .owl-next{
       position: static;
    display: inline-block;
    transform: translateY(0);
    padding: 10px;
    height: 40px;
    width: 40px;
    margin: 0px 2px;
}
.nf-carousel-theme.nf-carousel-arrow .owl-controls .owl-nav{
	text-align: center;
	    margin-top: 20px;
}
}

/*-------------------------------------------------------------------------------------------*/
/* Counter STYLE    ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.fact-counter-wrapper {
	position: relative;
	background: url(../images/bg_23.jpg) no-repeat;
	background-size: cover;
	width: 100%;
background-attachment: fixed;
	background-position: center center;
}

.fact-counter-wrapper:before {
	background-color:rgba(90, 163, 32, 0.59);
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
}

.single-fact {
	text-align: center;
	display: inline-block;
}
.single-fact .icon-boxed {
	width: 70px;
	height: 70px;
	font-size: 45px;
	color: #fff;
	text-align: center;
	line-height: 74px;
	margin: 0 auto;
	position: static;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
}
.single-fact span {
	padding: 4px 0;
	line-height: 1.2;
	display: block;
	font-size: 40px;
	color: #fff;
	font-weight: 700;
}
.fact-counter-wrapper h2 {
	font-size: 36px;
	line-height: 42px;
	color: #fff;
	margin: 0;
	margin-bottom: 27px;
}
.single-fact p {
	margin: 0;
	font-size: 15px;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
}

.single-fact .icon-box i:before {
	font-size: 50px;
}
.overlay-dark, .overlay-dark80, .overlay-light, .overlay-light80 {
	position: relative;
	z-index: 1;
}
.dark-bg p, .dark-bg h2, .dark-bg h6 {
	color: #fff;
}

.overlay-dark80:before {
	background-color: rgba(0, 0, 0, 0.90);
}

.overlay-dark:before, .overlay-dark80:before, .overlay-light:before, .overlay-light80:before, .tp-bgimg:before {
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}

/*index agency*/
/* ============================================
 6. Our Service
 ===============================================*/
.our_service {
	background: #f2f2f2;
}
.our_service .row .col-sm-4:nth-child(1), .our_service .row .col-sm-4:nth-child(2), .our_service .row .col-sm-4:nth-child(3) {
	margin-bottom: 30px;
}
.service_box {
	position: relative;
	z-index: 9;
	background: #fff;
	padding: 40px 10px;
}
.service_box:hover {
	box-shadow: 3px 5px 15px rgba(0,0,0, .15);
}
.service_content{
	margin-top: 20px;
}
.service_icon {
	box-sizing: border-box;
	display: inline-block;
	font-size: 36px;
	height: 60px;
	line-height: 36px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 66px;
}

.service_details {
	display: inline-block;
	width: calc(100% - 70px);
	vertical-align: middle;
	padding-left: 15px;
}
.service_content p{
	margin: 0px;
}
.service_details h5 a {
	color: #5aa320;
}
.service_details h5 {
	text-transform: capitalize;
	font-size: 18px;
	font-weight: 700;
	line-height: 26px;
}
.service_box {
	background: #fff;
	padding:30px;
}

.service_box:hover {
	box-shadow: 3px 5px 15px rgba(0,0,0, .15);
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
	.service_box {
		min-height: 303px;
		text-align: center;
	}
	.service_icon {
		/* display: block; */
		margin-bottom: 12px;
	}
	.service_details {
		display: block;
		width: 100%;
		text-align: center;
		padding: 0;
	}
	.service_content{
		margin-top:0;
	}
	
}
.line-h:after {
	content: '';
	width: 168px;
	height: 1px;
	background: #6aaf08;
	position: absolute;
	top: 1px;
	left: -55px;
}
.l-left.line-h:after {
	left: 0;
}

/*icon hover*/

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.hi-icon:before {
	speak: none;
	font-size: 30px;
	line-height: 64px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

/* Effect 3 */

.hi-icon-effect-3 .hi-icon {
	box-shadow: 0 0 0 4px #5aa320;
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}

.hi-icon-effect-3 .hi-icon:after {
	top: -2px;
	left: -2px;
	padding: 2px;
	z-index: -1;
	background: #5aa320;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
}

/* Effect 3b */
.hi-icon-effect-3b .hi-icon {
	color: #5aa320;
}

.hi-icon-effect-3b:hover .hi-icon {
	color: #fff;
}

.hi-icon-effect-3b .hi-icon:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}

.hi-icon-effect-3b:hover .hi-icon:after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}


/*-------------------------------------------------------------------------------------------*/
/* Choose         ||---------------------------- */
/*-------------------------------------------------------------------------------------------*/
.we-best {
    position: relative;
    background-position: left center;
    /*background-size: cover;*/
    background-repeat: no-repeat;
    background-image: url(../../images/aripack-slogan.jpg);
    /* background-attachment: fixed; */
}
.heading_block{
	padding-left: 115px;
}
.choose_section {
	overflow: hidden;
}
.left-block {
	width: 50%;
	float: right;
	position: relative;
}
.block_box {
	float: left;
	max-width: 650px;
	padding: 90px 80px 90px 0;
	position: relative;
	left: -40px;
}
@media (max-width:991px){
.block_box {
	left:0px;
}	
}
.bg_overlay{
	background-color:rgba(0, 4, 6, 0.88);
}
.we-best .block_box ul {
	list-style: none;
	padding: 0;
	margin: 35px 0 0;
	overflow: hidden;
}
.block_box ul li {
	margin-bottom: 50px;
	position: relative;
	padding-left: 110px;
	min-height: 90px;
}
.block_box .icon-circle {
    font-size: 44px;
    border: 3px solid #ffffff;
    height: 89px;
    width: 89px;
    text-align: center;
    line-height: 89px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    border-radius: 100%;
    background: #5aa320;
}

	.block_box ul li:last-child , .block_box ul li:last-child p{
		margin-bottom:0;
	}

@media (max-width:767px){
	.block_box ul li{
		padding:0;
		text-align:center;
		max-width: 402px;
		margin-left: auto;
		margin-right: auto;
	}
	.block_box .icon-circle{
		position:static;
		margin: 0 auto 12px;
	}

}
.block_box strong {
	font-size:20px;
	padding-bottom: 5px;
	padding-top: 7px;
	display: block;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	color: #5aa320;
}
.bg-side {
	background: url(../images/side-img3.jpg) 50% 50% /cover no-repeat;
}
.right-block {
	width: 50%;
	float: right;
	position: relative;
	height: 662px;
}
@media (max-width:1119px) and (min-width: 992px) {
	.right-block {
		height:705px;
	}
}
@media (max-width: 991px) {
	.left-block{
		width:100%;
		float:none;
	}
}
@media (max-width: 991px) and (min-width: 768px) {

	.block_box {
		padding-left: 10px;
		padding-right: 10px;
		padding: 80px 30px;
		max-width: 100%;
	}
}
@media (max-width: 767px) {
	.left-block {
		height: auto;
		width: 100%;
	}
	.choose_section {
		width: 100%;
	}
	.block_box, .right-block, .left-block {
		height: auto;
	}
	.block_box{
		padding: 40px 30px;
		text-align: center;
		left: 0;
		float: none;
	}
	.heading_block{
		padding-left:0;
	}
	.heading_block .l-left{
		margin:0 auto;
	}
	.right-block {
		height: auto;
	}

}