/*================================
========== TYPOGRAPHY ============
================================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0 0 .8em;
	font-family: Georgia, serif;
	font-weight: 400;
	color: #696748;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 21px;
}

h3 {
	font-size: 18px;
}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 13px;
	color: #96982d;
}

a {
	display: inline-block;
	text-decoration: none;
	color: #96982d;
	-webkit-transition: background .3s ease, color .3s ease;
	transition: background .3s ease, color .3s ease;
}

a:hover {
	color: #696748; 
}

/*================================
=========== TEMPLATE =============
================================*/

html {
	overflow-y: scroll;
}

body {
	background: #222;
	min-width: 320px;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 13px;
	color: #595959;
}

.page-slide-container {
	overflow: hidden;
}

.page-slide {
	position: relative;
	-webkit-transition: -webkit-transform .5s ease;
	transition: transform .5s ease;
	-webkit-backface-visibility: hidden;
}

.page-slide.mm-open {
	-webkit-transform: translateX(389px);
	transform: translateX(389px);
}

main {
	display: block;
	background: #fff;
	padding: 0 0 90px;
}

.container {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

.cover {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

.icon {
	height: 0;
	overflow: hidden;
	/*Set padding-top to control the height so that text is not visible and set background images for icons */
}

.btn {
	display: inline-block;
	background: #96982d;
	padding: 9px 15px;
	border-radius: 2px;
	cursor: pointer;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	-webkit-transition: background .3s ease, color .3s ease;
	transition: background .3s ease, color .3s ease;
}

.btn:hover {
	background: #696748;
	color: #fff;
}

.robot {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
}

.btn.robot {
	font-weight: 700;
}

.of-toggle {
	-webkit-transition: background .3s ease, color .3s ease;
	transition: background .3s ease, color .3s ease;
	cursor: pointer;
}

.page {
	padding: 25px 0 0;
	border-top: 2px solid #ebebe0;
	overflow: hidden;
}

.page-title {
	margin: 0 0 25px;
	font-size: 30px;
}

.small-title {
	font-size: 24px;
}

.form-title {
	display: block;
	background: #696748;
	margin: 0 0 15px;
	font-family: Georgia, serif;
	font-size: 21px;
	color: #fff;
}

.page-content {
	background: #ebebe0;
	padding: 30px;
	border-radius: 3px;
}

.page-content p,
.page-content li {
	font-size: 14px;
	line-height: 24px;
}

a[href^="tel:"] {
	cursor: default;
}

.list-reset {
	padding: 0;
	margin: 0;
	list-style: none;
}

.list-reset li {
	margin: 0;
}

.grid-cont10 {
	margin-right: -10px;
}

.grid-cont15 {
	margin-right: -15px;
}

.grid-cont20 {
	margin-right: -20px;
}

.dbl {
	display: table;
	width: 100%;
}

.dblr {
	display: table-row;
}

.dblc {
	display: table-cell;
}

.fluid-input-cont {
	overflow: hidden;
	line-height: normal;
}

.custom-row {
	margin-top: 10px;
}

.text_input,
.select_input {
	width: 100%;
	padding: 6px 10px;
	border: 1px solid #e4e3de;
	border-radius: 2px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
	color: #696748;
}

.select_input + ul {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
	color: #696748;
}

.validate_border {
	border:1px solid #d62828 !important;
}

@-webkit-keyframes shake {
	0%, 100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	
	10%, 30%, 50%, 70%, 90% {
		-webkit-transform: translate3d(-3px, 0, 0);
		transform: translate3d(-3px, 0, 0);
	}
	
	20%, 40%, 60%, 80% {
		-webkit-transform: translate3d(3px, 0, 0);
		transform: translate3d(3px, 0, 0);
	}  
}

@keyframes shake {	
	0%, 100% {
		transform: translate3d(0, 0, 0);
	}
	
	10%, 30%, 50%, 70%, 90% {
		transform: translate3d(-3px, 0, 0);
	}
	
	20%, 40%, 60%, 80% {
		transform: translate3d(3px, 0, 0);
	}
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #a6a6a6;
	opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #a6a6a6;
	opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #a6a6a6;
	opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #a6a6a6;
	opacity: 1;
}




/*================================
============ HEADER ==============
================================*/	

header {
	background: #fff;
	border-top: 4px solid #696748;
}

.header-top {
	background: #fff;
	background: -moz-linear-gradient(top,  #e4e3de 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e3de), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #e4e3de 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #e4e3de 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #e4e3de 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e4e3de 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e3de', endColorstr='#ffffff',GradientType=0 );
	padding: 25px 0 30px;
}

.header-top .container {
	position: relative;
}

.header-top .award {
	background-position: left center;
	width: auto;
	max-width: 320px;
	padding: 0;
	border: none;
	margin: 20px 0 0;
}

.header-top .award-inner {
	background-position: left center;
	padding: 0 0 0 80px;
}

.header-top .award-title {
	font-size: 15px;
}

.header-right {
	margin: 20px 0 0;
	float: right;
}

.header-right::before {
	content: "";
	background: url(/images/style/todds/bg-header.png) center center no-repeat;
	width: 277px;
	height: 198px;
	position: absolute;
	top: -25px; right: -33px;
}

.hr-contact {
	margin: 0 0 20px;
	position: relative;
}

.hr-tel {
	float: left;
	font-family: Georgia, serif;
	font-size: 26px;
	line-height: 16px;
}

.hr-tel:hover {
	color: #96982d;
}

.hr-facebook {
	background: url(/images/style/todds/icon-facebook-colour.png) no-repeat;
	background-size: contain;
	width: 20px;
	padding: 20px 0 0;
	margin: 0 8px 0 0;
	float: right;
}

.hr-twitter {
	background: url(/images/style/todds/icon-twitter-colour.png) no-repeat;
	background-size: contain;
	width: 24px;
	padding: 20px 0 0;
	margin: 0 8px 0 18px;
	float: right;
	vertical-align: middle;
}

.hr-pintrest {
	background: url(/images/style/todds/icon-pintrest-colour.png) no-repeat;
	background-size: contain;
	width: 20px;
	padding: 20px 0 0;
	float: right;
	vertical-align: middle;
}

.header-right .search-form {
	width: 100%;
	position: relative;
}

.mm-toggle {
	display: none;
	width: 41px;
	height: 39px;
	position: absolute;
	top: 50%; left: 0;
	cursor: pointer;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mmt-bar {
	width: 100%;
	border-top: 8px solid #96982d;
	border-radius: 2px;
	position: absolute;
	left: 0;
	-webkit-transition: .2s;
	transition: .2s;
	backface-visibility: hidden;
}

.mmt-top {
	top: 0;
}

.mmt-middle {
	top: 16px;
}

.mmt-bottom {
	top: 32px;
}

.mm-open .mmt-top {
	top: 15px;
	-webkit-transform: rotate(50deg);
	transform: rotate(50deg);
	-webkit-transition: .2s .3s;
	transition: .2s .3s;
}

.mm-open .mmt-middle {
	opacity: 0;
}

.mm-open .mmt-bottom {
	top: 15px;
	-webkit-transform: rotate(310deg);
	transform: rotate(310deg);
	-webkit-transition: .2s .3s;
	transition: .2s .3s;
}

.mbl-cart {
	display: none;
	background: url(/images/style/todds/icon-cart-mbl.png) center no-repeat;
	background-size: contain;
	width: 49px;
	height: 40px;
	position: absolute;
	top: 50%; right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mbl-cart span {
	background: #696748;
	width: 31px;
	border-radius: 50%;
	position: absolute;
	top: 0; right: -10px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 18px;
	font-weight: 500;
	line-height: 31px;
	text-align: center;
	color: #fff;
}

.logo {
	width: 344px;
	margin: 0 auto;
}

.logo a {
	display: block;
	background: url(/images/style/todds/logo.png) no-repeat;
	background-size: contain;
	padding: 32.26% 0 0;
}

.header-bar {
	background: #96982d;
	background: -moz-linear-gradient(top,  #9b9d38 0%, #8f902b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b9d38), color-stop(100%,#8f902b));
	background: -webkit-linear-gradient(top,  #9b9d38 0%,#8f902b 100%);
	background: -o-linear-gradient(top,  #9b9d38 0%,#8f902b 100%);
	background: -ms-linear-gradient(top,  #9b9d38 0%,#8f902b 100%);
	background: linear-gradient(to bottom,  #9b9d38 0%,#8f902b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9d38', endColorstr='#8f902b',GradientType=0 );
	border-radius: 3px;
	position: relative;
	z-index: 1;
}

.header-bar a {
	color: #e8f5d2;
}

.header-bar a:hover{
	color: #595959;
}

.hb-btns a:hover{
	color:#fff;
}	
.hb-menu,
.hb-menu > ul {
	float: left;
}

.hb-home {
	border-radius: 3px 0 0 3px;
}

.hb-menu > ul > li {
	background: #96982d;
	background: -moz-linear-gradient(top,  #9b9d38 0%, #8f902b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b9d38), color-stop(100%,#8f902b));
	background: -webkit-linear-gradient(top,  #9b9d38 0%,#8f902b 100%);
	background: -o-linear-gradient(top,  #9b9d38 0%,#8f902b 100%);
	background: -ms-linear-gradient(top,  #9b9d38 0%,#8f902b 100%);
	background: linear-gradient(to bottom,  #9b9d38 0%,#8f902b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b9d38', endColorstr='#8f902b',GradientType=0 );
	border-right: 1px solid rgba(0, 0, 0, .1);
	float: left;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}

.hb-menu > ul > li:hover,
.hb-dd-cont.open {
	color:#595959;
	background: #96982d;
	background: -moz-linear-gradient(top,  #e8e8e2 0%, #f4f4ee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e2), color-stop(100%,#f4f4ee));
	background: -webkit-linear-gradient(top,  #e8e8e2 0%,#f4f4ee 100%);
	background: -o-linear-gradient(top,  #e8e8e2 0%,#f4f4ee 100%);
	background: -ms-linear-gradient(top,  #e8e8e2 0%,#f4f4ee 100%);
	background: linear-gradient(to bottom,  #e8e8e2 0%,#f4f4ee 100%);
}

.hb-dd-cont.open a{
	color: #595959;
}

.hb-menu > ul > li > a {
	padding: 0 20px;
	font-size: 14px;
	line-height: 42px;
}

.hb-menu > ul > li > a span {
	display: inline-block;
	vertical-align: middle;
	line-height: 16px;
}

.hb-dd-cont > a span,
.lvl1-parent > a span {
	background: url(/images/style/todds/arrow-pale-grn-down.png) right center no-repeat;
	background-size: 12px 7px;
	padding: 0 20px 0 0;
}

.hb-dd-cont > a:hover span,
.lvl1-parent > a:hover  span{
	background: url(/images/style/todds/arrow-grey-down.png) right center no-repeat;	
}

.hb-dd-cont.open > a span {
	background-image: url(/images/style/todds/arrow-grey-up.png);
}

.hb-dd-menu {
	display: none;
	background: #ebebe0;
}

.hb-dd-item {
	width: 33.3333333%;
	float: left;
	position: relative;
	font-size: 16px;
	line-height: 60px;
}

.hb-dd-item a {
	display: block;
	color: #696748;
}

.hb-dd-item:nth-child(odd) a {
	background:#ebebe0;
}

.hb-dd-item:nth-child(even) a {
	background:#f4f4ee;
}

.hb-dd-item a:hover {
	background: #fff;
	color:#595959;
}

.hb-dd-img {
	width: 80px;
	position: absolute;
	top: 0; bottom: 0; left: 0;
}

.hb-dd-text {
	display: inline-block;
	padding: 0 0 0 100px;
	margin: -3px 0 0;
	vertical-align: middle;
	line-height: 18px;
}


.hb-btns {
	float: right;
	line-height: 42px;
}

.hb-acc,
.hb-cart {
	display: inline-block;
	background: rgba(0, 0, 0, .1);
	padding: 0 12px;
	border-radius: 3px;
	margin: -1px 5px 0 0;
	vertical-align: middle;
	font-size: 12px;
	line-height: 30px;
	color: #e8f5d2;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}

.hb-acc:hover,
.hb-cart:hover {
	background: rgba(0, 0, 0, .2);
}

.hb-acc span,
.hb-acc a,
.hb-cart span {
	display: inline-block;
	margin: -2px 0 0;
	vertical-align: middle;
	line-height: 14px;
}

.hb-acc a {
	padding: 2px 0 0;
}

.hb-acc span,
.hb-acc a:first-child {
	background: url(/images/style/todds/icon-acc.png) left center no-repeat;
	background-size: 15px 14px;
	padding: 2px 0 0 20px;
}

.hb-cart span {
	background: url(/images/style/todds/icon-cart.png) left center no-repeat;
	background-size: 17px 14px;
	padding: 2px 0 0 25px;
}

.header-sp {
	padding: 10px 0;
	overflow: hidden;
	font-family: Georgia, serif;
	font-size: 18px;
	color: #696748;
}

.header-sp a {
	color: #696748;
}

.hsp {
	padding: 0 15px;
	float: left;
	position: relative;
	text-align: center;
}

.hsp:first-child {
	width: 45.83%;
}

.hsp:last-child {
	width: 54.17%;
}

.hsp::before,
.hsp::after {
	content: "";
	display: block;
	background: -moz-linear-gradient(top,  rgba(228,227,222,0) 0%, rgba(228,227,222,1) 50%, rgba(228,227,222,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228,227,222,0)), color-stop(50%,rgba(228,227,222,1)), color-stop(100%,rgba(228,227,222,0)));
	background: -webkit-linear-gradient(top,  rgba(228,227,222,0) 0%,rgba(228,227,222,1) 50%,rgba(228,227,222,0) 100%);
	background: -o-linear-gradient(top,  rgba(228,227,222,0) 0%,rgba(228,227,222,1) 50%,rgba(228,227,222,0) 100%);
	background: -ms-linear-gradient(top,  rgba(228,227,222,0) 0%,rgba(228,227,222,1) 50%,rgba(228,227,222,0) 100%);
	background: linear-gradient(to bottom,  rgba(228,227,222,0) 0%,rgba(228,227,222,1) 50%,rgba(228,227,222,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e4e3de', endColorstr='#00e4e3de',GradientType=0 );
	height: 30px;
	margin: -15px 0 0;
	position: absolute;
	top: 50%;
}

.hsp:first-child::before {
	width: 2px;
	left: 0;
}

.hsp:first-child::after {
	width: 1px;
	right: 0;
}

.hsp:last-child::before {
	width: 1px;
	left: 0;
}

.hsp:last-child::after {
	width: 2px;
	right: 0;
}

.hsp-text {
	display: inline-block;
	background-position: left center;
	background-size: 34px;
	background-repeat: no-repeat;
	padding: 0 0 0 46px;
	line-height: 50px;
}

.hsp-text span {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
}





/*================================
============ FOOTER ==============
================================*/

footer {
	border-top: 4px solid #96982d;
}

.footer-main {
	background: #696748;
	padding: 45px 0;
}

.footer-main .container {
	position: relative;
}

.footer-contact {
	width: 245px;
	padding: 5px 0 10px 45px;
	border-left: 2px solid rgba(0, 0, 0, .06);
	float: right;
	font-family: Georgia, serif;
	font-size: 15px;
	line-height: 20px;
	color: #e8f5d2;
}

.footer-contact a {
	padding: 0 0 0 34px;
	color: #e8f5d2;
}

.fc-tel a {
	background: url(/images/style/todds/icon-tel.png) left center no-repeat;
	background-size: 16px 16px;
}

.footer-contact .fc-add {
	background: url(/images/style/todds/icon-address.png) 1px top no-repeat;
	background-size: 13px 18px;
	padding: 0 0 0 34px;
	margin: 8px 0 0;
}

.footer-contact .fc-facebook,
.footer-contact .fc-twitter,
.footer-contact .fc-pintrest {
	margin: 6px 0 0;
}

.fc-facebook a {
	background: url(/images/style/todds/icon-facebook.png) left center no-repeat;
	background-size: 18px 18px;
	padding-top:2px;
}

.fc-twitter a {
	background: url(/images/style/todds/icon-twitter.png) left center no-repeat;
	background-size: 18px 15px;
	padding-top:1px;
}

.fc-pintrest a {
	background: url(/images/style/todds/icon-pintrest.png) left center no-repeat;
	background-size: 19px 18px;
	padding-top:2px;
}

.footer-menus {
	overflow: hidden;
}

.footer-menus::before {
	content: "";
	background: url(/images/style/todds/bg-footer.png) center center no-repeat;
	width: 416px;
	height: 297px;
	position: absolute;
	top: -45px; left: -169px;
}

.fm-menu {
	width: 30.89%;
	float: left;
	position: relative;
	font-family: Georgia, serif;
	font-size: 18px;
}

.fm-header {
	display: none;
	padding: 37px 0;
	cursor: pointer;
	font-size: 36px;
	color: #fff;
}

.fm-header span {
	display: inline-block;
	background: url(/images/style/todds/arrow-white-down.png) right center no-repeat;
	padding: 0 50px 0 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.fm-header.open span {
	background-image: url(/images/style/todds/arrow-white-up.png);
	opacity: .2;
}

.fm-menu a {
	padding: 7px 0;
	color: #fff;
}

.fm-menu a:hover,
.fm-shop .view-all:hover {
	color: #e4e3de;
}

.fm-shop {
	width: 69.11%;
	float: left;
	position: relative;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
}

.fm-shop ul {
	width: 33.33333333%;
	padding: 0 15px 0 0;
	float: left;
}

.fm-shop a {
	padding: 7px 0;
	line-height: 16px;
	color: #e4e3de;
}

.fm-shop a:hover {
	color: #fff;
}

.fm-shop .view-all {
	background: url(/images/style/todds/arrow-white-right.png) right 11px no-repeat;
	background-size: 6px 11px;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	padding:9px 13px 9px 0;
}

.footer-bottom {
	padding: 20px 0 45px;
	font-size: 11px;
	line-height: 16px;
	color: #a6a6a6;
}

.footer-bottom a {
	color: #a6a6a6;
}

.footer-bottom a:hover {
	color: #e4e3de;
}

.bk-to-top {
	display: none;
	background: rgba(255, 255, 255, .04);
	padding: 20px 0;
	margin: 10px 0 60px;
	cursor: pointer;
	font-size: 21px;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: #a6a6a6;
}

.footer-payment {
	width: 213px;
	margin: 0 0 0 20px;
	float: right;
	text-align: center;
}

.footer-payment img {
	width: 100%;
}

.footer-links,
.footer-copy {
	overflow: hidden;
}





/*================================
========= MOBILE MENU ============
================================*/

.mbl-menu {
	background: #696748;
	width: 389px;
	padding: 35px 30px;
	position: absolute;
	top: 0; bottom: 0; left: -389px;
}

.mbl-menu .search-form {
	background: rgba(0, 0, 0, .1);
	border: none;
}

.mbl-menu .search-submit {
	background-image: url(/images/style/todds/icon-search-mbl.png);
	background-size: 25px;
	width: 54px;
	padding: 54px 0 0;
}

.mbl-menu .search-input {
	height: 54px;
	padding: 0 18px;
	font-size: 18px;
	line-height: 54px;
	color: rgba(235, 235, 224, .4);
}

.mbl-menu .search-input::-webkit-input-placeholder { /* WebKit browsers */
	color: rgba(235, 235, 224, .4);
}

.mbl-menu .search-input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(235, 235, 224, .4);
}

.mbl-menu .search-input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(235, 235, 224, .4);
}

.mbl-menu .search-input:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: rgba(235, 235, 224, .4);
}

.mm-nav {
	padding: 30px 0 25px;
	font-size: 30px;
}

.mm-nav > ul > li > a {
	display: block;
	padding: 10px 0;
	color: #fff;
}

.mm-dd-cont > a span {
	display: block;
	background: url(/images/style/todds/arrow-white-down.png) right center no-repeat;
	padding: 0 35px 0 0;
}

.mm-dd-cont.open > a span {
	background-image: url(/images/style/todds/arrow-white-up.png);
}

.mm-dd-menu {
	display: none;
	padding: 10px 0;
	font-size: 20px;
}

.mm-dd-menu a {
	display: block;
	padding: 5px 15px;
	color: #ebebe0;
}

.mm-acc {
	display: block;
	padding: 30px 0;
	border-top: 2px solid rgba(0, 0, 0, .1);
	border-bottom: 2px solid rgba(0, 0, 0, .1);
	margin: 15px 0 40px;
	font-size: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #ebebe0;
}

.mm-acc:hover {
	color: #ebebe0;
}

.mm-acc span,
.mm-acc a {
	display: inline-block;
	color: #ebebe0; 
}

.mm-acc span,
.mm-acc a:first-child {
	background: url(/images/style/todds/icon-acc-mbl.png) left center no-repeat;
	background-size: 25px 23px;
	padding: 5px 0 5px 40px;
}

.mm-acc a:last-child {
	padding: 5px 0;
	float: right;
	color: #b4b053;
}

.mm-contact a {
	display: block;
	padding: 0 0 0 40px;
	font-family: Georgia, serif;
	font-size: 24px;
	line-height: 46px;
	color: #ebebe0;
}

.mm-tel {
	background: url(/images/style/todds/icon-tel-mbl.png) left center no-repeat;
	background-size: 23px;
}

.mm-facebook {
	background: url(/images/style/todds/icon-facebook-mbl.png) left center no-repeat;
	background-size: 24px;
}

.mm-twitter {
	background: url(/images/style/todds/icon-twitter-mbl.png) left center no-repeat;
	background-size: 27px;
}

.mm-pinterest {
	background: url(/images/style/todds/icon-pintrest.png) left center no-repeat;
	background-size: 27px;
}

/*================================
============ SIDEBAR =============
================================*/

.sidebar {
	width: 210px;
	margin: 0 30px 0 0;
	float: left;
}

.side-menu {
	background: #f4f4ee;
	padding: 20px;
	border-radius: 3px;
	margin: 0 0 20px;
	font-family: Georgia, serif;
	font-size: 16px;
}

.side-menu.active,
.cat-menu {
	background: #96982d;
}

.cat-menu {
	padding: 20px 0;
	border-radius: 3px;
	margin: 0 0 20px;
	font-family: Georgia, serif;
}

.help-menu,
.cat-menu {
	font-size: 14px;
}

.sb-title {
	display: block;
	margin: 0 0 12px;
	font-size: 18px;
}

.sb-mbl-title {
	display: none;
	padding: 20px;
	margin: 0;
	cursor: pointer;
	font-size: 30px;
	color: #fff;
}
	
.sb-mbl-title span {
	display: block;
	background: url(/images/style/todds/arrow-white-down.png) right center no-repeat;
}

.sb-mbl-title.open span {
	background-image: url(/images/style/todds/arrow-white-up.png);
}

.side-menu.active .sb-title,
.cat-menu .sb-title {
	color: #e8f5d2;
}

.cat-menu .sb-title {
	padding: 0 20px;
}

.side-menu ul ul {
	margin: 0 0 0 10px;
	font-size: 14px;
}

.cat-menu li {
	padding: 0 20px;
}

.cat-menu ul ul {
	font-size: 13px;
}

.cat-menu ul ul li {
	padding: 0 10px;
}

.cat-menu ul ul a {
	color: #e8f5d2;
}

.cat-menu ul ul .sel a {
	color: #595959;
}

.side-menu a,
.cat-menu a {
	display: block;
	padding: 6px 0;
}

.side-menu.active a,
.cat-menu a {
	color: #fff;
}

.side-menu.active .sel > a {
	color: #e8f5d2;
}

.cat-menu .sel,
.cat-menu .open {
	background: #b4b053;
}

.cat-menu .parent.sel,
.cat-menu .parent.open {
	padding: 10px 20px;
}





/*================================
=========== HOMEPAGE =============
================================*/



/* homepage banner update */ 


.homepage-banner--section {
	padding-bottom: 20px;
}

.homepage-banner {
	display: block;
	height: 720px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}

.homepage-banner--text {
	position: absolute;
	bottom: 40px;left: 50%;
	transform: translateX(-50%);
	font-family: Georgia, serif;
	font-size: 48px;
	color: #fff;
	text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.9);
	width: 80%;
	text-align: center;
}

.homepage-banner--signup .nsltr-title {
	width: 400px;
}

.homepage-banner--signup .home-nsltr {
	margin-bottom: 0;
}


.home-cat-list .cat-list-inner {
	margin: 0 -15px 0 0;
}

.home-slider {
	width: 40%;
	padding: 0 0 35.83333333333334%;
	position: relative;
}

.slider-inner {
	position: absolute;
	top: 0; bottom: 15px; left: 0; right: 15px;
}

.home-slider .slick-list,
.home-slider .slick-track {
	height: 100%;
}

.slide-text {
	background: rgba(150, 152, 45, .9);
	padding: 15px;
	position: absolute;
	bottom: 0; left: 0; right: 0;
	min-height: 95px;
}

.home-slider .has-arrows .slide-text {
	padding: 15px 15px 15px 80px;
}

.no-js .slide-text {
	padding: 15px 20px;
}

.slide-title {
	margin: 0 0 10px;
	font-family: Georgia, serif;
	font-size: 24px;
	color: #fff;
}

.slide-title:hover {
	color: #fff;
}

.slide-text p {
	line-height: 14px;
	color: #e8f5d2;
}

.home-slider .slick-next,
.home-slider .slick-prev {
	background-color: rgba(0, 0, 0, .15);
	background-size: 10px 17px;
	width: 24px;
	padding: 67px 0 0;
	top: auto; bottom: 15px;
	-webkit-transform: none;
	transform: none;
}

.home-slider .slick-next:hover,
.home-slider .slick-prev:hover {
	background-color: rgba(0, 0, 0, .3);
}

.home-slider .slick-next {
	background-position: 4px center;
	border-radius: 0 3px 3px 0;
	left: 39px;
}

.home-slider .slick-prev {
	background-position: 10px center;
	border-radius: 3px 0 0 3px;
	left: 15px;
}

.home-cat-list .cl-item {
	width: 20%;
	min-height: 140px;
	padding: 0 0 17.91666666666667%;
	position: relative;
}

.home-cat-list .cl-item a {
	padding: 0;
	position: absolute;
	top: 0; bottom: 15px; left: 0; right: 15px;
}

.home-welcome.masonry {
	background: none;
	width: 40%;
	min-height: 400px;
	padding: 0 0 53.75000000000001%;
	position: relative;
	clear: both;
}

.home-welcome,
.no-js .home-welcome.masonry {
	background: #ebebe0 url(/images/style/todds/bg-home-welcome.png) right top no-repeat;
	padding: 30px 20px;
}

.no-js .home-welcome.masonry {
	width: 100%;
	min-height: 0;
}

.js .masonry .welcome-inner {
	background: #ebebe0 url(/images/style/todds/bg-home-welcome.png) right top no-repeat;
	padding: 30px 20px;
	position: absolute;
	top: 0; bottom: 15px; left: 0; right: 15px;
}

.welcome-title {
	margin: 0 0 25px;
	font-size: 24px;
	line-height: 24px;
}

.welcome-title span {
	display: block;
	font-size: 18px;
	color: #96982d;
}

.welcome-text {
	margin: 0 0 20px;
	position: relative;
}

.welcome-text p:last-child {
	margin: 0 0 30px;
}

.home-welcome .btn {
	padding: 7px 20px;
	font-size: 12px;
	font-weight: 700;
}

.home-welcome .of-toggle {
	display: none;
	background: #696748;
}

.home-welcome .of-toggle span {
	background: url(/images/style/todds/arrow-white-down.png) right center no-repeat;
	background-size: 16px;
	padding: 0 25px 0 0;
}

.home-welcome .of-open span {
	background-image: url(/images/style/todds/arrow-white-up.png);
}

.home-nsltr {
	padding: 10px;
	border-top: 2px solid #ebebe0;
	border-bottom: 2px solid #ebebe0;
	margin: 25px 0 30px;
}

.home-nsltr .dblc {
	vertical-align: middle;
}

.nsltr-title {
	width: 200px;
	font-family: Georgia, serif;
	font-size: 21px;
	color: #96982d;
}

.nsltr-note {
	width: 380px;
	padding: 0 20px 0 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
}

.home-nsltr .input-field {
	width: 50%;
	padding: 0 10px 0 0;
	float: left;
}

.home-nsltr .text_input {
	font-family: 'Lato', Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
}

.home-nsltr .btn {
	padding: 8px 15px;
	float: right;
	font-size: 12px;
	font-weight: 700;
}

.home-awards {
	background: #ebebe0;
	width: 59.1666666%;
	border-radius: 3px;
	float: left;
}

.ha-top {
	overflow: hidden;
	line-height: 18px;
	padding: 15px 20px 0 20px;
}

.ha-top span {
	float: left;
	font-family: Georgia, serif;
	font-size: 18px;
	color: #696748;
}

.ha-top a {
	background: url(/images/style/todds/arrow-grn-right.png) right center no-repeat;
	background-size: 6px;
	padding: 2px 15px 0 0;
	float: right;
}

.ha-top a:hover {
	background-image: url(/images/style/todds/arrow-drk-right.png);
}

.home-awards .awards {
	margin: 10px 20px 10px 20px;
}

.home-awards .award {
	margin: 0 0 10px;
	padding:0 3%;
}

.home-news {
	background: #96982d;
	width: 39.1666666%;
	border-radius: 3px;
	float: right;
	position: relative;
	overflow: hidden;
}

.home-news .news-text {
	padding:14px 25px;
}

.home-news .news-text-inner {
	min-height: 225px;
	padding: 0 0 40px;
	position: relative;
}

.home-news .news-image {
	right: 243px;
}

.home-news .news-image + .news-text {
	width: 243px;
}

.home-news .news-title {
	font-size: 18px;
	line-height: 22px;
	color: #fff;
}

.home-news .news-info {
	font-size: 11px;
	font-weight: 400;
	color: #e8f5d2;
}

.home-news .news-info a {
	font-weight: 700;
	color: inherit;
}

.home-news p {
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	color: #e4e3de;
}

.hn-btns {
	margin: 0 -2px;
	position: absolute;
	bottom: 0;
}

.home-news .btn {
	padding: 8px 10px;
	margin: 0 2px;
	font-size: 12px;
}

.home-news .btn:first-child {
	background: #696748;
}

.home-news .btn:first-child:hover {
	background: #595959;
}

.home-news .btn:last-child {
	background: rgba(0, 0, 0, .1);
}

.home-news .btn:last-child:hover {
	background: rgba(0, 0, 0, .2);
}





/*================================
============= ABOUT ==============
================================*/

.about-sections {
	margin: 35px 0 0;
}

.about-section {
	width: 33.333333%;
	padding: 0 15px 15px 0;
	float: left;
}

.as-inner,
.history,
.tm-inner {
	background: #f4f4ee;
	border-radius: 3px;
	position: relative;
	overflow: hidden;
}

.as-image {
	display: block;
	padding: 65.86% 0 0;
}

.as-text,
.tm-text {
	padding: 20px;
	overflow: hidden;
}

.as-title {
	display: block;
	margin: 0 0 15px;
	font-family: Georgia, serif;
	font-size: 21px;
	color: #696748;
}

.as-text p {
	margin: 0 0 15px;
	font-size: 13px;
	line-height: 18px;
}

.about-sections + .awards {
	padding: 30px 0 0;
	margin: 35px 0 0;
}

.awards .small-title,
.team .small-title {
	margin: 0 0 30px;
}

.history {
	margin: 40px 0 0;
}

.history-image {
	display: block;
	position: absolute;
	top: 0; bottom: 0; left: 62.444444%; right: 0;
}

.history-text {
	width: 62.444444%;
	padding: 30px 25px;
	float: left;
}

.history .small-title {
	margin: 0 0 10px;
}

.team {
	padding: 30px 0 0;
	border-top: 2px solid #d0d0c2;
	margin: 55px 0 -20px;
}

.team .small-title {
	text-align: center;
}

.team-member {
	width: 50%;
	padding: 0 20px 20px 0;
	float: left;
}

.tm-image {
	display: block;
	width: 159px;
	float: left;
}

.tm-title {
	display: block;
	float: left;
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 13px;
	color: #696748;
}

.tm-text p {
	font-size: 12px;
	line-height: 18px;
}





/*================================
============ AWARDS ==============
================================*/

.awards {
	padding: 25px 0 0;
	border-top: 2px solid #d0d0c2;
	margin: 35px 0 0;
	overflow: hidden;
	text-align: center;
}

.award {
	width: 33.3333333%;
	padding: 0 6.1%;
	margin: 0 0 30px;
	float: left;
	position: relative;
}

.award::before {
	content: "";
	background: #d0d0c2;
	width: 2px;
	height: 237px;
	position: absolute;
	top: 0; left: 0;
}

.award-inner {
	display: block;
	background-position: top center;
	background-repeat: no-repeat;
	padding: 80px 0 0;
	position: relative;
}

.award-inner.has-medal {
	padding: 0;
}

.award-inner img {
	margin: 0 0 12px;
}

.award-medal {
	background-size: contain;
	width: 62px;
	height: 61px;
	position: absolute;
	top: -15px; left: -15px;
}

.award:nth-child(3n-2)::before {
	display: none;
}

.award-title {
	display: block;
	margin: 0 0 5px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #96982d;
}

.award p {
	margin: 0 0 5px;
	font-size: 12px;
	line-height: 13px;
	color: #696748;
}





/*================================
============ CONTACT =============
================================*/

.contact-left {
	background: #ebebe0;
	width: 430px;
	min-height: 290px;
	padding: 25px;
	border-radius: 3px;
	margin: 0 20px 0 0;
	float: left;
	font-size: 14px;
}

.contact-detail-label {
	width: 120px;
	padding: 0 15px 0 0;
	font-weight: 700;
	text-align: right;
}

.contact-tel .dblc,
.contact-hours .dblc {
	padding-top: 20px;
}

.contact-tel a {
	color: inherit;
}

.contact-left p{
	margin:0 0 10px 0;	
}

.contact-detail p:last-child {
	margin-bottom: 0;
}

.contact-right {
	margin: 0 0 20px;
	overflow: hidden;
}

.contact-form,
.returns-form,
.comments-form,
.nsltr-form {
	padding: 20px;
	border-radius: 3px;
}

.contact-form .text_input,
.returns-form .text_input,
.comments-form .text_input,
.nsltr-form .text_input {
	border-radius: 0;
}

.contact-form,
.comments-form {
	background: #696748;
}

.contact-form .custom-row:not(:last-child) {
	margin: 3px 0 0;
}

.contact-form .custom-row:first-child {
	margin: 0;
}

.input-field,
.textarea-field {
	border-radius: 3px;
	overflow: hidden;
}

.contact-form .input-field,
.returns-form .input-field {
	max-width: 300px;
}

.contact-form label,
.returns-form label,
.comments-form label,
.nsltr-form label {
	background: #fff;
	padding: 0 10px;
	font-size: 12px;
	line-height: 30px;
	color: #696748;
}

.input-field label {
	width: 89px;
	float: left;
}

.input-field .text_input {
	height: 30px;
	line-height: 30px;
}

.contact-form .text_input,
.returns-form .text_input,
.nsltr-form .text_input {
	border-color: transparent;
	font-size: 12px;
}

.contact-form .text_input,
.comments-form .text_input {
	background: #f4f4ee;
}

.required {
	float: left;
	font-size: 11px;
	line-height: 34px;
	color: #e4e3de;
}

.contact-form .btn,
.returns-form .btn,
.nsltr-form .btn {
	width: 150px;
	float: right;
}

.map-cont {
	min-height: 350px;
	padding: 0 0 60.4166666%;
	position: relative;
	clear: both;
}

#map {
	border-radius: 3px;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
}





/*================================
============== FAQ ===============
================================*/

.dd-section {
	padding: 25px 0 0;
	border-top: 2px solid #cfd0c2;
	margin: 45px 0 0;
}

.dd-section:first-of-type {
	margin: 25px 0 0;
}

.dd-section h2 {
	margin: 0 0 20px;
}

.dd-block {
	background: #f4f4ee;
}

.dd-block:not(:first-child) {
	margin: 4px 0 0;
}

.dd-title {
	padding: 20px;
	cursor: pointer;
	font-family: Georgia, serif;
	font-size: 16px;
	color: #96982d;
}

.dd-title span:first-child {
	display: block;
	background: url(/images/style/todds/arrow-grn-down.png) right center no-repeat;
	background-size: 18px 11px;
	padding: 0 30px 0 0;
}

.dd-open span:first-child {
	background-image: url(/images/style/todds/arrow-grn-up.png);
}

.dd-text {
	padding: 0 85px 25px 20px;
	color: #2f2d2d;
}

.dd-text p {
	font-size: 13px;
	line-height: 18px;
}





/*================================
=========== CARE NOTES ===========
================================*/

.page-list {
	overflow: hidden;
}

.pl-item {
	width: 33.3333333%;
	padding: 0 15px 15px 0;
	float: left;
}

.pl-item a,
.cl-item a {
	display: block;
	padding: 0 0 72.65%;
	position: relative;
}

.pl-item-text,
.cl-item-text {
	display: block;
	width: 100%;
	background: rgba(105, 103, 72, .9);
	padding: 7px 5px;
	position: absolute;
	bottom: 0;
	font-family: Georgia, serif;
	font-size: 15px;
	text-align: center;
	color: #fff;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}

.pl-item a:hover .pl-item-text,
.cl-item a:hover .cl-item-text {
	background: #96982d;
}

.care-notes .dd-title {
	padding: 18px 20px;
	position: relative;
	font-size: 18px;
	color: #696748;
}

.care-notes .dd-title span:first-child {
	display: block;
	background: none;
	padding: 0 0 0 30px;
}

.plus {
	background: url(/images/style/todds/icon-plus.png) center center no-repeat;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.minus {
	background: url(/images/style/todds/icon-minus.png) center center no-repeat;
	opacity: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.plus,
.minus {
	display: block;
	background-size: 14px;
	width: 14px;
	padding: 14px 0 0;
	margin: -7px 0 0;
	position: absolute;
	top: 50%; left: 20px;
	-webkit-transition: .3s all ease;
	transition: .3s all ease;
}

.dd-open .plus {
	opacity: 0;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.dd-open .minus {
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

.care-notes .dd-text {
	padding: 0 20px 20px 50px;
	color: #595959
}

.care-notes .dd-text p {
	font-size: 14px;
	line-height: 24px;
}





/*================================
============ DELIVERY ============
================================*/

.delivery-table {
	background: #fff;
	width: 100%;
	border-radius: 3px;
	margin: 35px 0 0;
	overflow: hidden;
	font-family: Georgia, serif;
}

.delivery-table th,
.delivery-table td {
	width: 33.3333333%;
	padding: 14px 20px;
	border-left: 2px solid #e4e3de;
}

.delivery-table th:first-child,
.delivery-table td:first-child {
	border: none;
}

.delivery-table th {
	background: #b4b053;
	padding: 17px 20px;
	font-size: 18px;
	color: #fff;
}

.delivery-table td {
	padding: 12px 20px;
	font-size: 16px;
}

.delivery-table tbody tr:nth-child(odd) td {
	background: #f1f1ee;
}

.delivery-small {
	margin: 30px 0 0;
}

.delivery-small p {
	font-size: 12px;
	line-height: 18px;
}

.returns {
	margin: 50px 0 0;
}

.returns-left {
	width: 415px;
	margin: 0 30px 0 0;
	float: left;
}

.returns-form {
	background: #f4f4ee;
	padding: 0;
	overflow: hidden;
}

.returns-form .form-title {
	padding: 20px;
	margin: 0;
	font-size: 18px;
}

.form-title {
	display: block;
	background: #696748;
	font-family: Georgia, serif;
	color: #fff;
}

.returns-form-inner {
	padding: 20px;
}

.returns-form .custom-row:not(:last-child),
.nsltr-form .custom-row:not(:last-child) {
	margin: 4px 0 0;
}

.returns-form .custom-row:first-child,
.nsltr-form .custom-row:first-child {
	margin: 0;
}

.returns-form label,
.nsltr-form label {
	margin: 0 2px 0 0;
}

.returns-form .textarea-field label {
	margin: 0 0 2px;
}

.returns-form .text_input,
.nsltr-form .text_input {
	background: #fff;
}

.returns-right {
	overflow: hidden;
}





/*================================
============== NEWS ==============
================================*/

.news-item,
.cat-intro,
.listing-main {
	background: #ebebe0;
	border-radius: 3px;
	margin: 0 0 10px;
	position: relative;
	overflow: hidden;
}

.news-image,
.ci-image {
	display: block;
	background-color: #696748;
	border-radius: 3px 0 0 3px;
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 55.2%;
	min-height:194px;
}

.news-text,
.ci-text {
	padding: 30px;
	position: relative;
}

.news-image + .news-text,
.ci-image + .ci-text {
	width: 55.2%;
	float: right;
}

.news-title {
	margin: 0 0 8px;
	font-family: Georgia, serif;
	font-size: 24px;
	line-height: 30px;
}

.news-info {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #a6a6a6;
}

.news-info span {
	color: #696748;
}

.news-item .btn {
	padding: 5px 20px;
	font-size: 13px;
}

.news-article {
	padding: 0;
}

.news-content {
	max-width: 760px;
	padding: 50px 30px;
	margin: 0 auto;
}

.news-article .news-title {
	margin: 0 0 25px;
	font-size: 42px;
	line-height: 42px;
	text-align: center;
}

.news-article .news-info {
	margin: 0 0 45px;
	font-size: 13px;
	text-align: center;
}

.news-content .image {
	margin: 0 -20px;
}

.news-footer {
	margin: 45px 0 0;
}

.comments {
	max-width: 700px;
	margin: 60px auto 0;
}

.comment {
	background: #f4f4ee;
	padding: 30px;
	border-radius: 3px;
	margin: 0 0 20px;
}

.comment-text {
	margin: 0 0 10px;
}

.comment-info {
	font-size: 12px;
	line-height: 24px;
	color: #a6a6a6;
}

.comment-name {
	font-family: Georgia, serif;
	font-size: 18px;
	color: #696748;
}

.comments-form-cont {
	margin: 40px 0 0;
}

.comments-form {
	padding: 30px;
}

.comments-form .input-field {
	width: 50%;
	max-width: 280px;
	padding: 0 10px 0 0;
	float: left;
}

.comments-form .input-field .text_input {
	border-radius: 0 2px 2px 0;
}

.comments-form label,
.comments-form .text_input {
	border: none;
	font-size: 14px;
}

.comments-form .input-field label {
	width: 59px;
}

.comments-form .btn {
	float: right;
}





/*================================
============= NSLTR ==============
================================*/

.nsltr-text-cont {
	width: 100%;
	margin: 0 -455px 0 0;
	float: left;
}

.nsltr-text {
	margin: 0 455px 0 0;
}

.nsltr-form {
	background: #f4f4ee;
	width: 415px;
	float: right;
}

.nsltr-archive {
	margin: 45px 0 0;
}

.nsltr-archive p {
	margin: 0 0 15px;
	font-size: 16px;
}





/*================================
============= LINKS ==============
================================*/

.link {
	padding: 30px 0 0;
	border-top: 2px solid #cfd0c2;
	margin: 35px 0 0;
	overflow: hidden;
}

.link-image {
	margin: 0 0 0 50px;
	float: right;
}

.link-text {
	overflow: hidden;
}

.link-title {
	display: block;
	margin: 0 0 20px;
}

.link-title a {
	font-family: Georgia, serif;
	font-size: 21px;
}

.link .btn {
	padding: 4px 18px;
	font-size: 13px;
}





/*================================
=========== SEARCH PAGE ==========
================================*/

.search-form {
	background-color: #fff;
	border: 2px solid #e4e3de;
	border-radius: 3px;
}

.page .search-form {
	max-width: 500px;
	margin: 0 0 30px;
}

.search-input {
	background: transparent;
	height: 31px;
	padding: 0 10px;
	border-color: transparent;
	font-size: 12px;
	line-height: 31px;
	color: #a6a6a6;
}

.search-submit {
	background: url(/images/style/todds/icon-search.png) center center no-repeat;
	background-size: 18px;
	width: 31px;
	padding: 31px 0 0;
	float: right;
	-webkit-transition: background .3s ease;
	transition: background .3s ease;
}





/*================================
========== CATEGORY PAGE =========
================================*/

.cat-intro {
	margin: 0 0 8px;
}

.cat-intro::before,
.listing-main::before {
	content: "";
	display: block;
	background: url(/images/style/todds/bg-home-welcome.png) right top no-repeat;
	width: 279px;
	height: 296px;
	position: absolute;
	top: -40px; right: -5px;
}

.ci-image + .ci-text {
	min-height: 210px;
}

.plant-text {
	margin: 0 0 20px;
}

.ci-text p {
	font-size: 14px;
}

.js .ci-text .overflow,
.no-js .ci-text .of-toggle {
	display: none;
}

.ci-text .overflow {
	margin: 0 0 20px;
}

.ci-text .of-toggle {
	background: url(/images/style/todds/arrow-grn-down.png) right center no-repeat;
	background-size: 12px;
	padding: 0 20px 0 0;
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	color: #96982d;
}

.ci-text .of-open {
	background-image: url(/images/style/todds/arrow-grn-up.png);
}

.cat-list,
.home-cat-list {
	overflow: hidden;
}

.cat-list-inner {
	margin: 0 -8px 0 0;
}

.cl-item {
	width: 25%;
	padding: 0 8px 8px 0;
	float: left;
}

.results-sort-bar {
	margin: 40px 0 0;
	font-size: 13px;
}

.filters {
	margin: 0 0 7px;
	overflow: hidden;
}

.filters-inner {
	margin: 0 -4px 0 0;
}

.filter {
	width: 25%;
	padding: 0 4px 4px 0;
	float: left;
}

.filter-inner {
	border: 1px solid #e4e3de;
	border-radius: 2px;
}

.filter-title {
	padding: 6px 10px;
	cursor: pointer;
	color: #696748;
}

.filter-title span {
	display: block;
	background: url(/images/style/todds/arrow-drk-down.png) right center no-repeat;
	background-size: 14px 8px;
}

.filter-open .filter-title span {
	background-image: url(/images/style/todds/arrow-drk-up.png);
}

.filter .list-reset {
	padding: 0 10px 6px;
}

.filter a {
	padding: 0 0 0 17px;
	margin: 0 0 4px;
	position: relative;
}

.filter a::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border: 1px solid #696748;
	position: absolute;
	top: 50%; left: 0;
	line-height: 10px;
	color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.filter-selected a::before {
	content: "\2714";
	background: #696748;
}

.results-sort-by {
	width: 200px;
	margin: 0 0 11px 20px;
	float: right;
}

.results-sort-by label {
	padding: 0;
	float: left;
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 30px;
}

.sort-by-sel-cont {
	width: 100%;
	margin: 0 0 0 -56px;
	float: right;
}

.sort-by-sel {
	margin: 0 0 0 56px;
	color: #696748;
}

.selected-filters {
	margin: 0 0 11px;
	overflow: hidden;
}

.selfilter {
	background: #696748;
	padding: 5px 10px;
	margin: 0 4px 4px 0;
	color: #fff;
}

.selfilter:hover {
	background: #595959;
	color: #fff;
}

.selfilter span {
	display: block;
	padding: 0 20px 0 0;
	position: relative;
}

.selfilter span::after {
	content: "\d7";
	display: block;
	position: absolute;
	top: 50%; right: 0;
	font-size: 18px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#page_numbers {
    margin-bottom: 10px;
    float: right;
	clear:both;
}
.page_number, .page_number_sel, .next_page, .previous_page {
    float: left;
}
.page_number a, .page_number_sel a, .next_page a, .previous_page a {
    display: block;
    padding: 5px 10px;
    background: #96982d;
    color: #fff;
    font-size: 11px;
    text-align: center;
    margin: 0 2px 2px 0;
}
.page_number a:hover, .page_number_sel a, .next_page a:hover, .previous_page a:hover {
    background: #696748;
}

.cat-intro #youtube_thumbnail {
	position: relative;
	float: right;
	width: 50%;
	height: 0;
	padding-top: 28.125%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	margin: 5px 0 10px 20px;
}

.cat-intro #youtube_thumbnail::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: block;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.cat-intro #youtube_thumbnail:hover {
	cursor: pointer;
}

.cat-intro #youtube_thumbnail:hover::before {
	opacity: 0.4;
}

.cat-intro #youtube_thumbnail svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.cat-intro #youtube_thumbnail:hover svg {
	opacity: 0.6;
}

#youtube_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
	z-index: 1000;
}

#youtube_modal {
	width: 100%;
	max-width: 1200px;
	padding: 10px;
	position: relative;
	height: 100%;
	margin: 0 auto;
	z-index: 10001;
}

#youtube_modal--inner {
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: -40px;
}

#youtube_close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
	z-index: 1002;
	cursor: pointer;
}

#youtube_close svg path {
	fill: #ffffff;
}

#youtube_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 40px;
	background: #000000;
}



/*================================
========== PRODUCT LIST ==========
================================*/

.prod_container {
	margin: 0 -8px 0 0;
}

.prod_item {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
}

.prod_grid {
	width: 25%;
	padding: 0 8px 8px 0;
	float: left;
	text-align: center;
}

.prod-item-inner {
	background: #fff;
	border: 2px solid #ebebe0;
}

.prod_image {
	display: block;
	position: relative;
	overflow: hidden;
}

.prod_image img {
	display: block;
}

.prod_image_overlay {
	position: absolute;
	top: 0; left: 0;
}

.prod_text {
	padding: 20px;
}

.prod_title {
	margin: 0 0 10px;
}

.prod_title .title {
	font-family: Georgia, serif;
	font-size: 18px;
	line-height: 20px;
	color: #696748;
}

.prod_title .sub_title {
	display: block;
	margin: 8px 0 0;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	color: #96982d;
}

.prod_price {
	margin: 0 0 15px;
}

.prod_price_web {
	font-family: Georgia, serif;
	font-size: 26px;
}

.prod_price_from {
	font-size: 12px;
	font-weight: 400;
}

.prod_item .btn {
	padding: 7px 15px;
	font-size: 12px;
	font-weight: 700;
}





/*================================
============= LISTING ============
================================*/

.listing-main {
	padding: 20px 35px 20px 20px;
	margin: 0 0 30px;	
}

.listing-right {
	width: 380px;
	margin: 0 0 0 35px;
	float: right;
	position: relative;
}

.confirm-tandc.confirm-listing {
	padding: 15px 0 10px;
	border: 0;
}

#error-msg-confirm {
	margin-top: 10px;
	margin-bottom: 0;
}

.listing-title {
	margin: 0;
}

.listing-sub {
	display: block;
	margin: 5px 0 0;
	font-size: 17px;
	color: #96982d;
}

.price-ratings {
	margin: 10px 0 25px;
}

.price-ratings .dblc,
.quantity-stock .dblc {
	vertical-align: middle;
}

.stock_notification {
	width: 100%;
	margin-top: 10px;
}

#options_price {
	font-family: Georgia, serif;
	font-size: 30px;
}

.listing-rating,
#stock {
	text-align: right;
}

.listing-rating a {
	color: #696748;
}

.listing-rating img,
.lr-rating img {
	width: 19px;
	margin: 0 0 0 1px;
}

.review-qty {
	display: block;
	font-size: 12px;
}

#form_options {
	font-size: 14px;
}

#form_options .select_input {
	border-color: #fff;
	color: #696748;
}

.options_1_container {
	margin: 0 0 10px;
}

.options_2_container {
	margin: 0 0 4px;
}

.quantity-stock {
	text-transform: uppercase;
}

#quantity label {
	width: 40px;
	padding: 0;
	float: left;
	line-height: 32px;
}

.qty_option {
	width: 74px;
	float: left;
}

#quantity .select_input {
	padding: 4px 12px;
	font-size: 16px;
}

#options_stock img {
	max-width: 21px;
	max-height: 15px;
	margin: 0 8px 0 0;
}

.listing_stock_in,
.listing_stock_pending {
	color: #96982d;
}

.btn-basket {
	width: 100%;
	margin: 10px 0 0;
	font-size: 15px;
	letter-spacing: 1px;
}

.btn-basket:disabled {
	background: #a6a6a6;
	cursor: not-allowed;
}

.listing_downloads {
	margin: 25px 0 0;
}

.listing-features {
	background: rgba(255, 255, 255, .45);
	padding: 20px;
	margin: 25px 0 0;
}

.lf-title {
	display: block;
	margin: 0 0 10px;
	font-family: Georgia, serif;
	font-size: 18px;
	font-weight: 700;
	color: #696748;
}

.listing-features p:not(:last-child) {
	margin: 0 0 10px;
}

.listing-features ol,
.listing-features ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.listing-features li {
	margin: 5px;
}

.listing-left {
	overflow: hidden;
}

.listing-left a,
.listing-left img {
	display: block;
}

#listing_main_link {
	position: relative;
}

.zoom {
	width: 22px;
	position: absolute;
	bottom: 10px; left: 10px;
}

.thumbnail-slider {
	padding: 0 38px;
	margin: 10px 0 0;
}

.thumbnail {
	width: 100%;
	max-width: 188px;
	margin: 0 3px 0 0;
}

.thumbnail a {
	display: block;
}

.listing-tabs {
	background: #f4f4ee;
	border-radius: 3px;
	overflow: hidden;
}

.listing-tabs-bar {
	overflow: hidden;
	font-family: Georgia, serif;
	font-size: 18px;
	color: #96982d;
}

.listing-tab {
	padding: 0 25px;
	border-radius: 3px 3px 0 0;
	float: left;
	cursor: pointer;
	line-height: 60px;
}

.listing-tab span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.tab-sel {
	background: #ebebe0;
	color: #595959;
}

.tab-arrow {
	display: none;
	background: transparent center center no-repeat;
	background-size: 16px;
	width: 60px;
	padding: 60px 0 0;
}

.tab-prev {
	background-image: url(/images/style/todds/arrow-grn-left.png);
	float: left;
}

.tab-next {
	background-image: url(/images/style/todds/arrow-grn-right.png);
	float: right;
}

.data_tab {
	background: #ebebe0;
	padding: 30px;
}

.listing-review {
	background: #f1f1ee;
	padding: 30px;
	border-radius: 3px;
	margin: 0 0 10px;
}

.lr-text p {
	font-size: 14px;
	line-height: 24px;
}

.lr-info {
	margin: 20px 0 0;
	overflow: hidden;
}

.lr-rating {
	float: right;
}

.lr-name {
	float: left;
	font-family: Georgia, serif;
	font-size: 18px;
	color: #696748;
}

.review-no-acc {
	display: block;
	margin: 20px 0 0;
}

.review-form {
	margin: 30px 0 0;
}

.review-rating {
	margin: 0 0 0 10px;
	float: right;
	font-size: 14px;
	line-height: 30px;
}

.review-rating span {
	margin: 0 15px 0 0;
	color: #fff;
}

.review-rating img {
	width: 22px;
	margin: 0 0 -.25em 2px;
}

.review-form .input-field {
	max-width: 305px;
}

.review-select {
	display: none;
	font-size: 14px;
}

.listing-related {
	padding: 25px 0 0;
	border-top: 2px solid #ebebe0;
	margin: 55px 0 0;
}

.listing-right #youtube_thumbnail {
	position: relative;
	float: right;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	margin: 25px 0 10px 20px;
}

.listing-right #youtube_thumbnail::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	display: block;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.listing-right #youtube_thumbnail:hover {
	cursor: pointer;
}

.listing-right #youtube_thumbnail:hover::before {
	opacity: 0.4;
}

.listing-right #youtube_thumbnail svg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
	-webkit-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.listing-right #youtube_thumbnail:hover svg {
	opacity: 0.6;
}



