body,

input,

textarea,

select,

button {

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-moz-font-feature-settings: 'liga', 'kern';

	-webkit-font-feature-settings: 'liga', 'kern';

	font-feature-settings: 'liga', 'kern'

}



body {

	background: #fff

}



@media(max-width:767px) {

	body .no-mobile {

		display: none

	}

}



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

	body .no-tablet {

		display: none

	}

}



@media(min-width:992px) {

	body .no-desktop {

		display: none

	}

}

/* 

p,

a,

address,

ul li,

table td {

	font-size: 14px;

	line-height: 160%;

	color: #999;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}

 */

p {

	margin-bottom: 20px;

	margin-top: 5px

}



p.large {

	font-size: 16px

}



p.xl {

	font-size: 20px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



p a:hover {

	text-decoration: underline

}



p strong,

b,

strong {

	font-weight: normal;

	color: #333;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



a {

	color: #2daae1;

	transition: color .3s ease-in-out;

	-webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out

}



a:hover {

	color: #0b78a8;

	text-decoration: none

}



a:focus,

a:active {

	text-decoration: none;

	outline: none

}



a.link-underline {

	text-decoration: underline

}



a.link-underline:hover {

	text-decoration: none!important

}



a.not-blue {

	color: inherit;

	font-weight: inherit;

	font-family: inherit

}



ul.no-bullets,

.no-bullets ul,

ul.no-bullets li,

.no-bullets ul li {

	list-style: none;

	list-style-type: none;

	padding-left: 0

}



h1,

h2,

h3,

h4,

h5,

h6 {

	color: #000;

	line-height: 150%;

	/*letter-spacing: -1px;*/

	font-weight: normal

}



h1 {

	font-size: 50px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #333

}



h2 {

	color: #333;

	font-size: 32px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	margin: 0

}



h3 {

	font-size: 28px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	margin-bottom: 0

}



h4 {

	font-size: 22px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	margin-top: 10px;

	margin-bottom: 0

}



h5 {

	font-size: 16px;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	color: #333;

	margin: auto;

	letter-spacing: 0

}



h6 {

	font-size: 14px;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	color: #333;

	margin: auto;

	letter-spacing: 0

}



.text-center {

	text-align: center

}



.left {

	float: left

}



.right {

	float: right

}



.smallprint {

	font-size: 12px;

	color: #a0a0a0

}



.small {

	font-size: 12px

}



.feature {

	width: 100%;

	padding: 50px 0;

	overflow: hidden

}



.feature.no-overflow {

	overflow: visible

}



.feature.grey {

	background: #eee;

	border-top: solid 1px #ddd;

	border-bottom: solid 1px #ddd

}



.feature.dark-grey {

	background: #333;

	color: #fff

}



.feature.dark-grey h2 {

	color: #fff

}



.feature.dark-grey p {

	color: #ddd

}



input,

button {

	outline: none

}



input[type="text"]:focus {

	box-shadow: inset 0 0 4px 1px #5e9ed6

}



.border-left-1-light {

	border-left: solid 1px #ddd

}



.border-right-1-light {

	border-right: solid 1px #ddd

}



.border-top-1-light {

	border-top: solid 1px #ddd

}



.border-bottom-1-light {

	border-bottom: solid 1px #ddd

}



.padding-right-50 {

	padding-right: 50px

}



.padding-left-50 {

	padding-left: 50px

}



.padding-top-50 {

	padding-top: 50px

}



.padding-bottom-50 {

	padding-bottom: 50px

}



.padding-bot-40 {

	padding-bottom: 40px

}



.padding-top-40 {

	padding-top: 40px

}



.padding-left-40 {

	padding-left: 40px

}



.padding-right-40 {

	padding-right: 40px

}



.padding-bot-30 {

	padding-bottom: 30px

}



.padding-top-30 {

	padding-top: 30px

}



.padding-left-30 {

	padding-left: 30px

}



.padding-right-30 {

	padding-right: 30px

}



.margin-bot-60 {

	margin-bottom: 60px

}



.margin-top-60 {

	margin-top: 60px

}



.margin-left-60 {

	margin-left: 60px

}



.margin-right-60 {

	margin-right: 60px

}



.margin-bot-40 {

	margin-bottom: 40px

}



.margin-top-40 {

	margin-top: 40px

}



.margin-left-40 {

	margin-left: 40px

}



.margin-right-40 {

	margin-right: 40px

}



.margin-bot-30 {

	margin-bottom: 30px

}



.margin-top-30 {

	margin-top: 30px

}



.margin-left-30 {

	margin-left: 30px

}



.margin-right-30 {

	margin-right: 30px

}



.padding-bot-20 {

	padding-bottom: 20px

}



.padding-top-20 {

	padding-top: 20px

}



.padding-left-20 {

	padding-left: 20px

}



.padding-right-20 {

	padding-right: 20px

}



.margin-bot-20 {

	margin-bottom: 20px

}



.margin-top-20 {

	margin-top: 20px

}



.margin-left-20 {

	margin-left: 20px

}



.margin-right-20 {

	margin-right: 20px

}



.margin-bot-10 {

	margin-bottom: 10px

}



.margin-top-10 {

	margin-top: 10px

}



.margin-left-10 {

	margin-left: 10px

}



.margin-right-10 {

	margin-right: 10px

}



.margin-bot-0 {

	margin-bottom: 0

}



.margin-top-0 {

	margin-top: 0

}



.margin-left-0 {

	margin-left: 0

}



.margin-right-0 {

	margin-right: 0

}



.padding-bot-0 {

	padding-bottom: 0

}



.padding-top-0 {

	padding-top: 0

}



.padding-left-0 {

	padding-left: 0

}



.padding-right-0 {

	margin-right: 0

}



.relative {

	position: relative

}



.fixed {

	position: fixed

}



.absolute {

	position: absolute

}



.button,

p .button {

	padding: 13px 18px 9px;

	border: solid 2px;

	font-size: 14px;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	display: inline-block;

	line-height: 100%;

	background: none;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



@media(max-width:767px) {

	.button.btn-full-width,

	p .button.btn-full-width {

		width: 100%;

		text-align: center

	}

}



.button:hover,

p .button:hover {

	text-decoration: none

}



.button.blue,

p .button.blue {

	color: #2daae1;

	border-color: #2daae1

}



.button.blue:hover,

p .button.blue:hover {

	background: #2daae1;

	color: #fff

}



.button.blue-fill,

p .button.blue-fill {

	background: #2daae1;

	border-color: #2daae1;

	color: #fff;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



.button.blue-fill:hover,

p .button.blue-fill:hover {

	background: none;

	border-color: #2daae1;

	color: #2daae1

}



.button.blue-fill:active,

.button.blue-fill:focus,

p .button.blue-fill:active,

p .button.blue-fill:focus {

	background: #70c2e6;

	border-color: #2daae1;

	color: #fff

}



.button.grey,

p .button.grey {

	color: #999;

	border-color: #999

}



.button.grey:hover,

p .button.grey:hover {

	background: #999;

	color: #666

}



.button.grey-fill,

p .button.grey-fill {

	background: #ccc;

	border-color: #ccc;

	color: #666;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



.button.grey-fill:hover,

.button.grey-fill:active,

.button.grey-fill:focus,

p .button.grey-fill:hover,

p .button.grey-fill:active,

p .button.grey-fill:focus {

	background: none;

	border-color: #ccc;

	color: #999

}



.button.white,

p .button.white {

	color: #fff;

	border-color: #fff

}



.button.white:hover,

p .button.white:hover {

	background: #fff;

	color: #666

}



.button.green,

p .button.green {

	color: #27ae60;

	border-color: #27ae60

}



.button.green:hover,

p .button.green:hover {

	background: #27ae60;

	color: #fff

}



.button.disabled,

.button.disabled:hover,

p .button.disabled,

p .button.disabled:hover {

	cursor: default;

	color: #ddd;

	border-color: #ddd;

	background: none

}



.main {

	background: #fff;

	padding: 60px 0

}



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

	.main {

		padding: 40px 0

	}

}



@media(max-width:767px) {

	.main {

		padding: 30px 0

	}

}



.main.no-hero {

	padding: 200px 0 50px 0

}



@media(max-width:767px) {

	.main.no-hero {

		padding: 100px 0

	}

}



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

	.main.no-hero {

		padding: 150px 0 50px 0

	}

}



@media(min-width:992px) and (max-width:1199px) {

	.main.no-hero {

		padding: 200px 0 50px 0

	}

}



form input {

	box-sizing: border-box;

	font-size: 14px;

	color: #666;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif

}



form input[type="email"],

form input[type="tel"],

form textarea,

form input[type="text"],

form input[type="password"],

form select {

	background: #eee;

	border: solid 1px #ddd;

	margin-bottom: 10px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	font-size: 14px;

	padding: 12px 15px 8px;

	width: 100%;

	color: #666

}



.select select option {

	color: #444

}



.message-error,

.result,

.info-box {

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	padding: 22px 20px 17px 20px;

	background: #f8c8c8;

	font-size: 16px;

	margin-bottom: 20px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px

}



.message-error,

.message-error .validation-summary-errors {

	color: #c0392b;

	padding: 0

}



.message-error ul,

.message-error .validation-summary-errors ul {

	list-style: none;

	margin: 0;

	padding: 0

}



.message-error span,

.message-error ul li,

.message-error p,

.message-error .validation-summary-errors span,

.message-error .validation-summary-errors ul li,

.message-error .validation-summary-errors p {

	font-size: 14px;

	color: #c0392b;

	border: none;

	padding: 22px 20px 0

}



.message-error span:last-child,

.message-error ul li:last-child,

.message-error p:last-child,

.message-error .validation-summary-errors span:last-child,

.message-error .validation-summary-errors ul li:last-child,

.message-error .validation-summary-errors p:last-child {

	padding-bottom: 17px

}



.message-error span,

.message-error .validation-summary-errors span {

	display: inline-block

}



.message-error span+ul li,

.message-error ul li+li,

.message-error p+p,

.message-error .validation-summary-errors span+ul li,

.message-error .validation-summary-errors ul li+li,

.message-error .validation-summary-errors p+p {

	padding-top: 0

}



.result {

	background: #d0f2de;

	color: #27ae60

}



.info-box {

	background: #e9f2f6;

	color: #009dd1

}



#carousel-homepage {

	margin-top: 0

}



@media(max-width:767px) {

	#carousel-homepage {

		margin-top: 71px

	}

}



#carousel-homepage .carousel-control {

	display: none;

	width: 50px

}



#carousel-homepage .carousel-control,

#carousel-homepage .carousel-control.left,

#carousel-homepage .carousel-control.right,

#carousel-homepage .carousel-control:hover {

	background: none;

	background-color: transparent;

	filter: none

}



#carousel-homepage .carousel-control .icon-prev,

#carousel-homepage .carousel-control .icon-next {

	font-size: 24px;

	color: #000;

	text-shadow: none;

	top: 60%

}



#carousel-homepage .carousel-control .icon-prev::before,

#carousel-homepage .carousel-control .icon-next::before {

	content: '';

	display: none

}



#carousel-homepage .carousel-control .icon-prev,

#carousel-homepage .carousel-control .glyphicon-chevron-left {

	left: 15px

}



#carousel-homepage .carousel-control .icon-next,

#carousel-homepage .carousel-control .glyphicon-chevron-right {

	right: 2px

}



#carousel-homepage:hover .carousel-control {

	display: block

}



.home-slider .carousel-indicators {

	bottom: 10px;

	padding: 0;

	margin-bottom: 0

}



.home-slider .carousel-indicators li {

	border-color: #999;

	border: solid 1px rgba(0, 0, 0, .4);

	display: inline-block;

	width: 8px;

	height: 8px;

	margin: 1px;

	text-indent: -999px;

	border-radius: 10px;

	cursor: pointer

}



.home-slider .carousel-indicators li.active {

	background-color: #999;

	background-color: rgba(0, 0, 0, .4);

	border: none;

	width: 8px;

	height: 8px

}



@media(max-width:767px) {

	.home-slider .carousel-inner .item img.banner-flag {

		height: 70px;

		width: auto

	}

}



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

	.home-slider .carousel-inner .item img.banner-flag {

		height: 100px;

		width: auto

	}

}



@media(min-width:992px) {

	.home-slider .carousel-inner .item img.banner-flag {

		height: auto;

		width: auto

	}

}



.carousel-inner {

	height: 630px

}



@media(max-width:991px) {

	.carousel-inner {

		height: 500px

	}

}



@media(min-width:992px) and (max-width:1199px) {

	.carousel-inner {

		height: 550px

	}

}



.carousel-inner .item {

	width: 100%;

	height: 630px;

	overflow: hidden

}



@media(max-width:991px) {

	.carousel-inner .item {

		text-align: center;

		height: 500px

	}

}



@media(min-width:992px) and (max-width:1199px) {

	.carousel-inner .item {

		height: 550px

	}

}



.carousel-inner .item .caption {

	z-index: 1

}



.carousel-inner .item .caption h3 {

	font-size: 48px;

	margin-bottom: 10px;

	line-height: 45px;

	margin: 0;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



@media(max-width:991px) {

	.carousel-inner .item .caption h3 {

		font-size: 36px

	}

}



.carousel-inner .item .caption h3 img.logo {

	position: relative;

	width: auto;

	left: 0;

	top: 0;

	margin: 0 0 10px 0

}



.carousel-inner .item .caption .button {

	margin: 0 5px 15px 5px

}



.carousel-inner .item .caption p {

	font-size: 20px

}



@media(max-width:991px) {

	.carousel-inner .item .caption p {

		font-size: 16px

	}

}



.carousel-inner .item img {

	position: absolute

}



@media(max-width:767px) {

	.carousel-inner .item img {

		position: relative;

		top: 0

	}

}



.carousel-inner .item.right-image img {

	right: 15px

}



.carousel-inner .item.left-image img {

	left: 15px

}



.no-positionfixed .home-slider {

	margin-top: 0

}



.search-page .home-store-cat.store,

.order-summary-content .home-store-cat.store {

	position: relative;

	bottom: -60px;

	padding: 20px 0 35px 0;

	margin-top: 0

}



@media(max-width:767px) {

	.search-page .home-store-cat.store,

	.order-summary-content .home-store-cat.store {

		bottom: -49px;

		padding: 25px 0 0

	}

}



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

	.search-page .home-store-cat.store,

	.order-summary-content .home-store-cat.store {

		padding: 25px 0 45px 0;

		bottom: -99px

	}

}



.home-store-cat {

	text-align: center;

	border-bottom: solid 1px #ddd

}



@media(max-width:767px) {

	.home-store-cat.main {

		padding-bottom: 0;

		margin-bottom: -1px

	}

}



.home-store-cat.store {

	background: #fff;

	border-bottom: none;

	padding: 145px 0 25px 0;

	margin-top: -145px;

	border-top: solid 1px #ddd

}



@media(max-width:767px) {

	.home-store-cat.store {

		padding: 0;

		margin: 0

	}

}



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

	.home-store-cat.store {

		padding: 185px 0 25px 0

	}

}



@media(max-width:991px) {

	.home-store-cat.store ul {

		margin-top: 0

	}

}



.home-store-cat.store ul li a img {

	height: 66px

}



.home-store-cat.store ul li a h4 {

	font-size: 16px;

	font-weight: normal;

	color: #666

}



.home-store-cat.store ul li a h4 strong {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif

}



.home-store-cat h4 {

	font-size: 30px

}



.home-store-cat ul {

	padding: 0;

	list-style: none;

	margin: 30px 0 0 0;

	width: 100%

}



.home-store-cat ul li {

	display: inline-block;

	width: 13%;

	-webkit-transition: background .3s ease-in-out;

	-moz-transition: background .3s ease-in-out;

	transition: background .3s ease-in-out

}



@media(max-width:767px) {

	.home-store-cat ul li {

		width: 100%;

		display: block;

		border-bottom: solid 1px #ddd;

		padding: 15px 0

	}

}



@media(max-width:767px) {

	.home-store-cat ul li:hover {

		background: #f2f2f2

	}

}



.home-store-cat ul li a {

	display: block;

	padding: 0 15px;

	text-align: center

}



.home-store-cat ul li a img {

	max-width: 100%

}



@media(max-width:767px) {

	.home-store-cat ul li a img {

		width: 80px

	}

}



.home-store-cat ul li a h4 {

	font-size: 18px

}



.home-store-cat ul li a h4,

.home-store-cat ul li a h4 strong {

	-webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out

}



.home-store-cat ul li a:hover h4,

.home-store-cat ul li a:hover h4 strong {

	color: #2daae1

}



@media(max-width:767px) {

	.master-wrapper-main {

		margin-top: 71px

	}

}



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

	.master-wrapper-main {

		margin-top: 99px

	}

}



@media(min-width:992px) and (max-width:1199px) {

	.master-wrapper-main {

		margin-top: 150px

	}

}



@media(min-width:1200px) {

	.master-wrapper-main {

		margin-top: 155px

	}

}



.search-page {

	min-height: 481px;

	margin-top: 10px

}



.search-results .warning {

	padding: 72px 0 14px

}



.simple-page {

	padding-top: 200px

}



.simple-page h1 {

	font-size: 26px

}



.simple-page h3 {

	font-size: 20px

}



.simple-page p {

	font-size: 16px

}



.simple-page .simple-icon i {

	color: #666;

	font-size: 50px

}



.simple-page .small-splitter {

	background-color: #999

}



.carousel-inner .item.finance {

	padding: 280px 0 120px 0

}



.carousel-inner .item.finance img {

	width: 700px;

	top: -650px

}



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

	.carousel-inner .item.finance {

		padding: 180px 0 50px

	}

	.carousel-inner .item.finance img {

		width: 400px;

		top: -270px;

		right: 0

	}

}



#navigation {

	padding: 23px 0 21px 0;

	background: #333;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



@media(max-width:767px) {

	#navigation {

		padding: 8px 0

	}

}



@media(min-width:992px) and (max-width:1199px) {

	#navigation {

		padding: 26px 0 23px 0

	}

}



#navigation.fixed {

	position: fixed;

	top: 0;

	z-index: 1000;

	width: 100%

}



#navigation.addOp {

	padding: 10px 0 6px

}



@media(min-width:992px) and (max-width:1199px) {

	#navigation.addOp {

		padding: 12px 0 8px

	}

}



@media(max-width:767px) {

	#navigation.addOp {

		padding: 8px 0

	}

}



#navigation .aprLogo,

#navigation .aseLogo,

#navigation .aaspLogo {

	width: 140px;

	height: 50px;

	margin: 0 5px 0 0

}



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

	#navigation .aprLogo {

		margin: 0 -10px 0 0

	}

}



#navigation #logo {

	margin: 12px 30px 0 0;

	width: 144px;

	height: 22px

}



@media(max-width:767px) {

	#navigation #logo {

		margin: 14px 0 0

	}

}



@media(max-width:991px) {

	#navigation li,

	#navigation .foot-nav li {

		display: inline-block;

		padding: 0;

		margin: 0;

		width: 100%

	}

}



@media(min-width:992px) and (max-width:1199px) {

	#navigation li,

	#navigation .foot-nav li {

		width: auto

	}

}



#navigation li a,

#navigation .foot-nav li a {

	padding: 19px 10px 14px 10px;

	-webkit-transition: color .3s ease-in-out;

	-moz-transition: color .3s ease-in-out;

	transition: color .3s ease-in-out

}



@media(max-width:991px) {

	#navigation li a,

	#navigation .foot-nav li a {

		padding: 15px 25px;

		color: #ddd;

		font-weight: 300;

		font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

		margin: 0;

		display: inline-block;

		width: 100%;

		position: relative

	}

}



@media(min-width:992px) and (max-width:1199px) {

	#navigation li a,

	#navigation .foot-nav li a {

		padding: 16px 7px 8px 7px;

		width: auto

	}

}



#navigation li a .has-child-icon,

#navigation li a .fa-caret-down,

#navigation .foot-nav li a .has-child-icon,

#navigation .foot-nav li a .fa-caret-down {

	display: none

}



@media(max-width:991px) {

	#navigation li a .has-child-icon,

	#navigation li a .fa-caret-down,

	#navigation .foot-nav li a .has-child-icon,

	#navigation .foot-nav li a .fa-caret-down {

		position: absolute;

		right: 0;

		top: 0;

		display: inline-block;

		font-size: 10px;

		border-left: solid 1px #555;

		padding: 22px;

		height: 52px;

		width: 52px

	}

	#navigation li a .has-child-icon::before,

	#navigation li a .fa-caret-down::before,

	#navigation .foot-nav li a .has-child-icon::before,

	#navigation .foot-nav li a .fa-caret-down::before {

		display: inline-block;

		-webkit-transition: all .3s ease-in-out;

		-moz-transition: all .3s ease-in-out;

		transition: all .3s ease-in-out

	}

	#navigation li a .has-child-icon:hover,

	#navigation li a .fa-caret-down:hover,

	#navigation .foot-nav li a .has-child-icon:hover,

	#navigation .foot-nav li a .fa-caret-down:hover {

		background: #444

	}

}



@media(min-width:992px) {

	#navigation li a .fa-caret-down,

	#navigation .foot-nav li a .fa-caret-down {

		display: inline-block

	}

}



#navigation ul {

	margin: 0;

	padding: 0

}



@media(max-width:991px) {

	#navigation ul {

		position: fixed;

		height: 100%;

		background: #333;

		top: 0;

		bottom: 0;

		right: -250px;

		padding-right: 30px;

		width: 250px;

		overflow-y: auto;

		overflow-x: hidden

	}

}



@media(min-width:992px) {

	#navigation ul {

		display: block;

		width: auto

	}

}



@media(max-width:991px) {

	#navigation ul li {

		margin: 0;

		border-bottom: solid 1px #555;

		-webkit-transition: all .3s ease-in-out;

		-moz-transition: all .3s ease-in-out;

		transition: all .3s ease-in-out

	}

}



@media(min-width:992px) {

	#navigation ul li a.home-nav-item {

		display: none

	}

}



#navigation ul li a:hover {

	background: none;

	border: none

}



@media(max-width:991px) {

	#navigation ul li a:hover {

		border: none;

		background: none;

		padding: 15px 25px;

		color: #fff

	}

}



#navigation ul li.active {

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



#navigation ul li.active .subnav {

	display: none

}



#navigation ul li.active a {

	background: none

}



@media(min-width:992px) and (max-width:1199px) {

	#navigation ul li.active a {

		padding: 12px 7px 8px 7px

	}

}



@media(min-width:1200px) {

	#navigation ul li.active a {

		padding: 16px 10px 8px 10px

	}

}



#navigation ul li.open .has-child-icon::before {

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg)

}



#navigation ul li.open .open .fa-caret-down::before {

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-o-transform: rotate(180deg);

	transform: rotate(180deg)

}



#navigation ul li.open .has-child-icon::before,

#navigation ul li.open .fa-caret-down::before {

	-webkit-transition: all .5s ease-in-out;

	-moz-transition: all .5s ease-in-out;

	transition: all .5s ease-in-out

}



@media(min-width:992px) {

	#navigation ul li.onthispage .subnav {

		display: block

	}

}



@media(min-width:992px) {

	#navigation ul li.onthispage a {

		color: #fff

	}

}



#navigation ul .subnav {

	width: 100%;

	background: #fff;

	border-bottom: solid 1px #ddd;

	display: none;

	line-height: 39px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out;

	position: fixed;

	top: 99px;

	left: 0;

	opacity: .98;

	filter: alpha(opacity=98)

}



@media(max-width:991px) {

	#navigation ul .subnav {

		display: none

	}

}



#navigation ul .subnav.dropdown {

	position: relative;

	top: 0;

	border-bottom: none

}



#navigation ul .subnav.addOp {

	top: 70px

}



#navigation ul .subnav.addOp .subnav {

	top: 0

}



@media(max-width:991px) {

	#navigation ul .subnav .container {

		padding: 0;

		width: auto

	}

}



#navigation ul .subnav li {

	margin: 0 10px 0 0;

	line-height: 15px

}



#navigation ul .subnav li a {

	font-size: 14px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #666;

	border: none;

	padding: 19px 10px 14px 10px

}



@media(min-width:992px) and (max-width:1199px) {

	#navigation ul .subnav li a {

		padding: 18px 4px 10px 4px

	}

}



#navigation ul .subnav li a:hover {

	color: #0d0d0d;

	border: none

}



#navigation ul .subnav .subnav ul {

	display: none

}



#navigation ul .subnav a.phone {

	font-size: 14px

}



#navigation ul .subnav a.phone span {

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



.no-positionfixed .subnav {

	display: none

}



.navigation li,

.foot-nav li {

	display: inline-block;

	padding: 0;

	margin: 0;

	position: relative

}



.navigation li a,

.foot-nav li a {

	color: #ddd;

	font-size: 14px;

	font-weight: 300;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	margin: 0;

	display: inline-block;

	cursor: pointer;

	padding: 16px 6px 8px 6px

}



.foot-nav li a:hover,

.foot-nav li span:hover {

	color: #fff;

	background: #222

}



.addOp .nav .dropdown,

.navigation.addOp .nav .dropdown {

	background: rgba(52, 52, 52, .9)

}



.showNav {

	opacity: 1;

	filter: alpha(opacity=100)

}



.navicon-button {

	display: inline-block;

	position: relative;

	padding: 2.0625rem 1.5rem;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	cursor: pointer;

	opacity: .8;

	filter: alpha(opacity=80)

}



.navicon-button:hover {

	opacity: 1;

	filter: alpha(opacity=100)

}



.navicon-button.active .navicon {

	background: transparent;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	-webkit-transform: rotate(0);

	-moz-transform: rotate(0);

	-ms-transform: rotate(0);

	-o-transform: rotate(0);

	transform: rotate(0)

}



.navicon-button.active .navicon:before {

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	-webkit-transform: scale(.8) rotate(45deg);

	-moz-transform: scale(.8) rotate(45deg);

	-ms-transform: scale(.8) rotate(45deg);

	-o-transform: scale(.8) rotate(45deg);

	transform: scale(.8) rotate(45deg)

}



.navicon-button.active .navicon:after {

	-webkit-transform: scale(.8) rotate(-45deg);

	-moz-transform: scale(.8) rotate(-45deg);

	-ms-transform: scale(.8) rotate(-45deg);

	-o-transform: scale(.8) rotate(-45deg);

	transform: scale(.8) rotate(-45deg);

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}



.navicon {

	position: relative;

	width: 20px;

	height: 3px;

	background: #fff;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	transition: .3s ease-in-out;

	border-radius: 5px;

	top: 10px;

	right: 5px

}



.navicon *:before,

.navicon *:after {

	-webkit-transform: translate3d(0, 0, 0);

	-moz-transform: translate3d(0, 0, 0);

	-ms-transform: translate3d(0, 0, 0);

	-o-transform: translate3d(0, 0, 0);

	transform: translate3d(0, 0, 0)

}



.navicon:before,

.navicon:after {

	display: block;

	content: "";

	height: 3px;

	width: 20px;

	background: #fff;

	position: absolute;

	z-index: -1;

	-webkit-transition: .5s;

	-moz-transition: .5s;

	transition: .5s;

	border-radius: 5px

}



.navicon:before {

	top: .625rem

}



.navicon:after {

	top: -.625rem

}



.active .navicon:before,

.active .navicon:after {

	top: 0!important;

	-webkit-transition: .3s ease-in-out;

	-moz-transition: .3s ease-in-out;

	transition: .3s ease-in-out

}



@media(max-width:991px) {

	body,

	#navigation {

		left: 0;

		position: relative;

		-webkit-transition: right .3s ease-in-out, left .3s ease-in-out, padding .3s ease-in-out;

		-moz-transition: right .3s ease-in-out, left .3s ease-in-out, padding .3s ease-in-out;

		transition: right .3s ease-in-out, left .3s ease-in-out, padding .3s ease-in-out

	}

	body ul.parent-nav,

	#navigation ul.parent-nav {

		-webkit-transition: left .3s ease-in-out, right .3s ease-in-out;

		-moz-transition: left .3s ease-in-out, right .3s ease-in-out;

		transition: left .3s ease-in-out, right .3s ease-in-out;

		padding: 0

	}

	body ul.parent-nav.showNav,

	#navigation ul.parent-nav.showNav {

		right: 0;

		display: block;

		border-left: 1px solid #555

	}

	body ul.parent-nav.showNav ul,

	#navigation ul.parent-nav.showNav ul {

		left: 0;

		position: relative;

		width: 100%;

		padding: 0;

		margin-top: -5px;

		background: #3e3e3e

	}

	body ul.parent-nav.showNav ul li ul,

	#navigation ul.parent-nav.showNav ul li ul {

		background: #4e4e4e

	}

	body ul.parent-nav li .subnav,

	#navigation ul.parent-nav li .subnav {

		position: static;

		background: none;

		border: none

	}

	body ul.parent-nav li .subnav li,

	#navigation ul.parent-nav li .subnav li {

		margin: 0 10px 0 0;

		font-size: 14px;

		font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

		line-height: 15px;

		padding-bottom: 0;

		display: block;

		width: 100%;

		border-bottom: none;

		position: relative

	}

}



@media(max-width:991px) and (max-width:991px) {

	body ul.parent-nav li .subnav li.no-mobile,

	#navigation ul.parent-nav li .subnav li.no-mobile {

		display: none

	}

}



@media(max-width:991px) {

	body ul.parent-nav li .subnav li a,

	#navigation ul.parent-nav li .subnav li a {

		font-size: 14px;

		color: #999;

		padding: 15px 25px;

		border: none;

		font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

		position: relative

	}

	body ul.parent-nav li .subnav li a:hover,

	#navigation ul.parent-nav li .subnav li a:hover {

		color: #fff;

		border: none

	}

}



