html,
body{
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: 'ars-maquette-web', sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
}
ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6,p,span,a,li,div{
	font-family: 'ars-maquette-web', sans-serif;
    font-weight: 300;
}
.site-section{
	padding: 20px 42px 20px 42px;
	position: relative;
}
.main-wrapper{
	overflow: hidden;
}
.main-wrapper > .first-fold{
	background-image: linear-gradient(316deg, #85fffb, #57d7e6 15%, #2a9cbf 39%, #09345c 83%, #0f2036), linear-gradient(#0f151e, #0f151e);
	position: relative;
	min-height: 400px;
	max-height: 600px;
}
.main-wrapper > .first-fold > nav{
	width: 100%;
	max-width: 958px;
	margin: 0 auto;
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex; 
	font-size: 13px;
}
.main-wrapper > .first-fold > nav > #logo{
	min-width: 116px;
}
.main-wrapper > .first-fold > nav > #logo > svg{
	opacity: 0.7;
	filter: alpha(opacity=70);
	fill: #8fa2bd;
}
.main-wrapper > .first-fold > nav > .navigation{
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin-left: 19px;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
}
.contact-us-page-icon{
	width: 42px;
	min-width: 42px;
	height: 42px;
	background: url('../img/contact-form/icons/contact-us.png') no-repeat;
	background-size: 44px 44px;
	background-position: -1px -1px;
}
.contact-us-page-icon.sent{
	width: 42px;
	min-width: 42px;
	height: 42px;
	background: url('../img/contact-form/icons/sent-header.png') no-repeat;
	background-size: 44px 44px;
	background-position: -1px -1px;
}
.sent-paper-plane-icon{
	width: 38px;
	height: 24.1px;
	min-width: 38px;
	background: url('../img/contact-form/icons/sent-successfully.png')no-repeat;
	background-size: 38px 25px;
}
.main-wrapper > .first-fold > nav > #menu-activator{
	display: block;
	background: url("../images/hamburger.svg");
	width: 21px;
	height: 14px;
	margin-top: 6px;
	background-size: contain;
	background-position: center center;
	z-index: 27;
	display: none;
}
.main-wrapper > .first-fold > nav > .navigation ul li{
	display: inline-block;
	margin-right: 10px;
	height: 35px;
	line-height: 28px;
}
.main-wrapper > .first-fold > nav > .navigation ul #signup{
	margin-right: 0;
	opacity: .89;
	filter: alpha(opacity=89);
}
.main-wrapper > .first-fold > nav > .navigation ul #signup:hover{
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
}
.main-wrapper > .first-fold > nav > .navigation ul #nav_dashboard{
	margin-right: 0;
	opacity: .89;
	filter: alpha(opacity=89);
}
.main-wrapper > .first-fold > nav > .navigation ul #nav_dashboard:hover{
	cursor: pointer;
	opacity: 1;
	filter: alpha(opacity=100);
}
.main-wrapper > .first-fold > nav > .navigation ul li a{
	color: rgba(220,228,237,.6);
}
.main-wrapper > .first-fold > nav > .navigation ul li a:hover{
	color: #fff;
}
.main-wrapper > .first-fold > nav > .navigation.active ul li a:hover{
	color: #91bf46;
}
.content{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	max-width: 958px;
	margin: 0 auto;
}
.first-fold > .content > .left,
.first-fold > .content > .right{
	display: block;
	width: 50%;
	position: relative;
}
.first-fold > .content > .right{
	padding-left: 100px;
}
.first-fold > .mobile-label{
	display: block;
	margin: 25px auto 0;
	position: absolute;
	bottom:0;
	right: 0;
	left: 0;
	display: none;
}
.first-fold > .content > .left > h1{
	font-weight: 300;
	font-size: 32px;
	color: #ffffff;
	max-width: 397px;
	line-height: 37px;
	margin: 163px 0 16px;
}
.first-fold > .content > .left > p{
	font-size: 19px;
	color: rgba(255, 255, 255, 0.54);
	max-width: 337px;
	line-height: 29px;
	margin-bottom: 36px;
}
.first-fold > .content > .left > .functions ul{
	width: 100%;
	max-width: 400px;
}
.first-fold  > .content > .left > .functions > ul > li{
	width: 143px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	margin-right: 29px;
	border-radius: 6px;
}
.first-fold > .content > .left > .functions ul li a{
	display: block;
	color: white;
}
.first-fold > .content > .left > .functions ul li:first-of-type{
	background-color: #9fce52;
}
.first-fold > .content > .left > .functions ul li:first-of-type:hover{
	background-color: #7CB247;
}
.first-fold > .content > .left > .functions ul li:last-of-type{
	/*box-shadow:inset 0px 0px 0px 2px rgba(255,255,255,0.36);*/
	background-color: rgba(129,163,174,0.86);
}
/*.first-fold > .content > .left > .functions ul li:last-of-type > a > img{*/
	/*width: 6px;*/
	/*margin-left: 6px;*/
	/*-webkit-transform: rotate(-90deg);*/
	    /*-ms-transform: rotate(-90deg);*/
	        /*transform: rotate(-90deg);*/
/*}*/
.first-fold > .content > .left > .functions ul li:last-of-type:hover{
	/*box-shadow:inset 0px 0px 0px 2px */
	background-color: rgba(129,164,174,.66);
}
=================Explore Secction=======================
=======================================================*/
.explore{
	background-color: #ffffff;
}
.explore > h1{
	text-align: center;
	font-size: 32px;
	font-weight: 300;
	margin: 18px 0 70px;
}
.explore > h4{
	text-align: center;
	color: #939ca3;
	margin: 10px 0px 70px;
	font-weight: normal;
}
.explore > .explore-features{
	max-width: 903px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}
.explore > .explore-features > .slick-list .slick-track .slick-slide{
	max-width: 250px;
	margin: 0 35px;
}
.explore > .explore-features > .object{
	width: 28%;
	text-align: center;
	margin-bottom: 44px;
}
.explore > .explore-features > .object > img,
.explore > .explore-features > .slick-list .slick-track .slick-slide img{
	display: block;
	margin: 0 auto;
	max-height: 53px;
	max-width: 100%;
}{
	max-height: 53px;
	max-width: 100%;
}
.explore > .explore-features > .object > h2,
.explore > .explore-features > .slick-list .slick-track .slick-slide > h2{
	font-weight: 400;
	text-align: center;
	color: #112233;
	font-size: 20px;
	margin: 16px 0 3px;
}
.explore > .explore-features > .object > p,
.explore > .explore-features > .slick-list .slick-track .slick-slide > p{
	line-height: 22px;
	font-size: 15px;
	color: rgba(17,34,51,0.4);
	text-align: center;
}
.explore > .explore-features > .object > p > i > img{
	display: none;
	height: 22px;
}
.explore > .explore-features > .slick-list .slick-track .slick-slide > p:after{
		content: '';
		display: inline-block;
		height: 22px;
		width: 33px;
		background: url('../images/arrow.svg') no-repeat;
		background-size: cover;
		background-position: center center;
		margin-bottom: -5px;
	}
