/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Element
--------------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
 

/*--------------------------------------------------------------
# Padding/Margin
--------------------------------------------------------------*/

.ect-section#ect-section.ect-portfolio.style-four .hentry {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

/*#ect-section.ect-portfolio .hentry .more-link,*/
#ect-section.ect-portfolio .section-content-wrapper .hentry-inner .entry-header {
	padding: 0;
}

#ect-section.ect-portfolio .section-content-wrapper .hentry-inner .entry-container {
	padding: 21px;
}

#ect-section.ect-portfolio.style-three .section-content-wrapper .hentry-inner .entry-container {
	padding-bottom: 0;
}

.ect-section .post-thumbnail img {
	margin: 0 auto;
}

.site-content aside .ect-section .ect-wrapper .section-content-wrapper, {
    margin: 0 -15px;
}

#ect-section.ect-portfolio.style-two .portfolio-content-wrapper.section-content-wrapper .post-thumbnail,
#ect-section.ect-portfolio.style-three .portfolio-content-wrapper.section-content-wrapper .post-thumbnail {
	margin-bottom: 0;
}

#ect-section.ect-portfolio .portfolio-content-wrapper .entry-meta {
	margin-bottom: 0;
}

#ect-section.ect-portfolio .hentry-inner {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	height: auto;
	overflow: hidden;
	position: relative;
}

#ect-section.ect-portfolio .hentry .hentry-inner .entry-container, 
.ect-post .site-content .entry-content #ect-section.ect-portfolio .entry-header, 
#ect-section.ect-portfolio .entry-container, 
#ect-section.ect-portfolio .more-button, 
#ect-section.ect-portfolio .entry-title, 
.site-content .entry-content #ect-section.ect-portfolio .entry-header, 
#ect-section.ect-portfolio .entry-container,
#ect-section.ect-portfolio .entry-meta,
#ect-section.ect-portfolio .more-button {
	text-align: center;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.featured-content-wrapper:before,
.featured-content-wrapper:after,
.portfolio-content-wrapper:before,
.portfolio-content-wrapper:after,
.service-content-wrapper:before,
.service-content-wrapper:after,
.hentry-inner:after,
.hentry-inner:before,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after {
	content: "";
	display: table;
}

.featured-content-wrapper:before,
.hentry-inner:before,
.hentry-inner:after,
.featured-content-wrapper:after,
.portfolio-content-wrapper:before,
.portfolio-content-wrapper:after,
.service-content-wrapper:before,
.service-content-wrapper:after,
.entry-content:after,
.entry-summary:after {
	clear: both;
}

/*--------------------------------------------------------------
# Posts and pages
--------------------------------------------------------------*/
.post-thumbnail img {
	display: block;
}

/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/

.section {
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.section-heading-wrapper {
	display: block;
}

/*--------------------------------------------------------------
# Featured Content & Portfolio
--------------------------------------------------------------*/

.featured-content-wrapper .post-thumbnail,
.portfolio-content-wrapper .post-thumbnail {
	width: 100%;
}

/*--------------------------------------------------------------
# >= Updated Css
--------------------------------------------------------------*/  

#ect-section.ect-portfolio .section-content-wrapper .entry-container {
	text-align: center;
}

#ect-section.ect-portfolio.style-three .entry-container .entry-title,
#ect-section.ect-portfolio.style-two .entry-container .entry-title {
	transform: none;
	opacity: 1;
}

#ect-section.ect-portfolio.style-one .entry-container,
#ect-section.ect-portfolio.style-four .entry-container {
	opacity: 1;
}

#ect-section.ect-portfolio.style-two .entry-container,
#ect-section.ect-portfolio.style-three .entry-container {
	opacity: 1;
	overflow: visible;
	height: auto;
	position: relative;
	transform: none;
}

#ect-section.ect-portfolio.ect-section .post-thumbnail {
	overflow: hidden;
	margin-bottom: 0;
}

#ect-section.ect-portfolio.style-four .section-content-wrapper {
	padding-left: 15px;
	padding-right: 15px;
}

#ect-section.ect-portfolio.style-four .portfolio-content-wrapper .hentry .hentry-inner .entry-container,
#ect-section.ect-portfolio.style-one .portfolio-content-wrapper .hentry .hentry-inner .entry-container {
    bottom: 0;
    height: auto;
    left: 0;
    opacity: 1;
    overflow: hidden;
    position: absolute;
    text-align: center;
	top: auto;
	transition: 0.3s ease-in-out;
    z-index: 9;
    width: 100%;
}

#ect-section.ect-portfolio.style-four .portfolio-content-wrapper .hentry .hentry-inner .entry-header,
#ect-section.ect-portfolio.style-one .portfolio-content-wrapper .hentry .hentry-inner .entry-header {
	text-align: center;
}

#ect-section.ect-portfolio .portfolio-content-wrapper .hentry .hentry-inner:hover .entry-container {
	box-shadow: none;
	height: auto;
}

