/**handles:x-child**/

/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/
.work-container {
	background: #fff;
	position: relative;
}
.project-thumbnail {
	
}
.post-content {
	float: left;
	width: calc(100% - 330px);
}
.post-content-inner {
    max-width: 1200px;
    margin: 0 auto;
}
.project-thumbnail ul {
	padding: 0;
	margin: 0;
}
.project-thumbnail ul li {
	line-height: normal;
}

.project-thumbnail ul li a {
	display: block;
	padding: 20px 15px;
}
.project-thumbnail ul li a.active,#page-29.project-thumbnail ul li:first-child a,#page-27.project-thumbnail ul li:first-child a{
	background:#00bfbc;
	color:#fff;
}
.project-thumbnail ul li a.active h4,#page-29.project-thumbnail ul li:first-child a h4,#page-27.project-thumbnail ul li:first-child a h4{color:#fff;}

.project-thumbnail ul li + li a{
	border-top:1px solid #ebebeb;
}
.project-thumbnail ul li a h4 {
	font-size: 18px;
	margin: 15px 0 0;
}
.about-post h1 {
	font-size: 30px;
	margin: 0 0 10px;
	font-weight: 700;
}
.about-post p {
	font-size: 16px;
	color: #000000;
	font-weight: 500;
	max-width: 900px;
}
.about-post {
	padding: 60px 0 24px 0;
}
.prices-column h3 {
	font-size: 18px;
	margin: 0 0 5px;
	font-weight: 700;
	color: #000000;
}
.prices-row {
	font-size: 0;
	margin: 0 -20px;
	padding: 50px 0;
}
.prices-column {
	display: inline-block;
	width: 33.333%;
	padding: 0 20px;
	font-size: 16px;
	vertical-align: top;
}
.prices-column p {
	font-size: 16px;
	color: #000;
	margin: 0;
}
.text-row {
    padding: 20px 20px 40px 0;
    margin: 0 0px 0 -20px;
    font-size: 0;
}
.text-column {
	font-size: 16px;
	color: #000;
	padding: 0 20px;
	display: inline-block;
	width: 50%;
	vertical-align: top;
}
.text-column h2{margin:0 0 20px;font-size:40px;font-weight:700}
.project-image {
	margin: 20px 0;
	width: 100%;
	display: inline-block;
}
.text-column.full-width {
	width: 100%;
}
.mobile-show {
	display: none;
}
.mobile-show.active{display:block;}
.page-id-99 .e245-12.x-bar-container.about-us , .page-id-25 .e245-15.x-bar-container.services , .page-id-101 .e245-18.x-bar-container.the-team, .page-id-103 .e245-21.x-bar-container.our-partners,.page-id-91 .e245-24.x-bar-container.testimonials  {
	background: #00bfbc;
}
.page-id-99 .e245-12.x-bar-container.about-us * , .page-id-25 .e245-15.x-bar-container * ,.page-id-101 .e245-18.x-bar-container.the-team *,.page-id-103 .e245-21.x-bar-container.our-partners *,.page-id-91 .e245-24.x-bar-container.testimonials *{
	color: #fff !important;
}
@media(min-width:1024px){

.post-content {
	float: left;
	width: 100%;
	
	
}
}
@media(max-width:960px){
	.post-content,.project-thumbnail{width:100%}
	.about-post{padding:20px 20px}
	.about-post h1{font-size:30px;}
	.about-post p{font-size:20px;}
	.project-thumbnail ul li a h4{font-size:24px;}
	.text-column{width:100%;padding:10px 20px}
	.text-row{margin:0px;padding:20px 0}
	.text-column{font-size:20px;}
	.prices-row{margin:0px;padding:20px 0}
	.prices-column{width:100%;padding:10px 20px;}
	.project-image{margin:10px 0;padding:0 20px;}
	.prices-column p{font-size:20px;}
	.post-thumbnail {padding: 20px 20px 0;}
	.about-post p{font-size:18px;}
	.text-column{font-size:18px;}
	.prices-column p{font-size:18px;}
}
@media(max-width:767px){
	.text-row {margin: 0px;padding: 0px;}
	.x-container.offset{margin: 20px auto;}
	.project-image {margin: 0;padding: 0;}
	.text-column {padding: 0;margin: 0 0 20px 0;}
	.prices-column {width: 100%;padding: 10px 0px;}
	.about-post {padding: 20px 2px;}
	.post-thumbnail {padding: 0;}
	.about-post h1{font-size:25.7px;margin: 10px 0;}
	.project-thumbnail ul li a h4{font-size:16px;}
	.prices-column p{font-size:16px;}
	.about-post p{font-size:14px;}
	.text-column{font-size:12.6px;}
}