/*================================
========= PERSONALISATION ========
================================*/

.custom-right {
	width: 435px;
	margin: 0 0 0 35px;
	float: right;
}

.custom-item {
	font-size: 16px;
}

.custom-label {
	display: block;
	margin: 0 0 5px;
}

.custom-input {
	display: block;
	margin: 0 0 20px;
}

.custom-right .btn {
	margin: 10px 0 0;
}

.btn-no {
	background: #a6a6a6;
}

.btn-no:hover {
	background: #595959;
}

.custom-left {
	overflow: hidden;
}





/*================================
======= CHECKOUT TEMPLATE ========
================================*/

header.chkout {
	background: #eee;
}

.chkout-container {
	width: 90%;
	max-width: 760px;
	margin: 0 auto;
}

.header-main {
	padding: 40px 0;
}

.chkout .logo {
	width: 273px;
	float: left;
}

.chkout-tel {
	padding: 10px 0 0;
	margin: 20px 0 0;
	float: right;
	line-height: 20px;
	text-align: right;
}

.chkout-tel span {
	display: block;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}

.chkout-tel a {
	font-family: Georgia, serif;
	font-size: 30px;
	color: #96982d;
}

.chkout-header {
	background: #595959;
	padding: 4px;
	border-radius: 3px;
	overflow: hidden;
}

