/*
	Theme Name: Access Alloys
	Theme URI: http://accessalloys.com.au
	Author Name: Elliott Johnston
	Author URI: http://elliottj.com
	
*/
@import url(css/glyphicons.css); /* Glyphicons Icon Font */
@import url(css/ubuntu.css); /* Ubuntu Font */
@import url(css/swiper.min.css); /* Slider */
@import url(css/nivo-slider.css); /* Single Wheel Slider */
@import url(css/storelocator.css); /* Store Locator */
/* CSS RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
div,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
/* Extras */
div, ul, li { box-sizing: border-box; }
a { text-decoration: none; color: #d30817; }
/* General Styles */
html {  }
body { font-family: 'Ubuntu', Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px; line-height: 1.2em; background: #fff; min-width: 480px; }
.buttonRed { text-align: center; display: block; color: #fff; font-size: 20px; line-height: 50px; padding: 0 10px;
	background: #ef3038; 
	background: -moz-linear-gradient(top,  #ef3038 0%, #d81a21 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef3038), color-stop(100%,#d81a21)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ef3038 0%,#d81a21 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ef3038 0%,#d81a21 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ef3038 0%,#d81a21 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ef3038 0%,#d81a21 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3038', endColorstr='#d81a21',GradientType=0 ); /* IE6-9 */
 }
.buttonGreen { border: 1px solid #84a650;box-shadow: 0; appearance: none; text-align: center; color: #fff; height: 32px; font-size: 14px; padding: 0 10px; line-height: 32px; 
	background: #b0dd6b; /* Old browsers */
	background: -moz-linear-gradient(top,  #b0dd6b 0%, #85b23f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0dd6b), color-stop(100%,#85b23f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b0dd6b 0%,#85b23f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b0dd6b 0%,#85b23f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b0dd6b 0%,#85b23f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #b0dd6b 0%,#85b23f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0dd6b', endColorstr='#85b23f',GradientType=0 ); /* IE6-9 */

}
.buttonHollow { width: 154px; border: 1px solid #fff; height: 54px; display: block; color: #ccc; padding: 10px; box-sizing: border-box; font-weight: normal;  text-transform: uppercase; color: #fff; padding: 10px 12px 12px 58px; font-size: 14px; line-height: 1.1em; transition: all 500ms; border-radius: 5px; letter-spacing: 0.04em;}
.buttonHollow i { color: #ccc; position: absolute; top: 12px; left: 12px; font-size: 30px; line-height: 30px; }
:hover.buttonHollow { background: rgba(255,255,255, 1); color: #444; }
:hover.buttonHollow i { color: #444; }
.greyHeading { display: inline-block; float: left; line-height: 38px; height: 40px; background: #818181; color: #fff; text-decoration: #fff; padding: 0 12px; text-shadow: -1px -1px 0 rgba(0,0,0,0.7); text-transform: uppercase; font-size: 18px; font-weight: normal; position: relative; }
.greyHeading:after { width: 0; height: 0; border-top: 40px solid #818181; border-right: 40px solid transparent; display: block;  box-sizing: content-box; content: " "; position: absolute; top: 0; right: -40px; }
.viewAll { display: inline-block; float: right; line-height: 38px; height: 40px; background: #be2727; color: #fff; text-decoration: #fff; padding: 0 12px; text-shadow: -1px -1px 0 rgba(0,0,0,0.7); text-transform: uppercase; font-size: 18px; font-weight: normal; position: relative; transition: all 500ms; }
.viewAll:before { width: 0; height: 0; border-top: 40px solid #be2727; border-left: 40px solid transparent; display: block;  box-sizing: content-box; content: " "; position: absolute; top: 0; left: -40px;  transition: all 500ms; cursor: pointer;}
.viewAll:hover { background: #da4c4c; }
.viewAll:hover:before {   border-top: 40px solid #da4c4c; }
.head { overflow: hidden; }
a img { opacity: 1; transition: opacity 500ms; vertical-align: bottom; }
a:hover img { opacity: 0.6; }
#pageTitle { background: #c9c9c9; height: 79px; padding: 20px; font-size: 36px; font-weight: 200; color: #555; }
#pageTitle h1 { font-weight: 200; line-height: 42px; text-transform: uppercase; }
#pageContent { border-top: 3px solid #818181; min-height: calc(100vh - 330px);
 }
.content { color: #767676; line-height: 1.4em; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { line-height: 1.2em; margin-bottom: 0.5em; } 
.content h1 { font-size: 30px; font-weight: 200; }
.content h2 { font-size: 24px; font-weight: 400; }
.content h3 { font-size: 18px; }
.content h4 { font-size: 18px; text-transform: uppercase; font-weight: 200; }
.content h5 { font-size: 16px; text-transform: uppercase; font-weight: 400; }
.content p { margin-bottom: 20px; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
/* Layout */
.row { margin: 0; width: 100%; clear: both; padding: 0 20px;}
.row.noPad { padding: 0; }
.row .container { max-width: 978px; width: 100%; margin: 0 auto; position: relative;  }
.row .container.pad { padding: 0 20px; }
.colQuart { width: 24.233128834356%; margin-left: 1.022494887526%; float: left;}
.colHex { width: 150px; margin-left: 12px; float: left; }
.colQuart.first, .colHex.first { margin-left: 0; }
.col6 { width: 474px; margin-left: 30px; float: left; }
.col6.first { margin-left: 0;}
.noDesktop { display: none; }
/* Header */
#header { background: url(images/header-bg.png) repeat-x; border-bottom: 3px solid #d30817; position: relative; }
#header .logo { margin: 0 auto; width: 360px; padding-top: 30px;}
#header .logo img { width: 360px; }
#header .buttonLeft { position: absolute; left: 0; top: 53px; }
#header .buttonRight { position: absolute; right: 0; top: 53px; }
#header .facebook { width: 55px; height: 55px; position: absolute; right: 20px; top: 53px; }
#header .instagram { width: 55px; height: 55px; position: absolute; right: 95px; top: 53px; }
#header .facebook img,
#header .instagram img { width: 100%; height: auto; }
#header .mobileToggle { display: none; }
/* Top Nav */
.topNavWrap { width: 100%; height: 40px; background: rgba(0,0,0,0.3); margin-top: 23px; }
.topNavWrap nav ul { text-align: center; font-size: 0; }
.topNavWrap nav ul li { display: inline-block; }
.topNavWrap nav ul li a { float: left; line-height: 37px; padding: 3px 20px 0 20px; color: #fff; text-transform: uppercase; font-weight: 200; transition: background 500ms; font-size: 14px; display: block; letter-spacing: 0.04em;}
.topNavWrap nav ul li a:hover { background: #999; }
.topNavWrap nav ul li.current-menu-item a { background: #d30817; }
/* Sidebar */
#pageContent .sideWrap { width: 29.243353783231%; float: left; margin-bottom: 2.044989775051%;} 
#pageContent .sideWrap .sideBlock { width: 100%; border: 1px solid #c8c8c8; background: #e3e3e3; border-top: 0; margin-bottom: 6.993006993007; }
#pageContent .sideWrap .sideBlock img { width: 100%; height: auto; }
#pageContent .sideWrap .sideBlock .inner { clear: both; padding: 15px; overflow: hidden; }
#pageContent .sideWrap .greyHeading { margin-top: -1px; margin-left: -1px; width: 77.622377622378%;}
/* -- Find a Dealer */
#pageContent #dealerSide p { color: #666; font-size: 11px; margin-bottom: 15px;}
#pageContent #dealerSide input[type="text"] { width: 204px; box-sizing: border-box; height: 32px; border: 1px solid #bcbcbc; padding: 5px; line-height: 22px; font-size: 14px; border-right: 0; float: left; outline: none;}
#pageContent #dealerSide input[type="button"] { float: left; padding: 0 13px; cursor: pointer; outline: none;}
/* Footer */
#footer { border-top: #1d1d1d 3px solid; height: 50px; color: #fff; padding-top: 20px; background: #222; font-size: 13px; }
#footer a { font-size: 13px; }
#footer nav li { float: left; }
#footer nav li a { margin-right: 15px; color: #ccc; text-transform: uppercase; font-size: 12px; }
/* Page */
#pageContent .content { float: right; width: 68.711656441718%; background: #fff; border: 1px solid #cfcfcf; padding: 2.044989775051%; margin-top: 2.044989775051%; margin-bottom: 2.044989775051%;}
#pageContent .content.left { float: left; }
/* --Forms */
#pageContent .content input[type="text"],
#pageContent .content input[type="email"] { padding: 5px; line-height: 18px; margin-bottom: 5px; }
#pageContent .content table td.label { font-weight: bold; padding-right: 20px; vertical-align: top; padding-top: 5px; }
#pageContent .content textarea { height: 100px; }
#pageContent .content input[type="submit"] { appearance: none; border: 0; cursor: pointer; background: #d30817; color: #fff; padding: 8px 10px; text-transform: uppercase; font-weight: normal; transition: all 500ms; }
#pageContent .content input[type="submit"]:hover { background: #821119; }
#pageContent .iframeWrapper { width: 100%; padding-bottom: 56.25%; height: 0; position: relative; margin-bottom: 20px;}
#pageContent .iframeWrapper iframe { width: 100% !important; height: 100% !important; position: absolute; }
/* Home */
/* --Slider */
#homeSlider .swiper-container { max-width: 1600px; width: 100%; margin: 0 auto;   }
#homeSlider .swiper-container {  width: 100%; height: 100%; }
#homeSlider .swiper-slide img { width: 100%; height: auto;}
#homeSlider .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23d30817'/></svg>");}
#homeSlider .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23d30817'/></svg>") }
#homeSlider .swiper-pagination-bullet-active { background: #d30817; }
/* -- Featured Wheels */
#featuredWheels { border-top: 3px solid #818181; margin-top: -3px; background: #ffffff; overflow: hidden;}
#featuredWheels .wheels { clear: both; margin-top: 30px; margin-bottom: 30px; overflow: hidden; width: 100%; position: relative;}
#featuredWheels .wheels .wheel { background: transparent; height: 100%; border: 0; position: relative; }
#featuredWheels .wheels .thumb { position: relative; z-index: 10; width: 100%; height: 0; padding: 10px 10px 100%;}
#featuredWheels .wheels .thumb img { position: relative; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto;}
#featuredWheels .wheels .name { position: absolute; display: inline-block; padding: 7px; font-size: 14px; color: #fff; z-index: 20; background: #747474; top: 0px; left: 0px; text-transform: uppercase; }
#featuredWheels .wheels .brand { position: absolute; display: inline-block; padding: 7px; font-size: 14px; color: #fff; z-index: 20; background: #323232; bottom: 0px; left: 0px; text-transform: uppercase; }
#featuredWheels .wheels .moreInfo { position: absolute; display: inline-block; padding: 7px; font-size: 14px; color: #fff; z-index: 20; background: #be2727; bottom: 0px; right: 0px;  }
/* -- Sub Footer */
#subFooter { border-top: 3px solid #818181; background: #444; overflow: hidden; }
#subFooter .col6 { width: 48.466257668712%; margin-left: 3.067484662577%; }
#subFooter .instagram-feed { margin-top: 10px; position: relative; }
#subFooter .instagram-feed > a { display: inline-block; position: relative; width: 100%; height: 300px; }
#subFooter .blocker { position:absolute; height:100%; width:100%; z-index:1; background: transparent;  }
#subFooter .instagram-feed iframe { width: 104% !important;z-index: 1; height: 100% !important; }
#subFooter .col6.first { margin-left: 0; }
#subFooter .col6.dealer img { width: 100%; height: auto; }
#subFooter .plug { margin: 12px 0; padding: 10px; background: #bcbcbc; }
#subFooter .pics .pic { margin-bottom: 2.10970464135%; margin-left: 2.53164556962%; width: 31.645569620253%; }
#subFooter .pics .pic.first { margin-left: 0; }
#subFooter .pics .pic img { width: 100%; height: auto;}
#subFooter .pics { overflow: hidden; margin-bottom: 30px; }
/* Wheels */
/* -- Sidebar (Gallery included) */
#pageContent .sideFilters { width: 22.699386503067%; overflow: hidden; background: #e3e3e3; float: left; margin-bottom: 20px;}
#pageContent .sideFilters .filters { padding-left: 15px; overflow: hidden; margin-bottom: 30px; padding-right: 10px;}
#pageContent .sideFilters .filters h2 { margin-top: 30px; font-weight: 200; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-size: 18px; text-transform: uppercase; margin-bottom: 8px;}
#pageContent .sideFilters .filters ul { list-style: none; position: relative; }
#pageContent .sideFilters .filters ul li a { line-height: 20px; width: 100%; padding-left: 5px; color: #000; display: block; padding-top: 2px; font-size: 13px;}
#pageContent .sideFilters .filters ul li a:hover { color: #d30817; }
#pageContent .sideFilters .filters ul li a.active { background: #ccc; color: #000; position: relative; }
#pageContent .sideFilters .filters ul li a.active:after { 	width: 0;
	height: 0;
	border-top: 11px solid transparent;
	border-left: 13px solid #ccc;
	border-bottom: 11px solid transparent; position: absolute; right: -13px; top: 0; display: block; content: " ";}
#pageContent .sideFilters .filters ul li.reset { position: absolute; top: -32px; right: 0px; color: #be2727; }
#pageContent .sideFilters .filters ul li.reset a { color: #be2727; }
#pageContent .wheelsGrid, #pageContent .itemsGrid { width: 75.766871165644%; float: right; margin-top: 26px; margin-bottom: 20px;}
#pageContent .wheelsGrid .wheel { background: transparent; height: 0; padding-bottom:  31.983805668016%; border: 0; position: relative; margin-bottom: 10px; cursor: pointer; transition: all 500ms; width: 31.983805668016%; margin-left: 1.349527665317%; }
#pageContent .wheelsGrid .wheel.first { margin-left: 0; }
#pageContent .wheelsGrid .wheel:hover { opacity: 0.7; } 
#pageContent .wheelsGrid .thumb { position: relative; z-index: 10; width: 100%; height: 0; padding: 10px 10px 100%; }
#pageContent .wheelsGrid .thumb img { position: relative; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: auto;}
#pageContent .wheelsGrid .name { position: absolute; display: inline-block; padding: 7px; font-size: 14px; color: #fff; z-index: 20; background: #747474; top: 0px; left: 0px; text-transform: uppercase; }
#pageContent .wheelsGrid .brand { position: absolute; display: inline-block; padding: 7px; font-size: 14px; color: #fff; z-index: 20; background: #323232; bottom: 0px; left: 0px; text-transform: uppercase; }
#pageContent .wheelsGrid .moreInfo { position: absolute; display: inline-block; padding: 7px; font-size: 14px; color: #fff; z-index: 20; background: #be2727; bottom: 0px; right: 0px;  }
/* -- Filters */
#pageContent .wheelsGrid .wheel.hide_brand,
#pageContent .wheelsGrid .wheel.hide_size,
#pageContent .wheelsGrid .wheel.hide_finish,
#pageContent .wheelsGrid .wheel.hide_vehicle  { display: none }

/* Clearance */
#pageContent .wheelsGrid.clearance { width: 100%; }
#pageContent .wheelsGrid.clearance .wheel {  width: 24.233128834356%; margin-left: 1.022494887526%; padding-bottom: 24.233128834356%; }
#pageContent .wheelsGrid.clearance .wheel.first { margin-left: 0; }

#pageContent .itemsGrid .item.hide_brand,
#pageContent .itemsGrid .item.hide_size,
#pageContent .itemsGrid .item.hide_vehicle  { display: none }
/* Gallery */
#pageContent .itemsGrid .item { margin-bottom: 10px; border: 1px solid #ccc; transition: all 500ms; width: 31.983805668016%;}
#pageContent .itemsGrid .item a { line-height: 0; display: block; overflow: hidden; }
#pageContent .itemsGrid .item img { width: 100%; height: auto; }

/* Single Wheel */
.modalWrap { width: 100%; height: 500%; position: absolute; background: rgba(0,0,0,0.8); z-index: 9999; top: 156px; left: 0; display: none; padding: 0 20px; }
.modalWrap .modalClose { width: 100%; height: 100%; background: transparent; z-index: -1; position: absolute; display: block !important; }
.singleWheel { width: 100%; overflow: hidden; background: transparent; z-index: 10000; }
.singleWheel .left { width: 60.122699386503%; }
.singleWheel .slider-box { width: 100%; padding: 30px; box-sizing: border-box; padding-bottom: 100%; background: transparent; position: relative; }
.singleWheel .slider-wrapper { width: 93.197278911565%; border: 2.044989775051% solid #8d8d8d; position: absolute; height: 100%;}
.singleWheel .slider-wrapper .nivoSlider { display: none; height: 100%;  }
.singleWheel .slider-wrapper .nivoSlider img { background: #8d8d8d; max-width: 100%; }
.singleWheel .slider-wrapper .nivoSlider.active { display: block; }
.singleWheel .slider-wrapper .nivo-nextNav {  background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23d30817'/></svg>") no-repeat; text-indent: -9999px; height: 40px; width: 30px;}
.singleWheel .slider-wrapper .nivo-prevNav { background: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23d30817'/></svg>") no-repeat; text-indent: -9999px; height: 40px; width: 30px;}
.singleWheel .extraFinishes { float: left; width: 100%; overflow: hidden; padding: 30px; }
.singleWheel .extraFinishes h2 { float: left; font-weight: bold; text-transform: uppercase; font-size: 20px; margin-bottom: 10px; #222;}
.singleWheel .extraFinishes .enlarge { float: right;  color: #666;}
.singleWheel .extraFinishes ul { list-style: none; clear: both; }
.singleWheel .extraFinishes ul li { float: left; margin-right: 15px;}
.singleWheel .details { float: right; padding: 30px; width: 39.877300613497%; margin-top: 30px; }
.singleWheel .details .wheelTitle { font-size: 24px; font-weight: normal; color: #444; text-transform: uppercase; margin-bottom: 10px; }
.singleWheel .details .brandName { font-size: 40px; line-height: 40px; color: #d30817; font-weight: 200; text-transform: uppercase; } 
.singleWheel .details .specs { margin-top: 30px; width: 100%; }
.singleWheel .details .specs th { font-size: 20px; text-transform: uppercase; text-align: left; padding-bottom: 15px; font-weight: normal; }
.singleWheel .details .specs td { font-size: 14px; padding-bottom: 6px; }
.singleWheel .details .suitsHeading { margin-top: 20px; font-size: 20px; text-transform: uppercase; text-align: left; padding-bottom: 15px; font-weight: normal; }
.singleWheel .details .suitsText { font-size: 14px; margin-bottom: 20px; columns: 2; }
.singleWheel .details .suitsText li { margin-left: 20px; margin-bottom: 5px; }
.singleWheel .details .findDealer { margin-bottom: 40px; width: calc(50% - 10px); float: left; margin-right: 20px; box-sizing: border-box; }
.singleWheel .details .enquireNow { text-align: center; display: block; color: #fff; font-size: 20px; line-height: 50px; padding: 0 10px; display: block; height: 50px; border: 0; width: calc(50% - 10px); float: left; box-sizing: border-box;}
.singleWheel .inGallery h2 {  font-size: 20px; color: #fff; text-transform: uppercase; text-align: left; padding-bottom: 15px; font-weight: normal; float: left; }
.singleWheel .inGallery .right { color: #fff; }
.singleWheel .inGallery ul { clear: both; margin-top: 10px; display: block; list-style: none; }
.singleWheel .inGallery ul li { width: calc(20% - 20px); float: left; margin-left: 25px; padding-bottom: 5.714285714286%; position: relative; }
.singleWheel .inGallery ul li.first { margin-left: 0; }
.singleWheel .inGallery ul li img { max-width: 100%;}

.modal-outer { transition: all 400ms; -webkit-transition: all 400ms; -ms-transition: all 400ms; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); opacity: 0; visibility: hidden; z-index: -1; }
/*#subscribePop { opacity: 1; visibility: visible; z-index: 100; }*/
.modal-outer.active {  z-index: 100; opacity: 1; visibility: visible; }
.modal-inner { width: 100%; max-width: 600px; margin: 0 auto; top: 50%; transform:  translateY(-50%); position: relative; }
.modal-inner > .close { color: #fff; float: right; text-transform: uppercase; font-size: 12px; padding: 0 0 8px; display: block; }
.modal-inner .modal { clear: both; }
.modal-inner .modal.enquire-now { background: #f4f5f4; border-radius: 5px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); padding: 20px; overflow: hidden; }
.modal-inner .modal.subscribe-pop { background: url(images/popup-bg.jpg); background-size: cover; background-position: left bottom; -webkit-background-size: cover; background-repeat: no-repeat; border-radius: 5px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); padding: 20px 20px 20px 260px; position: relative; }
.modal-inner .modal.subscribe-pop .wheel-left { width: 326px; position: absolute; left: -90px; top: 40px;}
.modal-inner .modal.subscribe-pop .wheel-left img { width: 100%; height: auto; }
.modal-inner .modal .modal-title { text-align: center; }
.modal-inner .modal .modal-title h2 { font-size: 24px; font-weight: 200; margin-bottom: 10px;  text-transform: uppercase; line-height: 1.2em;}
.modal-inner .modal .modal-title p { font-size: 16px; font-weight: 200; margin-bottom: 20px;  }
.modal-inner .modal.subscribe-pop .modal-title { text-align: left; margin-top: 40px; }
.modal-inner .modal.subscribe-pop .modal-title h3 { color: #d90008; font-size: 16px; font-style: italic; position: relative; margin-bottom: 40px; padding-bottom: 20px; display: block;}
.modal-inner .modal.subscribe-pop .modal-title h3:after { position: absolute; content: " "; display: block; width: 80px; height: 1px; background: #444; bottom: 0; left: 0;  }
.modal-inner .modal .wheel-info { width: 200px; float: left; padding: 15px; background: #fff; border-radius: 3px; }
.modal-inner .modal .wheel-info img { max-width: 100%; height: auto; }
.modal-inner .modal .wheel-info .brand { font-size: 14px; text-transform: uppercase; font-weight: 200; margin-bottom: 4px; }
.modal-inner .modal .wheel-info h2 { font-size: 24px; color: #d30817; margin-bottom: 15px; font-weight: 200; }
.modal-inner .modal .form { width: calc(100% - 220px); float: left; margin-left: 20px; }
.modal-inner .modal .form .field-wrap { margin-bottom: 10px; width: 100%; }
.modal-inner .modal .form .field-wrap.half { float: left; width: calc(50% - 5px); margin-left: 10px; } 
.modal-inner .modal .form .field-wrap.half.first { margin-left: 0; }
.modal-inner .modal .form .field-wrap input[type=text],
.modal-inner .modal .form .field-wrap input[type=email],
.modal-inner .modal .form .field-wrap input[type=tel],
.modal-inner .modal .form .field-wrap textarea,
.modal-inner .modal.subscribe-pop .subscribe-form input[type=email] { background: #ffffff; border-radius: 20px; border: 1px solid #999; height: 40px; width: 100%; box-sizing: border-box; padding: 10px; line-height: 20px; font-size: 14px; outline: none; }
.modal-inner .modal .form .submit-wrap input[type=submit],
.modal-inner .modal.subscribe-pop #mc_embed_signup .button { appearance: none; padding: 10px 20px; color: #fff; font-weight: bold; text-transform: uppercase; background: #00dc8b; border-radius: 20px; line-height: 20px; border: 0; font-size: 14px; height: 40px; }
.modal-inner .modal.subscribe-pop #mc_embed_signup form { padding: 0; }

/* Single Gallery */
.modalWrap .singleGallery { margin: 20px auto; max-width: 978px; width: 100%; overflow: hidden; background: #616161; z-index: 10000; }
.modalWrap .singleGallery .image { overflow: hidden; position: relative; }
.modalWrap .singleGallery .image img { line-height: 0; max-width: 100%;}
.modalWrap .singleGallery .image .viewWheel { position: absolute; bottom: 3px; right: 0; width: 170px; }
.modalWrap .singleGallery .details { float: left; width: 50%; padding: 1.533742331288%; color: #fff; }
.modalWrap .singleGallery .details h2 { font-size: 24px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal; }
.modalWrap .singleGallery .details h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 10px; font-weight: 200; color: #ccc;}
.modalWrap .singleGallery .wheel { float: right; padding: 1.533742331288%; width: 50%; position: relative;}
.modalWrap .singleGallery .wheel .meta { float: left; width: 50%; position: relative; color: #fff; }
.modalWrap .singleGallery .wheel .meta h2 { font-size: 24px; text-transform: uppercase; margin-bottom: 10px; font-weight: normal;}
.modalWrap .singleGallery .wheel .meta table { width: 100%; }
.modalWrap .singleGallery .wheel .meta td { font-size: 14px; font-weight: 200; line-height: 1.5em; text-transform: uppercase; }
.modalWrap .singleGallery .wheel .meta td.detail { font-weight: bold; padding-right:10px; }
.modalWrap .singleGallery .wheel .pic { float: right; width: 35.714285714286%; }
.modalWrap .singleGallery .wheel .pic img {  max-width: 100%; }

/* Dealers */
#panel, #map-canvas { height: 500px; display: block; }
.location-search { width: 286px; border: 1px solid #c8c8c8; background: #e3e3e3; border-top: 0; margin-bottom: 20px; overflow: hidden; padding: 10px !important; position: absolute; z-index: 999; }
.location-search h4 { font-size: 18px !important; text-transform: uppercase; font-weight: normal; color:#444; line-height: 1.3em;}
.location-search h4 small { font-size: 13px !important; display: block; color: #888; text-transform: none; }
.location-search input {width: 224px; box-sizing: border-box; height: 32px; border: 1px solid #bcbcbc; padding: 5px; line-height: 22px; font-size: 14px; float: left; outline: none; }
.storelocator-panel .store-list { margin-top: 99px !important; background: #fff; }
.storelocator-panel::-webkit-scrollbar { display: none; }
#panel { width: 287px !important; }
.storelocator-panel .store-list li.store { border-bottom: 1px solid #ccc;}
.storelocator-panel .store-list div.store { padding: 5px; position: relative;}
.storelocator-panel .store-list div.store .title { font-size: 15px; color: #444; font-weight: normal; max-width: 170px;}
.storelocator-panel .store-list div.store .address { color: #555; }
.storelocator-panel .store-list div.store .contactDealer { background: #d30817; color: #fff; padding: 6px; float: right; position: absolute; right: 0; top: 0; cursor: pointer; }
/* Contact */
.contactLeft { width: 60%; float: left;}
.contactRight { width: 36%; float: right;}
.contactDetails { list-style: none; }
.contactDetails span.left { float: left; clear: both; width: 90px; font-weight: bold; }
.contactDetails span.right { float: left; width: 130px; }


/* 18/19 Updates */
.row .container { max-width: 1198px; }

/* Responsive */
@media all and (max-width: 1020px) { 
	#subFooter .instagram-feed iframe { min-width: 482px; transform: scale(0.9); transform-origin: top left; }

}
@media all and (max-width: 978px) {
	#pageContent .sideWrap .greyHeading { margin-top: -1px; margin-left: -1px; width: calc(100% - 63px);}
	#pageContent .contactRight, #pageContent .contactLeft { width: 100%; margin-bottom: 20px; }
	.buttonHollow { font-size: 13px; height: 41px; padding: 5px 6px 6px 40px; line-height: 30px;}
	.buttonHollow i { font-size: 20px; top: 6px; left: 10px; line-height: 30px; font-weight: bold; }
	#header .buttonLeft { left: 20px; top: 30px;}
	#header .buttonRight { right: 20px; top: 30px; }
	#header .buttonRight .buttonHollow { width: 174px; }
	#header .logo { width: 220px; padding-top: 20px;}
	#header .logo img { width: 220px; }
	#header .facebook { top: 30px; left: 194px; }
	#header .facebook img { width: 42px; }
	#header .instagram { top: 30px; right: 214px; width: 42px; }
	#header .instagram img { width: 42px; }
	.topNavWrap { float: none; clear: both; width: 100%; }
	.topNavWrap nav ul { text-align: justify; width: 100%; display: inline-block; font-size: 1px;}
	.topNavWrap nav ul:after {  display: inline-block; width: 100%; content: "";  height: 0; font-size: 0; line-height: 0; }
	.topNavWrap nav ul li { display: inline-block; box-sizing: inherit; float: none; letter-spacing: normal;}	
	.topNavWrap nav ul li a { padding: 3px 10px 0 10px; font-size: 12px; }
	#footer { overflow: hidden; height: auto; padding-bottom: 20px; }
	#footer nav { display: inline-block; }
	#footer .left { width: 100%; clear: both; text-align: center;}
	#footer .right { width: 100%; text-align: center; margin-top: 20px; }
	
}

@media all and (max-width: 800px) {
	#header .logo { width: 170px; padding-top: 20px;}
	#header .logo img { width: 170px; }
	#header .facebook { top: 30px; left: 184px; }
	#header .facebook img { width: 42px; }
	#header .instagram { top: 30px; right: 204px; width: 42px; }
	#header .instagram img { width: 42px; }
	.topNavWrap nav ul li a { padding: 3px 7px 0 7px; font-size: 12px; }
	#pageContent .wheelsGrid .wheel { padding-bottom: 48%; margin-bottom: 2%; width: 48%; margin-left: 2%; }
	#pageContent .wheelsGrid .wheel.first { margin-left: 0; }
	#pageContent .wheelsGrid .wheel { padding-bottom: 48%; margin-bottom: 2%; width: 48%; margin-left: 2%; }
	#pageContent .wheelsGrid .wheel.first { margin-left: 0; }
	#pageContent .itemsGrid .item { margin-bottom: 2%; width: 48%; margin-left: 2%; }
}

@media all and (max-width: 720px) {
	/*.topNavWrap,*/
	.noDesktop { display: block; }
	
	#header .facebook,
	#header .instagram,
	#header .buttonLeft,
	#header .buttonRight {display: none; }
	#header .logo { padding: 20px 0; }
	
	#header .mobileToggle { display: block; position: absolute; top: 40px; right: 20px; height: 32px; z-index: 999; }
	#header .mobileToggle a { display: block; height: 32px; position: relative; width: 32px; }
	#header .mobileToggle a .m1, #header .mobileToggle a .m2, #header .mobileToggle a .m3 { display: block; width: 100%; height: 3px; margin-bottom:7px; background: #fff; }
	
	.topNavWrap { margin-top: 0; background: #444; height: auto; display: none;}
	.topNavWrap.expanded { display: block; }
	.topNavWrap nav ul:after { display: none; }
	.topNavWrap nav ul li { float: none; position: relative; display: block; }
	.topNavWrap nav ul li a { float: none;  padding: 3px 7px 0 20px; font-size: 14px; }
	
	#featuredWheels .wheels .wheel { width: 48%; margin: 1%; }
	
	#subFooter .col6 { width: 100%; margin-left: 0; }
	#subFooter .col6.dealer { display: none; }
	
	#map-canvas { display: none; margin-left: 0; top: 151px !important; width: 80%; margin-left: 10%; margin-bottom: 100px; height: 400px;}
	#panel { width: 80% !important; height: auto !important; margin: 20px 10% 30px 10%; border: 0; }
	.storelocator-panel .store-list { border: 1px solid #ccc; margin-top: 181px !important;  }
	.location-search { width: 80%; background: transparent; border: 0; padding: 10px 0 !important; }
	.storelocator-panel .location-search input { width: 100%; }
	.storelocator-panel .location-search input[type="submit"] { width: 100%; box-sizing: border-box; height: 32px; border: 1px solid #62980e; padding: 5px; line-height: 22px; font-size: 14px; float: left; outline: none; margin-top: 10px; background: #73b40d; appearance: none; -webkit-appearance: none; color: #fff; cursor: pointer; }
	.storelocator-panel .location-search input[type="submit"]:hover { background: #8dd815; }
	.storelocator-panel .store-list .no-stores { display: none; }
	
	#panel #tabs { position: absolute; margin-top: 150px; height: 32px; list-style: none; }
	#panel #tabs li { float: left; position: relative; }
	#panel #tabs li a { line-height: 30px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background: #eee; color: #444; padding: 0 10px; display: block; }
	#panel #tabs li a.active { background: #fff; padding-bottom: 1px; }
	
	.tab-content.inactive { display: none; }
	
	#pageContent .sideWrap { display: none; }
	#pageContent .sideWrap.dealer { display: block; width: 100%; }
	#pageContent .sideWrap.dealer .greyHeading { display: none; }
	#pageContent .content { width: 100%; margin: 20px 0; padding: 20px; }
	
	#pageContent .itemsGrid, #pageContent .wheelsGrid { width: 100%; }
	#pageContent .wheelsGrid .wheel, #pageContent .wheelsGrid.clearance .wheel { padding-bottom: 48%; margin-bottom: 2%; width: 47%; margin-left: 2%; }
	 #pageContent .wheelsGrid.clearance .wheel { margin-left: 0; }
	#pageContent .itemsGrid .item { margin-bottom: 2%; width: 47%; margin-left: 2%; }
	#pageContent .sideFilters { width: 100%; margin-bottom: 0; background: transparent; overflow: visible; }
	#pageContent .sideFilters .filters { margin-bottom: 0; padding: 0; overflow: visible; }
	#pageContent .sideFilters .greyHeading { display: none; }
	#pageContent .sideFilters #filtersApplied { margin-top: 20px; line-height: 26px; float: left; display: inline-block; }
	#pageContent .sideFilters #resetFilters { float: right; margin-top: 20px; line-height: 26px; }
	#pageContent .sideFilters #resetFilters a { display: inline-block; padding: 0 10px 0 10px; background: #606060; margin-left: 10px; color: #fff; position: relative;}
	#pageContent .sideFilters #filtersApplied span { display: inline-block; padding: 0 10px 0 10px; background: #d14952; margin-left: 10px; color: #fff; position: relative;}
	#pageContent .sideFilters #filtersApplied span a { display: none; border-radius: 50%; width: 18px; background: #3f3738; color: #fff; float: right; line-height: 18px; right: 4px; top: 4px; position: absolute; text-align: center; cursor: pointer; z-index: 999; }
	#pageContent .sideFilters .ddItem { width: 32%; margin-left: 2%; display: block; position: relative; float: left; }
	#pageContent .sideFilters .ddItem h2 { border: 1px solid #ccc; background: #fff; padding: 10px 10px 5px 10px; box-sizing: border-box; font-size: 16px; text-transform: none; position: relative; cursor: pointer; margin-top: 10px;}
	#pageContent .sideFilters .ddItem h2:after { display: block; content: "↓"; right: 10px; top: 8px; font-size: 16px; position: absolute;  }
	#pageContent .sideFilters .ddItem.active h2:after { content: "↑"; }
	#pageContent .sideFilters .ddItem h2:hover { background: #f6f6f6; }
	#pageContent .sideFilters .ddItem.active h2{ background: #666; color: #fff; }
	#pageContent .sideFilters .ddItem:first-child { margin-left: 0%; }
	#pageContent .sideFilters .ddItem ul li.reset { position: relative; top: 0; right: 0;}
	#pageContent .sideFilters .ddItem ul li.reset a {  color: #ddd; }
	#pageContent .sideFilters .ddItem ul { display: none; width: 100%; position: absolute; margin-top: 0; z-index: 999; background: #444; color: #fff; }
	#pageContent .sideFilters .ddItem.active ul { display: block; }
	#pageContent .sideFilters .ddItem ul li a { line-height: 30px; color: #fff; box-sizing: border-box; }
	#pageContent .sideFilters .filters ul li a.active:after { display: none; }
	
	.singleWheel .left { width: 100%;}
	.singleWheel .slider-box { width: 100%; padding: 0 0 0 0; float: left; }
	.singleWheel .slider-wrapper { max-width: 100%; position: relative; }
	.singleWheel .extraFinishes { float: right; height: 400px; width: 26%; padding: 3.5% 3.5% 3.5% 0; }
	.singleWheel .extraFinishes h2 { font-size: 15px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;}
	.singleWheel .extraFinishes .enlarge { float: left; margin-bottom: 5px; }
	.singleWheel .extraFinishes ul li { margin-bottom: 10px; margin-right: 0;}
	.singleWheel .extraFinishes ul li img { max-width: 100%;  }
	.singleWheel .details { width: 100%; padding: 5% 4% 0 4%; }
	
	.modalWrap .singleGallery .details { width: 100%; padding: 5% 4% 0% 4%; }
	.modalWrap .singleGallery .wheel { width: 100%; padding: 5% 4% 4% 4%; }
	.modalWrap .singleGallery .wheel .meta { width: 70%; }
	.modalWrap .singleGallery .wheel .pic { text-align: right; width: 30%; }
	.singleWheel .slider-wrapper .nivo-prevNav, .modalWrap .singleWheel .slider-wrapper .nivo-nextNav { height: 50px; width: 50px;  }
	.singleWheel .slider-wrapper .nivo-prevNav { left: 10px; }
	.singleWheel .slider-wrapper .nivo-nextNav { background-position: 19px 0; padding-right: 10px; }
	.nivo-directionNav a { top: 100%; margin-top: -60px; }
	.modalWrap { top: 0; }
	.singleWheel { margin: 30px 0 0 0; }
	.modalWrap .singleGallery { margin: 150px auto 20px auto; }
	.singleWheel .nivoSlider { height: 0; padding-bottom: 100%; }
	
	.modal-inner { padding: 20px; box-sizing: border-box; transform: translateY(0); top: 0; }
	.modal-inner .modal .wheel-info { width: 100%; margin-bottom: 10px; }
	.modal-inner .modal .wheel-info img { height: 150px; width: auto; text-align: center; }
	.modal-inner .modal .form { width: 100%; margin-left: 0; }
	.modal-inner .modal .form .submit-wrap { text-align: center; }
	.modal-inner .modal .form .submit-wrap input[type=submit] { width: 200px; }
}

@media all and (max-width: 600px) {
	.singleWheel .slider-box { padding: 0 0 0 0; }
	.singleWheel .extraFinishes { height: 68.807339449541%; }
}