/* Portfolio-seo */
.portfolio-seo .row{padding-bottom: 30px;}
.portfolio-seo .heading h1{
	border-bottom: 2px solid #eaeaea;
	margin-top: 16px;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
.portfolio-seo .heading p{
	float: right;
	margin: 0;
	font-size: 14px;
	opacity: .75;
}
.portfolio-seo .heading p .fa{
	padding-left: 12px;
}

.portfolio-seo.article h2{
	margin: 0 0 16px;
	padding-bottom: 4px;
	border-bottom: 2px solid #eaeaea;
}

.ps-left img{
	width: 100%;
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0.5);
}
.ps-left div div{
	width: 94%;
	margin: -10px auto 0;
	padding: 24px;
	background: #F9F9F9;
}
.ps-left div p{}
.ps-left div p:first-child{
	font-size: 14px;
	color: #565456;
	opacity: .5;
}
.ps-left div p a{
	text-decoration: underline;
}
.ps-left div p a:hover{
	text-decoration: none;
}

.ps-right span{
	color: #D1736E;
	font-size: 24px;
	font-weight: bold;
}
.ps-right .progress{
	width: 216px;
	height: 32px;
	background: #FDF9F9;
	border: 1px solid rgba(193, 58, 51, 0.2);
	border-radius: 3px;
	box-shadow: none;
}
.ps-right .progress-bar{
	background: rgba(193, 58, 51, 0.7);
	border-radius: 3px 0 0 3px;
	font-size: 16px;
	font-weight: bold;
	line-height: 30px;
	text-align: right;
	padding-right: 6px;
}
/*
.ps-right dt{
	width: 15%;
	min-width: 75px;
	margin-right: 3%;
	color: #D1736E;
	font-size: 24px;
	font-weight: bold;
	display: inline-block;
	text-align: right;
	vertical-align: baseline;
}
.ps-right dd{
	display: inline-block;
	width: 55%;
	margin-right: 10%;
	margin-bottom: 35px;
	vertical-align: inherit;
	line-height: 1;
	font-size: 14px;
}*/
.ps-right table{
	margin-top: -20px;
	border-collapse: separate;
	font-size: 14px;
	line-height: 1;
}
.ps-right table tr td{
	min-width: 100px;
	max-width: 255px;
	border: 20px solid transparent;
	border-left: none;
	border-right: none;
}
.ps-right table tr td:first-child{
	padding-right: 18px;
	color: #D1736E;
	font-size: 24px;
	font-weight: bold;
	text-align: right;
}
.btn-shadow{
	padding: 9px 20px;
	background: white;
	border: 1px solid #D7D7D7;
	border-radius: 3px;
	color: #838383;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	font-weight: bold;
	transition: background .3s ease 0s;
}
.btn-shadow:hover{
	background: #c13a33;
	color: white;
}

/* Card */
.ps-table table{
	width: 100%;
	border-collapse: separate;
	font-size: 14px;
}

.ps-table table thead{
	background: #E8E8E8;
    border: 1px solid #D6D6D6;
}
.ps-table table tr td{
	padding: 10px 20px;
	border-left: none;
	border-right: none;
	font-weight: bold;
	text-align: center;
}
.ps-table table tr td:first-child{
	width: 50%;
	border-left: none;
	text-align: left;
}
.ps-table table tr td:last-child{
	border-right: none;
}
.ps-table table thead tr td{
	padding-right: 18px;
	font-size: 12px;
	color: #565656;
	text-transform: uppercase;
}
.ps-table table tbody tr td{
	border: 4px solid white;
	background: #F7F7F7;
}
.ps-table table tbody tr td.top{
	background: #D1736E;
	color: white;
}
.ps-table small{display: block;font-size: 10px;color: #C4C4C4;text-align: right;}
.ps-table p{font-size: 16px; color: #444; font-weight: bold;}
.ps-table span{color: #c13a33;}

#wrap-btn-load{text-align: center;}
#wrap-btn-load .btn{box-shadow: none;float: none;}

/* LG */

/* MD */
@media (min-width: 960px){
.portfolio-seo .heading h1{width: calc(100% - 195px);}
.portfolio-seo .heading p{font-size: 16px;}
.portfolio-seo h2{font-size: 24px;}

.ps-left div p:first-child{margin-bottom: 18px;}
.ps-left div div{padding: 32px 50px 20px; font-size: 20px;}

.ps-right{font-size: 20px;}
.ps-right .progress{width: 270px; height: 37px;}
.ps-right .progress-bar{line-height: 37px;}
.ps-right table{font-size: 18px;}
.ps-right table tr td{max-width: 280px;}
.ps-right table tr td:first-child{font-size: 28px;}
.btn-shadow{padding: 12px 30px; font-size: 16px;}
}
	
/* SM */
@media (min-width: 720px) and (max-width: 959px){
.portfolio-seo .heading p{font-size: 12px}
.portfolio-seo .heading p .fa{padding-left: 8px;}

/*.ps-right dd{margin-right: 0;}*/
}

/* XS */
@media (max-width: 719px){
.container-fluid.portfolio-seo{padding: 0;overflow: hidden;/*tmp*/}
.portfolio-seo .heading h1{
	width: 100%;
	padding: 0 18px 0;
}

.portfolio-seo .row{
	padding-bottom: 0;
}
.portfolio-seo .row:first-child{
	margin-top: 8px;
	padding-bottom: 16px;
	border-bottom: 2px solid #eaeaea;
}

.portfolio-seo h2{
	font-size: 16px;
	margin: 12px 0;
	padding: 4px 18px 4px 12px;
	border-left: 44px solid;
	border-top: none;
}

.ps-left{margin-bottom: 20px;}
.ps-left > div{max-width: 100%;}
.ps-left div div{
	position: relative;
	width: 100%;
	padding: 20px 15px 12px;
	font-size: 14px;
}
.wrap-btn-more{text-align: center;}
.wrap-btn-more .btn{float: none;}

.ps-right p, .ps-right .progress{margin: 0 18px 10px;}
/*.ps-right dl{margin-top: 30px;background: #f9f9f9;}
.ps-right dt{font-size: 32px; width: 32%;}
.ps-right dd{width: 50%;}*/
.ps-right table{
	width: 100%;
	margin: 30px 0;
	padding: 0 18px;
	background: #f9f9f9;
}
.ps-right table tr td:first-child{
	width: 120px;
	font-size: 32px;
}
.ps-table p, .ps-list ol{margin: 0 18px;}
#wrap-btn-load{margin: 20px 18px;padding: 20px 0;border-top: 2px solid #eaeaea;}
}