@font-face {
	font-family: 'ProximaNova';
	src: url('../fonts/proximanova-regular.woff') format('woff'),
		url('../fonts/proximanova-regular.ttf')  format('truetype');
}

@font-face {
	font-family: 'ProximaNova';
	src: url('../fonts/proximanova-bold.woff') format('woff'),
		url('../fonts/proximanova-bold.ttf')  format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Light.woff') format('woff'),
		url('../fonts/Roboto-Light.ttf')  format('truetype');
	font-weight: 100;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Regular.woff') format('woff'),
		url('../fonts/Roboto-Regular.ttf')  format('truetype');
	font-weight: 300;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Medium.woff') format('woff'),
		url('../fonts/Roboto-Medium.ttf')  format('truetype');
	font-weight: 500;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Bold.woff') format('woff'),
		url('../fonts/Roboto-Bold.ttf')  format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: 'Glyphicons Halflings';
	src: url(../fonts/glyphicons-halflings-regular.woff);
	font-weight: bold;
}

/* common */

.nopadding {
	padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

.nomarginleft {
	margin-left: 0 !important;
}

.nomarginright {
	margin-right: 0 !important;
}

.nomarginbottom {
	margin-bottom: 0 !important;
}

.noborder {
	border: 0 !important;
}

.img-responsive {
	width: 100%;
}

p {
	padding: 0;
	margin: 0;
}

a:hover,
a:active,
a:focus {
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}

.glyphicon:before {
	text-shadow: none;
}

article a {
    color: #597dda;
}

article a:hover {
    color: #597dda;
}

article h2 {
	margin: 0 0 30px;
	font-family: 'ProximaNova';
	font-size: 40px;
	font-weight: bold;
	color: #597dda;
	text-transform: uppercase;
}

.btn-default {
	color: #000;
	background-color: #ffcc04;
	border-color: #e0b200;
}

.btn-default:hover {
	color: #000;
	background-color: #e0b200;
	border-color: #e0b200;
}

.button-skin {
	padding: 15px 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 22px;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	border: 0;
	background-color: #597dda;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.button-skin i {
	margin-left: 15px;
	margin-top: -5px;
	font-size: 40px;
	vertical-align: middle;
}

.selector .button-skin {
	color: #fff;
	background-color: #597dda;
}

.button-skin:hover {
	color: #fff;
	text-decoration: none;
	background-color: #1751c0;
}

.selector .button-skin:hover {
	color: #fff;
	background-color: #1751c0;
}

.submit-button .disabled,
.submit-button .disabled:hover {
	background-color: #3b3b3b;
    opacity: 0.2;
    filter: alpha(opacity=20); /* For IE8 and earlier */
}

.debug {
	padding: 5px 15px;
	font-size: 14px;
	color: #000;
	background-color: #ff0;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1050;
}

.debug strong {
	text-transform: uppercase;
}

body {
	padding: 200px 0 0;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 300;
	color: #626373;
	background-color: #fff;
}

body.selector {
	background-image: none;
}


/* header */

header .navbar {
	min-height: 200px;
	padding: 0;
	margin-bottom: 0;
	border: none;
	background-color: #fff;
	border: 0;
	transition: height .5s ease;
	-moz-transition: height .5s ease;
	-webkit-transition: height .5s ease;
	-o-transition: height .5s ease;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.selector header .navbar {
	background-color: #fff;
}

header.scrolled-nav .navbar {
	min-height: 100px;
}

header nav .container {
	padding-top: 71px;
	padding-top: 56px;
	transition: padding .5s;
	-webkit-transition: padding .5s; /* Safari */
}

.selector header nav .container {
	padding-top: 56px;
}

.selector header.scrolled-nav nav .container {
	padding-top: 17px;
}

header .navbar-header {
	border-bottom: 0 !important;
}

header nav .top-logo {
	display: inline-block;
}

header nav .top-logo img {
	width: 238px;
	height: 88px;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
}

header.scrolled-nav nav .top-logo img {
	width: 178px;
	height: 66px;
}

.selector header nav .top-logo img {
	width: 238px;
	height: 88px;
}

.selector header.scrolled-nav nav .top-logo img {
	width: 178px;
	height: 66px;
}

.selector .navbar-header {
	float: left;
}

.selector .header-nav-menu-1 {
	margin-top: 21px;
	margin-bottom: 0;
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	float: right;
}

.selector .header-nav-menu-1 .navbar-nav {
	margin: 0;
}

header nav a.dropdown-toggle .selector-active,
header nav a.dropdown-toggle:hover .selector,
header nav a.dropdown-toggle:hover .selector-active,
header nav a.dropdown-toggle:hover i,
header nav .open a.dropdown-toggle .selector,
header nav .open a.dropdown-toggle .selector-active,
header nav .open a.dropdown-toggle i {
    color: #597dda;
}

header nav .selector,
header nav .selector-active {
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 300;
	color: #597dda;
	text-transform: uppercase;
}

.selector header nav .selector,
.selector header nav .selector-active {
	text-transform: none;
}

header nav .selector-active {
	font-weight: bold;
}

header nav .fa {
	margin: 2px 0 0 5px;
	font-size: 16px;
	color: #597dda;
	vertical-align: middle;
}

.selector header nav .selector,
.selector header nav .selector-active,
.selector header nav .fa,
.selector header nav a.dropdown-toggle .selector-active,
.selector header nav a.dropdown-toggle:hover .selector,
.selector header nav a.dropdown-toggle:hover .selector-active,
.selector header nav a.dropdown-toggle:hover i,
.selector header nav .open a.dropdown-toggle .selector,
.selector header nav .open a.dropdown-toggle .selector-active,
.selector header nav .open a.dropdown-toggle i {
	color: #597dda;
}

.nav > li > a:hover,
.nav > li > a:focus,
.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
	background: none;
}

.navbar-nav > li > .dropdown-menu {
	margin-top: 5px;
}


nav li a.dropdown-toggle {
	padding: 0;
	margin: 0;
	background-color: transparent !important;
}

.dropdown-menu > li > a {
	padding: 2px 10px;
	color: #fff;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:active {
	color: #fff;
	background-color: #626373;
}

.dropdown-menu {
	min-width: 120px;
	padding: 5px 0;
	margin-top: 5px;
	font-size: 13px;
	text-align: right;
	list-style: none;
	position: absolute;
	top: 100%;
	left: auto;
	right: 0;
	z-index: 1000;
	display: none;
	float: left;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-color: #597dda !important;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #fff;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.dropdown-toggle {
	padding-right: 0;
	text-align: right;
}

.scrolled-nav .navbar-fixed-top {
	min-height: 100px;
	transition: height .5s ease;
	-moz-transition: height .5s ease;
	-webkit-transition: height .5s ease;
	-o-transition: height .5s ease;
	background-color: #fff;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

.scrolled-nav nav .container {
	padding-top: 17px;
	transition: padding .5s;
	-webkit-transition: padding .5s; /* Safari */
}

.navbar-default .navbar-toggle {
	margin-top: 17px;
	margin-right: 0;
	/* border-color: #fff; */
	border: 0;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #626373;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	border-color: #ccc;
	background-color: transparent;
}

.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #597dda;
}

	/* transform hamburger menu to x */

	.navbar-toggle span.icon-bar {
		transition: all 0.15s;
	}

	.navbar-toggle span:nth-child(2) {
		transform: rotate(45deg);
		transform-origin: 10% 10%;
	}

	.navbar-toggle span:nth-child(3) {
		opacity: 0;
	}

	.navbar-toggle span:nth-child(4) {
		transform: rotate(-45deg);
		transform-origin: 10% 90%;
	}

	.navbar-toggle.collapsed span:nth-child(2),
	.navbar-toggle.collapsed span:nth-child(4) {
		transform: rotate(0);
	}

	.navbar-toggle.collapsed span:nth-child(3) {
		opacity: 1;
	}

.selector header nav .selector,
.selector header nav .selector-active {
	font-size: 16px;
}

.selector header nav .fa {
	margin-top: 0;
	font-size: 20px;
}

.selector .dropdown-menu {
	font-size: 16px;
}


/* mobile warning */

#mobile-warning {
	padding: 20px 0;
	background-color: #e7e7e7;
	box-shadow: inset 0 10px 10px -10px #333;
	z-index: 1000;
	display: none;
}

