.services-section { width: 100%; height: auto; display: block; position: relative; text-align: center; padding: 50px 0;}
.services-section .wrapper {}
.services-section ul {display: flex; flex-wrap: wrap; width: calc(100% + 20px); margin-left: -10px; list-style: none;}
.services-section li {width: calc(25% - 20px); position: relative;margin: 10px;}
.services-section li .service-image {width: 100%; padding-top: 100%; position: relative; overflow: hidden; height: 0;}
.services-section li .service-image img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; }
.services-section li .service-content {width: 100%; height: 100%; padding: 15px;  display: flex; justify-content: center; align-content: center; flex-wrap: wrap; position: absolute; top:0; left: 0;  -webkit-transition: 0.5s ease all;-o-transition: 0.5s ease all;transition: 0.5s ease all;}
.services-section li:hover .service-content {background-image: linear-gradient(to bottom, rgba(218,31,57,0), rgba(218,31,57,1)); }

/** services section typo */
.services-section h2 {color: #143760; font-size: 55px; text-transform: uppercase; line-height: 1.2; letter-spacing: 0.08em;margin-bottom: 35px; }
.services-section li h2 { font-size: 20px; color: #000;}
.services-section li h3 { color: #fff; font-size: 20px; text-transform: uppercase; line-height: 1.2; letter-spacing: 0.1em;margin: 0;display: flex;align-items: center;text-shadow: 0 3px 6px rgba(0,0,0,0.36);-webkit-text-shadow: 0 3px 6px rgba(0,0,0,0.36)}

.home-popup.fancybox-content {padding: 50px; background: #143760; width: 760px; max-width:100%; }
.home-popup.fancybox-content .content-block h3 { font-size: 20px; color: #fff;letter-spacing: 0.1em;text-transform: uppercase;line-height: 1.2;margin: 0}
.home-popup.fancybox-content .content-block p { color: #fff; font-size: 15px;line-height: 1.7}
.home-popup.fancybox-content .content-block a{color:#DA1F39;font-size: 15px;letter-spacing: 0.1em;text-transform: uppercase;}
.home-popup.fancybox-content .content-block a:hover{color:#fff;}
.home-popup.fancybox-content .content-block .service-cont{margin: 35px 0}
.home-popup.fancybox-content hr {background: #fff; }  
.service-popups {display: none;}

@media (max-width:992px){
    .services-section h2{font-size: 40px;}
    .services-section li h3{font-size: 15px;}
    .home-popup.fancybox-content .content-block h3{font-size: 15px;}
    .home-popup.fancybox-content{width: 650px;}
}

@media (max-width:776px){
	.home-popup.fancybox-content{
		width: 450px;
		padding: 30px;
	}
}

@media (max-width:640px){
	.services-section h2{
		font-size: 30px;
		margin-bottom: 25px;
	}

	.services-section li{
		width: calc(33% - 20px);
	}

	.services-section ul{
		justify-content: center;
	}
}
@media (max-width:480px){
    .services-section li {width: calc(50% - 20px);}
    .services-section{padding: 30px 0}
}