.wp-content {
    float: left;
    width: 100%;
    padding: 100px 0;
}
.title-page {
    width: 100%;
    float: left;
}
.title-page h1 {
    margin: 0;
    padding: 20px 40px;
    color: #FFF;
    display: inline-block;
    background-color: #000;
}
.block-content{
	width: 100%;
	float: left;
}
.block-content > div{
	float: left;
}

.block-content .left-side{
	width: 65%;
	padding-top: 30px;
	padding-right: 40px;
}
.block-content .left-side > div {
    float: left;
    width: 100%;
}
.block-content .left-side .top-bl {
    padding-top: 50px;
	margin-bottom: 50px;
}
.block-content .right-side{
	width: 35%;
	padding-left: 40px;
}
.btm-bl .wp-general-block {
    width: 49.5%;
    margin-right: 1%;
    float: left;
}
.btm-bl .wp-general-block:nth-child(2) {
    margin-right: 0;
	padding-top: 20%;
}

/* Main */
.main-block-ss {}
.main-block-ss .img-bl {  background-color: #000;}
.main-block-ss .img-bl > div {margin: 0 auto;}
.main-block-ss .img-bl > div img { margin: 0 auto;display: block;}

/* Block Item */
.block-item,.block-item > div{
	float: left;
	width: 100%;
}
.block-item {
    margin-bottom: 50px;
}
.block-item a{
	display: block;
}
.block-item .img-bl{
	position: relative;
    overflow: hidden;
}
.block-item .img-bl .wp-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
}
.block-item:hover .img-bl .wp-img {
	-webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -ms-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
}
.block-item .img-bl .wp-img:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.35);
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.block-item:hover .img-bl .wp-img:after{
	opacity: 1;
}
.gen-block-ss.block-item .img-bl img,.hl-block.block-item .img-bl img{
	visibility: hidden;
}
.block-item .img-bl .attr-bl {
    position: absolute;
    top: 30px;
    left: 0;
}
.block-item .img-bl .attr-bl h3 {
    margin: 0;
    padding: 10px 80px;
    background-color: #feed01;
    font-family: 'AmnestyTradeGothicBoldCd','PromptBold';
    font-size: 24px;
    color: #000;
}
.block-item .content-bl{
	
}
.block-item .content-bl h3 {
    margin: 20px 0 10px;
	color: #000;
}
.block-item .content-bl p {
	color: #000;
}
.gen-block-ss .content-bl h3 {
    font-size: 18px;
}

/* Right Side */
.block-content .right-side .title-right{
	position: relative;
    margin-bottom: 10px;
}
.block-content .right-side .title-right span{display: block;}
.block-content .right-side .title-right span.ss-logo{ 
	background-image: url('/themes/kos/images/success-logo.png');
    background-repeat: no-repeat;
    width: 98px;
    height: 117px;
    position: absolute;
    bottom: 0;
    left: 50px;
}
.block-content .right-side .title-right span.ss-logo-bg{ 
	background-image: url('/themes/kos/images/success-logo-bg.png');
    background-repeat: repeat;
    width: 100%;
    height: 63px;
}

/* HighLight */
.hl-block {
    margin-bottom: 10px;
	position: relative;
    overflow: hidden;
}
.hl-block .img-bl {
    display: none;
}
.hl-block .img-bl.showed {
    display: block;
}
.hl-block .content-bl {
    padding: 20px;
    float: left;
    width: 100%;
	background-color: #f1f1f1;
	position: relative;
    z-index: 1;
}
.hl-block .content-bl.color-box {
	background-color: #feed01;
}
.hl-block .content-bl h3 {
    font-size: 18px;
}
.hl-block .content-bl .date{
	float: left;
}
.hl-block .content-bl .readmore{
	float: right;
}

/* Responsive */
@media(max-width: 1366px){
	.block-item .img-bl .attr-bl h3 {
		margin: 0;
		padding: 10px 40px;
	}
}
@media(max-width: 1200px){
	.title-page h1 {
		font-size: 28px;
	}
	.block-content .right-side {
		padding-left: 0;
	}
}
@media(max-width: 990px){
	.block-content .left-side,.block-content .right-side{
		width: 100%;
		padding-right: 0;
	}
	.block-content .right-side {
		margin-top: 50px;
	}
	.gen-block-ss .content-bl h3 {
		font-size: 16px;
	}
	.hl-block{
		width: 32.6%;
		margin-right: 1%;
	}
	.hl-block:last-child{
		margin-right: 0;
	}
	.hl-block .img-bl {
		display: block;
	}
	.block-item .img-bl .attr-bl {
		top: 20px;
	}
	.block-item .img-bl .attr-bl h3 {
		padding: 8px 20px;
		font-size: 18px;
	}
}
@media(max-width: 768px){
	.title-page h1 {
		font-size: 22px;
		padding: 15px 40px;
	}
}
@media(max-width: 640px){
	.wp-content {
		padding: 80px 0;
	}
	.block-item .content-bl h3 {
		font-size: 16px;
	}
	.block-content .left-side .btm-bl {
		margin-bottom: 40px;
	}
	.btm-bl .wp-general-block {
		width: 100%;
		margin-right: 0;
	}
	.btm-bl .wp-general-block:nth-child(2) {
		margin-right: 0;
		padding-top: 0;
	}
	.hl-block {
		width: 100%;
		margin-right: 0;
	}
	.block-item {
		margin-bottom: 20px;
	}
}
@media(max-width: 550px){
	.title-page h1 {
		font-size: 18px;
		padding: 15px 40px;
		display: block;
	}
}