/*===============================================================
===================Code Block Section===========================
================================================================*/
.code-block{
	background-image: linear-gradient(113deg, #000000, #0c0010 10%, #1e1635 33%, #222654 47%, #283d81 63%, #2a5291 72%, #2c5c99 75%, #2f6fa9 80%, #3b9aca 89%, #4cddff);
	padding-bottom: 0;
	z-index: 2;
}
.code-block > .content{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	max-width: 958px;
}
.code-block > .content > .left{
	max-width: 356px;
	margin-top: 100px;
	margin-right: 41px;
}
.code-block > .content > .left > h1{
	margin: 0 0 14px;
	color: #ffffff;
	line-height: 35px;
	font-weight: 300;
	font-size: 32px;
}
.code-block > .content > .left > p{
	margin: 0 0 43px;
	line-height: 29px;
	font-size: 19px;
	color: #9593a3;
}
.code-block > .content > a{
	position: absolute;
	top: 400px;
	left: 0;
	display: block;
	color: white;
	width: 174px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	/*background-color: #9fce52;*/
	background-color: #0883cb;
	border-radius: 6px;
}
.code-block > .content > a:hover{
	background-color: #0373b0;
}

.code-block > .content > .right{
	width: 56%;
	margin: 119px 0px 129px 100px;
	border-radius: 8px;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16), 0 6px 8px 0 rgba(0, 0, 0, 0.06);
}
.code-block > .content > .right > .window-wrap{
	background: #ffffff;
	box-shadow: 0 2px 5px 0 rgba(131, 144, 150, 0.11), 0 1px 2px 0 rgba(131, 144, 150, 0.12);
	overflow: hidden;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
.code-block > .content > .right > .window-wrap > ul{
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-top: 10px;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.code-block > .content > .right > .window-wrap > ul > li{
	padding: 11px 30px 16px 30px;
	color: #a9a9a9;
	cursor: pointer;
}
.code-block > .content > .right > .window-wrap > ul > li:hover{
	color: #9fce52;
}
.code-block > .content > .right > .window-wrap > ul > li.active{
	color: #9fce52;
	border-bottom: solid 3px #9fce52;
}
.code-block > .content > .right > .code-window{
	height: 300px;
	padding: 23px 26px 0px;
}
.code-block > .content > .right > .code-window > pre{
	padding: 0;
	margin: 0;
	border: none;
	font-size: 14px;
	color: grey;
	background-color: transparent;
	border-radius: 0;
}
.code-block > .content > .right > .code-window > pre > code{
	padding: 0;
	color: #a9a9a9;
	background-color: transparent;
}
.code-block > .content > .right > .code-window > pre > code .hljs-built_in{
	color: #a9a9a9;
	/*color: rgba(111,61,84,1);*/

}
.code-block > .content > .right > .code-window > pre > code .hljs-symbol{
	color: #000000;
}
.code-block > .content > .right > .code-window > pre > code .hljs-keyword{
	color: #000000;
}
.code-block > .content > .right > .code-window > pre > code .hljs-string{
	color: rgba(111,61,84,1);
}
.code-block > .content > .right > .code-window > .ruby,
.code-block > .content > .right > .code-window > .python,
.code-block > .content > .right > .code-window > .php,
.code-block > .content > .right > .code-window > .node{
	display: none;
}
/*===============================================================
====================Trust By Section===========================
===============================================================*/
.trusted-by-section{
	background-color: #ffffff;

}
.trusted-by-section > h1{
	font-weight: 300;
	text-align: center;
	margin: 33px 0 51px;
	font-size:32px;
}
.trusted-by-section > .trust-insert{
	max-width: 978px;
	margin: 40px auto;
}
.trusted-by-section .selection-nav{
	background-color: #ffffff;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	justify-content: space-around;
	padding: 0px;
}
.trusted-by-section .selection-nav li{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 70px;
	-moz-box-sizing:    border-box;
	-webkit-box-sizing: border-box;
	box-sizing:        border-box;
	border: solid 2px #FF8A00;
	border-radius: 7px;
	background-color: #ffffff;
	border: solid 1px #e6e6e6;
	width: 142px;
	cursor: pointer;
	opacity: 0.7;
	margin: 10px;
}
.trusted-by-section .selection-nav li:first-of-type{
	color: #9fce52;
	font-size: 19px;
	border: none;
	cursor: auto;
	pointer-events: none;
	margin-top: 0px;
}
.trusted-by-section .selection-nav li.active{
	border: solid 2px #00de61;
	opacity: 1;
}
.trusted-by-section .selection-nav li:hover{
	opacity: 1;
}
.trusted-by-section .selection-nav li.active#mercari{
	border: solid 2px #F8401C;
}
.trusted-by-section .selection-nav li.active#shyp {
	border: solid 2px #00DE61;
}
.trusted-by-section .selection-nav li.active#blackmilk {
	border: solid 2px #010202;
}
.trusted-by-section .selection-nav li.active#meme {
	border: solid 2px #EE468E;
}
.trusted-by-section .selection-nav li.active#godaddy {
	border: solid 2px #FF8A00;
}
.trusted-by-section .selection-nav li img{
	max-width: 55%;
	max-height: 30px;
	margin: 0 auto;
	display: block;
	-webkit-align-self:center;
	    -ms-flex-item-align:center;
	        align-self:center;
}
.trusted-by-section .selection-content > div{
	margin: 0;
	padding: 0;
	overflow: hidden;
	padding: 43px 10px 47px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.trusted-by-section .selection-content .text{
	margin-right: 7%;
	width: 55%;
	color: #939ca3;
}
.trusted-by-section .selection-content .text h3{
	color: #000000;
}
.trusted-by-section .selection-content .slide-show{
	width: 38%;
}
/**Here is the code to make the images cut off diagonaly. I am removing it because
It looks bad with the current assets **/
/*.trusted-by-section .selection-content .slide-show > .carousel .carousel-inner>.item:before {*/
	/*content: '';*/
	/*position: absolute;*/
	/*top: 0;*/
	/*left: 0;*/
	/*border-top: 500px solid #fff;*/
	/*border-right: 100px solid transparent;*/
	/*width: 0;*/
/*}*/

.trusted-by-section .selection-content .slide-show > .carousel > .control-wrap{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	margin-top: 10px;
	padding-right: 20px;
}
.trusted-by-section .selection-content .slide-show > .carousel > .control-wrap > .carousel-indicators{
	position: static;
	width: auto;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	margin: 0;
}
.trusted-by-section .selection-content .slide-show > .carousel > .control-wrap > .carousel-control{
	position: static;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	background: none;
	color: grey;
}
.trusted-by-section .selection-content .slide-show > .carousel > .control-wrap > .carousel-control > span{
	position: static;
	left: auto;
	top: auto;
	right: auto;
	bottom: auto;
	width: 20px;
	height: 20px;
	margin: 0;
	font-size: 16px;
	font-weight: 100;
}
.trusted-by-section .selection-content .slide-show > .carousel > .control-wrap > .carousel-indicators > li{
	margin: 1px 5px;
	width: 4px;
	height: 4px;
	opacity: 0.4;
	background-color: #79838f;
	border: solid 1px #79838f;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

}
.trusted-by-section .selection-content .slide-show > .carousel > .control-wrap > .carousel-indicators > li.active{
	width: 6px;
	height: 6px;
	background-color: #79838f;
	border-color: #79838f;
	margin: 0px 5px;
	opacity:1;
}
.trust-insert > .cta{
	margin: 84px auto 78px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
}
.trust-insert > .cta > h1{
	margin:0 56px 0 0;
	font-weight: 300;
	font-size: 32px;
	line-height: 35px;
}
.trust-insert > .cta > a{
	display: block;
	color: white;
	width: 171px;
	height: 39px;
	line-height: 39px;
	text-align: center;
	background-color: #91bf46;
	border-radius: 4px;
}
.trust-insert > .cta > a > svg{
	fill:#ffffff;
	height: 21px;
	width: auto;
	margin-bottom: -5px;
	margin-left: -8px;
}
.trust-insert > .cta > a:hover{
	background-color: #9fd04e;
}
.trusted-by-section .selection-content > .mercari-content,
.trusted-by-section .selection-content > .shyp-content,
.trusted-by-section .selection-content > .meme-content,
.trusted-by-section .selection-content > .godaddy-content,
.trusted-by-section .selection-content > .blackmilk-content{
	display: none;
}
/*--------------Footer----------------*/

.pricing-footer .upper-footer > h1{
	margin-bottom: 46px;
}
.pricing-footer .upper-footer > h1 .tablet-view{
	display: none;
}
.pricing-footer .upper-footer > div{
	padding-bottom: 106px;
}
.pricing-footer .lower-footer > .lower-f-inset{
	padding-left:0;
	padding-right: 0;
	max-width: 958px;
}
.pricing-footer .lower-footer{
	border-bottom: 3px solid #5375bd;
}
.pricing-footer .upper-footer > div > .create-account-btn .hippo-btn-image{
	left: -60px;
}
.pricing-footer .upper-footer > div > .create-account-btn .mobile-view{
	display: none;
}
.footer{
	background-color: #262d31;
	width: 100%;
	color: #e4e9ec;
}
.footer .inner{
	max-width: 903px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
	-webkit-justify-content:space-around;
	    -ms-flex-pack:distribute;
	        justify-content:space-around;
}
.footer > .inner > .foot{
	margin-top: 23px;
}
.footer > .inner > .foot > h3{
	font-size: 12px;
	color: #e4e9ec;
	font-weight: 400;
}
.footer > .inner > .foot > ul li a{
	color: #e4e9ec;
	font-weight: 400;
	font-size: 12px;
	line-height: 30px;
}
.footer > .inner > .full{
	width: 100%;
	color: #747e85;
	text-align: center;
	padding:47px 0 16px;
}
.footer > .inner > .full > p{
	margin: 0;
}
/*****************************************************
************* Features Page **************************
*****************************************************/
.cover-api{
	background: url('../images/cover-api.png') no-repeat;
}
.cover-dashboard{
	background: url('../images/cover-dashboard.png') no-repeat;
}
.cover-tracking{
	background: url('../images/cover-tracking.png') no-repeat;
}
.cover-appbloq{
	background: url('../images/cover-appbloq.png') no-repeat;
}
.cover-trxn{
	background: url('../images/cover-trxn.png') no-repeat;
}
.intro-left{
	background: url('../images/intro-left.png') no-repeat;
}
.intro-right{
	background: url('../images/intro-right.png') no-repeat;
}

/*Specials*/
.market-places-icon{
	width: 38px;
	min-width: 38px;
	height: 36px;
	background: url('../images/marketplaces.png') no-repeat;
	background-size: 38px 36px;
}
.ecommerce-icon{
	width: 30px;
	min-width: 30px;
	height: 40px;
	background: url('../images/ecommerce.png') no-repeat;
	background-size: 30px 40px;
}
.pos-icon{
	width: 34px;
	min-width: 34px;
	height: 40px;
	background: url('../images/pos.png') no-repeat;
	background-size: 34px 40px;
	margin-right: 15px;
}
.payments-api-icon{
	background: url('../images/payments-api.png') no-repeat;
}
.post-get{
	width: 212px;
	height: 89px;
	background: url('../images/post-get.png') no-repeat;
	background-size: 212px 89px;
	margin-bottom: -14px;
	margin-left: -5px;
}
.payments-api-international-icon{
	width: 41px;
	min-width: 41px;
	height: 41px;
	background: url('../images/payments-api-international.png') no-repeat;
	background-size: 41px 41px;
	margin: 2px 13px 0 -1px !important;
}
.payments-api-tracking-icon{
	width: 41px;
	min-width: 41px;
	height: 41px;
	background: url('../images/payments-api-track.png') no-repeat;
	background-size: 41px 41px;
	margin: 2px 13px 0 -1px !important;
}
.shipping-api-international-icon{
	width: 41px;
	min-width: 41px;
	height: 41px;
	background: url('../images/shipping-api-international.png') no-repeat;
	background-size: 41px 41px;
	margin: 2px 13px 0 -1px !important;
}
.shipping-api-tracking-icon{
	width: 41px;
	min-width: 41px;
	height: 41px;
	background: url('../images/shipping-api-track.png') no-repeat;
	background-size: 41px 41px;
	margin: 2px 13px 0 -1px !important;
}
.appbloqs-icon{
	background: url('../images/cover-appbloq.png') no-repeat;
}

.tracking-api-icon{
	background: url('../images/cover-trxn.png') no-repeat;
}
.tracking-webhooks-icon{
	width: 31px;
	min-width: 31px;
	height: 38px;
	background: url('../images/tracking-webhooks.png') no-repeat;
	background-size: 31px 38px;

}
.tracking-tools-icon{
	width: 32px;
	min-width: 32px;
	height: 40px;
	background: url('../images/tracking-tools.png') no-repeat;
	background-size: 32px 40px;
}
.tracking-whitelabeled-icon{
	width: 40px;
	min-width: 40px;
	height: 40px;
	background: url('../images/tracking-whitelabeled.png') no-repeat;
	background-size: 40px 40px;
}
.dashboard-icon{
	background: url('../images/dashboard.png') no-repeat;
}
.dashboard-screenshots{
	width: 412px;
	height: 282px;
	background: url('../images/dashboard-screenshots.png') no-repeat;
	background-size: 412px 282px;
}
.yapi-phone-image{
	width: 219px;
	height: 449px;
	background: url('../images/yapi-iphone.png') no-repeat;
	background-size: 219px 449px;
	margin-bottom: -9px;
}
.vecter-image{
	width: 343px;
	height: 270px;
	background: url('../images/vecter-screenshot.png') no-repeat;
	background-size: 343px 270px;
	margin: -2px -5px -12px;
}
.facebook-image{
	width: 17px;
	min-width: 17px;
	height: 17px;
	background: url('../images/footer-facebook.png') no-repeat;
	background-size: 17px 17px; 
}
.twitter-image{
	width: 20px;
	min-width: 20px;
	height: 17px;
	background: url('../images/footer-twitter.png') no-repeat;
	background-size: 20px 17px;
}


/*Constants*/
.ship-label-img{
	width: 78px;
	height: 130px;
	background-size: 78px 130px;
	margin: auto -4px -11px;
}
.icon-42-42{
	width: 42px;
	height: 44px;
	display: block;
	background-size: 46px 46px;
	background-position: -2px -1px;
	margin-bottom: -2px;
}
.icon-46-46{
	width: 58px;
	height: 60px;
	min-width: 46px;
	display: block;
	background-size: 58px 60px;
	margin: 0 0 -12px -6px;
}
.features-wrapper .inset{
	max-width: 958px;
	margin: 0 auto;
	position: relative;
}
.features-wrapper{
	border-bottom: 3px solid #5375bd;
}
.features-wrapper .section-header{
	text-align: center;
	color: white;
	width: 100%;
}
.features-wrapper .section-header > h1{
	font-size: 31px;
	color: #000000;
	line-height: 28px;
	margin: 21px auto 14px auto;
	font-weight: 300;
}
.features-wrapper .section-header > h4{
	font-size: 19px;
	line-height: 18px;
	font-weight: 300;
	color: #4d5a69;
	margin: 0 auto;
}
.main-wrapper.features-wrapper > .first-fold > nav > .navigation ul li a{
	font-size: 13px!important;
	line-height: 13px;
}
.navigation ul li a.selected {
	color: rgba(255,255,255,.9) !important;
}
#login {
	margin-right: 8px;
}
#signup a{
	color:#005194;
	background-color: #ffffff;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	font-weight: 400;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
} 
#nav_dashboard a{
	color:#005194;
	background-color: #ffffff;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	font-weight: 400;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
} 
.main-wrapper > .first-fold.features-fold{
	background: rgb(2,8,23);
	background: -webkit-linear-gradient(-45deg,  rgba(2,8,23,1) 0%,rgba(15,26,49,1) 39%,rgba(111,61,84,1) 77%,rgba(150,85,107,1) 100%);
	background: -webkit-linear-gradient(315deg, rgba(2,8,23,1) 0%, rgba(15,26,49,1) 39%, rgba(111,61,84,1) 77%, rgba(150,85,107,1) 100%);
	background: linear-gradient(135deg,  rgba(2,8,23,1) 0%,rgba(15,26,49,1) 39%,rgba(111,61,84,1) 77%,rgba(150,85,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020817', endColorstr='#96556b',GradientType=1 );
	position: relative;
	font-family: 'ars-maquette-web', sans-serif;
	min-height: 600px;
	max-height: 600px;
}
.main-wrapper > .first-fold.features-fold > nav > .navigation ul li a{
	font-size: 16px;
}
.features-content{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.dynamic-map{
	min-width: 1000px;
	min-height: 675px;
	width: 100%;
	height: 100%;
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url('../images/cover_map.svg') no-repeat;
	background-position: center center;
	z-index: 1;
}
#map-points{
	opacity: .4;
	filter: alpha(opacity=40);
}
.dyanmic-map-points{
	min-width: 1000px;
	min-height: 475px;
	width: 100%;
	height: 100%;
	position: absolute;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;	
}
.canvas-points{
	display: block;
	width: 1000px;
	height: 475px;
	position: relative;
}
.map-point{
	position: absolute;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background: #E0FAFF;
	box-shadow: 0 0 12px 0 #ABF1FF, 0 0 8px 0 #ABF1FF, 0 0 4px 0 #FFFFFF, 0 0 2px 0 #FFFFFF, inset 0 0 1px 0 #FFFFFF;
	-webkit-filter: blur(1px);
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
	-webkit-filter: blur(1px);
	        filter: blur(1px);
	opacity: 0;
	filter: alpha(opacity=0);
}
.mobile-only {
	display: none;
}
.mobile-large {
	display: none;
}
/*--------Map Points -----*/
#map-point-start-1{
	top:130px;
	left: 150px;
}
#map-point-end-1{
	top:210px;
	left: 600px;
}
#map-point-start-2{	
	top:200px;
	left:500px;
}
#map-point-end-2{
	top:365px;
	left:205px;	
}
#map-point-start-3{
	top:290px;
	left:215px;
}
#map-point-end-3{
	top:120px;
	left: 800px;
}
#map-point-start-4{
	top:250px;
	left:575px;
}
#map-point-end-4{
	top:100px;
	left:100px;
}
#map-point-start-5{
	top:150px;
	left:130px;	
}
#map-point-end-5{
	top:80px;
	left:575px;
}
#map-point-start-6{
	top: 210px;
	left: 665px;
}
#map-point-end-6{
	top: 50px;
	left: 55px;
}