.chkout-stage {
	margin: 0 -4px 0 0;
}

.stage {
	width: 25%;
	padding: 0 4px 0 0;
	margin: 0;
	float: left;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #a6a6a6;
}

.stage span {
	display: block;
	padding: 8px;
	border-radius: 3px;
}

.stage-current {
	color: #b4b053;
}

.stage-prev span,
.stage-current span {
	background: rgba(0, 0, 0, .1);
}

main.chkout {
	background: #eee;
	padding: 20px 0 90px;
}

.chkout-content {
	background: #fff;
	padding: 20px;
	border-radius: 3px;
}

.chkout-content .btn,
.cart-form .btn,
.account-box .btn,
.form-login .btn {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 12px;
}

.chkout-content iframe {
	margin: 0 auto;
}

.chkout h2 {
	font-size: 18px;
	padding: 0 0 15px;
	border-bottom: 2px solid #eee;
	margin: 0 0 20px;
}

.chkout label,
.chkout .label {
	font-size: 12px;
}





/*================================
============== CART ==============
================================*/

.cart-header {
	background: #595959;
	padding: 4px;
	border-radius: 3px;
	margin: 40px 0 30px;
	overflow: hidden;
}

.cart-header .stage-current {
}

.cart-header .stage {
	font-size: 18px;
}

