/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 4.2.1.1601484041
Updated: 2020-09-30 16:40:41

*/

body{
	font-size: 15px;
	line-height: 26px;
	font-weight: 300;
	color: #333;
}

h1, h2, h3, h4, h5, h6{
	color: #003d79; 	
}
h1{
	letter-spacing: 1px;
}
h2{
	font-size: 36px;
	line-height: 42px;	
	letter-spacing: 1px;
}
h3{
	font-size: 30px;
	line-height: 36px;
}
h4{
	font-size: 24px;
	line-height: 30px;
}
img.alignleft{
	margin: 6px 25px 20px 0;
}
iframe{
	vertical-align: bottom;
}

/*---- Header ----*/
#main-header{
	padding: 5px 0 20px;
}
#top-menu li{
	padding-right: 35px;
}
#top-menu li a{
	padding: 0 0 24px !important;
}
#top-menu .menu-item-has-children>a:first-child:after{
	right: -20px;	
}
#top-menu .sub-menu li{
	margin: 0 0 5px;
}
#top-menu .sub-menu li a{
	padding: 0 !important;	
	font-size: 14px;
}
#main-header .et_search_outer{
	top: 12px;
}
#main-header span.et_close_search_field{
	top: -5px;
	right: 15px;
}
/*---.home #main-header{
	padding: 0;
	background: none;
}
.home #et-top-navigation{
	display: none;
}
.home .logo_container{	
	text-align: center;
	top: 30px;
}
.home .logo_container #logo{
	max-height: 110px;
}---*/

/*---- Common Class ----*/
.et_pb_module ul{
	margin-left: 5px; 		
}

/*---- Projects ----*/
.single article.project{
	margin: 0;
}

/*---- Services ----*/
#page-container .srvcbox .et_pb_column:hover h3,
#page-container .srvcbox .et_pb_column:hover .et_pb_text_inner,
#page-container .srvcbox .et_pb_column:hover .et_pb_button_module_wrapper a.et_pb_button{
	color: #fff !important;
}
#page-container .srvcbox .et_pb_column:hover img{
	filter: invert(100);
}

/*---- Blog Posts ----*/
.et_pb_posts .et_pb_post h3{
	max-width: 90%;
	margin: -80px auto 0;	
	padding: 30px 30px 10px;
	background: #fff;	
	border-radius: 10px;
	position: relative;
	z-index: 9;
}
.et_pb_posts .et_pb_post .post-meta,
.et_pb_posts .et_pb_post .post-content{
	max-width: 90%;
	margin: 0 auto;	
	padding: 0 30px;
}
.et_pb_posts .et_pb_post .post-content{
	padding-top: 15px;
}

/*---- Single Blog ----*/
.single-post #left-area{
	max-width: 900px;
	margin: 0 auto;
}	