#mobile-warning > div > div > div > div {
	padding: 0;
	margin: 0 30px 20px;
	position: relative;
}

#mobile-warning div.mobile-warning-text {
	width: calc(100% - 240px);
	font-size: 18px;
	color: #000;
}

#mobile-warning div.mobile-warning-text p:not(:last-child) {
	margin-bottom: 10px;
}

#mobile-warning #calendar-links {
	text-align: center;
	position: absolute;
	right: 0;
	top: 35px;
}

#mobile-warning #calendar-links a.gc {
	margin-bottom: 5px;
	font-size: 15px;
	display: inline-block;
}

#mobile-warning #calendar-links p {
	margin: 0;
	font-size: 0;
	line-height: 0;
}

#mobile-warning #calendar-links a.text-link {
	font-size: 16px;
	color: #000;
	line-height: 16px;
	text-decoration: underline;
}

#mobile-warning #calendar-links a.text-link:hover {
	color: #597dda;
}

#mobile-warning #calendar-links span {
	margin: 0 10px;
	font-size: 18px;
	line-height: 18px;
}

#mobile-warning #go-to-next {
	width: 25px;
	height: 25px;
	margin: 0 auto;
	font-size: 20px;
	color: #fff;
	text-align: center;
	line-height: 25px;
	display: block;
	background-color: #597dda;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 500ms ease-in-out;
	-moz-transition: all 500ms ease-in-out;
	-ms-transition: all 500ms ease-in-out;
	-o-transition: all 500ms ease-in-out;
	transition: all 500ms ease-in-out;
}

#mobile-warning #go-to-next:hover {
	background-color: #1751c0;
}

@media (min-width : 1201px) {
	/* mobile warning */

	#mobile-warning > div > div > div > div {
		margin: 0 100px 20px;
	}
}

@media only screen and (max-width : 767px) {
	/* mobile warning */

	#mobile-warning > div > div > div > div {
		position: static;
	}

	#mobile-warning div.mobile-warning-text {
		width: auto;
		text-align: center;
	}

	#mobile-warning #calendar-links {
		margin-top: 20px;
		position: static;
		right: auto;
		top: auto;
	}
}


/* big picture */

article .big-pic {
	padding-top: 0 !important;
	background-color: #fff;
	position: relative;
}

article .big-pic > div {
	width: 100%;
	padding-top: 60px;
	position: absolute;
	left: 0;
	top: 0;
}

article .big-pic .container .row > div {
	padding: 50px 60px;
	background-color: rgba(0, 0, 0, 0.65);
}

article .big-pic .container .row > div h1 {
	margin: 0 0 20px;
	font-family: 'ProximaNova';
	font-size: 42px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
}

article .big-pic .container .row > div p {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 300;
	color: #fff;
}

article .big-pic .container .row > div a {
	display: none;
}

.whats-new .big-pic #update-links span {
	margin-right: 30px;
	font-size: 20px;
	cursor: pointer;
}

.whats-new .big-pic #update-links span.active,
.whats-new .big-pic #update-links span:hover {
    color: #597dda;
}

.whats-new .big-pic #update-links span.active {
	cursor: default;
}

.whats-new .big-pic #update-links span i {
	margin-left: 10px;
	font-size: 20px;
    color: #597dda;
	transition: transform 1s;
}

.whats-new .big-pic #update-links span.active i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.whats-new .big-pic .update-info {
	margin-top: -20px;
	display: none;
}


/* region selector */

#region-selector {
	width: 100%;
	padding-bottom: 4px;
	float: left;
}

#region-selector > div {
	padding-top: 70px;
	background-color: #fff;
	background-image: url(../images/index-bg.jpg);
	background-repeat: repeat-x;
}

#region-selector h2 {
	margin: 0 0 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 28px;
	color: #6790dc;
}

#region-selector p.selector-brands {
	margin: 0 auto 70px;
}

#region-selector p.selector-brands img {
	max-width: 100%;
}

#region-selector p.select-your-region {
	margin: 0 0 40px;
	font-weight: 300;
	font-size: 28px;
}

#region-selector form {
	width: 100%;
	margin-bottom: 180px;
	float: left;
}

