@charset "UTF-8"; /***************************************************************** Imports *****************************************************************/ /***************************************************************** HTML5 Reset *****************************************************************/ /* HTML5 Reset :: style.css ---------------------------------------------------------- We have learned much from/been inspired by/taken code where offered from: Eric Meyer :: http://ericmeyer.com HTML5 Doctor :: http://html5doctor.com and the HTML5 Boilerplate :: http://html5boilerplate.com -------------------------------------------------------------------------------*/ /* Let's default this puppy out -------------------------------------------------------------------------------*/ @import url("//hello.myfonts.net/count/29e665"); html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } html { height: 100%; } article, aside, figure, footer, header, hgroup, nav, section { display: block; } /* Responsive images and other embedded objects Note: keeping IMG here will cause problems if you're using foreground images as sprites. If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */ object, embed { max-width: 100%; } /* force a vertical scrollbar to prevent a jumpy page */ /* we use a lot of ULs that aren't bulleted. don't forget to restore the bullets within content. */ ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } /* tables still need cellspacing="0" in the markup */ table { border-collapse: collapse; border-spacing: 0; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } select, input, textarea { font: 99% sans-serif; } table { font-size: inherit; font: 100%; } /* Accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } small { font-size: 85%; } strong, th { font-weight: bold; } td, td img { vertical-align: top; } /* Make sure sup and sub don't screw with your line-heights gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* standardize any monospaced elements */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* hand cursor on clickable elements */ .clickable, label, input[type=button], input[type=submit], button { cursor: pointer; } /* Webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* make buttons play nice in IE */ button { width: auto; overflow: visible; } /* scale images in IE7 more attractively */ .ie7 img { -ms-interpolation-mode: bicubic; } /* prevent BG image flicker upon hover */ .ie6 html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* let's clear some floats */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* Ok, this is where the fun starts. -------------------------------------------------------------------------------*/ /* new Linux- and Windows-friendly sans-serif font stack: http://mky.be/fontstack */ /* using local fonts? make sure to read up on Paul Irish's Bulletproof @font-face syntax: http://mky.be/font-face/bulletproof/ */ /* we like off-black for text */ /* Custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */ ::-moz-selection { background: #ddd; color: black; text-shadow: none; } ::selection { background: #ddd; color: black; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ /* Visibility -------------------------------------------------------------------------------*/ /* Hide for both screenreaders and browsers: css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders: by Jon Neal. www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /***************************************************************** Mixins *****************************************************************/ /* @mixin custom-scroller { &::-webkit-scrollbar { width: 8px; } &::-webkit-scrollbar-track { border-radius: 0; background: $white; } &::-webkit-scrollbar-thumb { border-radius: 0; background: $t-l-gray; } } */ /**** Animation Mixin ****/ /***************************************************************** Mixins: Rem Conversions *****************************************************************/ /**** Rem Conversion Mixin: for Base Ten Setup; ****/ /*@mixin font-size($sizeValue: 1.6) { font-size: ($sizeValue * 10) + px; font-size: $sizeValue + rem; }*/ /**** Rem Conversion for 100% base fontsize ****/ /***************************************************************** Mixins *****************************************************************/ /* Box */ /***************************************************************** Mixins *****************************************************************/ /* Sabon */ /***************************************************************** Colors *****************************************************************/ .blue { color: #20c1d3; } .gray { color: #a7a9ac; } /*----------- CLEAR FIX -----------*/ .sponsor-group:before, .sponsor-group:after { content: "\0020"; display: block; height: 0; overflow: hidden; } .sponsor-group:after { clear: both; } .sponsor-group { zoom: 1; } /***************************************************************** Custom Functions *****************************************************************/ /***** Adds Background Images *****/ /***** Adds Slideshow Images *****/ /***** convert to rem *****/ /***************************************************************** Variables *****************************************************************/ /***************************************************************** CSS3 Transitions: Custom *****************************************************************/ @-webkit-keyframes opacity-pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes opacity-pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-ms-keyframes opacity-pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @keyframes opacity-pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes opacity-pulse { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes opacity-pulse-down { 0% { opacity: 1; -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(0); } 50% { -webkit-transform: translateY(20px); opacity: 0; } 75% { opacity: 0; -webkit-transform: translateY(0px); } 100% { opacity: 1; } } @-moz-keyframes opacity-pulse-down { 0% { opacity: 1; -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(0); } 50% { -moz-transform: translateY(20px); opacity: 0; } 75% { opacity: 0; -moz-transform: translateY(0px); } 100% { opacity: 1; } } @keyframes opacity-pulse-down { 0% { opacity: 1; transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(0); } 50% { transform: translateY(20px); opacity: 0; } 75% { opacity: 0; transform: translateY(0px); } 100% { opacity: 1; } } /***************************************************************** Daneden CSS3 Transitions *****************************************************************/ @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(0.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(0.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn !important; -moz-animation-name: fadeIn !important; -o-animation-name: fadeIn !important; animation-name: fadeIn !important; } @-webkit-keyframes fadeIn90 { 0% { opacity: 0; } 100% { opacity: .9; } } @-moz-keyframes fadeIn90 { 0% { opacity: 0; } 100% { opacity: .9; } } @-o-keyframes fadeIn90 { 0% { opacity: 0; } 100% { opacity: .9; } } @keyframes fadeIn90 { 0% { opacity: 0; } 100% { opacity: .9; } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(40px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(40px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp !important; -moz-animation-name: fadeInUp !important; -o-animation-name: fadeInUp !important; animation-name: fadeInUp !important; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-40px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-40px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-40px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown !important; -moz-animation-name: fadeInDown !important; -o-animation-name: fadeInDown !important; animation-name: fadeInDown !important; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp !important; -moz-animation-name: fadeOutUp !important; -o-animation-name: fadeOutUp !important; animation-name: fadeOutUp !important; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(0.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(0.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(0.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } /***************************************************************** Typography *****************************************************************/ html { font-size: 100%; } body { color: #000000; font-size: 14px; font-size: 0.875rem; } * { font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } * > i, * > em, * > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } h1 { margin-bottom: 30px; font-size: 55px; font-size: 3.4375rem; line-height: 95%; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; letter-spacing: 0; } h1 > i, h1 > em, h1 > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } h2 { margin-bottom: 10px; font-size: 32px; font-size: 2rem; line-height: 110%; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; letter-spacing: 0; text-transform: uppercase; } h2 > i, h2 > em, h2 > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } h3 { margin-bottom: 10px; font-size: 28px; font-size: 1.75rem; line-height: 125%; letter-spacing: 0; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } h3 > i, h3 > em, h3 > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } h3 small { font-size: 60%; display: block; line-height: 1; letter-spacing: 0; } .blue { color: #20c1d3; } .highlight { background: #ebebec; padding: 5px 5px 2px; } h4 { margin-bottom: 5px; font-size: 20px; font-size: 1.25rem; line-height: 115%; letter-spacing: 0; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; } h4 > i, h4 > em, h4 > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } p { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } p > i, p > em, p > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } p b, p strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } p b > i, p b > em, p b > em *, p strong > i, p strong > em, p strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } /* p.p-large { font-size: 24px; } */ .p-large p, .p-large li { font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; font-size: 24px; } .p-large p > i, .p-large p > em, .p-large p > em *, .p-large li > i, .p-large li > em, .p-large li > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .p-strong, p.p-strong { font-family: 'BoxedHeavy'; font-style: normal !important; font-weight: normal !important; } .p-strong > i, .p-strong > em, .p-strong > em *, p.p-strong > i, p.p-strong > em, p.p-strong > em * { font-family: 'BoxedHeavy-Italic'; font-style: normal !important; font-weight: normal !important; } p.sub-head { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; padding-bottom: 15px; } p.sub-head > i, p.sub-head > em, p.sub-head > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } h5 { margin-bottom: 5px; font-size: 17px; font-size: 1.0625rem; line-height: 125%; letter-spacing: 0; text-transform: uppercase; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } h5 > i, h5 > em, h5 > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } h5 span { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; padding: 0; margin: 0; line-height: inherit; } h5 span > i, h5 span > em, h5 span > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } h5 span b, h5 span strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } h5 span b > i, h5 span b > em, h5 span b > em *, h5 span strong > i, h5 span strong > em, h5 span strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } h6 { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; line-height: 125%; } h6 > i, h6 > em, h6 > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } h6 b, h6 strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } h6 b > i, h6 b > em, h6 b > em *, h6 strong > i, h6 strong > em, h6 strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .thin { font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } .thin > i, .thin > em, .thin > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } ul, ol, dl { margin-bottom: 1.25em; list-style-position: inside; line-height: 150%; } ul li ul, ul li ol { margin-left: 1.25em; font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; margin-bottom: 0; } ul li ul > i, ul li ul > em, ul li ul > em *, ul li ol > i, ul li ol > em, ul li ol > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } ul li ul b, ul li ul strong, ul li ol b, ul li ol strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } ul li ul b > i, ul li ul b > em, ul li ul b > em *, ul li ul strong > i, ul li ul strong > em, ul li ul strong > em *, ul li ol b > i, ul li ol b > em, ul li ol b > em *, ul li ol strong > i, ul li ol strong > em, ul li ol strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } ul { list-style-type: disc; } li { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; line-height: 150%; margin-bottom: 0; padding-bottom: 0; } li > i, li > em, li > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } li b, li strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } li b > i, li b > em, li b > em *, li strong > i, li strong > em, li strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } dt { margin-bottom: 5px; font-size: 17px; font-size: 1.0625rem; line-height: 125%; letter-spacing: 0; text-transform: uppercase; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; padding: 0; margin: 0; } dt > i, dt > em, dt > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } dd { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; padding: 0; margin: 0; } dd > i, dd > em, dd > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } dd b, dd strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } dd b > i, dd b > em, dd b > em *, dd strong > i, dd strong > em, dd strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .list-large { list-style: none; } .list-large li { clear: both; } .list-large li a { display: block; margin-bottom: 30px; font-size: 55px; font-size: 3.4375rem; line-height: 95%; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; letter-spacing: 0; letter-spacing: 3px; color: #20c1d3; } .list-large li a > i, .list-large li a > em, .list-large li a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .list-large li a:hover { color: #000000; } /***************************************************************** Style Tags / Links *****************************************************************/ a { text-decoration: none; color: #20c1d3; text-decoration: none; transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -ms-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; } .no-touch a:hover { color: #000000; text-decoration: none; transition: all 0.25s linear 0s; -webkit-transition: all 0.25s linear 0s; -moz-transition: all 0.25s linear 0s; -ms-transition: all 0.25s linear 0s; -o-transition: all 0.25s linear 0s; } p a { cursor: pointer; } u { text-decoration: none; border-bottom: 1px solid #000; } .large-link { margin-bottom: 10px; font-size: 32px; font-size: 2rem; line-height: 110%; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; letter-spacing: 0; text-transform: uppercase; margin-top: 60px; display: block; } .large-link > i, .large-link > em, .large-link > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .medium-link { font-size: 28px; font-size: 1.75rem; font-family: 'BoxedHeavy'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; display: block; } .medium-link > i, .medium-link > em, .medium-link > em * { font-family: 'BoxedHeavy-Italic'; font-style: normal !important; font-weight: normal !important; } .center { text-align: center; } cite { font-weight: inherit; font-family: inherit; font-style: normal; } blockquote { font-size: 24px; font-size: 1.5rem; height: auto; padding: 10px; margin-bottom: 10px; display: table; font-family: Sabon-RomanOsF; font-style: normal !important; font-weight: normal !important; float: right; margin-left: 35px; padding: 15px; max-width: 50%; position: relative; } blockquote b, blockquote > strong, blockquote > strong i, blockquote > b i, blockquote i { font-style: normal !important; font-weight: normal !important; } blockquote > i, blockquote > em { font-family: Sabon-ItalicOsF; } blockquote > b, blockquote > strong { font-family: Sabon-BoldOsF; } blockquote > b i, blockquote > strong i { font-family: Sabon-BoldItalicOsF; } blockquote cite { display: block; color: #000; margin-top: 10px; font-size: 80%; font-family: Sabon-BoldOsF; font-style: normal !important; font-weight: normal !important; color: #20c1d3; } blockquote p { padding-bottom: 15px; } blockquote .quotes { font-family: Sabon-BoldOsF; font-style: normal !important; font-weight: normal !important; } blockquote .quote-open { font-size: 240%; position: absolute; left: -24px; top: -2px; line-height: 100%; } code { font-family: Monaco; font-size: .7em; color: #000000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 2px 4px 2px 4px; padding: 0.125rem 0.25rem 0.125rem 0.25rem; border: 1px solid #000000; } pre { background: #000; color: white; padding: 20px; margin: 0 0 20px 0; /* Probably the same as paragraphs */ } mark { background: #000000; /* The Fallback */ background: rgba(0, 0, 0, 0.8); color: white; padding: 0px 2px 2px 2px; padding: 0rem 0.125rem 0.125rem 0.125rem; display: inline-block; line-height: 105%; } details { color: #000000; } details summary { color: #000000; cursor: pointer; } details p { color: #000; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.7s; -moz-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } /** @license MyFonts Webfont Build ID 2745957, 2014-02-12T13:45:54-0500 The fonts listed in this notice are subject to the End User License Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: Boxed Thin Italic by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/thin-italic/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/regular/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Medium by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/medium/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Italic by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/italic/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Medium Italic by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/medium-italic/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Light Italic by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/light-italic/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Light by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/light/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Extralight by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/extralight/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Extralight Italic by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/extralight-italic/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Heavy by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/heavy/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Semibold Italic by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/semibold-italic/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Semibold by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/semibold/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Book by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/book/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Book Italic by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/book-italic/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Bold by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/bold/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Heavy Italic by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/heavy-italic/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Bold Italic by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/bold-italic/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Boxed Thin by Tipo Pèpel URL: http://www.myfonts.com/fonts/tipo-pepel/boxed/thin/ Copyright: Copyright (c) 2013 by Josep Patau Bellart. All rights reserved. Licensed pageviews: 10,000 Webfont: Sabon Roman by Linotype URL: http://www.myfonts.com/fonts/linotype/sabon/roman/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and may no Licensed pageviews: 250,000 Webfont: Sabon Bold Oldstyle Figures by Linotype URL: http://www.myfonts.com/fonts/linotype/sabon/bold-oldstyle-figures/ Copyright: Copyright (c) 1988, 1991, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software may not be reproduced, used, displayed, modified, disclosed or transferred without the express written approval of Linotype Library GmbH. Sabon is a Licensed pageviews: 250,000 Webfont: Sabon Italic by Linotype URL: http://www.myfonts.com/fonts/linotype/sabon/italic/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and may no Licensed pageviews: 250,000 Webfont: Sabon Bold Italic Oldstyle Figures by Linotype URL: http://www.myfonts.com/fonts/linotype/sabon/bold-italic-oldstyle-figures/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted © 1988 - 2009 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be repro Licensed pageviews: 250,000 Webfont: Sabon Bold by Linotype URL: http://www.myfonts.com/fonts/linotype/sabon/bold/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and may no Licensed pageviews: 250,000 Webfont: Sabon Roman Oldstyle Figures by Linotype URL: http://www.myfonts.com/fonts/linotype/sabon/roman-oldstyle-figures/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1988, 1991, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and Licensed pageviews: 250,000 Webfont: Sabon Bold Italic by Linotype URL: http://www.myfonts.com/fonts/linotype/sabon/bold-italic/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1989, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype Library GmbH, and may no Licensed pageviews: 250,000 Webfont: Sabon Italic Oldstyle Figures by Linotype URL: http://www.myfonts.com/fonts/linotype/sabon/italic-oldstyle-figures/ Copyright: Copyright (c) 1988, 1991, 2003 Linotype Library GmbH, www.linotype.com. All rights reserved. This software may not be reproduced, used, displayed, modified, disclosed or transferred without the express written approval of Linotype Library GmbH. Sabon is a Licensed pageviews: 250,000 Webfont: Sabon Roman Small Caps & Oldstyle Figures by Linotype URL: http://www.myfonts.com/fonts/linotype/sabon/roman-small-caps-and-oldstyle-figures/ Copyright: Part of the digitally encoded machine readable outline data for producing the Typefaces provided is copyrighted (c) 1988, 1991, 2003, 2006 Linotype GmbH, www.linotype.com. All rights reserved. This software is the property of Linotype GmbH, and may not be Licensed pageviews: 250,000 License: http://www.myfonts.com/viewlicense?type=web&buildid=2745957 © 2014 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ @font-face { font-family: 'BoxedThin-Italic'; src: url("../type/custom-fonts/29E665_0_0.eot"); src: url("../type/custom-fonts/29E665_0_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_0_0.woff") format("woff"), url("../type/custom-fonts/29E665_0_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedRegular'; src: url("../type/custom-fonts/29E665_1_0.eot"); src: url("../type/custom-fonts/29E665_1_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_1_0.woff") format("woff"), url("../type/custom-fonts/29E665_1_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedMedium'; src: url("../type/custom-fonts/29E665_2_0.eot"); src: url("../type/custom-fonts/29E665_2_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_2_0.woff") format("woff"), url("../type/custom-fonts/29E665_2_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedRegular-Italic'; src: url("../type/custom-fonts/29E665_3_0.eot"); src: url("../type/custom-fonts/29E665_3_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_3_0.woff") format("woff"), url("../type/custom-fonts/29E665_3_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedMedium-Italic'; src: url("../type/custom-fonts/29E665_4_0.eot"); src: url("../type/custom-fonts/29E665_4_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_4_0.woff") format("woff"), url("../type/custom-fonts/29E665_4_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedLight-Italic'; src: url("../type/custom-fonts/29E665_5_0.eot"); src: url("../type/custom-fonts/29E665_5_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_5_0.woff") format("woff"), url("../type/custom-fonts/29E665_5_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedLight'; src: url("../type/custom-fonts/29E665_6_0.eot"); src: url("../type/custom-fonts/29E665_6_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_6_0.woff") format("woff"), url("../type/custom-fonts/29E665_6_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedExtralight'; src: url("../type/custom-fonts/29E665_7_0.eot"); src: url("../type/custom-fonts/29E665_7_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_7_0.woff") format("woff"), url("../type/custom-fonts/29E665_7_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedExtralight-Italic'; src: url("../type/custom-fonts/29E665_8_0.eot"); src: url("../type/custom-fonts/29E665_8_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_8_0.woff") format("woff"), url("../type/custom-fonts/29E665_8_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedHeavy'; src: url("../type/custom-fonts/29E665_9_0.eot"); src: url("../type/custom-fonts/29E665_9_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_9_0.woff") format("woff"), url("../type/custom-fonts/29E665_9_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedSemibold-Italic'; src: url("../type/custom-fonts/29E665_A_0.eot"); src: url("../type/custom-fonts/29E665_A_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_A_0.woff") format("woff"), url("../type/custom-fonts/29E665_A_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedSemibold'; src: url("../type/custom-fonts/29E665_B_0.eot"); src: url("../type/custom-fonts/29E665_B_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_B_0.woff") format("woff"), url("../type/custom-fonts/29E665_B_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedBook'; src: url("../type/custom-fonts/29E665_C_0.eot"); src: url("../type/custom-fonts/29E665_C_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_C_0.woff") format("woff"), url("../type/custom-fonts/29E665_C_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedBook-Italic'; src: url("../type/custom-fonts/29E665_D_0.eot"); src: url("../type/custom-fonts/29E665_D_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_D_0.woff") format("woff"), url("../type/custom-fonts/29E665_D_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedRegular-Bold'; src: url("../type/custom-fonts/29E665_E_0.eot"); src: url("../type/custom-fonts/29E665_E_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_E_0.woff") format("woff"), url("../type/custom-fonts/29E665_E_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedHeavy-Italic'; src: url("../type/custom-fonts/29E665_F_0.eot"); src: url("../type/custom-fonts/29E665_F_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_F_0.woff") format("woff"), url("../type/custom-fonts/29E665_F_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedRegular-BoldItalic'; src: url("../type/custom-fonts/29E665_10_0.eot"); src: url("../type/custom-fonts/29E665_10_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_10_0.woff") format("woff"), url("../type/custom-fonts/29E665_10_0.ttf") format("truetype"); } @font-face { font-family: 'BoxedThin'; src: url("../type/custom-fonts/29E665_11_0.eot"); src: url("../type/custom-fonts/29E665_11_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_11_0.woff") format("woff"), url("../type/custom-fonts/29E665_11_0.ttf") format("truetype"); } @font-face { font-family: 'SabonLT-Roman'; src: url("../type/custom-fonts/29E665_12_0.eot"); src: url("../type/custom-fonts/29E665_12_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_12_0.woff") format("woff"), url("../type/custom-fonts/29E665_12_0.ttf") format("truetype"); } @font-face { font-family: 'Sabon-BoldOsF'; src: url("../type/custom-fonts/29E665_13_0.eot"); src: url("../type/custom-fonts/29E665_13_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_13_0.woff") format("woff"), url("../type/custom-fonts/29E665_13_0.ttf") format("truetype"); } @font-face { font-family: 'SabonLT-Italic'; src: url("../type/custom-fonts/29E665_14_0.eot"); src: url("../type/custom-fonts/29E665_14_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_14_0.woff") format("woff"), url("../type/custom-fonts/29E665_14_0.ttf") format("truetype"); } @font-face { font-family: 'Sabon-BoldItalicOsF'; src: url("../type/custom-fonts/29E665_15_0.eot"); src: url("../type/custom-fonts/29E665_15_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_15_0.woff") format("woff"), url("../type/custom-fonts/29E665_15_0.ttf") format("truetype"); } @font-face { font-family: 'SabonLT-Bold'; src: url("../type/custom-fonts/29E665_16_0.eot"); src: url("../type/custom-fonts/29E665_16_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_16_0.woff") format("woff"), url("../type/custom-fonts/29E665_16_0.ttf") format("truetype"); } @font-face { font-family: 'Sabon-RomanOsF'; src: url("../type/custom-fonts/29E665_17_0.eot"); src: url("../type/custom-fonts/29E665_17_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_17_0.woff") format("woff"), url("../type/custom-fonts/29E665_17_0.ttf") format("truetype"); } @font-face { font-family: 'SabonLT-BoldItalic'; src: url("../type/custom-fonts/29E665_18_0.eot"); src: url("../type/custom-fonts/29E665_18_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_18_0.woff") format("woff"), url("../type/custom-fonts/29E665_18_0.ttf") format("truetype"); } @font-face { font-family: 'Sabon-ItalicOsF'; src: url("../type/custom-fonts/29E665_19_0.eot"); src: url("../type/custom-fonts/29E665_19_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_19_0.woff") format("woff"), url("../type/custom-fonts/29E665_19_0.ttf") format("truetype"); } @font-face { font-family: 'Sabon-RomanSC'; src: url("../type/custom-fonts/29E665_1A_0.eot"); src: url("../type/custom-fonts/29E665_1A_0.eot?#iefix") format("embedded-opentype"), url("../type/custom-fonts/29E665_1A_0.woff") format("woff"), url("../type/custom-fonts/29E665_1A_0.ttf") format("truetype"); } /* v1.0.5 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 600px; height: 400px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: transparent; } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: transparent; } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: transparent; } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s,opacity 0.3s linear; transition: visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position: absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } .rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { z-index: 15; } img.rsImg { max-width: none; } .grab-cursor { cursor: url(grab.png) 8 8, move; } .grabbing-cursor { cursor: url(grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left: 0; top: 0; position: absolute; width: 100%; height: 100%; display: block; z-index: 20; background: url(blank.gif); } /****************************** * * RoyalSlider Default Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * * Sprite: 'rs-default.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: white; color: black; } /*************** * * 1. Arrows * ****************/ /* .rsDefault .rsArrow { height: 100%; width: 44px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsVer .rsArrow { width: 100%; height: 44px; } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; } .rsDefault.rsHor .rsArrowRight { right: 0; top:0; } .rsDefault .rsArrowIcn { width: 32px; height: 32px; top: 50%; left: 50%; margin-top:-16px; margin-left: -16px; position: absolute; cursor: pointer; background: url('rs-default.png'); background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsArrowIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; } .rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; } .rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; } .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none; } */ /*************** * * 2. Bullets * ****************/ .rsDefault .rsBullets { position: absolute; z-index: 35; left: 0; bottom: 0; width: 100%; height: auto; margin: 0 auto; background: #000; background: rgba(0, 0, 0, 0.75); text-align: center; line-height: 8px; overflow: hidden; } .rsDefault .rsBullet { width: 8px; height: 8px; display: inline-block; *display: inline; *zoom: 1; padding: 6px 5px 6px; } .rsDefault .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #777; background: rgba(255, 255, 255, 0.5); } .rsDefault .rsBullet.rsNavSelected span { background-color: #FFF; } /*************** * * 3. Thumbnails * ****************/ .rsDefault .rsThumbsHor { width: 100%; height: 72px; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; } .rsDefault .rsThumb img { width: 100%; height: 100%; } .rsDefault .rsThumb.rsNavSelected { background: #02874a; } .rsDefault .rsThumb.rsNavSelected img { opacity: 0.3; filter: alpha(opacity=30); } .rsDefault .rsTmb { display: block; } /* Thumbnails with text */ .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsDefault .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /* Thumbnails arrow icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #000; background: rgba(0, 0, 0, 0.75); } .rsDefault .rsThumbsArrow:hover { background: rgba(0, 0, 0, 0.9); } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top: 0; } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; position: absolute; cursor: pointer; background: url("../i/rs/rs-default.png"); } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsDefault .rsThumbsArrowDisabled { display: none !important; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsDefault .rsThumb { width: 59px; height: 44px; } .rsDefault .rsThumbsHor { height: 44px; } .rsDefault .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsDefault .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align: center; overflow: hidden; padding-top: 12px; position: relative; } .rsDefault .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #FFF; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff; *display: inline; *zoom: 1; } .rsDefault .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .rsDefault .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; } .rsDefault .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .rsDefault .rsTab.rsNavSelected { color: #FFF; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #ACACAC; background-image: -webkit-linear-gradient(top, #ACACAC, #BBB); background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); background-image: linear-gradient(to bottom, #ACACAC, #BBB); } /*************** * * 5. Fullscreen button * ****************/ .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url("../i/rs/rs-default.png") 0 0; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0, 0, 0, 0.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsDefault .rsPlayBtn { -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); width: 64px; height: 64px; margin-left: -32px; margin-top: -32px; cursor: pointer; } .rsDefault .rsPlayBtnIcon { width: 64px; display: block; height: 64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background: url(../i/rs/rs-default.png) no-repeat 0 -32px; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0, 0, 0, 0.9); } .rsDefault .rsBtnCenterer { position: absolute; left: 50%; top: 50%; } .rsDefault .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsDefault .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsDefault .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url("../i/rs/rs-default.png") -64px 0; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background-color: #000; } .rsDefault .rsCloseVideoIcn:hover { background-color: rgba(0, 0, 0, 0.9); } /*************** * * 7. Preloader * ****************/ .rsDefault .rsPreloader { width: 20px; height: 20px; background-image: url(../i/rs/preloader-white.gif); left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; } /*************** * * 8. Global caption * ****************/ .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: black; background: rgba(0, 0, 0, 0.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } #large-slideshow { width: 100%; height: 100%; top: 0; left: 0; -webkit-backface-visibility: hidden; position: relative; clear: both; float: left; overflow: hidden; visibility: hidden; } #large-slideshow.loaded { visibility: visible; -webkit-animation-name: FadeIn; -moz-animation-name: FadeIn; animation-name: FadeIn; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } #large-slideshow .rsOverflow { width: 100% !important; } #large-slideshow .rsNavOuter { background: none !important; width: auto !important; right: 20px !important; bottom: 20px !important; position: absolute; white-space: nowrap; } #large-slideshow .rsNav { background: none !important; width: auto !important; right: auto !important; bottom: auto !important; left: auto !important; top: auto !important; position: relative !important; float: left !important; } #large-slideshow .rsBullet { cursor: pointer; width: 9px !important; height: 9px !important; padding: 2px 5px !important; } #large-slideshow .rsBullet.rsNavSelected span { background: #000000 !important; } #large-slideshow .rsBullet span { width: 9px !important; height: 9px !important; background: #fff !important; } #large-slideshow .rsBullet:hover span { background: #000000 !important; } #menu-slideshow { width: 866px; height: 325px; -webkit-backface-visibility: hidden; position: relative; clear: both; float: left; } .rsArrowIcn { display: none !important; } .rsArrow { float: none !important; top: 50%; margin-top: -12px; position: absolute; z-index: 10; background: #ebebec; padding: 5px; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 85 ")"; filter: alpha(opacity=85); zoom: 1; } .rsArrow .icon { color: #000 !important; font-size: 24px; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; padding-top: 3px; position: relative; } .rsArrow:hover { transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; background: #20c1d3; } .rsArrow:hover .icon { color: #fff !important; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .rsArrowLeft { left: 0; } .rsArrowLeft .icon { left: -2px; } .rsArrowRight { right: 0; } .rsArrowRight .icon { left: 2px; } .bullet-arrow { color: #fff; cursor: pointer; display: inline-block; line-height: 100%; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; float: left; } .bullet-arrow .icon, .bullet-arrow span { position: relative; display: inline-block; } .bullet-arrow .icon { font-size: 9px; top: -1px; } .bullet-arrow span { font-size: 12px; text-transform: uppercase; } .bullet-arrow:hover { color: #000000; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .bullet-arrow-left { padding-right: 15px; } .bullet-arrow-left .icon { padding-right: 2px; } .bullet-arrow-right { padding-left: 15px; } .bullet-arrow-right .icon { padding-left: 2px; } .gallery-caption { position: absolute; bottom: 90px; left: 0; background: #ebebec; padding: 20px 40px 20px 20px; opacity: 0.85 !important; } .gallery-caption .content-block, .gallery-caption .content-block * { padding-bottom: 0 !important; margin-bottom: 0 !important; } .gallery-caption p { max-width: 300px; } .gallery-caption p.caption { font-size: 15px; } .gallery-caption p.source { font-size: 13px; color: #a7a9ac; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .gallery-caption p.source > i, .gallery-caption p.source > em, .gallery-caption p.source > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } /******************************************************\ * * Base TouchCarousel stylesheet * * Contents: * * 1. Main containers * 2. Carousel items * 3. Arrows(direction) navigation * 4. Paging navigation * 5. Scrollbar * 6. Cursors * \******************************************************/ /******************************************************\ * * 1. Main containers (carousel size, background) * \******************************************************/ .touchcarousel { position: relative; width: 600px; height: 400px; /* style is removed after carousel is inited, use !important if you want to keep it*/ overflow: hidden; } .touchcarousel .touchcarousel-container { position: relative; margin: 0; padding: 0; list-style: none; left: 0; } .touchcarousel .touchcarousel-wrapper { position: relative; overflow: hidden; width: 100%; height: 100%; } /******************************************************\ * * 2. Carousel items (item styling, spacing between items) * \******************************************************/ .touchcarousel .touchcarousel-item { /* use margin-right for spacing between items */ margin: 0 0 0 0; padding: 0; float: left; } /* Last carousel item */ .touchcarousel .touchcarousel-item.last { margin-right: 0 !important; } /******************************************************\ * * 3. Arrows(direction) navigation * \******************************************************/ /* arrow hitstate and icon holder */ .touchcarousel .arrow-holder { height: 100%; width: 45px; position: absolute; top: 0; display: block; cursor: pointer; z-index: 25; } .touchcarousel .arrow-holder.left { left: 0; } .touchcarousel .arrow-holder.right { right: 0; } /* arrow icons */ .touchcarousel .arrow-icon { width: 45px; height: 90px; top: 50%; margin-top: -45px; position: absolute; cursor: pointer; } .touchcarousel .arrow-holder.disabled { cursor: default; } .touchcarousel .arrow-holder.disabled .arrow-icon { cursor: default; } /******************************************************\ * * 4. Paging navigation * \******************************************************/ .touchcarousel .tc-paging-container { width: 100%; overflow: hidden; position: absolute; margin-top: -20px; z-index: 25; } .touchcarousel .tc-paging-centerer { float: left; position: relative; left: 50%; } .touchcarousel .tc-paging-centerer-inside { float: left; position: relative; left: -50%; } /* Paging items */ .touchcarousel .tc-paging-item { float: left; cursor: pointer; position: relative; display: block; text-indent: -9999px; } /******************************************************\ * * 5. Scrollbar * \******************************************************/ .touchcarousel .scrollbar-holder { position: absolute; z-index: 30; left: 6px; right: 6px; bottom: 5px; height: 4px; overflow: hidden; } .touchcarousel .scrollbar { position: absolute; left: 0; height: 4px; bottom: 0px; } .touchcarousel .scrollbar.dark { background-color: #828282; background-color: rgba(0, 0, 0, 0.5); } .touchcarousel .scrollbar.light { background-color: #d2d2d2; background-color: rgba(255, 255, 255, 0.5); } /******************************************************\ * * 6. Cursors * \******************************************************/ /* IE and Opera use "move", FF uses -moz-grab */ .touchcarousel .grab-cursor { cursor: url(../i/rs.grab.png) 8 8, move; } .touchcarousel .grabbing-cursor { cursor: url(../i/rs/grabbing.png) 8 8, move; } /* Cursor that used when mouse drag is disabled */ .touchcarousel .auto-cursor { cursor: auto; } /* Copyright 2011, Dmitry Semenov, http://dimsemenov.com */ #short-slideshow { width: 100% !important; margin: 0; overflow: hidden !important; height: 360px; } #short-slideshow .touchcarousel-wrapper { overflow: visible !important; } #short-slideshow .touchcarousel-container { height: 100%; } #short-slideshow .touchcarousel-item { position: relative; margin-right: 7px; height: 100%; } #short-slideshow .touchcarousel-item img { height: 100% !important; width: auto !important; } #short-slideshow .arrow-holder { transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; opacity: 0; } #short-slideshow .arrow-icon.left { left: 25px; } #short-slideshow .arrow-icon.right { right: 25px; } #short-slideshow .arrow-holder { width: 60px; } #short-slideshow .scrollbar-holder { bottom: 6px; } #short-slideshow .arrow-holder { float: none !important; top: 50%; margin-top: -12px; position: absolute; z-index: 10; background: #ebebec; background: #ebebec; /* The Fallback */ background: rgba(235, 235, 236, 0.85); padding: 5px; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; cursor: pointer; height: auto !important; width: auto !important; } #short-slideshow .arrow-holder .icon { color: #000 !important; font-size: 24px; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; padding-top: 3px; position: relative; } #short-slideshow .arrow-holder:hover { transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; background: #20c1d3; /* The Fallback */ background: rgba(32, 193, 211, 0.85); } #short-slideshow .arrow-holder:hover .icon { color: #fff !important; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } #short-slideshow .arrow-holder.left { left: 0; } #short-slideshow .arrow-holder.left .icon { left: -2px; } #short-slideshow .arrow-holder.right { right: 0; } #short-slideshow .arrow-holder.right .icon { left: 2px; } #short-slideshow .arrow-holder .arrow-icon { display: none; } #short-slideshow .scrollbar-holder { display: none; } #short-slideshow .tc-paging-container { display: none !important; } #short-slideshow .caption { position: absolute; left: 0; max-width: 100%; padding: 20px; background: #fff; /* The Fallback */ background: rgba(255, 255, 255, 0.9); bottom: -100%; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; overflow: auto; opacity: 0; } #short-slideshow .caption p { font-size: 13px; } #short-slideshow:hover .arrow-holder { opacity: 1; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .no-touch .touchcarousel-item:hover .caption { transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; bottom: 0 !important; opacity: 1 !important; } input { transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } input.parsley-error, textarea.parsley-error { color: red !important; border: 1px solid red; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input.parsley-error::-webkit-input-placeholder, textarea.parsley-error::-webkit-input-placeholder { color: red; } input.parsley-error:-moz-placeholder, textarea.parsley-error:-moz-placeholder { /* Firefox 18- */ color: red; } input.parsley-error::-moz-placeholder, textarea.parsley-error::-moz-placeholder { /* Firefox 19+ */ color: red; } input.parsley-error:-ms-input-placeholder, textarea.parsley-error:-ms-input-placeholder { color: red; } .parsley-error-list { margin-bottom: 0 !important; display: none !important; } .parsley-error-list li { position: absolute; visibility: hidden; } .invalid #required-field { color: red; } .lazy { opacity: 0; } .lazy-animate { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .lazy-bg .image-left, .lazy-bg .image-right { display: none; } .zoinked .lazy-bg .image-left, .zoinked .lazy-bg .image-right, .zoinked .lazy-bg > .img { display: block; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } /* jQuery.mmenu CSS */ .mm-page, .mm-fixed-top, .mm-fixed-bottom, .mm-menu.mm-horizontal > .mm-panel { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, border; -moz-transition-property: top, right, bottom, left, border; -ms-transition-property: top, right, bottom, left, border; -o-transition-property: top, right, bottom, left, border; transition-property: top, right, bottom, left, border; } html.mm-opened .mm-page, html.mm-opened #mm-blocker { left: 0; top: 0; margin: 0; border: 0px solid transparent; } html.mm-opening .mm-page, html.mm-opening #mm-blocker { border: 0px solid rgba(100, 100, 100, 0); } .mm-menu .mm-hidden { display: none; } .mm-fixed-top, .mm-fixed-bottom { position: fixed; left: 0; } .mm-fixed-top { top: 0; } .mm-fixed-bottom { bottom: 0; } html.mm-opened .mm-page, .mm-menu > .mm-panel { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } html.mm-opened, html.mm-opened body { overflow-x: hidden; position: relative; } html.mm-opened .mm-page { position: relative; } html.mm-background .mm-page { background: inherit; } #mm-blocker { background: url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent; display: none; width: 100%; height: 100%; position: fixed; z-index: 999999; } html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker { display: block; } .mm-menu.mm-current { display: block; } .mm-menu { background: inherit; display: none; overflow: hidden; height: 100%; padding: 0; position: fixed; left: 0; top: 0; z-index: 0; } .mm-menu > .mm-panel { background: inherit; -webkit-overflow-scrolling: touch; overflow: scroll; overflow-x: hidden; overflow-y: auto; width: 100%; height: 100%; padding: 20px; position: absolute; top: 0; left: 100%; z-index: 0; } .mm-menu > .mm-panel.mm-opened { left: 0%; } .mm-menu > .mm-panel.mm-subopened { left: -40%; } .mm-menu > .mm-panel.mm-highest { z-index: 1; } .mm-menu > .mm-panel.mm-hidden { display: block; visibility: hidden; } .mm-menu .mm-list { padding: 20px 0; } .mm-menu > .mm-list { padding: 20px 0 40px 0; } .mm-panel > .mm-list { margin-left: -20px; margin-right: -20px; } .mm-panel > .mm-list:first-child { padding-top: 0; } .mm-list, .mm-list > li { list-style: none; display: block; padding: 0; margin: 0; } .mm-list { font: inherit; font-size: 14px; } .mm-list a, .mm-list a:hover { text-decoration: none; } .mm-list > li { position: relative; } .mm-list > li > a, .mm-list > li > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: inherit; line-height: 20px; display: block; padding: 10px 10px 10px 20px; margin: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after { content: ''; border-bottom-width: 1px; border-bottom-style: solid; display: block; width: 100%; position: absolute; bottom: 0; left: 0; } .mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after { width: auto; margin-left: 20px; position: relative; left: auto; } .mm-list a.mm-subopen { width: 40px; height: 100%; padding: 0; position: absolute; right: 0; top: 0; z-index: 2; } .mm-list a.mm-subopen::before { content: ''; border-left-width: 1px; border-left-style: solid; display: block; height: 100%; position: absolute; left: 0; top: 0; } .mm-list a.mm-subopen.mm-fullsubopen { width: 100%; } .mm-list a.mm-subopen.mm-fullsubopen:before { border-left: none; } .mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span { padding-right: 5px; margin-right: 40px; } .mm-list > li.mm-selected > a.mm-subopen { background: transparent; } .mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span { padding-right: 45px; margin-right: 0; } .mm-list a.mm-subclose { text-indent: 20px; padding-top: 30px; margin-top: -20px; } .mm-list > li.mm-label { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 10px; text-transform: uppercase; text-indent: 20px; line-height: 25px; padding-right: 5px; } .mm-list > li.mm-spacer { padding-top: 40px; } .mm-list > li.mm-spacer.mm-label { padding-top: 25px; } .mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mm-list a.mm-subopen:after { border-top: none; border-left: none; right: 18px; } .mm-list a.mm-subclose:before { border-right: none; border-bottom: none; margin-bottom: -15px; left: 22px; } .mm-menu.mm-vertical .mm-list .mm-panel { display: none; padding: 10px 0 10px 10px; } .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after { border-color: transparent; } .mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel { display: block; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen { height: 40px; } .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 16px; right: 16px; } html.mm-opened .mm-page { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } .mm-ismenu { background: #333; color: rgba(255, 255, 255, 0.6); } .mm-menu .mm-list > li:after { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.1); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.15); } .mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.1); } .mm-menu .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.05); } .mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.05); } html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 80%; } .mm-menu { width: 80%; } @media all and (max-width: 175px) { .mm-menu { width: 140px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 140px; } } @media all and (min-width: 550px) { .mm-menu { width: 440px; } html.mm-opening .mm-page, html.mm-opening #mm-blocker, html.mm-opening .mm-fixed-top, html.mm-opening .mm-fixed-bottom { left: 440px; } } /* jQuery.mmenu counters addon CSS */ em.mm-counter { font: inherit; font-size: 14px; font-style: normal; text-indent: 0; line-height: 20px; display: block; margin-top: -10px; position: absolute; right: 40px; top: 50%; } em.mm-counter + a.mm-subopen { padding-left: 40px; } em.mm-counter + a.mm-subopen + a, em.mm-counter + a.mm-subopen + span { margin-right: 80px; } em.mm-counter + a.mm-fullsubopen { padding-left: 0; } .mm-vertical em.mm-counter { top: 12px; margin-top: 0; } .mm-nosubresults > em.mm-counter { display: none; } .mm-menu em.mm-counter { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu dragOpen addon CSS */ html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging #mm-blocker { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* jQuery.mmenu header addon CSS */ .mm-header { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: inherit; border-bottom: 1px solid transparent; text-align: center; line-height: 20px; width: 100%; height: 60px; padding: 30px 40px 0 40px; position: absolute; z-index: 2; top: 0; left: 0; } .mm-header .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; position: relative; z-index: 1; } .mm-header .mm-prev, .mm-header .mm-next { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; text-decoration: none; display: block; width: 40px; height: 100%; position: absolute; bottom: 0; } .mm-header .mm-prev:before, .mm-header .mm-next:before { content: ''; border: 2px solid transparent; display: block; width: 7px; height: 7px; margin-bottom: -5px; position: absolute; bottom: 50%; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); margin-bottom: -15px; } .mm-header .mm-prev { left: 0; } .mm-header .mm-prev:before { border-right: none; border-bottom: none; left: 22px; } .mm-header .mm-next { right: 0; } .mm-header .mm-next:before { border-top: none; border-left: none; right: 18px; } .mm-menu.mm-hassearch .mm-header { height: 50px; padding-top: 20px; top: 50px; } .mm-menu.mm-hassearch .mm-header .mm-prev:before, .mm-menu.mm-hassearch .mm-header .mm-mext:before { margin-bottom: -10px; } .mm-menu.mm-hasheader li.mm-subtitle { display: none; } .mm-menu.mm-hasheader .mm-panel { padding-top: 80px; } .mm-menu.mm-hasheader.mm-hassearch > .mm-panel { padding-top: 120px; } .mm-menu.mm-hasheader.mm-ismenu > .mm-panel { padding-top: 60px; } .mm-menu.mm-hasheader.mm-ismenu.mm-hassearch > .mm-panel { padding-top: 100px; } .mm-menu .mm-header { border-color: rgba(0, 0, 0, 0.15); color: rgba(255, 255, 255, 0.3); } .mm-menu .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu labels addon CSS */ .mm-menu.mm-fixedlabels .mm-list { background: inherit; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label { background: inherit !important; opacity: 0.97; height: 25px; overflow: visible; position: relative; z-index: 1; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div { background: inherit; width: 100%; position: absolute; left: 0; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label > div > div { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mm-menu.mm-fixedlabels .mm-list > li.mm-label.mm-spacer > div > div { padding-top: 25px; } .mm-list > li.mm-label > span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0; } .mm-list > li.mm-label.mm-opened a.mm-subopen:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 17px; } .mm-list > li.mm-collapsed { display: none; } .mm-menu .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.05); } /* jQuery.mmenu searchfield addon CSS */ .mm-search, .mm-search input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .mm-search { background: inherit; width: 100%; height: 50px; padding: 10px; position: relative; top: 0; z-index: 2; } .mm-search input { border: none; border-radius: 15px; font: inherit; font-size: 14px; line-height: 30px; outline: none; display: block; width: 100%; height: 30px; margin: 0; padding: 0 10px; } .mm-menu li.mm-nosubresults > a.mm-subopen { display: none; } .mm-menu li.mm-nosubresults > a.mm-subopen + a, .mm-menu li.mm-nosubresults > a.mm-subopen + span { padding-right: 10px; } .mm-menu li.mm-noresults { text-align: center; font-size: 21px; display: none; padding-top: 80px; } .mm-menu li.mm-noresults:after { border: none; } .mm-menu.mm-noresults li.mm-noresults { display: block; } .mm-menu.mm-hassearch > .mm-panel { padding-top: 60px; } .mm-menu .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu li.mm-noresults { color: rgba(255, 255, 255, 0.3); } /* jQuery.mmenu effects extension CSS */ html.mm-slide .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-slide.mm-opened .mm-menu { -webkit-transform: translateX(-40%); -moz-transform: translateX(-40%); -ms-transform: translateX(-40%); -o-transform: translateX(-40%); transform: translateX(-40%); } html.mm-slide.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-right.mm-opened .mm-menu { -webkit-transform: translateX(40%); -moz-transform: translateX(40%); -ms-transform: translateX(40%); -o-transform: translateX(40%); transform: translateX(40%); } html.mm-slide.mm-right.mm-opening .mm-menu { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); } html.mm-slide.mm-top.mm-opened .mm-menu { -webkit-transform: translateY(-40%); -moz-transform: translateY(-40%); -ms-transform: translateY(-40%); -o-transform: translateY(-40%); transform: translateY(-40%); } html.mm-slide.mm-top.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-slide.mm-bottom.mm-opened .mm-menu { -webkit-transform: translateY(40%); -moz-transform: translateY(40%); -ms-transform: translateY(40%); -o-transform: translateY(40%); transform: translateY(40%); } html.mm-slide.mm-bottom.mm-opening .mm-menu { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } html.mm-zoom-menu .mm-menu { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; transition: transform 0.4s ease; } html.mm-zoom-menu.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(-40%); -moz-transform: scale(0.7, 0.7) translateX(-40%); -ms-transform: scale(0.7, 0.7) translateX(-40%); -o-transform: scale(0.7, 0.7) translateX(-40%); transform: scale(0.7, 0.7) translateX(-40%); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-menu.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-right.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateX(40%); -moz-transform: scale(0.7, 0.7) translateX(40%); -ms-transform: scale(0.7, 0.7) translateX(40%); -o-transform: scale(0.7, 0.7) translateX(40%); transform: scale(0.7, 0.7) translateX(40%); -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-menu.mm-right.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateX(0%); -moz-transform: scale(1, 1) translateX(0%); -ms-transform: scale(1, 1) translateX(0%); -o-transform: scale(1, 1) translateX(0%); transform: scale(1, 1) translateX(0%); } html.mm-zoom-menu.mm-top.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(-40%); -moz-transform: scale(0.7, 0.7) translateY(-40%); -ms-transform: scale(0.7, 0.7) translateY(-40%); -o-transform: scale(0.7, 0.7) translateY(-40%); transform: scale(0.7, 0.7) translateY(-40%); -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-menu.mm-top.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-menu.mm-bottom.mm-opened .mm-menu { -webkit-transform: scale(0.7, 0.7) translateY(40%); -moz-transform: scale(0.7, 0.7) translateY(40%); -ms-transform: scale(0.7, 0.7) translateY(40%); -o-transform: scale(0.7, 0.7) translateY(40%); transform: scale(0.7, 0.7) translateY(40%); -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-menu.mm-bottom.mm-opening .mm-menu { -webkit-transform: scale(1, 1) translateY(0%); -moz-transform: scale(1, 1) translateY(0%); -ms-transform: scale(1, 1) translateY(0%); -o-transform: scale(1, 1) translateY(0%); transform: scale(1, 1) translateY(0%); } html.mm-zoom-page.mm-opened .mm-page { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-page.mm-opening .mm-page { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); } html.mm-zoom-page.mm-right.mm-opened .mm-page { -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; } html.mm-zoom-page.mm-top.mm-opened .mm-page { -webkit-transform-origin: center top; -moz-transform-origin: center top; -ms-transform-origin: center top; -o-transform-origin: center top; transform-origin: center top; } html.mm-zoom-page.mm-bottom.mm-opened .mm-page { -webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -ms-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom; } html.mm-zoom-panels .mm-panel { -webkit-transform: scale(1.5, 1.5); -moz-transform: scale(1.5, 1.5); -ms-transform: scale(1.5, 1.5); -o-transform: scale(1.5, 1.5); transform: scale(1.5, 1.5); -webkit-transform-origin: left center; -moz-transform-origin: left center; -ms-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; } html.mm-zoom-panels .mm-panel.mm-opened { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } html.mm-zoom-panels .mm-panel.mm-opened.mm-subopened { -webkit-transform: scale(0.7, 0.7); -moz-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); -o-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7); } /* jQuery.mmenu fullscreen extension CSS */ html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 100%; } .mm-menu.mm-fullscreen { width: 100%; } @media all and (max-width: 140px) { .mm-menu.mm-fullscreen { width: 140px; } html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-fullscreen { width: 10000px; } html.mm-opening.mm-fullscreen .mm-page, html.mm-opening.mm-fullscreen #mm-blocker, html.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-opening.mm-fullscreen .mm-fixed-bottom { left: 10000px; } } .mm-menu.mm-top.mm-fullscreen { height: 100%; } html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { top: 100%; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen { height: 140px; } html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { top: 140px; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen { height: 10000px; } html.mm-top.mm-opening.mm-fullscreen .mm-page, html.mm-top.mm-opening.mm-fullscreen #mm-blocker, html.mm-top.mm-opening.mm-fullscreen .mm-fixed-top { top: 10000px; } html.mm-top.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: -10000px; } } .mm-menu.mm-right.mm-fullscreen { width: 100%; } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 100%; } @media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen { width: 140px; } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen { width: 10000px; } html.mm-right.mm-opening.mm-fullscreen .mm-page, html.mm-right.mm-opening.mm-fullscreen #mm-blocker, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-top, html.mm-right.mm-opening.mm-fullscreen .mm-fixed-bottom { right: 10000px; } } .mm-menu.mm-bottom.mm-fullscreen { height: 100%; } html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 100%; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { top: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen { height: 140px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 140px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { top: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen { height: 10000px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-page, html.mm-bottom.mm-opening.mm-fullscreen #mm-blocker, html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-bottom { bottom: 10000px; } html.mm-bottom.mm-opening.mm-fullscreen .mm-fixed-top { top: -10000px; } } .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -100%; } @media all and (max-width: 140px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-fullscreen.mm-front, .mm-menu.mm-fullscreen.mm-next { left: -10000px; } } .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-top.mm-fullscreen.mm-front, .mm-menu.mm-top.mm-fullscreen.mm-next { top: -10000px; } } .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -100%; } @media all and (max-width: 140px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -140px; } } @media all and (min-width: 10000px) { .mm-menu.mm-right.mm-fullscreen.mm-front, .mm-menu.mm-right.mm-fullscreen.mm-next { right: -10000px; } } .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -100%; } @media all and (max-height: 140px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -140px; } } @media all and (min-height: 10000px) { .mm-menu.mm-bottom.mm-fullscreen.mm-front, .mm-menu.mm-bottom.mm-fullscreen.mm-next { bottom: -10000px; } } html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; } html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top { top: 0; } html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; } html.mm-opened.mm-fullscreen .mm-page { box-shadow: none !important; } /* jQuery.mmenu position extension CSS */ .mm-menu.mm-top { width: 100%; } html.mm-top.mm-opened .mm-page, html.mm-top.mm-opened #mm-blocker { top: 0%; } html.mm-top.mm-opened.mm-opening .mm-page, html.mm-top.mm-opened.mm-opening #mm-blocker, html.mm-top.mm-opened.mm-opening .mm-fixed-top, html.mm-top.mm-opened.mm-opening .mm-fixed-bottom { left: 0; } .mm-menu.mm-right { left: auto; right: 0; } html.mm-right.mm-opened .mm-page, html.mm-right.mm-opened #mm-blocker, html.mm-right.mm-opened .mm-fixed-top, html.mm-right.mm-opened .mm-fixed-bottom { left: auto; right: 0%; } html.mm-right.mm-opened.mm-opening .mm-page, html.mm-right.mm-opened.mm-opening #mm-blocker, html.mm-right.mm-opened.mm-opening .mm-fixed-top, html.mm-right.mm-opened.mm-opening .mm-fixed-bottom { left: auto; } .mm-menu.mm-bottom { width: 100%; top: auto; bottom: 0; } html.mm-bottom.mm-opened .mm-page, html.mm-bottom.mm-opened #mm-blocker { bottom: 0%; top: auto; } html.mm-bottom.mm-opened.mm-opening .mm-page, html.mm-bottom.mm-opened.mm-opening #mm-blocker, html.mm-bottom.mm-opened.mm-opening .mm-fixed-top, html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom { top: auto; left: 0; } .mm-menu.mm-top { height: 80%; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { top: 80%; } html.mm-top.mm-opening .mm-fixed-bottom { bottom: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-top { height: 140px; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { top: 140px; } html.mm-top.mm-opening .mm-fixed-bottom { bottom: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-top { height: 880px; } html.mm-top.mm-opening .mm-page, html.mm-top.mm-opening #mm-blocker, html.mm-top.mm-opening .mm-fixed-top { top: 880px; } html.mm-top.mm-opening .mm-fixed-bottom { bottom: -880px; } } .mm-menu.mm-right { width: 80%; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { right: 80%; } @media all and (max-width: 175px) { .mm-menu.mm-right { width: 140px; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { right: 140px; } } @media all and (min-width: 550px) { .mm-menu.mm-right { width: 440px; } html.mm-right.mm-opening .mm-page, html.mm-right.mm-opening #mm-blocker, html.mm-right.mm-opening .mm-fixed-top, html.mm-right.mm-opening .mm-fixed-bottom { right: 440px; } } .mm-menu.mm-bottom { height: 80%; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { bottom: 80%; } html.mm-bottom.mm-opening .mm-fixed-top { top: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-bottom { height: 140px; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { bottom: 140px; } html.mm-bottom.mm-opening .mm-fixed-top { top: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-bottom { height: 880px; } html.mm-bottom.mm-opening .mm-page, html.mm-bottom.mm-opening #mm-blocker, html.mm-bottom.mm-opening .mm-fixed-bottom { bottom: 880px; } html.mm-bottom.mm-opening .mm-fixed-top { top: -880px; } } /* jQuery.mmenu z-position extension CSS */ html.mm-front.mm-opened .mm-page { top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; } .mm-menu.mm-front, .mm-menu.mm-next { -webkit-transition: none 0.4s ease; -moz-transition: none 0.4s ease; -ms-transition: none 0.4s ease; -o-transition: none 0.4s ease; transition: none 0.4s ease; -webkit-transition-property: top, right, bottom, left, -webkit-transform; -moz-transition-property: top, right, bottom, left, -moz-transform; -ms-transition-property: top, right, bottom, left, -o-transform; -o-transition-property: top, right, bottom, left, -o-transform; transition-property: top, right, bottom, left, transform; } html.mm-front .mm-page, html.mm-front #mm-blocker { z-index: 0; } .mm-menu.mm-front { z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, 0.5); } html.mm-opened.mm-next .mm-page { box-shadow: none; } html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next { left: 0%; } .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { left: 0; } html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next { left: 0; top: 0%; } .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { left: auto; } html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next { left: auto; right: 0%; } .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { top: auto; left: 0; } html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next { left: 0; bottom: 0%; } .mm-menu.mm-front, .mm-menu.mm-next { left: -80%; } @media all and (max-width: 175px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -140px; } } @media all and (min-width: 550px) { .mm-menu.mm-front, .mm-menu.mm-next { left: -440px; } } .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next { top: -880px; } } .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -80%; } @media all and (max-width: 175px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -140px; } } @media all and (min-width: 550px) { .mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next { right: -440px; } } .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -80%; } @media all and (max-height: 175px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -140px; } } @media all and (min-height: 1100px) { .mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next { bottom: -880px; } } html.mm-front .mm-fixed-top, html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-bottom { left: 0; right: auto; } html.mm-front .mm-fixed-top, html.mm-opening.mm-front .mm-fixed-top { top: 0; } html.mm-front .mm-fixed-bottom, html.mm-opening.mm-front .mm-fixed-bottom { bottom: 0; } /* jQuery.mmenu themes extension CSS */ html.mm-opened.mm-light .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-ismenu.mm-light { background: #f3f3f3; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.6); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:after, .mm-menu.mm-light .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-light .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-light .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.6); } .mm-menu.mm-light .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-light.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-light li.mm-noresults { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-light .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-light .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); } html.mm-opened.mm-white .mm-page { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } .mm-ismenu.mm-white { background: #fff; color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white .mm-list > li:after { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li > a.mm-subclose { background: rgba(0, 0, 0, 0.08); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before { border-color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list > li > a.mm-subopen:before { border-color: rgba(0, 0, 0, 0.1); } .mm-menu.mm-white .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-white .mm-list > li.mm-selected > span { background: rgba(0, 0, 0, 0.08); } .mm-menu.mm-white .mm-list > li.mm-label { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-white.mm-vertical .mm-list li.mm-opened > ul { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-search input { background: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.6); } .mm-menu.mm-white li.mm-noresults { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white em.mm-counter { color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-list li.mm-label > div > div { background: rgba(0, 0, 0, 0.03); } .mm-menu.mm-white .mm-header { border-color: rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.3); } .mm-menu.mm-white .mm-header a:before { border-color: rgba(0, 0, 0, 0.3); } html.mm-opened.mm-black .mm-page { box-shadow: none; } .mm-ismenu.mm-black { background: #000; color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black .mm-list > li:after { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li > a.mm-subclose { background: rgba(255, 255, 255, 0.25); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:after, .mm-menu.mm-black .mm-list > li > a.mm-subclose:before { border-color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list > li > a.mm-subopen:before { border-color: rgba(255, 255, 255, 0.2); } .mm-menu.mm-black .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu.mm-black .mm-list > li.mm-selected > span { background: rgba(255, 255, 255, 0.25); } .mm-menu.mm-black .mm-list > li.mm-label { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-black.mm-vertical .mm-list li.mm-opened > ul { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-search input { background: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.6); } .mm-menu.mm-black li.mm-noresults { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black em.mm-counter { color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-list li.mm-label > div > div { background: rgba(255, 255, 255, 0.15); } .mm-menu.mm-black .mm-header { border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.3); } .mm-menu.mm-black .mm-header a:before { border-color: rgba(255, 255, 255, 0.3); } /* --- functional styling */ .dzscalendar { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar * { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar { position: relative; width: 100%; height: 165px; transition-property: height; transition-duration: 0.3s; transition-timing-function: ease-out; -moz-transition-property: height; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: height; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: height; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; -ms-transition-property: height; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; } .dzscalendar .main-mon, .dzscalendar .mon-body, .dzscalendar .mon-body > .mon-row { position: relative; } .dzscalendar .events { display: none; } .dzscalendar .calendar-controls { position: relative; } .dzscalendar .theMonths { position: relative; } .dzscalendar .theMonths > * { position: absolute; top: 0; left: 0; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } /* --- estethic styling */ .dzscalendar { font-family: 'Carrois Gothic', "Helvetica Neue", Helvetica, Arial, sans-serif; } .dzscalendar .testimonial span { font-size: 2.5em; font-family: Courier New, Arial; font-style: italic; line-height: 1em; color: #555; } .dzscalendar .testimonial .the-author { font-size: 1em; font-family: Courier New, Arial; font-style: italic; color: #aaa; margin-top: 10px; } .dzscalendar .main-mon .week-day { padding-top: 0; padding-bottom: 0; text-align: center; font-size: 12px; width: 14%; width: calc(100%/7); display: inline-block; } .dzscalendar .today-date { font-weight: bold; } .dzscalendar .main-mon .week-day.tag-red { background-color: red; color: #fff; } .dzscalendar .main-mon .week-day.tag-important { background-color: #ae1919; color: #fff; } .dzscalendar .main-mon .week-day.tag-blue { background-color: #2f96b4; color: #fff; } .dzscalendar.mode-datepicker .main-mon .mon-body .week-day { cursor: pointer; } .dzscalendar .main-mon .other-months-date { opacity: 0.3; filter: alpha(opacity=30); } .dzscalendar .past-date { opacity: 0.5; filter: alpha(opacity=50); } .dzscalendar .hasEvent, .dzscalendar .hasEventForHover { color: #6fb6ce; text-shadow: transparent 0px 0px 1px; cursor: pointer; font-weight: bold; } .dzscalendar .calendar-controls { min-height: 27px; width: 100%; } .dzscalendar .calendar-controls .arrow-left { position: absolute; top: 1px; left: 10px; background: transparent no-repeat center center url(img/arrowline-left-simple.png); width: 15px; height: 16px; cursor: pointer; } .dzscalendar .calendar-controls .arrow-right { position: absolute; top: 1px; right: 10px; background: transparent no-repeat center center url(img/arrowline-right-simple.png); width: 15px; height: 16px; cursor: pointer; } .dzscalendar .calendar-controls .curr-date { text-align: center; padding-top: 0px; } .dzscalendar .calendar-controls .curr-month { margin-right: 15px; } .dzscalendar .calendar-controls .curr-year { color: #aaa; } .dzscalendar .theMonths, .dzscalendar .calendar-controls { width: 100%; marign-top: 0; } .dzscalendar .theMonths { width: 100%; height: 151px; overflow: hidden; marign-top: 0; } .dzscalendar .slideDescription { position: absolute; top: 0; left: 0; text-align: left; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar .slideDescription .desc-close-button { position: absolute; top: 10px; right: 5px; text-align: center; padding: 1px 7px; border: 1px solid white; border-radius: 20px; font-family: arial, serif; cursor: pointer; } /*=== the DZS tooltip --> */ .dzscalendar .dzstooltip { position: absolute; opacity: 0; z-index: 576; text-align: left; transition-property: height; transition-duration: 0.3s; transition-timing-function: ease-out; -moz-transition-property: height; -moz-transition-duration: 0.3s; -moz-transition-timing-function: ease-out; -webkit-transition-property: height; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -o-transition-property: height; -o-transition-duration: 0.3s; -o-transition-timing-function: ease-out; -ms-transition-property: height; -ms-transition-duration: 0.3s; -ms-transition-timing-function: ease-out; } .dzstooltip span.label { font-weight: bold; } .dzstooltip > div { padding-bottom: 10px; } .dzstooltip > div > h5 { font-size: 1.25em; font-weight: normal; margin-top: 7px; margin-bottom: 10px; } .dzscalendar .aux-transition-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; perspective: 1600px; -webkit-perspective: 1600px; } .dzscalendar .aux-transition { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transition-property: transform; transition-duration: 0.8s; transition-timing-function: ease-out; -moz-transition-property: transform; -moz-transition-duration: 0.8s; -moz-transition-timing-function: ease-out; -webkit-transition-property: transform; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -o-transition-property: transform; -o-transition-duration: 0.8s; -o-transition-timing-function: ease-out; -ms-transition-property: transform; -ms-transition-duration: 0.8s; -ms-transition-timing-function: ease-out; } .dzscalendar .aux-transition > * { backface-visibility: hidden; -webkit-backface-visibility: hidden; } .dzscalendar .aux-transition > .theMonths { transform-origin: 50% 0; transform-style: preserve-3d; -webkit-transform-origin: 50% 0; -webkit-transform-style: preserve-3d; transition-property: transform; transition-duration: 0.8s; transition-timing-function: ease-out; -moz-transition-property: transform; -moz-transition-duration: 0.8s; -moz-transition-timing-function: ease-out; -webkit-transition-property: transform; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -o-transition-property: transform; -o-transition-duration: 0.8s; -o-transition-timing-function: ease-out; -ms-transition-property: transform; -ms-transition-duration: 0.8s; -ms-transition-timing-function: ease-out; } .dzscalendar .aux-transition > .calendar-controls { transform: rotateX(-180deg); transform-origin: 50% 100%; transform-style: preserve-3d; -webkit-transform: rotateX(-180deg); -webkit-transform-origin: 50% 100%; -webkit-transform-style: preserve-3d; transition-property: transform; transition-duration: 0.8s; transition-timing-function: ease-out; -moz-transition-property: transform; -moz-transition-duration: 0.8s; -moz-transition-timing-function: ease-out; -webkit-transition-property: transform; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -o-transition-property: transform; -o-transition-duration: 0.8s; -o-transition-timing-function: ease-out; -ms-transition-property: transform; -ms-transition-duration: 0.8s; -ms-transition-timing-function: ease-out; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } .dzscalendar .aux-transition.dzsflipped > .theMonths { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); } .dzscalendar .aux-transition.dzsflipped > .calendar-controls { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); box-shadow: 0 0 3px 0 transparent; } .dzscalendar .aux-transition.backward > .theMonths { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); } .dzscalendar .aux-transition.backward > .calendar-controls { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); } .dzscalendar .aux-transition.backward.dzsflipped > .theMonths { transform: rotateX(180deg); -webkit-transform: rotateX(180deg); } .dzscalendar .aux-transition.backward.dzsflipped > .calendar-controls { transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); } .dzscalendar.skin-other .testimonial span { font-size: 1em; } .dzscalendar.skin-other .testimonial .the-author { font-size: 1em; font-family: Courier New, Arial; font-style: italic; color: #aaa; margin-top: 0px; } .dzscalendar.skin-black .testimonial span { font-size: 1em; } .dzscalendar.skin-black .testimonial .the-author { font-size: 1em; font-family: Courier New, Arial; font-style: italic; color: #aaa; margin-top: 0px; } .dzscalendar.skin-black { background: #222; color: #fff; padding: 7px 3px 12px; border-radius: 5px; } .dzscalendar.skin-black .calendar-controls .arrow-left { position: absolute; top: 1px; left: 10px; background: transparent no-repeat center center url(img/arrowline-left-simple.png); width: 15px; height: 16px; cursor: pointer; } .dzscalendar.skin-black .calendar-controls .arrow-right { position: absolute; top: 1px; right: 10px; background: transparent no-repeat center center url(img/arrowline-right-simple.png); width: 15px; height: 16px; cursor: pointer; } .dzscalendar.skin-aurora { width: 100%; height: 230px; } .dzscalendar.skin-aurora .calendar-controls { background: #333; color: #fff; padding-top: 6px; } .dzscalendar.skin-aurora .theMonths { height: auto; background: grey; } .dzscalendar.skin-aurora .theMonths > * { position: absolute; top: 0; left: 0; } .dzscalendar.skin-aurora .main-mon .week-day { text-align: center; font-size: 11px; background: #eeeeee; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #eeeeee 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #eeeeee 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #eeeeee 0%, #e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#e5e5e5',GradientType=0 ); box-shadow: inset 1px 1px rgba(0, 0, 0, 0.2); opacity: 0.75; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar.skin-aurora .main-mon .other-months-date { opacity: 0.3; filter: alpha(opacity=30); } .dzscalendar.skin-aurora .past-date { opacity: 0.5; filter: alpha(opacity=50); } .dzscalendar.skin-aurora .main-mon .today-date { font-weight: bold; } .dzscalendar.skin-aurora .main-mon .week-day { font-size: 11px; font-family: Arial, sans-serif; padding: 3px 7px; } .dzscalendar.skin-aurora .headerRow .week-day { background: #f6f6f6; font-size: 8px; border: 0; box-shadow: none; } .dzscalendar.skin-aurora .mon-row { border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); } .dzscalendar.skin-aurora .calendar-controls .arrow-left, .dzscalendar.skin-aurora .calendar-controls .arrow-right { position: absolute; top: 13px; left: 10px; background: transparent no-repeat center center url(img/arrowleft.png); width: 15px; height: 16px; cursor: pointer; } .dzscalendar.skin-aurora .calendar-controls .arrow-right { left: auto; right: 10px; background: transparent no-repeat center center url(img/arrowright.png); } /*.dzscalendar.skin-aurora .hasEvent,.dzscalendar.skin-aurora .hasEventForHover{ color:#0074cc; cursor:pointer; font-weight: normal; background: rgb(176,212,227); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNiMGQ0ZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODhiYWNmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-radial-gradient(center, ellipse cover, rgba(176,212,227,1) 0%, rgba(136,186,207,1) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(176,212,227,1)), color-stop(100%,rgba(136,186,207,1))); background: -webkit-radial-gradient(center, ellipse cover, rgba(176,212,227,1) 0%,rgba(136,186,207,1) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(176,212,227,1) 0%,rgba(136,186,207,1) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(176,212,227,1) 0%,rgba(136,186,207,1) 100%); background: radial-gradient(ellipse at center, rgba(176,212,227,1) 0%,rgba(136,186,207,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d4e3', endColorstr='#88bacf',GradientType=1 ); }*/ .dzscalendar.skin-aurora { color: #333; } .dzscalendar.skin-aurora .calendar-controls .curr-date { padding-top: 5px; padding-bottom: 8px; } /*====== ========skin-responsive */ .dzscalendar.skin-responsive { margin-top: 15px; margin-bottom: 20px; width: 100%; height: auto; } .dzscalendar.skin-responsive .calendar-controls { margin-bottom: 8px; } .dzscalendar.skin-responsive .theMonths { height: auto; } .dzscalendar.skin-responsive .theMonths > * { width: 100%; position: relative; } .dzscalendar.skin-responsive .main-mon .week-day { width: 14%; height: 30px; border-left: 1px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive .main-mon .mon-row .week-day:first-child { border-left: 0px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive .calendar-controls .arrow-left { left: 35px; } .dzscalendar.skin-responsive .calendar-controls .arrow-right { right: 25px; } /*========================================================== ========skin-responsive-galileo ================================================================= */ .dzscalendar-con.skin-responsive-galileo { box-shadow: 1px 2px 5px 0 rgba(0, 0, 0, 0.2); } .dzscalendar.skin-responsive-galileo { margin-top: 15px; margin-bottom: 20px; width: 100%; height: auto; color: #222; transition-property: height; transition-duration: 0.8s; transition-timing-function: ease-out; -moz-transition-property: height; -moz-transition-duration: 0.8s; -moz-transition-timing-function: ease-out; -webkit-transition-property: height; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease-out; -o-transition-property: height; -o-transition-duration: 0.8s; -o-transition-timing-function: ease-out; -ms-transition-property: height; -ms-transition-duration: 0.8s; -ms-transition-timing-function: ease-out; } .dzscalendar.skin-responsive-galileo .calendar-controls { margin-bottom: 8px; } .dzscalendar.skin-responsive-galileo .theMonths { height: auto; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar.skin-responsive-galileo .theMonths > * { width: 100%; position: relative; } .dzscalendar.skin-responsive-galileo .past-date { color: rgba(0, 0, 0, 0.5); opacity: 1; } .dzscalendar.skin-responsive-galileo .headerRow { background: #ba5e5e; color: #eee; } .dzscalendar.skin-responsive-galileo .headerRow .week-day { padding: 5px 0; } .dzscalendar.skin-responsive-galileo .mon-row.separator { height: 20px; } .dzscalendar.skin-responsive-galileo .theMonths { background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscalendar.skin-responsive-galileo .main-mon .mon-body .mon-row { border-top: 1px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive-galileo .main-mon .mon-body .mon-row:empty { display: none; } .dzscalendar.skin-responsive-galileo .main-mon .mon-body .mon-row:first-child { border-top: 0px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive-galileo .main-mon .mon-body .week-day { width: 14%; height: 50px; border-left: 1px solid rgba(0, 0, 0, 0.1); vertical-align: bottom; text-align: right; font-size: 14px; font-size: 0.8rem; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ position: relative; } .dzscalendar.skin-responsive-galileo .main-mon .week-day > span { position: absolute; right: 4px; bottom: 0; } .dzscalendar.skin-responsive-galileo .main-mon .mon-row .week-day:first-child { border-left: 0px solid rgba(0, 0, 0, 0.1); } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-left { left: 35px; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-right { right: 25px; } .dzscalendar.skin-responsive-galileo .calendar-controls { height: 350px; background: #eee; margin-bottom: 0; } .dzscalendar.skin-responsive-galileo .calendar-controls .month-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; } .dzscalendar.skin-responsive-galileo .curr-date { color: #eee; position: absolute; right: 40px; bottom: 40px; font-size: 22px; border: 2px solid rgba(255, 255, 255, 0.5); padding: 15px 20px; text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.3); } .dzscalendar.skin-responsive-galileo .curr-date > * { color: #eee; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-left { position: absolute; left: 10px; opacity: 0.5; top: auto; bottom: 40px; background: transparent no-repeat center center url(img/arrowleft-galileo.png); width: 50px; height: 50px; cursor: pointer; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-left:hover { opacity: 0.7; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-right { position: absolute; left: auto; right: 0px; opacity: 0.5; top: auto; bottom: 40px; background: transparent no-repeat center center url(img/arrowright-galileo.png); width: 50px; height: 50px; cursor: pointer; } .dzscalendar.skin-responsive-galileo .calendar-controls .arrow-right:hover { opacity: 0.7; } .dzscalendar.skin-responsive-galileo.under-480 .curr-date { font-size: 13px; } .dzscalendar.skin-responsive-galileo.under-240 .main-mon .week-day { width: 14%; height: 30px; font-size: 12px; font-size: 0.6rem; } .dzscalendar.skin-responsive-galileo.under-240 .curr-date { font-size: 10px; } .dzscalendar.skin-responsive-galileo.under-240 .calendar-controls { height: 230px; } .non-animation { transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; } .event-receiver { background: #fff; border: 1px solid rgba(0, 0, 0, 0.2); box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ padding: 10px 15px; border-radius: 0; color: #888; } .dzscal-blog-event { position: relative; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscal-blog-event * { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } .dzscal-blog-event .dzscal-date-con { float: left; width: 70px; margin-right: 30px; background: #cb1919; text-align: center; color: #fff; padding: 18px 10px; font-family: Courier New, Arial; } .dzscal-blog-event .dzscal-date-con .date-con--date { font-size: 30px; margin-bottom: 3px; } .dzscal-blog-event .dzscal-date-con .date-con--month { font-size: 15px; opacity: 0.7; } .dzscal-blog-event:after { display: block; clear: both; content: " "; } .calendar { background: #fafafa; color: #000000 !important; margin: 0 !important; height: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0; padding: 12px; } .megamenu .calendar { background: #ebebec; } .calendar .curr-date { padding: 10px 0 !important; } .calendar .curr-date > * { line-height: 100%; white-space: nowrap; color: #000 !important; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; font-size: 18px; } .calendar .curr-date > * > i, .calendar .curr-date > * > em, .calendar .curr-date > * > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .calendar .curr-date .curr-year { color: #a7a9ac !important; } .calendar .arrow-left, .calendar .arrow-right { height: 18px !important; width: 20px !important; background: none !important; top: 12px !important; } .calendar .arrow-left i, .calendar .arrow-right i { line-height: 100%; position: relative; font-size: 18px; display: block; } .calendar .calendar-controls { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5px; } .calendar .theMonths { height: auto !important; } .calendar .theMonths > * { position: relative !important; left: 0 !important; } .calendar .currTable { display: none !important; } .calendar .mon-head, .calendar .mon-row { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; clear: both; width: 100%; overflow: hidden; } .calendar .mon-head span, .calendar .mon-row span { padding: 5px 0; display: block; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; font-size: 16px !important; } .calendar .mon-head span > i, .calendar .mon-head span > em, .calendar .mon-head span > em *, .calendar .mon-row span > i, .calendar .mon-row span > em, .calendar .mon-row span > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .calendar .mon-head:last-child, .calendar .mon-row:last-child { border-bottom: 0; } .calendar .week-day { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; display: table !important; width: 14.28% !important; } .calendar .week-day:first-child { border-left: 0; } .calendar .week-day.hasEvent, .calendar .week-day.hasEventForHover { color: #20c1d3; } .calendar .week-day span { cursor: pointer; } .calendar .week-day span:hover { color: #20c1d3; } .calendar .main-mon .other-months-date { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 70 ")"; filter: alpha(opacity=70); zoom: 1; } .calendar .past-date span { color: #a7a9ac !important; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-bg { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 90 ")"; filter: alpha(opacity=90); zoom: 1; background: #fff; -webkit-animation-name: fadeIn90; -moz-animation-name: fadeIn90; animation-name: fadeIn90; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .mfp-container, .mfp-figure { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.3s; -moz-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .close-popups .mfp-bg, .close-popups .mfp-container, .close-popups .mfp-figure { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .mfp-figure:after { -moz-box-shadow: none !important; -webkit-box-shadow: !important; box-shadow: none !important; background: none; } .mfp-counter { display: none; } .mfp-image-holder .mfp-content { max-width: 85% !important; } img.mfp-img { padding-bottom: 200px; } .mfp-close { z-index: 10000; cursor: pointer !important; width: 100% !important; position: fixed; left: 0; top: 0; padding: 0 !important; } .mfp-close:before { font-family: "fontcustom"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; font-size: 24px; display: table; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; margin: 0 !important; line-height: 100%; content: "\f11d"; font-size: 30px; position: absolute; right: 20px; top: 15px; color: #000000; margin: 0 !important; } .mfp-close:hover:before { color: #20c1d3; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .mfp-arrow { float: none !important; top: 50%; position: fixed; z-index: 10000; background: white; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; opacity: 0.85; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 85 ")"; filter: alpha(opacity=85); zoom: 1; display: table; height: auto !important; width: auto !important; cursor: pointer; padding: 12px !important; margin-top: -24px !important; } .mfp-arrow:before, .mfp-arrow:after { border: 0 !important; } .mfp-arrow .icon { color: #000 !important; font-size: 48px; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; position: relative; z-index: -1; display: none !important; } .mfp-arrow:before { font-family: "fontcustom"; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; display: inline-block; text-decoration: inherit; font-size: 48px; position: relative !important; display: table; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; margin: 0 !important; line-height: 100%; } .mfp-arrow:hover { transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; background: none !important; } .mfp-arrow:hover:before { color: #20c1d3 !important; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:before { content: "\f119"; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:before { content: "\f11a"; } .mfp-bottom-bar { margin-top: -200px; } .mfp-bottom-bar .mfp-title { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; padding-top: 15px; color: #000; } .mfp-bottom-bar .mfp-title > i, .mfp-bottom-bar .mfp-title > em, .mfp-bottom-bar .mfp-title > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .mfp-bottom-bar .mfp-title b, .mfp-bottom-bar .mfp-title strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .mfp-bottom-bar .mfp-title b > i, .mfp-bottom-bar .mfp-title b > em, .mfp-bottom-bar .mfp-title b > em *, .mfp-bottom-bar .mfp-title strong > i, .mfp-bottom-bar .mfp-title strong > em, .mfp-bottom-bar .mfp-title strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .pop-up { display: block; } .image-gallery .pop-up img { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } /*.image-gallery .gallery-group.video .row { position: relative; margin-bottom: 25px; padding-bottom: 56.25%; /* 16:9 * padding-top: 25px; height: 0; } .image-gallery .gallery-group.video video, .image-gallery .gallery-group.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }*/ .mfp-download-hi-res { margin-top: 12px; display: block; } .mfp-mobile-download-hi-res { position: fixed; top: 0; left: 0; padding: 14px 20px; display: none; margin-top: 0; z-index: 999999; } .mfp-mobile-download-hi-res .icon { font-size: 30px; color: #000; } .mfp-mobile-download-hi-res:hover .icon { color: #20c1d3; } @media only screen and (max-height: 600px) { img.mfp-img { padding-bottom: 80px; } .mfp-bottom-bar { margin-top: -80px; } } /***************************************************************** Header *****************************************************************/ #header-main { height: 82px; width: 100%; position: fixed; display: block; background: #fff; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #000; z-index: 600; } #header-main .container { height: 82px; position: relative; } #header-main .navbar-header { height: 82px; position: relative; display: inline-block; z-index: 100; } #header-main #logo { color: #000000; position: absolute; left: 29px; top: 50%; margin-top: -26.5px; cursor: pointer; display: block; height: 53px; width: 129px; z-index: 100; overflow: hidden; } #header-main #logo i { position: absolute; top: -38px; left: 0; font-size: 126px; padding-right: 3px; } #header-main #logo .icon-ca-logo-main, #header-main #logo .icon-ca-logo-main-alt { color: #000; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } #header-main #logo .icon-ca-logo-a, #header-main #logo .icon-ca-logo-alt-a { color: #20c1d3; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } #header-main #logo.alt { margin-top: -12px; height: 24px; width: 275px; } #header-main #logo.alt i { top: -125px; font-size: 275px; } #header-main #logo.mobile { display: none; } #header-main .search-toggle { font-size: 44px; position: absolute; right: 29px; top: 19px; cursor: pointer; display: block; z-index: 100; display: none; } #header-main .search-toggle:hover { color: #20c1d3; } #header-main .container-inner { height: 100%; } #header-main #search-main { position: absolute; top: 100%; right: 0; background: #000; width: 0; overflow: hidden; transition: width 0.2s ease 0.3s; -webkit-transition: width 0.2s ease 0.3s; -moz-transition: width 0.2s ease 0.3s; -ms-transition: width 0.2s ease 0.3s; -o-transition: width 0.2s ease 0.3s; } #header-main #search-main input { width: 100%; margin: 0 5px 5px 5px; font-size: 20px; font-size: 1.25rem; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 0 ")"; filter: alpha(opacity=0); zoom: 1; transition: opacity 0.2s ease 0s; -webkit-transition: opacity 0.2s ease 0s; -moz-transition: opacity 0.2s ease 0s; -ms-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; } #header-main #search-main.open { width: 300px; transition: width 0.2s ease 0s; -webkit-transition: width 0.2s ease 0s; -moz-transition: width 0.2s ease 0s; -ms-transition: width 0.2s ease 0s; -o-transition: width 0.2s ease 0s; } #header-main #search-main.open input { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); zoom: 1; transition: opacity 0.2s ease 0.3s; -webkit-transition: opacity 0.2s ease 0.3s; -moz-transition: opacity 0.2s ease 0.3s; -ms-transition: opacity 0.2s ease 0.3s; -o-transition: opacity 0.2s ease 0.3s; } #header-main.menu-above #search-main { top: auto !important; bottom: 100% !important; margin-bottom: 1px; } #header-main.menu-above #search-main input { margin: 5px 5px 0 5px !important; } #header-main.menu-below #search-main { top: 100% !important; bottom: auto !important; margin-top: 1px; } #header-main.menu-below #search-main input { margin: 0 5px 5px 5px !important; } #home #header-main { position: relative; height: 89px; border-top: 7px solid #000; /* .container-inner { position: sticky ! important; } */ } #home .megamenu { top: auto; bottom: 100%; } #home #search-main { top: auto; bottom: 100%; } #home #search-main input { margin: 5px 5px 0 5px; } #home.fixed-menu #header-main { position: relative; height: 82px; border-bottom: 0; } #home.fixed-menu #header-main .container-inner { height: 82px; width: 100%; position: fixed; display: block; z-index: 500; background: #fff; top: 0; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; border-bottom: 1px solid #000; } /***************************************************************** Nav *****************************************************************/ /**** Header ****/ header nav { position: absolute; right: 0; top: 0; width: 100%; height: 100%; display: block; margin: auto auto; float: none; } header nav > ul { background: none; width: auto; padding: 0; margin: 0; position: relative; list-style: none; margin: auto auto; display: table; } header nav > ul > li { display: inline-block; float: left; } header nav > ul > li > a { color: #000000; font-size: 18px; padding: 0 16px; line-height: 100%; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; z-index: 200; background-color: none; display: table-cell; vertical-align: middle; height: 81px; text-transform: uppercase; transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -ms-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; white-space: nowrap; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; } header nav > ul > li > a > i, header nav > ul > li > a > em, header nav > ul > li > a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } header nav > ul > li.current > a { color: #ebebec; } header nav > ul > li:hover > a, header nav > ul > li.open > a { background: #000 !important; color: #fff !important; transition: all 0.4 linear 0s; -webkit-transition: all 0.4 linear 0s; -moz-transition: all 0.4 linear 0s; -ms-transition: all 0.4 linear 0s; -o-transition: all 0.4 linear 0s; } header .megamenu { border: 0; height: auto; min-height: 270px; width: 576px; padding: 30px 30px 0 30px; position: absolute; top: 100% !important; bottom: auto !important; display: none; min-width: 25%; opacity: 1; z-index: 1; background: #fff; /* The Fallback */ background: rgba(255, 255, 255, 0.95); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25); box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25); -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.6s; -moz-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } header .megamenu h4, header .megamenu h4 a { margin-bottom: 10px; font-size: 32px; font-size: 2rem; line-height: 110%; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; letter-spacing: 0; text-transform: uppercase; color: #20c1d3; margin-bottom: 15px; width: 100%; } header .megamenu h4 > i, header .megamenu h4 > em, header .megamenu h4 > em *, header .megamenu h4 a > i, header .megamenu h4 a > em, header .megamenu h4 a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } header .megamenu h4 { float: left; clear: both; } header .megamenu h4 a { float: left; clear: both; margin-bottom: 0; } header .megamenu h5 { font-size: 14px; margin: 0; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; text-transform: none; } header .megamenu h5 > i, header .megamenu h5 > em, header .megamenu h5 > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } header .megamenu .caption { clear: both; display: inline-block; } header .megamenu ul { margin: auto; padding-bottom: 15px; } header .megamenu li { padding-bottom: 4px; color: black; text-transform: none; line-height: 100%; display: block; clear: both; } header .megamenu li a { color: #000; font-weight: normal; font-size: 18px; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; padding: 0; padding-right: 15px; line-height: 110%; } header .megamenu li a > i, header .megamenu li a > em, header .megamenu li a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } header .megamenu li a:hover { color: #20c1d3; } header .megamenu li ul { position: relative; margin-top: 5px; margin-bottom: 0; } header .megamenu li li { padding-top: 0; padding-bottom: 6px; } header .megamenu li li a { color: #a7a9ac; font-size: 14px; margin-bottom: 0; display: block; line-height: 125%; } header .megamenu li li a:hover { color: #000; } header .megamenu .info-container { background: #ebebec; height: 100%; float: left; } header .megamenu .info-container .info { padding: 40px 0; position: relative; margin: 40px 20px 0 20px; } header .megamenu .info-container p { font-size: 13px; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; line-height: 135%; } header .megamenu .info-container p > i, header .megamenu .info-container p > em, header .megamenu .info-container p > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } header .megamenu .image-container { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 100%; text-align: right; } header .megamenu .image-container .image { height: 100%; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; } header .megamenu .image-container h5 { font-size: 14px; } header .megamenu .image-container a { display: inline-block; width: 100%; } header .megamenu .image-container .caption { margin-bottom: 5px; font-size: 17px; font-size: 1.0625rem; line-height: 125%; letter-spacing: 0; text-transform: uppercase; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; margin: 0; font-size: 14px; text-align: right; } header .megamenu .image-container .caption > i, header .megamenu .image-container .caption > em, header .megamenu .image-container .caption > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } header .megamenu .image-container img { max-height: 270px; } header .megamenu .right, header .megamenu .left { position: relative; } header .megamenu .split > .inner-col { width: 50%; float: left; } header .megamenu .right { height: 100%; display: block; margin-bottom: 25px; } header .megamenu.full-width { width: 100%; left: 0; } header .megamenu .side-tag-static { top: 43px; right: -30px; padding: 0; } header .megamenu .dzscalendar { max-width: 100%; margin-bottom: 0; padding: 0; position: relative; top: -6px; } header #nav-join .megamenu { width: 620px; right: 0; left: auto; } header #nav-visit .megamenu { right: 10%; left: auto; } header #nav-art-school .megamenu { right: 0; left: auto; } header #nav-art-school .megamenu .image-container { height: auto; position: relative; } header #nav-art-school .megamenu .image-container img { margin-bottom: 20px; } header #nav-art-school .megamenu .button { font-size: 13px; position: relative; display: inline-block; background: none; margin-bottom: 0; width: auto; } header nav a { font-weight: 400; padding: 0; position: relative; } header #search { position: absolute; right: 0; top: 10px; } .no-touch #nav-main > ul > li:hover .megamenu, #nav-main .open .megamenu { display: block; } .menu-above .megamenu { top: auto !important; bottom: 100% !important; padding-bottom: 7px; -webkit-box-shadow: 6px -6px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 6px -6px 12px rgba(0, 0, 0, 0.25); box-shadow: 6px -6px 12px rgba(0, 0, 0, 0.25); } .menu-above .megamenu:before { background: black; display: block; position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 7px; z-index: 1000; padding-right: 60px; } .menu-below .megamenu { top: 100% !important; bottom: auto !important; -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25); box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.25); } /**** Aside ****/ aside nav { background-color: #fff; } aside nav ul { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } aside nav li { list-style: none; border-bottom: 1px solid #000; margin-bottom: 13px; width: 100%; } aside nav li:last-child { border-bottom: 0; margin-bottom: 0 !important; } aside nav a { cursor: pointer; font-size: 22px; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; letter-spacing: 0; line-height: 120%; margin-bottom: 0; display: block; padding-bottom: 12px; padding-left: 14px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } aside nav a > i, aside nav a > em, aside nav a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } aside nav a > i, aside nav a > em, aside nav a > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } aside nav li ul { display: none; padding: 0 0 7px 0 !important; } aside nav li ul li { border: 0 !important; margin-bottom: 0 !important; } aside nav li ul a { border-bottom: 0; padding: 0 0 5px 14px; margin: 0; } aside nav .current > a, aside nav .current_page_item > a { color: #000000; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } aside nav .current > a > i, aside nav .current > a > em, aside nav .current > a > em *, aside nav .current_page_item > a > i, aside nav .current_page_item > a > em, aside nav .current_page_item > a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } aside nav .current ul, aside nav .current_page_item ul { display: block; } aside nav .current .has-child, aside nav .current_page_item .has-child { margin-bottom: 8px; } aside nav .current.has-child > a, aside nav .current_page_item.has-child > a { border: 0; padding-bottom: 7px; margin-bottom: 0; } aside h2 { padding-left: 14px; padding-bottom: 20px; } aside.aside-nav-alt li { border: 0 !important; margin-bottom: 0 !important; } aside.aside-nav-alt a { color: #000 !important; padding-bottom: 0 !important; text-transform: uppercase; padding-left: 0 !important; } aside.aside-nav-alt a:hover { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } aside.aside-nav-alt a:hover > i, aside.aside-nav-alt a:hover > em, aside.aside-nav-alt a:hover > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } /**** Footer****/ footer nav { position: relative; right: 0; top: 0; float: left; width: 100%; } footer nav ul { background: none; position: relative; margin: auto auto; display: table; } footer nav li { float: left; display: inline-block; } footer nav li a { color: #000000; font-weight: 600; font-size: 26px; padding: 31px 25px 31px 25px; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; line-height: 100%; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; letter-spacing: 0; float: left; } footer nav li a > i, footer nav li a > em, footer nav li a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } footer nav li.current a { color: #000000; } footer nav li:hover a { color: #000000; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } /**** Mobile ****/ #mobile-menu-toggle { font-size: 27px; left: 0; position: absolute; top: -5px; width: auto; z-index: 100; padding: 10px 20px; display: none; z-index: 10000; } .no-touch #mobile-menu-toggle:hover { color: #20c1d3; } #mobile-menu { z-index: 0; } @media (min-width: 520px) { /* html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom, .mm-opening #header-main { left: 440px ! important; } .mm-menu { width: 440px ! important; } */ } #mobile-menu, #wrap-outer { -webkit-backface-visibility: hidden; } #wrap > *:not(#header-main), #footer-main { opacity: 1; transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; } .mm-opening #wrap > *:not(#header-main), #main-footer { opacity: .2; } html.mm-opened, html.mm-opened body { overflow: hidden; } .mm-menu { background: #fff; } .mm-menu li { overflow: hidden; } .mm-menu a { color: #000 !important; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; background: #fff !important; line-height: 100% !important; text-transform: uppercase; -webkit-backface-visibility: visible; } .mm-menu a > i, .mm-menu a > em, .mm-menu a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .mm-menu li.mm-opened > a { color: #fff !important; background: black !important; } .mm-menu li.mm-opened .mm-subopen { background: black; } .mm-menu .mm-panel > * { -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); } .mm-menu .mm-list { padding-top: 0 !important; } .mm-menu .mm-list > li > a.mm-subopen:before, .mm-menu .mm-list li::after { border: 0 !important; } .mm-menu .mm-list .mm-list { padding: 0 !important; } .mm-menu .mm-list .mm-list a { background: #d9dadc !important; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; text-transform: none; } .mm-menu .mm-list .mm-list a > i, .mm-menu .mm-list .mm-list a > em, .mm-menu .mm-list .mm-list a > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .mm-menu .mm-list .mm-list a:hover { background: #20c1d3; color: #fff; } .mm-menu .mm-list > li > a, .mm-menu .mm-list > li > span { padding: 18px 10px 17px 20px; } .mm-menu a.mm-subopen { height: 52px !important; padding: 0 6px !important; } .mm-menu a.mm-subopen .icon { position: absolute; font-size: 20px; left: 50%; margin-left: -10px; top: 50%; margin-top: -10px; } .mm-menu a.mm-subopen .close { opacity: 0; } .mm-menu a.mm-subopen:before, .mm-menu a.mm-subopen:after { display: none; } .mm-menu .mm-opened > .mm-subopen .close { opacity: 1; } .mm-menu .mm-opened > .mm-subopen .open { opacity: 0; } .mm-menu .join-today { position: relative; width: 100%; bottom: 0; left: 0; } .mm-menu .join-today a { background: #20c1d3 !important; color: #fff !important; text-align: center; vertical-align: middle; padding: 10px 0 !important; } .no-touch .mm-menu a:hover { background: #000 !important; color: #fff !important; } .no-touch .mm-menu .join-today a:hover { background: #000 !important; color: #fff !important; } /***************************************************************** Global Page *****************************************************************/ body, html { width: auto; } *, body { text-rendering: optimizeLegibility; } html { font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #ffffff; overflow: scroll; overflow-x: hidden; overflow-y: auto; height: 100%; } body { display: block !important; height: auto; background-color: #ffffff; } body.no-js { display: block !important; } .full-width { width: 100%; } img { max-width: 100%; } img.size-full { display: block; } #wrap-outer { height: auto; position: relative; } #wrap { min-height: 100%; height: auto !important; margin: 0 auto -485px; padding: 82px 0 485px 0; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } #main-image { display: block; width: 100%; position: relative; margin-bottom: -5px; text-align: center; background: white; } #main-image img { width: 100%; max-width: 1680px; } #main-image .button-scroll { position: fixed; } @media only screen and (max-width: 1100px) { #main-image .button-scroll { position: absolute; } } @media only screen and (max-width: 767px) { #main-image .button-scroll { display: none; } } .caption, .caption p { font-size: 14px; } .caption { position: relative; margin-top: -15px; } .megamenu .caption { margin-top: 0; color: #a7a9ac; } #main-image-caption { position: relative; margin-top: -15px; padding-bottom: 0; margin-bottom: 0; } .main-section { border-top: 1px solid #d9dadc; width: 100%; display: inline-block; padding-top: 20px; position: relative; background: #fff; /* #nav-content nav { padding-top: 16px; } */ } .main-section.first { border-top: 0; } .main-section .container-inner { padding: 20px 30px; position: relative; max-width: 960px; margin: auto auto; display: block !important; width: auto !important; } .main-section .container-inner img { width: 100%; margin-bottom: 15px; } .main-section ul { padding: 0 0 10px 0; } .main-section div.col > ul { padding: 0 20px 10px 20px; list-style-position: outside; } .main-section .content-page { padding-bottom: 50px; margin-bottom: 25px; border-bottom: 1px solid #d9dadc; } .main-section .content-page:last-child { border: 0; margin-bottom: 0; padding-bottom: 0; } .main-section .content-page .border-divide { padding-top: 45px; } .main-section .col.span9 h2, .main-section .col.span8 h2 { margin-top: 60px; } .main-section .col.span9 h2:first-child, .main-section .col.span8 h2:first-child { margin-top: 0; } .main-section.no-line { border: 0; } .nav-content-section { min-height: 700px; } .button-scroll { font-size: 82px; position: absolute; z-index: 1; color: #fff; bottom: 60px; left: 50%; margin-left: -41px; cursor: pointer; display: none; -webkit-animation-name: opacity-pulse-down; -moz-animation-name: opacity-pulse-down; animation-name: opacity-pulse-down; -webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .button-scroll.display { display: block; } article { display: block; padding-bottom: 50px; } .border-divide, .border-divide-long { position: relative; } .border-divide:before, .border-divide-long:before { height: 1px; content: ""; position: absolute; top: 0; left: 0; background: #000; } .border-divide { padding-top: 23px; margin-top: 14px; } .border-divide:before { width: 79px; } .border-divide-long { padding-top: 33px; margin-top: 24px; } .border-divide-long:before { width: 100%; } .media-block { position: relative; margin-bottom: 15px; } .media-block img { margin: 0 !important; } .col > .media-block { margin-bottom: 0; } .headline-sub { margin-top: -13px; position: relative; margin-bottom: 15px; } .read-more-block { position: relative; display: inline-block; width: 100%; } .read-more-block .related { float: right; } .read-more-block .read-more-link { float: left; margin-top: 0; } .read-more-block .read-more-link i { font-size: 75%; vertical-align: middle; } .read-more-link { font-size: 20px; font-size: 1.25rem; margin-top: 10px; text-transform: uppercase; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; padding-right: 10px; } .read-more-link > i, .read-more-link > em, .read-more-link > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .read-more-link i { padding-right: 7px; } .read-more-link-small { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; margin-top: 20px; margin-bottom: 20px; padding: 0; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; color: #000; } .read-more-link-small > i, .read-more-link-small > em, .read-more-link-small > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .read-more-link-small b, .read-more-link-small strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .read-more-link-small b > i, .read-more-link-small b > em, .read-more-link-small b > em *, .read-more-link-small strong > i, .read-more-link-small strong > em, .read-more-link-small strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .read-more-link-small > i, .read-more-link-small > em, .read-more-link-small > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .read-more-link-small:hover { color: #20c1d3; } .sorter li { float: left; list-style: none; padding-right: 20px; } .sorter a { cursor: pointer; font-family: 'BoxedHeavy'; font-style: normal !important; font-weight: normal !important; font-size: 18px; letter-spacing: 1px; } .sorter a > i, .sorter a > em, .sorter a > em * { font-family: 'BoxedHeavy-Italic'; font-style: normal !important; font-weight: normal !important; } .sorter li.current a { color: #000000; } .sorter-letter { position: relative; display: inline-block; } .sorter-letter li { float: left; list-style: none; margin-right: 12px; padding-right: 0; display: block; line-height: 100%; position: relative; cursor: pointer; } .sorter-letter a { font-size: 26px; margin: 0; padding: 0; text-transform: uppercase; font-family: 'BoxedRegular'; font-style: normal !important; font-weight: normal !important; line-height: 100%; cursor: pointer; color: #000; display: block; letter-spacing: 0; z-index: 1; } .sorter-letter a > b, .sorter-letter a > strong, .sorter-letter a > strong i, .sorter-letter a > b i, .sorter-letter a i { font-style: normal !important; font-weight: normal !important; } .sorter-letter a > b, .sorter-letter a > strong { font-family: 'BoxedRegular-Bold'; } .sorter-letter a > i, .sorter-letter a > em, .sorter-letter a > em * { font-family: 'BoxedRegular-Italic'; } .sorter-letter a > b i, .sorter-letter a > strong i { font-family: 'BoxedRegular-BoldItalic'; } .sorter-letter li:before { background-color: white; border-radius: 100%; -moz-border-radius: 100%; content: ""; position: absolute; top: -3px; left: 50%; z-index: 0; height: 28px; width: 28px; margin-left: -14px; opacity: 0; } .sorter-letter li:hover a { color: #20c1d3; } .sorter-letter li.current a { color: #fff; position: relative; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .sorter-letter li.current a > i, .sorter-letter li.current a > em, .sorter-letter li.current a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .sorter-letter li.current:before { background-color: #20c1d3; opacity: 1; } .sorter-text { color: #20c1d3; padding-bottom: 0; } .sorter-text span { cursor: pointer; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .sorter-text span:hover { color: #000; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .sorter-text .active { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; color: #20c1d3 !important; cursor: auto; } .sorter-text .active > i, .sorter-text .active > em, .sorter-text .active > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .address-block { padding-bottom: 25px; } .address-block * { padding-bottom: 0; margin-bottom: 0; } .title-block h2 { margin: 0; padding: 0; } .title-block h5 { margin-top: 20px; color: #a7a9ac; } .title-block cite { padding-left: 10px; } .content-block { position: relative; clear: both; margin-bottom: 20px; } .heading-row { position: relative; border-bottom: 1px solid #000; width: 100%; display: block; padding-bottom: 8px; margin-bottom: 30px; margin-top: 55px; } .heading-row h4 { margin-bottom: 0; } .heading-row .sorter { float: none; position: absolute; right: 0; bottom: 8px; right: 30px; } .container-media { min-height: 260px; transition: height .5s linear; -webkit-transition: height .5s linear; -moz-transition: height .5s linear; -o-transition: height .5s linear; } .media-left { margin-bottom: 50px; } .media-right { margin-bottom: 70px; } .media-right .inner-page { display: none; } .media-right .inner-page .medium-link { margin-top: 20px; } .media-right .inner-page.current { display: block; } .media-right h2 { padding-top: 0; margin-top: -5px; margin-bottom: 20px; } .media-right .button { margin: 0 0 50px 0; } .media-right iframe, .media-right video, .media-right .fluid-vids { margin-bottom: 20px; } .media-right .sorter, .image-gallery .sorter, .gallery .sorter { margin-bottom: 5px; display: inline-block; padding: 0 !important; } .media-right .sorter li, .image-gallery .sorter li, .gallery .sorter li { padding-right: 20px; } .media-right .sorter a, .image-gallery .sorter a, .gallery .sorter a { font-size: 18px; letter-spacing: 1px; color: #000 !important; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; } .media-right .sorter a > i, .media-right .sorter a > em, .media-right .sorter a > em *, .image-gallery .sorter a > i, .image-gallery .sorter a > em, .image-gallery .sorter a > em *, .gallery .sorter a > i, .gallery .sorter a > em, .gallery .sorter a > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .media-right .sorter a:hover, .image-gallery .sorter a:hover, .gallery .sorter a:hover { color: #20c1d3 !important; } .media-right .sorter li.current a, .image-gallery .sorter li.current a, .gallery .sorter li.current a { color: #000 !important; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .media-right .sorter li.current a > i, .media-right .sorter li.current a > em, .media-right .sorter li.current a > em *, .image-gallery .sorter li.current a > i, .image-gallery .sorter li.current a > em, .image-gallery .sorter li.current a > em *, .gallery .sorter li.current a > i, .gallery .sorter li.current a > em, .gallery .sorter li.current a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .image-gallery, .gallery { float: left; clear: both; } .image-gallery .gallery-group, .gallery .gallery-group { position: relative; width: 100%; display: none; float: left; clear: both; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .image-gallery .gallery-group.current, .gallery .gallery-group.current { display: block; } .image-gallery .gallery-group .row, .gallery .gallery-group .row { float: left; clear: both; } .image-gallery img, .gallery img { display: block; } .image-gallery .row .col, .gallery .row .col { margin-bottom: 21px; } .image-gallery .media-block, .gallery .media-block { margin-bottom: 0; } #exhibitions .gallery-group .row .col { margin-bottom: 21px; } .toneden .td-icon-link, .toneden .header.tdrow, .toneden .info.tdrow, .toneden .social.tdrow { display: none; } /*.no-touch .image-gallery img:hover { @include transition-all; border: $border-small solid $color-link-hover; }*/ .image-header { padding-bottom: 28px; text-align: center; } .image-header .title { margin-bottom: 10px; } .image-block { position: relative; } .image-block img { max-width: 100%; width: 100%; } .image-block .source { margin-top: 10px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; font-size: 12px; text-transform: none; margin-top: -8px; margin-bottom: 15px; line-height: 140%; } .image-block .source > i, .image-block .source > em, .image-block .source > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .image-block .source a { color: #20c1d3; border: 0 !important; clear: both; line-height: 135%; } .image-block .source a:hover { color: #000; } .image-block .view-event-gallery { cursor: zoom-in; } .image-block .event-gallery { display: none; } .section-title { margin-bottom: 20px; } .section-label { width: 100%; background: #20c1d3; color: #fff; text-align: center; padding: 8px 0; letter-spacing: 0; } aside h2 { padding-left: 0; } .aside-inner-block p { padding-bottom: 0; } .aside-inner-block .read-more-link { margin-top: 20px; display: inline-block; } .aside-inner-block .button { margin-top: 20px; } #side-tag, #join-press { cursor: pointer; display: block; position: absolute; right: 0; top: 100px; height: 36px; z-index: 10; /* Alternate Vertical Tag */ /* cursor: pointer; display: block; position: absolute; right: -58px; top: 100px; height: 145px; z-index: 100; span { color: $white; @include box-sb; @include transition ($property: color, $duration: .20s, $timing: linear, $delay: .15s); @include backface(hidden); display: block; white-space: nowrap; br { display: none ! important; } } .fixed-inner { background: $ca-2; @include font-size(26); line-height: 120%; padding: 15px 18px; text-transform: uppercase; z-index: 100; @include box-rotate ($degree: 270deg); } .fixed-inner:hover { span { color: $black ! important; } } &.fixed { position: absolute ! important; display: block; .fixed-inner { position: fixed; top: $header-height + 100; right: -58px;; } } */ } #side-tag .fixed-inner, #join-press .fixed-inner { background: #20c1d3; font-size: 14px; font-size: 0.875rem; line-height: 120%; padding: 10px 13px; text-transform: uppercase; z-index: 100; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; transition: padding-right 0.2s linear 0s; -webkit-transition: padding-right 0.2s linear 0s; -moz-transition: padding-right 0.2s linear 0s; -ms-transition: padding-right 0.2s linear 0s; -o-transition: padding-right 0.2s linear 0s; } #side-tag .fixed-inner > i, #side-tag .fixed-inner > em, #side-tag .fixed-inner > em *, #join-press .fixed-inner > i, #join-press .fixed-inner > em, #join-press .fixed-inner > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } #side-tag span, #join-press span { color: #fff; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; transition: color 0.2s linear 0.15s; -webkit-transition: color 0.2s linear 0.15s; -moz-transition: color 0.2s linear 0.15s; -ms-transition: color 0.2s linear 0.15s; -o-transition: color 0.2s linear 0.15s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; display: block; white-space: nowrap; } #side-tag span > i, #side-tag span > em, #side-tag span > em *, #join-press span > i, #join-press span > em, #join-press span > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } #side-tag span br, #join-press span br { display: none; } #side-tag .fixed-inner:hover, #join-press .fixed-inner:hover { transition: padding-right 0.2s linear 0s; -webkit-transition: padding-right 0.2s linear 0s; -moz-transition: padding-right 0.2s linear 0s; -ms-transition: padding-right 0.2s linear 0s; -o-transition: padding-right 0.2s linear 0s; padding-right: 60px; } #side-tag .fixed-inner:hover span, #join-press .fixed-inner:hover span { color: #000000; transition: color 0.2s linear 0.15s; -webkit-transition: color 0.2s linear 0.15s; -moz-transition: color 0.2s linear 0.15s; -ms-transition: color 0.2s linear 0.15s; -o-transition: color 0.2s linear 0.15s; } #side-tag.fixed, #join-press.fixed { position: absolute !important; display: block; } #side-tag.fixed .fixed-inner, #join-press.fixed .fixed-inner { position: fixed; top: 182px; right: 0; } .side-tag-static, #join-press { cursor: pointer; display: block; position: absolute; right: 0; top: 100px; height: 36px; z-index: 10; /* Alternate Vertical Tag */ /* cursor: pointer; display: block; position: absolute; right: -58px; top: 100px; height: 145px; z-index: 100; span { color: $white; @include box-sb; @include transition ($property: color, $duration: .20s, $timing: linear, $delay: .15s); @include backface(hidden); display: block; white-space: nowrap; br { display: none ! important; } } .fixed-inner { background: $ca-2; @include font-size(26); line-height: 120%; padding: 15px 18px; text-transform: uppercase; z-index: 100; @include box-rotate ($degree: 270deg); } .fixed-inner:hover { span { color: $black ! important; } } &.fixed { position: absolute ! important; display: block; .fixed-inner { position: fixed; top: $header-height + 100; right: -58px;; } } */ } .side-tag-static .fixed-inner, #join-press .fixed-inner { background: #20c1d3; font-size: 14px; font-size: 0.875rem; line-height: 120%; padding: 10px 13px; text-transform: uppercase; z-index: 100; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; transition: padding-right 0.2s linear 0s; -webkit-transition: padding-right 0.2s linear 0s; -moz-transition: padding-right 0.2s linear 0s; -ms-transition: padding-right 0.2s linear 0s; -o-transition: padding-right 0.2s linear 0s; } .side-tag-static .fixed-inner > i, .side-tag-static .fixed-inner > em, .side-tag-static .fixed-inner > em *, #join-press .fixed-inner > i, #join-press .fixed-inner > em, #join-press .fixed-inner > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .side-tag-static span, #join-press span { color: #fff; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; transition: color 0.2s linear 0.15s; -webkit-transition: color 0.2s linear 0.15s; -moz-transition: color 0.2s linear 0.15s; -ms-transition: color 0.2s linear 0.15s; -o-transition: color 0.2s linear 0.15s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; display: block; white-space: nowrap; } .side-tag-static span > i, .side-tag-static span > em, .side-tag-static span > em *, #join-press span > i, #join-press span > em, #join-press span > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .side-tag-static span br, #join-press span br { display: none; } .side-tag-static .fixed-inner:hover, #join-press .fixed-inner:hover { transition: padding-right 0.2s linear 0s; -webkit-transition: padding-right 0.2s linear 0s; -moz-transition: padding-right 0.2s linear 0s; -ms-transition: padding-right 0.2s linear 0s; -o-transition: padding-right 0.2s linear 0s; padding-right: 60px; } .side-tag-static .fixed-inner:hover span, #join-press .fixed-inner:hover span { color: #000000; transition: color 0.2s linear 0.15s; -webkit-transition: color 0.2s linear 0.15s; -moz-transition: color 0.2s linear 0.15s; -ms-transition: color 0.2s linear 0.15s; -o-transition: color 0.2s linear 0.15s; } .side-tag-static.fixed, #join-press.fixed { position: absolute !important; display: block; } .side-tag-static.fixed .fixed-inner, #join-press.fixed .fixed-inner { position: fixed; top: 182px; right: 0; } aside.list-events { background-color: #fff; } aside.list-events ul { padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } aside.list-events li { list-style: none; border-bottom: 1px solid #000; margin-bottom: 13px; width: 100%; } aside.list-events li:last-child { border-bottom: 0; margin-bottom: 0 !important; } aside.list-events a { cursor: pointer; font-size: 22px; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; letter-spacing: 0; line-height: 120%; margin-bottom: 0; display: block; padding-bottom: 12px; padding-left: 14px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } aside.list-events a > i, aside.list-events a > em, aside.list-events a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } aside.list-events a > i, aside.list-events a > em, aside.list-events a > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } aside.list-events li ul { display: none; padding: 0 0 7px 0 !important; } aside.list-events li ul li { border: 0 !important; margin-bottom: 0 !important; } aside.list-events li ul a { border-bottom: 0; padding: 0 0 5px 14px; margin: 0; } aside.list-events .current > a, aside.list-events .current_page_item > a { color: #000000; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } aside.list-events .current > a > i, aside.list-events .current > a > em, aside.list-events .current > a > em *, aside.list-events .current_page_item > a > i, aside.list-events .current_page_item > a > em, aside.list-events .current_page_item > a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } aside.list-events .current ul, aside.list-events .current_page_item ul { display: block; } aside.list-events .current .has-child, aside.list-events .current_page_item .has-child { margin-bottom: 8px; } aside.list-events .current.has-child > a, aside.list-events .current_page_item.has-child > a { border: 0; padding-bottom: 7px; margin-bottom: 0; } aside.list-events li { float: left; clear: both; margin-bottom: 15px; margin-bottom: 15px; padding-bottom: 0; border: 0; position: relative; padding-left: 35px; } aside.list-events li .icon, aside.list-events li h3 { float: left; } aside.list-events li .icon { font-size: 22px; position: absolute; left: 0; top: -1px; } aside.list-events li h4 { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; margin-bottom: 0 !important; padding-bottom: 0 !important; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; text-transform: none; } aside.list-events li h4 > i, aside.list-events li h4 > em, aside.list-events li h4 > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } aside.list-events li h4 b, aside.list-events li h4 strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } aside.list-events li h4 b > i, aside.list-events li h4 b > em, aside.list-events li h4 b > em *, aside.list-events li h4 strong > i, aside.list-events li h4 strong > em, aside.list-events li h4 strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } aside.list-events li h4 > i, aside.list-events li h4 > em, aside.list-events li h4 > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } aside.list-events li a { padding: 0; margin: 0; color: #000; cursor: pointer; font-size: inherit; } aside.list-events li a:hover { color: #20c1d3; } aside.list-events li .button { width: auto; line-height: 100%; margin-left: -35px; margin-top: 5px; margin-bottom: 0; } .no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .movable { cursor: move; } .icon { line-height: 100%; } .mobile { display: none; } .noscroll { overflow: hidden; } .fixed { position: fixed !important; z-index: 1; } .large-spacer, .small-spacer { position: relative; display: block; width: 1px; } .large-spacer { height: 50px; } .medium-spacer { height: 20px; } .small-spacer { height: 10px; } .width-auto { width: auto !important; } .width-full { width: 100% !important; } .accordion-opener { cursor: pointer; color: #20c1d3; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .accordion-opener h5 { margin-bottom: 20px; } .accordion-opener .open-block { display: block; } .accordion-opener .close-block { display: none; } .accordion-opener:hover { color: #000; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .accordion-opener.open .open-block { display: none; } .accordion-opener.open .close-block { display: block; } .accordion-content > p { padding-right: 15px; } ul.columnized-list { column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; list-style: square outside; } ul.columnized-list li { margin-left: 18px; } /***************************************************************** Footer *****************************************************************/ footer { min-height: 485px; width: 100%; position: relative; display: table; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #ffffff; padding-top: 0 !important; } footer .container-inner { padding-top: 0 !important; padding-bottom: 0 !important; } footer h3 { padding: 0; margin: 0; } footer section { float: left; clear: both; width: 100%; } footer ul { margin: 0 !important; padding: 0 !important; list-style: none; } footer ul li { float: left; } footer #nav-footer { margin-bottom: 75px; } footer #nav-footer li a { padding: 0 35px 0 0; font-size: 20px; font-size: 1.25rem; text-transform: uppercase; color: #20c1d3 !important; } footer #nav-footer li a:hover { color: #000 !important; } footer .social-row li a { padding: 0 10px 0 0; color: #000; } footer .social-row li a:hover { color: #20c1d3; } footer .icon { font-size: 39px; position: relative; top: -1px; } footer .address-block { padding-bottom: 15px; } footer .address-block a { color: #000; } footer .address-block a:hover { color: #20c1d3; } footer .button { margin-top: 20px; margin-bottom: 25px; clear: both; float: left; } #footer-top { padding-top: 40px; } #footer-bottom { padding: 25px 0; } #footer-bottom h4 { padding-top: 0 !important; padding-bottom: 0 !important; } /***************************************************************** Forms *****************************************************************/ *:focus { outline: none; } /* Standard Forms */ form { margin: 0 0 20px; } form .thankyou { display: none; margin-top: 5px; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.4s; -moz-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } form.sent .thankyou { display: block; } /* Label Styles */ label { cursor: pointer; display: inline-block; font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; font-weight: normal; } label > i, label > em, label > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } label b, label strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } label b > i, label b > em, label b > em *, label strong > i, label strong > em, label strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } input, textarea { font-family: inherit; border: 0; width: 384px; border-radius: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; letter-spacing: 0; font-size: 13px; position: relative; top: -1px; margin-right: 10px; border: 1px solid white; font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; padding: 13px 10px 12px 10px; line-height: 100%; } input > i, input > em, input > em *, textarea > i, textarea > em, textarea > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } input b, input strong, textarea b, textarea strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } input b > i, input b > em, input b > em *, input strong > i, input strong > em, input strong > em *, textarea b > i, textarea b > em, textarea b > em *, textarea strong > i, textarea strong > em, textarea strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } input:focus, textarea:focus { transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[disabled], textarea[disabled] { background-color: #dddddd; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin-top: .16rem; float: left; margin-right: .4em; width: auto; } /* We add basic fieldset styling */ fieldset { border: solid 1px #dddddd; padding: 1.25em; margin: 1.125em 0; } fieldset legend { width: auto; background: white; padding: 0 0.1875em; margin: 0; margin-left: -0.1875em; } /***************************************************************** Buttons *****************************************************************/ /* General button style */ button, .button { cursor: pointer; letter-spacing: 1px; outline: none; position: relative; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; background: #000000; padding: 13px 15px; font-size: 18px; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; color: #20c1d3; background: none; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #20c1d3; line-height: 100%; text-transform: uppercase; margin-bottom: 20px; white-space: nowrap; } button > i, button > em, button > em *, .button > i, .button > em, .button > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } button.button-small, .button.button-small { padding: 6px 9px; font-size: 14px; } /* Button 1a */ button:hover, .button:hover, button:active .button:active { color: #000000; border-color: #000000; } /* button, .button { font-family: inherit; font-size: inherit; cursor: pointer; letter-spacing: 1px; outline: none; position: relative; @include transition-all; background: $color-content; border: 0; padding: 11px 80px; font-size: 28px; @include box-sb; color: $color-content; background: $ca-6; display: inline-block; } button:hover, .button:hover, button:active .button:active { //color: $white; background: $color-link-hover; color: $color-content; } */ /***************************************************************** Tables *****************************************************************/ table { background: white; margin-bottom: 1.25em; width: 100%; } table a { color: #20c1d3; } table a:hover { color: #000; } table thead, table tfoot { font-weight: bold; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { font-size: 10px; text-align: left; color: #808284; vertical-align: middle; line-height: 100%; font-size: 17px; font-size: 1.0625rem; text-align: left; text-transform: uppercase; } table tr th, table tr td { color: black; text-align: left; padding: 12px 0 10px 0; vertical-align: middle; white-space: nowrap; line-height: 100%; font-size: 17px; font-size: 1.0625rem; } table tr th:first-child, table tr td:first-child { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } table tr th:first-child > i, table tr th:first-child > em, table tr th:first-child > em *, table tr td:first-child > i, table tr td:first-child > em, table tr td:first-child > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } table tr th.renew, table tr th.gift, table tr th:last-child, table tr td.renew, table tr td.gift, table tr td:last-child { text-align: right; } table tr th.join, table tr td.join { text-align: center; } table tr th:last-child, table tr td:last-child { padding-right: 10px; } table tr th.title p, table tr td.title p { font-size: inherit !important; padding-bottom: 0 !important; margin-bottom: 0 !important; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } table tr th.title p > i, table tr th.title p > em, table tr th.title p > em *, table tr td.title p > i, table tr td.title p > em, table tr td.title p > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } table tr { border-bottom: 1px solid #000000; } table .reveal { width: 100%; height: auto; background: #ebebec; display: none; } table .reveal td { white-space: normal; text-align: left; padding: 20px 14px 14px 14px; margin-bottom: 5px; font-size: 15px; font-size: 0.9375rem; } table .reveal td:first-child { font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } table .reveal td:first-child > i, table .reveal td:first-child > em, table .reveal td:first-child > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } table .reveal td:last-child { text-align: left; } table .reveal td * { text-align: left; font-size: 15px; font-size: 0.9375rem; line-height: 120%; padding-bottom: 6px; } .opened .reveal { display: table-row; } table .toggle { position: relative; float: left; padding-right: 5px; top: 0; cursor: pointer; } table .toggle * { font-size: 24px; font-size: 1.5rem; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } table .toggle .open { visibility: visible; opacity: 1; } table .toggle .close { visibility: hidden; position: absolute; top: 0; left: 0; opacity: 0; } tbody.opened .open { visibility: hidden; opacity: 0; } tbody.opened .close { visibility: visible; opacity: 1; } td.title { cursor: pointer; } td.title:hover, td.title:hover * { transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; color: #20c1d3; } /* table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } */ table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.125em; } a.th { display: inline-block; } #map { width: 100%; height: 400px; } #map img { max-width: none !important; } @media only screen and (max-width: 1024px) { #map { width: 80%; height: 350px; left: 10%; margin-bottom: 40px; } } @media only screen and (max-width: 767px) { #map { width: 74%; height: 200px; left: 14%; margin-bottom: 20px; } } /***************************************************************** Home *****************************************************************/ #home #wrap { padding-top: 0; } #home #large-slideshow { float: none; } #home #section-classes img { display: inline-block; } #home #section-classes .date { padding-bottom: 30px; } #home #section-classes .address-block { padding-bottom: 20px; } #home #section-classes .address-block h3.blue { font-size: 20px; font-size: 1.25rem; } #home #section-classes .content-block { margin-bottom: 0; } #home #section-on-view .col > a { display: block; } #home #section-on-view .caption { margin-top: 0; } #home aside .border-divide { padding-top: 30px; margin-top: 30px; /*.icon-group.location { max-width: 48%; * { @include ellipsis; } }*/ } #home aside .border-divide p, #home aside .border-divide h3, #home aside .border-divide h4 { max-width: 311px; } #home aside .border-divide p { line-height: 130%; font-size: 16px; color: #000; transition: color .25s linear; -webkit-transition: color .25s linear; -moz-transition: color .25s linear; -o-transition: color .25s linear; } #home aside .border-divide .date-block { margin-bottom: 10px; } #home aside .border-divide h3:not(.alt) { font-size: 15px; font-size: 0.9375rem; margin-bottom: 3px; width: 100%; } #home aside .border-divide h3.alt { color: #000; } #home aside .border-divide h4 { font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } #home aside .border-divide h4 > i, #home aside .border-divide h4 > em, #home aside .border-divide h4 > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } #home aside .border-divide .icon-row { clear: both; margin-bottom: 10px; width: 100%; } #home aside .border-divide .icon-group { position: relative; margin-top: 10px; } #home aside .border-divide .icon-group * { color: #000; } #home aside .border-divide .icon-group .icon { position: absolute; font-size: 20px; top: -1px; left: 0; } #home aside .border-divide .icon-group h4 { padding-left: 28px; font-size: 16px; transition: color .25s linear; -webkit-transition: color .25s linear; -moz-transition: color .25s linear; -o-transition: color .25s linear; } #home aside .border-divide .icon-group.date { margin-right: 14px; white-space: nowrap; } #home aside .border-divide .icon-row.alt { margin-top: 20px; } #home aside .border-divide .icon-row.alt .icon-group { width: auto; white-space: nowrap; margin-right: 12px; margin-bottom: 8px; } #home aside .border-divide .icon-row.alt .icon-group.location { max-width: 100% !important; } #home aside .border-divide > a:hover p { color: #20c1d3; transition: color .25s linear; -webkit-transition: color .25s linear; -moz-transition: color .25s linear; -o-transition: color .25s linear; } #home aside .border-divide > a:hover h4 { color: #000; transition: color .25s linear; -webkit-transition: color .25s linear; -moz-transition: color .25s linear; -o-transition: color .25s linear; } #home .headline { margin-top: 0; } #home .headline > * { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } #home .headline > * > i, #home .headline > * > em, #home .headline > * > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } #home .headline, #home .headline-sub { width: 100%; } #home .main-section .calendar { margin-bottom: 50px !important; max-width: 90%; } #home #section-news aside.col { margin-right: 2.4%; } #home #section-news div.col { width: 65.76667%; } #home #section-news .article-title-link { display: block; float: left; clear: both; width: 100%; } #home #section-news .article-title-link h2 { float: left; clear: both; width: 100%; } #home #section-news img:first-child { margin-bottom: -35px; padding-bottom: 0; } #home #section-about { background: #ebebec; } #home #section-about h2 { margin-bottom: 0; margin-top: 0; } #home #section-about .border-divide { padding-top: 40px; } #home #section-about .block-row img { padding-bottom: 10px; border-bottom: 1px solid #000; } #home #section-about aside nav { background: none !important; } #home #about-left { width: 22.7%; } #home #about-right { width: 74.3%; } #home .news-title { margin-bottom: 50px; } .home-main-image { width: 100%; height: 100%; height: 800px; background-size: cover; background-position: center center; position: relative; } .home-main-image img { display: none; width: 100%; } @media only screen and (max-width: 767px) { .home-main-image { background-image: none !important; height: auto !important; min-height: 0; } .home-main-image img { display: block; } } /***************************************************************** Exhibitions *****************************************************************/ #exhibitions #exhibitions-top { position: relative; float: left; clear: both; width: 100%; } #exhibitions #exhibitions-top h2 { margin-bottom: 80px; } #exhibitions .filter-exhibitions { float: left; clear: both; } #exhibitions .filters { position: absolute; bottom: 0; right: 0; } #exhibitions .filters a { white-space: nowrap; margin-bottom: 5px; font-size: 17px; font-size: 1.0625rem; line-height: 125%; letter-spacing: 0; text-transform: uppercase; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; color: #20c1d3; } #exhibitions .filters a > i, #exhibitions .filters a > em, #exhibitions .filters a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } #exhibitions .filters .radio { display: inline-block; text-align: center; width: 20px; height: 20px; border-radius: 20px; -moz-border-radius: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #000; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; position: relative; top: 4px; margin-right: 20px; } #exhibitions .filters .radio i { border-radius: 10px; -moz-border-radius: 10px; background: #fff; width: 10px; height: 10px; display: block; position: absolute; top: 50%; left: 50%; margin-left: -5px; margin-top: -5px; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } #exhibitions .filters em { position: relative; } #exhibitions .filters .em-show { visibility: hidden; position: absolute; bottom: 0; right: 0; line-height: 100%; } #exhibitions .filters .em-hide { visibility: visible; } #exhibitions .yes i { background: #000 !important; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } #exhibitions .yes .em-show { visibility: visible; } #exhibitions .yes .em-hide { visibility: hidden; } #exhibitions .current-upcoming h4 { margin-bottom: 0; } #exhibitions .current-upcoming h4.date { margin-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } #exhibitions .current-upcoming h4.date > i, #exhibitions .current-upcoming h4.date > em, #exhibitions .current-upcoming h4.date > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } #exhibitions .current-upcoming .row { border-top: 1px solid #a7a9ac; margin-bottom: 0; margin-top: 10px; padding-top: 40px; padding-bottom: 20px; } #exhibitions .current-upcoming .button { margin-top: 60px; } #exhibitions .current-upcoming .button-row { border-top: 0; } #exhibitions .current-upcoming .button-row .button { margin-top: 0; } #exhibitions .current-upcoming h5 { margin-bottom: 10px; } #exhibitions .current-upcoming h3 { margin-bottom: 0; margin-top: -5px; position: relative; } #exhibitions .current-upcoming img { margin-bottom: 0; } #exhibitions .current-upcoming .caption { margin-top: 15px; font-size: 14px; font-size: 0.875rem; } #exhibitions .tag-row { position: relative; margin-top: 10px; } #exhibitions .tag-row .tag { float: left; margin-right: 20px; margin-bottom: 5px; font-size: 17px; font-size: 1.0625rem; line-height: 125%; letter-spacing: 0; text-transform: uppercase; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; color: #808284; } #exhibitions .tag-row .tag > i, #exhibitions .tag-row .tag > em, #exhibitions .tag-row .tag > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } #exhibitions .row .col { margin-bottom: 0; } #exhibitions .click-to-exhibition { cursor: pointer; } .is-past-event * { color: #a7a9ac !important; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .is-past-event:hover * { color: #000 !important; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } .is-past-event:hover h2 a { color: #20c1d3 !important; } .is-past-event:hover h2 a:hover { color: #000000 !important; } .is-past-event:hover h4 * { color: #000 !important; } .is-past-event:hover h4:hover * { color: #20c1d3 !important; } #exhibitions.single .main-section.first { border: 0; } #exhibitions.single .title-block { margin: 35px 0 50px; } #exhibitions.single .title-block h5 { margin: 0; } #exhibitions.single .container-media { margin-top: 50px; } /***************************************************************** Artists *****************************************************************/ #artists .artist-group { list-style: none; margin-bottom: 20px; } #artists .artist-group li { margin-bottom: 5px; font-size: 20px; font-size: 1.25rem; line-height: 115%; letter-spacing: 0; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } #artists .artist-group li > i, #artists .artist-group li > em, #artists .artist-group li > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } #artists .artist-group li > i, #artists .artist-group li > em, #artists .artist-group li > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } #artists #artist-opportunities { background: #ebebec; } #artists #artist-opportunities .heading-row { margin-top: 0; } #artists #artist-opportunities .content-block h4 { text-transform: none; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; margin-bottom: 20px; } #artists #artist-opportunities .content-block h4 > i, #artists #artist-opportunities .content-block h4 > em, #artists #artist-opportunities .content-block h4 > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } #artists.single .title-row { clear: both; margin-bottom: 50px; position: relative; } #artists.single .title-row .right { position: absolute; right: 0; top: 0; } #artists.single #row-news { margin-bottom: 0; } #artists.single #row-news .news-content { float: none; margin-right: 1%; vertical-align: top; } #artists.single .news-content a { color: #000; } #artists.single .news-content a:hover { color: #20c1d3; } #artists.single .title { position: relative; } #artists.single .title .artist-image { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #d9dadc; background-repeat: no-repeat; border-radius: 45px; -moz-border-radius: 45px; height: 45px; width: 45px; display: block; position: absolute; left: 0; bottom: -3px; } #artists.single .title h2 { position: relative; margin: 0; } #artists.single .title.has-image h2 { left: 60px; } #artists.single .info-row { margin-bottom: 0 !important; } #artists.single .info-row h5 { color: #20c1d3; } #artists.single .content-block .date { color: #20c1d3; } #artists.single .content-block p { max-width: 200px; } /***************************************************************** Join / Support *****************************************************************/ #row-become-a-member h3 { padding-bottom: 10px; } .table-toggle-full { margin-bottom: 5px; font-size: 20px; font-size: 1.25rem; line-height: 115%; letter-spacing: 0; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; margin: 15px 0 15px; display: block; cursor: pointer; } .table-toggle-full > i, .table-toggle-full > em, .table-toggle-full > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .table-toggle-full .view, .table-toggle-full .hide { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .table-toggle-full .view > i, .table-toggle-full .view > em, .table-toggle-full .view > em *, .table-toggle-full .hide > i, .table-toggle-full .hide > em, .table-toggle-full .hide > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .table-toggle-full .hide { display: none; } .table-toggle-full.active .hide { display: inline; } .table-toggle-full.active .view { display: none; } /***************************************************************** Events *****************************************************************/ #events-top { position: relative; padding-top: 0; margin-top: 0; } #events-top .container-inner { padding-top: 0; padding-bottom: 0; position: relative; } #events-top .container-inner h2 { float: left; padding-top: 40px; } #events-top .calendar { position: relative; float: right; height: 100%; width: 31.3333%; padding: 15px 0; } .tab-row { height: auto; position: absolute; bottom: -1px; left: 0; z-index: 1; } .tab { display: block; border: 1px solid #d9dadc; width: 277px; display: block; float: left; margin-right: 10px; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tab * { padding: 15px 20px; white-space: nowrap; line-height: 100%; margin: 0; } .tab.current { border-bottom-color: #ffffff; } #events-filter { margin-top: -5px; background: #fff; position: relative; padding-top: 0; } #events-filter #events-filter-toggle { position: absolute; right: 0; top: 0; width: 31.3333%; cursor: pointer; color: #20c1d3; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; padding-top: 10px; } #events-filter #events-filter-toggle .icon { float: left; margin-right: 15px; font-size: 25px; position: relative; top: 0px; } #events-filter #events-filter-toggle h4 { white-space: nowrap; } #events-filter #events-filter-toggle:hover { color: #000000; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } #events-filter .toggle-open { display: none; } .filter-opened #events-filter-toggle .toggle-open { display: block !important; } .filter-opened #events-filter-toggle .toggle-close { display: none !important; } #events-filter-content { float: right; display: table; width: 100%; display: none; } #events-filter-content ul { list-style: none; width: 25%; float: right; padding-top: 40px; } #events-filter-content li a { margin-bottom: 5px; font-size: 20px; font-size: 1.25rem; line-height: 115%; letter-spacing: 0; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; margin: 0; line-height: 130%; color: #a7a9ac; cursor: pointer; } #events-filter-content li a > i, #events-filter-content li a > em, #events-filter-content li a > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } #events-filter-content li a:hover, #events-filter-content li.active a { color: #20c1d3; } #events .event h2 { margin-bottom: 10px; } .event-group { position: relative; margin-top: -5px; } .event-load { padding-top: 0; } .sponsor-group { position: relative; margin-top: 30px; } .sponsor-group h4 { color: #20c1d3; } .sponsor { cursor: pointer; overflow: visible; margin-bottom: 0; width: 160px; display: inline-block; position: relative; } .sponsor-tip { visibility: hidden; opacity: 0; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; color: #fff; position: absolute; bottom: 100%; margin-bottom: -10px; left: 50%; text-align: center; padding: 0; display: block; width: 160px; margin-left: -80px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; z-index: 10; } .sponsor-tip a { display: block; } .sponsor-tip * { padding: 10px; color: #fff; background: #20c1d3; margin: 0; } .sponsor-tip:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #20c1d3; position: absolute; top: 100%; left: 50%; margin-left: -10px; } .no-touch .sponsor:hover .sponsor-tip { visibility: visible; opacity: 1; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .sponsor-small, .sponsor-small .sponsor { width: 80px; } .sponsor-small { margin-right: 3%; } @media only screen and (max-width: 880px) { #events-filter-content ul { width: 50%; padding-top: 0; } #events-filter #events-filter-toggle { width: auto; right: auto; left: 0; position: relative; padding: 0 0 15px 0; float: left; clear: both; } .sponsor-small { margin-right: 0; } } /***************************************************************** Visit *****************************************************************/ #visit .two-lines { height: 46px; } /***************************************************************** Explore *****************************************************************/ #learn .main-section div.col h2, #explore .main-section div.col h2 { margin-top: 60px; } #learn .main-section div.col h2:first-child, #explore .main-section div.col h2:first-child { margin-top: 0; } /***************************************************************** Products *****************************************************************/ .woocommerce-breadcrumb { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; line-height: 125%; padding-bottom: 15px; } .woocommerce-breadcrumb > i, .woocommerce-breadcrumb > em, .woocommerce-breadcrumb > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .woocommerce-breadcrumb b, .woocommerce-breadcrumb strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .woocommerce-breadcrumb b > i, .woocommerce-breadcrumb b > em, .woocommerce-breadcrumb b > em *, .woocommerce-breadcrumb strong > i, .woocommerce-breadcrumb strong > em, .woocommerce-breadcrumb strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .woocommerce-result-count, .woocommerce-ordering { display: inline-block; } .woocommerce-result-count { margin-right: 15px; } .woocommerce-ordering { margin-bottom: 0; } .type-product { display: block; } .type-product > * { display: block; } .type-product .images { max-width: 35%; float: left; } .entry-content { max-width: 350px; } .summary { float: right; width: 63%; margin-bottom: 20px; } .summary .product_title { margin-bottom: 20px; padding-bottom: 0; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .summary .product_title > i, .summary .product_title > em, .summary .product_title > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .summary .cart:before { position: relative; display: block; content: "Quantity:"; float: left; font-size: 17px; font-size: 1.0625rem; font-family: 'BoxedRegular'; font-style: normal !important; font-weight: normal !important; margin: 0; margin-right: 10px; display: inline-block; } .summary .cart:before > b, .summary .cart:before > strong, .summary .cart:before > strong i, .summary .cart:before > b i, .summary .cart:before i { font-style: normal !important; font-weight: normal !important; } .summary .cart:before > b, .summary .cart:before > strong { font-family: 'BoxedRegular-Bold'; } .summary .cart:before > i, .summary .cart:before > em, .summary .cart:before > em * { font-family: 'BoxedRegular-Italic'; } .summary .cart:before > b i, .summary .cart:before > strong i { font-family: 'BoxedRegular-BoldItalic'; } .summary .quantity { display: inline-block; vertical-align: top; top: -1px; position: relative; } .summary .quantity input { height: 23px; width: 49px; border-bottom: 1px solid #000; text-align: center; padding: 0; line-height: 100%; } .summary .button { display: block; clear: both; margin-top: 35px; } .summary .product_meta { margin-bottom: 5px; font-size: 17px; font-size: 1.0625rem; line-height: 125%; letter-spacing: 0; text-transform: uppercase; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .summary .product_meta > i, .summary .product_meta > em, .summary .product_meta > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .description-title { padding-bottom: 0; text-transform: uppercase; } .woocommerce-tabs { position: relative; clear: both; width: 100%; margin-top: 20px; } .woocommerce-tabs .tabs { display: inline-block; position: relative; padding-bottom: 0; margin-bottom: 7px; clear: both; display: none; } .woocommerce-tabs .tabs li { position: relative; bottom: -1px; padding-right: 20px; display: inline-block; } .woocommerce-tabs .tabs li * { display: block; cursor: pointer; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; font-size: 18px; letter-spacing: 1px; } .woocommerce-tabs .tabs li * > i, .woocommerce-tabs .tabs li * > em, .woocommerce-tabs .tabs li * > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .woocommerce-main-image { display: block; } .woocommerce-main-image img { width: 100%; height: auto; } #products #content { min-height: 800px; } ul.products { list-style-type: none; float: left; clear: both; } ul.products li { float: left; width: 24%; margin-right: 1%; margin-bottom: 30px; } ul.products .media-block { margin-bottom: 3px; float: left; clear: both; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } ul.products img { height: auto; } ul.products li > a:hover .media-block { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 80 ")"; filter: alpha(opacity=80); zoom: 1; transition: all .25s linear; -webkit-transition: all .25s linear; -moz-transition: all .25s linear; -o-transition: all .25s linear; } ul.products h3, ul.products .price { line-height: 130%; color: #000; } ul.products h3 { margin-bottom: 5px; font-size: 17px; font-size: 1.0625rem; line-height: 125%; letter-spacing: 0; text-transform: uppercase; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; max-width: 75%; margin-bottom: 0; } ul.products h3 > i, ul.products h3 > em, ul.products h3 > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } ul.products .product > a { display: inline-block; max-width: 100%; } ul.products .price { float: right; width: 25%; text-align: right; } ul.products .button { font-size: 14px; padding: 10px; float: none; clear: both; margin: 5px auto 0; display: table !important; } ul.products.products-narrow-layout h3 { white-space: normal; width: 100%; max-width: none; } ul.products.products-narrow-layout .price { width: 100%; text-align: left; } @media only screen and (max-width: 767px) { h1 { margin-bottom: 15px; } .page-title { margin-bottom: 10px; font-size: 32px; font-size: 2rem; line-height: 110%; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; letter-spacing: 0; text-transform: uppercase; margin-bottom: 10px; } .page-title > i, .page-title > em, .page-title > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .type-product .images { max-width: 100%; width: 100%; } .summary { width: 100%; float: none; margin-bottom: 30px; } ul.products { float: none; } ul.products li { width: 100%; } ul.products li > a { width: 100%; } #products .media-block { margin-bottom: 10px; float: none; } #products h3, #products .price { margin-bottom: 5px; font-size: 20px; font-size: 1.25rem; line-height: 115%; letter-spacing: 0; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; color: #000; } #products h3 > i, #products h3 > em, #products h3 > em *, #products .price > i, #products .price > em, #products .price > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } #products .button, #products button { width: 100%; text-align: center; font-size: 16px; margin-top: 30px; padding: 13px 15px; } } /***************************************************************** Visit *****************************************************************/ #press-room .content-page { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; padding-bottom: 25px; } #press-room .content-page > i, #press-room .content-page > em, #press-room .content-page > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } #press-room .content-page b, #press-room .content-page strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } #press-room .content-page b > i, #press-room .content-page b > em, #press-room .content-page b > em *, #press-room .content-page strong > i, #press-room .content-page strong > em, #press-room .content-page strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } #press-room .press-release-date { margin-top: 10px; margin-bottom: 25px; } .press-release h3 { margin-bottom: 35px; } .press-release .media-block { margin-bottom: 25px; } .press-release .caption { padding-bottom: 35px; } .password-protection-page form { margin-top: 46px; } .password-protection-page form label { margin-bottom: 6px; padding-bottom: 0; } .password-protection-page form input { background-color: #ebebec; } /***************************************************************** Cart *****************************************************************/ .quantity .minus, .quantity .plus { background: none; display: none; } .woocommerce abbr[title], .woocommerce dfn[title] { cursor: auto; border-bottom: 0; } .woocommerce input { width: auto; } .woocommerce p { padding-bottom: 0; } .woocommerce thead th { padding-top: 0; padding-bottom: 5px; } .woocommerce mark { padding: 0; line-height: 100%; background: none; color: #000; display: inline; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .woocommerce mark > i, .woocommerce mark > em, .woocommerce mark > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .woocommerce .addresses { padding-top: 10px; } .woocommerce .addresses header { width: 100%; display: inline-block; } .woocommerce .addresses header h3 { display: inline-block; padding-right: 5px; margin-bottom: 4px; } .woocommerce .addresses header p { display: inline-block; } .woocommerce .addresses .col-1, .woocommerce .addresses .col-2 { padding-bottom: 20px; } .woocommerce label { margin-right: 6px; } .woocommerce input[type=text] { width: auto; border-bottom: 1px solid #000; padding: 0px 5px; height: 22px; line-height: 22px; } .woocommerce .required { color: red; } .woocommerce .cart-empty { padding-bottom: 15px; } .checkout .woocommerce-billing-fields { width: 100%; } .checkout .col-1, .checkout .col-2 { width: 608px; display: inline-block; } .order-number br { display: none; } .shop_table { float: left; } .shop_table th, .cart_item td > * { padding: 0 10px; line-height: 100%; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .shop_table th > i, .shop_table th > em, .shop_table th > em *, .cart_item td > * > i, .cart_item td > * > em, .cart_item td > * > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .shop_table p { padding-bottom: 0; } .woocommerce-error { border-bottom: 1px solid #000; } .woocommerce-error li { list-style: none; color: red; } .woocommerce-error li strong { color: black; } .woocommerce-info, .woocommerce-message { font-size: 17px; font-size: 1.0625rem; line-height: 125%; padding-bottom: 15px; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; text-transform: uppercase; line-height: 125%; margin-bottom: 20px; font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; padding-bottom: 0; } .woocommerce-info > i, .woocommerce-info > em, .woocommerce-info > em *, .woocommerce-message > i, .woocommerce-message > em, .woocommerce-message > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .woocommerce-info b, .woocommerce-info strong, .woocommerce-message b, .woocommerce-message strong { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; } .woocommerce-info b > i, .woocommerce-info b > em, .woocommerce-info b > em *, .woocommerce-info strong > i, .woocommerce-info strong > em, .woocommerce-info strong > em *, .woocommerce-message b > i, .woocommerce-message b > em, .woocommerce-message b > em *, .woocommerce-message strong > i, .woocommerce-message strong > em, .woocommerce-message strong > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .woocommerce-info > i, .woocommerce-info > em, .woocommerce-info > em *, .woocommerce-message > i, .woocommerce-message > em, .woocommerce-message > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .woocommerce-info .button, .woocommerce-message .button { padding: 5px 10px; font-size: 15px; margin-right: 10px; } .product-remove { font-size: 42px; position: relative; top: 3px; } .product-thumbnail { max-width: 120px; } .product-thumbnail a { display: inline; } .product-thumbnail .media-block { margin-bottom: 0; } .product-thumbnail img { height: auto; } .product-name { max-width: 120px; word-break: break-word; } .product-name * { display: block !important; white-space: normal; word-wrap: break-word; float: left; width: 90%; } .product-name strong { white-space: nowrap; } .payment_method_stripe { float: left; clear: both; display: block; width: 100%; margin-bottom: 30px; } .payment_method_stripe label { width: 100%; float: none !important; top: -44px; margin-bottom: 30px; display: inline-block; position: relative; } .payment_method_stripe img { display: block; width: auto !important; margin-left: 7px !important; margin-top: 0px !important; display: inline-block; margin-top: 30px; top: 20px; left: auto !important; position: relative; } .payment_method_stripe .media-block { margin-bottom: 0; display: block; float: none; display: inline-block; margin-top: 14px; margin-left: 0 !important; margin-right: 0 !important; } .payment_method_stripe .media-block img { top: 5px; } .product-quantity { max-width: 75px; white-space: nowrap; float: none; } .product-quantity input { border-bottom: 1px solid black; padding: 0 5px; } .product-quantity * { max-width: 75px; } .actions .button { margin-right: 0; margin-left: 10px; } .coupon { width: 100%; margin-top: 35px; margin-bottom: 20px; } .coupon > * { padding: 0; } .coupon label, .coupon #coupon_code { padding: 0; margin: 0; top: auto; height: 24px; line-height: 24px; vertical-align: middle; display: inline-block; } .coupon .button { margin-bottom: 0; margin-right: 0; margin-top: -21px; } .woocommerce .form-row { float: left; width: 100%; clear: both; padding: 0 0 15px 0; } .woocommerce .form-row br { display: none; } #calc_shipping_postcode { padding: 0; height: 24px; line-height: 24px; } .cart-collaterals td select { float: right; margin-top: -2px; position: relative; margin-right: -1px; } @media only screen and (max-width: 767px) { #cart aside, #checkout aside { margin-bottom: 10px !important; } #cart aside h2, #checkout aside h2 { margin-bottom: 0; padding-bottom: 0; } .woocommerce-info a, .woocommerce-message a { display: block; } .woocommerce-message .button { width: 100%; text-align: center; padding: 13px 15px; } .woocommerce .product-quantity input { width: 100px; } .woocommerce .coupon { margin-top: 20px; } .woocommerce .coupon .button { margin-top: 0; } .woocommerce .coupon label, .woocommerce .coupon #coupon_code { display: block; float: left; } .woocommerce .coupon label { margin-right: 10px; margin-bottom: 20px; } .woocommerce .button { width: 100%; float: left; clear: both; padding: 13px 15px; margin-bottom: 20px !important; } .woocommerce .order-actions .button { width: auto; font-size: 15px; padding: 9px 10px; } .woocommerce .product-thumbnail { display: none; } .woocommerce thead tr th { font-size: 13px; } .woocommerce th, .woocommerce td, .woocommerce td p { font-size: 15px !important; } .woocommerce td.actions { padding: 0 !important; } .woocommerce td.actions .button { margin-left: 0; } .woocommerce .product-thumbnail { max-width: 90px; } .woocommerce .product-thumbnail .media-block { margin: 0 !important; } .woocommerce td { font-size: 12px; } .checkout .col-1, .checkout .col-2 { width: auto; } #cart table th, #cart table td, #cart table .quantity input { font-size: 13px !important; white-space: normal !important; } #cart table .product-remove { font-size: 32px !important; } #cart .shop_table th, #cart .cart_item td > * { padding: 0 5px; } .product-remove { top: 0; } .product-remove a { font-size: 23px !important; } .shop_table th, .cart_item td > * { padding-right: 0; padding-left: 7px; } } .return-top-shop { margin-top: 10px; } /***************************************************************** Checkout *****************************************************************/ .checkout { max-width: 600px; } .checkout br { display: none; } .checkout p { padding-bottom: 0; } .checkout h3 { float: left; clear: both; width: 100%; display: block; } .checkout .form-row { position: relative; } .checkout input[type="file"], .checkout input[type="checkbox"], .checkout input[type="radio"], .checkout select { margin-top: 0; width: auto !important; } .checkout label, .checkout select, .checkout input:not(.button), .checkout textarea { font-size: 17px; } .checkout label, .checkout select, .checkout input:not(.button) { line-height: 23px; height: 23px; } .checkout label { margin-right: 15px; padding-bottom: 0; float: left; } .checkout label:after { content: ":"; } .checkout select, .checkout input:not(.button), .checkout textarea { float: right; position: relative; width: 285px; } .checkout input:not(.button), .checkout textarea { background-color: transparent; padding: 0; border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid #a7a9ac; } .checkout input:not(.button):focus, .checkout textarea:focus { border-bottom-color: #000; } .checkout textarea { resize: none; line-height: 135%; } .checkout .input-checkbox { float: left; width: auto; margin-top: 0; } .checkout .form-row:not(.place-order):hover input { border-bottom-color: #000; } .checkout abbr[title], .checkout dfn[title] { cursor: auto; border-bottom: 0; } .checkout .shop_table th, .checkout td.product-name { padding: 10px 10px 10px 0; line-height: 100%; } .checkout .product-name { text-transform: uppercase; } .checkout thead tr th { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; color: #000; } .checkout thead tr th > i, .checkout thead tr th > em, .checkout thead tr th > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } .checkout tfoot tr th, .checkout tbody tr td { font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; color: #000; } .checkout tfoot tr th > i, .checkout tfoot tr th > em, .checkout tfoot tr th > em *, .checkout tbody tr td > i, .checkout tbody tr td > em, .checkout tbody tr td > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .checkout tfoot tr th strong, .checkout tbody tr td strong { font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; display: inline; } .checkout tfoot tr th strong > i, .checkout tfoot tr th strong > em, .checkout tfoot tr th strong > em *, .checkout tbody tr td strong > i, .checkout tbody tr td strong > em, .checkout tbody tr td strong > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .checkout td.product-total, .checkout td p, .checkout td span { color: #a7a9ac; font-family: 'BoxedBook'; font-style: normal !important; font-weight: normal !important; } .checkout td.product-total > i, .checkout td.product-total > em, .checkout td.product-total > em *, .checkout td p > i, .checkout td p > em, .checkout td p > em *, .checkout td span > i, .checkout td span > em, .checkout td span > em * { font-family: 'BoxedBook-Italic'; font-style: normal !important; font-weight: normal !important; } .checkout td span { padding-right: 0; } .checkout .order-total span.amount { color: #000; } .checkout #createaccount { vertical-align: top; } .checkout .required { color: red; } .checkout .woocommerce-billing-fields { display: inline-block; } .checkout .create-account { clear: both; padding-bottom: 20px; } .checkout .create-account p { padding-bottom: 20px; } .checkout div.create-account { padding: 15px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; margin-bottom: 25px; } .checkout .payment_methods { list-style: none; clear: both; display: block; float: left; } .checkout .payment_methods li { float: left; clear: both; width: 100%; margin-bottom: 10px; } .checkout .payment_methods label:after { content: ""; } .checkout .payment_box { clear: both; padding: 10px 0; } .checkout .payment_method_paypal img { display: none; } .checkout .button { margin-bottom: 0; float: right; } .order_details { padding-top: 15px; padding-bottom: 5px; } .order_details tbody td.product-name { padding: 0 10px; } @media only screen and (max-width: 767px) { .checkout .form-row { padding-bottom: 20px; } .checkout select, .checkout input, .checkout textarea { width: 100% !important; margin: 10px 0 0 0 !important; } .checkout input[type="checkbox"], .checkout input[type="radio"] { margin-top: 0 !important; } .checkout div.create-account { border: 0; } .checkout table th, .checkout table td { font-size: 15px !important; white-space: normal; } .checkout tbody .cart_item td { font-size: 17px; } .checkout td strong { white-space: nowrap; padding: 0; display: inline-block; } } /***************************************************************** Shop FAQS *****************************************************************/ .faq-block { position: relative; margin-bottom: 30px; } .faq-question { font-family: 'BoxedSemibold'; font-style: normal !important; font-weight: normal !important; padding-bottom: 7px; } .faq-question > i, .faq-question > em, .faq-question > em * { font-family: 'BoxedSemibold-Italic'; font-style: normal !important; font-weight: normal !important; } [ca-collapsible-el="container"] { margin-bottom: 20px; } [ca-collapsible-el="button"] { margin-bottom: 0; } [ca-collapsible-el="content"] { margin-top: 15px; } .ca-image-module.full-width > img { max-width: 100%; min-width: 100%; } /***************************************************************** Responsive *****************************************************************/ /* MEGAMENU GRID **********************************************************/ .megamenu.row:before, .megamenu.row:after { display: table; content: ""; line-height: 0; } .megamenu.row:after { clear: both; } .megamenu.row .col1, .megamenu.row .col2, .megamenu.row .col3, .megamenu.row .col4, .megamenu.row .col5, .megamenu.row .col6 { display: block; width: 100%; min-height: 20px; float: left; margin-left: 2.127659574468085%; } .megamenu.row [class*="col"]:first-child { margin-left: 0; } .megamenu.row .col1 { width: 14.893617021276595%; } .megamenu.row .col2 { width: 31.914893617021278%; } .megamenu.row .col3 { width: 48.93617021276595%; } .megamenu.row .col4 { width: 65.95744680851064%; } .megamenu.row .col5 { width: 82.97872340425532%; } .megamenu.row .col6 { width: 100%; } /***************************************************************** Responsive Grid: Main *****************************************************************/ .row, .col { display: inline-block; } .row { position: relative; width: 100%; clear: both; } .col { position: relative; float: left; margin-bottom: 20px; min-height: 1px; } .row .col { margin-right: 3%; } .row .col.last { margin-right: 0; } .row.col-12 > .span1 { width: 5.58333%; } .row.col-12 > .span2 { width: 13.91667%; } .row.col-12 > .span3 { width: 22.25%; } .row.col-12 > .span4 { width: 30.58333%; } .row.col-12 > .span5 { width: 38.91667%; } .row.col-12 > .span6 { width: 47.25%; } .row.col-12 > .span7 { width: 55.58333%; } .row.col-12 > .span8 { width: 63.91667%; } .row.col-12 > .span9 { width: 72.25%; } .row.col-12 > .span10 { width: 80.58333%; } .row.col-12 > .span11 { width: 88.91667%; } .row.col-12 > .span12 { width: 97.25%; } .row.col-12 > .col:nth-child(12n) { margin-right: 0; } .row.col-11 > .span1 { width: 5.60606%; } .row.col-11 > .span2 { width: 13.93939%; } .row.col-11 > .span3 { width: 22.27273%; } .row.col-11 > .span4 { width: 30.60606%; } .row.col-11 > .span5 { width: 38.93939%; } .row.col-11 > .span6 { width: 47.27273%; } .row.col-11 > .span7 { width: 55.60606%; } .row.col-11 > .span8 { width: 63.93939%; } .row.col-11 > .span9 { width: 72.27273%; } .row.col-11 > .span10 { width: 80.60606%; } .row.col-11 > .span11 { width: 88.93939%; } .row.col-11 > .span12 { width: 97.27273%; } .row.col-11 > .col:nth-child(11n) { margin-right: 0; } .row.col-10 > .span1 { width: 5.63333%; } .row.col-10 > .span2 { width: 13.96667%; } .row.col-10 > .span3 { width: 22.3%; } .row.col-10 > .span4 { width: 30.63333%; } .row.col-10 > .span5 { width: 38.96667%; } .row.col-10 > .span6 { width: 47.3%; } .row.col-10 > .span7 { width: 55.63333%; } .row.col-10 > .span8 { width: 63.96667%; } .row.col-10 > .span9 { width: 72.3%; } .row.col-10 > .span10 { width: 80.63333%; } .row.col-10 > .span11 { width: 88.96667%; } .row.col-10 > .span12 { width: 97.3%; } .row.col-10 > .col:nth-child(10n) { margin-right: 0; } .row.col-9 > .span1 { width: 5.66667%; } .row.col-9 > .span2 { width: 14.0%; } .row.col-9 > .span3 { width: 22.33333%; } .row.col-9 > .span4 { width: 30.66667%; } .row.col-9 > .span5 { width: 39.0%; } .row.col-9 > .span6 { width: 47.33333%; } .row.col-9 > .span7 { width: 55.66667%; } .row.col-9 > .span8 { width: 64.0%; } .row.col-9 > .span9 { width: 72.33333%; } .row.col-9 > .span10 { width: 80.66667%; } .row.col-9 > .span11 { width: 89.0%; } .row.col-9 > .span12 { width: 97.33333%; } .row.col-9 > .col:nth-child(9n) { margin-right: 0; } .row.col-8 > .span1 { width: 5.70833%; } .row.col-8 > .span2 { width: 14.04167%; } .row.col-8 > .span3 { width: 22.375%; } .row.col-8 > .span4 { width: 30.70833%; } .row.col-8 > .span5 { width: 39.04167%; } .row.col-8 > .span6 { width: 47.375%; } .row.col-8 > .span7 { width: 55.70833%; } .row.col-8 > .span8 { width: 64.04167%; } .row.col-8 > .span9 { width: 72.375%; } .row.col-8 > .span10 { width: 80.70833%; } .row.col-8 > .span11 { width: 89.04167%; } .row.col-8 > .span12 { width: 97.375%; } .row.col-8 > .col:nth-child(8n) { margin-right: 0; } .row.col-7 > .span1 { width: 5.7619%; } .row.col-7 > .span2 { width: 14.09524%; } .row.col-7 > .span3 { width: 22.42857%; } .row.col-7 > .span4 { width: 30.7619%; } .row.col-7 > .span5 { width: 39.09524%; } .row.col-7 > .span6 { width: 47.42857%; } .row.col-7 > .span7 { width: 55.7619%; } .row.col-7 > .span8 { width: 64.09524%; } .row.col-7 > .span9 { width: 72.42857%; } .row.col-7 > .span10 { width: 80.7619%; } .row.col-7 > .span11 { width: 89.09524%; } .row.col-7 > .span12 { width: 97.42857%; } .row.col-7 > .col:nth-child(7n) { margin-right: 0; } .row.col-6 > .span1 { width: 5.83333%; } .row.col-6 > .span2 { width: 14.16667%; } .row.col-6 > .span3 { width: 22.5%; } .row.col-6 > .span4 { width: 30.83333%; } .row.col-6 > .span5 { width: 39.16667%; } .row.col-6 > .span6 { width: 47.5%; } .row.col-6 > .span7 { width: 55.83333%; } .row.col-6 > .span8 { width: 64.16667%; } .row.col-6 > .span9 { width: 72.5%; } .row.col-6 > .span10 { width: 80.83333%; } .row.col-6 > .span11 { width: 89.16667%; } .row.col-6 > .span12 { width: 97.5%; } .row.col-6 > .col:nth-child(6n) { margin-right: 0; } .row.col-5 > .span1 { width: 5.93333%; } .row.col-5 > .span2 { width: 14.26667%; } .row.col-5 > .span3 { width: 22.6%; } .row.col-5 > .span4 { width: 30.93333%; } .row.col-5 > .span5 { width: 39.26667%; } .row.col-5 > .span6 { width: 47.6%; } .row.col-5 > .span7 { width: 55.93333%; } .row.col-5 > .span8 { width: 64.26667%; } .row.col-5 > .span9 { width: 72.6%; } .row.col-5 > .span10 { width: 80.93333%; } .row.col-5 > .span11 { width: 89.26667%; } .row.col-5 > .span12 { width: 97.6%; } .row.col-5 > .col:nth-child(5n) { margin-right: 0; } .row.col-4 > .span1 { width: 6.08333%; } .row.col-4 > .span2 { width: 14.41667%; } .row.col-4 > .span3 { width: 22.75%; } .row.col-4 > .span4 { width: 31.08333%; } .row.col-4 > .span5 { width: 39.41667%; } .row.col-4 > .span6 { width: 47.75%; } .row.col-4 > .span7 { width: 56.08333%; } .row.col-4 > .span8 { width: 64.41667%; } .row.col-4 > .span9 { width: 72.75%; } .row.col-4 > .span10 { width: 81.08333%; } .row.col-4 > .span11 { width: 89.41667%; } .row.col-4 > .span12 { width: 97.75%; } .row.col-4 > .col:nth-child(4n) { margin-right: 0; } .row.col-3 > .span1 { width: 6.33333%; } .row.col-3 > .span2 { width: 14.66667%; } .row.col-3 > .span3 { width: 23%; } .row.col-3 > .span4 { width: 31.33333%; } .row.col-3 > .span5 { width: 39.66667%; } .row.col-3 > .span6 { width: 48%; } .row.col-3 > .span7 { width: 56.33333%; } .row.col-3 > .span8 { width: 64.66667%; } .row.col-3 > .span9 { width: 73%; } .row.col-3 > .span10 { width: 81.33333%; } .row.col-3 > .span11 { width: 89.66667%; } .row.col-3 > .span12 { width: 98%; } .row.col-3 > .col:nth-child(3n) { margin-right: 0; } .row.col-2 > .span1 { width: 6.83333%; } .row.col-2 > .span2 { width: 15.16667%; } .row.col-2 > .span3 { width: 23.5%; } .row.col-2 > .span4 { width: 31.83333%; } .row.col-2 > .span5 { width: 40.16667%; } .row.col-2 > .span6 { width: 48.5%; } .row.col-2 > .span7 { width: 56.83333%; } .row.col-2 > .span8 { width: 65.16667%; } .row.col-2 > .span9 { width: 73.5%; } .row.col-2 > .span10 { width: 81.83333%; } .row.col-2 > .span11 { width: 90.16667%; } .row.col-2 > .span12 { width: 98.5%; } .row.col-2 > .col:nth-child(2n) { margin-right: 0; } .row.col-1 > .span1 { width: 8.33333%; } .row.col-1 > .span2 { width: 16.66667%; } .row.col-1 > .span3 { width: 25%; } .row.col-1 > .span4 { width: 33.33333%; } .row.col-1 > .span5 { width: 41.66667%; } .row.col-1 > .span6 { width: 50%; } .row.col-1 > .span7 { width: 58.33333%; } .row.col-1 > .span8 { width: 66.66667%; } .row.col-1 > .span9 { width: 75%; } .row.col-1 > .span10 { width: 83.33333%; } .row.col-1 > .span11 { width: 91.66667%; } .row.col-1 > .span12 { width: 100%; } .row.col-1 > .col { margin-right: 0; } /***************************************************************** Responsive: Below Large Desktop *****************************************************************/ @media only screen and (min-width: 1080px) { .main-section .container-inner { max-width: 1080px !important; } } /***************************************************************** Responsive: Below Large Desktop *****************************************************************/ @media only screen and (max-width: 1260px) { header nav > ul > li > a { font-size: 18px !important; padding: 0 10px !important; } header nav > ul { right: 20px; left: auto; position: absolute; margin: 0 !important; } #nav-events .megamenu { right: 0; } } @media only screen and (max-width: 1260px) { .side-nav-page .main-section .content-page-container.span8 { width: 73.5%; } } /***************************************************************** Responsive: Below Standard Desktop *****************************************************************/ /***************************************************************** Responsive: Tablet Landscape *****************************************************************/ @media only screen and (max-width: 1024px) { html { -webkit-text-size-adjust: none !important; } #side-tag, #join-press { display: none !important; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { #wrap { padding-top: 62px; } #header-main, #home #header-main, #home.fixed-menu #header-main .container-inner { height: 62px !important; } #home #header-main { height: 66px; } #home #nav-main > ul > li > a { height: 55px !important; } #header-main #logo.desktop { left: 14px; top: 50%; margin-top: -20px; height: 40px; width: 100px; } #header-main #logo.desktop i { top: -29px; font-size: 97px; padding-right: 3px; } #nav-main > ul > li > a, #home.fixed-menu #nav-main > ul > li > a { font-size: 13px !important; padding: 0 9px !important; height: 62px !important; } header nav > ul { right: auto; left: 0; position: absolute; width: 100% !important; margin: 0 !important; } header nav > ul > li:first-child { margin-left: 147px; } header .megamenu .info-container p { font-size: 12px; } header .megamenu { width: 100% !important; left: 0 !important; right: auto !important; } header .megamenu li { padding-top: 0 !important; padding: 0 15px 4px 0 !important; } header .megamenu li a { font-size: 13px !important; } header .megamenu li li a { font-size: 12px !important; padding: 0 !important; } header .megamenu .info-container .info { padding: 20px 0 !important; margin-top: 20px !important; } .image-container { position: relative !important; } .right.split .info-container { width: 100% !important; } .right.split .image-container { display: none !important; } #nav-explore .megamenu .left { width: 60%; } #nav-explore .megamenu .right { width: 40%; margin-left: 0 !important; } .side-nav-page aside#nav-content nav h2, .side-nav-page aside#nav-content nav a { padding-left: 30px; } .side-nav-page aside#nav-content nav a { font-size: 17px; } .side-nav-page .container-inner { padding-left: 0 !important; padding-right: 0 !important; max-width: 100% !important; } .side-nav-page #footer-main .main-section .container-inner { padding-left: 30px !important; padding-right: 30px !important; } .side-nav-page .content-page-container > p, .side-nav-page .content-page-container > h2, .side-nav-page .content-page-container .content-page { padding-right: 30px; } #exhibitions #main-image-caption, #exhibitions .main-image-caption, #exhibitions .title-block { padding-left: 30px; padding-right: 30px; } #table-membership-choices { width: 96%; } } /***************************************************************** Responsive: Below Tablet Portrait *****************************************************************/ @media only screen and (max-width: 767px) { body { min-width: 0; } h2 { font-size: 36px; } #header-main .container-inner { width: 100%; } #header-sub { display: block; } #main { margin-bottom: 0; } #side-tag, #side-tag.fixed, #join-press, #join-press.fixed { display: none !important; } .main-section { padding-top: 0 !important; } .main-section .container-inner { padding-left: 20px; padding-right: 20px; padding-bottom: 40px; display: block; } table tr th, table tr td { font-size: 10px; } .main-section .col img { max-width: none; width: 116%; position: relative; left: -8%; } .main-section .media-block, .main-section .video-container { position: relative; margin-left: -20px; margin-right: -20px; } .main-section .media-block img, .main-section .video-container img { width: 100%; left: 0; } .main-section.sponsors .row .col { clear: none; width: auto !important; padding: 0 5px; } .main-section.sponsors .row .col .media-block, .main-section.sponsors .row .col .video-container { margin: 0; } .main-section.sponsors .row .col .media-block img, .main-section.sponsors .row .col .video-container img { width: auto; max-width: 100%; } .royalSlider { width: 100% !important; float: left; clear: both; } .bullet-arrow { display: none; } .rsNavOuter { right: 10px !important; bottom: 10px !important; } .rsBullet, .rsBullet span { width: 7px !important; height: 7px !important; } .rsArrow { display: block !important; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" 100 ")"; filter: alpha(opacity=100); zoom: 1; visibility: visible; display: none !important; } .rsOverflow { width: 100% !important; } .gallery-caption { bottom: 0; z-index: 0; } .button-scroll { bottom: 30px !important; font-size: 50px; margin-left: -25px; display: none !important; } .row { margin-bottom: 20px !important; } .row:not(.no-break) .col { width: 100% !important; clear: both; margin-bottom: 20px; margin-right: 0; } .address-block { height: auto; padding-bottom: 25px; } .calendar { width: 100% !important; max-width: 100% !important; float: left; margin-bottom: 20px !important; } #main-image-caption, .caption { margin-top: 5px; } .container-media { position: relative; margin-top: 10px !important; } #nav-content { margin-top: 20px; } aside nav.fixed { position: relative !important; top: 0 !important; left: 0 !important; } aside nav a { padding-left: 0 !important; } .media-left { display: none; } .media-right .inner-page { display: block !important; margin-bottom: 25px; } .container-media { height: auto !important; } .gallery-group .col { margin-bottom: 8px; } .gallery-group .row { margin-bottom: 0 !important; } .mfp-image-holder .mfp-content { max-width: 100% !important; } .mfp-container { padding: 0 !important; } .mfp-container:before { vertical-align: top; } .mfp-bottom-bar { padding: 0 !important; margin-top: 0 !important; } .mfp-bottom-bar .mfp-title { padding: 20px; font-size: 14px !important; } .mfp-close { background: #fff; /* The Fallback */ background: rgba(255, 255, 255, 0.9); height: 60px !important; } .mfp-bg { opacity: 1 !important; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.2s; -moz-animation-duration: 0.2s; animation-duration: 0.2s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .mfp-img { max-height: none !important; padding-top: 0 !important; padding-bottom: 0 !important; } .mfp-arrow { display: none !important; } .mfp-download-hi-res { display: none !important; } .mfp-mobile-download-hi-res { display: block !important; } .mfp-figure figure { margin-top: 60px; } #home #large-slideshow { float: left; clear: both; } #home aside .icon-row { margin-bottom: 0 !important; } #home aside .icon-group { max-width: 100% !important; width: 100%; margin-bottom: 10px; } #home aside .icon-group * { white-space: normal !important; overflow: visible !important; } #section-about .row.col-4 { display: none; } #section-about h2 { padding-bottom: 0 !important; } #home aside .border-divide p, #home aside .border-divide h3, #home aside .border-divide h4 { max-width: 100%; } #events #events-top .container-inner { padding-left: 0; padding-right: 0; } #events #events-top h2 { width: 100%; padding-left: 20px; } #events #events-top .row { margin-bottom: 0 !important; } #events .tab-row { width: 100%; position: relative; float: left; } #events .tab { width: 50% !important; margin-right: 0 !important; } #events .calendar { margin-bottom: 0 !important; } #exhibitions #exhibitions-top h2 { margin-bottom: 20px !important; } #exhibitions .filters { position: relative; margin-top: 10px; } #exhibitions .button-row { padding-top: 0 !important; } .zsItemDescription { max-width: 100% !important; max-height: 40% !important; overflow: scroll; } .zsItemDescription .zsTitle { font-size: 14px !important; margin-bottom: 0; } .zsItemDescription .border-divide { padding-top: 10px !important; margin-top: 10px !important; } .zsItemDescription .zsText { font-size: 11px !important; } #artists .content-block { min-height: 0 !important; } #artists.single .content-block p { max-width: 100% !important; } #artists .heading-row { margin-top: 25px !important; } #artists .title-row { margin-bottom: 30px !important; } #artists .title-row .right { position: relative !important; margin-top: 25px; display: block; } .list-large li a { margin-bottom: 5px; font-size: 20px; font-size: 1.25rem; line-height: 115%; font-family: 'BoxedBook'; } #visit .two-lines { height: auto !important; } .desktop { display: none !important; } .mobile { display: block !important; } #nav-main { display: none !important; } #large-slideshow { z-index: 1 !important; } #wrap { padding-top: 38px !important; } #header-main { width: 100%; height: 38px !important; position: fixed !important; top: 0; border-top: 0 !important; z-index: 1000; display: block; } #header-main .container-inner { height: 38px !important; float: left; top: 0; left: 0; position: relative !important; width: 100%; border-top: 0 !important; } #header-main #logo.mobile { height: 22px; width: 175px; left: 50%; margin-left: -87.5px; display: block !important; top: 50% !important; margin-top: -12px; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -moz-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; transition: all 0s linear !important; -webkit-transition: all 0s linear !important; -moz-transition: all 0s linear !important; -o-transition: all 0s linear !important; } #header-main #logo.mobile i { font-size: 175px; top: -75px; } #header-main #logo.mobile .icon-ca-logo-main { color: #000; } #header-main .search-toggle { font-size: 26px; right: 20px; top: 11px; } #header-main .search-toggle:hover { color: #20c1d3; } #header-main a { cursor: pointer; } #header-main #search-main { bottom: auto !important; top: 100% !important; margin-top: 1px; background: #000; } #header-main #search-main input { margin: 0 0 5px 0 !important; padding-left: 20px; padding-right: 20px; } #header-main #search-main.open { width: 100% !important; } #header-main.menu-below #search-main, #header-main.menu-above #search-main { bottom: auto !important; top: 100% !important; } #header-main.menu-below #search-main input, #header-main.menu-above #search-main input { margin: 0 0 5px 0 !important; } .showhide { display: none !important; } #header-main.fixed, #header-main.fixed .container-inner { border-top: 0 !important; } footer #nav-footer { margin-bottom: 20px !important; } footer #nav-footer li { clear: both; margin-bottom: 5px; } footer nav li a { padding-right: 15px !important; font-size: 18px; line-height: 120%; } footer li a.icon { font-size: 32px !important; } footer .main-section { padding-top: 20px !important; } #footer-bottom h6 { padding-bottom: 0; } #footer-bottom a { margin-left: 0 !important; } #footer-copyright { width: 100%; clear: both; display: block; margin-bottom: 8px; } ul.columnized-list { column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; } } /***************************************************************** Responsive: Smartphone Landscape *****************************************************************/ @media only screen and (max-width: 568px) and (min-width: 321px) { #header-main, #header-main .container-inner { height: 65px !important; } #mobile-menu-toggle { top: 9px; } #wrap { padding-top: 65px !important; } } @media only screen and (max-width: 567px) { ul.columnized-list { column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; } } /***************************************************************** Responsive: Smartphone Portrait *****************************************************************/ /*@import "bootstrap/normalize"; @import "bootstrap/print"; // Core CSS @import "bootstrap/scaffolding"; @import "bootstrap/type"; @import "bootstrap/code"; @import "bootstrap/grid"; @import "bootstrap/tables"; @import "bootstrap/forms"; @import "bootstrap/buttons"; // Components @import "bootstrap/component-animations"; @import "bootstrap/glyphicons"; @import "bootstrap/dropdowns"; @import "bootstrap/button-groups"; @import "bootstrap/input-groups"; @import "bootstrap/navs"; @import "bootstrap/navbar"; @import "bootstrap/breadcrumbs"; @import "bootstrap/pagination"; @import "bootstrap/pager"; @import "bootstrap/labels"; @import "bootstrap/badges"; @import "bootstrap/jumbotron"; @import "bootstrap/thumbnails"; @import "bootstrap/alerts"; @import "bootstrap/progress-bars"; @import "bootstrap/media"; @import "bootstrap/list-group"; @import "bootstrap/panels"; @import "bootstrap/wells"; @import "bootstrap/close";*/ .modal-open { overflow: hidden; } .modal { display: none; overflow: auto; overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .modal-dialog { position: relative; width: auto; margin: 10px; } .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: none; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857px; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; } .modal-body { position: relative; padding: 20px; } .modal-footer { margin-top: 15px; padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } /*@import "bootstrap/tooltip"; @import "bootstrap/popovers"; @import "bootstrap/carousel"; // Utility classes @import "bootstrap/utilities"; @import "bootstrap/responsive-utilities";*/