#ect-section.ect-portfolio.style-two .entry-container {
	transform: none;
}

#ect-section.style-three .ect-wrapper .portfolio-content-wrapper,
#ect-section.style-four .ect-wrapper .portfolio-content-wrapper {
	display: block;
}

#ect-section .portfolio-content-wrapper .hentry .entry-container:before {
	display: none;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/*--------------------------------------------------------------
# >= 667px
--------------------------------------------------------------*/

@media screen and (min-width: 41.6875em) {

	#ect-section.ect-portfolio.style-two .hentry .entry-container, 
	.site-content .entry-content #ect-section.ect-portfolio.style-two .entry-header, 
	#ect-section.ect-portfolio.style-two .entry-title,
	#ect-section.ect-portfolio.style-two .entry-meta,
	#ect-section.ect-portfolio.style-two .more-link {
		text-align: left;
	}

	#ect-section.ect-portfolio.style-four .portfolio-content-wrapper .hentry .hentry-inner:hover .entry-container,
	#ect-section.ect-portfolio.style-one .portfolio-content-wrapper .hentry .hentry-inner:hover .entry-container {
		transform: translateY(0);
		-o-transform: translateY(0);
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
	}

	#ect-section.ect-portfolio.style-four .portfolio-content-wrapper .hentry .hentry-inner .entry-container,
	#ect-section.ect-portfolio.style-one .portfolio-content-wrapper .hentry .hentry-inner .entry-container {
		transform: translateY(100%);
		-o-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-webkit-transform: translateY(100%);
	}
}

/*--------------------------------------------------------------
# >= 1024px
--------------------------------------------------------------*/   

@media screen and (min-width: 64em) {
	#ect-section.ect-portfolio.style-one .entry-container .entry-title,
	#ect-section.ect-portfolio.style-four .entry-container .entry-title {
		transform: translateY(-10px);
		-moz-transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		opacity: 0;
	}

	#ect-section.ect-portfolio.style-four .entry-container .entry-meta,
	#ect-section.ect-portfolio.style-one .entry-container .entry-meta,
	#ect-section.ect-portfolio.style-one .entry-container .entry-content,
	#ect-section.ect-portfolio.style-one .entry-container .entry-summary,
	#ect-section.ect-portfolio.style-four .entry-container .entry-content,
	#ect-section.ect-portfolio.style-four .entry-container .entry-summary {
		transform: translateY(10px);
		-moz-transform: translateY(10px);
		-webkit-transform: translateY(10px);
		opacity: 0;
		transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-webkit-transition: 0.3s ease-in-out;
	}

	#ect-section.ect-portfolio.style-one .hentry-inner:hover .entry-container .entry-title,
	#ect-section.ect-portfolio.style-four .hentry-inner:hover .entry-container .entry-title,
	#ect-section.ect-portfolio.style-one .hentry-inner:hover .entry-container .entry-meta,
	#ect-section.ect-portfolio.style-four .hentry-inner:hover .entry-container .entry-meta,
	#ect-section.ect-portfolio.style-one .hentry-inner:hover .entry-container .entry-content,
	#ect-section.ect-portfolio.style-one .hentry-inner:hover .entry-container .entry-summary,
	#ect-section.ect-portfolio.style-four .hentry-inner:hover .entry-container .entry-content,
	#ect-section.ect-portfolio.style-four .hentry-inner:hover .entry-container .entry-summary {
		transform: translateY(0);
		opacity: 1;
	}

	#ect-section.ect-portfolio .section-content-wrapper .hentry-inner .entry-container {
		padding: 28px;
	}
}

/*--------------------------------------------------------------
# >= 1366px
--------------------------------------------------------------*/

@media screen and (min-width: 85.375em) { 
	#ect-section.ect-portfolio .section-content-wrapper .hentry-inner .entry-container {
		padding: 35px;
	}
}

/*--------------------------------------------------------------
# >= 1660px
--------------------------------------------------------------*/

@media screen and (min-width: 103.750em) {
	#ect-section.ect-portfolio .section-content-wrapper .hentry-inner .entry-container {
		padding: 42px;
	}
}

/*--------------------------------------------------------------
# >= Color
--------------------------------------------------------------*/  

#ect-section.ect-portfolio.style-two .entry-container {
	background-color: #f5f5f5;
}

/*#ect-section.ect-portfolio.style-two .entry-title a,
#ect-section.ect-portfolio.style-two .entry-summary,
#ect-section.ect-portfolio.style-two .entry-content {
	color: #000;
}

#ect-section.ect-portfolio.style-two .entry-containera:not(.more-link) {
	color: initial;
}
*/

#ect-section.ect-portfolio .entry-container {
	background-color: transparent;
}

#ect-section.ect-portfolio.style-one .entry-container,
#ect-section.ect-portfolio.style-two .entry-container,
#ect-section.ect-portfolio.style-three .entry-container,
#ect-section.ect-portfolio.style-four .entry-container {
	background-image: none;
}