.cart-header .stage:before {
	left: 28px;
}

.cart-form {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
}

.cart-items {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 2px;
}

.cart-items th {
	padding-bottom: 15px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #a6a6a6;
}

.cart-row-qty .short-name {
	display: none;
}

.cart-items tbody tr {
	background: #ebebe0;
}

.cart-row-image {
	width: 100px;
	padding: 10px;
	border-radius: 3px 0 0 3px;
}

.cart-row-image img {
	width: 100%;
}

tbody .cart-row-title a {
	font-family: Georgia, serif;
	font-size: 18px;
}

.cart-row-options {
	display: block;
	font-size: 12px;
}

.cart-row-qty {
	width: 105px;
	text-align: center;
}

tbody .cart-row-qty {
	font-size: 16px;
	color: #939393;
}

.cart-row-qty input {
	display: inline-block;
	width: 69px;
	padding: 5px 8px;
	margin: 0 0 0 10px;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #555555;
}

.cart-row-remove {
	width: 250px;
	text-align: center;
}

.remove {
	display: inline-block;
	padding: 0 0 0 15px;
	position: relative;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer;
	font-family: 'Lato', Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
	color: #f21012;
}

.remove::before {
	content: "\d7";
	display: block;
	position: absolute;
	left: 0;
	font-size: 20px;
	font-weight: 700;
	line-height: 11px;
}

