header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px} body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both} @media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%} /* @group Confirm */ .widget-submit { position: relative;} .sw-modal { top: auto!important; right: auto!important; display: block; left: 0; /* width: 0; height: 0; */ bottom: 0; opacity: 0; color: #333; z-index: -1; max-width: 0; max-height: 0; position: fixed; overflow: hidden; background: #fff; border-radius: 3px; border: 1px solid #eee; padding: 20px 70px 20px 20px; font-family: arial, helvetica; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.62); transition: opacity .3s, top .3s, bottom .3s, max-width .3s, max-height .3s, margin .3s, transform .3s ease-out;} .sw-modal.default { top: -100%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .sw-modal.default.open { top: 50%; opacity: 1;} .sw-modal.open { opacity: 1; z-index: 999999; max-width: 800px; max-height: 400px; transition: opacity .6s, top .6s, bottom .6s, max-width .6s, max-height .6s, margin .6s, transform .6s ease-out; /* -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);*/} .sw-modal .sw-modal-close { top: 31px; width: 20px; right: 20px; height: 20px; line-height: 1; text-align: center; position: absolute;} .sw-modal .sw-modal-close:before {color: #333;content: "×";cursor: pointer;font-size: 20px;} .sw-modal h2 {margin-bottom: 1rem;} .sw-modal.sw_drag_over {background-color: #eee;} .sw-modal.sw_drag_over .sw-modal-abort{opacity: 0;} .sw-modal-abort {opacity: 1; -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -ms-transition: opacity .2s; -o-transition: opacity .2s; transition: opacity .2s;} .sw-modal-buttons { margin-top: 20px;} .sw-modal-buttons > * { color: #eee; cursor: pointer; background: #333; padding: 5px 20px; margin-right: 20px; border-radius: 4px; vertical-align: top; display: inline-block;} .sw-modal .ui-input { margin-top: 3rem;} .sw-modal .ui-input + .ui-input{ margin-top: 2rem;} .sw-modal .ui-input label { line-height: 1.6; margin-bottom: .5rem;} .sw-modal .ui-input input { width: 100%; height: 3rem; padding: 0 1rem; border-radius: 2px; border: 1px solid #333;} .sw-modal p{ color: #6B6B6B!important;} /* @end Confirm */ @media all and (max-width: 767px) { .sw-modal.open { left: 4% !important; max-width: 92%; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .sw-modal-button { width: 100%; margin-bottom: 5px; } .sw-modal-header { overflow: auto; max-height: 57vh; } } #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} .content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666} /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {margin: 0;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display: block;} audio,canvas,progress,video {display: inline-block;vertical-align: baseline;} audio:not([controls]) {display: none;height: 0;} [hidden],template {display: none;} a {background-color: transparent;} a:active,a:hover {outline: 0;} abbr[title] {border-bottom: 1px dotted;} b,strong {font-weight: bold;} dfn {font-style: italic;} h1 {font-size: 2em;margin: 0.67em 0;} mark {background: #ff0;color: #000;} small {font-size: 80%;} sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;} sup {top: -0.5em;} sub {bottom: -0.25em;} img {border: 0;} svg:not(:root) {overflow: hidden;} hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 1px;} pre {overflow: auto;} code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;} button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;} button {overflow: visible;} button,select {text-transform: none;} button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;} button[disabled],html input[disabled] {cursor: default;} button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;} input {line-height: normal;} input[type="checkbox"],input[type="radio"] {box-sizing: border-box;padding: 0;} input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;} input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;} legend {border: 0;padding: 0;} textarea {overflow: auto;} optgroup {font-weight: bold;} table {border-collapse: collapse;border-spacing: 0;} td,th {padding: 0;} @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .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.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -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 { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -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 { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 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(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 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: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { 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: translate3d(0, 0, 0); transform: translate3d(0, 0, 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-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 { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { 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 { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { 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 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -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 { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -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 { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -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 { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -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); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { 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 { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 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: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 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-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { 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 { from { 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 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 { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* Additional classes originally written by Jack McCourt / jackonthe.net */ .slow{ -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slower{ -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .slowest{ -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /* Added by Andy Meetan */ .delay-250 { -webkit-animation-delay:0.25s; -moz-animation-delay:0.25s; -o-animation-delay:0.25s; animation-delay:0.25s; } .delay-500 { -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -o-animation-delay:0.5s; animation-delay:0.5s; } .delay-750 { -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; -o-animation-delay:0.75s; animation-delay:0.75s; } .delay-1000 { -webkit-animation-delay:1.0s; -moz-animation-delay:1.0s; -o-animation-delay:1.0s; animation-delay:1.0s; } .delay-1250 { -webkit-animation-delay:1.25s; -moz-animation-delay:1.25s; -o-animation-delay:1.25s; animation-delay:1.25s; } .delay-1500 { -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; -o-animation-delay:1.5s; animation-delay:1.5s; } .delay-1750 { -webkit-animation-delay:1.75s; -moz-animation-delay:1.75s; -o-animation-delay:1.75s; animation-delay:1.75s; } .delay-2000 { -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; animation-delay:2.0s; } .delay-2500 { -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; -o-animation-delay:2.5s; animation-delay:2.5s; } .delay-2000 { -webkit-animation-delay:2.0s; -moz-animation-delay:2.0s; -o-animation-delay:2.0s; animation-delay:2.0s; } .delay-2500 { -webkit-animation-delay:2.5s; -moz-animation-delay:2.5s; -o-animation-delay:2.5s; animation-delay:2.5s; } .delay-3000 { -webkit-animation-delay:3.0s; -moz-animation-delay:3.0s; -o-animation-delay:3.0s; animation-delay:3.0s; } .delay-3500 { -webkit-animation-delay:3.5s; -moz-animation-delay:3.5s; -o-animation-delay:3.5s; animation-delay:3.5s; } /* Additional classes originally written by Jack McCourt / jackonthe.net */ .slow,.slower{-webkit-animation-fill-mode:both}.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:both}.slower{-webkit-animation-duration:2s;animation-duration:2s;animation-fill-mode:both}.slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.delay-250{-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.delay-500{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.delay-750{-webkit-animation-delay:.75s;-moz-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.75s}.delay-1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.delay-1250{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s}.delay-1500{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s}.delay-2000{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-3000{-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.delay-3500{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s} @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .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.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-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-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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:none;transform:none}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:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}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:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}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:none;transform:none}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 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-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:none;transform:none}}@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:none;transform:none}}.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:none;transform:none}}@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:none;transform:none}}.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:none;transform:none}}@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:none;transform:none}}.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-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:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.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:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.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:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.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:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.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:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.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:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.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:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.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:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.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) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-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);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}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);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}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);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}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);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}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-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-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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.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%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{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%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{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%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{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%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{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%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}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%{transform-origin:top left}0%,20%,60%{-webkit-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);transform-origin:top left}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-name:hinge;animation-name:hinge}@-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:none;transform:none}}@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:none;transform:none}}.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%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,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} /* Additional classes originally written by Jack McCourt / jackonthe.net */ .slow,.slower{-webkit-animation-fill-mode:both}.slow{-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-fill-mode:both}.slower{-webkit-animation-duration:2s;animation-duration:2s;animation-fill-mode:both}.slowest{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.delay-250{-webkit-animation-delay:.25s;-moz-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.25s}.delay-500{-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}.delay-750{-webkit-animation-delay:.75s;-moz-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.75s}.delay-1000{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}.delay-1250{-webkit-animation-delay:1.25s;-moz-animation-delay:1.25s;-o-animation-delay:1.25s;animation-delay:1.25s}.delay-1500{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}.delay-1750{-webkit-animation-delay:1.75s;-moz-animation-delay:1.75s;-o-animation-delay:1.75s;animation-delay:1.75s}.delay-2000{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}.delay-2500{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}.delay-3000{-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}.delay-3500{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s} @font-face { font-family: 'icons'; src: url('../../files/hmgmbh/fonts/icons/font/icons.eot?81804324'); src: url('../../files/hmgmbh/fonts/icons/font/icons.eot?81804324#iefix') format('embedded-opentype'), url('../../files/hmgmbh/fonts/icons/font/icons.woff2?81804324') format('woff2'), url('../../files/hmgmbh/fonts/icons/font/icons.woff?81804324') format('woff'), url('../../files/hmgmbh/fonts/icons/font/icons.ttf?81804324') format('truetype'), url('../../files/hmgmbh/fonts/icons/font/icons.svg?81804324#icons') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'icons'; src: url('../../files/hmgmbh/fonts/icons/font/icons.svg?81804324#icons') format('svg'); } } */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-glass:before { content: '\e800'; } /* '' */ .icon-note:before { content: '\e801'; } /* '' */ .icon-note-beamed:before { content: '\e802'; } /* '' */ .icon-music-1:before { content: '\e803'; } /* '' */ .icon-music:before { content: '\e804'; } /* '' */ .icon-search:before { content: '\e805'; } /* '' */ .icon-mail:before { content: '\e806'; } /* '' */ .icon-heart:before { content: '\e807'; } /* '' */ .icon-heart-empty:before { content: '\e808'; } /* '' */ .icon-star:before { content: '\e809'; } /* '' */ .icon-star-empty:before { content: '\e80a'; } /* '' */ .icon-star-half:before { content: '\e80b'; } /* '' */ .icon-user:before { content: '\e80c'; } /* '' */ .icon-users:before { content: '\e80d'; } /* '' */ .icon-video:before { content: '\e80e'; } /* '' */ .icon-videocam:before { content: '\e80f'; } /* '' */ .icon-picture:before { content: '\e810'; } /* '' */ .icon-camera:before { content: '\e811'; } /* '' */ .icon-camera-alt:before { content: '\e812'; } /* '' */ .icon-search-1:before { content: '\e813'; } /* '' */ .icon-th-large:before { content: '\e814'; } /* '' */ .icon-th:before { content: '\e815'; } /* '' */ .icon-th-list:before { content: '\e816'; } /* '' */ .icon-ok:before { content: '\e817'; } /* '' */ .icon-ok-circled:before { content: '\e818'; } /* '' */ .icon-ok-circled2:before { content: '\e819'; } /* '' */ .icon-cancel:before { content: '\e81a'; } /* '' */ .icon-cancel-circled:before { content: '\e81b'; } /* '' */ .icon-cancel-circled2:before { content: '\e81c'; } /* '' */ .icon-plus:before { content: '\e81d'; } /* '' */ .icon-plus-circled:before { content: '\e81e'; } /* '' */ .icon-minus:before { content: '\e81f'; } /* '' */ .icon-minus-circled:before { content: '\e820'; } /* '' */ .icon-help-circled:before { content: '\e821'; } /* '' */ .icon-info-circled:before { content: '\e822'; } /* '' */ .icon-home:before { content: '\e823'; } /* '' */ .icon-link:before { content: '\e824'; } /* '' */ .icon-attach:before { content: '\e825'; } /* '' */ .icon-lock:before { content: '\e826'; } /* '' */ .icon-lock-open:before { content: '\e827'; } /* '' */ .icon-pin:before { content: '\e828'; } /* '' */ .icon-eye:before { content: '\e829'; } /* '' */ .icon-eye-off:before { content: '\e82a'; } /* '' */ .icon-tag:before { content: '\e82b'; } /* '' */ .icon-tags:before { content: '\e82c'; } /* '' */ .icon-bookmark:before { content: '\e82d'; } /* '' */ .icon-flag:before { content: '\e82e'; } /* '' */ .icon-thumbs-up:before { content: '\e82f'; } /* '' */ .icon-thumbs-down:before { content: '\e830'; } /* '' */ .icon-flashlight:before { content: '\e831'; } /* '' */ .icon-mail-1:before { content: '\e832'; } /* '' */ .icon-download:before { content: '\e833'; } /* '' */ .icon-heart-1:before { content: '\e834'; } /* '' */ .icon-upload:before { content: '\e835'; } /* '' */ .icon-forward:before { content: '\e836'; } /* '' */ .icon-export:before { content: '\e837'; } /* '' */ .icon-heart-empty-1:before { content: '\e838'; } /* '' */ .icon-pencil:before { content: '\e839'; } /* '' */ .icon-edit:before { content: '\e83a'; } /* '' */ .icon-print:before { content: '\e83b'; } /* '' */ .icon-retweet:before { content: '\e83c'; } /* '' */ .icon-comment:before { content: '\e83d'; } /* '' */ .icon-chat:before { content: '\e83e'; } /* '' */ .icon-bell:before { content: '\e83f'; } /* '' */ .icon-attention:before { content: '\e840'; } /* '' */ .icon-attention-circled:before { content: '\e841'; } /* '' */ .icon-location:before { content: '\e842'; } /* '' */ .icon-trash-empty:before { content: '\e843'; } /* '' */ .icon-doc:before { content: '\e844'; } /* '' */ .icon-folder:before { content: '\e845'; } /* '' */ .icon-folder-open:before { content: '\e846'; } /* '' */ .icon-phone:before { content: '\e847'; } /* '' */ .icon-cog:before { content: '\e848'; } /* '' */ .icon-cog-alt:before { content: '\e849'; } /* '' */ .icon-wrench:before { content: '\e84a'; } /* '' */ .icon-basket:before { content: '\e84b'; } /* '' */ .icon-calendar:before { content: '\e84c'; } /* '' */ .icon-login:before { content: '\e84d'; } /* '' */ .icon-logout:before { content: '\e84e'; } /* '' */ .icon-volume-off:before { content: '\e84f'; } /* '' */ .icon-volume-down:before { content: '\e850'; } /* '' */ .icon-volume-up:before { content: '\e851'; } /* '' */ .icon-headphones:before { content: '\e852'; } /* '' */ .icon-clock:before { content: '\e853'; } /* '' */ .icon-block:before { content: '\e854'; } /* '' */ .icon-resize-full:before { content: '\e855'; } /* '' */ .icon-resize-small:before { content: '\e856'; } /* '' */ .icon-resize-vertical:before { content: '\e857'; } /* '' */ .icon-resize-horizontal:before { content: '\e858'; } /* '' */ .icon-zoom-in:before { content: '\e859'; } /* '' */ .icon-zoom-out:before { content: '\e85a'; } /* '' */ .icon-down-circled2:before { content: '\e85b'; } /* '' */ .icon-up-circled2:before { content: '\e85c'; } /* '' */ .icon-down-dir:before { content: '\e85d'; } /* '' */ .icon-up-dir:before { content: '\e85e'; } /* '' */ .icon-left-dir:before { content: '\e85f'; } /* '' */ .icon-right-dir:before { content: '\e860'; } /* '' */ .icon-down-open:before { content: '\e861'; } /* '' */ .icon-left-open:before { content: '\e862'; } /* '' */ .icon-right-open:before { content: '\e863'; } /* '' */ .icon-up-open:before { content: '\e864'; } /* '' */ .icon-down-big:before { content: '\e865'; } /* '' */ .icon-left-big:before { content: '\e866'; } /* '' */ .icon-right-big:before { content: '\e867'; } /* '' */ .icon-up-big:before { content: '\e868'; } /* '' */ .icon-right-hand:before { content: '\e869'; } /* '' */ .icon-left-hand:before { content: '\e86a'; } /* '' */ .icon-up-hand:before { content: '\e86b'; } /* '' */ .icon-down-hand:before { content: '\e86c'; } /* '' */ .icon-cw:before { content: '\e86d'; } /* '' */ .icon-ccw:before { content: '\e86e'; } /* '' */ .icon-arrows-cw:before { content: '\e86f'; } /* '' */ .icon-shuffle:before { content: '\e870'; } /* '' */ .icon-play:before { content: '\e871'; } /* '' */ .icon-play-circled2:before { content: '\e872'; } /* '' */ .icon-stop:before { content: '\e873'; } /* '' */ .icon-pause:before { content: '\e874'; } /* '' */ .icon-to-end:before { content: '\e875'; } /* '' */ .icon-to-end-alt:before { content: '\e876'; } /* '' */ .icon-to-start:before { content: '\e877'; } /* '' */ .icon-to-start-alt:before { content: '\e878'; } /* '' */ .icon-fast-fw:before { content: '\e879'; } /* '' */ .icon-fast-bw:before { content: '\e87a'; } /* '' */ .icon-eject:before { content: '\e87b'; } /* '' */ .icon-target:before { content: '\e87c'; } /* '' */ .icon-signal:before { content: '\e87d'; } /* '' */ .icon-award:before { content: '\e87e'; } /* '' */ .icon-inbox:before { content: '\e87f'; } /* '' */ .icon-globe:before { content: '\e880'; } /* '' */ .icon-cloud:before { content: '\e881'; } /* '' */ .icon-flash:before { content: '\e882'; } /* '' */ .icon-umbrella:before { content: '\e883'; } /* '' */ .icon-flight:before { content: '\e884'; } /* '' */ .icon-leaf:before { content: '\e885'; } /* '' */ .icon-scissors:before { content: '\e892'; } /* '' */ .icon-briefcase:before { content: '\e893'; } /* '' */ .icon-off:before { content: '\e894'; } /* '' */ .icon-road:before { content: '\e895'; } /* '' */ .icon-list-alt:before { content: '\e896'; } /* '' */ .icon-barcode:before { content: '\e898'; } /* '' */ .icon-book:before { content: '\e899'; } /* '' */ .icon-adjust:before { content: '\e89a'; } /* '' */ .icon-tint:before { content: '\e89b'; } /* '' */ .icon-check:before { content: '\e89c'; } /* '' */ .icon-asterisk:before { content: '\e89d'; } /* '' */ .icon-gift:before { content: '\e89e'; } /* '' */ .icon-fire:before { content: '\e89f'; } /* '' */ .icon-magnet:before { content: '\e8a0'; } /* '' */ .icon-chart-bar:before { content: '\e8a1'; } /* '' */ .icon-credit-card:before { content: '\e8a2'; } /* '' */ .icon-floppy:before { content: '\e8a3'; } /* '' */ .icon-megaphone:before { content: '\e8a4'; } /* '' */ .icon-key:before { content: '\e8a5'; } /* '' */ .icon-truck:before { content: '\e8a6'; } /* '' */ .icon-hammer:before { content: '\e8a7'; } /* '' */ .icon-lemon:before { content: '\e8a8'; } /* '' */ .icon-star-1:before { content: '\e8a9'; } /* '' */ .icon-star-empty-1:before { content: '\e8aa'; } /* '' */ .icon-user-1:before { content: '\e8ab'; } /* '' */ .icon-users-1:before { content: '\e8ac'; } /* '' */ .icon-user-add:before { content: '\e8ad'; } /* '' */ .icon-video-1:before { content: '\e8ae'; } /* '' */ .icon-picture-1:before { content: '\e8af'; } /* '' */ .icon-camera-1:before { content: '\e8b0'; } /* '' */ .icon-layout:before { content: '\e8b1'; } /* '' */ .icon-menu-1:before { content: '\e8b2'; } /* '' */ .icon-check-1:before { content: '\e8b3'; } /* '' */ .icon-cancel-circled-1:before { content: '\e8b4'; } /* '' */ .icon-cancel-squared:before { content: '\e8b5'; } /* '' */ .icon-plus-1:before { content: '\e8b6'; } /* '' */ .icon-plus-circled-1:before { content: '\e8b7'; } /* '' */ .icon-plus-squared-1:before { content: '\e8b8'; } /* '' */ .icon-minus-1:before { content: '\e8b9'; } /* '' */ .icon-minus-circled-1:before { content: '\e8ba'; } /* '' */ .icon-minus-squared-1:before { content: '\e8bb'; } /* '' */ .icon-help-1:before { content: '\e8bc'; } /* '' */ .icon-help-circled-1:before { content: '\e8bd'; } /* '' */ .icon-info-1:before { content: '\e8be'; } /* '' */ .icon-info-circled-1:before { content: '\e8bf'; } /* '' */ .icon-back:before { content: '\e8c0'; } /* '' */ .icon-home-1:before { content: '\e8c1'; } /* '' */ .icon-link-1:before { content: '\e8c2'; } /* '' */ .icon-attach-1:before { content: '\e8c3'; } /* '' */ .icon-lock-1:before { content: '\e8c4'; } /* '' */ .icon-lock-open-1:before { content: '\e8c5'; } /* '' */ .icon-eye-1:before { content: '\e8c6'; } /* '' */ .icon-bookmark-1:before { content: '\e8c7'; } /* '' */ .icon-bookmarks:before { content: '\e8c8'; } /* '' */ .icon-flag-1:before { content: '\e8c9'; } /* '' */ .icon-thumbs-up-1:before { content: '\e8ca'; } /* '' */ .icon-thumbs-down-1:before { content: '\e8cb'; } /* '' */ .icon-download-1:before { content: '\e8cc'; } /* '' */ .icon-upload-1:before { content: '\e8cd'; } /* '' */ .icon-upload-cloud-1:before { content: '\e8ce'; } /* '' */ .icon-reply-1:before { content: '\e8cf'; } /* '' */ .icon-reply-all-1:before { content: '\e8d0'; } /* '' */ .icon-forward-1:before { content: '\e8d1'; } /* '' */ .icon-quote:before { content: '\e8d2'; } /* '' */ .icon-code-1:before { content: '\e8d3'; } /* '' */ .icon-export-1:before { content: '\e8d4'; } /* '' */ .icon-pencil-1:before { content: '\e8d5'; } /* '' */ .icon-feather:before { content: '\e8d6'; } /* '' */ .icon-print-1:before { content: '\e8d7'; } /* '' */ .icon-retweet-1:before { content: '\e8d8'; } /* '' */ .icon-keyboard-1:before { content: '\e8d9'; } /* '' */ .icon-chat-1:before { content: '\e8da'; } /* '' */ .icon-bell-1:before { content: '\e8db'; } /* '' */ .icon-attention-1:before { content: '\e8dc'; } /* '' */ .icon-alert:before { content: '\e8dd'; } /* '' */ .icon-vcard:before { content: '\e8de'; } /* '' */ .icon-address:before { content: '\e8df'; } /* '' */ .icon-location-1:before { content: '\e8e0'; } /* '' */ .icon-map-1:before { content: '\e8e1'; } /* '' */ .icon-direction-1:before { content: '\e8e2'; } /* '' */ .icon-compass-1:before { content: '\e8e3'; } /* '' */ .icon-cup:before { content: '\e8e4'; } /* '' */ .icon-trash-1:before { content: '\e8e5'; } /* '' */ .icon-doc-1:before { content: '\e8e6'; } /* '' */ .icon-docs-1:before { content: '\e8e7'; } /* '' */ .icon-doc-landscape:before { content: '\e8e8'; } /* '' */ .icon-doc-text-1:before { content: '\e8e9'; } /* '' */ .icon-doc-text-inv-1:before { content: '\e8ea'; } /* '' */ .icon-newspaper-1:before { content: '\e8eb'; } /* '' */ .icon-book-open:before { content: '\e8ec'; } /* '' */ .icon-folder-1:before { content: '\e8ed'; } /* '' */ .icon-archive:before { content: '\e8ee'; } /* '' */ .icon-box-1:before { content: '\e8ef'; } /* '' */ .icon-rss-1:before { content: '\e8f0'; } /* '' */ .icon-phone-1:before { content: '\e8f1'; } /* '' */ .icon-cog-1:before { content: '\e8f2'; } /* '' */ .icon-tools:before { content: '\e8f3'; } /* '' */ .icon-share-1:before { content: '\e8f4'; } /* '' */ .icon-shareable:before { content: '\e8f5'; } /* '' */ .icon-basket-1:before { content: '\e8f6'; } /* '' */ .icon-bag:before { content: '\e8f7'; } /* '' */ .icon-calendar-1:before { content: '\e8f8'; } /* '' */ .icon-login-1:before { content: '\e8f9'; } /* '' */ .icon-logout-1:before { content: '\e8fa'; } /* '' */ .icon-mic-1:before { content: '\e8fb'; } /* '' */ .icon-mute-1:before { content: '\e8fc'; } /* '' */ .icon-sound:before { content: '\e8fd'; } /* '' */ .icon-volume:before { content: '\e8fe'; } /* '' */ .icon-clock-1:before { content: '\e8ff'; } /* '' */ .icon-lamp:before { content: '\e900'; } /* '' */ .icon-light-down:before { content: '\e901'; } /* '' */ .icon-light-up:before { content: '\e902'; } /* '' */ .icon-adjust-1:before { content: '\e903'; } /* '' */ .icon-block-1:before { content: '\e904'; } /* '' */ .icon-resize-full-1:before { content: '\e905'; } /* '' */ .icon-resize-small-1:before { content: '\e906'; } /* '' */ .icon-popup:before { content: '\e907'; } /* '' */ .icon-publish:before { content: '\e908'; } /* '' */ .icon-window:before { content: '\e909'; } /* '' */ .icon-arrow-combo:before { content: '\e90a'; } /* '' */ .icon-down-circled-1:before { content: '\e90b'; } /* '' */ .icon-left-circled-1:before { content: '\e90c'; } /* '' */ .icon-right-circled-1:before { content: '\e90d'; } /* '' */ .icon-up-circled-1:before { content: '\e90e'; } /* '' */ .icon-down-open-1:before { content: '\e90f'; } /* '' */ .icon-left-open-1:before { content: '\e910'; } /* '' */ .icon-right-open-1:before { content: '\e911'; } /* '' */ .icon-up-open-1:before { content: '\e912'; } /* '' */ .icon-left-open-mini:before { content: '\e913'; } /* '' */ .icon-right-open-mini:before { content: '\e914'; } /* '' */ .icon-up-open-mini:before { content: '\e915'; } /* '' */ .icon-down-open-big:before { content: '\e916'; } /* '' */ .icon-left-open-big:before { content: '\e917'; } /* '' */ .icon-right-open-big:before { content: '\e918'; } /* '' */ .icon-up-open-big:before { content: '\e919'; } /* '' */ .icon-down-1:before { content: '\e91a'; } /* '' */ .icon-left-1:before { content: '\e91b'; } /* '' */ .icon-right-1:before { content: '\e91c'; } /* '' */ .icon-up-1:before { content: '\e91d'; } /* '' */ .icon-down-dir-1:before { content: '\e91e'; } /* '' */ .icon-left-dir-1:before { content: '\e91f'; } /* '' */ .icon-right-dir-1:before { content: '\e920'; } /* '' */ .icon-up-dir-1:before { content: '\e921'; } /* '' */ .icon-down-bold:before { content: '\e922'; } /* '' */ .icon-left-bold:before { content: '\e923'; } /* '' */ .icon-right-bold:before { content: '\e924'; } /* '' */ .icon-up-bold:before { content: '\e925'; } /* '' */ .icon-left-thin:before { content: '\e926'; } /* '' */ .icon-right-thin:before { content: '\e927'; } /* '' */ .icon-up-thin:before { content: '\e928'; } /* '' */ .icon-ccw-1:before { content: '\e929'; } /* '' */ .icon-cw-1:before { content: '\e92a'; } /* '' */ .icon-arrows-ccw:before { content: '\e92b'; } /* '' */ .icon-level-down-1:before { content: '\e92c'; } /* '' */ .icon-level-up-1:before { content: '\e92d'; } /* '' */ .icon-shuffle-1:before { content: '\e92e'; } /* '' */ .icon-loop:before { content: '\e92f'; } /* '' */ .icon-switch:before { content: '\e930'; } /* '' */ .icon-play-1:before { content: '\e931'; } /* '' */ .icon-stop-1:before { content: '\e932'; } /* '' */ .icon-pause-1:before { content: '\e933'; } /* '' */ .icon-record:before { content: '\e934'; } /* '' */ .icon-to-end-1:before { content: '\e935'; } /* '' */ .icon-to-start-1:before { content: '\e936'; } /* '' */ .icon-fast-forward:before { content: '\e937'; } /* '' */ .icon-fast-backward:before { content: '\e938'; } /* '' */ .icon-progress-1:before { content: '\e939'; } /* '' */ .icon-progress-2:before { content: '\e93a'; } /* '' */ .icon-progress-3:before { content: '\e93b'; } /* '' */ .icon-target-1:before { content: '\e93c'; } /* '' */ .icon-palette:before { content: '\e93d'; } /* '' */ .icon-list-1:before { content: '\e93e'; } /* '' */ .icon-list-add:before { content: '\e93f'; } /* '' */ .icon-signal-1:before { content: '\e940'; } /* '' */ .icon-trophy:before { content: '\e941'; } /* '' */ .icon-battery:before { content: '\e942'; } /* '' */ .icon-back-in-time:before { content: '\e943'; } /* '' */ .icon-monitor:before { content: '\e944'; } /* '' */ .icon-mobile-1:before { content: '\e945'; } /* '' */ .icon-network:before { content: '\e946'; } /* '' */ .icon-cd:before { content: '\e947'; } /* '' */ .icon-inbox-1:before { content: '\e948'; } /* '' */ .icon-install:before { content: '\e949'; } /* '' */ .icon-globe-1:before { content: '\e94a'; } /* '' */ .icon-cloud-1:before { content: '\e94b'; } /* '' */ .icon-flash-1:before { content: '\e94c'; } /* '' */ .icon-moon-1:before { content: '\e94d'; } /* '' */ .icon-flight-1:before { content: '\e94e'; } /* '' */ .icon-paper-plane-1:before { content: '\e94f'; } /* '' */ .icon-leaf-1:before { content: '\e950'; } /* '' */ .icon-lifebuoy-1:before { content: '\e951'; } /* '' */ .icon-mouse:before { content: '\e952'; } /* '' */ .icon-briefcase-1:before { content: '\e953'; } /* '' */ .icon-suitcase-1:before { content: '\e954'; } /* '' */ .icon-dot:before { content: '\e955'; } /* '' */ .icon-dot-2:before { content: '\e956'; } /* '' */ .icon-dot-3:before { content: '\e957'; } /* '' */ .icon-brush-1:before { content: '\e958'; } /* '' */ .icon-magnet-1:before { content: '\e959'; } /* '' */ .icon-infinity:before { content: '\e95a'; } /* '' */ .icon-erase:before { content: '\e95b'; } /* '' */ .icon-chart-pie-1:before { content: '\e95c'; } /* '' */ .icon-chart-line-1:before { content: '\e95d'; } /* '' */ .icon-chart-bar-1:before { content: '\e95e'; } /* '' */ .icon-tape:before { content: '\e95f'; } /* '' */ .icon-graduation-cap-1:before { content: '\e960'; } /* '' */ .icon-language-1:before { content: '\e961'; } /* '' */ .icon-ticket-1:before { content: '\e962'; } /* '' */ .icon-water:before { content: '\e963'; } /* '' */ .icon-droplet:before { content: '\e964'; } /* '' */ .icon-air:before { content: '\e965'; } /* '' */ .icon-credit-card-1:before { content: '\e966'; } /* '' */ .icon-floppy-1:before { content: '\e967'; } /* '' */ .icon-clipboard:before { content: '\e968'; } /* '' */ .icon-megaphone-1:before { content: '\e969'; } /* '' */ .icon-database-1:before { content: '\e96a'; } /* '' */ .icon-drive:before { content: '\e96b'; } /* '' */ .icon-bucket:before { content: '\e96c'; } /* '' */ .icon-thermometer:before { content: '\e96d'; } /* '' */ .icon-key-1:before { content: '\e96e'; } /* '' */ .icon-flow-cascade:before { content: '\e96f'; } /* '' */ .icon-flow-branch:before { content: '\e970'; } /* '' */ .icon-flow-tree:before { content: '\e971'; } /* '' */ .icon-flow-parallel:before { content: '\e972'; } /* '' */ .icon-rocket-1:before { content: '\e973'; } /* '' */ .icon-gauge-1:before { content: '\e974'; } /* '' */ .icon-traffic-cone:before { content: '\e975'; } /* '' */ .icon-cc-1:before { content: '\e976'; } /* '' */ .icon-cc-by:before { content: '\e977'; } /* '' */ .icon-cc-nc:before { content: '\e978'; } /* '' */ .icon-cc-nc-eu:before { content: '\e979'; } /* '' */ .icon-cc-nc-jp:before { content: '\e97a'; } /* '' */ .icon-cc-sa:before { content: '\e97b'; } /* '' */ .icon-cc-nd:before { content: '\e97c'; } /* '' */ .icon-cc-pd:before { content: '\e97d'; } /* '' */ .icon-cc-zero:before { content: '\e97e'; } /* '' */ .icon-cc-share:before { content: '\e97f'; } /* '' */ .icon-cc-remix:before { content: '\e980'; } /* '' */ .icon-cancel-1:before { content: '\e984'; } /* '' */ .icon-tag-1:before { content: '\e985'; } /* '' */ .icon-comment-1:before { content: '\e986'; } /* '' */ .icon-book-1:before { content: '\e987'; } /* '' */ .icon-hourglass-4:before { content: '\e988'; } /* '' */ .icon-down-open-mini:before { content: '\e989'; } /* '' */ .icon-down-thin:before { content: '\e98a'; } /* '' */ .icon-progress-0:before { content: '\e98b'; } /* '' */ .icon-cloud-thunder:before { content: '\e98c'; } /* '' */ .icon-chart-area-1:before { content: '\e98d'; } /* '' */ .icon-flow-line:before { content: '\e98e'; } /* '' */ .icon-acrobat:before { content: '\eb20'; } /* '' */ .icon-move:before { content: '\f047'; } /* '' */ .icon-link-ext:before { content: '\f08e'; } /* '' */ .icon-check-empty:before { content: '\f096'; } /* '' */ .icon-bookmark-empty:before { content: '\f097'; } /* '' */ .icon-phone-squared:before { content: '\f098'; } /* '' */ .icon-twitter:before { content: '\f099'; } /* '' */ .icon-facebook:before { content: '\f09a'; } /* '' */ .icon-github-circled:before { content: '\f09b'; } /* '' */ .icon-rss:before { content: '\f09e'; } /* '' */ .icon-hdd:before { content: '\f0a0'; } /* '' */ .icon-certificate:before { content: '\f0a3'; } /* '' */ .icon-left-circled:before { content: '\f0a8'; } /* '' */ .icon-right-circled:before { content: '\f0a9'; } /* '' */ .icon-up-circled:before { content: '\f0aa'; } /* '' */ .icon-down-circled:before { content: '\f0ab'; } /* '' */ .icon-tasks:before { content: '\f0ae'; } /* '' */ .icon-filter:before { content: '\f0b0'; } /* '' */ .icon-resize-full-alt:before { content: '\f0b2'; } /* '' */ .icon-beaker:before { content: '\f0c3'; } /* '' */ .icon-docs:before { content: '\f0c5'; } /* '' */ .icon-blank:before { content: '\f0c8'; } /* '' */ .icon-menu:before { content: '\f0c9'; } /* '' */ .icon-table:before { content: '\f0ce'; } /* '' */ .icon-magic:before { content: '\f0d0'; } /* '' */ .icon-pinterest-circled:before { content: '\f0d2'; } /* '' */ .icon-pinterest-squared:before { content: '\f0d3'; } /* '' */ .icon-gplus-squared:before { content: '\f0d4'; } /* '' */ .icon-gplus:before { content: '\f0d5'; } /* '' */ .icon-money:before { content: '\f0d6'; } /* '' */ .icon-columns:before { content: '\f0db'; } /* '' */ .icon-sort:before { content: '\f0dc'; } /* '' */ .icon-sort-down:before { content: '\f0dd'; } /* '' */ .icon-sort-up:before { content: '\f0de'; } /* '' */ .icon-mail-alt:before { content: '\f0e0'; } /* '' */ .icon-linkedin:before { content: '\f0e1'; } /* '' */ .icon-gauge:before { content: '\f0e4'; } /* '' */ .icon-comment-empty:before { content: '\f0e5'; } /* '' */ .icon-chat-empty:before { content: '\f0e6'; } /* '' */ .icon-sitemap:before { content: '\f0e8'; } /* '' */ .icon-paste:before { content: '\f0ea'; } /* '' */ .icon-lightbulb:before { content: '\f0eb'; } /* '' */ .icon-exchange:before { content: '\f0ec'; } /* '' */ .icon-download-cloud:before { content: '\f0ed'; } /* '' */ .icon-upload-cloud:before { content: '\f0ee'; } /* '' */ .icon-user-md:before { content: '\f0f0'; } /* '' */ .icon-stethoscope:before { content: '\f0f1'; } /* '' */ .icon-suitcase:before { content: '\f0f2'; } /* '' */ .icon-bell-alt:before { content: '\f0f3'; } /* '' */ .icon-coffee:before { content: '\f0f4'; } /* '' */ .icon-food:before { content: '\f0f5'; } /* '' */ .icon-doc-text:before { content: '\f0f6'; } /* '' */ .icon-ambulance:before { content: '\f0f9'; } /* '' */ .icon-medkit:before { content: '\f0fa'; } /* '' */ .icon-fighter-jet:before { content: '\f0fb'; } /* '' */ .icon-beer:before { content: '\f0fc'; } /* '' */ .icon-h-sigh:before { content: '\f0fd'; } /* '' */ .icon-plus-squared:before { content: '\f0fe'; } /* '' */ .icon-angle-double-left:before { content: '\f100'; } /* '' */ .icon-angle-double-right:before { content: '\f101'; } /* '' */ .icon-angle-double-up:before { content: '\f102'; } /* '' */ .icon-angle-double-down:before { content: '\f103'; } /* '' */ .icon-angle-left:before { content: '\f104'; } /* '' */ .icon-angle-right:before { content: '\f105'; } /* '' */ .icon-angle-up:before { content: '\f106'; } /* '' */ .icon-angle-down:before { content: '\f107'; } /* '' */ .icon-desktop:before { content: '\f108'; } /* '' */ .icon-laptop:before { content: '\f109'; } /* '' */ .icon-tablet:before { content: '\f10a'; } /* '' */ .icon-mobile:before { content: '\f10b'; } /* '' */ .icon-circle-empty:before { content: '\f10c'; } /* '' */ .icon-quote-left:before { content: '\f10d'; } /* '' */ .icon-quote-right:before { content: '\f10e'; } /* '' */ .icon-circle:before { content: '\f111'; } /* '' */ .icon-reply:before { content: '\f112'; } /* '' */ .icon-github:before { content: '\f113'; } /* '' */ .icon-folder-empty:before { content: '\f114'; } /* '' */ .icon-folder-open-empty:before { content: '\f115'; } /* '' */ .icon-smile:before { content: '\f118'; } /* '' */ .icon-frown:before { content: '\f119'; } /* '' */ .icon-meh:before { content: '\f11a'; } /* '' */ .icon-flag-empty:before { content: '\f11d'; } /* '' */ .icon-code:before { content: '\f121'; } /* '' */ .icon-reply-all:before { content: '\f122'; } /* '' */ .icon-star-half-alt:before { content: '\f123'; } /* '' */ .icon-direction:before { content: '\f124'; } /* '' */ .icon-crop:before { content: '\f125'; } /* '' */ .icon-fork:before { content: '\f126'; } /* '' */ .icon-unlink:before { content: '\f127'; } /* '' */ .icon-help:before { content: '\f128'; } /* '' */ .icon-info:before { content: '\f129'; } /* '' */ .icon-attention-alt:before { content: '\f12a'; } /* '' */ .icon-eraser:before { content: '\f12d'; } /* '' */ .icon-puzzle:before { content: '\f12e'; } /* '' */ .icon-mic:before { content: '\f130'; } /* '' */ .icon-mute:before { content: '\f131'; } /* '' */ .icon-shield:before { content: '\f132'; } /* '' */ .icon-calendar-empty:before { content: '\f133'; } /* '' */ .icon-extinguisher:before { content: '\f134'; } /* '' */ .icon-rocket:before { content: '\f135'; } /* '' */ .icon-angle-circled-left:before { content: '\f137'; } /* '' */ .icon-angle-circled-right:before { content: '\f138'; } /* '' */ .icon-angle-circled-up:before { content: '\f139'; } /* '' */ .icon-angle-circled-down:before { content: '\f13a'; } /* '' */ .icon-html5:before { content: '\f13b'; } /* '' */ .icon-anchor:before { content: '\f13d'; } /* '' */ .icon-lock-open-alt:before { content: '\f13e'; } /* '' */ .icon-bullseye:before { content: '\f140'; } /* '' */ .icon-rss-squared:before { content: '\f143'; } /* '' */ .icon-play-circled:before { content: '\f144'; } /* '' */ .icon-ticket:before { content: '\f145'; } /* '' */ .icon-minus-squared:before { content: '\f146'; } /* '' */ .icon-minus-squared-alt:before { content: '\f147'; } /* '' */ .icon-level-up:before { content: '\f148'; } /* '' */ .icon-level-down:before { content: '\f149'; } /* '' */ .icon-ok-squared:before { content: '\f14a'; } /* '' */ .icon-pencil-squared:before { content: '\f14b'; } /* '' */ .icon-link-ext-alt:before { content: '\f14c'; } /* '' */ .icon-export-alt:before { content: '\f14d'; } /* '' */ .icon-compass:before { content: '\f14e'; } /* '' */ .icon-expand:before { content: '\f150'; } /* '' */ .icon-collapse:before { content: '\f151'; } /* '' */ .icon-expand-right:before { content: '\f152'; } /* '' */ .icon-euro:before { content: '\f153'; } /* '' */ .icon-pound:before { content: '\f154'; } /* '' */ .icon-dollar:before { content: '\f155'; } /* '' */ .icon-doc-inv:before { content: '\f15b'; } /* '' */ .icon-doc-text-inv:before { content: '\f15c'; } /* '' */ .icon-thumbs-up-alt:before { content: '\f164'; } /* '' */ .icon-thumbs-down-alt:before { content: '\f165'; } /* '' */ .icon-youtube-squared:before { content: '\f166'; } /* '' */ .icon-youtube:before { content: '\f167'; } /* '' */ .icon-youtube-play:before { content: '\f16a'; } /* '' */ .icon-dropbox:before { content: '\f16b'; } /* '' */ .icon-stackoverflow:before { content: '\f16c'; } /* '' */ .icon-instagram:before { content: '\f16d'; } /* '' */ .icon-flickr:before { content: '\f16e'; } /* '' */ .icon-bitbucket:before { content: '\f171'; } /* '' */ .icon-bitbucket-squared:before { content: '\f172'; } /* '' */ .icon-tumblr:before { content: '\f173'; } /* '' */ .icon-tumblr-squared:before { content: '\f174'; } /* '' */ .icon-down:before { content: '\f175'; } /* '' */ .icon-up:before { content: '\f176'; } /* '' */ .icon-left:before { content: '\f177'; } /* '' */ .icon-right:before { content: '\f178'; } /* '' */ .icon-apple:before { content: '\f179'; } /* '' */ .icon-windows:before { content: '\f17a'; } /* '' */ .icon-android:before { content: '\f17b'; } /* '' */ .icon-linux:before { content: '\f17c'; } /* '' */ .icon-dribbble:before { content: '\f17d'; } /* '' */ .icon-skype:before { content: '\f17e'; } /* '' */ .icon-trello:before { content: '\f181'; } /* '' */ .icon-female:before { content: '\f182'; } /* '' */ .icon-male:before { content: '\f183'; } /* '' */ .icon-sun:before { content: '\f185'; } /* '' */ .icon-moon:before { content: '\f186'; } /* '' */ .icon-box:before { content: '\f187'; } /* '' */ .icon-bug:before { content: '\f188'; } /* '' */ .icon-pagelines:before { content: '\f18c'; } /* '' */ .icon-stackexchange:before { content: '\f18d'; } /* '' */ .icon-right-circled2:before { content: '\f18e'; } /* '' */ .icon-left-circled2:before { content: '\f190'; } /* '' */ .icon-collapse-left:before { content: '\f191'; } /* '' */ .icon-dot-circled:before { content: '\f192'; } /* '' */ .icon-wheelchair:before { content: '\f193'; } /* '' */ .icon-vimeo-squared:before { content: '\f194'; } /* '' */ .icon-plus-squared-alt:before { content: '\f196'; } /* '' */ .icon-space-shuttle:before { content: '\f197'; } /* '' */ .icon-mail-squared:before { content: '\f199'; } /* '' */ .icon-graduation-cap:before { content: '\f19d'; } /* '' */ .icon-yahoo:before { content: '\f19e'; } /* '' */ .icon-google:before { content: '\f1a0'; } /* '' */ .icon-stumbleupon-circled:before { content: '\f1a3'; } /* '' */ .icon-stumbleupon:before { content: '\f1a4'; } /* '' */ .icon-delicious:before { content: '\f1a5'; } /* '' */ .icon-digg:before { content: '\f1a6'; } /* '' */ .icon-child:before { content: '\f1ae'; } /* '' */ .icon-paw:before { content: '\f1b0'; } /* '' */ .icon-spoon:before { content: '\f1b1'; } /* '' */ .icon-cube:before { content: '\f1b2'; } /* '' */ .icon-cubes:before { content: '\f1b3'; } /* '' */ .icon-behance:before { content: '\f1b4'; } /* '' */ .icon-behance-squared:before { content: '\f1b5'; } /* '' */ .icon-recycle:before { content: '\f1b8'; } /* '' */ .icon-cab:before { content: '\f1b9'; } /* '' */ .icon-taxi:before { content: '\f1ba'; } /* '' */ .icon-tree:before { content: '\f1bb'; } /* '' */ .icon-spotify:before { content: '\f1bc'; } /* '' */ .icon-soundcloud:before { content: '\f1be'; } /* '' */ .icon-database:before { content: '\f1c0'; } /* '' */ .icon-file-pdf:before { content: '\f1c1'; } /* '' */ .icon-file-word:before { content: '\f1c2'; } /* '' */ .icon-file-excel:before { content: '\f1c3'; } /* '' */ .icon-file-powerpoint:before { content: '\f1c4'; } /* '' */ .icon-file-image:before { content: '\f1c5'; } /* '' */ .icon-file-archive:before { content: '\f1c6'; } /* '' */ .icon-file-audio:before { content: '\f1c7'; } /* '' */ .icon-file-video:before { content: '\f1c8'; } /* '' */ .icon-file-code:before { content: '\f1c9'; } /* '' */ .icon-codeopen:before { content: '\f1cb'; } /* '' */ .icon-lifebuoy:before { content: '\f1cd'; } /* '' */ .icon-circle-notch:before { content: '\f1ce'; } /* '' */ .icon-git-squared:before { content: '\f1d2'; } /* '' */ .icon-git:before { content: '\f1d3'; } /* '' */ .icon-hacker-news:before { content: '\f1d4'; } /* '' */ .icon-qq:before { content: '\f1d6'; } /* '' */ .icon-paper-plane:before { content: '\f1d8'; } /* '' */ .icon-paper-plane-empty:before { content: '\f1d9'; } /* '' */ .icon-history:before { content: '\f1da'; } /* '' */ .icon-circle-thin:before { content: '\f1db'; } /* '' */ .icon-sliders:before { content: '\f1de'; } /* '' */ .icon-share:before { content: '\f1e0'; } /* '' */ .icon-share-squared:before { content: '\f1e1'; } /* '' */ .icon-soccer-ball:before { content: '\f1e3'; } /* '' */ .icon-tty:before { content: '\f1e4'; } /* '' */ .icon-binoculars:before { content: '\f1e5'; } /* '' */ .icon-plug:before { content: '\f1e6'; } /* '' */ .icon-slideshare:before { content: '\f1e7'; } /* '' */ .icon-newspaper:before { content: '\f1ea'; } /* '' */ .icon-wifi:before { content: '\f1eb'; } /* '' */ .icon-calc:before { content: '\f1ec'; } /* '' */ .icon-paypal:before { content: '\f1ed'; } /* '' */ .icon-bell-off:before { content: '\f1f6'; } /* '' */ .icon-bell-off-empty:before { content: '\f1f7'; } /* '' */ .icon-trash:before { content: '\f1f8'; } /* '' */ .icon-copyright:before { content: '\f1f9'; } /* '' */ .icon-at:before { content: '\f1fa'; } /* '' */ .icon-eyedropper:before { content: '\f1fb'; } /* '' */ .icon-brush:before { content: '\f1fc'; } /* '' */ .icon-birthday:before { content: '\f1fd'; } /* '' */ .icon-chart-area:before { content: '\f1fe'; } /* '' */ .icon-chart-pie:before { content: '\f200'; } /* '' */ .icon-chart-line:before { content: '\f201'; } /* '' */ .icon-toggle-off:before { content: '\f204'; } /* '' */ .icon-toggle-on:before { content: '\f205'; } /* '' */ .icon-bicycle:before { content: '\f206'; } /* '' */ .icon-bus:before { content: '\f207'; } /* '' */ .icon-angellist:before { content: '\f209'; } /* '' */ .icon-cc:before { content: '\f20a'; } /* '' */ .icon-meanpath:before { content: '\f20c'; } /* '' */ .icon-leanpub:before { content: '\f212'; } /* '' */ .icon-cart-plus:before { content: '\f217'; } /* '' */ .icon-cart-arrow-down:before { content: '\f218'; } /* '' */ .icon-diamond:before { content: '\f219'; } /* '' */ .icon-ship:before { content: '\f21a'; } /* '' */ .icon-motorcycle:before { content: '\f21c'; } /* '' */ .icon-street-view:before { content: '\f21d'; } /* '' */ .icon-heartbeat:before { content: '\f21e'; } /* '' */ .icon-genderless:before { content: '\f22d'; } /* '' */ .icon-facebook-official:before { content: '\f230'; } /* '' */ .icon-pinterest:before { content: '\f231'; } /* '' */ .icon-whatsapp:before { content: '\f232'; } /* '' */ .icon-server:before { content: '\f233'; } /* '' */ .icon-user-plus:before { content: '\f234'; } /* '' */ .icon-user-times:before { content: '\f235'; } /* '' */ .icon-bed:before { content: '\f236'; } /* '' */ .icon-train:before { content: '\f238'; } /* '' */ .icon-subway:before { content: '\f239'; } /* '' */ .icon-expeditedssl:before { content: '\f23e'; } /* '' */ .icon-mouse-pointer:before { content: '\f245'; } /* '' */ .icon-i-cursor:before { content: '\f246'; } /* '' */ .icon-sticky-note:before { content: '\f249'; } /* '' */ .icon-sticky-note-o:before { content: '\f24a'; } /* '' */ .icon-clone:before { content: '\f24d'; } /* '' */ .icon-balance-scale:before { content: '\f24e'; } /* '' */ .icon-hourglass-o:before { content: '\f250'; } /* '' */ .icon-hourglass-1:before { content: '\f251'; } /* '' */ .icon-hourglass-2:before { content: '\f252'; } /* '' */ .icon-hourglass-3:before { content: '\f253'; } /* '' */ .icon-hourglass:before { content: '\f254'; } /* '' */ .icon-hand-grab-o:before { content: '\f255'; } /* '' */ .icon-hand-paper-o:before { content: '\f256'; } /* '' */ .icon-hand-scissors-o:before { content: '\f257'; } /* '' */ .icon-hand-lizard-o:before { content: '\f258'; } /* '' */ .icon-hand-spock-o:before { content: '\f259'; } /* '' */ .icon-hand-pointer-o:before { content: '\f25a'; } /* '' */ .icon-hand-peace-o:before { content: '\f25b'; } /* '' */ .icon-trademark:before { content: '\f25c'; } /* '' */ .icon-registered:before { content: '\f25d'; } /* '' */ .icon-creative-commons:before { content: '\f25e'; } /* '' */ .icon-get-pocket:before { content: '\f265'; } /* '' */ .icon-safari:before { content: '\f267'; } /* '' */ .icon-chrome:before { content: '\f268'; } /* '' */ .icon-firefox:before { content: '\f269'; } /* '' */ .icon-opera:before { content: '\f26a'; } /* '' */ .icon-internet-explorer:before { content: '\f26b'; } /* '' */ .icon-television:before { content: '\f26c'; } /* '' */ .icon-contao:before { content: '\f26d'; } /* '' */ .icon-amazon:before { content: '\f270'; } /* '' */ .icon-calendar-plus-o:before { content: '\f271'; } /* '' */ .icon-calendar-minus-o:before { content: '\f272'; } /* '' */ .icon-calendar-times-o:before { content: '\f273'; } /* '' */ .icon-calendar-check-o:before { content: '\f274'; } /* '' */ .icon-industry:before { content: '\f275'; } /* '' */ .icon-map-pin:before { content: '\f276'; } /* '' */ .icon-map-signs:before { content: '\f277'; } /* '' */ .icon-map-o:before { content: '\f278'; } /* '' */ .icon-map:before { content: '\f279'; } /* '' */ .icon-commenting:before { content: '\f27a'; } /* '' */ .icon-commenting-o:before { content: '\f27b'; } /* '' */ .icon-vimeo:before { content: '\f27d'; } /* '' */ .icon-reddit-alien:before { content: '\f281'; } /* '' */ .icon-edge:before { content: '\f282'; } /* '' */ .icon-credit-card-alt:before { content: '\f283'; } /* '' */ .icon-usb:before { content: '\f287'; } /* '' */ .icon-pause-circle:before { content: '\f28b'; } /* '' */ .icon-pause-circle-o:before { content: '\f28c'; } /* '' */ .icon-stop-circle:before { content: '\f28d'; } /* '' */ .icon-stop-circle-o:before { content: '\f28e'; } /* '' */ .icon-shopping-bag:before { content: '\f290'; } /* '' */ .icon-shopping-basket:before { content: '\f291'; } /* '' */ .icon-hashtag:before { content: '\f292'; } /* '' */ .icon-percent:before { content: '\f295'; } /* '' */ .icon-wpforms:before { content: '\f298'; } /* '' */ .icon-envira:before { content: '\f299'; } /* '' */ .icon-universal-access:before { content: '\f29a'; } /* '' */ .icon-wheelchair-alt:before { content: '\f29b'; } /* '' */ .icon-question-circle-o:before { content: '\f29c'; } /* '' */ .icon-blind:before { content: '\f29d'; } /* '' */ .icon-volume-control-phone:before { content: '\f2a0'; } /* '' */ .icon-braille:before { content: '\f2a1'; } /* '' */ .icon-assistive-listening-systems:before { content: '\f2a2'; } /* '' */ .icon-asl-interpreting:before { content: '\f2a4'; } /* '' */ .icon-sign-language:before { content: '\f2a7'; } /* '' */ .icon-low-vision:before { content: '\f2a8'; } /* '' */ .icon-snapchat:before { content: '\f2ab'; } /* '' */ .icon-snapchat-ghost:before { content: '\f2ac'; } /* '' */ .icon-snapchat-square:before { content: '\f2ad'; } /* '' */ .icon-google-plus-circle:before { content: '\f2b3'; } /* '' */ .icon-font-awesome:before { content: '\f2b4'; } /* '' */ .icon-github-squared:before { content: '\f300'; } /* '' */ .icon-twitter-squared:before { content: '\f304'; } /* '' */ .icon-facebook-squared:before { content: '\f308'; } /* '' */ .icon-linkedin-squared:before { content: '\f30c'; } /* '' */ .icon-gplus-1:before { content: '\f30f'; } /* '' */ .icon-evernote:before { content: '\f333'; } /* '' */ /* exo-2-300 - latin */ @font-face { font-family: 'Exo 2'; font-display:swap; font-style: normal; font-weight: 300; src: url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-300.svg#Exo2') format('svg'); /* Legacy iOS */ } /* exo-2-regular - latin */ @font-face { font-family: 'Exo 2'; font-display:swap; font-style: normal; font-weight: 400; src: url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-regular.svg#Exo2') format('svg'); /* Legacy iOS */ } /* exo-2-700 - latin */ @font-face { font-family: 'Exo 2';font-display:swap; font-style: normal; font-weight: 700; src: url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-700.svg#Exo2') format('svg'); /* Legacy iOS */ } /* exo-2-800 - latin */ @font-face { font-family: 'Exo 2';font-display:swap; font-style: normal; font-weight: 800; src: url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/hmgmbh/fonts/exo-2-v9-latin/exo-2-v9-latin-800.svg#Exo2') format('svg'); /* Legacy iOS */ } /* *** */ /* roboto-300 - latin */ @font-face { font-family: 'Roboto';font-display:swap; font-style: normal; font-weight: 300; src: url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-regular - latin */ @font-face { font-family: 'Roboto';font-display:swap; font-style: normal; font-weight: 400; src: url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700 - latin */ @font-face { font-family: 'Roboto';font-display:swap; font-style: normal; font-weight: 700; src: url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */ } /* roboto-700italic - latin */ @font-face { font-family: 'Roboto';font-display:swap; font-style: italic; font-weight: 700; src: url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/hmgmbh/roboto-v20-latin/fonts/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/hmgmbh/fonts/roboto-v20-latin/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */ } /*! PocketGrid 1.1.0 * Copyright 2013 Arnaud Leray * MIT License */ /* Border-box-sizing */ .block-group, .block, .block-group:after, .block:after, .block-group:before, .block:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Clearfix */ .block-group { *zoom: 1; } .block-group:before, .block-group:after { display: table; content: ""; line-height: 0; } .block-group:after { clear: both; } .block-group { /* ul/li compatibility */ list-style-type: none; padding: 0; margin: 0; } /* Nested grid */ .block-group > .block-group { clear: none; float: left; margin: 0 !important; } /* Default block */ .block { float: left; width: 100%; } /* Smartphone version Usually Nothing to do: blocks are stacked by default. */ .b15 { width: 25%; } .b50-50-60 { width: 60%; } /* Tablet version */ @media (min-width: 768px) { .b1, .b2 { width: 50%; } .b4 { width: 25%; } .b8 { width: 50%; } .b12 { width: 75% } .b15 { width: 25%; } .b30 { width: 30%; } .b70 { width: 70%; } .b25-25 { width: 25%; } .b25-50 { width: 50%; } .b50-50 { width: 50%; } .b75-75 { width: 75%; } .b50-50-60 { width: 50%; } /*Offset*/ .offset10 {margin-left:10%;} .offset15 {margin-left:15%;} .offset20 {margin-left:20%;} .offset25 {margin-left:25%;} .offset30 {margin-left:30%;} .offset35 {margin-left:35%;} .offset40 {margin-left:40%;} .offset45 {margin-left:45%;} .offset50 {margin-left:50%;} .offset55 {margin-left:55%;} .offset60 {margin-left:60%;} .offset65 {margin-left:65%;} .offset70 {margin-left:70%;} .offset75 {margin-left:75%;} .offset80 {margin-left:80%;} .offset85 {margin-left:85%;} .offset90 {margin-left:90%;} /* Gallery columns */ .ce_gallery>ul.cols_2 li { width: 50%; } .ce_gallery>ul.cols_3 li { width: 33.33%; } .ce_gallery>ul.cols_4 li { width: 25%; } .ce_gallery>ul.cols_5 li { width: 20%; } .ce_gallery>ul.cols_6 li { width: 16.66%; } .ce_gallery>ul.cols_7 li { width: 14.285%; } .ce_gallery>ul.cols_8 li { width: 12.5%; } /* Newslist in columns. Can also be used for events etc. Just adjust respective template file */ .columns_3 { width: 33.33%; } /*Clear and reset after 3 blocks for cleaner layout when columns have different heights */ .columns_3:nth-child(3n+1) { clear: left; } /* Give the columns padding left and right */ .columns_3 { padding: 0 .5em; } } /* Desktop version */ @media (min-width: 1024px) { .b1, .b2, .b3 { width: 50%; } .b4, .b5, .b6, .b7 { width: 25%; } .b8, .b9, .b10 { width: 20%; } .b11, .b33 { width: 33.3334%; } .b12 { width: 75%; } .b13 { width: 30%; } .b14 { width: 70%; } .b15 { width: 25%; } .b20 { width: 20%; } .b25-25 { width: 25%; } .b25-50 { width: 25%; } .b30 { width: 30%; } .b33 { width: 33.3334%; } .b50 { width: 50%; } .b50-50 { width: 50%; } .b66 { width: 66.6666%; } .b70 { width: 70%; } .b75 { width: 75%; } .b75-75 { width: 75%; } .grid1 { width: 8.3334%; } .grid2 { width: 16.6666%; } .grid3 { width: 25%; } .grid4 { width: 33.3334%; } .grid5 { width: 41.6667% } .grid6 { width: 50%; } .grid7 { width: 58.3333%; } .grid8 { width: 66.6666%; } .grid9 { width: 75%; } .grid10 { width: 83.3334%; } .grid11 { width: 91.6664%; } /* Gallery columns */ .ce_gallery>ul.cols_2 li { width: 50%; } .ce_gallery>ul.cols_3 li { width: 33.33%; } .ce_gallery>ul.cols_4 li { width: 25%; } .ce_gallery>ul.cols_5 li { width: 20%; } .ce_gallery>ul.cols_6 li { width: 16.66%; } .ce_gallery>ul.cols_7 li { width: 14.285%; } .ce_gallery>ul.cols_8 li { width: 12.5%; } /* Newslist in columns. Can also be used for events etc. Just adjust respective template file */ .columns_3 { width: 33.33%; } /*Clear and reset after 3 blocks for cleaner layout when columns have different heights */ .columns_3:nth-child(3n+1) { clear: left; } /* Give the columns padding left and right */ .columns_3 { padding: 0 .5em; } } /* Fix for older Browsers. Replace the %-values with your own values. This setting assumes: Only side column left: #left: 20% – #main: 80% Only side column right: #right: 20% – #main: 80% Side columns left and right: #left/#right: 20% each – #main: 60% */ @media (min-width: 1024px) { .add-left #left { width:20%; left: -80%; } .add-left.add-right #left { width:20%; left: -60%; } .add-right #right { width:20%; } .add-left #main { width: 80%; left: 20%; } .add-right #main { width: 80%; } .add-left.add-right #main { width: 60%; left: 20%; } } /* ------- Important for proper function of the layout. Only change if you know what you are doing! ------- */ body {margin: 0; padding: 0; height: 100%; } body {overflow-x: hidden;} body.boxed { background-attachment: fixed; background-position: center;background-repeat: no-repeat; background-size: cover;font-size: 2em!important; line-height: 1.6; font-weight: normal!important;} .clear { overflow: auto; clear: both;} #wrapper {position: relative; top: 0; margin-left:auto;margin-right:auto; } .shadow #wrapper { -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.7); -moz-box-shadow: 0 0 24px 0 rgba(0,0,0,.7); box-shadow: 0 0 24px 0 rgba(0,0,0,.7);} #container {width: 100%; margin: 2rem auto auto auto;} #container .inside{width: auto; margin: 0 auto;} /* LOFT48 FIX */ #main .inside {min-width: 80%!important; padding-top:48px !important; padding-bottom:48px !important;} #main {width: 100%; margin: 0 auto; position: relative; top: 0;} #main p {font-size: 1.42rem; line-height: 1.5; color:#000; font-weight: 300; /*#8E8F90;*/} #main h2 {font-size: 3rem; line-height: 1.5; color: #767676;} .full-width #main [class*="mod_"] .inside { /*max-width: 1280px!important;*/ padding: 0;} #main .block-group {margin: 0 auto;} #main .block-group .mod_article {margin: 0 auto;} #main .hrno hr{ border: none; height: 2rem; margin: 0 auto;} #right h4.ce_headline:before{margin: 0 2px 0 0 !important;} #right .ce_table{font-size: 70%;} .stslidtext { position: absolute;z-index: 9999;width: 100%;min-height: 400px;margin-top: 10rem; clear: both;} .stslidtext h1{color: #fff; font-size: 4.2rem!important; font-weight: bold;} .stslidtext h4{color: #fff;font-size: 2.5rem!important; font-weight: bold; margin-top: 12rem;} .stslidtext p {color: #fff; font-size: 2.6rem!important; font-weight: bold;} #_chrumb { position: relative; left: 0; top: 0; width: 100%; height: 32px; z-index:11; } #_chrumb .inside {width: 80%; margin: 0 auto!important} .titlecrumb.mod_breadcrumb { border-top: solid 1px silver; border-bottom: solid 1px silver;} .titlecrumb.mod_breadcrumb ul { font-size: 1.32rem!important; margin: 5px 0; color: #000!important;} .titlecrumb.mod_breadcrumb { padding: 5px 0 5px 12px;} .titlecrumb h1 {font-size: 2.63rem; position: relativ; left: 0; float: left; width: 40%; padding:0; margin: 0 0 0 0;color:#000;} .mod_breadcrumb a{color: darkgray;} #left {margin-left:0;} .wand .image_container .cboxElement::after{display: none;} #right {margin-right:0;} #main .adressblock_tel, #main .adressblock_fax, #main .adressblock_email, #main .adressblock_webadresse{font-size: 1.52rem!important; } #main .adressblock_email a, #main .adressblock_webadresse a{color: darkred; } .rewievs #left .mod_navigation.subnav, .rewievs #right .mod_navigation.subnav {display: none!important;} #footer .block-group .inside{min-width: 90%;} #footer {padding: 0 10px 2rem 10px; width: 100%;} #footer .inside {min-width: 90%!important;} #footer .block-group {margin: 0 auto; min-width: 1280px;} #footer .block-group .mod_article{margin: 0 auto;} #footer p{color: #ffffff;} #header {min-height: 85px;} #header-bar {width:100%;height:90px!important;position:fixed;overflow:visible;z-index:99; top: 35px; background: snow; opacity: .9;} #mobile-menu { visibility:hidden; } #header-bar .inside {max-width: 1125px; margin-left: auto; margin-right: auto;min-width: 90%;} #header-bar.static {position: relative;} #header p{color: darkslategray;background: rgb(200 200 200 /0.48);width: 70%;margin-left: auto;margin-right: auto;} #logo {position: relative;overflow:visible;padding: 0!important;top:5px!important;left: 80px;z-index: 100000; } #logo.logo-mobile {display:none;width:100%;height:63px;text-align:center;padding: 5px 0;} #logo.logo-mobile img{height:100%;width:auto;} #logo img {width: auto; height: 80px;} #nav {width: 80%;position: relative;float: right;z-index:9999;height: 9rem!important;padding: 0;} .inside {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .has-columns #container {margin-left:auto;margin-right:auto; max-width: 80%!important;} /*.has-columns aside { padding-left: 10px; padding-right: 10px; }*/ #main *[class*="mod_"] .inside, #footer .inside {padding-bottom: 2rem;padding-top: 2rem;overflow:auto;} #nav.block {overflow: visible;} [class*="ce_"], [class*="mod_"], .pdf_link {padding: 0 10px 0 10px;} [class*="ce_"] [class*="ce_"], [class*="ce_"] [class*="mod_"]{padding: 0;} aside > .inside {padding: 4rem 0 1rem 0; } .mod_article .inside {z-index: 2;} #header .mod_article .inside {z-index: inherit;} .mod_article .inside, .mod_wrapper [class*="mod_"] > div {padding: 0 10px;} .mod_article, .mod_wrapper {padding-left: 0;padding-right: 0;position: relative;} .ce_image {position: relative;} .fader {display: inline-block; } .fader img:last-child {position: absolute; top: 0; left: 0; opacity: 0; transition: 2s opacity;} .fader:hover img:last-child { opacity: 1;} .boxw1, .boxw2, .boxw3, .boxw4{ width:300px; height: 200px; display: inline-block; -webkit-box-shadow: 5px 5px 5px #111; border: 10px solid gainsboro; box-shadow: 5px 5px 5px #111;position: relative; opacity: .6;transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; /* Firefox 4 */ -webkit-transition: all 0.8s ease-out; /* Safari and Chrome */ -o-transition: all 0.8s ease-out; /* Opera */ } .boxw1:hover, .boxw2:hover, .boxw3:hover, .boxw4:hover {border: 10px solid silver; opacity: 1; transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; /* Firefox 4 */ -webkit-transition: all 0.8s ease-in-out; /* Safari and Chrome */ -o-transition: all 0.8s ease-in-out; /* Opera */ } .boxw1 {background: url("../../files/Bilder/Ausstellung/thumbs/rundgang-w1-v.jpg"); background-repeat: no-repeat; background-size: 100% 100%;} .boxw1:hover { background: url("../../files/Bilder/Ausstellung/thumbs/rundgang-w1-h.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } .boxw2 {background: url("../../files/Bilder/Ausstellung/thumbs/rundgang-w2-v.jpg"); background-repeat: no-repeat; background-size: 100% 100%;} .boxw2:hover {background: url("../../files/Bilder/Ausstellung/thumbs/rundgang-w2-h.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } .boxw3 {background: url("../../files/Bilder/Ausstellung/thumbs/rundgang-wa-v.jpg"); background-repeat: no-repeat; background-size: 100% 100%;} .boxw3:hover {background: url("../../files/Bilder/Ausstellung/thumbs/rundgang-wa-h.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } .boxw4 {background: url("../../files/Bilder/Ausstellung/thumbs/vorschau-bar-v.jpg"); background-repeat: no-repeat; background-size: 100% 100%;} .boxw4:hover {background: url("../../files/Bilder/Ausstellung/thumbs/vorschau-bar-h.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } .boxw1 span, .boxw2 span, .boxw3 span, .boxw4 span {display: none;} .boxw1 h2 a, .boxw2 a, .boxw3 a, .boxw4 a {display: block;min-width: 300px; min-height: 200px;} .boxw1 h2, .boxw2 h2, .boxw3 h2, .boxw4 h2 {display: block; min-width: 300px; margin: 0;} .subcolumns { margin: 0 auto; text-align: center!important; max-width: 1125px;} .bildbox { display: inline-block; -webkit-box-shadow: 5px 5px 5px #111; box-shadow: 5px 5px 5px #111; } .bildbox{border: 10px solid gainsboro; max-height: 300px; width: calc(100%/5); height: 205px;} .bildbox:hover{border: 10px solid silver;} *, *::before, *::after { box-sizing: border-box;} .namep:before {content: "\e8ab"; font-family: icons; font-size: 1em; float: left;width: 20px;height: 20px;display: block;line-height: 5; padding-left: 3px;} .namet:before {content: "\e847"; font-family: icons; font-size: 1em; float: left;width: 20px;height: 20px;display: block;line-height: 5; padding-left: 3px;} .namem:before {content: "\e806"; font-family: icons; font-size: 1em; float: left;width: 20px;height: 20px;display: block;line-height: 5; padding-left: 3px;} .namew select {padding: 5px 35px 5px 5px!important;font-size: 16px;border: 1px solid #CCC;-webkit-appearance: none; -moz-appearance: none;appearance: none;background: url(../../files/hmgmbh/images/pfdown.png) 96% / 5% no-repeat #D9DDE7;} /*the container must be positioned relative:*/ .gesucht select { width: 90%;padding: 5px 35px 5px 5px;font-size: 16px;border: 1px solid #CCC; -webkit-appearance: none;-moz-appearance: none;appearance: none; background: url(../../files/hmgmbh/images/pfdown.png) 96% / 5% no-repeat #D9DDE7;} /* **************************************************** */ /*.kont .widget.b2{width: auto;}*/ .intress span{ float: left;} .intress span input{position: relative;top: -3px;} .intress .legend span{width: 100%; float: left;} .intress .mandatory{float: left;} .select .gesucht option{color: #333;background: cornsilk;} .select .namew option{color: #333;background: cornsilk;} /*PIC*/ .grow {margin: 10px;} /*GROW*/ .grow img {height: 125px!important; width: 280px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease;transition: all 1s ease;} .grow img:hover {height: 125px; width: auto;transform: scale(1.5); } .grow h2 {margin: 5px; font-size: 2rem!important;} .grow * {overflow: hidden !important;} #header .inside, #header .mod_article [class*="ce_"], #header .mod_article [class*="mod_"] {padding: 0;} #main .mod_article.no-margin .inside {padding: 0 0 0 0;} #article-313 {clear: both; position: relative; width: 100%;} /* search */ #_header {position: relative; display: inline-block; height: 34px!important; overflow: hidden;width: 100%; margin: 0;background: #bdbebf;} #_header .topmail {position: absolute;font-size: 90%;max-height: 32px!important;display: inline-block;padding: 5px 0 0 0;line-height: 1;overflow: hidden;height:32px; right: 2rem; color: #fff;} /* ============================= Suchformular gestalten ====================================== */ #_header div.mod_form { z-index:1000000; position: relative; left: 15px; top: 0; font-size: 95%;} #_header #suchformular br{ display: none;} #_header #suchformular {margin: 0; height:32px;font-size: 90%;} #_header #suchformular span{ font-size: 90%;} #_header #suchformular::before{ font-size: 1.8rem!important;margin: .5rem .5rem 0 5px!important; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} #_header #suchformular::before hover{background: #cdcdcd; width: 170px; border-color: rgba(255,255,255,0.3); -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease; -ms-transition: All 0.3s ease; transition: All 0.3s ease;} #_header #suchformular .widget{width:90px;padding:0;margin:0;position:relative;right:-11px;top:0;float:left;background: transparent;} #_header #suchformular .widget .submit, #_header #suchformular .widget .input{border: none; height: 32px; padding-bottom: 0!important} #_header #suchformular input { float: left; display: block; width: 240px; position: relative;top: 0;margin: 0!important; padding: 0 0 0 5px; overflow: hidden; max-height: 32px; border: none; background: whitesmoke;} #_header #suchformular .widget-submit {width: 80px;padding: 0;margin: 0;position: relative;right: 22rem;top: 0;float: left;display: block;height: 32px;overflow: hidden;} #header #suchformular input .suchfeld { width: 125px; height: 32px; padding: 1px 25px 1px 10px; border-radius: 10px; border: none; margin: 0; } #_header #suchformular input{color: gray;} #_header #suchformular input.lupe { position: absolute; right: 12px; top: 7px; padding: 0; margin: 0;} /* #_header #suchformular .submit { padding: 1px 1px 0 1px; margin: 0;} */ /* IE6-patches */ * html #_header .inside, * html #_header .mod_form, * html #_header #suchformular, * html #_header #suchformular .lupe { height:1%; } * html #_header .suchfeld { position: absolute; right: 15px; bottom: 3px; } * html #_header #suchformular .lupe { right: 20px; } #main .graytxt {background: #A9AAAA;} #main .graytxt h2 {font-size: 2.5rem; color: #000;} #main .graytxt p {color: #fff;} #main .graytxt [class^="icon-"]::before, [class*=" icon-"]::before {font-size: 3rem; float: left!important; margin: 1.1rem .5rem auto 0!important;} #main .graytxt .ce_text {min-height: 190px;} .starts .graytxt p {color: #ffffff; } .sw-modal p{ color: #6B6B6B!important;} .fs1, .fs2{ width: 48%; height: 200px; float: left;} .fs1 legend{ width: 100%; height:30px; margin: 1rem;} .fs2 .widget { width: 100%!important; height:30px; margin: 1rem;} .fs2 legend { width: 100%; height:30px; margin: 1rem;} .explanation {width: 100%; height: 32px;} .fs1 optgroup, .fs2 optgroup {color: #4C4C4C!important; } /* animatet numbers */ #shivawrapper {position: relative; float: left; width: 100%; height: 200px; margin: 0 auto;} #shivawrapper .b33 #shiva{margin: 0 auto auto auto!important; width: 160px;} #shiva { font-size: 3rem; background: #E13519; width: 150px; line-height: 150px; display: block; color: #fff; border-radius: 100%; margin:0 auto;} #shivawrapper h2 {clear: both; font-size: 150%!important; text-align: center;} #circle{width: 25%;height: 100px;background: none;-moz-border-radius: 50px;-webkit-border-radius: 50px; border-radius: 50px;float:left;margin:5px;} .count{ line-height: 100px; color:#fff; margin-left:30px; font-size: 3rem;} /* Site Eexplanation rolle nach oben */ #scrollUp{bottom:2em;right:15px;height:50px;width:50px;} #scrollUp:hover{margin-bottom:0px; height:50px;width:50px;} #top .scrollup { width: 50px; position: fixed; bottom: 3em; right: 2em; display: none; z-index:1000000; } #top a.scrollup, #top a.scrollup:link, #top a.scrollup:visited { text-decoration: none; color: #C0C0C0; margin: 0; padding: 0; text-align: center; height: 50px; width: 50px; } #top a.scrollup:before { content: "\F139"; font-family: icons; font-size: 2.5em; } #top a.scrollup:hover{text-decoration: none; color: #969696; margin: 0; padding: 0; text-align: center; height: 50px; width: 50px;} .mod_navigation.horizontal { position:absolute;height:50px;line-height:2.5em;z-index:3;} .mod_navigation.horizontal ul.level_1 { float:right;} .mod_navigation.horizontal li {display: inline-block;padding-left:1em;padding-right:1em; } .mod_navigation li { list-style:none; } .mod_navigation a, .mod_navigation span, .mod_navigation strong { text-decoration: none; } .mod_navigation a::before, .mod_navigation span:before, .mod_navigation strong:before { padding-right: .5em; } .mod_breadcrumb {margin:1rem 0 0 0; padding: 0 0 0 20px;} .mod_breadcrumb ul { padding: 0; font-size: 1.1rem;list-style-type: none; text-align: right; float: right;margin-right: 2rem;} .mod_breadcrumb ul { } .ce_table, .mod_calendar { overflow-x: auto; } .image_container { position: relative; } .bx-wrapper img { width: 100%; height: auto; background-size: 100% 100%; } .bx-wrapper .textbox h1{ color: #fff; left: 221px; position: absolute; font-size: 3.5rem; top: 10rem;} .bx-wrapper .textbox p{ color: #fff; left: 221px; position: absolute; font-size: 1.8rem; top: 12rem;} .ce_download { margin-bottom: 2rem; } /* This is a hack to remove extra space below images */ img { vertical-align:middle; } .ce_gallery > ul {margin:0;padding:0;overflow:hidden;list-style:none;} .ce_gallery > ul li {float:left;} .ce_gallery > ul li.col_first {clear:left;} .ce_gallery>ul li {position:relative;} .ce_gallery li {margin: 0 2px 2px 2px;} .ce_gallery > ul.cols_4 li{width: 24%;} #confirm-googlemaps{top: 46px;width: 100%;min-height: 400px; background-image:url("../../files/hmgmbh/images/kartendummy.jpg");background-size: cover; } #confirm-googlemaps p{ height: 240px;background: rgba(255, 165, 0, 0.73);padding-top: 8rem;color: #000;text-align: center;width: 70%;margin-left: auto;margin-right: auto;cursor: pointer;margin-top: 12rem;} .gm-style-iw-d{color: #000;} .gm-fullscreen-control{top: 8rem!important;} .checkbox_container span, .radio_container span {display:block;padding-left: .05em;padding-right: 1em;} .ce_youtube {position: relative;padding-bottom: 56.25%;width: 100%;height: auto;} .ce_youtube iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100% !important; height: 100% !important; } .pagination li { display: inline; padding: 1rem; } .mod_booknav ul { list-style:none; } .mod_booknav li { float:left; padding:1em; } .mod_booknav li a { text-decoration: none; } .submit_container.block {width:auto;} .formbody .widget { padding-right: .3em; } .mod_newslist .layout_latest { margin-bottom: 3rem; } /* ---------- useful helper classes ------------ */ .no-margin [class*="ce_"], .no-margin [class*="mod_"], .no-margin.header-image .ce_text, #main .mod_article.no-margin { padding: 0 0 0 0; } .no-margin .ce_text, .no-margin .ce_form { padding: 2rem 10px; } .no-margin [class*="ce_"].pop-out, [class*="mod_"].pop-out { padding-top: 0; padding-bottom: 0; } .round img { border-radius: 50%; } .round .image_container a:after { display:none;} .header-image.mod_article { position:relative; padding:0; overflow:hidden; } .header-image.mod_article .header_wrapper { position:relative; width:100%; height:100%; } .header_wrapper h1{ color: #fff; font-weight: bolder;} .header_wrapper .content_wrapper { margin-top: 3rem; font-weight: bolder;} .header-image.mod_article .content_wrapper { position: absolute; width:100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); z-index:1; } .header-image .content_wrapper .inner {padding:0 3rem;} .header-image .image_container img{position: relative; top: 8rem; display:block;width:100%; height:auto; vertical-align:initial;} .header-image .rsts-slides .ce_image { min-height:50vh !important; } .header-image [class*="btn"] { margin-top: 4rem; } .header-image .slider-control { top: -40px;margin-bottom:-30px;} .header-image .slider-control .slider-prev {left:1%;} .header-image .slider-control .slider-next {right: 1%; } /* LOFT48 FIX */ .rsts-slides img{ width: 100%; height: auto;} /* max-height: 500px; */ .headroom--unpinned { transform: translateY(-36px) !important; } #article-322 figure img { min-width: 100% !important; height: auto !important; max-width: 100% !important; } #article-322 .bildbox p { padding:4px 0px; } .bildbox { height:unset !important; } .custom { display: block; max-height: 34px; } #logo.logo-mobile { max-height:40px; max-width:140px; } #logo { max-width: 10vw; } #logo img { height:unset !important; } body { float:none !important; } .nav-side { top:40px !important; } .grow.ce_text { min-height:260px; } /* END LOFT48 FIX */ .rsts-slides { z-index:10;} .rsts-skin-default-content .rsts-prev, .rsts-skin-default-content .rsts-next{visibility: visible; display: block!important;} .mod_rocksolid_slider .rsts-prev { background-image: url("../../files/hmgmbh/images/prevpic.png")} .mod_rocksolid_slider .rsts-next { background-image: url("../../files/hmgmbh/images/nextpic.png")} .rsts-caption{display: none;} .mod_rocksolid_slider .rsts-prev,.mod_rocksolid_slider .rsts-next{position:absolute;top:50%;right:20px;width:36px;height:36px;overflow:hidden;margin-top:-18px;border:1px solid #151618;border-radius:3px;outline:none;line-height:0;text-align:center;text-decoration:none;text-indent:-9999px;background-color:#151618;background-image:linear-gradient(to bottom, #333, #151618);background-clip:padding-box;opacity:0;box-shadow:0 0 2px 1px rgba(0,0,0,0.3),inset 0 2px 2px -2px rgba(255,255,255,0.5),inset 2px 0 2px -2px rgba(255,255,255,0.3),inset -2px 0 2px -2px rgba(255,255,255,0.3);transition:opacity 0.2s ease-in; visibility: visible; z-index: 1000000;} .mod_rocksolid_slider .rsts-prev:after,.mod_rocksolid_slider .rsts-next:after{content:"\203a";position:absolute;left:8px;top:5px;font:normal 24px/1 "Courier New", monospace;text-indent:0;color:white}.mod_rocksolid_slider .rsts-prev{right:auto;left:20px} .mod_rocksolid_slider .rsts-prev:after{content:"\2039";left:12px} .mod_rocksolid_slider:hover .rsts-prev,.mod_rocksolid_slider:hover .rsts-next{opacity:0.5}.mod_rocksolid_slider:hover .rsts-prev:hover,.mod_rocksolid_slider:hover .rsts-next:hover{opacity:1;transition-duration:0.05s} .mod_rocksolid_slider:hover .rsts-prev:active,.mod_rocksolid_slider:hover .rsts-next:active{box-shadow:inset 0 0 2px 1px black} .mod_rocksolid_slider.rsts-direction-y .rsts-prev,.mod_rocksolid_slider.rsts-direction-y .rsts-next{top:15px;left:50%;margin-top:0;margin-left:-18px} .mod_rocksolid_slider.rsts-direction-y .rsts-prev:after,.mod_rocksolid_slider.rsts-direction-y .rsts-next:after{content:"\25b2";position:absolute;top:12px;left:14px;font-size:11px;color:white}.mod_rocksolid_slider.rsts-direction-y .rsts-next{top:auto;bottom:10px} .mod_rocksolid_slider.rsts-direction-y .rsts-next:after{content:"\25bc";top:13px} #header {overflow: hidden;} /* max-height: 700px!important; */ .ce_text p{color: #333333;} .ce_text ul{color: #333333;font-size: 1.2rem!important} #right h1 {font-size: 2rem!important;color: #9a9b9c;} #right h2 {font-size: 2rem!important;color: #9a9b9c;} #right .ce_table {color: #8E8F90;} #right .ce_table .col_first {vertical-align: middle;} .subnav a{color: #333333; font-size: 1.5rem;} .revostart {max-height: 800px; margin-top: 4.3rem; margin-bottom: 0; clear: both;} .revostart .banner{max-height: 700px!important; } .revostart .ce_text { max-width: 1125px; display: block; margin-top: 10%;} .revostart h1 { text-align: center; color: #fff; margin-top: 3rem; font-size: 250%!important; font-weight: bold; height: 4rem;} .revostart p { text-align: center; font-size: 2rem; font-weight: bold; margin: 1rem 0 0 0; } .revostart .tp-leftarrow {display: block; position: relative!important; top: 30%!important; } .revostart .tp-rightarrow {display: block;position: relative !important;top: 30% !important;left: 95% !important;} /* -- revolutionslider overwrite default styles ------------------------------------------------- */ /* Fusszeile Copyright Link */ #_bottom {display: inline-block; width: 100%; overflow: hidden; padding: 2rem;} #_bottom .mod_customnav { float: right; position: absolute; right: -75%; margin-right: 1rem; font-size: 1.6rem;} #_bottom .fusstxt{ display: inline; width: 20%;font-size: 1.5rem;} #_bottom .mod_customnav li {float: left;margin-left: 1rem;} #_bottom li a{color: darkred!important;} #_bottom li a:hover{color: #000!important;} /* --layerslider-caption (all) ------------------------------------------------- */ .hero { height:200px; } .hero .inside { padding: 0 20px; position: relative; width:100%; top: 50%; z-index:1; } #header .hero .inside { padding: 0 20px;} .full-width .hero .inside { margin-left:auto;margin-right:auto;} .title-image { height:400px;background-repeat:no-repeat;background-size:cover; background-attachment:fixed; background-position:center; position:relative; } [class*="overlay"]:before { position: absolute; width: 100%; height: 100%; top: 0px;left: 0; content: '';z-index: 1;} .pop-out a img { transition: transform .1s ease-in; } .pop-out a img:hover { position:relative; transform: scale(1.05); -ms-transform: scale(1.05); transition: transform .05s ease-in;z-index:10; } .pop-out .image_container .cboxElement:after, .push-in .image_container .cboxElement:after {display:none;} #main .image_container .cboxElement:after {display:none;} .push-in a img { transition: transform .2s ease-in; } .push-in a img:hover { position:relative; -webkit-transform: scale(.98); -moz-transform: scale(.98); -ms-transform: scale(.98); -o-transform: scale(.98); transition: transform .05s ease-in; transform: scale(.97); } .hide-controls .slider-control {display:none; } .new-row { clear:left;} .center { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); clear:both; text-align:center; } .right {float:right;clear:left; } .divider-top, .divider-bottom, .divider-top-bottom { position:relative; overflow:hidden; } .divider-top:before { content: ""; position:absolute; z-index: 1; width:96%; top: -10px; height: 10px; left: 2%; border-radius: 100px / 5px; box-shadow:0 0 15px rgba(0,0,0,0.6); } .divider-bottom:before { content: ""; position:absolute; z-index: 1; width:96%; bottom: -10px; height: 10px; left: 2%; border-radius: 100px / 5px; box-shadow:0 0 15px rgba(0,0,0,0.6); } .divider-top-bottom:before { content: ""; position:absolute; z-index: 1; width:96%; top: -10px; height: 10px; left: 2%; border-radius: 100px / 5px; box-shadow:0 0 15px rgba(0,0,0,0.6); } .divider-top-bottom:after { content: ""; position:absolute; z-index: 1; width:96%; bottom: -10px; height: 10px; left: 2%; border-radius: 100px / 5px; box-shadow:0 0 15px rgba(0,0,0,0.6); } /* Border radius */ [class*="mod_"].radius3, [class*="ce_"].radius3, .radius3 img, .box.radius3, .infobox.radius3, .radius3 [class*="mod_"], .radius3 [class*="ce_"], .radius3 [class*="overlay"]:before, .radius3 input[type="email"], .radius3 input[type="number"], .radius3 input[type="search"], .radius3 input[type="text"], .radius3 input[type="tel"], .radius3 input[type="url"], .radius3 input[type="password"], .radius3 input[type="submit"], .radius3 textarea, .radius3 select { border-radius:3px; } [class*="mod_"].radius5, [class*="ce_"].radius5, .radius5 img, .box.radius5, .infobox.radius5, .radius5 [class*="mod_"], .radius5 [class*="ce_"], .radius5 [class*="overlay"]:before, .radius5 input[type="email"], .radius5 input[type="number"], .radius5 input[type="search"], .radius5 input[type="text"], .radius5 input[type="tel"], .radius5 input[type="url"], .radius5 input[type="password"], .radius5 input[type="submit"], .radius5 textarea, .radius5 select { border-radius:5px; } [class*="mod_"].radius10, [class*="ce_"].radius10, .radius10 img, .box.radius10, .infobox.radius10, .radius10 [class*="mod_"], .radius10 [class*="ce_"], .radius10 [class*="overlay"]:before, .radius10 input[type="email"], .radius10 input[type="number"], .radius10 input[type="search"], .radius10 input[type="text"], .radius10 input[type="tel"], .radius10 input[type="url"], .radius10 input[type="password"], .radius10 input[type="submit"], .radius10 textarea, .radius10 select { border-radius:10px; } .namep::before, .namet::before, .namem::before{line-height: 4!important;} .fs1 p, .fs2 p, .fs1 legend{font-size: 90%!important; color: #000;} .srl_layer {display: block;top: 1rem; width: 30%!important; height: auto; margin: 0 auto; z-index: 99999;background: transparent;} .srl_layer{z-index: 99999;} .srl_layer p, ul li{font-size: 1.2rem;} .stelle .b12 {float:right;} /* ------------- Media queries ------------- */ @media (max-width: 500px) { #_header .topmail{ display:none; } #_header div.mod_form { left:0; right:0; width:100%; } } /* Small version */ @media (max-width: 768px) { .has-columns #container{max-width: 95%!important;} #wrapper {margin: 0 auto; padding: 0;} #header { margin-top:0;} #header-bar { display:none; } #mobile-menu {position: relative; visibility:visible;z-index: 1000000;} .titlecrumb h1{width: 100%;color: #000;} #logo.logo-mobile {display:block;position: absolute; top: 5px; } .hero { height:100px; } .hero .inside { top: 50%; } .title-image {height:400px;background-attachment:scroll;position:relative;} mod_article.header-image {min-height: 400px;} .header-image .slider-control {display:none;} [class*="style-"], .hero {background-attachment: scroll!important;background-position: 50% 0!important;} .mod_navigation.horizontal {visibility:hidden;} #main h2 { font-size: 2.2rem;} .bildbox { border: 10px solid gainsboro;max-height: 300px;max-width: 220px;height: 200px;} .picbox img{ border: 10px solid gainsboro; max-width: 240px!important; height: auto; background-size: cover; display: block; -webkit-box-shadow: 5px 5px 5px #111; box-shadow: 5px 5px 5px #111;} .picbox:hover img{border: 10px solid silver;} .rsts-crop { height: 230px!important; top: 5rem;} .header-image .image_container img{top: 1rem!important; min-height: auto;} #_header div.mod_form{ right: inherit;} #_header .topmail{font-size: 80%;} #_bottom .fusstxt {width: 100%;} #_bottom .mod_customnav{position: relative; right: inherit;clear: both; width: 100%; float: left;} .ausstell .reviews-badge{display: none;} .equalize, .equalize .subcolumns{display: grid;} .col_1, .col_2, .col_3 {width: 100%; } .kont .widget.b2{ width: auto; font-weight: bolder;} #main .kontakt p{font-weight: bolder!important;} .namep:before, .namet:before, .namem:before{line-height: 4!important;} .explanation{height: 52px;} .fs1, .fs2{width: 95%; height: auto;} } /* Tablet landscape version */ @media only screen and (max-width : 1024px) { .boxed #wrapper { max-width:960px; } [class*="style-"], .hero { /*This is a hack to avoid display problems on some mobile devices*/ background-attachment: scroll!important; background-position: 50% 0!important; } } /* Desktop version */ @media (min-width: 1024px) { /* Boxed Version */ .boxed #wrapper { max-width:1124px; margin-left:auto; margin-right:auto; margin-top:0; } .boxed #header-bar { visibility:visible; max-width: 1124px;} #header-bar { visibility:visible; } .full-width #main *[class*="mod_"] .inside, .full-width #footer .inside { position: relative; margin-left: auto; margin-right: auto; overflow:hidden; } .planq { width: 60%; } .planqr { width: 40%; } } body { background-color:rgba(,1); font:2rem "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;; color:rgba(,1); } body.boxed { background:-moz-linear-gradient(75deg,#A2DCEA,#4c4c4c); background:-webkit-linear-gradient(75deg,#A2DCEA,#4c4c4c); background:-o-linear-gradient(75deg,#A2DCEA,#4c4c4c); background:-ms-linear-gradient(75deg,#A2DCEA,#4c4c4c); background:linear-gradient(15deg,#A2DCEA,#4c4c4c); -pie-background:linear-gradient(75deg,#A2DCEA,#4c4c4c); background-attachment:fixed; } #header { background-color:#ffffff; border-color:#E13519; } #container { background-color:#ffffff; } #footer { background-color:#4c4c4c; color:#ffffff; } #header-bar { background-color:rgba(ffffff,.4);} .rsts-nav{display: none;} /* Max. 20%. If larger, the width of #nav has to be adjusted accordingly */ #logo {width:20%;} /* Mobile Navigation */ .nav-side {background-color:rgba(237,12,12,1);} .hero { background:-moz-linear-gradient(290deg,#4c4c4c,#E13519); background:-webkit-linear-gradient(290deg,#4c4c4c,#E13519); background:-o-linear-gradient(290deg,#4c4c4c,#E13519); background:-ms-linear-gradient(290deg,#4c4c4c,#E13519); background:linear-gradient(160deg,#4c4c4c,#E13519); -pie-background:linear-gradient(290deg,#4c4c4c,#E13519); color:#fff; text-transform:uppercase; letter-spacing:.5em; background-attachment:fixed; background-size: 100%; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7); } a { color:#E13519; } a:hover { color:#8F2316; } p.info, p.time { } h1 { font:2.5rem "Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;; color:#8E8F90; } h2 { font:2.5rem "Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;; color:#9a9b99; } h3 { font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;; } h4 { font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;; } h5 { font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;; } h6 { font-family:"Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;; } h1, h2, h3, h4, h5, h6 { font-weight:400 } blockquote, q { color:#4c4c4c; } *::selection { background-color:#616F8E; } mark { padding:2px; background-color:#E13519; border-radius:3px; } .light { color:#fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4); } .box { border-color:#4c4c4c; } .infobox { background-color:#616F8E; } .mod_article .ce_text.intro { font:2.5rem "Exo 2", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;; font-weight:normal; } td.weekend { background-color:#A2DCEA; } /* Button normal */ *[class*="btn"] a, a.btn, a.btn-large, a.btn-small, input[type="submit"], button { border-color:#4c4c4c; color:#4c4c4c; } *[class*="btn"] a:hover, a.btn:hover, a.btn-large:hover, a.btn-small:hover, input[type="submit"]:hover, button:hover { border-color:#8F2316; color:#8F2316; } /* Button inverted */ *[class*="btn"].invert a, a.btn.invert, a.btn-small.invert, a.btn-large.invert { background-color:#4c4c4c; color:#fff; } *[class*="btn"].invert a:hover, a.btn.invert:hover, a.btn-small.invert:hover, a.btn-large.invert:hover { background-color:#8F2316; } /* Button light */ .light *[class*="btn"] a, .light a.btn, .light a.btn-large, .light a.btn-small, .light input[type="submit"], *[class*="btn"].light a, .light.btn-large a, .light.btn-small a, .light button { border-color:#fff; color:#fff; } .light *[class*="btn"].invert a, *[class*="btn"].light.invert a { color:#4c4c4c; } .light *[class*="btn"] a:hover, a.btn:hover, a.btn-large:hover, a.btn-small:hover, .light.input[type="submit"]:hover, *[class*="btn"].light a:hover, a.btn.light:hover, a.btn-large.light:hover, a.btn-small.light:hover, .light button:hover { border-color:#8F2316; color:#8F2316; } .color-1 { background-color:#4c4c4c; } .color-2 { background-color:#E13519; } .color-3 { background-color:#8F2316; } .color-4 { background-color:#CD9500; } .color-5 { background-color:#616F8E; } .color-6 { background-color:#00ADD3; } .color-7 { background-color:#A2DCEA; } .color-8 { background-color:#95C7DD; } .color-9 { background-color:#dedede; } figcaption { border-color:#E13519; color:#616F8E; } input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select {background-color:rgba(4c4c4c,.1); border-top:0px solid #4c4c4c; border-right:0px solid #4c4c4c; border-bottom:1px solid #4c4c4c; border-left:0px solid #4c4c4c;color:#4c4c4c;} /* Section Style 1 */ .style-1 { background-color:#E13519; color:#ffffff; } /* Section Style 2 */ .style-2 { background-color:#8F2316; color:#95C7DD; } /* Section Style 3 */ .style-3 { background-color:#00ADD3; color:#ffffff; } /* Section Style 4 */ .style-4 { background-image:url("../../files/hmgmbh/css/files/hmgmbh-go2we/images/16.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */ } /* Section Style 5 */ .style-5 { background-image:url("../../files/hmgmbh/css/files/hmgmbh-go2we/images/5.jpg"); background-position:center top; background-repeat:no-repeat; background-attachment: fixed; background-size: cover; /*creates parallax effect (sort of). Disabled for tablet and small screens. */ } /* You can create complex gradients p.e. under http://angrytools.com/gradient */ .overlay-1:before { background-color:rgba(4c4c4c,.9); background: -moz-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* ff3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(71,91,114,0.5)), color-stop(75%, rgba(71,91,114,1)), color-stop(100%, rgba(71,91,114,1))); /* safari4+,chrome */ background: -webkit-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* safari5.1+,chrome10+ */ background: -o-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* opera 11.10+ */ background: -ms-linear-gradient(270deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* ie10+ */ background: linear-gradient(180deg, rgba(71,91,114,0.5) 0%, rgba(71,91,114,1) 75%, rgba(71,91,114,1) 100%); /* w3c */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#475B72', endColorstr='#475B72',GradientType=0 ); /* ie6-9 */ } .overlay-2:before { background-color:rgba(E13519,.9); } .overlay-3:before { background-color:rgba(8F2316,.9); } .overlay-4:before { background-color:rgba(CD9500,.9); } .overlay-5:before { background-color:rgba(616F8E,.9); } .overlay-6:before { background-color:rgba(255,255,255,.8); } .headroom { transition: transform .25s ease-in-out; will-change: transform;} .headroom--pinned { -ms-transform: translateY(0%); -webkit-transform: translateY(0%); transform: translateY(0%);} .headroom--unpinned { -ms-transform: translateY(-110%); -webkit-transform: translateY(-110%); transform: translateY(-110%);} #nav li ul,#nav > ul > li:hover > a,#nav > ul:not( :hover ) > li.active > a,#nav ul.level_1 li.trail {background-color: #DEDEDE;} #nav ul.level_1 > li.active {border-Bottom: solid 10px red; background-color:#DEDEDE; color: #9A9B9C!important;} #nav li ul li a:hover,#nav li ul:not( :hover ) li.active a,#nav ul li.active { background-color:#616F8E; color: #ffffff!important;} #nav li a { color:#$c1;} #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a, #nav ul.level_1 li.trail, #nav ul.level_1 li.trail a {color:#fff;} #nav li a:active { background-color: #$c3 !important;} #nav li ul { background-color:#$c1;} #nav > ul > li > a, #nav > ul > li strong.active, #nav ul > li strong.forward, #nav > ul.level_1 li strong.active {font:1.5rem/8rem $font-2;} #nav li ul.level_2 a, #nav ul.level_2 li strong.active { font-size:1.4rem; line-height:1rem;} #nav li ul li a:hover, #nav li ul:not( :hover ) li.active a { background-color:#$c2;} #nav a.submenu:after, #nav span.submenu:after {border-top-color:#$c6;} @media only screen { #nav { width: 100%;position: absolute;margin: 0;} } #nav ul ul {margin: 0px;} #nav > a {display: none;} #nav li {position: relative;margin-bottom: 0px;} #nav li a { font-weight: bold!important;display: block; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; font-size: 1.62rem; } #nav .level_2 a{ font-weight: bold; color: #555!important; font-size: 1.62rem;} #nav li a:active { background-color: #c00; } #nav .level_1 a{ font-weight: bold; color: #333333!important;font-size: 1.52rem;} /*1.62*/ #nav li a:active { background-color: #c00; } /* expand icon */ #nav a.submenu:after, #nav span.submenu:after { border-bottom: none;content: '...'; /*font-family: icons;*/ display: inline-block;position: relative;right: -0.3em;opacity:1; -webkit-transition: opacity .8s ease; -moz-transition: opacity .8s ease; -o-transition: opacity .8s ease; transition: opacity .8s ease;} #nav li:hover > a.submenu:after {opacity:.2;-webkit-transition: opacity .8s ease; -moz-transition: opacity .8s ease; -o-transition: opacity .8s ease;transition: opacity .8s ease;} /* first level */ #nav > ul {height: 100%;float: right;} #nav > ul > li {height: 100%;float: left;position:relative;display: inline-block;} #nav > ul > li > a, #nav ul.level_1 li strong.active, #nav ul.level_1 li strong.forward {height: 100%;padding: 0 2rem 0 2rem;font-size: 1.62rem;line-height: 8rem;text-align: center;font-weight:normal;} .inline-border div {position: relative;float: left;} #nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a, #nav ul.level_1 li.trail { border-bottom: 10px solid #e13519;color: #000;} #nav ul.level_1 li.trail a {color: #000;} /* second level */ #nav li ul {visibility: hidden;position: absolute;top: -5%;width:22em;opacity: 0;filter: alpha(opacity=0); -webkit-backface-visibility: hidden;-moz-backface-visibility: hidden; backface-visibility: hidden;} #nav li:hover ul {visibility: visible;display: block;right:0;left: 0;top:100%;opacity: 1; -webkit-transition: opacity 0.4s;-moz-transition: opacity 0.4s; -o-transition: opacity 0.4s;transition: opacity 0.4s; filter: alpha(opacity=100);-webkit-box-shadow: 6px 6px 40px -10px rgba(0,0,0,0.75); -moz-box-shadow: 6px 6px 40px -10px rgba(0,0,0,0.75); box-shadow: 6px 6px 40px -10px rgba(0,0,0,0.75);} #nav li.last:hover ul {right:0;left:auto;} #nav li ul.level_2 a, #nav ul.level_2 li strong.active, #nav ul.level_2 li strong.forward{display: block;line-height: 1em;text-align:left;padding: 0.5em;color: #fff; font-size: 1.52rem!important;} /* roter Balken bei Untermenue oben anzeigen */ #nav .level_2 .first {border-top: solid 3px red;} #nav ul.level_2 li.submenu.trail { } #nav li ul li a:hover, #nav li ul:not( :hover ) li.active a, #nav ul li.active {position:relative;color:#fff;cursor: pointer;} /* third level */ #nav ul.level_2 li ul.level_3 {visibility: hidden;left: -80%;top:0;opacity: 0;} #nav ul.level_2 li:hover ul.level_3 {visibility: visible;position: absolute;top:0; left: -100%;width: 22em;-webkit-transition: opacity 0.6s, 0.2s; -moz-transition: opacity 0.6s, 0.2s; -o-transition: opacity left 0.6s, 0.2s; transition: opacity 0.6s, 0.2s;opacity: 1;} .invis { height: 1px; left: -999px; position: absolute; top: -999px; visibility: hidden; width: 1px; } .nav-side { background: rgba(237,12,12,1); color: #fff; top: 3.2rem; box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); height: 4.4rem; left: .3rem; overflow: hidden; padding: 8px 0; position: fixed; transition: all .3s; width: 4.5rem; z-index: 999; } .nav-side li { margin-bottom: 0; } #mobile-menu .level_1, #mobile-menu .level_2, #mobile-menu .level_3 { height: 0%; list-style: none; margin: 0; overflow: hidden; transition: all .3s; } #mobile-menu ul li ul { padding-left: 2em; } #mobile-menu a, #mobile-menu span.active, #mobile-menu strong.active { border-bottom: 1px solid #eee; color: #fff; display: block; padding: .8rem .5rem; text-decoration: none; } #mobile-menu a:hover, #mobile-menu li.active { background: rgba(0, 0, 0, 0.5); } .btn-label { cursor: pointer; display: block; height:3rem; width: 4.5rem; position: absolute; top: 0; left: 0; } .btn-label .top { height: 3px; background-color: #fff; position: absolute; top: 40%; left: 20%; right: 20%; } .btn-label .middle { height: 3px; background-color: #fff; position: absolute; top: 70%; left: 20%; right: 20%; } .btn-label .bottom { height: 3px; background-color: #fff; position: absolute; top: 100%; left: 20%; right: 20%; } .btn-label .label { text-align: center; position: absolute; bottom: 2px; left: 0; right: 0; font-size: 12px; } #nav-expand:checked + .nav-side .btn-label { display: none; } #nav-expand:checked + .nav-side .close { display: block; } #nav-expand:checked + .nav-side { height: 100%; left: 0; width: 70%; } #nav-expand:checked + .nav-side > ul { height: 89%; overflow: scroll; } .close { cursor: pointer; text-align: right; padding-right: 15px; line-height: 30px; font-size: 30px; cursor: pointer; display: none; height: 40px; border-bottom: 1px solid #fff; } @media (min-width: 1024px) { /* Sets the width of content area for full-width layout */ .full-width #main *[class*="mod_"] .inside, .full-width #footer .inside { max-width:1125px; } /* Sets the width of content area for boxed layout */ .boxed #wrapper { max-width:1125px; } .boxed #header-bar { max-width:1125px; } #header-bar .inside { max-width:1125px; } /* Sets the width of content area for full-with layout when using columns */ .has-columns #container { max-width:1125px; } .add-left #left { width:20%; left: calc(-100% + 20%); } .add-left.add-right #left { width:20%; left: calc(-100% + 20% + 20%); } .add-right #right { width:20%; } .add-left #main { width: calc(100% - 20%); left: 20%; } .add-right #main { width: calc(100% - 20%); } .add-left.add-right #main { width: calc(100% - 20% - 20%); left: 20%; } .hero .inside { max-width:1125px; } body { font-size:1.5em; } h1 { font-size:4.0rem; } h2 { font-size:3.4rem; } h3 { font-size:3.0rem; } h4 { font-size:2.4rem; } h5 { font-size:1.8rem; } h6 { font-size:1.5rem; } } @media (max-width: 768px) { body.boxed { background-image:none; } body { font-size:1.5em; } h1 { font-size:3.5rem; } h2 { font-size:3.2rem; } h3 { font-size:3.0rem; } h4 { font-size:2.6rem; } h5 { font-size:2.0rem; } h6 { font-size:1.5rem; } } @media (min-width: 769px) and (max-width: 1023px) { /* Sets the width of content area for full-width layout */ .full-width #main div[class*="mod_"] .inside, .full-width #footer .inside { width:100%; } /* Sets the width of content area for boxed layout */ .boxed #wrapper { max-width:960px; } .boxed #header-bar { max-width:960px; } .boxed #header-bar .inside { max-width:960px; } .add-left.add-right #left, .add-left.add-right #right { width:50%; } body { font-size:1.6em; } } /****************************************** * General star stylings ******************************************/ .reviews--rating-stars {width:150px;position: relative;color: #F7A720;position: relative;left: 50%;transform: translateX(-50%);text-align: center;} /* will be set to the width, calculated by the module */ .reviews--rating-stars-full {overflow:hidden;} .reviews--rating-stars-full span {font-size:30px;white-space: nowrap;overflow: hidden;color: #F7A720;line-height: 1em;} /* the empty stars with 100% in background */ .reviews--rating-stars-full span:before {content:"\2606\2606\2606\2606\2606"; position: absolute;color: #F7A720;z-index: -1;} /****************************************** * General stylings ******************************************/ .reviews--rating {text-align: center;} .reviews--rating span {font-weight: bold;} .reviews--number-of-reviews {font-size: 11px;text-align: center;} /****************************************** * Badge ******************************************/ .reviews-badge {width: 170px;box-sizing: border-box;background-color: #fff;box-shadow: 0px 4px 7px -2px #000;z-index: 1000;font-size: 14px;position: fixed!important;bottom: 90px;right: 0px;background: #eee;border: 1px solid #ccc;padding: 5px;transition: all 1s ease-in-out; cursor: pointer;} .reviews-badge.closed { right: -170px;} .reviews-badge .close {position: absolute;top: 0;left: 0;width: 20px;height: 20px;font-weight: bold;z-index: 100;} .reviews-badge .close:hover {cursor: pointer;} .reviews-badge img { width: 150px;height: auto;} .reviews-badge .title {position: absolute;left: 60px;top: 5px;} .reviews-badge .rating_number {color: #e7711b;font-weight: bold;font-size: 13px;text-align: center;} .reviews-badge .rating-count {font-size: 16px;} .reviews-badge .rating-count span {font-weight: bold;} /***************************************** Review - List ******************************************/ .reviews-list {position: fixed!important;right: -368px;bottom: 0;width: 368px;box-sizing: border-box!important;background-color: #fff;height: 100%;z-index: 1000;box-shadow: 0px 0px 4px #000;transition: all .7s ease-in-out;padding: 0!important;overflow: hidden;top: 98px;} /* Show review list wrapper*/ .reviews-list.active {right: 0;} /* header */ .reviews-list--header {position: relative;min-height: 80px;padding-bottom: 5px;box-shadow: 2px -1px 4px #000;} .reviews-list--header:hover {cursor: pointer;} .reviews-list--header-logo img {height: 70px;margin-top: 5px;overflow: hidden;width: 0;background-color: transparent!important;} .reviews-list--header-logo{background-image:url("../../files/hmgmbh/images/sterntitel.jpg");background-size: contain; background-repeat: no-repeat;} .reviews-list--header-logo img{no-repeat;} .reviews-list--header-close button{position: absolute;right: 20px;top: 10px;font-size: 32px;background: none;border: none;font-weight: bold;color: /*#999*/ red;font-family: arial;height: auto!important;line-height: .6;padding: 0;} .reviews-list--header-rating-description {text-align: center;} .col-xs-3 figure{} /* reviews */ .reviews-list--reviews {max-height: calc(100% - 280px);overflow-y: scroll;padding: 10px;} .reviews-list--review-wrapper p {text-align: left!important;} .reviews-list--review-author {font-weight: bold;margin-bottom: 0px;margin-top: 20px;} .reviews-list--review-time {color: #999;margin: 0 0 -10px 0;} .reviews--star__full, .reviews--star__empty { color: #F7A720;letter-spacing: -5px;} .reviews-list--review__text { padding-left: 10px;} .reviews-list--link-to-all-reviews {margin-top: 20px; text-align: center;} .reviews-list--comment-header {font-weight: bold;} .reviews-list--comment { font-style: italic;} .mod_reviews_reviewlist .reviews-list--comment-header, .mod_reviews_reviewlist .reviews-list--comment { margin-left: 20px;} .hasteform_sendlink input{color: #333!important;} /***************************************** Star - Rating https://github.com/fredolss/rater-js ******************************************/ .star-rating {margin: 0;} .star-rating p.error {text-align: left;} .star-rating > fieldset {border: none;display: inline-block;margin: 0;padding: 0;} .star-rating > fieldset:not(:checked) > input {position: absolute;top: -9999px;clip: rect(0, 0, 0, 0);} .star-rating > fieldset:not(:checked) > label {float: right;width: 1em;padding: 0 0.05em;overflow: hidden;white-space: nowrap;cursor: pointer;font-size: 200%;color: #F7A720;margin: 0;} .star-rating > fieldset:not(:checked) > label:before {content: "\2606";} .star-rating > fieldset:not(:checked) > label:hover, .star-rating > fieldset:not(:checked) > label:hover ~ label {color: #F7A720;text-shadow: 0 0 3px #F7A720;} .star-rating > fieldset:not(:checked) > label:hover:before, .star-rating > fieldset:not(:checked) > label:hover ~ label:before {content: "\2605";} .star-rating > fieldset > input:checked ~ label:before {content: "\2605";} .star-rating > fieldset > label:active {position: relative;top: 2px;} html { font-size: 62.5%; } body { font-size: 2em; line-height: 1.6; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { margin-top: 0;} h1 { font-size: 2.85rem!important; line-height: 1.2; margin-top:1.5rem; margin-bottom: 2rem;} h2 { font-size: 2.52rem; line-height: 1.25; margin-top:1rem; margin-bottom: 1.5rem;} h3 { font-size: 2.2rem; line-height: 1.3; } h4 { font-size: 2rem; line-height: 1.35; } h5 { font-size: 1.8rem; line-height: 1.5; } h6 { font-size: 1.5rem; line-height: 1.6; } #main h3 {color: #9a9b9c!important; font-size: 3rem; padding: 0; line-height: 1.4em; margin-bottom: 0.5em; font-family: 'ABeeZee', sans-serif; color: #4d4f4f; font-weight: 400; } @media (max-width: 767px) { h1 { font-size: 2.5rem; } h2 { font-size: 2.2rem; } h3 { font-size: 2.0rem; } h4 { font-size: 1.8rem; } h5 { font-size: 1.8rem; } h6 { font-size: 1.5rem; } } aside p { font-size: 80%; } aside h1 { font-size:1.5em; } #footer h1 { font-size: 3rem; } #footer h2 { font-size: 2.5rem; } #footer h3 { font-size: 3rem; } #footer p {font-size: 1.5rem;line-height: 2.2rem;} a {text-decoration: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } a:focus, a:active { outline:none; } figcaption { font-size:1.2rem; display: block; margin-bottom: 1em; padding-top: 0.5em; padding-bottom: 0.5em; } .subheadline {font-size: 2rem;} blockquote, q { border-left: 4px solid; padding-left: 1rem; } hr { margin-top: 3rem; margin-bottom: 3.5rem; } .mod_article .ce_text.intro { padding-bottom:3em; } .mod_breadcrumb ul { padding:0; font-size: 1.1rem; list-style-type:none; } .mod_breadcrumb li { float:left; padding-right: .5em; } .mod_breadcrumb li:after { content: '\e918'; font-family: icons; padding-left: 0.3em; } .mod_breadcrumb .last:after { display:none; } .mod_breadcrumb .first { padding-left:0; } .mod_breadcrumb .active { font-weight:bold; background: none; } p.time::before { content: '\f133'; font-family: icons; padding-right: 0.4em; } p.info { display:inline-block; border-bottom: 1px solid; } body[class^="icon-"]:before, body[class*="icon-"]:before, .mod_navigation li[class^="icon-"]:before, .mod_navigation li[class*="icon-"]:before, .mod_customnav li[class^="icon-"]:before, .mod_customnav li[class*="icon-"]:before{display: none;} .mod_navigation strong {font-weight:normal;} /* --------------- Lists and tables --------------- */ .ce_table ul, .ce_list ul, .ce_text ul {list-style: circle inside;list-style-position: outside;margin-left: 1em;padding-left: 0;margin-top: 0;} .ce_table ol, .ce_list ol, .ce_text ol {list-style: decimal inside;list-style-position: outside;margin-left: 1em;padding-left: 0;margin-top: 0;} .ce_table ul ul, .ce_list ul ul, .ce_text ul ul, .ce_table ul ol, .ce_list ul ol, .ce_text ul ol, .ce_table ol ol, .ce_list ol ol, .ce_text ol ol, .ce_table ol ul, .ce_list ol ul, .ce_text ol ul { margin: 1.5rem 0 1.5rem 3rem; } .ce_table li, .ce_list li, .ce_text li { margin-bottom: 1rem; } [class*="ce_"] table, .mod_calendar table { width:100%; } [class*="ce_"] th, .mod_calendar th, [class*="ce_"] td, .mod_calendar td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #E1E1E1; } [class*="ce_"] th:first-child, .mod_calendar th:first-child, [class*="ce_"] td:first-child, .mod_calendar td:first-child { padding-left: 0; } [class*="ce_"] th:last-child, .mod_calendar th:last-child, [class*="ce_"] td:last-child, .mod_calendar td_last-child { padding-right: 0; } .tableform table label { padding-right:2em; } .mod_calendar thead .label { width: 14.28%; } .mod_calendar .event.upcoming { font-size: 80%; } td.weekend.empty { background:transparent; } /* ------------------ Header image styling ----------------- */ .header-image h1 { font-size: 5.0rem; line-height: 1.2;} .header-image h2 { font-size: 4.6rem; line-height: 1.25;} .header-image h3 { font-size: 4.0rem; line-height: 1.3;} .header-image h4 { font-size: 3.4rem; line-height: 1.35;} .header-image h5 { font-size: 2.8rem; line-height: 1.5;} .header-image h6 { font-size: 2.5rem; line-height: 1.6;} .header-image p {font-size:1.8rem;} .ce_headline h1{ color: #555!important;} @media (max-width: 767px) { .header-image h1, .hero h1 { font-size: 2rem; margin-bottom: 1rem; margin-top: 0; line-height:1;} .header-image h2, .hero h2 { font-size: 1.5rem; margin-bottom: .5rem;} .header-image p, .header-image a { font-size: 1.1rem; } } .image_container.float_left { margin-right:3em;} .image_container.float_right { margin-left:3em;} .image_container .cboxElement:after { content: '\e907'; font-family: icons; padding: .3em .7em; position: absolute; top:0; left:0; z-index:1; opacity: .7; } /* --------------- Forms -------------- */ input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], input[type="submit"], button[type="submit"], textarea, select { height: 38px; width: 100%; padding: 6px 25px; background-color: rgb(66, 87, 134); background-color: rgba(66, 87, 134, 0.1); border: 1px solid transparent; border-bottom: 1px solid #000; box-shadow: none; box-sizing: border-box; color: #333; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0;} input[type="text"].captcha { display: inline-block; width: 4em; } .light input[type="email"], .light input[type="number"], .light input[type="search"], .light input[type="text"], .light input[type="tel"], .light input[type="url"], .light input[type="password"], .light textarea, .light select { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.03); border: 1px solid transparent; border-bottom: 1px solid #fff; color: #fff; } textarea { min-height: 65px; padding-top: 6px; padding-bottom: 6px; } input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0); outline: 0; } label, legend { display: block; /* margin-bottom: .5rem;*/ font-weight: 300; } .radio_container label, .checkbox_container label { display: inline-block; } fieldset { padding: 0; border-width: 0; } input[type="checkbox"], input[type="radio"] { display: inline; } label > .label-body { display: inline-block; margin-left: .5rem; font-weight: normal; } label.block { width:100%; } .widget.block select { width: 100%; } select { border-bottom-left-radius: 0;} .error { color: #ff0000; } /*.ce_comments input[type="email"], .ce_comments input[type="number"], .ce_comments input[type="search"], .ce_comments input[type="text"], .ce_comments input[type="tel"], .ce_comments input[type="url"], .ce_comments input[type="password"], .ce_comments textarea, .ce_comments select { width:auto; } .ce_comments label { display: inline; } */ .comment_default { border: 1px solid #dedede; padding: 1em; margin-bottom: 1em; } .comment_default .reply { padding-left:2em; } .comment_default .reply p.info { font-weight: bold; } /* ------------- Buttons and input submit -------------- */ input, textarea, select, fieldset, button { margin-bottom: 1.5rem; } input[type="submit"], button[type="submit"] { display: inline-block; height: 38px; padding: 0 30px; text-align: center; font-size: 1.5rem; font-weight: 300; line-height: 38px; text-decoration: none; white-space: nowrap; background-color: transparent; border-radius: 4px; border: 1px solid #425786; color: #425786; cursor: pointer; box-sizing: border-box; } input[type="submit"]:hover, input[type="submit"]:focus button:hover, button:focus { color: #0FA0CE; border-color: #0FA0CE; outline: 0; } .light input[type="submit"], .light button[type="submit"] { color: #fff; border-color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .light input[type="submit"]:hover .light button[type="submit"]:hover { color: #0FA0CE; border-color: #0FA0CE; } *[class*="btn"] a, a.btn, a.btn-large, a.btn-small, select.btn { display: inline-block; border: 1px solid #425786; color: #425786; text-decoration:none; padding:.5em .8em; border-radius: 3px; margin-bottom: .5em; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } *[class*="btn"] a:hover, a.btn:hover, a.btn-large:hover, a.btn-small:hover, select.btn:hover {border-color: #CD9500; } *[class*="btn"].invert a, a.btn.invert, a.btn-small.invert, a.btn-large.invert, select.btn.invert { background-color: #425786;color: #fff; } *[class*="btn"].invert a:hover, a.btn.invert:hover, a.btn-small.invert:hover, a.btn-large.invert:hover, select.btn.invert:hover { background-color: #B62C1A;} .btn-small a, a.btn-small {padding: .4em 1em; font-size: 80%; } .btn-large a, a.btn-large { padding: 1em 2em; font-size: 110%; } .light *[class*="btn"] a, .light a.btn, .light a.btn-large, .light a.btn-small, *[class*="btn"].light a, .light.btn-large a, .light.btn-small a { border: 1px solid #fff;color: #fff; } .light *[class*="btn"].invert a, *[class*="btn"].light.invert a {background-color:#fff; } #footer *[class*="btn"] input .submit:hover { border-color: #CD9500; color: #CD9500; } #footer .light input:hover[type="submit"], .light button:hover[type="submit"] {border-color: #CD9500; color: #CD9500; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} /* -------------- Useful helper classes. Extend as needed. ---------------- */ .space-top10 { margin-top:10px; } .space-top20 { margin-top:20px; } .space-top30 { margin-top:30px; } .space-top40 { margin-top:40px; } .space-top50 { margin-top:50px; } .space-bottom10 { margin-bottom:10px; } .space-bottom20 { margin-bottom:20px; } .space-bottom30 { margin-bottom:30px; } .space-bottom40 { margin-bottom:40px; } .space-bottom50 { margin-bottom:50px; } .mod_article.space-top10, .mod_article.space-top20, .mod_article.space-top30, .mod_article.space-top40, .mod_article.space-top50, .mod_article.space-bottom10, .mod_article.space-bottom20, .mod_article.space-bottom30, .mod_article.space-bottom40, .mod_article.space-bottom50 { margin-top:0; margin-bottom: 0; } .mod_article.space-top10 .inside::before {content: ' '; display:block; height: 10px; } .mod_article.space-top20 .inside::before {content: ' '; display:block; height: 20px; } .mod_article.space-top30 .inside::before {content: ' '; display:block; height: 30px; } .mod_article.space-top40 .inside::before {content: ' '; display:block; height: 40px; } .mod_article.space-top50 .inside::before {content: ' '; display:block; height: 50px; } .mod_article.space-bottom10 .inside::after {content: ' '; display:block; height: 10px; clear:both;} .mod_article.space-bottom20 .inside::after {content: ' '; display:block; height: 20px; clear:both;} .mod_article.space-bottom30 .inside::after {content: ' '; display:block; height: 30px; clear:both;} .mod_article.space-bottom40 .inside::after {content: ' '; display:block; height: 40px; clear:both;} .mod_article.space-bottom50 .inside::after {content: ' '; display:block; height: 50px; clear:both;} [class*="ce_"].box, [class*="mod_"].box { padding: 1em 1em 0 1em; margin-bottom: .5em; border: 1px solid #dedede; } .infobox { background-color: #dedede; padding: 1em 1em 0 1em !important; margin-bottom: 1rem; } .infobox:before { content: '\e822'; font-family: icons; padding: 0 .8em 0 0; font-size: 2em; float:left; } .infobox.success { background-color: #F4F4F4;border: double gray 3px; } .success:before { /*content: '\e8ca';*/ } .infobox.warning { background-color: #CC3333; color: #fff; } .warning:before { content: '\e840'; } .feature-item { text-align: center; } .feature-item:before { font-size: 6em; opacity: .5; padding-bottom: 1rem; } /* -------------- Misc ------------------ */ .subnav li { padding-bottom: .5em; } .mod_eventlist .header { margin-top: 2rem; } .mod_eventlist .event { margin-bottom: 1rem; } .mod_eventlist p.time { font-size: 2rem; } .accordion > div { padding: 1rem; } .error { color: ff0000; } .toggler { position: relative; padding: 6px 10px; border-bottom: 1px solid; font-weight: bold; cursor: pointer; } .toggler:focus { outline:none;} .toggler:before { display: inline-block; width:1.5rem; font-family: icons; content: '\e81d'; padding-right: 2em; } .toggler.ui-state-active:before { font-family: icons; content: '\e81f'; padding-right: 2em; } .link-print::before, .link-pdf::before, .link-fb::before, .link-twitter::before, .link-google::before { height: 1.5rem; width: 1.5rem; font-family: icons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.5rem; line-height: 1.5rem; padding:.5em; background-color: #dedede; display: inline-block; border-radius:50%; margin: .2em; color: #000; opacity: .7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .link-print:hover::before, .link-pdf:hover::before, .link-fb:hover::before, .link-twitter:hover::before, .link-google:hover::before { color: #fff; background-color: #999; } .link-print::before { content: '\e8d7'; } .link-pdf::before { content: '\e8cc'; } .link-fb::before { content: '\f09a'; } .link-twitter::before { content: '\f099'; } .link-google::before { content: '\f30f'; } #srl_overLay{ position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; /*background-color: #000;*/ cursor: pointer; display:none;} #srl_layer h3{color: yellow!important;font-weight: bold;} #srl_layer{ /*border:2px solid black;*/ background-color: transparent; width: 700px; height: 500px; position: fixed; top: 50%; left: 50%; margin-left: -350px; margin-top: -250px; z-index: 9999; display:none;} #srl_closeBtn {position:absolute;right:10px;top:10px;width: 21px; height:21px;background: transparent url("../../files/hmgmbh/images/layer_CloseBtn.png") no-repeat center; z-index: 10000;text-indent:-9999px;cursor: pointer;} .srl_content{position:relative;overflow: auto;/*padding:20px;*/}