.features-content .inset{
	z-index: 4;
}
.features-content .inset > h1{
	font-size: 42px;
	color: #ffffff;
	line-height: 45px;
	text-align: center;
	max-width: 520px;
	vertical-align: middle;
	font-weight: 300;
	margin: 0 auto;
	padding: 141px 0 102px;
}
.features-content .inset > .sub-set{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin: 0 auto;
	width: 809px;
}
.features-content .inset > .sub-set > a{
	padding: 0 0;
}
.features-content .inset > .sub-set > a.middle{
	padding: 0 58px;
}
.features-content .sub-set a.section:hover .icon-46-46 {
	opacity: .62;
}
.features-content .sub-set a.section:active .icon-46-46 {
	-webkit-transform: scale(.86);
}
.features-content .inset > .sub-set > a > .icon-46-46{
	display: inline-block;
	margin-right: 2px;
	-webkit-transition: .2s ease;
}
.features-content .inset > .sub-set > a > .text{
	display: inline-block;
}
.features-content .inset > .sub-set > a > .text > h5{
	font-size: 15px;
	line-height: 23px;
	color: #ffffff;
	margin: 0;
	font-weight: 400;
}
.features-content .inset > .sub-set > a > .text > p{
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	color: rgba(255,255,255,0.72);
	max-width: 173px;
	font-weight: 300;
}
.features-intro .inset{
	padding: 0 42px 0;
	box-sizing: content-box;
}
@media(max-width: 960px){
	.full-only{
		display: none;
	}
	.features-intro .right{
		margin-left: 22px;
	}
	.features-intro .left{
		margin-right: 22px;
	}
	.features-intro .intro-text > h2{
		margin: 0px 0 4px;
		font-size: 20px;
		line-height: 28px;
	}
	.features-intro .inset{
		margin: 0 42px 0;
		padding: 0;
		box-sizing: border-box;
	}
	.features-content .inset > .sub-set{
		margin: 0 auto;
		width: 600px;
	}
	.features-content .inset > .sub-set > a.middle{
		padding: 0 42px;
	}
	.features-content .inset > h1{
		padding: 105px 0 86px;
		min-width: 260px;
	}
	.features-content .inset > .sub-set > a > .text > h5{
		margin: 4px 0 1px 0;
	}
	.dynamic-map,
	.dynamic-map-points{
		left: -50px;
	}
	.tracking-api-section .bottom > .section:nth-child(2){
		padding: 0 20px !important;
	}
	.tracking-api-section .bottom{
		padding: 0 !important;
	}
	.appbloqs-section .bottom > .section:nth-child(2){
		padding: 0 20px !important;
	}
	.appbloqs-section .bottom{
		padding: 0 !important;
	}
}
@media(max-width: 768px){
	.first-fold.features-fold{
		max-height: 600px!important;
		min-height: 600px!important;
	}
	.features-content .inset > h1{
		font-size: 36px;
		line-height: 40px;
		max-width: 380px;
		padding: 103px 0 72px;
	}
	.features-content .inset > .sub-set{
		margin: 0 auto;
		padding: 0;
		width: 567px;
	}
	.dynamic-map,
	.dynamic-map-points{
		left: -88px;
	}
}
@media(max-width: 650px){
	.mobile-large {
		display: inline;
	}
	.not-mobile-large {
		display: none;
	}
	.site-section{
		padding: 14px 18px 20px 18px;
		position: relative;
	}
	.first-fold.features-fold{
		max-height: 667px!important;
	}
	.features-content .inset > h1{
		font-size: 28px;
		line-height: 32px;
		max-width: 250px;
		padding: 22% 0 24%;
	}
	.features-content .inset > .sub-set{
		display: block;
		padding: 0 21px;
	}
	.features-content .inset > .sub-set > a{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		padding: 0;
		margin-bottom: 33px;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
	.features-content .inset > .sub-set > a > .text > p{
		max-width: 173px;
	}
	.dynamic-map,
	.dynamic-map-points{
		left: -149px;
	}
	.features-content .inset > .sub-set {
		width: 330px;
	}
	.features-content .inset > .sub-set > a > .text > h5{
		margin: -4px 0 0 4px;
	}
	.features-content .inset > .sub-set > a > .text > p {
		margin-left: 4px;
	}
	.features-content .inset > .sub-set > a {
		margin-bottom: 24px;
	}
}
/*-------Features Intro -------------*/
.features-intro{
	width: 100%;
	margin: 56px 0 0;
}
.features-intro .inset{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.features-intro .left,
.features-intro .right{
	width: 50%;
}
.features-intro .right{
	margin-left: 34px;
}
.features-intro .left{
	margin: 0 34px 92px 0;
}
.features-intro .intro-text{
	margin-top: 18px;
}
.features-intro .intro-text > h2{
	margin: 0px 0 8px;
	font-size: 24px;
	line-height: 28px;
	color: #000000;
	font-weight: 300;
}
.features-intro .intro-text > p{
	font-size: 15px;
	line-height: 23px;
	color: #949494;
	font-weight: 300;
	margin-bottom: 8px;
}
@media(max-width: 768px){
	.features-intro{
		margin-top: 40px;
	}
	.features-intro .intro-text{
		margin-top: 13px;
	}
	.features-content .inset > .sub-set > a.middle{
		padding: 0 25px;
	}
	.features-intro .intro-text > h2{
		font-size: 19px;
		line-height: 26px;
		margin: 0px 0 5px;
	}
	.desktop-only{
		display: none;
	}
}
@media(max-width: 650px){
	.features-intro .left {
		margin: 0 34px 0 0;
	}
}
@media(max-width: 550px){
	.features-intro{
		margin-top: 36px;
		z-index: 10;
	}
	.features-intro .inset{
		display: block;
		padding: 0 0 46px 0;
	}
	.features-intro .right,
	.features-intro .left{
		margin: 0;
		width: 100%;
	}
	.features-intro .right{
		margin-top: 36px;
	}
	.features-intro .intro-text > h2{
		font-size: 19px;
	}
	.features-intro .inset {
		margin: 0 26px;
	}
}

@media(max-width: 550px){
	.mobile-only {
		display: inline;
	}
	.not-mobile {
		display: none;
	}
}
/*----------Links-------*/
.features-intro .intro-text > p > a,
.lower-intro .right .sub-section > .text > p > a,
.shipping-api .inset > .section-content > .left > p > a,
.intuitive-dashboard-section > .inset > .left > .section > p > a{
	color: #009c9d;
}
.features-intro .intro-text > p > a:hover,
.lower-intro .right .sub-section > .text > p > a:hover,
.shipping-api .inset > .section-content > .left > p > a:hover,
.intuitive-dashboard-section > .inset > .left > .section > p > a:hover{
	color: #000000;
}
.features-intro .intro-text > p > a:hover:after,
.lower-intro .right .sub-section > .text > p > a:hover:after,
.shipping-api .inset > .section-content > .left > p > a:hover:after,
.intuitive-dashboard-section > .inset > .left > .section > p > a:hover:after{
	background: url("../img/icons/chevron-hover.svg") no-repeat;
}
.tracking-api-section .section-mid > p > a:hover:after{
	background: url("../img/icons/chevron-tracking-hover.svg") no-repeat;
}
.appbloqs-section .section-mid > p > a:hover:after{
	background: url("../img/icons/chevron-tracking-hover.svg") no-repeat;
}
.features-intro .intro-text > p > a:after,
.lower-intro .right .sub-section > .text > p > a:after,
.shipping-api .inset > .section-content > .left > p > a:after,
.intuitive-dashboard-section > .inset > .left > .section > p > a:after,
.tracking-api-section .section-mid > p > a:after, .appbloqs-section .section-mid > p > a:after{
	content: "";
	display: inline-block;
	width: 5px;
	height: 7px;
	margin: -1px 0 0 4px;
	background: url("../img/icons/chevron.svg") no-repeat;
}
.tracking-api-section .section-mid > p > a:after{
	background: url("../img/icons/chevron-tracking.svg") no-repeat;
}
.tracking-api-section .section-mid > p > a{
	color: #8797D1;
}
.tracking-api-section .section-mid > p > a:hover{
	color: white;
}
.tracking-api-section .section-mid > p > a:hover:after{
	background: url("../img/icons/chevron-tracking-hover.svg") no-repeat;
}
.appbloqs-section .section-mid > p > a:after{
	background: url("../img/icons/chevron-tracking.svg") no-repeat;
}
.appbloqs-section .section-mid > p > a{
	color: #0dccf2;
}
.appbloqs-section .section-mid > p > a:hover{
	color: white;
}
.appbloqs-section .section-mid > p > a:hover:after{
	background: url("../img/icons/chevron-tracking-hover.svg") no-repeat;
}
/*----------Lower Intro -----------------*/
.lower-intro{
	position: relative;
	overflow: visible;
	z-index: 0;
	/* margin-top: 69px; */
}
.lower-intro .background {
	position: absolute;
	top: 0;
	width: 100%;
	height: 620px;
	background-image: linear-gradient(rgba(245,248,250,0.72), rgba(255,255,255,0.72));
	box-shadow: inset 0 1px 2px 0 #E6EAED;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F8FA', endColorstr='#FFFFFF',GradientType=0 );
}
.lower-intro .inset{
	overflow: visible;
	padding: 68px 42px 0 42px;
	box-sizing: content-box;
}
.lower-intro .left{
	position: relative;
	padding-left: 166px;
}
.lower-intro .left .yapi-phone{
	position: absolute;
	max-width: 219px;
	top: -132px;
	left:0;
	right: 0;
	z-index: 5;
}
.lower-intro .left .yapi-phone > hr{
	border: none;
	height: 2px;
	background: #04db5d;
	border-radius: 2px;
	width: 27px;
	margin: 14px 0 4px 14px;
	text-align: left;
}
.lower-intro .left .yapi-phone > p{
	font-weight: 300;
	font-size: 12px;
	max-width: 176px;
	margin-left: 14px;
	color: #949494;
	line-height: 16px;
}
.lower-intro .left .yapi-phone > p > span.green{
	color: #04db5d;
	font-weight: 400;
}
.lower-intro .left .vecter > hr{
	border: none;
	height: 2px;
	background: #ee468f;
	border-radius: 2px;
	margin: 15px 0 4px 80px;
	width: 56px;
	text-align: left;
}
.lower-intro .left .vecter > p{
	font-weight: 300;
	font-size: 12px;
	line-height: 16px;
	max-width: 176px;
	margin-left: 80px;
	color: #949494;
}
.lower-intro .left .vecter > p > span{
	color: #ee468f;
	font-weight: 400;
}
.lower-intro .right{
	width: 439px;
	right: 0;
	top: 55px;
	position: absolute;
	padding-right: 42px;
}
.lower-intro .right .sub-section{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.lower-intro .right .sub-section{
	margin-bottom: 28px;
}
.lower-intro .right .sub-section .market-places-icon{
	margin: 5px 13px 0 0;
	min-width: 38px;
}
.lower-intro .right .sub-section .ecommerce-icon{
	min-width: 30px;
	margin: 6px 17px 0 4px;
}
.lower-intro .right .sub-section > .text > h5{
	font-size: 15px;
	line-height: 21px;
	margin: 0 0 3px;
	color: #000000;
	font-weight: 400;
}
.lower-intro .right .sub-section > .text > p{
	font-size: 15px;
	line-height: 22px;
	color: #949494;
	margin-bottom: 8px;
	font-weight: 300;
}
.lower-intro .right .sub-section > .text > p > a{
	line-height: 22px;
}
@media(max-width: 1010px){
	.vecter-image {
		margin: -2px -40px -12px;
	}
}
@media(max-width: 980px){
	.vecter-image {
		margin: -2px -60px -12px;
	}
}
@media(max-width: 960px){
	.lower-intro .right {
		width: 389px;
	}
}
@media(max-width: 906px){
	.lower-intro .right {
		width: 359px;
	}
}
@media(max-width: 878px){
	.vecter-image {
		margin: -2px -100px -12px;
	}
	.vecter hr, .vecter p {
		display: none;
	}
}
@media(max-width: 835px){
	.vecter-image {
		margin: -2px -130px -12px;
	}
}
@media(max-width: 804px){
	.vecter-image {
		margin: -2px -160px -12px;
	}
}
@media(max-width: 768px){
	.lower-intro{
		margin-top: 0;
	}
	.lower-intro .right{
		padding: 0 42px 0 0;
	}
	.lower-intro .left{
		padding:0 0 0 41px;
	}
	.lower-intro .left .vecter .vecter-image{
		width: 331px;
		height: 255px;
		background-size: 100% 100%;
		margin: -2px -70px -12px;
	}
	.lower-intro .left .vecter > hr{
		margin: 15px 0 4px 130px;
		display: block;
	}
	.lower-intro .left .vecter > p{
		margin-left: 130px;
		display: block;
		width: 126px;
	}
	.lower-intro .left .yapi-phone{
		position: absolute;
		max-width: 219px;
		top: -91px;
		left:-71px;
		right: 0;
		z-index: 5;
	}
	.lower-intro .left .yapi-phone > hr{
		margin: 16px 0 4px 50px;
	}
	.lower-intro .left .yapi-phone > p{
		max-width: 126px;
		margin-left: 50px;
	}
	.lower-intro .inset{
		padding-top: 47px;
		height: 400px;
	}
	.lower-intro .left{
		padding-top: 20px;
	}
}
@media(max-width: 734px){
	.vecter-image {
		margin: -2px -120px -12px !important;
	}
	.vecter hr, .vecter p {
		display: none !important;
	}
}
@media(max-width: 684px){
	.vecter-image {
		margin: -2px -145px -12px !important;
	}
}
@media(max-width: 650px){
	.lower-intro{
		margin-top: 0;
		z-index: 0;
		overflow: visible;
		height: 468px;
	}
	.lower-intro .inset{
		display:block;
		padding: 0;
	}
	.vecter{
		display: none;
	}
	.lower-intro .left{
		padding-top: 255px;
		overflow: hidden;
	}
	.lower-intro .left .yapi-phone{
		max-width: 244px;
		top:-267px;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 1;
	}
	.lower-intro .right{
		padding: 0 26px 0;
		top: 254px;
		z-index: 6;
	}
	.lower-intro .right .sub-section .ecommerce-icon{
		margin: 5px 14px 0 8px;
	}
	.lower-intro .right .sub-section .market-places-icon{
		margin: 5px 14px 0 0;
	}
	.lower-intro .right .sub-section > .text > h5{
		line-height: 18px;
	}
	.lower-intro .right .sub-section > .text > p{
		line-height: 18px;
		margin-bottom: 4px;
	}
	.lower-intro .right .sub-section{
		margin-bottom: 16px;
	}
	.lower-intro .left .yapi-phone > hr{
		display: none;
	}
	.lower-intro .left .yapi-phone > p{
		margin: 0;
		position: absolute;
		bottom: -5px;
		right: -34px;
		font-size: 11px;
		line-height: 14px;
		padding: 5px 8px 7px 9px;
		background-color: white;
		color: rgba(111,124,130,.8);
		border-radius: 7px;
		max-width: 127px;
		box-shadow: 0 6px 8px 0 rgba(0,0,0,.06), 0 1px 3px 0 rgba(0,0,0,.16);
	}
	.lower-intro .left .yapi-phone .yapi-phone-image{
		width: 244px;
		height: 496px;
		background-size: 244px 496px;

	}
	.lower-intro .right{
		width: 100%;
	}
	.lower-intro .right .sub-section > .text > h5{
		font-size: 13px;
	}
	.lower-intro .right .sub-section > .text > p{
		font-size: 13px;
	}
	.features-intro .inset {
		padding: 0 0 36px 0;
	}
}

/*----------Payments API Section ----*/
.payments-api{
	margin-top: 128px;
	padding: 0 42px 0;
	z-index: 5;
}
.payments-api:before {
	display: block;
	content: "";
	margin-top: -56px;
	height: 56px;
	visibility: hidden;
}
.payments-api .inset > .section-header > .payments-api-icon{
	margin: 0 auto -2px;
}
.payments-api .section-header{
	margin-bottom: 54px;
}
.payments-api .inset > .section-content{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.payments-api .inset > .section-content > .left{
	width: 50%;
}
.payments-api .inset > .section-content > .left > img{
	max-width: 200px;
}
.payments-api .inset > .section-content > .left > h3{
	font-size: 19px;
	line-height: 23px;
	color: #000000;
	margin: 39px 0 6px 0;
	font-weight: 300; 
}
.payments-api .inset > .section-content > .left > p{
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	color: #949494;
	max-width: 482px;
	margin-bottom: 8px;
}
.payments-api .inset > .section-content > .right{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	padding-top: 30px;
}
.payments-api .inset > .section-content > .right > div,
.payments-api .inset > .section-content > .right > div > img,
.payments-api .inset > .section-content > .right > div > span{
	display: inline-block;
	text-align: center;
}
.payments-api .inset > .section-content > .right > div{
	position: relative;
	max-width: 77px;
	margin-left: 16px;
	padding-top: 25px;
	display: block;
}
.payments-api .inset > .section-content > .right > div > img{
	z-index: 2;
	max-width: 100%;
}
.payments-api .inset > .section-content > .right > div > span{
	z-index: -1;
	background-color: #9fce52;
	padding: 1px 6px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	position: absolute;
	top: 121px;
	left: 0;
	right: 0;
	width: 50px;
	margin: 0 auto;
}
.payments-api .inset > .bottom{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin: 50px auto 90px;
}
.payments-api .inset > .bottom > .payments-api-feature{
	width: 33.333%;
	max-width: 293px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.payments-api .inset > .bottom > .payments-api-feature:nth-child(1),
.payments-api .inset > .bottom > .payments-api-feature:nth-child(2),
.payments-api .inset > .bottom > .payments-api-feature:nth-child(3){
	margin-bottom: 33px;
}
.payments-api .inset > .bottom > .payments-api-feature:nth-child(1),
.payments-api .inset > .bottom > .payments-api-feature:nth-child(4){
	padding-right: 10px;
	
}
.payments-api .inset > .bottom > .payments-api-feature:nth-child(2),
.payments-api .inset > .bottom > .payments-api-feature:nth-child(5){
	padding: 0 5px;
}
.payments-api .inset > .bottom > .payments-api-feature:nth-child(3),
.payments-api .inset > .bottom > .payments-api-feature:nth-child(6){
	padding-left: 10px;
}
.payments-api .inset > .bottom > .payments-api-feature > div:first-of-type{
	margin-right: 13px;
}
.payments-api .inset > .bottom > .payments-api-feature > div:last-of-type{
	margin-top: -4px;
	max-width: 240px;
}
.payments-api .inset > .bottom > .payments-api-feature > div > h5{
	margin: 0 0 1px 0;
	font-size: 15px;
	line-height: 21px;
	color: #5c5c5c;
	font-weight: 400;
}
.payments-api .inset > .bottom > .payments-api-feature > div > p{
	font-size: 13px;
	font-weight: 300;
	color: #949494;
	margin-bottom: 0;
}

/*----------Shipping API Section ----*/
.shipping-api{
	margin-top: 128px;
	padding: 0 42px 0;
	z-index: 5;
}
.shipping-api:before {
	display: block;
	content: "";
	margin-top: -56px;
	height: 56px;
	visibility: hidden;
}
.shipping-api .inset > .section-header > .shipping-api-icon{
	margin: 0 auto -2px;
}
.shipping-api .section-header{
	margin-bottom: 54px;
}
.shipping-api .inset > .section-content{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.shipping-api .inset > .section-content > .left{
	width: 50%;
}
.shipping-api .inset > .section-content > .left > img{
	max-width: 200px;
}
.shipping-api .inset > .section-content > .left > h3{
	font-size: 19px;
	line-height: 23px;
	color: #000000;
	margin: 39px 0 6px 0;
	font-weight: 300; 
}
.shipping-api .inset > .section-content > .left > p{
	font-size: 15px;
	font-weight: 300;
	line-height: 23px;
	color: #949494;
	max-width: 482px;
	margin-bottom: 8px;
}
.shipping-api .inset > .section-content > .right{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	padding-top: 30px;
}
.shipping-api .inset > .section-content > .right > div,
.shipping-api .inset > .section-content > .right > div > img,
.shipping-api .inset > .section-content > .right > div > span{
	display: inline-block;
	text-align: center;
}
.shipping-api .inset > .section-content > .right > div{
	position: relative;
	max-width: 77px;
	margin-left: 16px;
	padding-top: 25px;
	display: block;
}
.shipping-api .inset > .section-content > .right > div > img{
	z-index: 2;
	max-width: 100%;
}
.shipping-api .inset > .section-content > .right > div > span{
	z-index: -1;
	background-color: #9fce52;
	padding: 1px 6px;
	border-radius: 5px;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	position: absolute;
	top: 121px;
	left: 0;
	right: 0;
	width: 50px;
	margin: 0 auto;
}
.shipping-api .inset > .bottom{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin: 50px auto 90px;
}
.shipping-api .inset > .bottom > .shipping-api-feature{
	width: 33.333%;
	max-width: 293px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(1),
.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(2),
.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(3){
	margin-bottom: 33px;
}
.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(1),
.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(4){
	padding-right: 10px;
	
}
.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(2),
.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(5){
	padding: 0 5px;
}
.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(3),
.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(6){
	padding-left: 10px;
}
.shipping-api .inset > .bottom > .shipping-api-feature > div:first-of-type{
	margin-right: 13px;
}
.shipping-api .inset > .bottom > .shipping-api-feature > div:last-of-type{
	margin-top: -4px;
	max-width: 240px;
}
.shipping-api .inset > .bottom > .shipping-api-feature > div > h5{
	margin: 0 0 1px 0;
	font-size: 15px;
	line-height: 21px;
	color: #5c5c5c;
	font-weight: 400;
}
.shipping-api .inset > .bottom > .shipping-api-feature > div > p{
	font-size: 13px;
	font-weight: 300;
	color: #949494;
	margin-bottom: 0;
}
@media(min-width: 769px){
	@-webkit-keyframes floatInfite{
		0% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		10% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		20% { -webkit-transform:translate(0px, -35px); transform:translate(0px, -35px); }
		30% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		40% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		50% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		60% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		70% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		80% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		90% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		100% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
	}
	#ups-label .ship-label-img{
		-webkit-animation-name: floatInfite;
		        animation-name: floatInfite;
		-webkit-animation-duration: 20s;
		        animation-duration: 20s;
		-webkit-animation-delay: 0s;
		        animation-delay: 0s;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
	}	
	#usps-label .ship-label-img{
		-webkit-animation-name: floatInfite;
		        animation-name: floatInfite;
		-webkit-animation-duration: 20s;
		        animation-duration: 20s;
		-webkit-animation-delay: 5s;
		        animation-delay: 5s;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
	}
	#fedex-label .ship-label-img{
		-webkit-animation-name: floatInfite;
		        animation-name: floatInfite;
		-webkit-animation-duration: 20s;
		        animation-duration: 20s;
		-webkit-animation-delay: 10s;
		        animation-delay: 10s;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
	}
	#dhl-label .ship-label-img{
		-webkit-animation-name: floatInfite;
		        animation-name: floatInfite;
		-webkit-animation-duration: 20s;
		        animation-duration: 20s;
		-webkit-animation-delay: 15s;
		        animation-delay: 15s;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
	}
}
@media (min-width: 650px) and (max-width: 768px){
	@-webkit-keyframes floatInfiteThree{
		0% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		10% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		20% {-webkit-transform:translate(0px, -35px);transform:translate(0px, -35px);}
		25% { -webkit-transform:translate(0px, -35px); transform:translate(0px, -35px); }
		30% { -webkit-transform:translate(0px, -35px); transform:translate(0px, -35px); }
		35% { -webkit-transform:translate(0px, -35px); transform:translate(0px, -35px);}
		45% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
		100% { -webkit-transform:translate(0px, 0px); transform:translate(0px, 0px); }
	}
	#ups-label .ship-label-img{
		-webkit-animation-name: floatInfiteThree;
		        animation-name: floatInfiteThree;
		-webkit-animation-duration: 15s;
		        animation-duration: 15s;
		-webkit-animation-delay: 0s;
		        animation-delay: 0s;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
	}	
	#usps-label .ship-label-img{
		-webkit-animation-name: floatInfiteThree;
		        animation-name: floatInfiteThree;
		-webkit-animation-duration: 15s;
		        animation-duration: 15s;
		-webkit-animation-delay: 5s;
		        animation-delay: 5s;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
	}
	#fedex-label .ship-label-img{
		-webkit-animation-name: floatInfiteThree;
		        animation-name: floatInfiteThree;
		-webkit-animation-duration: 15s;
		        animation-duration: 15s;
		-webkit-animation-delay: 10s;
		        animation-delay: 10s;
		-webkit-animation-iteration-count: infinite;
		        animation-iteration-count: infinite;
	}
}
@media(max-width: 768px){
	.payments-api{
		margin-top: 101px;
		padding: 0 42px;
	}
	.payments-api .section-header{
		margin-bottom: 52px;
	}
	.payments-api .inset > .bottom{
		margin: 46px auto 80px;
	}
	.payments-api .inset > .section-content > .right{
		padding-top: 54px;
	}
	#dhl-label{
		display: none;
	}
	.payments-api .inset > .bottom > .payments-api-feature{
		display:block;
		padding: 0 13px;
	}
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(1),
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(2),
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(3){
		margin-bottom: 41px;
	}
	.payments-api .inset > .bottom > .payments-api-feature > div:last-of-type{
		margin-top: 10px;
	}
}
@media(max-width: 650px){
	.payments-api{
		margin-top: 32px;
		padding: 0 26px;
	}
	.payments-api .section-header{
		margin-bottom: 45px;
	}
	.payments-api .section-header > h1{
		font-size: 24px;
		margin: 11px auto 5px;
	}
	.payments-api .section-header > h4{
		font-size: 15px;
	}
	.payments-api .inset > .section-content > .left{
		width: 100%;
	}
	.payments-api .inset > .section-content > .right{
		display: none;
	}
	.payments-api .inset > .bottom{
		margin: 48px auto 68px;
	}
	.payments-api .inset > .section-content > .left > h3{
		font-size: 19px;
		margin-top: 37px;
	}
	.payments-api .inset > .section-content > .left > p{
		line-height: 22px;
	}
	.payments-api .inset > .bottom > .payments-api-feature{
		width: 50%;
	}
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(1),
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(2),
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(3){
		margin-bottom: 0;
	}
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(1){
		-webkit-box-ordinal-group:2;
		-webkit-order:1;
		    -ms-flex-order:1;
		        order:1;
		margin-bottom: 30px;
		padding: 0 8px 0 0;
	}
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(2){
		-webkit-box-ordinal-group:5;
		-webkit-order:4;
		    -ms-flex-order:4;
		        order:4;
		margin-bottom: 30px;
		padding: 0 0 0 8px;
	}
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(3){
		-webkit-box-ordinal-group:6;
		-webkit-order:5;
		    -ms-flex-order:5;
		        order:5;
		padding: 0 8px 0 0;
	}
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(4){
		-webkit-box-ordinal-group:4;
		-webkit-order:3;
		    -ms-flex-order:3;
		        order:3;
		margin-bottom: 30px;
		padding: 0 8px 0 0;
	}
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(5){
		-webkit-box-ordinal-group:3;
		-webkit-order:2;
		    -ms-flex-order:2;
		        order:2;
		margin-bottom: 30px;
		padding: 0 0 0 8px;
	}
	.payments-api .inset > .bottom > .payments-api-feature:nth-child(6){
		-webkit-box-ordinal-group:7;
		-webkit-order:6;
		    -ms-flex-order:6;
		        order:6;
		padding: 0 0 0 8px;
	}
}
@media(max-width: 768px){
	.shipping-api{
		margin-top: 101px;
		padding: 0 42px;
	}
	.shipping-api .section-header{
		margin-bottom: 52px;
	}
	.shipping-api .inset > .bottom{
		margin: 46px auto 80px;
	}
	.shipping-api .inset > .section-content > .right{
		padding-top: 54px;
	}
	#dhl-label{
		display: none;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature{
		display:block;
		padding: 0 13px;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(1),
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(2),
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(3){
		margin-bottom: 41px;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature > div:last-of-type{
		margin-top: 10px;
	}
}
@media(max-width: 650px){
	.shipping-api{
		margin-top: 32px;
		padding: 0 26px;
	}
	.shipping-api .section-header{
		margin-bottom: 45px;
	}
	.shipping-api .section-header > h1{
		font-size: 24px;
		margin: 11px auto 5px;
	}
	.shipping-api .section-header > h4{
		font-size: 15px;
	}
	.shipping-api .inset > .section-content > .left{
		width: 100%;
	}
	.shipping-api .inset > .section-content > .right{
		display: none;
	}
	.shipping-api .inset > .bottom{
		margin: 48px auto 68px;
	}
	.shipping-api .inset > .section-content > .left > h3{
		font-size: 19px;
		margin-top: 37px;
	}
	.shipping-api .inset > .section-content > .left > p{
		line-height: 22px;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature{
		width: 50%;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(1),
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(2),
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(3){
		margin-bottom: 0;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(1){
		-webkit-box-ordinal-group:2;
		-webkit-order:1;
		    -ms-flex-order:1;
		        order:1;
		margin-bottom: 30px;
		padding: 0 8px 0 0;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(2){
		-webkit-box-ordinal-group:5;
		-webkit-order:4;
		    -ms-flex-order:4;
		        order:4;
		margin-bottom: 30px;
		padding: 0 0 0 8px;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(3){
		-webkit-box-ordinal-group:6;
		-webkit-order:5;
		    -ms-flex-order:5;
		        order:5;
		padding: 0 8px 0 0;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(4){
		-webkit-box-ordinal-group:4;
		-webkit-order:3;
		    -ms-flex-order:3;
		        order:3;
		margin-bottom: 30px;
		padding: 0 8px 0 0;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(5){
		-webkit-box-ordinal-group:3;
		-webkit-order:2;
		    -ms-flex-order:2;
		        order:2;
		margin-bottom: 30px;
		padding: 0 0 0 8px;
	}
	.shipping-api .inset > .bottom > .shipping-api-feature:nth-child(6){
		-webkit-box-ordinal-group:7;
		-webkit-order:6;
		    -ms-flex-order:6;
		        order:6;
		padding: 0 0 0 8px;
	}
}

/*-------AppBloqs Section -*/
.appbloqs-section{
	position: relative;
	overflow: hidden;
	background: rgb(83,117,189);
	background: linear-gradient(135deg, rgba(83,117,189,1) 45%, rgba(67,136,202,1) 62%, rgba(50,154,215,1) 76%, rgba(32,174,229,1) 91%, rgba(13,204,242,1) 100%); 
}
.appbloqs-section .section-header{
	padding-top: 56px;
	margin-bottom: 71px;
}
.appbloqs-section .section-header .appbloqs-icon{
	margin: 0 auto -2px;
}
.appbloqs-section .section-header > h1{
	color: #ffffff;
	font-weight: 300;
	margin: 21px auto 14px auto;
}
.appbloqs-section .section-header > h4{
	color: rgba(255, 255, 255, 0.82);
	font-weight: 300;
	line-height: 1.2;
}
.appbloqs-section{	
	padding: 0 42px 84px;
}
.appbloqs-section > .inset{
	z-index: 0;
}
.appbloqs-section .section-mid{
	width: 100%;
}
.appbloqs-section .section-mid > hr{
	border: none;
	height: 2px;
	background: #fff;
	opacity: .15;
	border-radius: 2px;
	width: 45px;
	margin: 0;
	text-align: left;
}
.appbloqs-section .section-mid > h3{
	font-size: 19px;
	line-height: 21px;
	color: #ffffff;
	margin: 11px 0 7px 0;
	font-weight: 300; 
}
.appbloqs-section .section-mid > p{
	font-size: 15px;
	line-height: 23px;
	color: rgba(255,255,255,0.55);
	max-width: 482px;
	font-weight: 300;
	margin-bottom: 8px;
}
.appbloqs-section .bottom{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin: 76px 0 0;
	padding: 0 32px;
}
.appbloqs-section .bottom > .section{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.appbloqs-section .bottom > .section:nth-child(2){
	padding: 0 40px;
}
.appbloqs-section .bottom > .section > div:first-of-type{
	margin: 5px 13px 0 0;
}
.appbloqs-section .bottom > .section > .text{
	max-width: 212px;
}
.appbloqs-section .bottom > .section > .text > h5{
	color: #ffffff;
	font-size: 15px;
	line-height: 21px;
	font-weight: 400;
	margin: 0 0 1px 0;
}
.appbloqs-section .bottom > .section > .text > p{
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
	color: rgba(255, 255, 255, .6);
	margin: 0;
}

#appbloqs-ping {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	height: 609px;
	max-height: 100%;
	overflow: hidden;
	z-index: 1;
	pointer-events: none;
}
.appbloqs-ping:nth-child(1) {
	top: 58px;
	right: 213px;
	opacity: .5;
	filter: alpha(opacity=50);
}
.appbloqs-ping:nth-child(2) {
	top: 239px;
	right: 258px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.appbloqs-ping:nth-child(3) {
	top: 305px;
	right: 379px;
	opacity: .5;
	filter: alpha(opacity=50);
}
.appbloqs-ping:nth-child(4) {
	top: 409px;
	right: 182px;
	opacity: .5;
	filter: alpha(opacity=50);
}

@media(max-width: 768px){
	.appbloqs-section{
		padding-bottom: 80px;
	}
	.appbloqs-section .section-header{
		padding-top: 46px;
		margin-bottom: 72px;
	}
	.appbloqs-section .bottom{
		margin: 70px 0 0;
		padding:0;
	}
	.appbloqs-section .section-mid > p{
		max-width: 344px;
	}
	.appbloqs-section .bottom > .section{
		display: block;
	}
	.appbloqs-section .bottom > .section > .text{
		margin-top: 12px;
	}
	#appbloqs-ping{
		left: 104px;
	}
}
@media(max-width: 650px){
	.appbloqs-section{
		padding: 0 26px 80px;
	}
	.appbloqs-section .section-header{
		padding-top: 48px;
		margin-bottom: 48px;
	}
	.appbloqs-section .section-header > h1{
		margin: 11px 0 5px;
		font-size: 24px;
	}
	.appbloqs-section .section-header > h4{
		font-size: 15px;
	}
	.appbloqs-section .bottom{
		margin-top: 46px;
		padding: 0 29px;
		display: block;
	}
	.appbloqs-section .bottom > .section{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin: 0 auto;
		max-width: 265px;
	}
	.appbloqs-section .bottom > .section:nth-child(1){
		padding: 0 0 23px 9px !important;
	}
	.appbloqs-section .bottom > .section:nth-child(2){
		padding: 0 0 23px 8px !important;
	}
	.appbloqs-section .bottom > .section > .text{
		margin-top: 0;
	}
	#appbloqs-ping{
		display: none;
	}
	
}

/*-------Trxn API Section -*/
.tracking-api-section{
	position: relative;
	overflow: hidden;
	background: -webkit-linear-gradient(315deg, #000000 0%, #0C0010 10%, #1E1635 32%, #222654 47%, #283D81 63%, #2A5291 72%, #2F6FA9 80%, #3B9ACA 89%, #4CDDFF 100%);
	background: linear-gradient(135deg, #000000 0%, #0C0010 10%, #1E1635 32%, #222654 47%, #283D81 63%, #2A5291 72%, #2F6FA9 80%, #3B9ACA 89%, #4CDDFF 100%);
}
.tracking-api-section .section-header{
	padding-top: 56px;
	margin-bottom: 71px;
}
.tracking-api-section .section-header .tracking-api-icon{
	margin: 0 auto -2px;
}
.tracking-api-section .section-header > h1{
	color: #ffffff;
	font-weight: 300;
	margin: 21px auto 14px auto;
}
.tracking-api-section .section-header > h4{
	color: rgba(255, 255, 255, 0.82);
	font-weight: 300;
}
.tracking-api-section{	
	padding: 0 42px 84px;
}
.tracking-api-section > .inset{
	z-index: 0;
}
.tracking-api-section .section-mid{
	width: 100%;
}
.tracking-api-section .section-mid > hr{
	border: none;
	height: 2px;
	background: #fff;
	opacity: .15;
	border-radius: 2px;
	width: 45px;
	margin: 0;
	text-align: left;
}
.tracking-api-section .section-mid > h3{
	font-size: 19px;
	line-height: 21px;
	color: #ffffff;
	margin: 11px 0 7px 0;
	font-weight: 300; 
}
.tracking-api-section .section-mid > p{
	font-size: 15px;
	line-height: 23px;
	color: rgba(255,255,255,0.55);
	max-width: 482px;
	font-weight: 300;
	margin-bottom: 8px;
}
.tracking-api-section .bottom{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
	margin: 76px 0 0;
	padding: 0 32px;
}
.tracking-api-section .bottom > .section{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.tracking-api-section .bottom > .section:nth-child(2){
	padding: 0 40px;
}
.tracking-api-section .bottom > .section > div:first-of-type{
	margin: 5px 13px 0 0;
}
.tracking-api-section .bottom > .section > .text{
	max-width: 212px;
}
.tracking-api-section .bottom > .section > .text > h5{
	color: #ffffff;
	font-size: 15px;
	line-height: 21px;
	font-weight: 400;
	margin: 0 0 1px 0;
}
.tracking-api-section .bottom > .section > .text > p{
	font-size: 13px;
	font-weight: 300;
	line-height: 18px;
	color: rgba(255, 255, 255, .6);
	margin: 0;
}

#tracking {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	height: 609px;
	max-height: 100%;
	overflow: hidden;
	z-index: 1;
	pointer-events: none;
}
#tracking-bar {
	position: absolute;
	right: -10px;
	width: 3px;
	height: 100%;
	opacity: .19;
	filter: alpha(opacity=19);
	background: rgba(233,250,255,1);
	box-shadow: 0 0 20px 0 rgba(255,255,255,1), 0 0 12px 0 rgba(255,255,255,1), 0 0 8px 0 rgba(255,255,255,1), 0 0 5px 0 rgba(255,255,255,1);
	-webkit-animation: bar-slide 3.5s cubic-bezier(0.19, 1, 0.22, 1) infinite;
	        animation: bar-slide 3.5s cubic-bezier(0.19, 1, 0.22, 1) infinite;
}
.ping {
	position: absolute;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background: #E0FAFF;
	box-shadow: 0 0 12px 0 #ABF1FF, 0 0 8px 0 #ABF1FF, 0 0 4px 0 #FFFFFF, 0 0 2px 0 #FFFFFF, inset 0 0 1px 0 #FFFFFF;
	-webkit-filter: blur(1px);
	filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="1" /></filter></svg>#filter');
	-webkit-filter: blur(1px);
	        filter: blur(1px);
}
.ping:nth-child(1) {
	top: 58px;
	right: 213px;
	opacity: .5;
	filter: alpha(opacity=50);
}
.ping:nth-child(2) {
	top: 239px;
	right: 258px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.ping:nth-child(3) {
	top: 305px;
	right: 379px;
	opacity: .5;
	filter: alpha(opacity=50);
}
.ping:nth-child(4) {
	top: 409px;
	right: 182px;
	opacity: .5;
	filter: alpha(opacity=50);
}
.ping:nth-child(5) {
	top: 558px;
	right: 213px;
	opacity: .5;
	filter: alpha(opacity=50);
}
#radar {
	position: absolute;
	border-radius: 50%;
	right: -415px;
	top: -111px;
	width: 831px;
	height: 831px;
	border: 2px solid rgba(255,255,255,.2);
	opacity: .12;
	filter: alpha(opacity=12);
	background: -webkit-linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
	background: linear-gradient(-180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
	border: 2px solid #9ECCE0;
}
.radar-ring {
	position: absolute;
	width: 671px;
	height: 671px;
	top: 80px;
	left: 80px;
	background: none;
	border: 2px solid #9ECCE0;
	border-radius: 50%;
	opacity: .6;
	filter: alpha(opacity=60);
}
.radar-ring:nth-child(2) {
	top: 160px;
	left: 160px;
	width: 511px;
	height: 511px;
	background: none;
}
.radar-ring:nth-child(3) {
	top: 240px;
	left: 240px;
	width: 351px;
	height: 351px;
	background: none;
}
.radar-ring:nth-child(4) {
	top: 320px;
	left: 320px;
	width: 191px;
	height: 191px;
	background: none;
}
.location-popup {
	position: absolute;
	top: 254px;
	right: 179px;
	background: url("../img/popup.png") no-repeat;
	width: 164px;
	height: 63px;
	-webkit-transform: translateY(-20px) scale(.8);
	-webkit-animation: popup 3.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) infinite;
	        animation: popup 3.5s cubic-bezier(0.190, 1.000, 0.220, 1.000) infinite;
	opacity: 0;
	filter: alpha(opacity=0);
}
@-webkit-keyframes bar-slide {
	0 {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-500px);
		box-shadow: 0 0 20px 0 rgba(255,255,255,0), 0 0 12px 0 rgba(255,255,255,0), 0 0 8px 0 rgba(255,255,255,0), 0 0 5px 0 rgba(255,255,255,0);
		background: rgba(233,250,255,0);
	}
}
@keyframes bar-slide {
	0 {
		-webkit-transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-500px);
		box-shadow: 0 0 20px 0 rgba(255,255,255,0), 0 0 12px 0 rgba(255,255,255,0), 0 0 8px 0 rgba(255,255,255,0), 0 0 5px 0 rgba(255,255,255,0);
		background: rgba(233,250,255,0);
	}
}
@-webkit-keyframes popup {
	0 {
		-webkit-transform: translateY(-20px) scale(.8);
	}
	13% {
		-webkit-transform: translateY(-20px) scale(.8);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	54% {
		-webkit-transform: translateY(0) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(0) scale(1);
	}
}
@keyframes popup {
	0 {
		-webkit-transform: translateY(-20px) scale(.8);
	}
	13% {
		-webkit-transform: translateY(-20px) scale(.8);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	54% {
		-webkit-transform: translateY(0) scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(0) scale(1);
	}
}
@media(max-width: 768px){
	.tracking-api-section{
		padding-bottom: 80px;
	}
	.tracking-api-section .section-header{
		padding-top: 46px;
		margin-bottom: 72px;
	}
	.tracking-api-section .bottom{
		margin: 70px 0 0;
		padding:0;
	}
	.tracking-api-section .section-mid > p{
		max-width: 344px;
	}
	.tracking-api-section .bottom > .section{
		display: block;
	}
	.tracking-api-section .bottom > .section > .text{
		margin-top: 12px;
	}
	#tracking{
		left: 104px;
	}
}
@media(max-width: 650px){
	.tracking-api-section{
		padding: 0 26px 80px;
	}
	.tracking-api-section .section-header{
		padding-top: 48px;
		margin-bottom: 48px;
	}
	.tracking-api-section .section-header > h1{
		margin: 11px 0 5px;
		font-size: 24px;
	}
	.tracking-api-section .section-header > h4{
		font-size: 15px;
	}
	.tracking-api-section .bottom{
		margin-top: 46px;
		padding: 0 29px;
		display: block;
	}
	.tracking-api-section .bottom > .section{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		margin: 0 auto;
		max-width: 265px;
	}
	.tracking-api-section .bottom > .section:nth-child(1){
		padding: 0 0 23px 9px !important;
	}
	.tracking-api-section .bottom > .section:nth-child(2){
		padding: 0 0 23px 8px !important;
	}
	.tracking-api-section .bottom > .section > .text{
		margin-top: 0;
	}
	#tracking{
		display: none;
	}
	
}

/*---------Intuitive Dashboard section ----*/
.intuitive-dashboard-section{
	padding: 56px 42px 0;
}
.intuitive-dashboard-section > .inset{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
}
.intuitive-dashboard-section .section-header{
	margin-bottom: 71px;	
}
.intuitive-dashboard-section .section-header > div:first-of-type{
	margin: 0 auto -2px;
}
.intuitive-dashboard-section > .inset > .left {
	width: 50%;
	max-width: 492px;
}
.intuitive-dashboard-section > .inset > .left > .section > hr{
	border: none;
	height: 2px;
	background: #d8d8d8;
	opacity: .46;
	border-radius: 2px;
	width: 45px;
	margin: 0;
	text-align: left;
}
.intuitive-dashboard-section > .inset > .left > .section > h2{
	font-size: 19px;
	line-height: 21px;
	color: #000000;
	margin: 11px 0 7px 0;
	font-weight: 300;
}
.intuitive-dashboard-section > .inset > .left > .section > p{
	font-size: 15px;
	line-height: 23px;
	color: #949494;
	font-weight: 300;
	margin-bottom: 8px;
}
.intuitive-dashboard-section > .inset > .left > .section:last-of-type hr{
	margin-top: 34px;
}
.intuitive-dashboard-section > .inset > .right{
	width: 50%;
	padding-left: 64px;
	overflow: hidden;
}
.intuitive-dashboard-section > .inset > .right > .dashboard-screenshots{
	float: right;
}
@media(max-width: 978px){
	.intuitive-dashboard-section{
		padding: 46px 0 0;
	}
	.intuitive-dashboard-section > .inset > .left{
		padding-left: 42px;
		width: 52%;
	}
	.intuitive-dashboard-section > .inset > .right{
		position: relative;
		width: 48%;
	}
	.intuitive-dashboard-section > .inset > .right .dashboard-screenshots{
		position: absolute;
		left: 48px;
	}
	.intuitive-dashboard-section .section-header{
		margin-bottom: 68px;
	}
}
@media(max-width: 650px){
	.intuitive-dashboard-section{
		padding: 48px 0 0;
	}
	.intuitive-dashboard-section .section-header h1{
		font-size: 24px;
		margin: 11px auto 5px;
	}
	.intuitive-dashboard-section .section-header h4{
		font-size: 15px;
	}
	.intuitive-dashboard-section > .inset > .left{
		padding-left: 26px;
		width: 70%;
	}
	.intuitive-dashboard-section > .inset > .right{
		padding-left: 0;
		width: 30%;
		z-index: 19;
	}
	.intuitive-dashboard-section > .inset > .right{
		z-index: 18;
		overflow: visible;
	}
	.intuitive-dashboard-section > .inset > .right .dashboard-screenshots{
		top: 11px;
		left: -21px;
		z-index: 20;
	}.intuitive-dashboard-section > .inset > .left > .section > p{
		max-width: 85%;
	}
	.intuitive-dashboard-section > .inset > .left > .section:last-of-type > p:last-of-type{
		max-width: 100%;
	}
}
/*------------F Footer ---------*/
#homepage-footer{
	padding-top: 0px;
	background-color: #e3e8f0;
}
.features-footer.homepage-footer{
	padding-top:0px;
}
.features-footer{
	padding-top: 76px;
}
.features-footer .upper-footer > h1{
	color: #000000;
	font-size: 31px;
	line-height: 28px;
	text-align: center;
	margin: 0 auto 38px;
	font-weight: 300;
}
.features-footer .upper-footer > div{
	display: block;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	letter-spacing: 0.8px;
	padding-bottom: 100px;
}
.features-footer .upper-footer > div > .create-account-btn{
	display: inline-block;
	position: relative;
}
.features-footer .upper-footer > div > a,
.features-footer .upper-footer > div > .create-account-btn > a{
	font-size: 13px;
	padding: 12px 16px 14px 16px;
	border-radius: 6px;
	color: #ffffff;
	letter-spacing: 0.8px;
}
.features-footer .upper-footer > div > a{
	display: inline-block;
	background-color: #d3d7db;
	font-weight: 500;
}
.features-footer .upper-footer > div > a:hover{
	background-color: #C4C8CC;
}
.features-footer .upper-footer > div > .create-account-btn > a{
	z-index: 3;
	background-color: #5375bd;
	margin-right: 6px;
	display: inline-block;
	font-weight: 500;
}
.features-footer .upper-footer > div > .create-account-btn > a:hover{
	background-color:#0373b0;
}
.features-footer .lower-footer{
	border-top: 1px solid rgba(242, 243, 246, 0.7);
	font-size: 13px;
	line-height: 13px;
	margin: 0 auto;
}
#homepage-footer {
	border-top: 1px solid rgba(213,219, 225, 0.7);
}
.features-footer .lower-footer > .lower-f-inset{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 42px;
	padding-right: 42px;
	margin: 0 auto;
	max-width: 958px;
	box-sizing: content-box;
}
.lower-f-inset{
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.lower-f-inset > div{
	width: 60%;
}
.lower-f-inset > div > ul{
	list-style: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 34px 0 32px;
}
.lower-f-inset > div > ul > li{
	padding: 0 7px;
	-webkit-align-self:center;
	-ms-flex-item-align:center;
	align-self:center;
}
.lower-f-inset > div > ul > li.first{
	padding-left: 0;
}
.lower-f-inset > div > ul > li.last{
	padding-right: 0;
}
.lower-f-inset > .right{
	width: 40%;
}
.lower-f-inset > .right > ul{
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.lower-f-inset > .right > ul > li{
	padding: 0 7px 0 4px;
}
.features-footer a{
	color: #6C7983; 
	font-size: 13px;
}
#homepage-footer a{
	color: #abb4c2; 
}
.features-footer a:hover{
	color: #3B474F;
}
#homepage-footer a:hover{
	color: #868fa3;
}
.features-footer .upper-footer > div > .create-account-btn .hippo-btn-image{
	position: absolute;
    top: -13px;
    left: 25px;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    height: 20px;
    -webkit-transition: all .24s ease;
            transition: all .24s ease;
}
.features-footer .upper-footer > div > .create-account-btn:hover .hippo-btn-image{
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
}
@media(max-width: 768px){
	.features-footer{
		padding-top: 59px;
	}
}
@media(max-width: 768px){
	.features-footer{
		padding-top: 59px;
	}
}
@media(max-width: 708px){
	.features-footer .lower-footer > .lower-f-inset{
		padding-left: 26px;
		padding-right: 26px;
		width: auto;
		display:block;
	}
	.lower-f-inset > .right,
	.lower-f-inset > .left{
		width: 100%;
	}
	.lower-f-inset > .left{
		padding: 24px 0 20px;
	}
	.lower-f-inset > .right{
		padding: 0 0 26px;
	}
	.lower-f-inset > .left ul,
	.lower-f-inset > .right ul{
		margin: 0 auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		max-width: 400px;
		-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
	}
	.lower-f-inset > .right ul{
		max-width: 250px;
	}
	.lower-f-inset > div > ul{
		padding:0; 
	}
}
@media(max-width: 650px){
	.features-footer{
		padding-top: 68px;
	}
	.features-footer .upper-footer > h1{
		font-size: 24px;
		margin-bottom: 41px;
	}
	.features-footer .upper-footer > div{
		padding-bottom: 76px;
	}
	.features-footer .upper-footer > div > a{
		display: none;
	}
	.lower-f-inset > .left ul li{
		-webkit-align-self:flex-start;
		    -ms-flex-item-align:start;
		        align-self:flex-start;
	}

}
@media(max-width: 1023px){
	.first-fold > .content{
		display: block;
	}
	.first-fold > .content > .right{
		display: none;
	}
	.first-fold > .content > .left{
		margin: 133px auto 0;
		width: 100%;
		padding: 0;
		max-width: 460px;
		text-align: center;
	}
	.first-fold > .content > .left > h1{
		margin: 0 auto 16px;
	}
	.first-fold > .content > .left > p{
		margin: 15px auto 36px;
	}
	.first-fold > .content > .left > .functions ul{
		margin: 0 auto;
	}
	.first-fold > .content > .left > .functions ul li:last-of-type{
		margin: 0;
	}
	.explore > .explore-features{
		-webkit-flex-wrap:nowrap;
		    -ms-flex-wrap:nowrap;
		        flex-wrap:nowrap;
		padding: 0 20px 40px;
		overflow-x:scroll;
		overflow-y:hidden;
		-webkit-overflow-scrolling:touch;
		margin-bottom: -40px;
	}
	.explore > .explore-features > .object{
		min-width: 250px;
		margin: 0 5%;
	}
	.code-block > .content{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		    -ms-flex-direction:column;
		        flex-direction:column;
	}
	.code-block > .content > .left,
	.code-block > .content > .right{
		width: 100%;
		max-width: 500px;
	}
	.code-block > .content > .left,
	.code-block > .content > .right,
	.code-block > .content > a{
		margin: 0 auto;
		position: relative;
		top: auto;
		left: auto;
	}
	.code-block > .content > .left{
		margin-top: 34px; 
		text-align: center;
	}
	.code-block > .content > .left > p{
		max-width: 356px;
		margin: 0 auto 43px;
	}
	.code-block > .content > a{
		-webkit-box-ordinal-group:4;
		-webkit-order:3;
		    -ms-flex-order:3;
		        order:3;
		margin: 32px auto 42px;
	}
	.trusted-by-section .selection-nav{
		background-color: transparent;
		-webkit-flex-wrap:wrap;
		    -ms-flex-wrap:wrap;
		        flex-wrap:wrap;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
	.trusted-by-section .selection-nav li{
		border:none;
		width: 33%;
		margin-bottom: 40px;
	}
	.trusted-by-section .selection-nav li.active{
		background-color: transparent;
	}
	.trusted-by-section .selection-content{
		display: none;
	}
	.trust-insert > .cta{
		margin-top: 0;
		padding-top: 84px;
		border-top: 2px solid #bcc9d1;
	}
}
@media(max-width: 550px){
	#signup a{
		background-color: transparent;
		color: #112233;
	}
	#signup a:hover{
		color: #91bf46;
	}
	#nav_dashboard a{
		background-color: transparent;
		color: #112233;
	}
	#nav_dashboard a:hover{
		color: #91bf46;
	}
	.main-wrapper > .first-fold > nav{
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.main-wrapper > .first-fold > nav > .navigation{
		display: block;
		position: fixed;
		padding: 0;
		top: 0;
		left: -19px;
		height: 600px;
		background-color: rgba(255,255,255,0.97);
		z-index: 25;
		display: none;	
	}
	.main-wrapper > .first-fold > nav > #logo.active{
		z-index: 26;
		position: fixed;
	}
	.main-wrapper > .first-fold > nav > #logo.active > svg > .logo-fill{
		fill: #000;
	}
	.main-wrapper > .first-fold > nav > .navigation ul{
		display: block;
	}
	.main-wrapper > .first-fold > nav > .navigation ul:first-of-type{
		margin-top: 117px;
	}
	.main-wrapper > .first-fold > nav > .navigation ul > li{
		text-align: center;
		display: block;
		margin: 0;
		padding: 0;
		overflow: hidden;
		height: auto;
	}
	.main-wrapper > .first-fold > nav > .navigation ul #signup{
		text-align: center;
		display: block;
		margin: 0;
		padding: 0;
		background-color: transparent;
		width: 100%;
		height: auto;
	}
	.main-wrapper > .first-fold > nav > .navigation ul #signup:hover{
		background-color: transparent;
	}
	.main-wrapper > .first-fold > nav > .navigation ul > li > a{
		display: block;
		font-size: 26px;
		color: #112233;
		padding: 10px 0;
	}
	.main-wrapper > .first-fold > nav > #menu-activator{
		display: block;
	}
	.main-wrapper > .first-fold > nav > #menu-activator.active{
		position: fixed;
		right: 0;
		margin-right: 30px;
		display: block;
		background: url("../images/x.svg") no-repeat;
		background-size: contain;
		background-position: center center;
		z-index: 27;
	}
	.main-wrapper.features-wrapper > .first-fold > nav > .navigation ul li a,
	#signup a{
		font-size: 20px!important;
		padding: 15px 0;
	}
	.navigation ul li a.active-mobile {
		color: #91bf46 !important;
	}
	.navigation ul li a.active-login {
		color: #112233 !important;
	}
}
@media(max-width: 522px){
	.first-fold{
		min-height: 480px!important;
	}
	.first-fold > .content > .left{
		margin-top: 82px;
	}
	.first-fold > .content > .left > h1{
		font-size: 23px;
	}
	.first-fold.site-section{
		padding-bottom: 0;
	}
	.first-fold  > .content > .left > .functions > ul{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
	.first-fold  > .content > .left > .functions > ul > li{
		margin-right: 19px;
	}
	.first-fold > .mobile-label{
		display: block;
	}
	.explore > h1{
		font-size: 26px;
		margin-bottom: 45px;
	}
	.code-block > .content> .right{
		display: none;
	}
	.code-block > .content > .left > h1{
		font-size: 26px;
	}
	.code-block > .content a{
		margin-top: 10px;
	}
	.trusted-by-section > h1{
		font-size: 26px;
	}
	.trusted-by-section{
		padding-bottom: 0;
	}
	.trusted-by-section .selection-nav{
		padding: 0;
	}
	.trusted-by-section .selection-nav li{
		width: 40%;
		height:40px;
	}
	.trusted-by-section .selection-nav li:first-of-type{
	    width: 100%;
    	text-align: center;
		height: 70px;
	}
	.trusted-by-section .selection-nav li.active#mercari{
		border: none;
		pointer-events: none;
	}
	.trusted-by-section .selection-nav li{
		border:none;
		pointer-events: none;
		opacity: 1;

	}
	.trusted-by-section .selection-nav li img{
		max-width: 70%;
	}
	.trust-insert > .cta{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		    -ms-flex-direction:column;
		        flex-direction:column;
		padding-top: 40px;
		margin-bottom: 0;
	}
	.trust-insert > .cta > h1{
		text-align: center;
		line-height: 35px;
		font-size: 28px;
		margin: 0;
	}
	.trust-insert > .cta > a{
		margin: 38px auto 48px;
	}
	.explore > .explore-features{
		padding: 0 0 40px;
	}
	.explore > .explore-features > .object{
		min-width: 80%;
		margin: 0 7.5%;
	}
	.footer .inner{
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		-webkit-flex-direction:column;
		    -ms-flex-direction:column;
		        flex-direction:column;
	}
	.footer > .inner > .foot{
		width: 100%;
		margin: 0 0 23px 0;
		font-size: 16px;
	}
	.footer > .inner > .foot:first-of-type{
		-webkit-box-ordinal-group:2;
		-webkit-order:1;
		    -ms-flex-order:1;
		        order:1;
	}
	.footer > .inner > .foot:first-of-type + .foot{
		-webkit-box-ordinal-group:4;
		-webkit-order:3;
		    -ms-flex-order:3;
		        order:3;
	}
	.footer > .inner > .foot:first-of-type + .foot + .foot{
		-webkit-box-ordinal-group:5;
		-webkit-order:4;
		    -ms-flex-order:4;
		        order:4;
	}
	.footer > .inner > .foot:first-of-type + .foot + .foot + .foot{
		-webkit-box-ordinal-group:3;
		-webkit-order:2;
		    -ms-flex-order:2;
		        order:2;
	}
	.footer > .inner > .full{
		-webkit-box-ordinal-group:6;
		-webkit-order:5;
		    -ms-flex-order:5;
		        order:5;
	}
	.footer > .inner > .foot > h3{
		text-align: center;
		font-size: 16px;
	}
	.footer > .inner > .foot > ul{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
	.footer > .inner > .foot > ul > li a{
		padding: 0 10px;
		border-right: 1px solid white;
	}
	.footer > .inner > .foot > ul > li:last-of-type a{
		border:none;
	}
	.dynamic-map{
		background-position: -83px center;
	}
}
/*Iphone 5 and lower */
@media(max-width: 321px){ 
	.first-fold{
		min-height: 555px!important;
	}
	.first-fold > .content > .left{
		margin-top: 53px;
	}
	.lower-f-inset > div > ul > li{
		text-align: center;
	}
}
/*=================================================
===============High DPI Phones etc=================
===================================================*/
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 120dpi) {

	.location-popup{
		background-image: url('../img/popup@2x.png');
		background-size: 164px 63px;
	}
	.cover-api{
		background: url('../img/icons/top_header/cover-api@2x.png') no-repeat;
	}
	.cover-dashboard{
		/*background: url('../img/icons/top_header/cover-dashboard@2x.png') no-repeat;*/
		background: url('../images/cover-dashboard@2x.png') no-repeat;
	}
	.cover-tracking{
		background: url('../img/icons/top_header/cover-tracking@2x.png') no-repeat;
	}
	.cover-appbloq{
		background: url('../images/cover-appbloq@2x.png') no-repeat;
	}
	.cover-trxn{
		background: url('../images/cover-trxn@2x.png') no-repeat;
	}
	.intro-left{
		background: url('../img/icons/intro/intro-left@2x.png') no-repeat;
	}
	.intro-right{
		background: url('../img/icons/intro/intro-right@2x.png') no-repeat;
	}
	/*Specials*/
	.market-places-icon{
		background: url('../img/icons/specials/marketplaces@2x.png') no-repeat;
		background-size: 38px 36px;
	}
	.ecommerce-icon{
		background: url('../img/icons/specials/ecommerce@2x.png') no-repeat;
		background-size: 30px 40px;
	}
	.payments-api-icon{
		background: url('../images/payments-api@2x.png') no-repeat;
	}
	.shipping-api-icon{
		background: url('../img/icons/shipping-api/shipping-api@2x.png') no-repeat;
	}
	.post-get{
		background: url('../img/shipping-api/post-get@2x.png') no-repeat;
		background-size: 212px 89px;
	}

	.payments-api-international-icon{
		background: url('../images/payments-api-international@2x.png') no-repeat;
		background-size: 40px 40px;
	}
	.payments-api-tracking-icon{
		background: url('../images/payments-api-track@2x.png') no-repeat;
		background-size: 41px 41px;
	}

	.shipping-api-international-icon{
		background: url('../img/icons/shipping-api/shipping-api-international@2x.png') no-repeat;
		background-size: 40px 40px;
	}
	.shipping-api-return-labels-icon{
		background: url('../img/icons/shipping-api/shipping-api-return-labels@2x.png') no-repeat;
		background-size: 43px 35px;
		background-position: -3px 0px;
	}
	.shipping-api-discounts-icon{
		background: url('../img/icons/shipping-api/shipping-api-discounts@2x.png') no-repeat;
		background-size: 40px 32px;
	}
	.shipping-api-insurance-icon{
		background: url('../img/icons/shipping-api/shipping-api-insurance@2x.png') no-repeat;
		background-size: 38px 40px;
		background-position: 1px 0px;
	}
	.shipping-api-address-verification-icon{
		background: url('../img/icons/shipping-api/shipping-api-address-verification@2x.png') no-repeat;
		background-size: 40px 40px;
	}
	.shipping-api-tracking-icon{
		background: url('../img/icons/shipping-api/shipping-api-track@2x.png') no-repeat;
		background-size: 41px 41px;
	}
	.tracking-api-icon{
		background: url('../img/icons/tracking-api/tracking-api@2x.png') no-repeat;
	}
	.appbloqs-icon{
		background: url('../images/cover-appbloq.png') no-repeat;
	}
	.dashboard-icon{
		background: url('../img/icons/dashboard/dashboard@2x.png') no-repeat;
	}
	.tracking-webhooks-icon{
		background: url('../img/icons/tracking-api/tracking-webhooks@2x.png') no-repeat;
		background-size: 31px 38px;

	}
	.tracking-tools-icon{
		background: url('../img/icons/tracking-api/tracking-tools@2x.png') no-repeat;
		background-size: 32px 40px;
	}
	.tracking-whitelabeled-icon{
		background: url('../img/icons/tracking-api/tracking-whitelabeled@2x.png') no-repeat;
		background-size: 40px 40px;
	}
	.dashboard-screenshots{
		background: url('../img/dashboard/dashboard-screenshots@2x.png') no-repeat;
		background-size: 412px 282px;
	}
	.yapi-phone-image{
		background: url('../images/yapi-iphone@2x.png') no-repeat;
		background-size: 219px 449px;
	}
	.vecter-image{
		background: url('../images/vecter-screenshot@2x.png') no-repeat;
		background-size: 343px 270px;
	}
	.facebook-image{
		background: url('../img/footer/footer-facebook@2x.png') no-repeat;
		background-size: 17px 17px; 
	}
	.twitter-image{
		background: url('../img/footer/footer-twitter@2x.png') no-repeat;
		background-size: 20px 17px;
	}

	.all-carriers{
		background: url('../img/pricing-page/icons/all_carriers@2x.png')no-repeat;
		background-size: 30px 30px;
		background-position: -2px -1px;
	}
	.api-calls-icon{
		background: url('../img/pricing-page/icons/free_api_calls@2x.png')no-repeat;
		background-size: 32px 25px;
		background-position: -2px -1px;
	}
	.fees-icon{
		background: url('../img/pricing-page/icons/no_fees@2x.png')no-repeat;
		background-size: 27px 28px;
		background-position: 0px 0px;
	}
	.volume-icon{
		background: url('../img/pricing-page/icons/volume_pricing@2x.png')no-repeat;
		background-size: 21px 24px;
		background-position: 0px 0px;
	}
	.discount-rates-icon{
		background: url('../img/pricing-page/icons/my_discounted_rates@2x.png')no-repeat;
		background-size: 32px 37px;
		background-position: 0px 0px;
	}
	.shippo_discounted_rates{
		background: url('../img/pricing-page/icons/shippo_discounted_rates@2x.png')no-repeat;
		background-size: 39px 39px;
	}
	.shippo_how_billed{
		background: url('../img/pricing-page/icons/how_billed@2x.png')no-repeat;
		background-size: 38px 28px;
		background-position: 0px 0px;
	}
	.shippo-billing-cycle{
		background: url('../img/pricing-page/icons/billing_cycle@2x.png')no-repeat;
		background-size: 36px 36px;
		background-position: 0px 0px;
	}
	/*Constants*/
	.ship-label-img{
		background-size: 78px 130px;
	}	
	.icon-42-42{
		background-size: 46px 46px;
		background-position: -2px -1px;
	}
	.icon-46-46{
		background-size: 58px 60px;
	}
}
/*----------Impersonate -----------------*/
.delegate_btn{
	width:100%;
	position:fixed;
	text-align:right;
	padding:10px 10px 0 0;
	z-index:999;
	opacity:0.8;
}