.cart-row-total {
	width: 162px;
	border-radius: 0 3px 3px 0;
	text-align: right;
}

thead .cart-row-total {
	padding-right: 17px;
}

tbody .cart-row-total {
	padding-right: 15px;
	font-size: 21px;
	color: #222;
}

.cart-base {
	padding: 18px 0 20px;
	border-bottom: 2px solid #eee;
	float: right;
}

.cart-base .btn {
	background: #696748 url(/images/style/todds/cart-update.png) 18px center no-repeat;
	padding: 7px 15px 7px 36px;
	margin: 0 85px 0 0;
	float: left;
	font-size: 11px;
}

.cart-base .btn:hover {
	background-color: #595959;
}

.cart-base-total {
	width: 328px;
	padding: 2px 0 0;
	float: right;
}

.cbt-label {
	font-family: Georgia, serif;
	font-size: 18px;
}

.cbt-value {
	padding: 0 17px 0 20px;
	font-size: 21px;
	text-align: right;
	color: #222;
}

.continue-shopping {
	background: #a6a6a6;
	padding: 9px 25px;
	margin: 18px 0 0;
	float: left;
}

.continue-shopping:hover {
	background: #595959;
}

.cart-related {
	width: 100%;
	max-width: 405px;
	padding: 20px 0 0;
	float: left;
	clear: left;
}

.cart-related h2 {
	padding: 45px 0 10px;
}

.related-basket-cont {
	display: table;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 10px;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
}

.rb-image,
.rb-content,
.rb-right {
	display: table-cell;
	vertical-align: middle;
}

.rb-image {
	width: 75px;
}

.rb-image img{
	width:100%;
}

.rb-content {
	padding: 5px;
}

.rb-content a {
	font-family: Georgia, serif;
	font-size: 16px;
	font-weight: 400;
}

