﻿.services-header
{
	background-image: url('../Images/headers/sec-page-header.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	height: 200px;
	position: relative;
	width: 100%;
	margin-top: 92px;
	overflow: hidden;
}

.services-details .section-title span
{
	font-size: 30px;
	padding-bottom: 8px;
}

.services-details p
{
	margin-top: 20px;
	padding-right: 15px;
	text-align: justify;
	color:#7c7c7c;
	font-size: 18px;
	line-height: 24px;
}
.services-details .icon-background, .services-details .section-title
{
	display: inline;	
}
.icon-background {
	float: left;
	display: table;
	margin: 20px 30px 10px 30px;
}
.icon-background .fa, .service-entry-icon-background .fa 
{
	color: #FFF;
	line-height: 2;
	text-align: center;
	margin-top: -4px;
	margin-right: 10px;
	display: table-cell;
	vertical-align: middle;
}
.icon-background .fa {
	background-color: #0A70A6;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	font-size: 90px;
}

.other-services
{
	background-color: #0A70A6;
	padding: 40px 0px;
}

.service-entry
{
	cursor: pointer;
	transition:all .25s linear;
}
.service-entry-icon-background {
	float: left;
	display: table;
	border-bottom: 1px solid #73AADC;
	height: 114px;
	width: 15%;
}
.service-entry-icon-background .fa {
	font-size: 46px;
	
}
.service-entry:hover .service-entry-icon-background
{
	background-color: #00669C;
}
.service-entry-title
{
	float: left;
	padding-left: 20px;
	height: 114px;
	display: table;
	border-bottom: 1px solid #73AADC;
	width: 75%;
}
.service-entry:hover .service-entry-title
{
	background-color: #00669C;
}

.service-entry-title h4 
{
	display: table-cell;
	vertical-align: middle;
}
.service-entry-title h4 a
{
		color: #FFF;
}
.service-entry-title h4 a:hover
{
	text-decoration: none;
}


@media only screen and (min-width: 768px)
{
    .service-entry:nth-last-child(1) .service-entry-title, .service-entry:nth-last-child(1) .service-entry-icon-background,
    .service-entry:nth-last-child(2) .service-entry-title, .service-entry:nth-last-child(2) .service-entry-icon-background
    {
	    border-bottom: none;
    }
}

@media only screen and (max-width: 767px)
{
    .section-title span 
    {
        border-bottom: none;
    }
    
    .service-entry:nth-last-child(1) .service-entry-title, .service-entry:nth-last-child(1) .service-entry-icon-background
    {
	    border-bottom: none;
    }
    
    .icon-background .fa {
        font-size: 50px;
        height: 100px;
        width: 100px;
    }
    
}


@media only screen  and (min-width: 768px) and (max-width: 1199px)
{
	.service-entry-icon-background {
	    height: 93px;
	    width: 20%;
    }
    
    .service-entry-title {
        height: 93px;
        width: 80%;
    }
}