/*---------- Homepage Animation -----------------*/
.animation-container {
	position: absolute;
	top: 180px;
	left: 20px;
	width: 360px;
	height: 313px;
	overflow: visible;
}
.order-1 {
	position: absolute;
	top: 54px;
	left: 15px;
	width: 330px;
	height: 59px;
	background: url('../img/animation/order_1.png');
	-webkit-transform: translateY(76px);
		-ms-transform: translateY(76px);
			transform: translateY(76px);
	-webkit-animation: order-one 12s cubic-bezier(0.19, 1, 0.22, 1) infinite .6s;
			animation: order-one 12s cubic-bezier(0.19, 1, 0.22, 1) infinite .6s;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
}

.order-2 {
	position: absolute;
	top: 116px;
	left: 24px;
	width: 312px;
	height: 87px;
	background: url('../img/animation/order_2.png');
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(3px);
		-ms-transform: translateY(3px);
			transform: translateY(3px);
	-webkit-animation: order-two 12s cubic-bezier(0.19, 1, 0.22, 1) infinite .6s;
			animation: order-two 12s cubic-bezier(0.19, 1, 0.22, 1) infinite .6s;
}

.order-3 {
	position: absolute;
	top: 201px;
	left: 24px;
	width: 312px;
	height: 69px;
	background: url('../img/animation/order_3.png');
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: translateY(-73px);
		-ms-transform: translateY(-73px);
			transform: translateY(-73px);
	-webkit-animation: order-three 12s cubic-bezier(0.19, 1, 0.22, 1) infinite .6s;
			animation: order-three 12s cubic-bezier(0.19, 1, 0.22, 1) infinite .6s;
	z-index: 5;
}