#region-selector form p.step {
	margin: 0 auto 30px;
	width: 50px;
	height: 50px;
	font-size: 26px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 50px;
	background-color: #597dda;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	display: block;
}

#region-selector form ul {
	float: left;
	display: block;
}

#region-selector form ul li {
	width: 100%;
	margin-bottom: 40px;
	float: left;
}

#region-selector form ul li label {
	width: 100%;
	float: left;
}

#region-selector form ul li label input {
	float: left;
}

#region-selector form ul li label span.text {
	width: calc(100% - 65px);
	display: block;
	float: right;
}

#region-selector form ul li label span.text strong {
	margin-bottom: 0;
	font-size: 26px;
	line-height: 30px;
	text-transform: uppercase;
	display: block;
}

#region-selector form ul li label span.text span {
	font-size: 22px;
	font-weight: normal;
	line-height: 26px;
}

#region-selector form ul li.disabled label span.text strong,
#region-selector form ul li.disabled label span.text span {
	color: #ccc;
}

	/* custom radio buttons */

	/* The container */
	#region-selector form ul li label {
		display: block;
		position: relative;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	/* Hide the browser's default radio button */
	#region-selector form ul li label input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
	}

	/* Create a custom radio button */
	#region-selector form ul li label .checkmark {
		width: 40px;
		height: 40px;
		background-color: #fff;
		border: 2px #d5d5d5 solid;
		border-radius: 50%;
		position: absolute;
		left: 0;
		top: -5px;
	}

	#region-selector form ul li.disabled label .checkmark {
		background-color: #ccc;
		border: 2px #ccc solid;
	}

	/* On mouse-over, add a grey background color */
	#region-selector form ul li label:hover .checkmark {
		border-color: #b5b5b5;
	}

	#region-selector form ul li.disabled label:hover .checkmark {
		border-color: #ccc;
	}

	/* Create the indicator (the dot/circle - hidden when not checked) */
	#region-selector form ul li label .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the indicator (dot/circle) when checked */
	#region-selector form ul li label input:checked ~ .checkmark {
		border-color: #597dda;
	}

	#region-selector form ul li label input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the indicator (dot/circle) */
	#region-selector form ul li label .checkmark:after {
		width: 18px;
		height: 18px;
		left: 9px;
		top: 9px;
		border-radius: 50%;
		background-color: #597dda;
	}


/* custom dropdown */

.custom-select {
	max-width: 400px;
}

.custom-dropdown {
	margin: 0;
	position: relative;
	display: block;
	vertical-align: middle;
}

.custom-dropdown select {
	width: 100%;
	padding: 8px 50px;
	margin: 0;
	font-size: 24px;
	color: #6790dc;
	background-color: #fff;
	border: 2px #6790dc solid;
	text-overflow: '';
	-webkit-appearance: button; /* hide default arrow in chrome OSX */
}

.custom-dropdown::before,
.custom-dropdown::after {
	content: "";
	position: absolute;
	pointer-events: none;
}

.custom-dropdown::after { /*  Custom dropdown arrow */
	content: "\25BC";
	height: 1em;
	font-size: 24px;
	color: #6790dc;
	line-height: 1;
	right: 15px;
	top: 50%;
	margin-top: -.5em;
}

.custom-dropdown::before { /*  Custom dropdown arrow cover */
	width: 50px;
	right: 2px;
	top: 2px;
	bottom: 2px;
}

.custom-dropdown select[disabled] {
  color: rgba(0,0,0,.3);
}

.custom-dropdown select[disabled]::after {
  color: rgba(0,0,0,.1);
}

.custom-dropdown::before {
	background-color: #fff;
}

.custom-dropdown::after {
	color: #6790dc;
}

#region-selector form p.submit-button {
	text-align: center;
	clear: both;
}

#region-selector #pic-1,
#region-selector #pic-2 {
	width: 50%;
	float: left;
}

#region-selector #pic-1 {
	padding-right: 2px;
}

#region-selector #pic-2 {
	padding-left: 2px;
}


/* fca toolbox */

#fca-toolbox {
	padding: 80px 0;
	background-color: #e7e7e7;
}

#fca-toolbox h2 {
	margin: 0 0 20px;
	font-family: 'Roboto';
	font-size: 38px;
	color: #626373;
	text-transform: uppercase;
}

#fca-toolbox .container .row > div p {
	margin-bottom: 0;
	color: #626373;
}


/* download toolbox */

#download-toolbox {
	padding-top: 80px;
	padding-bottom: 80px;
}

#download-toolbox h2 {
	margin-bottom: 60px;
}

#download-toolbox ul {
	list-style: none;
}

#download-toolbox ul li {
	padding: 1px 0 65px;
	margin: 0;
	font-size: 22px;
	line-height: 26px;
	background-image: url(../images/download-toolbox-line-long.gif);
	background-repeat: no-repeat;
	background-position: 10px 0;
	position: relative;
}

#download-toolbox ul li:first-child {
	background-position: 10px 10px;
}

#download-toolbox ul li:last-child {
	background-image: url(../images/download-toolbox-line-short.gif);
}

#download-toolbox ul li img {
	position: absolute;
	left: -7px;
	top: -3px;
}

#download-toolbox ul li span {
	margin: 1px 0 0 75px;
	display: block;
}

#download-toolbox p.buttons {
	margin-bottom: 60px;
}

.download-button-hidden {
	display: none;
}

.download-button-active {
	display: inline-block !important;
}

.how-to-update p.instructions {
	min-height: 38px;
	padding: 5px 0 0 65px;
	line-height: 26px;
	position: relative;
}

.how-to-update p.instructions span {
	width: 38px;
	font-size: 24px;
	font-weight: bold;
	color: #999;
	text-align: center;
	line-height: 30px;
	border: 4px #999 solid;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 19px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}


/* map info */

#map-info {
	padding-top: 120px;
	padding-bottom: 120px;
	background-color: #e7e7e7;
}

#map-info .row > div {
	text-align: center;
}

#map-info .icon {
	margin-bottom: 50px;
}

#map-info h3 {
	margin: 0 0 20px;
	font-size: 26px;
	font-weight: bold;
	color: #101010;
	text-align: center;
	line-height: 32px;
	text-transform: uppercase;
}