@media(max-width:991px) and (min-width:992px) {

	body ul.parent-nav li .subnav.addOp li a,

	#navigation ul.parent-nav li .subnav.addOp li a {

		padding: 16px 20px 9px 4px

	}

}



@media(max-width:991px) {

	body ul.parent-nav li.active .subnav,

	#navigation ul.parent-nav li.active .subnav {

		display: block

	}

	body.act-mob-nav,

	#navigation.act-mob-nav {

		overflow: hidden

	}

}



@media(max-width:991px) and (max-width:991px) {

	body.act-mob-nav #navigation,

	#navigation.act-mob-nav #navigation {

		left: -250px

	}

}



@media(max-width:991px) {

	body.act-mob-nav .mob-nav-overlay,

	#navigation.act-mob-nav .mob-nav-overlay {

		-webkit-transition: opacity .3s ease-in-out, visibility .3s linear;

		-moz-transition: opacity .3s ease-in-out, visibility .3s linear;

		transition: opacity .3s ease-in-out, visibility .3s linear;

		opacity: .75;

		visibility: visible

	}

}



.mob-nav-overlay {

	-webkit-transition: opacity .3s ease-in-out, visibility .3s linear .3s;

	-moz-transition: opacity .3s ease-in-out, visibility .3s linear .3s;

	transition: opacity .3s ease-in-out, visibility .3s linear .3s;

	opacity: 0;

	visibility: hidden;

	position: absolute;

	top: 0;

	right: 0;

	background: #333;

	left: 0;

	bottom: 0;

	z-index: 999

}



@media(min-width:992px) {

	#navigation .search-mobile {

		display: none

	}

}



@media(max-width:991px) {

	#navigation .search-mobile {

		display: block

	}

}



#navigation .search-mobile input.search-box-text,

#navigation .search-mobile input.search-box-text[type="text"] {

	border: none;

	background: none;

	border-radius: 0;

	padding: 25px 15px 22px;

	margin: 0;

	background-color: #222;

	color: #ccc

}



#navigation .search-mobile input.search-box-text:focus,

#navigation .search-mobile input.search-box-text[type="text"]:focus {

	box-shadow: none

}



@media(min-width:992px) {

	#navigation .search-box {

		margin: 10px 20px 0;

		width: 185px;

		display: block

	}

}



@media(min-width:992px) and (max-width:1199px) {

	#navigation .search-box {

		margin: 10px 20px 0;

		width: 170px;

		display: block

	}

}



@media(max-width:991px) {

	#navigation .search-box {

		display: none

	}

}



#navigation .search-box form {

	overflow: visible

}



#navigation .search-box form input.search-box-text,

#navigation .search-box form input.search-box-text[type="text"] {

	background: none;

	padding: 9px 15px 5px 15px;

	border: solid 1px #666;

	font-size: 14px;

	color: #999;

	margin-bottom: 0;

	width: 150px;

	right: 0;

	position: absolute;

	margin-top: -3px;

	transition: width .3s ease-in-out;

	-webkit-transition: width .3s ease-in-out;

	-moz-transition: width .3s ease-in-out

}



#navigation .search-box form input.search-box-text:focus,

#navigation .search-box form input.search-box-text[type="text"]:focus {

	box-shadow: none;

	width: 200px

}



#navigation .search-box-button {

	color: #666;

	position: absolute;

	right: 15px;

	top: 7px

}



@media(max-width:991px) {

	#navigation .search-box-button {

		padding: 0;

		font-weight: normal;

		margin: 0;

		display: block;

		width: auto;

		top: 23px;

		right: 20px

	}

}



#navigation .search-box-button:hover {

	padding: 0

}



#navigation .top-menu .sublist.active {

	display: none

}



@media(min-width:992px) {

	#navigation .top-menu .sublist.active {

		display: block

	}

}



@media(min-width:992px) {

	#navigation .subnav .top-menu .sublist {

		display: block;

		width: 250px;

		position: absolute;

		text-align: left;

		border: solid 1px #ddd;

		left: 0;

		border-radius: 2px;

		-moz-border-radius: 2px;

		-webkit-border-radius: 2px;

		padding: 0;

		background: #fff;

		top: 97%;

		box-shadow: 0 3px 6px -2px #ccc;

		border-top: none;

		visibility: hidden;

		opacity: 0;

		filter: alpha(opacity=0);

		-webkit-transition: visibility 0s .3s, opacity .3s ease-in-out;

		-moz-transition: visibility 0s .3s, opacity .3s ease-in-out;

		transition: visibility 0s .3s, opacity .3s ease-in-out

	}

	#navigation .subnav .top-menu .sublist.active {

		opacity: 1;

		visibility: visible;

		-webkit-transition: visibility 0s 0s, opacity .3s ease-in-out;

		-moz-transition: visibility 0s 0s, opacity .3s ease-in-out;

		transition: visibility 0s 0s, opacity .3s ease-in-out

	}

	#navigation .subnav .top-menu .sublist li {

		width: 100%

	}

	#navigation .subnav .top-menu .sublist li a {

		width: 100%;

		cursor: pointer;

		padding: 12px 15px 12px 15px

	}

	#navigation .subnav .top-menu .sublist li a:hover {

		background: #eff3f5

	}

	#navigation .subnav.store-sub li a {

		padding: 15px 15px 11px 15px

	}

	#navigation .subnav .sub-actions {

		margin-right: -20px

	}

	#navigation .subnav .header-links a {

		padding: 0;

		font-size: 12px;

		color: #555

	}

}



@media(max-width:991px) {

	.mobile-btn,

	p .mobile-btn {

		padding: 14px 18px 10px;

		border: solid 2px;

		font-size: 14px;

		font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

		display: inline-block;

		line-height: 100%;

		background: none;

		-moz-border-radius: 5px;

		-webkit-border-radius: 5px;

		border-radius: 5px;

		-webkit-transition: all .3s ease-in-out;

		-moz-transition: all .3s ease-in-out;

		transition: all .3s ease-in-out

	}

	.mobile-btn.btn-full-width,

	p .mobile-btn.btn-full-width {

		width: 94%

	}

	.hb-small .mobile-btn.btn-full-width,

	.hb-small p .mobile-btn.btn-full-width {

		width: 90%

	}

	.mobile-btn.blue {

		color: #2daae1;

		border-color: #2daae1

	}

	.mobile-btn.blue:hover {

		background: #2daae1;

		color: #fff

	}

	#mobile-nav-button,

	#contact-nav-button,

	#cart-nav-button {

		display: inline-block;

		float: right;

		margin-left: 0;

		color: #ccc;

		position: relative;

		z-index: 999

	}

	#mobile-nav-button a,

	#contact-nav-button a,

	#cart-nav-button a {

		padding: 15px 12px 4px 12px;

		display: inline-block;

		color: #d5d5d5;

		font-size: 20px;

		border-radius: 3px;

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		overflow: hidden;

		height: 50px;

		position: relative;

		width: 46px;

		-webkit-transition: all .16s ease-in-out;

		-moz-transition: all .16s ease-in-out;

		transition: all .16s ease-in-out

	}

	#mobile-nav-button a #cart-nav-button-badge,

	#contact-nav-button a #cart-nav-button-badge,

	#cart-nav-button a #cart-nav-button-badge {

		position: absolute;

		background: #2daae1;

		color: #fff;

		font-size: 8px;

		font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

		padding: 6px 0;

		height: 16px;

		width: 16px;

		top: 9px;

		right: 2px;

		line-height: 100%;

		text-align: center;

		border-radius: 50%

	}

	#mobile-nav-button a #cart-nav-button-badge.empty,

	#contact-nav-button a #cart-nav-button-badge.empty,

	#cart-nav-button a #cart-nav-button-badge.empty {

		display: none

	}

	#navigation .subnav .sub-actions li {

		white-space: nowrap

	}

	#mobile-nav-button a .nav-btn-icons i.fa {

		margin: 10px 0

	}

	#mobile-nav-button a .nav-btn-icons {

		position: absolute;

		top: 7px;

		left: 12px;

		display: block;

		width: 24px;

		transition: all .16s ease-in-out;

		-moz-transition: all .16s ease-in-out;

		-webkit-transition: all .16s ease-in-out

	}

	#mobile-nav-button.active a .nav-btn-icons {

		top: -33px

	}

}



@media(min-width:992px) {

	#mobile-nav-button,

	#contact-nav-button,

	#cart-nav-button {

		display: none

	}

	#navigation ul .subnav li:hover .subnav {

		display: block

	}

}



@media(max-width:991px) {

	#navigation #topcartlink {

		display: none

	}

}



#navigation #topcartlink a {

	padding: 18px 15px 10px 15px;

	font-size: 14px

}



#navigation #topcartlink span {

	color: #555;

	font-size: 14px;

	font-weight: normal;

	padding: 0 0 0 5px

}



#navigation #topcartlink span.hover {

	background: none

}



#navigation #topcartlink.active {

	background: none

}



#navigation #topcartlink.active span:hover {

	background: none

}



#navigation .flyout-cart {

	display: none;

	position: absolute;

	float: left;

	top: 63px;

	right: 10px;

	width: 400px;

	min-height: 50px;

	z-index: 99999;

	box-shadow: 0 3px 6px -2px #ccc

}



#navigation .flyout-cart::before {

	content: "";

	width: 11px;

	height: 6px;

	display: block;

	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAGCAYAAAAVMmT4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNDM0E0RTgzRjRCQTExRTNCRDNGODc3QkZDQUY0MDAyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNDM0E0RTg0RjRCQTExRTNCRDNGODc3QkZDQUY0MDAyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0MzQTRFODFGNEJBMTFFM0JEM0Y4NzdCRkNBRjQwMDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0MzQTRFODJGNEJBMTFFM0JEM0Y4NzdCRkNBRjQwMDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7q2EelAAAAd0lEQVR42mL8//8/AwycPXvWD0itA2ImIA40NjbeyIAEmJAUmgOp5VJSUsxAzAhkL4OKoSoGCqoAqc1ARVySkpIMIAxig8SgchDFQI4okN4OlBQFKYIBqAawHFQN2GSQiSrICtE0qEBt4GIAerDxP2EAUsMAEGAADoNN3luDEIwAAAAASUVORK5CYII=");

	background-repeat: no-repeat;

	position: absolute;

	top: -4px;

	right: 20%

}



#navigation .flyout-cart .mini-shopping-cart {

	padding: 0;

	margin: 0;

	border: 1px solid #ddd;

	background: none repeat scroll 0 0 #fff;

	font-size: 14px;

	text-align: left;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px

}



#navigation .flyout-cart .mini-shopping-cart a {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	text-decoration: none;

	color: #333;

	border-bottom: none;

	margin: 0;

	padding: 0

}



#navigation .flyout-cart .mini-shopping-cart a:hover {

	text-decoration: none;

	color: #2daae1;

	border-bottom: none;

	margin: 0;

	padding: 0

}



#navigation .flyout-cart .mini-shopping-cart .count {

	margin: 10px 0 10px 10px

}



#navigation .flyout-cart .mini-shopping-cart .item {

	overflow: hidden;

	clear: both;

	border-bottom: 1px solid #eee;

	padding: 10px 5px;

	transition: background .3s ease-in-out;

	-moz-transition: background .3s ease-in-out;

	-webkit-transition: background .3s ease-in-out

}



#navigation .flyout-cart .mini-shopping-cart .item .picture {

	float: left;

	width: 90px;

	text-align: center

}



#navigation .flyout-cart .mini-shopping-cart .item .product {

	float: left;

	width: 200px;

	margin: 10px 0

}



#navigation .flyout-cart .mini-shopping-cart .item .product .name {

	line-height: 100%

}



#navigation .flyout-cart .mini-shopping-cart .item .attributes {

	font-size: 14px;

	margin: 0

}



#navigation .flyout-cart .mini-shopping-cart .item .price {

	font-size: 13px;

	color: #999;

	line-height: 100%;

	margin: 3px 0 0 0;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



#navigation .flyout-cart .mini-shopping-cart .item .quantity {

	font-size: 14px;

	margin: 14px;

	line-height: 100%;

	color: #999

}



#navigation .flyout-cart .mini-shopping-cart .totals {

	display: none

}



#navigation .flyout-cart .mini-shopping-cart .buttons {

	padding: 20px

}



#navigation .flyout-cart .mini-shopping-cart .buttons .button {

	width: 100%

}



.bottom-nav {

	position: fixed;

	left: 0;

	width: 100%;

	border-top: solid 1px #000;

	background: rgba(51, 51, 51, .85);

	z-index: 3;

	padding: 20px 0;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	bottom: -85px;

	-webkit-transition: all .6s ease-in-out;

	-moz-transition: all .6s ease-in-out;

	transition: all .6s ease-in-out

}



.bottom-nav h3 {

	padding: 0;

	line-height: 100%;

	margin: 14px 0 0 0;

	color: #fff;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



.bottom-nav .price-finance-link {

	margin: 13px 20px 0 0

}



.bottom-nav .price-finance-link a {

	color: #ccc

}



.bottom-nav.affix-top,

.bottom-nav.affix-bottom {

	bottom: -85px

}



.bottom-nav.affix {

	bottom: -1px;

	top: auto!important

}



@media(max-width:767px) {

	.bottom-nav .right.right-change-full-mobile {

		float: none

	}

}



.river .foot-nav.copyright {

	margin-bottom: 82px

}



@media(max-width:767px) {

	.river .foot-nav.copyright {

		margin-bottom: 80px

	}

}



@media(max-width:767px) {

	.river.double .foot-nav.copyright {

		margin-bottom: 130px

	}

	.river.double .bottom-nav,

	.river.double .bottom-nav.affix-top,

	.river.double .bottom-nav.affix-bottom {

		bottom: -130px

	}

	.river.double .bottom-nav.affix {

		bottom: -1px;

		top: auto!important

	}

}



@-webkit-keyframes spin-active {

	from {

		-webkit-transform: rotate(0deg)

	}

	to {

		-webkit-transform: rotate(180deg)

	}

}



@keyframes spin-active {

	from {

		transform: rotate(0deg)

	}

	to {

		transform: rotate(180deg)

	}

}



@-webkit-keyframes spin {

	from {

		-webkit-transform: rotate(180deg)

	}

	to {

		-webkit-transform: rotate(0deg)

	}

}



@keyframes spin {

	from {

		transform: rotate(180deg)

	}

	to {

		transform: rotate(0deg)

	}

}



.footer-feature.light-mesh {

	border-top: solid 1px #ddd;

	background: url(../../assets/images/lghtmesh.png);

	width: 100%

}



.footer-feature h3 {

	padding: 8px 0 3px 0

}



.footer-feature .first {

	padding: 30px 40px 30px 0;

	border-right: solid 1px #ddd

}



@media(max-width:767px) {

	.footer-feature .first {

		border: none;

		padding: 30px 0

	}

}



.footer-feature .last {

	padding: 30px 0 30px 20px

}



@media(max-width:767px) {

	.footer-feature .last {

		padding: 30px 0;

		border-right: none;

		border-top: solid 1px #ddd

	}

}



.foot-nav {

	background: #292929

}



.foot-nav ul {

	padding: 0;

	margin: 0

}



.foot-nav ul li a {

	font-size: 12px

}



#footer {

	background: #333;

	padding: 50px 0

}



#footer h4 {

	color: #fff

}



#footer ul {

	list-style: none;

	list-style-type: none;

	padding: 0;

	margin: 5px 0 10px 0

}



#footer ul li {

	padding: 0;

	margin-bottom: 10px

}



#footer ul li a:hover {

	text-decoration: underline

}



#footer ul li,

#footer p,

#footer ul li a {

	color: #a0a0a0;

	font-size: 12px;

	line-height: 130%

}



#footer .quick-contact ul li {

	margin-bottom: 15px

}



#footer .quick-contact ul li a {

	line-height: 170%

}



#footer .footer-social {

	margin-top: 20px

}



#footer .footer-social a {

	color: #999

}



#footer .footer-social a:hover {

	color: #2daae1

}



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

	#footer .foot-con {

		margin-bottom: 0

	}

}



@media(max-width:767px) {

	#footer .foot-con {

		margin-bottom: 25px

	}

}



#footer .aprLogo {

	display: none

}



@media(max-width:767px) {

	#footer .aprLogo {

		display: block

	}

}



.footer form input[type="text"],

.footer form input[type="email"],

.ie8 .select select,

.ie9 .select select,

.notie .select select {

	background: #555;

	border: solid 1px #555;

	color: #a0a0a0;

	font-size: 12px;

	margin-bottom: 10px

}



#copyright p,

#copyright a {

	font-size: 12px;

	color: #999;

	margin: 12px 0 7px

}



#ipod .main h2 {

	font-size: 40px;

	color: #333;

	margin-top: 0;

	margin-bottom: 30px;

	line-height: 126%

}



#ipod .main p {

	font-size: 18px;

	padding: 0

}



#ipod .main ul li {

	font-size: 16px;

	margin-bottom: 5px

}



#ipod .acc-color {

	margin: 6px 10px 6px 0

}



#ipod .acc-color span {

	display: inline-block;

	margin: 0 2px;

	height: 12px;

	width: 12px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%

}



#ipod .priceWrap p {

	margin-right: 10px;

	margin-bottom: 15px

}



#ipod .centre-mobile {

	text-align: left

}



@media(max-width:767px) {

	#ipod .main p {

		font-size: 16px;

		padding: 0

	}

	#ipod .main h2 {

		font-size: 30px;

		color: #000;

		margin-top: 0;

		margin-bottom: 10px

	}

	#ipod .priceWrap p {

		margin-right: 10px;

		margin-bottom: 0

	}

	#ipod .centre-mobile {

		text-align: center

	}

	#ipod .centre-mobile .left {

		float: none

	}

}



@media(min-width:768px) {

	#ipod .main h2 {

		font-size: 30px;

		color: #000;

		margin-top: 0;

		margin-bottom: 20px

	}

	#ipod .centre-mobile {

		text-align: left

	}

}



@media(min-width:992px) {

	#ipod .main h2 {

		font-size: 40px;

		color: #333;

		margin-top: 0;

		margin-bottom: 30px;

		line-height: 126%

	}

}



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



p.superscript {

	font-size: 12px!important

}



#disney .bb8 {

	padding: 70px 0

}



#disney .bb8 h1 {

	color: #fff;

	font-family: 'proxima_novathin', Helvetica, Arial, sans-serif;

	font-size: 33px;

	line-height: 41px;

	margin-bottom: 20px;

	letter-spacing: .01em

}



#disney .bb8 p {

	color: #fff;

	font-size: 18px;

	line-height: 24px;

	text-align: left

}



#disney .disney-fade {

	position: relative;

	background-color: #f47727;

	background: #ee3a50;

	background: -moz-linear-gradient(#ee3a50 0%, #f47727 100%);

	background: -webkit-linear-gradient(#ee3a50 0%, #f47727 100%);

	background: -o-linear-gradient(#ee3a50 0%, #f47727 100%);

	background: -ms-linear-gradient(#ee3a50 0%, #f47727 100%);

	background: linear-gradient(#ee3a50 0%, #f47727 100%);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3a50', endColorstr='#f47727')";

	padding-top: 100px;

	padding-bottom: 100px

}



#disney .disney-fade h1 {

	color: #fff;

	font-family: 'proxima_novathin', Helvetica, Arial, sans-serif;

	font-size: 33px;

	line-height: 41px;

	margin-bottom: 20px;

	letter-spacing: .01em

}



#disney .disney-fade p {

	color: #fff;

	font-size: 18px;

	line-height: 24px

}



#disney .disney-fade img {

	-webkit-transition: all .5s linear;

	transition: all .5s linear;

	-webkit-transform: scale3d(1, 1, 1);

	transform: scale3d(1, 1, 1)

}



#disney .disney-fade img:hover {

	-webkit-transform: scale3d(.97, .97, 1);

	transform: scale3d(.97, .97, 1)

}



#disney .figure-title span {

	font-size: 26px;

	text-align: center;

	font-family: 'proxima_novathin', Helvetica, Arial, sans-serif

}



#disney .figure-title {

	background-color: #f47727;

	background: #ee3a50;

	background: -moz-linear-gradient(#ee3a50 0%, #f47727 100%);

	background: -webkit-linear-gradient(#ee3a50 0%, #f47727 100%);

	background: -o-linear-gradient(#ee3a50 0%, #f47727 100%);

	background: -ms-linear-gradient(#ee3a50 0%, #f47727 100%);

	background: linear-gradient(#ee3a50 0%, #f47727 100%);

	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3a50', endColorstr='#f47727')";

	padding: 10px 0 0 0;

	color: #fff;

	-webkit-border-radius: 90px;

	-moz-border-radius: 90px;

	border-radius: 90px;

	text-align: center;

	margin-bottom: 11px;

	z-index: 10

}



#disney .heading-divider hr {

	border-top: 1px solid #ee3a50;

	padding-bottom: 30px

}



#disney .figure {

	text-align: center

}



#disney .figure-container {

	padding-top: 70px;

	padding-bottom: 100px

}



#disney .apple-products {

	padding-top: 70px

}



#disney .apple-products p {

	font-size: 18px;

	line-height: 24px

}



#disney .hdmi p {

	font-size: 18px;

	line-height: 24px

}



#disney .bb8 p {

	font-size: 18px;

	line-height: 24px

}



#disney .apple-products hr {

	border-top: 1px solid #333;

	margin-bottom: -30px

}



#disney .river-block {

	padding: 80px 0;

	position: relative

}



#disney .apple-products h1,

#disney .apple-products h2 {

	color: #333;

	font-family: 'proxima_novathin', Helvetica, Arial, sans-serif;

	font-size: 31px;

	line-height: 41px;

	margin-bottom: 20px;

	letter-spacing: .01em;

	text-align: center

}



#disney .apple-products h2 {

	text-align: left!important;

	margin-top: 45px

}



#disney .apple-tv {

	bottom: -100px;

	position: relative

}



#disney .hdmi-img {

	margin-right: -70px

}



#disney .hdmi-cable {

	max-height: 150px;

	padding-left: 30px;

	margin-top: -180px

}



#disney .hdmi-fluid {

	overflow-x: hidden;

	padding-bottom: 100px;

	padding-top: 150px

}



#disney .figure-container h1 {

	color: #ee3a50;

	font-family: 'proxima_novathin', Helvetica, Arial, sans-serif;

	font-size: 33px;

	line-height: 41px;

	margin-bottom: 20px;

	letter-spacing: .01em;

	text-align: center

}



#disney .intro-text {

	background-color: #f6f6f6

}



#disney .disney-btn {

	color: #ee3a50!important;

	background-color: #fff!important;

	border: none!important;

	min-width: 130px;

	text-align: center

}



#disney .disney-btn:hover {

	background-color: #ee3a50!important;

	color: #fff!important;

	border: none!important

}



#disney .disney-fig-btn {

	color: #ee3a50!important;

	background-color: #fff!important;

	border: #ee3a50 1px solid!important;

	min-width: 130px;

	text-align: center;

	margin-bottom: 20px;

	z-index: 10

}



#disney .disney-fig-btn:hover {

	background-color: #ee3a50!important;

	color: #fff!important

}



#disney .intro-text p {

	padding: 125px 0 70px 0;

	color: #333;

	font-size: 23px;

	text-align: center

}



#disney .dis-header {

	background-image: url(../../assets/images/disney/Disney_infi_header_Bg.jpg);

	background-position: top;

	min-height: 260px;

	margin-top: 150px;

	background-position-y: -80px;

	background-repeat: repeat-x

}



#disney .disney-logo {

	position: relative;

	bottom: -62px

}



#disney .parallax-feature {

	height: 250px;

	background-position-y: -60%!important

}



@media(max-width:660px) {}



@media(max-width:767px) {

	#disney .intro-text p {

		padding-top: 80px

	}

}



@media(max-width:991px) {

	#disney .dis-header {

		margin-top: 60px

	}

	#disney .disney-logo {

		bottom: -74px

	}

	#disney .disney-fade {

		text-align: center

	}

	#disney .disney-fade img {

		margin-left: auto;

		margin-right: auto;

		display: block

	}

	#disney .river-block {

		text-align: center;

		padding: 40px 0 10px 0

	}

	#disney .bb8 {

		text-align: center

	}

	#disney .bb8 p {

		text-align: center

	}

	#disney .bb8 img {

		margin-left: auto;

		margin-right: auto;

		display: block

	}

	#disney .apple-tv {

		position: static;

		margin-top: 80px;

		margin-bottom: 60px;

		text-align: center

	}

	#disney .apple-products h2 {

		text-align: center!important;

		margin-top: 50px

	}

	#disney .apple-products img {

		display: block;

		margin-left: auto;

		margin-right: auto

	}

	#disney .hdmi-fluid {

		padding-bottom: 10px;

		padding-top: 10px

	}

	#disney .hdmi-cable {

		margin-top: 70px;

		margin-bottom: 70px

	}

}



#valentines .val-header-row {

	top: 200px

}



#valentines .top-header {

	background-color: #a31d21;

	height: 555px;

	color: #fff

}



#valentines .macbook-gold {

	z-index: 50;

	position: relative;

	max-width: 221px;

	margin-top: 9px;

	right: 38px

}



#valentines .val-iphone {

	z-index: 50;

	position: relative;

	left: -31px;

	margin-top: 17px;

	max-width: 154px

}



#valentines .val-watch {

	z-index: 50;

	position: relative;

	max-width: 182px;

	margin-top: 31px

}



#valentines .val-ipad {

	z-index: 50;

	position: relative;

	max-width: 199px;

	margin-top: 22px

}



#valentines .val-head-title {

	color: #fff;

	position: relative;

	margin-top: 236px

}



#valentines .val-head-title h1 {

	color: #fff;

	font-family: 'proxima_novathin', Helvetica, Arial, sans-serif;

	line-height: 70px;

	letter-spacing: -.024em;

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-moz-font-feature-settings: 'liga', 'kern';

	font-size: 68px

}



#valentines .feat-info-wrap {

	min-height: 129px

}



#valentines .val-banner {

	margin-top: 129px;

	z-index: 21;

	width: 550px

}



#valentines .pro-img {

	border: thin rgba(6, 6, 8, .05) inset

}



#valentines .feat-val-box {

	background-color: #a31d21!important

}



#valentines .feat-val-box h3 {

	color: #fff!important

}



#valentines .feat-val-box p {

	color: #fff!important

}



#valentines .feat-val-box span {

	color: #fff!important

}



#valentines .val-info-box {

	background-color: #ededed;

	padding: 10px;

	margin-bottom: 30px

}



#valentines .val-info-box h3 {

	margin-bottom: 0;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	margin-top: -2px

}



#valentines .val-info-box p {

	margin-bottom: 10px;

	color: #000;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	min-height: 72px;

	line-height: 18px

}



#valentines .val-info-box span {

	margin-bottom: 10px;

	color: #a31d21;

	font-weight: 700

}



#valentines .val-footer {

	background-color: #a31d21;

	color: #fff;

	padding: 0 0 38px 0

}



#valentines .products-container {

	padding-top: 110px;

	padding-bottom: 70px

}



#valentines .val-footer h3 {

	text-align: center;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	line-height: 33px;

	letter-spacing: -.024em;

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-moz-font-feature-settings: 'liga', 'kern';

	color: #fff;

	margin: 60px 0 0 0

}



#valentines .pointer {

	position: relative;

	max-width: 100px

}



#valentines .three-year-img {}



#valentines .val-intro {

	padding: 120px 0 50px 0

}



#valentines .pointer-svg {

	-moz-transform: scaleY(-1);

	-o-transform: scaleY(-1);

	-webkit-transform: scaleY(-1);

	transform: scaleY(-1);

	filter: FlipV;

	-ms-filter: "FlipV"

}



#valentines .val-intro p {

	color: #000;

	text-align: center;

	font-size: 18px

}



#valentines .val-intro h1 {

	text-align: center;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	line-height: 58px;

	letter-spacing: -.024em;

	text-rendering: optimizeLegibility;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-moz-font-feature-settings: 'liga', 'kern'

}



#valentines .feature-products {

	background-color: #fafafa;

	margin-top: 70px;

	margin-bottom: 70px

}



#valentines .para-heart {

	margin-top: -10px;

	z-index: 100;

	position: relative

}



#valentines .footer-heart {

	margin-bottom: -14px;

	z-index: 100;

	position: relative

}



#valentines .footer-heart-img {

	width: 25px

}



#valentines .three-year {

	background-color: #333;

	padding: 30px 0 30px 0

}



#valentines .three-year p {

	color: #fff;

	font-size: 16px;

	line-height: 23px;

	margin-bottom: 4px

}



#valentines .three-year h4 {

	color: #fff;

	margin-top: 0

}



#valentines .three-year a {

	color: #fff

}



#valentines .three-year a:hover {

	color: grey

}



#valentines .val-para {

	height: 350px;

	z-index: 10;

	margin: 0 0 40px 0

}



#valentines .red-feat-btn,

#valentines .pink-feat-btn {

	color: #a31d21!important;

	margin-top: 28px;

	margin-bottom: 9px

}



#valentines .pink-feat-btn {

	color: #cf7777!important

}



#valentines .feat-btn {

	color: #fff!important;

	border-color: #fff;

	margin-top: 28px;

	margin-bottom: 9px

}



#valentines .feat-btn:hover {

	color: #a31d21!important;

	border-color: #fff;

	background: #fff!important

}



#valentines .red-feat-btn:hover {

	color: #fff!important;

	border-color: #a31d21;

	background: #a31d21!important

}



#valentines .pink-feat-btn:hover {

	color: #fff!important;

	border-color: #cf7777;

	background: #cf7777!important

}



