a,a img{outline:0}body,h1{margin:0}#Main,h3{text-align:center}a,h3{color:#d9232d}#logo,h3{font-weight:300}#Main,#logo,.border,.demo{overflow:hidden}body{height:100%;color:#000;padding:0}a{text-decoration:none;border:none}a img{border:0}#Main{width:auto;margin:30px auto 0}#logo{background:#d9232d;color:#fff;display:inline-block;margin-bottom:50px;padding:15px 30px 18px;text-transform:uppercase}h3{margin:-15px 0 0}h3.blue{color:#016cb3}h3.black{color:#000}h3.green{color:#87bd3d}h3.grap{color:#70184a}img.scale-with-grid{max-width:100%;height:auto;position:relative}.demo{margin-top:20px}.demo .item:hover{cursor:pointer}.demo .item .desktop .inside{line-height:0;-webkit-transition-duration:10s;-moz-transition-duration:10s;-ms-transition-duration:10s;-o-transition-duration:10s;transition-duration:10s;position:absolute;left:0;top:0;width:268px}.border{width:100%;height:2px;background-color:#d9232d}@media only screen and (min-width:768px) and (max-width:959px){#Main{width:760px}.demo .item{width:370px}.demo .item_left{margin-right:20px}.demo .item .desktop{position:absolute;left:5%;top:32%;width:89%;height:40%;overflow-y:hidden;z-index:-100}}.demo .item a:hover .desktop .inside,.demo .item.item_left a:hover .desktop .inside{margin-top:-1000px}.demo .item .desktop{overflow-y:hidden;position:absolute;left:5%;top:32%;width:89%;height:40%;overflow:hidden;z-index:-100}.demo .item{position:relative;margin-bottom:60px;width:300px}.demo .item_left{margin-right:0;margin-bottom:30px}.demo .item.item_left a:hover .desktop .inside{margin-top:-1000px}.demo .item a:hover .desktop .inside{margin-top:-148px}