#map-info p {
	margin: 0 0 60px;
	font-size: 24px;
	line-height: 32px;
	text-align: center;
}

#map-info a.button {
	padding: 0 35px;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	line-height: 54px;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
	background-color: #ffcc04;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
}


/* update includes */

#update-includes {
	padding: 60px 0;
	background-color: #fff;
}

#update-includes h2 {
	margin-left: 15px;
}

#update-includes ul {
	margin-left: 15px;
	margin-bottom: 0;
}

#update-includes ul li {
	margin-bottom: 60px;
}

#update-includes ul li:last-child {
	margin-bottom: 0;
}

#update-includes ul li strong {
	margin-bottom: 15px;
	font-family: 'ProximaNova';
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	display: block;
}

#update-includes ul li span {
	display: block;
}

#update-includes ul li:last-child span {
	margin-bottom: 25px;
}

#update-includes ul li i {
	font-size: 16px;
}


/* connected services */

#connected-services {
	padding: 60px 0;
	background-color: #101010;
	color: #fff;
}

#connected-services h2 {
	margin: 0 0 25px;
	font-family: 'Roboto', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
}

#connected-services p {
	margin: 0 0 25px;
	font-size: 24px;
}

#connected-services ul {
	padding: 0;
	margin: 0 0 100px 30px;
}

#connected-services ul li {
	margin-bottom: 25px;
}

#connected-services ul li:last-child {
	margin-bottom: 0;
}

#connected-services .button-skin {
	color: #000;
	background-color: #fff;
}

#connected-services .button-skin:hover {
	color: #fff;
	background-color: #e0b200;
}


/* content */

article.longtext {
	padding: 80px 0;
	clear: both;
}

.guide article.longtext {
	padding-top: 0;
}

article.longtext h1 {
	margin: 0 0 30px;
	font-family: 'Roboto';
	font-size: 38px;
	color: #597dda;
	text-transform: uppercase;
}

article.longtext h2 {
	margin: 0 0 20px;
	font-size: 30px;
}

article.longtext p {
	margin: 0 0 20px;
}

article.longtext p.intro {
	margin: 0 0 40px;
}

article.longtext p.last {
	margin: 0 0 40px;
}

article.longtext p a,
article.longtext ul li a,
article.longtext ol li a {
	font-weight: bold;
	color: #626373;
	text-decoration: underline;
}

article.longtext p a:hover,
article.longtext ul li a:hover,
article.longtext ol li a:hover {
	color: #597dda;
}

article.longtext table {
	border: 0;
}

article.longtext #table-1-th th {
	width: 28%;
}

article.longtext #table-1-th th.table-1-col-1 {
	width: 16%;
}

article.longtext #table-1-th th span {
	font-weight: normal;
}

article.longtext #table-3-th .w-narrow {
	width: 20%;
}

article.longtext #table-3-th .w-wide {
	width: 30%;
}

article.longtext p.big {
	margin: 0 0 40px;
}

article.longtext div.table-responsive,
article.longtext table {
	margin-bottom: 40px;
}

article.longtext table.table {
	margin-bottom: 0;
}

article.longtext table th,
article.longtext table td {
	padding: 10px;
	border: 1px #999 solid;
	vertical-align: top;
}

article.longtext table th {
	text-align: center;
	background-color: #e0e0e0;
}

article.longtext table.in-content {
	margin: 0 0 15px 20px;
}

article.longtext table.in-content th,
article.longtext table.in-content td {
	padding: 5px 15px 5px 0;
	border: 0;
	vertical-align: top;
}

article.longtext table td ul {
	padding: 0 0 0 13px;
	margin: 0 0 0 10px;
}

article.longtext p.sep {
	margin-bottom: 40px;
	border-top: 1px #ccc dashed;
}


/* content - ordered list */

article.longtext ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
	counter-reset: item;
}

article.longtext ol > li {
	margin-bottom: 0.6em;
	display: table;
	counter-increment: item;
}

@media (max-width : 767px) {
	.privacy article.longtext ol > li {
		display: inline;
	}
}

article.longtext ol > li.strong {
	margin-bottom: 20px;
}

article.longtext ol > li.strong:before {
	font-weight: bold;
}

article.longtext ol > li.main-item {
	margin-bottom: 40px;
}

article.longtext ol > li.main-item > p,
article.longtext ol > li.main-item .strong > p {
	margin-right: 10px;
}

article.longtext ol > li:before {
	padding-right: 0.6em;
	display: table-cell;
	content: counters(item, ".") ". ";
}

article.longtext li ol > li {
	margin: 0;
}

article.longtext li ol > li:before {
	content: counters(item, ".") ". ";
}


/* content - ordered list - alpha */

article.longtext ol.alpha {
	counter-reset: alpha;
}

article.longtext ol.alpha > li {
	counter-increment: initial;
}

article.longtext ol.alpha > li:before {
	counter-increment: alpha;
	content: counter(alpha, lower-alpha)".) "
}

/* content - ordered list - roman */

article.longtext ol.roman {
	counter-reset: roman;
}

article.longtext ol.roman > li {
	counter-increment: initial;
}

article.longtext ol.roman > li:before {
	counter-increment: roman;
	content: counter(roman, lower-roman)".) "
}

article.longtext ul {
	margin-bottom: 15px;
	list-style-type: disc;
}

article.longtext ul li {
	margin-bottom: 10px;
}


/* faq */

.faq article.longtext h2 {
	padding: 20px 0 20px 40px;
	margin: 0;
	position: relative;
	border-top: 1px solid #cecece;
	cursor: pointer;
}

.faq article.longtext h2:hover {
	color: #597dda;
	background-color: #f5f5f5;
}

.faq article.longtext h2:first-of-type {
	border-top: none;
}

.faq h2 i {
	font-size: 32px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 20px;
}

.faq h2 + div {
	margin-left: 40px;
	display: none;
}

.faq p {
	margin: 0 0 25px;
}

.faq p:nth-of-type(odd) {
	margin-bottom: 0;
	font-weight: bold;
}

.faq p .note {
	margin-top: 25px;
	font-size: 18px;
	font-style: italic;
	display: block;
}


/* newsletter */