#valentines .red-val-btn {

	margin-top: 28px;

	margin-bottom: 9px;

	color: #fff!important;

	border-color: #a31d21;

	background: #a31d21!important

}



#valentines .red-val-btn:hover {

	background-color: #fafafa!important;

	color: #a31d21!important

}



#valentines .feat-left {

	text-align: left!important

}



#valentines .feat-right {

	text-align: right!important

}



#valentines .xs-feat {

	background-color: #fafafa;

	padding: 20px 20px 20px 20px;

	margin: 30px 0 30px 0

}



#valentines .red-feat-pro {

	background-color: #a31d21;

	color: #fff;

	padding: 33px 30px 29px 30px;

	z-index: 20

}



#valentines .feat-pro {

	padding: 33px 30px 20px 30px

}



#valentines .red-feat-pro span {

	font-size: 16px

}



#valentines .red-feat-pro h3 {

	color: #fff;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	line-height: 23px;

	font-size: 19px;

	letter-spacing: .014em;

	margin-bottom: 10px;

	margin-top: 0

}



#valentines .feat-pro span {

	font-size: 16px

}



#valentines .feat-pro h3 {

	color: #000;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	line-height: 23px;

	font-size: 19px;

	letter-spacing: .014em;

	margin-bottom: 10px;

	margin-top: 0

}



#valentines .val-heart {

	max-width: 25px;

	border: 4px solid #fff

}



#valentines .val-hr {

	text-align: center;

	color: #a31d21!important

}



#valentines .val-hr hr {

	border-top: 1px solid #a31d21!important

}



#valentines .val-hr img {

	position: relative;

	top: -32px

}



@media(max-width:1199px) {

	#valentines .val-info-box p {

		min-height: 50px

	}

	#valentines .val-head-title {

		margin-top: 200px

	}

	#valentines .feat-info-wrap {

		min-height: 149px

	}

	#valentines .macbook-gold {

		z-index: 50;

		position: relative;

		min-width: 221px;

		margin-top: 9px;

		right: 73px

	}

	#valentines .val-iphone {

		z-index: 50;

		position: relative;

		left: -31px;

		margin-top: 17px

	}

	#valentines .val-watch {

		z-index: 50;

		position: relative;

		min-width: 182px;

		margin-top: 31px;

		right: 30px

	}

	#valentines .val-ipad {

		z-index: 50;

		position: relative;

		min-width: 199px;

		margin-top: 22px;

		left: -16px

	}

}



@media(max-width:991px) {

	#valentines .val-top-header {

		padding-top: 0;

		margin-top: 0

	}

	#valentines .feat-info-wrap {

		min-height: 173px

	}

	#valentines .macbook-gold {

		right: 140px;

		margin-top: 19px;

		max-width: 249px

	}

	#valentines .val-iphone {

		left: -31px;

		margin-top: 22px;

		min-width: 177px

	}

	#valentines .val-watch {

		margin-top: 61px;

		left: -72px;

		width: 200px

	}

	#valentines .val-ipad {

		left: -18px;

		margin-top: 40px;

		width: 213px!important

	}

	#valentines .val-head-title {

		margin-top: 116px

	}

	#valentines .val-head-title h1 {

		text-align: center

	}

	#valentines .val-banner {

		margin-top: 0;

		margin-left: auto;

		margin-right: auto;

		width: 439px;

		display: block

	}

	#valentines .top-header {

		height: 641px

	}

	#valentines .val-info-box {

		padding: 30px

	}

}



@media(max-width:767px) {

	#valentines .val-top-header {

		padding-top: 0;

		margin-top: -40px

	}

	#valentines .val-banner {

		top: -10px;

		width: 500px;

		margin-left: auto;

		margin-right: auto;

		position: relative

	}

	#valentines .val-intro h1 {

		line-height: 41px

	}

	val-head-title {

		top: 100px

	}

	#valentines .three-year h4 {

		margin-top: 20px

	}

}



@media(max-width:584px) {

	#valentines .val-head-title h1 {

		font-size: 50px;

		line-height: 60px

	}

}



@media(max-width:450px) {

	#valentines .val-top-header {

		padding-top: 0;

		margin-top: 50px

	}

	#valentines .val-head-title h1 {

		font-size: 40px;

		line-height: 50px

	}

	#valentines .val-banner {

		top: 10px;

		width: 298px

	}

	#valentines .top-header {

		height: 580px

	}

	#valentines .val-intro {

		padding: 20px 0 50px 0

	}

}



@media(max-width:767px) {

	#valentines .text-xs-center {

		text-align: center!important

	}

	#valentines .text-xs-center img.img-responsive {

		margin-left: auto;

		margin-right: auto

	}

}



#sonos-landing .lowerWrap {

	overflow: initial

}



#sonos-landing .main.sonos-menubar {

	padding: 30px 0;

	overflow: visible

}



#sonos-landing .main {

	overflow: hidden

}



#sonos-banner {

	background: #000;

	background-image: url(../../assets/images/accessories/landing-pages/sonos/sonos-pattern.jpg);

	background-repeat: no-repeat

}



#sonos-promo-banner {

	background: #000;

	background-image: url(../../assets/images/accessories/landing-pages/sonos/sonos-promo-banner.jpg);

	background-repeat: no-repeat

}



#sonos-promo-banner .title-container {

	margin-top: 160px

}



#sonos-banner .title-container {

	margin-top: 110px

}



#sonos-banner .title-container h1 {

	font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;

	font-size: 26px;

	color: #ccc;

	margin: 20px 0

}



#sonos-banner .title-container h3 {

	font-family: "proxima_novalight", Helvetica, Arial, sans-serif;

	font-size: 18px;

	color: #ccc;

	text-transform: uppercase

}



#sonos-landing .main.sonos-menubar .button {

	margin: 0 5px 10px 0

}



.button.sonos-purple {

	color: #b0008e;

	border-color: #b0008e

}



.button.sonos-purple:hover {

	color: #fff;

	background: #b0008e

}



.button.sonos-green {

	color: #a6be33;

	border-color: #a6be33

}



.button.sonos-green:hover {

	color: #fff;

	background: #a6be33

}



.button.sonos-yellow {

	color: #efb22d;

	border-color: #efb22d

}



.button.sonos-yellow:hover {

	color: #fff;

	background: #efb22d

}



.button.sonos-blue {

	color: #00adc6;

	border-color: #00adc6

}



.button.sonos-blue:hover {

	color: #fff;

	background: #00adc6

}



.button.sonos-black {

	color: #000;

	border-color: #000

}



.button.sonos-black:hover {

	color: #fff;

	background: #000

}



#sonos-family-img {

	position: absolute;

	width: 100%;

	bottom: -141px;

	z-index: 999

}



.sonos-deezer-container img {

	margin-top: 90px;

	margin-bottom: 40px

}



.sonos-deezer-container p {

	color: #eee;

	font-size: 16px

}



#sonos-landing .main h2 {

	font-family: "proxima_novasemibold", Helvetica, Arial, sans-serif;

	font-size: 40px;

	text-transform: uppercase;

	margin-bottom: 30px

}



#sonos-landing .main p {

	font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;

	font-size: 16px;

	color: #999

}



#play-1 h2,

#play-1 h4 {

	color: #b0008e

}



#play-1-promo h2,

#play-1-promo h4 {

	color: #a6be33

}



#play-3 h2,

#play-3 h4 {

	color: #efb22d

}



#play-5 h2,

#play-5 h4 {

	color: #00adc6

}



#bridge h2,

#bridge h4 {

	color: #000

}



.sonos-feature-text {

	margin: 80px 0

}



.sonos-foot-bar {

	padding: 30px;

	background: #000

}



.sonos-foot-text {

	padding: 0 0 0 30px

}



.sonos-foot-text p {

	color: #fff

}



.parallax-feature.pa-sonos-one,

.parallax-feature.pa-sonos-two,

.parallax-feature.pa-promo-sonos-one {

	box-shadow: inset 0 0 7px -2px #333

}



.parallax-feature.pa-sonos-one {

	background-image: url(../../assets/images/accessories/landing-pages/sonos/sonos-feature-one.jpg)

}



.parallax-feature.pa-sonos-two {

	background-image: url(../../assets/images/accessories/landing-pages/sonos/sonos-feature-two.jpg)

}



.parallax-feature.pa-sonos-three {

	background-image: url(../../assets/images/accessories/landing-pages/sonos/sonos-feature-three.jpg)

}



.parallax-feature.pa-promo-sonos-one {

	background-image: url(../../assets/images/accessories/landing-pages/sonos/sonos-pa-promo.jpg)

}



.sonos-promo-list {

	list-style: none;

	padding: 20px 0;

	margin: 0

}



.sonos-promo-list li {

	margin-bottom: 15px

}



.sonos-purple-colour-block {

	height: 350px;

	width: 120%;

	background: #b0008e;

	position: absolute;

	z-index: 1;

	bottom: -300px;

	-ms-transform: rotate(-7deg);

	-webkit-transform: rotate(-7deg);

	transform: rotate(-7deg)

}



.sonos-purple-colour-block-top {

	height: 500px;

	width: 125%;

	background: #00728d;

	position: absolute;

	top: -417px;

	-ms-transform: rotate(-15.5deg);

	-webkit-transform: rotate(-15.5deg);

	transform: rotate(-15.5deg);

	z-index: 1;

	left: -50%

}



.sonos-yellow-colour-block-top {

	height: 500px;

	width: 125%;

	background: #efb22d;

	position: absolute;

	top: -417px;

	-ms-transform: rotate(-8.5deg);

	-webkit-transform: rotate(-8.5deg);

	transform: rotate(-8.5deg);

	z-index: 1;

	left: -10%

}



.sonos-yellow-block-bottom {

	height: 150px;

	width: 100%;

	background: #efb22d;

	position: absolute;

	bottom: -100px;

	-ms-transform: rotate(-15deg);

	-webkit-transform: rotate(-15deg);

	transform: rotate(-15deg);

	z-index: 1;

	right: -35%

}



.sonos-blue-colour-block-top {

	height: 500px;

	width: 155%;

	background: #00adc6;

	position: absolute;

	top: -417px;

	-ms-transform: rotate(-10deg);

	-webkit-transform: rotate(-10deg);

	transform: rotate(-10deg);

	z-index: 1;

	left: -60%

}



.sonos-blue-block-bottom {

	height: 220px;

	width: 150%;

	background: #00adc6;

	position: absolute;

	bottom: -192px;

	-ms-transform: rotate(8deg);

	-webkit-transform: rotate(8deg);

	transform: rotate(8deg);

	z-index: 1;

	left: -35%

}



.sonos-purple-opactiy-block,

.sonos-yellow-opactiy-block,

.sonos-blue-opactiy-block,

.sonos-white-opactiy-block-top,

.sonos-white-opactiy-block-bottom {

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=5)";

	filter: alpha(opacity=5);

	-moz-opacity: .05;

	-khtml-opacity: .05;

	opacity: .05

}



.sonos-purple-opactiy-block {

	height: 350px;

	width: 120%;

	background: #000;

	position: absolute;

	bottom: -330px;

	-ms-transform: rotate(7deg);

	-webkit-transform: rotate(7deg);

	transform: rotate(7deg);

	left: -10%

}



.sonos-yellow-opactiy-block {

	height: 150px;

	width: 120%;

	background: #000;

	position: absolute;

	top: -130px;

	-ms-transform: rotate(7deg);

	-webkit-transform: rotate(7deg);

	transform: rotate(7deg);

	right: -10%

}



.sonos-blue-opactiy-block {

	height: 150px;

	width: 120%;

	background: #000;

	position: absolute;

	top: -130px;

	-ms-transform: rotate(7deg);

	-webkit-transform: rotate(7deg);

	transform: rotate(7deg);

	right: -10%

}



.sonos-white-opactiy-block-top {

	height: 250px;

	width: 120%;

	background: #000;

	position: absolute;

	top: -230px;

	-ms-transform: rotate(10deg);

	-webkit-transform: rotate(10deg);

	transform: rotate(10deg);

	right: -30%

}



.sonos-white-opactiy-block-bottom {

	height: 250px;

	width: 120%;

	background: #000;

	position: absolute;

	bottom: -230px;

	-ms-transform: rotate(8deg);

	-webkit-transform: rotate(8deg);

	transform: rotate(8deg);

	left: -30%

}



.ie8 .sonos-purple-colour-block,

.ie8 .sonos-yellow-colour-block-top,

.ie8 .sonos-yellow-block-bottom,

.ie8 .sonos-blue-colour-block-top,

.ie8 .sonos-blue-block-bottom,

.ie8 .sonos-purple-opactiy-block,

.ie8 .sonos-yellow-opactiy-block,

.ie8 .sonos-blue-opactiy-block,

.ie8 .sonos-white-opactiy-block-top,

.ie8 .sonos-white-opactiy-block-bottom {

	width: 100%;

	left: 0

}



.deezer-terms-wrapper {

	position: relative;

	overflow: hidden;

	padding: 20px 20px 35px 20px;

	background: #f9f9f9;

	border-radius: 4px

}



.deezer-terms {

	height: 250px;

	overflow: hidden;

	position: relative;

	padding-right: 20px

}



.deezer-terms.open {

	height: auto

}



.deezer-terms-shadow {

	position: absolute;

	height: 38px;

	width: 100%;

	bottom: 0;

	left: -38px;

	z-index: 1;

	overflow: hidden

}



.deezer-terms-shadow span {

	display: block;

	position: absolute;

	left: -10%;

	width: 110%;

	height: 0;

	box-shadow: 5px 0 20px 23px #f9f9f9;

	bottom: 0

}



#sonos-terms .terms-scroll-label {

	text-align: center;

	color: #bbb;

	box-shadow: 5px 0 20px 23px #f9f9f9;

	position: absolute;

	width: 100%;

	bottom: 7px;

	left: 0;

	padding: 0;

	margin: 0;

	font-size: 18px;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out

}



#sonos-terms .terms-scroll-label.open i {

	-ms-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	transform: rotate(180deg)

}



#sonos-terms .terms-scroll-label:hover {

	color: #000

}



.switching-image-wrapper {

	text-align: center

}



.switching-image-wrapper .colour-switcher {}



.switching-image-wrapper .colour-switcher a {

	height: 25px;

	width: 25px;

	margin: 3px;

	display: inline-block;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%

}



.switching-image-wrapper .colour-switcher a.white {

	background: #fff;

	border: solid 1px #ccc

}



.switching-image-wrapper .colour-switcher a.black {

	background: #222;

	border: solid 1px #222

}



.switching-image-wrapper .colour-switcher a.active,

.switching-image-wrapper .colour-switcher a:hover {

	border: solid 2px #2daae1;

	height: 25px;

	width: 25px

}



#beats .beats-active {

	padding-top: 150px;

	height: 575px;

	overflow: hidden

}



#beats .price {

	font-size: 24px;

	margin-bottom: 30px

}



#beats .span {

	padding-top: 30px

}



#beats .beats-active .beats-hero {

	min-width: 130%;

	margin-top: -160px;

	left: -110px;

	position: absolute

}



#beats .beats-active h3 {

	color: #fff!important;

	margin-top: 20px

}



#beats .beats-active h2,

#beats .beats-active p {

	color: #fff!important

}



#beats .beats-active h4 {

	color: #dfe736!important

}



#beats .beats-active h3 {

	font-size: 65px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	margin-bottom: 0;

	line-height: 120%

}



#beats .beats-active .beats-text {

	margin-top: 50px

}



#beats .beats-active .beats-logo {

	width: 240px;

	margin-bottom: 13px;

	position: relative!important;

	padding-top: 30px

}



@media(max-width:1199px) {

	#beats #beats .beats-active {}

	#beats .beats-active .beats-text {

		margin-top: 40px

	}

}



@media(max-width:991px) {

	#beats .beats-active {

		text-align: left

	}

	#beats .beats-active .beats-text {

		margin-top: 10px

	}

	#beats .beats-active .beats-hero {

		min-width: 137%;

		margin-top: -60px;

		left: -40px

	}

	#beats .beats-active h3 {

		font-size: 50px;

		font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

		margin-bottom: 0;

		line-height: 120%

	}

}



@media(max-width:767px) {

	#beats .beats-active {

		text-align: center

	}

	#beats .beats-active .beats-text {

		margin-top: -82px

	}

	#beats .beats-active {

		padding-top: 150px;

		height: 300px;

		overflow: hidden

	}

	#beats .beats-hero {

		min-width: 100%;

		margin-top: 0;

		margin-left: auto;

		margin-right: auto;

		left: initial

	}

	#beats .beats-active .beats-logo {

		padding-top: 0

	}

	#beats .beats-active h3 {

		font-size: 40px;

		font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

		margin-bottom: 0;

		line-height: 120%;

		margin-top: 0

	}

}



@media(max-width:450px) {

	#beats .beats-active {

		text-align: center

	}

	#beats .beats-active .beats-text {

		margin-top: -120px

	}

	#beats .beats-active .beats-hero {

		min-width: 100%;

		margin-top: 0;

		margin-left: auto;

		margin-right: auto;

		left: initial

	}

	#beats .beats-active h3 {

		font-size: 30px;

		font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

		margin-bottom: 0;

		line-height: 120%;

		margin-top: 0

	}

	#beats .beats-active .beats-logo {

		width: 200px;

		margin-bottom: 13px;

		position: relative!important

	}

}



#beats-banner {

	background-image: url(../../assets/images/accessories/landing-pages/beats/active-header.jpg);

	background-position: center bottom!important;

	height: 500px;

	background-size: cover;

	margin-top: 95px

}



#beats-banner .title-container {

	margin-top: 220px

}



#beats .main p {

	font-size: 16px;

	color: #000!important

}



#beats .button.beats-red {

	color: #444;

	border-color: #777;

	margin-top: 20px

}



#beats .button.beats-red:hover {

	background: #777;

	color: #fff

}



#beats .button.beats-red-rev {

	background-color: #e41c39;

	color: #fff!important;

	margin-top: 20px;

	border-color: #e41c39

}



#beats .button.beats-red-rev:hover {

	color: #e41c39!important;

	border-color: #e41c39;

	background-color: transparent!important

}



#beats .banner-foreground {

	top: -480px;

	right: -25px;

	z-index: 21;

	position: absolute

}



#beats .solo2-wireless {

	background: #f9f9f9

}



#beats .urbeats {

	padding: 210px 0 0 0

}



#beats .tourbeats {

	background: #f9f9f9;

	padding: 90px 0 0 0

}



#beats .ava-colour {

	border-top: #ddd solid thin;

	border-bottom: #ddd solid thin;

	margin-bottom: 25px

}



#beats #beatsSoloWireless {

	background: #f5f5f5;

	width: 130%

}



#beats #beatsSoloWireless .container {}



#beats .typog h3 {

	font-size: 39px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	margin-bottom: 0;

	margin-top: 0

}



#beats .typog h4 {

	margin-top: -8px;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	font-size: 18px;

	letter-spacing: .001em;

	margin-bottom: 20px

}



#beats .typog-white h3 {

	color: #333!important

}



#beats .typog-white h4 {

	color: #333!important

}



#beats .main img {

	max-width: 100%

}



#beats .solo-wireless-img {

	margin-top: 12px

}



#beats .solo-img {

	margin-top: -41px

}



#beats .powerbeats-img {

	margin-top: -44px

}



#beats .tour-img {

	margin-top: -41px

}



#beats .urbeats-img {

	margin-bottom: -10px;

	margin-top: -50px

}



#beats #urbeats-top-image {

	-ms-transform: rotate(90deg);

	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);

	margin-left: -210px

}



#beats .solo2-wireless {

	margin-top: 0

}



#beats .tourbeats {

	background-color: rgba(0, 0, 0, .11)

}



#beats .pill {

	margin-top: 30px

}



#beats .acc-color {

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	margin: 18px 0 20px 0

}



#beats .acc-color span {

	display: inline-block;

	margin: 6px 1px -8px 8px;

	height: 25px;

	width: 25px;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%;

	border-radius: 50%

}



#beats .acc-color span.white {

	border: solid 1px #999

}



#beats .acc-color span.colour-spot:hover {

	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)

}



#beats .acc-color span.colour-spot-white:hover {

	box-shadow: inset 0 0 0 2px rgba(51, 51, 51, .51)

}



#start-something-new :target:before {

	content: "";

	display: block;

	height: 90px;

	margin: -90px 0 0

}



#start-something-new .ssn-fadein {

	position: relative;

	max-width: 380px;

	height: 269px

}



#start-something-new .ssn-fadein img {

	position: absolute;

	-webkit-animation-name: fade;

	-webkit-animation-iteration-count: infinite;

	-webkit-animation-duration: 6s;

	animation-name: fade;

	animation-iteration-count: infinite;

	animation-duration: 6s

}



@-webkit-keyframes fade {

	0% {

		opacity: 0

	}

	20% {

		opacity: 1

	}

	33% {

		opacity: 1

	}

	53% {

		opacity: 0

	}

	100% {

		opacity: 0

	}

}



@keyframes fade {

	0% {

		opacity: 0

	}

	20% {

		opacity: 1

	}

	33% {

		opacity: 1

	}

	53% {

		opacity: 0

	}

	100% {

		opacity: 0

	}

}



#start-something-new .spread1,

.spread2,

.spread3 {

	max-width: 380px

}



#start-something-new .spread2 {

	-webkit-animation-delay: -8s

}



#start-something-new .spread3 {

	-webkit-animation-delay: -4s

}



#start-something-new .hr-ssn {

	margin-bottom: 43px

}



#start-something-new .icreate-mag {

	width: 150px;

	vertical-align: middle;

	display: block;

	padding: 25px 0 10px 0;

	margin-left: auto;

	margin-right: auto

}



#start-something-new .no-padding {

	padding-left: 0!important;

	padding-right: 0!important

}



#start-something-new .hr-ssn-bottom {

	margin-top: 0

}



#start-something-new .hr-ssn-middle {

	margin-top: 43px;

	margin-bottom: 29px

}



#start-something-new .carousel.fade {

	opacity: 1;

	overflow: visible

}



#start-something-new .carousel.fade .item {

	transition: opacity ease-out .7s;

	left: 0;

	opacity: 0;

	top: 0;

	position: absolute;

	width: 100%;

	display: block;

	overflow: visible

}



#start-something-new .carousel.fade .item:first-child {

	top: auto;

	opacity: 1;

	position: relative

}



#start-something-new .carousel.fade .item.active {

	opacity: 1

}



#start-something-new .ssn-container {

	margin-bottom: 0;

	padding-bottom: 10px

}



#startsomething-banner {

	height: 0

}



#start-something-new .ssn-bg {

	background-image: url('../../assets/images/start-something-new/ssn-bg.jpg');

	background-repeat: repeat-x;

	padding-bottom: 0;

	background-position-y: 35px;

	padding-top: 35px

}



#start-something-new .social-grey {

	height: auto;

	background-color: #fcfcfc;

	color: #fff!important;

	padding: 20px 20px 20px 20px;

	border: thin solid rgba(51, 51, 51, .04)

}



#start-something-new .social-grey h3 {

	margin-top: 3px

}



#start-something-new .social-grey-text {

	padding-left: 26px

}



#start-something-new .social-grey-text P {

	margin-bottom: 5px;

	margin-top: 5px

}



#start-something-new .social-grey-icon {

	border-right: #fff solid thin;

	margin-top: auto;

	margin-bottom: auto;

	height: 100%

}



#start-something-new .sn-fade-cont {

	width: 100%

}



@media(max-width:991px) {

	#start-something-new .icreate-p p {

		text-align: center

	}

	#start-something-new .ssn-fadein {

		display: block

	}

}



@media(min-width:992px) {

	#start-something-new .icreate-mag {

		display: block;

		margin-left: 0

	}

}



@media(max-width:767px) {

	#start-something-new h3 {

		text-align: center

	}

	#start-something-new p {

		text-align: center

	}

}



@media(max-width:1199px) {

	#start-something-new .ssn-fadein {

		margin-left: auto;

		margin-right: auto

	}

}



#fathersday-banner {

	height: 0

}



#fathersday-banner .title-container {

	margin-top: 70px

}



#fathers-day .banner-foreground {

	top: -480px;

	right: -25px;

	z-index: 21;

	position: absolute

}



#fathers-day #drones .prices p.left {

	margin-right: 30px

}



.button.fd-blue {

	color: #5687bb;

	border-color: #5687bb

}



.button.fd-blue:hover {

	background: #5687bb;

	color: #fff

}



#fathers-day .acc-color {

	margin: 13px 0 13px 15px

}



#fathers-day .acc-color span {

	display: inline-block;

	margin: 4px;

	height: 15px;

	width: 15px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%

}



#fathers-day .acc-color span.white {

	border: solid 1px #ccc

}



#fathers-day img {

	max-width: 100%

}



@media(max-width:767px) {

	#sonos-banner {

		background: #000;

		background-image: url(../../assets/images/accessories/landing-pages/sonos/sonos-pattern-mobile.jpg);

		background-repeat: no-repeat;

		background-position: 50% 50%

	}

	.sonos-foot-bar {

		background: #000

	}

	.sonos-foot-text {

		padding: 50px 0 0 0

	}

	.sonos-feature-text.first {

		margin: 0 0 50px 0

	}

	.sonos-feature-text {

		margin: 50px

	}

	#play-1 {

		padding: 60px 0 120px 0;

		overflow: hidden

	}

	.sonos-deezer-container img {

		margin: auto;

		margin-top: 50px;

		margin-bottom: 30px;

		max-width: 100%

	}

	#fathers-day {

		text-align: center

	}

	#fathers-day p.left,

	#fathers-day .acc-color {

		float: none;

		margin-left: 0;

		margin-right: 0

	}

	#beats #beatsSoloWireless {

		background: #f5f5f5;

		width: 100%;

		margin-left: 0;

		padding: 50px 0;

		margin-top: 0

	}

	#beats #beatsSoloWireless .container {}

	#beats .solo-wireless-img {

		margin-left: 0;

		margin-top: 0

	}

	#beats .solo-img {

		margin-top: 0;

		margin-right: 45px

	}

	#beats .powerbeats-img {

		margin-top: 6px;

		margin-left: 0

	}

	#beats-banner .title-container {

		margin-top: 128px

	}

	#beats .solo2-wireless,

	#beats .powerbeats,

	#beats .pill {

		margin: 0 0

	}

	#beats .urbeats {

		padding: 18px 0 37px 0

	}

	#beats .tourbeats {

		padding: 0 0 40px 0

	}

	#beats .main {

		text-align: center

	}

	#beats .main .left {

		float: none

	}

	#beats .solo-wireless-img {

		min-width: 100%!important;

		margin-top: 12px

	}

	#beats .tourbeats-img {

		min-width: 100%!important;

		margin-left: -80px

	}

	#beats .page-banner {

		height: auto;

		margin-top: 0;

		background-image: url(../../assets/images/accessories/landing-pages/beats/active-small.jpg)

	}

	#startsomething-banner {

		height: 0

	}

}



@media(min-width:768px) {

	#start-something-new .ssn-bg {

		padding-bottom: -7px;

		background-position-y: 0;

		padding-top: 0;

		margin-top: 136px

	}

	#sonos-banner {

		background: #000;

		background-image: url(../../assets/images/accessories/landing-pages/sonos/sonos-pattern-mobile.jpg);

		background-repeat: no-repeat;

		background-position: 50% 50%

	}

	.sonos-foot-text {

		padding: 50px 0 0 0

	}

	.sonos-feature-text.first {

		margin: 0 0 50px 0

	}

	.sonos-feature-text {

		margin: 50px

	}

	#beats .powerbeats-img {

		margin-top: 5px

	}

	#beats .solo2-wireless,

	#beats .powerbeats,

	#beats .pill {

		margin: 0

	}

	#beats .tourbeats-img {

		margin-top: 42px

	}

	#beats #beatsSoloWireless {

		background: #f5f5f5;

		width: 130%;

		margin-left: -15%;

		padding: 150px 0 100px;

		margin-top: -100px

	}

	#beats #beatsSoloWireless .container {}

	#beats .main {

		text-align: left

	}

	#beats .solo2 {

		padding-top: 111px

	}

	#beats .urbeats {

		padding-top: 111px

	}

	#beats .tourbeats {

		padding-top: 100px;

		padding-bottom: 0;

		margin-top: -4px;

		overflow: hidden;

		background-color: rgba(0, 0, 0, .11)

	}

}



@media(max-width:992px) {

	#beats #solo-top-image {

		display: none

	}

	#beats #urbeats-top-image {

		display: none

	}

	#beats .tourbeats-img {

		min-width: 135%;

		margin-left: -108px

	}

	#beats .solo-wireless-img {

		margin-top: -18px;

		min-width: 190%

	}

	#start-something-new .ssn-bg {

		margin-top: 88px;

		background-position-y: -106px;

		overflow: visible

	}

}



@media(min-width:950px) {

	#start-something-new .carousel-inner-ssn {

		height: 640px!important;

		margin-top: 2px

	}

}



@media(max-width:949px) {

	#start-something-new .carousel-indicators {

		display: none

	}

}



@media(max-width:768px) {

	#start-something-new .ssn-bg {

		margin-top: 33px

	}

	#start-something-new .ssn-container {

		width: 100%!important

	}

	#beats #solo-top-image {

		display: none

	}

	#beats .acc-color span {

		margin: 0 -3px -2px 6px!important;

		height: 13px;

		width: 13px

	}

	#beats .typog h3 {

		font-size: 39px;

		margin-top: 20px

	}

	#beats #solo-top-image {

		display: inline;

		margin-right: 0

	}

	#beats #urbeats-top-image {

		display: inline;

		margin-right: 0

	}

	#beats .acc-color {

		margin: 18px 0 9px 0!important

	}

}