.rb-price {
	font-size: 16px;
	text-align: right;
	color: #222;
}

.rb-right .btn {
	padding: 6px 12px;
	margin: 5px 0 0;
	float: right;
}

.cart-related h2,
.cart-options h2 {
	padding: 0 0 10px;
	border-bottom: 2px solid #eee;
	margin: 0 0 5px;
	font-size: 18px;
	color: #595959;
}

.cart-related h2 {
	padding: 10px 0;
}

.cart-options {
	width: 100%;
	max-width: 320px;
	padding: 45px 0 0;
	float: right;
	clear: right;
	font-size: 12px;
	color: #a6a6a6;
}

.voucher-cont {
	background: #ebebe0;
	padding: 10px 10px 0;
	margin: 0 0 40px;
}

.voucher-title,
.voucher-block {
	padding: 0 0 10px;
	color: #696748;
}

.voucher-toggle {
	float: right;
	cursor: pointer;
	text-decoration: underline;
	color: #96982d;
}

.voucher-block .btn {
	padding: 5px 8px;
	margin: 0 0 0 10px;
	float: right;
}

.voucher-input {
	overflow: hidden;
}

.voucher-block .text_input {
	padding: 4px 6px;
	border: none;
}

.cart-delivery .custom-row {
	display: table;
	width: 100%;
}

.cd-label {
	display: table-cell;
	width: 87px;
	padding: 0 10px 0 0;
	vertical-align: middle;
	text-align: right;
}

.cd-input {
	display: table-cell;
}

.cart_input {
	padding: 4px 6px;
	font-size: 12px;
}

.cart_input .selectboxit-text {
	background-size: 10px auto;
}

.cart-options #account_del_7 {
	width: 137px;
}

#postcode_button {
	background: #696748;
	padding: 7px 20px;
	margin: 0 0 0 87px;
	font-size: 11px;
}

#postcode_button:hover {
	background: #595959;
}

.methods {
	padding: 15px 0 0;
}

.methods .cd-label {
	vertical-align: top;
}

.shipping-method:not(:first-child) {
	margin: 10px 0 0;
}

.shipping-method input {
	display: inline-block;
}

.shipping-method label {
	display: inline-block;
	padding: 0;
	cursor: pointer;
}

.cart-totals {
	padding: 40px 0 15px;
	border-bottom: 2px solid #eee;
}

.total-row {
	display: table;
	width: 100%;
	padding: 5px 0 0;
}

.total-label,
.total-value {
	display: table-cell;
}

.total-value {
	width: 160px;
	text-align: right;
}

.cart-grand-total {
	padding: 15px 0 0;
	border-top: 1px solid #eee;
	margin: 10px 0 0;
	overflow: hidden;
	font-size: 18px;
	color: #222;
}

.cart-grand-total .total-value {
	font-size: 24px;
}

.cart-totals + .btn {
	width: 100%;
	padding: 12px;
	margin: 20px 0 0;
	font-size: 18px;
}

.empty-cart .custom-row {
	display: table;
	width: 100%;
	margin-top: 20px;
}

.ec-left,
.ec-right {
	display: table-cell;
	vertical-align: middle;
}

.ec-left {
	width: 390px;
	padding: 0 30px 0 0;
}





/*================================
======== CHECKOUT DETAILS ========
================================*/

.div-account .click-span {
	margin: 20px 0 0;
}

.div-details .click-span {
	margin: 0 0 20px;
}

.form-login {
	max-width: 400px;
}

.form-login .custom-row {
	display: table;
	width: 100%;
}

.fl-left,
.fl-right {
	display: table-cell;
	vertical-align: middle;
}

.fl-left {
	width: 145px;
	padding: 0 15px 0 0;
	text-align: right;
}

.form-login .btn {
	padding: 8px 15px;
}

.contact-details {
	margin: 0 0 35px;
	overflow: hidden;
}

.contact-details .custom-row {
	margin-top: 15px;
}

.contact-details .custom-row:first-child {
	margin-top: 0;
}

.details-small,
.details-med,
.details-large {
	padding: 0 20px 0 0;
	float: left;
}

.details-small {
	width: 11%;
}

.details-med {
	width: 27.75%;
}

.details-large {
	width: 44.5%;
}

.address-column {
	width: 47.916666%;
	margin: 0 0 30px;
}

.delivery-details {
	float: left;
}

.billing-details {
	float: right;
}

.address-note {
	font-size: 12px;
}

.custom-row-half {
	width: 50%;
	padding: 0 15px 0 0;
	float: left;
}

#del_pc_finder,
#bill_pc_finder {
	background: #696748;
	margin: 0 0 0 10px;
	float: right;
}

#del_pc_finder:hover,
#bill_pc_finder:hover {
	background: #595959;
}

.pc_error .error-msg,
.pc_error_bill .error-msg {
	margin: 10px 0 0;
}

.country-change {
	cursor: pointer;
}

.match-del {
	padding: 10px 0 0;
}

.chkout-btns {
	padding: 20px 0 0;
	border-top: 2px solid #eee;
	margin: 30px 0 0;
	clear: both;
}

.chkout-btns .btn:first-child {
	background: #a6a6a6;
	float: left;
	font-size: 13px;
}

.chkout-btns .btn:first-child:hover {
	background: #595959;
}

.chkout-btns .btn:last-child {
	width: 320px;
	padding: 12px 15px;
	float: right;
	font-size: 18px;
}





/*================================
======== CHECKOUT CONFIRM ========
================================*/

.confirm-text,
.confirm-text > p {
	line-height: 1.1;
	font-size: 13px;
}

.confirm-text {
	padding-bottom: 10px;
}

.confirm-details {
	width: 45.83333%;
	float: left;
	font-size: 12px;
}

.details-display {
	background: #eee;
	padding: 25px 20px;
	color: #222;
}

.details-display .custom-row {
	display: table;
	width: 100%;
	margin-top: 25px;
}

.details-display .custom-row:first-child {
	margin: 0;
}

.details-label,
.details-value {
	display: table-cell;
}

.details-label {
	width: 50%;
	padding: 0 20px 0 0;
	text-align: right;
}

.details-value {
	word-break: break-all;
}

.details-display .btn {
	display: block;
	background: #696748;
	width: 150px;
	margin: 30px auto 0;
}

.details-display .btn:hover {
	background: #595959;
}

.confirm-order {
	width: 48.61111%;
	float: right;
	font-size: 12px;
}

.confirm-section {
	margin: 35px 0 0;
}

.confirm-cart {
	margin: 0;
	overflow: hidden;
}

.confirm-cart-items,
.confirm-cart-shipping,
.confirm-cart-total {
	padding: 5px 25px 15px 15px;
	border: 1px solid #eee;
}

.confirm-cart .custom-row,
.payment-methods .custom-row {
	display: table;
	width: 100%;
	margin-top: 10px;
}

.confirm-cart-qty {
	display: table-cell;
	width: 20px;
}

.confirm-cart-title {
	display: table-cell;
}

.confirm-cart-price {
	display: table-cell;
	width: 70px;
	font-size: 13px;
	text-align: right;
}

.confirm-cart-shipping,
.confirm-cart-total {
	width: 250px;
	border-top: none;
	float: right;
	clear: right;
}

.confirm-cart-total {
	padding: 5px 25px 15px 15px;
	color: #363636;
}

.confirm-cart .btn {
	background: #a6a6a6;
	margin: 10px 0 0;
	float: right;
	clear: right;
}

.confirm-cart .btn:hover {
	background: #595959;
}

.payment-methods .custom-row:first-child {
	margin: 0;
}

.payment-methods label {
	padding: 0;
	cursor: pointer;
}

.method-title,
.method-image {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}

.method-image {
	width: 48.57%;
}

.method-image img {
	float: right;
}

.confirm-section .select_input {
	font-size: 13px;
}

.addtl-info {
	padding: 10px 0 5px;
	margin: 0;
}

.confirm-tandc {
	padding: 15px 0;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #eee;
	overflow: hidden;
}

.confirm-tandc input {
	margin: 3px 10px 0 0;
	float: left;
	cursor: pointer;
}

.confirm-tandc label {
	padding: 0;
	cursor: pointer;
}

#continue {
	width: 100%;
	padding: 12px 15px;
	margin: 20px 0 0;
	float: right;
	font-size: 18px;
}





/*================================
========= ACCOUNT FORMS ==========
================================*/

.account-tabs {
	background: #f4f4ee;
	overflow: hidden;
	text-align: center;
}

.account-tabs a {
	display: block;
	width: 50%;
	padding: 0 12px;
	border-radius: 3px 3px 0 0;
	float: left;
	font-size: 18px;
	line-height: 60px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.account-tabs a span {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

.account-tabs a.sel {
	background: #ebebe0;
}

.account-msg {
	margin: 0 0 20px;
}

.account-box {
	background: #fff;
	width: 48.75%;
	padding: 30px;
	border-radius: 3px;
	margin: 0 0 30px;
}

.account-box h2 {
	font-size: 18px;
}

.account-box p {
	padding: 0;
}

.account-box label {
	font-size: 12px;
}

.account-login,
.newacc-contact,
.newacc-del {
	float: left;
}

.order-tracking,
.newacc-acc,
.newacc-bil {
	float: right;
}

.account-box .error-msg {
	margin: 0 0 15px;
	font-size: 13px;
}

.newacc {
	margin: 15px 0 0;
}

.newacc-intro {
	text-align: center;
	margin: 0 0 30px;
}

.newacc-title {
	padding: 25px 0 0;
	border-top: 2px solid #fff;
	margin: 25px 0 30px;
	font-size: 30px;
	line-height: 30px;
}

.newacc-trade {
	width: 100%;
	overflow: hidden;
}

.trade-left {
	width: 48.67256%;
	float: left;
}

.trade-right {
	width: 48.67256%;
	float: right;
}

.acc-chkbox label {
	padding: 0;
}

.form-note {
	display: block;
	padding: 8px 0 0;
	font-size: 11px;
	color: #7a7a7a;
}

.required-fields{
	font-size: 11px;
	color: #b5121b;
}

.account-box .btn {
	padding: 6px 15px;
	margin: 10px 0 0;
}

.account-box .uppercase_text {
	max-width: 150px;
}

.newacc-del .select_input,
.newacc-bil .select_input {
	max-width: 300px;
}

#copy_address {
	background: #696748;
}

#copy_address:hover {
	background: #595959;
}

.newacc > .btn,
#save {
	width: 100%;
	max-width: 320px;
	padding: 12px;
	float: right;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 18px;
}

#logout {
	background: #696748;
	float: left;
	font-family: 'Roboto', Arial, sans-serif;
}

#logout:hover {
	background: #595959;
}





/*================================
======== FORGOT PASSWORD =========
================================*/

#sendpass {
	margin: 0 0 0 145px;
}

.pass-msg {
	margin: 15px 0 30px;
}





/*================================
========= ORDER HISTORY ==========
================================*/

.order-history {
	width: 100%;
	margin: 0 0 30px;
}





/*================================
========== ORDER INFO ============
================================*/

.order-address {
	margin: 0 0 30px;
	overflow: hidden;
}

.oa-del,
.oa-bil {
	width: 50%;
	float: left;
}

.oa-del {
	padding: 0 20px 0 0;
}

.order-sub {
	text-align: right;
}

.order-total {
	float: right;
}





/*================================
======== ORDER TRACKING ==========
================================*/

.tracked-order {
	width: 100%;
	max-width: 800px;
	margin: 30px 0;
}

.tracked-qty {
	width: 95px;
	text-align: center;
}

.tracked-date {
	text-align: right;
}

.track-again {
	margin: 30px 0 0;
	float: left;
}





/*================================
============ SITEMAP =============
================================*/

.sitemap-page {
	font-size: 11px;
}

.sitemap-left,
.sitemap-right {
	width: 50%;
	max-width: 450px;
	padding: 0 15px;
	float: left;
}

.sitemap-right {
	padding-right: 0;
}

.shop-sitemap .sitemap-cat {
	margin: 15px 0 0;
}

.shop-sitemap h2 {
	margin-top: 30px;
}






/*================================
=========== 404 PAGE =============
================================*/

.text-404 {
	margin: 0 0 30px;
}





/*================================
============ OVERLAY =============
================================*/

#olay {
	display: none;
}

#olay_back {
	background: #000;
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 0;
	z-index: 10000;
	filter: alpha(opacity=70);
	opacity: .7;
	width: 100%;
}

