/*! normalize.css v4.1.1 */
html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body {margin: 0; -webkit-text-size-adjust: 100%;}
html, input,
textarea {-webkit-font-smoothing: antialiased;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu, nav,
section,
summary {display: block;}
audio,
canvas,
progress,
video {display: inline-block;}
audio:not([controls]) {display: none; height: 0;}
progress {vertical-align: baseline;}
template,
[hidden] {display: none;}
a {background-color: transparent; -webkit-text-decoration-skip: objects; cursor: pointer !important;}
a:active,
a:hover {outline-width: 0;}
abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong {font-weight: inherit;}
b, strong {font-weight: bolder;}
dfn {font-style: italic;}
h1 {font-size: 2em; margin: 0.67em 0;}
mark {background-color: #ff0; color: #000;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
img {border-style: none;}
svg:not(:root) {overflow: hidden;}
code, kbd,
pre, samp {font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */}
figure {margin: 1em 40px;}
hr {box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */}
button, input,
select,
textarea {font: inherit; margin: 0;}
optgroup {font-weight: bold;}
button,
input {overflow: visible;}
button,
select {text-transform: none;}
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */}
textarea {overflow: auto;}
textarea, input, button {outline: none;}
[type="checkbox"],
[type="radio"] {box-sizing: border-box; /* 1 */ padding: 0; /* 2 */}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-input-placeholder {color: inherit; opacity: 0.54;}
::-webkit-file-upload-button {-webkit-appearance: button; /* 1 */ font: inherit; /* 2 */}
*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-sizing: border-box;}
.chromeframe {position: absolute; top: 0;}
/* == TAP Highlights == */
::-moz-selection {background: #e39718; color: #fff; text-shadow: none;}
::selection {background: #e39718; color: #fff; text-shadow: none;}
a:link {-webkit-tap-highlight-color: #e39718;}
ins {background-color: #e39718; color: #fff; text-decoration: none;}
mark {background-color: #e39718; color: #fff; font-style: italic; font-weight: bold;}
input:-moz-placeholder {color: #a9a9a9;}
textarea:-moz-placeholder {color: #a9a9a9;}
/* == BASE SETUP == */
body {background: #fff; margin: 0 auto; min-width: 320px; padding: 0; text-align: center;}
body, input, form,
select, textarea, field {line-height: 100%; font-size: 1em; color: #555; font-family: "Oswald", Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;}
h1, h2, h3, h4, h5, h6 {line-height: 100%; font-size: 1em; line-height: 110%; font-weight: 600; font-family: "Oswald", Helvetica, Arial, sans-serif;}
p, span, li, th, td {color: #717171; letter-spacing: -0.5px; font-size: 1em; font-weight: 400; font-family: "Oswald", Helvetica, Arial, sans-serif;}
p, li {line-height: 140%;}
p b,
p strong {font-weight: 600;}
p a {color: #cc0456; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
p a:hover {color: #ec0188;}
img {max-width:100%; vertical-align:middle; border:0; -ms-interpolation-mode:bicubic;}
img[src*=svg] {width/*\**/: 100%\9;}
ul, ol {list-style: none;}
li a {display: block; text-decoration: none;}
.fade {-webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
#arty-anchor {display: block; height: 1px;}
#std100 {padding: 0 0 30px 0;}
/* == HEADER & FOOTER == */
#head100 {background: #fff; position: relative; margin: 0; height: 70px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.15);}
#head {height: 70px; text-align: left; overflow: hidden;}
#head-logo {width: 210px; margin: 13px 0 0 25px;}
#head-logo a {display: block; width: 210px; text-decoration: none;}
#head-logo a img {width: 210px; height: auto;}
#head-main {}
#menu-burger {display: block; top: 13px; right: 23px; position: absolute; margin: 0; padding: 0; width: 44px; height: 44px; background: center center no-repeat url("../../img/beta-icon-menu.svg"); background-size: 34px 28px;}
#head-social {display: none;}
#foot100 {border-top: 1px solid #e2e2e2; text-align: center;}
#foot {overflow: hidden; position: relative;}
#foot-logo {width: 210px; margin: 20px auto 12px auto;}
#foot-logo a {display: block; width: 210px; text-decoration: none;}
#foot-logo a img {width: 210px; height: auto;}
#foot-text {clear: both; padding: 0 25px 15px 25px;}
#foot-text p {font-size: 90%; line-height: 120%; width: 280px; margin: 0 auto 12px auto;}
#foot-text ol {}
#foot-text li {font-size: 90%; margin: 0 5px 12px 5px; line-height: 100%; display: inline-block; vertical-align: top;}
#foot-text li a {color: #717171; border-bottom: 1px solid #e1e1e1;}
#foot-text li a:hover {color: #2a2a2a;}
#foot-social {border-top: 1px solid #e2e2e2; padding: 15px 20px 25px 20px;}
#foot-social ol {overflow: hidden;}
#foot-social li {float: left; margin: 0; width: 44px; height: 44px;}
#foot-social li.back {float: right; margin: 0;}
#foot-social li a {display: block; width: 44px; height: 44px;}
#foot-social li a.twit {background: center center no-repeat url("../../img/beta-icon-twitter-black.svg"); background-size: 50%;}
#foot-social li a.face {background: center center no-repeat url("../../img/beta-icon-facebook-black.svg"); background-size: 50%;}
#foot-social li a.inst {background: center center no-repeat url("../../img/beta-icon-instagram-black.svg"); background-size: 50%;}
#foot-social li a.baktop{background: center center no-repeat url("../../img/beta-icon-back-top-grey.svg"); background-size: 50%;}
#foot-social li a.mail {background: center center no-repeat url("../../img/beta-icon-mail-black.svg"); background-size: 50%;}
#foot-social li a.twit:hover {background-image: url("../../img/beta-icon-twitter-pink.svg"); background-size: 50%;}
#foot-social li a.face:hover {background-image: url("../../img/beta-icon-facebook-pink.svg"); background-size: 50%;}
#foot-social li a.inst:hover {background-image: url("../../img/beta-icon-instagram-pink.svg"); background-size: 50%;}
#foot-social li a.baktop:hover {background-image: url("../../img/beta-icon-back-top-pink.svg"); background-size: 50%;}
#foot-social li a.mail:hover {background-image: url("../../img/beta-icon-mail-pink.svg"); background-size: 50%;}
#std-page-head100 {margin: 0 0 30px 0; background: #ededed repeat left center url("../../img/bg-std-banner.jpg");}
#std-page-head {padding: 75px 20px 0 20px; text-align: left; position: relative;}
#std-page-head h1,
#std-page-head h6 {background: #f24280; color: #fff; padding: 6px 18px; text-transform: uppercase; position: relative; font-size: 140%; line-height: 100%; z-index: 10; position: relative; margin: 0 0 0 24px; display: inline-block; -ms-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); transform: rotate(-1deg);}
#std-page-head h1 span,
#std-page-head h6 span {display: none;}
#std-page-head p {font-size: 95%; z-index: 5; margin: -15px 0 -60px 0; position: relative; clear: none; color: #fff; background: #3c3c3c; padding: 24px 25px 17px 25px; display: inline-block; -ms-transform: rotate(-1.35deg); -webkit-transform: rotate(-1.35deg); transform: rotate(-1.35deg);}
#std-page-head p a {color: #fff;}
#std-page-head p a:hover {color: #f24280;}
@media screen and (min-width: 580px) {
#foot-logo {float: left; margin: 20px auto 12px 25px;}
#foot-text {clear: both;}
#foot-text p {width: auto; margin: 0 0 6px 0;}
#foot-text ol {}
#foot-text li {margin: 0 15px 0 0;}
#foot-social {float: right; border: 0; padding: 0; position: absolute; top: 15px; right: 23px;}
#foot-social li,
#foot-social li.back {float: none; display: inline-block; vertical-align: top;}
#std-page-head {padding: 90px 25px 0 25px;}
#std-page-head h1 span,
#std-page-head h6 span {display: inline; color: #fff; font-weight: 600;}
}
@media screen and (min-width: 720px) {
#head100 {overflow: visible; text-align: left; padding: 0 25px;}
#head {float: left;}
#head-logo {width: 210px; margin: 13px 25px 0 0;}
#menu-burger {display: none;}
#std-page-head {padding: 90px 25px 0 25px;}
#std-page-head > div {width: 90%; margin: 0 auto 0 0;}
#std-page-head h1,
#std-page-head h6 {padding: 8px 20px; font-size: 160%; margin: 0 0 0 24px;}
#std-page-head p {font-size: 95%; margin: -15px 0 -60px 0; padding: 24px 25px 17px 25px;}
}
@media screen and (min-width: 860px) {
#head100 {padding: 0;}
#head {padding: 0 0 0 25px;}
#foot-social {right: 15px;}
#std-page-head100 {margin: 0 0 40px 0;}
#std-page-head {padding: 100px 30px 0 30px;}
#std-page-head > div {width: 80%;}
#std-page-head h1,
#std-page-head h6 {padding: 8px 30px; font-size: 180%; margin: 0 0 0 29px;}
#std-page-head p {font-size: 100%; margin: -15px 0 -60px 0; padding: 25px 30px 21px 30px;}
}
@media screen and (min-width: 920px) {
#head-social {display: block; float: right; height: 70px; width: 240px !important;}
#head-social li {display: inline-block; vertical-align: top;}
#head-social li a {display: block; width: 40px !important; height: 70px;}
#head-social li a.twit {background: center center no-repeat url("../../img/beta-icon-twitter-black.svg"); background-size: 50%;}
#head-social li a.face {background: center center no-repeat url("../../img/beta-icon-facebook-black.svg"); background-size: 50%;}
#head-social li a.inst {background: center center no-repeat url("../../img/beta-icon-instagram-black.svg"); background-size: 50%; margin-right:10px;}
#head-social li a.mail {background: center center no-repeat url("../../img/beta-icon-mail-black.svg"); background-size: 50%;}
#head-social li a.twit:hover {background-image: url("../../img/beta-icon-twitter-pink.svg"); background-size: 50%;}
#head-social li a.face:hover {background-image: url("../../img/beta-icon-facebook-pink.svg"); background-size: 50%;}
#head-social li a.inst:hover {background-image: url("../../img/beta-icon-instagram-pink.svg"); background-size: 50%;}
#head-social li a.mail:hover {background-image: url("../../img/beta-icon-mail-pink.svg"); background-size: 50%;}
#foot100 {border-top: 1px solid #e2e2e2; height: 90px;}
#foot {height: 90px;}
#foot-logo {margin: 22px 25px 0 25px;}
#foot-text {clear: none; float: left; padding: 2px 0 0 25px; margin: 0; text-align: left; height: 88px; width: 360px; border-left: 1px solid #e2e2e2;}
#foot-text p {margin: 12px 0 3px 0;}
#foot-text li {margin: 0 12px 6px 0;}
#foot-social {float: right; position: relative; top: auto; right: auto; height: 90px;}
#foot-social li {width: auto; height: 90px; border-left: 1px solid #e2e2e2;}
#foot-social li a {width: 70px; height: 90px;}
}
@media screen and (min-width: 1000px) {
#head100 {height: 76px;}
#head {height: 76px; padding: 0 0 0 30px;}
#head-logo {width: 230px; margin: 13px 30px 0 0;}
#head-logo a {width: 230px;}
#head-logo a img {width: 230px;}
#head-social, #head-social li a {height: 76px;}
#foot-logo {width: 230px; margin: 20px 30px 0 30px;}
#foot-logo a {width: 230px;}
#foot-logo a img {width: 230px;}
#foot-text {width: 395px; padding: 0 0 0 30px;}
#foot-text p {margin: 26px 0 3px 0; font-size: 95%;}
#foot-text li {margin: 0 10px 0 0; font-size: 85%;}
#foot-social li a {width: 76px;}
#std-page-head {padding: 110px 35px 0 35px; max-width: 1180px; margin: 0 auto;}
#std-page-head > div {width: 75%;}
}
@media screen and (min-width: 1100px) {
#head100 {height: 80px;}
#head {height: 80px; padding: 0 0 0 40px;}
#head-logo {width: 250px; margin: 13px 30px 0 0;}
#head-logo a {width: 250px;}
#head-logo a img {width: 250px;}
#head-social, #head-social li a {height: 80px;}
#foot-logo {width: 250px; margin: 20px 30px 0 40px;}
#foot-logo a {width: 250px;}
#foot-logo a img {width: 250px;}
#foot-text {width: 445px; padding: 0 0 0 30px;}
#foot-text p {margin: 24px 0 4px 0;}
#foot-text li {margin: 0 13px 0 0; font-size: 95%;}
#foot-social li a {width: 80px;}
#std-page-head100 {margin: 0 0 45px 0;}
#std-page-head {padding: 120px 50px 0 50px;}
#std-page-head > div {width: 70%;}
#std-page-head h1,
#std-page-head h6 {padding: 9px 28px; font-size: 200%; margin: 0 0 0 25px;}
#std-page-head p {font-size: 105%; margin: -15px 0 -60px 0; padding: 25px 35px 21px 35px;}
}
/* == MENU == */
#menu {clear: both; position: relative; background: #f24280; z-index: 5000;}
#menu ul {margin: 0; padding: 0; text-align: left;}
#menu .main-menu {display: none;}
#tm:checked + .main-menu {display: block;}
#menu input[type="checkbox"],
#menu ul span.drop-icon {display: none;}
#menu > ul > li {border-bottom: 1px solid #e22669;}
#menu > ul > li > a {height: 44px;}
#menu > ul > li > a p {color: #fff; margin: 0; padding: 12px 0 0 25px; font-weight: 600; font-size: 120%; line-height: 100%;}
#menu > ul > li > a span {display: none;}
#menu > ul > li > a:hover {background-color: #e22669;}
#menu li, #menu a {position: relative; display: block;}
#menu a {transition: all .125s ease-in-out; -webkit-transition: all .125s ease-in-out;}
#menu ul.sub-menu {display: none; background-color: #cc2967;}
#menu ul.sub-menu li {border-top: 1px solid #db4b8c; height: 44px;}
#menu ul.sub-menu li a {color: #fff; height: 44px; background: 35px 14px no-repeat url("../../img/beta-icon-menu-left-arrow.svg"); background-size: 6px 11px; margin: 0; padding: 12px 0 0 50px; font-weight: 600; font-size: 110%; line-height: 100%;}
#menu ul.sub-menu li a:hover {background-color: #b2205b;}
#menu input[type="checkbox"]:checked + .sub-menu {display: block;}
#menu li label.drop-icon {position: absolute; right: 0; top: 0; width: 100%; height: 44px; background: 91% center no-repeat url("../../img/beta-icon-menu-down-arrow.svg"); background-size: 16px 9px;}
@media screen and (min-width: 520px) {
#menu li label.drop-icon {background-position: 93% center;}
}
@media screen and (min-width: 600px) {
#menu li label.drop-icon {background-position: 94% center;}
}
@media screen and (min-width: 680px) {
#menu li label.drop-icon {background-position: 94.5% center;}
}
@media screen and (min-width: 720px) {
#menu {background: none; display: block; clear: none; float: left; height: 70px;}
#menu .main-menu {display: block; z-index: 2999;}
#menu label.drop-icon {display: none;}
#menu > ul > li {border: 0; height: auto; text-transform: uppercase; border-left: 1px solid #e2e2e2;}
#menu > ul > li > a {height: auto; display: block; cursor: pointer; padding: 29px 9px 0 9px; height: 70px;}
#menu > ul > li > a p {color: #282828; margin: 0; padding: 0; line-height: 100%; font-size: 90%; font-weight: 600;}
#menu > ul > li > a:hover {background-color: #f2f2f2;}
#menu > ul > li > a:hover p {}
#menu li {float: left;}
#menu ul.sub-menu {background-color: #3e0249; border-width: 0; vertical-align: top; margin: 0; padding: 0; position: absolute; top: 100%; left: 0; z-index: 3000;}
#menu ul.sub-menu-fig {width: 280px;}
#menu ul.sub-menu-about {width: 180px;}
#menu ul.sub-menu li {float: none; border: 0; margin: 0; display: block; height: auto; font-size: 90%;}
#menu ul.sub-menu li a {height: auto; margin: 0; padding: 13px 20px 13px 16px; background: none;}
#menu ul.sub-menu li a:hover{background-color: #f24280;}
#menu .sub-menu,
#menu input[type="checkbox"]:checked + .sub-menu {display: none;}
#menu .sub-menu .sub-menu {top: 0; left: 100%;}
#menu li:hover > input[type="checkbox"] + .sub-menu {display: block;}
}
@media screen and (min-width: 1000px) {
#menu {height: 76px;}
#menu > ul > li > a {height: 76px; padding: 30px 12px 0 12px;}
#menu > ul > li > a p {font-size: 100%;}
#menu ul.sub-menu-fig {width: 320px;}
#menu ul.sub-menu-about {width: 220px;}
#menu ul.sub-menu li {font-size: 100%;}
#menu ul.sub-menu li a {padding: 15px 20px 15px 20px;}
}
@media screen and (min-width: 1100px) {
#menu {height: 80px;}
#menu > ul > li > a {height: 80px; padding: 31px 15px 0 15px;}
#menu > ul > li > a p {font-size: 110%;}
}
@media screen and (min-width: 1200px) {
#menu > ul > li > a {padding: 31px 20px 0 20px;}
#menu > ul > li > a p {font-size: 120%;}
}
/* == FIGURINES == */
#fig-banner100 {margin: 0; clear: both; padding: 15px 25px 40px 25px; border-top: 1px solid #fff;}
#fig-banner {text-align: left;}
#fig-back {border-bottom: 1px dashed #fff; padding: 0 0 12px 0;}
#fig-back a {color: #fff; font-size: 90%; display: inline-block; text-decoration: none; margin: 0;}
#fig-back a em {font-style: normal;}
#fig-back a:hover em {text-decoration: underline;}
#fig-images {padding: 15px 0; margin: 0 auto; clear: both;}
#fig-title {padding: 0; text-align: center;}
#fig-title > div {padding: 0 0 20px 0;}
#fig-title h1 {text-transform: uppercase; color: #fff; font-size: 270%; margin: 0 0 8px 0; line-height: 90% !important;}
#fig-title h2 {color: #fff; margin: 0 auto 10px auto; padding: 6px 10px; background: #3a3a3a; font-size: 100%; line-height: 100% !important; text-transform: uppercase; display: inline-block;}
#fig-title p {color: #fff; font-size: 110%; margin: 0;}
#fig-title #table-bg {margin: 20px auto; padding: 20px 20px 15px 20px; background-color: rgba(255,255,255,0.15); display: inline-block; clear: both;}
#fig-title table {margin: 0;}
#fig-title th,
#fig-title td {font-size: 95%; color: #fff; line-height: 100%; text-align: left; font-weight: 300;}
#fig-title th {padding: 0 15px 9px 0;}
#fig-title td {padding: 0 0 9px 0;}
#fig-art100 {background: #fff;}
#fig-art {padding: 40px 25px 45px 25px;}
#fig-art-grid {margin: 0 0 20px 0;}
#fig-art-grid ul {overflow: hidden; margin: 0 0 12px 0;}
#fig-art-grid li {display: inline-block; vertical-align: top; width: 47.5%; margin: 0 5% 0 0;}
#fig-art-grid li img {width: 100%; height: auto;}
#fig-art-grid li:nth-child(2) {margin: 0;}
#fig-art-grid li:nth-child(3),
#fig-art-grid li:nth-child(4) {display: none;}
#fig-art-grid p {font-size: 90%; margin: 0 0 22px 0;}
#fig-art-text {}
#fig-art-text h4 {margin: 0 0 14px 0; font-size: 150%; color: #f24280;}
#fig-art-text p {font-size: 95%; margin: 0 0 22px 0;}
ul.fig-pink-btns {display: inline-block; margin: 0 auto;}
ul.fig-pink-btns li {display: inline-block; margin: 0 auto 12px auto;}
ul.fig-pink-btns li:last-child {margin: 0;}
ul.fig-pink-btns li a {height: 44px; padding: 0 20px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
-webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.2);}
ul.fig-pink-btns li a.pink {background-color: #f24280;}
ul.fig-pink-btns li a.grey {background-color: #3a3a3a;}
ul.fig-pink-btns li a div,
ul.fig-pink-btns li a span {display: inline-block; vertical-align: middle; background-repeat: no-repeat; color: #fff; font-weight: 600; font-size: 110%; padding-top: 11px;}
ul.fig-pink-btns li a div.stock {margin: 10px 9px 0 0; background-image: url("../../img/beta-icon-shop-grey.svg"); background-position: 10% 50%; background-size: 20px 18px; width: 20px; height: 18px;}
ul.fig-pink-btns li a div.artw {margin: 9px 0 0 9px; background-image: url("../../img/beta-icon-pencil.svg"); background-position: 90% 50%; background-size: 22px 22px; width: 22px; height: 22px;}
ul.fig-pink-btns li a:hover {background-color: #3a3a3a !important;}
ul.fig-pink-btns li a.grey:hover {background-color: #fff !important;}
ul.fig-pink-btns li a.grey:hover span {color: #3a3a3a;}
#fig-grid100 {}
#fig-grid {padding: 0 30px;}
#fig-grid > ol {overflow: hidden; padding: 10px 0 20px 0;}
#fig-grid > ol > li {display: inline-block; vertical-align: top; width: 240px; margin: 0 auto; border-bottom: 1px solid #e9e9e9;}
#fig-grid > ol > li:last-child {border: 0;}
#fig-grid > ol > li a {display: block; padding: 25px 0;}
#fig-grid div.thb {width: 240px; /*height: 240px;*/ position: relative; text-align: center; margin: 0 auto 10px auto;}
#fig-grid div.thb img {width: 240px; height: auto; /*position: absolute; left: 0; top: 0; bottom: 0;*/ margin: auto;}
#fig-grid h2 {color: #484848; text-transform: uppercase; font-size: 175%; margin: 0;}
#fig-grid p {color: #686868; font-size: 100%; margin: 0;}
#fig-grid > ol > li a:hover h2 {color: red; text-decoration: underline;}
@media screen and (min-width: 460px) {
#fig-grid > ol {padding: 5px 0 30px 0;}
#fig-grid > ol > li {width: 200px; margin: 0 auto; border: 0; border-top: 1px solid #e9e9e9;}
#fig-grid > ol > li:nth-child(1),
#fig-grid > ol > li:nth-child(2){border: 0;}
#fig-grid > ol > li:last-child {border-top: 1px solid #e9e9e9;}
#fig-grid > ol > li a {width: 180px; padding: 25px 0; margin: 0 auto;}
#fig-grid div.thb {width: 180px; height: 180px; margin: 0 auto 6px auto;}
#fig-grid div.thb img {width: 180px; position: absolute; left: 0; top: 0; bottom: 0;}
#fig-grid h2 {font-size: 150%;}
#fig-grid p {font-size: 95%;}
}
@media screen and (min-width: 580px) {
/* #fig-banner100 {padding: 20px 25px 40px 25px;} */
#fig-back a {font-size: 95%;}
#fig-images li img {max-height: 450px;}
#fig-title p {width: 80%; margin: 0 auto;}
#fig-grid > ol > li {width: 250px;}
#fig-grid > ol > li a {width: 230px;}
#fig-grid div.thb {width: 230px; height: 230px; margin: 0 auto 10px auto;}
#fig-grid div.thb img {width: 230px;}
#fig-grid h2 {font-size: 175%;}
#fig-grid p {font-size: 100%;}
#fig-art-grid li {width: 22%; margin: 0 3% 0 0;}
#fig-art-grid li:nth-child(2) {margin: 0;}
#fig-art-grid li:nth-child(3),
#fig-art-grid li:nth-child(4) {display: inline-block;}
#fig-art-grid li:nth-child(4) {margin: 0;}
}
@media screen and (min-width: 720px) {
#fig-title h1 {font-size: 290%; margin: 0 0 10px 0;}
#fig-title h2 {margin: 0 auto 15px auto;}
#fig-grid > ol > li {width: 210px;}
#fig-grid > ol > li:nth-child(1),
#fig-grid > ol > li:nth-child(2),
#fig-grid > ol > li:nth-child(3){border: 0;}
#fig-grid > ol > li a {width: 200px;}
#fig-grid div.thb {width: 200px; height: 200px; margin: 0 auto 10px auto;}
#fig-grid div.thb img {width: 200px;}
#fig-grid h2 {font-size: 155%;}
}
@media screen and (min-width: 860px) {
/* #fig-banner100 {padding: 20px 30px 50px 30px; text-align: left;} */
#fig-back {margin: 0 0 25px 0;}
#fig-images {margin: 0 5% 0 0; display: inline-block; vertical-align: middle; width: 47.5%;}
#fig-title {margin: 0; padding: 0; display: inline-block; vertical-align: middle; width: 47.5%; text-align: left;}
#fig-title p {width: auto; margin: 0;}
#fig-art {padding: 45px 30px 53px 30px;}
#fig-art-grid {display: inline-block; vertical-align: top; width: 47.5%; margin: 0 5% 0 0;}
#fig-art-grid ul {margin: 0; text-align: left;}
#fig-art-grid li {width: 47.5%; margin: 0 5% 18px 0;}
#fig-art-grid li:nth-child(2) {margin: 0 0 18px 0;}
#fig-art-grid li:nth-child(4) {margin: 0 0 18px 0;}
#fig-art-grid p {margin: 0 0 15px 0; padding: 0;}
#fig-art-text {display: inline-block; vertical-align: top; text-align: left; width: 47.5%; margin: 0;}
#fig-art-text h4 {font-size: 160%;}
#fig-art-text p {font-size: 100%;}
ul.fig-pink-btns li {margin: 0; display: block; text-align: center;}
ul.fig-pink-btns li:last-child {margin: 0;}
ul.fig-pink-btns li:nth-child(2){display: none;}
ul.fig-pink-btns li a span {font-size: 110%; padding-top: 11px;}
#fig-grid > ol > li {width: 260px;}
#fig-grid > ol > li a {width: 230px;}
#fig-grid div.thb {width: 230px; height: 230px;}
#fig-grid div.thb img {width: 230px;}
#fig-grid h2 {font-size: 170%;}
}
@media screen and (min-width: 920px) {
#fig-art {padding: 45px 40px 53px 40px;}
}
@media screen and (min-width: 1000px) {
#fig-banner {padding: 0 40px; max-width: 1180px; margin: 0 auto;}
#fig-images {width: 57.5%;}
#fig-images li img {max-height: 600px;}
#fig-title {width: 37.5%;}
#fig-art {padding: 50px 40px 70px 40px; max-width: 1180px; margin: 0 auto;}
#fig-art-text h4 {font-size: 180%;}
#fig-art-text p {font-size: 105%; margin: 0 0 26px 0;}
#fig-grid {padding: 0 40px; max-width: 1180px; margin: 0 auto;}
#fig-grid > ol > li {width: 225px;}
#fig-grid > ol > li:nth-child(4){border: 0;}
#fig-grid > ol > li a {width: 200px;}
#fig-grid div.thb {width: 200px; height: 200px;}
#fig-grid div.thb img {width: 200px;}
}
@media screen and (min-width: 1100px) {
/* #fig-banner {padding: 40px 40px 50px 40px;} */
#fig-images {width: 60%;}
#fig-images li img {max-height: 750px;}
#fig-title {width: 35%;}
#fig-title > div {padding: 0 0 30px 0;}
#fig-title h1 {font-size: 340%;}
#fig-title h2 {margin: 0 auto 18px auto;}
#fig-title p {font-size: 120%;}
#fig-art {padding: 60px 40px 70px 40px;}
#fig-art-text h4 {font-size: 220%;}
#fig-art-text p {font-size: 110%; margin: 0 0 30px 0;}
#fig-grid > ol > li {width: 250px;}
#fig-grid > ol > li a {width: 220px;}
#fig-grid div.thb {width: 220px; height: 220px;}
#fig-grid div.thb img {width: 220px;}
#fig-grid h2 {font-size: 185%;}
#fig-grid p {font-size: 105%;}
}
@media screen and (min-width: 1180px) {
#fig-art-text p {font-size: 115%;}
#fig-grid > ol > li {width: 260px;}
#fig-grid > ol > li a {width: 230px;}
#fig-grid div.thb {width: 230px; height: 230px;}
#fig-grid div.thb img {width: 230px;}
}
/* == HOME == */
#home-banner100 {position: relative; background-repeat: no-repeat; background-size: 90% auto; background-position: center 30px;}
#home-banner100 a {display: block; text-decoration: none; padding: 260px 0 0 0;}
#home-banner div {background: top center no-repeat url("../../img/bg-home-rosette.png"); background-size: 420px 420px; width: 100%; height: 210px; margin: 0 auto; padding: 55px 65px 0 65px;}
#home-banner h1 {color: #fff; font-size: 180%; line-height: 95% !important; margin: 0 0 6px 0;}
#home-banner p {color: #fff; font-size: 95%; line-height: 120%; margin: 0 0 12px 0;}
#home-banner span {display: none; font-weight: 600; font-size: 100%; padding: 11px 20px; color: #f24280; background: #fff;
-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
-webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.15); box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.15);}
#home-latest {padding: 40px 25px; text-align: center;}
#home-latest ul {list-style: none; text-align: center; margin: 0 auto;}
#home-latest li {margin: 0 0 30px 0;}
#home-latest li a {display: block; text-decoration: none; text-align: left;}
#home-latest li a > div {height: 260px; background-color: #efefef; background-position: center center; background-size: cover; position: relative; margin: 0 0 12px 0;}
#home-latest li a > div > div {position: absolute; bottom: 20px; right: 20px; width: 26px; height: 26px; background: top left no-repeat url("../../img/icon-circle-arrow.svg"); background-size: 26px 26px;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
-webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3);}
#home-latest li a span {display: block; font-weight: 600; font-size: 100%; color: #f24280; margin: 0;}
#home-latest li a h2 {color: #000; font-size: 160%;}
#instagram {padding: 20px 0 0 0; margin: 0; width: 280px; text-align: left;}
#instagram p {color: #f24280; font-size: 100%; font-weight: 600; line-height: 120%; margin: 0 0 12px 0;}
#instagram p a {font-weight: 300; display: block; color: #f24280;}
#instagram p a:hover {color: #000;}
#instafeed > div {background: #efefef; display: inline-block; position: relative; vertical-align: top; width: 126px; height: 126px; margin: 0 8px 8px 0;}
#instafeed > div > a {width: 16px; height: 16px; opacity: 0.7; display: block; text-decoration: none; background: top left no-repeat url("../../img/beta-icon-instagram-white.svg"); position: absolute; background-size: 16px 16px; bottom: 12px; left: 12px;}
#instafeed > div > a:hover {opacity: 1;}
#draw-squiggle {display: none;}
#home-about100 {background: #f24280;}
#home-about100 a {display: block; text-decoration: none; padding: 40px 25px;}
#home-about {padding-bottom: 200px; background: bottom center no-repeat url("../../img/img-home-montage.jpg"); background-size: 100% auto;}
#home-about h3 {color: #fff; font-size: 160%; margin: 0 0 8px 0;}
#home-about p {color: #fff; font-size: 100%; margin: 0 0 22px 0;}
#home-about span {display: inline-block; font-weight: 600; font-size: 100%; padding: 11px 20px; color: #f24280; background: #fff;
-webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px;
-webkit-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.15); box-shadow: 0px 1px 8px 1px rgba(0,0,0,0.15);}
@media screen and (min-width: 460px) {
#home-banner100 a {padding: 300px 0 0 0;}
#home-banner div {background-size: 420px 420px; width: 420px; height: 210px; padding: 55px 65px 0 65px;}
#home-banner h1 {font-size: 200%;}
#home-banner p {font-size: 100%; margin: 0 0 12px 0;}
#home-latest li a > div {height: 340px;}
#instagram {padding: 0 0 0; width: 400px;}
#instagram p {font-size: 110%; margin: 0 0 12px 0;}
#instafeed {padding: 0;}
#instafeed > div {width: 175px; height: 175px; margin: 0 10px 10px 0;}
#instafeed > div > a {width: 20px; height: 20px; background-size: 20px 20px;}
#home-about {padding-bottom: 230px;}
}
@media screen and (min-width: 580px) {
#home-banner100 {background-size: 70% auto; background-position: 20px 30px;}
#home-banner100 a {padding: 175px 0 0 30px;}
#home-banner div {margin: 0 0 0 auto;}
#home-latest li a > div {height: 400px;}
#home-about {padding-bottom: 280px;}
}
@media screen and (min-width: 720px) {
#home-banner100 {background-size: auto 90%; background-position: 10px center;}
#home-banner100 a {padding: 35px 0 0 0;}
#home-banner div {background-size: 380px 380px; width: 380px; height: 280px; margin: 0 10px 0 auto; padding: 60px 50px 0 50px;}
#home-banner span {display: inline-block; font-size: 100%; padding: 11px 20px;}
a #home-banner span {-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:hover #home-banner span {background: #cc1b5f; color: #fff;}
#home-latest li {display: inline-block; vertical-align: top; width: 31%; margin: 0 3.5% 30px 0;}
#home-latest li:nth-child(3) {margin: 0 0 30px 0;}
#home-latest li a > div {height: 210px; background-size: 135% auto; -webkit-transition: background-size 0.15s ease-out; -moz-transition: background-size 0.15s ease-out; transition: background-size 0.15s ease-out;}
#home-latest li a:hover > div {background-size: 150% auto;}
#home-latest li a:hover h2 {text-decoration: underline;}
#instagram {padding: 10px 0 20px 0; width: 100%;}
#instagram p a {display: inline;}
#instafeed > div {width: 150px; height: 150px; margin: 0 15px 0 0;}
#instafeed > div > a {width: 16px; height: 16px; background-size: 16px 16px;}
#home-about100 {text-align: left; background: #f24280 350px center no-repeat url("../../img/img-home-montage.jpg"); background-size: auto 105%;}
#home-about100 a {padding: 40px 25px 45px 25px;}
#home-about {padding-bottom: 0; background: none;}
#home-about div {width: 55%; margin: 0 auto 0 0;}
#home-about h3 {font-size: 180%; margin: 0 0 10px 0;}
#home-about p {margin: 0 0 25px 0;}
a #home-about span {-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out;}
a:hover #home-about span{background: #cc1b5f; color: #fff;}
}
@media screen and (min-width: 860px) {
#home-banner100 {background-position: 20px center;}
#home-banner100 a {padding: 40px 0 0 0;}
#home-banner div {background-size: 420px 420px; width: 420px; height: 330px; margin: 0 30px 0 auto; padding: 70px 60px 0 60px;}
#home-banner h1 {font-size: 240%;}
#home-banner p {font-size: 110%; margin: 0 0 16px 0;}
#home-banner span {font-size: 105%; padding: 12px 25px 12px 25px;}
#home-latest li a > div {height: 240px; margin: 0 0 15px 0;}
#home-latest li a span {/*font-size: 100%;*/ margin: 0 0 2px 0;}
#home-latest li a h2 {font-size: 180%;}
#home-about100 {text-align: left; background-position: 500px center; background-size: 850px auto;}
#home-about div {width: 53%;}
#home-about h3 {font-size: 210%; margin: 0 0 12px 0;}
#home-about p {/*font-size: 100%;*/ margin: 0 0 28px 0;}
}
@media screen and (min-width: 920px) {
#home-banner100 {background-size: auto 130%; background-position: 20px center;}
#home-banner100 a {padding: 55px 0 0 0;}
#home-latest {text-align: left;}
#home-latest li a > div {height: 260px;}
#home-about100 {background-position: 450px center;}
#home-about div {width: 48%;}
#home-about h3 {font-size: 220%;}
#instagram {padding: 10px 0; width: 68%; margin-right: 1%; display: inline-block; vertical-align: top;}
#instafeed > div {width: 132px; height: 132px; margin: 0 14px 0 0;}
#draw-squiggle {display: inline-block; position: relative; vertical-align: top; width: 31%; text-align: left; margin: 20px 0 0 0; padding: 12px 45px 15px 0; border-top: 5px solid #f3f3f3; border-bottom: 5px solid #f3f3f3; }
#draw-squiggle img {position: absolute; top: -33px; right: 9px; width: 35px; height: 61px;}
#draw-squiggle p {font-size: 110%;}
}
@media screen and (min-width: 1000px) {
#home-banner100 a {padding: 80px 40px 0 40px; max-width: 1140px; margin: 0 auto;}
#home-banner div {margin: 0 0 0 auto;}
#home-latest {padding: 55px 30px;}
#home-latest li a > div {height: 280px;}
#instafeed > div {width: 142px; height: 142px; margin: 0 15px 0 0;}
#home-about100 {background-position: 500px center; background-size: 925px auto;}
#home-about100 a {padding: 50px 30px 65px 30px;}
#home-about h3 {font-size: 240%;}
#home-about p {font-size: 105%;}
}
@media screen and (min-width: 1100px) {
#home-banner100 {background-position: 40px center;}
#home-latest {padding: 55px 40px; max-width: 1180px; margin: 0 auto;}
#home-latest li a > div {height: 310px; margin: 0 0 18px 0;}
#home-latest li a span {font-size: 105%;}
#instagram {width: 68%; padding: 30px 0 10px 0;}
#instafeed > div {width: 153px; height: 153px;}
#home-about100 {background-position: 540px center; background-size: 975px auto;}
#home-about100 a {padding: 50px 40px 65px 40px;}
#home-about {max-width: 1100px; margin: 0 auto;}
#home-about div {width: 45%;}
#home-about p {font-size: 110%;}
}
@media screen and (min-width: 1180px) {
#instagram {width: 67%; margin-right: 2%;}
#instafeed > div {width: 165px; height: 165px;}
#home-about100 {background-position: 570px center; background-size: 1000px auto;}
#draw-squiggle {padding: 13px 45px 16px 0; margin: 30px 0 0 0;}
#draw-squiggle img {top: -33px; right: 9px; width: 35px; height: 61px;}
#draw-squiggle p {font-size: 120%;}
}
@media screen and (min-width: 1360px) {
#home-banner100 {background-position: 150px center; background-size: auto 120%;}
#home-banner100 a {padding: 110px 40px 0 40px;}
#home-about100 {background-position: 160% 50%;}
}
@media screen and (min-width: 1480px) {
#home-banner100 {background-position: 200px center;}
#home-about100 {background-position: 140% 50%;}
}
@media screen and (min-width: 1600px) {
#home-banner100 {background-position: 275px center;}
#home-about100 {background-position: 120% 50%;}
}
@media screen and (min-width: 1800px) {
#home-banner100 {background-position: 350px center;}
#home-about100 {background-position: 100% 50%;}
}
/* == STOCKISTS == */
#stockists {padding: 10px 20px 0 20px; text-align: center;}
#stockists > div {border: 2px solid #eaeaea; text-align: left; padding: 22px 25px; margin: 0 0 25px 0;}
#stockists h2 {color: #ec0188; font-size: 160%; margin: -14px 0 6px 0;}
#stockists h4 {font-weight: 300; font-style: italic; color: #a1a1a1; font-size: 120%; margin: 0 0 16px 0;}
#stockists h5 {color: #515151; font-size: 140%; margin: 0 0 2px 0;}
#stockists ul {display: block; margin: 0 auto;}
#stockists li {margin: 0 0 18px 0; text-align: left; padding: 0 0 16px 0; border-bottom: 1px dashed #e6e6e6;}
#stockists li:last-child {margin: 0; padding: 0; border: 0;}
#stockists li a {color: #717171; text-decoration: underline;}
#stockists li a:hover {color: #ec0188;}
#stockists table {text-align: left;}
#stockists table th {text-align: center; padding: 0; vertical-align: top !important; width: 16px;}
#stockists table th img {display: block;}
#stockists table td {text-align: left; vertical-align: top !important; padding: 1px 0 5px 5px; font-size: 95%;}
#stockists ul#online li {padding: 0; margin: 0 0 11px 0; border: 0; font-size: 110%; font-weight: 600;}
#stockists ul#online li a {color: #515151; padding-left: 22px; background: left center no-repeat url("../../img/icon-stockist-website.svg"); min-height: 16px;}
#f-stockist {border: 2px dashed #eaeaea; padding: 20px; text-align: left; clear: both; margin: 0 0 20px 0;}
#f-stockist > img {display: none;}
#f-stockist p {margin: 0 0 20px 0;}
#f-stockist small {font-size: 85%; color: #919191; line-height: 125%; margin: 0 0 8px 0; display: block;}
@media screen and (min-width: 580px) {
#stockists {padding: 15px 25px 0 25px;}
#stockists > div {border: none; padding: 0 25px;}
#stockists > div#high-div {border-bottom: 2px dashed #eaeaea;}
#stockists ul {margin: 0 0 23px 0; display: block; overflow: hidden; text-align: left;}
#stockists li {margin: 0 0 30px 0; padding: 0 25px 0 0; display: inline-block; vertical-align: top; width: 50%; border: 0;}
#stockists table td {padding: 1px 0 6px 5px; font-size: 100%;}
#f-stockist {padding: 20px; margin: 0 0 25px 0;}
#f-stockist > img {display: block; width: 42%; height: auto; float: right; margin: 0 0 25px 25px;}
}
@media screen and (min-width: 760px) {
#stockists {padding: 15px 30px 0 30px;}
#stockists > div {padding: 0 30px;}
#stockists h2 {font-size: 190%; margin: -12px 0 8px 0;}
#stockists h4 {font-size: 150%; margin: 0 0 12px 0;}
#stockists h5 {font-size: 110%;}
#stockists ul {margin: 0 0 30px 0;}
#stockists li {margin: 0 0 25px 0; padding: 0 25px 0 0; width: 33.3%;}
#stockists table td {padding: 1px 0 6px 5px; font-size: 95%;}
#f-stockist p {font-size: 105%;}
#stockists ul#online li {margin: 0 0 10px 0; font-size: 95%;}
#stockists ul#online li a {padding-left: 21px;}
#f-stockist {padding: 25px; margin: 0 0 30px 0;}
#f-stockist > img {width: 40%;}
}
@media screen and (min-width: 860px) {
#stockists > div {padding: 0 40px;}
#stockists > div#high-div {margin-bottom: 40px;}
#stockists h2 {font-size: 220%;}
#stockists h5 {font-size: 120%;}
#stockists li {margin: 0 0 30px 0;}
#stockists table td {padding: 1px 0 6px 5px; font-size: 100%;}
#stockists ul#online li {margin: 0 0 10px 0; font-size: 100%;}
#stockists ul#online li a {padding-left: 22px;}
}
@media screen and (min-width: 1000px) {
#stockists {padding: 15px 35px 0 35px;}
#stockists h2 {font-size: 235%;}
#stockists h4 {font-size: 160%;}
#stockists h5 {font-size: 130%;}
#stockists li {padding: 0 30px 0 0;}
#stockists ul#online li {font-size: 110%;}
#f-stockist {padding: 30px;}
}
@media screen and (min-width: 1100px) {
#stockists {padding: 20px 40px 0 40px; max-width: 1090px; margin: 0 auto;}
#stockists h2 {font-size: 250%;}
#stockists h5 {font-size: 120%;}
#stockists > div {padding: 0;}
#stockists > div#high-div {margin-bottom: 35px;}
#stockists li {padding: 0 30px 0 0; width: 25%;}
#stockists table td {padding: 1px 0 8px 5px; font-size: 100%;}
#f-stockist {padding: 35px;}
}
/* == ABOUT THE BEARS / FAQ / CONTACT == */
#bio {padding: 18px 20px 10px 20px; text-align: left;}
#bio h3 {margin: 26px 0 4px 0; font-size: 130%; color: #ec0188;}
#bio p {margin: 0 0 20px 0; font-size: 100%;}
#bio p a {color: #ec0188;}
#bio p a:hover {color: #b9006a;}
#bio ul.std {margin: 0 0 25px 35px;}
#bio ul.std li {font-size: 100%; margin: 0 0 12px 0; list-style: disc;}
#bio ul.roman {margin: 0 0 25px 35px;}
#bio ul.roman li {font-size: 100%; margin: 0 0 12px 0; list-style: lower-roman;}
.bio-block {padding-bottom: 10px; clear: both;}
img.bio-pic {height: auto;}
img.bio-pic1 {float: right; margin: 0 0 15px 15px; max-width: 180px;}
img.bio-pic2 {float: right; margin: 0 0 15px 15px; max-width: 150px;}
img.bio-pic3 {float: right; margin: 0 0 15px 15px; max-width: 180px;}
img.bio-pic4 {float: right; margin: 0 0 15px 15px; max-width: 150px;}
img.bio-sig {margin: -10px 15px 0 0; max-width: 120px;}
#faq {padding: 20px; text-align: left;}
#faq h2 {margin-bottom: 5px; font-size: 110%; overflow: hidden; font-weight: 600; cursor: pointer; border-bottom: 2px solid #ededed; padding: 5px 0 12px 0; outline: none;}
#faq h2 span {color: #acacac; display: block; font-weight: 600; font-size: 100%; float: left; width: 22px; line-height: 130%;}
#faq h2 strong {color: #f24280; display: block; margin-left: 22px; padding: 1px 20px 0 0; background: right top no-repeat url("../../img/icon-faq-zoomer.png");}
#faq > div {padding: 0 0 15px 0;}
#faq p {margin: 0 0 20px 0; font-size: 100%;}
#faq ol {margin: -4px 0 22px 28px; list-style: decimal;}
#faq li {font-size: 90%; margin: 0 0 12px 0;}
#faq b {color: #666;}
#enquiry-box {text-align: left; padding: 0; max-width: 920px; margin: 0 auto;}
#enquiry-box input[type="submit"] {background: #f24280; font-size: 100%; font-weight: 600; text-transform: uppercase; line-height: 100%; border: 0; padding: 12px 18px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#enquiry-box input[type="submit"]:hover {background: #3c3c3c;}
#enquiry-box input[type="text"],
#enquiry-box input[type="email"],
#enquiry-box textarea {width: 98%; border: 2px solid #e6e6e6; padding: 12px; font-size: 100%; line-height: 130%; margin: 0 0 12px 0; font-weight: 600; color: #3c3c3c;}
#enquiry-box textarea {height: 150px;}
#thanks {background: #f24280; padding: 13px 20px 14px 20px; margin: 0 auto 20px 0; max-width: 980px;}
#thanks p {font-size: 100%; color: #fff !important; margin: 0 !important; line-height: 130%;}
#comm-art {margin: 0 0 26px 0; border-bottom: 2px dashed #f2f2f2;}
#comm-art ul {overflow: hidden; margin: 0 0 12px 0;}
#comm-art li {display: inline-block; vertical-align: top; width: 47.5%; margin: 0 5% 0 0;}
#comm-art li img {width: 100%; height: auto;}
#comm-art li:nth-child(2) {margin: 0;}
#comm-art li:nth-child(3),
#comm-art li:nth-child(4) {display: none;}
#comm-art p {font-size: 90% !important; margin: 0 0 15px 0 !important;}
#cookie-table {border: 0; text-align: left; margin: 0 0 20px 0;}
#cookie-table th,
#cookie-table td {font-size: 90%; padding: 8px 15px 10px 10px; border: 1px solid #d4d4d4;}
#cookie-table th.no-mob,
#cookie-table td.no-mob {display: none;}
#cookie-table th {background: #f3f3f2; color: #3c3c3c; font-weight: 600;}
#cookie-table td {color: #717171; line-height: 145%;}
#cookie-table td a {color: #153872;}
#cookie-table td a:hover {color: #497abb;}
@media screen and (min-width: 580px) {
#bio {padding: 18px 25px 20px 25px;}
img.bio-pic1 {max-width: 160px;}
img.bio-pic2 {max-width: 160px;}
img.bio-pic3 {max-width: 160px;}
img.bio-pic4 {max-width: 160px;}
#faq {padding: 20px 25px;}
#comm-art li {width: 22%; margin: 0 3% 0 0;}
#comm-art li:nth-child(2),
#comm-art li:nth-child(3) {margin: 0 3% 0 0;}
#comm-art li:nth-child(3),
#comm-art li:nth-child(4) {display: inline-block;}
#comm-art li:nth-child(4) {margin: 0;}
}
@media screen and (min-width: 700px) {
#bio {padding: 23px 25px 30px 25px;}
#bio p {font-size: 105%;}
#bio ul.std li {font-size: 105%;}
#bio ul.roman li {font-size: 105%;}
#faq h2 {font-size: 125%;}
#faq h2 span {width: 26px;}
#faq h2 strong {padding: 2px 25px 0 0;}
#faq p {font-size: 105%;}
#faq > div {padding: 8px 0 15px 0;}
#enquiry-box input[type="text"],
#enquiry-box input[type="email"] {width: 350px; font-size: 100%; display: inline-block; vertical-align: top; font-size: 105%;}
#enquiry-box textarea {height: 250px; font-size: 105%;}
#cookie-table {margin: 0 0 26px 0;}
#cookie-table th,
#cookie-table td {font-size: 100%; padding: 8px 15px 10px 10px;}
#cookie-table th.no-mob,
#cookie-table td.no-mob {display: table-cell;}
}
@media screen and (min-width: 860px) {
#bio {padding: 25px 30px 65px 30px; max-width: 980px; margin: 0 auto;}
img.bio-pic1 {margin: 0 0 22px 25px; max-width: 160px;}
img.bio-pic2 {float: left; margin: 0 25px 22px 0; max-width: 160px;}
img.bio-pic3 {margin: 0 0 22px 25px; max-width: 160px;}
img.bio-pic4 {float: left; margin: 0 25px 22px 0; max-width: 160px;}
img.bio-sig {float: right; margin: -22px 0 0 0; clear: none;}
#faq {margin: 0 auto; padding: 25px 30px 30px 30px; max-width: 980px;}
}
@media screen and (min-width: 940px) {
#bio p {font-size: 110%;}
#bio ul.std li {font-size: 110%;}
#bio ul.roman li {font-size: 110%;}
img.bio-pic1 {margin: 0 0 22px 22px; max-width: 190px;}
img.bio-pic2 {margin: 0 22px 22px 0; max-width: 190px;}
img.bio-pic3 {margin: 0 0 22px 22px; max-width: 190px;}
img.bio-pic4 {margin: 0 22px 22px 0; max-width: 190px;}
#faq h2 {font-size: 135%;}
#faq p {font-size: 110%;}
#faq > div {padding: 12px 40px 20px 0;}
}
/* == NEWS == */
#news-grid {margin: 0 0 30px 0; padding: 20px 20px 0 20px;}
#news-grid > p {font-size: 90%; line-height: 125%; margin: 0 0 16px 0;}
#news-grid > p a {color: #e8b400;}
#news-grid > p a:hover {color: #a60000;}
#news-grid ul {padding: 0; width: 280px; margin: 0 auto 25px auto;}
#news-grid ul li {width: 130px; margin: 0 20px 25px 0; text-align: left; display: inline-block; vertical-align: top;}
#news-grid ul li:nth-child(even){margin: 0 0 25px 0;}
#news-grid ul li a {display: block;}
#news-grid ul li a div.pic {vertical-align: middle; background-position: center center; background-size: cover; width: 100%; height: 130px; margin-bottom: 8px;}
#news-grid ul li a h3 {color: #000; font-size: 120%;}
#news-grid ul li a p {display: none;}
#news-grid ul ol {width: 100%; clear: both; border-top: 1px solid #efefef; text-align: center; margin: 10px auto 0 auto; padding: 10px 0 0 0;}
#news-grid ul ol li {width: auto; display: inline-block; vertical-align: top; margin: 0 4px !important; font-weight: 600; font-size: 100%;}
#news-grid ul ol li a {background: #fff8e1; color: #d87805; border: 2px solid #e1d2a1; padding: 3px 13px;}
#news-grid ul ol li a.active {background: #fff; border: 2px solid #dbd4bf; color: #bbb6a7;}
#news-cats {padding: 0 25px; margin-bottom: 30px;}
#news-cats p {font-size: 80%; margin: 0 0 12px 0;}
#news-cats ul {overflow: hidden;}
#news-cats ul li {display: inline-block; vertical-align: top; font-weight: 600; line-height: 100%; font-size: 85%; margin: 0 4px 8px 4px;}
#news-cats ul li a {background: #d87805; color: #fff; padding: 8px 13px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
#news-cats ul li a:hover {background: #726f63;}
#news-options {padding: 20px 0 0 0; clear: both; border-bottom: 2px solid #f6f6f6; text-align: left;}
#news-options ul {overflow: hidden; padding: 0 20px; margin: 0;}
#news-options ul li {display: inline-block; vertical-align: top; line-height: 100%; font-size: 90%; padding: 0 0 10px 0; margin: 0; color: #717171;}
#news-options ul li:last-child {display: none;}
#news-options ul li a {color: #717171; display: inline; margin: 0;}
#news-options ul li a:hover {color: #515151; text-decoration: underline;}
#news-story {overflow: hidden; padding: 12px 20px 0 20px; margin: 0 0 25px 0; text-align: left;}
#news-story h1 {color: #f24280; font-size: 180%; line-height: 120%; margin: 0 0 4px 0;}
#news-story h2,
#news-story h3,
#news-story h4 {color: #d87805; margin: 8px 0 4px 0;}
#news-story h1 {margin: 0 0 8px 0;}
#news-story p {margin: 0 0 20px 0; font-size: 100%;}
#news-srory p a {color: #f24280;}
#news-story ul {list-style: disc; font-size: 100%; color: #777; padding: 0 0 1.25em 25px;}
#news-story ol {font-size: 100%; padding: 0 0 1.25em 25px;}
#news-story li {color: #717171; margin:0 0 10px 0; padding: 0; line-height: 140%;}
#news-story li strong {color: #517171;}
#news-story li a {color: #ec0188;}
#news-story li a:hover {color: #b9006a;}
#news-story table {margin-bottom: 30px; margin-top: 8px;}
#news-story table th,
#news-story table td {font-size: 100%; padding: 6px 20px 6px 10px; text-align: left; border: 1px solid #d4d4d4;}
#news-story table th {background: #f3f3f2; color: #3c3c3c; font-weight: 600;}
#news-story table td {color: #717171;}
#news-story table td a {color: #ec0188;}
#news-story table td a:hover {color: #b9006a;}
#news-story div.img-plain {text-align:right; margin: 0 auto 20px auto; padding: 0;}
#news-story div.img-plain img {max-width:100%; margin:0 0 8px 0;}
#news-story div.img-plain p {font-size:0.8em; line-height: 120%; color: #777; margin:0; padding: 0 6px;}
#std-gallery {text-align: left; margin: 0 auto 30px auto; background: #fff; padding: 0 0 30px 0;}
#std-gallery ul {padding: 0;}
.video-main {margin: 0 0 25px 0;}
.video-main p {font-size: 80%; padding: 4px 0 0 0;}
.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}
#news-docs {margin-bottom: 30px;}
#news-docs p {font-size:0.8em; margin:0 0 8px 0 !important;}
#news-docs ul {list-style:none; margin:0; padding:0;}
#news-docs ul li {overflow: hidden; min-height: 28px; margin:0 0 12px 0; padding:0;}
#news-docs ul li a div {width:20px; height:30px; display: inline-block; vertical-align: middle; margin: 0 6px 0 0; background:top left no-repeat url("../../img/icon-document.png"); background-size: 20px 30px;}
#news-docs ul li a span {display: inline-block; vertical-align: middle; color: #ec0188; font-size: 1.0em; font-weight: 600; padding: 0; text-decoration: underline;}
#news-docs ul li a:hover span {color: #a60000;}
@media screen and (min-width: 480px) {
#news-grid {margin: 0 0 40px 0; padding: 22px 30px 0 30px;}
#news-grid ul {width: 420px; margin: 0 auto 25px auto;}
#news-grid ul li {width: 175px; margin: 0 25px 25px 0;}
#news-grid ul li a div.pic {height: 175px;}
}
@media screen and (min-width: 580px) {
#news-grid {margin: 0 0 50px 0; padding: 25px 30px 0 30px;}
#news-grid ul {width: 520px; margin: 0 auto 25px auto; text-align: left;}
#news-grid ul li,
#news-grid ul li:nth-child(even){width: 155px; margin: 0 25px 25px 0;}
#news-grid ul li:nth-child(3n+3){margin: 0 0 25px 0;}
#news-grid ul li a div.pic {height: 155px;}
#news-grid ul li a h3 {font-size: 110%;}
#news-grid ul ol {margin: 15px auto 0 auto; padding: 15px 0 0 0;}
#news-grid ul ol li {width: auto !important; margin: 0 4px !important;}
#news-options ul {padding: 0 30px;}
#news-story {padding: 20px 30px 0 30px; margin: 0 0 30px 0;}
#news-story h1 {font-size: 200%; margin: 0 0 8px 0;}
}
@media screen and (min-width: 700px) {
#news-grid ul {width: 620px; margin: 0 auto 25px auto;}
#news-grid ul li,
#news-grid ul li:nth-child(even) {width: 190px; margin: 0 25px 25px 0;}
#news-grid ul li:nth-child(3n+3) {margin: 0 0 25px 0;}
#news-grid ul li a div.pic {height: 190px; position: relative; -webkit-transition:all 0.2s ease-out !important; -moz-transition:all 0.2s ease-out !important; transition:all 0.2s ease-out !important;}
#news-grid ul li a h3 {font-size: 120%;}
#news-grid ul li a:hover div.pic {background-size: 125% auto;}
#news-grid ul li a:hover h3 {text-decoration: underline;}
#news-cats {margin-bottom: 40px;}
#news-cats p {font-size: 85%;}
#news-cats ul li {font-size: 90%; margin: 0 5px 10px 5px;}
#news-options {padding: 25px 0 0 0;}
#news-options ul li {font-size: 95%; padding: 0 0 12px 0;}
#news-options ul li:last-child {display: inline-block;}
#news-story {padding: 20px 30px 0 30px; margin: 0 0 30px 0;}
#news-story h1 {font-size: 220%;}
#news-story h2 {font-size: 150%;}
#news-story h3 {font-size: 130%;}
#news-story h4 {font-size: 110%;}
.video-main {margin: 0 0 32px 0;}
.video-main p {font-size: 90%; padding: 6px 0 0 0;}
#news-docs {margin-bottom: 32px;}
#news-docs p {font-size: 90%;}
}
@media screen and (min-width: 860px) {
#news-grid ul {width: 760px; margin: 0 auto 25px auto;}
#news-grid ul li,
#news-grid ul li:nth-child(even){width: 230px; margin: 0 30px 30px 0;}
#news-grid ul li:nth-child(3n+3){margin: 0 0 30px 0;}
#news-grid ul li a div.pic {height: 230px;}
#news-grid ul li a h3 {font-size: 130%;}
#news-cats {margin-top: -10px;}
#news-options {padding: 20px 0 0 0;}
#news-options ul {max-width: 960px; margin: 0 auto;}
#news-options ul li {padding: 0 0 15px 0;}
#news-story {padding: 25px 30px 25px 30px; max-width: 960px; margin: 0 auto 35px auto;}
#news-story h1 {font-size: 240%;}
#news-story h2 {font-size: 170%;}
#news-story h3 {font-size: 140%;}
#news-story h4 {font-size: 115%;}
#news-story p {font-size: 110%;}
#news-story ul {font-size: 110%;}
#news-story ol {font-size: 110%;}
#news-story table {margin-bottom: 32px; margin-top: 8px;}
#news-story table th,
#news-story table td {font-size: 110%; padding: 7px 20px 7px 13px;}
#news-story div.img-plain {margin:0 0 25px 0;}
#news-story div.img-plain p {font-size: 90%; padding: 0 12px 0 6px;}
#std-gallery {margin: 0 0 35px 0;}
.video-main {margin: 0 0 35px 0;}
#news-docs {margin-bottom: 35px;}
}
@media screen and (min-width: 940px) {
#news-grid {margin: 0 0 60px 0; padding: 30px 40px 0 40px;}
#news-grid ul {width: 860px;}
#news-grid ul li,
#news-grid ul li:nth-child(even),
#news-grid ul li:nth-child(3n+3) {width: 195px; margin: 0 25px 25px 0;}
#news-grid ul li:nth-child(4n+4) {margin: 0 0 25px 0;}
#news-grid ul li a div.pic {height: 195px;}
#news-grid ul li a h3 {font-size: 115%;}
#news-options {padding: 30px 0 0 0;}
#news-story h1 {font-size: 260%;}
}
@media screen and (min-width: 1020px) {
#news-grid ul {width: 940px;}
#news-grid ul li,
#news-grid ul li:nth-child(even),
#news-grid ul li:nth-child(3n+3) {width: 210px; margin: 0 30px 30px 0;}
#news-grid ul li:nth-child(4n+4) {margin: 0 0 30px 0;}
#news-grid ul li a div.pic {height: 210px;}
#news-grid ul li a h3 {font-size: 130%;}
#news-cats {margin-top: -25px; max-width: 1000px; margin-left: auto; margin-right: auto;}
}
@media screen and (min-width: 1140px) {
#news-grid ul {width: 1010px;}
#news-grid ul li,
#news-grid ul li:nth-child(even),
#news-grid ul li:nth-child(3n+3) {width: 225px; margin: 0 35px 35px 0;}
#news-grid ul li:nth-child(4n+4) {margin: 0 0 35px 0;}
#news-grid ul li a div.pic {height: 225px;}
#news-grid ul li a h3 {font-size: 140%;}
}
/* == ART SHOP == */
#visual-grid {padding: 20px 0 25px 0; text-align: center;}
#visual-grid ul {list-style: none; text-align: left; margin: 0 auto; width: 300px;}
#visual-grid li {display: inline-block; vertical-align: top; text-align: left; width: 140px; margin: 0 20px 25px 0;}
#visual-grid li:nth-child(even) {margin: 0 0 25px 0;}
#visual-grid li a {display: block; text-decoration: none; background: center right no-repeat url("../../img/icon-sml-right-arrow.png");}
#visual-grid li a > div {background-position: center center; position: relative; background-size: cover; width: 140px; height: 140px; margin: 0 0 4px 0;}
#visual-grid li a > div > div {position: absolute; bottom: 10px; right: 10px; width: 20px; height: 20px; background: top left no-repeat url("../../img/icon-circle-arrow.svg"); background-size: 20px 20px;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
-webkit-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3); box-shadow: 0px 1px 4px 1px rgba(0,0,0,0.3);}
#visual-grid li a span {display: block; font-weight: 600; font-size: 95%; color: #f24280; margin: 0 0 2px 0;}
#visual-grid li a h2 {color: #000; font-size: 150%; line-height: 100%;}
#prod-container {padding: 20px 25px 0 25px;}
#prod-detail {text-align: left;}
#prod-detail #back {border-bottom: 1px dashed #dcdcdc; padding-bottom: 10px; margin: 0 0 20px 0;}
#prod-detail #back p {font-size: 95%; color: #717171;}
#prod-detail #back p a {color: #717171; text-decoration: none;}
#prod-detail #back p a:hover{text-decoration: underline;}
#prod-detail > p {font-size: 105%; margin: 0 0 20px 0;}
#prod-detail > p a {color: #ec0188;}
#prod-detail > p a:hover {color: #313131;}
#prod-detail h1 {font-size: 200%; line-height: 100% !important; color: #ec0188; margin: 0 0 8px 0;}
#prod-detail h2 {font-size: 85%; text-transform: uppercase; line-height: 100%; background: #313131; margin: 3px auto 18px 0; display: inline-block; padding: 6px 10px; color: #fff;}
#prod-detail ul {margin: -4px 0 18px 30px; list-style: disc;}
#prod-detail ol {margin: -4px 0 18px 30px; list-style: decimal;}
#prod-detail li {font-size: 105%; color: #717171; margin: 0 0 12px 0;}
#prod-detail li a {color: #ec0188;}
#prod-detail li a:hover {color: #313131;}
#prod-detail strong {color: #515151; font-weight: 600;}
#prod-detail table {margin: 0 0 30px 0;}
#prod-detail th,
#prod-detail td {text-align: left; padding: 11px 20px 11px 0; border-bottom: 1px solid #eaeaea; font-size: 100%;}
#prod-detail th {color: #717171;}
#prod-detail td {color: #515151; font-weight: 600;}
#mob-gall {border: 2px solid #eaeaea; margin: 0 0 20px 0; display: inline-block;}
#add-to-cart {background: #fff8e1; padding: 20px 25px 27px 25px; margin: 0 0 20px 0;}
#add-to-cart button {display: inline-block; vertical-align: top; margin: 0 0 10px 0; background: #ec0188; font-size: 100%; font-weight: 600; text-transform: uppercase; line-height: 100%; border: 0; padding: 12px 15px; color: #fff; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
#add-to-cart button:hover {background: #bc006c;}
#add-to-cart h5 {display: inline-block; vertical-align: top; font-size: 180%; color: #313131; padding: 7px 12px 0 0;}
#add-to-cart p {color: #717171; font-size: 95%; display: block; clear: both;}
#add-to-cart p a {color: #ec0188;}
#add-to-cart p a:hover {color: #313131;}
#delivery-notes {background: #f6f6f6; padding: 22px 25px 15px 25px; margin: 0 0 20px 0;}
#delivery-notes h6 {font-size: 130%; margin: 0 0 3px 0;}
#delivery-notes p {font-size: 95%; margin: 0 0 15px 0;}
#prod-imgs {display: none;}
@media screen and (min-width: 480px) {
#visual-grid ul {width: 420px;}
#visual-grid li {width: 200px;}
#visual-grid li a > div {width: 200px; height: 200px;}
}
@media screen and (min-width: 580px) {
#visual-grid ul {width: 530px;}
#visual-grid li,
#visual-grid li:nth-child(even) {width: 160px; margin: 0 25px 25px 0;}
#visual-grid li:nth-child(3n+3) {margin: 0 0 25px 0;}
#visual-grid li a > div {width: 160px; height: 160px;}
#prod-detail {text-align: left;}
}
@media screen and (min-width: 700px) {
#visual-grid {padding: 25px 0 40px 0;}
#visual-grid ul {width: 630px;}
#visual-grid li,
#visual-grid li:nth-child(even) {width: 190px; margin: 0 25px 25px 0;}
#visual-grid li:nth-child(3n+3) {margin: 0 0 25px 0;}
#visual-grid li a > div {width: 190px; height: 190px; background-size: 125% auto; -webkit-transition: background-size 0.15s ease-out; -moz-transition: background-size 0.15s ease-out; transition: background-size 0.15s ease-out;}
#visual-grid li a:hover > div {background-size: 150% auto;}
#visual-grid li a:hover h2 {text-decoration: underline;}
#prod-detail h1 {font-size: 230%;}
#prod-detail h2 {font-size: 90%;}
}
@media screen and (min-width: 860px) {
#visual-grid ul {width: 780px;}
#visual-grid li,
#visual-grid li:nth-child(even),
#visual-grid li:nth-child(3n+3) {width: 180px; margin: 0 20px 25px 0;}
#visual-grid li:nth-child(4n+4) {margin: 0 0 25px 0;}
#visual-grid li a > div {width: 180px; height: 180px;}
#prod-container {padding: 35px 30px 30px 30px; overflow: hidden;}
#prod-detail {float: left; width: 42%; padding: 10px 0 30px 0;}
#prod-detail #back {padding-bottom: 10px; margin: 0 0 25px 0;}
#prod-detail #back p {font-size: 85%;}
#prod-detail h1 {font-size: 220%;}
#prod-detail > p {font-size: 100%;}
#prod-detail ul {margin: -3px 0 21px 30px;}
#prod-detail ol {margin: -3px 0 21px 30px;}
#prod-detail li {font-size: 100%;}
#prod-detail table {width: 100%; margin: 0 0 30px 0;}
#prod-detail th,
#prod-detail td {padding: 9px 20px 9px 0; font-size: 95%;}
#delivery-notes h6 {font-size: 120%;}
#delivery-notes p {font-size: 90%;}
#mob-gall {display: none;}
#prod-imgs {display: block; float: right; width: 53%;}
#prod-imgs ul {text-align: left; overflow: hidden;}
#prod-imgs li {margin: 0 0 25px 0; text-align: left; display: inline-block; vertical-align: top;}
#prod-imgs li:nth-child(1) img {border: 2px solid #f3f3f3;}
#prod-imgs li.half {width: 45%; margin-right: 4%; }
#prod-imgs p {font-size: 90%; margin: 4px 0 0 10px; color: #9a9a9a;}
}
@media screen and (min-width: 940px) {
#visual-grid {padding: 30px 0 50px 0;}
#visual-grid ul {width: 860px;}
#visual-grid li,
#visual-grid li:nth-child(even),
#visual-grid li:nth-child(3n+3) {width: 195px;}
#visual-grid li:nth-child(4n+4) {margin: 0 0 25px 0;}
#visual-grid li a > div {width: 195px; height: 195px;}
#prod-detail #back p {font-size: 90%;}
#prod-detail h1 {font-size: 250%;}
#add-to-cart {margin: 0 0 25px 0;}
#delivery-notes {margin: 0 0 25px 0;}
}
@media screen and (min-width: 1000px) {
#prod-container {padding: 35px 40px 30px 40px; margin: 0 auto; max-width: 1020px;}
}
@media screen and (min-width: 1020px) {
#visual-grid ul {width: 940px;}
#visual-grid li,
#visual-grid li:nth-child(even),
#visual-grid li:nth-child(3n+3) {width: 210px; margin: 0 30px 30px 0;}
#visual-grid li:nth-child(4n+4) {margin: 0 0 30px 0;}
#visual-grid li a > div {width: 210px; height: 210px; margin: 0 0 7px 0;}
#visual-grid li a > div > div {bottom: 15px; right: 15px; width: 24px; height: 24px; background-size: 24px 24px;}
#visual-grid li a h2 {font-size: 170%;}
#visual-grid li a span {margin: 0;}
#prod-detail h1 {font-size: 280%;}
#prod-detail > p {font-size: 105%;}
#prod-detail li {font-size: 105%;}
#prod-detail th,
#prod-detail td {padding: 11px 20px 11px 0; font-size: 100%;}
#delivery-notes h6 {font-size: 120%;}
#delivery-notes p {font-size: 90%;}
}
@media screen and (min-width: 1140px) {
#visual-grid {padding: 40px 0 50px 0;}
#visual-grid ul {width: 1010px;}
#visual-grid li,
#visual-grid li:nth-child(even),
#visual-grid li:nth-child(3n+3) {width: 230px;}
#visual-grid li a > div {width: 230px; height: 230px;}
#visual-grid li a span {font-size: 100%;}
}
/* == BASKET & CHECKOUT == */
div.block-btns {overflow: hidden; clear: both; margin: 0 auto; padding: 0; text-align: center; line-height: 100%; font-size: 0.9em; font-weight: 600;}
div.block-btns a {display: inline-block; margin: 0 3px; color: #fff; vertical-align: middle; text-transform: uppercase; padding: 9px 12px;
-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
div.block-btns a.grey-btn {border: 3px solid #dad7c5; background: #dad7c5;}
div.block-btns a.red-btn {border: 3px solid #ec0188; background: #ec0188;}
div.block-btns a:hover {border: 3px solid #a90061; background: #a90061; color: #fff;}
#basket100 {background: #ffc703;}
#basket {padding: 15px 25px 12px 25px;}
#basket > p {color: #a90061; font-size: 100%; margin: 7px auto 0 auto; width: 250px; line-height: 125%;}
#basket > div {display: inline-block; clear: both;}
#basket > div a {text-decoration: none;}
#check100 {padding: 15px 0; overflow: hidden; text-align: left;}
#check-main {margin-bottom: 10px; padding: 0 25px; text-align: left;}
#check-main h2 {font-size: 120%; color: #f24280; border-bottom: 2px solid #eee; padding-bottom: 8px; margin-bottom: 16px;}
#check-main h2 em {color: #827f78; font-weight: 300;}
#check-main p {margin:0 0 30px 0;}
#check-main p.intro {margin-top: -25px;}
#check-main ul#steps {overflow: hidden; text-align: left; margin-bottom: 30px;}
#check-main ul#steps li {display: inline-block; vertical-align: top; margin: 0 5px 0 0; font-size: 90%; line-height: 100%; color: #8a8a8a; padding: 9px 12px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #dadada; background: #fff;}
#check-main ul#steps li.active {border: 2px solid #f24280; color: #f24280; font-weight: 600;}
#check-t {width: 100%;}
#check-t h4 {line-height: 120%; font-size: 100%; color: #f24280;}
#check-t thead {background: #ec0188;}
#check-t thead th {text-align:left; font-size: 90%; color:#fff; padding: 12px 15px 12px 10px; background: #f24280; border: 1px solid #ec0188;}
#check-t tbody {background: #fff;}
#check-t tbody tr {border-bottom: 1px solid #ddd;}
#check-t tbody tr.total-row {border: 1px solid #dedede}
#check-t tbody th,
#check-t tbody td {text-align:left; vertical-align:top; font-size: 90%; padding: 12px 15px 12px 10px;}
#check-t tbody td select,
#check-t tbody td input[type=text] {width: 140px;}
#check-t th.right,
#check-t td.right {padding: 12px 10px; text-align: right;}
#check-t th.mid,
#check-t td.mid {padding: 12px 10px; text-align: center;}
#check-t .total {font-size: 95%; background: #f7f7f7; font-weight: 600; color: #313131; padding-bottom: 15px;}
#check-t .sub {padding-bottom: 30px;}
#check-actions {padding: 20px 0 10px 0; text-align: left;}
#check-actions li {display: inline-block; vertical-align: middle; margin: 0 5px 8px 0;}
#check-actions .check-btn-main,
#check-actions .check-btn-minor {border: 3px solid #ffd503; background: #ffd503; padding: 7px 12px; color: #fff; margin: 0; line-height: 100%; font-size: 90%; font-weight: 600; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
#check-actions .check-btn-main {border: 3px solid #f24280; background: #f24280;}
#check-actions .check-btn-main:hover,
#check-actions .check-btn-minor:hover {border: 3px solid #a90061; background: #a90061;}
.alert {margin: 0 0 30px 0; padding: 12px 25px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
.alert p {font-weight: 600; line-height: 100%; margin: 0 !important; color: #fff !important; font-size: 90%;}
.alert-error {background: #a90000;}
#instruct {text-align: left; background: #f3f3f3; padding: 25px 25px 10px 25px; margin: 0 0 25px 0;}
#instruct h5 {font-size: 120%; margin: 0 0 6px 0; color: #515151;}
#instruct p {font-size: 95%; margin: 0 0 20px 0;}
#instruct p a {color: #f24280;}
#instruct p a:hover {color: #313131}
#instruct p.red {font-weight: 600; color: #565656;}
.check-addy {text-align:left; border:2px solid #eee; margin-bottom:20px; padding:20px 30px 25px 20px;}
.check-addy legend {background: #fff; padding: 0 8px; color: #515151; font-size: 90%;}
.check-addy p {font-weight:400; margin:0 0 15px 15px; font-size: 85%;}
.check-addy p em {font-style: normal; color: #d90000;}
.check-addy .control-group {padding:0 12px 0 8px; margin-bottom:15px;}
.check-addy .control-group label{color: #717171; font-size: 90%; line-height: 110%;}
.check-addy .control-group label em {font-style: normal; color: #d90000;}
.check-addy .controls input {width:100%; border: 2px solid #dcdcdc; padding: 8px; margin: 3px 0 0 0; color: #3a3a3a; font-weight: 600;}
.check-addy .controls #shipping_same_as_billing {width: 22px; margin: 0; text-align:left;}
.check-addy .controls input[type=checkbox] {padding: 0; margin: 0;}
.check-addy .controls {line-height: 80%;}
.conf-addys {}
.conf-addy {text-align:left; border:2px solid #eee; margin-bottom:20px; padding:20px 30px 25px 20px;}
.conf-addy legend {background: #fff; padding:0 8px; color: #a90061; font-size: 90%;}
.conf-addy .control-group {padding:0 0 0 8px; color: #717171;}
.conf-addy p {font-weight: 300; margin:0; }
.conf-payment {}
.conf-pay {text-align:left; border:2px solid #eee; margin-bottom:20px; padding:20px 30px 25px 20px;}
.conf-pay legend {background: #fff; padding: 0 8px; color: #515151; font-size: 90%;}
.conf-pay label {color: #827f78; font-weight:400; font-size:90%;}
.conf-pay .control-group {padding:0 0 12px 8px;}
.conf-pay p {font-weight: 300; margin: 0;}
.conf-pay input {width: 100%; border: 2px solid #ccc; padding: 8px; margin: 3px 0 0 0;}
.conf-pay #payment_method {width: 75%; margin: 3px 0 0 0;}
.conf-pay #payment_exp_month,
.conf-pay #payment_exp_year {width: 40%; margin: 3px 0 0 0;}
.conf-basket {text-align: left;}
.conf-basket p {color: #f24280 !important; font-weight: 600; font-size: 110%; margin:8px 0 6px 0 !important;}
.help-inline {color: #d90000; font-weight:700; font-size:80%;}
#order-sum {clear:both; margin: 0; padding: 0 25px 40px 25px;}
#order-sum > div {border: 2px solid #eee; text-align: left; margin-bottom: 20px; padding: 20px 30px 5px 20px;}
#order-sum p {}
#order-sum div p {line-height: 140%; font-size: 85%;}
#order-sum div p b {font-weight: 600;}
#order-sum .control-group {margin: 0 0 22px 0;}
#order-sum legend {text-transform: uppercase; color: #a90061; display: block; margin: 30px 0 6px 0;}
@media screen and (min-width: 580px) {
#basket {padding: 15px 25px 16px 25px; overflow: hidden;}
#basket > p {margin: 0 0 0 8px; font-size: 90%; line-height: 120%; vertical-align: middle; display: inline-block; width: 230px; text-align: left;}
#basket > div {display: inline-block; clear: none; vertical-align: middle;}
#check-main {padding: 0 30px;}
#check-main h2 {font-size: 140%; padding-bottom: 10px; margin-bottom: 20px;}
#check-t h4 {font-size: 110%;}
#check-t thead th {font-size: 95%; padding: 12px 20px;}
#check-t tbody th,
#check-t tbody td {font-size: 95%; padding: 12px 20px;}
#check-t th.right,
#check-t td.right {padding: 12px 20px;}
#check-t th.mid,
#check-t td.mid {padding: 12px 20px;}
#check-t .total {font-size: 100%; padding-bottom: 12px;}
#check-actions {padding: 30px 0;}
#check-actions li {margin: 0 6px 0 0;}
#check-actions .check-btn-main,
#check-actions .check-btn-minor {font-size: 95%;}
#instruct {padding: 25px 30px 20px 30px; margin: 0 30px 35px 30px;}
#instruct h5 {font-size: 140%;}
#instruct p {font-size: 100%;}
}
@media screen and (min-width: 700px) {
div.block-btns {font-size: 0.8em;}
div.block-btns a {margin: 0 1px; padding: 7px 10px;}
}
@media screen and (min-width: 860px) {
#basket {padding: 15px 25px 16px 25px;}
#basket > p {margin: 0 0 0 7px; width: auto;}
#order-sum {padding: 15px 30px 50px 30px; overflow: hidden; text-align: left;}
#order-sum > div {display: inline-block; width: 31%; vertical-align: top; margin: 0 1.5% 30px 0; height: 270px; padding:20px 25px 5px 20px;}
#order-sum div p {font-size: 90%;}
}
@media screen and (min-width: 940px) {
#check100 {max-width: 1020px; margin: 0 auto 50px auto; padding: 30px 40px 0 40px;}
#check-main {padding: 0; float: left; width: 62%; margin: 0 0 50px 0;}
#check-main h2 {font-size: 160%;}
#check-main ul#steps {text-align: left;}
#check-actions {padding: 25px 0 0 0;}
#check-actions ul {text-align: left;}
#instruct {float: right; width: 34%; padding: 26px 25px 15px 25px; margin: 0 0 50px 0;}
#instruct h5 {font-size: 130%;}
#instruct p {font-size: 85%;}
}
@media screen and (min-width: 1140px) {
#check-main {width: 60%;}
#check-main h2 {font-size: 180%;}
#instruct {width: 36%;}
#instruct p {font-size: 90%;}
}
/* == DRAWING OF MONTH == */
#draw-month {padding: 18px 20px 10px 20px; text-align: left;}
#draw-month h2 {color: #f24280; font-size: 140%; margin: 0 0 4px 0;}
#draw-month h3 {color: #f24280; font-size: 120%; margin: 0 0 4px 0;}
#draw-month p {margin: 0 0 20px 0; font-size: 100%;}
#draw-month p strong {color: #515151;}
#draw-month p a {color: #ec0188;}
#draw-month p a:hover {color: #b9006a;}
#new-drawing {background-size: cover; background-position: center center; float: right; margin: 0 0 18px 18px; width: 150px;
-ms-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg);
-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.2);}
#new-drawing img {width: 100%; height: auto;}
#prev-drawings {text-align: left; clear: both; padding: 0 20px;}
#prev-drawings h4 {font-size: 130%; color: #ec0188;}
#prev-drawings p {margin: 0 0 20px 0; font-size: 100%;}
#prev-drawings ul {overflow: hidden; list-style: none; text-align: left; margin: 0 auto 0 0; width: 300px;}
#prev-drawings li {display: inline-block; vertical-align: top; text-align: left; width: 140px; margin: 0 20px 25px 0;}
#prev-drawings li:nth-child(even){margin: 0 0 25px 0;}
#prev-drawings li > h5 {color: #000; font-size: 110%; line-height: 100%;}
#prev-drawings li > span {display: none;}
#prev-drawings li > div {background-position: center center; position: relative; background-size: 125% auto; width: 138px; height: 138px; border: 1px solid #dcdcdc; margin: 0 0 10px 0;}
#prev-drawings li > div div {display: none;}
#entry-form {text-align: left; clear: both; max-width: 540px; padding: 20px; background: #f24280; margin: 0 0 20px 0;}
#entry-form h3 {color: #fff; font-size: 140%; margin: 0 0 10px 0;}
#entry-form label {display: inline-block; font-size: 100%; font-weight: 300; color: #fff; margin: 0 0 2px 0;}
#entry-form label span.req {color: #fff;}
#entry-form input[type="submit"] {background: #313131; font-size: 100%; font-weight: 600; text-transform: uppercase; line-height: 100%; border: 0; padding: 12px 20px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#entry-form input[type="submit"]:hover {background: #d51c5d;}
#entry-form input[type="text"],
#entry-form input[type="email"] {width: 100%; border: 3px solid #f284ab; padding: 8px; font-size: 95%; line-height: 100%; margin: 0 0 5px 0; font-weight: 600; color: #313131;}
#entry-form input[type="checkbox"] {float: left; margin: 3px 0 0 0; padding: 0;}
img.pull-teeth {float: right; width: 35%; margin: 0 0 20px 20px;}
div.club-bullets {border-top: 2px dotted #efefef; padding-top: 28px; margin: 25px 0 30px 0;}
div.club-bullets ul {padding-top: 8px;}
div.club-bullets li {min-height: 22px; font-size: 105%; line-height: 120%; background: 0px 0px no-repeat url("../../img/icon-tick-circle-yellow.svg"); background-size: 20px 20px; margin: 0 0 12px 0; padding: 0 0 0 26px;}
@media screen and (min-width: 480px) {
#prev-drawings ul {width: 420px;}
#prev-drawings li {width: 200px;}
#prev-drawings li > div {width: 198px; height: 198px;}
#prev-drawings li > h5 {font-size: 125%;}
}
@media screen and (min-width: 580px) {
#draw-month {padding: 18px 25px 20px 25px;}
#draw-month h2 {font-size: 160%; margin: 0 0 4px 0;}
#draw-month h3 {font-size: 130%;}
#new-drawing {margin: 0 0 35px 25px; width: 180px;}
#prev-drawings ul {width: 530px;}
#prev-drawings li,
#prev-drawings li:nth-child(even) {width: 160px; margin: 0 25px 25px 0;}
#prev-drawings li:nth-child(3n+3) {margin: 0 0 25px 0;}
#prev-drawings li > div {width: 158px; height: 158px;}
#prev-drawings li > h5 {font-size: 115%; margin: 0 0 2px 0;}
#prev-drawings li > span {display: block; margin: 0; font-size: 85%; line-height: 135%; color: #717171;}
img.pull-teeth {width: 43%;}
}
@media screen and (min-width: 700px) {
#draw-month {padding: 23px 25px 30px 25px;}
#draw-month p {font-size: 105%;}
#prev-drawings ul {width: 630px;}
#prev-drawings li,
#prev-drawings li:nth-child(even) {width: 190px; margin: 0 25px 25px 0;}
#prev-drawings li:nth-child(3n+3) {margin: 0 0 25px 0;}
#prev-drawings li > div {width: 188px; height: 188px; -webkit-transition: background-size 0.15s ease-out; -moz-transition: background-size 0.15s ease-out; transition: background-size 0.15s ease-out;}
#prev-drawings li > h5 {font-size: 125%;}
#prev-drawings li > span {font-size: 90%;}
}
@media screen and (min-width: 860px) {
#draw-month {padding: 25px 30px 35px 30px; max-width: 980px; margin: 0 auto;}
#new-drawing {margin: 0 0 40px 30px; width: 220px;}
#prev-drawings {padding: 0 30px; max-width: 980px; margin: 0 auto;}
#prev-drawings h4 {font-size: 160%;}
#prev-drawings ul {width: 780px;}
#prev-drawings li,
#prev-drawings li:nth-child(even),
#prev-drawings li:nth-child(3n+3) {width: 180px; margin: 0 20px 25px 0;}
#prev-drawings li:nth-child(4n+4) {margin: 0 0 25px 0;}
#prev-drawings li > div {width: 178px; height: 178px;}
#entry-form {max-width: 540px; padding: 25px; margin: 0;}
div.club-bullets li {margin: 0 30px 12px 0; display: inline-block; width: 290px;}
}
@media screen and (min-width: 940px) {
#draw-month p {font-size: 110%;}
#prev-drawings {padding-bottom: 40px;}
#prev-drawings ul {width: 860px;}
#prev-drawings li,
#prev-drawings li:nth-child(even),
#prev-drawings li:nth-child(3n+3) {width: 195px;}
#prev-drawings li:nth-child(4n+4) {margin: 0 0 25px 0;}
#prev-drawings li > div {width: 193px; height: 193px;}
#prev-drawings li > div div {background: #3c3c3c; opacity: 0; display: block; width: 193px; height: 193px; -webkit-transition: opacity 0.15s ease-out; -moz-transition: opacity 0.15s ease-out; transition: opacity 0.15s ease-out;}
#prev-drawings li > div div p {line-height: 120%; color: #fff; font-size: 90%; margin: 0 20px;}
#prev-drawings li > div div p.date {font-weight: 600; font-size: 100%; margin: 0 20px 10px 20px; padding: 20px 0 8px 0; border-bottom: 1px solid #888;}
#prev-drawings li > div:hover div {opacity: 0.95;}
#entry-form {padding: 20px 25px; max-width: none; width: 620px !important; margin: 0 0 20px 0;}
#entry-form h3 {font-size: 170%; margin: 0 0 8px 0;}
#entry-form div.dform_text_input {display: inline-block; vertical-align: top; width: 270px; margin-right: 20px;}
#entry-form div.dform_email {display: inline-block; vertical-align: top; width: 270px;}
#entry-form input[type="text"],
#entry-form input[type="email"] {padding: 10px; font-size: 100%; margin: 0;}
div.club-bullets {padding-top: 33px; margin: 30px 0 40px 0;}
}
/* @media screen and (min-width: 1020px) {
#new-drawing {margin: 0 0 30px 40px; width: 250px;}
#prev-drawings h4 {font-size: 190%;}
#prev-drawings ul {width: 940px;}
#prev-drawings li,
#prev-drawings li:nth-child(even),
#prev-drawings li:nth-child(3n+3) {width: 210px; margin: 0 30px 30px 0;}
#prev-drawings li:nth-child(4n+4) {margin: 0 0 30px 0;}
#prev-drawings li > div {width: 208px; height: 208px; margin: 0 0 7px 0;}
#prev-drawings li > div div {width: 208px; height: 208px;}
#prev-drawings li > h5 {font-size: 135%;}
#prev-drawings li > span {font-size: 95%;}
img.pull-teeth {width: 35%; margin: 0 0 20px 20px;}
}
@media screen and (min-width: 1140px) {
#prev-drawings ul {width: 100%;}
#prev-drawings li,
#prev-drawings li:nth-child(even),
#prev-drawings li:nth-child(3n+3) {width: 230px;}
#prev-drawings li > div {width: 228px; height: 228px;}
#prev-drawings li > div div {width: 228px; height: 228px;}
#prev-drawings li > div div p {font-size: 100%; margin: 0 25px;}
#prev-drawings li > div div p.date {font-size: 120%; padding: 25px 0 12px 0; margin: 0 25px 14px 25px;}
} */