﻿

#partner { margin-top: 10px; background: #f6f6f6;padding: 17px 0}
#partner .group { width: calc(100% - 140px);margin: auto}
#partner .group .khungAnh:before {padding-bottom: 46%}
#partner .group .owl-next,#partner .group .owl-prev { width: 27px; height: 27px; background: url(arr.png) center no-repeat; position: absolute; top: 50%; margin-top: -13.5px;left: -70px}
#partner .group .owl-next { left: inherit; right: -70px; transform: scaleX(-1); -moz-transform: scaleX(-1);-webkit-transform: scaleX(-1)}

#partner.cate,#partner.list { background: transparent; padding: 0;margin: 0}
#partner.cate .parent {margin-bottom: 25px}
#partner.cate .parent:last-child {margin-bottom: 0}
#partner.cate .parent .group,#partner.list .parent .group  {width: 100%}
#partner.cate .parent .group .owl-next,#partner.cate .parent .group .owl-prev { width: 23px; height: 23px; background: url(arr1.png) center no-repeat; margin-left: 5px; float: left;position: static}
#partner.cate .parent .group .owl-next { transform: scaleX(-1); -moz-transform: scaleX(-1);-webkit-transform: scaleX(-1)}
#partner.cate .parent .group .owl-next:hover,#pro.detail .other .owl-prev:hover {background: url(arr1hv.png) center no-repeat}
#partner.cate .parent .group .owl-nav { position: absolute; right:0; top:-35px}
#partner.cate .parent .title { border-bottom: 1px solid #e3e3e3; padding-bottom: 8px; margin-bottom: 20px; position: relative}
#partner.cate .parent .title:after { position: absolute; width: 50px; height: 3px; background: #099dca; content: ''; bottom: -1px; left: 0}
#partner.cate .parent .title .pname { font-size: 16px; text-transform: uppercase; font-family: SegoeUIBold; float: left;display: block}

#partner .parent .group .item .img { border-radius: 4px; border: 1px solid #eeeeee; box-shadow: 0 4px 0 #eeeeee; padding: 5px; box-sizing: border-box}
#partner .parent .group .item .khungAnh:before {padding-bottom: 62.18%}
#partner .parent .group .item .name { text-align: center; line-height: 20px; font-size: 13px; display: block; margin-top: 12px}
#partner .parent .group .item:hover .name,#partner.cate .parent .title .pname:hover {color: #099dca}
#partner .parent .group .item:hover .img {box-shadow: 0 4px 0 #099dca}

#partner.list .parent .group .item { width: calc((100% - 45px) / 4); float: left; margin-right: 15px; margin-bottom: 25px}
#partner.list .parent .group .item:nth-child(4n) {margin-right: 0}
#partner.list .parent .group .item:nth-child(4n + 1) {clear: both} 