.box {
	position: absolute;
	top: 66px;
	left: 0;
	width: 360px;
	height: 282px;
	background: url('../img/animation/box.png');
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-animation: box 12s ease infinite .6s;
			animation: box 12s ease infinite .6s;
	z-index: 15;
}

.box-2 {
	position: absolute;
	top: 66px;
	left: 0;
	width: 360px;
	height: 282px;
	background: url('../img/animation/box.png');
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-animation: box-two 12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) infinite .6s;
			animation: box-two 12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) infinite .6s;
	z-index: 15;
}

.box-items {
	position: absolute;
	bottom: 112px;
	left: 101px;
	width: 158px;
	height: 39px;
	background: url('../img/animation/box_items.png') no-repeat;
	-webkit-animation: box-items 12s ease infinite .6s;
			animation: box-items 12s ease infinite .6s;
}

.ups {
	position: absolute;
	top: 219px;
	left: 31px;
	width: 58px;
	height: 94px;
	background: url('../img/animation/ups.png');
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-animation: ups 12s ease infinite .6s;
			animation: ups 12s ease infinite .6s;
	z-index: 10;
}

.usps {
	position: absolute;
	top: 219px;
	left: 111px;
	width: 58px;
	height: 94px;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
	-webkit-animation: usps 12s ease infinite .6s;
			animation: usps 12s ease infinite .6s;
}

