@font-face {
    font-family: 'PNBold';
    src: url('../fonts/ProximaNova-Bold.eot');
    src: url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Bold.woff') format('woff'),
         url('../fonts/ProximaNova-Bold.ttf') format('truetype'),
         url('../fonts/ProximaNova-Bold.svg#ProximaNovaRgBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PN';
    src: url('../fonts/ProximaNova-Light.eot');
    src: url('../fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ProximaNova-Light.woff') format('woff'),
         url('../fonts/ProximaNova-Light.ttf') format('truetype'),
         url('../fonts/ProximaNova-Light.svg#ProximaNovaLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'caslonitalic';
    src: url('../fonts/caslonitalic-webfont.eot');
    src: url('../fonts/caslonitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caslonitalic-webfont.woff2') format('woff2'),
         url('../fonts/caslonitalic-webfont.woff') format('woff'),
         url('../fonts/caslonitalic-webfont.ttf') format('truetype'),
         url('../fonts/caslonitalic-webfont.svg#caslonitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
html, body {
	background-color: #ffffff;
	color: #282828;
	font-size: 1em;
}
body.fullheightoverlay {
	height: 100%;
	overflow: hidden;
}
* {
	font-family: PN, Helvetica, Arial, sans-serif;
	line-height: 1.6em;
}
.menu *, h1, h2, h3, .stdtextbig, .stdheading, .btn.OTARed, .signup *, .fontmontserrat {
	font-family: 'Montserrat', PN, Helvetica, Arial, sans-serif;
}
.fontlato {
	font-family: Lato, 'Montserrat', PN, Helvetica, Arial, sans-serif;
}
.fontpnbold {
	font-family: PNBold, PN, Helvetica, Arial, sans-serif;
}
.stdheading { margin: 0px; }
.fa, * .fa { font-family: 'FontAwesome' !important; }
*:focus, *:hover, .btn:focus {
    outline: 0;
}
.form-control { font-size: 1em; border-radius: 0px; }
.form-control:focus {
	border-color: inherit;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
.form-control::placeholder, .form-control::-webkit-input-placeholder, .form-control::placeholder, .form-control::-webkit-input-placeholder {
	color: #c4c4c4;
}
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control:-moz-placeholder {
	color: #c4c4c4;
}

.form-control ::placeholder, .form-control ::-webkit-input-placeholder {
	font-size: 1.2em; color: #ffffff; opacity: 1;
}
a, a:focus { color: #cc0000; }
a:hover, a:active, a:focus { text-decoration: none; }
div[class^=col-].center-block { float: none; }

a:hover, a.active, .OTARed, .OTARed:focus, .OTARed:active {
	color: #ff0000;
}
.btn { border-radius: 0px; }
.OTARed:hover { color: #ff0000; }
.OTARed.hoverWhite:hover { color: #ffffff; }
.OTARedBG, .OTARedBG[disabled], .OTARedBG.forceBG {
	background-color: #ff0000;
	color: #ffffff;
}
.OTARedBG.hoverWhite:hover {
	background-color: #ffffff;
	color: #ff0000;
}
.OTARedBG.btn:focus, .OTARedBG.btn:hover {
	color: #ff0000 !important;
	background: #ffffff;
	border-color: #ff0000;
}
.OTARedBorder { border-color: #ff0000 !important; }
.OTARedBorder:hover { border-color: #ff0000 !important; }
.bold { font-family: PNBold; font-weight: bold; }
.light { color: #888888; }
.position-absolute { position: absolute; }

.transitionnone, .transitionnone * {
	transition: none;
	-webkit-transition: none;
	-moz-transition: none;
}
.withtransition, .withtransition > * {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}
.transitionfaster, .transitionfaster > * {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
.transitionslower {
	transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
}
.transitionslowest {
	transition: all 1s ease-in-out;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
}
.scrollcontainer .withtransition {
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
}
.box {
	display: -webkit-flex;
	display: flex;
}
.box.text-right {
	justify-content: flex-end;
}
.box.text-center, .vbox.vcentre {
	justify-content: center;
}
.box.vbox {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	flex-direction: column;
}
.box.vbox.text-center {
	align-items: center;
}
.box.top {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.box.bottom {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.box.bottom > * { padding-bottom: 0px; margin-bottom: 0px; }
.box.middle {
	-webkit-align-items: center;
	align-items: center;
}
.box .boxbottom {
   -webkit-align-self: flex-end;
    align-self: flex-end;
}
.box .grow {
	flex-grow: 1;
}

.stage {
	z-index: 99;
}
.maincontent {
	width: 100%;
	max-width: 1600px;
	margin: auto;
	position: relative;
	overflow: hidden;
}
.maincontent.overflow {
	overflow: visible;
}
.maincontent > .row, #cartoverlay > .row { margin: 0px; }
.maincontent > .row *[class^=col-]:first-child { padding-left: 0px; }
.maincontent > .row *[class^=col-]:last-child { padding-right: 0px; }
.underlay { width: 100%; max-height: 100%; position: relative; }
.artistpage .underlay { max-height: 50%; }
.index.landing .underlay, .underlay.loaded {
	z-index: -1;
	position: fixed;
	top: 0px;
	left: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.underlay *, .feature *, .stageBG {
	width: 100%;
}
.landing .vidblock { width: 100%; height: 100%; }
.landing .underlay { height: 100%; border: 2em solid #ffffff; overflow: hidden; background-size: cover; background-position: center; }
.landing .underlay video { width: auto; height: 100%; display: none; }
.landing .underlay.loaded video { display: block; }
.landing .underlay.wider video { width: 100%; height: auto; }
@keyframes chevrondown {
  from {color: #000000;}
  to {color: #ffffff;}
}
.landing .underlay.video .text-center, .blog .post.feature .mobileonly.text-center { position: absolute; width: 100%; bottom: 1em; left: 0px; font-size: 1.75em; color: #000000; animation-name: chevrondown; animation-duration: 3s; animation-iteration-count: infinite; animation-direction: alternate; cursor: pointer; }
.landing .underlay.video .logo { top: 50%; bottom: auto; margin-top: -2em; }
.landing .underlay.video .logo img { width: 50%; }
.landing .section .image { width: 100%; }
p.stdtextbig { margin: 2em 18%; font-size: 1.75em; line-height: 1.285em; color: #000000; margin-top: 3em; }
.textsmaller { font-size: 0.9em; }
.textsmaller2 { font-size: 0.8em; }
.landing a.btn, a.btnbig { font-size: 1.05em; border: 1px #ff0000 solid; padding: 0.9em 3em; }
.landing .projectimages .row { margin-bottom: 10em; margin-left: 0px; margin-right: 0px; }
.landing .projectimages .row div { padding: 0px; }
.landing .projectimages .row div:first-child { padding-bottom: 10em; }
.landing .projectimages .row div+div { padding-left: 6em; padding-top: 10em; }
.stageBG, .whiteBG { background-color: #ffffff; }
header+.stageBG { padding-top: 8em; }
.underlaymenu header+.stageBG { padding-top: 0px !important; }
.underlay+.stageBG { padding-top: 3em; }
.landing .underlay+.stageBG { padding-top: 0px; }
.underlay .titleoverlay { position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
	background-color: rgba(0,0,0,0.15);
}
.underlay .otaword { position: absolute; left: 0px; top: 50%; font-family: PNBold, sans-serif; line-height: 1em; margin-top: -0.5em;
	font-size: 4em; color: #ffffff; text-transform: uppercase;
/*
text-shadow: 2px 2px 8px #000000;
	font-size: 8em; color: transparent;
	-moz-text-stroke-width: 2px;
	-webkit-text-stroke-width: 2px;
	-moz-text-stroke-color: #FFFFFF;
	-webkit-text-stroke-color: #FFFFFF;*/
}
/*img[data-colour=light]+.otaword {
	-moz-text-stroke-color: #000000;
	-webkit-text-stroke-color: #000000;
}*/
.artistlisting .underlay .otaword {
	-moz-text-stroke-color: #FFBFBF;
	-webkit-text-stroke-color: #FFBFBF;
}
.artworklisting .underlay .otaword {
	-moz-text-stroke-color: #F0D095;
	-webkit-text-stroke-color: #F0D095;
}

header, #fixedMenu {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 10000000;
	width: 100%;
}
header .clonesticky.clonetopborder:before {
	display: block;
	width: 100%;
	left: 0px;
	top: 0px;
	margin-top: -2px;
	border-top: 2px #c8c8c8 solid;
	content: ' ';
}
.menu {
	text-align: center;
	width: 100%;
	margin: 0px;
	z-index: 2;
	padding: 2em 0px;
}
#fixedMenu {
	z-index: 10000001;
}
.index.landing header {
	position: relative;
	margin-top: 100%;
}
.menu > div:first-child { padding-left: 0px; }
.menu > div:last-child { padding-right: 0px; }
.menu ul {
	display: inline-block;
	list-style: none;
	padding: 0px;
	width: 100%;
	margin-bottom: 0px;
}
.menu li {
	display: inline-block;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 1em;
	line-height: 1em;
}
.menu a { color: #000000; position: relative; }
/*.menu .cartcount { position: absolute;
    top: -1.3em;
    left: 0px;
    width: 100%;
    text-align: center; }
*/
.menu img { height: 1.2em; }
.menu .logo { height: 1.2em; }
.menu .text-left :first-child, .menu .text-left div:first-child+li { margin-left: 0px; }
.menu .text-right :last-child, .menu .main .last { margin-right: 0px; }
/*.menu .cartcount { vertical-align: bottom; line-height: 1.2em; }*/

.textbigger { font-size: 1.25em; }
.textbigger2 { font-size: 1.5em; }

.autogallerycontainer { padding-top: 0px; padding-bottom: 4em; margin-top: 5em; }
.stageBG .autogallerycontainer { margin-top: 0px; }
.autogallery { margin: 0px; padding: 0px; overflow: hidden; height: 100%; position: relative; }
.autogallery li { list-style: none; display: inline-block; height: 100%; background-size: cover; background-position: 45% center; width: 48%; margin-right: 1em; }
/*.writeup { font-size: 1.2em; }
.writeup p { font-size: 1em; }
.writeup p.main { font-size: 1.2em; }
*/
.autogallery.onlyone li { width: 100%; }
.autogallery li {
	transition: transform, background-position 0s linear;
	-webkit-transition: transform, background-position 0s linear;
	-moz-transition: transform, background-position 0s linear;
}
.autogallery .slow {
	transition-duration: 3s;
	-webkit-transition-duration: 3s;
	-moz-transition-duration: 3s;
}
.autogallery .speedup {
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
	-webkit-transition-timing-function: ease-in-out;
	-moz-transition-timing-function: ease-in-out;
}

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

footer { background: #000000; padding: 4em 0px; font-size: 0.875em; margin-top: 10em; }
footer .row.logo { margin-bottom: 6em; }
footer .row.logo img { height: 1.371em; }
footer, footer a, footer a:hover { color: #ffffff; }
footer .social { margin-bottom: 2em; }
footer .social a, .menu .footer .social a { display: inline-block; text-align: center; color: #000000 !important; background: #ffffff; font-size: 1.5em; padding: 0.25em 0px; width: 1.5em; height: 1.5em; margin-left: 0.75em; border-radius: 0.75em; }
footer .social a:first-child, .menu .footer .social a:first-child { margin-left: 0px !important; }
footer .social a:hover, .menu .footer .social a:hover { color: #ffffff; background: #ff0000; }
footer form input.form-control { background: transparent; border: 0px; text-indent: 0px; padding: 0px; border-bottom: 1px solid #707070; margin-bottom: 0.5em; color: #ffffff; font-size: 1.2em; }
footer .response { color: #9d9d9d; }
footer .response .pull-right { font-size: 1.5em; line-height: 1em; outline: none; color: #ffffff !important; }
footer .maincontent .row > div:first-child { padding-left: 0px; }
footer .maincontent .row > :last-child { padding-right: 0px; }
footer ::placeholder, footer ::-webkit-input-placeholder {
	color: #ffffff; opacity: 1;
}
footer ::-moz-placeholder, footer :-ms-input-placeholder, footer :-moz-placeholder {
	color: #ffffff; opacity: 1;
}

.row { position: relative; }
.section+.section { margin-top: 10.5em; }
.section .stdmargin.linetop { height: 9em; }
.section > h1, h1.stdheading, h2.stdheading { font-weight: bold; text-transform: uppercase; text-align: center; font-size: 1.75em; color: #000000; }
h2.stdheading { font-size: 1.5em; text-align: left; }
.theme h1 { text-transform: uppercase; font-weight: bold; }
.sidescroll { white-space: nowrap; overflow: hidden; }

.cl_scrollable { position:relative; }
.scrollcontainer, .scrollcontainerinner {
	height: 32em;
	display: block;
}
.scrollcontainer.autoheight, .scrollcontainer.autoheight >div {
	height: auto;
	min-height: 32em;
}
.scrollcontainer {
	margin: 2em 0px;
	overflow: hidden;
	position: relative;
}
.cl_scrollable.withpadding .scrollcontainerinner { padding-left: 2em; padding-right: 2em; }
.scrollcontainer > .scrollcontainerinner {
	position: absolute;
	white-space: nowrap;
}
.scrollcontainerinner > div {
	display: inline-block;
	position: relative;
	height: 100%;
	vertical-align: top;
	text-align: center;
}
.scrollcontainerinner > div { margin-left: 1em; margin-right: 1em; margin-bottom: 1em; position: relative; white-space: normal; }
.scrollcontainerinner > div:first-child { margin-left: 0px; }
.scrollcontainerinner .artwork p.details { padding-left: 0px; }
.scrollcontainerinner > div:last-child { margin-right: 0px; }
/*.scrollcontainerinner > div:first-child.active { padding-left: 1em; }
.scrollcontainerinner > div:last-child.active { padding-right: 1em; }
.scrollcontainer .active { background: #ff0000; }
*/
.scrollarrows { position:absolute; top:0px; right:0px; padding: 0.5em 0px; background-color: #eeeeee; border-radius: 0.5em; }
.cl_scrollable > .scrollarrows { top:-3em; }
.cl_scrollable.withpadding > .scrollarrows { right: 2em; }
.scrollarrows > * { padding: 0px 0.75em; }
.scrollarrows a { color:#000000; }
.scrollarrows .disabled { color: #888888; }

#curatedcollections .scrollcontainer, #curatedcollections .scrollcontainerinner { height: 20em; }
#curatedcollections .scrollcontainer .theme { width: 16em; }
#curatedcollections .artwork .title { position: absolute;
    top: 1em;
	height: 16em;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
}
#curatedcollections .artwork .title h4 {
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
/*    text-shadow: 2px 2px 2px black;*/
    font-size: 1.3em;
	max-width: 90%;
}

.scrollindicator { display: block; height: 2px; position: absolute; bottom: 0px; left: 0px; right: 0px; clear:both; background-color: #e8e8e8; width: auto; }
.withpadding .scrollindicator { left: 2em; right: 2em; }
.scrollindicator .scrollbar { display: inline-block; height: 100%; }
.scrollcontainer h4, .listcontainer h4 { white-space: normal; font-size: 1em; margin: 0px; color: #000000; }
.scrollcontainer a, .listcontainer a { color: #797979; }
.scrollcontainer .artwork .image img { width: auto; height: 80%; max-height: 24em; }
.favelisting .scrollcontainer .artwork .image img { width: 100%; height: auto; max-height: unset; }
.scrollcontainer .artwork.theme .image img { width: 100%; height: auto; max-height: auto; }
.projects .scrollcontainer .artwork .image img { height: 100%; }
.scrollcontainer .active h4 { color: #ff0000; }
.noscrolls .scrollindicator, .noscrolls .scrollarrows { display: none; }

.guide { font-size: 0.9em; }
.guide i, .guide label { color: #a8a8a8; }
.guide div.scrollcontainerinner > div { width: 23em; }
.guide i { font-size: 4em; margin-top: 0.2em; }
.guide label { font-weight: normal; line-height:1.3em; font-size: 0.9em; white-space: normal; }
.guide h4 { margin: 0px; font-weight: bold; font-size: 0.95em; color: #5c5c5c; }
.guide img { max-width: 100%; }
.guide picture, .guide picture img { height: 3em; margin-bottom: 0.5em; }
.guide div.scrollcontainerinner { padding: 0px; }
.guide div.scrollcontainerinner > div { padding-top: 0.5em; text-align: left; }
.guide div.scrollcontainerinner > div+div { border-left: 1px #d8d8d8 solid; }
.guide div.col-md-3 { padding-right: 0px; }
.guide .scrollcontainer, .guide .scrollcontainerinner { height: 5em; }

.sessionloader { min-height: 5em; margin-top: 3em; }
.sessionloader.loading {
	background: url(../images/ajax_loader.gif) no-repeat center top;
}
.artist {
	text-align: center;
	margin-bottom: 3em;
	margin-top: 1em;
}
.scrollcontainer .artist, .scrollcontainer .theme {
	width: 24em;
	margin-bottom: 0px;
}
.artist .images { margin-bottom: 2em; position: relative; white-space: normal;
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.artist .image, .artist .image img {
	width: 100%;
}
.artist.group4 .image { display: inline-block; width: 50%; opacity: 1; }
.group4 .images:hover .image {
	opacity: 0;
}
.group4 .zoom {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	background-repeat: no-repeat;
	background-position: center;
	display: none;
}
.group4:hover .zoom {
	display: block;
}
.group4 .images >div:nth-child(3) {
	clear: both;
}

/*
div.group4.hover div.image {
	opacity: 0;
}
.artist .images { float: left; position: relative; }
.artist .image {
	height: 80%;
	float: left;
	z-index: 10;
}
.image img {
	height: 100%;
}
.group4 .image {
	height: 40%;
}
.artistlayout .group4 .image {
	height: auto;
	width: 50%;
}
.artistlayout .group4 .image img {
	height: auto;
	width: 100%;
}
.group4 .zoom img {
	width: 100%;
}
.withtransition.group4 .zoom {
	transition-property: none;
	-webkit-transition-property: none;
	-moz-transition-property: none;
}
.artist > span {
	clear: both;
	margin-top: 1.5em;
}
*/

/*.maincontent.subscroller, .maincontent .subscroller .scrollcontainerinner { padding-left: 0px; padding-right: 0px; }*/
.subscroller h1 { font-size: 1em; text-align: left; font-weight: normal; text-transform: none; padding-left: 0em; }
.subscroller .scrollcontainer, .subscroller .scrollcontainerinner { height: 19em; }
.subscroller .scrollcontainerinner > div { margin-top: 0px; padding-top: 0px; }
.subscroller .artwork { width: 16em; }
.subscroller .artwork .image img { height: 12em; }
.subscroller .artist, .subscroller .theme { width: 12em; }
.subscroller .scrollindicator { left: 0px; right: 0px; }
.subscroller.videos .scrollcontainer, .subscroller.videos .scrollcontainerinner { height:28em; }

.topborder { padding-top: 1em; border-top: 1px #c8c8c8 solid; }
.bottomborder, .artistheader { padding-bottom: 1em; border-bottom: 1px #c4c4c4 solid; }
.bottomborder.nopadb { padding-bottom: 0px; }
.borderdarker { border-color: #4d4d4d; }
.links a { margin: 0px 0.5em; padding: 0px 0.5em; }
.links a:first-child { margin-left: 0px; }
.links a:last-child { margin-right: 0px; }
.links a .fa { margin-right: 0.5em; }
.text-right.links a { margin-left: 1em; margin-right: 0px; }
.links picture, .links picture img, .links a > img, .viewinroom img { height: 24px; }
.tablinks a { font-size: 1em; position: relative; line-height: 1em; color:#000000; }
.artistheader .tablinks a.showtab.active::after {
	position: absolute;
	left: 0px;
	bottom: -1em;
	display: inline-block;
	width: 100%;
	border-top: 2px #ff0000 solid;
	content: ' ';
}
.artistpage .sticky.topborder, .sticky.toppadding, .clonesticky.toppadding { padding-top: 1.5em; }
.artistpage .sticky.bottomborder, .sticky.bottompadding, .clonesticky.bottompadding { padding-bottom: 1.5em; }
.artistpage h3.name { padding: 0px; margin: 0px; }
.subsections .tab:first-child { margin-top: 1em; }
.subsections h1 { padding-top: 2em; padding-bottom: 2em; }
#tabs {
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
#tabs > div {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	white-space: normal;
	float: left;
	clear: both;
}
#tabs > .tab {
	height: 0px;
	overflow: hidden;
	opacity: 0;
}
#tabs > .tab.active {
	height: auto !important;
	opacity: 1;
}
.subsections .tab .artworklayout { margin-left: -15px; margin-right: -15px; }
.subsections .tab .artworklayout > div { padding-left: 15px; padding-right: 15px; }
.artistpage .YT { display: inline-block; float: none; margin-bottom: 2em; }
.artistpage .YT a { position: relative; }
.artistpage .YT .fa { position: absolute; left: 50%; top: 50%; font-size: 8em; margin-top: -0.5em; margin-left: -0.5em; }
.artistpage .YT .video+p { margin-top: 1em; }
.artistpage .YT img { width: 100%; }

.artistpage .publication { display: inline-block; float: none; height: 24em; margin-bottom: 2em; position: relative; }
.artistpage .publication+.publication { margin-left: 30px; }
.artistpage .publication img { height: 18em; }
.artistpage .publication a+div { top: 19em; position: absolute; left: 0px; width: 100%; }
.artistpage .artwork.vid { height:22em; }
.artistpage .artwork.vid a { position:relative; }
.artistpage .artwork.vid > a::before { content:'';display:block;position:absolute;left:50%;top:0;margin-left:-1em;margin-top:-1em;width:2em;height:2em;background:url(../images/play.png) no-repeat center;background-size:contain;z-index:1; }
.artistpage .artwork.vid img { height:auto;width:100%; }
.artistpage .artwork.vid a+div { top: 17em; }

.artistpage .writeup { margin: auto; }
.artistpage .maincontent img { max-width:100%; }

/*.artworklayout .col-xs-3+.col-xs-3 { padding-left: 30px; }*/
.maincontent .artworklayout { margin-left: 0px; margin-right: 0px; }
.artworklayout > div[class^=col-] { padding-left: 20px; padding-right: 20px; }
.artwork { padding-top: 1em; padding-bottom: 3em; background: #ffffff; }
.artwork .image { margin-bottom: 1em; width: 100%; position: relative; }
.artwork .image img { width: 100%; height: auto; }
.listcontainer .artwork .details { padding-left: 1em; }
.listcontainer > *[class^=col-]:nth-child(2) { padding-left: 10px; padding-right: 10px; }
.artistworks .artwork .details h4 { display: inline; }

.artwork .imageselector { padding-left: 0px; }
.artwork .imageselector img { margin-bottom: 1em; margin-right:100%; filter: grayscale(100%); opacity: 0.5; }
.artwork .imageselector .current img { filter: none; opacity: 1; }
.artwork .image .bg { display: none; width: 100%; height: auto; }
.artwork .image.room .bg { display: inline-block; }
.artwork .image.room > img { position: absolute; /*border: 6px #686868 outset; margin-left: -3px; margin-top: -3px; box-sizing: content-box; */ }
.artworkdetails .details h1.artistname { margin-top: 0px; }
.pager { margin-top: 6em; }
.pager.links a { margin: 0px 0.5em; }
.pager.links a .fa { margin-right: 0em; }
.pager a img { height: 20px; vertical-align: sub; }

.breadcrumb { background: transparent; font-size: 0.9em; }
.breadcrumb img { height: 0.5em; margin: 0px 0.5em; }

.stickycontainer { position: fixed; z-index: 1; max-height: 100%; display: flex;
	transition-property: padding-top;
	-webkit-transition-property: padding-top;
	-moz-transition-property: padding-top;
}
.stickycontainer.top { top: 0px; }
.filtercontainer, .filter .row { padding: 0px; margin: 0px; }
.filtercontainer { padding-right: 2em; }
.filter { border-left: 1px #c8c8c8 solid; border-right: 1px #c8c8c8 solid; }
.filter * { font-family: PN, Helvetica, Arial, sans-serif; }
.stickycontainer .filter { border-top: 1px #c8c8c8 solid; border-bottom: 1px #c8c8c8 solid;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-flex: 1;
	flex: 1;
	overflow-y: auto; }
.filter > .row { padding: 1.5em 2em; border-bottom: 1px #c8c8c8 solid; position: relative; }
.filter input { border: 0px; padding-left: 0px; text-indent: 2em; }
.filter .form-control { box-shadow: none; }
.filter .search .fa { position: absolute; margin-top: 0.5em; }
.filter .search::before {
	display: block;
	position: absolute;
	content: ' ';
	height: 34px;
	width: 1.2em;
	background: url("../images/icons2019/sidebar search.svg") no-repeat center;
	background-size: contain;
}
.filter input, .filter .btn { font-size: 1em; }
.filter .buttons .btn { padding-top: 0.5em; padding-bottom: 0.5em; }
.filter .buttons .btn[type=reset] { border-color: transparent; background: none; color: #ff0000; font-weight: bold; font-size: 1em; }
.filter .buttons > div:first-child { padding-left: 0px; }
.filter .buttons > div:last-child { padding-right: 0px; }
.filter h4 { margin: 0em; margin-bottom: 1em; font-size: 0.8em; }
.filter .range.irs-hidden-input+h4 { margin-top: 2em; }

.filter label, .stdform label.checkbox { position: relative; float: left; clear: both; padding-left: 2em; font-weight: normal; }
.filter input[type=checkbox], .stdform input[type=checkbox] {
	margin-right: 1em;
	display: none;
}
.filter label:before, .stdform label.checkbox:before {
	display: block;
	width: 1.3em; height: 1.3em;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	content: ' ';
	background-color: #e8e8e8;
	border-radius: 5px;
}
.filter label.checked:before, .stdform label.checked:before {
	background-color: #ff0000;
}
.filter .search input::placeholder, .filter .search input::-webkit-input-placeholder, form input.text::placeholder, form input.text::-webkit-input-placeholder {
	color: #ff0000; opacity: 0.4;
}
.filter .search input::-moz-placeholder, .filter .search input:-ms-input-placeholder, .filter .search input:-moz-placeholder, form input[type=text]::-moz-input-placeholder, form input[type=text]:-ms-input-placeholder, form input[type=text]:-moz-placeholder {
	color: #ff0000; opacity: 0.4;
}

.filter .colours {
	position: relative;
	display: block;
	width: 80%;
	margin-left: 10%;
}
.filter .colorwheel-value { display: none; }
.filter .colorwheel-wrapper .segment:hover[class=segment], .filter .colorwheel-wrapper .segment.selected { transform: none; }
/*.filter .colorwheel-wrapper .segment.selected path { stroke: black; stroke-width: 0.001; }*/
.filter .colorwheel-wrapper .segment circle, .filter .colorwheel-wrapper .selectable+.previndicator { display: none; }
.filter .colorwheel-wrapper .segment.selected circle, .filter .colorwheel-wrapper .selectable.selected+.previndicator { display: block; }
select.OTAStyle { min-width: 128px; }
select.OTAStyle[name=sortby] { min-width: 160px; }
select.OTAStyle[name=sortby]+.OTAStyle.chosen-container, select.OTAStyle.inline+.OTAStyle.chosen-container { margin-top: -2px; }
.OTAStyle.chosen-container { font-size: inherit; text-align: left; }
.filter .OTAStyle.chosen-container { width: 100% !important; border-bottom: 1px solid #e8e8e8; }
.OTAStyle.chosen-container-single .chosen-single { background: none; border: 0px; box-shadow: none; border-radius: 0px;
	color: inherit;
	padding-left: 0.5em;
	height: auto;
}
.filer .OTAStyle.chosen-container-single .chosen-single { border-bottom: 1px #e8e8e8 solid; }
.OTAStyle .chosen-single span {	line-height: inherit; }
.OTAStyle.chosen-container-active.chosen-with-drop .chosen-single { background: none; border: 0px; box-shadow: none; }
.OTAStyle.chosen-container-single .chosen-single div b { background: none; display: block; width: 0px; height: 0px; padding: 3px; border: solid #ff0000;
    border-width: 0 2px 2px 0;
	transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	margin-top: 5px;
}
.OTAStyle.chosen-container-single.chosen-with-drop .chosen-single div b {
	transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	margin-top: 7px;
}
.OTAStyle.chosen-container .chosen-drop { width: auto; left: -0.5em; right: 4px; margin-left: -1px; border-top: 1px solid #aaa; }
.OTAStyle.chosen-container .chosen-search { display: none; }
.OTAStyle.chosen-container ul.chosen-results { margin: 0px; padding: 0px; background: #ffffff; }
.OTAStyle.chosen-container ul.chosen-results li { padding: 1em; }
.OTAStyle .result-selected, .OTAStyle.chosen-container .chosen-results .result-selected.highlighted  { background: #ff0000; color: #ffffff; }
.OTAStyle.chosen-container .chosen-results li.highlighted  { background: #c8c8c8; color: #000000; }
.filter select, select.sort {
	background: #ffffff;
	border: 0px;
	text-overflow: ellipsis;
}
.filter select {
	width: 100%;
	max-width: 100%;
}
.filter .irs-line-mid, .filter .irs-line-left, .filter .irs-line-right, .filter .irs-bar { background: none; border-top: 5px solid #e8e8e8; margin-top: 4px; }
.filter .irs-bar { border-color: #ff0000; }
.filter .irs-slider { background: #ff0000; border-radius: 50%; height: 14px; width: 14px; margin-top: 1px; }
.filter .irs-from, .filter .irs-to, .filter .irs-single { font-size: 0.75em; background-color: #ff0000; }

.filter .btn.form-control { margin-bottom: 1em; margin-top: 0px; }
.filter .btn.form-control:last-child { margin-bottom: 0px; }
/*
.colours > li {
	position: absolute;
}
.colours li { list-style: none; z-index: 0; top: 0px; left: 0px; transform-origin: 50% 0; }
.colours label::before {
	width: 6em; height: 6em; border-radius: 3em; border-bottom: 0px; background: none; border-width: 1em; border-style: solid;
}
.colours label span { display: none; }
.colours .c000000 {
	z-index: 2;
	top: 50%; left: 50%;
	margin-left: -1em; margin-top: -1em;
}
.colours .c000000 label::before {
	width: 2em;
	height: 2em;
	border-radius: 1em;
	background-color: #000000;
	border: 0px;
}
.colours .cffffff {
	z-index: 1;
	top: 50%; left: 50%;
	margin-left: -2em; margin-top: -2em;
}
.colours .cffffff label::before {
	width: 4em;
	height: 4em;
	border-radius: 2em;
	background-color: #ffffff;
	border: 0px;
}
.colours .cff0000 {

}
.colours .cff0000 label::before {
	border-color: #ff0000;
}
*/

.artworkpage .artworktitle { font-size: 1.2em; padding-left: 0px; }
.details .artistname { text-transform: uppercase; }
.details p { margin: 1.5em 0px; }
.artwork .details, .artwork .details i, .artworkpage .artworktitle { line-height: 1.2em; }
.artworkpage .links { margin: 1em 0px; }
.artworkpage .image img.otazoom { height: auto; width: auto; max-height: 50em; max-width: 100%; }
.sharer { position: relative; display: inline-block; }
.sharer.flat { display: block; width: 100%; }
.sharer div { position: absolute; z-index: 1; top: -1em; left: 3.5px; width: 100%; min-width: 4em; line-height: 2em; padding: 1em; -moz-box-shadow: 0px 4px 12px #888;
-webkit-box-shadow: 0px 4px 12px #888;
box-shadow: 0px 4px 12px #888;
}
.sharer.inactive div { display: none; }
.sharer div picture, .sharer div img { display: none; }
.sharer div a, .sharer.flat a { display: inline-block; width: 2em; height: 2em; text-align: center; border-radius: 1em; margin-top: 1em; margin-left: 0px !important; margin-right: 0px !important; }
.sharer.flat a+a { margin-left: 1em !important; }
.sharer div .fa, .sharer.flat .fa { line-height: 2em; margin: 0px; }
.artistpage .sharer div a { margin-left: 0px; }
.btn.form-control, .btn.stdbtn { font-size: 1.2em; height: auto; padding: 1em 0px; margin-top: 1em; }
.btn.form-control { border: 2px #ff0000 solid; }
.btn.form-control.grey { border-color: #282828; background: #282828; color: #ffffff; }
.btn.form-control.transparent { border-color: #000000; background: transparent; color: #000000; }
.addfave.OTARed {
/*
 https://css-tricks.com/change-color-of-svg-on-hover/
 https://codepen.io/sosuke/pen/Pjoqqp
	filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);*/
	filter: invert(10%) sepia(98%) saturate(5352%) hue-rotate(5deg) brightness(98%) contrast(117%);
}

.artworkdetails { position: relative; overflow: hidden; }
.artworkdetails #addedtocart { left: 100%; width: 100%; height: 100%; border: 1px red solid; position: absolute; }
.artworkdetails #addedtocart.shown { left: 0%; }

#zoom { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 10000000000; background: url(../images/bg000000.png) repeat; overflow-y: scroll; }
#zoom img.loading { margin-top: 45%; }
#zoom img.loaded { width: 100%; max-width: 1280px; }
#zoom .close { position: absolute; right: 0px; padding: 1em; top: 0px; z-index: 100; }

.signup { position: relative; }
/*.signup:before {
	content: ' ';
	display: block;
	position: absolute;
	top: 25%;
	left: 0px;
	height: 50%;
	border-left: 1px solid #ff0000;
}
*/
.stdform input { border: 0px; box-shadow: none; -webkit-box-shadow: none; font-size: 1.2em; margin-top: 1em; border-bottom: 1px solid #c8c8c8; padding-bottom: 1em; }
.login .stdform { width: 80%; margin: auto; }
.login .btn.facebook {
	background: #484848 url(../images/logo_facebook.png) no-repeat;
	background-size: auto 100%;
	border: 0px;
	color: #ffffff;
}
.account h1.stdheading { margin-top: 1em; }
.stdform .input-group { width: 100%; text-align: center; margin-top: 1em; }
.stdform .input-group label { width: 100%; }
.stdform .input-group label+.form-control, .stdform .input-group label+div.row { margin-top: 0.5em; }
.stdform .input-group label+div.row div[class^=col-] .form-control { margin-top: 0px; }
.stdform .input-group label.checkbox { width: auto; }
.stdform .input-group label.checkbox input[type=checkbox] { margin: 0px; display: none; }
.stdform .input-group .form-control, .stdform .input-group .OTAStyle.chosen-container { text-align: center; }
.stdform .input-group .OTAStyle.chosen-container { text-indent: 18px; font-size: 1.2em; height: auto; }
.stdform .input-group .OTAStyle.chosen-container-single .chosen-single { border-color: #c8c8c8; color: #555555; font-weight: normal; height: auto; padding-bottom: 3px; }
.stdform .input-group .OTAStyle.chosen-container .chosen-drop { left: 0px; margin-left: 0px; }
.stdform .input-group .OTAStyle.chosen-container ul.chosen-results li { text-indent: 18px; }
.stdform .input-group .OTAStyle.chosen-container-single b { margin-top: 8px; }

form.enquiry { padding: 1em; background: #e8e8e8; margin-top: 1em; }
form.enquiry h4 { font-size: 1.3em; font-weight: bold; }
form.enquiry input[type=text] { padding-top: 1em; }
.enquiry div.image { padding-right: 0px; }
.enquiry input.form-control { padding-left: 0px; }
.enquiry .enquiryartwork strong { font-size: 1.1em; }

#cartoverlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent; z-index: -2; }
#cartoverlay::before { position: absolute; display: block; width: 100%; height: 100%; content: ' '; background: #000000; z-index: -1; opacity: 0; 	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
 }
#cartoverlay.shown { z-index: 10000002; }
#cartoverlay.shown:before { opacity: 0.6; }
#cartoverlay .closecart, #zoom .close, .menu .close { cursor: pointer; line-height: 0.5em; font-size: 2em; font-family: 'Lato', 'Times New Roman', serif; font-weight: 300; color: #5C5C5C; }
.cartcontents h1 .cartcount { background: #000000;
    color: #ffffff;
    padding: 0.5em 0.9em;
    font-size: 0.4em;
    vertical-align: middle;
    border-radius: 1em; }
#cartoverlay > .row, #cartoverlay .cartcontents { height: 100%; }
#cartoverlay .cartcontents { position: relative; margin-right: -100%; padding: 0px; overflow-y: auto; min-width: 400px; max-width: 500px; }
#cartoverlay .cartcontents .loaded, #cartoverlay .cartcontents.withbg { background-color: #f4f4f4; }
#cartoverlay.shown .cartcontents { margin-right: 0px !important; }
.cart .line { padding: 1.5em 0px; margin: 0px 2em; }
.cart .checkout .line { margin-left: 0px; }
.cart .checkout { border-right: 1px #888888 solid; }
/*.cart .cartcontents .line { padding-left: 2em; }*/
.cart .cartcontents .heading { padding-left: 0px; }
.cart .cartcontents .heading h1 { margin: 0px; font-size: 2em; }
.cart .cartcontents .heading.box h1 { flex-grow: 1; }
#cartoverlay .subtotal { width: 100%; position: fixed; bottom: 0px; background: #000000; color: #ffffff; z-index:100; }
.cartcontents .subtotal .line { padding-left: 0px; padding-right: 0px; }
.cartcontents .subtotal h3 { display: inline-block; margin: 0px; }
body.cart .subtotal { padding-bottom: 2em; }
body.cart .subtotal .line { padding-top: 0.5em; padding-bottom: 0.5em; }
body.cart .total { margin-top: 1em; }
body.cart .total * { font-weight: bold; }
.cartcontents .OTAStyle { margin-left: 0.3em; }
.cartcontents .subtotal select { font-size: 0.9em; min-width: 0px; }
.cartcontents .subtotal .chosen-container { width: auto !important; font-size: 1.3em; margin-top: -5px; min-width: 10em; }
.cartcontents .subtotal .chosen-drop { width: 256px; }
#cartoverlay .loading {
	height: 100%;
	background: url(../images/ajax_loader.gif) no-repeat center;
}
#cartoverlay .addedtocart h1 .fa { -webkit-text-stroke: 2px #f4f4f4; }
.cartcontents .artistname { margin-top: 0.5em; text-transform: uppercase; margin-top: 0px; margin-bottom: 0px; }
.cartcontents .price { padding-top: 1em; }
.cartcontents .price * { display: inline-block; }
.cartcontents .price h2, .cartcontents .price h3 { margin: 0px; padding-left: 5px; }
.cartcontents .price h2 i { font-size: 0.5em; }
.cartcontents .notavail { color:#ff0000; }
.cartcontents .notavail * { text-decoration: line-through; }
.cartcontents .btn { margin-top: 0px; }
.cartcontents .removefromcart { cursor: pointer; color: #cccccc; }
.cartcontents .removefromcart { position: absolute; top: 0px; right: 15px; z-index: 10; font-size: 1.5em; }
.cartcontents .desktoponly.removefromcart { margin-top: 0.25em; }
.cartcontents .desktoponly.removefromcart:hover { color: #cc0000; }
.cart .image img { width: 100%; max-width: 128px; }
.enquiry { min-height: 100%; }
.enquiry .enquiryartwork { color: #000000; }
.enquiry .enquiryartwork i { font-weight: normal; }
.cartcontents .enquiry .line { padding-left: 0px; }
.cartcontents .btn.stdbtn { width: 100%; font-weight: bold; }
.cart .fa-check { color: #00ff00; }
#cartoverlay form.enquire { padding: 0px; margin: 0px 2em; position: relative; margin-top: 1em; }
#cartoverlay form.enquire .form-control { margin-bottom: 1em; }
form.enquire label { font-size: 0.9em; }
form.enquire .countrycode { margin-top: 0.35em; }
form.enquire .OTAStyle.chosen-container-single .chosen-single { padding-bottom: 3px; }
form.enquire .OTAStyle .chosen-drop { width: 200%; }
form.enquire .form-control { background: transparent; border: 0px; border-bottom: 1px #282828 solid; box-shadow: none; }
form.enquire label.error { color: #ff0000; display: block; float: right; }
form.enquire textarea.form-control { border: 1px #c4c4c4 solid; }
#cartoverlay form.enquire+.subtotal { background: transparent; }
#cartoverlay .aw .image img { margin-right: 1em; }
#cartoverlay form.enquire .response { color: #5c5c5c; }
a.btn.whatsapp { background-color: #25D366; color: #ffffff; border-color:#25D366 !important; }
a.btn.whatsapp:hover { color:#25D366; }
.checkout .line .row { margin: 0px; }
.checkout .line .row [class^=col-]:first-child { padding-left: 0px; }
.checkout .line .row [class^=col-]:last-child { padding-right: 0px; }
.checkout .line .image { padding-left: 0px; }
.checkout .line .removefromcart { right: 0px; }
.checkout .btn { border-radius: 0px; color: #c8c8c8; font-weight: bold; }
.checkout .stdform .btn.form-control { border-width: 0px; }
.checkout button.OTARedBG { color: #ffffff; border-color: #ffffff; }
.checkout .stdform button.OTARedBG { padding: 1em; border-width: 0px; }
.checkout .stdform button.OTARedBG:hover { color: #ff0000; }
.checkout .btn:hover, .checkout .btn:hover * { color: #ffffff; }
.checkout button.paypal { background-color: #3b7bbf; border-color: #3b7bbf; }
.checkout button.creditcard { background-color: #000000; border-color: #000000; }
.checkout a.facebook { background-color: #3b5998; border-color: #3b5998; }
.textover { padding: 0px 1em; background: #ffffff; }
.checkout .text-center .textover { left: 50%; margin-left: -1.5em; margin-top: 4px; }
.checkout .stdform .form-control { border: 2px solid #282828; padding: 1.5em; margin-top: 0.5em; }
.checkout .form-control~label { font-weight: normal; margin-top: 0.5em; }
.checkout .chosen-container.OTAStyle { padding-top: 1.05em; padding-bottom: 1.05em; border: 2px solid #c8c8c8; border-radius: 4px; }
.checkout .chosen-container.OTAStyle, .checkout .chosen-container.OTAStyle * { color: #555555; }
.checkout .chosen-container.OTAStyle .result-selected { color: #ffffff; }
.checkout .OTAStyle.chosen-container-single .chosen-single div b { border-color: #555555; }
.checkout .OTAStyle.chosen-container-single .chosen-single { border-bottom: 0px; }
.checkout .OTAStyle.chosen-container-single .chosen-single span { text-indent: 1.2em; }
.checkout .OTAStyle.chosen-container-single .chosen-drop { left: 0px; margin-left: -2px; right: -2px; bottom: -2px; border-width: 0px; }
.checkout .OTAStyle.chosen-container-single .chosen-results { text-indent: 0.7em; border: 2px solid #c8c8c8; padding-top: 0.35em; padding-bottom: 0.35em; }
.stdform label .comment { font-size: 0.9em; }
.stdform label .comment, .stdform label .comment * { color: #a8a8a8; }
.checkout .error { width: 100%; color: #ff0000; }
.checkout .OTASelect { padding-top: 0.6em; }
body.cart .cartcontents .line, body.cart .checkout .line { margin-left: 0px; padding-left: 0px; margin-right: 0px; }
body.cart .price.boxbottom { padding-right: 0px; }
body.cart .cartcontents .cartcount { float: right; background: none; color: #ff0000; font-size: 0.6em; padding: 0px; line-height: 2em; }
body.cart .cartcontents .chosen-container { margin-top:0.25em;margin-left:0; }
#paymentbuttons > div { padding:0; }

.makingpayment .btn.form-control img { margin-left: 1em; }

#searchoverlay { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: transparent; z-index: -2; }
#searchoverlay::before { position: absolute; display: block; width: 100%; height: 100%; content: ' '; background: url(../images/bg000000.png) repeat left top; z-index: -1; opacity: 0; 	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
 }
#searchoverlay.shown { z-index: 10000002; }
#searchoverlay.shown:before { opacity: 1; }
#searchoverlay .closesearch { cursor: pointer; }
#searchoverlay .closesearch span { font-size: 1.5em; line-height: 0.5em; font-family: 'Lato', 'Times New Roman', serif; font-weight: 300; color: #5C5C5C; }
#searchoverlay .searchcontents { background: #ffffff; padding-bottom: 3em; }
#searchoverlay.shown .searchcontents { margin-top: 0px !important; }
#searchoverlay h1 { padding-left: 1em; padding-right: 1em; margin-bottom: 1em; position: absolute; right: 0px; top: 0px; }
.searchcontents p.textsmaller { padding-top: 1.75em; }
.search .searchcontents { overflow: hidden; padding-bottom: 1em; }
.searchcontents input.form-control {
	border: 0px;
    box-shadow: none;
    text-align: center;
    font-size: 4em;
    height: 1.1em;
    font-weight: bold;
    margin-top: 20px;
	margin-bottom: 20px;
	color: #1d1d1d;
}
.searchcontents button { background: transparent; border: 0px; font-size: 2em; }
.searchcontents input[type=image] { width: 1.5em; margin-bottom: 0.5em; }
.searchcontents input::placeholder, .searchcontents input::-webkit-input-placeholder {
	color: #1d1d1d;
}
.searchcontents input::-moz-placeholder, .searchcontents input:-ms-input-placeholder, .searchcontents input:-moz-placeholder, .searchcontents input[type=text]::-moz-input-placeholder, .searchcontents input[type=text]:-ms-input-placeholder, .searchcontents input[type=text]:-moz-placeholder {
	color: #1d1d1d;
}
.searchcontents .clearsearch { position: absolute; right: -24px; bottom: 24px; }

.searchcontents .textsmaller, .searchresults { color: #5c5c5c; }
body.search, .searchresults { background-color: #f7f7f7; }
/*.search .artworks { margin-top: 3em; }
.search .artworks div { display: inline-block; margin-left: 1em; float: left; }
.search .artworks div:first-child { margin-left: 0em; }*/
.search .result { padding-bottom: 2em; }
.search .subscroller { clear: both; }
.search .subscroller .scrollcontainer { height: 12em; }
.search .subscroller .scrollindicator { left: 0px; right: 0px; }
.search .subscroller img { max-width: 12em; max-height: 11em; }
.scrollindicator.notneeded, .scrollarrows.notneeded { display: none; }

.blog.underlaymenu .stageBG > .feature:first-child .details { padding-top: 2em; }
.blog .tablinks { margin-bottom: 2em; }
.blog .post.feature+.tablinks { margin-top: -8em; }
.blog .tablinks a { margin-right: 2em; }
.blog .tablinks a:last-child { margin-right: 0em; }
.blog .post { position: relative; margin-bottom: 8em; background-size: cover; background-attachment: fixed; }
.blog .underlay.post { position: fixed; margin-top: 0px; max-height: 35em; overflow: hidden; }
.blog .post.feature { min-height: 40em; }
.blog .post.feature .details { position: absolute; top: 0px; left: 0px; padding-left: 27.5%; padding-right: 27.5%; width: 100%; height: 100%; padding-top: 2em; background: rgba(0,0,0,0.5); }
.blog .post .details h1 { font-weight: bold; font-size: 1.5em; margin-top: 1em; margin-bottom: 1em;color:#000000; }
.blog .post.feature .details h1 { font-size: 3.5em; }
.blog .post .section, .blog .post .section *, .blog .post.feature img { width: 100%; }
.blog .post .image { max-height: 800px; overflow: hidden; position: relative; }
.blog .posts .post img { width: 100%; }
.blog .posts .post img.play { width:4em; position: absolute; top: 50%; left: 50%; margin-top:-2em; margin-left:-2em; }
.blog .post .section img { width: auto; max-width: 100%; }
.blog .post h1, .blog .post p { padding: 0px 10%; }
.blog .post p { margin-top: 1em; margin-bottom: 1em; line-height: 1.3em; }
.blog .category { color: #575757; text-transform: uppercase; }
.blog .post.feature .maincontent * { color: #ffffff; }
.blog .flipbook { clear:both;height:480px; }
.blog .flipbook .df-sidemenu { width:220px; }
/*
.blog .post.feature img[data-colour=light]+div .maincontent * { color: #000000; text-shadow: 1px 1px 1px #ffffff; }
.blog .post.feature img[data-colour=light]+div.dark .maincontent * { color: #ffffff; text-shadow: 1px 1px 1px #000000; }
*/
.blog .stdtextbig { font-weight: bold; }
.blog .row .post:nth-child(2n+1) { clear: both; padding-right: 3.5em; }
.blog .row .post:nth-child(2n) { padding-left: 3.5em; }
.blog .blogcontent { font-size: 1.2em; word-break: break-word; }
.blog .sticky .stdtextbig, .blog .clonesticky .stdtextbig { font-size: 1.125em; margin-left: 2em; }
.blog .section+.section { margin-top: 3em; }
.blog .bloglink { position: fixed; top: 40%; width: 2.5em; z-index: 100; overflow: hidden; }
.blog .bloglink:hover { background: #F2F2F2; width: 20em; }
.blog .bloglink > .box { width: 18em; padding: 2em 0em; }
.blog .bloglink.next > .box { margin-left: -18em; }
.blog .bloglink.next:hover > .box { margin-left: 0em; }
/*
.blog .bloglink .preview, .blog .bloglink .fa  { display: none; }
.blog .bloglink:hover .preview, .blog .bloglink:hover .fa  { display: block; }
*/
.blog .bloglink .preview { width: 100%; max-height: 20em; overflow: hidden; }
.blog .bloglink .preview .image { max-height: 18em; overflow: hidden; margin-bottom: 1em; }
.blog .bloglink .preview img { width: 100%; margin-bottom: 1em; }
.blog .blogcontent .golden, .blog .bloglink p { color: #958049; }
.blog .bloglink p { width: 0em; text-align: center; }
.blog .bloglink p.fa { width: 3em; font-size: 1.5em; }
.blog .bloglink .rotated { white-space: nowrap; display: inline-block; position: absolute; top: 50%; font-size: 0.9em; font-weight: bold; }
.blog .bloglink.next { right: 0px; }
.blog .bloglink.next > .box { padding-left: 1.5em; }
.blog .bloglink.next .rotated {
	right: 0.5em;
	-webkit-transform: translateX(1.5em) translateY(-1em) rotate(90deg);
	-moz-transform: translateX(1.5em) translateY(-1em) rotate(90deg);
	-o-transform: translateX(1.5em) translateY(-1em) rotate(90deg);
	-ms-transform: translateX(1.5em) translateY(-1em) rotate(90deg);
	transform: translateX(1.5em) translateY(-1em) rotate(90deg);
}
.blog .bloglink.prev { left: 0.5em; }
.blog .bloglink.prev > .box { padding-left: 1.5em; }
.blog .bloglink.prev .rotated {
	-webkit-transform: translateX(-4.6em) translateY(-1em) rotate(-90deg);
	-moz-transform: translateX(-4.6em) translateY(-1em) rotate(-90deg);
	-o-transform: translateX(-4.6em) translateY(-1em) rotate(-90deg);
	-ms-transform: translateX(-4.6em) translateY(-1em) rotate(-90deg);
	transform: translateX(-4.6em) translateY(-1em) rotate(-90deg);
}
.blog .bloglink strong { color: #3e3e3e; text-align: left; }
.blog .links iframe { width: 5em; height: 1.3em; margin-left: 2em; }
.blog .links > a { width: 2em; height: 2em; background: #000000; text-align: center; border-radius: 1em; }
.blog .links > a:hover { background: #ff0000; }
.blog .links .fa { margin: 0px; color: #ffffff; line-height: 2em; }
.signup > .box.middle { background: #000000; color: #ffffff; }
.signup .box .image { max-height: 20em; overflow: hidden; }
.signup .box .image h2 { position: absolute; top: 50%; margin: 0px; color: #000000; text-indent: 1em; }
.signup .box img { width: 100%; margin-top: -6em; }
.signup .box > div { padding: 0px; }
.signup .box div:nth-child(2) div, .golden, .golden:focus { color: #EBE5CF; }
.signup .box div:nth-child(2) div { margin: 0px 2em; }
.signup p { font-size: 1.3em; line-height: 1.3em; }
.signup input { background: #EBE5CF; color: #000000; border-radius: 0px; margin: 3em 0px 1em; padding: 1em 0.5em; height: auto; text-align: center; }
.signup .btn { background: transparent; font-size: 1em; font-weight: bold; }
.signup .btn:hover { color: #EBE5CF; }
.signup input::placeholder, .signup input::-webkit-input-placeholder {
	color: #686868;
}
.signup input::-moz-placeholder, .signup input:-ms-input-placeholder, .signup input:-moz-placeholder, .signup input[type=text]::-moz-input-placeholder, .signup input[type=text]:-ms-input-placeholder, .signup input[type=text]:-moz-placeholder {
	color: #686868;
}
.instafeedcontainer { margin: 8em 0px; }
.instafeedcontainer.subscroller .scrollcontainer { height: 16em; }
.instafeed div { display: inline-block; width: 16em; height: 16em; background-size: cover; background-position: center; margin-left: 1em; }
.instafeed div a { display: inline-block; width: 100%; height: 100%; }
.instafeed > :first-child { margin-left: 0px; }

.pageprogress { position: relative; padding-left: 1em; padding-right: 1em; }
.progressbar { position: absolute; left: 0px; bottom: -2px; height: 2px; }

.publications .row .post:nth-child(2n+1) { clear: both; }
.publications .video, .videos .video { width: 100%; min-height: 576px; }
.publications .maincontent.post { margin-top: 2em; }

.gallery iframe { pointer-events: none; }
.gallery iframe.active { pointer-events: auto; }

.totop span { margin-left: 1em; }

@media only screen and (min-width : 1631px) {
	.signup .box .image h2 { text-indent: 2em; }
}
@media only screen and (max-width : 1630px) {
	.maincontent, .maincontent2 { padding-left: 2em; padding-right: 2em; }
	.maincontent .fullwidth { margin-left: -2em; margin-right: -2em; }
	.signup .box .image h2 { text-indent: 1.5em; }
}
@media only screen and (min-width : 1188px) {

}
@media only screen and (max-width : 1358px) {
	.menu li { margin-left: 0.5em; margin-right: 0.5em; }
}
@media only screen and (max-width : 1204px) {
	.menu li { margin-left: 0.4em; margin-right: 0.4em; }
}

@media only screen and (max-width : 1070px) {
	footer .social a { margin-left: 0.5em; }
}

@media only screen and (min-width : 992px) {
	.mobileonly { display: none !important; }
}
@media only screen and (max-width : 991px) {
	.desktoponly { display: none !important; }
	.xs-textbigger { font-size: 1.1em; }
	.gutter, .menu { padding-left: 1em; padding-right: 1em; }
	.menu ul.mobileonly+ul.main { display: none; }
	.menu ul.mobileonly+ul.main.shown { display: block; display: -webkit-flex; display: flex; z-index: 1000; }
.menu ul.main .top { padding: 1em 0px; position: relative; }
	.menu ul.main { position: absolute; left: -1em; width: auto; background-color: #ffffff; }
.menu ul.main { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #000000; }
.menu ul.main, .menu ul.main a { color: #ffffff !important; }
.menu ul.main .close { position: absolute; right: 0px; top: 0px; padding: 0.45em; opacity: 1; font-weight: 500; font-size: 2.5em; }
	.menu ul.main li { display: block; margin: 0.5em 0px; padding-left: 1em; padding-right: 1em; }
	.menu > div { display: inline-block; padding: 0px; }
	.menu > div.col-xs-6 { float: none; }
	.menu .logo { margin-top: 0.3em; height: 1.3em; }
	.menu .text-left li { margin-left: 0px; }
	.menu .text-right li { margin-right: 0px; }
	.menu ul.main li a { font-size: 1.6em; line-height: 1.8em; }
	header .maincontent { overflow: visible; }
	footer { margin-top: 2em; }
	footer .row.logo img { height: 1.9em; }
	footer .social { margin-bottom: 0px; }
	footer .mobileonly.textsmaller { font-size: inherit; }
	.menu .mobileonly.footer { padding-left: 1em; padding-right: 1em; }
	.menu .mobileonly.footer > * { font-size: 0.9em; }
	.menu .mobileonly.footer .social a { margin-left: 0.5em; }
	.menu .mobileonly.footer > div { padding: 0.25em 0px; }
	.menu .mobileonly.footer .bottom { margin-bottom: 3em; padding: 0px; }
	.menu .mobileonly.footer .social { padding: 1.5em 0px; }
	.menu .footer .bottom a { display: block; }
	.menu .footer .bottom a+a { margin-top: 1em; }
	.menu ul.main > div:first-child { margin-bottom: 0em; }
	.menu .footer .bottom .topborder { padding-top: 2em; margin-top: 2em; }
/*
	.menu .footer .divider { margin: 0px; margin-top: 1.5em; margin-bottom: 1.75em; }
	.menu .mobileonly.bottom { position: absolute; bottom: 3em; left: 0px; width: 100%; }
	.menu div.social { margin-bottom: 5em; }
*/

	header+.stageBG { padding-top: 4em; }

	.landing .underlay { border: 0px; }
	.landing .underlay.video .logo img { width: 80%; }
	.landing p.stdtextbig { margin-left: 1em; margin-right: 1em; }
	.maincontent { padding: 0px; }
	.guide h4 { font-size: 0.9em; }
	.guide .scrollcontainer { height: 7em; }
	.guide .scrollindicator { display: block; }
	.section+.section, .blog .section+.section { margin-top: 4em; }
	.artistpage .box.bottom h2.stdheading { margin-bottom: 1em; text-align: center; }

	.menu { display: block; padding-top: 0px; padding-bottom: 1em; }
	.menu div[class^=col], .xs-nobox div[class^=col] { padding-top: 1em; padding-bottom: 0px; }
	.xs-nobox div[class^=col]:first-child { padding-top: 0px; }
	header .clonesticky { padding-top: 0px; }
	footer > .maincontent > .row.box, .xs-nobox { display: block; }
	footer .row { margin: 0px; }
	footer .row.logo { margin-bottom: 1em; }
	footer .row+.row, footer [class*=col-xs-]+[class*=col-xs-] { margin-top: 3em; text-align: center; }
	footer .response { text-align: left; }
	footer .col-xs-12 { padding-left: 0px; padding-right: 0px; }
/*	.guide .box { height: 6em; 	-webkit-align-items: flex-end;
	align-items: flex-end;
	padding-bottom: 2em;
	justify-content: center;
 }
	.guide picture, .guide picture img { height: 4em; width: auto; }*/

	.underlay.tallimage { height: 30%; }
	.underlay+.stageBG { padding-top: 2em; }
	.underlay.tallimage+.stageBG { margin-top: 30%; }

	.artistpage .tablinkcontainer { padding: 0px !important; }
	.artistpage .xs-nobox .tablinks { padding: 1em 0px; }
/*	.artistpage #tabs > .tab { min-height: 2.3em; opacity: 1; margin-bottom: 2em; padding-left: 15px; padding-right: 15px; } */
	.artistpage #tabs > .tab { opacity: 1; padding-top: 2em; padding-left: 15px; padding-right: 15px; display: block; height: auto; }
	.artistpage #tabs > .tab.listcontainer { padding-top: 0px; }
	.artistpage #tabs > .tab > * { display: none; }
	.artistpage #tabs > .tab.listcontainer > *, .artistpage #tabs > .tab.active > * { display: inherit; }
	.artistpage #tabs > .tab.listcontainer .bottomborder:last-child { position: absolute; left: 0px; right: 0px; padding-bottom: 0px; }
	.artistpage #tabs > .tab .visible-xs { height: 3em; margin-bottom: 0em; font-size: 1.1em; line-height: 1em; padding-bottom: 2em; }
	.artistpage #tabs > .tab.active .visible-xs { margin-bottom: 1em; }
	.artistpage #tabs > .tab .topborder { padding-top: 0px; }
	.artistpage #tabs > .tab .visible-xs img { height: 100%; }
	.artistpage #tabs .active .visible-xs img { transform: rotate(90deg); }
	.artistpage #tabs > .tab:last-child { margin-bottom: 0px; }
	.artistpage #tabs > .tab:last-child:not(.active) .bottomborder { border-bottom: 0px; }
	.artistpage #tabs > .tab.active:last-child { margin-bottom: 2em; }
	.artistpage #tabs > .tab:last-child .topborder { display: none; }
	.artistpage #tabs h1 { padding-top: 0px; }

	.artwork .artworkdetails { margin-top: 2em; }
	.artworkpage .row.artwork { padding-left: 15px; padding-right: 15px; }
	.artworkpage .row.artwork > div { padding-left: 0px; padding-right: 0px; }

	.scrollcontainer { margin-top: 1em; }
	.scrollcontainer, .scrollcontainerinner { height: 24em; }
	.scrollcontainer.autoheight, .scrollcontainer.autoheight >div { min-height: 24em; }
	.scrollcontainer .artist, .scrollcontainer .theme, .scrollcontainer .artwork { width: 18em; }
	.scrollcontainer .artist .images { margin-bottom: 1em; }
	.scrollcontainer h4 { font-size: 1.1em; font-weight: bold; }
	.scrollcontainer img { max-height: 18em; }
	.cl_scrollable.withpadding .scrollcontainerinner, .scrollcontainerinner { padding-left: 15px; padding-right: 15px; }
	.withpadding .scrollindicator, .subscroller .scrollindicator, .scrollindicator { left: 15px; right: 15px; }
	.cl_scrollable.withpadding > .scrollarrows, .cl_scrollable > .scrollarrows { right: 15px; }
	.scrollcontainerinner > div { margin-left: 0.75em; margin-right: 0.75em; }
	.landing .projectimages .row div+div { padding-left: 1em; }

	.artistpage .subsections .artistworks, .artworkpage .artistworks { margin-left: -10px; margin-right: -10px; }

	.listcontainer select { display: inline-block; }
	.listcontainer select:before {
	display: block;
	width: 1.3em; height: 1.3em;
	position: absolute;
	z-index: 1;
	left: 0px;
	top: 0px;
	content: ' ';
	background-color: #e8e8e8;
	border-radius: 5px;
	}
	*[class*=listing] .listcontainer { padding-right: 15px; }
	*[class*=listing] .listcontainer > div:nth-child(2) { padding-right: 0px; }

	.subscroller .scrollcontainer, .subscroller .scrollcontainerinner { height: 25em; }
	.subscroller .scrollcontainer .artist { text-align: left; }
	.subscroller .scrollcontainer .artwork { width: auto; text-align: left; }
/*	.subscroller .scrollcontainer .artwork .image { margin-bottom: 0px; }*/
	.subscroller .scrollcontainer .artwork img { height: 18em; }
	.subscroller h4 { margin: 0px; }
	.subscroller h1 { padding-left: 1em; }

	.searchcontents input.form-control { font-size: 4em; }
	#searchoverlay { margin-top: 0px !important; }
	#searchoverlay h1 { margin-bottom: 0px; }
	.searchresults .scrollcontainerinner { padding-left: 0px; padding-right: 0px; }
	.searchresults .scrollcontainerinner > div { margin-right: 0px; }

	.sessionloader { margin-top: 1em; }
	.listcontainer .artwork .details { padding-left: 0.5em; color: #797979; }
	.listcontainer .artwork .details strong { font-family: PNBold, PN, Helvetica, Arial, sans-serif; color: #000000; }
/*	.maincontent .artworklayout { margin-left: -10px; margin-right: -10px; }*/
	.artworklayout > div[class^=col-] { padding-left: 10px; padding-right: 10px; }
	.pager { font-weight: bold; font-size: 1.05em; margin-top: 2em; padding-right: 0px; }
	.pager a img { height: 14px; vertical-align: text-top; margin-top: 1px; }

	.signup .response { margin: 0px 2em; }
	.signup p { font-size: 1.15em; }
	.signup input { margin-top: 1em; }
	.signup .box img { margin-top: -1em; }
	.signup .box .image h2 { text-indent: 1em; }

	.filter h4 { font-size: 1em; font-weight: bold; }
	.filter a.sortoption, .filter a.pageoption { display: block; padding: 0.25em 0px; }

	.cartcontents .OTAStyle { margin-left: 0px; padding: 0px; }
	.cart .cartcontents .line { padding-left: 0px; }
	.cart .artistname { margin-top: 0px; font-weight: bold; }
	.checkout h3+select+.chosen-container.OTAStyle, .checkout h3+select { margin-top: 0.5em; }
	.checkout .OTAStyle.chosen-container-single .chosen-single span { text-indent: 0.5em; }
	.checkout .OTAStyle.chosen-container ul.chosen-results li { text-indent: 0px; }
	.checkout form.stdform { margin: 0px 1.5em; }

	.blog .post { margin-bottom: 4em; }
	.blog .post.feature+.tablinks { margin-top:-4em; }
	.blog .post.maincontent { margin-bottom: 0px; }
	.blog .post .details h1 { margin-top: 1.5em; font-size: 1.8em; }
	.blog .post p { font-size: 1.2em; }
	.blog .underlay.feature.post.tallimage { height: 0px; overflow: hidden; min-height: 50%; max-height: 70%; }
	.blog .underlay.feature.post.tallimage .details .maincontent { padding-top: 4em; padding-bottom: 2em; }
	.blog .post.feature .details { padding-left: 10%; padding-right: 10%; width: 100%; }
	.blog .post.feature .details h1 { font-size: 2.5em; margin-top: 0.5em; }
	.blog .category { font-size: 1.1em; }
	.blog .blogcontent.section+.blogcontent { margin-top: 2em; }
	.blog .pageprogress div { padding-top: 0px; }
	.blog .pageprogress .box.bottom { webkit-align-items: center; align-items: center; }
	.blog .pageprogress .sharer { padding-top: 0.5em; }
	.blog .pageprogress .sharer > div { padding-top: 1em; }
	.blog .pageprogress .maincontent { overflow: visible; }
	.blog .pageprogress .stdtextbig { margin-left: 0px; }
	.blog .sharer a { display: inline-block; text-align: center; margin-left: 0px; }
	.blog .sharer > div { left: auto; right: 0px; top: 0px; }
	.blog .bottompadding { padding-top: 1em; padding-bottom: 1em; }
	.blog .mobileonly .bloglink { position: relative; display: inline-block; width: 100%; }
	.blog .mobileonly .bloglink > a { display: inline-block; }
	.blog .mobileonly .bloglink p { width: 100%; margin-left: 0px; margin-right: 0px; padding: 0px; }
	.blog .mobileonly .bloglink.prev .fa { margin-right: 0.25em; }
	.blog .mobileonly .bloglink.prev p { text-align: left; }
	.blog .mobileonly .bloglink.next { float: right; }
	.blog .mobileonly .bloglink.next .fa { margin-left: 0.25em; }
	.blog .mobileonly .bloglink.next p { text-align: right; }
	.blog #posts .post .details { width: 80%; margin-left: 10%; }
	.blog .post img { width: 100%; }
	.blog .row .post:nth-child(2n+1) { padding-right: 15px; }
	.blog .row .post:nth-child(2n) { padding-left: 15px; }

	.instafeedcontainer { margin: 4em 0px; }
}
@media only screen and (min-width : 768px) {
	.signup .box.middle > div { padding-left: 0px; padding-right: 0px; }
/*	.tallimage:not(.showbg) { background-image: none !important; }*/
	.tallimage img { opacity: 0; }
	.cartcontents .subtotal .line+.line { padding-top: 0px; }
}
@media only screen and (max-width : 767px) {
	.gutter { padding-left: 15px; padding-right: 15px; }
	.menu { font-size: 1.1em; }
	.tallimage { height: 36em; }
	.tallimage img { display: none; }
	.underlay.feature .otaword { font-size: 3em; }
	footer { font-size: 1em; }

	.filtercontainer { position: absolute; padding-right: 0px; z-index: 1; background: url(../images/bg484848.png) repeat left top; display: none; height: 100%; }
	.filtercontainer.shown { display: block; }
	.filtercontainer form { width: 80%; }
	#togglefilters { padding: 1em; }
	/*.filtercontainer .visible-xs, .stickycontainer .visible-xs { border: 0px; padding-left: 0px; }*/
	.filter { border-left: 0px; border-right: 0px; }
	.artistpage .writeup { font-size: 1.3em; }
	.artworkpage .details p { margin-top: 0.5em; }
	.artworkpage .artworkdetails p { font-size: 1.3em; }
	.artworkpage .artworkdetails .links+a { margin-top: 0px; }
	.artworklayout .artwork { padding-bottom: 2em; }
	.subscroller h1 { padding-left: 15px; }
	.signup:before { display: none; }
	.signup .box { display: block; }
	.signup .box .image { max-height: 14em; }
	.signup .box img { margin-top: -8em; }
	.signup > .row { margin: 0px 15px; }
	.signup > .row > div { padding: 0px; }
	.signup div:nth-child(2) { padding-top: 1.5em; padding-bottom: 1em; }

	.enquiryartwork, form.enquire label, form.enquire .form-control:not(.btn), .writeup { font-size: 1.1em; }
	select.OTAStyle { min-width: 0px; }
	form.enquire .countrycode { margin-top: 0px; }
/*	#cartoverlay .cartcontents.loaded { background-color: #ffffff; }*/
	.checkout .line .row [class^=col-]:last-child { padding-left: 0px; }
	.checkout .stdform .form-control { padding-left: 15px; padding-right: 15px; }
	.checkout .stdform select.form-control { height: 100%; margin-top: 0px; padding-top: 1.175em; padding-bottom: 1.175em; }
	.checkout .stdform label.checkbox { margin-top: 14px; }

	#searchoverlay .searchcontents { padding-bottom: 1em; }
	.searchcontents h1 { position: absolute; right: 0px; top: 0px; }
	.searchcontents h1+p { padding-top: 2em; margin-bottom: 2em; }
	.search .searchcontents .clearsearch { position: absolute; right: 2em; }
	.search .result h3 { font-weight: bold; }
	.search .result { padding-bottom: 2em; }
}
@media only screen and (max-width : 480px) {
	body, .stage, header, footer { min-width: 465px; }
	.artworkpage .links a { margin: 0em; }
	.artworkpage .sharer a { margin-top: 1em; }
/*	.filtercontainer { position: fixed; left: 0px; top: 0px; z-index: 20000000; padding-right: 0px; }
	.stickycontainer { left: 0px; }*/
	.filtercontainer { padding-right: 0px; }
	.filter .row { padding-left: 1.5em; padding-right: 1.5em; }
	.filter .irs { margin-left: 1em; margin-right: 1em; }
	.artistpage .publication+.publication { margin-left: 0px; display: block; }
	.zopim { border-radius: 10px; width: 45px !important; bottom: 1px !important; right: 1px !important; }

	.instafeedcontainer.subscroller .scrollcontainer { height: auto; }
	.instafeedcontainer .instafeed.scrollcontainerinner { width: 100%; height: auto; white-space: normal; position: relative; }
	.instafeedcontainer .instafeed > div { width: 48%; margin: 0px; margin-top: 1em; }
	.instafeedcontainer .instafeed > div:nth-child(2n+1) { margin-right: 4%; }
}

@media only screen and (max-width : 991px) and (max-height : 736px) {
	.menu ul.main li { margin: 0px; }
	.menu ul.main li a { font-size: 1.4em; }
	.menu .footer .bottom a+a { margin-top: 0.5em; }
}