.services{
	text-align: center;
	padding: 36px 0; 
}

.services h2{
	color: #000;
    font-family: Heebo;
    font-size: 28px;
    font-weight: 400;
    line-height: 57px;
	text-align: center;
	
    border-bottom: 5px solid #00ae9f;
	display: inline-block;
}

.services p{
	color: #000;
	font-family: Heebo;
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;

    margin: 31px 0;
}

.services-boxes{
	display: table;
}

.services-boxes .item{
	width: 299px;
	display: table-cell;
	position: relative;
    padding: 0 0 52px 0;
	border: 1px solid #f1f1f1;
}

.services-boxes .item:nth-child(2n+1){
	background-color: #f1f1f1;
}

.services-boxes .item h4{
	color: #ffffff;
	font-family: Heebo;
	font-size: 28px;
	font-weight: 400;
	line-height: 36px;
	text-align: center;

	width: 100%;
	display: block;
	padding: 22px 0 13px 0;
}

.services-boxes .item:nth-child(2n+1) h4{
	background-color: #22a79d;
	background-image: linear-gradient(55deg, #05756d 0%, #22a79d 100%);
}

.services-boxes .item:nth-child(2n+2) h4{
	background-color: #232a34;
	background-image: linear-gradient(55deg, #4499de 0%, #0a7db8 100%);
}

.services-boxes .item p{
	display: none;
}

.services-boxes .item ul{
	padding: 20px;
}

.services-boxes .item li{
	color: #000;
    font-family: Heebo;
    font-size: 20px;
    font-weight: 300;
    line-height: 36px;
    text-align: right;
    list-style: none;
    padding-right: 1.3em;
    position: relative;
}
.services-boxes .item li:before {
	content: "*";
    font-size: 37px;
    font-weight: 900;
    top: 6px;
    right: 3px;
    position: absolute;
	display: inline-block;
}

.services-boxes .item a,
.services-boxes .item a:link,
.services-boxes .item a:visited,
.services-boxes .item a:active{
	color: #ffffff;
	font-family: Heebo;
	font-size: 14px;
	font-weight: 400;
	line-height: 36px;
	text-align: center;
	text-decoration: none;

	width: 104px;
	height: 32px;
	position: absolute;
    bottom: 22px;
	right: 50%;
	display: block;
	margin: 0 -52px 0 0;
	transition: all 300ms ease-in-out;
}

.services-boxes .item a:hover{
	width: 90px;
	margin: 0 -45px 0 0;
}

/****************************************/

.last-posts{
	text-align: center;
	padding: 50px 0;
}

.last-posts h2{
	color: #000;
    font-family: Heebo;
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
	text-align: center;
	
    border-bottom: 5px solid #00ae9f;
    display: inline-block;
    padding: 0 0 8px;
}

.last-posts .item{
	width: 256px;
	height: 410px;
	display: inline-block;
	margin: 50px 0 0 58px;
}

.last-posts .item .img-box{
	max-width: 256px;
	height: 170px;
	overflow: hidden;
}

.last-posts .item .img-box img{
    width: 100%;
    height: auto;
}

.last-posts .item:last-of-type{
	margin: 50px 0 0 0;
}

.last-posts .item a.heading,
.last-posts .item a.heading:link,
.last-posts .item a.heading:visited,
.last-posts .item a.heading:active{
	color: #22a79d;
	font-family: Heebo;
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
	text-align: right;
	text-decoration: none;
	
	height: 48px;
	display: block;
	overflow: hidden;
    margin: 11px 0;
	transition: all 300ms ease-in-out;
}

.last-posts .item a.heading:hover{
	color: #4499de;
}

.last-posts .item .text{
	color: #000;
	font-family: Heebo;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	text-align: right;
	
	height: 127px;
	overflow: hidden;
	border-bottom: 1px solid #22a79d;
} 

.last-posts .item a.link,
.last-posts .item a.link:link,
.last-posts .item a.link:visited,
.last-posts .item a.link:active{
	color: #22a79d;
	font-family: Heebo;
	font-size: 12px;
	font-weight: bold;
	line-height: 36px;
	text-decoration: none;

	float: left;
	position: relative;
	right: -10px;
	transition: all 300ms ease-in-out;
}

.last-posts .item a.link i{
	opacity: 0;
	position: relative;
	right: -5px;
	transition: all 300ms ease-in-out;
}

.last-posts .item a.link:hover{
	color: #4499de;
}

.last-posts .item a.link:hover i{
	opacity: 1;
	right: 10px;
}

/****************************************/

.important-info{
	text-align: center;
	padding: 99px 0 50px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
}

.important-info .box{
	width: 522px;
	height: 331px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	border-top: 20px solid #00ae9f;
	background: #fff;
}

.important-info .testimonials-box{
	margin: 0 0 0 78px;
	padding: 0 80px 50px;
}

.important-info .safety-box{
	margin: 0 78px 0 0;
	padding: 0 30px;
}

.important-info .testimonials-box img{
	position: absolute;
	right: 80px;
	top: -57px;
}

.important-info .safety-box > img{
	position: absolute;
	right: 30px;
	top: -57px;
}

.important-info .box h2{
	color: #000;
	font-family: Heebo;
	font-size: 28px;
	font-weight: 400;
	line-height: 30px;
	text-align: right;

	margin: 35px 0 35px;
}

.testimonials .text{
	color: #000;
	font-family: Heebo;
	font-size: 16px;
	font-weight: 300;
	line-height: 30px;
	text-align: right;

	height: 136px;
	padding: 0 0 20px;
	overflow: hidden;
}

.testimonials .name{
	color: #22a79d;
	font-family: Heebo;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	text-align: right;

	width: 100%;
	display: block;
}

.testimonials .job{
	color: #000;
	font-family: Heebo;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	text-align: right;

	width: 100%;
	display: block;
}

.important-info .safety-box .item{
	margin: 0 0 20px 0 ;
}

.important-info .safety-box .img-box{
    width: 27px;
    display: inline-block;
    position: relative;
    top: -15px;
    margin: 0px 0 0 20px;
}

.important-info .safety-box span{
	color: #232a34;
	font-family: Heebo;
	font-size: 16px;
	line-height: 16px;
	font-weight: 300;
	text-align: right;

    width: 409px;
	display: inline-block;
	vertical-align: top;
}

/****************************************/

.home-contact{
	text-align: center;
	padding: 50px 0 50px 0;
}

.home-contact .details{
	text-align: right;
	width: 530px;
	display: inline-block;
	vertical-align: top;
}

.details a{
	color: #000;
	text-decoration: none;
	transition: all 0.3s linear;
}

.details a:hover{
	color: #22a79d;
	text-decoration: none;
}

.home-contact h2{
	color: #22a79d;
	font-family: Heebo;
	font-size: 30px;
	font-weight: 400;
	line-height: 48px;
	
	max-width: 400px;
	margin: 0 0 20px 0;
}

.home-contact span{
	color: #000;
	font-family: Heebo;
	font-size: 20px;
	font-weight: 400;
	line-height: 48px;
}

.home-contact span.phone,
.home-contact span.email,
.home-contact span.location{
	color: #22a79d;
	font-family: Heebo;
	font-size: 36px;
	font-weight: bold;
	line-height: 48px;
	text-align: center;

	display: inline-block;
	width: 50px;
	margin: 0 0 0 20px;
}

.home-contact span.email{color: #4499de}

.home-contact span.location{color: #095880}

.home-contact .form{
	text-align-last: right;
	width: 670px;
	display: inline-block;
	vertical-align: top;
}

.home-contact .form br{
	display: none !important;
} 

.home-contact .form p{
	display: inline-block !important;
} 

.home-contact .form input{
	color: #000;
	font-family: Heebo;
	font-size: 15px;
	font-weight: 400;
	text-align: right;

	width: 215px;
	height: 40px;
	display: inline-block;
	margin: 0 0 12px 12px;
	padding: 5px;
}

.home-contact .form input[type=tel]{
	margin: 0;
}

.home-contact .form textarea{
	color: #000;
	font-family: Heebo;
	font-size: 15px;
	font-weight: 400;
	text-align: right;

	width: 670px;
	height: 200px;
	padding: 5px;
}

.home-contact .form input[type=submit]{
	color: #fff;
	font-family: Heebo;
	font-size: 24px;
	font-weight: 400;
	text-align: center;

    width: 113px;
	height: 47px;
    padding: 0 21px;
	border: 0;
	background-color: #22a79d;
	transition: all 300ms ease-in-out;
}

.home-contact .form input[type=submit]:hover{
	background: #4499de;
}

.home-contact .form span.home-form-span{
	color: #22a79d;
}


/***********************************/

.testimonials .slick-prev:before, 
.testimonials .slick-next:before {
    font-size: 30px !important;
	color: #00ae9f !important;
}

[dir='rtl'] .testimonials  .slick-prev {
    right: -50px !important;
    top: 37px;
    left: auto ;
}

 [dir='rtl'] .testimonials .slick-next {
    top: 37px;
    right: auto;
    left: -40px !important;
}
	
.services .slick-prev:before, 
.services .slick-next:before {
	font-size: 30px !important;
	color: #00ae9f !important;
}

@media only screen and (max-width : 768px) {


	.services{
		padding: 20px 0 20px 0; 
	}

	.services .grid{
		padding: 0 50px;
	}

	.services h2{
		font-size: 24px;
		line-height: 26px;
		padding: 0 10px 10px;
	}

	.services p{
		margin: 15px 0;
	}

	.services-boxes .item h4{
		font-size: 24px;
		line-height: 24px;

		padding: 25px 0 22px 0;
	}


	/****************************************/

	.last-posts{
		padding: 30px 0;
	}

	.last-posts .grid{
		padding: 0 50px;
	}

	.last-posts h2{
		font-size: 24px;
		line-height: 24px;
		padding: 0 10px 10px;
		margin: 0 0 20px 0;
	}

	.last-posts .item{
		margin: 0;
	}

	.last-posts .item .img-box{
		display: inline-block;
	}

	.last-posts .item .img-box img{
		text-align: center;
	}

	.last-posts .item:last-of-type{
		margin: 0;
	}

	.last-posts .item a.link i{
		opacity: 1;
		right: 5px;
	}

	
	/****************************************/

	.important-info{
		padding: 80px 0 0;
		background-size: auto 100%;
	}

	.important-info .box{
		width: 100%;
		height: inherit;
	}

	.important-info .testimonials-box{
		margin: 0 0 80px;
		padding: 20px;
	}

	.important-info .safety-box{
		margin: 0 0 50px;
		padding: 20px;
	}

	.important-info .testimonials-box img{
		right: 20px;
	}

	.important-info .safety-box > img{
		right: 20px;
	}

	.important-info .box h2{
		font-size: 24px;
		line-height: 24px;

		margin: 20px 0;
	}

	.testimonials{
		padding: 0 30px;
	}

	.testimonials .text{
		font-size: 18px;

		height: inherit;
		padding: 0 0 20px;
	}

	.important-info .safety-box span{
		width: 80%;
	}

	/****************************************/

	.home-contact{
		padding: 30px 0;
	}

	.home-contact .details{
		text-align: right;
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}

	.home-contact h2{
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 5px 0;
	}

	.home-contact span{
		font-size: 20px;
		line-height: 48px;
	}

	.home-contact span.phone,
	.home-contact span.email,
	.home-contact span.location{
		font-size: 24px;
		font-weight: 400;
		line-height: 48px;
	}

	.home-contact .form{
		width: 100%;
	}

	.home-contact .form br{
		display: block !important;
	} 


	.home-contact .form p {
		 display: block !important; 
	}
	
	.home-contact .form input{
		width: 100%;
		margin: 0 0 12px 0;
	}

	.home-contact .form input[type=tel]{
		margin: 0 0 12px 0;
	}

	.home-contact .form textarea{
		width: 100%;
		height: 200px;
	}

	.home-contact .form input[type=submit]{
		font-size: 20px;

		width: 113px;
		float: left;
	}

	/***********************************/
	
	.last-posts .slick-prev:before, 
	.last-posts .slick-next:before {
		font-size: 20px !important;
		color: #00ae9f !important;
	}

	.last-posts .slick-prev:before, 
	.last-posts .slick-next:before {
		font-size: 30px !important;
		color: #00ae9f !important;
	}

	[dir='rtl'] .last-posts  .slick-prev {
		right: -40px !important;
		left: auto ;
	}

	[dir='rtl'] .last-posts .slick-next {
		left: -30px !important;
		right: auto;
	}

		
	.services .slick-prev:before, 
	.services .slick-next:before {
		font-size: 20px !important;
		color: #00ae9f !important;
	}

	.services .slick-prev:before, 
	.services .slick-next:before {
		font-size: 30px !important;
		color: #00ae9f !important;
	}

	[dir='rtl'] .services  .slick-prev {
		right: -40px !important;
		left: auto ;
	}

	[dir='rtl'] .services .slick-next {
		left: -30px !important;
		right: auto;
	}


	.testimonials .slick-prev:before, 
	.testimonials .slick-next:before {
		font-size: 20px !important;
		color: #00ae9f !important;
	}

	.testimonials .slick-prev:before, 
	.testimonials .slick-next:before {
		font-size: 30px !important;
		color: #00ae9f !important;
	}

	[dir='rtl'] .testimonials  .slick-prev {
		right: -10px !important;
		top: 40%;
		left: auto;
	}

	[dir='rtl'] .testimonials .slick-next {
		left: -0 !important;
		top: 40%;
		right: auto;
	}


}