*, *:before, *:after { -moz-box-sizing: border-box !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; }

body { background-color: #ffffff; margin: 0; padding: 0; }

img { border: none; }

.site-width { width: 100%; max-width: 1200px; margin: auto; }

.site-width p { font-family: 'Rancho'; }

h1 { font-size: 1.25em; }

.header { width: 100%; height: auto; background-position: center center; }

.header-bar { width: 100%; height: 91px; background: url(/images/header0bg.png); }

.logo { display: block; float: left; margin-top: 8px; }

.search-div { position: relative; top: 31px; width: 320px; height: 31px; background: #fff; float: right; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; border-bottom: 1px solid #af8a75; }

.search-div input { width: 282px; height: 30px; padding: 0; font-family: "Montserrat", Arial, Sans-Serif; font-style: italic; color: #391a00; background-color: transparent; float: left; border: none; margin-left: 10px; outline: none; }

.search-div button { width: 25px; height: 26px; padding: 0; background-image: url(../images/search-logo.png); border: none; background-color: transparent; margin-top: 4px; }

.number { float: right; font-family: "Montserrat", Arial, Sans-Serif; font-size: 18px; font-weight: bold; color: #492100; margin-top: 9px; margin-right: 8px; }

.slider-title { margin: 34px auto auto; display: block; }

.list_carousel { margin: 45px auto auto; width: 100%; }

.caroufredsel_wrapper { width: 100% !important; }

.list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; }

.list_carousel li { background-image: url(../images/slider-item.png); width: 100%; max-width: 180px; height: auto; padding: 0; margin: 0 19px; display: block; float: left; }

.li-content { background-color: #FFFFFF; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; height: auto; margin: 0; overflow: auto; padding: 0; width: 100%; -webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.5); background-repeat: no-repeat; background-position: center 90%; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain;     background-position: center;
    background-size: 150px; }

.li-title { color: #7A422C; display: block; font-family: "Montserrat", Arial, Sans-Serif; font-size: 18px; font-weight: bold; height: 224px; line-height: 30px; margin-left: 15px; margin-top: 18px; margin-bottom: 8px; text-decoration: none; }

.pager { height: 23px; margin: 44px auto auto; padding-left: 12px; width: 90px; }

.pager span { display: none; }

.pager a { width: 23px; height: 23px; margin: 0 7px 0 0; background-image: url(../images/bullets.png); background-position: 23px 0; display: block; float: left; }

.pager a.selected { background-position: 0 0; }

.content-title { font-family: "Montserrat", Arial, Sans-Serif; font-weight: bold; font-size: 20px; color: #3b1100; margin-top: 44px; }

.content { padding: 5px; margin: auto auto 69px; }

.content-text { font-family: "Montserrat", Arial, Sans-Serif; font-size: 14px; color: #3b1100; margin-top: 12px; }

.row { margin-top: 10px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.row .row-item { width: 48%; margin: 1%; border: 1px solid #ededed; }

.row .row-item:last-of-type { width: 98%; }

.row-image { height: 161px; overflow: auto; }

.row-image a { margin: 17px 0 0; display: block; }

.row-image img { display: block; margin: auto; }

.row-text { height: 55px; border-top: 1px solid #ededed; background-color: #ededed; }

.row-text a { color: #303030; display: block; font-family: "Montserrat", Arial, Sans-Serif; font-size: 16px; font-weight: bold; line-height: 20px; margin: 5px auto auto; text-align: center; text-decoration: none; width: 140px; }

.site-width p { font-family: 'Rancho'; text-align: center; font-size: 48px; color: #333; }

img[src*="https://www.customkeyrings.net.au/images/logo"] { position: absolute; top: 18px; left: 0; right: 0; margin: auto; max-width: 280px; -webkit-filter: brightness(3.25); filter: brightness(3.25); }

.header-bar { -webkit-filter: brightness(1.25); filter: brightness(1.25); }

.header-bar .site-width { -webkit-filter: brightness(0.75); filter: brightness(0.75); }

.footer { width: 100%; min-width: 960px; height: 50px; background: url(/images/header0bg.png); overflow: auto; color: #91776D; display: table; font-family: "Montserrat", Arial, Sans-Serif; font-size: 14px; margin: 16px auto auto; text-decoration: none; }

.list_carousel { max-width: 1200px; }

ul#foo2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

ul#foo2 > li { background: none !important; max-width: none !important; width: 23% !important; margin: 1% !important; }

ul#foo2 > li:last-of-type { width: 98% !important; }

#foo2 > li:nth-child(3), #foo2 > li:nth-child(6) { width: 48% !important; }

#foo2 > li:nth-child(4), ul#foo2 > li:last-of-type { width: 64.6% !important; }

#foo2 > li:nth-child(5), #foo2 > li:nth-child(6), #foo2 > li:nth-child(7), #foo2 > li:nth-child(8) { width: 31.3% !important; }

#foo2 > li:nth-child(6), #foo2 > li:nth-child(7) { width: 48% !important; }

.footer p { color: #ffffff; }

span.copy { position: relative; top: 5px; }

img[src="/images/presents.png"] { position: relative; top: 22px; }

@media only screen and (max-width: 940px) { .search-div { position: absolute; top: 77px; left: 0px; right: 0; width: 98%; margin: 0px 1%; }
		.search-div input { width: -webkit-calc(100% - 40px); width: -moz-calc(100% - 40px); width: calc(100% - 40px); }
		.number { display: none; }
		.header ul#foo2 > li { width: 48% !important; } }

/*# sourceMappingURL=stylez.css.map */