.bgblack{
	background: #000;
    padding: 40px 0;
    color: #fff;
}
.bgblack .title_web span{color:#fff} 
.bgblack .content{
	color: #ffba15;
    font-family: Open Sans;
    font-weight: 600;
    font-style: normal;
    font-size: 1.9rem;
}	
.bklyn-btn{
	color: #131315;
    border-color: transparent;
    border-width: 1px;
    border-radius: 25px;
    background-color: #ffbb15;
    font-size: 12px;
    line-height: 24px;
    border: 2px solid #000;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 10px;
    text-transform: uppercase;
    font-weight: bold;
	-webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.bklyn-btn:hover{
	color: #ffffff;
    border-color: #ffffff;
    background-color: transparent;
    background-image: none;
}
.ut_header h2{
	text-align: center;
	padding: 0 15px;
}

.itemProject__v2 {
	position: relative;
    overflow: hidden;
    clear: both;}
  .itemProject__v2 .item { 
    position: relative;
    background: #4dbb4f29;
	justify-content: center;
	align-items: center;    padding: 0 30px 0 104px;	}
    .itemProject__v2 .item:nth-child(2n+2) {
      background: #f2f2f2;
	      padding: 0 104px 0 30px;
		}
      .itemProject__v2 .item:nth-child(2n+2):before {
        display: none; }
      .itemProject__v2 .item:nth-child(2n+2):after {
        width: 50%;
        content: "";
        position: absolute;
        height: 100%;
        right: -50%;
        background: #f2f2f2; }
      .itemProject__v2 .item:nth-child(2n+2) .itemS:nth-child(1) {
        order: 2; }
      .itemProject__v2 .item:nth-child(2n+2) .itemS:nth-child(2) {
        order: 1; }
    .itemProject__v2 .item:before {
      width: 50%;
      content: "";
      position: absolute;
      height: 100%;
      left: -50%;
      background: #4dbb4f29; }
	  .khungAnhCrop img {
		width: 100%;
		height: 100%;
		z-index: 1;
		-o-object-fit: cover;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
    .itemProject__v2 .item .khungAnh .khungAnhCrop {
      transition: 1s;     -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
    .itemProject__v2 .item .khungAnh:hover .khungAnhCrop {
      transform: scale(1.05); }

    .itemProject__v2 .item .khungAnh:before {
      padding-bottom: calc(380/585*100%); }
    .itemProject__v2 .item .itemS.content {
      padding: 0 30px; }
    .itemProject__v2 .item .titleName {
      padding-top: 26px; margin-bottom: 22px; }
      .itemProject__v2 .item .titleName span.title {
        margin-bottom: 5px;
		display: block;
		color: #e7252b !important;
		font-size: 15px; }
	.titleName a.name {
		display: inline-block;
		font-family: "RobotoBold";
		color: #333;
		font-size: 24px;
		line-height: 30px;
		margin-bottom: 15px;
		position: relative;
		transition: 0.3s; 
		font-family: "Roboto",Sans-serif;
		font-weight: bold;
	}
	a.detail.detail2 {
		text-transform: uppercase;
		color: #fff;
		background: #ed1c24;
		padding: 0 40px;
		line-height: 50px;
		display: inline-block;
	}
	a.detail.detail2:hover {
		background: #d00911;
	}
	.titleName a.name:after{
		content: "";
		position: absolute;
		bottom: -15px;
		left: 0;
		width: 60px;
		height: 3px;
		background: #ed1c24;
	}
    .itemProject__v2 .item .text { 
      overflow: hidden;  
    display: -webkit-box;
    -webkit-box-orient: vertical;
	margin-bottom: 20px;
	    font-family: roboto,sans-serif;
    font-size: 17px;
}
@media (max-width: 991.98px) {
	.itemProject__v2 .item, .itemProject__v2 .item:nth-child(2n+2){padding: 12px 15px;}
	.itemProject__v2 .item:nth-child(2n+2) .itemS:nth-child(1){order: 1;}
}

@media (max-width: 499.98px) {
	.bgblack .title_web span{ font-size: 2rem}
	.bgblack .content { font-size: 1.5rem}
}