/*---- Projects ----*/
.et_pb_portfolio_filters{
	padding: 40px 0;
	background: #17181c;
}
.et_pb_portfolio_filters ul{	
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li{
	padding: 0 5px;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a{
	border-radius: 0;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
	padding: 14px 20px;
	background: none;
	border-width: 2px;
	border-color: #ddd;
	border-radius: 0;
	font-size: 15px;
	color: #fff;
	font-weight: 400;
	transition: all ease 0.4s;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover{
	transform: translateY(-0.25em);
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a:hover,
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active{
	background: none;
	border-color: #1d8cf8;	
	color: #fff;
}
.et_pb_portfolio_item h2.et_pb_module_header{
	font-size: 17px;
	line-height: 22px;
	text-align: center;
}
.et_pb_portofolio_pagination{
	padding: 30px 0 0;
}
.et_pb_portofolio_pagination ul{
	display: flex;	
	justify-content: center;
}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li{
	padding: 0 2px;
}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a{
	padding: 10px 18px;
	background: #003d79;
	border-color: #003d79;
	font-size: 15px;
	color: #fff;
}
.et_pb_filterable_portfolio .et_pb_portofolio_pagination ul li a.active{
	color: #fff;
}
.et_pb_gutters2 .et_pb_column_4_4 .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1){
	clear: none;
}
.et_pb_portfolio_items{
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.et_pb_portfolio_items .et_pb_portfolio_item{
	max-width: 33.3%;
	flex: 33.3%;
	width: 100% !important;
	margin: 0 0 36px !important;
	padding: 0 18px;
}
.et_pb_portfolio_items .et_pb_portfolio_item .et_overlay{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 21px;
	font-weight: 400;
	color: #000;
}
.et_pb_portfolio_item .et_pb_module_header{
	margin: 0 !important; 
}
.et_pb_portfolio_item .et_pb_module_header a{
	min-height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 30px;
	background: #003d79;
	font-size: 15px;
	color: #fff;
	text-align: center;
}
.et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image{
	overflow: hidden;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image img{
	transform: scale(1);
	transition: all ease 0.4s;
}
.et_pb_portfolio_items .et_pb_portfolio_item:hover .et_portfolio_image img{
	transform: scale(1.1);
}
.et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image::before,
.et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image::after{
	width: 0;
	height: 100%;	
	background: #fff;
	display: block;
	content: "";
	position: absolute;
	top: 0;	
	z-index: 1;		
	left: 0;
	transition: all 0.4s ease 0s;
	opacity: 0.8;
}
.et_pb_portfolio_items .et_pb_portfolio_item:hover .et_portfolio_image::before,
.et_pb_portfolio_items .et_pb_portfolio_item:hover .et_portfolio_image::after{
	width: 100%;
}
.et_pb_portfolio_items .et_pb_portfolio_item .et_portfolio_image::after{
	background: #fff;
	transition: all 0.4s ease 0.2s;
	z-index: 2;
}

/*---- Input ----*/
.et_pb_contact p input,
.et_pb_contact p textarea{
	background: #f5f5f5;
}

/*---- Footer ----*/
footer#main-footer .footer-widget .fwidget{
	margin: 0 0 20px;
}

/*---- Responsive ----*/
@media( max-width: 1080px){	
	
	.et_pb_filterable_portfolio .et_pb_portfolio_filters li{
		max-width: 25%;
		flex: 25%;
		margin: 0 0 12px;
		text-align: center;
	}	
	.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{
		padding: 12px 12px;
	}
	
}

@media( max-width: 980px){	
	
	.et_pb_filterable_portfolio .et_pb_portfolio_filters li{
		max-width: 33.3%;
		flex: 33.3%;		
	}
	
}

@media(max-width: 640px){	

	.et_pb_portfolio_items .et_pb_portfolio_item{
		max-width: 50%;
		flex: 50%;	
	}

}

@media( max-width: 480px){
	
	.et_pb_filterable_portfolio .et_pb_portfolio_filters li{
		max-width: 100%;
		flex: 100%;		
	}
	.et_pb_portfolio_items .et_pb_portfolio_item{
		max-width: 100%;
		flex: 100%;	
	}
	
}
 span.overlay-title {
    display: flex;
    z-index: -1;
    opacity:0;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
    height: 100%;
    width: 100%;
    font-weight: 500;
}
.et_pb_portfolio_items .et_pb_portfolio_item .et_overlay{font-size:0px;}

.et_portfolio_image:hover span.overlay-title {
    z-index: 999;
    opacity: 1;
}
.span.et_portfolio_image img {
    height: 264px;
    object-fit: cover;
    object-position: center;
}
span.phone-homenav{display:none;}
.home span.phone-homenav  {float:right; padding-left:10px; display:block;}

.home span.phone-homenav a {
    color: #333333;
    font-weight: 400;
    display: block;
    margin-top: -4px;
}
.home #et_top_search{float:left;} 
h1.entry-title {
    text-transform: uppercase;
    font-size: 28px;
}
h3#reply-title {
    text-transform: uppercase;
}