.Offshore_list { margin: 0 -8px; padding: 0; }
.Offshore_list ul { margin: 0 ; padding: 0; }
.Offshore_list li { width:  187px;   -webkit-box-sizing:content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; height: 138px; float: left; margin: 2px 2px; padding: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; position: relative; overflow: hidden; }
.Offshore_list li.imag-4 { width:  378px;   -webkit-box-sizing:content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; height: 422px;  float: left; margin: 2px 2px; padding: 0px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; position: relative; overflow: hidden; }
.Offshore_list li.imag-4 img { width: 378px; height: 422px; }
.Offshore_list li.imag-4 a { width: 378px; height: 422px; position: absolute; display: block; top: -500px; left: 0px; /*background: url(../images/black-transperent.png) top left repeat;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; }
.Offshore_list li.imag-4:hover a { width: 378px; height: 422px; position: absolute; display: block; top: 0px; left: 0px; /*background: url(../images/black-transperent.png) top left repeat;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; }
.Offshore_list li img { width: 187px; height: 138px; }
.Offshore_list li a { width: 187px; height: 140px; position: absolute; display: block; top: -200px; left: 4px; /*background: url(../images/black-transperent.png) top left repeat;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; }
.Offshore_list li:hover a { width: 187px; height: 138px; position: absolute; display: block; top: 0px; left: 0px; /*background: url(../images/black-transperent.png) top left repeat;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; }
.Offshore_list li:hover a span { width: 36px; height: 36px; display: block; /*background: url(../images/image-icon.png) center center no-repeat;*/ margin: 52px auto 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #FFF; }
.Offshore_list li.imag-4:hover a span { width: 36px; height: 36px; display: block; /*background: url(../images/image-icon.png) center center no-repeat;*/ margin: 190px auto 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #FFF; }



.infrastructure_list { margin: 0 -6px; padding: 0; }
.infrastructure_list ul { margin: 0 ; padding: 0; }
.infrastructure_list li { width:  155px;   -webkit-box-sizing:content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; height: 138px; float: left; margin: 2px 2px; padding: 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; position: relative; overflow: hidden;   border: 1px solid #eee;}
.infrastructure_list li.imag-4 { width:  330px;   -webkit-box-sizing:content-box;  -moz-box-sizing: content-box;  box-sizing: content-box; height: 292px;  float: left; margin: 2px 2px; padding: 5px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; position: relative; overflow: hidden;   border: 1px solid #eee;}
.infrastructure_list li.imag-4 img { width: 330px; height: 292px; }
.infrastructure_list li.imag-4 a { width: 340px; height: 302px; position: absolute; display: block; top: -400px; left: 0px; /*background: url(../images/black-transperent.png) top left repeat;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; }
.infrastructure_list li.imag-4:hover a { width: 340px; height: 302px; position: absolute; display: block; top: 0px; left: 0px; /*background: url(../images/black-transperent.png) top left repeat;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; }
.infrastructure_list li img { width: 155px; height: 138px; }
.infrastructure_list li a { width: 165px; height: 148px; position: absolute; display: block; top: -200px; left: 4px; /*background: url(../images/black-transperent.png) top left repeat;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; }
.infrastructure_list li:hover a { width: 165px; height: 148px; position: absolute; display: block; top: 0px; left: 0px; /*background: url(../images/black-transperent.png) top left repeat;*/ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .35s ease; transition: all .3s ease; }
.infrastructure_list li:hover a span { width: 36px; height: 36px; display: block; /*background: url(../images/image-icon.png) center center no-repeat;*/ margin: 57px auto 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #FFF; }
.infrastructure_list li.imag-4:hover a span { width: 36px; height: 36px; display: block; /*background: url(../images/image-icon.png) center center no-repeat;*/ margin: 120px auto 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; border: 2px solid #FFF; }
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none;/*-- -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
 	border-radius: 4px; --*/
}
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../images/fancybox_sprite.png); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(../images/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; /*background: transparent url(../images/blank.gif);  helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../images/fancybox_overlay.png); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font-size: 16px; font-weight: normal; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../../images/fancybox_sprite@2x.png); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
#fancybox-loading div { background-image: url(../images/fancybox_loading@2x.gif); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}