.unselectable { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* #1260E8; #337ab7; */ /*! * Font Awesome Pro 5.12.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license (Commercial License) */ .svg-inline--fa,svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa .fa-secondary,.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff} @charset "UTF-8"; /*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2019 Daniel Eden */ @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}} /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */ /* Styles for basic PhotoSwipe functionality (sliding area, open/close transitions) */ /* pswp = photoswipe */ .pswp { display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; -ms-touch-action: none; touch-action: none; z-index: 1500; -webkit-text-size-adjust: 100%; /* create separate layer, to avoid paint on window.onscroll in webkit/blink */ -webkit-backface-visibility: hidden; outline: none; } .pswp * { -webkit-box-sizing: border-box; box-sizing: border-box; } .pswp img { max-width: none; } /* style is added when JS option showHideOpacity is set to true */ .pswp--animate_opacity { /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */ opacity: 0.001; will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--open { display: block; } .pswp--zoom-allowed .pswp__img { /* autoprefixer: off */ cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .pswp--zoomed-in .pswp__img { /* autoprefixer: off */ cursor: -webkit-grab; cursor: -moz-grab; cursor: grab; } .pswp--dragging .pswp__img { /* autoprefixer: off */ cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: grabbing; } /* Background is added as a separate element. As animating opacity is much faster than animating rgba() background-color. */ .pswp__bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; will-change: opacity; } .pswp__scroll-wrap { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .pswp__container, .pswp__zoom-wrap { -ms-touch-action: none; touch-action: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } /* Prevent selection and tap highlights */ .pswp__container, .pswp__img { -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; } .pswp__zoom-wrap { position: absolute; width: 100%; -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; /* for open/close transition */ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp__bg { will-change: opacity; /* for open/close transition */ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); } .pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap { -webkit-transition: none; transition: none; } .pswp__container, .pswp__zoom-wrap { -webkit-backface-visibility: hidden; } .pswp__item { position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; } .pswp__img { position: absolute; width: auto; height: auto; top: 0; left: 0; } /* stretched thumbnail or div placeholder element (see below) style is added to avoid flickering in webkit/blink when layers overlap */ .pswp__img--placeholder { -webkit-backface-visibility: hidden; } /* div element that matches size of large image large image loads on top of it */ .pswp__img--placeholder--blank { background: #222; } .pswp--ie .pswp__img { width: 100% !important; height: auto !important; left: 0; top: 0; } /* Error message appears when image is not loaded (JS option errorMsg controls markup) */ .pswp__error-msg { position: absolute; left: 0; top: 50%; width: 100%; text-align: center; font-size: 14px; line-height: 16px; margin-top: -8px; color: #CCC; } .pswp__error-msg a { color: #CCC; text-decoration: underline; } /*! ContentTools v1.3.4 by Anthony Blackshaw (https://github.com/anthonyjb) */.ce--dragging,.ce--resizing{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ce--dragging{cursor:move!important}.ce--resizing{cursor:nwse-resize!important}.ce-element--type-image,.ce-element--type-video{background-repeat:no-repeat;position:relative;cursor:pointer;z-index:1}.ce-element--type-image:after,.ce-element--type-image:before,.ce-element--type-video:after,.ce-element--type-video:before{background:rgba(0,0,0,.5);border-radius:2px;color:#fff;display:none;font-family:arial,sans-serif;font-size:10px;line-height:10px;padding:4px 4px 3px;position:absolute}.ce-element--type-image:before,.ce-element--type-video:before{content:attr(data-ce-size);right:10px;top:10px}.ce-element--type-image.ce-element--over:before,.ce-element--type-image.ce-element--resizing:before,.ce-element--type-video.ce-element--over:before,.ce-element--type-video.ce-element--resizing:before{display:block}.ce-element--type-image{background-position:0 0;background-size:cover}.ce-element--type-image:after{background:transparent;content:"";display:block;left:0;position:relative;top:0;height:100%;width:100%}.ce-element--type-video{background:#333 url(/img/contenttools/video.svg) 50%/auto 48px no-repeat}.ce-element--type-video:after{bottom:10px;content:attr(data-ce-title);display:block;left:10px}.ce-element--empty:after{content:"...";display:inline-block;font-style:italic;opacity:.5}.ce-element--empty[data-ce-placeholder]:after{content:attr(data-ce-placeholder)}.ce-element--dragging{background-color:rgba(51,51,51,.1)!important;opacity:.5;z-index:-1}.ce-element--dragging.ce-element--type-image,.ce-element--dragging.ce-element--type-video{background-color:#333!important;opacity:1;outline-color:rgba(51,51,51,.1)!important}.ce-element--drop{position:relative!important}.ce-element--drop:before{background:#f39c12 url(/img/contenttools/drop-vert-above.svg) 50%/auto 32px repeat;bottom:0;content:""!important;left:0;opacity:.8;position:absolute;right:0;top:0;z-index:9}.ce-element--drop-below:before{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ce-element--drop-left:before{background-image:url(/img/contenttools/drop-horz.svg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}.ce-element--drop-right:before{background-image:url(/img/contenttools/drop-horz.svg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ce-element--drop.ce-element--type-table-row{background:#f39c12 url(/img/contenttools/drop-vert-above.svg) 50%/auto 32px repeat}.ce-element--drop.ce-element--type-table-row:before{display:none}.ce-element--drop.ce-element--type-table-row.ce-element--drop-below{background:#f39c12 url(/img/contenttools/drop-vert-below.svg) 50%/auto 32px repeat}.ce-element--focused,.ce-element--over{background-color:rgba(243,156,18,.1);outline:none}.ce-element--focused.ce-element--type-image,.ce-element--focused.ce-element--type-video,.ce-element--over.ce-element--type-image,.ce-element--over.ce-element--type-video{background-color:#333;outline:4px solid rgba(243,156,18,.35)}.ce-element--resize-top-left{cursor:nw-resize}.ce-element--resize-top-right{cursor:ne-resize}.ce-element--resize-bottom-right{cursor:se-resize}.ce-element--resize-bottom-left{cursor:sw-resize}.ce-drag-helper{background:#fff;border-radius:2px;box-shadow:0 3px 3px rgba(0,0,0,.25);color:#4e4e4e;font:arial,sans-serif;font-size:12px;height:120px;left:0;line-height:135%;margin:5px 0 0 5px;overflow:hidden;padding:15px;position:absolute;top:0;width:120px;word-wrap:break-word;z-index:9}.ce-drag-helper:before{background:#2980b9;color:#fff;content:attr(data-ce-type);display:block;font-family:arial,sans-serif;font-size:10px;line-height:10px;padding:4px 4px 3px;position:absolute;right:0;top:0}.ce-drag-helper--type-list-item-text:after,.ce-drag-helper--type-list:after,.ce-drag-helper--type-pre-text:after,.ce-drag-helper--type-table-row:after,.ce-drag-helper--type-table:after,.ce-drag-helper--type-text:after{background-image:linear-gradient(hsla(0,0%,100%,0),#fff 66%);bottom:0;content:"";display:block;height:40px;left:0;position:absolute;width:100%}.ce-drag-helper--type-image{background-repeat:no-repeat;background-size:cover}.ce-element--type-image,.ce-element--type-video{display:block;margin-left:auto;margin-right:auto}.ce-element--type-image.align-left,.ce-element--type-video.align-left{clear:none;float:left}.ce-element--type-image.align-right,.ce-element--type-video.align-right{clear:none;float:right}.ce-measure{display:block!important}@font-face{font-family:icon;src:url(/img/contenttools/icomoon.woff);font-weight:400;font-style:normal}.ct-widget,.ct-widget *{box-sizing:border-box}.ct-widget * a,.ct-widget * b,.ct-widget * caption,.ct-widget * div,.ct-widget * form,.ct-widget * i fieldset,.ct-widget * iframe,.ct-widget * label,.ct-widget * legend,.ct-widget * span,.ct-widget * table,.ct-widget * tbody,.ct-widget * td,.ct-widget * tfoot,.ct-widget * th,.ct-widget * thead,.ct-widget * tr,.ct-widget a,.ct-widget b,.ct-widget caption,.ct-widget div,.ct-widget form,.ct-widget i fieldset,.ct-widget iframe,.ct-widget label,.ct-widget legend,.ct-widget span,.ct-widget table,.ct-widget tbody,.ct-widget td,.ct-widget tfoot,.ct-widget th,.ct-widget thead,.ct-widget tr{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}.ct-widget * ol,.ct-widget * ul,.ct-widget ol,.ct-widget ul{list-style:none}.ct-widget * table,.ct-widget table{border-collapse:collapse;border-spacing:0}.ct-widget{opacity:0;font-family:arial,sans-serif;font-size:14px;line-height:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:9999}.ct-widget,.ct-widget--active{transition-property:opacity;transition-duration:.25s;transition-timing-function:ease-in}.ct-widget--active{opacity:1}.ct-widget .ct-attribute{border-bottom:1px solid #eee;height:48px;vertical-align:top}.ct-widget .ct-attribute:after{clear:both;content:"";display:table}.ct-widget .ct-attribute__name{background:#f6f6f6;border:none;color:#646464;float:left;height:47px;outline:none;padding:0 16px;font-family:arial,sans-serif;font-size:14px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:25%}.ct-widget .ct-attribute__name--invalid{color:#e74c3c}.ct-widget .ct-attribute__value{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:none;color:#646464;float:right;height:47px;outline:none;padding:0 16px;font-family:arial,sans-serif;font-size:14px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:75%}.ct-widget .ct-crop-marks{height:320px;left:73px;position:absolute;top:0;width:427px}.ct-widget .ct-crop-marks__clipper{height:100%;overflow:hidden;position:relative;width:100%}.ct-widget .ct-crop-marks__ruler--top-left{position:absolute}.ct-widget .ct-crop-marks__ruler--top-left:after{border:1px solid hsla(0,0%,100%,.5);border-bottom:none;border-right:none;box-shadow:-1px -1px 1px rgba(0,0,0,.25),inset 1px 1px 1px rgba(0,0,0,.25);content:"";height:999px;left:0;position:absolute;top:0;width:999px}.ct-widget .ct-crop-marks__ruler--bottom-right{position:absolute}.ct-widget .ct-crop-marks__ruler--bottom-right:after{border:1px solid hsla(0,0%,100%,.5);border-top:none;border-left:none;bottom:0;box-shadow:1px 1px 1px rgba(0,0,0,.25),inset -1px -1px 1px rgba(0,0,0,.25);content:"";height:999px;position:absolute;right:0;width:999px}.ct-widget .ct-crop-marks__handle{background:#2980b9;border:1px solid #409ad5;border-radius:7px;cursor:pointer;height:15px;margin-left:-7px;margin-top:-7px;position:absolute;width:15px}.ct-widget .ct-crop-marks__handle--bottom-right{margin-left:-8px;margin-top:-8px}.ct-widget .ct-crop-marks__handle:hover{background:#2e8ece}@-webkit-keyframes a{0%{transform:translate(-50%,-50%) rotate(0deg);-webkit-transform:transform}to{transform:translate(-50%,-50%) rotate(359deg);-webkit-transform:transform}}@keyframes a{0%{transform:translate(-50%,-50%) rotate(0deg);-webkit-transform:transform;transform:transform}to{transform:translate(-50%,-50%) rotate(359deg);-webkit-transform:transform;transform:transform}}.ct-widget.ct-dialog{background:#fff;box-shadow:0 8px 8px rgba(0,0,0,.35);border-radius:2px;height:480px;left:50%;margin-left:-350px;margin-top:-240px;position:fixed;top:50%;width:700px;z-index:10099}.ct-widget.ct-dialog--busy .ct-dialog__busy{display:block}.ct-widget.ct-dialog--busy .ct-dialog__body{opacity:.1}.ct-widget .ct-dialog__header{color:#a4a4a4;border-bottom:1px solid #eee;height:48px;padding:0 16px;position:relative}.ct-widget .ct-dialog__caption{font-family:arial,sans-serif;font-size:18px}.ct-widget .ct-dialog__caption,.ct-widget .ct-dialog__close{line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-dialog__close{border-left:1px solid #eee;cursor:pointer;height:48px;position:absolute;right:0;text-align:center;top:0;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:48px}.ct-widget .ct-dialog__close:before{content:"\ea0f"}.ct-widget .ct-dialog__close:hover:before{color:#646464}.ct-widget .ct-dialog__body{margin:auto;width:572px}.ct-widget .ct-dialog__view{height:320px;margin-top:32px}.ct-widget .ct-dialog__controls{margin-top:16px}.ct-widget .ct-dialog__controls:after{clear:both;content:"";display:table}.ct-widget .ct-dialog__busy{display:none;position:absolute}.ct-widget .ct-dialog__busy:before{-webkit-animation:a 5s linear;animation:a 5s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;color:#a4a4a4;content:"\e994";left:50%;position:fixed;top:50%;font-family:icon;font-size:80px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-control-group{font-size:0}.ct-widget .ct-control-group--center{text-align:center}.ct-widget .ct-control-group--left{float:left}.ct-widget .ct-control-group--right{float:right}.ct-widget .ct-control{margin-left:16px;position:relative}.ct-widget .ct-control:first-child{margin-left:0}.ct-widget .ct-control--icon{color:#a4a4a4;cursor:pointer;display:inline-block;height:32px;line-height:32px;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:32px}.ct-widget .ct-control--icon,.ct-widget .ct-control--icon:after{border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-control--icon:after{background:#000;color:#fff;content:attr(data-ct-tooltip);display:block;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;left:-26.5px;opacity:0;padding:0 8px;position:absolute;bottom:37px;font-family:arial,sans-serif;font-size:12px;line-height:20px;visibility:hidden;width:85px;word-break:break-word}.ct-widget .ct-control--icon:hover:after{opacity:.8;visibility:visible;transition-property:opacity;transition-duration:0s;transition-timing-function:ease-in;transition-delay:2s}.ct-widget .ct-control--icon:before{content:""}.ct-widget .ct-control--icon:hover{background:#eee;color:#646464}.ct-widget .ct-control--active,.ct-widget .ct-control--on{background:#a4a4a4;color:#fff}.ct-widget .ct-control--active:hover,.ct-widget .ct-control--on:hover{background:#646464;color:#fff}.ct-widget .ct-control--rotate-ccw:before{content:"\e965"}.ct-widget .ct-control--rotate-cw:before{content:"\e966"}.ct-widget .ct-control--crop:before{content:"\ea57"}.ct-widget .ct-control--remove:before{content:"\e9ac"}.ct-widget .ct-control--styles:before{content:"\e90b"}.ct-widget .ct-control--attributes:before{content:"\e994"}.ct-widget .ct-control--code:before{content:"\ea80"}.ct-widget .ct-control--icon.ct-control--muted{cursor:default}.ct-widget .ct-control--icon.ct-control--muted:before{opacity:.5}.ct-widget .ct-control--icon.ct-control--muted:hover{color:#a4a4a4;background:transparent}.ct-widget .ct-control--text{background:#2980b9;border-radius:2px;color:#fff;cursor:pointer;display:inline-block;font-weight:700;height:32px;overflow:hidden;padding:0 8px;text-align:center;text-overflow:ellipsis;font-family:arial,sans-serif;font-size:14px;line-height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;width:100px}.ct-widget .ct-control--text:hover{background:#2e8ece}.ct-widget .ct-control--apply,.ct-widget .ct-control--insert,.ct-widget .ct-control--ok{background:#27ae60}.ct-widget .ct-control--apply:hover,.ct-widget .ct-control--insert:hover,.ct-widget .ct-control--ok:hover{background:#2cc36b}.ct-widget .ct-control--cancel,.ct-widget .ct-control--clear{background:#e74c3c}.ct-widget .ct-control--cancel:hover,.ct-widget .ct-control--clear:hover{background:#ea6153}.ct-widget .ct-control--text.ct-control--muted{background:#ccc;cursor:default}.ct-widget .ct-control--text.ct-control--muted:hover{background:#ccc}.ct-widget .ct-control--upload{overflow:hidden}.ct-widget.ct-image-dialog--empty .ct-control--cancel,.ct-widget.ct-image-dialog--empty .ct-control--clear,.ct-widget.ct-image-dialog--empty .ct-control--crop,.ct-widget.ct-image-dialog--empty .ct-control--insert,.ct-widget.ct-image-dialog--empty .ct-control--rotate-ccw,.ct-widget.ct-image-dialog--empty .ct-control--rotate-cw,.ct-widget.ct-image-dialog--empty .ct-progress-bar,.ct-widget.ct-image-dialog--populated .ct-control--cancel,.ct-widget.ct-image-dialog--populated .ct-control--upload,.ct-widget.ct-image-dialog--populated .ct-progress-bar,.ct-widget.ct-image-dialog--uploading .ct-control--clear,.ct-widget.ct-image-dialog--uploading .ct-control--crop,.ct-widget.ct-image-dialog--uploading .ct-control--insert,.ct-widget.ct-image-dialog--uploading .ct-control--rotate-ccw,.ct-widget.ct-image-dialog--uploading .ct-control--rotate-cw,.ct-widget.ct-image-dialog--uploading .ct-control--upload{display:none}.ct-widget .ct-image-dialog__view{background:#eee;position:relative}.ct-widget .ct-image-dialog__view:empty{font-family:icon;font-size:80px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:320px;text-align:center}.ct-widget .ct-image-dialog__view:empty:before{color:#fff;content:"\e90d"}.ct-widget .ct-image-dialog__image{background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;width:100%}.ct-widget .ct-image-dialog__file-upload{cursor:pointer;font-size:400px;left:0;opacity:0;position:absolute;top:0}.ct-widget.ct-properties-dialog--attributes .ct-properties-dialog__attributes,.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles{display:block}.ct-widget.ct-properties-dialog--styles .ct-properties-dialog__styles:empty:before{color:#a4a4a4;content:attr(data-ct-empty);display:block;font-style:italic;margin-top:20px;text-align:center}.ct-widget.ct-properties-dialog--code .ct-properties-dialog__code{display:block}.ct-widget .ct-properties-dialog__view{border:1px solid #ddd;overflow:auto}.ct-widget .ct-properties-dialog__attributes,.ct-widget .ct-properties-dialog__code,.ct-widget .ct-properties-dialog__styles{display:none}.ct-widget .ct-properties-dialog__inner-html{border:none;display:block;font-family:courier,Bitstream Vera Sans Mono,Consolas,Courier,monospace;height:318px;padding:16px;outline:none;resize:none;width:100%}.ct-widget .ct-properties-dialog__inner-html--invalid{color:#e74c3c}.ct-widget .ct-table-dialog__view{border:1px solid #ddd;overflow:auto}.ct-widget .ct-video-dialog__preview:empty{background:#eee;font-family:icon;font-size:80px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:320px;text-align:center}.ct-widget .ct-video-dialog__preview:empty:before{color:#fff;content:"\ea98"}.ct-widget .ct-video-dialog__input{border:none;border-bottom:1px solid #eee;height:32px;line-height:32px;outline:none;padding:0 4px;font-family:arial,sans-serif;font-size:14px;line-height:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:top;width:456px}.ct-widget .ct-video-dialog__input:focus{border-bottom:1px solid #e1e1e1}.ct-widget.ct-anchored-dialog{border-bottom:2px solid #27ae60;box-shadow:0 3px 3px rgba(0,0,0,.35);font-size:0;height:34px;left:0;margin-left:-160px;margin-top:-48px;position:absolute;top:0;width:320px;z-index:10099}.ct-widget.ct-anchored-dialog:after{border:16px solid hsla(0,0%,100%,0);border-top-color:#27ae60;content:"";left:144px;position:absolute;top:34px}.ct-widget .ct-anchored-dialog__input{border:none;color:#646464;outline:none;font-family:arial,sans-serif;font-size:14px;padding:0 8px 0 16px;vertical-align:top;width:256px}.ct-widget .ct-anchored-dialog__button,.ct-widget .ct-anchored-dialog__input{height:32px;line-height:32px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-anchored-dialog__button{background:#27ae60;cursor:pointer;display:inline-block;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:32px}.ct-widget .ct-anchored-dialog__button:before{color:#fff;content:"\ea10"}.ct-widget .ct-anchored-dialog__button:hover{background:#2cc36b}.ct-widget .ct-anchored-dialog__target-button{background:#fff;cursor:pointer;display:inline-block;height:29px;line-height:32px;text-align:center;font-family:FontAwesome;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:32px}.ct-widget .ct-anchored-dialog__target-button:before{color:#a4a4a4;content:"\f08e"}.ct-widget .ct-anchored-dialog__target-button:hover:before{color:#b1b1b1}.ct-widget .ct-anchored-dialog__target-button--active:before{color:#27ae60}.ct-widget .ct-anchored-dialog__target-button--active:hover:before{color:#2cc36b}@-webkit-keyframes b{0%{opacity:0;font-size:32px;-webkit-transform:font-size}25%{font-size:320px;opacity:1;-webkit-transform:all}50%{font-size:320px;opacity:1;-webkit-transform:all}75%{font-size:320px;opacity:1;-webkit-transform:all}to{opacity:0;-webkit-transform:all}}@keyframes b{0%{opacity:0;font-size:32px;-webkit-transform:font-size;transform:font-size}25%{font-size:320px;opacity:1;-webkit-transform:all;transform:all}50%{font-size:320px;opacity:1;-webkit-transform:all;transform:all}75%{font-size:320px;opacity:1;-webkit-transform:all;transform:all}to{opacity:0;-webkit-transform:all;transform:all}}@-webkit-keyframes c{0%{opacity:1;-webkit-transform:opacity}99%{opacity:1;-webkit-transform:opacity}to{opacity:0;-webkit-transform:opacity}}@keyframes c{0%{opacity:1;-webkit-transform:opacity;transform:opacity}99%{opacity:1;-webkit-transform:opacity;transform:opacity}to{opacity:0;-webkit-transform:opacity;transform:opacity}}.ct-widget.ct-flash{color:hsla(0,0%,100%,.9);height:0;left:0;position:fixed;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:0;width:0;z-index:10999}.ct-widget.ct-flash:before{left:50%;opacity:0;position:fixed;text-shadow:0 0 20px rgba(0,0,0,.5);top:50%;transform:translate(-50%,-50%)}.ct-widget.ct-flash--active{-webkit-animation:c 2s ease-in;animation:c 2s ease-in;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ct-widget.ct-flash--active:before{-webkit-animation:b 2s ease-in;animation:b 2s ease-in;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;font-size:320px;opacity:1}.ct-widget.ct-flash--ok:before{content:"\ea10"}.ct-widget.ct-flash--no:before{content:"\ea0f"}.ct-widget .ct-grip{cursor:move;font-size:0;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ct-widget .ct-grip__bump{background:rgba(70,70,70,.15);border-radius:12px;display:inline-block;height:12px;margin-left:12px;width:12px}.ct-widget .ct-grip__bump:first-child{margin-left:0}@-webkit-keyframes d{0%{transform:rotate(0deg);-webkit-transform:transform}to{transform:rotate(359deg);-webkit-transform:transform}}@keyframes d{0%{transform:rotate(0deg);-webkit-transform:transform;transform:transform}to{transform:rotate(359deg);-webkit-transform:transform;transform:transform}}.ct-widget.ct-ignition{left:16px;position:fixed;top:16px}.ct-widget.ct-ignition .ct-ignition__button{display:none}.ct-widget.ct-ignition--editing .ct-ignition__button--cancel,.ct-widget.ct-ignition--editing .ct-ignition__button--confirm,.ct-widget.ct-ignition--ready .ct-ignition__button--edit{display:block}.ct-widget.ct-ignition--busy .ct-ignition__button{display:none}.ct-widget.ct-ignition--busy .ct-ignition__button--busy{display:block}.ct-widget .ct-ignition__button{border-radius:24px;content:"";cursor:pointer;display:block;height:48px;line-height:48px;opacity:.9;position:absolute;text-align:center;font-family:icon;font-size:24px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:48px}.ct-widget .ct-ignition__button:before{color:#fff}.ct-widget .ct-ignition__button--busy{-webkit-animation:d 5s linear;animation:d 5s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:#646464;cursor:default}.ct-widget .ct-ignition__button--busy:before{content:"\e994"}.ct-widget .ct-ignition__button--busy:hover{background:#646464}.ct-widget .ct-ignition__button--confirm{background:#27ae60}.ct-widget .ct-ignition__button--confirm:before{content:"\ea10"}.ct-widget .ct-ignition__button--confirm:hover{background:#2cc36b}.ct-widget .ct-ignition__button--cancel{background:#e74c3c;left:64px}.ct-widget .ct-ignition__button--cancel:before{content:"\ea0f"}.ct-widget .ct-ignition__button--cancel:hover{background:#ea6153}.ct-widget .ct-ignition__button--edit{background:#2980b9}.ct-widget .ct-ignition__button--edit:before{content:"\e905";transition-property:transform;transition-duration:.1s;transition-timing-function:ease-in}.ct-widget .ct-ignition__button--edit:hover{background:#2e8ece}.ct-widget .ct-ignition__button--edit:hover:before{display:inline-block;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.ct-widget.ct-inspector{background:hsla(0,0%,91%,.2);border-top:1px solid hsla(0,0%,100%,.1);bottom:0;height:32px;left:0;overflow:hidden;padding:3px 16px 0;position:fixed;width:100%}.ct-widget .ct-inspector__tags{width:calc(100% - 128px)}.ct-widget .ct-inspector__tags:after{clear:both;content:"";display:table}.ct-widget .ct-inspector__tags:before{color:#464646;content:"\ea80";display:block;float:left;height:24px;line-height:24px;margin-right:16px;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:24px}.ct-widget .ct-inspector__counter{border-left:1px solid rgba(0,0,0,.1);height:24px;line-height:24px;margin-right:16px;position:absolute;right:0;text-align:right;top:3px;width:128px}.ct-widget .ct-tag{background-color:#2980b9;border-radius:2px 0 0 2px;color:#fff;cursor:pointer;float:left;font-weight:700;height:24px;line-height:24px;margin-left:24px;padding:0 8px;position:relative;text-shadow:0 1px 0 rgba(0,0,0,.35)}.ct-widget .ct-tag:after{border-style:solid;border-bottom:12px solid rgba(255,0,0,0);border-left:12px solid #2980b9;border-right:none;border-top:12px solid rgba(255,0,0,0);content:"";display:block;height:24px;bottom:0;right:-24px;position:absolute;width:24px;-moz-transform:scale(.9999)}.ct-widget .ct-tag:first-child{margin-left:0}.ct-widget .ct-tag:hover{background-color:#4aa3df}.ct-widget .ct-tag:hover:after{border-left-color:#4aa3df}.ct-widget .ct-tag:first-child{background-color:#8e44ad}.ct-widget .ct-tag:first-child:after{border-left-color:#8e44ad}.ct-widget .ct-tag:first-child:hover{background-color:#9b50ba}.ct-widget .ct-tag:first-child:hover:after{border-left-color:#9b50ba}.ct-widget .ct-tag:nth-child(2){background-color:#2980b9}.ct-widget .ct-tag:nth-child(2):after{border-left-color:#2980b9}.ct-widget .ct-tag:nth-child(2):hover{background-color:#2e8ece}.ct-widget .ct-tag:nth-child(2):hover:after{border-left-color:#2e8ece}.ct-widget .ct-tag:nth-child(3){background-color:#27ae60}.ct-widget .ct-tag:nth-child(3):after{border-left-color:#27ae60}.ct-widget .ct-tag:nth-child(3):hover{background-color:#2cc36b}.ct-widget .ct-tag:nth-child(3):hover:after{border-left-color:#2cc36b}.ct-widget .ct-tag:nth-child(4){background-color:#d35400}.ct-widget .ct-tag:nth-child(4):after{border-left-color:#d35400}.ct-widget .ct-tag:nth-child(4):hover{background-color:#ed5e00}.ct-widget .ct-tag:nth-child(4):hover:after{border-left-color:#ed5e00}.ct-widget .ct-tag:nth-child(5){background-color:#f39c12}.ct-widget .ct-tag:nth-child(5):after{border-left-color:#f39c12}.ct-widget .ct-tag:nth-child(5):hover{background-color:#f4a62a}.ct-widget .ct-tag:nth-child(5):hover:after{border-left-color:#f4a62a}.ct-widget .ct-tag:nth-child(6){background-color:#16a085}.ct-widget .ct-tag:nth-child(6):after{border-left-color:#16a085}.ct-widget .ct-tag:nth-child(6):hover{background-color:#19b698}.ct-widget .ct-tag:nth-child(6):hover:after{border-left-color:#19b698}.ct-widget.ct-modal{background:rgba(0,0,0,.7);height:0;left:0;position:fixed;top:0;width:0;z-index:10009}.ct-widget.ct-modal--transparent{background:transparent}.ct-widget--active.ct-modal{height:100%;width:100%}.ct-widget .ct-progress-bar{border:1px solid #eee;height:32px;line-height:32px;padding:1px;width:456px}.ct-widget .ct-progress-bar__progress{background:#2980b9;height:28px}.ct-widget .ct-section{border-bottom:1px solid #eee;color:#bdbdbd;cursor:pointer;font-style:italic;height:48px;padding:0 16px;font-family:arial,sans-serif;font-size:16px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-section:after{clear:both;content:"";display:table}.ct-widget .ct-section:hover{background:#f6f6f6}.ct-widget .ct-section--applied{color:#646464;font-style:normal}.ct-widget .ct-section--applied .ct-section__switch{background-color:#27ae60;border:1px solid #1e8449}.ct-widget .ct-section--applied .ct-section__switch:before{left:25px;transition-property:left;transition-duration:.1s;transition-timing-function:ease-in}.ct-widget .ct-section--contains-input .ct-section__label{width:75%}.ct-widget .ct-section__label{float:left;overflow:hidden;text-overflow:ellipsis;width:472px;white-space:nowrap}.ct-widget .ct-section__switch{background-color:#ccc;border:1px solid #b3b3b3;border-radius:12px;box-shadow:inset 0 0 2px rgba(0,0,0,.1);float:right;height:24px;margin-top:12px;position:relative;width:48px}.ct-widget .ct-section__switch:before{background:#fff;border-radius:10px;content:"";height:20px;left:1px;position:absolute;top:1px;transition-property:left;transition-duration:.1s;transition-timing-function:ease-in;width:20px}.ct-widget .ct-section__input{background:#fff;border:none;color:#646464;float:right;height:47px;outline:none;padding:0 16px;text-align:right;font-family:arial,sans-serif;font-size:14px;line-height:48px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:25%}.ct-widget .ct-section__input--invalid{color:#e74c3c}.ct-widget.ct-toolbox{background:hsla(0,0%,91%,.9);border:1px solid hsla(0,0%,100%,.5);box-shadow:0 3px 3px rgba(0,0,0,.35);left:128px;padding:8px;position:fixed;top:128px;width:174px}.ct-widget.ct-toolbox--dragging{opacity:.5}.ct-widget .ct-toolbox__grip{padding:8px 0}.ct-widget .ct-tool-group{padding:4px 0}.ct-widget .ct-tool-group:after{clear:both;content:"";display:table}.ct-widget .ct-tool-group:first-child{padding-top:0}.ct-widget .ct-tool{color:#464646;cursor:pointer;float:left;height:32px;margin:4px;margin-right:4px;position:relative;text-align:center;font-family:icon;font-size:16px;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;width:32px}.ct-widget .ct-tool,.ct-widget .ct-tool:after{border-radius:2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ct-widget .ct-tool:after{background:#000;color:#fff;content:attr(data-ct-tooltip);display:block;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;left:-26.5px;opacity:0;padding:0 8px;position:absolute;bottom:37px;font-family:arial,sans-serif;font-size:12px;line-height:20px;visibility:hidden;width:85px;word-break:break-word}.ct-widget .ct-tool:hover:after{opacity:.8;visibility:visible;transition-property:opacity;transition-duration:0s;transition-timing-function:ease-in;transition-delay:2s}.ct-widget .ct-tool:before{line-height:32px}.ct-widget .ct-tool:nth-child(3n){margin-right:0}.ct-widget .ct-tool:hover{background:hsla(0,0%,100%,.5)}.ct-widget .ct-tool--disabled{color:rgba(70,70,70,.33)}.ct-widget .ct-tool--disabled:hover{background:transparent}.ct-widget .ct-tool--down{box-shadow:inset 0 1px 3px rgba(0,0,0,.25);line-height:34px}.ct-widget .ct-tool--down,.ct-widget .ct-tool--down:hover{background:rgba(0,0,0,.025)}.ct-widget .ct-tool--applied{background:rgba(0,0,0,.1);box-shadow:inset 0 1px 3px rgba(0,0,0,.25)}.ct-widget .ct-tool--applied:hover{background:rgba(0,0,0,.15)}.ct-widget .ct-tool--bold:before{content:"\ea62"}.ct-widget .ct-tool--emphasized:before{content:"\ea5c"}.ct-widget .ct-tool--heading:before{content:"H";font-weight:700}.ct-widget .ct-tool--subheading:before{content:"H"}.ct-widget .ct-tool--paragraph:before{content:"P"}.ct-widget .ct-tool--preformatted:before{content:"\ea80"}.ct-widget .ct-tool--quote:before{content:"\e977"}.ct-widget .ct-tool--italic:before{content:"\ea64"}.ct-widget .ct-tool--link:before{content:"\e9cb"}.ct-widget .ct-tool--align-left:before{content:"\ea77"}.ct-widget .ct-tool--align-center:before{content:"\ea78"}.ct-widget .ct-tool--align-right:before{content:"\ea79"}.ct-widget .ct-tool--align-justify:before{content:"\ea7a"}.ct-widget .ct-tool--unordered-list:before{content:"\e9ba"}.ct-widget .ct-tool--ordered-list:before{content:"\e9b9"}.ct-widget .ct-tool--table:before{content:"\ea71"}.ct-widget .ct-tool--indent:before{content:"\ea7b"}.ct-widget .ct-tool--unindent:before{content:"\ea7c"}.ct-widget .ct-tool--line-break:before{content:"\ea6e"}.ct-widget .ct-tool--image:before{content:"\e90d"}.ct-widget .ct-tool--video:before{content:"\ea9d"}.ct-widget .ct-tool--undo:before{content:"\e965"}.ct-widget .ct-tool--redo:before{content:"\e966"}.ct-widget .ct-tool--remove:before{content:"\e9ac"}.ct-widget .ct-tool--template:before{content:"\ea72"}@-webkit-keyframes e{0%{outline-color:hsla(0,0%,100%,0);-webkit-transform:background-color}25%{outline-color:#f39c12;-webkit-transform:background-color}50%{outline-color:#f39c12;-webkit-transform:background-color}to{outline-color:hsla(0,0%,100%,0);-webkit-transform:background-color}}@keyframes e{0%{outline-color:hsla(0,0%,100%,0);-webkit-transform:background-color;transform:background-color}25%{outline-color:#f39c12;-webkit-transform:background-color;transform:background-color}50%{outline-color:#f39c12;-webkit-transform:background-color;transform:background-color}to{outline-color:hsla(0,0%,100%,0);-webkit-transform:background-color;transform:background-color}}.ct-app,.ct-app *,.ct-app :after,.ct-app :before{box-sizing:border-box}.ct--highlight{outline:4px solid #f39c12;-webkit-animation:e .5s ease-in;animation:e .5s ease-in;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.ct--no-scroll{overflow:hidden}.ct--puesdo-select{background:rgba(0,0,0,.1)} .cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s} .cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1} .cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em} @media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}} .cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block} .cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0} @charset "UTF-8"; /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */ .pika-single { z-index: 11000; display: block; position: relative; color: #333; background: #fff; border: 1px solid #ccc; border-bottom-color: #bbb; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } /* clear child float (pika-lendar), using the famous micro clearfix hack http://nicolasgallagher.com/micro-clearfix-hack/ */ .pika-single:before, .pika-single:after { content: " "; display: table; } .pika-single:after { clear: both } /*.pika-single { *zoom: 1 }*/ .pika-single.is-hidden { display: none; } .pika-single.is-bound { position: absolute; box-shadow: 0 5px 15px -5px rgba(0,0,0,.5); } .pika-lendar { float: left; width: 240px; margin: 8px; } .pika-title { position: relative; text-align: center; } .pika-label { display: inline-block; *display: inline; position: relative; z-index: 9999; overflow: hidden; margin: 0; padding: 5px 3px; font-size: 14px; line-height: 20px; font-weight: bold; background-color: #fff; } .pika-title select { cursor: pointer; position: absolute; z-index: 9998; margin: 0; left: 0; top: 5px; filter: alpha(opacity=0); opacity: 0; } .pika-prev, .pika-next { display: block; cursor: pointer; position: relative; outline: none; border: 0; padding: 0; width: 20px; height: 30px; color: rgba(0, 0, 0, 0); white-space: nowrap; overflow: hidden; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 75% 75%; opacity: .5; *position: absolute; *top: 0; } .pika-prev:hover, .pika-next:hover { opacity: 1; } .pika-prev, .is-rtl .pika-next { float: left; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=='); *left: 0; } .pika-next, .is-rtl .pika-prev { float: right; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII='); *right: 0; } .pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .2; } .pika-select { display: inline-block; *display: inline; } .pika-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; } .pika-table th, .pika-table td { width: 14.285714285714286%; padding: 0; } .pika-table th { color: #999; font-size: 12px; line-height: 25px; font-weight: bold; text-align: center; } .pika-button { cursor: pointer; display: block; box-sizing: border-box; -moz-box-sizing: border-box; outline: none; border: 0; margin: 0; width: 100%; padding: 5px; color: #666; font-size: 12px; line-height: 15px; text-align: right; background: #f5f5f5; } .pika-week { font-size: 11px; color: #999; } .is-today .pika-button { color: #33aaff; font-weight: bold; } .is-selected .pika-button, .has-event .pika-button { color: #fff; font-weight: bold; background: #33aaff; box-shadow: inset 0 1px 3px #178fe5; border-radius: 3px; } .has-event .pika-button { background: #005da9; box-shadow: inset 0 1px 3px #0076c9; } .is-disabled .pika-button, .is-inrange .pika-button { background: #D5E9F7; } .is-startrange .pika-button { color: #fff; background: #6CB31D; box-shadow: none; border-radius: 3px; } .is-endrange .pika-button { color: #fff; background: #33aaff; box-shadow: none; border-radius: 3px; } .is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; } .is-outside-current-month .pika-button { color: #999; opacity: .3; } .is-selection-disabled { pointer-events: none; cursor: default; } .pika-button:hover, .pika-row.pick-whole-week:hover .pika-button { color: #fff; background: #ff8000; box-shadow: none; border-radius: 3px; } /* styling for abbr */ .pika-table abbr { border-bottom: none; cursor: help; } .pika-time-container { clear: both; } .pika-time { margin: 7px auto 7px; } .pika-time .pika-time-label { font-weight: bold; font-size: 11px; color: #666; padding-right: 0.33em; } :root { --contentMaxWidth: 1280px; --mediumScreenBreak: 1000px; --smallScreenBreak: 768px; --mobileScreenBreak: 600px; --miniScreenBreak: 400px; --globalSpacing: 2.5rem; --globalSpacingSm: 1rem; } * { box-sizing: border-box; font-family: 'Roboto', sans-serif; } pre { font-family: monospace; } #app { min-height: 100vh; } body { font-size: 1em; margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold; overflow-wrap: break-word; font-family: 'Oswald', sans-serif; } h1, h2, .h1, .h2 { font-family: 'Oswald', sans-serif; } h1, .h1 { font-size: calc(1.625rem + 1.6vw); margin: 0; } h2, .h2 { font-size: calc(1.375rem + 1.6vw); margin: 0; } h3, .h3 { font-size: calc(1.5rem + 0.25vw); margin: 2em 0 0.75em; } h4, .h4 { font-size: calc(1.125rem + 0.25vw); margin: 2em 0 1em; } h5, .h5 { font-size: calc(1rem + 0.25vw); margin: 2em 0 1em; } h6, .h6 { font-size: calc(1rem + 0.25vw); margin: 1em 0 1em; font-weight: normal; } p { margin: calc(0.9em + 0.5vw) 0; line-height: 1.5; word-break: break-word; } p img { max-width: 100%; max-height: 100%; object-fit: contain; } figcaption { font-style: italic; } .tox-collection__group h1, .tox-collection__group h2, .tox-collection__group h3, .tox-collection__group h4, .tox-collection__group h5, .tox-collection__group h6 { font-size: 1rem !important; } ul:not(.no-reset):not([data-editable]), ul.no-style { list-style-type: none; margin: 0; padding: 0; } ul:not(.no-reset):not([data-editable]) > li, ul.no-style > li { margin: 0; } .blog-width-container ul { list-style-type: inherit; margin: inherit; padding: inherit; } .blog-width-container ul > li { margin: inherit; } a { text-decoration: none; color: unset; cursor: pointer; } a:hover { color: var(--primary); } label, .label { font-weight: bold; font-size: 1rem; } label.component { font-size: calc(1rem + 0.25vw); margin: 2rem 0 0.5rem 0; font-weight: bold; display: block; } .fixed-width { max-width: var(--contentMaxWidth); margin: 0 auto; } @media screen and (max-width: 1280px) { .fixed-width { max-width: 100%; } } .blog-width { max-width: 48rem; margin-inline-start: auto; margin-inline-end: auto; } .blog-width-container h1, .blog-width-container h2, .blog-width-container h3, .blog-width-container h4, .blog-width-container h5, .blog-width-container h6, .blog-width-container p, .blog-width-container blockquote, .blog-width-container pre, .blog-width-container a, .blog-width-container abbr, .blog-width-container address, .blog-width-container cite, .blog-width-container code, .blog-width-container dfn, .blog-width-container em, .blog-width-container ins, .blog-width-container kbd, .blog-width-container q, .blog-width-container s, .blog-width-container samp, .blog-width-container small, .blog-width-container strong, .blog-width-container sub, .blog-width-container sup, .blog-width-container var, .blog-width-container b, .blog-width-container u, .blog-width-container i, .blog-width-container dl, .blog-width-container dt, .blog-width-container dd, .blog-width-container ol, .blog-width-container ul, .blog-width-container li, .blog-width-container fieldset, .blog-width-container form, .blog-width-container label, .blog-width-container legend, .blog-width-container aside, .blog-width-container details, .blog-width-container embed, .blog-width-container footer, .blog-width-container header, .blog-width-container menu, .blog-width-container nav, .blog-width-container output, .blog-width-container ruby, .blog-width-container section, .blog-width-container summary, .blog-width-container time, .blog-width-container mark, .blog-width-container audio { max-width: 48rem; margin-inline-start: auto; margin-inline-end: auto; } .blog-width-container iframe, .blog-width-container img, .blog-width-container .img-wrap, .blog-width-container canvas, .blog-width-container video, .blog-width-container figure, .blog-width-container figcaption, .blog-width-container table, .blog-width-container caption, .blog-width-container tbody, .blog-width-container tfoot, .blog-width-container thead, .blog-width-container tr, .blog-width-container th, .blog-width-container td { max-width: inherit; } @media screen and (max-width: 1280px) { .blog-width-container iframe, .blog-width-container img, .blog-width-container .img-wrap, .blog-width-container canvas, .blog-width-container video, .blog-width-container figure, .blog-width-container figcaption, .blog-width-container table, .blog-width-container caption, .blog-width-container tbody, .blog-width-container tfoot, .blog-width-container thead, .blog-width-container tr, .blog-width-container th, .blog-width-container td { margin-inline-start: -2rem; margin-inline-end: -2rem; width: 100vw; } } @media screen and (max-width: 768px) { .blog-width-container iframe { height: 56vw; } } section > div { padding: 5rem 2.5rem; } @media screen and (max-width: 1280px) { section > div { margin-inline-start: 2.5rem; margin-inline-end: 2.5rem; } } #site-container.inner-fixed article > section > div { max-width: var(--contentMaxWidth); margin: 0 auto; } @media screen and (max-width: 1280px) { #site-container.inner-fixed article > section > div { max-width: 100%; } } #site-container.page { display: flex; flex-direction: column; } .grid, .grid-container { display: grid; grid-gap: 1rem; grid-auto-rows: minmax(80px, max-content); /* was auto, stretches cards to bottom*/ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); } .grid.gc-fit.gc-fixed, .grid-container.gc-fit.gc-fixed { grid-template-columns: repeat(3, auto); } .grid.gc-fit.gc-fixed.gc-limit-1, .grid-container.gc-fit.gc-fixed.gc-limit-1 { grid-template-columns: repeat(1, auto); } .grid.gc-fit.gc-fixed.gc-limit-2, .grid-container.gc-fit.gc-fixed.gc-limit-2 { grid-template-columns: repeat(2, auto); } .grid.gc-fit.gc-fixed.gc-limit-3, .grid-container.gc-fit.gc-fixed.gc-limit-3 { grid-template-columns: repeat(3, auto); } .grid.gc-fit.gc-fixed.gc-limit-4, .grid-container.gc-fit.gc-fixed.gc-limit-4 { grid-template-columns: repeat(4, auto); } .grid.gc-fit.gc-fixed.gc-limit-5, .grid-container.gc-fit.gc-fixed.gc-limit-5 { grid-template-columns: repeat(5, auto); } .grid.gc-fit.gc-fixed.gc-limit-6, .grid-container.gc-fit.gc-fixed.gc-limit-6 { grid-template-columns: repeat(6, auto); } .grid.gc-fit.gc-fixed.gc-limit-7, .grid-container.gc-fit.gc-fixed.gc-limit-7 { grid-template-columns: repeat(7, auto); } .grid.gc-fit.gc-fixed.gc-limit-8, .grid-container.gc-fit.gc-fixed.gc-limit-8 { grid-template-columns: repeat(8, auto); } .grid.gc-fill, .grid-container.gc-fill { grid-template-columns: repeat(auto-fill, minmax(240px, auto)); } .grid.gc-fill.gc-fixed, .grid-container.gc-fill.gc-fixed { grid-template-columns: repeat(3, 1fr); } .grid.gc-fill.gc-fixed.gc-limit-1, .grid-container.gc-fill.gc-fixed.gc-limit-1 { grid-template-columns: repeat(1, 1fr); } .grid.gc-fill.gc-fixed.gc-limit-2, .grid-container.gc-fill.gc-fixed.gc-limit-2 { grid-template-columns: repeat(2, 1fr); } .grid.gc-fill.gc-fixed.gc-limit-3, .grid-container.gc-fill.gc-fixed.gc-limit-3 { grid-template-columns: repeat(3, 1fr); } .grid.gc-fill.gc-fixed.gc-limit-4, .grid-container.gc-fill.gc-fixed.gc-limit-4 { grid-template-columns: repeat(4, 1fr); } .grid.gc-fill.gc-fixed.gc-limit-5, .grid-container.gc-fill.gc-fixed.gc-limit-5 { grid-template-columns: repeat(5, 1fr); } .grid.gc-fill.gc-fixed.gc-limit-6, .grid-container.gc-fill.gc-fixed.gc-limit-6 { grid-template-columns: repeat(6, 1fr); } .grid.gc-fill.gc-fixed.gc-limit-7, .grid-container.gc-fill.gc-fixed.gc-limit-7 { grid-template-columns: repeat(7, 1fr); } .grid.gc-fill.gc-fixed.gc-limit-8, .grid-container.gc-fill.gc-fixed.gc-limit-8 { grid-template-columns: repeat(8, 1fr); } .flex1 { flex: 1; } .flex-column { display: flex; flex-direction: column; } .flex-between { display: flex; justify-content: space-between; } .flex { display: flex; justify-content: space-between; margin: -var(--globalSpacing); flex-wrap: wrap; } .flex > * { flex: 1 1 18rem; } .flex .wrap { flex-wrap: wrap; } .flex .wrap > * { margin: var(--globalSpacing); } .flex.row > * { margin-inline-end: var(--globalSpacing); } .flex.column { flex-direction: column; } .flex.column > * { margin-block-end: var(--globalSpacing); flex-basis: 0%; } .flex > .no-grow { flex-grow: 0; } .flex.space-around { justify-content: space-around; } .flex.space-evenly { justify-content: space-evenly; } .flex.align-start { align-items: flex-start; } .flex.start { justify-content: start; } .flex.center { justify-content: center; } .flex.end { justify-content: end; } .flex.items-center { align-items: center; } .flex-center { display: flex; place-items: center; } .error-block { color: #f44336; background: rgba(2, 2, 2, 0.1); padding: 0.5rem; width: fit-content; border-radius: 0px; font-size: 0.7rem; margin-bottom: 0.5rem; } .clickable { cursor: pointer; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .img-wrap > img { width: 100%; height: auto; } .svg-placeholder { background-color: #a4a4a4; } .bg-cover { background: no-repeat center; background-size: cover; background-origin: content-box; } .bg-contain { background: no-repeat center; background-size: contain; background-origin: content-box; } .stickySideNavHeading { position: sticky; z-index: 2; top: 5.5rem; } @media screen and (max-width: 768px) { .stickySideNavHeading { top: 6.6rem; } } .sticky-top { position: sticky; top: -1px; } .tooltip-icon { font-size: 0.7rem; position: relative; bottom: 0.4rem; } .inline-gallery > div { width: 150px; height: 150px; display: inline-block; background-size: cover; background-position: 50%; } .albums { margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; } .albums > * { margin-block-end: 3rem; } .navigation { flex: 1; } .navigation > ul > li { display: inline-block; padding: 0; } .navigation > ul > li > a { padding: 2.3375rem 1rem; color: var(--textBright); display: inline-block; transition: background-color 0.2s ease-in-out; } .navigation > ul > li > a:hover { color: #333; background-color: #eee; } .navigation > ul > li > a span { padding-inline-start: 2px; display: inline-block; max-height: 1px; } .navigation > ul > li > a[aria-expanded="true"] { background-color: #eee; color: #000; } .navigation > ul > li > a svg { margin-inline-start: 4px; padding-block-start: 3px; } .navigation .drop-toggle { position: relative; } .navigation .drop-menu { margin: 0; padding: 0; text-align: center; position: absolute; right: 0; background: white; display: none; top: 3.6625rem; white-space: nowrap; min-width: 125px; min-height: 25px; box-shadow: 0.5px 0.866px 6px rgba(0, 1, 1, 0.15); } .navigation .drop-menu .nav-link { display: block; width: 100%; } .navigation .drop-menu .nav-link a { padding: 0.8rem 2rem; display: inline-block; width: 100%; color: #333; } .navigation .drop-menu .nav-link a:hover { color: #000; } .navigation .drop-menu .nav-link:hover { background: #eee; } .navigation .drop-menu li.nav-sep { padding: 5px; color: #333; font-style: italic; font-size: 1.4rem; width: 100%; } .navigation .drop-menu.open { display: inline-block; } @media screen and (max-width: 768px) { .navigation.li-full-height > ul > li { padding: 0; } .navigation.li-full-height > ul > li > a { padding: 0.8rem 1rem; } } @media screen and (min-width: 768px) { .navigation .drop-menu { top: 6rem; } } .toggle-nav { display: none; width: 3rem; height: 3rem; z-index: 5; } .toggle-nav span:after, .toggle-nav span:before { content: ""; position: absolute; left: 0; top: -9px; } .toggle-nav span:after { top: 9px; } .toggle-nav span { position: relative; display: block; } .toggle-nav span, .toggle-nav span:after, .toggle-nav span:before { width: 2rem; height: 5px; background-color: var(--textSubtle); transition: all 0.3s; backface-visibility: hidden; border-radius: 1px; } /* on activation */ .navigation.open .toggle-nav span { background-color: transparent; } .navigation.open .toggle-nav span:before { transform: rotate(45deg) translate(5px, 5px); } .navigation.open .toggle-nav span:after { transform: rotate(-45deg) translate(7px, -8px); } .toggle-nav.open + #menu { opacity: 1; visibility: visible; } @media screen and (max-width: 768px) { .minicart { font-size: 0.6rem; } .navigation { transition: all 0.3s ease; } .navigation .toggle-nav { display: block; position: relative; top: 0; right: 1rem; padding: 2rem 3rem 2rem 0.8rem; margin-left: auto; } .navigation .nav-link { display: block; font-size: 1rem; } .navigation .container { display: flex; justify-content: flex-end; padding-left: 0; padding-right: 0; } .navigation .brand-logo { margin-right: 0; position: absolute; left: 3rem; } .navigation .nav-link-container { display: none; margin-top: 40px; text-align: center; padding-left: 0; background: var(--backdrop); } .navigation .drop-menu { padding: 0px; transition: all 0.2s; } .navigation.open { transition: all 0.3s ease; position: absolute; padding: 0; z-index: 2; height: 100vh; left: 0; top: 0; width: 100%; } .navigation.open .nav-link-container { display: block; width: 100%; height: 100%; position: absolute; top: 0; padding-top: 3.5rem; } .navigation.open .nav-link-container li > a { width: 100%; display: block; } .navigation.open .toggle-nav { right: 2rem; } .navigation.open .drop-menu.open { display: block; position: initial; padding: 10px 0; transition: all 0.3s; } .navigation.open .drop-menu.open .nav-link { margin-bottom: 0; } } #site-header { z-index: 3; } #site-header > div { display: flex; justify-content: space-between; } @media screen and (max-width: 1280px) { #site-header > .fixed-width { padding-inline-start: calc(var(--globalSpacing)/2); padding-inline-end: calc(var(--globalSpacing)/2); } } .logo { padding: 0.4rem 0; flex: 1; min-height: 100%; min-width: 3rem; background: no-repeat center; background-size: contain; background-origin: content-box; background-position: left center; } .box-shadow-1 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .hover-shadow:hover { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .box-shadow-2 { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } .box-shadow-3 { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } .box-shadow-4 { box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } .box-shadow-5 { box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } .cbox { position: relative; } .cbox input { position: absolute; opacity: 0; cursor: pointer; } .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; cursor: pointer; background-color: #eee; } /* On mouse-over, add a background color */ .cbox:hover input ~ .checkmark { background-color: #eee; } /* On mouse-over of checked, add a background color */ .cbox:hover input:checked ~ .checkmark { background-color: #5ecdff; } /* When the checkbox is checked, add a active background color */ .cbox input:checked ~ .checkmark { background-color: white; } /* checkmark/indicator */ .cbox .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid var(--primary); border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .checkmark:after { content: ""; position: absolute; display: none; } .cbox input:checked ~ .checkmark:after { display: block; } @keyframes notif-slide-in { 0% { right: -400px; } 100% { right: 0; } } @keyframes notif-fade-out { 0% { height: auto; padding-top: inherit; padding-bottom: inherit; opacity: 1; } 100% { height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; } } #dcms-notifications { position: fixed; right: 0; bottom: 10px; z-index: 20000; } #dcms-notifications.align-top { top: 80px; bottom: unset; } #dcms-notifications .notification { background: rgba(0, 0, 0, 0.8); color: #FFF; padding: 12px 14px; font-size: 1.2rem; margin-top: 10px; max-width: 400px; min-width: 200px; position: relative; animation: notif-slide-in 150ms ease-out; } #dcms-notifications .notification > div { position: relative; padding-right: 20px; } #dcms-notifications .notification div.icon { width: 20px; margin-right: 7px; text-align: center; display: inline-block; vertical-align: top; } #dcms-notifications .notification .text { max-width: 324px; display: inline-block; margin-top: -1px; } #dcms-notifications .notification .notification-close-btn { display: inline-block; position: absolute; right: 0; top: 0; } #dcms-notifications .notification.light { box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2); background: #FFF; color: #595959; border: 1px solid #ececec; border-right: 0; } #dcms-notifications .notification.exit { animation: notif-fade-out 75ms linear 0s forwards; } #dcms-notifications svg.fa-info-circle { color: #54baff; } #dcms-notifications svg.fa-check { color: #5eff6b; } #dcms-notifications svg.fa-exclamation-triangle { color: #ffb95e; } #dcms-notifications svg.fa-exclamation { color: #ff705e; } button.btn, a.btn { overflow: hidden; display: inline-block; cursor: pointer; padding: 10px 20px; border: 1px solid transparent; text-align: center; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); transition: all 0.2s ease-in-out; letter-spacing: 1px; font-size: 1rem; border-radius: 2px; outline: none; margin: 0; background: var(--primary); color: var(--textOnPrimary); } button.btn:hover, a.btn:hover, button.btn:active, a.btn:active, button.btn:focus, a.btn:focus { background-color: var(--primaryAccent); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border-color: transparent; color: var(--textOnPrimary); } button.btn svg, a.btn svg { color: unset; } .btn.bordered { background: transparent; box-shadow: none; color: var(--primary); border-color: var(--primary); padding: 0.3rem 0.7rem; } .btn.bordered:hover, .btn.bordered:active, .btn.bordered:focus { background: var(--primaryOpacityBtnBg); color: var(--primary); border-color: var(--primary); } .btn.txt { background-color: #fbf5f5; color: #424242; font-weight: bold; box-shadow: none; padding: 6px 10px; outline: none; min-width: 2rem; width: auto; } .btn.txt:focus { background-color: #eeeeee; } .btn.txt:hover, .btn.txt:active { background-color: #eeeeee; border-color: transparent; } .btn.primary, .btn.btn-primary { background-color: var(--primary); color: var(--textOnPrimary); } .btn.primary:hover, .btn.btn-primary:hover, .btn.primary:active, .btn.btn-primary:active, .btn.primary:focus, .btn.btn-primary:focus { background-color: var(--primaryAccent); color: var(--textOnPrimary); } .btn.success, .btn.btn-success { background-color: #00e676; } .btn.success:focus, .btn.btn-success:focus { background-color: #00b248; } .btn.success:hover, .btn.btn-success:hover, .btn.success:active, .btn.btn-success:active { background-color: #66ffa6; } .btn.danger, .btn.btn-danger { background-color: #E71D36; } .btn.danger:focus, .btn.btn-danger:focus { background-color: #b91400; } .btn.danger:hover, .btn.btn-danger:hover, .btn.danger:active, .btn.btn-danger:active { background-color: #ff844c; } button.btn:disabled, button[disabled] { background: var(--checkboxBg); pointer-events: none; border-color: var(--textSubtle); color: var(--textSubtle); } .remove { color: #E71D36; } .remove:hover, .remove:active { cursor: pointer; color: #b91400; } @keyframes ripple { 0% { box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0); } 50% { box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0.1); } 100% { box-shadow: 0px 0px 0px 15px rgba(0, 0, 0, 0); } } .radio-label { display: flex; align-items: center; margin-block-end: 5px; } .radio-label div { padding-inline-end: 5px; } .qty-control svg { font-size: 1.5rem; } .qty-control svg:hover { cursor: pointer; } input.product-card-qty { width: 2rem; width: 2.3rem; margin: 0 5px; text-align: center; } .cart-view { margin: 2rem auto 5rem auto; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02), 0 2px 2px rgba(0, 0, 0, 0.02), 0 4px 4px rgba(0, 0, 0, 0.02), 0 8px 8px rgba(0, 0, 0, 0.02), 0 16px 16px rgba(0, 0, 0, 0.02); } .cart-view .cart-sidebar { flex: 1.2; } .cart-view .items { flex: 3; flex-direction: column; justify-content: flex-start; } @media screen and (max-width: 768px) { .cart-view .items { flex: auto; font-size: 0.8rem; padding: 1rem; } } .cart-view .items .header > *:last-child { padding: 8px; } .cart-view .items .item { display: flex; align-items: center; flex: 0; justify-content: space-between; padding: 0.8rem 1rem; flex-wrap: wrap; margin: 0; } @media screen and (max-width: 400px) { .cart-view .items .item .price-each { display: none; } } .cart-view .items .item > * { flex: 1; display: flex; justify-content: center; } .cart-view .items .item > :first-child { word-wrap: break-word; flex: 5; justify-content: flex-start; } @media screen and (max-width: 1000px) { .cart-view .items .item > :first-child { flex: 1; } } .cart-view .items .item > :last-child { flex: 0; } .cart-view .items .item .warning-msg { flex-basis: 100%; justify-content: flex-start; color: var(--primary); margin-block-start: 5px; opacity: 0.8; } .cart-view .items .item .remove { max-width: 13px; } .cart-view .items .header { margin: 2.5rem 0; } .cart-view .clear { margin-top: auto; flex: 0; align-self: center; } .cart-view .flex.container > * { margin: 0; } @media screen and (max-width: 1000px) { .cart-view .flex.container > * { margin-top: var(--globalSpacing); } } .checkout h2 { padding-inline-start: 2rem; } .checkout-form { margin-block-start: 2.5rem; flex-wrap: wrap; } .checkout-form .contacts > .radio-group { display: flex; justify-content: space-between; } @media screen and (max-width: 600px) { .checkout-form { margin-block-start: 0; } } .checkout-form > div { padding: 2.5rem; margin-inline-end: 2.5rem; } @media screen and (max-width: 600px) { .checkout-form > div { margin: calc(var(--globalSpacing) / 2) 0; margin-inline-end: 0; } } .checkout-form > .cart-sidebar { padding: 0; } .radio-group { margin-block-end: 1.5rem; } .textarea-group label { display: inline; flex-direction: column; font-weight: bold; } .textarea-group textarea { margin: 1rem 0; min-height: 8rem; background: var(--inputBg); color: var(--textBright); width: 100%; } .form-group input:-webkit-autofill, .form-group input:-webkit-autofill:hover, .form-group input:-webkit-autofill:focus { -webkit-text-fill-color: var(--textBright); box-shadow: 0 0 0 50px var(--cardBgMain) inset !important; } .form-group textarea { padding: 13px 10px; } .form-group .floating-label { position: relative; margin-top: 1rem; width: 100%; } .form-group .floating-label input[type=text], .form-group .floating-label input[type=password], .form-group .floating-label textarea, .form-group .floating-label input { padding: 0.6rem 10px; border: none; border-bottom: solid 1px var(--textSubtle); width: 100%; box-sizing: border-box; transition: all 0.2s ease-in-out; font-weight: 400; -webkit-appearance: none; border-radius: 2px 2px 0px 0; margin-bottom: 1rem; font-size: 1em; background: var(--inputBg); margin-top: 1.1rem; color: var(--textBright); } .form-group .floating-label input[type=text]:focus, .form-group .floating-label input[type=password]:focus, .form-group .floating-label textarea:focus, .form-group .floating-label input:focus { border-color: var(--primary); outline: 0; box-shadow: 0 2px 6px -8px var(--primary); } .form-group .floating-label .has-error input[type=text], .form-group .floating-label .has-error textarea { border-bottom: solid 1px #E71D36; } .form-group .floating-label label { position: absolute; top: calc(50% - 20px); left: 0px; opacity: 0; transition: all 0.2s ease; pointer-events: none; } .form-group .floating-label input:active::placeholder, .form-group .floating-label input:focus::placeholder { color: transparent; } .form-group .floating-label input:not(:placeholder-shown) + label { opacity: 1; transform: translateY(-20px); font-weight: bold; } .form-group .floating-label input:active + label, .form-group .floating-label input:focus + label { opacity: 0.7; transform: translateY(-20px); } .form-group .floating-label input:active + label::placeholder, .form-group .floating-label input:focus + label::placeholder { color: transparent; } .form-group .floating-label input:active + label label, .form-group .floating-label input:focus + label label { transform: translateY(-20px); opacity: 1; } .form-group .floating-label input:focus label { transform: translateY(-20px); } .form-group .floating-label textarea:not(:placeholder-shown) + label { top: calc(50% - 50px); opacity: 0.7; transform: translateY(-20px); } .form-group .floating-label textarea:not(:placeholder-shown) { padding: 28px 0px 12px 15px; } .form-group .floating-label textarea:active, .form-group .floating-label textarea:focus { padding: 28px 0px 12px 15px; } .form-group .floating-label textarea:active::placeholder, .form-group .floating-label textarea:focus::placeholder { color: transparent; } .form-group .floating-label textarea:active + label, .form-group .floating-label textarea:focus + label { top: calc(50% - 50px); transform: translateY(-15px); opacity: 0.7; } .form-group .floating-label textarea:active + label::placeholder, .form-group .floating-label textarea:focus + label::placeholder { color: transparent; } .form-group .label input { margin-top: 0.5rem; } .form-group .label label { position: initial; opacity: 1; pointer-events: none; } .form-group .floating-label.label { margin-top: 0; } .cart-sidebar { position: relative; } .cart-sidebar .price-total { opacity: 0.8; margin: 2rem 0; } .cart-sidebar .icon { overflow: hidden; position: relative; padding: 1.5rem; } .cart-sidebar .icon .icon-bg { background: var(--borderSubtle); border-radius: 50%; width: 80px; height: 80px; margin: 0 auto; left: 0; right: 0; top: -38px; position: absolute; } .cart-sidebar .icon-svg { font-size: 4.3rem; opacity: 0.9; position: absolute; width: 50px; left: 0; right: 0; margin: 0 auto; top: -26px; z-index: 1; padding-left: 2px; } .cart-sidebar .icon-svg svg { position: absolute; left: 0; top: 10px; font-size: 2.8rem; color: var(--textBright); } .cart-sidebar .submit { display: flex; flex-direction: column; align-items: center; } .cart-sidebar .submit label > div { margin-inline-end: 10px; } .cart-sidebar .submit button { margin-top: 2.5rem; } .cart-sidebar .items-in-cart { padding: 0; } .cart-sidebar .items-in-cart .toggle-items { display: flex; justify-content: center; } .cart-sidebar .items-in-cart .item:nth-child(odd) { background: var(--inputBg); } .cart-sidebar .items-in-cart .item:nth-child(even) { background: var(--borderSubtle); } .cart-sidebar .items-in-cart .item { padding: 0.4rem 2.5rem; font-size: 0.9rem; } .cart-sidebar .items-in-cart .item .name { overflow: hidden; max-width: 220px; white-space: nowrap; margin-right: 0.5rem; text-overflow: ellipsis; } .cart-sidebar .items-in-cart .item .qty { margin-inline-end: 0.7rem; opacity: 0.8; } .cart-sidebar .amount { color: var(--primary); } .cart-sidebar .grand-total { margin-top: 2rem; display: flex; justify-content: space-between; font-size: 1.2em; } .products-container > .invisible { opacity: 0.4; position: relative; } .products-container > .invisible .notInStock-badge { position: absolute; top: 0; background: var(--primary); color: var(--textOnPrimary); padding: 1rem; width: 100%; left: 0; font-size: 1.2rem; font-weight: bold; } .products-container > .invisible:hover { opacity: 1; } .yiiback { min-height: 100vh; } .yiiback .btn { margin: 1rem 0.5rem 1rem 0rem; } table { border-collapse: collapse; } table th, table td { padding: 0.5rem; text-align: left; } table .form-group > .floating-label { margin: 0; } table .form-group > .floating-label input[type=text] { margin: 0; } .react-autocomplete-input { position: absolute; background: var(--inputBg); left: 0 !important; top: 3.4rem !important; z-index: 2; padding: 0.2rem 0; cursor: pointer; } .react-autocomplete-input li { padding: 0.4rem 0.7rem; } .react-autocomplete-input li.active { background: var(--cardBgAccent); } .mce-content-body p { padding: 0 0.5rem; } /*data-folder icon depth */ #le-canvas-overlay { pointer-events: none; position: absolute; z-index: 1; } body.layouteditor { background: #424242; overflow: hidden; /*.container.fixed,.fixed-content,[data-segment-type='RowSegment'].fixed > * { margin: 0 2em; }*/ } body.layouteditor.segment-dragging * { pointer-events: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } body.layouteditor #site-container { background-color: #fff; transition: transform 20ms linear; transform-origin: center 0; min-width: 1280px; margin-top: 0; /*&:not(.noanim) [data-segment] { transition: margin @mediumTransitionSpeed ease; }*/ /*&.drag-extra-space { [data-segment],.drag-shadow { box-shadow: 0px 2px 11px rgba(0,0,0,0.35); } .hadow { opacity: 0.8; } } &.drag-extra-space-preview { [data-segment] { } }*/ } body.layouteditor #site-container nav { position: initial; } body.layouteditor #le-flex-container { display: flex; } body.layouteditor #le-viewport { background: #282828; overflow: scroll; height: 100vh; flex-basis: auto; flex-grow: 1; display: flex; justify-content: center; flex-wrap: wrap; } body.layouteditor #le-sidebar { background: #424242; border: 1px solid #383838; margin-left: 1px; height: 100vh; flex-basis: 0px; } body.layouteditor .navbar { margin-bottom: 0; } [data-segment] { padding: 0.01px; min-height: 20px; } #le-sidebar { display: none; } .slow-transition { transition: transform 500ms ease, flex-basis 500ms ease !important; } .options > *, .options > label { display: block; } .item-dragging { position: fixed; cursor: move; z-index: 2000; background-color: white; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15); opacity: 0.7; } .dragged-segment { position: fixed; cursor: move; z-index: 2000; background-color: white; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15); opacity: 0.7; transform: scale(0.6); transform-origin: top left; transition: transform 100ms ease-out; } /* see on see mis maha jääb */ .item-dragging-shadow { background-color: white; box-shadow: inset 0px 0px 25px rgba(0, 0, 0, 0.2); opacity: 0.7; } .drag-shadow { opacity: 0.7; } .drag-delete-area { background-color: #424242; color: #fff; position: absolute; top: 0; right: 0; width: 300px; bottom: 32px; font-size: 1.7em; padding: 20px; } .drag-delete-area > div { border: 4px dashed #fff; border-radius: 8px; padding: 40px 20px 30px; text-align: center; height: 100%; } .drag-delete-area > div > div { position: relative; top: 50%; transform: translateY(-50%); } .drag-delete-area.disabled { display: none; } .drag-delete-area.hover { background-color: #E71D36; } .ct-widget.ct-dialog { min-height: 570px; height: auto !important; } .ct-widget.ct-dialog.ct-finder { width: 80%; margin-left: -40%; height: 80%; margin-top: 0; top: 10%; display: flex; flex-direction: column; max-height: 80vh; color: var(--textBright); } .ct-widget.ct-dialog.ct-finder .ct-dialog__header { border-bottom: 1px solid var(--borderSubtle); height: 48px; padding: 0 0; background: var(--cardBgAccent); color: var(--textBright); } .ct-widget.ct-dialog.ct-finder .ct-dialog__header .ct-dialog__close { border: none; } .ct-widget.ct-dialog.ct-finder .ct-dialog__body { margin: 0; width: 100%; display: flex; flex: 1; min-height: 0; max-height: 80vh; background: var(--cardBgMain); } .ct-widget.ct-dialog.ct-finder .ct-finder-actionbar { margin: 0; padding: 0; } .ct-widget.ct-dialog.ct-finder .ct-finder-actionbar > li { display: inline-block; padding: 15px 15px 13px; } .ct-widget.ct-dialog.ct-finder .ct-finder-actionbar > li > svg { margin-right: 4px; } .ct-widget.ct-dialog.ct-finder .ct-finder-actionbar > li > i { padding-right: 6px; font-size: 15px; } .ct-widget.ct-dialog.ct-finder .ct-finder-actionbar > li:hover { background-color: var(--cardBgBright); color: #fff; cursor: pointer; } .ct-widget.ct-dialog.ct-finder .ct-finder-actionbar > li:hover.danger { background-color: #E71D36; } .ct-widget.ct-dialog.ct-finder .ct-finder-actionbar > li:hover.success { background-color: #00e676; } .ct-widget.ct-dialog.ct-finder .ct-dialog__footer { border-top: 1px solid var(--borderSubtle); padding: 0.3em; font-size: smaller; flex: 0 0 21px; background: var(--cardBgAccent); } .ct-widget.ct-dialog.ct-finder .folders { padding-left: 6px; padding-top: 4px; flex: 0 0 230px; overflow-y: scroll; border-top: 0; /*data-folder icon depth */ } .ct-widget.ct-dialog.ct-finder .folders .folder { white-space: nowrap; } .ct-widget.ct-dialog.ct-finder .folders .folder:hover, .ct-widget.ct-dialog.ct-finder .folders .folder.active { color: #03a9f4; } .ct-widget.ct-dialog.ct-finder .folders .folder > * { display: inline-block; vertical-align: middle; } .ct-widget.ct-dialog.ct-finder .folders .folder .name { padding-left: 2px; padding-top: 2px; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle { cursor: pointer; min-width: 20px; text-align: center; } .ct-widget.ct-dialog.ct-finder .folders .icon-folder { cursor: pointer; min-height: 28px; min-width: 28px; } .ct-widget.ct-dialog.ct-finder .folders.loading { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANQAAABbBAMAAAD5FrYmAAAAJ1BMVEWysrL///+ysrKysrKysrKysrKysrKysrKysrKysrKysrKysrKysrIuaYr+AAAADXRSTlMAAAMLPGhqa3J0dXaCRRKT5wAAAM1JREFUeF7t1zEKwjAYhuFcwQY6dXFz7TEUN08grl3cO3kGR0cvImgd/A7lIhLIEoj/D5b3u8ALJaR5wsJtv06RCp9Zp+Kg76beNNUq2d401SnZ7c9SpELlSlNxUO0OhalW1ZuyVLM+L/NUp/plqZV0ckptpbtT6iK9HFOOH3B+x6LZXO0PezKTlN9t8SxMxVG12/nd7PyFPR5nR9NUeuIevfNDGokgESRCCokgESSCRJAIEkEiSASJIBEkQgqJIBEkMocUEkEiSASJIJE3sCfiqGayTG8AAAAASUVORK5CYII=') no-repeat; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle.depth-1 { margin-left: 13px; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle.depth-2 { margin-left: 26px; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle.depth-3 { margin-left: 39px; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle.depth-4 { margin-left: 52px; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle.depth-5 { margin-left: 65px; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle.depth-6 { margin-left: 78px; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle.depth-7 { margin-left: 91px; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle.depth-8 { margin-left: 104px; } .ct-widget.ct-dialog.ct-finder .folders .icon-angle.depth-9 { margin-left: 117px; } .ct-widget.ct-dialog.ct-finder .file-view { display: flex; flex-direction: column; flex: 1; } .ct-widget.ct-dialog.ct-finder .file-view .files { display: grid; grid-gap: 4px; grid-template-columns: repeat(auto-fill, minmax(130px, auto)); grid-auto-rows: 150px; padding: 15px; flex: 1 1 auto; overflow-y: scroll; } .ct-widget.ct-dialog.ct-finder .file-view .files.as-list { display: block; grid-gap: unset; grid-template-columns: unset; grid-auto-rows: unset; flex: unset; } .ct-widget.ct-dialog.ct-finder .file-view .files.as-list .file .icon { width: 16px; height: 16px; display: inline-block; vertical-align: top; margin-top: 3px; } .ct-widget.ct-dialog.ct-finder .file-view .files.as-list .file .name { display: inline-block; } .ct-widget.ct-dialog.ct-finder .file-view .files .file { border: 1px solid transparent; } .ct-widget.ct-dialog.ct-finder .file-view .files .file .icon { width: 84%; height: 122px; background-repeat: no-repeat; background-size: contain; background-position: 50% 100%; cursor: pointer; margin: auto; } .ct-widget.ct-dialog.ct-finder .file-view .files .file .name { text-align: center; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 136px; padding-left: 6px; } .ct-widget.ct-dialog.ct-finder .file-view .files .file.active { background-color: #CCE8FF; border: 1px solid #99D1FF; } .ct-widget.ct-dialog.ct-finder .file-view .files .file:hover { background-color: var(--cardBgBright); } .ct-widget.ct-dialog.ct-finder .tool-content table { border-spacing: 6px 3px; border-collapse: separate; } .ct-widget.ct-dialog.ct-finder .tool-content td:first-child { text-align: right; } .ct-widget.ct-dialog.ct-finder .tool-content td:last-child { vertical-align: middle; } .ct-widget.ct-dialog.ct-finder .tool-content #fi-name { word-break: break-all; } .ct-widget.ct-dialog.ct-finder .tool-content .inline-edit, .ct-widget.ct-dialog.ct-finder .tool-content .inline-editing .input-text { width: 141px; } .ct-widget.ct-dialog.ct-finder .tool-content #album-visibility { margin-left: 5px; } .ct-widget.ct-dialog.ct-finder .tool-content #tag-add { margin-left: 5px; margin-bottom: 10px; } .ct-widget.ct-dialog.ct-finder .tool-content ul { padding: 0; margin-left: 5px; } .ct-widget.ct-dialog.ct-finder .tool-content ul > li > span { margin-left: 4px; } .file-view .options-bar { display: flex; border-bottom: 1px solid var(--borderSubtle); padding-bottom: 6px; } .file-view .options-bar .view-options { justify-content: flex-end; cursor: pointer; display: flex; padding-top: 11px; padding-bottom: 4px; margin-right: 4px; } .file-view .options-bar .view-options .grid-view-button, .file-view .options-bar .view-options .list-view-button { margin-right: 9px; } .file-view .options-bar .view-options > svg { margin-right: 10px; font-size: 1.6em; } .file-view .options-bar .view-options > svg :hover { color: #03a9f4; } .file-view .options-bar .folder-path { justify-content: space-between; flex: 1; padding-left: 16px; padding-top: 11px; padding-bottom: 4px; } .file-view .options-bar .folder-path em { font-weight: bold; font-style: normal; color: #03a9f4; } .folders > .data-folder { margin-bottom: 5px; } select.sort-options { margin-right: 5px; border: none; padding-bottom: 1px; } select.sort-options:focus { border: none; } /*.view-options .fas { grid-row: 1; grid-column: 13; grid-template-columns: repeat(2, 1fr) } .view-options .far { grid-row: 1; grid-column: 14; grid-template-columns: repeat(2, 1fr) }*/ .ct-dialog__view_grid { border-left: 1px solid #eee; cursor: pointer; height: 48px; position: absolute; right: 48px; text-align: center; top: 0; font-size: 16px; font-style: normal; font-weight: 400; font-variant: normal; speak: none; text-transform: none; width: 48px; } .nodisplay { display: none !important; } .ct-dialog__body .upload-actions { top: 50%; text-align: center; } .upload-actions .drag-drop-box { width: 260px; height: 120px; border: 2px dashed #999; margin: 60px auto 20px; border-radius: 7px; } .upload-actions .drag-drop-box:hover, .upload-actions .drag-drop-box.hover { border-color: #03a9f4; } .upload-actions .drag-drop-box .fa-cloud-upload { color: #CCC; margin: auto; position: relative; top: 41%; font-size: 2em; } .upload-actions .drag-drop-box:hover .fa-cloud-upload, .upload-actions .drag-drop-box.hover .fa-cloud-upload { color: #03a9f4; } .upload-actions .browser-container { margin-bottom: 16px; } .upload-actions .browser-container .browse-btn { border-radius: 4px; color: #ffffff; background: #03a9f4; padding: 5px 15px; } .upload-actions .browser-container .browse-btn:hover { background: #2ebcfc; } .upload-actions .paste-container > input { width: 380px; padding: 8px; border-radius: 4px; border: 2px solid #999; } .upload-actions .paste-container > input:hover, .upload-actions .paste-container > input:active { border-color: #03a9f4; } .ct-dialog__body .upload-progress { width: 400px; margin: 2em auto; } .ct-dialog__body .upload-progress .right-section { float: right; padding: 2em 0; } #upload-file-count { font-size: 2em; padding: 11px 0; } .upload-progress:after { clear: both; content: ""; display: table; } .pie-wrapper { height: 8em; width: 8em; float: left; margin: 15px; position: relative; } .pie-wrapper:nth-child(3n+1) { clear: both; } .pie-wrapper .pie { height: 100%; width: 100%; clip: rect(0, 8em, 8em, 4em); left: 0; position: absolute; top: 0; } .pie-wrapper .pie .half-circle { height: 100%; width: 100%; border: 0.8em solid #3498db; border-radius: 50%; clip: rect(0, 4em, 8em, 0); left: 0; position: absolute; top: 0; } .pie-wrapper .pie-label { border-radius: 50%; bottom: 1.8em; color: #7f8c8d; cursor: default; display: block; font-size: 1.8em; position: absolute; text-align: center; width: 100%; } .pie-wrapper .pie-label small { color: #bdc3c7; font-size: 0.45em; padding-bottom: 20px; vertical-align: super; } .pie-wrapper .pie-shadow { height: 100%; width: 100%; border: 0.8em solid #bdc3c7; border-radius: 50%; } [data-item-add], [data-item-edit], [data-item-delete] { cursor: pointer; } [data-item-move] { cursor: move; } .dropdown-menu > li { white-space: nowrap; padding: 3px 5px 3px 20px; } .dropdown-menu .divider { height: 1px; margin: 9px 0; padding: 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: inline-block; padding: 0 15px 0 0; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #262626; text-decoration: none; background-color: transparent; } .dropdown-menu > li:hover, .dropdown-menu > li:focus { background-color: #f5f5f5; } .menu-editor-padding { padding-right: 30px; } [data-item-add] > svg { color: #00e676; } [data-item-edit] > svg { color: #03a9f4; display: inline-block; position: absolute; right: 23px; margin-top: 3px; } [data-item-delete] > svg { color: #E71D36; display: inline-block; position: absolute; right: 5px; margin-top: 3px; } .dropdown-menu .divider { border: 0; background-color: transparent; margin: 0; padding: 12px 0; } .dropdown-menu .divider > hr { margin: 0; } .dropdown-menu .divider > [data-item-move] > svg { display: inline-block; position: absolute; left: 20px; margin-top: -7px; } .dropdown-menu .divider > [data-item-delete] > svg { margin-top: -7px; } .field-label { margin: 7px 0 1px 5px; font-size: 1em; line-height: 1em; } .field-save { margin: 12px 0; } .image-upload.editing { border: 0; padding: 5px 10px; width: auto; height: 30px; position: absolute; left: 0; top: 0; z-index: 100; font-size: 0.9em; color: #333; } .albums > a { display: inline-block; position: relative; text-align: center; height: 180px; width: 250px; float: left; margin: 4px; } .albums > a > .tint { background: rgba(0, 0, 0, 0.4); height: 180px; width: 250px; position: absolute; } .albums > a > img { height: 180px; width: 250px; } .albums > a > .name { position: absolute; top: 40%; width: 100%; text-transform: uppercase; color: white; font-size: 1.6em; text-align: center; display: none; } .albums > a > figure { position: absolute; top: 40%; width: 100%; text-transform: uppercase; color: white; text-align: center; font-size: 1.6em; } .albums > a:hover .name { display: block; } .albums > a:hover figure { display: none; } .gallery { display: grid; grid-gap: 5px; grid-auto-rows: 150px; grid-template-columns: repeat(auto-fill, minmax(220px, auto)); } .gallery > a { display: inline-block; } .gallery > a > figure { display: none; } .gallery .image { background-repeat: no-repeat; height: 100%; width: 100%; background-size: cover; } /* photoswipe theme */ /*.pswp__top-bar { /* & svg { /* color: white; /* } /* /* .pswp__button { background: none; /* } /*} /* /*.pswp__ui { /* & svg { /* color: white; /* pointer-events: none; /* } /*} /* /*.pswp__top-bar svg { /* pointer-events: none; /*} /* /*.pswp__button--arrow--left:before, /*.pswp__button--arrow--right:before { /* background: none; /* /*} /* /*.pswp__button.pswp__button--arrow--right { /* height: 75vh; /* top: 130px; /* width: 120px /*} /* /*.pswp__button.pswp__button--arrow--left { /* height: 75vh; /* top: 130px; /* width: 120px /*} /* /* photoswipe theme END */ .multiselect label { display: block; } .multiselect label:hover { background-color: blue; color: white; } .multiselect { height: 250px; width: 350px; overflow-x: auto; overflow-y: scroll; border: 1px solid #999; } .multiselect .depth-2 { margin-left: 1em; } .multiselect .depth-3 { margin-left: 2em; } .grayedout { color: #BBB !important; } /* new InlineEditor */ .inline-edit .activator { min-height: 20px; border-radius: 2px; padding: 1px 3px !important; display: flex; } .inline-edit .activator .fa-pencil { opacity: 0; color: #666; margin-top: 3px; margin-left: 0.5rem; font-size: 0.8rem; } .inline-edit .activator:hover { background-color: #eee; border-radius: 2px; color: #333; } .inline-edit .activator:hover > .fa-pencil { opacity: 1; } .editor { min-width: 40px; border: 2px solid #03a9f4 !important; background: #fff; border-radius: 2px; position: relative; display: inline-flex; z-index: 1; color: #333; } .editor .input-text { overflow: hidden; padding: 1px 3px; min-width: 55px; } .inline-edit-buttons { position: absolute; margin-top: 2px !important; right: 0; top: 100%; } .inline-edit-buttons > * { display: inline-block; min-width: 23px; min-height: 22px; background-color: #eee; border-radius: 2px; text-align: center; box-shadow: -1px 2px 1px rgba(0, 0, 0, 0.2); } .inline-edit-buttons > *:hover svg { color: white; } .inline-edit-buttons > div > svg { margin: 5px 5px 2px 5px; } .inline-edit-buttons > div:first-child:hover { background-color: #00e676; } .inline-edit-buttons > div:last-child:hover { background-color: #E71D36; } /* new InlineEditor END */ /* Context Menu */ #context-menu { border-radius: 2px; display: inline-block; min-width: 170px; position: absolute; z-index: 110001; border: 1px solid var(--borderSubtle); box-shadow: 0px 0px 5px var(--cardBgAccent); background: var(--cardBgBright); } #context-menu ul { padding-left: 0; margin-bottom: 0; } #context-menu ul li { padding: 4px 8px; list-style: none; } #context-menu ul li svg { color: #5082b9; } #context-menu ul li:hover, #context-menu ul li:hover svg { color: #FFF; background: #5082b9; cursor: pointer; } /* Context Menu end */ .ct-widget.ct-dialog.ct-settings-dialog, .ct-widget.ct-dialog.ct-general-dialog.ct-widget--active, .ct-widget.ct-dialog.menu-editor { background: var(--cardBgBright); padding-bottom: 20px; } .ct-widget.ct-dialog.ct-settings-dialog .ct-dialog__body, .ct-widget.ct-dialog.ct-general-dialog.ct-widget--active .ct-dialog__body, .ct-widget.ct-dialog.menu-editor .ct-dialog__body { margin-top: 3em; width: 100%; padding: 0px 30px; } .ct-widget.ct-dialog.ct-settings-dialog .ct-dialog__body .menu-container, .ct-widget.ct-dialog.ct-general-dialog.ct-widget--active .ct-dialog__body .menu-container, .ct-widget.ct-dialog.menu-editor .ct-dialog__body .menu-container { margin-bottom: 3em; } .ct-widget.ct-dialog.ct-settings-dialog .ct-dialog__header, .ct-widget.ct-dialog.ct-general-dialog.ct-widget--active .ct-dialog__header, .ct-widget.ct-dialog.menu-editor .ct-dialog__header { border-bottom: 2px solid #888888; padding: 0 30px; } .ct-widget.ct-dialog.ct-settings-dialog .ct-dialog__close, .ct-widget.ct-dialog.ct-general-dialog.ct-widget--active .ct-dialog__close, .ct-widget.ct-dialog.menu-editor .ct-dialog__close { border: none; } .ct-widget.ct-dialog.ct-settings-dialog .field-label, .ct-widget.ct-dialog.ct-general-dialog.ct-widget--active .field-label, .ct-widget.ct-dialog.menu-editor .field-label { color: #f3f3f3; } .ct-widget.ct-dialog.ct-settings-dialog .field-input, .ct-widget.ct-dialog.ct-general-dialog.ct-widget--active .field-input, .ct-widget.ct-dialog.menu-editor .field-input { border: 0; padding: 8px 5px; border-bottom: 1px solid transparent; } /* MenuEditor END */ /* PageSettings */ .ct-widget.ct-dialog.ct-settings-dialog h3 { color: white; } .ct-widget.ct-dialog.ct-settings-dialog p { color: #a2a2a2; } .ct-widget.ct-dialog.ct-settings-dialog button.field-save { margin: 10px 0; } /* PageSettings END */ .cms-img, [data-editable] img { background-position: 0 0; background-size: cover; max-width: 100%; display: block; margin-left: auto; margin-right: auto; } .cms-video, [data-editable] iframe { display: block; margin-left: auto; margin-right: auto; } .align-left { clear: none; float: left; display: inline-block; margin-right: 0.6em !important; } .align-right { clear: none; float: right; display: inline-block; margin-left: 0.6em !important; } .ce-element--type-image, .ce-element--type-video { background-repeat: no-repeat; position: relative; cursor: pointer; z-index: 1; } .float-right { float: right; } /* Toolbar is used by Finder and LayoutEditor */ .toolbar { overflow-y: auto; flex: 0 0 230px; color: var(--textBright); background-color: var(--backdrop); border: 1px solid #383838; } .toolbar .tool { margin-bottom: 2px; } .toolbar .tool.disabled { display: none; } .toolbar .tool-header { display: flex; justify-content: flex-start; align-items: center; padding-bottom: 5px; padding-top: 5px; cursor: pointer; background-color: var(--cardBgMain); border: 1px solid #383838; border-bottom: 0; font-weight: bold; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .toolbar .tool-header > .tool-label { margin-left: 7px; } .toolbar .tool-header > .toggle { margin-left: 7px; } .toolbar .tool-header:hover { background-color: #444444; cursor: pointer; } .toolbar .tool-header:active { background-color: #383838; cursor: pointer; } .toolbar .tool-content { /* Some tool-content rules are in .ct-finder */ padding: 6px; color: var(--textBright); background-color: var(--cardBgBright); border: 1px solid #383838; } .toolbar .tool-content em.small { color: #a2a2a2; } .toolbar .tool-content .wide-button { padding: 0px 8px; border: 1px solid #383838; border-bottom: 0; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .toolbar .tool-content .wide-button:last-of-type, .toolbar .tool-content .wide-button.separate { border-bottom: 1px solid #383838; } .toolbar .tool-content .wide-button.separate { margin-bottom: 2px; } .toolbar .tool-content .wide-button .le-icon, .toolbar .tool-content .wide-button .le-label { display: inline-block; vertical-align: middle; } .toolbar .tool-content .wide-button .le-icon { margin-right: 4px; margin-top: 1px; width: 32px; font-size: 1.8em; text-align: center; } .toolbar .tool-content .wide-button:hover { background-color: #444444; cursor: grab; } .toolbar .tool-content .wide-button:active { background-color: #383838; cursor: grabbing; } .toolbar .tool-content button, .toolbar .tool-content textarea, .toolbar .tool-content input, .toolbar .tool-content input[type=button], .toolbar .tool-content input[type=submit], .toolbar .tool-content select { color: #dddddd; background: #535353; border: 1px solid #383838; padding: 2px 10px; } .toolbar .tool-content button:hover, .toolbar .tool-content textarea:hover, .toolbar .tool-content input:hover, .toolbar .tool-content input[type=button]:hover, .toolbar .tool-content input[type=submit]:hover, .toolbar .tool-content select:hover { background: #444444; } .toolbar .tool-content button:active, .toolbar .tool-content textarea:active, .toolbar .tool-content input:active, .toolbar .tool-content input[type=button]:active, .toolbar .tool-content input[type=submit]:active, .toolbar .tool-content select:active, .toolbar .tool-content button:focus, .toolbar .tool-content textarea:focus, .toolbar .tool-content input:focus, .toolbar .tool-content input[type=button]:focus, .toolbar .tool-content input[type=submit]:focus, .toolbar .tool-content select:focus { background: #383838; } .toolbar .tool-content button:disabled, .toolbar .tool-content textarea:disabled, .toolbar .tool-content input:disabled, .toolbar .tool-content input[type=button]:disabled, .toolbar .tool-content input[type=submit]:disabled, .toolbar .tool-content select:disabled { color: #7e7e7e; } .toolbar .tool-content input { margin: 0.5em; } .toolbar .tool-content.collapsed { display: none; } .tool-button { color: #dddddd; background: #535353; border: 1px solid #383838; padding: 2px 10px; } .tool-button:hover { background: #444444; } .tool-button:active, .tool-button:focus { background: #383838; } .tool-button:disabled { color: #7e7e7e; } .teardrop { display: none; position: fixed; color: #03a9f4; font-size: 1.6em; transform-origin: 50% 100%; } .CodeMirror.cm-s-default { border: 1px solid #ddd; } .img-editor-wrap.dropzone { position: relative; min-height: 15rem; } .img-editor-wrap.dropzone .img-editor-overlay { display: flex; position: absolute; width: 100%; height: 100%; } .img-editor-wrap.dropzone .upload { display: block; align-self: flex-start; } .img-editor-wrap.dropzone .drop-border { display: none; } .img-editor-wrap.dropzone .upload-progress { border: 3px dashed white; flex: none; flex-shrink: 1; width: 90%; height: 90%; display: none; justify-content: center; align-items: center; color: white; text-align: center; } .img-editor-wrap.dropzone .upload-progress svg { font-size: 3em; margin: 0 0.3em 0.2em 0; } .img-editor-wrap.dropzone .upload-progress .uploading { width: 80%; } .img-editor-wrap.dropzone .upload-progress .uploading .progress-bg { height: 1em; width: 100%; margin: 6px 0 2px; border-radius: 0.4em; background: rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7); } .img-editor-wrap.dropzone .upload-progress .uploading .progress-bg .bar { width: 0; height: 100%; border-radius: 0.4em; box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.1); background: #03a9f4; background: -moz-linear-gradient(top, #47c4fd 0%, #03a9f4 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #47c4fd), color-stop(100%, #03a9f4)); background: -webkit-linear-gradient(top, #47c4fd 0%, #03a9f4 100%); background: -o-linear-gradient(top, #47c4fd 0%, #03a9f4 100%); background: -ms-linear-gradient(top, #47c4fd 0%, #03a9f4 100%); background: linear-gradient(to bottom, #47c4fd 0%, #03a9f4 100%); } .img-editor-wrap.dropzone .upload-progress .uploading .percentage { font-size: 1.2em; } .img-editor-wrap.dropzone .upload-progress .processing { display: none; } .img-editor-wrap.uploading .img-editor-overlay { align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.75); } .img-editor-wrap.uploading .upload { display: none; } .img-editor-wrap.uploading .upload-progress { display: flex; } body.drag-active .img-editor-wrap.dropzone:not(.uploading) .img-editor-overlay { align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.75); } body.drag-active .img-editor-wrap.dropzone:not(.uploading) .upload { display: none; } body.drag-active .img-editor-wrap.dropzone:not(.uploading) .drop-msg.valid { display: block; } body.drag-active .img-editor-wrap.dropzone:not(.uploading) .drop-msg.invalid { display: none; } body.drag-active .img-editor-wrap.dropzone:not(.uploading) .drop-border { border: 3px dashed #ddd; flex: none; flex-shrink: 1; width: 90%; height: 90%; display: flex; justify-content: center; align-items: center; } body.drag-active .img-editor-wrap.dropzone:not(.uploading) .drop-border .drop-msg { text-align: center; } body.drag-active .img-editor-wrap.dropzone:not(.uploading) .drop-border .drop-msg.valid { color: #ddd; } body.drag-active .img-editor-wrap.dropzone:not(.uploading) .drop-border .drop-msg.invalid { color: #777; } body.drag-active .img-editor-wrap.dropzone:not(.uploading) .drop-border .drop-msg svg { font-size: 3em; margin: 0 0.3em 0.2em 0; } body.drag-active .img-editor-wrap.dropzone:not(.uploading).drag-hover .drop-border { border-color: #fff; } body.drag-active .img-editor-wrap.dropzone:not(.uploading).drag-hover .drop-border .drop-msg.valid { color: #fff; } body.drag-active .img-editor-wrap.dropzone:not(.uploading).drag-hover .drop-border .drop-msg.invalid { color: #a77; } body.drag-active:not(.img-drag) .img-editor-wrap.dropzone .drop-msg.valid { display: none; } body.drag-active:not(.img-drag) .img-editor-wrap.dropzone .drop-msg.invalid { display: block; } button, button.upload, button.field-save { background: #5b5e63; color: #dddddd; padding: 4px 11px; border: 2px solid #383838; font-size: 1.5rem; line-height: 26px; z-index: 1; position: relative; margin: 0; } button svg, button.upload svg, button.field-save svg { color: #28f2c0; margin-right: 6px; font-size: 2.1rem; position: relative; top: 1px; } button:hover, button.upload:hover, button.field-save:hover, button:focus, button.upload:focus, button.field-save:focus { color: #f3f3f3; border-color: #383838; } button:active, button.upload:active, button.field-save:active { color: #f3f3f3; background: #383838; } button { margin: 0px 15px 10px 0px; border-radius: 2px; } button[disabled] { background: #7e7e7e; color: #a2a2a2; border-color: transparent; } .dialog-dim.dialog-active { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #00000082; } .dialog.dialog-general { position: fixed; top: 10%; right: 0; left: 0; box-shadow: 0 8px 8px rgba(0, 0, 0, 0.35); border-radius: 2px; z-index: 1090; background: var(--cardBgMain); min-width: 420px; max-width: 1000px; min-height: 470px; margin: 0 auto; } .dialog.dialog-general .dialog-header { padding: 2rem 6rem 0.3rem 6rem; font-size: 3rem; display: flex; border-bottom: 2px solid #a2a2a2; background: var(--cardBgAccent); } .dialog.dialog-general .dialog-caption { text-transform: uppercase; font-weight: bold; letter-spacing: 1px; font-size: 2rem; margin-block-end: 1rem; } .dialog.dialog-general .dialog-close { position: relative; height: 40px; width: 40px; top: 15px; cursor: pointer; margin-left: auto; } .dialog.dialog-general .dialog-close::before, .dialog.dialog-general .dialog-close::after { position: absolute; content: ''; width: 80%; height: 4px; /* cross thickness */ background-color: var(--textSubtle); right: 0; } .dialog.dialog-general .dialog-close:hover::before, .dialog.dialog-general .dialog-close:hover::after { background-color: var(--textBright); } .dialog.dialog-general .dialog-close::before { transform: rotate(45deg); } .dialog.dialog-general .dialog-close::after { transform: rotate(-45deg); } .dialog.dialog-general .dialog-body { padding: 2.5rem 6rem; } .dialog.dialog-general .add-new-container { position: relative; bottom: 0; margin-block-end: var(--globalSpacing); } .dialog.dialog-general .add-new-container button { margin-inline-end: 1rem; } /* MenuEditor */ .add-new-container { margin-block-end: 1rem; } .menu-container { max-height: 27em; overflow: hidden auto; /* MenuEditor checbox */ /* On mouse-over, add a background color */ /* On mouse-over of checked, add a background color */ /* When the checkbox is checked, add a active background color */ /* checkmark/indicator */ /* MenuEditor checbox END */ } .menu-container .item-dragging-shadow { border: 3px dashed var(--primary); } .menu-container .menu { margin-bottom: 2px; } .menu-container .menu .inner { background: var(--inputBg); color: var(--textSubtle); padding: 10px; font-size: 1rem; } .menu-container .menu .inner:hover { background: var(--cardBgBright); color: var(--primary); } .menu-container .menu .inner .fa-circle.fa-xs { font-size: 0.4em; } .menu-container .menu .inner .grab { margin: 0 0.6em 0 0.24em; cursor: move; } .menu-container .menu .inner .icon > .fa-chevron-down, .menu-container .menu .inner .icon > .fa-chevron-right { cursor: pointer; } .menu-container .menu .inner .cbox { margin: 0 0.3em 0 0.1em; } .menu-container .menu .inner > div { display: inline-block; margin-right: 0.4em; } .menu-container .menu .inner .name { max-width: 45%; vertical-align: bottom; } .menu-container .menu .inner .inline-edit .editor .input-text { height: 20px; white-space: nowrap; } .menu-container .menu .inner .inline-edit .activator div { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } .menu-container .menu .inner .actions { float: right; margin: -0.31em 0 0 0.7em; } .menu-container .menu .inner .actions div { display: inline-block; width: 2em; text-align: center; padding: 5px; margin-top: 1px; font-size: 1rem; } .menu-container .menu .inner .actions div:hover .fa-eye, .menu-container .menu .inner .actions div:hover .fa-eye-slash { cursor: pointer; color: #8b4dff; } .menu-container .menu .inner .actions div:hover .fa-edit { cursor: pointer; color: #009a4f; } .menu-container .menu .inner .actions div:hover .fa-trash { cursor: pointer; color: #E71D36; } .menu-container .menu .children { padding-left: 22px; /*border: 2px solid #777;*/ } .menu-container .menu .children.hidden { display: none; } .menu-container .fa-chevron-right { margin: 0 2px; } .menu-container .checkmark { position: initial; display: inline-block; vertical-align: bottom; height: 20px; width: 20px; background-color: transparent; border: 1px solid white; } .menu-container .cbox:hover input ~ .checkmark { background-color: var(--primary); } .menu-container .cbox:hover input:checked ~ .checkmark { background-color: var(--primary); } .menu-container .cbox input:checked ~ .checkmark { background-color: transparent; } .menu-container .cbox .checkmark:after { border-color: var(--primary); top: 1px; left: 7px; width: 4px; } .menu-container .cbox:hover .checkmark:after { border-color: var(--textOnPrimary); } footer { background-color: #fff; } .svg-inline--fa.fa-edit.fa-w-18 { position: relative; top: -1px; left: 1px; } /* Some backend stuff on orders */ .flex-row { display: flex; justify-content: space-between; align-items: flex-start; margin-left: -1.5em; margin-right: -1.5em; } .flex-row .col { flex: 1; margin-left: 1.5em; margin-right: 1.5em; } div.inline .col { display: inline-block; padding-right: 3em; } .auto-number tr:not(.footer) { counter-increment: rowNumber; } .auto-number tr:not(.footer) td:first-child::before { content: counter(rowNumber); min-width: 1em; margin-right: 0.5em; } .order-form .input-group { position: unset; display: flex; border-collapse: unset; } .order-form .input-group-addon { padding: 9px 10px; } .order-form .input-group-addon, .order-form .input-group-btn { width: unset; white-space: nowrap; vertical-align: unset; } .order-form tr.footer { text-align: right; font-weight: bold; } .order-form .form-control.order-row-name { width: 30em; } .order-form .form-control.order-row-vat, .order-form .form-control.order-row-discount, .order-form .form-control.order-row-unit { width: 3.5em; } .order-form .form-control.order-row-amount, .order-form .form-control.order-row-price, .order-form .form-control.order-row-total { width: 5em; } .order-form .form-control.order-row-price, .order-form .form-control.order-row-total { text-align: right; } .order-index .action-column { width: 17em; } .order-index .fa-file-pdf { color: #c30809; } .order-index .fa-edit { color: #3c763d; } .order-index .fa-trash { color: #a94442; } .order-index a.larger { font-size: 1.5em; line-height: 1em; margin-right: 0.3em; width: 1em; display: inline-block; text-align: center; } .order-index a.success { color: #3c763d; } .order-index a.danger { color: #a94442; } /* END Some backend stuff on orders */ .external-link-btn.active { color: #03a9f4; } .mce-content-body[contenteditable="true"] { min-width: 8em; min-height: 1em; background-color: rgba(128, 128, 128, 0.2); border: 1px solid rgba(255, 255, 255, 0.15); } .mce-content-body[contenteditable="true"] { min-width: 8em; min-height: 1em; background-color: rgba(128, 128, 128, 0.08); border: 1px solid rgba(0, 0, 0, 0.15); } .autocomplete { /*the container must be positioned relative:*/ position: relative; display: inline-block; } .autocomplete-items { position: absolute; border: 1px solid #d4d4d4; border-bottom: none; border-top: none; z-index: 99; /*position the autocomplete items to be the same width as the container:*/ top: 100%; left: 0; right: 0; } .autocomplete-items div { padding: 10px; cursor: pointer; background-color: #fff; border-bottom: 1px solid #d4d4d4; } .autocomplete-items div:hover { /*when hovering an item:*/ background-color: #e9e9e9; } .autocomplete-active { /*when navigating through the items using the arrow keys:*/ background-color: DodgerBlue !important; color: #ffffff; } .linked-product.enabled { position: absolute; margin-top: -2.9rem; margin-left: 0.7rem; background: white; border: 1px solid #AAA; padding: 0.1rem 0.6rem; border-radius: 0.3rem; max-width: 40.6rem; max-height: 2.9rem; overflow: hidden; } .linked-product.enabled:hover { max-height: unset; overflow: unset; } .linked-product.enabled > span { padding-left: 0.4rem; font-weight: bold; cursor: pointer; color: #a94442; } .yiiback { background: white; color: black; } .em { background: lightgray; color: black; padding: 1px 3px; font-family: monospace; } /* THIS FILE IS AUTOMATICALLY GENERATED, DO NOT MODIFY */ .main-content { padding: 0 20px; } .col.main-sidebar { min-width: 240px; max-width: 286px; flex-grow: 0; align-content: start; }