@media(max-width:1200px) {

	#beats .acc-color span {

		margin: 0 -3px -6px 6px!important

	}

	#beats .acc-color {

		margin: 18px 0 17px 0!important

	}

}



@media(max-width:992px) {

	#beats .acc-color span {

		margin: 0 -3px -2px 6px!important;

		height: 13px;

		width: 13px

	}

	#beats .solo-img {

		margin-right: -41px

	}

	#beats .typog h3 {

		font-size: 29px

	}

	#beats .acc-color {

		margin: 18px 0 9px 0!important

	}

	#start-something-new .ssn-container {

		width: 100%!important;

		overflow: visible

	}

}



@media(min-width:992px) {

	#sonos-banner {

		background: #000;

		background-image: url(../../assets/images/accessories/landing-pages/sonos/sonos-pattern.jpg);

		background-repeat: no-repeat;

		background-position: 50% 0

	}

	#sonos-family-img {

		position: absolute;

		width: 110%;

		bottom: -130px;

		right: 0

	}

	.sonos-deezer-container img {

		margin-top: 90px;

		margin-bottom: 40px

	}

	.sonos-foot-text {

		padding: 0 0 0 30px

	}

	.sonos-feature-text {

		margin: 60px 0

	}

	#fathers-day {

		text-align: left

	}

	#beats .banner-foreground {

		top: -558px;

		right: -64px;

		z-index: 21;

		position: absolute;

		width: 594px

	}

	#beats .solo2-wireless {

		margin-top: 0;

		padding: 142px 0 100px 0

	}

	#beats .solo2 {

		padding: 180px 0 120px 0

	}

	#beats .urbeats {

		padding: 225px 0 0 0

	}

	#beats .pill {

		margin-top: -53px

	}

}



@media(min-width:1200px) {

	#sonos-family-img {

		position: absolute;

		width: 100%;

		bottom: -141px

	}

	.sonos-feature-text {

		margin: 80px 0

	}

	#beats .banner-foreground {

		top: -554px;

		right: 26px;

		z-index: 21;

		position: absolute;

		width: 602px

	}

	#beats .solo2-wireless {

		margin-top: 0;

		padding-top: 160px;

		padding-bottom: 80px

	}

	#beats .pill {

		margin-top: -65px;

		margin-left: 60px

	}

	#beats .powerbeats {

		margin-bottom: -100px;

		background-color: rgba(0, 0, 0, .11)

	}

}



@media(max-width:550px) {

	#start-something-new .ssn-container {}

}



.clickTarget {

	position: relative;

	top: -150px

}



.overflow-hidden {

	overflow: hidden

}



.header {

	padding: 30px 0

}



.apr-container img {

	float: right

}



.closeDrop {

	position: absolute;

	right: 0;

	top: -25px;

	font-size: 16px

}



.page-subtitle {

	border-bottom: solid 1px #ddd;

	padding-bottom: 20px;

	width: 80%;

	margin: 0 auto;

	margin-bottom: 50px

}



.white-block {

	padding: 35px 40px 40px 40px;

	border: solid 1px #eee;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px

}



.white-block.pullout {

	background: #f9f9f9

}



.feature.grey .white-block {

	background: #f8f8f8;

	margin-bottom: 40px;

	border: solid 1px #ddd

}



.feature.light-grey {

	background: #f9f9f9

}



.white-block.imageTop {

	padding: 135px 40px 10px 40px

}



.small-splitter {

	width: 50px;

	height: 2px;

	background: #ddd;

	margin: 40px 0

}



.small-splitter.white {

	background: #fff

}



.small-splitter.blue {

	background: #1a9ede

}



.text-center .small-splitter {

	margin: 40px auto

}



.no-pad {

	padding: 0

}



ul.no-pad {

	padding-left: 0

}



ul.no-bullet,

ul.no-bullet li {

	list-style: none

}



ul.superscript {

	list-style-type: decimal;

	padding: 0 10px

}



ul.superscript li,

p.superscript {

	margin: 0;

	font-size: 10px!important;

	color: #999

}



.hb {

	min-height: 350px;

	border: solid 1px #ddd;

	margin: -1px 0 0 -1px;

	border-bottom: none

}



.hb-first .hb-text {

	padding-top: 0

}



.hb-text {

	padding: 0 30px 30px 30px

}



.hb-text p {

	margin: 5px 0 15px 0

}



.hb-text h4 {

	margin-top: 25px;

	margin-bottom: 0;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



.hb-text img {

	max-width: 100%

}



.hb-text a,

.hb a {

	display: inline-block;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 14px

}



.home-block {

	width: 33%

}



#home-pt img.img-right {

	position: absolute;

	right: 0;

	bottom: 25px

}



#home-pt img.img-left {

	position: absolute;

	left: 0;

	bottom: 25px

}



.home-block h4 {

	font-size: 30px

}



.hb-small {

	border: solid 1px #ddd;

	width: 25%;

	float: left;

	margin: -1px 0 0 -1px;

	position: relative

}



.hb-small h4 {

	padding: 0;

	margin-bottom: 0

}



.hb-small p {

	margin: 5px 0 15px 0

}



.hb-small img {

	width: 95%;

	margin: 10px 0

}



.hb-small .actionWrap a {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 14px

}



.stretch102 {

	width: 102%;

	margin-bottom: -3px;

	overflow: hidden;

	margin-top: -1px

}



.home-mobile-contact {}



.home-mobile-contact a {

	display: block;

	text-align: center;

	width: 110%;

	margin-left: -5%;

	background: #ddd;

	padding: 25px 10px 20px 10px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.home-mobile-contact a:hover {

	background: #ccc

}



.home-mobile-contact h5 {

	color: #333;

	font-size: 18px

}



.stores-con {

	padding-right: 50px;

	overflow: hidden

}



.contact-con {

	padding-left: 50px

}



.store-list a,

.contact-con a {

	color: #666

}



.store-list a:hover,

.contact-con a:hover {

	text-decoration: underline

}



.store-list .light-link {

	color: #bbb

}



.store-list {

	padding: 0;

	list-style: none;

	margin: 0

}



.threeCol {

	float: left;

	width: 30%;

	margin-right: 2%

}



.store-locations {

	padding: 0;

	list-style: none

}



.store-locations li {

	padding: 0;

	list-style: none

}



.store-locations li a {

	color: #666

}



.store-locations li a:hover,

.store-locations li.active a {

	color: #333;

	text-decoration: underline

}



#store-locator input[type="text"],

#finance-calculator input[type="text"] {

	width: 50%;

	margin-right: 10px

}



#contact-map {

	width: 100%;

	height: 550px;

	display: block

}



.mapWrap {

	padding-left: 320px

}



.search-store-result-container {

	background: #fafafa;

	overflow: hidden;

	position: relative

}



.search-store-result {

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	overflow: scroll;

	overflow-x: auto;

	height: 505px;

	background: none;

	position: relative

}



.search-store-result-container .fade-block {

	height: 100%;

	width: 30px;

	position: absolute;

	right: 15px;

	top: 0;

	background: url(../../assets/images/store-list-fade.png) no-repeat top right;

	z-index: 1

}



.search-store-result-container .store-block-wrapper {

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

	position: relative

}



.search-store-result .container {}



.search-store-result.mapInfo {

	padding: 10px 5px;

	width: 230px;

	overflow: visible;

	height: auto;

	margin: 0

}



.search-store-result ul {

	position: relative

}



.search-store-result ul li {

	margin: 5px 0 5px 10px;

	float: left;

	background: #fff;

	border: solid 1px #ddd;

	margin-bottom: 10px;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	overflow: hidden

}



.search-store-result ul li .letter,

.search-store-result .letter {

	height: 24px;

	width: 24px;

	background: #2daae1;

	color: #fff;

	font-weight: bold;

	display: block;

	padding: 4px;

	text-align: center;

	margin-right: 10px;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%

}



.search-store-result ul li .distance td,

.search-store-result .distance td {

	padding-top: 15px

}



.search-store-result ul li b,

.search-store-result b {

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



.search-store-result ul li img {

	margin: -15px 0 0 -15px

}



.search-store-result ul li .letter {

	position: absolute;

	left: 15px;

	top: -15px;

	height: 34px;

	width: 34px;

	background: #2daae1;

	color: #fff;

	font-weight: bold;

	display: block;

	padding: 6px;

	text-align: center;

	margin-right: 10px;

	border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	border: solid 3px #fff

}



.search-store-result ul li .store-info-con {

	padding: 0

}



.search-store-result ul li .widget-con {

	padding: 15px 15px 13px 15px;

	border-bottom: solid 1px #ddd;

	overflow: hidden

}



.search-store-result ul li .widget-store-name {

	font-size: 12px;

	height: 95px;

	cursor: pointer

}



.search-store-result ul li .widget-con i {

	float: left;

	font-size: 14px

}



.search-store-result ul li .widget-con p {

	font-size: 12px;

	float: left;

	width: 205px;

	margin: 0 0 0 12px

}



.search-store-result ul li .widget-con p a,

.search-store-result ul li .widget-con p a:hover {

	color: #666;

	text-decoration: none

}



.search-store-result ul li .widget-con .view-on-map {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #2daae1;

	cursor: pointer

}



.search-store-result ul li .widget-con.widget-distance {

	float: left;

	border-bottom: none;

	width: 49%

}



.search-store-result ul li .widget-con.widget-map-view {

	float: right;

	border-bottom: none;

	width: 50%;

	border-left: solid 1px #ddd

}



.search-store-result ul li .widget-con .view-on-map:hover {

	text-decoration: underline

}



#location-used {

	display: none

}



#mapHoverScroll {

	height: 100%;

	width: 100%;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 99

}



.single-store-overview {}



.single-store-overview h3 span {

	color: #999

}



.single-store-overview .store-image {

	height: 275px;

	overflow: hidden;

	margin-bottom: 30px;

	border-radius: 2px;

	-moz-border-radius: 2px;

	-wekbit-border-radius: 2px

}



.single-store-overview .store-image img {

	max-width: 100%;

	margin-top: -60px

}



.contact-store-left-wrap {

	border-right: solid 1px #ddd;

	margin-right: 20px;

	padding-right: 46px

}



.overview-open-times {

	border-left: solid 1px #ddd;

	padding-left: 40px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px

}



.overview-open-times .bank-hol-row td {

	padding-top: 15px

}



.seasonal-opeining-times {

	background: #eee;

	padding: 30px;

	padding-right: 0;

	margin-top: 40px

}



.seasonal-opeining-times .timeColumn {

	padding-right: 30px

}



.seasonal-opeining-times td {

	font-size: 12px

}



.seasonal-opeining-times__hours {

	font-size: 12px;

	line-height: 160%;

	color: #999;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	-webkit-columns: 3 200px;

	-moz-columns: 3 200px;

	columns: 3 200px

}



.seasonal-opeining-times__hours.seasonal-opeining-times__hours--two-col {

	-webkit-columns: 2 200px;

	-moz-columns: 2 200px;

	columns: 2 200px

}



.seasonal-opeining-times__hours.seasonal-opeining-times__hours--one-col {

	-webkit-columns: 1 200px;

	-moz-columns: 1 200px;

	columns: 1 200px

}



.seasonal-opeining-times__hours label {

	width: 80px;

	display: inline-block

}



.page-slice-container {

	background: url('../../assets/images/store-list-splitter%402x.png') no-repeat;

	background-size: 293px 11px;

	margin-top: -23px;

	position: relative

}



.page-slice-container p {

	color: #999;

	font-size: 12px;

	padding-top: 40px

}



.store-overview-info-con .actions {

	margin-top: 15px

}



.store-overview-info-con .number,

.store-overview-info-con .address {

	width: 45%

}



.store-overview-info-con .number {

	margin-right: 10%

}



.location-search-container {

	width: 85%;

	margin: 0 auto

}



#store-locator {

	margin-top: 30px

}



#store-locator input[type="text"] {

	width: 70%

}



#store-locator .button {

	float: left;

	margin-right: 10px

}



#location-used {

	padding-top: 25px;

	margin-bottom: 0

}



.contact-methods {

	padding: 0

}



.contact-methods .department {

	width: 25%;

	float: left;

	padding: 30px 0 10px 0

}



.contact-methods .department.ho {

	width: 25%;

	float: left;

	padding-left: 20px;

	background: #f9f9f9

}



.contact-methods .department.ho::after {

	content: "";

	background-color: #f9f9f9;

	width: 300%;

	position: absolute;

	left: 100%;

	height: 100%;

	top: 0;

	display: block

}



.contact-methods .department a {

	color: #666

}



.contact-methods .department a:hover {

	color: #666;

	text-decoration: underline

}



.contact-map-image {

	height: 100px;

	background-size: cover;

	display: block

}



.lower-page-ctas.first {

	padding-right: 25px

}



.lower-page-ctas.last {

	padding-left: 25px

}



.lower-page-ctas h4 {

	margin-top: 25px

}



#contact-feature-banner {

	background: #eee

}



.feature.grey h3,

.feature.grey h6 {

	color: #333

}



.feature.grey p,

.feature.grey ul li {

	color: #999

}



.feature.grey .split-bar {

	width: 100%;

	height: 1px;

	background: #ddd;

	margin: 50px 0

}



.contact-depart-grid .icon-con {

	float: left;

	width: 40px

}



.contact-depart-grid .copy-con {

	float: left;

	display: inline-block

}



.contact-depart-grid .copy-con p {

	margin: 0

}



.contact-depart-grid .head-office {

	padding-left: 50px;

	border-left: solid 1px #ddd;

	padding-right: 20px

}



.grid-icon {

	width: 40px

}



.grid-copy {

	width: 81%;

	margin-left: 15px

}



.corner-image {

	position: absolute

}



.corner-image.right-bot-corner {

	bottom: -15px;

	right: -10px

}



.image-grid img {

	margin: 2px;

	width: 45%

}



.icon-list {

	padding-left: 30px

}



.icon-list h2 {

	margin-bottom: 30px

}



.icon-list .last {

	border-bottom: solid 1px #ddd

}



.icon-list .last .grid-copy {

	margin-bottom: 15px

}



.grid-copy p {

	margin-top: 3px

}



.icon-list .grid-copy {

	width: 90%

}



.ptBlock div {

	margin-left: 25%

}



.ptBlock .left-bot-corner {

	left: 0;

	bottom: 0

}



.ptBlock .right-bot-corner {

	right: 0;

	bottom: 0

}



.ptBlock .middle-copy {

	width: 50%

}



.store-sidebar {

	padding-right: 50px;

	border-right: solid 1px #eee

}



.store-features {

	padding-left: 30px

}



.st-info-block {

	margin-bottom: 40px

}



.st-social a {

	color: inherit

}



.st-feature-block.first {

	padding-top: 0

}



.st-feature-block {

	border-bottom: 1px solid #eee;

	padding: 40px 0

}



.st-feature-block.img-left img {

	position: absolute;

	left: 0;

	bottom: 0

}



.st-feature-block.img-right img {

	position: absolute;

	right: 0;

	top: 30px

}



.st-feature-block.pt.img-left img {

	position: absolute;

	left: 0;

	bottom: 0

}



.st-feature-block.pd article {

	padding-left: 225px

}



.st-feature-block.pt article {

	padding-right: 320px

}



.st-feature-block.ps article {

	padding-left: 250px

}



.st-feature-block.last {

	padding-bottom: 0;

	border: none

}



.st-feature-block.finance {

	border: solid 2px #2daae1;

	padding: 40px;

	margin-bottom: 40px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px

}



.st-feature-block.finance article {

	padding-right: 260px

}



.blue-block {

	width: 50px;

	height: 3px;

	background: #00aeef;

	margin: 25px auto

}



.fitImageDesk {

	width: 100%;

	height: auto

}



.fixCornerwrap-nm {

	width: 50%

}



.gridItem.md-2col {

	width: 50%

}



.gridItem {

	float: left;

	border: solid 1px #ddd;

	padding: 35px;

	border: solid 1px #ddd;

	margin: -1px 0 0 -1px

}



.gridItem h4 {

	margin-bottom: 0

}



.gridItem.first {

	padding-left: 0

}



.gridItem.last {

	padding-right: 2%

}



.case-study-video {

	margin-bottom: 30px

}



#case-studies .gridItem.last {

	padding-right: 0

}



.case-study-grid h4 {

	margin-top: 25px

}



.case-study-grid .feature {

	padding-left: 0;

	padding-right: 0

}



.edu-products header div {

	width: 64%;

	text-align: left

}



.edu-products header img {

	position: absolute;

	bottom: 20px;

	right: 2%;

	width: 22%

}



.edu-contact {

	padding-top: 20px

}



.edu-contact i.fa {

	font-size: 20px;

	color: #666;

	margin-right: 5px

}



.edu-steps div {

	min-height: 270px

}



.edu-steps div img {

	margin-bottom: 25px

}



.cs-article {

	text-align: justify

}



.cs-article.first {

	padding-right: 35px

}



.cs-article.last {

	padding-left: 35px

}



blockquote.cs-quote {

	color: #1f97cc;

	font-size: 24px;

	text-align: center;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	margin: 40px 5px

}



blockquote.cs-quote footer {

	color: #666;

	font-size: 18px;

	margin-top: 15px

}



.cs-feature-img {

	position: absolute;

	margin-top: 35px

}



.cs-feature-img.ipad {

	top: -190px;

	right: 15%

}



.case-study-apps .app-con {

	padding: 0 20px;

	margin-bottom: 30px

}



.case-study-apps .app-con h4 {

	margin-top: 25px

}



.case-study-apps h2 {

	margin-bottom: 25px

}



#edu-ed-row {

	margin-bottom: 50px

}



#edu-ed-row ul {

	list-style: none;

	padding: 0;

	margin: 0

}



#edu-ed-row ul li {

	list-style: none;

	margin-bottom: 10px

}



#edu-ed-row .ed-col {

	padding: 0 11px;

	margin-bottom: 10px

}



#deployed h2.title,

#connected h2.title,

#supported h2.title,

#developed h2.title,

#edu-ed-row h2.title {

	color: #333;

	margin-bottom: 20px

}



#deployed h2.title span,

#connected h2.title span,

#supported h2.title span,

#developed h2.title span,

#edu-ed-row h2.title span {

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



#deployed h2.title span,

#edu-ed-row h2.title span.deployed {

	color: #eeab4e

}



#connected h2.title span,

#edu-ed-row h2.title span.connected {

	color: #e77a31

}



#supported h2.title span,

#edu-ed-row h2.title span.supported {

	color: #d12329

}



#developed h2.title span,

#edu-ed-row h2.title span.developed {

	color: #1e9bd8

}



#supported {

	padding-bottom: 80px

}



#deployed .imageCollage img {

	position: absolute

}



#deployed .imageCollage .stackOne {

	top: 15px;

	left: 20px;

	z-index: 20

}



#deployed .imageCollage .stackTwo {

	top: 350px;

	left: 310px;

	z-index: 30

}



#deployed .imageCollage .stackThree {

	top: 260px;

	left: 584px;

	z-index: 10

}



#supported .imageCollage .stackOne {

	position: relative;

	left: -170px

}



#supported .imageCollage .stackTwo {

	position: absolute;

	top: 370px;

	left: 310px;

	z-index: 20

}



#supported .imageCollage p {

	width: 290px;

	text-align: right;

	display: block

}



#supported .caption {

	position: absolute;

	width: 150px;

	top: 265px;

	right: 0

}



#deployed .caption {

	text-align: right

}



#deployed .caption h4,

#supported .caption h4 {

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	margin-bottom: 0;

	padding: 5px 10px 0;

	color: #666

}



#deployed .caption h4 {

	border-right: solid 4px #333

}



.ed-soft-wrapper {

	padding: 20px;

	border: solid 1px #ddd;

	background: #fff;

	margin-bottom: 30px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	position: relative;

	height: 200px

}



#developed .developed-icons div {

	margin: 30px 0 20px;

	text-align: center

}



#connected {

	padding: 100px 0;

	width: 120%;

	position: relative;

	left: -10%;

	top: -20px;

	background: #f9f9f9;

	-ms-transform: rotate(-9deg);

	-webkit-transform: rotate(-9deg);

	transform: rotate(-9deg)

}



#connected .straighten {

	-ms-transform: rotate(9deg);

	-webkit-transform: rotate(9deg);

	transform: rotate(9deg)

}



#developed {

	padding: 40px 0 150px 0;

	width: 120%;

	position: relative;

	left: -10%;

	top: 10px;

	background: #f9f9f9;

	-ms-transform: rotate(7deg);

	-webkit-transform: rotate(7deg);

	transform: rotate(7deg)

}



#developed .straighten {

	-ms-transform: rotate(-7deg);

	-webkit-transform: rotate(-7deg);

	transform: rotate(-7deg)

}



#contact {

	margin-top: -85px;

	background: #fff;

	position: relative;

	z-index: 99

}



.edu-contact-block {

	font-size: 20px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	line-height: 130%;

	color: #666;

	padding: 20px 0

}



.edu-brochure-dl {

	padding: 30px 30px 22px 30px;

	border: solid 1px #ddd;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	display: block

}



.edu-brochure-dl,

.edu-brochure-dl .fa-file-o,

.edu-brochure-dl .fa-chevron-right {

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.edu-brochure-dl:hover {

	background: #1e9bd8;

	border: solid 1px #1e9bd8;

	color: #fff

}



.edu-brochure-dl:hover .fa-file-o,

.edu-brochure-dl:hover .fa-chevron-right {

	color: #fff

}



.edu-brochure-dl .fa-file-o {

	color: #d12329;

	font-size: 48px;

	padding: 0 10px 0 0;

	float: left

}



.edu-brochure-dl .fa-chevron-right {

	float: right;

	margin-top: -10px

}



.about-container {

	padding: 80px 0

}



.padded-text {

	padding: 0 50px

}



.about-feature p {

	font-size: 14px;

	color: #fff;

	text-shadow: 1px 1px 1px rgba(0, 0, 0, .7);

	position: absolute;

	bottom: 20px;

	right: 20px

}



.about-services img {

	max-width: 100%

}



.about-services h4 {

	margin-top: 25px

}



#sitemap ul {

	list-style: none;

	padding: 0

}



#sitemap ul>li {

	margin-bottom: 20px

}



#sitemap ul>li a {

	font-size: 24px;

	color: #000

}



#sitemap ul>li a:hover {

	text-decoration: underline

}



#sitemap ul li ul li {

	margin-bottom: 5px

}



#sitemap ul li ul li a {

	font-size: 14px;

	color: #999

}



#sitemap ul li ul li ul {

	padding: 5px 0 0 20px

}



#sitemap ul li a:hover {

	color: #000

}



.river .river-block {

	padding: 50px 0;

	position: relative;

	border-bottom: solid 1px #ddd

}



.river .river-block.last {

	padding-bottom: 0;

	border: none

}



.river .river-block img {

	width: 100%

}



.river .river-block h3 {

	font-size: 30px;

	color: #333;

	margin-top: 0

}



.river .river-block p {

	font-size: 20px;

	padding: 0 10%;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



.ipad-single-feature {

	padding: 65px 0

}



.river.ipad-2 .river-block,

.river.ipad-4 .river-block {

	border: none

}



.river.ipad-2.river-grey,

.river.ipad-4.river-grey,

.river.iphone.river-grey {

	background: #f1f1f1

}



.river.ipad-2 .river-block h3,

.river.ipad-4 .river-block h3,

.river.macbook .river-block h3,

.river.macbook-pro-river .river-block h3 {

	font-size: 50px;

	color: #333;

	margin-top: 0;

	margin-bottom: 30px;

	line-height: 126%;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



.river.ipad-4 .river-block h3 {

	font-size: 40px

}



.river.ipad-2 .river-block.two-col p {

	font-size: 20px;

	padding: 0

}



.river.ipad-2 .river-block img {

	width: auto;

	max-width: 100%

}



.river.ipad-2.waves-bg {

	background-image: url(../../assets/images/ipad-air-2-river/waves.html);

	background-position: center bottom;

	background-repeat: no-repeat

}



.river.ipad-2.waves-bg-mini {

	background-image: url(../../assets/images/ipad-mini-3-river/wave.html);

	background-position: center bottom;

	background-repeat: no-repeat

}



.river.ipad-4.waves-bg-mini {

	background-image: url(../../assets/images/ipad-mini-four-river/wave.png);

	background-position: center bottom;

	background-repeat: no-repeat

}



#ipad-air-2-capable {

	margin-top: -150px;

	margin-bottom: -50px

}



#ipad-air-2-touchid {

	margin-top: -350px;

	margin-bottom: -120px;

	margin-left: -30%;

	width: 130%

}



#ipad-air-2-apps {

	margin-bottom: -50px;

	margin-left: -15%;

	min-width: 130%

}



#ipad-mini-3-apps {

	margin-bottom: 0;

	margin-left: -15%;

	min-width: 130%

}



#ipad-air-2-print {

	margin-bottom: 0;

	margin-top: 25px;

	margin-left: -60%;

	min-width: 220%

}



#ipad-mini-3-hero {

	margin-left: -15%;

	min-width: 130%;

	margin-bottom: -50px

}



#ipad-mini-3-intro {

	margin-top: 100px

}



#ipad-mini-3-innovations {

	margin-left: -60%;

	min-width: 160%;

	margin-bottom: 0

}



.river.ipad-2.overflow-hidden {

	overflow: hidden

}



.river.macbook {

	position: relative

}



.river.macbook .river-block {

	border: none

}



.river .river-block.block-one {

	position: absolute;

	z-index: 1;

	top: 700px;

	width: 100%;

	left: 0

}



.river #macbook-intro {

	margin-top: 100px;

	margin-bottom: 30px

}



.river #macbook-one-specs {

	margin: 25px 0

}



.river #macbook-keyboard {

	margin: 55px 0

}



.river #macbook-retina,

.river #macbook-trackpad,

.river #macbook-builtapps {

	margin-left: -30%;

	min-width: 160%;

	margin-bottom: 60px

}



.river #macbook-wifi {

	margin-top: -100px;

	margin-left: -10%

}



.river #macbook-usbc {

	width: 130%;

	margin: 40px 0 60px -30%

}



.river #macbook-oneport {

	position: relative;

	width: 100%;

	top: 50px;

	background-size: 1203px 993px;

	height: 933px;

	width: 1203px

}



.river #macbook-osx {

	position: absolute;

	width: 100%;

	top: -200px

}



.river #macbook-quietly {

	margin: 30px 0

}



.river #spec-battery {

	margin-top: 200px

}



.river .river-block.left-algin-block p {

	padding: 0

}



.river.macbook .river-block.knockdown p {

	margin-bottom: 500px

}



.river .river-block .spec-att {

	width: auto;

	max-width: 100%;

	margin: 25px 0

}



.river .river-block .spec-att.left {

	margin-right: 45px

}



.river.river-grey-gradient {

	background: #f7f6f7;

	background: -moz-linear-gradient(top, #f7f6f7 0%, #fff 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f6f7), color-stop(100%, #fff));

	background: -webkit-linear-gradient(top, #f7f6f7 0%, #fff 100%);

	background: -o-linear-gradient(top, #f7f6f7 0%, #fff 100%);

	background: -ms-linear-gradient(top, #f7f6f7 0%, #fff 100%);

	background: linear-gradient(to bottom, #f7f6f7 0%, #fff 100%)

}



.river.macbook.river-grey {

	background: #f7f6f7

}



.imac-river img {

	width: 100%;

	max-width: 90%

}



.imac-river.split-shadow {

	background: url(../../assets/images/imac-retina-river/split-shadow%402x.png) bottom center no-repeat;

	background-size: 1200px 20px;

	border: none

}



.imac-river h3,

.imac-river .river-block h3 {

	font-size: 50px;

	color: #333;

	margin-top: 0;

	margin-bottom: 30px;

	line-height: 126%;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



.imac-river .river-block {

	padding: 0 0 60px 0;

	border-bottom: solid 3px #ddd

}



.imac-river p,

.imac-river .river-block p {

	font-size: 20px;

	padding: 0

}



.imac-river img {

	margin-top: 50px

}



.imac-river.bottom-align {

	padding-bottom: 11px

}



#imac-hero {

	margin: 0;

	margin-top: -120px

}



#imac-intro {

	margin-top: 130px;

	max-width: 100%

}



.btn-overlay {

	position: absolute;

	z-index: 1

}



.btn-overlay span {

	float: left

}



.btn-overlay.imac-retina {

	left: 160px;

	top: 300px

}



.btn-overlay.imac {

	left: 160px;

	top: 300px

}



@media(min-width:320px) and (max-width:767px) {

	.btn-overlay.imac-retina {

		left: 20px;

		top: 60%

	}

	.btn-overlay.imac {

		left: 37%;

		top: 26%

	}

}



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

	.btn-overlay.imac-retina {

		left: 70px;

		top: 190px

	}

	.btn-overlay.imac {

		left: 70px;

		top: 190px

	}

}



@media(min-width:992px) and (max-width:1199px) {

	.btn-overlay.imac-retina {

		left: 115px;

		top: 260px

	}

	.btn-overlay.imac {

		left: 115px;

		top: 260px

	}

}



#macbook-pro-intro {

	margin-top: 100px;

	max-width: 100%

}



.river.iphone .river-block {

	padding: 80px 0;

	position: relative;

	border: none

}



.river.iphone .river-block p {

	padding: 0

}



.river.iphone .river-block h3 {

	font-size: 50px;

	margin: 20px 0 0 0;

	line-height: 100%;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



.ext-height {

	padding: 130px 0 50px 0

}



#iphone-hero-container,

#iphone6s-hero-container {

	padding-bottom: 160px

}



#iphone-hero-container .iphone-models {

	text-align: left

}



#iphone6s-hero-container .iphone-models {

	text-align: center

}



#iphone-hero {

	margin-bottom: -355px

}



