@charset "utf-8";
/* CSS Document */

/*scroll all time open*/
.mCSB_scrollTools{ opacity: 0.8; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.map{width:100%; max-width:784px; margin:0 auto; text-align:center; margin-bottom:20px; position:relative;}
.map img{ vertical-align:middle; width:100%;}
.map a.india{ position:absolute; z-index:10; width: 14px; height: 23px; left: 67%; top: 42%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.nepal{ position:absolute; z-index:10; width: 14px; height: 23px; left: 69%; top: 42%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.srilanka{ position:absolute; z-index:10; width: 14px; height: 23px; left: 68%; top: 55%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.bangladesh{ position:absolute; z-index:10; width: 14px; height: 23px; left: 71%; top: 44%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.indonesia{ position:absolute; z-index:10; width: 14px; height: 23px; left: 78%; top: 63.50%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.australia{ position:absolute; z-index:10; width: 14px; height: 23px; left:82.50%; top: 73%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.peru { position:absolute; z-index:10; width: 14px; height: 23px; left:23.30%; top: 63.40%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.columbia{ position:absolute; z-index:10; width: 14px; height: 23px; left:24.50%; top: 55%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.chile{ position:absolute; z-index:10; width: 14px; height: 23px; left:25.90%; top: 76.20%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.paraguay{ position:absolute; z-index:10; width: 14px; height: 23px; left:25.90%; top: 82.20%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.uk{ position:absolute; z-index:10; width: 14px; height: 23px; left: 46%; top: 24.80%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.germany{ position:absolute; z-index:10; width: 14px; height: 23px; left: 49.40%; top: 24%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.kenya{ position:absolute; z-index:10; width: 14px; height: 23px; left: 57.50%; top: 55.90%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.egypt{ position:absolute; z-index:10; width: 14px; height: 23px; left: 53.30%; top: 41.20%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.ghana{ position:absolute; z-index:15; width: 14px; height: 23px; left: 46%; top: 54%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.nigeria{ position:absolute; z-index:10; width: 14px; height: 23px; left: 49.60%; top: 54%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.zambia{ position:absolute; z-index:10; width: 14px; height: 23px; left: 53.40%; top: 66%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}	
.map a.sierra-leone{ position:absolute; z-index:10; width: 14px; height: 23px; left: 43%; top: 54%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.guinea{ position:absolute; z-index:10; width: 14px; height: 23px; left: 41.80%; top: 47%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.jordan{ position:absolute; z-index:10; width: 14px; height: 23px; left: 56.50%; top: 42.60%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.sau{ position:absolute; z-index:10; width: 14px; height: 23px; left: 59%; top: 45.30%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.uae{ position:absolute; z-index:10; width: 14px; height: 23px; left: 62.20%; top: 45.60%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}
.map a.sa{ position:absolute; z-index:10; width: 14px; height: 23px; left: 53%; top: 76%; cursor:pointer; background: url(https://repository.skipperlimited.com/images/map-hover-bg.png);}


.map .tooltipportInd {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:42.10% !important;
	left:68.70% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipportInd h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:54.70% !important;
	left:69.90% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport2 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:42% !important;
	left:70.70% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport2 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}


.map .tooltipport3 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:44.50% !important;
	left:72% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport3 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport4 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:63.50% !important;
	left:79.50% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport4 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport5 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:73.50% !important;
	left:84% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport5 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport6 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:63.80% !important;
	left:25.30% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport6 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport7 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:55% !important;
	left:26.30% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport7 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport8 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:76.30% !important;
	left:27.90% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport8 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}


.map .tooltipport9 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:25.30% !important;
	left:47.50% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport9 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport10 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:24.50% !important;
	left:50.70% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport10	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}


.map .tooltipport11 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:55.90% !important;
	left:59.20% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport11	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport12 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:41.60% !important;
	left:54.90% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport12	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport13 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:53.50% !important;
	left:48% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport13	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport14 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:53.50% !important;
	left:51% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport14	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport15 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:66.30% !important;
	left:54.90% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport15	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport16 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:53.50% !important;
	left:44.50% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport16	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport17 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:47.30% !important;
	left:43.50% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport17	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport18 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:43.20% !important;
	left:57.90% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport18	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport19 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:46% !important;
	left:60.70% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport19	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport20 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:46.30% !important;
	left:63.60% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport20	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}

.map .tooltipport21 {
	display:none;
	font-size:11px;
	color:#fff;
	z-index:5;
	background:#000;
	position:absolute;
	top:76.60% !important;
	left:54.10% !important;
	padding:0px 20px 0px 10px;
	border:1px solid #838282;
	border-radius:4px;
	text-align:left;
	height:23px;
}
.map .tooltipport21	 h2{ font:600 11px/23px "Open Sans",sans-serif; text-transform:uppercase; color:#fff;}



.office-address{ display:none !important;}
.gap{ height:1px; width:100%; clear:both;}
.mapContainer{ background:#E2E7E7; padding:20px; display:inline-block; width:100%; min-height:300px;}
.mapContainer .corporate-div{ float:left; width:47%;}
.mapContainer .corporate-div h5.text {font: 700 22px/30px "Open Sans",sans-serif; color: #c90019; padding-bottom: -10px; margin-bottom: 0px; text-transform: none;}
.mapContainer .corporate-div p {font: 400 14px/20px 'Open Sans', sans-serif; color: #000; padding:0; margin:0;}
.mapContainer .corporate-div .spantext {font: 400 14px/20px "Open Sans",sans-serif; text-transform: none;  color: #c90019;}
.mapContainer .corporate-div1{ float:left; width:49.5%;}
.mapContainer .corporate-div1 h5.text {font: 700 22px/30px "Open Sans",sans-serif; color: #c90019; padding-bottom: -10px; margin-bottom: 0px; text-transform: none;}
.mapContainer .corporate-div1 dd {
    position: relative;
    width: 40%;
    clear: both;
    display: block;
    margin: 0;
    height: 34px;
    border: 1px solid #6c6c6c;
}
.mapContainer .corporate-div1 dd span {
    font: 400 13px/34px "Open Sans", Arial, Helvetica;
    color: #6c6c6c;
    display: block;
    padding-left: 12px;
    cursor: pointer;
}
.mapContainer .corporate-div1 dd .drop {
    position: absolute;
    left: -1px;
    right: -1px;
    top: 35px;
    background: #FFF;
    padding: 10px 0;
    padding-right: 10px;
    display: none;
}
/*.mapContainer .corporate-div1 dd:after {
    content: '\f0d7';
    font-family: FontAwesome;
    color: #6c6c6c;
    font-size: 18px;
    position: absolute;
    right: 3%;
    top: 30%;
}*/
.mapContainer .corporate-div1 dd .drop a {
    font: 400 13px/22px "Open Sans", Arial, Helvetica;
    color: #8e8e8e;
    display: block;
    padding-left: 12px;
}
.mapContainer .corporate-div1 dd .drop a:hover {
    color: #000;
}
.mapContainer .corporate-div1 dd .drop section {
    height:150px;
	
}
.corporate-div1 .contact h5.text {font: 700 20px/28px "Open Sans",sans-serif; color: #c90019; padding-bottom: -10px; margin-bottom: 0px; text-transform: none; margin-top:10px;}
.corporate-div1 .contact p {font: 400 14px/20px 'Open Sans', sans-serif; color: #000; padding-bottom: 20px; padding-top: 0px; margin-bottom: 10px; }
.corporate-div1 .contact .spantext { font: 400 14px/20px "Open Sans",sans-serif; text-transform: none; color: #c90019; }

.network-map-select, .tabcontent3{ display:none;}


@media screen and (max-width:1600px){
	.mapContainer .corporate-div1 dd { width:64%;}
}
@media screen and (max-width:1024px){
.map{ width:100%;}
.map img{ width:100%;}

.office-address{ display:block !important;}
}

@media screen and (max-width:768px){
.map{ display:none;}
.network-map-select {border:1px solid #ddd;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.1); display:block; border-radius:5px;}
.network-map-select h2{ font:600 18px/20px 'Open Sans', Arial, sans-serif, Helvetica; color:#525252; padding:12px; position:relative; cursor:pointer;border-bottom:1px solid #ddd; 
margin-bottom:-1px; }
.network-map-select h2:after{ content:''; position:absolute; top:0; right:0; display:block; background:url(https://repository.skipperlimited.com/images/arrow.png) no-repeat center center; width:44px; height:43px; border-left:1px solid #ddd; cursor:pointer;}
.network-map-select .map-option{ background:#f2f2f2; display:none;}
.network-map-select .map-option a{font:400 16px/20px 'Open Sans', Arial, sans-serif, Helvetica; color:#606060; display:block; float:left;border-top:1px solid #ddd;border-right:1px solid #ddd;}
.network-map-select .map-option a:nth-child(6n){border-right:0px;}
.network-map-select .map-option a:before{content:'\f00c';font-family: FontAwesome; font-weight:300; line-height:50px; text-align:center; float:left; width:30px; height:50px; border-right:1px solid #ddd; color:#c2c2c2;}
.network-map-select .map-option a span{ padding:0 11px; float:left;font:400 12px/50px 'Open Sans', Arial, sans-serif, Helvetica; color:#606060;}
.network-map-select .map-option a:hover:before{ background:#004474; color:#fff;}
.network-map-select .map-option a.active:before{ background:#004474; color:#fff;}

ul.map-wrapper{ width:100%;}
ul.map-wrapper strong{ display:block; font-size:16px; font-weight:600; color:#ed8931; line-height:60px; padding-bottom:4px; padding-left:2%;}
ul.map-wrapper li{display:block; list-style:none; border-bottom: dotted 2px #e5e4e4; font:500 14px/18px 'Open Sans', Arial, sans-serif, Helvetica; color:#004475; padding-bottom:20px; 
margin-bottom:20px; margin-left:13px; background:url(https://repository.skipperlimited.com/images/map-buble.png) no-repeat; padding-left:25px;}
ul.map-wrapper li:last-child{border-bottom:none;}



.tabcontent3{ width:100%; display:block;}
.hide3{ display:none;}
	}

@media screen and (max-width:800px){
.right-wrapper { min-height:auto !important;}	
.mapContainer .corporate-div1 dd { width:78%;}
}
@media screen and (max-width:750px){
.mapContainer .corporate-div{ float:left; width:100%; padding:0 0 20px 0; border-bottom:1px solid #ffdadf; }
.mapContainer .corporate-div1{ float:left; width:90%; padding:20px 0;}
.mapContainer{ min-height:600px;}
.mapContainer .corporate-div1 dd { width:50%;}
}

@media screen and (max-width:640px){
.network-map-select .map-option a span{ padding:0 2px;}
.network-map-select .map-option a{border-top:none; border-bottom:none;}
.network-map-select .map-option a:nth-child(4n){border-right:solid 1px #ddd;}
.network-map-select .map-option a:nth-child(6n){ border-right:none;}
}
@media screen and (max-width:600px){
.mapContainer .corporate-div1 dd { width:90%;}
.network-map-select .map-option a{ display:block; width:100%; border-bottom:solid 1px #ddd; border-right:none;}
.network-map-select .map-option a:nth-child(4n){border-bottom:solid 1px #ddd;}

.network-map-select .map-option a:nth-last-child(2){ border-bottom: 0px solid #ddd;}
}
@media screen and (max-width:480px){
.network-map-select .map-option a span{padding:0 17px;}
.network-map-select .map-option a:nth-child(4n){border-bottom:none;}
.network-map-select .map-option a:nth-child(5n){ border-bottom:none;}
.network-map-select .map-option a:nth-child(6n){ border-right:none; border-top:solid 1px #ddd;}
}

@media screen and (max-width:400px){
.network-map-select .map-option a{ display:block; width:100%; border-bottom:solid 1px #ddd; border-right:none;}
.network-map-select .map-option a:nth-child(4n){border-bottom:solid 1px #ddd;}

}