/* ---------------------------------------------------------------------------------- Victoria Miro Theme name: VM-v2 Built by Artlogic ---------------------------------------------------------------------------------- */ #sidebar #overlay{ position: absolute; width: 100%; height: 100%; z-index: 100; top: 0; bottom: 0; left: 0; cursor: pointer; } .site-popup-fallback-mode #overlay { display: none; } #sidebar #overlay .search{ color: #fff; width: 18px; height: 18px; position: absolute; bottom: 0.5em; left: 1em; opacity: 0; transition: 0.3s ease-in-out opacity, 0.3s ease-in-out bottom; background: center center no-repeat; -webkit-background-size: 100%; background-size: 100%; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIxMzFweCIgaGVpZ2h0PSIxMzFweCIgdmlld0JveD0iMCAwIDEzMSAxMzEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICAgICAgPGcgaWQ9Ikdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjAwMDAwMCwgNC4wMDAwMDApIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iOCI+ICAgICAgICAgICAgPGNpcmNsZSBpZD0iWE1MSURfNjhfIiBjeD0iNDIuOSIgY3k9IjQzLjMiIHI9IjQyLjkiPjwvY2lyY2xlPiAgICAgICAgICAgIDxwYXRoIGQ9Ik03My41LDc0IEwxMjMuOSwxMjQiIGlkPSJYTUxJRF83Nl8iPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); } #sidebar #overlay::before { content: ' '; display: block; position: absolute; width: 100%; height: 30px; left: 0; bottom: -30px; opacity: 0; background: -moz-linear-gradient(top, rgba(25,10,10,0) 0%, rgba(25,10,10,0.5) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(25,10,10,0) 0%,rgba(25,10,10,0.5) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(25,10,10,0) 0%,rgba(25,10,10,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00190a0a', endColorstr='#ab190a0a',GradientType=0 ); /* IE6-9 */ transition: opacity 0.3s ease-in-out, bottom 0.3s ease-in-out; } #sidebar #overlay:hover::before{ bottom: 0; opacity: 1; } #sidebar #overlay:hover .search{ opacity: 1; bottom: 1em; } /* ----------------------------------------------------------- Layout ----------------------------------------------------------- */ body { /*min-width: 1440px !important;*/ } .responsive-only { display: none !important; } .print-only { display: none; } #container { width: 100%; margin: 0 auto; padding: 143px 40px 0; max-width: 1440px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; /*min-width: 1440px !important;*/ } #header { position: fixed; top: 0; left: 0; right: 0; padding: 0 40px; margin: 0; background: #fff; z-index: 1000; border-bottom: 1px solid transparent; } .cms-frontend-toolbar-active #header, body.overlay-active.cms-frontend-toolbar-active #container #header { top: 28px; } #header .inner { width: 100%; margin: 0 auto; padding: 54px 0; max-width: 1360px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } #header .inner:after { content: '.'; display: block; clear: both; height: 0; overflow: hidden; text-indent: -9999px; } /* Effects ------------------------------------ */ #header { transition: padding 300ms ease-in-out, border 1000ms ease-in-out, background-color 1000ms ease-in-out; -webkit-transition: padding 300ms ease-in-out, border 1000ms ease-in-out, background-color 1000ms ease-in-out; } body.window-scrolled #header { border-bottom: 1px solid #d6dfde; } #header .inner { transition: padding 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, border 200ms ease-in-out, background-color 400ms ease-in-out; -webkit-transition: padding 300ms ease-in-out, height 300ms ease-in-out, opacity 300ms ease-in-out, border 200ms ease-in-out, background-color 400ms ease-in-out; } body.window-scrolled #header .inner { padding-top: 20px; padding-bottom: 20px; } /* Header including page subnav ------------------------------------ */ body #header.page-header-subsections #page_header.inner, body.window-scrolled.window-scroll-up #header.page-header-subsections #page_header.inner { height: 0; opacity: 0; padding: 0; overflow: hidden; } @media screen and (min-width: 1024px) { body.window-scrolled #header.page-header-subsections #main_header.inner { height: 0; opacity: 0; padding: 0; overflow: hidden; } body.window-scrolled.window-scroll-up #header.page-header-subsections #main_header.inner { height: 74px; opacity: 1; padding: 20px 0; } body.window-scrolled #header.page-header-subsections #page_header.inner { height: 74px; opacity: 1; padding: 20px 0; } } #translations_nav, #translations_nav #lang_nav_zh { display: none; position: absolute; right: 0; margin-top: -10px; } .page-venice #translations_nav { display: block; } #logo { float: left; width: 145px; height: 24px; margin: 4px 0 0; background-size: 145px 24px; background: url(/images/logo.png) 0 0 no-repeat; -webkit-transition: background-image 400ms ease-in-out; transition: background-image 400ms ease-in-out; } .device-highres #logo { background-image: url(/images/logo_2x.png); background-size: 145px 24px; } #logo a { display: block; text-indent: -9999px; width: 145px; height: 24px; } #top_nav_section_reveal { display: none; } #top_nav.navigation { max-width: 60%; max-width: 65%; height: 34px; width: 100%; margin: 0 auto; clear: none; float: none; text-align: center; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .navigation ul { list-style: none; margin: 0; padding: 0; width: 100%; } .navigation ul li { float: none; display: inline-block; margin: 0; padding: 0 17px; padding: 0 10px; vertical-align: top; } .navigation ul li a { padding: 9px 0 2px; margin: 0; cursor: pointer; font-size: 16px; border-bottom: 1px solid transparent; -webkit-transition: color 400ms ease-in-out; transition: color 400ms ease-in-out; } .navigation ul li a, .navigation ul li a:visited { color: #a1b5b5; transition: border 200ms ease-in-out; -webkit-transition: border 200ms ease-in-out; } .navigation ul li a:hover { color: #a1b5b5; border-bottom: 1px solid #d6dfde; } .navigation ul li.active a, .navigation ul li.active a:visited, .navigation ul li.active a:hover { color: #a1b5b5; border-bottom: 1px solid #d6dfde; } /* Reversed version ---------------------------------- */ body.overlay-visible #container #header { border-bottom: 1px solid transparent; } body.overlay-visible #container #header #main_header.inner, body.overlay-visible.window-scrolled #container #header #main_header.inner, body.overlay-visible.window-scrolled #header.page-header-subsections #main_header.inner, body.overlay-visible.window-scrolled.window-scroll-up #header.page-header-subsections #main_header.inner { width: 100%; margin: 0 auto; padding: 54px 0; } body.overlay-visible #header .navigation { -webkit-transition: none; transition: none; } body.overlay-visible .navigation ul li a, body.overlay-visible .navigation ul li a:visited, body.overlay-visible .navigation ul li a:hover, body.overlay-visible .navigation ul li.active a, body.overlay-visible .navigation ul li.active a:visited, body.overlay-visible .navigation ul li.active a:hover { color: #fff; } body.overlay-visible .navigation ul li a:hover, body.overlay-visible .navigation ul li.active a, body.overlay-visible .navigation ul li.active a:visited, body.overlay-visible .navigation ul li.active a:hover { border-color: rgba(255,255,255,0.6); } #additional_nav.navigation { max-width: 30%; float: right; clear: none; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } #additional_nav.navigation ul li:last-child { padding-right: 0; } #additional_nav.navigation ul { float: left; width: auto; } #additional_nav #store_cart_widget { float: left; margin: 0 0 0 34px; padding: 10px 0 0; color: #a1b5b5; } #additional_nav #store_cart_widget #scw_items .scw_total_price { color: #a1b5b5; margin: 0; padding-right: 30px; background: right 0 no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMTcgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlNoYXBlPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN0b3JlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSIxMyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE0ODMuMDAwMDAwLCAtNjYuMDAwMDAwKSIgZmlsbD0iI0FDQkRCRCI+ICAgICAgICAgICAgPGcgaWQ9IkhlYWRlci1zdG9yZSIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTM4LjAwMDAwMCwgNTkuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMzQ5LjczMDQ3LDE4Ljc1OTk4MyBMMTM1OS41NzE3OSwxOC43NTk5ODMgQzEzNjAuNjg3NywxOC43NTk5ODMgMTM2MS41OTgwNSwxNy44NDk2MzMzIDEzNjEuNTk4MDUsMTYuNzMzNzIwOSBMMTM2MS41OTgwNSwxMi41OTMwOTgzIEwxMzYxLjU5ODA1LDEyLjU3ODQxNTIgTDEzNjEuNTk4MDUsMTIuNTQ5MDQ5MSBDMTM2MS41OTgwNSwxMi41NDE3MDc2IDEzNjEuNTk4MDUsMTIuNTM0MzY2IDEzNjEuNTk0MzgsMTIuNTI3MDI0NSBDMTM2MS41OTQzOCwxMi41MTk2ODMgMTM2MS41OTA3MSwxMi41MDg2NzA3IDEzNjEuNTkwNzEsMTIuNTAxMzI5MiBDMTM2MS41OTA3MSwxMi40OTM5ODc2IDEzNjEuNTg3MDQsMTIuNDg2NjQ2MSAxMzYxLjU4NzA0LDEyLjQ3OTMwNDYgQzEzNjEuNTgzMzcsMTIuNDcxOTYzIDEzNjEuNTgzMzcsMTIuNDY0NjIxNSAxMzYxLjU3OTcsMTIuNDUzNjA5MiBDMTM2MS41NzYwMywxMi40NDYyNjc3IDEzNjEuNTc2MDMsMTIuNDM4OTI2MiAxMzYxLjU3MjM2LDEyLjQzMTU4NDYgQzEzNjEuNTY4NjgsMTIuNDI0MjQzMSAxMzYxLjU2ODY4LDEyLjQxNjkwMTYgMTM2MS41NjUwMSwxMi40MDk1NiBDMTM2MS41NjEzNCwxMi40MDIyMTg1IDEzNjEuNTU3NjcsMTIuMzk0ODc3IDEzNjEuNTU0LDEyLjM4Mzg2NDcgQzEzNjEuNTUwMzMsMTIuMzc2NTIzMiAxMzYxLjU0NjY2LDEyLjM2OTE4MTYgMTM2MS41NDI5OSwxMi4zNjU1MTA5IEMxMzYxLjUzOTMyLDEyLjM1ODE2OTMgMTM2MS41MzU2NSwxMi4zNTA4Mjc4IDEzNjEuNTMxOTgsMTIuMzQzNDg2MyBDMTM2MS41MjgzMSwxMi4zMzYxNDQ4IDEzNjEuNTI0NjQsMTIuMzMyNDc0IDEzNjEuNTIwOTYsMTIuMzI1MTMyNSBDMTM2MS41MTcyOSwxMi4zMTc3OTA5IDEzNjEuNTA5OTUsMTIuMzEwNDQ5NCAxMzYxLjUwNjI4LDEyLjMwMzEwNzkgQzEzNjEuNTAyNjEsMTIuMjk1NzY2MyAxMzYxLjQ5ODk0LDEyLjI5MjA5NTYgMTM2MS40OTE2LDEyLjI4NDc1NCBDMTM2MS40ODc5MywxMi4yNzc0MTI1IDEzNjEuNDgwNTksMTIuMjczNzQxOCAxMzYxLjQ3NjkyLDEyLjI2NjQwMDIgQzEzNjEuNDczMjQsMTIuMjU5MDU4NyAxMzYxLjQ2NTksMTIuMjU1Mzg3OSAxMzYxLjQ2MjIzLDEyLjI0ODA0NjQgQzEzNjEuNDU4NTYsMTIuMjQwNzA0OSAxMzYxLjQ1MTIyLDEyLjIzNzAzNDEgMTM2MS40NDc1NSwxMi4yMzMzNjMzIEMxMzYxLjQ0MDIxLDEyLjIyNjAyMTggMTM2MS40MzY1NCwxMi4yMjIzNTEgMTM2MS40MjkyLDEyLjIxNTAwOTUgQzEzNjEuNDIxODUsMTIuMjExMzM4OCAxMzYxLjQxODE4LDEyLjIwMzk5NzIgMTM2MS40MTA4NCwxMi4yMDAzMjY1IEMxMzYxLjQwMzUsMTIuMTk2NjU1NyAxMzYxLjM5NjE2LDEyLjE4OTMxNDIgMTM2MS4zODg4MiwxMi4xODU2NDM0IEMxMzYxLjM4MTQ4LDEyLjE4MTk3MjYgMTM2MS4zNzc4LDEyLjE3ODMwMTkgMTM2MS4zNzA0NiwxMi4xNzQ2MzExIEMxMzYxLjM2MzEyLDEyLjE3MDk2MDMgMTM2MS4zNTU3OCwxMi4xNjcyODk2IDEzNjEuMzQ4NDQsMTIuMTU5OTQ4IEMxMzYxLjM0MTEsMTIuMTU2Mjc3MyAxMzYxLjMzMzc2LDEyLjE1MjYwNjUgMTM2MS4zMjY0MSwxMi4xNDg5MzU4IEMxMzYxLjMxOTA3LDEyLjE0NTI2NSAxMzYxLjMxMTczLDEyLjE0MTU5NDIgMTM2MS4zMDQzOSwxMi4xMzc5MjM1IEMxMzYxLjI5NzA1LDEyLjEzNDI1MjcgMTM2MS4yODk3MSwxMi4xMzA1ODE5IDEzNjEuMjgyMzcsMTIuMTI2OTExMiBDMTM2MS4yNzUwMiwxMi4xMjMyNDA0IDEzNjEuMjY3NjgsMTIuMTIzMjQwNCAxMzYxLjI2MDM0LDEyLjExOTU2OTYgQzEzNjEuMjUzLDEyLjExNTg5ODkgMTM2MS4yNDE5OSwxMi4xMTIyMjgxIDEzNjEuMjM0NjUsMTIuMTEyMjI4MSBDMTM2MS4yMjczLDEyLjExMjIyODEgMTM2MS4yMTk5NiwxMi4xMDg1NTczIDEzNjEuMjE2MjksMTIuMTA4NTU3MyBDMTM2MS4yMDUyOCwxMi4xMDQ4ODY2IDEzNjEuMTk3OTQsMTIuMTA0ODg2NiAxMzYxLjE4NjkzLDEyLjEwNDg4NjYgQzEzNjEuMTgzMjUsMTIuMTA0ODg2NiAxMzYxLjE3OTU4LDEyLjEwMTIxNTggMTM2MS4xNzIyNCwxMi4xMDEyMTU4IEwxMzQ4LjY5ODk4LDEwLjM3OTYyNzIgTDEzNDguNjk4OTgsOC42Mzk2ODQ3MSBDMTM0OC42OTg5OCw4LjYyMTMzMDg4IDEzNDguNjk4OTgsOC42MDI5NzcwNiAxMzQ4LjY5NTMxLDguNTg4Mjk0IEMxMzQ4LjY5NTMxLDguNTg0NjIzMjMgMTM0OC42OTUzMSw4LjU4MDk1MjQ3IDEzNDguNjkxNjQsOC41NzM2MTA5NCBDMTM0OC42OTE2NCw4LjU2MjU5ODY1IDEzNDguNjg3OTcsOC41NTE1ODYzNSAxMzQ4LjY4Nzk3LDguNTQwNTc0MDYgQzEzNDguNjg0Myw4LjUyOTU2MTc2IDEzNDguNjg0Myw4LjUyMjIyMDI0IDEzNDguNjgwNjMsOC41MTEyMDc5NCBDMTM0OC42ODA2Myw4LjUwMzg2NjQxIDEzNDguNjc2OTYsOC41MDAxOTU2NSAxMzQ4LjY3Njk2LDguNDkyODU0MTIgQzEzNDguNjczMjksOC40ODE4NDE4MiAxMzQ4LjY2OTYyLDguNDcwODI5NTMgMTM0OC42NjU5NSw4LjQ1OTgxNzI0IEMxMzQ4LjY2NTk1LDguNDU2MTQ2NDcgMTM0OC42NjIyOCw4LjQ0ODgwNDk0IDEzNDguNjYyMjgsOC40NDUxMzQxOCBDMTM0OC42NTg2MSw4LjQzNDEyMTg4IDEzNDguNjU0OTMsOC40MjY3ODAzNSAxMzQ4LjY0NzU5LDguNDE1NzY4MDYgQzEzNDguNjQzOTIsOC40MTIwOTcyOSAxMzQ4LjY0MzkyLDguNDA0NzU1NzYgMTM0OC42NDAyNSw4LjQwMTA4NSBDMTM0OC42MzY1OCw4LjM5Mzc0MzQ3IDEzNDguNjMyOTEsOC4zODY0MDE5NCAxMzQ4LjYyNTU3LDguMzc5MDYwNDEgQzEzNDguNjIxOSw4LjM3MTcxODg4IDEzNDguNjE4MjMsOC4zNjgwNDgxMiAxMzQ4LjYxNDU2LDguMzYwNzA2NTkgQzEzNDguNjEwODksOC4zNTMzNjUwNiAxMzQ4LjYwNzIxLDguMzQ5Njk0MjkgMTM0OC42MDM1NCw4LjM0MjM1Mjc2IEMxMzQ4LjU5OTg3LDguMzM1MDExMjQgMTM0OC41OTI1Myw4LjMyNzY2OTcxIDEzNDguNTg4ODYsOC4zMjAzMjgxOCBDMTM0OC41ODUxOSw4LjMxNjY1NzQxIDEzNDguNTgxNTIsOC4zMTI5ODY2NSAxMzQ4LjU3Nzg1LDguMzA5MzE1ODggQzEzNDguNTcwNTEsOC4zMDE5NzQzNSAxMzQ4LjU2MzE3LDguMjk0NjMyODIgMTM0OC41NTU4Miw4LjI4NzI5MTI5IEMxMzQ4LjU1MjE1LDguMjgzNjIwNTMgMTM0OC41NDg0OCw4LjI3OTk0OTc3IDEzNDguNTQ0ODEsOC4yNzYyNzkgQzEzNDguNTM3NDcsOC4yNjg5Mzc0NyAxMzQ4LjUzMDEzLDguMjYxNTk1OTQgMTM0OC41MTkxMiw4LjI1NDI1NDQxIEMxMzQ4LjUxNTQ1LDguMjUwNTgzNjUgMTM0OC41MDgxLDguMjQ2OTEyODggMTM0OC41MDQ0Myw4LjI0MzI0MjEyIEMxMzQ4LjQ5NzA5LDguMjM1OTAwNTkgMTM0OC40ODk3NSw4LjIzMjIyOTgyIDEzNDguNDgyNDEsOC4yMjQ4ODgyOSBDMTM0OC40NzE0LDguMjE3NTQ2NzcgMTM0OC40NjAzOCw4LjIxMDIwNTI0IDEzNDguNDUzMDQsOC4yMDY1MzQ0NyBDMTM0OC40NDkzNyw4LjIwMjg2MzcxIDEzNDguNDQ1Nyw4LjIwMjg2MzcxIDEzNDguNDQyMDMsOC4xOTkxOTI5NCBDMTM0OC40MjczNSw4LjE5MTg1MTQxIDEzNDguNDA4OTksOC4xODQ1MDk4OCAxMzQ4LjM5NDMxLDguMTc3MTY4MzUgTDEzNDUuNjg4OTYsNy4wMzkyMzEzIEMxMzQ1LjQzNTY3LDYuOTMyNzc5MTIgMTM0NS4xNDU2OCw3LjA1MDI0MzU5IDEzNDUuMDM5MjMsNy4zMDM1MjYzNiBDMTM0NC45MzI3OCw3LjU1NjgwOTEyIDEzNDUuMDUwMjQsNy44NDY3OTk1MyAxMzQ1LjMwMzUzLDcuOTUzMjUxNzEgTDEzNDcuNzA0MjEsOC45NjYzODI3NiBMMTM0Ny43MDQyMSwxMS4yMTI4OTA4IEwxMzQ3LjcwNDIxLDExLjU2ODk1NDkgTDEzNDcuNzA0MjEsMTQuMzAwMDAzOSBMMTM0Ny43MDQyMSwxNi43NDEwNjI0IEwxMzQ3LjcwNDIxLDE5LjgyNDUwNDcgQzEzNDcuNzA0MjEsMjAuODUyMzE4OSAxMzQ4LjQ3NTA3LDIxLjcwMzkzNjMgMTM0OS40Njk4NCwyMS44MzI0MTMgQzEzNDkuMjg5OTgsMjIuMTMzNDE1NyAxMzQ5LjE4MzUyLDIyLjQ4NTgwOTEgMTM0OS4xODM1MiwyMi44NjAyMjcxIEMxMzQ5LjE4MzUyLDIzLjk2NTEyNzMgMTM1MC4wODI4NiwyNC44NjA3OTM5IDEzNTEuMTg0MDksMjQuODYwNzkzOSBDMTM1Mi4yODUzMiwyNC44NjA3OTM5IDEzNTMuMTg0NjYsMjMuOTYxNDU2NSAxMzUzLjE4NDY2LDIyLjg2MDIyNzEgQzEzNTMuMTg0NjYsMjIuNDkzMTUwNyAxMzUzLjA4NTU1LDIyLjE0NDQyOCAxMzUyLjkwOTM1LDIxLjg1MDc2NjggTDEzNTcuMzY1NjYsMjEuODUwNzY2OCBDMTM1Ny4xODk0NiwyMi4xNDgwOTg4IDEzNTcuMDkwMzUsMjIuNDkzMTUwNyAxMzU3LjA5MDM1LDIyLjg2MDIyNzEgQzEzNTcuMDkwMzUsMjMuOTY1MTI3MyAxMzU3Ljk4OTY5LDI0Ljg2MDc5MzkgMTM1OS4wOTA5MiwyNC44NjA3OTM5IEMxMzYwLjE5MjE1LDI0Ljg2MDc5MzkgMTM2MS4wOTE0OSwyMy45NjE0NTY1IDEzNjEuMDkxNDksMjIuODYwMjI3MSBDMTM2MS4wOTE0OSwyMS43NTg5OTc3IDEzNjAuMTkyMTUsMjAuODU5NjYwNCAxMzU5LjA5MDkyLDIwLjg1OTY2MDQgTDEzNDkuNzMwNDcsMjAuODU5NjYwNCBDMTM0OS4xNTc4MywyMC44NTk2NjA0IDEzNDguNjk1MzEsMjAuMzkzNDczMyAxMzQ4LjY5NTMxLDE5LjgyNDUwNDcgTDEzNDguNjk1MzEsMTguNDgxMDA0OSBDMTM0OC45OTYzMiwxOC42NTcyMDE2IDEzNDkuMzUyMzgsMTguNzU5OTgzIDEzNDkuNzMwNDcsMTguNzU5OTgzIEwxMzQ5LjczMDQ3LDE4Ljc1OTk4MyBaIE0xMzUyLjE5NzIyLDIyLjg1NjU1NjQgQzEzNTIuMTk3MjIsMjMuNDE0NTEyNiAxMzUxLjc0MjA1LDIzLjg2NjAxNjcgMTM1MS4xODc3NiwyMy44NjYwMTY3IEMxMzUwLjYzMzQ4LDIzLjg2NjAxNjcgMTM1MC4xNzgzLDIzLjQxMDg0MTggMTM1MC4xNzgzLDIyLjg1NjU1NjQgQzEzNTAuMTc4MywyMi4zMDIyNzA5IDEzNTAuNjMzNDgsMjEuODQ3MDk2MSAxMzUxLjE4Nzc2LDIxLjg0NzA5NjEgQzEzNTEuNzQyMDUsMjEuODQ3MDk2MSAxMzUyLjE5NzIyLDIyLjI5ODYwMDEgMTM1Mi4xOTcyMiwyMi44NTY1NTY0IEwxMzUyLjE5NzIyLDIyLjg1NjU1NjQgWiBNMTM2MC4xMDQwNSwyMi44NTY1NTY0IEMxMzYwLjEwNDA1LDIzLjQxNDUxMjYgMTM1OS42NDg4NywyMy44NjYwMTY3IDEzNTkuMDk0NTksMjMuODY2MDE2NyBDMTM1OC41NDAzLDIzLjg2NjAxNjcgMTM1OC4wODUxMywyMy40MTA4NDE4IDEzNTguMDg1MTMsMjIuODU2NTU2NCBDMTM1OC4wODUxMywyMi4zMDIyNzA5IDEzNTguNTQwMywyMS44NDcwOTYxIDEzNTkuMDk0NTksMjEuODQ3MDk2MSBDMTM1OS42NDg4NywyMS44NDcwOTYxIDEzNjAuMTA0MDUsMjIuMjk4NjAwMSAxMzYwLjEwNDA1LDIyLjg1NjU1NjQgTDEzNjAuMTA0MDUsMjIuODU2NTU2NCBaIE0xMzQ5LjczMDQ3LDE3Ljc2ODg3NjUgQzEzNDkuMTU3ODMsMTcuNzY4ODc2NSAxMzQ4LjY5NTMxLDE3LjMwMjY4OTQgMTM0OC42OTUzMSwxNi43MzM3MjA5IEwxMzQ4LjY5NTMxLDE0LjI5MjY2MjMgTDEzNDguNjk1MzEsMTEuNTYxNjEzNCBMMTM0OC42OTUzMSwxMS4zNzgwNzUyIEwxMzYwLjYwNjk0LDEzLjAxODkwNyBMMTM2MC42MDY5NCwxNi43MzAwNTAxIEMxMzYwLjYwNjk0LDE3LjMwNjM2MDIgMTM2MC4xNDA3NiwxNy43Njg4NzY1IDEzNTkuNTcxNzksMTcuNzY4ODc2NSBMMTM0OS43MzA0NywxNy43Njg4NzY1IFoiIGlkPSJTaGFwZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPiAgICAgICAgICAgIDwvZz4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); } #additional_nav #store_cart_widget #scw_heading, #additional_nav #store_cart_widget #scw_items .scw_total_items, #additional_nav #store_cart_widget #scw_checkout { display: none !important; } #page_title { float: left; max-width: 20%; width: 100%; } #page_title h2 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #page_navigation.navigation { max-width: 60%; height: 34px; width: 100%; margin: 0 auto; clear: none; float: none; text-align: center; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; white-space: nowrap; overflow: hidden; } #page_additional_nav { min-height: 10px; float: right; max-width: 20%; width: 100%; } /* General layout ----------------------------------------------------------- */ #content_generic { max-width: 980px; } #content_generic_image { float: right; width: 50%; box-sizing: border-box; padding-left: 50px; } #content_image_generic_wrapper { width: 100%; float: left; clear: both; } #content_image_generic_wrapper #content_generic { float: left; width: 50%; max-width: none; } #content_generic_image { float: right; width: 50%; box-sizing: border-box; padding-left: 50px; } /* Hero slider ----------------------------------------------------------- */ #hero_slider_container { position: relative; } #hero_slider { width: 100%; clear: both; } #hero_slider .hero_item { width: 100%; margin: 0 30px 0 0; } #hero_slider .hero_item .image { width: 100%; height: 1000px; position: relative; margin: 0 0 30px; } #hero_slider .hero_item .image div { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: center center no-repeat; background-size: cover; } #hero_slider .hero_item .image div a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #hero_slider .hero_item .image.no_crop div { background-size: contain; } #hero_slider .hero_item .image .video_tag { position: absolute; overflow: hidden; top: 0; left: -40px; right: -40px; bottom: 0; height: 100%; background: center center no-repeat; background-size: cover; transition: transform 0.5s cubic-bezier(.87,.17,.18,.85); } #hero_slider .hero_item .image .video_tag video { position: absolute; top: 0; bottom: 0; transition: opacity 0.6s ease-in-out; opacity: 0; object-fit: cover; width: 100%; height: 100%; } #hero_slider .hero_item .image .video_tag.showvideo video { opacity: 1; } #hero_slider .hero_item .content { width: auto; clear: both; padding: 0 0 50px; margin-right: 150px; } #hero_slider .hero_item .content h2 { font-size: 38px; line-height: 38px; display: block; margin: 0 0 15px; } #hero_slider .hero_item .content:after { content: '.'; text-indent: -9999px; display: block; height: 0; overflow: hidden; clear: both; } #hero_slider .hero_item .content .hero_slider_content_header { padding: 0; margin: 0; float: left; width: 30%; clear: left; padding-right: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #hero_slider .hero_item .content .hero_slider_caption { float: right; width: 70%; max-height: 110px; overflow: hidden; text-overflow: ellipsis; color: #a1b5b5; font-family: 'Baskerville', 'Georgia', 'Times New Roman', Serif; font-weight: 400; line-height: normal; text-indent: 0; font-size: 30px; line-height: 36px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; } #hero_slider_container .pagination_controls { position: absolute; right: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #hero_slider_container #hero_slider_content_responsive { align-items: flex-end; display: none; } #hero_slider_container #hero_slider_content_responsive .hero_slider_content_header { box-sizing: border-box; padding: 0 0 30px; } #hero_slider_container #hero_slider_content { width: 100%; clear: both; padding: 0 0 50px; } #hero_slider_container #hero_slider_content:after { content: '.'; text-indent: -9999px; display: block; height: 0; overflow: hidden; clear: both; } #hero_slider_container #hero_slider_content .hero_slider_content_header { padding: 0; margin: 0; float: left; width: 30%; clear: left; padding-right: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #hero_slider_container #hero_slider_content h1 { display: block; } #hero_slider_container #hero_slider_content .hero_misc_text { clear: left; margin: 0 0 15px; } #hero_slider_container #hero_slider_content .pagination_controls { position: static; padding: 0; margin: 0; display: block; float: left; clear: both; } #hero_slider_container.slider_disabled .pagination_controls { display: none; } #hero_slider_container #hero_slider_content .hero_slider_caption { float: right; width: 70%; } #hero_slider_container #hero_slider_content .hero_slider_caption .hero_image_caption { /*max-height: 110px;*/ overflow: hidden; text-overflow: ellipsis; color: #a1b5b5; font-family: 'Baskerville', 'Georgia', 'Times New Roman', Serif; font-weight: 400; line-height: normal; text-indent: 0; font-size: 30px; line-height: 36px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-right: 30px; } #hero_slider_container #hero_slider_content .hero_slider_caption .hero_image_credit { padding: 20px 0 0; color: #a1b5b5; font-size: 13px; } /* Effects ----------------------------------------------------------- */ #hero_slider .hero_item .content { opacity: 0; transform: translate3d(0, 20px, 0); transition: transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.6s ease-in-out; -webkit-transform: translate3d(0, 20px, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.6s ease-in-out; } #hero_slider .hero_item.is-selected .content { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } #hero_slider_container #hero_slider_content .hero_slider_caption { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.6s ease-in-out; -webkit-transition: -webkit-transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.6s ease-in-out; } #hero_slider_container.slider_caption_switch #hero_slider_content .hero_slider_caption { opacity: 0; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: none; -webkit-transition: none; } /* Force a fade animation for desktop ------------------ */ body.device-desktop #hero_slider .flickity-slider { transform: none !important; -webkit-transform: none !important; } body.device-desktop #hero_slider .hero_item { left: 0 !important; opacity: 0; transition: opacity 800ms ease-in-out; z-index: -1; } body.device-desktop #hero_slider .hero_item.is-selected { opacity: 1; z-index: 0 } /* Footer ----------------------------------------------------------- */ #footer { margin: 0; color: #666; font-size: 13px; } #footer .inner { height: 352px; background: #FAFBFB; position: absolute; left: 0; right: 0; padding: 0 40px; } #footer .inner .footer_columns_container { width: 100%; margin: 0 auto; padding: 54px 0; max-width: 1360px; } #footer .inner .footer_columns { width: auto; margin-right: -20px; } #footer .inner .footer_columns .advanced_footer_item { width: 20%; padding-right: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } #footer .inner .footer_columns .advanced_footer_item.single_item { width: 50%; } @media screen and (max-width: 1023px) { #footer .inner .footer_columns .advanced_footer_item.single_item { width: 100%; } } #footer #social_links { float: left; } #footer h2 { font-size: 25px; line-height: 35px; } #footer #copyright { } #footer a, #footer a:visited { color: #ACBDBD; text-decoration: none; } #footer_mailing_list_signup { padding: 8px 0 0; margin: 0 0 20px; } #footer_mailing_list_signup .error { color: #c9262d; } #footer_mailing_list_signup .form_row { width: 100%; position: relative; } #footer_mailing_list_signup .form_row input { background: #FAFBFB; color: #666; font-size: 13px; padding: 12px 25px 12px 0; outline: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border-bottom: 1px solid #E0E1E1; } #footer_mailing_list_signup .form_row input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #FAFBFB inset; background: #FAFBFB; -webkit-text-fill-color: #666; } #footer_mailing_list_signup .form_row input.active { color: #666; } #footer_mailing_list_signup .form_row a { position: absolute; top: 0; right: 0; height: 35px; width: 35px; background: center center no-repeat; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgMCA2IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4gICAgICAgIDx0aXRsZT5TaGFwZSBDb3B5IDI8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iQWJvdXQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiAgICAgICAgPGcgaWQ9IjE2IiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ5MS4wMDAwMDAsIC01MDMyLjAwMDAwMCkiIGZpbGw9IiNBQ0JEQkQiPiAgICAgICAgICAgIDxnIGlkPSJGb290ZXIiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA0ODQyLjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTQ5Ny45OTc2MiwxOTQuMjAwODc1IEMxNDk4LjI2NzYyLDE5NC40Njg4NzUgMTQ5OC4yNjk2MiwxOTIuOTAxODc1IDE0OTcuOTk3NjIsMTkzLjE2OTg3NSBMMTQ5NC4wODk2MiwxOTYuOTk5ODc1IEMxNDkzLjgxOTYyLDE5Ny4yNjc4NzUgMTQ5My4zODI2MiwxOTcuMjY3ODc1IDE0OTMuMTEwNjIsMTk2Ljk5OTg3NSBMMTQ4OS4yMDI2MiwxOTMuMTY5ODc1IEMxNDg4LjkzMjYyLDE5Mi45MDI4NzUgMTQ4OC45MzI2MiwxOTIuNDY4ODc1IDE0ODkuMjAyNjIsMTkyLjIwMDg3NSBDMTQ4OS40NzM2MiwxOTEuOTMyODc1IDE0ODkuOTExNjIsMTkxLjkzMjg3NSAxNDkwLjE4MDYyLDE5Mi4yMDA4NzUgTDE0OTMuNjAxNjIsMTk1LjM0MTg3NSBMMTQ5Ny4wMTk2MiwxOTIuMjAwODc1IEMxNDk3LjI5MDYyLDE5MS45MzI4NzUgMTQ5Ny43Mjg2MiwxOTMuOTMyODc1IDE0OTcuOTk3NjIsMTk0LjIwMDg3NSBaIiBpZD0iU2hhcGUtQ29weS0yIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNDkzLjYwMDUwMCwgMTk0LjYwMDM3NSkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTQ5My42MDA1MDAsIC0xOTQuNjAwMzc1KSAiPjwvcGF0aD4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); display: block; text-indent: -9999px; } #footer_contact_link { display: inline-block; } #privacy_policy { display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #e0e1e1; line-height: 1; } /* Generic overlay page (artist-list, contact) ----------------------------------------------------------- */ /* Fallback/full page styles - e.g. when the page is visited directly, not in an overlay ----------------------------------------------------- */ body.site-generic-overlay-fallback-mode { background: #111; } body.site-generic-overlay-fallback-mode #footer { display: none; } /* Overlay styles ----------------------------------------------------- */ .overlay-container { background: #111; opacity: 0; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; z-index: 500; position: fixed; padding: 142px 0 0; overflow: scroll; top: 0; left: 0; bottom: 0; right: 0; display: none; } body.cms-frontend-toolbar-active .overlay-container { top: 28px; } body.overlay-visible .overlay-container { opacity: 1; } .overlay-container .overlay-content { opacity: 0; transition: opacity 600ms ease-in-out, transform 800ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 600ms ease-in-out, -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); transform: translate3d(0, 160px, 0); -webkit-transform: translate3d(0, 160px, 0); } body.overlay-visible .overlay-container .overlay-content { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } body.overlay-visible.overlay-transition .overlay-container .overlay-content { opacity: 0; transform: translate3d(0, 160px, 0); -webkit-transform: translate3d(0, 160px, 0); } body.overlay-active { overflow: hidden; } body.overlay-visible #container #header { background: transparent; -webkit-transition: background-color 0s ease-in-out; /* 400ms */ transition: background-color 0s ease-in-out; } body.overlay-visible #logo { background-image: url(/images/logo_reverse.png); } body.overlay-visible.device-highres #logo { background-image: url(/images/logo_reverse_2x.png); } body.overlay-visible #additional_nav, body.overlay-visible #top_nav, body.overlay-visible #top_nav_section_reveal { opacity: 0; height: 0; overflow: hidden; } /* body.overlay-visible.site-generic-overlay-fallback-mode #additional_nav, body.overlay-visible.site-generic-overlay-fallback-mode #top_nav { opacity: 1; height: auto; overflow: visible; } */ body.overlay-visible.overlay-scroll #container #header { background: rgba(17,17,17,0.95); border-bottom: 1px solid rgba(255,255,255,0.1); } body.overlay-visible.overlay-scroll #container #header #main_header.inner { padding-top: 20px; padding-bottom: 20px; } #header #overlay-close { position: absolute; right: 0; top: 54px; height: 30px; width: 30px; background: center center no-repeat; cursor: pointer; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlJlY3RhbmdsZSA4PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkFydGlzdC1kZXRhaWwtd29ya3MtcG9wdXAiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiAgICAgICAgPGcgaWQ9IjYiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTA0LjAwMDAwMCwgLTExMS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8ZyBpZD0iUG9wdXAiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUyLjAwMDAwMCwgMTExLjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xvc2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NTIuMDAwMDAwLCAwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLjcyNzkyMjEsMTIuMDIwODE1MyBMMC43MDcxMDY3ODEsNC41NDc0NzM1MWUtMTMgTDIuMjIwNDQ2MDVlLTE2LDAuNzA3MTA2NzgxIEwxMi4wMjA4MTUzLDEyLjcyNzkyMjEgTDMuNTUyNzEzNjhlLTE1LDI0Ljc0ODczNzMgTDAuNzA3MTA2NzgxLDI1LjQ1NTg0NDEgTDEyLjcyNzkyMjEsMTMuNDM1MDI4OCBMMjQuNzQ4NzM3MywyNS40NTU4NDQxIEwyNS40NTU4NDQxLDI0Ljc0ODczNzMgTDEzLjQzNTAyODgsMTIuNzI3OTIyMSBMMjUuNDU1ODQ0MSwwLjcwNzEwNjc4MSBMMjQuNzQ4NzM3Myw0LjU0NzQ3MzUxZS0xMyBMMTIuNzI3OTIyMSwxMi4wMjA4MTUzIFoiIGlkPSJSZWN0YW5nbGUtOCI+PC9wYXRoPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); text-indent: -9999px; opacity: 0; transform:rotate(90deg); transition: transform 0.4s cubic-bezier(.87,.17,.18,.85), opacity 0.4s ease-in-out, top 400ms ease-in-out; -webkit-transform: rotate(90deg); -webkit-transition: -webkit-transform 0.4s cubic-bezier(.87,.17,.18,.85), opacity 0.4s ease-in-out, top 400ms ease-in-out; display: none; } body.overlay-visible.overlay-scroll #header #overlay-close { top: 20px; } body.overlay-visible.overlay-scroll #header #search_form_container { top: 20px; } body.overlay-active #header #overlay-close { display: block; } body.overlay-visible #header #overlay-close { opacity: 1; transform:rotate(0); -webkit-transform: rotate(0); transition: transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.8s ease-in-out, top 400ms ease-in-out; -webkit-transition: -webkit-transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.8s ease-in-out, top 400ms ease-in-out; } /* body.overlay-visible.site-generic-overlay-fallback-mode #header #overlay-close { opacity: 0; display: none; } */ #header #search_form_container { position: absolute; right: 60px; top: 54px; height: 30px; width: 100%; max-width: 290px; display: none; } body.overlay-active.overlay-search-active #header #search_form_container { display: block; } body.overlay-visible.overlay-search-active #header #search_form_container { opacity: 1; transition: transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.8s ease-in-out, top 400ms ease-in-out; -webkit-transition: -webkit-transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.8s ease-in-out, top 400ms ease-in-out; } /* Popups (extended details, artworks) ----------------------------------------------------------- */ body.page-popup-active { overflow: hidden; } #popup_container { } #popup_overlay { background: rgba(0,0,0,0.85); position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1100; } #popup_box { max-width: 1560px; padding: 0 70px; margin: 0 auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: fixed; top: 50%; left: 0; right: 0; margin-top: -272px; z-index: 1200; } #popup_box .inner { position: relative; } #popup_box .close { position: absolute; right: 0; top: -70px; height: 30px; width: 30px; background: center center no-repeat; cursor: pointer; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjZweCIgaGVpZ2h0PSIyNnB4IiB2aWV3Qm94PSIwIDAgMjYgMjYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlJlY3RhbmdsZSA4PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkFydGlzdC1kZXRhaWwtd29ya3MtcG9wdXAiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiAgICAgICAgPGcgaWQ9IjYiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTA0LjAwMDAwMCwgLTExMS4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4gICAgICAgICAgICA8ZyBpZD0iUG9wdXAiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUyLjAwMDAwMCwgMTExLjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8ZyBpZD0iQ2xvc2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NTIuMDAwMDAwLCAwLjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLjcyNzkyMjEsMTIuMDIwODE1MyBMMC43MDcxMDY3ODEsNC41NDc0NzM1MWUtMTMgTDIuMjIwNDQ2MDVlLTE2LDAuNzA3MTA2NzgxIEwxMi4wMjA4MTUzLDEyLjcyNzkyMjEgTDMuNTUyNzEzNjhlLTE1LDI0Ljc0ODczNzMgTDAuNzA3MTA2NzgxLDI1LjQ1NTg0NDEgTDEyLjcyNzkyMjEsMTMuNDM1MDI4OCBMMjQuNzQ4NzM3MywyNS40NTU4NDQxIEwyNS40NTU4NDQxLDI0Ljc0ODczNzMgTDEzLjQzNTAyODgsMTIuNzI3OTIyMSBMMjUuNDU1ODQ0MSwwLjcwNzEwNjc4MSBMMjQuNzQ4NzM3Myw0LjU0NzQ3MzUxZS0xMyBMMTIuNzI3OTIyMSwxMi4wMjA4MTUzIFoiIGlkPSJSZWN0YW5nbGUtOCI+PC9wYXRoPiAgICAgICAgICAgICAgICA8L2c+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); text-indent: -9999px; } #popup_box > .inner > .pagination_controls > .previous, #popup_box > .inner > .pagination_controls > .next { position: absolute; top: 0; bottom: 0; width: 70px; height: 100%; background: center center no-repeat; cursor: pointer; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMjEgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlJlY3RhbmdsZSA4PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkhvbWUtbmV3cy1wb3B1cCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+ICAgICAgICA8ZyBpZD0iMV8yIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTIuMDAwMDAwLCAtNDQ0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPiAgICAgICAgICAgIDxnIGlkPSJBcnJvdy1yaWdodC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2My4wMDAwMDAsIDQ2NC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYzLjAwMDAwMCwgLTQ2NC4wMDAwMDApIHRyYW5zbGF0ZSg1Mi4wMDAwMDAsIDQ0NC4wMDAwMDApIj4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwLjI3MDgxNTMsMTkuOTc3OTIyMSBMMTYuMjIzMjk5OSwyNC4wMjU0Mzc1IEwwLjk3NDg3MzczNCwzOS4yNzM4NjM2IEwxLjY4MTk4MDUyLDM5Ljk4MDk3MDQgTDE3LjM4NjUxNTYsMjQuMjc2NDM1MyBMMjEuNDgwOTcwNCwyMC4xODE5ODA1IEwyMS40MjMzNTg1LDIwLjEyNDM2ODcgTDIxLjYyNzQxNywxOS45MjAzMTAyIEwxLjgyODQyNzEyLDAuMTIxMzIwMzQ0IEwxLjEyMTMyMDM0LDAuODI4NDI3MTI1IEwyMC4yNzA4MTUzLDE5Ljk3NzkyMjEgWiIgaWQ9IlJlY3RhbmdsZS04IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); text-indent: -9999px; } #popup_box > .inner > .pagination_controls > .previous.disabled, #popup_box > .inner > .pagination_controls > .next.disabled { cursor: default; } #popup_box > .inner > .pagination_controls > .previous { left: -70px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMjEgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlJlY3RhbmdsZSA4PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkhvbWUtbmV3cy1wb3B1cCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+ICAgICAgICA8ZyBpZD0iMV8yIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTIuMDAwMDAwLCAtNDQ0LjAwMDAwMCkiIGZpbGw9IiNGRkZGRkYiPiAgICAgICAgICAgIDxnIGlkPSJBcnJvdy1yaWdodC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2My4wMDAwMDAsIDQ2NC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTYzLjAwMDAwMCwgLTQ2NC4wMDAwMDApIHRyYW5zbGF0ZSg1Mi4wMDAwMDAsIDQ0NC4wMDAwMDApIj4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTIwLjI3MDgxNTMsMTkuOTc3OTIyMSBMMTYuMjIzMjk5OSwyNC4wMjU0Mzc1IEwwLjk3NDg3MzczNCwzOS4yNzM4NjM2IEwxLjY4MTk4MDUyLDM5Ljk4MDk3MDQgTDE3LjM4NjUxNTYsMjQuMjc2NDM1MyBMMjEuNDgwOTcwNCwyMC4xODE5ODA1IEwyMS40MjMzNTg1LDIwLjEyNDM2ODcgTDIxLjYyNzQxNywxOS45MjAzMTAyIEwxLjgyODQyNzEyLDAuMTIxMzIwMzQ0IEwxLjEyMTMyMDM0LDAuODI4NDI3MTI1IEwyMC4yNzA4MTUzLDE5Ljk3NzkyMjEgWiIgaWQ9IlJlY3RhbmdsZS04IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIj48L3BhdGg+ICAgICAgICAgICAgPC9nPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+); } #popup_box > .inner > .pagination_controls > .next { right: -70px; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMjFweCIgaGVpZ2h0PSI0MHB4IiB2aWV3Qm94PSIwIDAgMjEgNDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlJlY3RhbmdsZSA4PC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IkhvbWUtbmV3cy1wb3B1cCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+ICAgICAgICA8ZyBpZD0iMV8yIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTU2NS4wMDAwMDAsIC00NDQuMDAwMDAwKSIgZmlsbD0iI0ZGRkZGRiI+ICAgICAgICAgICAgPGcgaWQ9IkFycm93LXJpZ2h0IiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNTY0LjAwMDAwMCwgNDQ0LjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAuMjcwODE1MywxOS45Nzc5MjIxIEwxNi4yMjMyOTk5LDI0LjAyNTQzNzUgTDAuOTc0ODczNzM0LDM5LjI3Mzg2MzYgTDEuNjgxOTgwNTIsMzkuOTgwOTcwNCBMMTcuMzg2NTE1NiwyNC4yNzY0MzUzIEwyMS40ODA5NzA0LDIwLjE4MTk4MDUgTDIxLjQyMzM1ODUsMjAuMTI0MzY4NyBMMjEuNjI3NDE3LDE5LjkyMDMxMDIgTDEuODI4NDI3MTIsMC4xMjEzMjAzNDQgTDEuMTIxMzIwMzQsMC44Mjg0MjcxMjUgTDIwLjI3MDgxNTMsMTkuOTc3OTIyMSBaIiBpZD0iUmVjdGFuZ2xlLTgiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); } #popup_content { max-width: 1420px; margin: 0 auto; width: 100%; min-height: 545px; background: #fff; } #popup_content #content_module { float: right; width: 45%; position: relative; clear: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 45px; max-height: 545px; overflow: auto; } #popup_content:before, #popup_content:after { content: '.'; display: block; text-indent: -9999px; width: 45%; position: absolute; right: 0; height: 35px; } #popup_content:before { top: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #popup_content:after { bottom: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #popup_content #content_module .heading_wrapper { margin: 0; } #popup_content #content_module .heading_wrapper:after { display: block; clear: both; content: '.'; text-indent: -9999px; visibility: hidden; height: 0; } #popup_content #content_module h1 { font-size: 30px; line-height: 34px; margin: 0 0 30px; } #popup_content #content_module h1 a { cursor: default; } #popup_content #content_module .subtitle { margin: 0 0 30px; } #popup_content #content_module .artwork_caption { color: #a1b5b5; } #popup_content #content_module .content_text { float: left; width: 100%; margin: 0 0 25px; } #popup_content #content_module .back_to_full_page_link { display: none; } #popup_content #content_module .simple_list { margin: 0 0 25px; padding: 25px 0 0; border-top: 1px solid #d6dfde; clear: both; float: left; width: 100%; } #popup_content #content_module .records_list.simple_list ul li { margin: 0 0 4px; } #popup_content #content_module .pagination_controls { display: none; } #popup_content #content_module .share_links { padding-top: 30px; } #popup_content #content_module .bottom_subtitle { margin: 0 0 12px; clear: both; } #popup_content #sidebar { float: left; max-width: 55%; width: auto; overflow: hidden; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } #popup_content #sidebar .image { display: block; background: none; } #popup_content #sidebar .image img { display: block; } #popup_content #sidebar .image_slideshow { position: absolute; top: 0; left: -1px; /* This stops a white gap from appearing on the left when the image is resized */ right: 0; bottom: 0; background: #fff; } #popup_content #sidebar .image_slideshow .slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: center center no-repeat; background-size: contain; } #popup_content #sidebar .image:before, #popup_content #sidebar .image_slideshow .slide:before { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); content: '.'; text-indent: -9999px; -webkit-transition: opacity 800ms ease-in-out; transition: opacity 800ms ease-in-out; opacity: 0; } #popup_content #sidebar .image.loading:hover:before, #popup_content #sidebar .image_slideshow .slide.loading:hover:before { opacity: 1; } #popup_content #sidebar .image.loading:after, #popup_content #sidebar .image_slideshow .slide.loading:after { position: absolute; top: 20px; left: 20px; z-index: 3; background: #f8f8f8; content: '.'; text-indent: -9999px; border-radius: 100%; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; opacity: 0; height: 30px; width: 30px; border-radius: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); border: 1px solid rgba(255,255,255,0.8); width: 15px; height: 15px; opacity: 0; -webkit-animation: rotate-diamond 1s 0s ease-in-out infinite; animation: rotate-diamond 1s 0s ease-in-out infinite; } #popup_content #sidebar .image.loading:hover:after, #popup_content #sidebar .image_slideshow .slide.loading:hover:after { opacity: 1; } /* Effects ----------------------------------------------------------- */ #popup_container { display: none; } .page-popup-active #popup_container { display: block; } #popup_overlay { opacity: 0; transition: opacity 0.6s ease-in-out; -webkit-transition: opacity 0.6s ease-in-out; } .page-popup-visible #popup_overlay { opacity: 1; } #popup_box .close { opacity: 0; transform:rotate(90deg); transition: transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.8s ease-in-out; -webkit-transform: rotate(90deg); -webkit-transition: -webkit-transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.8s ease-in-out; } .page-popup-visible #popup_box .close { opacity: 1; transform:rotate(0); -webkit-transform: rotate(0); } #popup_content { opacity: 0; transform: translate3d(0, 100px, 0); transition: transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.6s ease-in-out; -webkit-transform: translate3d(0, 100px, 0); -webkit-transition: -webkit-transform 0.6s cubic-bezier(.87,.17,.18,.85), opacity 0.6s ease-in-out; } .page-popup-visible #popup_content { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } /* Previous / Next animation ----------------------------------------------------------- */ body #popup_box { transition: opacity 400ms ease-in-out; -webkit-transition: opacity 400ms ease-in-out; } body.page-popup-transition #popup_box { opacity: 0; } body #popup_box { transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transition: opacity 400ms ease-in-out, transform 400ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 400ms ease-in-out, -webkit-transform 400ms cubic-bezier(.87,.17,.18,.85); } body.page-popup-transition #popup_box { opacity: 0; transform-origin: center top; transform: translate3d(-160px, 0, 0); -webkit-transform: translate3d(-160px, 0, 0); } body.page-popup-transition.page-popup-transition2 #popup_box { transform: translate3d(160px, 0, 0); -webkit-transform: translate3d(160px, 0, 0); transition: none; } body.page-popup-transition #popup_box.popup-direction-left { transform: translate3d(160px, 0, 0); -webkit-transform: translate3d(160px, 0, 0); } body.page-popup-transition.page-popup-transition2 #popup_box.popup-direction-left { transform: translate3d(-160px, 0, 0); -webkit-transform: translate3d(-160px, 0, 0); } body #popup_box .previous, body #popup_box .next { transition: opacity 400ms ease-in-out, width 200ms cubic-bezier(.87,.17,.18,.85), right 200ms cubic-bezier(.87,.17,.18,.85), left 200ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 400ms ease-in-out, width 200ms cubic-bezier(.87,.17,.18,.85), right 200ms cubic-bezier(.87,.17,.18,.85), left 200ms cubic-bezier(.87,.17,.18,.85); } body.page-popup-transition-initial #popup_box .close, body.page-popup-transition-initial #popup_box .previous, body.page-popup-transition-initial #popup_box .next, body #popup_box .previous.disabled, body #popup_box .next.disabled { opacity: 0; } body #popup_box .previous:hover { width: 90px; left: -90px; } body #popup_box .next:hover { width: 90px; right: -90px; } /* Page loader and site splash screen ----------------------------------------------------------- */ /* Page content transition ----------------------------------------------------------- */ body #container { transition: opacity 600ms ease-in-out; -webkit-transition: opacity 600ms ease-in-out; } body.browser-js-enabled #container { opacity: 0; } body.first-load-complete #container, body.splash-loader-active #container { opacity: 1; } body #container_inner { transition: opacity 600ms ease-in-out, transform 800ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 600ms ease-in-out, -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } body.content-load-waiting #container_inner { opacity: 0; transform: translate3d(0, 160px, 0); -webkit-transform: translate3d(0, 160px, 0); transition: none; -webkit-transition: none; } body.page-transition #container_inner { opacity: 0; transform-origin: center top; transform: translate3d(-160px, 0, 0); -webkit-transform: translate3d(-160px, 0, 0); } body.page-transition.page-transition2 #container_inner { transform: translate3d(160px, 0, 0); -webkit-transform: translate3d(160px, 0, 0); transition: none; } /* Preloader ----------------------------------------------------------- */ #preloader { } body #preloader #loader { height: 4px; background: #a1b5b5; } body.first-load-complete #preloader #loader { background: #a1b5b5; } body.splash-loader-active #preloader.loading-start { display: block; } body.splash-loader-active #preloader.loading-start.loading-bar-end { height: 0; } body.splash-loader-active #preloader #preloader_mask { display: block; background: #a1b5b5; opacity: 0; position: fixed; top: 0; left: 0; right: 0; height: 0; z-index: 10050; transition: height 500ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: height 500ms cubic-bezier(.87,.17,.18,.85); } body.splash-loader-active #preloader.loading-start #preloader_mask { height: 100%; opacity: 1; } body.splash-loader-active #preloader.loading-start.splash-screen-in #preloader_mask { height: 0; top: auto; bottom: 0; opacity: 1; } body #preloader #loader_wrapper { display: none; } body.splash-loader-active #preloader #loader_logo { display: block; width: 225px; height: 40px; margin: -30px 0 0 -112px; top: 50%; left: 50%; position: fixed; z-index: 10125; opacity: 0 !important; transition: opacity 400ms ease-in-out, height 800ms cubic-bezier(.87,.17,.18,.85), -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 400ms ease-in-out, height 800ms cubic-bezier(.87,.17,.18,.85), -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); transform: translate3d(0, 120px, 0); -webkit-transform: translate3d(0, 120px, 0); background: url(/images/splash_preloader_logo_2x.gif) center center no-repeat; background-size: auto 40px; } body.splash-loader-active #preloader.loading-bar-start #loader_logo { opacity: 1 !important; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } body.splash-loader-active #preloader.loading-bar-end #loader_logo { opacity: 0 !important; transform: translate3d(0, -120px, 0); -webkit-transform: translate3d(0, -120px, 0); } /* ----------------------------------------------------------- Page Specific ----------------------------------------------------------- */ /* Home ----------------------------------------------------------- */ /* Artists list ----------------------------------------------------------- */ #artist_grid_container { } body.overlay-active.overlay-artists-active.overlay-transition #artist_grid_container { opacity: 0; } body.overlay-active.overlay-artists-active #artist_grid_container { display: block; } #artist_grid_preview { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 25; background: #000; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; opacity: 0; } /* IMPORTANT: THIS IS DISPLAY:NONE on handheld devices as it crashes on iPad Unsure why this is happening, might be running out of memory when displaying the large background images */ .device-handheld #artist_grid_preview { display: none; } body.overlay-visible.overlay-artists-active #artist_grid_preview { opacity: 1; } body.overlay-visible.overlay-transition #artist_grid_preview { opacity: 0; } #artist_grid_preview > div { opacity: 0; position: fixed; top: 0; left: 0; bottom: 0; right: 0; -webkit-transition: opacity 800ms ease-in-out; transition: opacity 800ms ease-in-out; } #artist_grid_preview > div.show { opacity: 1; } #artist_grid_preview > div img { object-fit: cover; height: 100%; width: 100%; opacity: 0.2; } #artist_grid_content { width: 1358px; margin: 0 auto; padding: 0 0 0; position: relative; z-index: 50; } #artist_grid_content { overflow: hidden; } #artist_grid_content > ul { padding: 39px 0; font-size: 0; margin-left: -68px; } #artist_grid_content > ul.size2 { display: none; } #artist_grid_content > ul > li { padding: 0; margin: 0; position: relative; display: inline-block; font-size: 18px; margin-right: 58px; } #artist_grid_content > ul .diamond { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; background: rgba(255,255,255,0); -webkit-box-shadow: 0 0 0 1px #555; -moz-box-shadow: 0 0 0 1px #555; box-shadow: 0 0 0 1px #555; color: #fff; transform-style: preserve-3d; display: block; height: 136px; overflow: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -o-perspective: 1000; perspective: 1000; position: relative; text-decoration: none; width: 136px; transition: background 300ms ease-in-out; -webkit-transition: background 300ms ease-in-out; } #artist_grid_content > ul > li:hover .diamond { background: rgba(255,255,255,0.08); } #artist_grid_content > ul > li.empty:hover .diamond { background: none; } #artist_grid_content > ul .diamond { overflow: hidden; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #artist_grid_content > ul .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; height: 136px; width: 136px; color: #fff; font-size: 15px; } #artist_grid_content > ul .content a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 136px; height: 136px; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row /* works with row or column */ flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; } #artist_grid_content > ul .content a, #artist_grid_content > ul .content a:visited { color: #fff; text-decoration: none; } @media only screen and (min-width: 1364px) { #artist_grid_content { width: 1358px; } #artist_grid_content > ul { width: 1600px; } #artist_grid_content > ul > li:nth-child(15n+9) { margin-left: 97px; } #artist_grid_content > ul > li:nth-child(15n+8) { margin-right: 0; } #artist_grid_content > ul > li:nth-child(n+8) { margin-top: -50px; } } @media only screen and (min-width: 1000px) and (max-width: 1363px) { #artist_grid_content { width: 1001px; } #artist_grid_content > ul { width: 1101px; margin-left: -50px; } #artist_grid_content > ul > li:nth-child(15n+9) { margin-left: 71px; } #artist_grid_content > ul > li:nth-child(15n+8) { margin-right: 0; } #artist_grid_content > ul > li:nth-child(n+8) { margin-top: -40px; } .device-handheld.platform-ipad #artist_grid_content > ul > li:nth-child(n+8) { margin-top: -37px; } #artist_grid_content > ul > li { margin-right: 42px; } #artist_grid_content > ul .diamond { height: 100px; width: 100px; } #artist_grid_content > ul .content { height: 100px; width: 100px; font-size: 14px; } #artist_grid_content > ul .content a { height: 100px; height: 100px; } } @media only screen and (min-width: 767px) and (max-width: 999px) { #artist_grid_content { width: 858px; padding-top: 50px; } #artist_grid_content > ul { width: 958px; margin-left: -50px; } #artist_grid_content > ul.size1 { display: none; } #artist_grid_content > ul.size2 { display: block; } #artist_grid_content > ul > li:nth-child(13n+8) { margin-left: 71px; } #artist_grid_content > ul > li:nth-child(13n+7) { margin-right: 0; } #artist_grid_content > ul > li:nth-child(n+7) { margin-top: -40px; } .device-handheld.platform-ipad #artist_grid_content > ul > li:nth-child(n+8) { margin-top: -37px; } #artist_grid_content > ul > li { margin-right: 42px; } #artist_grid_content > ul .diamond { height: 100px; width: 100px; } #artist_grid_content > ul .content { height: 100px; width: 100px; font-size: 14px; } #artist_grid_content > ul .content a { height: 100px; height: 100px; } } @media only screen and (min-width: 767px) and (max-width: 858px) { #artist_grid_content { width: 767px; } #artist_grid_content > ul { width: 958px; margin-left: -90px; } } @media only screen and (max-width: 766px) { #artist_grid_content { width: 100%; padding: 40px 20px 40px 65px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #artist_grid_content > ul { width: 100%; margin: 0; padding: 0; } #artist_grid_content > ul.size1 { display: none; } #artist_grid_content > ul.size2 { display: block; } #artist_grid_content > ul > li { margin: 0 0 12px !important; width: 100%; height: auto; } #artist_grid_content > ul > li.empty { display: none; } #artist_grid_content > ul .diamond { display: none; } #artist_grid_content > ul .content { height: auto; width: 100%; font-size: 15px; position: static; text-align: left; } #artist_grid_content > ul .content a { height: auto; width: 100%; position: static; text-align: left; display: block; } } /* Effects ----------------------------------------------------------- */ #artist_grid_content > ul { opacity: 0; transition: opacity 600ms ease-in-out; -webkit-transition: opacity 600ms ease-in-out; } #artist_grid_content > ul.show { opacity: 1; } /* #artist_grid_content > ul li { opacity: 0; transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); transition: transform 600ms cubic-bezier(.87,.17,.18,.85), opacity 600ms ease-in-out; -webkit-transition: transform 600ms cubic-bezier(.87,.17,.18,.85), opacity 600ms ease-in-out; } #artist_grid_content > ul li.show { opacity: 1; transform: scale(1, 1); } */ #artist_grid_content > ul li .content { opacity: 0; transition: opacity 900ms ease-in-out; -webkit-transition: opacity 900ms ease-in-out; } #artist_grid_content > ul li.show .content { opacity: 1; } /* @media only screen and (max-width: 1347px) and (min-width: 1078px) { #artist_grid_content > ul { max-width: 1000px; } #artist_grid_content > ul > li:nth-child(7n+5) { margin-left: 135px; } #artist_grid_content > ul > li:nth-child(7n+4) { margin-right: 0; } #artist_grid_content > ul > li:nth-child(n+4) { margin-top: -66px; } } @media only screen and (max-width: 1077px) and (min-width: 808px) { #artist_grid_content > ul { max-width: 730px; } #artist_grid_content > ul > li:nth-child(5n+4) { margin-left: 135px; } #artist_grid_content > ul > li:nth-child(5n+3) { margin-right: 0; } #artist_grid_content > ul > li:nth-child(n+3) { margin-top: -66px; } } @media only screen and (max-width: 807px) and (min-width: 538px) { #artist_grid_content > ul { max-width: 460px; } #artist_grid_content > ul > li:nth-child(3n+3) { margin-left: 135px; } #artist_grid_content > ul > li:nth-child(3n+2) { margin-right: 0; } #artist_grid_content > ul > li:nth-child(n+2) { margin-top: -66px; } } @media only screen and (max-width: 537px) { #artist_grid_content > ul { padding: 0; text-align: center; } } .no-csstransforms #artist_grid_content > ul { max-width: 1060px; } @media only screen and (max-width: 537px) { #artist_grid_content > ul > li { margin-right: 0; width: 160px; } } */ /* Artists detail ----------------------------------------------------------- */ .section-artists .subsection-artist-detail { } /* Exhibitions ----------------------------------------------------------- */ #exhibitions_years_nav { width: 100%; } /* News ----------------------------------------------------------- */ .subsection-news-grid .feature_panels .panel:nth-of-type(1) { border-top: 0; padding-top: 20px; } /* Art fairs ----------------------------------------------------------- */ .subsection-art-fairs-grid .feature_panels .panel:nth-of-type(1) { border-top: 0; padding-top: 20px; } .subsection-art-fair-record .feature_panels { } .subsection-art-fair-record .page_section_overview .panel_header .simple_list + .simple_list { margin-top: -30px; } /* Search ----------------------------------------------------------- */ #search_container.overlay-container { background: rgba(0,0,0,0.9); } body.overlay-active.overlay-search-active #search_container { display: block; } body.overlay-active.overlay-search-active.overlay-transition #search_container { opacity: 0; } body.overlay-active #search_container .records_list.tile_list ul li .image_lazy_load.loading-init:before { background: #222; } body.overlay-active #search_container .records_list.tile_list ul li .image_lazy_load.loading-init:after { background: rgba(255,255,255,0.2); } .search-grid-no-results { padding: 40px 0; text-align: center; color: #a1b5b5; font-size: 20px; line-height: 30px; } #search_page_content { width: auto; margin: 0 auto; padding: 0 40px 100px; position: relative; z-index: 50; color: #808080; overflow: hidden; } #search_page_content_inner { max-width: 1358px; margin: 0 auto; } #search_page_content h2, #search_page_content h3, #search_page_content h4, #search_page_content h5, #search_page_content h6 { color: #fff; } #search_page_content a, #search_page_content a:visited { color: #fff; text-decoration: none; } #search_page_content a .subtitle, #search_page_content a:visited .subtitle, #search_page_content a .description, #search_page_content a:visited .description { color: #808080; } #search_page_content .search-grid-no-results { color: #fff; } #search_form_container { position: relative; } #search_form_container #search_input { background: transparent; border: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #fff; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.1); outline: none; display: block; } #search_form_container:after { position: absolute; top: 8px; right: 5px; z-index: 3; content: '.'; text-indent: -9999px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; background: rgba(255,255,255,0.8); height: 10px; width: 10px; border-radius: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; } #search_form_container.search-loading:after { opacity: 1; -webkit-animation: rotate-diamond 1s 0s ease-in-out infinite; animation: rotate-diamond 1s 0s ease-in-out infinite; } #search_results .link_more, .section-search .subsection-search-grid-wrapper .link_more { text-align: center; } #search_results .link_more a { display: inline-block; } /* Contact ----------------------------------------------------------- */ #contact_container { } body.overlay-active.overlay-contact-active.overlay-transition #contact_container { opacity: 0; } body.overlay-active.overlay-contact-active #contact_container { display: block; } #contact_page_content { width: auto; margin: 0 auto; padding: 0 40px 100px; position: relative; z-index: 50; color: #808080; overflow: hidden; } #contact_page_content_inner { max-width: 1358px; margin: 0 auto; } #contact_page_content h2, #contact_page_content h3, #contact_page_content h4, #contact_page_content h5, #contact_page_content h6 { color: #fff; } #contact_page_content a, #contact_page_content a:visited { color: #fff; text-decoration: none; } #contact_locations { float: left; width: 33.33%; min-height: 630px; padding-top: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contact_locations .item { width: 100%; margin: 0 0 80px; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } #contact_locations.active .item { opacity: 0.4; } #contact_locations.active .item.active { opacity: 1; } #contact_general_information { clear: both; width: auto; margin: 0 0 50px 0; padding: 50px 0; border-bottom: 1px solid rgba(255,255,255,0.1); } #contact_general_information .inner { clear: both; width: auto; margin-right: -50px; } #contact_general_information .item { width: 33.33%; float: none; display: inline-block; vertical-align: top; padding: 0 50px 0 0; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #contact_follow_links .social_links_item { margin: 0 10px 10px 0; } #contact_follow_links .social_media_icon { width: 52px; height: 52px; } #contact_follow_links a { width: 52px; height: 52px; } #contact_follow_links .social_media_icon:before { border-color: #444; width: 50px; height: 50px; left: 10px; top: 10px; } #contact_follow_links .social_media_icon:after { color: #fff; width: 52px; height: 52px; font-size: 21px; line-height: 49px; } #contact_follow_links .social_media_icon:hover:before { border-color: #fff; background: #fff; } #contact_follow_links .social_media_icon:hover:after { color: #111; } #mailing_list_signup { clear: both; width: auto; margin: 0 0 50px 0; padding: 0 0 50px 0; border-bottom: 1px solid rgba(255,255,255,0.1); } #mailing_list_signup .inner { clear: both; width: auto; margin-right: -50px; } #mailing_list_signup .form_row { width: 25%; float: left; padding: 0 50px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: none; } #mailing_list_signup .form_row .inputField { width: 100%; border: 0; border-bottom: 1px solid #2b2b2b; padding: 18px 0; background: none; -webkit-border-radius: 0; border-radius: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #808080; font-size: 17px; } #mailing_list_signup .form_row input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #111 inset; background: #111; -webkit-text-fill-color: #fff; } #mailing_list_signup .form_row .inputField.active { color: #fff; } #mailing_list_signup .form_row.form_row_submit { clear: both; padding: 12px 0 0; } #team_container { } #team_container > h2 { display: none; } #team_container > .link.link_more { text-align: center; } #team_container #team_content { clear: both; width: auto; } #team_container #team_content .team_group { width: auto; clear: both; margin: 0 0 50px 0; border-bottom: 1px solid rgba(255,255,255,0.1); padding: 0 0 20px 0; } #team_container #team_content .team_group .inner { width: auto; clear: both; margin: 0 -50px 0 0; } #team_container #team_content .team_group h3 { margin: 0 0 30px; } #team_container #team_content .item { width: 25%; display: inline-block; padding: 0 50px 0 0; margin: 0 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: none; vertical-align: top; } #team_container #team_content .item .name { color: #fff; } #contact_page_map { /* hid map september 2020 */ display: none !important; background: 90% 0 no-repeat #111; background-image: url(/images/map_overview.jpg); position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 25; max-height: 950px; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; opacity: 0; } body.device-highres #contact_page_map { background-image: url(/images/map_overview@2x.jpg); background-size: 1640px auto; } body.overlay-visible #contact_page_map { opacity: 1; } body.overlay-visible.overlay-transition #contact_page_map { opacity: 0; } #contact_page_map:after { content: '.'; text-indent: -9999px; display: block; position: absolute; top: 0; left: 0; bottom: 0; max-height: 950px; width: 50%; background: -moz-linear-gradient(left, rgba(17,17,17,1) 0%, rgba(17,17,17,1) 26%, rgba(17,17,17,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(17,17,17,1) 0%,rgba(17,17,17,1) 26%,rgba(17,17,17,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(17,17,17,1) 0%,rgba(17,17,17,1) 26%,rgba(17,17,17,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } #contact_page_map > div { background: 90% 0 no-repeat; position: absolute; top: 0; left: 0; overflow: hidden; bottom: 0; right: 0; opacity: 0; -webkit-transition: opacity 800ms ease-in-out, -webkit-transform 800ms ease-in-out; transition: opacity 800ms ease-in-out, transform 800ms ease-in-out; } #contact_page_map > div:before, #contact_page_map > div:after { position: absolute; content: '.'; text-indent: -9999px; display: block; top: 0; left: 0; bottom: 0; right: 0; max-height: 950px; background: 90% 0 no-repeat; -webkit-transition: opacity 800ms ease-in-out, -webkit-transform 800ms ease-in-out; transition: opacity 800ms ease-in-out, transform 800ms ease-in-out; } #contact_page_map > div:before { -webkit-transform: translate3d(0, 20px, 0) scale(1.1,1.1); transform: translate3d(0, 20px, 0) scale(1.1,1.1); } #contact_page_map > div:after { -webkit-transform: translate3d(0, 0, 0) scale(0.9,0.9); transform: translate3d(0, 0, 0) scale(0.9,0.9); } #contact_page_map > div#contact_location_1-map:before { background-image: url(/images/map_location1.jpg); } body.device-highres #contact_page_map > div#contact_location_1-map:before { background-image: url(/images/map_location1@2x.jpg); background-size: 1640px auto; } #contact_page_map > div#contact_location_2-map:before { background-image: url(/images/map_location2.jpg); } body.device-highres #contact_page_map > div#contact_location_2-map:before { background-image: url(/images/map_location2@2x.jpg); background-size: 1640px auto; } #contact_page_map > div#contact_location_1-map:after { background-image: url(/images/map_location1_overlay.png); } body.device-highres #contact_page_map > div#contact_location_1-map:after { background-image: url(/images/map_location1_overlay@2x.png); background-size: 1640px auto; } #contact_page_map > div#contact_location_2-map:after { background-image: url(/images/map_location2_overlay.png); } body.device-highres #contact_page_map > div#contact_location_2-map:after { background-image: url(/images/map_location2_overlay@2x.png); background-size: 1640px auto; } #contact_page_map > div.show { opacity: 1; } #contact_page_map > div.show:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #contact_page_map > div.show:after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Store ----------------------------------------------------------- */ /* Store notification ----------------------------------------------------------- */ #store_add_popup { position: fixed; bottom: 20px; width: 100%; max-width: 275px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; z-index: 2000; /* -moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.3); box-shadow: 1px 1px 5px rgba(0,0,0,0.3); */ border-top: 3px solid #a1b5b5; transition: opacity 350ms ease-in-out, right 550ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 350ms ease-in-out, right 550ms cubic-bezier(.87,.17,.18,.85); right: -230px; opacity: 0; } body.store-item-added-notify #store_add_popup { right: 20px; opacity: 1; } /* body.store-item-added-notify-top #store_add_popup { bottom: auto; top: 0; position: absolute; } */ #store_add_popup .inner { border: 1px solid #d6dfde; border-width: 0 1px 1px 1px; padding: 20px; } #store_add_popup h2 { font-size: 25px; line-height: 30px; margin: 0 0 10px; } #store_add_popup .content { display: block; margin: 0 0 10px; } #store_add_popup .content .item_total_container, #store_add_popup .content .cart_total_container { display: inline-block; margin: 0 15px 0 0; } #store_add_popup .content .item_total_container .item_total, #store_add_popup .content .cart_total_container .cart_total { color: #a1b5b5; font-size: 20px; } .section-store #additional_nav { margin: 0; } /* Store add buttons ----------------------------------------------------------- */ .store_item_group { margin: 0; padding: 20px 0 0; } .store_item { padding: 20px 0; color: #a1b5b5; } .store_item .price { color: #a1b5b5; font-size: 21px; margin: 0 20px 0 0; } .store_item .price .tax_label { display: none; } .store_item_controls { float: none; padding: 9px 0 0; } .store_item_add_to_cart, .store_item_add_to_cart:hover { border: 0; height: 18px; padding-left: 40px; background: left center no-repeat; cursor: pointer; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMzFweCIgaGVpZ2h0PSIxOHB4IiB2aWV3Qm94PSIwIDAgMzEgMTgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlNoYXBlPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlN0b3JlIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSIxMyIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYyNC4wMDAwMDAsIC0xMDExLjAwMDAwMCkiIGZpbGw9IiNBQ0JEQkQiPiAgICAgICAgICAgIDxnIGlkPSJDYXJ0LWFkZC1Db3B5IiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MjQuMDAwMDAwLCAxMDExLjAwMDAwMCkiPiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNC43MzA0Njg1OCwxMS43NTk5ODMgTDE0LjU3MTc4ODcsMTEuNzU5OTgzIEMxNS42ODc3MDEyLDExLjc1OTk4MyAxNi41OTgwNTA4LDEwLjg0OTYzMzMgMTYuNTk4MDUwOCw5LjczMzcyMDg2IEwxNi41OTgwNTA4LDUuNTkzMDk4MjggTDE2LjU5ODA1MDgsNS41Nzg0MTUyMiBMMTYuNTk4MDUwOCw1LjU0OTA0OTExIEMxNi41OTgwNTA4LDUuNTQxNzA3NTggMTYuNTk4MDUwOCw1LjUzNDM2NjA1IDE2LjU5NDM4MDEsNS41MjcwMjQ1MiBDMTYuNTk0MzgwMSw1LjUxOTY4Mjk5IDE2LjU5MDcwOTMsNS41MDg2NzA3IDE2LjU5MDcwOTMsNS41MDEzMjkxNyBDMTYuNTkwNzA5Myw1LjQ5Mzk4NzY0IDE2LjU4NzAzODUsNS40ODY2NDYxMSAxNi41ODcwMzg1LDUuNDc5MzA0NTggQzE2LjU4MzM2NzgsNS40NzE5NjMwNSAxNi41ODMzNjc4LDUuNDY0NjIxNTIgMTYuNTc5Njk3LDUuNDUzNjA5MjMgQzE2LjU3NjAyNjMsNS40NDYyNjc3IDE2LjU3NjAyNjMsNS40Mzg5MjYxNyAxNi41NzIzNTU1LDUuNDMxNTg0NjQgQzE2LjU2ODY4NDcsNS40MjQyNDMxMSAxNi41Njg2ODQ3LDUuNDE2OTAxNTggMTYuNTY1MDE0LDUuNDA5NTYwMDUgQzE2LjU2MTM0MzIsNS40MDIyMTg1MiAxNi41NTc2NzI0LDUuMzk0ODc2OTkgMTYuNTU0MDAxNyw1LjM4Mzg2NDcgQzE2LjU1MDMzMDksNS4zNzY1MjMxNyAxNi41NDY2NjAxLDUuMzY5MTgxNjQgMTYuNTQyOTg5NCw1LjM2NTUxMDg3IEMxNi41MzkzMTg2LDUuMzU4MTY5MzQgMTYuNTM1NjQ3OCw1LjM1MDgyNzgxIDE2LjUzMTk3NzEsNS4zNDM0ODYyOCBDMTYuNTI4MzA2Myw1LjMzNjE0NDc1IDE2LjUyNDYzNTUsNS4zMzI0NzM5OSAxNi41MjA5NjQ4LDUuMzI1MTMyNDYgQzE2LjUxNzI5NCw1LjMxNzc5MDkzIDE2LjUwOTk1MjUsNS4zMTA0NDk0IDE2LjUwNjI4MTcsNS4zMDMxMDc4NyBDMTYuNTAyNjExLDUuMjk1NzY2MzQgMTYuNDk4OTQwMiw1LjI5MjA5NTU4IDE2LjQ5MTU5ODcsNS4yODQ3NTQwNSBDMTYuNDg3OTI3OSw1LjI3NzQxMjUyIDE2LjQ4MDU4NjQsNS4yNzM3NDE3NiAxNi40NzY5MTU2LDUuMjY2NDAwMjMgQzE2LjQ3MzI0NDgsNS4yNTkwNTg3IDE2LjQ2NTkwMzMsNS4yNTUzODc5MyAxNi40NjIyMzI2LDUuMjQ4MDQ2NCBDMTYuNDU4NTYxOCw1LjI0MDcwNDg3IDE2LjQ1MTIyMDMsNS4yMzcwMzQxMSAxNi40NDc1NDk1LDUuMjMzMzYzMzQgQzE2LjQ0MDIwOCw1LjIyNjAyMTgxIDE2LjQzNjUzNzIsNS4yMjIzNTEwNSAxNi40MjkxOTU3LDUuMjE1MDA5NTIgQzE2LjQyMTg1NDEsNS4yMTEzMzg3NiAxNi40MTgxODM0LDUuMjAzOTk3MjMgMTYuNDEwODQxOCw1LjIwMDMyNjQ2IEMxNi40MDM1MDAzLDUuMTk2NjU1NyAxNi4zOTYxNTg4LDUuMTg5MzE0MTcgMTYuMzg4ODE3Myw1LjE4NTY0MzQgQzE2LjM4MTQ3NTcsNS4xODE5NzI2NCAxNi4zNzc4MDUsNS4xNzgzMDE4NyAxNi4zNzA0NjM0LDUuMTc0NjMxMTEgQzE2LjM2MzEyMTksNS4xNzA5NjAzNCAxNi4zNTU3ODA0LDUuMTY3Mjg5NTggMTYuMzQ4NDM4OCw1LjE1OTk0ODA1IEMxNi4zNDEwOTczLDUuMTU2Mjc3MjggMTYuMzMzNzU1OCw1LjE1MjYwNjUyIDE2LjMyNjQxNDMsNS4xNDg5MzU3NiBDMTYuMzE5MDcyNyw1LjE0NTI2NDk5IDE2LjMxMTczMTIsNS4xNDE1OTQyMyAxNi4zMDQzODk3LDUuMTM3OTIzNDYgQzE2LjI5NzA0ODEsNS4xMzQyNTI3IDE2LjI4OTcwNjYsNS4xMzA1ODE5MyAxNi4yODIzNjUxLDUuMTI2OTExMTcgQzE2LjI3NTAyMzYsNS4xMjMyNDA0IDE2LjI2NzY4Miw1LjEyMzI0MDQgMTYuMjYwMzQwNSw1LjExOTU2OTY0IEMxNi4yNTI5OTksNS4xMTU4OTg4NyAxNi4yNDE5ODY3LDUuMTEyMjI4MTEgMTYuMjM0NjQ1MSw1LjExMjIyODExIEMxNi4yMjczMDM2LDUuMTEyMjI4MTEgMTYuMjE5OTYyMSw1LjEwODU1NzM0IDE2LjIxNjI5MTMsNS4xMDg1NTczNCBDMTYuMjA1Mjc5LDUuMTA0ODg2NTggMTYuMTk3OTM3NSw1LjEwNDg4NjU4IDE2LjE4NjkyNTIsNS4xMDQ4ODY1OCBDMTYuMTgzMjU0NCw1LjEwNDg4NjU4IDE2LjE3OTU4MzcsNS4xMDEyMTU4MSAxNi4xNzIyNDIxLDUuMTAxMjE1ODEgTDMuNjk4OTgzNywzLjM3OTYyNzE3IEwzLjY5ODk4MzcsMS42Mzk2ODQ3MSBDMy42OTg5ODM3LDEuNjIxMzMwODggMy42OTg5ODM3LDEuNjAyOTc3MDYgMy42OTUzMTI5NCwxLjU4ODI5NCBDMy42OTUzMTI5NCwxLjU4NDYyMzIzIDMuNjk1MzEyOTQsMS41ODA5NTI0NyAzLjY5MTY0MjE3LDEuNTczNjEwOTQgQzMuNjkxNjQyMTcsMS41NjI1OTg2NSAzLjY4Nzk3MTQxLDEuNTUxNTg2MzUgMy42ODc5NzE0MSwxLjU0MDU3NDA2IEMzLjY4NDMwMDY0LDEuNTI5NTYxNzYgMy42ODQzMDA2NCwxLjUyMjIyMDI0IDMuNjgwNjI5ODgsMS41MTEyMDc5NCBDMy42ODA2Mjk4OCwxLjUwMzg2NjQxIDMuNjc2OTU5MTEsMS41MDAxOTU2NSAzLjY3Njk1OTExLDEuNDkyODU0MTIgQzMuNjczMjg4MzUsMS40ODE4NDE4MiAzLjY2OTYxNzU4LDEuNDcwODI5NTMgMy42NjU5NDY4MiwxLjQ1OTgxNzI0IEMzLjY2NTk0NjgyLDEuNDU2MTQ2NDcgMy42NjIyNzYwNSwxLjQ0ODgwNDk0IDMuNjYyMjc2MDUsMS40NDUxMzQxOCBDMy42NTg2MDUyOSwxLjQzNDEyMTg4IDMuNjU0OTM0NTIsMS40MjY3ODAzNSAzLjY0NzU5Mjk5LDEuNDE1NzY4MDYgQzMuNjQzOTIyMjMsMS40MTIwOTcyOSAzLjY0MzkyMjIzLDEuNDA0NzU1NzYgMy42NDAyNTE0NywxLjQwMTA4NSBDMy42MzY1ODA3LDEuMzkzNzQzNDcgMy42MzI5MDk5NCwxLjM4NjQwMTk0IDMuNjI1NTY4NDEsMS4zNzkwNjA0MSBDMy42MjE4OTc2NCwxLjM3MTcxODg4IDMuNjE4MjI2ODgsMS4zNjgwNDgxMiAzLjYxNDU1NjExLDEuMzYwNzA2NTkgQzMuNjEwODg1MzUsMS4zNTMzNjUwNiAzLjYwNzIxNDU4LDEuMzQ5Njk0MjkgMy42MDM1NDM4MiwxLjM0MjM1Mjc2IEMzLjU5OTg3MzA1LDEuMzM1MDExMjQgMy41OTI1MzE1MiwxLjMyNzY2OTcxIDMuNTg4ODYwNzYsMS4zMjAzMjgxOCBDMy41ODUxODk5OSwxLjMxNjY1NzQxIDMuNTgxNTE5MjMsMS4zMTI5ODY2NSAzLjU3Nzg0ODQ3LDEuMzA5MzE1ODggQzMuNTcwNTA2OTQsMS4zMDE5NzQzNSAzLjU2MzE2NTQxLDEuMjk0NjMyODIgMy41NTU4MjM4OCwxLjI4NzI5MTI5IEMzLjU1MjE1MzExLDEuMjgzNjIwNTMgMy41NDg0ODIzNSwxLjI3OTk0OTc3IDMuNTQ0ODExNTgsMS4yNzYyNzkgQzMuNTM3NDcwMDUsMS4yNjg5Mzc0NyAzLjUzMDEyODUyLDEuMjYxNTk1OTQgMy41MTkxMTYyMywxLjI1NDI1NDQxIEMzLjUxNTQ0NTQ3LDEuMjUwNTgzNjUgMy41MDgxMDM5NCwxLjI0NjkxMjg4IDMuNTA0NDMzMTcsMS4yNDMyNDIxMiBDMy40OTcwOTE2NCwxLjIzNTkwMDU5IDMuNDg5NzUwMTEsMS4yMzIyMjk4MiAzLjQ4MjQwODU4LDEuMjI0ODg4MjkgQzMuNDcxMzk2MjksMS4yMTc1NDY3NyAzLjQ2MDM4Mzk5LDEuMjEwMjA1MjQgMy40NTMwNDI0NywxLjIwNjUzNDQ3IEMzLjQ0OTM3MTcsMS4yMDI4NjM3MSAzLjQ0NTcwMDk0LDEuMjAyODYzNzEgMy40NDIwMzAxNywxLjE5OTE5Mjk0IEMzLjQyNzM0NzExLDEuMTkxODUxNDEgMy40MDg5OTMyOSwxLjE4NDUwOTg4IDMuMzk0MzEwMjMsMS4xNzcxNjgzNSBMMC42ODg5NTY2NDksMC4wMzkyMzEyOTc3IEMwLjQzNTY3Mzg4NSwtMC4wNjcyMjA4Nzg1IDAuMTQ1NjgzNDc0LDAuMDUwMjQzNTkxOCAwLjAzOTIzMTI5NzcsMC4zMDM1MjYzNTYgQy0wLjA2NzIyMDg3ODUsMC41NTY4MDkxMiAwLjA1MDI0MzU5MTgsMC44NDY3OTk1MzEgMC4zMDM1MjYzNTYsMC45NTMyNTE3MDcgTDIuNzA0MjA2NDcsMS45NjYzODI3NiBMMi43MDQyMDY0Nyw0LjIxMjg5MDc2IEwyLjcwNDIwNjQ3LDQuNTY4OTU0OTMgTDIuNzA0MjA2NDcsNy4zMDAwMDM4NyBMMi43MDQyMDY0Nyw5Ljc0MTA2MjM5IEwyLjcwNDIwNjQ3LDEyLjgyNDUwNDcgQzIuNzA0MjA2NDcsMTMuODUyMzE4OSAzLjQ3NTA2NzA1LDE0LjcwMzkzNjMgNC40Njk4NDQyOSwxNC44MzI0MTMgQzQuMjg5OTc2ODIsMTUuMTMzNDE1NyA0LjE4MzUyNDY0LDE1LjQ4NTgwOTEgNC4xODM1MjQ2NCwxNS44NjAyMjcxIEM0LjE4MzUyNDY0LDE2Ljk2NTEyNzMgNS4wODI4NjE5OSwxNy44NjA3OTM5IDYuMTg0MDkxNCwxNy44NjA3OTM5IEM3LjI4NTMyMDgxLDE3Ljg2MDc5MzkgOC4xODQ2NTgxNiwxNi45NjE0NTY1IDguMTg0NjU4MTYsMTUuODYwMjI3MSBDOC4xODQ2NTgxNiwxNS40OTMxNTA3IDguMDg1NTQ3NTEsMTUuMTQ0NDI4IDcuOTA5MzUwODEsMTQuODUwNzY2OCBMMTIuMzY1NjU5MSwxNC44NTA3NjY4IEMxMi4xODk0NjI0LDE1LjE0ODA5ODggMTIuMDkwMzUxOCwxNS40OTMxNTA3IDEyLjA5MDM1MTgsMTUuODYwMjI3MSBDMTIuMDkwMzUxOCwxNi45NjUxMjczIDEyLjk4OTY4OTEsMTcuODYwNzkzOSAxNC4wOTA5MTg2LDE3Ljg2MDc5MzkgQzE1LjE5MjE0OCwxNy44NjA3OTM5IDE2LjA5MTQ4NTMsMTYuOTYxNDU2NSAxNi4wOTE0ODUzLDE1Ljg2MDIyNzEgQzE2LjA5MTQ4NTMsMTQuNzU4OTk3NyAxNS4xOTIxNDgsMTMuODU5NjYwNCAxNC4wOTA5MTg2LDEzLjg1OTY2MDQgTDQuNzMwNDY4NTgsMTMuODU5NjYwNCBDNC4xNTc4MjkyOSwxMy44NTk2NjA0IDMuNjk1MzEyOTQsMTMuMzkzNDczMyAzLjY5NTMxMjk0LDEyLjgyNDUwNDcgTDMuNjk1MzEyOTQsMTEuNDgxMDA0OSBDMy45OTYzMTU2NCwxMS42NTcyMDE2IDQuMzUyMzc5ODIsMTEuNzU5OTgzIDQuNzMwNDY4NTgsMTEuNzU5OTgzIEw0LjczMDQ2ODU4LDExLjc1OTk4MyBaIE03LjE5NzIyMjQ2LDE1Ljg1NjU1NjQgQzcuMTk3MjIyNDYsMTYuNDE0NTEyNiA2Ljc0MjA0NzYzLDE2Ljg2NjAxNjcgNi4xODc3NjIxNiwxNi44NjYwMTY3IEM1LjYzMzQ3NjcsMTYuODY2MDE2NyA1LjE3ODMwMTg3LDE2LjQxMDg0MTggNS4xNzgzMDE4NywxNS44NTY1NTY0IEM1LjE3ODMwMTg3LDE1LjMwMjI3MDkgNS42MzM0NzY3LDE0Ljg0NzA5NjEgNi4xODc3NjIxNiwxNC44NDcwOTYxIEM2Ljc0MjA0NzYzLDE0Ljg0NzA5NjEgNy4xOTcyMjI0NiwxNS4yOTg2MDAxIDcuMTk3MjIyNDYsMTUuODU2NTU2NCBMNy4xOTcyMjI0NiwxNS44NTY1NTY0IFogTTE1LjEwNDA0OTYsMTUuODU2NTU2NCBDMTUuMTA0MDQ5NiwxNi40MTQ1MTI2IDE0LjY0ODg3NDgsMTYuODY2MDE2NyAxNC4wOTQ1ODkzLDE2Ljg2NjAxNjcgQzEzLjU0MDMwMzksMTYuODY2MDE2NyAxMy4wODUxMjksMTYuNDEwODQxOCAxMy4wODUxMjksMTUuODU2NTU2NCBDMTMuMDg1MTI5LDE1LjMwMjI3MDkgMTMuNTQwMzAzOSwxNC44NDcwOTYxIDE0LjA5NDU4OTMsMTQuODQ3MDk2MSBDMTQuNjQ4ODc0OCwxNC44NDcwOTYxIDE1LjEwNDA0OTYsMTUuMjk4NjAwMSAxNS4xMDQwNDk2LDE1Ljg1NjU1NjQgTDE1LjEwNDA0OTYsMTUuODU2NTU2NCBaIE00LjczMDQ2ODU4LDEwLjc2ODg3NjUgQzQuMTU3ODI5MjksMTAuNzY4ODc2NSAzLjY5NTMxMjk0LDEwLjMwMjY4OTQgMy42OTUzMTI5NCw5LjczMzcyMDg2IEwzLjY5NTMxMjk0LDcuMjkyNjYyMzQgTDMuNjk1MzEyOTQsNC41NjE2MTM0IEwzLjY5NTMxMjk0LDQuMzc4MDc1MTcgTDE1LjYwNjk0NDQsNi4wMTg5MDY5OSBMMTUuNjA2OTQ0NCw5LjczMDA1MDEgQzE1LjYwNjk0NDQsMTAuMzA2MzYwMiAxNS4xNDA3NTczLDEwLjc2ODg3NjUgMTQuNTcxNzg4NywxMC43Njg4NzY1IEw0LjczMDQ2ODU4LDEwLjc2ODg3NjUgWiBNMzAuMzk5LDEwIEwyNywxMCBMMjcsMTMuMzk5IEMyNywxMy45NTEgMjYsMTMuOTUxIDI2LDEzLjM5OSBMMjYsMTAgTDIyLjYwMSwxMCBDMjIuMDQ5LDEwIDIyLjA0OSw5IDIyLjYwMSw5IEwyNiw5IEwyNiw1LjYwMSBDMjYsNS4wNDggMjcsNS4wNDggMjcsNS42MDEgTDI3LDkgTDMwLjM5OSw5IEMzMC45NTIsOSAzMC44MDQ3NTIyLDEwIDMwLjM5OSwxMCBaIiBpZD0iU2hhcGUiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); } .store_item_add_to_cart span { padding: 0; } .store_item_remove_container { padding: 0; float: right; } .store_item_remove_container .store_item_total { background: #a1b5b5; border-radius: 2px; color: #fff; margin-top: -2px; padding: 0 8px 0; line-height: 22px; font-size: 14px; } .store_item_small .store_item { padding: 0; border: 0; margin: 0 0 20px; } .store_item_small .store_item_group { padding: 0; border: 0; margin: 0; } .store_item_small .store_item .price { font-size: 18px; margin: 0 15px 0 0; padding: 0; } .store_item_small .store_item .store_item_add_to_cart { height: 18px; width: 0; } .store_item_small .store_item .store_item_add_to_cart span { display: none; opacity: 0; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .store_item_small .store_item .store_item_add_to_cart:hover span { opacity: 1; } .store_item_small .store_item .store_item_controls { padding: 1px 0 0; } .store_item_small .store_item .store_item_remove_from_cart { display: none; } /* .store_item_small .store_item .store_item_remove_container { opacity: 0; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .store_item_small .store_item:hover .store_item_remove_container { opacity: 1; } */ .store_item_small .store_item .store_item_remove_container .store_item_total { margin-left: 15px; } /* Basket ----------------------------------------------------------- */ .subsection-store-basket { } .subsection-store-basket h2 { margin: 0 0 40px; } .subsection-store-basket #sidebar { width: 30%; float: right; } .subsection-store-basket #content_module { width: 70%; float: left; padding-right: 120px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .subsection-store-basket #shopping_cart_information { width: 100%; } .subsection-store-basket #shopping_cart_information .product_detail { width: 100%; clear: both; margin: 0 0 50px; } .subsection-store-basket #shopping_cart_information .product_detail .sc_cell_image { width: 22%; float: left; max-width: 180px; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container { width: 78%; float: left; padding-left: 50px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_description { width: 100%; clear: both; border-bottom: 1px solid #d6dfde; padding: 0 0 40px; margin: 0 0 20px; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_unavailable { color: #A81B11; float: left; padding-top: 26px; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_label { color: #a1b5b5; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_quantity, .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_singleprice, .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_total { width: auto; float: left; width: 85px; padding: 0 20px 0 0; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_singleprice .sc_label, .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_total .sc_label { margin: 0 0 4px; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_quantity .decrease_qty, .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_quantity .qty, .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_quantity .increase_qty { float: left; padding: 4px; text-decoration: none; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_quantity .decrease_qty.disabled, .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_quantity .increase_qty.disabled { color: #ccc; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_remove { float: right; text-align: right; padding-top: 26px; } .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_remove a, .subsection-store-basket #shopping_cart_information .product_detail .sc_tools_container .sc_cell_remove a:visited { text-decoration: none; } .basket_additional_message { line-height: 2; } .subsection-store-basket #sc_checkout_content #shipping_container select { border: 1px solid #d6dfde; width: 100%; padding: 14px 14px 12px; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; outline: none; background: 97% 50% no-repeat #fff; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTdweCIgaGVpZ2h0PSIxMHB4IiB2aWV3Qm94PSIwIDAgMTcgMTAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlBhdGggMTQgQ29weTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJTdG9yZS1jYXJ0LXN1bW1hcnkiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPiAgICAgICAgPGcgaWQ9IjE1IiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ2Ny4wMDAwMDAsIC0yOTcuMDAwMDAwKSIgc3Ryb2tlPSIjQUNCREJEIiBzdHJva2Utd2lkdGg9IjEuMiI+ICAgICAgICAgICAgPHBhdGggZD0iTTE0NzkuMjI4OTIsMjk0LjI2ODg4NCBMMTQ3MS43MzExMiwzMDEuNzQxNzkxIEwxNDc5LjIyODkyLDMwOS4yMjg5MTgiIGlkPSJQYXRoLTE0LUNvcHkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NzUuNDgwMDE3LCAzMDEuNzQ4OTAxKSBzY2FsZSgtMSwgMSkgcm90YXRlKC05MC4wMDAwMDApIHRyYW5zbGF0ZSgtMTQ3NS40ODAwMTcsIC0zMDEuNzQ4OTAxKSAiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); } #sc_checkout_content #shipping_container #shipping_zones_container h3, #sc_checkout_content #shipping_container #shipping_options_container h3 { font-size: 25px; line-height: 30px; margin: 0 0 20px; } #sc_checkout_content #shipping_container #shipping_zones_container, #sc_checkout_content #shipping_container #shipping_options_container { padding: 0; border: 0; margin: 0 0 40px; } #sc_checkout_content #sc_subtotal, #sc_checkout_content #sc_discount, #sc_checkout_content #sc_vat_total, #sc_checkout_content #sc_shipping_total, #sc_checkout_content #sc_order_total { padding: 0; border: 0; margin: 0 0 20px; } #sc_checkout_content .sc_subtotal_label, #sc_checkout_content .sc_discount_label, #sc_checkout_content .sc_vat_total_label, #sc_checkout_content .sc_shipping_total_label, #sc_checkout_content .sc_order_total_label { color: #a1b5b5; } #sc_total_price_container .order_total_wrapper { color: #666; } .stripe-button-el { padding-top: 0 !important; outline: none; } .stripe-button-el span { box-shadow: none !important; background: #a1b5b5 !important; -moz-border-radius: 2px !important; -webkit-border-radius: 2px !important; border-radius: 2px !important; text-shadow: none !important; text-align: left !important; line-height: 40px !important; height: 40px !important; padding: 4px 12px !important; font-family: 'Din', Sans-Serif !important; font-weight: bold !important; color: #fff !important; line-height: 42px !important; font-size: 15px !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; -webkit-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; } .stripe-button-el:hover span { background: #BFCFCF !important; } /* Checkout 2.0 compatability ----------------------------------------------------- */ #sc_checkout_container.submitting, #sc_checkout_container form.submitting { pointer-events: none; } .section-store .subsection-store-basket #content_module { width: 65%; box-sizing: border-box; padding-right: 50px; margin-bottom: 70px; } .section-store .subsection-store-basket #sidebar { width: 35%; } #sc_checkout_container .sc_field_group { margin: 0 0 40px; clear: both; float: left; width: 100%; } #sc_checkout_container h3.subheading { text-transform: uppercase; letter-spacing: 2.5px; margin: 0 0 20px; font-size: 1.1rem; line-height: 1.8rem; font-family: inherit; color: #555; position: relative; display: block; border-bottom: none; padding-bottom: 0; } #sc_checkout_container h3.subheading:before { border-bottom: 1px solid #d6dfde; content: ''; display: block; position: absolute; top: 50%; margin-top: -2px; left: 0; right: 0; z-index: 0; } #sc_checkout_container h3.subheading:after { display: none; } #sc_checkout_container h3.subheading span { background: #fff; position: relative; z-index: 1; padding-right: 10px; } #sc_checkout_container form .form_row label { display: block; margin-bottom: 5px; float: left; width: 40%; box-sizing: border-box; padding: 10px 20px 0 0; margin-right: 0; } #sc_checkout_container .form_row > select, #sc_checkout_container .select_container, #sc_checkout_container .inputField { padding: 10px 10px; border: 1px solid #d6dfde; float: left; width: 60%; box-sizing: border-box; line-height: 2.4rem; } #sc_checkout_container #cardholder-name.inputField { line-height: 1.4rem; -webkit-font-smoothing: antialiased; } #sc_checkout_container #sc_checkout_payment_form .form_row label { width: 40%; } #sc_checkout_container #sc_checkout_payment_form .form_row .inputField { width: 60%; } #sc_checkout_container .select_container { border: 0; padding: 0; } #sc_checkout_container .select_container select { padding: 10px 10px; border: 1px solid #d6dfde; line-height: 2.4rem; } #sc_checkout_container form .form_row:after { display: none; } #sc_checkout_container .button { width: 100%; text-align: center; margin: 0; } #sc_checkout_container .button a { float: none; width: 100%; display: block; } #sc_checkout_back_button { padding: 25px 0 0; margin: 0 0 20px; } .required_field_label { color: #777; } #cardholder-name.inputField::placeholder { color: #aaa; } #sc_checkout_content #shipping_container #shipping_zones_container, #sc_checkout_content #shipping_container #shipping_options_container { border: none; } #sc_checkout_content #shipping_container #shipping_zones_container, #sc_checkout_content #shipping_container #shipping_options_container { margin-bottom: 15px; padding-bottom: 0; } #sc_checkout_content #shipping_container select { padding-right: 25px; height: auto; } #sc_checkout_container form .form_row { display: block; clear: both; float: left; width: 100%; } #sc_checkout_container form .form_row select { background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: none; -webkit-appearance: none; -moz-appearance: none; color: #666; padding: 10px 0px; border-radius: 0; resize: none; cursor: pointer; } #sc_checkout_container form .form_row .select_container { position: relative; } /*#sc_checkout_container form .form_row .select_container:after {*/ /* content: "";*/ /* position: absolute;*/ /* top: 50%;*/ /* transform: translate(0, -3px);*/ /* right: 15px;*/ /* width: 0;*/ /* height: 0;*/ /* border-left: 3px solid transparent;*/ /* border-right: 3px solid transparent;*/ /* border-top: 3px solid #111;*/ /* pointer-events: none;*/ /*}*/ #sc_additional_fields { border: none; } #sc_checkout_container #sc_checkout_content select { background-image: none; } #sc_total_price_container { border: none; } #sc_checkout_content #sc_subtotal, #sc_checkout_content #sc_discount, #sc_checkout_content #sc_vat_total, #sc_checkout_content #sc_shipping_total, #sc_checkout_content #sc_order_total { border-bottom: 1px solid #d6dfde; } #sc_checkout_button { clear: both; } /* ----------------------------------------------------------- Global Classes ----------------------------------------------------------- */ /* Standard page content layout This is also the layout for the popup fallback pages (e.g. popup content which doesn't appear within a popup but a normal page) ----------------------------------------------------------- */ .site-full-article-enabled-content #content_module, .site-popup-enabled-content #content_module { float: left; width: 45%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .site-full-article-enabled-content #content_module .bottom_subtitle, .site-full-article-enabled-content #content_module .content_text, .site-popup-enabled-content #content_module .bottom_subtitle, .site-popup-enabled-content #content_module .content_text, .site-popup-enabled-content #content_module .link { margin: 0 0 30px; } .site-full-article-enabled-content #content_module .heading_wrapper .subtitle { margin: 0 0 25px; } .site-full-article-enabled-content #content_module .simple_list, .site-full-article-enabled-content #content_module .pagination_controls, .site-popup-enabled-content #content_module .simple_list, .site-popup-enabled-content #content_module .pagination_controls { display: block; margin: 0 0 25px; padding: 25px 0 0; border-top: 1px solid #d6dfde; clear: both; float: left; width: 100%; } .site-full-article-enabled-content #content_module .simple_list, .site-popup-enabled-content #content_module .simple_list { margin: 0 0 15px; } .site-full-article-enabled-content #sidebar, .site-popup-enabled-content #sidebar { float: right; width: 50%; margin-left: 5%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .site-full-article-enabled-content #sidebar .image, .site-popup-enabled-content #sidebar .image { background: none; width: 100%; } .site-full-article-enabled-content #sidebar.multiple_images .image, .site-popup-enabled-content #sidebar.multiple_images .image { display: none; } .site-full-article-enabled-content #sidebar.multiple_images .image_slideshow, .site-popup-enabled-content #sidebar.multiple_images .image_slideshow { position: relative; width: 100%; padding-top: 100%; margin: 0 0 25px; } .site-full-article-enabled-content #sidebar.multiple_images .image_slideshow .slide, .site-popup-enabled-content #sidebar.multiple_images .image_slideshow .slide { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; background: center center no-repeat; background-size: contain; } .site-full-article-enabled-content #sidebar .image_slideshow_controls, .site-popup-enabled-content #sidebar .image_slideshow_controls { float: right; margin: 0 0 0 50px; } .site-full-article-enabled-content #sidebar .image_slideshow_caption, .site-popup-enabled-content #sidebar .image_slideshow_caption { display: inline; color: #888; font-size: 13px ; } .site-popup-fallback-mode #sidebar{ position: relative; } .site-popup-fallback-mode #sidebar .image_slideshow { position: absolute !important; top: 0; left: -1px; /* This stops a white gap from appearing on the left when the image is resized */ right: 0; bottom: 0; background: #fff; } .site-popup-fallback-mode #sidebar .image_slideshow .slide{ width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } /* Contact forms ----------------------------------------------------------- */ .contact_form { -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; position: relative; opacity: 0; } .contact_form_adjacent_content { opacity: 1; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .contact_form_active .contact_form_adjacent_content { opacity: 0; } .contact_form_active .contact_form { opacity: 1; } .contact_form.loading form { opacity: 0.4; } .contact_form:after { position: absolute; top: 50%; left: 50%; background: #f8f8f8; content: '.'; text-indent: -9999px; background-color: #aaa; border-radius: 100%; margin: -30px 0 0 -30px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; opacity: 0; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .contact_form.loading:after { opacity: 1; -webkit-animation: ball-scale 1s 0s ease-in-out infinite; animation: ball-scale 1s 0s ease-in-out infinite; } .form .form_row { clear: both; margin: 0 0 10px; } .form .form_row label { display: none; } .form .form_row input[type='text'], .form .form_row select, .form .form_row textarea { width: 100%; border: 1px solid #d6dfde; border-width: 0 0 1px; padding: 8px 0; outline: none; resize: none; } .form .form_row input[type='text'].inactive, .form .form_row select.inactive, .form .form_row textarea.inactive { color: #d0d6d5; } .form .form_row textarea { height: 100px; } .form .link { margin: 0; clear: none; padding: 8px 0 0; } .form .link.contact_form_submit { float: left; } .form .link.contact_form_cancel { float: right; } .form .form_row input:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #fff inset; -webkit-text-fill-color: #666; } .form .form_row input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 50px white inset; -webkit-text-fill-color: #666; } .form .form_row input.inactive:-webkit-autofill { -webkit-text-fill-color: #d0d6d5; } /* Social media icons ----------------------------------------------------------- */ /* Icons ----------------------------------------------------------- */ .social_links_item { margin: 0 5px 0 0; width: auto; height: auto; float: left; } .social_links_item:last-child { margin-right: 0; } .social_links_item a, #footer .social_links_item a{ position: relative; padding: 10px; width: 26px; height: 26px; float: left; text-indent: -9999px; } .social_media_icon, .device-highres .social_media_icon { float: left; text-indent: 0; text-align: center; border: 0; background: none; margin: 0; width: 26px; height: 26px; } .social_media_icon:before { content: '.'; text-align: left; text-indent: -9999px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; background: rgba(255,255,255,0); border: 1px solid rgba(0,0,0,0.1); color: #fff; transform-style: preserve-3d; display: block; overflow: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -o-perspective: 1000; perspective: 1000; position: absolute; z-index: 1; top: 7px; left: 7px; text-decoration: none; width: 30px; height: 30px; transition: background 300ms ease-in-out, border 300ms ease-in-out, -webkit-transform 400ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: background 300ms ease-in-out, border 300ms ease-in-out, -webkit-transform 400ms cubic-bezier(.87,.17,.18,.85); overflow: hidden; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .social_media_icon:after { display: block; font: normal normal normal 14px/1 FontAwesome; font-size: 17px; line-height: 23px; text-rendering: auto; position: relative; z-index: 2; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out; color: #7d7d7d; text-align: center; } .social_media_icon:hover:before { border-color: #d6dfde; background: #d6dfde; /* VM: Asked for hover rotation to be removed -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); */ } .social_media_icon:hover:after { color: #fff; } .social_media_icon.facebook:after { content: "\f09a"; } .social_media_icon.twitter:after { content: "\f099"; } .social_media_icon.instagram:after { content: "\f16d"; } .social_media_icon.tumblr:after { content: "\f173"; } .social_media_icon.pinterest:after { content: "\f231"; } /* Sharing ----------------------------------------------------------- */ .share_links { display: block; height: 50px; } .share_links:after { display: block; clear: both; content: '.'; text-indent: -9999px; visibility: hidden; height: 0; } .share_links .social_media_icon:after { color: #C2C2C2; } .share_links .social_links_item a, .share_links .social_media_icon { width: 30px; height: 30px; } .share_links .social_media_icon:before { top: 7px; left: 7px; width: 34px; height: 34px; } .share_links .social_media_icon:after { line-height: 28px; } .share_links .social_media_icon:hover:after { color: #fff; } /* Standalone page sections (different to feature panels) ----------------------------------------------------------- */ .page_section { border-top: 1px solid #d6dfde; padding: 50px 0 0; margin: 0 0 50px; } .page_section.page_section_top { border-top: 0; padding-top: 0; } .page_section:after { clear: both; height: 0; content: '.'; display: block; text-indent: -9999px; overflow: hidden; } .page_section .panel_header { width: 100%; clear: both; margin: 0 0 45px; text-align: left; } .page_section .panel_header:after { content: '.'; text-indent: -9999px; visibility: hidden; height: 0; clear: both; overflow: hidden; display: block; } .page_section .panel_header h2 { margin: 0; float: left; } .page_section .panel_content { width: 100%; clear: both; margin: 0 0; } /* Overview text section - content offset to the right ----------------------------------------------------------- */ .page_section.page_section_overview { } .page_section.page_section_overview .panel_header { width: 30%; float: left; padding-right: 100px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page_section.page_section_overview .panel_header h2 { margin: 0 0 30px; float: none; clear: both; width: 100%; } .page_section.page_section_overview .panel_header .panel_misc_text { margin: 0 0 30px; color: #a1b5b5; } .page_section.page_section_overview .panel_header .panel_misc_text p { margin: 0 0 4px; } .page_section.page_section_overview .panel_header .simple_list { margin: 0 0 30px; color: #a1b5b5; } .page_section.page_section_overview .panel_header .share_links { padding: 40px 0 0; border-top: 1px solid #d6dfde; color: #a1b5b5; } .page_section.page_section_overview .panel_content { width: 70%; float: right; clear: none; padding-top: 8px; padding-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .page_section.page_section_overview .panel_content .panel_intro_text { margin: 0 0 30px; } .page_section.page_section_overview .panel_content .link_more { margin: 0 0 30px; transition: opacity 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out; } .page_section.page_section_overview .panel_content.full_content_switch .link_more { opacity: 0; } .page_section.page_section_overview .panel_content .panel_full_text p { opacity: 0; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .page_section.page_section_overview .panel_content.full_content_switch .panel_full_text p { opacity: 1; } /* Lazy load ----------------------------------------------------------- */ @-webkit-keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes ball-scale { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @-webkit-keyframes ball-scale-diamond { 0% { -webkit-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); opacity: 1;} 100% { -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); opacity: 0; } } @keyframes ball-scale-diamond { 0% { -webkit-transform: scale(0) rotate(-45deg); transform: scale(0) rotate(-45deg); opacity: 1;} 100% { -webkit-transform: scale(1) rotate(-45deg); transform: scale(1) rotate(-45deg); opacity: 0; } } @-webkit-keyframes rotate-diamond { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 25% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 50% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 75% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } @keyframes rotate-diamond { 0% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 25% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 50% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } 75% { -webkit-transform: rotate(45deg); transform: rotate(45deg); } } .image_lazy_load { display: block; width: 100%; position: relative; } .image_lazy_load.loading-init { background: #f9f9f9; } .image_lazy_load.loading-init:before { position: absolute; content: '.'; display: block; top: 0; left: 0; right: 0; bottom: 0; text-indent: -9999px; background: #f9f9f9; opacity: 0; z-index: 2; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .image_lazy_load.loading:before { opacity: 1; } .image_lazy_load.loading-init:after { position: absolute; top: 50%; left: 50%; z-index: 3; background: #f8f8f8; content: '.'; text-indent: -9999px; background-color: #aaa; border-radius: 100%; margin: -30px 0 0 -30px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; height: 60px; width: 60px; -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; opacity: 0; margin: -15px 0 0 -15px; height: 30px; width: 30px; border-radius: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); background: transparent; border: 1px solid #a1b5b5; width: 20px; height: 20px; margin: -10px 0 0 -10px; } .inview .image_lazy_load.loading-init:after { -webkit-animation: rotate-diamond 1.6s 0s ease-in-out infinite; animation: rotate-diamond 1.6s 0s ease-in-out infinite; } .image_lazy_load.loading:after { opacity: 0.5; } .image_lazy_load img { -webkit-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out; } .image_lazy_load.loading img { } /* Feature panels ----------------------------------------------------------- */ .cms-frontend-toolbar-active .cms-frontend-list-item:hover { background: transparent !important; } .feature_panels { width: 100%; clear: both; } .feature_panels .panel { border-top: 1px solid #d6dfde; padding: 50px 0 0; margin: 0 0 50px; } .feature_panels .panel:after { clear: both; height: 0; content: '.'; display: block; text-indent: -9999px; overflow: hidden; } .feature_panels .panel .panel_header { width: 100%; clear: both; margin: 0 0 45px; text-align: left; } .feature_panels .panel .panel_header:after { content: '.'; text-indent: -9999px; visibility: hidden; height: 0; display: block; overflow: hidden; clear: both; } .feature_panels .panel .panel_header h2 { margin: 0; float: left; } .feature_panels .panel .panel_header > .subtitle { padding: 20px 0 0; } .feature_panels .panel .panel_header .panel_filters { float: right; clear: none; } .feature_panels .panel .panel_header .panel_filters .panel_filter_option_all { float: left; margin: 0 0 0 30px; position: relative; color: #a1b5b5; min-height: 22px; cursor: pointer; } .feature_panels .panel .panel_header .panel_filters .panel_filter_option { float: left; margin: 0 0 0 30px; position: relative; color: #a1b5b5; min-height: 22px; } .feature_panels .panel .panel_header .panel_filters .panel_filter_option .panel_filter_label { cursor: default; } .feature_panels .panel .panel_header .panel_filters .panel_filter_option .panel_filter_label:after { content: "\f078"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: 9px; vertical-align: top; line-height: 17px; margin-left: 8px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .feature_panels .panel .panel_header .panel_filters .panel_filter_option ul { padding: 0; margin: 0; top: 40px; right: 0; z-index: 10; height: 0; width: 0; border: none; opacity: 0; border-width: 0px; display: block; overflow: hidden; position: absolute; list-style: none; } .feature_panels .panel .panel_header .panel_filters .panel_filter_option:hover > ul { display: block; opacity: 1; top: 22px; border-width: 1px; padding: 10px 0; background: #fff; height: auto; width: auto; transition: opacity 0.5s ease-in-out, top 0.25s cubic-bezier(.87,.17,.18,.85); overflow: visible; border: 1px solid #d6dfde !important; } .feature_panels .panel .panel_header .panel_filters .panel_filter_option li { white-space: nowrap; padding: 2px 10px; margin: 0; background: #fff; cursor: pointer; } .feature_panels .panel .panel_content { width: 100%; clear: both; margin: 0 0; } /* Effects ----------------------------------------------------------- */ .feature_panels .panel .image.inview_element { opacity: 0; transform: translate3d(0, 100px, 0); transition: transform 0.6s ease-out, opacity 0.6s ease-in-out; -webkit-transform: translate3d(0, 100px, 0); -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.6s ease-in-out; } .feature_panels .panel .image.inview_element.inview { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } .feature_panels .panel .content.inview_element { opacity: 0; transition: transform 0.6s ease-out, opacity 0.6s ease-in-out; -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.6s ease-in-out; } .feature_panels .panel .content.inview_element.inview { opacity: 1; } /* Cascading page ----------------------------------------------------------- */ .subsection-cascading-page .feature_panels .panel { border-top: 0; padding-top: 60px; margin-bottom: 60px; } /* Panel 31 - three column featured view ----------------------------------------------------------- */ .feature_panels .panel.panel_type_31 { width: 100%; } .feature_panels .panel.panel_type_31 .image { float: right; width: 50%; padding-left: 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .feature_panels .panel.panel_type_31 .image img { display: block; margin: 0 auto; } .feature_panels .panel.panel_type_31 .content { float: left; width: 50%; padding-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .feature_panels .panel.panel_type_31 .content .bottom_subtitle { margin: 0 0 12px; } .feature_panels .panel.panel_type_31 .secondary_content .content { float: right; width: 25%; padding-right: 30px; } .feature_panels .panel.panel_type_31 .secondary_content .content_additional { float: left; width: 25%; padding-right: 60px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Panel 32 - two column featured view ----------------------------------------------------------- */ .feature_panels .panel.panel_type_32 { width: 100%; } .feature_panels .panel.panel_type_32 .image { float: right; width: 70%; padding-left: 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .feature_panels .panel.panel_type_32 .image img { display: block; margin: 0 auto; } .feature_panels .panel.panel_type_32 .content { float: left; width: 30%; padding-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .feature_panels .panel.panel_type_32 .content .bottom_subtitle { margin: 0 0 12px; } /* Panel 33 - one column featured view ----------------------------------------------------------- */ .feature_panels .panel.panel_type_33 { width: 100%; } .feature_panels .panel.panel_type_33 .image { width: 100%; display: block; margin: 0 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .feature_panels .panel.panel_type_33 .image img { display: block; margin: 0 auto; } .feature_panels .panel.panel_type_33 .content { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .feature_panels .panel.panel_type_33 .content .bottom_subtitle { margin: 0 0 12px; } /* Panel 34 - Full width image with two column text underneath ----------------------------------------------------------- */ .feature_panels .panel.panel_type_34 { width: 100%; } .feature_panels .panel.panel_type_34 .image { float: right; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; margin: 0 0 100px; } .feature_panels .panel.panel_type_34 .image img { display: block; margin: 0 auto; } .feature_panels .panel.panel_type_34 .content { float: left; width: 100%; padding-right: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 17px; line-height: 1.8em; } .feature_panels .panel.panel_type_34 .content .content_column { float: left; width: 50%; padding-right: 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .feature_panels .panel.panel_type_34 .content .content_column:nth-of-type(1) { } .feature_panels .panel.panel_type_34 .content .content_column:nth-of-type(2) { float: right; } /* Panel 35 - Full width text ----------------------------------------------------------- */ .feature_panels .panel.panel_type_35 { width: 100%; } .feature_panels .panel.panel_type_35 .content { float: none; max-width: 900px; margin: 0 auto; display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center !important; font-size: 17px; line-height: 1.8em; } /* Panel 36 - Image and text - image offset right ----------------------------------------------------------- */ .feature_panels .panel.panel_type_36 { width: 100%; } .feature_panels .panel.panel_type_36 .image { float: none; display: inline-block; vertical-align: middle; width: 58%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .feature_panels .panel.panel_type_36 .image img { display: block; margin: 0 auto; } .feature_panels .panel.panel_type_36 .content { float: none; display: inline-block; vertical-align: middle; width: 42%; padding-right: 150px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 17px; line-height: 1.8em; } /* Panel 37 - Image and text - image offset left ----------------------------------------------------------- */ .feature_panels .panel.panel_type_37 { width: 100%; } .feature_panels .panel.panel_type_37 .image { float: none; display: inline-block; vertical-align: middle; width: 58%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .feature_panels .panel.panel_type_37 .image img { display: block; margin: 0 auto; } .feature_panels .panel.panel_type_37 .content { float: none; display: inline-block; vertical-align: middle; width: 42%; padding-left: 150px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 17px; line-height: 1.8em; } /* Lazy load / inview effect defaults ----------------------------------------------------------- */ .loader-active .inview_element { -webkit-transition: opacity 400ms ease-in-out !important; transition: opacity 400ms ease-in-out !important; } /* Records list Default styling for all content grids on the site ----------------------------------------------------------- */ .records_list { } .records_list ul { } .records_list ul li { } .records_list ul li a, .records_list ul li a:visited { } .records_list ul li .image { background: none; } .records_list .content { } /* Simple list Basic text links ----------------------------------------------------------- */ .records_list.simple_list { width: 100%; clear: both; } .records_list.simple_list .list_subheading { width: 100%; clear: both; display: block; margin: 0 0 8px; padding: 0; color: #666; } .records_list.simple_list ul { list-style: none; margin: 0; padding: 0; } .records_list.simple_list ul li { width: 100%; clear: both; display: block; margin: 0 0 8px; padding: 0; } .records_list.simple_list ul li a { display: block; font-weight: normal; } .records_list.simple_list ul li a, .records_list.simple_list ul li a:visited { color: #a1b5b5; text-decoration: none; } /* Generic grid ----------------------------------------------------------- */ .records_list.generic_grid { width: 100%; clear: both; } .records_list.generic_grid ul { display: block; margin: 0 -50px 0 0; text-align: center; } .records_list.generic_grid ul li { display: inline-block; width: 25%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 50px 50px 0; margin: 0; float: none; vertical-align: top; } .records_list.generic_grid.record-count-3 ul li { width: 33.33%; } .records_list.generic_grid.record-count-2 ul li { width: 50%; } .records_list.generic_grid ul li a { display: block; font-weight: normal; } .feature_panels .records_list.generic_grid .image, .feature_panels .records_list.generic_grid .image span { width: 100%; float: none; display: block; height: auto; } .feature_panels .records_list.generic_grid .image { margin: 0 0 20px; } .feature_panels .records_list.generic_grid .content { width: 100%; float: none; display: block; clear: both; } /* Tile list Cascading columns of list items ----------------------------------------------------------- */ .records_list.tile_list { width: 100%; clear: both; text-align: center; } .records_list.tile_list .tile_list_formatted { margin-right: -115px; width: auto; float: none; } .records_list.tile_list .tile_list_formatted:after { content: '.'; text-indent: -9999px; display: block; clear: both; overflow: hidden; height: 0; } .records_list.tile_list > .link.link_more { display: inline-block; float: none; clear: both; } .records_list.tile_list > .link.link_more.disabled { display: none; } .records_list.tile_list ul { width: 33.33%; list-style: none; margin: 0; padding: 0 115px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; } .records_list.tile_list ul:last-child, .records_list.tile_list ul.last { margin-right: 0; } .records_list.tile_list ul li { width: 100%; margin: 0 0 60px; } .records_list.tile_list ul li.revealable { display: none; } .records_list.tile_list ul li .image { float: none; display: block; margin: 0 0 20px; } .records_list.tile_list ul li .image { display: block; } .records_list.tile_list ul li .image span { display: block; width: 100%; max-width: none; max-height: none; height: auto; } .records_list.tile_list ul li .image img { display: block; min-width: 100%; display: block; } .records_list.tile_list ul li .content { text-align: left; width: 100%; } .records_list.tile_list ul li .content h3 { margin: 0 0 10px; } .records_list.tile_list ul li .content > span { display: block; } /* Effects ----------------------------------------------------------- */ .records_list.tile_list .tile_list_formatted ul li { opacity: 0; transform: translate3d(0, 100px, 0); transition: transform 0.6s ease-out, opacity 0.6s ease-in-out; -webkit-transform: translate3d(0, 100px, 0); -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.6s ease-in-out; } .records_list.tile_list .tile_list_formatted ul li.inview { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } /* Two column variant ----------------------------------------------------------- */ .records_list.tile_list.record-count-2 ul, #exhibitions-grid-current .records_list.tile_list.record-count-4 ul { width: 50%; } /* One column variant ----------------------------------------------------------- */ .records_list.tile_list.record-count-1 ul { width: 100%; } .records_list.tile_list.record-count-1 ul li { margin: 0; } .records_list.tile_list.record-count-1 ul li .image { float: right; width: 70%; padding-left: 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .records_list.tile_list.record-count-1 ul li .image img { min-width: 0; } .records_list.tile_list.record-count-1 ul li .content { width: 30%; padding-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Nav list slider (diamond list slider) ----------------------------------------------------------- */ .records_list_slider.nav_list_slider { width: 100%; position: relative; overflow: hidden; } .records_list_slider.nav_list_slider .records_list_inner { margin-right: -20px; white-space: nowrap; } .records_list_slider.nav_list_slider .records_list_inner .flickity-viewport { -webkit-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; } .records_list_slider.nav_list_slider .item { float: none; display: inline-block; position: relative; vertical-align: top; white-space: normal; width: 14.28%; margin: 0; padding: 0 20px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .records_list_slider.nav_list_slider .item .item_inner_wrapper { width: 100%; display: block; padding-top: 100%; height: 0; position: relative; } .records_list_slider.nav_list_slider .item .item_inner { float: none; display: block; vertical-align: top; white-space: normal; margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 27px; left: 27px; right: 27px; bottom: 27px; } .records_list_slider.nav_list_slider .item .diamond { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; background: rgba(255,255,255,0); -webkit-box-shadow: 0 0 0 1px #d6dfde; -moz-box-shadow: 0 0 0 1px #d6dfde; box-shadow: 0 0 0 1px #d6dfde; color: #fff; display: block; overflow: hidden; -webkit-perspective: 1000; -moz-perspective: 1000; -ms-perspective: 1000; -o-perspective: 1000; perspective: 1000; text-decoration: none; width: 100%; height: 0; padding-top: 100%; transition: background 300ms ease-in-out; -webkit-transition: background 300ms ease-in-out; } .records_list_slider.nav_list_slider .item:hover .diamond, .records_list_slider.nav_list_slider .item.active .diamond { background: #d6dfde; } .records_list_slider.nav_list_slider .item .diamond { overflow: hidden; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .records_list_slider.nav_list_slider .item .content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; height: auto; width: auto; color: #fff; font-size: 15px; } .records_list_slider.nav_list_slider .item .content a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-flex; display: flex; -webkit-flex-direction: row /* works with row or column */ flex-direction: row; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; transition: color 300ms ease-in-out; -webkit-transition: color 300ms ease-in-out; } .records_list_slider.nav_list_slider .item .content a, .records_list_slider.nav_list_slider .item .content a:visited { color: #a1b5b5; text-decoration: none; } .records_list_slider.nav_list_slider .item:hover .content a, .records_list_slider.nav_list_slider .item:hover .content a:visited, .records_list_slider.nav_list_slider .item.active .content a, .records_list_slider.nav_list_slider .item.active .content a:visited { color: #fff; font-weight: bold; text-decoration: none; } .records_list_slider.nav_list_slider .records_list_slider_controls.pagination_controls { padding: 30px 0 0; text-align: center; } .records_list_slider.nav_list_slider.slider_disabled .records_list_slider_controls.pagination_controls { display: none; } /* Image list slider ----------------------------------------------------------- */ .records_list_slider.image_list_slider { width: 100%; position: relative; overflow: hidden; } .records_list_slider.image_list_slider .records_list_inner { margin-right: -60px; white-space: nowrap; } .records_list_slider.image_list_slider .records_list_inner .flickity-viewport { -webkit-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; padding-top: 3px; /* Padding is to allow drop shadows on certain images */ } .records_list_slider.image_list_slider .item { float: none; display: inline-block; vertical-align: top; white-space: normal; width: 25%; margin: 0; padding: 0 60px 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .records_list_slider.image_list_slider .item .image { width: 100%; height: auto; margin: 0 0 20px; display: block; position: relative; -webkit-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; padding-top: 100%; max-height: 600px; } .records_list_slider.image_list_slider .item .image span { width: auto; height: auto; max-width: auto; max-height: auto; } .records_list_slider.image_list_slider .item .image span.image_lazy_load { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .records_list_slider.image_list_slider .item .image img { max-width: 100%; display: block; position: absolute; bottom: 0; max-height: 100%; } .records_list_slider.image_list_slider .item .image.image_format_landscape img { min-width: 100%; } .records_list_slider.image_list_slider .item .content { display: block; width: 100%; } .records_list_slider.image_list_slider .item .content > span { display: block; } .records_list_slider.image_list_slider .item .content h3 { margin: 0 0 16px; } .records_list_slider.image_list_slider .records_list_slider_controls.pagination_controls { padding: 30px 0 0; text-align: center; } .records_list_slider.image_list_slider.slider_disabled .records_list_slider_controls.pagination_controls { display: none; } /* Slider disabled ----------------------------------------------------------- */ .records_list_slider.image_list_slider.record_count_2 .item { width: 50%; } .records_list_slider.image_list_slider.record_count_3 .item { width: 33.33%; } .records_list_slider.image_list_slider.slider_disabled .item .image { padding-top: 0; } /* Effects ----------------------------------------------------------- */ .records_list_slider.image_list_slider .item { opacity: 0; transform: translate3d(0, 100px, 0); transition: transform 0.6s ease-out, opacity 0.6s ease-in-out; -webkit-transform: translate3d(0, 100px, 0); -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.6s ease-in-out; } .records_list_slider.image_list_slider .item.inview { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } /* Feature list slider ----------------------------------------------------------- */ .records_list_slider.feature_list_slider { width: 100%; position: relative; overflow: hidden; } .records_list_slider.feature_list_slider .records_list_inner { white-space: nowrap; } .records_list_slider.feature_list_slider .records_list_inner .flickity-viewport { -webkit-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; } .records_list_slider.feature_list_slider .item { float: none; display: inline-block; vertical-align: top; white-space: normal; width: 100%; margin: 0; padding: 0 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .records_list_slider.feature_list_slider .item .image { float: none; display: inline-block; vertical-align: middle; width: 70%; height: auto; padding-left: 35px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; } .records_list_slider.feature_list_slider .item .image span { width: auto; height: auto; max-width: auto; max-height: auto; } .records_list_slider.feature_list_slider .item .image span.image_lazy_load { } .records_list_slider.feature_list_slider .item .image img { display: block; margin: 0 auto; } .records_list_slider.feature_list_slider .item .image.image_format_landscape img { } .records_list_slider.feature_list_slider .item .content { float: none; display: inline-block; vertical-align: middle; width: 30%; padding-right: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .records_list_slider.feature_list_slider .item .content > span { display: block; } .records_list_slider.feature_list_slider .item .content .bottom_subtitle { margin: 0 0 12px; } .records_list_slider.feature_list_slider .records_list_slider_controls.pagination_controls { float: left; position: relative; z-index: 50; } .records_list_slider.feature_list_slider.slider_disabled .records_list_slider_controls.pagination_controls { display: none; } /* Effects ----------------------------------------------------------- */ .records_list_slider.feature_list_slider .item { opacity: 0; transform: translate3d(0, 100px, 0); transition: transform 0.6s ease-out, opacity 0.6s ease-in-out; -webkit-transform: translate3d(0, 100px, 0); -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.6s ease-in-out; } .records_list_slider.feature_list_slider .item.inview { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } /* Full list slider ----------------------------------------------------------- */ .records_list_slider.full_list_slider { width: 100%; position: relative; overflow: hidden; } .records_list_slider.full_list_slider .records_list_inner { white-space: nowrap; } .records_list_slider.full_list_slider .records_list_inner .flickity-viewport { -webkit-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; } .records_list_slider.full_list_slider .item { float: none; display: inline-block; vertical-align: top; white-space: normal; width: 100%; margin: 0; padding: 0 0 0 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .records_list_slider.full_list_slider .item .image { float: none; display: block; width: 100%; height: auto; margin: 0 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; position: relative; } .records_list_slider.full_list_slider .item .image span { width: auto; height: auto; max-width: auto; max-height: auto; } .records_list_slider.full_list_slider .item .image span.image_lazy_load { } .records_list_slider.full_list_slider .item .image img { display: block; margin: 0 auto; width: auto; height: auto; max-width: none !important; max-height: none !important; } .records_list_slider.full_list_slider .item .image.image_format_landscape img { } .records_list_slider.full_list_slider .item .content { display: block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 50%; } .records_list_slider.full_list_slider .item .content > span { display: block; } .records_list_slider.full_list_slider .item .content .bottom_subtitle { margin: 0 0 12px; } .records_list_slider.full_list_slider .records_list_slider_controls.pagination_controls { float: left; position: relative; z-index: 50; padding: 30px 0 0; } .records_list_slider.full_list_slider.slider_disabled .records_list_slider_controls.pagination_controls { display: none; } /* Effects ----------------------------------------------------------- */ .records_list_slider.full_list_slider .item { opacity: 0; transform: translate3d(0, 100px, 0); transition: transform 0.6s ease-out, opacity 0.6s ease-in-out; -webkit-transform: translate3d(0, 100px, 0); -webkit-transition: -webkit-transform 0.6s ease-out, opacity 0.6s ease-in-out; } .records_list_slider.full_list_slider .item.inview { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } /* Video embed code ----------------------------------------------------------- */ .video { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; } .video:after { background: url(/images/video_icon.png) center center no-repeat rgba(0,0,0,0.6); background-size: 64px 64px; content: '.'; text-indent: -9999px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: opacity 500ms ease-in-out; -webkit-transition: opacity 500ms ease-in-out; } .video.video_active:after { display: none; } .video.video_play:after { opacity: 0; } .video .video_embed_code { opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; width: 0; height: 100% !important; width: 100% !important; transition: opacity 500ms ease-in-out; -webkit-transition: opacity 500ms ease-in-out; background: #000; } .video.video_play .video_embed_code { opacity: 1; } .video .video_embed_code * { display: none !important; } .video .video_embed_code iframe { display: block !important; position: absolute; top: 0; left: 0; bottom: 0; width: 0; height: 100% !important; width: 100% !important; } /* Pagination controls ----------------------------------------------------------- */ .pagination_controls { } .pagination_controls div { display: inline-block; font-size: 25px; line-height: 25px; font-family: 'Baskerville', 'Georgia', 'Times New Roman', Serif; color: #a1b5b5; } .pagination_controls .pagination_controls_prev, .pagination_controls .pagination_controls_next { background: center center no-repeat; text-indent: -9999px; text-align: left; width: 20px; cursor: pointer; -webkit-transition: opacity 300ms ease-in-out; transition: opacity 300ms ease-in-out; } .pagination_controls .pagination_controls_prev a, .pagination_controls .pagination_controls_next a { display: block; } .pagination_controls .pagination_controls_prev.disabled, .pagination_controls .pagination_controls_next.disabled { opacity: 0.5; } .pagination_controls .pagination_controls_prev { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iOXB4IiBoZWlnaHQ9IjE3cHgiIHZpZXdCb3g9IjAgMCA5IDE3IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4gICAgICAgIDx0aXRsZT5QYXRoIDE0IENvcHk8L3RpdGxlPiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4gICAgPGRlZnM+PC9kZWZzPiAgICA8ZyBpZD0iSG9tZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+ICAgICAgICA8ZyBpZD0iMSIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTc2MS4wMDAwMDAsIC01ODYyLjAwMDAwMCkiIHN0cm9rZT0iI0FDQkRCRCIgc3Ryb2tlLXdpZHRoPSIxLjIiPiAgICAgICAgICAgIDxnIGlkPSJOdW1iZXItc2xpZGUtcGFnZXIiIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDc2Mi4wMDAwMDAsIDU4NTYuMDAwMDAwKSI+ICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjQ5NzgwMjc2LDcgTC01LjU1MTExNTEyZS0xNywxNC40NzI5MDY2IEw3LjQ5NzgwMjc2LDIxLjk2MDAzMzgiIGlkPSJQYXRoLTE0LUNvcHkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); } .pagination_controls .pagination_controls_next { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB3aWR0aD0iMTBweCIgaGVpZ2h0PSIxN3B4IiB2aWV3Qm94PSIwIDAgMTAgMTciIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiPiAgICAgICAgPHRpdGxlPlBhdGggMTQgQ29weTwvdGl0bGU+ICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPiAgICA8ZGVmcz48L2RlZnM+ICAgIDxnIGlkPSJIb21lIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4gICAgICAgIDxnIGlkPSIxIiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODY4LjAwMDAwMCwgLTU4NjIuMDAwMDAwKSIgc3Ryb2tlPSIjQUNCREJEIiBzdHJva2Utd2lkdGg9IjEuMiI+ICAgICAgICAgICAgPGcgaWQ9Ik51bWJlci1zbGlkZS1wYWdlciIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzYyLjAwMDAwMCwgNTg1Ni4wMDAwMDApIj4gICAgICAgICAgICAgICAgPHBhdGggZD0iTTExNC40OTc4MDMsNyBMMTA3LDE0LjQ3MjkwNjYgTDExNC40OTc4MDMsMjEuOTYwMDMzOCIgaWQ9IlBhdGgtMTQtQ29weSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTEwLjc0ODkwMSwgMTQuNDgwMDE3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMTAuNzQ4OTAxLCAtMTQuNDgwMDE3KSAiPjwvcGF0aD4gICAgICAgICAgICA8L2c+ICAgICAgICA8L2c+ICAgIDwvZz48L3N2Zz4=); } .pagination_controls .pagination_controls_status { padding: 0 6px; } .pagination_controls .pagination_controls_status_index { color: #666; } /* Prompt ----------------------------------------------------------- */ div.arpromptfade { opacity: 1 !important; background: rgba(0,0,0,0.8); } /* Button ----------------------------------------------------------- */ .button a { padding: 6px 15px 4px; } /* link Basic text link usually used throughout the site ----------------------------------------------------------- */ .link { } .link a { font-weight: normal; } .link a, .link a:visited { color: #a1b5b5; } .link.link_more a:before { content: '+'; display: inline-block; margin: 0 8px 0 0; } /* Miscellaneous Common classes used throughout the site, generally on grids ----------------------------------------------------------- */ .artwork_caption { } .artwork_caption .title_and_year { } .artwork_caption .title_and_year em { font-weight: bold; font-style: normal; } .content_text { margin: 0 0 12px; } .description { margin: 0 0 12px; } .subtitle { color: #a1b5b5; margin: 0 0 12px; } .top_subtitle { color: #a1b5b5; margin: 0 0 12px; } .top_subtitle .separator { display: inline-block; margin: 0 8px; } .top_subtitle .separator:after { content: '/'; } .image_slideshow_controls { padding: 0; margin: 0 0 12px; } .image_slideshow_controls .label { list-style: none; display: inline-block; vertical-align: top; margin: 0 8px 0 0; padding: 5px 5px 5px 0; color: #a1b5b5; } .image_slideshow_controls ul { list-style: none; display: inline-block; vertical-align: top; padding: 0; margin: 0; } .image_slideshow_controls ul li { display: inline-block; padding: 5px; margin: 0 2px 0 0; color: #c4d6d6; cursor: pointer; } .image_slideshow_controls ul li.active { color: #a1b5b5; } .bottom_subtitle { color: #a1b5b5; padding: 0; } .bottom_subtitle .separator { display: inline-block; margin: 0 8px; } .bottom_subtitle .separator:after { content: '/'; } .date { color: #a1b5b5; } .location { color: #a1b5b5; } .price { } .image { } .image.image_border img { box-shadow: 2px 2px 10px rgba(0,0,0,0.15); } .caption { } .divider { } body.splash-loader-active #preloader #preloader_mask { background: #A1B5B5; } body.first-load-complete #preloader #loader { background: #A1B5B5; } #loader_wrapper { display: none; } body #preloader #loader { height: 4px !important; } #preloader svg { position: relative; top: 45%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 200000; width: 80px; /*opacity: 0;*/ animation: fadein 1s 1 normal; } .first-load-complete #preloader svg { display: none; } body #preloader .splash-fallback-img { display: none; } body.browser-msie #preloader .splash-fallback-img { display: block; position: relative; top: 45%; left: 50%; transform: translateX(-50%) translateY(-50%); z-index: 200000; width: 80px; } body.browser-msie #preloader svg { display: none; } body.splash-loader-active #preloader svg { transition: opacity 500ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 500ms cubic-bezier(.87,.17,.18,.85); } body.splash-loader-active #preloader.loading-start svg { opacity: 1; } body.splash-loader-active #preloader.splash-screen-out svg { opacity: 0; } .first-load-complete #preloader #preloader_mask, body.browser-msie.first-load-complete #preloader .splash-fallback-img { display: none !important; } /* Old preloaders */ /* Preloader demo animation 1 ------------------------------- body.preloader-demo-1.loader-active #preloader { display: block; } body.preloader-demo-1 #preloader.complete2 { background: none; } body.preloader-demo-1 #preloader.complete4 { opacity: 0; transition: opacity 400ms ease-in-out; -webkit-transition: opacity 400ms ease-in-out; } body.preloader-demo-1 #preloader #preloader_mask { background: #a1b5b5; background: #fff; opacity: 0; position: fixed; top: 0; left: 0; right: 0; height: 0; z-index: 10050; transition: height 500ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: height 500ms cubic-bezier(.87,.17,.18,.85); } body.preloader-demo-1 #preloader.loading #preloader_mask { opacity: 1; height: 100%; } body.preloader-demo-1 #preloader.complete2 #preloader_mask { display: none; } body.preloader-demo-1 #preloader #loader { height: 4px; position: fixed; top: 50%; width: 0; background: rgba(255,255,255,0.8); background: #a1b5b5; z-index: 10100; transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 200ms ease-in-out; -webkit-transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 200ms ease-in-out; } body.preloader-demo-1 #preloader.loading #loader { width: 10%; } body.preloader-demo-1 #preloader.complete #loader { width: 100%; height: 100%; top: 0; } body.preloader-demo-1 #preloader.complete3 #loader { opacity: 0; transition: opacity 500ms ease-in-out; -webkit-transition: opacity 500ms ease-in-out; } body.preloader-demo-1 #preloader.complete4 #loader { opacity: 0; transition: width 600ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: width 600ms cubic-bezier(.87,.17,.18,.85); } body.preloader-demo-1 #preloader #loader_logo { display: block; width: 3em; height: 0; margin: auto; position: fixed; top: -500%; z-index: 10125; bottom: -500%; left: -500%; right: -500%; box-shadow: 0 0 0 3000px #a1b5b5; background-color: rgba(255,255,255,1); opacity: 0; transition: opacity 400ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 400ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85); } body.preloader-demo-1 #preloader #loader_logo svg { width: 100%; height: 100%; } body.preloader-demo-1 #preloader #loader_logo * { width: 100%; height: 100%; fill: #a1b5b5; fill: #fff; background: #a1b5b5; } body.preloader-demo-1 #preloader.complete #loader_logo { height: 100%; opacity: 3em; -webkit-animation: swoosh 1800ms linear 1; -moz-animation: swoosh 1800ms linear 1; animation: swoosh 1800ms linear 1; } @-webkit-keyframes swoosh { 55% { height: 3em; width: 3em; } 70% { background-color: rgba(255,255,255,1); height: 1em; width: 1em; opacity: 1; } 85% { opacity: 0.5; } 100% { background-color: rgba(255,255,255,0); height: 600em; width: 600em; opacity: 0; } } @-moz-keyframes swoosh { 55% { height: 3em; width: 3em; } 70% { background-color: rgba(255,255,255,1); height: 1em; width: 1em; opacity: 1; } 85% { opacity: 0.5; } 100% { background-color: rgba(255,255,255,0); height: 600em; width: 600em; opacity: 0; } } */ /* Preloader demo animation 2 ------------------------------- body.preloader-demo-2.loader-active #preloader { display: block; } body.preloader-demo-2 #preloader.complete2 { background: none; } body.preloader-demo-2 #preloader.complete4 { opacity: 0; transition: opacity 400ms ease-in-out; -webkit-transition: opacity 400ms ease-in-out; } body.preloader-demo-2 #preloader #preloader_mask { background: #a1b5b5; background: #fff; opacity: 0; position: fixed; top: 0; left: 0; right: 0; height: 0; z-index: 10050; transition: height 500ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: height 500ms cubic-bezier(.87,.17,.18,.85); } body.preloader-demo-2 #preloader.loading #preloader_mask { opacity: 1; height: 100%; } body.preloader-demo-2 #preloader.complete2 #preloader_mask { display: none; } body.preloader-demo-2 #preloader #loader { height: 4px; position: fixed; top: 50%; width: 0; background: rgba(255,255,255,0.8); background: #a1b5b5; z-index: 10100; transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 200ms ease-in-out; -webkit-transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 200ms ease-in-out; } body.preloader-demo-2 #preloader.loading #loader { width: 10%; } body.preloader-demo-2 #preloader.complete #loader { width: 100%; height: 100%; top: 0; } body.preloader-demo-2 #preloader.complete3 #loader { height: 0; } body.preloader-demo-2 #preloader #loader_logo { display: block; width: 100px; height: 60px; margin: -30px 0 0 -50px; top: 50%; left: 50%; position: fixed; z-index: 10125; opacity: 0; transition: opacity 400ms ease-in-out, height 800ms cubic-bezier(.87,.17,.18,.85), -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 400ms ease-in-out, height 800ms cubic-bezier(.87,.17,.18,.85), -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); transform: translate3d(0, 40px, 0); -webkit-transform: translate3d(0, 40px, 0); } body.preloader-demo-2 #preloader.complete2 #loader_logo { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } body.preloader-demo-2 #preloader.complete3 #loader_logo { opacity: 0; transform: translate3d(0, 40px, 0); -webkit-transform: translate3d(0, 40px, 0); } */ /* Preloader demo animation 3 ------------------------------- body.preloader-demo-3.splash-loader-active #preloader.loading { display: block; } body.preloader-demo-3.splash-loader-active #preloader.loading.complete2 { height: 0; } body.preloader-demo-3.splash-loader-active #preloader #preloader_mask { display: block; background: #a1b5b5; opacity: 0; position: fixed; top: 0; left: 0; right: 0; height: 0; z-index: 10050; transition: height 500ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: height 500ms cubic-bezier(.87,.17,.18,.85); } body.preloader-demo-3.splash-loader-active #preloader.loading #preloader_mask { height: 100%; opacity: 1; } body.preloader-demo-3.splash-loader-active #preloader.loading.complete2-2 #preloader_mask { height: 0; top: auto; bottom: 0; } body.preloader-demo-3.splash-loader-active #preloader.loading #loader_wrapper { left: 30%; right: 30%; position: fixed; top: 50%; margin-top: 50px; z-index: 10100; height: 2px; background: rgba(255,255,255,0.08); } body.preloader-demo-3.splash-loader-active #preloader #loader { background: rgba(255,255,255,0.4); transition: width 1200ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 800ms ease-in-out, opacity 200ms ease-in-out; -webkit-transition: width 1200ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 800ms ease-in-out, opacity 200ms ease-in-out; } body.preloader-demo-3.splash-loader-active #preloader.loading #loader { height: 2px; position: absolute; top: 0; width: 15%; background: rgba(255,255,255,1); z-index: 10100; } body.preloader-demo-3.splash-loader-active #preloader.loading.complete #loader { width: 100%; background: rgba(255,255,255,1); transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 800ms ease-in-out, opacity 200ms ease-in-out; -webkit-transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 800ms ease-in-out, opacity 200ms ease-in-out; } body.preloader-demo-3.splash-loader-active #preloader.loading.complete2 #loader { width: 0; left: auto; right: 0; background: rgba(255,255,255,0.4); } body.preloader-demo-3.splash-loader-active #preloader.loading.complete2-2 #loader_wrapper { background: rgba(255,255,255,0); transition: background 400ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: background 400ms cubic-bezier(.87,.17,.18,.85); } body.preloader-demo-3.splash-loader-active #preloader #loader_logo { display: block; width: 100px; height: 40px; margin: -30px 0 0 -50px; top: 50%; left: 50%; position: fixed; z-index: 10125; opacity: 0; transition: opacity 400ms ease-in-out, height 800ms cubic-bezier(.87,.17,.18,.85), -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 400ms ease-in-out, height 800ms cubic-bezier(.87,.17,.18,.85), -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); transform: translate3d(0, 120px, 0); -webkit-transform: translate3d(0, 120px, 0); } body.preloader-demo-3.splash-loader-active #preloader.loading #loader_logo { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } body.preloader-demo-3.splash-loader-active #preloader.complete2-2 #loader_logo { opacity: 0; transform: translate3d(0, -120px, 0); -webkit-transform: translate3d(0, -120px, 0); } */ /* Preloader demo animation 4 ------------------------------- body.preloader-demo-4.splash-loader-active #preloader.loading { display: block; } body.preloader-demo-4.splash-loader-active #preloader.loading.complete2 { height: 0; } body.preloader-demo-4.splash-loader-active #preloader #preloader_mask { display: block; background: #a1b5b5; opacity: 0; position: fixed; top: 0; left: 0; right: 0; height: 0; z-index: 10050; transition: height 500ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: height 500ms cubic-bezier(.87,.17,.18,.85); } body.preloader-demo-4.splash-loader-active #preloader.loading #preloader_mask { height: 100%; opacity: 1; } body.preloader-demo-4.splash-loader-active #preloader.loading.complete2-2 #preloader_mask { height: 0; top: auto; bottom: 0; } body.preloader-demo-4 #preloader #loader_wrapper { display: none; } body.preloader-demo-4.splash-loader-active #preloader.loading #loader_wrapper { left: 30%; right: 30%; position: fixed; top: 50%; margin-top: 50px; z-index: 10100; height: 2px; background: rgba(255,255,255,0.08); display: none !important; } body.preloader-demo-4.splash-loader-active #preloader #loader { background: rgba(255,255,255,0.4); transition: width 1200ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 800ms ease-in-out, opacity 200ms ease-in-out; -webkit-transition: width 1200ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 800ms ease-in-out, opacity 200ms ease-in-out; } body.preloader-demo-4.splash-loader-active #preloader.loading #loader { height: 2px; position: absolute; top: 0; width: 15%; background: rgba(255,255,255,1); z-index: 10100; } body.preloader-demo-4.splash-loader-active #preloader.loading.complete #loader { width: 100%; background: rgba(255,255,255,1); transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 800ms ease-in-out, opacity 200ms ease-in-out; -webkit-transition: width 800ms ease-in-out, height 500ms cubic-bezier(.87,.17,.18,.85), top 500ms cubic-bezier(.87,.17,.18,.85), background 800ms ease-in-out, opacity 200ms ease-in-out; } body.preloader-demo-4.splash-loader-active #preloader.loading.complete2 #loader { width: 0; left: auto; right: 0; background: rgba(255,255,255,0.4); } body.preloader-demo-4.splash-loader-active #preloader.loading.complete2-2 #loader_wrapper { background: rgba(255,255,255,0); transition: background 400ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: background 400ms cubic-bezier(.87,.17,.18,.85); } body.preloader-demo-4.splash-loader-active #preloader #loader_logo { display: block; width: 225px; height: 40px; margin: -30px 0 0 -112px; top: 50%; left: 50%; position: fixed; z-index: 10125; opacity: 0; transition: opacity 400ms ease-in-out, height 800ms cubic-bezier(.87,.17,.18,.85), -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); -webkit-transition: opacity 400ms ease-in-out, height 800ms cubic-bezier(.87,.17,.18,.85), -webkit-transform 800ms cubic-bezier(.87,.17,.18,.85); transform: translate3d(0, 120px, 0); -webkit-transform: translate3d(0, 120px, 0); background: url(/images/splash_preloader_logo_2x.gif) center center no-repeat; background-size: auto 40px; } body.preloader-demo-4 #preloader #loader_logo svg { display: none !important; } body.preloader-demo-4.splash-loader-active #preloader.loading2 #loader_logo { opacity: 1; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); } body.preloader-demo-4.splash-loader-active #preloader.complete2 #loader_logo { opacity: 0; transform: translate3d(0, -120px, 0); -webkit-transform: translate3d(0, -120px, 0); } */