.usps-logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 58px;
	height: 58px;
	background: url('../img/animation/usps_logo.png');
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
	-webkit-animation: usps-logo 12s ease infinite .6s;
			animation: usps-logo 12s ease infinite .6s;
}

.usps-rate {
	position: absolute;
	bottom: 0;
	left: 3px;
	width: 52px;
	height: 20px;
	background: url('../img/animation/usps_rate.png');
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 10;
	-webkit-animation: usps-rate 12s ease infinite .6s;
			animation: usps-rate 12s ease infinite .6s;
}

.fedex {
	position: absolute;
	top: 219px;
	left: 191px;
	width: 58px;
	height: 94px;
	background: url('../img/animation/fedex.png');
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-animation: fedex 12s ease infinite .6s;
			animation: fedex 12s ease infinite .6s;
	z-index: 10;
}

.dhl {
	position: absolute;
	top: 219px;
	left: 271px;
	width: 58px;
	height: 94px;
	background: url('../img/animation/dhl.png');
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-animation: dhl 12s ease infinite .6s;
			animation: dhl 12s ease infinite .6s;
	z-index: 10;
}

.box-label {
	position: absolute;
	top: 98px;
	left: 102px;
	width: 132px;
	height: 136px;
	background: url('../img/animation/box_label.png') no-repeat;
	-webkit-animation: box-label 12s ease infinite .6s;
			animation: box-label 12s ease infinite .6s;
	z-index: 10;
}

