/*


*/

@font-face {
	font-family: Aller;
	src: url(../fonts/aller_rg-webfont.eot);
	src: url(../fonts/aller_rg-webfont.eot?#iefix) format("eot"), url(../fonts/aller_rg-webfont.svg) format("svg"), url(../fonts/aller_rg-webfont.woff) format("woff"), url(../fonts/aller_rg-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}
@font-face {
	font-family: Aller_Bd;
	src: url(../fonts/aller_bd-webfont.eot);
	src: url(../fonts/aller_bd-webfont.eot?#iefix) format("eot"), url(../fonts/aller_bd-webfont.svg) format("svg"), url(../fonts/aller_bd-webfont.woff) format("woff"), url(../fonts/aller_bd-webfont.ttf) format("truetype");
	font-weight: 400;
	font-style: normal
}

body {
	font-family: Aller;
	}
	
body a:visited, 
body .alink:visited {
	color: #555;
}

img, object, video, embed {
	height: auto;
}

body .logo {
    margin: 0px auto 20px 0;
}

body .logo img {
    max-height: inherit;
    width: 150px;
    height: 70px;
}

body .page-header .panel.wrapper {
	background-color: #EEE;
    height: 40px;
    border: 0;
    color: #555;
	position: relative;
	}	

body .page-header .panel.header {
	border: 0;
	color: #555;
	position: relative;
	margin: auto;
	z-index: 99999;
	padding-left: 10px;
	padding-right: 10px;
}

body .panel.header .switcher-trigger {
	padding-right: 33px!important;
    background-image: url(../images/flags.svg);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 28px auto;
}

html:lang(nl) body .panel.header .switcher-trigger {	
    background-position: 100% 0;
}
html:lang(en) body .panel.header .switcher-trigger {	
    background-position: 100% -54px;
}
html:lang(de) body .panel.header .switcher-trigger {	
    background-position: 100% -110px;
}
html:lang(fr) body .panel.header .switcher-trigger {	
    background-position: 100% -167px;
}
html:lang(es) body .panel.header .switcher-trigger {	
    background-position: 100% -337px;
}


.view-test.switcher-option {
	display: none;
}


html:lang(nl) .modal-content .action.action-register.primary span {
  display: none;
}
html:lang(nl) .modal-content .action.action-register.primary:after {
  content: 'Verder met bestellen';
}

body .panel.header .action.switch {
	color: #555;
}

body .panel.header .switcher {
	display: block !important;
	margin-right: 10px;
}

body .navigation,
body .nav-sections {
	background-color: #FFF;
}

body .navigation ul {
	padding: 5px 8px;
    width: 800px;
    position: absolute;
    left: 204px;
    top: -56px;
}

body .navigation ul ul {
    width: auto;
}

body .header.panel > .header.links > li > a:visited,
body .header.panel > .header.links > li > a {
	color: #000;
	text-decoration: underline;
	}

body .header.panel > .header.links > li > a:hover {
	color: #57B2DF;
	text-decoration: underline;
	}

body .nav-sections-item-title {
}

iframe.kiyoh-holder {
	width: 150px;
	height: 50px;
	display: block;
}

.block.block-search iframe.kiyoh-holder {
    width: 200px;
    height: 65px;
    display: block;
    position: absolute;
    left: -200px;
    top: -5px;
}

body .compare.wrapper,
body .minicart-wrapper,
body .block-search {
	
}
body .navigation .level0.active>a:not(.ui-state-active), 
body .navigation .level0.has-active>a:not(.ui-state-active) {
	border-color: #57B2DF;
}
.minicart-wrapper .action.showcart .counter-number {
	text-shadow: none;
}

.block-customer-login .messages:before {
	content: 'Met uw Spotter account kunt u niet inloggen in de webshop. Maak hiervoor een apart webshop account aan, eventueel met dezelfde gegevens als uw Spotter account.';
}

.block-customer-login .block-content {
	margin-top: 30px;
}

.block-customer-login .action-login,
.action.primary {
	background-color: #57B2DF;
	border: 0;
	color: #FFF;
	padding: 11px 20px;
	text-decoration: none;
	border-radius: 100px;
	font-weight: normal;
	font-size: 1.8rem;
	line-height: 1.8rem;
	min-width: 100px;
	}
	
button.action.primary {
	padding: 10px 20px 12px 20px;
	}

.action.primary:hover {
	background-color: #288BC3;


	}

.minicart-wrapper .action.showcart .counter.qty {
	background: #288BC3;
	}





	
body .minicart-items .product-item-details {
	padding-left: 118px; 
}

.opc-wrapper .shipping-address-item.selected-item {
	border-color: #57B2DF;
	}
	
.opc-wrapper .shipping-address-item.selected-item:after {
	background: #57B2DF;
	}

body .opc-progress-bar-item:before {
	height: 10px;
	border: 0;
	top: 22px;
	}
	
body .opc-progress-bar-item > span {
	padding-top: 60px;
	}

body .opc-progress-bar-item._active > span:before {
    background: #A0D048;
}
body .opc-progress-bar-item._active:before {
    background: #A0D048;
}

	
body .opc-progress-bar-item > span:before {
	background-color: transparent;
	border: 0;
		
} 
body .opc-progress-bar-item > span:after {
	width: 50px;
	height: 50px;
	margin-left: -25px;
	background-color: #FFF;
	border: 1px solid #E4E4E4;
	
	font-size: 34px;
	top: 0;
}

body .opc-progress-bar-item._active > span:after {
	border: 1px solid #A0D048;
	background-color: #A0D048;
	content: 'L';
	font-family: Aller;
	color: #FFF;
	transform: rotate(45deg) scaleX(-1);
}

body .opc-progress-bar-item._complete > span:after {
	content: 'L';
	font-family: Aller;
	
	transform: rotate(45deg) scaleX(-1);
}

body .checkout-agreements .field.choice {
	padding-left: 0;
	margin-left: -10px;
}
body .checkout-agreements .field.choice span {
	font-size: 12px !important;
}

body .payment-method-content .card-container {
	overflow: visible;
}

.checkout-onepage-success #registration {
	display: none;
}


/* */
.onthemove {
	position: fixed;
	z-index: 99999999999999;
	}

.onthemove img {
	opacity: 1;
	width: 100%;
	height: auto;
	}
	
.onthemove .fotorama__caption {
	display: none;
	}	
	
/*disable slider button bg*/
body .fotorama__arr, 
body .fotorama__thumb__arr {
	background-color: transparent !important;
}
	
body .fotorama__thumb-border {
	border-color: #EEE; 
}

body .fotorama__thumb {
	background-color: #FFF;
}
	
body .fotorama__active .fotorama__dot {
	background-color: #57B2DF;
    border-color: #57B2DF;
}

iframe {
	width: 100%;
	height: 40vw;
	border: 0;
	max-height: 698px;
}
		
.product.description table {
	border: 0;
}
.product.description table tr:nth-child(odd) {
	background-color: #F9F9F9
}

body .data.item.title {
	display: none;
}

body .product.data.items {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body .product.data.items>.item.content {
    background: #fff;
    margin-top: 43px;
    padding: 0;
    border: 0px solid #ccc;
	border-top: 5px solid #eee;
	padding-top: 30px;
}

/* Home */ 
.cms-home-es .page-title-wrapper,
.cms-home .page-title-wrapper {
	display: none;
}

.tj-home {
	position: relative;
}

.tj-home:after {
	content: ' ';
	display: block;
	width: 100%;
	height: 10px;
	background-color: #EEE;
	border-radius: 100px;
	margin: 50px 0;
}

.tj-home-left {
	background-image: url(../images/home-bg.jpg);
	background-repeat: no-repeat;
	background-size: 110% auto;
	background-position: 50% -120px;
	
	border-radius: 5px;
	background-color: #EEE;
	color: #FFF;
	padding: 40px;
	height: 352px;
	width: 45%;
}
.tj-home-left h2 {
	font-size: 30px;
	margin: 0 0 10px 0;
}

.home-image {
	margin-top: 10px;
	width: 100%;
	height: 192px;
	display: inline-block;
	background-image: url("../images/home-bag.png");
	background-repeat: no-repeat;
	background-position: 50% 0;
	
}
.tj-home-left p {
}

.tj-help {
	width: 45%;
	height: 423px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	
	border: 5px solid #EEE;
	border-radius: 5px;
	
	background-image: url("../images/help-bg.png");
	background-repeat: no-repeat;
	background-size: 360px auto;
	background-position: 50% 34px;
	background-color: #E2E2E2;
}

.tj-help h2 {
	font-size: 30px;
    margin: 0;
    margin-top: 50px;
}
.tj-help p {
	font-size: 20px;
}

.tj-help .action.primary {
	margin-top: 230px;
    display: inline-block;
}


body .copyright {
	background-color: #000;
}

body .page-footer {
	padding-bottom: 0;
}

.footer-holder {}

.footer-block {
	display: inline-block;
	margin: 0 30px 30px 0;
	width: 30%;
}

.footer-block-1 {
}

.footer-image,
.payment-options {
	width: 280px;
	height: 74px;
	display: inline-block;
	
	background-image: url("../images/payment-options.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: 0 0;
}

html:lang(de) .payment-options {	
	background-image: url("../images/payment-options-de.png");
}

html:lang(es) .payment-options {	
	background-image: url("../images/payment-options-es.png");
}

.footer-image {
	background-image: url("../images/Logos1.png");
}

/*
.customer-account-create .page-title span {
	display: none;
}
.customer-account-create .page-title:after {
	content: "";
}
*/

.form.form-create-account .field {
	width: 45%;
	float: left;
	margin-right: 20px;
}

.form.form-create-account .fieldset.create.info {
    margin-top: -30px;
    margin-bottom: 20px;
}

.form.form-create-account .fieldset.create.info .legend {
	display: none;
}
.form.form-create-account .legend span {
	display: none;
}

.form.form-create-account #remember-me-box {
	display: none;
}

.form.form-create-account .action.submit.primary span {
	display: none;
}
.form.form-create-account .action.submit.primary:after {
	content: "Verder";
}

@media screen and (max-width: 640px) {
	.action.primary {
		font-size: 1.2rem;
		line-height: 1.2rem;
	}
	.header-contact {
		color: #555 !important;
		top: 18px !important;
	}
	.tj-home-left {
		display: table-cell;
		background-size: 150% auto;
    	background-position: 50% 0px;
	}

	.tj-help {
		width: 99%;
		position: relative;
		margin-top: 30px;
		height: 423px;
	}
	body .navigation ul {
		padding: 0;
		position: relative;
		left: auto;
		top: auto;
	}
	body .page-header .switcher .options {
		position: absolute;
		right: 15px;
    	top: 15px;
	}
	
	.form.form-create-account .field {
		width: 100%;
		margin-right: 0px;
	}

	
	.footer-block {
		width: 100%;
		margin-right: 0;
	}
	

	.color-switcher a {
		padding-left: 50px !important;
		height: 50px !important;
	}
}

@media screen and (min-width: 640px) {
	
	/* menu */
	
	
	body .nav-sections-items:first-child {}
	
	body .header.links {
		
	}
	
	body .navigation .level0 > .level-top {
		color: #555 !important;
		font-size: 18px;
		font-weight: bold;
		}

	body .navigation .level0 > .level-top:hover {
		color: #ccc !important;
		border-bottom: 0px
		}

	body .navigation .level0.active>.level-top, 
	body .navigation .level0.has-active>.level-top {
		color: #ccc;
		border: 0;
		}	

	/**** gird ****/
	body .products-grid .product-item-info:hover, 
	body .products-grid .product-item-info.active {
		background: #fff;
		box-shadow: 0px 10px 7px 0 rgba(0,0,0,0.3) !important;
		border: 1px solid #eee;

		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}

	body .products-grid .product-item-inner {
		box-shadow: 0px 10px 7px 0 rgba(0,0,0,0.3) !important;
		border: 1px solid #eee;
		border-top: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}

	body .products-grid .product-item {
		width: calc((100% - 8%)/3) !important;
		text-align: center;
	}
	body .products-grid .product-item:nth-child(3n + 1) {
		margin-left: 0 !important;
	}

}

body .bundle-options-container {
    float: left;
    width: 100%;
    background-color: #EEE;
	border-radius: 20px;
	margin-top: 30px;
}

body .bundle-options-container .product-add-form {
	padding: 30px;
}


.checkout-steps {
	padding: 0;
	margin: 0;
	max-width: 650px;
	margin-bottom: 30px;
}

.checkout-steps li {
	min-height: 62px;
	list-style: none;
	padding: 20px 20px 20px 120px;
	background-image: url("../images/succes-page-icons.jpg");
	background-size: 100px auto;


	background-repeat: no-repeat;
	background-position: 0 10px;
}
.checkout-steps li:nth-child(2) {
	background-position: 0 -205px;
}

.checkout-steps li:nth-child(3) {
	background-position: 0 -410px;
}

.checkout-steps h4 {
	margin: 0 0 5px 0;
}

.checkout-success {
	margin-bottom: -30px;
}

.checkout-payment-method .payment-method-title {
	
}

.payment-method #docdatacw_ideal,
.payment-method #docdatacw_paypal,
.payment-method #docdatacw_mastercard,
.payment-method #docdatacw_visa {
	position: relative;
	margin-left: 50px;
}

.payment-method #docdatacw_ideal:after,
.payment-method #docdatacw_paypal:after,
.payment-method #docdatacw_mastercard:after,
.payment-method #docdatacw_visa:after {
	content: " ";
    position: absolute;
    left: -50px;
    width: 50px;
    top: -4px;
    height: 27px;
    display: inline-block;
    background-image: url(../images/payment-methods.jpg);
    background-size: 60px auto;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.payment-method #docdatacw_paypal:after {
	background-position: 0 -277px;
}
.payment-method #docdatacw_mastercard:after {
	background-position: 0 -71px;
}
.payment-method #docdatacw_visa:after {
	background-position: 0 -137px;
}