#iphone6s-hero {

	margin-bottom: -330px

}



#iphone-intro {

	margin-top: 40px

}



#iphone6s-intro {

	margin-top: 60px

}



.river.iphone .iphone-model {

	max-width: 100%;

	width: 80%;

	margin-bottom: 10px

}



#iphone-retinahd,

#iphone-wireless {

	margin-top: -150px;

	margin-bottom: -180px;

	width: 90%

}



#iphone-a8chip {

	margin-top: 20px;

	margin-bottom: -120px;

	width: 185%;

	margin-left: -56%

}



.river.iphone.shrink-height {

	padding: 130px 0

}



#iphone-m8motion {

	margin-top: -100px;

	margin-bottom: -225px;

	width: 90%

}



#iphone-camera {

	margin-top: -60px;

	margin-bottom: -120px;

	width: 185%;

	margin-left: -56%

}



#iphone-touchid {

	margin-top: -180px;

	margin-bottom: -180px;

	margin-left: -5%;

	width: 100%

}



#iphone-ios8 {

	margin-top: -200px;

	margin-bottom: -200px;

	width: 95%

}



#iphone-compare table tr th img {

	max-width: 90%;

	width: 180px;

	margin-bottom: 20px

}



#iphone-compare table tr td,

#iphone-compare table tr th {

	border-bottom: 1px solid #d1d3d4;

	padding: 12px 4px;

	font-size: 14px;

	line-height: 20px;

	vertical-align: top;

	text-align: left

}



#iphone-compare table tr.last td,

#iphone-compare table tr.first th,

#iphone-compare table tr.spacerTop th,

#iphone-compare .iphone-compare-mobile table tr.spacerTop th {

	border-bottom: none

}



#iphone-compare p {

	line-height: 140%;

	margin-bottom: 15px

}



#iphone-compare .strong {

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



#iphone-compare .space {

	margin: 0 7px

}



#iphone-compare .space.first,

#iphone-compare .space:first-child {

	margin-left: 0

}



#iphone-compare .space.last,

#iphone-compare .space:last-child {

	margin-right: 0

}



.compSingleProd {

	margin-bottom: 30px

}



#iphone-compare .iphone-compare-mobile table tr th img {

	width: 80%;

	margin-bottom: 0

}



#iphone-compare .iphone-compare-mobile table tr td {

	padding-top: 0;

	padding-bottom: 0

}



#iphone-compare .iphone-compare-mobile h3 sup {

	font-size: 12px

}



#iphone6s-camera,

#iphone6s-design,

#iphone6s-touch {

	width: 130%;

	left: -15%;

	position: relative

}



#iphone6s-design {

	margin-bottom: 30px

}



#iphone6s-ios9 {

	width: 170%;

	left: -70%;

	position: relative

}



#iphone-nothing {

	width: 130%;

	left: -30%;

	position: relative;

	top: 20px

}



#iphone6s-camera-container h3 {

	margin-top: 100px

}



#iphone6s-chip-container h3 {

	margin-top: 100px

}



#iphone6s-design-container h3 {

	margin-top: 100px

}



#iphone6s-4g-container h3 {

	margin-top: 200px

}



.iphone-cross-sell.iphone6 {

	background: #f9f9f9

}



.iphone-cross-sell.iphone6 .iphone-model {

	margin-top: 160px

}



#iphone6-cross-hero {

	margin-bottom: -260px

}



#iphone6-cross-title {

	margin-bottom: 50px;

	width: 80%

}



#iphone-6s .river.iphone .river-block {

	padding: 50px 0

}



#ipad-mini4 .ipad4-spec-attr {

	font-size: 65px;

	color: #333;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	display: inline-block;

	margin-right: 30px;

	letter-spacing: -1px

}



#ipad-mini4 .ipad4-spec-attr small {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 12px;

	color: #999;

	clear: both;

	display: block;

	letter-spacing: 0;

	margin-top: -15px

}



#ipad-mini4 #ipad-mini4-light .ipad-4-text-wrapper {

	margin-top: 150px

}



#ipad-mini4 #ipad-mini4-light .ipad4-spec-attr {

	font-size: 50px

}



#ipad-mini4 #ipad-mini4-light .ipad4-spec-attr,

#ipad-mini4 #ipad-mini4-chip .ipad4-spec-attr,

#ipad-mini4 #ipad-mini4-wifi .ipad4-spec-attr {

	margin-top: 50px;

	margin-bottom: 40px

}



#ipad-mini-4-chip {

	margin-bottom: -100px

}



#ipad-mini4-security img {

	width: 200%;

	margin-left: -50%

}



#ipad-mini4-wifi img {

	margin-bottom: -50px;

	width: 130%;

	margin-left: -15%

}



#ipad-mini4-ios img {

	margin-bottom: -100px;

	margin-top: 30px

}



#ipad-mini4-apps img {

	width: 170%;

	margin-left: -35%

}



#ipad-mini4-covers img {

	width: 150%;

	margin-left: -40%;

	margin-bottom: -70px;

	margin-top: -700px

}



#ipad-mini4-connect img {

	width: 140%;

	margin-left: -20%

}



#imac-display img {

	margin: -150px 0 -120px 0

}



#imac-storage img {

	margin: -200px 0 0 0

}



#imac-redesigned img {

	width: 200%;

	margin-left: -50%

}



#imac-connections img {

	width: 200%;

	margin-right: -100%;

	margin-top: -60px

}



#imac-connections .river-text {

	margin-top: -150px

}



#imac-osx img,

#imac-apps img {

	max-width: 100%;

	margin-top: 50px

}



#imac-icloud img {

	max-width: 250%;

	margin-left: -135%

}



#jobs-list {

	padding: 0;

	margin: 0;

	list-style: none

}



#jobs-list li {

	margin: 0;

	border-bottom: solid 1px #ddd;

	padding: 0;

	text-align: left

}



#jobs-list li span {

	display: inline-block;

	width: 24%

}



.overwhite {

	overflow: hidden

}



.productGrid {

	overflow: hidden;

	border: solid 1px #fff;

	padding: 0;

	margin: 0;

	width: 102%;

	height: 102%;

	margin-bottom: -2px

}



.productGrid li {

	display: block;

	width: 33%;

	border: solid 1px #ddd;

	float: left;

	list-style: none;

	text-align: center;

	padding: 20px 30px;

	margin: -1px 0 0 -1px;

	min-height: 460px;

	transition: background .3s ease-in-out;

	-moz-transition: background .3s ease-in-out;

	-webkit-transition: background .3s ease-in-out;

	position: relative

}



.productGrid.accessories li {

	min-height: 380px

}



.productGrid.appcessories li {

	min-height: 380px

}



.productGrid.accessories.ipad li {

	min-height: 400px

}



.productGrid.accessories.iphone li {

	min-height: 460px

}



.productGrid.accessories.bags-sleeves li {

	min-height: 430px

}



.productGrid.accessories.mac li {

	min-height: 420px

}



.productGrid.accessories.mac.make-it-stick li {

	min-height: 310px;

	padding-top: 40px

}



.productGrid.accessories.speakers li {

	min-height: 450px

}



.productGrid.accessories.ipod li {

	min-height: 450px

}



.productGrid.accessories.headphones li {

	min-height: 420px

}



.productGrid.ipad li {

	min-height: 495px

}



.productGrid li h4 {

	margin: 20px 0 5px 0

}



.productGrid li .actionWrap,

.hb-small .actionWrap {

	position: absolute;

	bottom: 25px;

	left: 0;

	width: 100%

}



.hb-small .actionWrap {

	bottom: 10px

}



.productGrid.accessories li .acc-color span {

	display: inline-block;

	margin: 0 2px;

	height: 12px;

	width: 12px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%

}



.productGrid.accessories li .acc-color span.white {

	height: 12px;

	width: 12px;

	border: solid 1px #999

}



.productGrid li:hover {

	background: #fff;

	background: -moz-linear-gradient(top, #fff 30%, #fbfbfb 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #fff), color-stop(100%, #fbfbfb));

	background: -webkit-linear-gradient(top, #fff 30%, #fbfbfb 100%);

	background: -o-linear-gradient(top, #fff 30%, #fbfbfb 100%);

	background: -ms-linear-gradient(top, #fff 30%, #fbfbfb 100%);

	background: linear-gradient(to bottom, #fff 30%, #fbfbfb 100%)

}



.macpro h4 {

	margin-top: 25px

}



#finance-options .take-wrapper p,

#finance-options .take-wrapper ul li {

	font-size: 16px

}



#finance-options .take-wrapper p.small {

	font-size: 14px

}



#finance-options .take-wrapper h3 {

	font-size: 24px

}



.finance-compare-table {

	border: solid 1px #ddd;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px

}



.finance-compare-table-limited {

	background: #019de1;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	text-align: center;

	padding: 40px 0 40px 0

}



.finance-compare-table-limited img {

	padding: 40px 0 0 0

}



.finance-compare-table .fc-column {

	text-align: center;

	padding: 30px

}



.finance-compare-table .fc-column.grey {

	background: #f7f7f7;

	margin-left: -10px

}



.finance-compare-table .fc-column.blue {

	background: #019de1;

	margin-left: 0;

	margin-right: 0;

	border: none

}



#finance-options .fc-column.blue p {

	color: #fff

}



#finance-options h2.fo-title.blue {

	font-size: 28px;

	color: #fff

}



#finance-options h2.fo-title.blue strong {

	color: #fff

}



#finance-options h3.fc-title.blue {

	font-size: 20px;

	color: #fff;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



#finance-options h3.fc-title {

	font-size: 20px;

	color: #019de1;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



#finance-options h2.fo-title {

	font-size: 28px;

	margin-bottom: 10px;

	color: #333

}



.finance-reasons-list {

	list-style-type: decimal;

	padding-left: 20px;

	margin: 0 0 20px 0;

	list-style-position: outside

}



.finance-reasons-list li {

	margin-bottom: 10px;

	font-size: 16px

}



#zero-int-squares {

	margin: 15px 0

}



#fo-macbook-pro,

#fo-imac,

#fo-ipad {

	position: relative;

	z-index: 1

}



#fo-macbook-pro {

	width: 400%;

	margin-left: -300%

}



#fo-imac {

	width: 120%;

	margin-right: 5%;

	top: 150px

}



#fo-ipad {

	width: 110%;

	margin-left: -10%;

	margin-top: 10px

}



.fo-step-block {

	margin: 5px 0;

	min-height: 190px;

	position: relative

}



.fo-step-block.first {

	margin-bottom: -40px;

	margin-top: 60px

}



.fo-step-block.fo-arrow {

	padding: 30px 0;

	min-height: 0

}



.fo-step-block h4 {

	margin: 15px 0 -5px 0;

	color: #1a9ede;

	text-transform: uppercase;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



.fo-step-block .level-wrap {

	position: absolute;

	top: 70px;

	width: 100%;

	left: 0;

	padding: 0 10px

}



#finance-options p {

	color: #999

}



#finance-options p strong {

	color: inherit

}



#fo-takesix {

	padding: 60px 0 450px 0;

	width: 150%;

	position: relative;

	left: -25%;

	top: 15px;

	background: #f9f9f9;

	-ms-transform: rotate(-7deg);

	-webkit-transform: rotate(-7deg);

	transform: rotate(-7deg)

}



#fo-takesix .straighten {

	-ms-transform: rotate(7deg);

	-webkit-transform: rotate(7deg);

	transform: rotate(7deg)

}



#fo-takelonger {

	padding: 120px 0 0 0;

	margin-bottom: -351px;

	width: 120%;

	position: relative;

	left: -10%;

	top: -350px;

	background: #fff;

	-ms-transform: rotate(7deg);

	-webkit-transform: rotate(7deg);

	transform: rotate(7deg)

}



#fo-takelonger .straighten {

	-ms-transform: rotate(-7deg);

	-webkit-transform: rotate(-7deg);

	transform: rotate(-7deg)

}



#finance-options #navigation .subnav.finance-nav li a {

	padding: 10px 20px 8px 8px

}



#finance-options .top-spacing {

	padding-top: 180px

}



#finance-options h1,

#finance-options h3 {

	margin: 0

}



#finance-options .finance-icons {

	margin: 50px 0 0 0

}



#finance-options .finance-icons .col {

	float: left

}



#finance-options .finance-icons .col.col-int,

#finance-options .finance-icons .col.col-dep,

#finance-options .finance-icons .col.col-ear {

	width: 33%;

	padding-right: 10px

}



#finance-options .finance-icons .col.col-ear {

	padding-right: 0

}



#finance-options .finance-icons p {

	margin: 0;

	line-height: 110%;

	padding: 0

}



#finance-options .finance-icons p img {

	margin: 0 15px 20px 0

}



#finance-options #finace-calculation.single-finance-calc {

	padding: 30px 0 20px 0

}



#finance-options #finace-calculation.single-finance-calc .finance-table {

	margin-bottom: 0

}



#finance-options .takefinance-product-hero {

	padding-top: 5px

}



#fo-faq {}



#finance-options h3 {

	font-size: 30px

}



#finance-options h4 {

	font-size: 22px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	margin-bottom: 10px

}



#fo-faq h5 {

	font-size: 20px;

	margin-top: 30px;

	color: #333;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



#fo-faq p,

#fo-faq li {

	font-size: 16px;

	margin-top: 5px;

	color: #999

}



#fo-faq li {

	margin-bottom: 10px

}



#finance-options .finance-guarantee-block {

	margin-top: 0

}



.price-finance-link {

	margin: -10px 0 10px 0;

	font-size: 12px;

	font-weight: normal;

	color: #999

}



.price-finance-link a {

	font-size: 12px;

	font-weight: normal

}



.price-finance-link.three-yg a {

	color: #999

}



.recommended-finance {

	border: solid 2px #2daae1;

	background-image: url(../../assets/images/finance-corner.png);

	background-position: top left;

	background-repeat: no-repeat;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px

}



.finance-type img {

	margin: 15px auto 25px auto

}



.column-spacer-10 {

	padding: 0 10px

}



.payment-plan h4,

.payment-plan p {

	color: #1a9ed8

}



#finace-calculation {

	display: none

}



.finance-table tr.recommended {

	background-color: #888

}



.finance-table th,

.finance-table td {

	text-align: left

}



.finance-table {

	margin: 15px 0 40px 0

}



.finance-table td,

.finance-table th {

	padding: 10px 0

}



.finance-table tbody td {

	border-top: solid 1px #ccc;

	border-bottom: solid 1px #ccc

}



.thead {

	border-bottom: solid 1px #ddd;

	margin-bottom: 20px;

	padding-top: 20px

}



.pricingTable {

	padding: 0;

	margin: 0;

	width: 100%;

	display: table

}



.pricingTable .column {

	display: table-cell;

	float: left;

	list-style-type: none;

	position: relative;

	box-sizing: border-box;

	padding: 0 10px;

	margin: 0

}



.pricingTable .column.last {

	padding-right: 0

}



.pricingTable .column .sub-head {

	margin-bottom: 10px

}



.pricingTable .column .prod-spec ul {

	padding: 0 0 0 12px;

	margin: 0;

	list-style: disc;

	display: table-cell

}



.ipad-table.pricingTable .column .prod-spec {

	min-height: 270px

}



.pricingTable.three-col .column {

	width: 33%

}



.pricingTable.two-col .column {

	width: 50%

}



.pricingTable.macpro-table .column .prod-spec {

	min-height: 330px

}



.pricingTable.macair-table .column .prod-spec {

	min-height: 230px

}



.pricingTable.imac-table .column .prod-spec {

	min-height: 250px

}



#personal-trainer .lowerWrap {

	box-shadow: none;

	overflow: hidden

}



.training-login-container {

	background: #fff;

	overflow: hidden;

	padding: 17px 0 0 0;

	position: absolute;

	width: 100%;

	z-index: 2;

	bottom: 0;

	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	filter: alpha(opacity=90);

	-moz-opacity: .9;

	-khtml-opacity: .9;

	opacity: .9

}



.training-login-container input[type="text"],

.training-login-container input[type="password"] {

	width: 44%;

	background-color: #999;

	background: #ddd;

	color: #000;

	border: none;

	margin-right: 10px

}



.course-list ul {

	padding: 0;

	list-style: none;

	list-style-type: none

}



.course-list ul li {

	margin-bottom: 11px

}



.pt-steps .pt-single-step {

	width: 100%;

	float: left

}



.pt-steps .pt-single-step img {

	margin: 15px 10px 0 0;

	float: left

}



.pt-steps .pt-single-step p {

	width: 75%;

	margin-right: 4%;

	float: right

}



#pt-login ::-webkit-input-placeholder {

	color: #666

}



#pt-login :-moz-placeholder {

	color: #666

}



#pt-login ::-moz-placeholder {

	color: #666

}



#pt-login :-ms-input-placeholder {

	color: #666

}



.forgottenPasswordLink {

	font-size: 10px;

	color: #666;

	margin: 0;

	padding: 0

}



.pt-signin-title {

	color: #fff

}



.footer-feature {

	width: 100%;

	padding: 20px

}



.footer-feature.grey {

	background: #eee;

	border-top: solid 1px #ddd

}



.footer-feature.light-mesh {

	border-top: solid 1px #ddd;

	background: url(../../assets/images/lghtmesh.png)

}



.tf-thumbnail {

	left: -30px;

	top: -40px

}



.topWrap {

	overflow: hidden

}



.topWrap,

.header,

.navigation {

	width: 100%

}



.page-banner {

	height: 630px;

	width: 100%;

	background-size: cover;

	position: relative;

	margin-top: 0

}



.banner-overlay,

.banner-pattern {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: 2;

	background: #000!important;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

	filter: alpha(opacity=30);

	-moz-opacity: .3;

	-khtml-opacity: .3;

	opacity: .3

}



#guarantee-banner .banner-overlay {

	background: #000!important;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";

	filter: alpha(opacity=35);

	-moz-opacity: .35;

	-khtml-opacity: .35;

	opacity: .35

}



.banner-pattern {

	background: url(../../assets/images/dotted-overlay.png);

	background-size: 2px 2px

}



.title-container h1 {

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



#contact-banner .title-container,

#support-banner .title-container,

#institution-banner .title-container,

#jobs-banner .title-container,

#business-banner .title-container,

#benefits-banner .title-container,

#edu-ed-banner .title-container {

	margin-top: 300px;

	padding: 0 20%

}



#contact-banner>section.container>img {

	position: absolute;

	right: 30px;

	top: 125px;

	z-index: 1

}



#contact-banner .title-container {

	padding: 0;

	margin-top: 140px

}



#contact-banner .search-container {

	margin-top: 0

}



#contact-banner .title-container .split {

	width: 100%;

	height: 3px;

	background: #555;

	position: relative;

	margin-top: 110px;

	margin-bottom: -50px

}



#contact-banner .title-container .split::before {

	content: '';

	display: block;

	width: 100%;

	height: 3px;

	background: #555;

	position: absolute;

	left: -100%;

	top: 0

}



#contact-banner #store-locator input[type="text"] {

	background: #555;

	color: #ccc;

	border-color: #444

}



#contact-banner .title-container h3 {

	margin-top: 20px;

	font-size: 24px

}



#about-banner .title-container {

	margin-top: 130px

}



#about-banner {

	background-image: url(../../assets/images/about-banner.jpg);

	background-position: 50% 20%

}



#sgpg-banner {

	background: linear-gradient(#333, #777)

}



#sgpg-banner .page-banner {

	height: 450px

}



#sgpg-banner .page-banner h1 {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #fff;

	font-size: 50px;

	line-height: 150%;

	letter-spacing: -1px;

	font-weight: normal;

	text-shadow: none;

	text-align: center;

	margin-top: 270px

}



#sgpg-banner .sgpg-container p {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #333;

	font-size: 20px;

	line-height: 150%;

	letter-spacing: 0;

	font-weight: normal;

	text-shadow: none;

	text-align: left

}



#sgpg-banner .sgpg-container a {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #2daae1;

	font-size: 16px;

	line-height: 150%;

	letter-spacing: 0;

	font-weight: normal;

	text-shadow: none;

	text-align: left

}



#sgpg-banner .sgpg-container a:hover {

	color: #2a6496;

	text-decoration: underline

}



#sgpg-banner .sgpg-container span {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #333;

	font-size: 16px;

	line-height: 150%;

	letter-spacing: 0;

	font-weight: normal;

	text-shadow: none;

	text-align: left

}



@media(max-width:991px) {

	#sgpg-banner .downloads {

		padding-top: 20px

	}

	#sgpg-banner .page-banner {

		height: 360px

	}

}



@media(max-width:767px) {

	#sgpg-banner .downloads {

		padding-top: 20px

	}

	#sgpg-banner .page-banner {

		height: 250px

	}

	#sgpg-banner .page-banner h1 {

		margin-top: 100px!important;

		font-size: 40px!important

	}

}



@media(max-width:496px) {

	#sgpg-banner .downloads {

		padding-top: 20px

	}

	#sgpg-banner .page-banner {

		height: 250px

	}

	#sgpg-banner .page-banner h1 {

		margin-top: 80px!important;

		font-size: 40px!important;

		line-height: 120%

	}

}



#mss-banner {

	background: linear-gradient(#333, #777)

}



#mss-banner .page-banner h1 {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #fff;

	font-size: 50px;

	line-height: 150%;

	letter-spacing: -1px;

	font-weight: normal;

	text-shadow: none;

	text-align: center;

	margin-top: 230px

}



@media(max-width:991px) {

	#mss-banner .page-banner h1 {

		margin-top: 150px;

		font-size: 35px

	}

	#mss-banner .page-banner {

		height: 300px!important

	}

	#sgpg-banner .page-banner h1 {

		font-size: 50px;

		margin-top: 200px

	}

}



@media(max-width:767px) {

	#mss-banner .page-banner h1 {

		margin-top: 50px;

		font-size: 35px

	}

	#mss-banner .page-banner {

		height: 200px!important

	}

}



@media(max-width:568px) {

	#mss-banner .page-banner h1 {

		margin-top: 50px;

		font-size: 25px

	}

	#mss-banner .page-banner {

		height: 150px!important

	}

}



@media(max-width:374px) {

	#mss-banner .page-banner h1 {

		margin-top: 50px;

		font-size: 25px

	}

	#mss-banner .page-banner {

		height: 200px!important

	}

}



#mss-banner .page-banner {

	height: 450px

}



#mss-banner .mss-container p {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #000;

	font-size: 16px;

	line-height: 150%;

	letter-spacing: 0;

	font-weight: normal;

	text-shadow: none;

	text-align: left;

	padding: 0;

	margin: 0

}



#mss-banner .mss-container li {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #000;

	font-size: 16px;

	line-height: 150%;

	letter-spacing: 0;

	font-weight: normal;

	text-shadow: none;

	text-align: left;

	margin: 0

}



#error404,

#genericError {

	background-size: cover;

	background-attachment: fixed;

	background-position: 50% 50%

}



#thankyou {

	background-color: #fff

}



#thankyou .email-thanks-main {

	padding-top: 180px;

	padding-bottom: 140px;

	text-align: center

}



#thankyou .email-thanks-main h1 {

	font-size: 50px;

	line-height: 130%;

	font-family: 'proxima_novabold', Helvetica, Arial, sans-serif

}



#thankyou .email-thanks-main p {

	color: #000

}



@media(max-width:994px) {

	#thankyou .email-thanks-main {

		padding-top: 90px

	}

	#thankyou .email-thanks-main h1 {

		text-align: center;

		padding-top: 0

	}

	#thankyou .email-thanks-main p {

		text-align: center

	}

}



@media(max-width:764px) {

	#thankyou .email-thanks-main {

		padding-top: 70px

	}

	#thankyou .email-thanks-main h1 {

		font-size: 24px;

		line-height: 130%

	}

}



@media(max-width:415px) {

	#thankyou .email-thanks-main {

		padding-top: 80px

	}

}



#error404 {

	background: #fff

}



#genericError {

	background-image: url(../../assets/images/fallback-error-background.jpg)

}



.parallax-feature {

	height: 450px;

	width: 100%;

	background-repeat: no-repeat;

	background-size: cover;

	background-attachment: fixed;

	background-position: 50% 50%

}



.parallax-feature.pa-store {

	background-image: url(../../assets/images/about-store-parrallax.jpg)

}



.parallax-feature.pa-service {

	background-image: url(../../assets/images/about-service-parrallax.jpg)

}



#isca-banner .title-container,

#holmesdale-banner .title-container,

#stmartins-banner .title-container,

#stpeters-banner .title-container,

#millfield-banner .title-container {

	margin-top: 290px

}



#takefinance-banner .title-container {

	margin-top: 205px

}



#finance-options-banner {

	background-size: cover;

	padding-top: 0;

	height: 1000px;

	text-align: center;

	margin-bottom: 0;

	background-color: #444

}



#finance-options-banner h1 {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #fff;

	font-size: 46px;

	line-height: 120%;

	padding-top: 240px;

	padding-bottom: 0;

	margin-bottom: 0;

	text-shadow: none

}



#finance-options-banner h4 {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 22px;

	text-align: center;

	color: #fff;

	line-height: 120%;

	text-shadow: none

}



#finance-options-banner img {

	padding: 10px;

	position: relative;

	text-shadow: none

}



#finance-options-banner p {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 18px;

	text-align: center;

	color: #fff;

	line-height: 120%;

	padding-top: 20px;

	text-shadow: none

}



#guarantee-banner .title-container {

	margin-top: 150px

}



#health-and-fitness-banner .title-container {

	margin-top: 205px

}



#training-banner .title-container {

	margin-top: 200px

}



#contact-banner,

.store-banner,

#support-banner,

#institution-banner,

#jobs-banner,

#business-banner {

	background-color: #fff

}



#contact-banner {

	background: #444;

	background-position: 50% 20%

}



#store-banner {

	background-image: url(../../assets/images/store-banner.html);

	background-position: 50% 50%

}



.store-banner .title-container {

	margin-top: 170px;

	padding: 0

}



#isca-banner {

	background-image: url(../../assets/images/isca-banner.jpg);

	background-position: 50% 40%

}



#jobs-banner {

	background-image: url(../../assets/images/jobs-banner.jpg);

	background-position: 50% 40%

}



#millfield-banner {

	background-image: url(../../assets/images/millfield-banner.jpg);

	background-position: 50% 40%

}



#holmesdale-banner {

	background-image: url(../../assets/images/holmesdale-banner.jpg);

	background-position: 50% 40%

}



#stmartins-banner {

	background-image: url(../../assets/images/stmartins-banner.jpg);

	background-position: 50% 40%

}



#stpeters-banner {

	background-image: url(../../assets/images/stpeters-banner.jpg);

	background-position: 50% 40%

}



#takefinance-banner {

	background-image: url(../../assets/images/takefinance-banner.jpg);

	background-position: 50% 40%

}



#guarantee-banner {

	background-image: url(../../assets/images/guarantee-banner.jpg);

	background-position: 50% 40%

}



#training-banner {

	background-image: url(../../assets/images/training-banner.jpg);

	background-position: 50% 0;

	height: 550px

}



#health-and-fitness-banner {

	background-image: url(../../assets/images/health-fitness-banner.jpg);

	background-position: 50% 40%

}



#business-banner {

	background-position: 50% 40%

}



#benefits-banner {

	background-position: 50% 40%

}



.title-container {

	text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);

	position: relative;

	z-index: 999

}



.title-container h1 {

	color: #fff;

	margin: 10px 0 0 0

}



.title-container h3 {

	color: #fff;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	margin-top: 0

}



#guarantee-banner .title-container h1,

#guarantee-banner .title-container h3 {

	color: #fff;

	text-shadow: none

}



#takefinance-banner .title-container h3 {

	font-size: 24px;

	max-width: 500px

}



#training-banner .title-container h3 {

	font-size: 24px;

	max-width: 600px;

	width: 600px;

	margin: 0 auto

}



#training-banner .title-container h3 strong {

	color: #fff

}



#training-banner .title-container h3 i {

	letter-spacing: -1px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif

}



#health-and-fitness-banner .health-and-fitness-fg {

	position: absolute;

	bottom: -405px;

	right: 50px;

	z-index: 21

}



#health-and-fitness .main {

	padding: 80px 0

}



#health-and-fitness .acc-color {

	margin: 13px 0 13px 15px

}



#health-and-fitness .acc-color span {

	display: inline-block;

	margin: 4px;

	height: 15px;

	width: 15px;

	border-radius: 50%;

	-webkit-border-radius: 50%;

	-moz-border-radius: 50%

}



#health-and-fitness .footer-feature {

	position: relative

}



#health-and-fitness img {

	max-width: 100%

}



#health-and-fitness #micoach-band .prices p.left {

	margin-right: 30px

}



#health-and-fitness #urbanista-rio img {

	position: absolute;

	bottom: 0;

	top: -125px

}



#health-and-fitness #itunes-card img {

	width: 120%;

	margin: 30px -20% 0 0

}



#health-and-fitness #zepp-tennis img.player {

	position: absolute;

	bottom: 0;

	top: -125px;

	right: 0

}



#health-and-fitness #zepp-tennis img {

	max-width: none

}



#health-and-fitness #bose-earbuds img {

	margin: -30px 0

}



#application-form .form-container h4 {

	margin-bottom: 5px

}



#application-form .form-container p {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #999;

	margin-top: 0

}



#application-form .application-form a {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif

}



#application-form .application-form label,

.ls-demo-form label {

	font-size: 14px;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 5px;

	display: inline-block

}



#application-form .application-form label.small-lab {

	font-size: 10px;

	color: #999;

	margin-bottom: 25px;

	display: inline-block

}



#application-form .form-container label.small-lab.inline,

span.small-lab.inline {

	font-size: 12px;

	margin-bottom: 0;

	color: #999

}