#newsletter {
	padding: 80px 0;
	background-color: #e7e7e7;
}

#newsletter h2 {
	margin: 0 0 20px;
	font-family: 'Roboto';
	font-size: 38px;
	color: #626373;
	text-transform: uppercase;
}

#newsletter p {
	margin-bottom: 40px;
	clear: both;
}

#newsletter p small {
	margin: 0;
	font-size: 15px;
}

#newsletter p small a {
	font-weight: bold;
	color: #626373;
	text-decoration: underline;
}

#newsletter p small a:hover {
	color: #597dda;
}

#newsletter #notification p {
	margin-bottom: 25px;
	font-weight: bold;
	text-align: center;
}

#newsletter #notification p.subscribed {
	color: #0c0;
}

#newsletter #notification p.error {
	color: #c00;
}

#newsletter form {
	margin-bottom: 10px;
}

#newsletter form div {
	width: 100%;
	margin-bottom: 15px;
}

#newsletter form div.name {
	width: calc(50% - 15px);
    margin-right: 30px;
    float: left;
}

#newsletter form .input-text {
	width: 100%;
	padding: 19px 40px;
	font-size: 20px;
	color: #626373;
	line-height: 20px;
	border: 1px #999 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#newsletter form select {
	background-color: #fff;
	border: 1px #999 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#newsletter form select:invalid {
    color: #b5abb4;
}

#newsletter form select option {
	color: #626373;
}

#newsletter p.pp {
	margin-bottom: ;
	font-size: 16px;
	line-height: auto !important;
	text-align: left;
}

#newsletter p.pp input {
	margin-right: 10px;
}

#newsletter form button {
	padding: 0 50px;
	line-height: 68px;
}

#newsletter form button.disabled,
#newsletter form button.disabled.active,
#newsletter form button.disabled.focus,
#newsletter form button.disabled:active,
#newsletter form button.disabled:focus,
#newsletter form button.disabled:hover,
#newsletter form button[disabled],
#newsletter form button[disabled].active,
#newsletter form button[disabled].focus,
#newsletter form button[disabled]:active,
#newsletter form button[disabled]:focus,
#newsletter form button[disabled]:hover {
	background-color: #b1b1b1 !important;
}


/* mapcare */

#mapcare {
	padding: 80px 0;
	background-color: #434343;
}

#mapcare h2 {
	margin: 0 0 30px;
	font-family: 'Roboto';
	font-size: 38px;
	color: #fff;
	text-transform: uppercase;
}

#mapcare .row .row div {
	text-align: center;
}

#mapcare img.icon {
	margin-bottom: 30px;
}

#mapcare .aus img.icon {
	margin: 0;
	float: left;
}

#mapcare .aus > div > div {
	width: calc(100% - 130px);
	margin-left: 30px;
	text-align: left !important;
	float: left;
}

#mapcare h3 {
	margin: 0 0 20px;
	font-size: 26px;
	color: #fff;
}

#mapcare p {
	margin-bottom: 20px;
	color: #fff;
}

#mapcare p:last-child {
	margin-bottom: 0;
}


/* how to guide */

.guide #pic-intro {
    margin-bottom: 0;
}

#htg-content {
	padding-top: 80px;
}

.guide div.intro {
	margin: 0 0 80px;
}

.guide div.intro p.line-1 {
	margin: 0 0 50px;
	font-size: 40px;
	text-align: center;
}

.guide div.intro p.line-2 {
	margin: 0 0 40px;
	font-size: 32px;
}

#toolbox-htg h2 {
	padding: 20px 0 20px 40px;
	margin: 0;
	position: relative;
	border-top: 1px solid #cecece;
	cursor: pointer;
}

#toolbox-htg h2:hover {
	color: #597dda;
	background-color: #f5f5f5;
}

#toolbox-htg h2:first-of-type {
	border-top: none;
}

#toolbox-htg h2.open {
	margin: 0 0 30px;
}

#toolbox-htg h2 i {
	font-size: 32px;
	font-weight: bold;
	position: absolute;
	left: 0;
	top: 20px;
}

#toolbox-htg h2 + div {
	margin-left: 40px;
	margin-bottom: 20px;
	display: none;
}

#toolbox-htg div div.chapter {
	margin-bottom: 40px;
}

#toolbox-htg div h3 {
	margin: 0 0 25px;
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}

#toolbox-htg div p {
	margin: 0 0 30px;
}

#toolbox-htg div span {
	margin-bottom: 20px;
	display: block;
}

#toolbox-htg div span.note {
	padding-left: 25px;
	font-size: 18px;
	font-style: italic;
	position: relative;
}

#toolbox-htg div span.note i.fa {
    color: #597dda;
	position: absolute;
	left: 0;
	top: 5px;
}

#toolbox-htg div p.caption {
	font-size: 18px;
	font-style: italic;
}

#toolbox-htg div .screenshot {
	margin-bottom: 20px;
}

#toolbox-htg div .screenshot div {
	padding-top: 20px;
}

#toolbox-htg div ol {
	margin-bottom: 30px;
	margin-left: -15px;
}

#toolbox-htg div ol li {
	width: 100%;
	margin-bottom: 30px;
}

#toolbox-htg div ol li:last-child {
	margin-bottom: 0;
}

#toolbox-htg div ol li p {
	margin-bottom: 15px;
}

#toolbox-htg div ol li span.button {
	padding: 3px 8px;
	font-size: 20px;
	color: #fff;
	background-color: #597dda;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#toolbox-htg div ul {
	padding: 0;
	margin: 0 0 25px;
	list-style: none;
}

#toolbox-htg div ul li {
	padding-left: 0;
	margin-bottom: 15px;
	text-indent: 0;
	position: relative;
}

#toolbox-htg div ul li span {
	margin-left: 25px;
	display: block;
}

#toolbox-htg div ul.disc li:before {
	font-family: "FontAwesome";
	font-size: 16px;
	content: "\f111";
	color: #999;
	position: absolute;
	left: 0;
	top: 5px;
}

#toolbox-htg div ul.check {
	margin-left: 25px;
}

#toolbox-htg div ul.check li {
	margin-bottom: 5px;
}

#toolbox-htg div ul.check li:before {
	font-family: "FontAwesome";
	font-size: 16px;
	content: "\f00c";
	position: absolute;
	left: 0;
	top: 5px;
}

