#rig { max-width:100%; margin:0 auto;  padding:0; font-size:0;  list-style:none; background-color:#000; } #rig li { display: inline-block; *display:inline; width:33.333%; vertical-align:middle; box-sizing:border-box; margin:0; padding:0; } @media only screen and (max-width: 980px) {  #rig li { width:50%; } } .rig-cell { display:block; position: relative; overflow:hidden; } .rig-img, .gkelmt_built_video_overlay { display:block; width: 100%; height: auto; border:none; transform:scale(1); transition:all 1s; } #rig li:hover .rig-img, #rig li:hover .gkelmt_built_video_overlay { transform:scale(1.05); } .rig-overlay-1, .rig-overlay-2, .rig-overlay-3, .rig-overlay-4, .rig-overlay-5, .rig-overlay-6 { position: absolute; display:block; top: 0; left: 0; bottom: 0; right: 0; margin: auto; background-size:50px 50px; opacity:0; filter:alpha(opacity=0); transition:all 0.6s; } .rig-overlay-1 { background: #ca506e url(img/link.png) no-repeat center 20%; } .rig-overlay-2 { background: #95c11f url(img/link.png) no-repeat center 20%; } .rig-overlay-3 { background: #f9b000 url(img/link.png) no-repeat center 20%; } .rig-overlay-4 { background: #554596 url(img/link.png) no-repeat center 20%; } .rig-overlay-5 { background: #3c3c3b url(img/link.png) no-repeat center 20%; } .rig-overlay-6 { background: #0099bc url(img/link.png) no-repeat center 20%; } #rig li:hover .rig-overlay-1, #rig li:hover .rig-overlay-2, #rig li:hover .rig-overlay-3, #rig li:hover .rig-overlay-4, #rig li:hover .rig-overlay-5, #rig li:hover .rig-overlay-6 { opacity:0.8; } .rig-text-3lignes, .rig-text-4lignes, .rig-text-2lignes { display:block; padding:0 30px; box-sizing:border-box; position:absolute; left:0; width:100%; text-align:center; font-size:1.5rem !important; line-height:1.1em !important; font-weight:bold !important; font-family: 'Oswald', sans-serif; color:white; opacity:0; filter:alpha(opacity=0); transform:translateY(-20px); transition:all .3s; text-decoration: none; } .rig-text-3lignes { top:32.5% !important; } .rig-text-4lignes { top:25% !important; } .rig-text-2lignes { top:37.5% !important; } #rig li:hover .rig-text-3lignes, #rig li:hover .rig-text-4lignes, #rig li:hover .rig-text-2lignes	{ transform:translateY(0px); opacity:0.9; }	 @media only screen and (max-width: 767px) {  .rig-text-3lignes, .rig-text-4lignes, .rig-text-2lignes { font-size: 1rem !important; line-height: 1.1em !important; padding:0 10px; } .rig-text-3lignes { top:22.5% !important; } .rig-text-4lignes { top:12.5% !important; } .rig-text-2lignes { top:32.5% !important; } } .tmplatgk647 .gkelmt_built_video_2 { margin-right: 0px !important; margin-bottom: 0px !important; }	 .gkelmt_built_video_box { display: block; position: relative; z-index: 1; line-height: 0; } .gkelmt_built_video_box video { width: 100% !important; height: auto !important; max-width: 100%; } .gkelmt_built_video_overlay { position: absolute; z-index: 10; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: 50%; cursor: pointer; } .gkelmt_built_video_overlay_hover { background: transparent; width: 100%; height: 100%; position: absolute; z-index: 100; transition: all .5s ease-in-out; }   .gkelmt_built_video_overlay_hover:hover { background-color: rgba(0,0,0,.6); }     .gkelmt_built_video_play { color: #fff; font-size: 6rem; line-height: 6rem; margin-left: -3rem; margin-top: -3rem; display: block; position: absolute; z-index: 100; color: #fff; left: 50%; top: 50%; }     .gkelmt_built_video_play::before { font-family: ETmodules; content: "I"; }