#application-form .application-form input[type="text"].bot-lab,

#application-form .application-form input[type="email"].bot-lab {

	margin-bottom: 0

}



#application-form .application-form input[type="text"],

#application-form .application-form input[type="email"],

.ls-demo-form input[type="text"],

.ls-demo-form input[type="email"] {

	border-radius: 2px;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	border: solid 1px #ddd;

	background: #fff;

	padding: 16px 15px 12px;

	margin-bottom: 25px;

	width: 100%

}



#application-form .application-form input[type="text"].readonly {

	background: #f9f9f9;

	color: #999

}



#application-form .application-form input[type="text"]:focus,

#application-form .application-form input[type="email"]:focus,

.ls-demo-form input[type="text"]:focus,

.ls-demo-form input[type="email"]:focus {

	box-shadow: none;

	border-color: #2daae1;

	color: #2daae1

}



#application-form .application-form .form-splitter {

	height: 1px;

	background: #ddd;

	width: 100%;

	margin: 25px 0 50px 0

}



#application-form .application-form .field-validation-error {

	color: #c0392b;

	font-size: 12px;

	display: inline-block;

	position: absolute;

	bottom: 5px;

	left: 15px

}



#application-form .application-form input[type="text"].input-validation-error,

#application-form .application-form input[type="email"].input-validation-error {

	border-color: #c0392b

}



#application-form .application-form .signature {

	border-radius: 2px;

	font-family: "proxima_novaregular", Helvetica, Arial, sans-serif;

	border: 1px solid #ddd;

	background: none repeat scroll 0% 0% #fff;

	margin-bottom: 25px;

	width: 100%

}



#loading-overlay {

	position: fixed;

	left: 0;

	right: 0;

	top: 0;

	bottom: 0;

	z-index: 999999999;

	background: #fff;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

	filter: alpha(opacity=50);

	-moz-opacity: .5;

	-khtml-opacity: .5;

	opacity: .5

}



#loading-overlay h4 {

	color: #000;

	position: absolute;

	top: 50%;

	left: 0;

	width: 100%;

	text-align: center;

	margin-top: -18px

}



#tradein {

	overflow: hidden

}



#tradein iframe {

	margin: -125px 0 0 -8px

}



.trade-in-steps .grid-copy {

	min-height: 0!important

}



.trade-in-steps .large-blue-number {

	font-size: 28px;

	color: #2daae1;

	display: block;

	width: 100%;

	text-align: left;

	border-right: solid 1px #ddd

}



.ti-recycle-icon {}



.acc-link i {

	padding: 6px;

	color: #333;

	line-height: 150%

}



.acc-link.selected h3 {

	font-weight: bold

}



#terms-conditions h4 {

	margin: 30px 0 10px 0

}



#terms-conditions h5 {

	margin: 25px 0 -5px 0

}



.panel-collapse {

	overflow: hidden

}



.panel-link {

	overflow: hidden;

	display: block;

	width: 100%;

	padding: 15px 0 5px 0

}



.collapse.in {

	display: block

}



.collapse {

	display: none

}



.collapsing {

	position: relative;

	height: 0;

	overflow: hidden;

	-webkit-transition-timing-function: ease;

	-o-transition-timing-function: ease;

	transition-timing-function: ease;

	-webkit-transition-duration: .35s;

	-o-transition-duration: .35s;

	transition-duration: .35s;

	-webkit-transition-property: height;

	-o-transition-property: height;

	transition-property: height

}



.accoridan .panel-heading .r-more {

	display: none

}



.accoridan .panel-heading .collapsed .r-more {

	display: inline-block

}



.accoridan .panel-heading .collapsed .r-less {

	display: none

}



.accoridan .panel-heading {

	padding: 5px 10px;

	border-bottom: 1px solid;

	overflow: hidden

}



.accoridan .panel-default>.panel-heading {

	color: #333;

	border-color: #ddd

}



.accoridan .panel-group .panel-heading {

	border-bottom: solid 1px #ddd

}



.accoridan .panel-link h3 {

	margin: 0;

	padding: 0;

	font-size: 22px;

	font-family: "proxima_novalight", Helvetica, Arial, sans-serif

}



.accoridan .compSingleProd h5 {

	margin: 0;

	padding: 0;

	font-size: 14px;

	font-family: "proxima_novabold", Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	color: #666

}



.accoridan .panel-link.collapsed h3 {

	font-family: "proxima_novalight", Helvetica, Arial, sans-serif

}



.accoridan .panel-heading a i {

	padding: 6px;

	color: #333;

	line-height: 150%

}



.accoridan .panel-heading a:hover h3,

.accoridan .panel-heading a:hover i {

	color: #2daae1

}



.panel-body {

	padding: 15px

}



.panel-body ul {

	padding: 0 20px

}



.panel-body ul li {

	margin-bottom: 7px;

	font-size: 16px

}



.panel-group {

	margin-bottom: 20px

}



.no-tablet,

.no-mobile {

	display: block

}



table.no-tablet,

table.no-mobile {

	display: table

}



.alert {

	padding: 17px 15px 12px 15px;

	margin: 15px 0;

	border: 1px solid transparent;

	border-radius: 4px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	font-size: 16px

}



.alert.alert-success {

	color: #3c763d;

	background-color: #dff0d8;

	border-color: #d6e9c6

}



.alert.alert-error {

	color: #a94442;

	background-color: #f2dede;

	border-color: #ebccd1

}



.alert.alert-error a {

	color: #a94442;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



.alert.alert-error a:hover {

	text-decoration: underline

}



.videoBorder {

	padding: 4px;

	background: #fff;

	border: solid 1px #ddd;

	margin-bottom: 20px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px

}



.youtubeWrapper {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 25px;

	height: 0

}



.youtubeWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%

}



.guarantee-bar {

	width: 100%;

	overflow: hidden;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	border-radius: 20px;

	background-repeat: no-repeat;

	background-position: 50% 50%;

	height: 35px;

	margin: -10px 0 10px 0

}



.guarantee-bar.blue {

	background-image: url(../../assets/images/guarantee-bar-blue.jpg)

}



.guarantee-bar.grey {

	background-image: url(../../assets/images/guarantee-bar-grey.jpg)

}



.guarantee-bar span {

	width: 33.33%;

	float: left;

	display: block;

	padding: 12px 0 10px 0;

	position: relative;

	text-transform: uppercase;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	text-align: center

}



.guarantee-bar.blue span {

	color: #fff

}



.guarantee-bar.grey span {

	color: #333

}



#guarantee h3 {

	margin-bottom: 15px

}



#guarantee h5 {

	margin-bottom: 10px;

	margin-top: 30px

}



#guarantee h6 {

	margin-bottom: 8px;

	margin-top: 20px

}



#guarantee .guarantee-multi {

	width: 120%;

	margin-right: -20%

}



#guarantee .feature img {

	max-width: 100%

}



.come-in.in-fade {

	-webkit-animation-name: come-in-fade;

	animation-name: come-in-fade;

	-webkit-animation-duration: 2.4s;

	animation-duration: 2.4s

}



.come-in.in-bottom {

	-webkit-animation-name: come-in-bottom;

	animation-name: come-in-bottom;

	-webkit-animation-duration: 2.4s;

	animation-duration: 2.4s

}



.come-in.in-top {

	-webkit-animation-name: come-in-top;

	animation-name: come-in-top;

	-webkit-animation-duration: 2.4s;

	animation-duration: 2.4s

}



.come-in.in-left {

	-webkit-animation-name: come-in-left;

	animation-name: come-in-left;

	-webkit-animation-duration: 2.4s;

	animation-duration: 2.4s

}



.come-in.in-right {

	-webkit-animation-name: come-in-right;

	animation-name: come-in-right;

	-webkit-animation-duration: 2.4s;

	animation-duration: 2.4s

}



.come-in.subtle-in-left {

	-webkit-animation-name: subtle-come-in-left;

	animation-name: subtle-come-in-left;

	-webkit-animation-duration: 2.4s;

	animation-duration: 2.4s

}



.come-in.subtle-in-right {

	-webkit-animation-name: subtle-come-in-right;

	animation-name: subtle-come-in-right;

	-webkit-animation-duration: 2.4s;

	animation-duration: 2.4s

}



.come-in.subtle-in-bottom {

	-webkit-animation-name: subtle-come-in-bottom;

	animation-name: subtle-come-in-bottom;

	-webkit-animation-duration: 2.4s;

	animation-duration: 2.4s

}



.come-in.subtle-in-top {

	-webkit-animation-name: subtle-come-in-top;

	animation-name: subtle-come-in-top;

	-webkit-animation-duration: 2.4s;

	animation-duration: 2.4s

}



.eleAnimate {

	opacity: 0;

	-webkit-transition: opacity .3s ease-in;

	-moz-transition: opacity .3s ease-in;

	transition: opacity .3s ease-in

}



.eleAnimate.in-fade {

	-webkit-transition: opacity 1.5s ease-in;

	-moz-transition: opacity 1.5s ease-in;

	transition: opacity 1.5s ease-in

}



.come-in {

	opacity: 1

}



@-webkit-keyframes come-in-fade {

	from {

		opacity: 0

	}

	to {

		opacity: 1

	}

}



@-webkit-keyframes come-in-bottom {

	from {

		-webkit-transform: translateY(150px);

		-moz-transform: translateY(150px);

		transform: translateY(150px)

	}

	to {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		transform: translateY(0)

	}

}



@keyframes come-in-bottom {

	from {

		-webkit-transform: translateY(150px);

		-moz-transform: translateY(150px);

		transform: translateY(150px)

	}

	to {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		transform: translateY(0)

	}

}



@-webkit-keyframes come-in-top {

	from {

		-webkit-transform: translateY(-150px);

		-moz-transform: translateY(-150px);

		transform: translateY(-150px)

	}

	to {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		transform: translateY(0)

	}

}



@keyframes come-in-top {

	from {

		-webkit-transform: translateY(-150px);

		-moz-transform: translateY(-150px);

		transform: translateY(-150px)

	}

	to {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		transform: translateY(0)

	}

}



@-webkit-keyframes come-in-left {

	from {

		-webkit-transform: translateX(-150px);

		-moz-transform: translateX(-150px);

		transform: translateX(-150px)

	}

	to {

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		transform: translateX(0)

	}

}



@keyframes come-in-left {

	from {

		-webkit-transform: translateX(-150px);

		-moz-transform: translateX(-150px);

		transform: translateX(-150px)

	}

	to {

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		transform: translateX(0)

	}

}



@-webkit-keyframes come-in-right {

	from {

		-webkit-transform: translateX(150px);

		-moz-transform: translateX(150px);

		transform: translateX(150px)

	}

	to {

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		transform: translateX(0)

	}

}



@keyframes come-in-right {

	from {

		-webkit-transform: translateX(150px);

		-moz-transform: translateX(150px);

		transform: translateX(150px)

	}

	to {

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		transform: translateX(0)

	}

}



@-webkit-keyframes subtle-come-in-left {

	from {

		-webkit-transform: translateX(-40px);

		-moz-transform: translateX(-40px);

		transform: translateX(-40px)

	}

	to {

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		transform: translateX(0)

	}

}



@keyframes subtle-come-in-left {

	from {

		-webkit-transform: translateX(-40px);

		-moz-transform: translateX(-40px);

		transform: translateX(-40px)

	}

	to {

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		transform: translateX(0)

	}

}



@-webkit-keyframes subtle-come-in-right {

	from {

		-webkit-transform: translateX(40px);

		-moz-transform: translateX(40px);

		transform: translateX(40px)

	}

	to {

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		transform: translateX(0)

	}

}



@keyframes subtle-come-in-right {

	from {

		-webkit-transform: translateX(40px);

		-moz-transform: translateX(40px);

		transform: translateX(40px)

	}

	to {

		-webkit-transform: translateX(0);

		-moz-transform: translateX(0);

		transform: translateX(0)

	}

}



@-webkit-keyframes subtle-come-in-bottom {

	from {

		-webkit-transform: translateY(70px);

		-moz-transform: translateY(70px);

		transform: translateY(60px)

	}

	to {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		transform: translateY(0)

	}

}



@keyframes subtle-come-in-bottom {

	from {

		-webkit-transform: translateY(70px);

		-moz-transform: translateY(70px);

		transform: translateY(60px)

	}

	to {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		transform: translateY(0)

	}

}



@-webkit-keyframes subtle-come-in-top {

	from {

		-webkit-transform: translateY(-60px);

		-moz-transform: translateY(-60px);

		transform: translateY(-60px)

	}

	to {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		transform: translateY(0)

	}

}



@keyframes subtle-come-in-top {

	from {

		-webkit-transform: translateY(-60px);

		-moz-transform: translateY(-60px);

		transform: translateY(-60px)

	}

	to {

		-webkit-transform: translateY(0);

		-moz-transform: translateY(0);

		transform: translateY(0)

	}

}



@media(max-width:767px) {

	.mobile-btn,

	p .mobile-btn {

		padding: 14px 18px 10px;

		border: solid 2px;

		font-size: 14px;

		font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

		display: inline-block;

		line-height: 100%;

		background: none;

		-moz-border-radius: 5px;

		-webkit-border-radius: 5px;

		border-radius: 5px;

		-webkit-transition: all .3s ease-in-out;

		-moz-transition: all .3s ease-in-out;

		transition: all .3s ease-in-out

	}

	.mobile-btn.btn-full-width,

	p .mobile-btn.btn-full-width {

		width: 94%

	}

	.hb-small .mobile-btn.btn-full-width,

	.hb-small p .mobile-btn.btn-full-width {

		width: 90%

	}

	.mobile-btn.blue {

		color: #2daae1;

		border-color: #2daae1

	}

	.mobile-btn.blue:hover {

		background: #2daae1;

		color: #fff

	}

	.productGrid li .actionWrap,

	.hb-small .actionWrap {

		position: static

	}

	.main {

		background: #fff;

		padding: 40px 0

	}

	h1 {

		font-size: 36px

	}

	.title-container h3 {

		font-size: 20px

	}

	.button.btn-full-width,

	p .button.btn-full-width {

		width: 100%;

		text-align: center

	}

	.page-banner {

		height: 500px

	}

	.store-banner .title-container,

	#support-banner .title-container,

	#institution-banner .title-container,

	#jobs-banner .title-container,

	#business-banner .title-container,

	#takefinance-banner .title-container,

	#edu-ed-banner .title-container,

	#guarantee-banner .title-container {

		margin-top: 200px;

		padding: 0 5%

	}

	.left-change-center-text .left {

		float: none

	}

	#store-locator input[type="text"],

	#finance-calculator input[type="text"] {

		width: 100%;

		margin-right: 10px

	}

	.stores-con {

		padding: 0

	}

	.contact-con {

		padding-left: 0

	}

	.mapWrap {

		padding-left: 0

	}

	.search-store-result.search-store-result-container {

		background: none;

		margin: 0;

		width: auto

	}

	.search-store-result {

		position: static;

		width: 100%;

		margin: 0;

		overflow: visible;

		height: auto

	}

	.search-store-result-container {

		height: auto;

		background: #f9f9f9

	}

	.search-store-result ul {

		width: 100%;

		margin: 0;

		padding: 0

	}

	.search-store-result ul li {

		width: 100%;

		margin: 0 0 15px 0

	}

	.search-store-result .container {

		max-width: 100%;

		background: #eee

	}

	.contact-details td {

		width: 100%

	}

	img.fit-mobile {

		max-width: 100%

	}

	.no-mobile,

	table.no-mobile {

		display: none

	}

	.no-tablet {

		display: none

	}

	.mobile-only {

		display: block

	}

	.hb {

		text-align: center;

		min-height: 0;

		width: 100%

	}

	#home-contact,

	#home-pt {

		width: 100%

	}

	#home-pt img,

	#home-contact img {

		position: relative;

		height: 190px;

		text-align: center;

		bottom: 0;

		display: block;

		margin: auto

	}

	.hb-text {

		float: none;

		width: 100%;

		padding: 30px

	}

	.hb-small {

		width: 100%;

		min-height: 345px;

		padding: 0 20px 30px;

		border: none;

		border-top: solid 1px #ddd

	}

	.hb-small img {

		height: 150px;

		width: auto

	}

	.stores-con {

		border: none;

		border-bottom: 1px solid #eee;

		padding-bottom: 40px

	}

	.contact-con {

		padding-left: 0

	}

	.grid-copy {

		width: 80%;

		margin-left: 15px

	}

	.left-change-center-text {

		text-align: center

	}

	.left-change-center-text .small-splitter {

		margin-left: auto;

		margin-right: auto

	}

	.mob-break {

		display: block;

		clear: both;

		height: 0;

		width: 100%;

		margin-top: 20px

	}

	.image-grid img {

		margin: 3px;

		width: 45%

	}

	.padding-right-50 {

		padding-right: 0

	}

	.border-right-1-light {

		border-right: none

	}

	.icon-list {

		padding-left: 0

	}

	.icon-list .grid-copy {

		min-height: 0;

		margin-bottom: 30px

	}

	.icon-list .grid-copy {

		width: 80%

	}

	.title-container h3 {

		font-size: 20px

	}

	.productGrid li,

	.productGrid.accessories.ipod li,

	.productGrid.accessories.iphone li,

	.productGrid.appcessories li,

	.productGrid.accessories.mac li,

	.productGrid.accessories.mac.make-it-stick li,

	.productGrid.accessories.bags-sleeves li {

		min-height: 0;

		width: 100%

	}

	.pricingTable.three-col .column,

	.pricingTable.two-col .column {

		width: 100%

	}

	.pricingTable .column {

		margin-bottom: 25px

	}

	.pricingTable.macpro-table .column .prod-spec {

		min-height: 0

	}

	.pricingTable.imac-table .column .prod-spec {

		min-height: 0

	}

	.ipad-table.pricingTable .column .prod-spec {

		min-height: 0

	}

	.fitImageDesk {

		width: auto;

		height: auto

	}

	.fixCornerwrap-nm {

		width: 100%

	}

	.gridItem {

		padding: 30px 0

	}

	.gridItem.xs-1col {

		width: 100%

	}

	.edu-steps div {

		min-height: 0

	}

	.cs-article.first,

	.cs-article.last {

		padding-left: 0;

		padding-right: 0

	}

	.cs-feature-img {

		position: static;

		width: 70%

	}

	#jobs-list li span {

		display: inline-block;

		width: 32%

	}

	#jobs-list li span.job-actions {

		width: 100%

	}

	.edu-products header div {

		width: 100%;

		text-align: center

	}

	.edu-products header img {

		position: static;

		display: block;

		margin: 16px auto;

		width: auto;

		float: none

	}

	.case-study-grid img {

		max-width: 100%

	}

	.st-feature-block.pd article,

	.st-feature-block.pt article,

	.st-feature-block.ps article {

		padding-left: 0;

		padding-right: 0

	}

	.store-sidebar,

	.store-features {

		padding-right: 0;

		padding-left: 0;

		border-right: none

	}

	.overide-center {

		text-align: left

	}

	#jobs-list li {

		margin: 0;

		border-bottom: solid 1px #ddd;

		padding: 0;

		text-align: left;

		padding: 20px 0

	}

	.pt-steps .pt-single-step {

		width: 100%;

		float: left

	}

	.pt-steps .pt-single-step img {

		margin: 0;

		float: none

	}

	.pt-steps .pt-single-step p {

		width: 100%;

		margin-right: 0;

		float: none

	}

	#training-banner .title-container h3 {

		font-size: 20px;

		max-width: 600px;

		width: auto

	}

	.training-login-container input[type="text"],

	.training-login-container input[type="password"] {

		width: 100%

	}

	.training-login-container input[type="text"].last,

	.training-login-container input[type="password"].last {

		margin-right: 0;

		width: 100%

	}

	.forgottenPasswordLink {

		text-align: center;

		width: 100%;

		display: inline-block

	}

	#training-banner {

		height: 530px

	}

	#personal-trainer .title-container {

		margin-top: 50px

	}

	#personal-trainer .title-container h1 img {

		max-width: 90%

	}

	#store-locator .button {

		margin-bottom: 10px

	}

	.lower-page-ctas.last,

	.lower-page-ctas.first {

		padding-left: 0;

		padding-right: 0

	}

	.contact-map-image {

		height: 100px;

		width: 100%;

		min-height: 100px;

		background-size: cover

	}

	.productGrid li .actionWrap {

		position: static

	}

	.productGrid.mac li img {

		max-width: 100%;

		max-height: 100%

	}

	.padded-text.no-pad-mobile {

		padding: 0

	}

	#contact-feature-banner {

		background: none;

		background: #eee

	}

	.contact-depart-grid .head-office {

		padding-top: 50px;

		padding-left: 0;

		margin-top: 20px;

		border-top: solid 1px #ddd;

		border-left: none;

		padding-right: 20px

	}

	#contact-banner {

		height: 460px

	}

	#contact-banner>section.container {

		padding-top: 0

	}

	#contact-banner .title-container {

		margin-top: 60px

	}

	#contact-banner .title-container h1 {

		font-size: 32px

	}

	#contact-banner .title-container .split {

		width: 100%;

		height: 3px;

		background: #555;

		position: relative;

		margin-top: 50px;

		margin-bottom: -70px

	}

	.search-store-result ul li .widget-con p strong {

		font-size: 14px

	}

	.search-store-result ul li {

		width: 100%;

		margin: 0 0 10px 0

	}

	.search-store-result {

		height: 285px

	}

	.page-slice-container {

		background: none;

		display: none

	}

	.search-store-result ul li .widget-con p {

		width: 85%

	}

	.contact-store-left-wrap {

		border-right: none;

		margin-right: 0;

		padding-right: 0

	}

	.macbook-river .river-block.first {

		padding: 0 0

	}

	#takefinance-banner .title-container,

	#guarantee-banner .title-container {

		margin-top: 80px

	}

	.river.ipad-2 .river-block h3,

	.river.ipad-4 .river-block h3,

	.river.macbook .river-block h3,

	.river.macbook-pro-river .river-block h3,

	.river.iphone .river-block h3 {

		font-size: 30px;

		color: #000;

		margin-top: 0

	}

	.river.ipad-4 .river-block h3 {

		font-size: 30px

	}

	.river.ipad-2 .river-block p,

	.river.ipad-4 .river-block p,

	.river.macbook .river-block p,

	.river.macbook-pro-river .river-block p,

	.river.iphone .river-block p {

		font-size: 20px;

		padding: 0

	}

	.river.ipad-2 .river-block img,

	.river.macbook .river-block img,

	.river.macbook-pro-river .river-block img {

		width: auto;

		max-width: 100%

	}

	.river .river-block .spec-att.left {

		height: 50px;

		width: auto

	}

	#ipad-air-2-capable {

		margin-top: -100px;

		margin-bottom: 30px

	}

	#ipad-air-2-touchid {

		margin-top: -280px;

		margin-bottom: 30px;

		margin-left: 0%;

		width: auto

	}

	#ipad-air-2-camera,

	#ipad-air-2-apps {

		margin-bottom: -100px

	}

	#ipad-mini-3-intro,

	#macbook-pro-intro {

		margin-top: 0

	}

	#imac-hero {

		margin-top: 0

	}

	#imac-intro {

		margin: 0

	}

	.imac-river h3,

	.imac-river .river-block h3 {

		font-size: 40px;

		margin: 10px 0 0 0;

		line-height: 100%

	}

	.imac-river img {

		max-width: 100%

	}

	.imac-river p,

	.imac-river .river-block p {

		font-size: 16px

	}

	.river #macbook-osx {

		position: relative;

		max-width: 100%;

		width: auto;

		margin-top: -90px;

		top: auto

	}

	.river #macbook-keyboard-background {

		background-size: 850px 447px;

		background-repeat: no-repeat;

		height: 990px;

		width: 850px;

		position: relative;

		left: 50%;

		top: -125px;

		z-index: 1;

		margin-left: -425px;

		margin-bottom: 0

	}

	.river .river-block.block-one {

		top: 280px

	}

	.river.macbook .river-block.knockdown p {

		margin-bottom: 0

	}

	.river #macbook-intro {

		margin-top: 0

	}

	.river #macbook-usbc {

		width: 170%;

		margin: 40px 0 60px -85%;

		max-width: none

	}

	.ptBlock .middle-copy {

		width: 100%

	}

	.ptBlock div {

		margin-left: 0

	}

	.ti-recycle-icon {

		width: 40%

	}

	#deployed .imageCollage img,

	#deployed .imageCollage .stackOne {

		position: relative;

		max-width: 100%;

		top: 0;

		left: 0

	}

	.imageCollage .stackTwo,

	.imageCollage .stackThree {

		display: none

	}

	#deployed .caption {

		margin-top: 20px;

		text-align: center

	}

	#deployed .caption h4 {

		border: none;

		padding: 0

	}

	#connected,

	#developed {

		width: 100%;

		left: 0;

		padding: 70px 0;

		-ms-transform: rotate(0);

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}

	#connected .straighten,

	#developed .straighten {

		-ms-transform: rotate(0);

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}

	#supported .imageCollage .stackOne {

		position: relative;

		left: 0;

		max-width: 100%;

		margin-bottom: 30px;

		width: 100%

	}

	#supported .imageCollage .stackTwo,

	#supported .imageCollage p,

	#supported .caption {

		display: none

	}

	.river.iphone .river-block {

		padding: 40px 0

	}

	#iphone-hero-container,

	#iphone6s-hero-container {

		padding-bottom: 0

	}

	#iphone-hero-container .iphone-models,

	#iphone6s-hero-container .iphone-models {

		text-align: center

	}

	#iphone-hero,

	#iphone6s-hero {

		margin-bottom: 40px

	}

	#iphone-intro {

		margin-top: -70px

	}

	#iphone6s-intro {

		margin-top: -40px

	}

	#iphone-retinahd,

	#iphone-wireless {

		margin-top: 0;

		margin-bottom: -130px;

		width: 90%

	}

	#iphone-a8chip-container,

	.river.iphone.shrink-height {

		padding: 130px 0;

		padding: 0 0 140px 0

	}

	#iphone-camera-container {

		padding: 0 0 240px 0

	}

	#iphone-a8chip {

		margin-top: 0;

		margin-bottom: -600px;

		width: 220%;

		margin-left: -8%

	}

	#iphone-m8motion {

		margin-top: 0;

		margin-bottom: -225px;

		width: 90%

	}

	#iphone-camera {

		margin-top: -60px;

		margin-bottom: -750px;

		width: 200%;

		margin-left: -91%

	}

	#iphone-touchid {

		margin-top: -112px;

		margin-bottom: 50px;

		margin-left: -5%;

		width: 100%

	}

	#iphone-ios8 {

		margin-top: -20px;

		margin-bottom: -200px;

		width: 95%

	}

	#iphone6s-camera,

	#iphone6s-design,

	#iphone6s-touch {

		width: 100%;

		left: 0;

		position: relative

	}

	#iphone6s-ios9 {

		width: 100%;

		left: 0;

		position: relative

	}

	#iphone-nothing {

		width: 120%;

		left: -20%;

		position: relative;

		top: 20px

	}

	#iphone6s-touch,

	#iphone6s-design {

		margin-bottom: 30px

	}

	#iphone-6s .river.iphone .river-block {

		padding: 25px 0

	}

	#iphone-6s .river.iphone .river-block h3 {

		margin-top: 0

	}

	#iphone-6s .ext-height {

		padding: 100px 0 50px 0

	}

	#ipad-mini4-covers img {

		width: 210%;

		margin-left: -97%;

		margin-bottom: -100px;

		margin-top: -298px

	}

	#ipad-mini4-wifi img {

		margin-bottom: -100px;

		width: 140%;

		margin-left: -20%

	}

	#contact {

		margin-top: 0

	}

	#edu-ed-row .ed-col {

		padding: 0 11px;

		margin-bottom: 35px;

		padding-bottom: 30px;

		border-bottom: solid 1px #ddd

	}

	#health-and-fitness #urbanista-rio img {

		position: relative;

		bottom: 0;

		top: 0

	}

	#health-and-fitness {

		text-align: center

	}

	#health-and-fitness p.left,

	#health-and-fitness .acc-color {

		float: none;

		margin-left: 0;

		margin-right: 0

	}

	#health-and-fitness #micoach-band .prices p.left {

		margin-right: 0

	}

	#health-and-fitness #bose-earbuds img {

		margin: 20px 0

	}

	#health-and-fitness #itunes-card img {

		width: 100%;

		margin: 30px 0 0 0

	}

	#health-and-fitness #zepp-tennis img {

		max-width: 100%

	}

	#health-and-fitness #zepp-tennis img.player {

		display: none

	}

	.guarantee-bar.blue {

		background-image: url(../../assets/images/guarantee-bar-blue-mobile.jpg)

	}

	.guarantee-bar.grey {

		background-image: url(../../assets/images/guarantee-bar-grey-mobile.jpg)

	}

	#fo-takesix,

	#fo-takelonger {

		width: 100%;

		left: 0;

		top: 0;

		bottom: 0;

		padding: 50px 0;

		margin: 0;

		-ms-transform: rotate(0);

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}

	#fo-takesix .straighten,

	#fo-takelonger .straighten {

		-ms-transform: rotate(0);

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}

	.fo-content-block.left,

	.fo-content-block.right {

		float: none

	}

	#takefinance-banner .title-container,

	{

		margin-top: 145px

	}

	#finance-options .finance-icons p img {

		margin: 0 0 15px 0

	}

	#finance-options .finance-icons {

		margin: 50px 0 50px 0

	}

	.finance-compare-table .fc-column.grey {

		margin-left: 0

	}

	#finance-options .calculator {

		text-align: center

	}

	#finance-options .finance-guarantee-block {

		margin-top: 30px;

		padding-top: 30px;

		border-top: solid 1px #ddd

	}

	#guarantee .threeyg-ipad-feature,

	#guarantee .threeyg-mac-feature {

		position: relative;

		max-width: 100%;

		right: 0

	}

	#guarantee-banner .title-container {

		margin-top: 50px;

		padding: 0 20%

	}

	#guarantee .blue-block {

		margin-left: auto

	}

	.topWrap {

		margin-top: 70px

	}

	#imac-display img {

		margin: 0 0 -80px 0

	}

	#imac-innovation img {

		margin: 0 0 50px 0

	}

	#imac-storage img {

		margin: 0

	}

	#imac-icloud img {

		max-width: 180%;

		margin-left: -80%

	}

	#imac-osx img,

	#imac-apps img {

		margin-top: 0

	}

	#imac-connections .river-text {

		margin-top: 0

	}

}



