.sectionBox{
		margin-bottom: 0;
	}
	.wrapCornPostion{
		padding-top: 0;
	}
	.project .wrap_item{
		border: 1px solid #ddd;
		margin-bottom: 30px;
		position: relative;
	}
	.project .wrap_item:before{
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: 50%;
        right: 50%;
        content: '';
        pointer-events: none;
        border-top: 1px solid #3454d1;
        border-bottom: 1px solid #3454d1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .project .wrap_item:hover:before{
        left: -1px;
        right: -1px;
    }
    .project .wrap_item:after{
        position: absolute;
        left: -1px;
        right: -1px;
        bottom: 50%;
        top: 50%;
        content: '';
        pointer-events: none;
        border-left: 1px solid #3454d1;
        border-right: 1px solid #3454d1;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .project .wrap_item:hover:after{
        top: -1px;
        bottom: -1px;
    }
	.project .wrap_item .i-img{
		padding-top: 65.05%;
		position: relative;
		overflow: hidden;
	}
	.project .wrap_item .i-img img{
		position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        -webkit-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
        -moz-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
        -o-transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
        transition: transform 0.8s cubic-bezier(0.44, 0.185, 0.575, 0.86);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
	}
	.project .wrap_item:hover .i-img img{
		-webkit-transform: translate(-50%,-50%) scale(1.06);
        -moz-transform: translate(-50%,-50%) scale(1.06);
        -o-transform: translate(-50%,-50%) scale(1.06);
        -ms-transform: translate(-50%,-50%) scale(1.06);
        transform: translate(-50%,-50%) scale(1.06);
	}
	.project .wrap_item .i-img span{
		display: none;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 152px;
		height: 40px;
		line-height: 40px;
		background: #3454d1;
		color: #fff;
		font-weight: 500;
		pointer-events: none;
		text-transform: uppercase;
		text-align: center;
		opacity: 0;
		-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
		-o-transform: translateY(50px);
		transform: translateY(50px);
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.project .wrap_item:hover .i-img span{
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.project .wrap_item .i-desc{
		padding: 15px;
	}
	.project .wrap_item .i-desc .i-title h3 a{
		display: block;
		font-size: 16px;
		line-height: 24px;
		font-weight: 700;
		text-transform: uppercase;
		color: #333;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		margin-bottom: 5px;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.project .wrap_item:hover .i-desc .i-title h3 a{
		color: #3454d1;
	}
	.project .wrap_item .i-desc .i-content{
		font-size: 13px;
		line-height: 20px;
		color: #666;
		font-weight: 300;
	}
	
	#vnt-navation{
		margin-bottom: 0;
	}
	.detail .thumb{
		background: #f5f5f5;
		position: relative;
	}
	.detail .thumb  .text{
		position: absolute;
		top: 15px;
		right: 15px;
		bottom: 15px;
		padding: 30px 15px;
		width: 45%;
		background: #fff;
	}
	.detail .thumb  .text h2{
		font-size: 22px;
		color: #3454d1;
		font-weight: 600;
		line-height: 32px;
		padding-bottom: 5px;
		margin-bottom: 15px;
		text-transform: uppercase;
	}
	.detail .thumb  .text .i-content {
		text-align: center;
		height: 100px;
		overflow-y: scroll;
	}
	.detail .thumb  .text .i-content p{
		padding-top: 0;
	}
	.detail .thumb .fl{
		width: 60%;
	}
	.slide_thumb{
       
    }
    .slide_thumb .img{
        position: relative;
        padding-top: 64.28%;
        overflow: hidden;
    }
    .slide_thumb .img img {
        position: absolute;
        left: 50%;
        width: 100%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .slide_nav{
        background: #fff;
        padding: 10px 70px 0;
    }
    .slide_nav .slick-list{
        margin: 0 -10px;
    }
    .slide_nav .item{
        padding: 0 10px;
    }
    .slide_nav .img{
        overflow: hidden;
        position: relative;
        cursor: pointer;
        padding: 100% 0 0;
        background: #f5f5f5;
    }
    .slide_nav .img:after{
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 3px solid #eb232b;
        opacity: 0;
    }
    .slide_nav .slick-current .img:after{
        opacity: 1;
    }
    .slide_nav .img img {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .slide_nav .slick-arrow {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        top: 45%;
        width: 50px;
        height: 50px;
        background: #fff;
        border: 3px solid #ddd;
        border-radius: 100%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        display: block;
    }
    .slide_nav .slick-arrow:hover{
        background: #3454d1;
    }
    .slide_nav .slick-arrow:after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: fontAwesome;
        font-size: 26px;
        color: #ddd;
    }
    .slide_nav .slick-next:after {
        content: '\f105';
    }
    .slide_nav .slick-prev:after {
        content: '\f104';
    }
    .slide_nav .slick-next {
        right: 0;
    }
    .slide_nav .slick-prev {
        left: 0;
    }

    .box_detail{
    	margin: 25px 0;
    	background: #f5f5f5;
    	padding: 30px 70px;
    }
    .other{

    }
    .other .title{
        font-size: 26px;
        line-height: 36px;
        color: #3454d1;
        text-transform: uppercase;
        font-weight: 600;
        margin-bottom: 30px;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        position: relative;
    }
     .other .title:after{
        content: '';
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 270px;
        height: 2px;
        background: #eb232b;
     }
    .slide_other .slick-arrow {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        top: 45%;
        width: 50px;
        height: 50px;
        background: #fff;
        border: 3px solid #ddd;
        border-radius: 100%;
        -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
        -o-transform: translate(0,-50%);
        transform: translate(0,-50%);
        display: block;
    }
    .slide_other .slick-arrow:hover{
        background: #3454d1;
    }
    .slide_other .slick-arrow:after {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-family: fontAwesome;
        font-size: 26px;
        color: #ddd;
    }
    .slide_other .slick-next:after {
        content: '\f105';
    }
    .slide_other .slick-prev:after {
        content: '\f104';
    }
    .slide_other .slick-next {
        right: -10px;
    }
    .slide_other .slick-prev {
        left: -10px;
    }
    .slide_other .i-img{
		padding-top: 67.05%;
		position: relative;
		overflow: hidden;
		margin-bottom: 10px;
    }
	.slide_other .i-img img{
		position: absolute;
		left: 50%;
		top: 50%;
		width: 100%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.slide_other .item:hover .i-img img{
		opacity: .7;
	}
	.slide_other .i-title h3 a{
		font-size: 16px;
		line-height: 24px;
		color: #333;
		font-weight: 600;
		white-space: normal;
		overflow: hidden;
		text-overflow: ellipsis;
		text-transform: uppercase;
		margin-bottom: 2px;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.slide_other .item:hover .i-title h3 a{
		color: #3454d1;
	}
	.slide_other .item .i-content{
		font-size: 13px;
		line-height: 20px;
		color: #666;
		margin-bottom: 8px;
	}
	.slide_other .item .i-link a{
		display: block;
		background: #fff;
		margin-left: -15px;
		width: 152px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.slide_other .item .i-link a:hover{
		background: #3454d1;
		color: #fff;
	}
	.slide_other .slick-list{
		margin: 0 -15px;
	}
	.slide_other .item{
		background: #f5f5f5;
		padding: 15px 15px 20px;
	}
    .f-share a.lh{
        width: 170px;
        font-size: 12px;
    }
    .f-share span{
        font-size: 12px;
        line-height: 20px;
        padding: 12px 0;
    }
	
	@media screen and (max-width: 1368px){
        .project .wrap_item {
            margin-bottom: 25px;
        }
		.project{
            padding: 0 120px;
			position: static;
			-webkit-transform: translate(0, 0);
			-ms-transform: translate(0, 0);
			-o-transform: translate(0, 0);
			transform: translate(0, 0);
		}
        .project .wrap_item .i-img{
            padding-top:50%;
        }
        .detail .thumb .text h2{
            font-size: 18px;
            line-height: 26px;
            margin-bottom: 5px;
        }
	}
	
	@media screen and (max-width: 1024px){
		.wrapCornPostion{
			padding-left: 80px;
		}
		.project .row{
			margin: 0 -5px;
		}
		.project .row .col-lg-4{
			padding: 0 5px;
		}
		.project .wrap_item{
			margin-bottom: 20px;
		}
		#vnt-navation{
			padding-top: 80px;
			padding-left: 20px;
			padding-bottom: 20px;
		}
		.detail .thumb .fl{
			width: 100%;
			float: none;
		}
		.detail .thumb .text{
			position: static;
			padding: 15px 0;
			width: 100%;
		}
		.f-share{
			display: block;
		}
		.f-share span{
            display: inline-block;
            margin-bottom: 10px;
        }
        .f-share .ds_share{
            display: inline-block;
            margin-right: 0;
            margin-bottom: 10px;
        }
        .f-share a.lh {
            width: 100%;
            font-size: 10px;
        }
        .f-share a.lh span:after{
            left: 15px;
        }
        .slide_nav .slick-arrow{
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
        }
        .slide_nav .slick-arrow:after{
            font-size: 16px;
        }
        .slide_nav{
            padding: 20px 30px;
        }
        .box_detail{
        	padding: 20px;
        }
	}

	@media screen and (max-width: 767px){
        .project .row .col-lg-4{
			width: 100%;
		}
    }