.box-usps {
	position: absolute;
	right: 106px;
	bottom: 119px;
	width: 36px;
	height: 36px;
	background: url('../img/animation/box_usps.png') no-repeat;
	-webkit-animation: box-usps 12s ease infinite .6s;
			animation: box-usps 12s ease infinite .6s;
	z-index: 10;
}

@-webkit-keyframes order-one {
	0% {
		-webkit-transform: translateY(76px) scale(.7);
				transform: translateY(76px) scale(.7);
	}
	3% {
		-webkit-transform: translateY(76px) scale(1.04);
				transform: translateY(76px) scale(1.04);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	10% {
		-webkit-transform: translateY(76px) scale(1);
				transform: translateY(76px) scale(1);
	}
	17%,24% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	29%,100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(76px) scale(.4);
				transform: translateY(76px) scale(.4);
	}
}

@keyframes order-one {
	0% {
		-webkit-transform: translateY(76px) scale(.7);
				transform: translateY(76px) scale(.7);
	}
	3% {
		-webkit-transform: translateY(76px) scale(1.04);
				transform: translateY(76px) scale(1.04);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	10% {
		-webkit-transform: translateY(76px) scale(1);
				transform: translateY(76px) scale(1);
	}
	17%,24% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	29%,100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(76px) scale(.4);
				transform: translateY(76px) scale(.4);
	}
}