@media(min-width:768px) {

	.topWrap {

		margin-top: 0

	}

	#edu-ed-row .ed-col {

		padding: 0 11px;

		margin-bottom: 65px;

		padding-bottom: 0;

		border-bottom: none

	}

	#deployed .imageCollage img,

	#deployed .imageCollage .stackOne {

		position: relative;

		max-width: 100%;

		top: 0;

		left: 0

	}

	#deployed .imageCollage .stackOne {

		width: 100%

	}

	#deployed .imageCollage .stackTwo,

	#deployed .imageCollage .stackThree {

		display: none

	}

	#deployed .caption {

		margin-top: 20px;

		text-align: center

	}

	#deployed .caption h4 {

		border: none;

		padding: 0

	}

	#connected {

		width: 150%;

		left: -25%;

		padding: 80px 0

	}

	#supported .imageCollage .stackOne {

		position: relative;

		left: 0;

		max-width: 100%;

		margin-bottom: 30px;

		margin-top: -30px;

		width: 100%

	}

	#supported .imageCollage .stackTwo,

	#supported .imageCollage p,

	#supported .caption {

		display: none

	}

	.no-tablet {

		display: none

	}

	.hb {

		min-height: 250px

	}

	#home-contact,

	#home-pt {

		text-align: center;

		padding-top: 0

	}

	#home-pt img,

	#home-contact img {

		position: static;

		height: 180px;

		text-align: center;

		bottom: 25px;

		right: 10px;

		clear: both;

		display: block;

		margin: auto

	}

	.hb-text {

		float: none;

		width: 100%;

		padding: 0 30px 30px 30px

	}

	.hb-small {

		min-height: 365px

	}

	.hb-small p {

		font-size: 14px

	}

	.hb-small h4,

	.hb-small p {

		padding: 0 25px

	}

	#finance-calculator input[type="text"] {

		width: 100%;

		margin-right: 0

	}

	.left-change-center-text .left {

		float: none

	}

	#mobile-nav-button,

	#contact-nav-button {

		display: inline-block;

		float: right;

		margin-left: 10px;

		color: #ccc

	}

	#mobile-nav-button a,

	#contact-nav-button a {

		padding: 15px 17px 4px 17px;

		display: inline-block;

		color: #d5d5d5;

		font-size: 20px;

		border-radius: 3px;

		-moz-border-radius: 3px;

		-webkit-border-radius: 3px;

		overflow: hidden;

		height: 50px;

		position: relative;

		width: 50px;

		transition: all .16s ease-in-out;

		-moz-transition: all .16s ease-in-out;

		-webkit-transition: all .16s ease-in-out

	}

	#mobile-nav-button a:hover,

	#contact-nav-button a:hover {

		color: #fff

	}

	#mobile-nav-button a .nav-btn-icons i.fa {

		margin: 10px 0

	}

	#mobile-nav-button a .nav-btn-icons {

		position: absolute;

		top: 7px;

		left: 12px;

		display: block;

		width: 24px;

		transition: all .16s ease-in-out;

		-moz-transition: all .16s ease-in-out;

		-webkit-transition: all .16s ease-in-out

	}

	#mobile-nav-button.active a .nav-btn-icons {

		top: -33px

	}

	.stores-con {

		border: none;

		border-bottom: 1px solid #eee;

		padding-bottom: 40px;

		padding-right: 0

	}

	.contact-con {

		padding-left: 10px

	}

	.grid-copy {

		width: 81%;

		margin-left: 15px;

		min-height: 200px

	}

	.left-change-center-text {

		text-align: center

	}

	.left-change-center-text .small-splitter {

		margin-left: auto;

		margin-right: auto

	}

	.mob-break {

		display: block;

		clear: both;

		height: 0;

		width: 100%;

		margin-top: 20px

	}

	.image-grid img {

		margin: 3px;

		width: 23.6%

	}

	.padding-right-50 {

		padding-right: 0

	}

	.border-right-1-light {

		border-right: none

	}

	.icon-list {

		padding-left: 0

	}

	.icon-list .grid-copy {

		min-height: 0;

		margin-bottom: 30px

	}

	.icon-list .grid-copy {

		width: 88%

	}

	.title-container h3 {

		font-size: 28px

	}

	.productGrid li {

		min-height: 485px;

		width: 50%

	}

	.productGrid.mac li {

		min-height: 520px

	}

	.productGrid.crosssell-mac-three li {

		min-height: 365px

	}

	.productGrid.appcessories li {

		min-height: 410px

	}

	.productGrid.accessories.headphones li {

		min-height: 450px

	}

	.productGrid.accessories.ipad li {

		min-height: 460px

	}

	.productGrid.iphone li {

		min-height: 430px;

		padding-left: 35px;

		padding-right: 35px

	}

	.pricingTable.macpro-table .column .prod-spec {

		min-height: 0

	}

	.ipad-table.pricingTable .column .prod-spec {

		min-height: 0

	}

	.pricingTable.imac-table .column .prod-spec {

		min-height: 300px

	}

	.fitImageDesk {

		width: 100%;

		height: auto

	}

	fixCornerwrap-nm {

		width: 50%

	}

	.cs-article.first,

	.cs-article.last {

		padding-left: 0;

		padding-right: 0

	}

	.cs-feature-img {

		position: static;

		width: auto

	}

	#jobs-list li span {

		display: inline-block;

		width: 33%

	}

	#jobs-list li span.job-actions {

		width: 31%

	}

	.edu-products header div {

		width: 64%

	}

	.edu-products header img {

		position: absolute;

		bottom: 20px;

		right: 2%;

		width: 30%

	}

	.store-sidebar,

	.store-features {

		padding-right: 0;

		padding-left: 0;

		border-right: none

	}

	.overide-center {

		text-align: left

	}

	#jobs-list li {

		margin: 0;

		border-bottom: solid 1px #ddd;

		padding: 0;

		text-align: left;

		padding: 0

	}

	.pt-steps .pt-single-step {

		width: 100%;

		float: left

	}

	.pt-steps .pt-single-step img {

		margin: 0;

		float: none

	}

	.pt-steps .pt-single-step p {

		width: 100%;

		margin-right: 0%;

		float: none

	}

	.training-login-container input[type="text"] {

		width: 40%

	}

	.training-login-container input[type="text"].last,

	.training-login-container input[type="password"] {

		margin-right: 2%;

		width: 39%

	}

	.forgottenPasswordLink {

		text-align: left;

		width: 100%;

		display: inline-block

	}

	.contact-methods .department {

		width: 33%;

		float: left;

		padding: 30px 0 10px 0;

		text-align: center

	}

	.contact-methods .department.ho {

		width: 100%;

		float: left;

		padding-left: 20px;

		background: #fff

	}

	.contact-methods .department p {

		margin-top: 0

	}

	#store-locator input[type="text"] {

		width: 54%

	}

	.lower-page-ctas.last,

	.lower-page-ctas.first {

		padding-left: 0;

		padding-right: 0

	}

	.white-block.pullout {

		background: #f9f9f9

	}

	.contact-depart-grid .head-office {

		padding-top: 50px;

		padding-left: 0;

		border-top: solid 1px #ddd;

		border-left: none;

		padding-right: 20px

	}

	#contact-banner>section.container {

		padding-top: 30px

	}

	#contact-banner .title-container .split {

		width: 100%;

		height: 3px;

		background: #555;

		position: relative;

		margin-top: 110px;

		margin-bottom: -50px

	}

	.search-store-result ul li .widget-con p strong {

		font-size: 12px

	}

	.contact-store-left-wrap {

		border-right: none;

		margin-right: 0;

		padding-right: 0

	}

	.search-store-result ul li .widget-con p {

		width: 90%

	}

	.search-store-result ul li {

		width: 100%;

		margin: 0 0 10px 0

	}

	.search-store-result {

		height: 505px

	}

	.page-slice-container {

		background: url('../../assets/images/store-list-splitter%402x.png') no-repeat;

		background-size: 264px 11px;

		margin-top: -23px;

		position: relative;

		display: block

	}

	.store-overview-info-con .number,

	.store-overview-info-con .address {

		width: 100%

	}

	.overview-open-times {

		border-left: none;

		padding-left: 0;

		margin-top: 30px

	}

	.store-banner .title-container,

	#support-banner .title-container,

	#institution-banner .title-container,

	#jobs-banner .title-container,

	#business-banner .title-container,

	#takefinance-banner .title-container,

	#edu-ed-banner .title-container,

	#guarantee-banner .title-container {

		margin-top: 220px;

		padding: 0 5%

	}

	#contact-map {

		width: 100%;

		height: 450px;

		display: block

	}

	#takefinance-banner .title-container {

		margin-top: 200px

	}

	#guarantee-banner .title-container {

		margin-top: 150px

	}

	.macbook-river .river-block.first {

		padding: 30px 0

	}

	.river.ipad-2 .river-block h3,

	.river.ipad-4 .river-block h3 {

		font-size: 30px;

		color: #333;

		margin-top: 0

	}

	.river.ipad-2 .river-block p,

	.river.ipad-4 .river-block p {

		font-size: 18px;

		padding: 0

	}

	#ipad-air-2-touchid {

		margin-top: -125px;

		margin-bottom: -50px;

		margin-left: -30%;

		width: 126%

	}

	#ipad-air-2-camera {

		margin-bottom: -100px

	}

	#ipad-mini-3-intro {

		margin-top: 0

	}

	.river .river-block.block-one {

		top: 450px

	}

	.river #macbook-osx {

		position: absolute;

		width: 100%;

		top: 0

	}

	.river.macbook .river-block.knockdown p {

		margin-bottom: 200px

	}

	.river #macbook-keyboard-background {

		background-size: 1979px 1064px;

		background-repeat: no-repeat;

		height: 1400px;

		width: 1979px;

		position: relative;

		left: 50%;

		top: -380px;

		z-index: 1;

		margin-left: -989px;

		margin-bottom: 0

	}

	.river.iphone .river-block {

		padding: 60px 0

	}

	#iphone-hero-container .iphone-models {

		text-align: left

	}

	#iphone6s-hero-container .iphone-models {

		text-align: center

	}

	#iphone-hero {

		margin-bottom: -290px

	}

	#iphone6s-hero {

		margin-bottom: -290px

	}

	#iphone-intro {

		margin-top: 40px

	}

	#iphone6s-intro {

		margin-top: 70px

	}

	#iphone-hero-container,

	#iphone6s-hero-container {

		padding-bottom: 160px

	}

	#iphone-retinahd,

	#iphone-wireless {

		width: 100%

	}

	#iphone-a8chip {

		margin-top: 54px;

		margin-bottom: -119px;

		width: 200%;

		margin-left: -97%

	}

	.river.iphone.shrink-height {

		padding: 80px 0

	}

	#iphone-m8motion {

		margin-top: -100px;

		margin-bottom: -225px;

		width: 90%

	}

	#iphone-camera {

		margin-top: 30px;

		margin-bottom: -120px;

		width: 165%;

		margin-left: -62%

	}

	#iphone-ios8 {

		margin-top: -164px;

		margin-bottom: -200px;

		width: 105%

	}

	#iphone-m8motion {

		margin-top: -35px;

		margin-bottom: -200px;

		width: 120%

	}

	#iphone6s-camera,

	#iphone6s-design,

	#iphone6s-touch {

		width: 100%;

		left: 0;

		position: relative

	}

	#iphone6s-ios9 {

		width: 120%;

		left: -20%;

		position: relative

	}

	#iphone-nothing {

		width: 115%;

		left: -15%;

		position: relative;

		top: 20px

	}

	#iphone6s-touch,

	#iphone6s-design {

		margin-bottom: 30px

	}

	#iphone-touchid {

		margin-top: -180px;

		margin-bottom: -180px;

		margin-left: -25%;

		width: 129%

	}

	#iphone-compare .space {

		margin: 0 5px

	}

	#iphone-6s .river.iphone .river-block {

		padding: 25px 0

	}

	#iphone-6s .river.iphone .river-block h3 {

		margin-top: 0

	}

	#iphone-6s .ext-height {

		padding: 100px 0 50px 0

	}

	#ipad-mini4-covers img {

		width: 170%;

		margin-left: -50%;

		margin-bottom: -70px;

		margin-top: -540px

	}

	#ipad-mini4-wifi img {

		margin-bottom: -50px;

		width: 130%;

		margin-left: -15%

	}

	.ptBlock .middle-copy {

		width: 50%

	}

	#ipad-mini-3-intro {

		margin-top: 100px

	}

	#guarantee .feature img {

		max-height: 90px

	}

	#health-and-fitness #urbanista-rio img {

		position: relative;

		bottom: 0;

		top: 0

	}

	.fo-step-block {

		margin: 40px 0 0 0

	}

	.fo-content-block.left,

	.fo-content-block.right {

		float: none

	}

	#fo-imac {

		width: 120%;

		margin-top: -10px;

		position: absolute

	}

	#fo-ipad {

		width: 90%;

		margin-left: 0

	}

	#fo-beats {

		margin-left: -55%;

		width: 209%;

		position: absolute;

		top: -838px

	}

	#fo-takesix,

	#fo-takelonger {

		text-align: left;

		width: 100%;

		left: 0;

		top: 0;

		bottom: 0;

		padding: 50px 0;

		margin: 0;

		-ms-transform: rotate(0);

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}

	#fo-takesix .straighten,

	#fo-takelonger .straighten {

		-ms-transform: rotate(0);

		-webkit-transform: rotate(0);

		transform: rotate(0)

	}

	#takefinance-banner .title-container {

		margin-top: 205px

	}

	#finance-options .finance-icons p img {

		margin: 0 0 10px 0

	}

	#finance-options .finance-icons {

		margin: 50px 0 50px 0

	}

	#finance-options .finance-icons .col.col-int,

	#finance-options .finance-icons .col.col-dep,

	#finance-options .finance-icons .col.col-ear {

		width: 33%

	}

	.finance-compare-table .fc-column.grey {

		margin-left: 0

	}

	#finance-options .calculator {

		text-align: left

	}

	#finance-options .finance-guarantee-block {

		margin-top: 30px;

		padding-top: 0;

		padding-left: 20px;

		border-top: none;

		border-left: solid 1px #ddd

	}

	#health-and-fitness #zepp-tennis img.player {

		display: none

	}

	#health-and-fitness #bose-earbuds img {

		margin: 20px 0

	}

	#health-and-fitness #micoach-band .prices p.left {

		margin-right: 30px

	}

	#health-and-fitness #itunes-card img {

		width: 120%;

		margin: 30px -20% 0 0

	}

	#guarantee .threeyg-ipad-feature,

	#guarantee .threeyg-mac-feature {

		position: absolute;

		max-width: none;

		right: 40px

	}

	#guarantee .blue-block {

		margin-left: auto

	}

	.page-banner {

		height: 500px

	}

	#imac-osx img,

	#imac-apps img {

		margin-top: 0

	}

	#imac-connections .river-text {

		margin-top: -150px

	}

}



@media(min-width:992px) {

	.store-banner .title-container,

	#support-banner .title-container,

	#institution-banner .title-container,

	#jobs-banner .title-container,

	#business-banner .title-container,

	#takefinance-banner .title-container,

	#edu-ed-banner .title-container,

	#guarantee-banner .title-container {

		margin-top: 160px;

		padding: 0 5%

	}

	.no-tablet {

		display: block

	}

	span.no-tablet.inline {

		display: inline

	}

	.mobile-only {

		display: none

	}

	.no-desktop {

		display: none

	}

	.hb-small {

		border-bottom: none;

		padding: 0 10px

	}

	#home-contact,

	#home-pt {

		text-align: left

	}

	#home-pt img,

	#home-contact img {

		position: absolute;

		height: 75%;

		text-align: center;

		bottom: 25px;

		right: 30px;

		clear: both;

		display: block

	}

	#mobile-nav-button,

	#contact-nav-button {

		display: none

	}

	.stores-con {

		border: none;

		border-right: 1px solid #eee;

		padding-bottom: 0;

		padding-right: 20px

	}

	.contact-con {

		padding-left: 0

	}

	.grid-copy {

		width: 81%;

		margin-left: 15px

	}

	.left-change-center-text {

		text-align: left

	}

	.left-change-center-text .small-splitter {

		margin-left: 0;

		margin-right: auto

	}

	.mob-break {

		display: none;

		clear: both;

		height: 0;

		width: 100%

	}

	.image-grid img {

		float: left;

		margin: 0 4px 4px 0;

		width: 45%

	}

	.padding-right-50 {

		padding-right: 50px

	}

	.border-right-1-light {

		border-right: 1px solid #eee

	}

	.icon-list {

		padding-left: 30px

	}

	.icon-list .grid-copy {

		min-height: 0;

		margin-bottom: 30px;

		width: 88%

	}

	.productGrid li {

		min-height: 525px;

		width: 33%

	}

	.productGrid.appcessories li {

		min-height: 455px

	}

	.productGrid.accessories.ipad li {

		min-height: 460px

	}

	.productGrid.accessories.iphone li {

		min-height: 480px

	}

	.pricingTable.macpro-table .column .prod-spec {

		min-height: 420px

	}

	.pricingTable.imac-table .column .prod-spec {

		min-height: 250px

	}

	.ipad-table.pricingTable .column .prod-spec {

		min-height: 292px

	}

	.ipadair2-table.pricingTable .column .prod-spec {

		min-height: 375px

	}

	.gridItem.md-2col {

		width: 50%

	}

	.edu-products header img {

		position: absolute;

		bottom: 20px;

		right: 2%;

		width: 22%

	}

	.cs-article.first {

		padding-right: 35px

	}

	.cs-article.last {

		padding-left: 35px

	}

	.cs-feature-img {

		position: absolute

	}

	#jobs-list li span {

		display: inline-block;

		width: 36%

	}

	#jobs-list li span.job-actions {

		width: auto

	}

	.edu-products header div {

		width: 64%

	}

	.left-change-center-text .small-splitter {

		margin-left: 0;

		margin-right: 0

	}

	.left-change-center-text .left {

		float: left

	}

	.store-sidebar {

		padding-right: 30px;

		border-right: solid 1px #eee

	}

	.store-features {

		padding-left: 30px

	}

	.pt-steps .pt-single-step {

		width: 48%;

		float: left

	}

	.pt-steps .pt-single-step img {

		margin: 15px 10px 0 0;

		float: left

	}

	.pt-steps .pt-single-step p {

		width: 75%;

		margin-right: 4%;

		float: right

	}

	.contact-methods .department {

		text-align: center;

		width: 25%;

		float: left;

		padding: 30px 0 10px 0

	}

	.contact-methods .department.ho {

		width: 100%;

		float: left;

		padding-left: 20px;

		background: #f9f9f9

	}

	.contact-methods .department.ho::after {

		display: none;

		width: 0

	}

	#store-locator input[type="text"] {

		width: 47%

	}

	.lower-page-ctas.first {

		padding-right: 15px

	}

	.lower-page-ctas.last {

		padding-left: 15px

	}

	.white-block {

		padding: 35px 40px 40px 40px;

		border: solid 1px #eee;

		border-radius: 2px;

		-moz-border-radius: 2px;

		-webkit-border-radius: 2px

	}

	#finance-calculator input[type="text"] {

		width: 60%;

		margin-right: 10px

	}

	.store-overview-info-con .number,

	.store-overview-info-con .address {

		width: 100%

	}

	.store-overview-info-con .actions {

		margin-top: 0

	}

	.overview-open-times {

		border-left: solid 1px #ddd;

		padding-left: 20px;

		margin-top: 0

	}

	.overview-open-times table td {

		font-size: 12px

	}

	.search-store-result ul li {}

	.contact-store-left-wrap {

		border-right: solid 1px #ddd;

		margin-right: 0;

		padding-right: 0

	}

	.page-slice-container {}

	.tf-thumbnail {

		width: 505px;

		top: -15px

	}

	#contact-map {

		width: 100%;

		height: 450px;

		display: block

	}

	.macbook-river .river-block.first {

		padding: 40px 0

	}

	.ptBlock .middle-copy {

		width: 50%

	}

	.productGrid.ipad li {

		min-height: 550px

	}

	.river.ipad-2 .river-block h3,

	.river.ipad-4 .river-block h3,

	.river.macbook-pro-river .river-block h3 {

		font-size: 50px;

		color: #000;

		margin-top: 0;

		margin-bottom: 30px;

		line-height: 126%

	}

	.river.ipad-4 .river-block h3 {

		font-size: 40px

	}

	#ipad-air-2-touchid {

		margin-top: -225px;

		margin-bottom: -100px;

		margin-left: -30%;

		width: 126%

	}

	.river .river-block.block-one {}

	.river #macbook-keyboard-background {

		background-size: 1979px 1064px;

		background-repeat: no-repeat;

		height: 1500px;

		width: 1979px;

		position: relative;

		left: 50%;

		top: -380px;

		z-index: 1;

		margin-left: -989px;

		margin-bottom: 0

	}

	.river #macbook-osx {

		position: absolute;

		width: 100%;

		top: -200px

	}

	.river.macbook .river-block.knockdown p {

		margin-bottom: 300px

	}

	#iphone-hero {

		margin-bottom: -325px

	}

	#iphone6s-hero {

		margin-bottom: -305px

	}

	#iphone-retinahd,

	#iphone-wireless {

		margin-top: -150px;

		margin-bottom: -180px;

		width: 90%

	}

	#iphone-a8chip {

		margin-top: 34px;

		margin-bottom: -119px;

		width: 181%;

		margin-left: -85%

	}

	#iphone-compare .space {

		margin: 0 5px

	}

	#iphone6s-camera,

	#iphone6s-design,

	#iphone6s-touch {

		width: 130%;

		left: -15%;

		position: relative

	}

	#iphone6s-ios9 {

		width: 170%;

		left: -70%;

		position: relative

	}

	#iphone-nothing {

		width: 130%;

		left: -30%;

		position: relative;

		top: 20px

	}

	#iphone6s-touch {

		margin-bottom: -60px

	}

	#iphone6s-design {

		margin-bottom: 30px

	}

	#iphone-6s .river.iphone .river-block {

		padding: 50px 0

	}

	#ipad-mini4-covers img {

		width: 150%;

		margin-left: -40%;

		margin-bottom: -70px;

		margin-top: -700px

	}

	#deployed .imageCollage img {

		position: absolute;

		display: block

	}

	#deployed .imageCollage .stackOne {

		top: 75px;

		left: 100px;

		z-index: 20;

		display: block;

		width: auto

	}

	#deployed .imageCollage .stackTwo {

		top: 350px;

		left: 310px;

		z-index: 30;

		display: block

	}

	#deployed .imageCollage .stackThree {

		top: 260px;

		left: 584px;

		z-index: 10;

		display: block

	}

	#supported .imageCollage .stackOne {

		position: relative;

		left: -160px;

		top: 20px

	}

	#supported .imageCollage .stackTwo {

		position: absolute;

		top: 370px;

		left: 210px;

		z-index: 20;

		display: block

	}

	#supported .imageCollage p {

		width: 290px;

		text-align: right;

		display: none

	}

	#supported .caption {

		position: absolute;

		width: 150px;

		top: 400px;

		right: 350px;

		display: block

	}

	#deployed .caption {

		text-align: left

	}

	#deployed .caption h4,

	#supported .caption h4 {

		font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

		margin-bottom: 0;

		color: #666

	}

	.reasons h3 {

		font-size: 24px

	}

	#fo-imac {

		width: 130%;

		margin-right: -50%;

		margin-top: -50%;

		bottom: 65px

	}

	#fo-beats {

		margin-left: -20%;

		width: 133%;

		position: absolute;

		top: -838px

	}

	.fo-step-block {

		margin: 5px 0

	}

	.fo-content-block.left {

		float: left

	}

	.fo-content-block.right {

		float: right

	}

	#fo-takesix {

		padding: 75px 0 450px 0;

		width: 150%;

		position: relative;

		left: -25%;

		top: -5px;

		background: #f9f9f9;

		-ms-transform: rotate(-7deg);

		-webkit-transform: rotate(-7deg);

		transform: rotate(-7deg)

	}

	#fo-takesix .straighten {

		-ms-transform: rotate(7deg);

		-webkit-transform: rotate(7deg);

		transform: rotate(7deg)

	}

	#takefinance-banner .title-container {

		margin-top: 325px

	}

	#finance-options .finance-icons p img {

		margin: 0 15px 20px 0

	}

	#finance-options .finance-icons {

		margin: 50px 0 0 0

	}

	.finance-compare-table .fc-column.grey {

		background: #f7f7f7;

		margin-left: -10px

	}

	#finance-options .finance-icons .col.col-int,

	#finance-options .finance-icons .col.col-dep,

	#finance-options .finance-icons .col.col-ea {

		width: 30%;

		padding-right: 10px

	}

	#finance-options .finance-icons .col.col-ea {

		padding-right: 0

	}

	#finance-options .finance-guarantee-block {

		margin-top: 0;

		padding-top: 0;

		border: none

	}

	#finance-options .carousel-inner {

		width: 100%;

		height: 1000px!important

	}

	#finance-options .finance-options-banner {

		background-size: cover;

		padding-top: 0;

		height: 970px;

		text-align: center;

		margin-bottom: 0;

		background-color: #444

	}

	#finance-options .finance-options-banner h1 {

		font-family: 'proxima_novabold', Helvetica, Arial, sans-serif;

		color: #fff;

		font-size: 46px;

		line-height: 120%;

		padding-top: 220px;

		padding-bottom: 0;

		margin-bottom: 0;

		text-shadow: none

	}

	#finance-options .finance-options-banner h4 {

		font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

		font-size: 22px;

		text-align: center;

		color: #fff;

		line-height: 120%;

		text-shadow: none

	}

	#finance-options .finance-options-banner img {

		padding: 10px;

		position: relative;

		text-shadow: none

	}

	#finance-options .finance-options-banner p {

		font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

		font-size: 18px;

		text-align: center;

		color: #fff;

		line-height: 120%;

		padding-top: 20px;

		text-shadow: none

	}

	#finance-options .finance-options-ipad {

		background-size: cover;

		height: 970px;

		text-align: center;

		margin-bottom: 0;

		background-color: #444

	}

	#finance-options .finance-options-ipad h4 {

		font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

		font-size: 22px;

		text-align: center;

		color: #fff;

		line-height: 120%;

		text-shadow: none

	}

	#finance-options .finance-options-ipad img {

		padding: 10px;

		position: relative;

		text-shadow: none;

		max-width: 700px

	}

	#finance-options .finance-options-ipad p {

		font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

		font-size: 18px;

		text-align: center;

		color: #fff;

		line-height: 120%;

		padding-top: 60px;

		text-shadow: none

	}

	#health-and-fitness #urbanista-rio img {

		position: absolute;

		bottom: 0;

		top: -85px

	}

	#health-and-fitness #zepp-tennis img.player {

		position: absolute;

		bottom: 0;

		top: -125px;

		display: inline-block;

		right: 0

	}

	#health-and-fitness #bose-earbuds img {

		margin: 20px 0

	}

	#guarantee .feature img {

		max-height: none

	}

	#fo-takelonger {

		padding: 120px 0 60px 0;

		margin-bottom: -351px;

		width: 120%;

		position: relative;

		left: -10%;

		top: -350px;

		background: #fff;

		-ms-transform: rotate(7deg);

		-webkit-transform: rotate(7deg);

		transform: rotate(7deg)

	}

	#fo-takelonger .straighten {

		-ms-transform: rotate(-7deg);

		-webkit-transform: rotate(-7deg);

		transform: rotate(-7deg)

	}

	#guarantee .blue-block {

		margin-left: 0

	}

	.page-banner {

		height: 550px

	}

	#imac-osx img,

	#imac-apps img {

		margin-top: 50px

	}

	#imac-connections .river-text {

		margin-top: -150px

	}

}