.guide p.text-bottom {
	margin: 0 0 90px;
	font-size: 34px;
	text-align: center;
}


/* brands */

@font-face {font-family:'icomoon';src:url("../fonts/icomoon.eot");src:url("../fonts/icomoon.eot") format("embedded-opentype"),url("../fonts/icomoon.woff") format("woff"),url("../fonts/icomoon.ttf") format("truetype");font-weight:normal;font-style:normal}
.iconSettings{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

#brands {
	padding: 40px 0;
	background-color: #597dda;
	text-align: center;
	clear: both;
}

#main-pic .logo-set {
	padding-top: 15px;
	padding-left: 15px;
	margin-bottom: 30px;
}

.logo-set ul {
	padding: 0;
	margin-bottom: 0;
	justify-content: space-around;
	list-style-type:none;
}

@media screen and (min-width:640px){
	#brands .logo-set ul {
		display: flex;
		align-items: center;
	}

	.logo-set ul li.col-sm-4,
	.logo-set ul li.col-sm-6 {
		width: auto;
		padding: 0;
	}

	#main-pic .logo-set ul li {
		margin-right: 30px;
	}

	#main-pic .logo-set ul li:last-child {
		margin-right: 0;
	}
}

@media screen and (min-width:960px) {
	#brands .logo-set {
		padding: 0 100px;
	}

	#brands .logo-set ul li {
		margin-right: 40px;
	}
}

@media screen and (max-width:639px) {
	#brands {
		padding: 20px 0;
	}

	#main-pic .logo-set {
		text-align: center;
	}

	.logo-set ul li.col-sm-6 {
		width: 50%;
	}
}

.logo-set ul li {
	padding-top: 10px;
	padding-bottom: 10px;
	display:block;
	float:left;
}

#brands .logo-set ul li:last-child {
	margin-right: 0;
}

.logo-set ul li [class^="icon-"] {
	line-height: 40px;
	color: #fff;
	overflow: hidden;
	display:inline-block;
}

.logo-set .icon-chrysler{font-size:27px}
.logo-set .icon-dodge{font-size:10px}
.logo-set .icon-jeep{font-size:72px}
.logo-set .icon-ram{font-size:38px}

.icon-chrysler:before {content:'\e90c'}
.icon-dodge:before {content:'\e910'}
.icon-jeep:before {content:'\e91e'}
.icon-ram:before {content:'\e92a'}


/* footer */

#footer {
	padding: 80px 0;
	background-color: #fff;
	clear: both;
}

#footer p {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 300;
	color: #626373;
}

#footer p.footer-menu {
	margin-bottom: 30px;
}

#footer p.footer-menu span {
	font-size: 20px;
}

#footer p a {
	margin: 0 20px;
	font-size: 16px;
	font-weight: 300;
	color: #626373;
	text-decoration: none;
}

#footer p a:first-child {
	margin-left: 0;
}


/* cookie warning */

body div.cookiewarning {
	display: none;
}

body.cookiewarning div.cookiewarning {
	width: 100%;
	padding: 20px 30px;
	color: white;
	background-color: rgba(0,0,0,.8);
	display: block;
	position: fixed;
	bottom: 0;
	z-index: 100;
}

body.cookiewarning div.cookiewarning h3 {
	padding: 0;
	margin: 0 0 10px;
	font-size: 15px;
}

body.cookiewarning div.cookiewarning p {
	padding: 0;
	margin: 0 0 10px;
	font-size: 13px;
}

body.cookiewarning div.cookiewarning .btn {
	color: #000;
	margin-right: 20px;
}

body .removecookie {
	display: inline-block;
}

body.cookiewarning .removecookie {
	display: none;
}


/* media queries */

@media (min-width : 1761px)  {
	/* big picture */

	article .big-pic > div.bottom {
		bottom: 90px;
	}
}

@media (min-width : 1201px) {
}

@media (min-width : 1201px) and (max-width : 1400px) {
	/* big picture */

	.selector article .big-pic > div.top {
		top: 175px;
	}
}

@media (min-width : 992px) and (max-width : 1200px) {
	/* region selector */

	#region-selector form {
		margin-bottom: 150px;
	}


	/* big picture */

	.selector article .big-pic > div.top {
		top: 150px;
	}

	.selector article .big-pic > div.top h1 {
		font-size: 36px;
		line-height: 56px;
	}


	/* update includes */

	#update-includes h2 {
		margin-bottom: 20px;
	}

	#update-includes ul li {
		margin-bottom: 40px;
	}

	#update-includes ul li strong {
		margin-bottom: 10px;
		font-size: 24px;
	}

	#update-includes ul li:last-child span {
		margin-bottom: 20px;
	}


	/* connected services */

	#connected-services h2 {
		margin: 0 0 20px;
		font-size: 28px;
	}

	#connected-services ul {
		margin-bottom: 60px;
	}


	/* newsletter */

	#newsletter form .input-text {
		padding: 19px 25px;
		font-size: 18px;
	}
}

@media (min-width: 992px) {
	/* map info */

	#map-info .col-1 {
		padding-right: 30px;
	}

	#map-info .col-2 {
		padding-left: 30px;
		padding-right: 30px;
	}

	#map-info .col-3 {
		padding-left: 30px;
	}
}

@media (max-width: 991px) {
	/* region selector */

	#region-selector form {
		margin-bottom: 150px;
	}


	/* big picture */

	article .big-pic .container .row > div {
		padding: 30px;
	}

	article .big-pic .container .row > div h1 {
		font-size: 40px;
	}

	article .big-pic .container .row > div p {
		margin-bottom: 30px;
		font-size: 20px;
	}


	/* update includes */

	#update-includes h2 {
		margin-bottom: 20px;
	}

	#update-includes ul li {
		margin-bottom: 30px;
	}

	#update-includes ul li strong {
		margin-bottom: 10px;
		font-size: 20px;
	}

	#update-includes ul li span {
		font-size: 20px;
	}

	#update-includes ul li:last-child span {
		margin-bottom: 20px;
	}


	/* connected services */

	#connected-services h2 {
		margin: 0 0 20px;
		font-size: 20px;
	}

	#connected-services p {
		font-size: 20px;
	}

	#connected-services ul {
		margin: 0 0 40px 20px;
	}

	#connected-services ul li {
		font-size: 20px;
	}


	/* newsletter */

	#newsletter form .input-text {
		padding: 19px 40px;
		margin: 0 0 15px;
		float: none;
	}

	#newsletter form .name,
	#newsletter form .email {
		width: 100%;
	}
}

