.carriers{
	position: relative;
	overflow: auto;
	width: 100%;
  	font-family: 'ars-maquette-web', sans-serif;
  	font-weight: 300;
  	padding-bottom: 50px;
}
.carriers.global{
	background-color: #fff;
}
.carriers.global h3{
	padding-top: 58px;
	font-size: 34px;
	line-height: 41px;
	color: #000000;
	text-align: center;
}

.carriers.global h1{
	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: 620px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;	
}

.carriers .lists{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;	
	text-align: center;
}
.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{
	display: inline-block;
}
.carriers ul li{
	list-style-type: none;
	float: left;
	width: 100px;
	text-align: center;
	padding: 10px 0;
}
.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 10px;
	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;
}


.legal-notice {
	font-size: 10px;
	color: #8d959b;
	text-align: center;
	margin-left: 50px;
	margin-right: 50px;

}


/** 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: #fff;
	background-size: 234px 176px;
	background-position: 85% 50%;
}
.carriers.europe{
	background-color: #fff;
	background-size: 134px 105px;
	background-position: 15% 50%;
}
.carriers.australia{
	background-color: #fff;
	background-size: 70px 56px;
	background-position: 60% 50%;
}

.carriers.global .lists{
	width: 100%;
	text-align: center;
}
.carriers.north-america .second-row{
 	width: 600px;
}
.carriers.europe .lists{
	width: 100%;
	text-align: center;
}
.carriers.australia .lists{
	width: 100%;
	text-align: center;
}
.carriers.asia .lists{
	width: 100%;
	text-align: center;
}

.carrier-icon.global-fedex{
	background: url('../img/carriers/global-fedex.svg') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.global-ups{
	background: url('../img/carriers/global-ups.svg') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.global-dhl{
	background: url('../img/carriers/logo-dhlexpress@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.global-aramex{
	background: url('../img/carriers/logo-aramex@2x.png') no-repeat;
	background-size: 64px 64px;
}



.carrier-icon.na-usps{
	background: url('../img/carriers/na-usps.svg') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-fedex{
	background: url('../img/carriers/logo-fedex-sp@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-ups{
	background: url('../img/carriers/logo-ups-mi@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-dhl{
	background: url('../img/carriers/logo-dhlec@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-canadapost{
	background: url('../img/carriers/na-canadapost.svg') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-newgistics{
	background: url('../img/carriers/na-newgistics@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-apcpostal{
	background: url('../img/carriers/na-apcpostal@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-purolator{
	background: url('../img/carriers/na-purolator@2x.png') no-repeat;
	background-size: 64px 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@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-uberrush{
	background: url('../img/carriers/na_uberrush.svg') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-asendia{
	background: url('../img/carriers/na-asendia.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-rrd{
	background: url('../img/carriers/na-rrd@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-globegistics{
	background: url('../img/carriers/logo-globegistics@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-gso{
	background: url('../img/carriers/logo-gso@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-estafeta{
	background: url('../img/carriers/logo-estafeta@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-fromparcel{
	background: url('../img/carriers/logo-fromparcel@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-orangeds{
	background: url('../img/carriers/logo-orangeds@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-correois-brazil{
	background: url('../img/carriers/logo-correios-brazil@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.na-skypostal{
	background: url('../img/carriers/logo-skypostal@2x.png') 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/logo-dhlexpress@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-dhlgermany{
	background: url('../img/carriers/logo-dhlgermany@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-dhlbenelux{
	background: url('../img/carriers/logo-dhlbenelux@2x.png') no-repeat;
	background-size: 64px 64px;
}

.carrier-icon.europe-hermes{
	background: url('../img/carriers/europe-hermes.svg') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-posten-norge{
	background: url('../img/carriers/logo-posten-norge@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-dpd{
	background: url('../img/carriers/logo-dpd@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-posti{
	background: url('../img/carriers/logo-posti@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-yodel{
	background: url('../img/carriers/logo-yodel@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-bring{
	background: url('../img/carriers/logo-bring@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-gophr{
	background: url('../img/carriers/logo-gophr@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-boxberry{
	background: url('../img/carriers/logo-boxberry@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-borderguru{
	background: url('../img/carriers/logo-borderguru@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-stuart{
	background: url('../img/carriers/logo-stuart@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-collectplus{
	background: url('../img/carriers/logo-collectplus@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-russianpost{
	background: url('../img/carriers/logo-russianpost@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.europe-correos-espana{
	background: url('../img/carriers/logo-correosespana@2x.png') no-repeat;
	background-size: 64px 64px;
}


.carrier-icon.australia-australiapost{
	background: url('../img/carriers/australia-australiapost.svg') no-repeat;
}
.carrier-icon.australia-startrack{
	background: url('../img/carriers/logo-startrack@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.australia-fastway{
	background: url('../img/carriers/logo-fastway@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.australia-sendle{
	background: url('../img/carriers/logo-sendle@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.australia-newzealand{
	background: url('../img/carriers/logo-newzealand-post@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.australia-pace{
	background: url('../img/carriers/logo-pace@2x.png') no-repeat;
	background-size: 64px 64px;
}
.carrier-icon.australia-cplease{
	background: url('../img/carriers/logo-cplease@2x.png') no-repeat;
	background-size: 64px 64px;
}

.carrier-icon.australia-courierpost{
	background: url('../img/carriers/logo-courierpost@2x.png') no-repeat;
	background-size: 64px 64px;
}

.carrier-icon.asia-hongkong-post{
	background: url('../img/carriers/logo-hongkong-post@2x.png') no-repeat;
	background-size: 64px 64px;
}

.carrier-icon.global-nippon-express{
	background: url('../img/carriers/logo-nippon-express@2x.png') no-repeat;
	background-size: 64px 64px;
}



.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: 932px){
	.carriers.global .lists{
		max-width: 540px;
	}
}


@media(max-width: 800px){

	.carriers.global h3{
		font-size: 28px;
	}

	.carriers.global h1{
		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;
		float: none;
	}
	.carriers.global .lists{
		width: 100%;
		text-align: center;
	}
	.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 .lists{
		width: auto;
		text-align: center;
	}
	.carriers.north-america .second-row{
		width: auto;
	}
	.carriers.europe .lists{
		width: auto;
		text-align: center;
	}
	.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;
	}
}