#olay_box_container {
	width: 90%;
	max-width: 720px;
	position: fixed;
	top: 10%; left: 50%;
	z-index: 10010;
}

#olay_box {
	background: #fff;
	width: 100%;
	padding: 30px;
	border-radius: 3px;
	margin: 0 0 0 -50%;
	position: relative;
    -webkit-box-shadow: 0px 0px 12px #333;
    box-shadow: 0px 0px 12px #333;
}

#olay_close,
#search_results_close {
	background: #696748;
	width: 30px;
	height: 30px;
	padding: 0;
	position: absolute;
	top: 30px; right: 30px;
	font-size: 21px;
	line-height: 30px;
	color: #fff;
}

#olay_close:hover,
#search_results_close:hover {
	background: #595959;
}

.autobasket {
	overflow: hidden;
}

.autobasket .cart-row-title {
	padding: 10px;
}

.autobasket .cart-row-qty {
	width: 90px;
	padding: 10px;
	text-align: right;
}

.autobasket .cart-row-qty input {
	width: 40px;
}

.autobasket .btn {
	display: block;
	max-width: 320px;
	margin: 20px auto 0;
	float: none;
}




/*================================
========= COOKIE NOTICE ==========
================================*/

.cookie_note_bkg {
	background: url(/images/style/todds/cookie_olay.png);
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	height: 45px;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	line-height: 45px;
	z-index: 10000
}

.cookie_note_button {
}


/*
|--------------------------------------------------------------------------
| Instagram
|--------------------------------------------------------------------------
*/

.segment-20 {
	float: left;
	clear: none!important;
	width: 20%;
}

.grid--20 {
	margin: 0 -20px -20px 0;
}
.grid--20 > * {
	padding: 0 20px 20px 0;
}


.flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.instafeed__follow {
	display: block;
}

.section__insta {
	padding-top: 25px;
}

.instafeed__inner {
	background-color: #000;
	height: 100%;
	padding: 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}

.img-container img {
	display: block;
	width: 100%;
}

.button--instafeed {
	background-color: #e8e8e8;
	width: 100%;
	text-align: center;
	padding: 15px 0;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: #000;
}

.section__insta > .container {
	border-top: 2px solid #ebebe0;
	border-bottom: 2px solid #ebebe0;
}

.instafeed {
	overflow: hidden;
	padding-top: 20px;
	padding-bottom: 20px;
}

.if-item--inner {
	height: 0;
	padding: 0 0 100%;
	position: relative;
}

.if-item--image {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-background-size: cover;
	background-size: cover;
}



/*================================
========= MEDIA QUERIES ==========
================================*/

@media (max-width: 1199px) {
	
	.review-rating {
		display: none;
	}
	
	.review-select {
		display: block;
	}
	
	.home-news .news-image + .news-text,
	.about-section,
	.team-member {
		width: 100%;
	}
	
	.logo {
		width: 280px;
		margin-top: 10px;
	}
	
	.hb-menu > ul > li > a {
		padding: 0 15px;
	}
	
	.nsltr-note {
		width: 220px;
	}
	
	.home-news .news-image {
		padding: 0 0 45%;
		border-radius: 0;
		position: static;
	}
	
	.home-news .news-text-inner {
		min-height: 0;
	}
	
	.contact-detail-label {
		width: 125px;
	}
	
	.returns-left {
		width: 320px;
	}
	
	.nsltr-text-cont {
		margin: 0 -400px 0 0;
	}
	
	.nsltr-text {
		margin: 0 400px 0 0;
	}
	
	.nsltr-form {
		width: 360px;
	}
	
	.as-image {
		padding: 0;
		position: absolute;
		top: 0; bottom: 0; left: 0; right: 65.44%;
	}
	
	.as-text {
		width: 65.44%;
		float: right;
	}
	
	.news-content .image {
		margin: 0;
	}
	
	.filter {
		width: 33.33333333%;
	}
	
	.prod_grid {
		width: 50%;
	}
	
	.review-form .input-field {
		max-width: none;
	}
	
	.listing-right {
		width: auto;
		margin: 0 0 20px;
		float: none;
		overflow: hidden;
	}
	
	#form_options {
		width: 360px;
		margin: 0 20px 0 0;
		float: left;
	}
	
	.listing-features {
		margin: 0;
		overflow: hidden;
	}
	
	.cart-row-remove {
		width: 130px;
		text-align: right;
	}

	.if-item:last-child {
		display: none;
	}
	.instafeed__follow,
	.if-item {
		width: 25%;
	}
	
}

@media (max-width: 1099px) {
	
	.hb-menu > ul > li > a {
		padding: 0 10px;
	}
	
}

@media (max-width: 1023px) {
	
	.header-top .award,
	.header-right,
	.header-bar,
	.header-sp,
	.footer-menus::before,
	.fm-inner,
	.fm-shop,
	.footer-contact,
	.side-menu:not(.active),
	.sb-title,
	.side-menu > ul,
	.cat-menu > ul {
		display: none;
	}
	
	.mm-toggle,
	.mbl-cart,
	.fm-header,
	.fm-menu a,
	.js .bk-to-top,
	.sb-mbl-title,
	.home-nsltr .dblc {
		display: block;
	}
	
	.footer-main .container,
	.fm-menu,
	.footer-payment,
	.nsltr-title,
	.nsltr-note,
	.cart-base {
		width: 100%;
	}
	
	.page-title,
	.fm-menu a {
		font-size: 36px;
	}
	
	.side-menu a,
	.cat-menu a {
		font-size: 30px;
	}
	
	main {
		padding: 0 0 50px;
	}
	
	.logo {
		width: 344px;
		margin-top: 0;
	}
	
	.footer-main {
		padding: 0;
	}
	
	.footer-main .container,
	.fm-menu,
	.nsltr-title,
	.nsltr-note {
		text-align: center;
	}
	
	.fm-inner {
		padding: 0 0 45px;
	}
	
	.fm-menu a {
		padding: 15px 0;
	}
	
	.footer-bottom {
		font-size: 14px;
		line-height: 18px;
	}
	
	.footer-payment {
		margin: 0;
		float: none;
	}
	
	.footer-payment img {
		max-width: 280px;
	}
	
	.footer-links,
	.footer-copy {
		margin: 20px 0 0;
		text-align: center;
	}
	
	.sidebar {
		width: auto;
		padding: 20px 0 0;
    	border-top: 2px solid #ebebe0;
		margin: 0;
		float: none;
	}
	
	.side-menu,
	.cat-menu {
		padding: 0;
	}
	
	.side-menu {
		background: #96982d;
	}
	
	.side-menu > ul,
	.cat-menu > ul {
		padding: 0 0 15px;
	}
	
	.side-menu ul ul {
		margin: 0;
	}
	
	.side-menu ul ul a {
		padding: 12px 20px 12px 40px;
	}
	
	.side-menu a,
	.cat-menu a {
		padding: 12px 20px;
		color: #fff;
	}
	
	.side-menu .sel > a {
		color: #e8f5d2;
	}
	
	.home-cat-list .cat-list-inner {
		margin: 0 -10px 0 0;
	}
	
	.home-cat-list .cl-item {
		width: 25%;
		padding: 0 0 22.65193370165746%;
	}
	
	.home-slider {
		width: 50%;
		padding: 0 0 45.30386740331492%;
	}
	
	.home-welcome.masonry {
		width: 50%;
		padding: 0 0 90.60773480662984%;
	}
	
	.home-cat-list .cl-item a,
	.slider-inner,
	.welcome-inner {
		bottom: 10px; right: 10px;
	}
	
	.home-nsltr {
		padding: 25px 0 30px;
	}
	
	.nsltr-title {
		margin: 0 0 5px;
		font-size: 30px;
	}
	
	.nsltr-note {
		margin: 0 0 25px;
		font-size: 16px;
	}
	
	.home-nsltr .text_input {
		font-size: 15px;
	}
	
	.returns-left {
		width: 345px;
	}
	
	.filters-inner {
		margin: 0 -10px 0 0;
	}
	
	.filter {
		width: 25%;
		padding: 0 10px 10px 0;
	}
	
	.results-sort-by {
		margin-left: 0;
		float: none;
	}
	
	.prod_grid {
		width: 25%;
	}
	
	.listing-right {
		width: 300px;
		margin: 0 0 0 25px;
		float: right;
	}
	
	#form_options {
		width: auto;
		margin: 0;
		float: none;
	}
	
	.listing-features {
		margin: 20px 0 0;
	}
	
	.cart-row-remove {
		width: 95px;
	}
	
	.cart-row-total {
		width: 1px;
	}
	
	tbody .cart-row-total {
		padding-left: 20px;
	}
	
	.cart-base .btn {
		margin: 0 20px 0 0;
	}	
	
}

@media (max-width: 899px) {
	
	.listing-right {
		width: auto;
		margin: 0 0 20px;
		float: none;
	}
	
	#form_options {
		width: 52%;
		margin: 0 20px 0 0;
		float: left;
	}
	
	.listing-features {
		margin: 0;
		overflow: hidden;
	}
	
	.cart-related {
		float: right;
	}
	
	.cart-options {
		max-width: 405px;
	}
	
	.home-awards,
	.home-news {
		width: 100%;
		float: none;
	}
	
	.home-awards {
		margin: 0 0 20px;
	}
	
	.home-news .news-image {
		padding: 0;
		border-radius: 3px 0 0 3px;
		position: absolute;
		right: 350px;
	}
	
	.home-news .news-image + .news-text {
		width: 350px;
	}
	.instafeed__follow,
	.if-item {
		width: 50%;
	}
	.section__insta > .container {
		max-width: 568px;
		margin: 0 auto;
	}
	
}

@media (max-width: 849px) {
	
	.home-cat-list .cl-item {
		width: 33.33333333%;
		padding: 0 0 30.30707610146862%;
	}
	
	.home-slider {
		width: 66.66666666%;
		padding: 0 0 60.61415220293725%;
	}
	
	.home-welcome.masonry {
		width: 66.66666666%;
		padding: 0 0 90.92122830440586%;
	}
	
	.cat-intro #youtube_thumbnail {
		width: 100%;
		height: 0;
		padding-top: 56.25%;
		margin: 0 0 10px 0;
	}
}

