.news-div{padding:30px 0}
.news-sec{margin-bottom:15px;}
.border-r{border-right:1px solid #fff;}
.news-img{text-align:center;margin-bottom:10px;}
.news-img img{width:100%; height:auto; border:3px solid #FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.news-cont h1{margin:0 0 10px 0; font-size:20px;}
.new-cont{text-align:center;background:rgba(0,0,0,.1);padding:15px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.new-img img { position:relative; z-index:1; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.new-img img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%);  -moz-transform: scale(1.05) rotate(20deg) translate(2px); -webkit-transform: scale(1.05) rotate(20deg) translate(2px); -o-transform: scale(1.05) rotate(20deg) translate(2px); transform: scale(1.05) rotate(20deg) translate(2px);}
.img-responsive {max-width: 100%; height:auto}
.news-div{padding:30px 0}
.news-sec{margin-bottom:15px;}
.border-r{border-right:1px solid #fff;}
.news-img{text-align:center;margin-bottom:10px;}
.news-img img{width:100%; height:auto; border:3px solid #FFF; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
.news-cont h1{margin:0 0 10px 0; font-size:20px;}
.new-cont{text-align:center;background:rgba(0,0,0,.1);padding:15px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.new-img img { position:relative; z-index:1; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ -webkit-backface-visibility: hidden; /* Fix for transition flickering */ }
.new-img img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%);  -moz-transform: scale(1.05) rotate(20deg) translate(2px); -webkit-transform: scale(1.05) rotate(20deg) translate(2px); -o-transform: scale(1.05) rotate(20deg) translate(2px); transform: scale(1.05) rotate(20deg) translate(2px);}
.img-responsive {max-width: 100%; height:auto}