﻿body	{font-family: 'Roboto', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased !important;  -moz-font-smoothing: antialiased !important; text-rendering: optimizelegibility !important; color: #000}
.inner	{width:1232px; margin:auto; max-width: 100%; position: relative}
input[type="text"]		{font-family: 'Roboto', sans-serif; font-weight: 400;}
h1		{color:#474747; font-weight: 500; line-height: 1.2em;}
p		{color:#474747; font-size: 14px; line-height: 1.6em;}
p a		{color:#ee1c25;}
p span	{color:inherit !important; line-height: 1.2em;}
span	{line-height: 1.4em;}

span.small {font-size:12px;display:inline-block;}
span.small a {color:#000;text-decoration:underline;}
span.password-hint {font-size:14px; color:#474747; display:block; line-height:1.4em; font-weight:400; padding:10px 10px; background-color:#fde9ea;}

.pub-date { width: 50%; display: inline-block; }
.pub-date.month { padding-right: 2px; }
.pub-date.year { padding-left: 2px; }
.pub-date .dk-selected { width: 100%; max-width: initial; min-width: initial; }

.privacy-optin {display:inline-block;float:left;}
label.privacy-optin {width:90%; margin-left:7px;}

h1,h2,h3,h4,h5,h6	{color:#474747}

ol		{font-size:14px; margin-left:20px; color: #474747}
ol li	{line-height:1.4em; margin-bottom: 10px;}

section			{padding:30px 0}
section.red		{background-color:#e5f3ed; padding: 30px 0;}
.wrapper	 	{width: 1232px; max-width: 100%; position: relative; margin: 30px auto;}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus				{box-shadow:inset 0px 0px 3px rgba(0,0,0,0.2); background-color: #fefeeb;}

.right {float: right;}
button.disabled {background-color: #666; color: #CCC;}

input[type=checkbox] {-webkit-appearance: checkbox;}

.form-row input[type=checkbox] { width:20px; height:20px;}

.radio-option-group {
   margin: 5px 0px 5px 5px;
}

.radio-option-group .radio-option { display: inline-block; margin-right: 10px; position: relative; }
.radio-option-group .radio-option input[type=radio] { position: absolute; visibility: hidden; opacity: 0; }
.radio-option-group .radio-option .radio-icon { position: absolute; left: 0; top: 0; width: 12px; height: 12px; background-size: cover; background-image: url("/_assets/radio-button-off.png"); }
.radio-option-group .radio-option.checked .radio-icon { background-image: url("/_assets/radio-button-on.png"); }
.radio-option-group .radio-option label { padding-left: 16px; font-size: 12px; font-family: Robot, sans-serif; color: #000000; position: relative; }
.radio-option-group .radio-option span.search-field label { line-height: initial; }


.breadcrumbs { margin: 0 0 20px 0; font-size: 0; padding: 0 0; }
.breadcrumbs a { font-size: 12px; color: #000000; text-decoration: none; border-bottom: 1px solid transparent; }

.breadcrumbs .seperator { display: inline-block; margin: 0 10px; font-size: 12px; color: #000000; }

.breadcrumbs a:hover { border-bottom: 1px solid #000000; }


.form-container.single-line-field .form-row:not(.full-width) { display: grid; grid-template-columns: 120px auto; align-items: center; }
.form-container.single-line-field .form-row:not(.full-width) label { margin-bottom: 0; }

.form-container .form-row:last-child { margin-bottom: 0; }

div.complete-order { margin-top: 30px; display: flex; flex-direction: column; gap: 20px; }

/** HEADER **/
header { padding: 25px 0 0 0 }
.logo	{width:230px; height: auto}
header .inner .btn-other-sites-container	{position:absolute; right: 0; top: -27px;}
header .inner .btn-us-customers				{padding: 5px 10px; background-color: #eafcff; color: #58595b; font-size: 13px; vertical-align: middle}
header .inner .btn-us-customers	img			{width:30px; height: auto; display:inline-block; vertical-align: middle; margin-right: 0; margin-left: 5px;}
header .inner .btn-us-customers span		{vertical-align:middle; display: inline-block; font-size: 12px;}
header .inner .btn-us-customers:hover span	{color:#fff}
header .inner .btn-us-customers:hover 		{background-color:#474747}

a.us-customer-mobile-only	{display:none;}

/** SEARCH **/
.search-box				{background-color:transparent; padding: 0; margin: 0; top: 0; position: absolute; left: 50%; margin-left: -260px; float: none; max-height:none}
.search-box a			{color:#ee1c25; font-size: 15px; display: inline-block; margin: 0px 0 0 10px; vertical-align:middle; text-decoration: underline;}
.search-box a:hover		{color:#666;}
.search-box-inner		{width:400px; border:1px solid #666; height: 40px; position: relative; display: inline-block; vertical-align:middle}
.search-box-inner input[type="text"]	{font-size:15px; line-height: 40px; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}

.search-box input[type="submit"].submit-search			{width:40px; height: 40px; position: absolute; right: 0; top: -1px; background-image: url(/_assets/icon-search.gif); margin-right: 0; border-left: 1px solid #666; transition: 0.2s ease-in-out}
.search-box input[type="submit"].submit-search:hover	{opacity:0.5}

/** HEADER SEARCH **/
.header-search-container			{width:460px; position: absolute; left: 50%; margin-left: -230px; top: 50%; margin-top: -20px; z-index: 99999; background-color: #ffffff; border:1px solid #cccccc; transition: 0.2s ease-out}
.search-toggle						{color:#97a6a9; font-size:16px; height: 40px; display: block; line-height: 40px; padding-left: 15px; cursor: pointer; position: relative; transition: 0.2s ease-out}
.search-toggle:after				{width:22px; height: 22px; background-image: url(/_assets/icon-search-toggle.png); position: absolute; right: 15px; top: 50%; margin-top: -11px; content: ''; background-size: 44px 22px;}
.search-toggle:hover				{background-color:#f6f6f6;}
.search-dropdown					{font-size:0; padding-bottom: 15px;  display: none;}
.search-dropdown hr					{margin:20px 0 5px; border-top:1px solid #c9e4e9;}
.search-dropdown .form-cell			{display:inline-block; vertical-align: top; padding: 10px 15px 0px 15px; width: 50%;}
.search-dropdown .form-cell label	{font-size:12px; display: block; margin-bottom: 5px;}
.search-dropdown .form-cell input[type="text"]		{width:100%; background-color: #ffffff; height: 40px; line-height: 40px; padding-left: 10px; border:1px solid #c9d2d4; font-family: 'Roboto', sans-serif; font-size: 12px; color: #474747}
.search-dropdown .form-cell input[type="submit"]	{width:100%;}
.search-dropdown .form-cell.right	{float:right;}

.header-search-container.open						{background-color:#f4f8f9; box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
.header-search-container.open .search-dropdown		{display: block}
.header-search-container.open .search-toggle		{background-color:#f4f8f9; color:#000000;}
.header-search-container.open .search-toggle:after	{background-position:-22px}

.header-search-container .dk-selected	{height:40px; background-color: #ffffff; border:1px solid #c9d2d4; line-height: 39px;}

.header-search-container label span			{position:relative;}
.header-search-container label span p		{display:none; font-size: 12px; position: absolute; left: 100%; background-color: #fffbe1; width: 220px; z-index: 20; padding: 5px; box-shadow:0 0 5px rgba(0,0,0,0.2)}
.header-search-container label img			{display:inline-block; vertical-align: middle; margin-top: -2px;}
.header-search-container label span:hover p	{display:block}

/** HEADER RIGHT **/
ul.header-controls					{list-style:none; display: inline-block; margin-bottom: 0; font-size: 14px; vertical-align: middle; float: right; margin-top: 15px;}
ul.header-controls li				{display:inline-block;}
ul.header-controls li a				{color:#474747;}
ul.header-controls li a:hover		{color:#ee1c25;}
ul.header-controls li a span		{margin:0 5px;}
ul.header-controls li a:hover span	{color:#474747;}
ul.header-controls li.mobile-trade a	{color:#03196b; font-weight: 500; margin-left: 20px; display: none;}

/** MAIN NAV **/
.main-nav-container { background-color: #018752; }
ul.mainNav { margin: 20px auto 0 auto; background-color: #018752; font-size: 0; z-index: 200; }
ul.mainNav li						{float:none; display: inline-block; vertical-align: middle; transition: 0.2s ease-in-out}
ul.mainNav li:hover a				{background-color:inherit; color:#ffffff;}
ul.mainNav li a { font-size: 14px; border: none; padding-left: 12px; padding-right: 12px; }
ul.mainNav li a span				{width:14px; height: 8px; background-image: url(/_assets/icon-nav-down.png); display: inline-block; background-size: cover; margin-left: 5px;}
ul.mainNav li:hover					{background-color:#ecad1d; color: #ffffff}
ul.mainNav li div.dropdown ul		{margin-bottom:0; padding: 0; min-width: 150px; }
ul.mainNav li div.dropdown ul li	{display:block; border-bottom:1px solid rgba(255,255,255,0.5)}
ul.mainNav li div.dropdown ul li:last-child	{border-bottom:none;}
ul.mainNav li div.dropdown ul li a			{margin:0; padding: 10px 15px; font-size: 14px; color: #ffffff}
ul.mainNav li div.dropdown ul li:hover a	{background-color:inherit; color: #018754;}
ul.mainNav li div.dropdown ul li:hover		{background-color:#ffffff; color: #ee1c25;}
ul.mainNav li div.dropdown					{padding:10px; background-color:#ecad1d}

ul.mainNav li.trade-site			{float:right;}
ul.mainNav li.trade-site a			{background:#01673f; transition: 0.2s ease-in-out}
ul.mainNav li.trade-site a:hover	{background-color:#474747}

ul.mainNav li.twenty-tm			{float:right;}
ul.mainNav li.twenty-tm a		{background:#ecad1d; transition: 0.2s ease-in-out}
ul.mainNav li.twenty-tm a:hover	{background-color:#474747}



a.trade-site	{font-size: 16px; vertical-align: middle; color: #fff; background-color: #03196b; display: inline-block;}

/** BLOG **/
/*h1.blog-header a 	{color:#000; margin-bottom: 20px;}
.BlogCategories 	{margin-top: 20px; border:1px solid #dddddd; padding: 10px;}
.BlogCategories a	{font-weight:600}
.blog-toolkit-container			{padding:5px 10px 5px 10px; border: 1px solid #ddd; background-color: #fff; margin-bottom: 10px;}
.blog-toolkit-container h2 a	{margin-bottom:2px;}
.blog-toolkit-container hr		{margin-bottom: 10px; margin-top: 2px;}
.blog-toolkit-container label	{font-size: 16px; font-weight: normal;}
.blog-toolkit-container input[type="text"]	{padding: 15px; font-size: 12px; color: #474747; background-color: #f6f6f6;}
.blog-toolkit-container .form-container	{padding-bottom:0}
.blog-toolkit-container .form-container .form-row	{margin-bottom:10px;}
.blog-toolkit-container .form-container input[type="submit"]	{font-size:13px; padding: 8px; background-color: #2a7bc4;}
.blog-toolkit-container.light {background-color: #f6f6f6; border: none;}

.blog-toolkit-container ul 	    {list-style: none; margin: 2px;}
.blog-toolkit-container a 	    {color: #ee1c25;}
.blog-toolkit-container a:hover {color: #000;}

a.blog-header         { color: #2a7bc4; }
a:hover.blog-header   { color: #ee1c25; }

.listing-panel.listing-panel-blog		{border:none; border: 1px solid #ddd; padding:20px; margin-top: 0px;}
.listing-panel.listing-panel-blog h2	{font-weight: 400; font-size: 26px;}
.listing-panel.listing-panel-blog h3	{color:#474747; font-size: 16px;}
.listing-panel.listing-panel-blog p		{font-size:12px; margin-bottom: 0}
.listing-panel.listing-panel-blog a.btn	{margin-top:15px; margin-bottom: 0}

.listing-panel.listing-panel-blog  h2 a	{font-size:26px; font-weight: 400; color: #474747}*/

h1.blog-header	a	{font-size: 30px; color: #585858;}

.listing-panel.listing-panel-blog 		{padding:25px; border: none; border-left:5px solid #ccc; margin:25px 0; background-color: #f6f6f6;}
.listing-panel.listing-panel-blog h2 a	{color:#585858; font-size: 26px; font-weight: 400; transition:all 0.2s ease-out}
.listing-panel.listing-panel-blog h2 a:hover	{color:#ee1c25; text-decoration: underline}
.listing-panel.listing-panel-blog h3	{color:#A1A1A1; font-weight: 600}
.listing-panel.listing-panel-blog p		{font-size:15px; width: 80%;}
.listing-panel.listing-panel-blog .btn	{font-size:12px; padding: 6px 9px 8px 9px;}

.listing-panel.listing-panel-blog img	{width:25%;}

.blog-toolkit-container			{background-color:#f6f6f6; padding: 10px; margin-bottom: 10px;}
.blog-toolkit-container label	{font-size:18px; font-weight: 400}
.blog-toolkit-container hr		{margin:10px 0;}
.blog-toolkit-container ul		{font-size:14px; margin-bottom: 0; list-style:square; color: #ccc}
.blog-toolkit-container ul li a	{color:#2a7bc4;}
.blog-toolkit-container ul li a:hover	{color:#585858}

.blog-toolkit-container input[type="text"]	{background-color:#f6f6f6; padding: 15px; font-size: 16px; font-weight: 600}

.blog-toolkit-container .form-row-btns	{margin-bottom:0}
.blog-toolkit-container .form-row-btns .btn	{display:inline-block; width: auto;}

.blog-toolkit-container-search	{background-color:transparent; border:1px solid #ddd;}

h2.blog-title	{color: #585858; font-size: 26px; font-weight: 400;}
h3.blog-date	{color: #A1A1A1; font-weight: 600;}

p.BlogCategories	{background-color:#f6f6f6; padding: 15px; margin-top: 20px;}

ul.tag-cloud	{margin-left:0}
.tag-list       {display: inline; margin-left: 2px;}

.darker			{background-color:#efefef}

/** HOME NOTIFICATION **/
.special-notification		{background-color:#fde8e9; padding: 10px; text-align: center;  margin: 15px 0 0 0; overflow: hidden; box-shadow: inset 0px 2px 2px rgba(255,255,255,0.5), 0px 2px 2px rgba(0,0,0,0.2); border-top: 1px solid #fde8e9}
.special-notification p		{margin:0; color: #474747; font-size: 16px; font-weight: bold;}
.special-notification p a	{color:#ee1c25; text-decoration: underline; }

.special-notification p	 {-moz-animation-name: notification;
	-webkit-animation-name: notification;
	animation-name: notification;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both; 
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out; 
    animation-iteration-count:fill; 
    -webkit-animation-iteration-count:fill;}

@-webkit-keyframes notification { 
    0%	 {-webkit-transform: translateY(60px); opacity: 0;} 
    100% {-webkit-transform: translateY(0);} 
} 

/** HAMBURGER **/
.hamburger-container	{position: absolute; top: 7px; right: 20px; display: none}
.hamburger 				{display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;}
.hamburger:hover 		{opacity: 0.7; }
.hamburger-box 			{width: 40px; height: 24px; display: inline-block; position: relative;}
.hamburger-inner 		{display: block; top: 50%; margin-top: -2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 40px; height: 4px; background-color: #018752; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before 	{top: -10px;}
.hamburger-inner::after 	{bottom: -10px;}
.hamburger--spring .hamburger-inner 			{top: 2px; transition: background-color 0s 0.13s linear;}
.hamburger--spring .hamburger-inner::before 	{top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spring .hamburger-inner::after 		{top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);}

/** HOME INTRO **/
.home-intro		{text-align:center; margin: auto; width: 67%; margin-bottom: 30px;}
.home-intro h4	{font-size:20px; margin-bottom: 15px; font-weight: 500}
.home-intro p	{font-size:14px;}

/** HOME CAROUSEL **/
.hero-carousel-container			{position: relative; margin-bottom: 30px;}
.hero-carousel-container-inner		{background-color:#000;}

.hero-carousel						{position: relative;}
.hero-carousel .slide-outer			{position: relative;}
.hero-carousel .slide				{/*padding-top:32%;*/ width: 100%; height: 402px; background-size: cover; position: relative;}	

.slide.desktop { display: block; background-position: top left; }
.slide.mobile { display: none; background-position: top center; background-size: contain; background-repeat: no-repeat; }

@media (max-width: 500px) {
	.slide.desktop { display: none; }
	.slide.mobile { display: block; }
}

.slide-text-container				{position: absolute; top:80px; left: 120px; width: 30%;}
.slide-text-container h2			{font-size:35px; color: #fff; display: inline-block; vertical-align: middle; line-height: 110%; will-change:scale; text-shadow: 1px 1px 0px rgba(0,0,0,0.5)}
.slide-text-container p				{color:#fff; font-size: 20px; width: 90%; line-height: 1.3em; text-shadow: 1px 1px 0px rgba(0,0,0,0.5)}

.hero-carousel-container .slick-arrow					{position: absolute; width: 58px; height: 58px; background-size: cover; background-color: transparent; border: none; font-size: 0; z-index: 5; top: 50%; margin-top: -29px;}
.hero-carousel-container .slick-arrow.slick-next		{background-image:url(/_assets/fp-arrow-right.png); right: 20px; transition: 0.2s; background-color: rgba(0,0,0,0.2);}	
.hero-carousel-container .slick-arrow.slick-next:hover	{right:15px;}
.hero-carousel-container .slick-arrow.slick-prev		{background-image:url(/_assets/fp-arrow-left.png); left: 20px; transition: 0.2s; background-color: rgba(0,0,0,0.2);}	
.hero-carousel-container .slick-arrow.slick-prev:hover	{left:15px;}

.hero-carousel-container .slick-dots			{width:100%; position: absolute; bottom:0; text-align: center; list-style: none; margin: 0; line-height: normal; line-height: 0px;}
.hero-carousel-container .slick-dots li			{display:inline-block; background-color: #fff; padding: 5px; font-size: 0; margin: 0}
.hero-carousel-container .slick-dots li button	{font-size:0; background-color: #fababd; width: 8px; height: 8px; border: none;}
.hero-carousel-container .slick-dots li.slick-active button	{background-color: #ee1c25;}

/** GRID CONTAINER **/
.grid-container		{width:1262px; margin: auto; max-width: 100%;}
.col-row			{font-size:0;}
.col-row-4			{}
.col-row-5 .col-1	{width:20%; padding: 15px; display: inline-block; vertical-align: top; font-size: 20px;}
.col-row-4 .col-1	{width:25%; padding: 15px; display: inline-block; vertical-align: top; font-size: 20px;}
.col-row-3 .col-1	{width:33.3%; padding: 15px; display: inline-block; vertical-align: top; font-size: 20px;}
	
.home-listing-outer				{text-align:center; position: relative; cursor: pointer; z-index: 4; overflow: hidden;}
.home-listing-outer h3			{font-size:20px; margin: 15px 0; transition: color 0.5s ease-out; font-weight: 500; line-height: 1.3em;}
.home-listing-outer h3.blue		{color:#0098d1;}
.home-listing-outer h3.red		{color:#ee1c25;}
.home-listing-outer a.cover		{position:absolute; left: 0; top: 0; width: 100%; height: 100%; z-index:5; cursor: pointer;}
.home-listing-outer:after		{position: absolute; left: 50%; right: 50%; bottom: 0; border-bottom:2px solid #fff; border-radius: 2px; content: ''; transition: 0.5s ease-out}
.home-listing-outer:hover:after	{left:20%; right: 20%; border-color:#ee1c25}
.home-listing-outer:hover img	{transform:scale(1.1);}
.home-listing-outer:hover h3	{color:#ee1c25}
.home-listing					{width:100%; text-align: center; height:360px; display: table; background-size: 180%; background-position:bottom center; position: relative;}
.home-listing:after				{position:absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0.9); content: '';}
.home-listing-inner				{display:table-cell; height: 100%; vertical-align: middle}
.home-listing-inner img			{width:70%; max-width: 100%; box-shadow: 6px 6px 10px rgba(0,0,0,0.3); position: relative; z-index: 1; transition: 0.5s ease-out}

.home-listing-outer-2 .home-listing						{position: relative; height: auto; padding: 0; padding-top: 45%;}
.home-listing-outer-2 .home-listing .home-listing-inner	{background-size: 100% auto; background-position: center center; background-repeat: no-repeat;position: absolute; left: 0; top: 0; bottom: 0; right: 0; transition: background 0.2s ease-out}
.home-listing-outer-2 .home-listing:after				{display:none}
.home-listing-outer-2:hover .home-listing .home-listing-inner {background-size:105% auto;}

.grid-container.grid-where-to-find-us					{text-align:center;}
.grid-container.grid-where-to-find-us .col-row .col-1	{text-align: center}
.grid-container.grid-where-to-find-us .col-row .col-1 img	{max-width:100%;}

/** LISTING PAGE **/
.left-col-narrow			{width:0%; margin-bottom: 10px;}
.right-col-wide				{width:98%; margin-bottom: 10px;}
.left-col-wide				{width:78%; margin-bottom: 10px;}
.right-col-narrow			{width:20%; margin-bottom: 10px;}
.left-col-full              {width:98%; margin-bottom: 10px;}
.left-col-medium			{width:50%; margin-bottom: 10px;}
.left-col-narrow-enabled			{width:20%; margin-bottom: 10px; float: left;}
.right-col-wide-enabled				{width:78%; margin-bottom: 10px; float: right;}

ul.pagination				{font-size:12px;}
ul.pagination li			{height: 25px; text-align: center; line-height: 25px; margin: 0; margin-left: 5px;}
ul.pagination li a			{padding:0; height: auto; line-height: inherit; display: block; border:1px solid #ddd; background-color: #fff; transition: 0.2s ease-in; width: auto; min-width: 30px;}
ul.pagination li a:hover	{background-color:#474747; border-color:#474747;}
ul.pagination li a.active	{background-color:#ee1c25; border-color:#ee1c25}

.listing-item				{transition:background-color 0.2s ease-out; margin-bottom: 15px;}
.listing-item:hover			{background-color: #f6f6f6}
.listing-item .btn			{box-shadow: none; display: block; border-radius: 0; padding: 7px 5px 9px;}
.listing-item-image-holder	{height:210px; margin-bottom: 10px}
.listing-item-image	img		{max-height:200px;  transition: 0.2s ease-out}
.listing-item p a			{color:#474747}

.offer-item:hover { background-color: #f6f6f6; }
.offer-item { transition: background-color 0.2s ease-out; margin-bottom: 15px; width: 25%; padding: 2%; float: left; text-align: center; overflow: hidden; position: relative; cursor: pointer; }
.offer-item-image-holder { margin-bottom: 4px; background-size: cover; display: table; table-layout: fixed; width: 100%; text-align: center; font-size: 0px; }
.offer-item-image { display: table-cell; vertical-align: middle; text-align: center; margin: 0 auto; width: 100%; }
.offer-item-image input[type="image"] { transition: 0.2s ease-out; width: 100%; padding: 20px; }
.offer-item-caption { padding-top: 8px; padding-bottom: 8px; color: white; font-size: 16px; text-transform: uppercase; }

.offer-item.special .offer-item-caption { background-color: #90abda; }
.offer-item.hurt .offer-item-caption { background-color: #61c0dc; }
.offer-item.sale .offer-item-caption { background-color: #de7571; }
.offer-item.loyalty .offer-item-caption { background-color: #ca7c7d; }

.offer-item .btn { box-shadow: none; display: block; border-radius: 0; padding: 7px 5px 9px; }
.offer-item p a { color: #474747; }


.sort-by	{float:left; width: 240px;}
.categories {margin-bottom: 15px; margin-left: 10px; float: left; width: 240px;}

.alert-danger,
.intro-alert	{border:1px solid #ddd; box-shadow: 2px 2px 0 #ddd; padding: 15px; padding-bottom: 0; margin: 5px 0 30px 0; position: relative; background-color: #fdffe1;}
.intro-alert p	{font-weight:600}

.alert-danger	{color:#474747; padding-bottom: 15px; font-weight: 600; font-size: 14px;}

.listing-item .download-overlay	{width:53px; height: 53px; background-size: cover; left: 20px; top: 20px;}

/** BASKET **/
.loyalty-flyer		{background-color: #fdffe1; border:1px solid #ddd; box-shadow: 2px 2px 0 #ddd; margin-bottom: 20px; padding: 15px;}
.loyalty-flyer h2	{font-size:16px;}
.loyalty-flyer p	{font-size:12px; margin-bottom: 10px;}
.free-del-right span	{line-height:1.4em;}

table.basket-table		{margin-bottom:0}
table.basket-table th	{background-color:#f6f6f6; color: #474747; font-size: 18px; font-weight: 600; padding: 15px;}
table.basket-table td	{border-bottom:1px solid #ddd; background-color: #fff; padding: 15px;}
table.basket-table td.basket-product-image img	{width:auto; width: 180px;}
.basket-right			{border-left:1px solid #ddd; padding-left: 20px;}
.basket-right .secure-checkout	{float:right}
.basket-name {color: #999; font-size: 60%; vertical-align: middle;}
.basket-name:before {content: ' - '; color: #CCC;}
.basket-name:after {content: ''; color: #CCC;}

.btn-delete-basket {margin-left: 16px;}

.details-image { position: relative; }
.details-image .download-overlay { position: absolute; width: 70px; height: 70px; background-size: cover; left: -20px; top: -10px; background-image: url("/_assets/tag-download.png"); background-repeat: no-repeat; }


/** REGISTER **/
.register-col		{border:1px solid #ddd;}
.register-col h2	{font-size:24px;}
/*.register-col .form-container input[type="text"],
.register-col .form-container input[type="password"],
.register-col .form-container textarea	{background-color:#f6f6f6; border:none;}*/

/** ADVANCED SEARCH **/
.advanced-search-container			{padding:20px 15px 10px 15px; border: 1px solid #ddd; background-color: #fff}
.advanced-search-container h2		{margin-bottom:5px;}
.advanced-search-container label	{font-weight:400; font-size: 13px;}
.advanced-search-container input[type="text"]	{border:none; padding: 8px; font-size: 12px; color: #474747; background-color: #f6f6f6;}
.advanced-search-container .form-container	{padding-bottom:0}
.advanced-search-container .form-container input[type="reset"]	{border-radius:2px; padding: 10px 15px; font-size: 14px; margin-top: 10px; /*box-shadow: inset 0 -2px 0 rgba(0,0,0,0.2);*/}
.advanced-search-container .form-container .form-row	{margin-bottom:10px;}
.advanced-search-container .form-container input[type="submit"]	{font-size:13px; padding: 8px; background-color: #2a7bc4;}
.advanced-search-container .form-container input[type="reset"]	{font-size:13px; padding: 8px;}

.form-row.form-privacy-check {margin:20px 0px; background-color:#fde9ea; padding:15px 15px;}

ul.radio-list li	{margin-bottom:5px;}

/** PRODUCT DETAIL PAGE **/
.product-details-container h1	{float:none;}
.product-details-container h2	{float:none;}
.product-details-container		{padding:0;}
.product-details-container.light-blue-container	{background-color:transparent}

.book-details			{background-color:#f6f6f6;}
.book-details a			{color:#ee1c25}
.book-details h3		{margin-top:0}

ul.tab-list				{font-size:14px; margin-top: 30px;}

ul.tab-list li a,
ul.tab-list li input[type=button] { border-top-right-radius: 2px; border-top-left-radius: 2px; transition: background-color 0.2s ease-out; }

ul.tab-list li a:hover { background-color: #474747; }
ul.tab-list li a.active { background-color: #f6f6f6; font-weight: 600; }
ul.tab-list li.add-to-basket a { background-color: #07ba67; }
ul.tab-list li.add-to-basket a:hover { background-color: #474747; }
ul.tab-list li.add-to-basket a.tab-blue { background-color: #2a7bc4 !important; }

ul.tab-list li .btn-notify-out-of-stock { background-color: #e25b9a !important; }



.notify-back-in-stock { background-color: #f0f0f0; padding: 16px; margin: 0 0 10px 0; }
.notify-back-in-stock label { font-weight: bold; margin-bottom: 7px; display: block; line-height: 1.3em; }

.notify-back-in-stock .input { display: flex; flex-direction: row; }

.notify-back-in-stock .input input[type=text] { width: 100%; padding: 0 10px; }

.notify-back-in-stock div.error { margin-top: 5px; color: #cc0000; font-size: 12px; }

.notify-back-in-stock .thanks { display: flex; flex-direction: row; align-items: center; }

.notify-back-in-stock .thanks label { margin: 0 30px 0 0; }




.book-details-header {background-color: #b5b5b5; border-top-right-radius: 2px; border-top-left-radius: 2px; color: #fff; padding: 8px 15px;}

.book-details a.btn	{color:#fff;}

.narrow-col-listing-container h5				{font-size: 20px; line-height: 1.3em; text-align: center; color: #474747}
.narrow-col-listing .listing-item-image-holder	{height:auto}
.narrow-col-listing .listing-item:hover	{background-color:#fff;}

.customers-also-bought-container	{border-top:1px solid #ddd; padding-top: 20px; margin: 30px 0;}
.customers-also-bought-container h2	{font-size:20px; color: #474747; line-height: 1.4em;}
.share-box	{padding:0; margin-top: 0; margin-bottom: 15px;}
.alert-info	{background-color:#fdffe1; border-color:#dddddd; box-shadow:2px 2px 0 #ddd; color: #474747; font-weight: 600}

/** AUTHOR DETAILS **/
.author-details					{padding:0; background-color: #fff;}
.author-additional-info ul li a	{color:#ee1c25; font-size: 16px; padding: 10px; display: block; background-color: #f6f6f6;}
.author-additional-info a.btn	{display:block;}
.book-details-container.author-info h2	{line-height: 1.2em; color: #474747; margin: 1em 0;}

.product-additional-info p	{display:block}
.product-details-left img	{float:none}

/** FIND MATERIALS **/
.text-holder	{padding: 15px; background-color: #fff;  margin-bottom: 20px; border: 1px solid #ddd;}
a.expander-btn span	{margin-top:3px;}
a.expander-btn		{font-size:22px;}

a.expander-btn-sm {font-size: 14px; margin-top: 20px; }

.expanding { overflow-y: hidden; -webkit-transition: height 0.4s ease; -moz-transition: height 0.4s ease; -o-transition: height 0.4s ease; transition: height 0.4s ease; }

/** LISTING PANELS **/
.listing-panel h2	{color:#474747; font-size: 20px; padding: 0}
.listing-panel		{border-top:1px solid #dddddd; padding-top: 30px; margin-top: 30px;}

/** SLICK **/
.slick-dots li button:before	{content:''}

/** LIGHTBOX **/
#lightbox	{position:fixed;}
#lightbox-panel	{left:50%; margin-left: -250px;}

/** TEXT PAGE **/
.text-header							{background-color:#07ba67; padding:20px 0;}
.text-container .text-header h1			{color: #fff; font-size:30px; font-weight: 300; margin: 0 auto;width: 80%;}
.text-container							{width:900px; margin: auto; max-width:100%; background-color: #fff; border-bottom:5px solid #07ba67;}
.text-header-image		{width:100%; height: auto; margin-bottom: 30px;}
.text-container-inner	{width:80%; margin: auto; padding-bottom: 30px;}

.text-container h1		{}
.text-container h2		{font-size:22px; color: #474747 !important;}

/** FOOTER **/
footer 					{padding:30px 0; background-color: #e5f3ed;}
footer h5				{font-weight: 500; margin-bottom: 15px;}
footer ul				{list-style:none; margin: 0;}
footer ul li			{margin-bottom:8px;}
footer ul li a			{color: #474747;}
footer ul li a:hover	{color:#018652;}

footer ul.social li				{display:inline-block; margin-right: 15px; font-size: 2em;}
footer ul.social li	i			{transition:color 0.2s ease-out}
footer ul.social li a:hover	i 	{color:#018652;}

footer .col-3	{width:75%; display: inline-block;}
footer .col-3 .col-1	{width:33.3%;}

.secure-checkout				{float:none; max-width: 100%; height: auto}
.col-sign-up .form-container	{padding-top:0}
.col-sign-up .form-container input[type="text"]	{padding:10px; border: none;}

/** BUTTON OVERRIDES **/
.btn { border-radius: 2px; padding: 10px 15px 11px 15px; box-shadow: none; /*box-shadow: inset 0 -2px 0 rgba(0,0,0,0.25);*/ font-size: 14px; cursor: pointer; }
.btn img				{float:none; vertical-align: middle}
.btn:hover				{box-shadow:none; /*box-shadow: inset 0 -2px 0 rgba(0,0,0,0.5);*/}
.btn.btn-inline-block	{display:inline-block;}
.btn-submit             {border-radius:2px; padding: 10px 13px; width:auto;}
.btn-blue				{background-color:#2a7bc4;}
.btn-green				{background-color:#07ba67;}
.btn-red				{background-color:#ee1c25;}
.btn-large				{font-size:18px; padding: 15px 30px;}
.btn-amber				{background-color:#ecad1d;}
.btn-grey				{background-color:#b5b5b5;}
.btn-purple { background-color: #8b1fb6; }

/* ONLY TO ORDER */
.only-to-order			{padding: 10px; background-color:#ecad1d; color: #fff; font-size: 15px; font-weight: bold; margin: 10px 0px; text-align: center; clear: both;}

/** FORM STYLES **/
.form-container input[type="submit"]					{border-radius:2px; padding: 10px 15px 11px 15px;}
.form-container input[type="submit"].btn-inline-block	{width:auto; display: inline-block;}

.dk-selected		{border:none; background-color: #f6f6f6; border-radius: 0; height: 30px; color: #474747; font-weight: 400; font-size: 12px; min-width: 150px;  padding-left: 8px;}
.dk-selected:before	{border-width: 5px 4px 0; border-top-color: #666; margin-top: 1px;}
.dk-selected:after	{border-width: 0 4px 5px; border-bottom-color: #666; margin-top: -7px}
.dk-select-options	{border-radius: 0; background-color: #f8f8f8; border:none; border-top:1px solid #ddd;}
.dk-option			{font-weight:normal; font-size: 13px; color: #474747}
.dk-select-options .dk-option-highlight	{background-color: #2a7bc4;}
.dk-select, .dk-select-multi	{line-height:30px; max-width: none}
.dk-option-selected				{background-color: #2a7bc4; color: #fff;}

/** EVENTS **/
.events-left-col .btn			{display:block;}
.events-left-col .btn			{box-shadow:inset 0 -2px 0 rgba(0,0,0,0.2); font-size: 16px; font-weight: 600; margin-bottom: 10px;}

.events-left-col .event-categories a.btn             {opacity:1; -webkit-transition:.25s ease-in-out; transition:.25s ease-in-out;}
.events-left-col .event-categories:hover a.btn       {opacity:0.25;}
.events-left-col .event-categories:hover a.btn:hover {opacity:1; transform:translateY(1px)}

.events-left-col .event-categories.has-active a.btn {opacity:0.25;}
.events-left-col .event-categories.has-active a.btn.active {opacity:1;}

.listing-item.event-item:before	{position:absolute; left: 0; top: 0; content:''; background-color: rgba(255,255,255,0.9); width: 100%; height: 100%; z-index: 0;}

.events-listing-container			{font-size:0; width:calc(100% + 20px); margin-left: -10px; margin-right: -10px; position:relative;}
.events-listing-container .col-3	{width:33.333%; display: inline-block; vertical-align: top; padding: 10px;}

.listing-item.event-item				{width:100%; text-align: left; padding: 15px;}
.listing-item.event-item .btn			{border-radius:5px; padding-top: 15px; padding:15px 25px; display: inline-block; margin-top: 15px; background-color:inherit;}
.listing-item.event-item .btn:hover		{transform:translateY(1px)}
.listing-item.event-item .event-image	{padding-top:56.2%; background-size: cover; margin-bottom: 15px}

.listing-item.event-item h1 {color:inherit;}

.listing-item.event-item h1,
.listing-item.event-item h2,
.listing-item.event-item .btn,
.listing-item.event-item p,
.listing-item.event-item .event-image	{position:relative; z-index: 2}

.listing-item.event-item h2 {line-height: 1.2em;}


.btn-view-events { background-color:#ee1c25; color:#FFF; }
.btn-view-events.detail {float:right;}

.event-poster-image {max-width:100%; margin-bottom:25px; margin-top:15px;}



div.event-archive-toggle    {display:none;}
ul.event-archive            {list-style:none; color:#9b9b9b; font-size:16px; margin-left:10px;}
ul.event-archive > li       {margin-bottom:8px;}
ul.event-archive > li > a   {font-weight:bold; padding-right:25px; position:relative;}
ul.event-archive > li > a:after {content:''; background-image:url(/_assets/chevron-right-grey@2x.png); background-size:9px; background-repeat:no-repeat; width:9px; height:20px; position:absolute; right:0; top:4px; -webkit-transition:.15s linear; transition:.15s linear}
ul.event-archive > li > a.active:after {-webkit-transform:rotate(180deg);transform:rotate(90deg); top:2px;}
ul.event-archive a          {color:inherit; display:inline-block;}
ul.event-archive ul         {display:none; list-style:none; margin-left:10px; font-size:14px; color:inherit; margin-bottom:5px; width:100%;}
ul.event-archive ul li      {margin-bottom:5px;}

.listing-item.event-item.public-events,
.public-events .btn							{background-color:#006f94;}
.public-events h1							{color:#006f94}

.listing-item.event-item.consumer-shows,
.consumer-shows .btn	{background-color:#94a417;}
.consumer-shows h1		{color:#94a417}

.listing-item.event-item.trade-shows,
.trade-shows .btn		{background-color:#F1656B;}
.trade-shows h1			{color:#F1656B;}

.listing-item.event-item.author-events,
.author-events .btn		{background-color:#e18f00;}
.author-events h1		{color:#e18f00;}

.events-listing-container-carousel .slick-dots {position:relative; left:auto; bottom:auto; display:block; text-align:center; margin:0; padding:0px 10px; line-height:normal;}
.events-listing-container-carousel .slick-dots li {display:inline-block; width:13px; height:13px; background-color:#FFF; border:1px solid #c1c1c1; border-radius:30px;}
.events-listing-container-carousel .slick-dots li.slick-active {background-color:#c1c1c1;}
.events-listing-container-carousel .slick-dots li button {width:100%; height:100%; padding:0;}
.events-listing-container-carousel .slick-dots li button:before {display:none;}

.event-newsletter           {padding:15px 0px 15px 20px; background:#f3f3f3; border:1px solid #dddddd;}
.event-newsletter h5        {font-size:20px; margin-bottom:8px; font-weight:500;}
.event-newsletter p         {font-size:14px; font-weight:400; margin-bottom:18px;}
.event-newsletter .form-row {display:block; font-size:0; margin-bottom:20px;}
.event-newsletter .form-row .form-cell {display:inline-block; padding-right:25px;}
.event-newsletter .form-row .form-cell.col-3 {width:33.33%;}
.event-newsletter .form-row .form-cell.col-2 {width:50%;}
.event-newsletter .form-row .form-cell.col-1 {width:100%; padding-bottom:10px;}
.event-newsletter .form-row .form-cell label {font-size:14px; display:block; margin-bottom:8px; font-weight:500; color:#474747; line-height:1.4em;}
.event-newsletter .form-row .form-cell .input {padding:10px; font-size:14px; width:100%; border:1px solid #dddddd;}

.event-newsletter .form-row .form-cell .cb-label-privacy   {display:inline-block; width:90%; vertical-align:top; padding-left:10px; margin:0;}
.event-newsletter .form-row .form-cell .cb-privacy         {display:inline-block; width:20px; height:20px; vertical-align:top;}
.event-newsletter .form-row .form-cell .cb-privacy input   {width:100%; height:100%;}



input[type=text].error,
.dk-select.error,
.dk-select.error .dk-selected { box-shadow: 0 0 1px 1px #cc0000; background-color: rgba(204, 0, 0, 0.1); }


@media all and (max-width: 1232px) {

	.inner { padding: 0 20px; }
	.wrapper { padding: 0 20px; }
	.home-intro { width: 90%; }

	/** NAV **/
	ul.mainNav li a { padding: 0 10px; font-size: 14px; }
	.search-box-inner { width: 300px; }
	.search-box { margin-left: -200px; }

	/** HOME CAROUSEL **/
	.slide-text-container { position: absolute; left: 10%; top: 15%; width: 40%; }

	header .inner .btn-us-customers { right: 20px; }
}

@media (max-width: 1100px) {
	/* Screen too narrow for complete menu, so hide the Twenty To Make link as that is probably not important. */
	ul.mainNav li.twenty-tm { display: none; }
}

@media all and (max-width: 1020px) {

	.home-listing	{height:300px;}

	
	/*header .inner .btn-us-customers	{top:auto; bottom: -13px;}*/
	
	.special-notification	{margin-top:30px;}
	
	/** NAV **/
	ul.mainNav				{display:none}
	.hamburger-container	{display:block;}
	
	/** SEARCH **/
	header 				{padding: 25px 0 0; box-shadow: 0 0 5px rgba(0,0,0,0.5);}
	.search-box			{position:static; width: 100%; margin-left: 0; left:auto; top: auto; margin-top: 20px;}
	.search-box-inner	{width:100%; margin-bottom: 10px;}
	.search-box a		{margin-left:0; float: left; margin-top: 5px; margin-bottom: 5px;}
	header .inner .btn-us-customers	{position:relative; top: auto; bottom: auto; right: auto; float: right; margin-bottom: 10px;}
	
	/** SEARCH CONTAINER **/
	.header-search-container	{position:relative; width: 100%; left: auto; top: auto; margin-left: 0; margin: 20px 0;}
	.search-toggle				{}
	
	/** HEADER **/
	ul.header-controls	{margin-right:60px}
	ul.header-controls li.mobile-trade a	{display: inline-block;}
	
	/** HERO CAROUSEL **/
	.slide-text-container h2	{font-size:25px;}
	.slide-text-container p		{font-size:16px; width:100%;}
    .hero-carousel              {height: 250px;}
	.hero-carousel .slide		{padding-top:0; height: 250px;}
	
	/** HOME LISTING **/
	.home-listing-outer h3	{font-size:17px;}
	
	/** FORM **/
	.dk-selected	{min-width:inherit; max-width: 100%;}
	.advanced-search-container h2	{font-size:16px;}
	
	/** LISTING PAGE **/
	.left-col-narrow-enabled	{width:25%;}
	.right-col-wide-enabled		{width:72%;}

	
}

@media (max-width: 820px) {
    .offer-item { width: 33%; }
}


@media all and (max-width: 800px) {

	
	/** HOME LISTING **/
	.home-listing		{height:auto; padding: 20px;}
	.home-listing-inner img	{width:100%}
	
	/** FOOTER **/
	footer .col-row-4 .col-1		{width:40%; float: right;}
	footer .col-row-4 .col-3		{width:60%; float: left}
	footer .col-row-4 .col-3 .col-1	{width:100%}
	footer ul li					{margin-bottom:5px;}
	footer ul						{font-size:12px;}
	
	/** LISTING PAGE **/
	.listing-item	{width:33.3%}
	
}

@media all and (max-width: 768px) {

	.left-col-wide	{width:100% !important;}
    .categories {margin-left: 0px;}
	
	.events-listing-container .col-3	{width:50%;}
	
}
	
@media all and (max-width: 670px) {
    .offer-item { width: 50%; }
	/** HEADER **/
	ul.header-controls					{width:100%; margin:20px 0 0 0; float:none}
	ul.header-controls li.mobile-trade 	{float:right;}
	
	/** HERO CAROUSEL **/
	.slide-text-container		{width:50%;}

	/** HOME LISTING **/
	.col-row-4 .col-1		{width:50%;}
	.home-listing-inner img	{width:60%}
	
	.listing-panel.listing-panel-blog p		{font-size:15px; width: 100%;}

	
	.listing-item				{margin-bottom:0;}
	.listing-item.event-item h1	{font-size:20px;}
	.listing-item.event-item h2	{font-size:16px;}
	.listing-item.event-item.listing-item .btn			{padding:10px 20px;}
	
	
}

@media all and (max-width: 640px) {

	.left-col-narrow-enabled	{width:100%; margin-bottom: 30px;}
	.right-col-wide-enabled		{width:100%;}

	/** LISTING ADVANCED SEARCH **/
	.advanced-search-container	{font-size:0; padding-bottom: 14px;}
	.advanced-search-container .form-row	{width:50%; display: inline-block; padding:0 1%;}
	.advanced-search-container .form-row.form-row-btns	{display:block; width: 100%; margin-top: 5px}
	.advanced-search-expanded			{display:none;}
	.advanced-search-expanded.active	{display:block;}
	h2.advanced-toggle					{background-image:url(/_assets/icon-select-arrow.gif); background-size: 14px 8px; background-position:right; background-repeat: no-repeat; cursor: pointer; display: block;}
	.sort-by	{width:100%;}
    .categories {width:100%;}
	
	/** BASKET **/
	.free-del-right	{display:block; float: none; margin: 20px 0; clear: both}
	table.basket-table td.basket-product-image img	{max-width:100%;}
	.basket-right	{padding-left:0; border-left:none; border-bottom:1px solid #ddd;}
	table.basket-table td.basket-product-image	{padding-left:0}
	
	/** TEXT PAGE **/
	.text-container	{max-width:90%;}
	
	/** EVENTS **/
	.events-left-col .form-row	{width:100%;}

    .btn-view-events.detail {float:none; margin-bottom:20px;}

}
	
@media all and (max-width: 580px) {

	.details-image	{width:100%;}
	.product-additional-info	{width:100%; margin: 0;}
	.author-details-left		{text-align:center;}
	.author-details-left img	{float:none; max-width: 100%; margin-bottom: 0;}
	
	.special-notification p	{font-size:14px;}
	
}
	
@media all and (max-width: 550px) {
	
	/*header .inner .btn-us-customers {display:none;}*/
	
	header .inner .btn-other-sites-container		{display:block; float: right; margin-bottom: 10px; position: relative; top: auto; right: auto;}
	header .inner .btn-us-customers			{padding:5px;}
	header .inner .btn-us-customers span	{display:none;}
	header .inner .btn-us-customers img		{margin-left:0}
	
	/** HOME CAROUSEL **/
	.hero-carousel-container .slick-arrow	{display: none !important;}
	.hero-carousel-container .inner			{padding:0}
	.slide-text-container					{position:absolute; /*background-color:rgba(0,0,0,0.6);*/ width: 100%; top: auto; bottom: 0; left: 0; padding: 15px; padding-bottom: 20px;}
	.slide-text-container h2				{font-size:18px; margin-bottom:8px;}
	.slide-text-container p					{font-size:14px; width:100%;}
	.hero-carousel .slide.desktop					{background-position:right}
	.hero-carousel-container .slick-dots li button	{width:10px; height: 10px;}
	
	.search-dropdown .form-cell	{width:100%}
	
	/** HOME LISTING **/
	.home-listing-inner img	{width:100%}
	.col-row-3 .col-1		{width:100%;}
	.home-listing-outer-2 .home-listing	{padding-top:40%;}
	.col-row-3 .col-1	{width:100%;}

	/** FOOTER **/
	footer .col-row-4 .col-1		{width:100%; float: none;}
	footer .col-row-4 .col-3		{width:100%; float: none}
	
	/** LISTING **/
	.listing-item	{width:50%;}
	
	/** BASKET **/
	table.basket-table		{table-layout:fixed}
	table.basket-table th	{font-size:12px; padding: 5px;}
	table.basket-table td.basket-product-image img	{max-width:100%;}
	table.basket-table td	{padding:10px;}
	table.basket-table td,
	table.basket-table td p {font-size:12px !important;}
	
	/** BLOG **/
	.listing-panel.listing-panel-blog img	{width:100%; margin-bottom: 15px;}
	
	.col-row-5 .col-1	{width:33.3%;}

	
	
}



@media all and (max-width: 375px) {

	/** HEADER **/
	ul.header-controls li.mobile-trade a	{margin-left:0}
	.search-box a							{font-size:13px;}
	
	/** HOME INTRO **/
	.home-intro	{width:95%;}
	
	/** ADVANCED SEARCH **/
	.advanced-search-container .form-row	{width:50%; display: inline-block; padding:0 2%;}
	
	/** LISTING **/
	.listing-item	{padding:0 5% 10px 5%}
	.listing-item:hover	{background-color:#fff}
	
	.text-header		{padding:10px 0}
	.text-container h1	{font-size:20px;}
	
    .offer-item { width: 100%; }
	
	.special-notification p	{font-size:12px;}
	.special-notification p a	{display:block;}
	
	.events-listing-container .col-3	{width:50%;}


}

@media all and (max-width: 340px) {

	/** HEADER **/
	.logo							{width:200px;}	
	ul.header-controls li a span	{margin:0}
	
	/** HERO CAROUSEL **/
	.slide-text-container h2	{font-size:16px;}
	.slide-text-container p		{font-size:12px;}
	
	#jPanelMenu-menu	{width:250px !important;}
	

}





