.header-contact {
	position: absolute;
    right: 20px;
    top: 7px;
	color: #FFF;
}
.header-contact p {
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 -3px;
	padding: 0
}
.header-contact h1 {
	font-weight: bold;
	font-size: 25px;
	padding: 0;
	margin: 0
}

.tj-order-banner {
	padding: 10px;
    position: relative;
    left: 0;
    top: -11px;
    font-size: 15px;
    font-weight: bold;
    display: inline-block;
}

/* opc */
body .product-options-bottom .price-box .price-container, 
body .product-info-price .price-box .price-container {
    font-size: 0.8em;
}

.onestepcheckout-index-index .page-title-wrapper {
	border-top: 3px solid #EEE !important;
}

.checkout-shipping-address .step-content {
	margin-left: -10px;
}
.opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping {
	background: #FFF;
}

.onestepcheckout-index-index .page-title-wrapper h1,
.onestepcheckout-index-index .page-title-wrapper p {
	display: none !important;
}

.onestepcheckout-index-index .content.minicart-items {
	display: none;
}

.osc-place-order-wrapper button.action.primary.checkout {
	text-transform: uppercase;
}
.opc-wrapper .shipping-address-items {
	padding: 0 !important;
}
.step-content.col-mp,
.opc-block-summary.step-content{
	padding: 0 !important;
}

