.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: 500px;
	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{
	display: inline-block;
}
.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 0;
	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: 550px;
	margin: 0 auto;
	text-align: center;
}
.carriers.north-america .lists{
	width: 300px;
	text-align: center;
}
.carriers.europe .lists{
	width: 460px;
	text-align: center;
}
.carriers.australia .lists{
	width: 200px;
	text-align: center;
}

.carriers ul li .carrier-icon{
	background-size: 64px 64px;
}

.carrier-icon.global-shopify{
	background: url('../img/integrations-page/shopify.png') no-repeat;
}
.carrier-icon.global-bigcommerce{
	background: url('../img/integrations-page/bigcommerce.png') no-repeat;
}
.carrier-icon.global-magento{
	background: url('../img/integrations-page/magento.png') no-repeat;
}
.carrier-icon.global-magento2{
	background: url('../img/integrations-page/magento2.png') no-repeat;
}
.carrier-icon.global-woocommerce{
	background: url('../img/integrations-page/woocommerce.png') no-repeat;
}
.carrier-icon.global-squarespace{
	background: url('../img/integrations-page/squarespace.png') no-repeat;
}


.carrier-icon.na-godaddy{
	background: url('../img/integrations-page/godaddy.png') no-repeat;
}
.carrier-icon.na-weebly{
	background: url('../img/integrations-page/weebly.png') no-repeat;
}

.carrier-icon.europe-etsy{
	background: url('../img/integrations-page/etsy.png') no-repeat;

}

.carrier-icon.europe-ebay{
	background: url('../img/integrations-page/ebay.png') no-repeat;
}

.carrier-icon.europe-amazon{
	background: url('../img/integrations-page/amazon.png') no-repeat;
}

.carrier-icon.europe-channeladvisor{
	background: url('../img/integrations-page/channeladvisor.png') no-repeat;

}

.carrier-icon.australia-stripe{
	background: url('../img/integrations-page/stripe.png') no-repeat;
}

.carrier-icon.australia-csv{
	background: url('../img/integrations-page/csv_icon.png') 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.integrations .lists{
		width: 550px
	}
	.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;
	}
}

/* INTEGRATIONS */

.shopping-carts{
	height: 320px !important;
}

.apis{
	height: 210px !important;
}

@media(max-width: 700px){
	.shopping-carts{
		height: 450px !important;
	}
	.website-platforms{
		height: 200px !important;
	}
	.marketplaces{
		height: 200px !important;
	}
}