@media (min-width : 768px) and (max-width: 991px) {
    /* header */

	header nav .top-logo img {
		width: 178px;
		height: 66px;
		margin-top: 10px;
	}

	header.scrolled-nav nav .top-logo img {
		margin-top: 0;
	}

	.header-nav-menu-2 > div > ul > li {
		margin: 0 15px 0 0;
	}

	.es .header-nav-menu-2 > div > ul > li > a,
	.fr .header-nav-menu-2 > div > ul > li > a,
	.pt .header-nav-menu-2 > div > ul > li > a {
		font-size: 13px;
	}

	.header-nav-menu-2 > div > ul > li.sep {
		padding-right: 14px;
		margin-right: 14px;
	}

	.es .header-nav-menu-2 > div > ul > li.sep,
	.fr .header-nav-menu-2 > div > ul > li.sep,
	.pt .header-nav-menu-2 > div > ul > li.sep {
		padding-right: 10px;
		margin-right: 10px;
	}


	/* big picture */

	.whats-new article .big-pic > div,
	.how-to-update article .big-pic > div {
		padding-top: 30px;
	}

	.fr article .big-pic .container .row > div p {
		font-size: 18px;
	}


	/* footer */ 

	.es #footer p a,
	.fr #footer p a,
	.pt #footer p a {
		margin: 0 10px;
		font-size: 14px;
	}

	#footer p a:first-child {
		margin-left: 0;
	}
}

@media (min-width : 768px) {
    /* header */

	.header-nav-menu-1 {
		margin-top: 0;
		margin-bottom: 55px;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
		float: right;
	}

	.selector .header-nav-menu-1 {
		margin-top: 29px;
		margin-bottom: 0;
	}

	.scrolled-nav .header-nav-menu-1 {
		margin-top: 0;
		margin-bottom: 25px;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
	}

	.selector .scrolled-nav .header-nav-menu-1 {
		margin-top: 22px;
		margin-bottom: 0;
	}

	.header-nav-menu-1 > ul {
		margin-right: 32px;
	}

	.header-nav-menu-1 > ul:last-child {
		margin-right: 0;
	}

	.header-nav-menu-2 {
		float: right;
		clear: right;
	}

	.header-nav-menu-2 > div > ul {
		margin: 0;
	}

	.header-nav-menu-2 > div > ul > li {
		margin: 0 32px 0 0;
		display: inline-block;
	}

	.header-nav-menu-2 > div > ul > li.sep {
		padding-right: 31px;
		margin-right: 31px;
		border-right: 2px #626373 solid;
	}

	.header-nav-menu-2 > div > ul > li > a {
		padding: 0;
		margin-bottom: 1px;
		margin-left: 1px;
		font-size: 14px;
		font-weight: bold;
		color: #626373 !important;
		text-decoration: none;
		text-transform: uppercase;
	}

	.header-nav-menu-2 > div > ul > li > a.active {
		color: #597dda !important;
	}

	.header-nav-menu-2 > div > ul > li > a:hover,
	.header-nav-menu-2 > div > ul > .open > a {
		color: #597dda !important;
		background-color: transparent !important;
	}

	.header-nav-menu-2 > div > ul > li > a:before,
	.header-nav-menu-2 > div > ul > .open > a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -2px;
		left: 0;
		background-color: #597dda;
		visibility: hidden;
/*
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
*/
	}

	.header-nav-menu-2 > div > ul > li > a:hover:before,
	.header-nav-menu-2 > div > ul > .open > a:before {
		visibility: visible;
/*
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
*/
	}


	/* fca toolbox */

	#fca-toolbox .container .row > div {
		padding-right: 360px;
	}

	.jp #fca-toolbox .container .row > div {
		padding-right: 400px;
	}

	#fca-toolbox .container .row > div a {
		position: absolute;
		right: 15px;
		top: calc(50% - 32px);
	}


	/* update includes */

	#update-includes {
		background-image: url(../images/maps-and-more-pic.jpg);
		background-repeat: no-repeat;
		background-size: 50% auto;
		background-position: left center;
	}
}

@media only screen and (max-width : 767px) {
	body {
		padding: 100px 0 0;
	}

	article h2 {
		margin: 0 0 20px;
	}


	/* header */

	header .navbar,
	.selector header .navbar {
		height: auto;
		min-height: 100px;
	}

	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		border: 0;
	}

	.navbar-collapse {
		padding-left: 30px;
		padding-right: 30px;
		box-shadow: none;
	}

	.navbar-nav .open .dropdown-menu {
		position: absolute;
		margin-top: 5px;
	}

	header nav .top-logo img {
		width: 178px;
		height: 66px;
		transition: all .5s ease;
		-moz-transition: all .5s ease;
		-webkit-transition: all .5s ease;
		-o-transition: all .5s ease;
	}

	.selector header nav .top-logo img {
		width: 178px;
		height: 66px;
	}

	header nav .container {
		padding-top: 17px;
		transition: padding .5s;
		-webkit-transition: padding .5s; /* Safari */
	}

	.selector header nav .container {
		padding-top: 17px;
		transition: padding .5s;
		-webkit-transition: padding .5s; /* Safari */
	}

	header nav .selector,
	header nav .selector-active {
		font-size: 13px;
	}

	.header-nav-menu-2 > div > ul > li  {
		margin-bottom: 5px;
		text-align:right;
	}

	.header-nav-menu-2 > div > ul > li > a {
		padding: 0;
		margin-bottom: 1px;
		margin-left: 1px;
		font-size: 14px;
		font-weight: bold;
		color: #626373 !important;
		text-decoration: none;
		text-align: right;
		text-transform: uppercase;
		display: inline-block;
	}

	.header-nav-menu-2 > div > ul > li > a:hover,
	.header-nav-menu-2 > div > ul > .open > a {
		color: #597dda !important;
		background-color: transparent !important;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
		text-align: right;
	}

	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #fff;
		background-color: #626373 !important;
	}

	.header-nav-menu-2 > div > ul > li > a:before,
	.header-nav-menu-2 > div > ul > .open > a:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 2px;
		bottom: -2px;
		left: 0;
		background-color: #597dda;
		visibility: hidden;