@media (max-width: 767px) {
	
	.listing-tab:not(.tab-sel),
	.cart-row-image,
	.cart-row-qty .full-name,
	.rb-image,
	.order-no,
	.order-ref,
	.order-price{
		display: none;
	}
	
	.tab-arrow,
	.cart-row-qty .short-name{
		display: block;
	}
	
	.home-nsltr .nsltr-fields,
	.home-nsltr .btn,
	.home-nsltr .input-field,
	.contact-left,
	.contact-form .btn,
	.returns-form .btn,
	.nsltr-form .btn,
	.comments-form .btn,
	.comments-form .input-field,
	.returns-left,
	.nsltr-form,
	.ci-image + .ci-text,
	.cart-base-total,
	.chkout-btns .btn:first-child,
	.chkout-btns .btn:last-child,
	.confirm-details,
	.confirm-order,
	.sitemap-left,
	.sitemap-right,
	.details-large,
	.address-column,
	.account-box,
	.trade-left,
	.trade-right,
	#logout,
	.results-sort-by,
	.custom-right .btn {
		width: 100%;
	}
	
	.btn,
	.home-welcome .btn,
	.home-nsltr .btn,
	.news-item .btn,
	.contact-left,
	.contact-form label,
	.returns-form label,
	.comments-form label,
	.nsltr-form label,
	.contact-form .text_input,
	.returns-form .text_input,
	.nsltr-form .text_input,
	.results-sort-by,
	.filters,
	.selected-filters,
	.review-select,
	.account-box .btn {
		font-size: 15px;
	}
	
	.required {
		margin: 0 0 5px;
		font-size: 13px;
	}
	
	.page {
		padding: 20px 0 0;
	}
	
	.page-content:not(.news-article),
	.news-text,
	.ci-text,
	.data_tab,
	.listing-review,
	.comments-form,
	.account-box,
	#olay_box {
		padding: 20px;
	}
	
	.logo {
		width: 260px;
	}
	
	.home-nsltr .nsltr-fields {
		display: table;
	}
	
	.home-nsltr .btn {
		display: table-footer-group;
		margin: 6px 0 0;
		float: none;
	}
	
	.home-nsltr .fluid-input-cont {
		display: table-header-group;
	}
	
	.home-nsltr .input-field {
		padding: 0;
		margin: 0 0 4px;
	}
	
	.contact-left {
		min-height: 0;
		margin: 0 0 20px;
		float: none;
	}
	
	.contact-left .dblc {
		width: 50%;
	}
	
	.contact-form .input-field,
	.returns-form .input-field,
	.comments-form .input-field {
		max-width: none;
	}
	
	.dd-text,
	.care-notes .dd-text {
		padding: 0 20px 25px;
	}
	
	.delivery-table,
	.delivery-small,
	.about-sections,
	.nsltr-form,
	.awards,
	.history {
		margin: 20px 0 0;
	}
	
	.returns,
	.nsltr-archive {
		margin: 30px 0 0;
	}
	
	.returns-left,
	.link-image,
	.awards .small-title,
	.team .small-title,
	.news-article .news-title,
	.news-article .news-info {
		margin: 0 0 20px;
	}
	
	.returns-left,
	.link-image {
		float: none;
	}
	
	.nsltr-text-cont,
	.nsltr-text {
		margin: 0;
	}
	
	.link {
		text-align: center;
	}
	
	.link-title {
		margin: 0 0 15px;
	}
	
	.award p {
		font-size: 13px;
		line-height: 15px;
	}
	
	.about-sections + .awards {
		margin: 5px 0 0;
	}
	
	.about-sections + .awards,
	.team {
		padding: 20px 0 0;
	}
	
	.history-text {
		width: 55%;
	}
	
	.history-image {
		left: 55%;
	}
	
	.team {
		margin: 30px 0 -20px;
	}
	
	.tm-text p {
		font-size: 14px;
		line-height: 21px;
	}
	
	.news-title {
		font-size: 21px;
		line-height: 26px;
	}
	
	.news-content {
		padding: 25px 20px;
	}
	
	.news-article .news-title {
		font-size: 30px;
		line-height: 30px;
	}
	
	.comments-form .input-field {
		max-width: none;
		margin: 2px 0 0;
	}
	
	.ci-image {
		padding: 57.67% 0 0;
		position: static;
	}
	
	.cl-item,
	.filter {
		width: 50%;
	}
	
	.results-sort-by label {
		font-size: 16px;
		line-height: 34px;
	}
	
	.filter a {
		margin: 0 0 8px;
	}
	
	.listing-tabs-bar {
		font-size: 21px;
	}
	
	.tab-sel {
		background: none;
		padding: 0 70px;
		float: none;
		text-align: center;
		color: inherit;
	}
	
	#form_options {
		width: auto;
		margin: 0;
		float: none;
	}
	
	.listing-right {
		margin: 0;
	}
	
	.listing-features {
		margin: 20px 0 0;
	}
	
	.listing-left {
		margin: 20px 0 0;
	}
	
	tbody .cart-row-title {
		padding: 15px;
		border-left: 2px solid #eee;
	}
	
	.cart-row-qty {
		width: 67px;
	}
	
	.autobasket .cart-row-qty {
		width: 80px;
	}
	
	.cart-row-qty .text_input {
		width: 40px;
		margin: 0 0 0 5px;
	}
	
	.cart-row-remove {
		width: 45px;
		text-align: center;
	}
	
	.remove {
		width: 15px;
	}
	
	.cart-base .btn {
		margin-bottom: 15px;
	}
	
	.cart-base-total {
		float: none;
		clear: both;
	}
	
	.details-small {
		width: 25%;
	}
	
	.details-med {
		width: 50%;
	}
	
	.details-med,
	.details-large {
		margin-top: 15px;
	}
	
	.contact-details .custom-row {
		margin-top: 0;
	}
	
	.contact-details .custom-row:first-child .details-large:nth-child(2) {
		width: 75%;
		margin-top: 0;
	}
	
	.prod_grid {
		width: 50%;
	}
	
	.cart-related,
	.cart-options {
		max-width: none;
	}
	
	.cart-options {
		font-size: 14px;
	}
	
	.cart-header .stage {
		font-size: 16px;
	}
	
	.chkout-btns .btn:first-child {
		margin: 0 0 10px;
		float: none;
		font-size: 18px;
	}
	
	.confirm-order {
		margin: 30px 0 0;
	}
	
	.trade-right {
		margin: 10px 0 0;
	}
	
	.newacc > .btn,
	#save {
		max-width: none;
	}
	
	#logout {
		padding: 8px;
		margin: 5px 0 0;
		font-size: 18px;
	}
	
	.ec-left {
		width: 45%;
	}
	
	.home-news p {
		font-size: 13px;
		line-height: 18px;
	}
	
	.autobasket .btn {
		max-width: none;
	}
	
	.ci-image + .ci-text {
		min-height: 0;
	}
	
	.sort-by-sel-cont {
		margin: 0 0 0 -52px;
	}
	
	.sort-by-sel {
		margin: 0 0 0 62px;
	}
	
	.custom-content {
		display: table;
		width: 100%;
	}
	
	.custom-right {
		display: table-footer-group;
		width: 100%;
		margin: 0;
		float: none;
	}
	
	.custom-left {
		display: table-header-group;
		text-align: center;
	}
	
	.custom-left img {
		margin: 0 0 30px;
	}
		
}

@media (max-width: 699px) {
	
	.cart-header,
	.chkout-header {
		display: none;
	}
	
}

@media (max-width: 599px) {	
	.home-slider,
	.home-welcome.masonry,
	.as-text,
	.history-text,
	.news-image + .news-text,
	.filter,
	.home-news .news-image + .news-text {
		width: 100%;
	}
	
	.as-text,
	.history-text,
	.news-image + .news-text {
		float: none;
	}
	
	.home-welcome .btn {
		display: block;	
	}
	
	.home-cat-list .cl-item {
		width: 50%;
		padding: 0 0 30.30707610146862%;
	}
	
	.home-slider {
		min-height: 350px;
		padding: 0 0 92.08333333333333%;
	}
	
	.cl-items {
		margin: 0 0 25px;
	}
	
	.home-welcome.masonry {
		padding: 0 10px 0 0;
	}
	
	.as-image,
	.history-image {
		padding: 65.86% 0 0;
		position: static;
	}
	
	.news-image {
		padding: 57.67% 0 0;
		position: static;
	}
	
	.lr-rating {
		margin: 0 0 10px;
		float: left;
	}
	
	.lr-name {
		clear: left;
	}
	
	.thumbnail {
		max-width: 140px;
	}
	
	.slick-next,
	.slick-prev {
		padding: 93px 0 0;
	}
	
	tbody .cart-row-title a {
		font-size: 16px;
	}
	
	.cart-row-remove {
		display: none;
	}
	
	.chkout .logo {
		margin: 0 auto;
		float: none;
	}
	
	.chkout-tel {
		float: none;
		text-align: center;
	}
	
	main.chkout {
		padding: 0 0 50px;
	}
	
	.home-awards .awards {
		padding: 0;
	}
	
	.home-awards .award {
		width: 100%;
		padding: 0;
		border-top: 1px solid #d0d0c2;
		margin: 0;
		text-align: left;
	}
	
	.home-awards img,
	.home-awards .award:nth-child(n)::before {
		display: none;
	}
	
	.home-awards .award-inner {
		background-position: left center;
		padding: 20px 0 15px 80px;
	}
	
	.home-awards .award:first-child {
		border-top: none;
	}
	
	.home-awards .award:nth-child(4n-1) {
		border-left: none;
	}
	
	.home-awards .award-medal {
		top: 50%; left: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	.home-news .news-image {
		padding: 0 0 45%;
		border-radius: 0;
		position: static;
	}
	
	.welcome-inner {
		position: static;
	}
	
	.home-welcome .overflow {
		display: none;
		/* Fixes slideDown jump */
		border: 1px solid transparent;
	}
	
	.welcome-text {
		margin: 0;
	}
	
	.home-welcome .btn {
		margin: 10px 10px 0 0;
	}
	
	.js .masonry .welcome-inner {
		position: initial;
	}
}

@media (max-width: 499px) {
	
	.awards {
		padding: 0;
	}
	
	.award {
		width: 100%;
		padding: 0;
		border-top: 1px solid #d0d0c2;
		margin: 0;
		text-align: left;
	}
	
	.award:first-child {
		border-top: none;
	}
	
	.awards img,
	.award:nth-child(2n)::before,
	.about-sections + .awards .award:nth-child(n+4),
	.award:nth-child(2n-1)::before {
		display: none;
	}
	
	.award-inner,
	.award-inner.has-medal {
		background-position: left center;
		padding: 20px 0 15px 80px;
	}
	
	.award-medal {
		top: 50%; left: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media (max-width: 479px) {
	
	.cart-header,
	.order-status {
		display: none;
	}
	
	.ec-left,
	.ec-right {
		display: block;
	}
	
	.details-med,
	.confirm-cart-shipping,
	.confirm-cart-total,
	.ec-left,
	.ec-right,
	.oa-del,
	.oa-bil {
		width: 100%;
	}
	
	.mm-nav,
	.fm-header,
	.fm-menu a,
	.sb-mbl-title,
	.side-menu a,
	.cat-menu a {
		font-size: 24px;
	}
	
	.page-slide.mm-open {
		-webkit-transform: translateX(84.2%);
		transform: translateX(84.2%);
	}
	
	.mbl-menu {
		width: 84.2%;
		left: -84.2%;
	}
	
	.mm-dd-cont > a span,
	.fm-header span,
	.sb-mbl-title span {
		background-size: 25px;
	}
	
	.page-title {
		margin: 0 0 15px;
		font-size: 30px;
	}
	
	.logo {
		width: 160px;
	}
	
	.fm-header {
		padding: 20px 0;
	}
	
	.fm-inner {
		padding: 0 0 20px;
	}
	
	.dd-title {
		font-size: 14px;
		line-height: 21px;
	}
	
	.delivery-table th,
	.delivery-table td {
		padding: 8px 10px;
		font-size: 14px;
	}
	
	.nsltr-form label {
		width: 69px;
	}
	
	.tm-image {
		margin: 20px auto 0;
		float: none;
	}
	
	.ec-left {
		padding: 0;
	}
	
	.ec-right {
		margin: 15px 0 0;
	}
	
	.oa-bil {
		margin: 20px 0 0;
	}
	
	.fl-left {
		width: 110px;
	}
	
	#sendpass {
		margin: 0 0 0 110px;
	}
	
}

@media (max-width: 399px) {
	
	.mm-acc a {
		display: block;
	}
	
	.mm-acc a:first-child {
		margin: 0 0 15px;
	}
	
	.mm-acc a:last-child {
		float: none;
	}
	
	.prod_grid {
		width: 100%;
	}
	
	.ha-top a {
		margin: 10px 0 0;
		float: left;
		clear: left;
	}
	.instafeed__follow,
	.if-item {
		width: 100%;
	}
	.section__insta > .container {
		max-width: 264px;
		margin: 0 auto;
	}
	
}




@media screen and (max-width: 1199px) {
	.homepage-banner--text {
		font-size: 40px;
	}
}

@media screen and (max-width: 1099px) {
	.homepage-banner--signup .nsltr-title {
		width: 350px;
	}

	.homepage-banner {
		height: 500px;
	}
}

@media screen and (max-width: 1023px) {
	.homepage-banner--signup .nsltr-title {
		width: 100%;
		font-size: 24px;
	}

	.homepage-banner--signup .home-nsltr {
		padding-top: 20px;
	}

	.homepage-banner--text {
		width: calc(100% - 40px);
	}
}

@media screen and (max-width: 900px) {
	.homepage-banner {
		height: 400px;
	}
	
	.homepage-banner--text {
		font-size: 36px;
	}
}

@media screen and (max-width: 767px) {
	.homepage-banner {
		height: 350px;
	}
	
	.homepage-banner--text {
		font-size: 30px;
		bottom: 20px;
	}
}

@media screen and (max-width: 650px) {
	.homepage-banner {
		height: 300px;
	}
	
	.homepage-banner--text {
		font-size: 24px;
	}

	.homepage-banner--signup .home-nsltr {
		padding: 10px 0;
		margin-top: 10px;
	}

	.homepage-banner--section {
		padding-bottom: 10px;
	}
}

@media screen and (max-width: 499px) {
	.homepage-banner {
		height: 250px;
	}
	
	.homepage-banner--text {
		font-size: 21px;
	}

	.homepage-banner--signup .nsltr-title {
		font-size: 21px;
	}
}

@media screen and (max-width: 479px) {
	.homepage-banner {
		height: 180px;
	}
	
	.homepage-banner--text {
		font-size: 20px;
	}
}