.carriers{
	position: relative;
	height: 210px;
	width: 100%;
  font-family: 'ars-maquette-web', sans-serif;
  font-weight: 300;
}
.carriers.global{
	background-color: #fff;
	height: 370px;
}
.carriers.global h3{
	padding-top: 58px;
	font-size: 34px;
	line-height: 41px;
	color: #000000;
	text-align: center;
}
.carriers.global p{
	font-size: 19px;
	color: #8d959b;
	line-height: 31px;
	max-width: 420px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}
.carriers.australia{
	height: 284px;
}


.carriers .lists{
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;	
}
.carriers .heading{
	position: relative;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 26px;
}
.carriers .heading span{
	position: relative;
	font-size: 11px;
	line-height: 11px;
	letter-spacing: 0.9px;
	color: #fff;
	font-weight: 300;
	background-color: rgba(182, 185, 186, 1.0);
	padding: 3px 8px 4px 8px;
	border-radius: 4px;
	text-align: center;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	text-transform: uppercase;
}

.carriers ul{
	float: left;
}
.carriers ul li{
	list-style-type: none;
	float: left;
	height: 100px;
	width: 100px;
	text-align: center;
}
.carriers ul li .carrier-icon{
	position: relative;
	height: 64px;
	width: 64px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
}
.carriers ul li span.label{
	position: relative;
	font-size: 12px;
	color: rgba(107, 119, 128, 0.52);
	font-weight: 400;
	height: 21px;
	margin-left: auto;
	margin-right: auto;
	top: 10px;
}
.carriers ul li:hover{
	background: url('../img/carriers/ring.svg') no-repeat;
	background-size: 76px 76px;
  background-position: 12px 0px;
	fill: #ff9900;
}


.features-footer{
	padding-top: 12px;
}


.carrier-popup{
	width: 220px;	
	height: 120px;
	position: relative;
	background-color: rgba(255, 255, 255, 1.0);
	border-radius: 7px;
	border: solid 1px rgba(247, 247, 247, 1.0);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12),  0px 0px 0px 1px rgba(0, 0, 0, 0.04);
	z-index: 50;
  left: -60px;
  top: -8px;
  padding-left: 16px;
  padding-top: 0px;

  display:none;
}
.carrier-popup h4{
	font-size: 13px;
	font-weight: 400;
	text-align: left;
}
.carrier-popup .car{
	background: url('../img/carriers/caret-up.png') no-repeat;
	height: 8px;
	width: 26px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
    top: -8px;
    left: -9px;
}
.carrier-popup li{
	font-size: 13px;
	line-height: 20px;
	color: #788086;
	height: auto !important;
	text-align: left !important;
	width: 190px !important;
}



/** Update this when adding shippers **/
.carriers.global{
	background: url('../img/carriers/global-map.png') no-repeat;
	background-size: 560px 297px;
	background-position: 50% -19%;
}
.carriers.north-america{
	background-color: rgba(251, 251, 251, 1.0);
	background: url('../img/carriers/na-map.png') no-repeat;
	background-size: 234px 176px;
	background-position: 85% 50%;
}
.carriers.europe{
	background-color: #fff;
	background: url('../img/carriers/europe-map.png') no-repeat;
	background-size: 134px 105px;
	background-position: 15% 50%;
}
.carriers.australia{
	background-color: rgba(251, 251, 251, 1.0);
	background: url('../img/carriers/australia-map.png') no-repeat;
	background-size: 70px 56px;
	background-position: 60% 50%;
}
.carriers.global .lists{
	width: 400px;
}
.carriers.europe .lists{
	width: 500px;
}

.carriers.north-america .lists{
	width: 400px;
}

.carrier-icon.global-fedex{
	background: url('../img/carriers/global-fedex.svg') no-repeat;
}
.carrier-icon.global-ups{
	background: url('../img/carriers/global-ups.svg') no-repeat;
}
.carrier-icon.global-dhl{
	background: url('../img/carriers/global-dhl.svg') no-repeat;
}

.carrier-icon.na-usps{
	background: url('../img/carriers/na-usps.svg') no-repeat;
}
.carrier-icon.na-fedex{
	background: url('../img/carriers/na-fedex.svg') no-repeat;
}
.carrier-icon.na-ups{
	background: url('../img/carriers/na-ups.svg') no-repeat;
}
.carrier-icon.na-canadapost{
	background: url('../img/carriers/na-canadapost.svg') no-repeat;
}
.carrier-icon.na-newgistics{
	background: url('../img/carriers/na-newgistics.svg') no-repeat;
	border: 1px solid #f3f3f3;
	border-radius: 64px;
}
.carrier-icon.na-lasership{
	background: url('../img/carriers/na-lasership@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-ontrac{
	background: url('../img/carriers/na-ontrac.svg') no-repeat;
}
.carrier-icon.na-uberrush{
	background: url('../img/carriers/na_uberrush.svg') no-repeat;
	background-size: 64px 64px;
}

.carrier-icon.europe-deutschepost{
	background: url('../img/carriers/europe-deutschepost.svg') no-repeat;
}
.carrier-icon.europe-mondialrelay{
	background: url('../img/carriers/europe-mondialrelay@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-gls{
	background: url('../img/carriers/europe-gls.svg') no-repeat;
	border: 1px solid #f3f3f3;
	border-radius: 64px;
}
.carrier-icon.europe-parcelforce{
	background: url('../img/carriers/europe-parcelforce@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-dhl{
	background: url('../img/carriers/europe-dhl.svg') no-repeat;
}

.carrier-icon.australia-australiapost{
	background: url('../img/carriers/australia-australiapost.svg') no-repeat;
}

.heading.desktop{
	display: block;
}
.heading.mobile{
	display: none;
}
.background{
	background-color: rgba(251, 251, 251, 1.0);
  height: 100%;
  width: 100%;
  top: 0px;
  position: absolute;
  z-index: -20;
  border-top: 1px solid rgba(241, 241, 241, 1.0);
  border-bottom: 1px solid rgba(241, 241, 241, 1.0);
}
/**/

@media(max-width: 700px){

	.carriers.global h3{
		font-size: 28px;
	}
	.carriers.global p{
		font-size: 15px;
		line-height: 25px;
		padding-bottom: 24px;
		max-width: 320px;
	}
	.carriers ul li span.label{
		display: none;
	}
	.carriers ul li{
		width: 80px;
		height: 80px;
		display: inline-block;
	}
	.carriers.global .lists{
		width: 240px;
	}
	.carriers ul{
		clear: both;
    position: relative;
    text-align: center;
    float: none;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
	}
	.carriers ul li:hover{
		background: none !important;
	}
	.carrier-popup{
		opacity: 0 !important;
	}

	.carriers.north-america{
		height: 340px;
	}
	.carriers.europe{
		height: 256px;
	}
	.carriers.europe .lists{
		width: auto;
	}
	.carriers.australia{
		height: 200px;
	}
	.carriers .heading span{
		background: none;
		color: rgba(152, 161, 168, 1.0);
	}
	.heading.desktop{
		display: none;
	}
	.heading.mobile{
		display: block;
		clear: both;
		padding-top: 8px;
	}
	.background{
		top: -39px;
	}
}