/*
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transition: all 0.3s ease-in-out 0s;
		transition: all 0.3s ease-in-out 0s;
*/
	}

	.header-nav-menu-2 > div > ul > li > a:hover:before,
	.header-nav-menu-2 > div > ul > .open > a:before {
		visibility: visible;
/*
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
*/
	}


	/* region selector */

	#region-selector > div {
		padding-top: 50px;
	}

	#region-selector h2 {
		font-size: 24px;
		text-align: center;
	}

	#region-selector p.selector-brands {
		margin-bottom: 50px;
		text-align: center;
	}

	#region-selector form {
		margin-bottom: 120px;
	}

	#region-selector form ul li {
		margin-bottom: 30px;
	}

	#region-selector form ul li label span.text {
		width: calc(100% - 50px);
	}

	#region-selector form ul li label span.text strong {
		font-size: 22px;
		line-height: 28px;
	}

	#region-selector form ul li label span.text span {
		font-size: 22px;
		line-height: 28px;
	}

		/* custom radio buttons */

		/* Create a custom radio button */
		#region-selector form ul li label .checkmark {
			width: 30px;
			height: 30px;
			top: 0;
		}

		/* Style the indicator (dot/circle) */
		#region-selector form ul li label .checkmark:after {
			width: 16px;
			height: 16px;
			left: 5px;
			top: 5px;
		}


	/* big picture */

	article .big-pic {
		position: static;
	}

	article .big-pic > div {
		padding-top: 0;
		position: static;
	}

	article .big-pic .container .row > div {
		padding: 60px 15px;
	}


	/* fca toolbox */

	#fca-toolbox {
		padding: 60px 0;
	}

	#fca-toolbox .container .row > div p {
		margin-bottom: 20px;
	}


	/* mapcare */

	#mapcare .row .row div {
		margin-bottom: 40px;
	}

	#mapcare .row .row div:last-child {
		margin-bottom: 0;
	}

	#mapcare img.icon {
		margin-bottom: 30px;
	}


	/* download toolbox */

	#download-toolbox {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#download-toolbox ul {
		margin-left: -30px;
	}

	#download-toolbox p.buttons {
/*
		margin-bottom: 70px;
		text-align: center;
*/
	}

	#download-toolbox p.buttons a.button-1 {
		margin-left: 0;
	}

	#download-toolbox p.soon {
		margin-left: 0;
	}


	/* map info */

	#map-info {
		padding-top: 60px;
		padding-bottom: 60px;
	}


	/* newsletter */

	#newsletter {
		padding-top: 60px;
		padding-bottom: 60px;
	}


	/* mapcare */

	#mapcare {
		padding-top: 60px;
		padding-bottom: 60px;
	}


	/* update includes */

	#update-includes {
		padding-top: 0;
		padding-bottom: 60px;
	}

	#update-includes img {
		margin-bottom: 60px;
	}

	#update-includes h2,
	#update-includes ul {
		margin-left: 0;
	}


	/* connected services */

	#connected-services {
		padding-top: 0;
		padding-bottom: 50px;
	}

	#connected-services img {
		margin-bottom: 50px;
	}


	/* content */

	article.longtext {
		padding: 60px 0;
	}

	/* how to guide */

	#htg-content {
		padding-top: 60px;
	}

	.guide #pic-intro {
		margin-bottom: 0;
	}

	.guide div.intro p.line-1 {
		font-size: 36px;
	}

	.guide div.intro p.line-2 {
		font-size: 30px;
	}

	.guide #pic-bottom {
		margin: 0 0 60px;
	}

	.guide p.text-bottom {
		margin: 0 0 60px;
		font-size: 34px;
		line-height: 38px;
	}


	/* footer */

	#footer {
		padding: 40px 0;
		text-align: center;
	}

	#footer p {
		text-align: center;
	}

	#footer p a,
	#footer p a:first-child {
		margin: 0 auto 15px;
		display: table;
	}

	#footer p a:last-child {
		margin-bottom: 0;
	}
}

@media only screen and (max-width : 485px) {
	article h2 {
		margin: 0 0 20px;
		font-size: 32px;
	}


	/* region selector */

	#region-selector #pic-1 {
		width: 100%;
		padding-right: 0;
		float: none;
	}

	#region-selector form {
		margin-bottom: 80px;
	}

	#region-selector form > div {
		margin-bottom: 60px;
	}

	.custom-dropdown select {
		padding: 8px 20px;
		font-size: 20px;
	}


	/* big picture */

	article .big-pic .container .row > div {
		text-align: center;
	}

	article .big-pic .container .row > div h1 {
		margin: 0 0 20px;
		font-size: 32px;
	}


	/* fca toolbox */

	#fca-toolbox {
		text-align: center;
	}


	/* mapcare */

	#mapcare {
		text-align: center;
	}


	/* download toolbox */

	#download-toolbox ul li {
		padding-bottom: 40px;
	}


	/* newsletter */

	#newsletter form button {
		width: 100%;
	}


	/* how to guide */

	.guide #pic-intro {
		margin-bottom: 0;
	}

	.guide div.intro p.line-1 {
		font-size: 30px;
	}

	.guide div.intro p.line-2 {
		font-size: 26px;
	}

	.guide #toolbox-htg {
		margin: 0 0 80px;
	}

	#toolbox-htg div h3 {
		margin: 0 0 20px;
		font-size: 20px;
	}

	#toolbox-htg div p {
		font-size: 18px;
	}

	#toolbox-htg div span.note,
	#toolbox-htg div p.caption {
		font-size: 16px;
	}

	#toolbox-htg div ol li,
	#toolbox-htg div ol li p,
	#toolbox-htg div ul li,
	#toolbox-htg div ul li span {
		font-size: 18px;
	}

	.guide p.sep-bottom {
		margin: 0 auto 80px;
	}

	.guide p.text-bottom {
		font-size: 30px;
		line-height: 34px;
	}
}