@media(min-width:1200px) {

	.store-banner .title-container,

	#support-banner .title-container,

	#institution-banner .title-container,

	#jobs-banner .title-container,

	#business-banner .title-container,

	#takefinance-banner .title-container,

	#edu-ed-banner .title-container {

		margin-top: 309px;

		padding: 0 5%

	}

	#guarantee-banner .title-container {

		margin-top: 259px;

		padding: 0 5%

	}

	.no-tablet {

		display: block

	}

	span.no-tablet.inline {

		display: inline

	}

	.mobile-only {

		display: none

	}

	.no-desktop {

		display: none

	}

	#home-pt img,

	#home-contact img {

		position: absolute;

		height: 90%;

		text-align: center;

		bottom: 25px;

		right: 35px;

		clear: both;

		display: block

	}

	#mobile-nav-button,

	#contact-nav-button {

		display: none

	}

	.productGrid li {

		min-height: 485px;

		width: 33%

	}

	.pricingTable.macpro-table .column .prod-spec {

		min-height: 330px

	}

	.productGrid.appcessories li {

		min-height: 380px

	}

	.productGrid.accessories.headphones li {

		min-height: 420px

	}

	.productGrid.accessories.iphone li {

		min-height: 440px

	}

	.edu-products header img {

		position: absolute;

		bottom: 20px;

		right: 2%;

		width: 22%

	}

	.store-sidebar {

		padding-right: 50px;

		border-right: solid 1px #eee

	}

	.store-features {

		padding-left: 30px

	}

	#store-locator input[type="text"] {

		width: 50%

	}

	.contact-methods .department {

		text-align: left;

		width: 25%;

		float: left;

		padding: 30px 0 10px 0

	}

	.contact-methods .department.ho {

		width: 25%;

		background-color: #f9f9f9;

		padding: 30px 0 25px 20px

	}

	.contact-methods .department.ho::after {

		content: "";

		background-color: #f9f9f9;

		width: 300%;

		position: absolute

	}

	.contact-depart-grid .head-office {

		padding-left: 50px;

		border-top: none;

		margin-top: 0;

		padding-top: 0;

		border-left: solid 1px #ddd;

		padding-right: 20px

	}

	#contact-banner>section.container {

		padding-top: 100px

	}

	#contact-banner>section.container>img {

		top: 180px

	}

	#contact-banner .title-container .split {

		width: 100%;

		height: 3px;

		background: #555;

		position: relative;

		margin-top: 110px;

		margin-bottom: -50px

	}

	.store-overview-info-con .actions {

		margin-top: 15px

	}

	.store-overview-info-con .number,

	.store-overview-info-con .address {

		width: 45%;

		margin: 0

	}

	.store-overview-info-con .address {

		min-height: 95px;

		margin-right: 10%

	}

	.overview-open-times {

		border-left: solid 1px #ddd;

		padding-left: 40px

	}

	.contact-store-left-wrap {

		border-right: solid 1px #ddd;

		margin-right: 20px;

		padding-right: 46px

	}

	.tf-thumbnail {

		width: 590px;

		top: -42px

	}

	#contact-map {

		width: 100%;

		height: 550px;

		display: block

	}

	.macbook-river .river-block.first {

		padding: 40px 0

	}

	#ipad-air-2-touchid {

		margin-top: -350px;

		margin-bottom: -120px;

		margin-left: -30%;

		width: 130%

	}

	.river #macbook-osx {

		position: absolute;

		width: 100%;

		top: -200px

	}

	.river.macbook .river-block.knockdown p {

		margin-bottom: 500px

	}

	#supported .imageCollage .stackOne {

		position: relative;

		left: -170px

	}

	#supported .imageCollage .stackTwo {

		position: absolute;

		top: 370px;

		left: 310px;

		z-index: 20

	}

	#supported .imageCollage p {

		width: 290px;

		text-align: right;

		display: block

	}

	#supported .caption {

		position: absolute;

		width: 150px;

		top: 265px;

		right: 10px

	}

	.river #macbook-keyboard-background {

		background-size: 2560px 1557px;

		background-repeat: no-repeat;

		height: 1900px;

		width: 2560px;

		position: relative;

		left: 50%;

		top: -500px;

		z-index: 1;

		margin-left: -1280px;

		margin-bottom: 0

	}

	.river .river-block.block-one {

		top: 700px

	}

	#iphone-hero-container .iphone-models {

		text-align: left

	}

	#iphone6s-hero-container .iphone-models {

		text-align: center

	}

	#iphone-hero {

		margin-bottom: -355px

	}

	#iphone-retinahd,

	#iphone-wireless {

		margin-top: -150px;

		margin-bottom: -180px;

		width: 90%

	}

	#iphone-a8chip {

		margin-top: 20px;

		margin-bottom: -120px;

		width: 185%;

		margin-left: -56%

	}

	#iphone-compare .space {

		margin: 0 7px

	}

	#iphone6s-camera,

	#iphone6s-design,

	#iphone6s-touch {

		width: 130%;

		left: -15%;

		position: relative

	}

	#iphone6s-touch {

		margin-bottom: -60px

	}

	#iphone-6s .river.iphone .river-block {

		padding: 50px 0

	}

	#ipad-mini4-covers img {

		width: 150%;

		margin-left: -40%;

		margin-bottom: -70px;

		margin-top: -700px

	}

	#imac-icloud img {

		max-width: 250%;

		margin-left: -135%

	}

	#imac-connections .river-text {

		margin-top: -150px

	}

	.reasons h3 {

		font-size: 28px

	}

	#fo-imac {

		width: 112%;

		margin-right: 5%;

		top: 150px

	}

	.fo-step-block {

		margin: 5px 0

	}

	.page-banner {

		height: 630px

	}

}



#takefinance-banner .title-container {

	margin-top: 205px

}



#finance-options .finance-options-banner {

	background-size: cover;

	padding-top: 0;

	height: 970px;

	text-align: center;

	margin-bottom: 0;

	background-color: #444

}



#finance-options .finance-options-banner h1 {

	font-family: 'proxima_novabold', Helvetica, Arial, sans-serif;

	color: #fff;

	font-size: 46px;

	line-height: 120%;

	padding-top: 220px;

	padding-bottom: 0;

	margin-bottom: 0;

	text-shadow: none

}



#finance-options .finance-options-banner h4 {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 22px;

	text-align: center;

	color: #fff;

	line-height: 120%;

	text-shadow: none

}



#finance-options .finance-options-banner img {

	padding: 10px;

	position: relative;

	text-shadow: none

}



#finance-options .finance-options-banner p {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 18px;

	text-align: center;

	color: #fff;

	line-height: 120%;

	padding-top: 20px;

	text-shadow: none

}



#finance-options .finance-options-ipad {

	background-size: cover;

	height: 970px;

	text-align: center;

	margin-bottom: 0;

	background-color: #444

}



#finance-options .finance-options-ipad h1 {

	font-family: 'proxima_novabold', Helvetica, Arial, sans-serif;

	color: #fff;

	font-size: 46px;

	line-height: 120%;

	padding-top: 220px;

	padding-bottom: 0;

	margin-bottom: 0;

	text-shadow: none

}



#finance-options .finance-options-ipad h4 {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 22px;

	text-align: center;

	color: #fff;

	line-height: 120%;

	text-shadow: none

}



#finance-options .finance-options-ipad img {

	padding: 10px;

	position: relative;

	text-shadow: none;

	max-width: 700px

}



#finance-options .finance-options-ipad p {

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 18px;

	text-align: center;

	color: #fff;

	line-height: 120%;

	padding-top: 60px;

	text-shadow: none

}



#finance-options .carousel-inner {

	width: 100%;

	height: 1000px!important

}



#finance-options .finance-hero {

	padding-top: 190px;

	margin-left: auto;

	margin-right: auto

}



#finance-options .finance-img {

	max-width: 650px!important;

	padding-top: 200px

}



@media(max-width:1200px) {

	#finance-options .finance-img {

		padding-top: 20px;

		left: -10px

	}

	#finance-options .finance-text {

		padding-top: 250px

	}

	#finance-options .finance-text p {

		font-size: 18px;

		color: #fff

	}

	#finance-options .finance-text h2 {

		font-size: 40px;

		line-height: 120%;

		font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

		margin-bottom: 20px;

		letter-spacing: .007em;

		color: #fff

	}

}



#finance-options .take-wrapper p,

#finance-options .take-wrapper ul li {

	font-size: 16px

}



#finance-options .take-wrapper p.small {

	font-size: 14px

}



#finance-options .take-wrapper h3 {

	font-size: 24px

}



#finance-options h3.fc-title {

	font-size: 20px;

	color: #019de1;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



#finance-options h2.fo-title {

	font-size: 28px;

	margin-bottom: 10px;

	color: #333

}



.finance-reasons-list {

	list-style-type: decimal;

	padding-left: 20px;

	margin: 0 0 20px 0;

	list-style-position: outside

}



.finance-reasons-list li {

	margin-bottom: 10px;

	font-size: 16px

}



#zero-int-squares {

	margin: 15px 0

}



#fo-macbook-pro,

#fo-imac,

#fo-ipad {

	position: relative;

	z-index: 1

}



#fo-macbook-pro {

	width: 400%;

	margin-left: -300%

}



#fo-imac {

	width: 120%;

	margin-right: 5%;

	top: 150px

}



#fo-ipad {

	width: 110%;

	margin-left: -10%;

	margin-top: 10px

}



.fo-step-block {

	margin: 5px 0;

	min-height: 190px;

	position: relative

}



.fo-step-block.first {

	margin-bottom: -40px;

	margin-top: 60px

}



.fo-step-block.fo-arrow {

	padding: 30px 0;

	min-height: 0

}



.fo-step-block h4 {

	margin: 15px 0 -5px 0;

	color: #1a9ede;

	text-transform: uppercase;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif

}



.fo-step-block .level-wrap {

	position: absolute;

	top: 70px;

	width: 100%;

	left: 0;

	padding: 0 10px

}



#finance-options p {

	color: #999

}



#finance-options p strong {

	color: inherit

}



#fo-takesix {

	padding: 60px 0 450px 0;

	width: 150%;

	position: relative;

	left: -25%;

	top: 15px;

	background: #f9f9f9;

	-ms-transform: rotate(-7deg);

	-webkit-transform: rotate(-7deg);

	transform: rotate(-7deg)

}



#fo-takesix .straighten {

	-ms-transform: rotate(7deg);

	-webkit-transform: rotate(7deg);

	transform: rotate(7deg)

}



#fo-takelonger {

	padding: 120px 0 0 0;

	margin-bottom: -351px;

	width: 120%;

	position: relative;

	left: -10%;

	top: -350px;

	background: #fff;

	-ms-transform: rotate(7deg);

	-webkit-transform: rotate(7deg);

	transform: rotate(7deg)

}



#fo-takelonger .straighten {

	-ms-transform: rotate(-7deg);

	-webkit-transform: rotate(-7deg);

	transform: rotate(-7deg)

}



#finance-options #navigation .subnav.finance-nav li a {

	padding: 10px 20px 8px 8px

}



#finance-options .top-spacing {

	padding-top: 200px

}



@media(max-width:991px) {

	#finance-options .top-spacing {

		padding-top: 130px

	}

	#finance-options .takefinance-product-hero {

		padding-top: 60px

	}

}



@media(max-width:767px) {

	#finance-options .top-spacing {

		padding-top: 100px

	}

}



#finance-options h1,

#finance-options h3 {

	margin: 0

}



#finance-options .finance-icons {

	margin: 50px 0 0 0

}



#finance-options .finance-icons .col {

	float: left

}



#finance-options .finance-icons .col.col-int,

#finance-options .finance-icons .col.col-dep,

#finance-options .finance-icons .col.col-ear {

	width: 33%;

	padding-right: 10px

}



#finance-options .finance-icons .col.col-ear {

	padding-right: 0

}



#finance-options .finance-icons p {

	margin: 0;

	line-height: 110%;

	padding: 0

}



#finance-options .finance-icons p img {

	margin: 0 15px 20px 0

}



#finance-options #finace-calculation.single-finance-calc {

	padding: 30px 0 20px 0

}



#finance-options #finace-calculation.single-finance-calc .finance-table {

	margin-bottom: 0

}



#fo-faq {}



#finance-options h3 {

	font-size: 30px

}



#finance-options h4 {

	font-size: 22px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	margin-bottom: 10px

}



#fo-faq h5 {

	font-size: 20px;

	margin-top: 30px;

	color: #333;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



#fo-faq p,

#fo-faq li {

	font-size: 16px;

	margin-top: 5px;

	color: #999

}



#fo-faq li {

	margin-bottom: 10px

}



#finance-options .finance-guarantee-block {

	margin-top: 0

}



.price-finance-link {

	margin: -10px 0 10px 0;

	font-size: 12px;

	font-weight: normal;

	color: #999

}



.price-finance-link a {

	font-size: 12px;

	font-weight: normal

}



.price-finance-link.three-yg a {

	color: #999

}



.recommended-finance {

	border: solid 2px #2daae1;

	background-image: url(../../assets/images/finance-corner.png);

	background-position: top left;

	background-repeat: no-repeat;

	-webkit-border-radius: 2px;

	-moz-border-radius: 2px;

	border-radius: 2px

}



.finance-type img {

	margin: 15px auto 25px auto

}



.column-spacer-10 {

	padding: 0 10px

}



.payment-plan h4,

.payment-plan p {

	color: #1a9ed8

}



#finace-calculation {

	display: none

}



.finance-table tr.recommended {

	background-color: #888

}



.finance-table th,

.finance-table td {

	text-align: left

}



.finance-table {

	margin: 15px 0 40px 0

}



.finance-table td,

.finance-table th {

	padding: 10px 0

}



.finance-table tbody td {

	border-top: solid 1px #ccc;

	border-bottom: solid 1px #ccc

}



@media(max-width:991px) {

	#finance-options .carousel-inner {

		height: 740px!important

	}

	#finance-options .finance-options-banner h1 {

		font-size: 36px;

		padding-top: 180px

	}

	#finance-options .finance-options-ipad h1 {

		font-size: 36px;

		padding-top: 160px

	}

	#finance-options .finance-options-banner img {

		max-height: 320px

	}

	#finance-options .finance-options-ipad img {

		max-height: 320px

	}

}



@media(max-width:899px) {

	#finance-options .carousel-inner {

		height: 740px!important

	}

	#finance-options .finance-options-banner h1 {

		font-size: 36px;

		padding-top: 180px

	}

	#finance-options .finance-options-ipad h1 {

		font-size: 36px;

		padding-top: 160px

	}

	#finance-options .finance-options-banner img {

		max-height: 320px

	}

	#finance-options .finance-options-ipad img {

		max-height: 320px

	}

}



@media(max-width:755px) {

	#finance-options .carousel-inner {

		height: 600px!important

	}

	#finance-options .finance-options-banner h1 {

		font-size: 36px;

		padding-top: 140px

	}

	#finance-options .finance-options-ipad h1 {

		font-size: 36px;

		padding-top: 140px

	}

	#finance-options .finance-options-banner img {

		max-height: 320px

	}

	#finance-options .finance-options-ipad img {

		max-height: 320px

	}

}



@media(max-width:694px) {

	#finance-options .carousel-inner {

		height: 570px!important

	}

	#finance-options .finance-options-banner h1 {

		font-size: 36px;

		padding-top: 130px

	}

	#finance-options .finance-options-ipad h1 {

		font-size: 36px;

		padding-top: 130px

	}

}



@media(max-width:550px) {

	#finance-options .carousel-inner {

		height: 450px!important

	}

	#finance-options .finance-options-banner h1 {

		font-size: 30px;

		padding-top: 110px

	}

	#finance-options .finance-options-banner h4 {

		font-size: 20px

	}

	#finance-options .finance-options-banner img {

		max-height: 250px

	}

	#finance-options .finance-options-banner p {

		font-size: 16px;

		padding-top: 0

	}

	#finance-options .finance-options-ipad h1 {

		font-size: 30px;

		padding-top: 110px

	}

	#finance-options .finance-options-ipad h4 {

		font-size: 20px

	}

	#finance-options .finance-options-ipad img {

		max-height: 250px

	}

	#finance-options .finance-options-ipad p {

		font-size: 16px;

		padding-top: 0

	}

}



@media(max-width:484px) {

	#finance-options .finance-options-banner h1 {

		font-size: 28px;

		padding-top: 100px

	}

	#finance-options .finance-options-ipad h1 {

		font-size: 28px;

		padding-top: 110px

	}

}



@media(max-width:438px) {

	#finance-options .finance-options-banner h1 {

		font-size: 28px;

		padding-top: 100px

	}

	#finance-options .finance-options-banner h4 {

		font-size: 20px

	}

	#finance-options .finance-options-ipad h1 {

		font-size: 28px;

		padding-top: 100px

	}

	#finance-options .finance-options-ipad h4 {

		font-size: 20px

	}

	#finance-options .carousel-inner {

		height: 470px!important

	}

}



@media(max-width:415px) {

	#finance-options .finance-options-ipad h1 {

		font-size: 36px;

		padding-top: 100px

	}

	#finance-options .finance-options-ipad h4 {

		font-size: 18px

	}

	#finance-options .finance-options-ipad img {

		max-height: 200px

	}

	#finance-options .finance-options-ipad p {

		font-size: 16px;

		padding-top: 0

	}

	#finance-options .finance-options-banner h1 {

		font-size: 26px;

		padding-top: 110px

	}

	#finance-options .finance-options-banner h4 {

		font-size: 18px

	}

	#finance-options .finance-options-banner img {

		max-height: 200px

	}

	#finance-options .finance-options-banner p {

		font-size: 16px;

		padding-top: 0

	}

	#finance-options .carousel-inner {

		height: 450px!important

	}

}



@media(max-width:375px) {

	#finance-options .carousel-inner {

		height: 400px!important

	}

	#finance-options .finance-options-banner h1 {

		font-size: 24px;

		padding-top: 95px

	}

	#finance-options .finance-options-banner h4 {

		font-size: 18px

	}

	#finance-options .finance-options-banner p {

		font-size: 14px;

		padding-top: 0

	}

	#finance-options .finance-options-ipad h1 {

		font-size: 24px;

		padding-top: 100px

	}

	#finance-options .finance-options-ipad h4 {

		font-size: 18px

	}

	#finance-options .finance-options-ipad p {

		font-size: 14px;

		padding-top: 0

	}

}



@media(max-width:321px) {

	#finance-options .trade-prehead {

		padding-top: 47px;

		height: 70px;

		margin-top: 0;

		font-size: 12px

	}

	#finance-options .carousel-inner {

		height: 380px!important

	}

	#finance-options .finance-options-banner h1 {

		font-size: 24px;

		padding-top: 60px

	}

	#finance-options .finance-options-banner h4 {

		font-size: 14px

	}

	#finance-options .finance-options-banner img {

		max-height: 180px

	}

	#finance-options .finance-options-banner p {

		font-size: 12px;

		padding-top: 0

	}

	#finance-options .finance-options-ipad h1 {

		font-size: 24px;

		padding-top: 60px

	}

	#finance-options .finance-options-ipad h4 {

		font-size: 14px

	}

	#finance-options .finance-options-ipad img {

		max-height: 180px

	}

	#finance-options .finance-options-ipad p {

		font-size: 12px;

		padding-top: 0

	}

}



#finance-options .panel-collapse {

	overflow: hidden

}



#finance-options .panel-link {

	overflow: hidden;

	display: block;

	width: 100%;

	padding: 15px 0 5px 0

}



#finance-options .collapse.in {

	display: block

}



#finance-options .collapse {

	display: none

}



#finance-options .collapsing {

	position: relative;

	height: 0;

	overflow: hidden;

	-webkit-transition-timing-function: ease;

	-o-transition-timing-function: ease;

	transition-timing-function: ease;

	-webkit-transition-duration: .35s;

	-o-transition-duration: .35s;

	transition-duration: .35s;

	-webkit-transition-property: height;

	-o-transition-property: height;

	transition-property: height

}



#finance-options .accoridan .panel-heading .r-more {

	display: none

}



#finance-options .accoridan .panel-heading .collapsed .r-more {

	display: inline-block

}



#finance-options .accoridan .panel-heading .collapsed .r-less {

	display: none

}



#finance-options .accoridan .panel-heading {

	padding: 5px 10px;

	border-bottom: 1px solid;

	overflow: hidden

}



#finance-options .accoridan .panel-default>.panel-heading {

	color: #333;

	border-color: #ddd

}



#finance-options .accoridan .panel-group .panel-heading {

	border-bottom: solid 1px #ddd

}



#finance-options .accoridan .panel-heading h3 {

	margin: 0;

	padding: 0;

	font-size: 22px;

	font-family: "proxima_novaregular", Helvetica, Arial, sans-serif

}



#finance-options .accoridan .panel-link {

	color: #333;

	font-size: 22px;

	font-family: "proxima_novalight", Helvetica, Arial, sans-serif

}



#finance-options .accoridan .panel-link span {

	font-size: 14px

}



#finance-options .accoridan .panel-link.collapsed {

	font-family: "proxima_novalight", Helvetica, Arial, sans-serif

}



#finance-options .accoridan .compSingleProd h5 {

	margin: 0;

	padding: 0;

	font-size: 14px;

	font-family: "proxima_novabold", Helvetica, Arial, sans-serif;

	text-transform: uppercase;

	color: #666

}



#finance-options .accoridan .panel-heading a i {

	padding: 6px;

	color: #333;

	line-height: 150%

}



#finance-options .accoridan .panel-heading a:hover,

.accoridan .panel-heading a:hover {

	color: #2daae1

}



#finance-options .panel-body {

	padding: 15px

}



#finance-options .panel-body ul {

	padding: 0 20px

}



#finance-options .panel-body ul li {

	margin-bottom: 7px

}



#finance-options .panel-group {

	margin-bottom: 20px

}



#finance-options .findus-outer {

	padding-top: 450px;

	padding-bottom: 0;

	padding-left: 0;

	padding-right: 0;

	background-image: url(../../assets/images/hp-find-us.jpg);

	background-position: center center;

	display: flex

}



#finance-options .findus-inner {

	background: #fff;

	margin-left: 80px;

	margin-right: 15px;

	margin-top: -165px;

	padding-left: 20px;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	align-self: flex-end

}



#finance-options .findus-inner h2 {

	font-size: 36px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left

}



#finance-options .findus-inner h3 {

	font-size: 26px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #333;

	margin: 0;

	text-align: left;

	line-height: 90%

}



#finance-options .findus-inner p {

	font-size: 16px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left;

	padding-top: 20px

}



#finance-options .findus-search {

	padding-top: 10px;

	padding-bottom: 0;

	padding-left: 0;

	padding-right: 0;

	background-color: #666

}



#finance-options .findus-search h2 {

	font-size: 36px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left

}



#finance-options .location-search-container {

	width: 100%;

	margin-right: 0;

	margin-left: 0;

	background-color: #666;

	padding-left: 0

}



#store-locator-finance {

	margin-top: 30px

}



#store-locator-finance input[type="text"] {

	width: 70%

}



#store-locator-finance .button {

	float: left;

	margin-right: 10px;

	margin-left: 10px;

	margin-top: 0;

	border-color: #fff;

	color: #fff

}



#store-locator-finance .button:hover {

	border-color: #fff;

	background-color: #fff;

	color: #333

}



#finance-options .contact-us-two {

	padding: 0;

	background-color: #fff

}



#finance-options .contact-us-two h2 {

	padding-left: 20px;

	padding-right: 20px;

	padding-top: 20px;

	font-size: 28px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left

}



#finance-options .contact-us-two p {

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	font-size: 16px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left

}



#finance-options .search {

	margin: 0;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-top: 20px;

	background-color: #666;

	margin-bottom: 0;

	text-align: left

}



@media(max-width:1200px) {

	#finance-options .findus-inner {

		margin-top: -245px

	}

}



@media(max-width:991px) {

	#finance-options .findus-inner {

		margin-left: 0;

		margin-top: -220px

	}

	#store-locator input[type="text"] {

		width: 100%

	}

}



@media(max-width:702px) {

	#finance-options .findus-inner {

		margin-top: -245px

	}

}



@media(max-width:642px) {

	#finance-options .findus-inner {

		margin-top: -268px

	}

}



.contact-main {

	margin-top: 200px

}



@media(max-width:991px) {

	.contact-main {

		margin-top: 150px

	}

}



@media(max-width:767px) {

	.contact-main {

		margin-top: 100px

	}

}



.contact-form {

	padding: 50px 0 0 0;

	background-color: #fff

}



.contact-form h1 {

	padding: 0 0 0 15px;

	margin-top: 0;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	font-size: 30px;

	color: #000;

	text-align: center

}



.contact-form h3 {

	padding: 20px 0 0 0;

	margin-top: 0;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	letter-spacing: .01em;

	font-size: 18px

}



.contact-form p {

	text-align: center

}



.contact-form span {

	padding: 0 0 0 0;

	margin-top: 0;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	letter-spacing: .01em;

	font-size: 16px

}



.contact-form form input {

	box-sizing: border-box;

	font-size: 14px;

	color: #666;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif

}



.contact-form form input[type="text"],

.contact-form form input[type="tel"],

.contact-form form input[type="email"] {

	background: #eee;

	border: solid 1px #ddd;

	margin-bottom: 10px;

	-moz-border-radius: 2px;

	-webkit-border-radius: 2px;

	border-radius: 2px;

	font-size: 14px;

	padding: 12px 15px 8px;

	width: 100%;

	color: #666

}



.contact-form form input[type="text"]:focus,

.contact-form form input[type="tel"]:focus,

.contact-form form input[type="email"]:focus {

	box-shadow: inset 0 0 4px 1px #5e9ed6

}



.contact-form textarea:focus {

	outline: 0

}



.contact-form form select {

	background: #eee;

	border: solid 1px #ddd;

	margin-bottom: 10px;

	font-size: 14px;

	padding: 12px 15px 8px;

	width: 100%;

	color: #666;

	height: 42px

}



.contact-form select:focus {

	box-shadow: 0 0 4px 1px #5e9ed6;

	outline: 0

}



.contact-form textarea {

	background: #eee;

	border: solid 1px #ddd;

	margin-bottom: 10px;

	font-size: 14px;

	padding: 12px 15px 8px;

	width: 100%;

	color: #666

}



.contact-form input[type="button"] {

	cursor: pointer;

	color: #2daae1;

	border: solid 2px #2daae1;

	padding: 13px 18px 9px;

	background: none;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	font-size: 14px;

	font-family: 'proxima_novasemibold', Helvetica, Arial, sans-serif;

	display: inline-block;

	line-height: 100%;

	border-radius: 5px;

	-webkit-transition: all .3s ease-in-out;

	-moz-transition: all .3s ease-in-out;

	transition: all .3s ease-in-out

}



.contact-form input[type="button"]:hover {

	color: #fff;

	background-color: #2daae1

}



.store-details h5 {

	padding: 20px 0 10px 0;

	margin: 0;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	letter-spacing: .01em;

	font-size: 18px;

	line-height: 110%;

	color: #000

}



.store-details p {

	padding: 0 0 0 0;

	margin: 0;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	letter-spacing: .04px;

	font-size: 13px;

	line-height: 130%;

	color: #000

}



.store-details a {

	padding: 4px 0 0 0;

	margin: 0;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	letter-spacing: .04px;

	font-size: 13px;

	line-height: 130%;

	color: #000;

	text-decoration: underline

}



.store-details img {

	padding-top: 20px

}



.contacts {

	margin: 50px 0 10px 0

}



.contacts h5 {

	padding: 20px 0 10px 0;

	margin: 0;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	letter-spacing: .01em;

	font-size: 18px;

	line-height: 110%;

	color: #000

}



.contacts p {

	padding: 5px 0 0 0;

	margin: 0;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	letter-spacing: .04px;

	font-size: 13px;

	line-height: 130%;

	color: #000

}



.contacts a {

	padding: 0 0 0 0;

	margin: 0;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	letter-spacing: .04px;

	font-size: 13px;

	line-height: 130%;

	color: #000;

	text-decoration: underline

}



.contact-title p {

	font-size: 18px;

	line-height: 160%;

	color: #666;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif

}



.contact-title a {

	font-size: 18px;

	line-height: 160%;

	color: #666;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	text-decoration: underline

}



.vertical-align {

	position: absolute;

	top: 45%;

	left: 0%;

	transform: translateX(0%) translateY(-50%)

}



@media(max-width:991px) {

	.vertical-align {

		position: unset;

		top: auto;

		left: auto;

		transform: none;

		padding-top: 30px

	}

}



#contact-us .findus-outer {

	padding-top: 450px;

	padding-bottom: 0;

	padding-left: 0;

	padding-right: 0;

	background-image: url(../../assets/images/hp-find-us.jpg);

	background-position: center center;

	display: flex

}



#contact-us .findus-inner {

	background: #fff;

	margin-left: 80px;

	margin-right: 15px;

	margin-top: -165px;

	padding-left: 20px;

	padding-top: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	align-self: flex-end

}



#contact-us .findus-inner h2 {

	font-size: 36px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left

}



#contact-us .findus-inner h3 {

	font-size: 26px;

	font-family: 'proxima_novaregular', Helvetica, Arial, sans-serif;

	color: #333;

	margin: 0;

	text-align: left;

	line-height: 90%

}



#contact-us .findus-inner p {

	font-size: 16px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left;

	padding-top: 20px

}



#contact-us .findus-search {

	padding-top: 10px;

	padding-bottom: 0;

	padding-left: 0;

	padding-right: 0;

	background-color: #666

}



#contact-us .findus-search h2 {

	font-size: 36px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left

}



#contact-us .location-search-container {

	width: 100%;

	margin-right: 0;

	margin-left: 0;

	background-color: #666;

	padding-left: 0

}



#store-locator-contact {

	margin-top: 30px

}



#store-locator-contact input[type="text"] {

	width: 70%

}



#store-locator-contact .button {

	float: left;

	margin-right: 10px;

	margin-left: 10px;

	margin-top: 0;

	border-color: #fff;

	color: #fff

}



#store-locator-contact .button:hover {

	border-color: #fff;

	background-color: #fff;

	color: #333

}



#contact-us .contact-us-two {

	padding: 0;

	background-color: #fff

}



#contact-us .contact-us-two h2 {

	padding-left: 20px;

	padding-right: 20px;

	padding-top: 20px;

	font-size: 28px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left

}



#contact-us .contact-us-two p {

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	font-size: 16px;

	font-family: 'proxima_novalight', Helvetica, Arial, sans-serif;

	color: #333;

	margin-bottom: 0;

	text-align: left

}



#contact-us .search {

	margin: 0;

	padding-left: 20px;

	padding-right: 20px;

	padding-bottom: 20px;

	padding-top: 20px;

	background-color: #666;

	margin-bottom: 0;

	text-align: left

}