/*-------5 cột giới thiệu------*/

.wrapintro {padding:20px 0 20px}
.wrapintro .item{width: 20%; float: left; padding: 30px 15px 30px; border-right:1px solid #ccc; min-height:420px  }
.wrapintro .item:last-child{border-right:none !important;}
.wrapintro .item .img{display:block; text-align:center; min-height:80px}
.wrapintro .item .img img{}
.wrapintro .item .title{padding:25px 0; text-align:center;}
.wrapintro .item .title a{font-size:22px; text-transform:uppercase}
.wrapintro .item .desc{text-align:center}
.wrapintro .item .bor{margin:0 20%; border-top:3px solid #26ace2; padding-bottom:25px}
/* Tablet desktop :768px. */
@media (max-width: 870px) {
    .wrapintro .item{width: 100%; float:none; min-height:inherit; border-right:0px; border-bottom:1px solid #ccc;}
    .wrapintro .item .bor{margin:0 30%}
}


/*-------3 cot giới thiệu dịch vụ----*/
.parallax-window {
    min-height: 586px;
    background: rgba(0,0,0,0.3);
}

.warpsv {text-align:center; padding:10px 0 20px; overflow:hidden; color:#fff}
.warpsv .item{padding-bottom:30px;}
.warpsv .title{text-align:center; padding:60px 0 60px}
.warpsv .title a{font-size:40px; text-transform:uppercase; color:#fff; font-weight:lighter}
.warpsv .img{display:block; text-align:center}
.warpsv .img img{}
.warpsv .desc{padding:60px 0 30px; font-size:16px; line-height:150%}
.warpsv .detail{}
.warpsv .detail a{color:#fff; background:#26ace2; padding:5px 15px;-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px}

@media (max-width: 767px) {
    .warpsv .item{border-bottom:1px solid #ccc;}
}

/*---------news--------*/
.capblue {padding:10px 0 20px; text-align:center;}
.capblue a{text-align:center; color:#26ace2; font-size:40px; font-weight:lighter; text-transform:uppercase}
.wrapnews { padding:20px 0 20px; overflow:hidden;}
.wrapnews .item{padding-bottom:30px;}
.wrapnews .title{text-align:left; padding:0px 0 20px}
.wrapnews .title a{font-size:20px; color:#000; font-weight:normal; line-height:150%}
.wrapnews .img{display:block;overflow: hidden; position:relative; padding-bottom:20px}
.wrapnews .img img{width:100%; min-height:200px; max-height: 205px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.wrapnews .img img:hover{-webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1);   -ms-transform: scale(1.1,1.1);   transform: scale(1.1,1.1);}

.wrapnews .desc{padding:0px 0 15px; font-size:16px; line-height:150%}

@media (max-width: 767px) {
    .wrapnews .img img{min-height:auto;}
}

@media (max-width: 500px) {
    .wrapnews .img, .wrapnews .info{width:100%;}
}

/*---------media--------*/
.divdown {width: 0px;  height: 0px;  border-left: 30px solid transparent;  border-right: 30px solid transparent;  border-top: 30px solid #fff;}
.wrapmedia .divdown {margin:auto}
.wrapmedia .capblue {padding-top:40px}
.wrapmedia .capblue a{color:#fff}
.wrapmedia {padding:0px 0 50px; text-align:center; background:#51b4e2}
.wrapmedia .item{padding-bottom:30px;}
.wrapmedia .title{text-align:left; padding:15px 0}
.wrapmedia .title a{font-size:16px; color:#fff; font-weight:normal; line-height:150%}
.wrapmedia .img{overflow: hidden;position: relative; display: block;}
.wrapmedia .img img{width:100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.wrapmedia .img img:hover{-webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1);   -ms-transform: scale(1.1,1.1);   transform: scale(1.1,1.1);}
.wrapmedia .img .fa{position:absolute; top:20px; right:20px; font-size: 40px;color:#fff}

/*--------partner-------*/

.wrappartners {padding:50px 0; overflow:hidden}
.mypartners {}
.mypartners .item {float:left; padding:15px 5px;}
.mypartners .item .img {overflow:hidden; display:block; position:relative; border:1px solid #aaa}
.mypartners .item .img img{width:100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.mypartners .item .img img:hover{-webkit-transform: scale(1.1,1.1);  -moz-transform: scale(1.1,1.1);  -o-transform: scale(1.1,1.1);   -ms-transform: scale(1.1,1.1);   transform: scale(1.1,1.1);}

@media screen and (max-width: 767px) 
{
}