.order-summary .opc-block-summary table.data.table.table-totals {
	background-color: #EEE;
	border: 0;
}

.cart-totals tbody .mark, .cart-totals tfoot .mark, 
.opc-block-summary .table-totals tbody .mark,
.opc-block-summary .table-totals tfoot .mark {
	padding: 15px 0px;
}

.opc-block-summary .table-totals tbody .amount, 
.opc-block-summary .table-totals tfoot .amount {
	padding: 15px;
}

.opc-block-summary .table-totals .grand .mark {
	padding: 6px !important;
}

html:lang(fr) #opc-sidebar .totals.shipping.incl .value {
	display: none;
}

button {
	font-family: Aller;
}


/******* SPINNER ********/

.functions-holder {}

.spinner-holder {
	display: inline-block;
	position: relative;
	
	width: 470px;
	height: 470px;
	margin: 20px 0 50px 0;
	}

.spinner-small {
	border: 8px solid #57B2DF;
	border-radius: 500px;
	
	width: 160px;
	height: 160px;

	background-image: url(https://www.spottergps.com/wp-content/themes/spotter/360images/princess/04.jpg);
	background-size: 100% auto;
	background-color: #FFF;
	
	position: absolute !important;
	right: -70px;
	top: 0;
	z-index: 997;
	
	cursor: pointer;
}

.spinner-small.second {
	background-image: url(https://www.spottergps.com/wp-content/themes/spotter/360images/army/04.jpg);
	}
.spinner-small.green {
	background-image: url(https://www.spottergps.com/wp-content/themes/spotter/360images/army/04.jpg);



	}
.spinner-small.pink {
	background-image: url(https://www.spottergps.com/wp-content/themes/spotter/360images/princess/04.jpg);
	}
.spinner-small.black {
	background-image: url(https://www.spottergps.com/wp-content/themes/spotter/360images/black/04.jpg);
	}

.spinner-small-double {
	width: 140px;
	height: 140px;
	
	right: -40px;
	top: 0;
	}

.spinner-small-2 {
	right: -105px;
    top: 160px;
	}

.spritespin {
	border: 10px solid #57B2DF;
	border-radius: 500px;
	cursor: url(https://www.spottergps.com/wp-content/themes/spotter/images/drag-up.png), auto;
	
	width: 470px;
	height: 470px;
}

.spritespin.hidden {
	display: none;
	}

.spritespin.mouseDown {
    cursor: url(https://www.spottergps.com/wp-content/themes/spotter/images/drag-down.png), auto;
}

.spritespin-progress {
	position: absolute;
	width: 80%;
	left: 10%;
	top: 45%;
}

.spritespin-progress-bar {
	background-color: grey;
	height: 1px;
}

.rotate-icon {
	background-image: url(https://www.spottergps.com/wp-content/themes/spotter/images/360-icon.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 88px;
	height: 48px;
	display: block;
	position: absolute;
	z-index: 99999;
	bottom: 40px;
    right: 70px;
	}
	
.patch-new {
	background-image: url(https://www.spottergps.com/wp-content/themes/spotter/images/new-patch.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 180px;
	height: 81px;
	display: block;
	position: absolute;
	z-index: 99999;
	top: 30px;
	left: 0px;
	}
	
.patch-new.patch-new-en	{
	background-image: url(https://www.spottergps.com/wp-content/themes/spotter/images/new-patch-en.png);
	}

.patch-new.patch-new-fr	{
	background-image: url(https://www.spottergps.com/wp-content/themes/spotter/images/new-patch-fr.png);
	}

.form.form-create-account {
	
}


@media screen and (max-width:1400px) {
	.checkout-index-index .page-header {
		margin-bottom: -11px;
	}
	body .page-header .panel.wrapper {
		height: 60px;
	}	
	.tj-order-banner {
		padding: 20px 80px 0px 5px;
		
	}
	
	.rotate-icon {
		width: 44px;
		height: 24px;
		bottom: 20px;
   		right: 50px;
	}
	.patch-new {
		width: 110px;
		height: 81px;
		top: 30px;
		left: 0px;
	}

	.onestepcheckout-index-index .page-title-wrapper {
		border-top: 0px solid #EEE !important;
	}
}

/******* SPINNER END ********/

.color-switcher {
	margin-top: 40px;
	}
.color-switcher a {
	width: 0px;
	padding-left: 74px;
	overflow: hidden;
	height: 74px;
	display: inline-block;
	
	background-image: url(../images/watch-color-options.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	
	margin: 10px 20px 0 0;
	float: left;
	border-radius: 100px;
	}

.color-switcher a:nth-child(2) {
	display: none;
}
.color-switcher.air a:nth-child(2) {
	display: block;
}

.language-button.de .color-switcher a:nth-child(2) {
	display: block;
}

.color-switcher a:nth-child(3) {
	background-position: 0 -100px;
}
.color-switcher a:nth-child(4) {
	background-position: 0 -200px;
}
.color-switcher a:nth-child(5) {
	background-position: 0 -300px;
}
.color-switcher a:nth-child(6) {
	background-position: 0 -400px;
}

.color-switcher a.selected-color {
	border: 5px solid #57B2DF;
	border-radius: 100px;
	background-position: 50% 0px;
	margin-top: 5px;
	}

.color-switcher.air a {
	background-image: none;
	margin-top: 5px;
	border: 5px solid #EEEEEE;
    border-radius: 100px;
	background-color: #FFF;
}

.color-switcher.air a:nth-child(3) {
	background-color: #000;
}


.color-switcher a.selected-color {
	border: 5px solid #57B2DF;
	border-radius: 100px;
	background-position: 50% 0px;
	margin-top: 5px;
	}

	
.color-switcher a.selected-color:nth-child(3) {
	background-position: 0 -100px;
	}
.color-switcher a.selected-color:nth-child(4) {
	background-position: 0 -200px;
	}
.color-switcher a.selected-color:nth-child(5) {
	background-position: 0 -300px;
	}
.color-switcher a.selected-color:nth-child(6) {
	background-position: 0 -400px;
	}

.color-switcher-2 {
	margin-top: 40px;
	}
.color-switcher-2 a {
	width: 0px;
	padding-left: 74px;
	overflow: hidden;
	height: 74px;
	display: inline-block;
	background-color: #ccc;
	margin: 10px 20px 0 0;
	border-radius: 100px;
	}

.color-switcher-2 a.selected-color {
	border: 5px solid #57B2DF;
	border-radius: 100px;
	background-position: 50% 0px;
	margin-top: 5px;
	}

.color-switcher-2 a.blue {
    background-color: #98C6FE;
}
.color-switcher-2 a.black {
    background-color: #232323;
}
.color-switcher-2 a.pink {
    background-color: #FDD1DB
}
.color-switcher-2 a.green {
    background-color: #758862;
}

.color-switcher-2 a span {
	display: none;
}

body .action.print {
	background-color: #57B2DF;
	border-radius: 100px;
	padding: 10px 17px;
	color: #FFF;
}

.block.block-new-customer ul {
	display: none;
}
.action.action-register.primary {
	margin-top: -20px;
}

.category-gps-tracker .product-options-bottom::before {
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 7px;
}

.checkout-onepage-success .page-title-wrapper {
    padding-left: 0px;
    margin-bottom: 0px !important;
}
.checkout-onepage-success .page-title-wrapper h1 {
    padding-left: 0px;
    margin-bottom: 20px !important;
}
html:lang(nl) .category-gps-horloges .product-options-bottom::before
html:lang(nl) .category-gps-tracker .product-options-bottom::before {
    content: "Prepaid tegoed";
}
html:lang(nl) .category-gps-horloges .product-options-bottom::after,
html:lang(nl) .category-gps-tracker .product-options-bottom::after {
	content: "Zodra u de Spotter heeft ontvangen, maakt u een online account aan waar u het prepaid tegoed kunt opwaarderen. Dit hoeft u nu nog niet te doen.";
}
html:lang(en) .category-gps-horloges .product-options-bottom::before,
html:lang(en) .category-gps-tracker .product-options-bottom::before {
    content: "Prepaid credit";
}
html:lang(en) .category-gps-horloges .product-options-bottom::after,
html:lang(en) .category-gps-tracker .product-options-bottom::after {
	content: "As soon as you have received the Spotter, you create an online account where you can top up the prepaid credit. You don't have to do this now.";
}
html:lang(fr) .category-gps-horloges .product-options-bottom::before,
html:lang(fr) .category-gps-tracker .product-options-bottom::before {
    content: "Crédit prépayé";
}
html:lang(fr) .category-gps-horloges .product-options-bottom::after,
html:lang(fr) .category-gps-tracker .product-options-bottom::after {
	content: "Dès que vous avez reçu le Spotter, vous créez un compte en ligne où vous pouvez recharger le crédit prépayé. Vous n'êtes pas obligé de faire ça maintenant.";
}
html:lang(de) .category-gps-horloges .product-options-bottom::before,
html:lang(de) .category-gps-tracker .product-options-bottom::before {
    content: "Prepaid-Nutzung";
}
html:lang(de) .category-gps-horloges .product-options-bottom::after,
html:lang(de) .category-gps-tracker .product-options-bottom::after {
	content: "Sobald Sie den Spotter erhalten haben, erstellen Sie ein Online-Konto, in dem Sie den Spotter aufladen können. Sie müssen dies jetzt nicht tun.";
}

html:lang(es) .category-gps-horloges .product-options-bottom::before
html:lang(es) .category-gps-tracker .product-options-bottom::before {
    content: "Crédito prepago";
}
html:lang(es) .category-gps-horloges .product-options-bottom::after,
html:lang(es) .category-gps-tracker .product-options-bottom::after {
	content: "Una vez que haya recibido el Spotter, cree una cuenta en línea donde podrá recargar el crédito prepago. No es necesario que hagas esto todavía.";
}
	
.product-backorder {
	background-color: #FBE8D2;
	border: 1px solid #EA8C20;
	border-radius: 10px;
	padding: 20px;
	display: block;
}

.language-button {
    padding-left: 25px;
    background-image: url(../images/language.png);
	background-repeat: no-repeat;
    background-size: 19px auto;
	cursor: pointer;
	color: #000;
}
.language-button {
    background-position: 0 3px;
}
.language-button.en {
    background-position: 0 -132px;
}
.language-button.fr {
    background-position: 0 -200px;
}
.language-button.sv {
    background-position: 0 -270px;
}
.language-button.de {
    background-position: 0 -66px;
}
.language-button.es {
    background-position: 0 -337px;
}

@media screen and (max-width:800px) {
	.language-button {
		position: absolute;
		right: 17px;
		top: 12px;
	}
}
.switcher-language-nav {
	display: none;
}
.language-menu-holder {
	transition: all .2s ease-in-out;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	z-index: 99;
	}

.language-menu-holder.active {
	opacity: 1;
	visibility: visible;
	}

.language-menu-holder:after {
	position: fixed;
	background-color: #000;
	width: 100%;
	height: 100%;
	content: " ";
	left: 0;
	top: 0;
	z-index: 99;
	opacity: 0.2;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
	}
	
.language-menu {
	width: 300px;
	padding: 30px;
    border-radius: 10px;
	position: fixed;
	top: 40%;
	left: 50%;
	margin: -100px 0 0 -180px;
	z-index: 999;
	background-color: #FFF;
	transition: all .2s ease-in-out;
	box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1);
	transform: skewY(-8deg);
	}

.language-menu-holder.active .language-menu {
	top: 50%;
	transform: skewY(0deg);
	}

.language-list {
	padding: 0;
	margin: 0;
	list-style: none
}
.language-list li {
	font-size: 18px;
	background-image: url(../images/language.png);
	background-repeat: no-repeat;
	padding: 9px 0 5px 50px
}
.language-list li.nl {
	background-position: 0 11px
}
.language-list li.en {
	background-position: 0 -187px
}
.language-list li.de {
	background-position: 0 -87px
}
.language-list li.fr {
	background-position: 0 -288px
}
.language-list li.es {
	background-position: 0 -488px;
}
.language-list li a {
	text-decoration: none;
	color: #000;
}
.language-list li a:visited {
	color: #000;
}
.language-list li.se {
	background-position: 0 -386px;
}
.control.captcha-image img {
	max-height: auto!important;
	max-width: auto!important;
}

/**** PRINT ****/
@media print {
    body .order-details-items {
		float: left;
	}
	body .block-order-details-view .block-content .box {
		width: 310px;
		float: left;
		margin-bottom: -10px;
	}
	body .order-details-items .product-item-name {
		font-size: inherit;
		margin: 0;
	}
	
	body .order-details-items th.col.name {
		padding-left: 0;
	}
	body .order-details-items td.col.name {
		padding: 20px 0;
	}
	
	body .cart-price,
	body .cart-price .price {
		font-size: 14px !important;
		font-weight: normal !important;
		
	}
	body span.price {
		
		margin-top: 2px;
	}
	body .totals span.price {
		margin-top: 0px;
	}
	
	body .order-details-items thead .col.qty,
	.col.qty {
		max-width: 100px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
	}
	.col.sku {
		width: 70px;
	}
	.col.price {
		width: 70px;
	}
	body .qty.summary {
		
	}
}

/*************************************************/
.action.back.customization {
	display: none;
}
.product-spotter-gps-tracker .field.option.required {
	
}

.tooltip-i {
	background-color: #2EB4E7;
    width: 18px;
    height: 16px;
    color: #FFF;
    border: 3px solid #FFF;
    display: inline-block;
    border-radius: 20px;
	text-align: center;
	font-weight: bold;
    cursor: pointer;
	padding: 0px 0 2px 0;
}

.sp-tooltip {
	position: relative;
	display: inline-block;
	top: -2px;
}

.sp-tooltip .tooltiptext {
  visibility: hidden;
  width: 500px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -270px;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.3s;
	font-weight: normal;

}

.sp-tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.sp-tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
@media screen and (max-width:800px) {
	.sp-tooltip .tooltiptext {
	     width: 240px;
    	margin-left: -210px;
	}
	.sp-tooltip .tooltiptext::after {
		left: 210px;
	}
}

.totals.excl {
	display: none !important;	
}

.cart-totals tbody .mark {
	padding: 0;
}

.cart-summary .checkout-methods-items {
	margin-top: 10px;
}

.cart-totals .grand .mark {
	font-size: 16px;
	padding-top: 12px;
}
.cart-totals .grand strong {
	font-size: 16px;
}

@media only screen and (max-width: 639px){
	.opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping {
		padding: 0px 0px
	}
	#billing {
		margin-left: -10px;
	}
	.fieldset>.field>.label, .fieldset>.fields>.field>.label {
		font-weight: normal;
	}
}
.field .control._with-tooltip input {
	width: 100%;
}
.field-tooltip {
	display: none;
}

.page-wrapper .opc-wrapper .fieldset > .field > .label {
	margin-bottom: 0 !important;
}

.address-autofill-nl-postcode,
.address-autofill-intl-input,
.address-autofill-nl-house-number {
	padding-left: 10px;
}

.table-checkout-shipping-method tbody td {
    padding-bottom: 5px;
    padding-top: 15px;
}

@media only screen and (max-width: 786px) {
	.opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping {
		margin: 5px 0px 15px;
	}
}

@media only screen and (max-width: 767px) {
	.checkout-payment-method .step-title {
		padding-left: 0px;
	}
}

html:lang(nl) .place-order-primary button span {
  display: none;
}
html:lang(nl)  .place-order-primary button:after {
  content: 'Bestellen';
}


html:lang(nl) .create-account-checkbox label span {
  display: none;
}
html:lang(nl) .create-account-checkbox label:after {
  content: 'Account aanmaken';
}

.opc-estimated-wrapper .estimated-block {
	padding-left: 10px;
}

.nav-sections {
	border-top: 4px solid #EEE;
}

.usps {
	display: flex !important;
    justify-content: space-between;
    width: 1230px;
    margin: -20px auto 25px auto;
    padding: 15px 0 10px 0;
	position: relative;
	border-bottom: 5px solid #EEE;
}

.usps li {
	display: inline-block;
	padding: 0px 0 0 25px;
	position: relative;
}

.usp-icon {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 15"><path d="M 0.6 5.2 C -0.2 6 -0.2 7.3 0.5 8.1 L 6.2 14.4 C 6.9 15.2 8.2 15.2 9 14.4 L 18.4 4.5 C 19.2 3.7 19.2 2.4 18.4 1.6 C 17.6 0.8 16.3 0.8 15.5 1.6 L 7.7 9.9 L 3.3 5.1 C 2.6 4.4 1.4 4.4 0.6 5.2 Z" fill="%23a0d046"/></svg>');
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 20px auto;
	width: 20px;
	height: 20px;
	display: inline-block;
	position: absolute;
	top: 0;
	margin-left: -23px;
}

.usps li span {
	color: #ED8A21;
}

body .nav-toggle {
	top: -50px;
}



.simple-banner {
	z-index: 99999;
	width: 100%;
    text-align: center;
    position: relative;
    display: block;
	background-color: #ffdf6c;
	background-image: url(../images/special-bg.svg);
} 
.simple-banner .simple-banner-text {
	color: #fff;
    font-weight: 700;
    padding: 10px 20px;
	font-size: 18px;
}
.simple-banner a {
	color: inherit;
}


.address-autofill-nl-postcode, 
.address-autofill-intl-input, 
.address-autofill-nl-house-number {
	padding-left: 0 !important;
}

.items.payment-methods {
	padding-left: 10px;
}

.table-totals th {
	padding: 15px 10px 10px 10px !important;
}

.grand.totals .mark strong {
	padding: 14px 0 0 5px !important;
}
.opc-block-summary .grand.totals .price {
	color: #000 !important;
}

.payment-option.discount-code {
	padding-top: 30px;
}

body .checkout-agreements .field.choice {
	margin-left: 10px !important;
}

@media only screen and (max-width: 767px) {
	
	.usps {
		margin: -5px auto 20px auto;
		padding-bottom: 16px;
		overflow: hidden;
		width: 90%;
	}
	
	.usps li {
		animation: slide-left-4-sec 25s ease-in-out infinite;
		min-width: 100vw;
		transform: translateX(100vw);
		
		bottom: 0;
		display: block;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		
		text-align: center;
		padding: 0;
		padding-left: 12px;
	}
	.usps li:nth-child(2) {
		animation-delay: 5s;
	}
	.usps li:nth-child(3) {
		animation-delay: 10s;
	}
	.usps li:nth-child(4) {
		animation-delay: 15s;
	}
	.usps li:nth-child(5) {
		animation-delay: 20s;
	}
}

@keyframes slide-left-4-sec {
    0% {
        transform: translateX(100vw);
        visibility: visible
    }

    6.6% {
        min-width: 100%;
        transform: translateX(0)
    }

    20% {
        min-width: 100%;
        transform: translateX(0)
    }

    30% {
        transform: translateX(-350vw);
        visibility: hidden
    }

    to {
        transform: translateX(-350vw);
        visibility: hidden
    }
}