@-webkit-keyframes order-two {
	0%,10% {
		-webkit-transform: translateY(3px);
				transform: translateY(3px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	17%,24% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	29%,100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(3px) scale(.4);
				transform: translateY(3px) scale(.4);
	}
}

@keyframes order-two {
	0%,10% {
		-webkit-transform: translateY(3px);
				transform: translateY(3px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	17%,24% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	29%,100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(3px) scale(.4);
				transform: translateY(3px) scale(.4);
	}
}

@-webkit-keyframes order-three {
	0%,10% {
		-webkit-transform: translateY(-73px);
				transform: translateY(-73px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	17%,24% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	29%,100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(-73px) scale(.4);
				transform: translateY(-73px) scale(.4);
	}
}

@keyframes order-three {
	0%,10% {
		-webkit-transform: translateY(-73px);
				transform: translateY(-73px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	17%,24% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	29%,100% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transform: translateY(-73px) scale(.4);
				transform: translateY(-73px) scale(.4);
	}
}

@-webkit-keyframes box {
	0%,24% {
		-webkit-transform: scale(.4);
				transform: scale(.4);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	28% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	34%,54% {
		-webkit-transform: translateY(-66px);
				transform: translateY(-66px);
	}
	59% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-animation-timing-function: steps(1);
				animation-timing-function: steps(1);
	}
	60% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes box {
	0%,24% {
		-webkit-transform: scale(.4);
				transform: scale(.4);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	28% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	34%,54% {
		-webkit-transform: translateY(-66px);
				transform: translateY(-66px);
	}
	59% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-animation-timing-function: steps(1);
				animation-timing-function: steps(1);
	}
	60% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes box-two {
	0%,59% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-animation-timing-function: steps(1);
				animation-timing-function: steps(1);
	}
	60% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	76% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
	80% {
		opacity: 1;
	}
	83%,100% {
		opacity: 0;
		-webkit-transform: translateY(250px);
				transform: translateY(250px);
	}
}

@keyframes box-two {
	0%,59% {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-animation-timing-function: steps(1);
				animation-timing-function: steps(1);
	}
	60% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	76% {
		-webkit-transform: translateY(0);
				transform: translateY(0);
	}
	80% {
		opacity: 1;
	}
	83%,100% {
		opacity: 0;
		-webkit-transform: translateY(250px);
				transform: translateY(250px);
	}
}

@-webkit-keyframes ups {
	0%,28% {
		-webkit-transform: scale(.6) translateY(-66px) translateX(120px);
				transform: scale(.6) translateY(-66px) translateX(120px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	32% {
		-webkit-transform: scale(1.04) translateY(0) translateX(0);
				transform: scale(1.04) translateY(0) translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	38%,46% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	52% {
		-webkit-transform: scale(.8);
				transform: scale(.8);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes ups {
	0%,28% {
		-webkit-transform: scale(.6) translateY(-66px) translateX(120px);
				transform: scale(.6) translateY(-66px) translateX(120px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	32% {
		-webkit-transform: scale(1.04) translateY(0) translateX(0);
				transform: scale(1.04) translateY(0) translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	38%,46% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	52% {
		-webkit-transform: scale(.8);
				transform: scale(.8);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes usps {
	0%,29% {
		-webkit-transform: scale(.6) translateY(-66px) translateX(40px);
				transform: scale(.6) translateY(-66px) translateX(40px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	33% {
		-webkit-transform: scale(1.04) translateY(0) translateX(0);
				transform: scale(1.04) translateY(0) translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	37%,45% {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
	47% {
		-webkit-transform: scale(.76);
				transform: scale(.76);
		z-index: 20;
	}
	53%,54%,100% {
		-webkit-transform: scale(1) translateY(0);
				transform: scale(1) translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@keyframes usps {
	0%,29% {
		-webkit-transform: scale(.6) translateY(-66px) translateX(40px);
				transform: scale(.6) translateY(-66px) translateX(40px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	33% {
		-webkit-transform: scale(1.04) translateY(0) translateX(0);
				transform: scale(1.04) translateY(0) translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	37%,45% {
		-webkit-transform: scale(1);
				transform: scale(1);
	}
	47% {
		-webkit-transform: scale(.76);
				transform: scale(.76);
		z-index: 20;
	}
	53%,54%,100% {
		-webkit-transform: scale(1) translateY(0);
				transform: scale(1) translateY(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@-webkit-keyframes usps-logo {
	0%,54% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	59% {
		-webkit-transform: scale(0);
				transform: scale(0);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		z-index: 20;
	}
}

@keyframes usps-logo {
	0%,54% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	59% {
		-webkit-transform: scale(0);
				transform: scale(0);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
		z-index: 20;
	}
}

@-webkit-keyframes fedex {
	0%,30% {
		-webkit-transform: scale(.6) translateY(-66px) translateX(-40px);
				transform: scale(.6) translateY(-66px) translateX(-40px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	34% {
		-webkit-transform: scale(1.04) translateY(0) translateX(0);
				transform: scale(1.04) translateY(0) translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	41%,47% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	54% {
		-webkit-transform: scale(.8);
				transform: scale(.8);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes fedex {
	0%,30% {
		-webkit-transform: scale(.6) translateY(-66px) translateX(-40px);
				transform: scale(.6) translateY(-66px) translateX(-40px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	34% {
		-webkit-transform: scale(1.04) translateY(0) translateX(0);
				transform: scale(1.04) translateY(0) translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	41%,47% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	54% {
		-webkit-transform: scale(.8);
				transform: scale(.8);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes dhl {
	0%,31% {
		-webkit-transform: scale(.6) translateY(-66px) translateX(-120px);
				transform: scale(.6) translateY(-66px) translateX(-120px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	35% {
		-webkit-transform: scale(1.04) translateY(0) translateX(0);
				transform: scale(1.04) translateY(0) translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	42%,48% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	56% {
		-webkit-transform: scale(.8);
				transform: scale(.8);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes dhl {
	0%,31% {
		-webkit-transform: scale(.6) translateY(-66px) translateX(-120px);
				transform: scale(.6) translateY(-66px) translateX(-120px);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	35% {
		-webkit-transform: scale(1.04) translateY(0) translateX(0);
				transform: scale(1.04) translateY(0) translateX(0);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	42%,48% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	56% {
		-webkit-transform: scale(.8);
				transform: scale(.8);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes box-label {
	0%,59% {
		-webkit-transform: scale(.6);
				transform: scale(.6);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	64% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@keyframes box-label {
	0%,59% {
		-webkit-transform: scale(.6);
				transform: scale(.6);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	64% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@-webkit-keyframes box-usps {
	0%,55% {
		-webkit-transform: scale(0);
				transform: scale(0);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	61%, 100% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@keyframes box-usps {
	0%,55% {
		-webkit-transform: scale(0);
				transform: scale(0);
		opacity: 0;
		filter: alpha(opacity=0);
	}
	61%, 100% {
		-webkit-transform: scale(1);
				transform: scale(1);
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@-webkit-keyframes box-items {
	0%,54% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	58%, 100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes box-items {
	0%,54% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	58%, 100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@-webkit-keyframes usps-rate {
	0%,54% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	57%, 100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

@keyframes usps-rate {
	0%,54% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	57%, 100% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
}

 @media (min--moz-device-pixel-ratio: 1.5),
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi),
  (min-resolution: 1.5dppx) {
  	.base {
  		background: url('../img/animation/base@2x.png');
  		background-size: 1204px 2825px;
  	}
  	.order-1 {
  		background: url('../img/animation/order_1@2x.png');
  		background-size: 330px 59px;
  	}
  	.order-2 {
  		background: url('../img/animation/order_2@2x.png');
  		background-size: 312px 87px;
  	}
  	.order-3 {
  		background: url('../img/animation/order_3@2x.png');
  		background-size: 312px 69px;
  	}
  	.box, .box-2 {
	  	background: url('../img/animation/box@2x.png');
	  	background-size: 360px 282px;
  	}
  	.usps-logo {
	  	background: url('../img/animation/usps_logo@2x.png');
	  	background-size: 58px 58px;
  	}
  	.usps-rate {
  		background: url('../img/animation/usps_rate@2x.png');
  		background-size: 52px 20px;
  	}
  	.ups {
  		background: url('../img/animation/ups@2x.png');
  		background-size: 58px 94px;
  	}
	.fedex {
		background: url('../img/animation/fedex@2x.png');
		background-size: 58px 94px;
	}
	.dhl {
		background: url('../img/animation/dhl@2x.png');
		background-size: 58px 94px;
	}
	.box-label {
		background: url('../img/animation/box_label@2x.png') no-repeat;
		background-size: 66px 68px;
	}
	.box-usps {
		background: url('../img/animation/box_usps@2x.png') no-repeat;
		background-size: 36px 36px;
	}
	.box-items {
		background: url('../img/animation/box_items@2x.png') no-repeat;
		background-size: 158px 39px;
	}
}

aside.update_annc {
     border-bottom: 1px solid rgba(49, 78, 95, 0.12);
     margin-left: -10px;
     margin-right: -10px;
}

aside.update_annc p {
    text-align: center; margin-top: 10px;
}
aside.update_annc p a {
    color: rgba(17, 34, 51, 0.4);
    padding-top: 0px;
    margin-top: 0px;
}
aside.update_annc strong.new{
    color: #ffffff;
    content: &quot;NEW&quot;
    margin-right: 10px;
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    height: 19px; 
    line-height: 19px; 
    padding: 0px 5px;
    text-align: center;
    text-transform: uppercase;
    /*background: #7cb247 none repeat scroll 0% 0%;*/
    background: #e61f5c none repeat scroll 0% 0%;
}
aside.update_annc span{
    color: #009c9d;
    margin-left: 7px;
}

strong.beta{
    color: #ffffff;
    /*margin-right: 10px;*/
    border-radius: 4px;
    box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.07);
    box-sizing: border-box;
    display: inline-block;
    font-size: 10px;
    height: 19px; 
    line-height: 19px; 
    padding: 0px 5px;
    text-align: center;
    text-transform: uppercase;
    background: #7cb247 none repeat scroll 0% 0%;
    /*background: #e61f5c none repeat scroll 0% 0%;*/
}

.features-intro .inset .left .intro-text > p > a:after{
	content: '\e250';
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    padding-left: 3px;
}

.payments-api .inset .section-content .left > p > a:after{
	content: '\e250';
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    padding-left: 3px;
}

.appbloqs-section .inset .section-mid > p > a:after{
	content: '\e250';
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    padding-left: 3px;
}

.tracking-api-section .inset .section-mid > p > a:after{
	content: '\e250';
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    padding-left: 3px;
}

.intuitive-dashboard-section .inset .left .section > p > a:after{
	content: '\e250';
    font-family: 'Glyphicons Halflings';
    font-size: 8px;
    padding-left: 3px;
}