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{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}header,footer,nav,section,aside,article,figure,figcaption{display:block}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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto} /** * Global TinyMCE style sheet * * Use this style sheet to define CSS classes for the rich text editor. The * stlye sheet will be included in the editor and the page layout automatically. * Although the stlye sheet is shared by all themes, you can override its * formattings in any of your theme style sheets. * * files/tinymce.css (this is how it looks like in TinyMCE) * .warning { color:#c55; } * * theme_a.css (this is how it looks like in theme A) * .warning { font-weight:bold; } * * theme_b.css (this is how it looks like in theme B) * .warning { color:#000; } * * If you do not want to use a global TinyMCE style sheet at all, simply delete * this file (files/tinymce.css). */ .warning { color:#c55; font-size:1.1em; } .confirmation { color:#090; font-size:1.1em; } .information { color:#999; font-size:0.9em; } /* ColorBox, (c) 2011 Jack Moore, MIT license */ #colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#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("../jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background: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("../jquery/colorbox/1.6.1/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("../jquery/colorbox/1.6.1/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("../jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center} /* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */ .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} /* * This file is part of Contao. * * (c) Leo Feyer * * @license LGPL-3.0-or-later */ table.sortable thead th { background-image:url("../jquery/tablesorter/2.0.5/images/default.gif"); background-repeat:no-repeat; background-position:center right; } table.sortable thead th.headerSortDown { background-image:url("../jquery/tablesorter/2.0.5/images/asc.gif"); } table.sortable thead th.headerSortUp { background-image:url("../jquery/tablesorter/2.0.5/images/desc.gif"); } /* background-slider.css */ .ios.youtube .gallerybutton,.ios.youtube .buttonplay{display:none}button.gallerybutton{width:60px;height:60px;top:50%;position:fixed;background-color:rgba(225,64,46,.6);-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);box-shadow:0 0 5px rgba(0,0,0,.4);border-radius:50%;font-size:0px;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html');right:10px;cursor:pointer;z-index:99;transition:all 0.25s ease 0s}button.gallerybutton:hover{width:200px;right:0;border-radius:5px;font-size:20px;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}button.gallerybutton i{padding-top:10px;padding-bottom:10px;text-align:center;font-size:30px}button.gallerybutton:hover i{padding-top:10px;padding-right:10px;padding-bottom:10px;text-align:center;font-size:30px}#transparent_section{width:100%;display:table}.maximage #transparent_section{width:100%;display:block}#transparent_section .inside{display:table-cell;vertical-align:middle}#transparent_section .jumpto a{width:80px;height:80px;bottom:50px;position:absolute;display:block;margin-left:-40px;border:4px solid rgba(225,64,46,.6);border-radius:100%;font-size:0px;line-height:0;text-decoration:none;color:rgba(225,64,46,.6);behavior:url('assets/css3pie/1.0.0/PIE.html');left:50%;transition:all 0.85s ease 0s}.maximage #transparent_section .jumpto a{width:80px;height:80px;position:fixed;display:block;margin-left:-40px;text-align:center;border:4px solid rgba(225,64,46,.6);border-radius:100%;font-size:0px;line-height:0;text-decoration:none;color:rgba(255,255,255,.6);behavior:url('assets/css3pie/1.0.0/PIE.html');left:50%;top:70vh;z-index:99;transition:all 0.85s ease 0s}#transparent_section .jumpto a:hover{width:80px;height:80px;display:inline-block;margin-bottom:10px;border:4px solid rgba(225,64,46,.6);border-radius:100%;font-size:0px;line-height:0;text-decoration:none;color:rgba(225,64,46,.6);behavior:url('assets/css3pie/1.0.0/PIE.html')}.maximage #transparent_section .jumpto a:hover{width:80px;height:80px;display:block;margin-bottom:20px;border:4px solid rgba(225,64,46,.6);border-radius:100%;font-size:0px;line-height:0;text-decoration:none;color:rgba(225,64,46,.6);behavior:url('assets/css3pie/1.0.0/PIE.html')}#transparent_section .jumpto a:before{text-align:center;font:40px/80px FontAwesome;content: '\f103'}.home #header{margin-bottom:0}#transparent_section .ce_text.welcome{width:60%;margin:0 auto;padding:20px}#transparent_section .ce_text.welcome h1{font:3em 'Droid Serif',serif;color:#fff;text-transform:uppercase;font-weight:700;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}#transparent_section .ce_text.welcome h1 span{font:2em 'Droid Serif',serif;color:#e1402e;text-transform:uppercase;font-weight:700;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}#transparent_section .ce_text.welcome p{border-bottom:3px solid #fff;font-size:2em;color:#fff;text-transform:uppercase;font-weight:700;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}#transparent_section .ce_text.ytteaser h2{font:3em 'Droid Serif',serif;color:#fff;text-transform:uppercase;font-weight:700;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}#transparent_section .ce_text.ytteaser p{font-size:2em;color:#fff;text-transform:uppercase;font-weight:700;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}.maximage #container,.maximage #transparent_section .inside,.maximage #before_container .inside{z-index:99}.maximage #before_container .inside{-webkit-box-shadow:0 0 2px rgba(0,0,0,.4);box-shadow:0 0 2px rgba(0,0,0,.4);behavior:url('assets/css3pie/1.0.0/PIE.html');z-index:99}.hidden #before_container{display:none !important}.ce_text.slider_maximage{width:100%;height:100%;display:table}.in-slide-content-table{width:100%;height:100%;display:table}.in-slide-content{display:table-cell;vertical-align:middle;text-align:center}.in-slide-content .content-box{width:50%;display:block;margin-right:auto;margin-left:auto;padding:20px;text-align:center;font:1.8em 'Montserrat',sans-serif;color:#fff;font-weight:400;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}.in-slide-content .content-box h1{font:2em 'Montserrat',sans-serif;color:#e1402e;font-weight:700;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}.in-slide-content .content-box a{font-family:'Montserrat',sans-serif;text-decoration:none;color:#e1402e;font-weight:700;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}div.mc-image .image_container.float_above{margin:0}#transparent_section .ce_text.transparent_text_wrapper{max-width:1240px;margin:0 auto;padding:20px 30px}#transparent_section .ce_text.transparent_text_wrapper h1,#transparent_section .ce_text.transparent_text_wrapper h2,#transparent_section .ce_text.transparent_text_wrapper h3{font:3em 'Droid Serif',serif;color:#e1402e;text-transform:uppercase;font-weight:700;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}#transparent_section .ce_text.transparent_text_wrapper p{font:1.5em 'Droid Serif',serif;color:#fff;font-weight:700;text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.5)}#transparent_section .ce_text.transparent_text_wrapper p a{margin-top:30px;font:.8em 'Muli',sans-serif;color:#fff;font-weight:400;text-shadow:none} /* jquery.maximage-3s.css */ .mc-hide-scrolls{overflow:hidden}body .mc-cycle{width:100%;height:100%;left:0;top:0;position:fixed;overflow:hidden}div.mc-image{width:100%;height:100%;overflow:hidden;background-position:center center;background-repeat:no-repeat;/*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:If you are using fading transitions, use 'opacity: */-webkit-transition: opacity 3s ease-in-out;-moz-transition: opacity 3s ease-in-out;-o-transition: opacity 3s ease-in-out;transition: opacity 3s ease-in-out;/*If you are using horizontal slide transitions, use the following CSS:-webkit-transition: left 3s ease-in-out;-moz-transition: left 3s ease-in-out;-o-transition: left 3s ease-in-out;transition: left 3s ease-in-out;*/ -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover}.mc-old-browser .mc-image{overflow:hidden}#arrow_left,#arrow_right{width:36px;height:67px;bottom:30px;right:30px;position:fixed;z-index:1000}#arrow_left{right:86px} /* extras.css */ #main .inside .mod_article.bgimage1.fullwidth{position:relative;padding:0;background-image:url("../../files/demo-images/bg-images/bg-pattern1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}#main .inside .mod_article.bgimage2.fullwidth{position:relative;padding:0;background-image:url("../../files/demo-images/photodune/cars.html");background-position:center center;background-repeat:no-repeat;background-size:cover}#main .inside .mod_article.bgimage3.fullwidth{position:relative;padding:0;background-image:url("../../files/demo-images/photodune/car.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover}.mod_article.bgimage1:before,.mod_article.bgimage2:before,.mod_article.bgimage2:before{width:100%;height:100%;position:absolute;background-image:url("../../files/theme/img/overlays/07.png");background-position:left top;background-repeat:repeat;content:" ";opacity:0.2}#main .inside .mod_article.bgimage1.fullwidth .ce_text,#main .inside .mod_article.bgimage2.fullwidth .ce_text,#main .inside .mod_article.bgimage3.fullwidth .ce_text{position:relative;margin-top:100px;margin-bottom:100px;padding:0}.android .mobilno{display:none}.android.youtube #header{margin-bottom:0}.android.youtube button.gallerybutton{display:none}.android.youtube #transparent_section{min-height:40vh}#transparent_section .ce_image,#transparent_section .ce_text{width:100%;margin:0 auto}.ce_text.text_wrapper{width:100%;height:100%;left:0;top:0;position:absolute;margin:0}.ce_text.text_wrapper .text_wrapper_outer{width:100%;height:100%;display:table}.ce_text.text_wrapper .text_wrapper_inner{display:table-cell;margin:0;vertical-align:middle;text-align:center}.ce_text.text_wrapper .text_wrapper_inner h2{font-family:'Droid Serif',serif;color:#e1402e}.ce_text.text_wrapper .text_wrapper_inner p{font-family:'Droid Serif',serif;color:#fff}.center{text-align:center}.button a:after{display:inline-block;margin-left:10px;font-family:FontAwesome;text-decoration:none;content: '\f105'}.button a{display:inline-block;padding:4px 12px;background-color:#862586;text-decoration:none;color:#fff}.button.round a{display:inline-block;padding:4px 12px;background-color:#e1402e;border-radius:50px;text-decoration:none;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}.button.medium a{display:inline-block;padding:8px 20px;text-decoration:none;color:#fff}.button.round.medium a{display:inline-block;padding:8px 20px;background-color:#e1402e;border-radius:50px;text-decoration:none;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}.button.big a{display:inline-block;padding:12px 28px;background-color:#e1402e;text-decoration:none;color:#fff}.button.round.big a{display:inline-block;padding:12px 28px;background-color:#e1402e;border-radius:50px;text-decoration:none;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}.button a:hover,.button.round.medium a:hover,.button.round.big a:hover{display:inline-block;text-decoration:none;color:#fff}.ce_text.slogan_home h1,.slogan_home h2{margin-bottom:1.5em;color:#e1402e;text-transform:uppercase;font-weight:400}.ce_text.slogan_home p{font-size:16px}.ce_text.slogan_home a{padding:6px 12px;background-color:#e1402e;border-radius:2px;font-size:16px;text-decoration:none;color:#fff;text-transform:uppercase;behavior:url('assets/css3pie/1.0.0/PIE.html');transition:all 0.3s ease 0s}.ce_text.slogan_home a:hover{border-radius:10px 2px;font-size:16px;text-decoration:none;color:#fff;text-transform:uppercase;behavior:url('assets/css3pie/1.0.0/PIE.html');transition:all 0.3s ease 0s}.ce_text.slogan_home a:active{border-radius:0;font-size:16px;text-decoration:none;color:#fff;text-transform:uppercase;behavior:url('assets/css3pie/1.0.0/PIE.html');transition:all 0.3s ease 0s}.ce_text.slogan_home a:after{margin-left:8px;font:18px FontAwesome;content: '\f101';transition:all 0.3s ease 0s}.ce_text.slogan_home a:hover:after{margin-left:16px;font:18px FontAwesome;content: '\f101';transition:all 0.3s ease 0s}hr.invisible_hr{width:98%;height:1px;position:relative;display:block;margin:40px auto;background: transparent}hr.standard{width:98%;height:1px;position:relative;display:block;margin:40px auto;background-color:#eee}hr.centerline{width:98%;height:1px;position:relative;display:block;margin:40px auto;background-color:#eee}hr.centerline:before{width:48%;height:1px;bottom:0;right:26%;position:absolute;display:block;background-color:#862586;content:""}hr.leftline{width:98%;height:1px;position:relative;display:block;margin:40px auto;background-color:#eee}hr.leftline:before{width:23%;height:1px;bottom:0;left:0;position:absolute;display:block;background-color:#862586;content:""}hr.divider-pattern1{width:98%;height:10px;position:relative;display:block;margin:40px auto;background-image:url("../../files/theme/img/pattern/call-to-action/pattern1.png");background-position:left top;background-repeat:repeat}h1.pattern1,h2.pattern1,h3.pattern1,h4.pattern1,h5.pattern1,h6.pattern1{position:relative;display:block;margin-top:40px;margin-bottom:40px;padding:10px 20px;background-image:url("../../files/theme/img/pattern/call-to-action/pattern1.png");background-position:left top;background-repeat:repeat;border-left:3px solid #e1402e}.leftline h1,.leftline h2,.leftline h3,.leftline h4,.leftline h5,.leftline h6{margin-bottom:40px;padding-bottom:8px;border-bottom:1px solid #eee}.leftline h1:after,.leftline h2:after,.leftline h3:after,.leftline h4:after,.leftline h5:after,.leftline h6:after{width:23%;bottom:-1px;left:0;position:absolute;display:block;border-bottom:1px solid #862586;content:""}h1.leftline,h2.leftline,h3.leftline,h4.leftline,h5.leftline,h6.leftline{clear:both;margin-bottom:40px;padding-bottom:4px;border-bottom:1px solid #eee}h1.leftline:after,h2.leftline:after,h3.leftline:after,h4.leftline:after,h5.leftline:after,h6.leftline:after{width:23%;bottom:-1px;left:0;position:absolute;display:block;border-bottom:1px solid #862586;content:""}.celine h1,.celine h2,.celine h3,.celine h4,.celine h5,.celine h6{margin-bottom:40px;padding-bottom:4px;text-align:center;border-bottom:1px solid #eee}h1.celine,h2.celine,h3.celine,h4.celine,h5.celine,h6.celine{margin-bottom:40px;padding-bottom:4px;border-bottom:1px solid #eee}.celine h1:after,.celine h2:after,.celine h3:after,.celine h4:after,.celine h5:after,.celine h6:after{width:48%;right:26%;position:absolute;border-bottom:1px solid #862586;bottom:-1px;content:""}h1.celine:after,h2.celine:after,h3.celine:after,h4.celine:after,h5.celine:after,h6.celine:after{width:48%;bottom:-1px;left:0;position:absolute;display:block;border-bottom:1px solid #862586;left:26%;content:""}.iconbox_top h1,.iconbox_top h2,.iconbox_top h3{font-size:1.2em}.iconbox_top[class^="fa-"]:before,.iconbox_top[class*="fa-"]:before{width:80px;height:80px;display:inline-block;margin-top:4px;margin-bottom:20px;border:2px solid #cecece;border-radius:50%;font:40px/80px FontAwesome;behavior:url('assets/css3pie/1.0.0/PIE.html');transition:all 0.3s ease 0s}.iconbox_top:hover[class^="fa-"]:before,.iconbox_top:hover[class*="fa-"]:before{background-color:#e1402e;-webkit-box-shadow:0 0 0 4px #cecece;box-shadow:0 0 0 4px #cecece;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}.iconbox_left{position:relative;padding-left:84px;transition:all 0.3s ease 0s}.iconbox_left h1,.iconbox_left h2,.iconbox_left h3{font-size:1.4em;color:#e1402e}.iconbox_left[class^="fa-"]:before,.iconbox_left[class*="fa-"]:before{width:60px;height:60px;left:0;top:0;position:absolute;display:block;margin-top:4px;margin-left:4px;text-align:center;border:2px solid #cecece;border-radius:50%;font:32px/60px FontAwesome;behavior:url('assets/css3pie/1.0.0/PIE.html');transition:all 0.3s ease 0s}.iconbox_left:hover[class^="fa-"]:before,.iconbox_left:hover[class*="fa-"]:before{background-color:#e1402e;-webkit-box-shadow:0 0 0 4px #cecece;box-shadow:0 0 0 4px #cecece;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}.iconbox_right{position:relative;padding-right:84px;text-align:right;transition:all 0.3s ease 0s}.iconbox_right h1,.iconbox_right h2,.iconbox_right h3{font-size:1.4em;color:#e1402e}.iconbox_right[class^="fa-"]:before,.iconbox_right[class*="fa-"]:before{width:60px;height:60px;right:0;top:0;position:absolute;display:block;margin-top:4px;margin-right:4px;text-align:center;border:2px solid #cecece;border-radius:50%;font:32px/60px FontAwesome;behavior:url('assets/css3pie/1.0.0/PIE.html');transition:all 0.3s ease 0s}.iconbox_right:hover[class^="fa-"]:before,.iconbox_right:hover[class*="fa-"]:before{background-color:#e1402e;-webkit-box-shadow:0 0 0 4px #cecece;box-shadow:0 0 0 4px #cecece;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}.rectangle_img{padding:15px;background-color:#f3f3f3;border:1px solid #f3f3f3;transition:all 0.25s linear 0s}.rectangle_img h1,.rectangle_img h2,.rectangle_img h3,.rectangle_img h4,.rectangle_img h5{font-size:1.4em}.rectangle_img:hover{background-color:#fff;border:1px solid #862586;color:#444;transition:all 0.25s linear 0s}.rectangle_img .image_container{margin-bottom:15px}.round_img{padding:15px;background-color:#f3f3f3;border:1px solid #f3f3f3;transition:all 0.25s linear 0s}.round_img h1,.round_img h2,.round_img h3,.round_img h4,.round_img h5{font-size:1.4em}.round_img:hover{background-color:#f4f4f4;border:1px solid #e1402e}.round_img .image_container{margin-bottom:15px;border-radius:200%;behavior:url('assets/css3pie/1.0.0/PIE.html')}.round_img .image_container img{border-radius:200%;behavior:url('assets/css3pie/1.0.0/PIE.html')}.ce_text.message{padding:30px 30px 20px;border:3px double #e8e8e8}.ce_text.message h1,.ce_text.message h2,.ce_text.message h3{padding:20px 30px;background-color:#e1402e;color:#fff;text-transform:uppercase}.tabs ul li a{cursor: pointer}.tabs ul li a:before{margin-right:8px;font-family:FontAwesome}.tabs{position:relative;margin-bottom:1em}.tabs ul.horizontal{display:inline-block;margin-bottom:0}.tabs ul.horizontal li{position:relative;float:left;margin:0;padding:0 16px;background-color:#f3f3f3;border-top:1px solid #e4e4e4;border-left:1px solid #e4e4e4;line-height:38px;list-style-type:none;cursor:pointer}.tabs.horizontal.tab4 ul,.tabs.horizontal.tab3 ul,.tabs.horizontal.tab2 ul{width:100%}.tabs.horizontal.tab4 li{width:25%;line-height:58px}.tabs.horizontal.tab4 li:last-child,.tabs.horizontal.tab3 li:last-child,.tabs.horizontal.tab2 li:last-child{border-right:1px solid #e4e4e4}.tabs.horizontal.tab3 li{width:33.3333%;line-height:58px}.tabs.horizontal.tab2 li{width:50%;line-height:58px}.tabs ul.horizontal li a{position:relative;display:block;text-decoration:none;list-style-type:none}.tabs ul.horizontal li.active{background-color:#fff;border-top:1px solid #e1402e;border-left: 1px solid #e4e4e4}.tabs ul.horizontal li:hover{border-top:1px solid #e1402e;list-style-type:none;cursor:pointer}.tabs > DIV{margin:-5px 0 0;padding:30px 30px 20px;background-color:#fff;border:1px solid #e4e4e4;margin:-9px 0 0 !important}.tabs.vertical ul.vertical{width:30%;float:left;display:block;margin:0}.tabs.vertical ul.vertical li{position:relative;float:none;margin:0;padding:0 16px;background-color:#f3f3f3;border-left:1px solid #e4e4e4;line-height:38px;list-style-type:none;border-top: 1px solid #e4e4e4;cursor:pointer}.tabs.vertical ul.vertical li.active{margin-right:-1px;padding-right:1px}.tabs.vertical ul.vertical li.active{background-color:#fff;border-left:1px solid #e1402e;border-top: 1px solid #e4e4e4}.tabs.vertical ul.vertical li:hover{border-left:1px solid #e1402e;list-style-type:none;cursor:pointer;border-top:1px solid #F3F3F3}.tabs ul.vertical li a{position:relative;display:block;line-height:38px;text-decoration:none;list-style-type:none}.tabs.vertical > DIV{margin:0;padding:30px 30px 20px;background-color:#fff;border:1px solid #e4e4e4;margin:0 !important}.colo1{background-color:#f3f3f3}.colo2{background-color:#373a3e}.colo3{background-color:#afca09}.colo4{background-color:#f7b538}.colo5{background-color:#ed652b}.foco1 p,.foco1 a,.foco1 h1,.foco1 h2,.foco1 h3,.foco1 h4{text-decoration:none;color:#ffffff}.page_name{float:left;display:block;margin-left:1%;font-size:20px;color:#862586;text-transform:uppercase}#backtotop{height:auto;bottom:30px;right:30px;position:fixed;display:none;z-index: 30}#backtotop ul{padding-top:15px;padding-bottom:15px}#backtotop ul li a:before{width:30px;height:30px;top:-15px;position:relative;float:right;display:block;text-align:center;font:20px/30px FontAwesome;color:#fff;content: "\f077"}#backtotop ul li a{width:30px;height:30px;bottom:30px;right:30px;float:right;display:block;padding-top:15px;padding-bottom:15px;background-color:#b0cc06;font-size:0}#backtotop ul li a:hover{background-color:#aaa}.widget.contactvcard.sidebar{margin-bottom:20px;padding:12px 16px;background-color:#f3f3f3}.widget.contactvcard.sidebar h4{border-bottom:1px solid #afca09;font-size:1.2em;color:#862285;font-weight:400}.widget.contactvcard.sidebar .org,.widget.contactvcard.sidebar .adr{display:none}.widget.contactvcard.sidebar .tel:before{margin-right:6px;font-family:FontAwesome;content: "\f095"}.widget.contactvcard.sidebar a.email:before{margin-right:6px;font-family:FontAwesome;content: "\f0e0"}aside .widget.newsletter{margin-bottom:20px;padding:12px 16px;background-color:#f3f3f3}aside .widget.newsletter h4{border-bottom:1px solid #e1402e;font-size:1.2em;font-weight:400}aside .widget.newsletter input[type="submit"]{width:100%;padding:8px;font-weight:400}.featurebox{padding:1.5em}.featurebox a{padding:6px 8px;border:1px solid #e1402e;border-radius:4px;text-decoration:none;behavior:url('assets/css3pie/1.0.0/PIE.html');transition:all 0.25s ease 0s}.foco1.featurebox a{padding:6px 8px;border:1px solid #ffffff;border-radius:4px;behavior:url('assets/css3pie/1.0.0/PIE.html');transition:all 0.25s ease 0s}.featurebox a:hover{padding:6px 12px;transition:all 0.25s ease 0s}.featurebox a:after{display:inline-block;margin-left:10px;font-family:FontAwesome;text-decoration:none;content: '\f105'}.notification p{margin-bottom:0;padding:15px 20px}.notification.attentionbox{background-color:#FFDADA;border:1px solid #FBB;color:#D74545}.notification.successbox{background-color:#E2FFC5;border:1px solid #A1CF6B;color:#4E781B}.notification.warningbox{background-color:#FFFDCC;border:1px solid #CDC15A;color:#777120}.notification.noticebox{background-color:#D7F1FF;border:1px solid #3680A7;color:#5091b2}.successbox p:before{margin-right:10px;font:16px FontAwesome;color:#4E781B;content: "\f11d"}.attentionbox p:before{margin-right:10px;font:16px FontAwesome;color:#D74545;content: "\f071"}.warningbox p:before{margin-right:10px;font:16px FontAwesome;color:#777120;content: "\f0a1"}.noticebox p:before{margin-right:10px;font:16px FontAwesome;color:#5091B2;content: "\f129"}.call-to-action{width:100%;position:relative;display:table;padding:20px;background-image:url("../../files/theme/img/pattern/call-to-action/pattern1.png");background-position:left top;background-repeat:repeat}.call-to-action .call-to-action_left{width:80%;color:#2e2e2e}.call-to-action .call-to-action_right{width:20%}.call-to-action .ce_hyperlink{width:100%;display:block;margin-bottom:0;margin-left:auto;vertical-align:middle;text-align:center}.call-to-action .call-to-action_left,.call-to-action .call-to-action_right{display:table-cell;vertical-align:middle}.call-to-action p:first-child{margin-bottom:0;font-size:18px;line-height:30px;color:#2e2e2e;font-weight:600}.call-to-action.box1{border-bottom:3px solid #e1402e;border-left:3px solid #e1402e}.call-to-action.box2{border-right:3px solid #e1402e;border-left:3px solid #e1402e}.teambox .ce_image{margin-bottom:10px}.teambox h3{margin-bottom:10px;border-bottom:1px solid #eee;font-size:18px;text-transform:uppercase;letter-spacing:1px}.teambox p{margin-bottom:4px;font-size:13px}.teambox .ce_text{border-bottom:1px solid #eee}.teambox .ce_hyperlink{width:30px;height:30px;overflow:hidden;float:left}.teambox .ce_hyperlink a{width:30px;height:30px;overflow:hidden;display:block;border-radius:2px;font-size:0;line-height:0;text-decoration:none;behavior:url('assets/css3pie/1.0.0/PIE.html')}.teambox .ce_hyperlink a:before{overflow:hidden;display:block;text-align:center;border-radius:2px;font:13px/32px FontAwesome;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}.teambox .ce_hyperlink.facebook a:before{background-color:#0d6eac;content: "\f09a"}.teambox .ce_hyperlinka.twitter a:before{background-color:#55ACEE;content: "\f099"}.teambox .ce_hyperlink.googleplus a:before{background-color:#E43D2B;content: "\f0d5"}.teambox .ce_hyperlink.xing a:before{background-color:#006464;content: "\f168"}.teambox .ce_hyperlink.linkedin a:before{background-color:#069;content: "\f0e1"}.teambox .ce_hyperlink.youtube a:before{background-color:#cc181e;content: "\f167"}.socialsnavi.block{overflow:visible;float:left;margin-top:-$topborderpx}.topbar .socialsnavi li{float:left}.topbar .socialsnavi a:before{overflow:hidden;display:block;text-align:center;border-radius:0;font:12px/40px FontAwesome;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}.topbar.socialsnavi a:hover:before{background-color:#d4d4d4}.ce_download.button img.mime_icon{display:none}.download_box{padding:15px;background-color:#f4f4f4}.download_box h1,.download_box h2,.download_box h3,.download_box h4,.download_box h5,.download_box h6{font-size:1.2em}.download_box[class^="fa-"]:before,.download_box[class*="fa-"]:before{width:80px;height:80px;display:inline-block;margin-top:4px;margin-bottom:20px;border:2px solid #cecece;border-radius:50%;font:40px/80px FontAwesome;behavior:url('assets/css3pie/1.0.0/PIE.html');transition:all 0.3s ease 0s}.download_box:hover[class^="fa-"]:before,.download_box:hover[class*="fa-"]:before{background-color:#e1402e;-webkit-box-shadow:0 0 0 4px #cecece;box-shadow:0 0 0 4px #cecece;color:#fff;behavior:url('assets/css3pie/1.0.0/PIE.html')}.transparenth1 #transparent_section{height:400px}.transparenth2 #transparent_section{height:300px}.transparenth3 #transparent_section{height:200px}.topbar .contactdetails{display:inline-block;margin-left:15px}.topbar .contactdetails ul{margin-bottom:0}.topbar .contactdetails ul li{float:left;margin-bottom:0;font-size:12px;line-height:40px;color:rgba(255,255,255,.5)}.topbar .contactdetails ul li a{margin-right:8px;margin-bottom:0;margin-left:0;padding-right:8px;border-right:1px solid #888888;text-decoration:none;color:rgba(255,255,255,.5)}.topbar .contactdetails ul li:hover,.topbar .contactdetails ul li a:hover{color:rgba(255,255,255,1)}.topbar li[class^="fa-"]:before,.topbar li[class*="fa-"]:before{float:left;margin-right:5px;font-family:FontAwesome}.daterange_short h2{width:16.75%;float:left;margin-right:1%;margin-bottom:0;margin-left:1%;padding:3px 10px;background-color:#e1402e;font-size:22px;color:#fff;font-weight:400}.daterange_short form,.onedate form{margin-bottom:0}.daterange_short div,.onedate div{margin-bottom:0}.daterange_short input,.ce_form.daterange_short form select,.daterange_short input.submit[type="submit"],.mod_form.daterange_short form select{margin-bottom:0;padding-top:8px;padding-bottom:8px}.onedate h2{width:35.5%;float:left;margin-right:1%;margin-bottom:0;margin-left:1%;padding:4px 10px;background-color:#e1402e;font-size:24px;color:#fff}.onedate input,.ce_form.onedate form select,.onedate input.submit[type="submit"],.mod_form.onedate form select{margin-bottom:0;padding-top:8px;padding-bottom:8px}.mod_article.table.middle,.mod_article.table.bottom{display:table;margin-top:60px;margin-bottom:60px}.mod_article.table.middle .ce_text,.mod_article.table.middle .ce_image{float:none;display:table-cell;margin-right:0;margin-left:0;padding-right:1%;padding-left:1%;vertical-align:middle}.mod_article.table.bottom .ce_text,.mod_article.table.bottom .ce_image{float:none;display:table-cell;margin-right:0;margin-left:0;padding-right:1%;padding-left:1%;vertical-align:bottom}.mod_article.table.middle .ce_text.textright{text-align:right}.mod_article.table .ce_text p:last-child{margin-bottom:0}.small a{padding:.3em 1.6em}.medium a{padding:.7em 3em;background-color:#852184}.big a{padding:1.2em 4em}.button1 a{display:inline-block;background-color:#852184;border:1px solid #852184;font-weight:normal;color:#fff;text-transform:uppercase;letter-spacing:1;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.2)}.button1 a:hover{background-color:#60175c;border-color:#60175c}.button2 a{display:inline-block;background-color:#1C2730;border:1px solid #1C2730;text-decoration:none;color:#fff;text-transform:uppercase;letter-spacing:1;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.2)}.button2 a:hover{background-color:#212E39;border-color:#212E39}.button3 a{display:inline-block;background-color:#1889C1;border:1px solid #1889C1;text-decoration:none;color:#fff;text-transform:uppercase;letter-spacing:1;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.2)}.button3 a:hover{background-color:#137AAA;border-color:#137AAA}.button4 a{display:inline-block;background-color:#EF730E;border:1px solid #EF730E;text-decoration:none;color:#fff;text-transform:uppercase;letter-spacing:1;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.2)}.button4 a:hover{background-color:#FF7B08;border-color:#FF7B08}.button5 a{display:inline-block;background-color:#f3f3f3;border:1px solid #f3f3f3;text-decoration:none;color:#2d2d2d;text-transform:uppercase;letter-spacing:1;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 3px rgba(0, 0, 0, 0.2)}.button5 a:hover{background-color:#ddd;border-color:#ddd} /* externel_moduls.css */ .mod_changelanguage{float:right;margin:0}.mod_changelanguage ul{margin:0}.mod_changelanguage ul li{display:inline-block;margin:0 0 0 10px;padding-top:10px}.mod_changelanguage ul li a,.mod_changelanguage ul li span{width:16px;height:20px;display:block;text-indent:-9999em}.mod_changelanguage ul li a.lang-de,.mod_changelanguage ul li span.lang-de{background-image:url("../../files/theme/img/icons/de.png");background-position:center center;background-repeat:no-repeat}.mod_changelanguage ul li a.lang-en,.mod_changelanguage ul li span.lang-en{display:block;background-image:url("../../files/theme/img/icons/gb.png");background-position:center center;background-repeat:no-repeat}.mod_changelanguage ul li a.lang-fr,.mod_changelanguage ul li span.lang-fr{background-image:url("../../files/theme/img/icons/fr.png");background-position:center center;background-repeat:no-repeat}.mod_changelanguage ul li a.lang-ru,.mod_changelanguage ul li span.lang-ru{background-image:url("../../files/theme/img/icons/ru.png");background-position:center center;background-repeat:no-repeat}.googlemaps .ce_dlh_googlemaps{width:100%;margin-left:0 !important;margin-right:0 !important}.googlemaps .ce_dlh_googlemaps .dlh_googlemap{width:100%;width:100% !important} /* megameu.css */ #mainmenu ul.level_1 li.submenu.megamenu.sibling:hover ul.level_2{display:block}#mainmenu ul li.megamenu ul ul{position:static;border-top:0px;box-shadow:none}#mainmenu ul li.megamenu.ul_2 ul.level_2{width:500px;right:0;padding:20px 10px}#mainmenu ul li.megamenu.ul_2.last ul.level_2{width:500px;left:auto;right:0;padding:20px 10px}#mainmenu ul li.megamenu.ul_3 ul.level_2{width:620px;right:0;padding:20px 10px}#mainmenu ul li.megamenu.ul_3.last ul.level_2{width:620px;left:auto;right:0;padding:20px 10px}#mainmenu ul li.megamenu.ul_4 ul.level_2{width:900px;right:0;padding:20px 10px}#mainmenu ul li.megamenu ul li{float:left;display:block;padding-right:10px;padding-left:10px;border-right:1px solid rgba(0,0,0,.1)}#mainmenu ul li.megamenu ul li ul li{border-right: none}#mainmenu ul li.megamenu ul li:last-child{border-right: none}#mainmenu ul li.megamenu.ul_4 ul li{width:25%}#mainmenu ul li.megamenu.ul_3 ul li{width:33%}#mainmenu ul li.megamenu.ul_2 ul li{width:50%}#mainmenu ul li.megamenu.ul_4 ul li ul li,#mainmenu ul li.megamenu.ul_3 ul li ul li,#mainmenu ul li.megamenu.ul_2 ul li ul li{width:100%}#mainmenu ul li.megamenu ul li ul li{width:100%;overflow:hidden;float:none}#mainmenu ul li.megamenu ul li a.trail{background: none!important;color:#e1402e !important}#mainmenu ul li.megamenu ul.level_2{border-top:4px solid #e1402e}#mainmenu ul li.megamenu .level_2 li.submenu a.submenu{font-weight:bold;text-transform:uppercase}#mainmenu ul li.megamenu .level_2 li.submenu span.submenu{font-weight:bold;text-transform:uppercase}#mainmenu ul li.megamenu .level_3 li.submenu a.last{font-weight:normal;text-transform:none}#mainmenu ul li.megamenu .level_4 li.submenu a.submenu.first.last{font-weight:bold;text-transform:uppercase}#mainmenu ul li.megamenu .level_5 li.submenu.first a.first.last{font-weight:normal;text-transform:none}#mainmenu ul li.megamenu .level_6 li.submenu a.submenu.first.last{font-weight:bold;text-transform:uppercase}#mainmenu ul li.megamenu ul.level_3,#mainmenu ul li.megamenu ul.level_4,#mainmenu ul li.megamenu ul.level_5,#mainmenu ul li.megamenu ul.level_6,#mainmenu ul li.megamenu ul.level_7{width:100%;display:block;margin:0;padding-top:6px;border-bottom:0;background: transparent;opacity:1}#mainmenu ul li.megamenu ul.level_3 li,#mainmenu ul li.megamenu ul.level_4 li,#mainmenu ul li.megamenu ul.level_5 li{margin:0;padding-right:0;padding-left:0} /* grid-16-percent.css */ *[class*="grid"]{float:left;display:inline;margin-right:1%;margin-left:1%}.mod_article *[class*="ce_"],.mod_article *[class*="mod_"]{margin-right:1%;margin-left:1%}.mod_article.grid1,.mod_article.grid2,.mod_article.grid3,.mod_article.grid4,.mod_article.grid5,.mod_article.grid6,.mod_article.grid7,.mod_article.grid8,.mod_article.grid9,.mod_article.grid10,.mod_article.grid11,.mod_article.grid12,.mod_article.grid13,.mod_article.grid14,.mod_article.grid15,.mod_article.grid16{margin-right:0;margin-left:0}.grid1{width:4.25%}.grid2{width:10.5%}.grid3{width:16.75%}.grid4{width:23%}.grid5{width:29.25%}.grid33{width:31.3333%}.grid6{width:35.5%}.grid7{width:41.75%}.grid8{width:48%}.grid9{width:54.25%}.grid10{width:60.5%}.grid11{width:66.75%}.grid12{width:73%}.grid13{width:79.25%}.grid14{width:85.5%}.grid15{width:91.75%}.grid16{width:98%}.grid16_0{width:100%;margin:0 !important}.mod_article.grid1{width:6.25%}.mod_article.grid2{width:12.5%}.mod_article.grid3{width:18.75%}.mod_article.grid4{width:25%}.mod_article.grid5{width:31.25%}.mod_article.grid6{width:37.5%}.mod_article.grid7{width:43.75%}.mod_article.grid8{width:50%}.mod_article.grid9{width:56.25%}.mod_article.grid10{width:62.5%}.mod_article.grid11{width:68.75%}.mod_article.grid12{width:75%}.mod_article.grid13{width:81.25%}.mod_article.grid14{width:87.5%}.mod_article.grid15{width:93.75%}.mod_article.grid16{width:100%}.offset1{margin-left:7.25% !important}.offset2{margin-left:13.5% !important}.offset3{margin-left:19.75% !important}.offset4{margin-left:26% !important}.offset5{margin-left:32.25% !important}.offset6{margin-left:38.5% !important}.offset7{margin-left:44.75% !important}.offset8{margin-left:51% !important}.offset9{margin-left:57.25% !important}.offset10{margin-left:63.5% !important}.offset11{margin-left:69.75% !important}.offset12{margin-left:76% !important}.offset13{margin-left:82.25% !important}.offset14{margin-left:88.5% !important}.offset15{margin-left:94.75% !important} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){ /* responsive-tablet-portrait.css */ .leftrightColumn #container{padding-right:0;padding-left:0}.leftrightColumn #left{width:50%;right:0;float:left;margin-left:0}.leftrightColumn #left .inside{padding-right:20px}.leftrightColumn #right{width:50%;float:left;margin-right:0}.leftrightColumn #right .inside{padding-left:20px}.mod_quicknav.mobileselect{display:none}#mainmenu ul li.megamenu.ul_4 ul.level_2{width:680px;right:0;padding:20px 10px}.codedrops figure h2{font-size:1.1em}.codedrops figure p,.codedrops figure div p{display:none}figure.effect-lily figcaption > div{bottom:40px !important} } @media only screen and (min-width:768px) and (max-width:1024px){ /* responsive-max-width-1024px.css */ body{padding-top:0;padding-bottom:0}.headerblock,.topbar .inside{padding-right:20px;padding-left:20px}.headerblock .inside,#before_container .inside{padding-right:20px;padding-left:20px}#main .inside [class*="mod_"]{padding-right:20px;padding-left:20px}#left .inside{padding-left:20px}#right .inside{padding-right:20px}.rightColumn #right{width:250px}.rightColumn #container{padding-right:250px}.leftColumn #left{width:250px;right:250px}.leftColumn #container{padding-left:250px}#mainmenu{display:none}#mainmenu.scroll-to-fixed-fixed{display:none}.mod_quicknav.mobileselect{width:150px;overflow:visible;float:right;display:block;margin-right:0;margin-left:1%;background-color:#373a3e;margin-top:25px}.mod_quicknav.mobileselect form,.mod_quicknav.mobileselect .formbody,.mod_quicknav.mobileselect select{margin-bottom:0;background-color:#373a3e}.mod_quicknav.mobileselect select{width:100%;float:right;padding-top:6px;padding-bottom:6px;background-color:#fff;border:1px solid #e1402e}.dk_menu{float:right;display:block;margin-top:20px}.dk_menu a.dk_mobilmenu{width:40px;height:40px;float:none;display:block;text-align:center;background-color:#e1402e;font-size:0px;line-height:40px}.dk_menu a.dk_mobilmenu i{font-size:20px;line-height:40px;text-decoration:none;color:#fff}em.mm-counter{right:50px;float:right;display:inline-block}input.submit[type="submit"]{background:-moz-linear-gradient(top,#e1402e,#e1402e);background:-webkit-linear-gradient(top,#e1402e,#e1402e);background:-o-linear-gradient(top,#e1402e,#e1402e);background:-ms-linear-gradient(top,#e1402e,#e1402e);background:linear-gradient(to bottom,#e1402e,#e1402e);-pie-background:linear-gradient(top,#e1402e,#e1402e);behavior:url('assets/css3pie/1.0.0/PIE.html')}.tabs ul.horizontal li{padding-right:8px;padding-left:8px}.tabs.horizontal.tab4 li,.tabs.horizontal.tab3 li,.tabs.horizontal.tab2 li{line-height:38px}.button a{font-size:13px}.featurebox a{font-size:12px}.featurebox a:hover{padding-right:8px;padding-left:8px;font-size:12px}.mobilno{display:none}.codedrops figure h2{font-size:1.2em}.ios.youtube #header,.android.youtube #header{margin-bottom:0;background-size:cover}.ios.youtube #transparent_section,.android.youtube #transparent_section{min-height:30vh} } @media only screen and (max-width: 767px){ /* responsive-max-width-767px.css */ #mainmenu{display:none}#mainmenu.scroll-to-fixed-fixed{display:none}.mod_quicknav.mobileselect{width:35%;float:right;display:block;margin-top:10px;background-color:#373a3e;border:1px solid #e1402e}.mod_quicknav.mobileselect form,.mod_quicknav.mobileselect .formbody{width:100%;margin-bottom:0}.mod_quicknav.mobileselect select{width:100%;float:none;display:block;margin-right:auto;margin-left:auto;padding-top:5px;padding-bottom:5px;background-color:#fff}.dk_menu{float:right;display:block}.dk_menu a.dk_mobilmenu{width:40px;height:40px;float:none;display:block;text-align:center;background-color:#e1402e;font-size:0px;line-height:40px}.dk_menu a.dk_mobilmenu i{font-size:20px;line-height:40px;text-decoration:none;color:#fff}em.mm-counter{right:50px;float:right;display:inline-block}.customNaviTopbar{display:none}.topbar .contactdetails{margin-left:0}.topbar .contactdetails ul li{font-size:11px}.topbar .contactdetails ul li.fa-phone{display:none;font-size:11px}p#logo{width:200px;height:19px;margin-top:12px;margin-bottom:5px}.socialsnavi.block{display:none}.headerblock{max-width:100%;padding:15px}.topbar .inside{max-width:100%;display:block;padding-right:10px;padding-left:10px}.headerblock,.topbar .inside{padding-right:20px;padding-left:20px}.headerblock .inside,#before_container .inside{padding-right:10px;padding-left:10px}.custom{padding-right:0;padding-left:0}#transparent_section .ce_text.welcome{width:100%}#transparent_section .ce_text.welcome h1{font-size:1.5em}#transparent_section .ce_text.welcome h1 span{font-size:1.5em}#transparent_section .ce_text.welcome p{display:none}#transparent_section .ce_text.transparent_text_wrapper h1,#transparent_section .ce_text.transparent_text_wrapper h2,#transparent_section .ce_text.transparent_text_wrapper h3{font-size:2em}#transparent_section .ce_text.transparent_text_wrapper p{display:none}#transparent_section .ce_hyperlink{display:none}.in-slide-content .content-box{width:90%;font-size:1.2em}.in-slide-content .content-box h1{font-size:1.5em}#arrow_left,#arrow_right{display:none}#controls{display:none}button.gallerybutton{display:none}#before_container .inside{padding-right:30px;padding-left:30px}#main .inside [class*="mod_"]{padding-right:20px;padding-left:20px}#left .inside{margin-left:0;padding-right:30px;padding-left:30px}#right .inside{margin-right:0;margin-left:0;padding-right:30px;padding-left:30px}#footer .widget,#footer .ce_html,#footer .mod_newslist,#footer .mod_customnav{margin-bottom:12px}button.gallerybutton{top:40%;position:absolute}.tabs ul.horizontal{width:100%;display:block}.tabs ul.horizontal li{float:none;border-right:1px solid #eee}.tabs > DIV{margin-top:0 !important}.tabs.horizontal.tab2 li,.tabs.horizontal.tab3 li,.tabs.horizontal.tab4 li{width:100%}.tabs.vertical ul.vertical{width:100%;float:none}.tabs.vertical ul.vertical li{border-right:1px solid #e4e4e4}.ce_sliderStart .slider_text{display:none}.mod_breadcrumb{display:none}.mod_booknav li a{padding-right:8px;padding-left:8px;font-size:12px}.image_container.float_left,.image_container.float_right{float:none;margin-right:0;margin-left:0;float:none !important}.image_container img{width:100%;height:auto;max-width:100%;vertical-align:middle}*[class*="grid"]{float:none !important;display:block !important;width:auto !important}*[class*="offset"]{margin-left:1% !important}input.submit[type="submit"]{background:-moz-linear-gradient(top,#e1402e,#e1402e);background:-webkit-linear-gradient(top,#e1402e,#e1402e);background:-o-linear-gradient(top,#e1402e,#e1402e);background:-ms-linear-gradient(top,#e1402e,#e1402e);background:linear-gradient(to bottom,#e1402e,#e1402e);-pie-background:linear-gradient(top,#e1402e,#e1402e);behavior:url('assets/css3pie/1.0.0/PIE.html')}form.contact1 .name,form.contact1 .email{width:100%;float:none;margin-right:0;margin-left:0}.ce_form [class*="grid"]{width:100%}.ce_form [class*="grid"] input[class*="grid"],.ce_form [class*="grid"] select[class*="grid"],.ce_form [class*="grid"] textarea[class*="grid"]{width:100% !important}.mod_form [class*="grid"] input[class*="grid"],.mod_form [class*="grid"] select[class*="grid"],.mod_form [class*="grid"] textarea[class*="grid"]{width:100% !important}.mod_subscribe input[type="text"],.mod_unsubscribe input[type="text"]{width:100%}.mod_registration fieldset input{width:100%}.mod_search input[type="search"]{width:100%;display:block;margin-bottom:0;border-radius:0;behavior:url('assets/css3pie/1.0.0/PIE.html')}.mod_search input.submit[type="submit"]{width:100%;margin-bottom:20px;border-radius:0 0 3px 3px;behavior:url('assets/css3pie/1.0.0/PIE.html')}.mod_search fieldset{width:100%}.call-to-action .call-to-action_left,.call-to-action .call-to-action_right{display:block}.call-to-action p{width:100%}.bx-wrapper .ce_text .slider_text{display:none}.call-to-action .call-to-action_left{width:100%}.call-to-action .call-to-action_right{width:100%}.teambox{width:100%;overflow:hidden;clear:both;margin-bottom:16px}.googlemaps-fullbg #transparent_section{width:65%}.googlemaps-fullbg #transparent_section h2{font-size:1.3em}.daterange_short h2{width:98%;float:none;margin-bottom:3px}.daterange_short input,.ce_form.daterange_short form select,.daterange_short input.submit[type="submit"],.mod_form.daterange_short form select{margin-bottom:3px}.onedate h2{width:98%;float:none;margin-bottom:3px}.onedate input,.ce_form.onedate form select,.onedate input.submit[type="submit"],.mod_form.onedate form select{margin-bottom:3px}.googlemap{width:100% !important}#before_container section.ce_dlh_googlemaps .dlh_googlemap{line-height:1.5;height:250px !important;width:100% !important}.mobilno{display:none}.ios.youtube #header,.android.youtube #header{margin-bottom:0}.ios.youtube #transparent_section{min-height:5vh}.android.youtube #transparent_section{min-height:50vh}.ce_table.responsive{width:100%;overflow-x:scroll;overflow-y:hidden}.codedrops figure h2{font-size:1.2em}.codedrops figure.image_container figcaption.caption{padding:1.4em !important} } @charset "UTF-8";/*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 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}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.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{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.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;-ms-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-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{0%,100%{-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 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)}100%{-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)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-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)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,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) 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)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-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)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.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)}100%{-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)}100%{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)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s}@-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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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)}100%{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}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{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)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{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}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{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) 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}100%{-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) 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}100%{-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) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-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) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}100%{-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) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-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}100%{-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-animation-duration:.75s;animation-duration:.75s;-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) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-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}100%{-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-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-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);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-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}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-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{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-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}100%{-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}100%{-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) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{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{0%{opacity:1}100%{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{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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.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(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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,.885,.32,1);animation-timing-function:cubic-bezier(0.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)}100%{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)}100%{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)}100%{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)}100%{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.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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,.885,.32,1);animation-timing-function:cubic-bezier(0.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(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{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,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}100%{-webkit-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .codedrops { position: relative; /* margin: 0 auto; */ /* padding: 1em 0 4em; */ max-width: 1000px; list-style: none; text-align: center; } /* Common style */ .codedrops figure.image_container { position: relative; float: left; overflow: hidden; /* margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 48%; */ /* background: #f3f3f3; */ text-align: center; cursor: pointer; } .codedrops figure img { position: relative; display: block; /* min-height: 100%; */ max-width: 100%; opacity: 0.9; } .codedrops figure.image_container a:before,.codedrops figure.image_container a:hover:after { display:none; } .codedrops figure.image_container figcaption.caption { padding: 2em; background-color: transparent; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; width:100% !important; } .codedrops figure figcaption::before, .codedrops figure figcaption::after { pointer-events: none; } .codedrops figure figcaption, .codedrops figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .codedrops figure figcaption.caption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; text-decoration:none; } .codedrops figure h2 { word-spacing: -0.15em; font-weight: 300; text-decoration:none; font-weight:400; color: rgba(255,255,255,0.8); } .codedrops figure a { text-decoration:none; } .codedrops figure h2 span { font-weight: 800; } .codedrops figure h2, .codedrops figure p { margin: 0; } .codedrops figure p { letter-spacing: 1px; font-size: 68.5%; } /* Individual effects */ /*---------------*/ /***** Lily *****/ /*---------------*/ figure.effect-lily img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 0.9; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0px,0, 0); transform: translate3d(0px,0,0); } figure.effect-lily figcaption { text-align: left; } figure.effect-lily figcaption > div { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%; } figure.effect-lily h2, figure.effect-lily p { -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } figure.effect-lily h2 { color: rgba(255,255,255,0.8); -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-lily p { color: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } figure.effect-lily:hover img, figure.effect-lily:hover p { opacity: 1; } figure.effect-lily:hover img, figure.effect-lily:hover h2, figure.effect-lily:hover p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-lily:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } /*---------------*/ /***** Sadie *****/ /*---------------*/ figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } figure.effect-sadie h2 { position: absolute; top: 50%; left: 0; width: 100%; color: #484c61; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-sadie:hover h2 { color: #fff; -webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0); transform: translate3d(0,-50%,0) translate3d(0,-40px,0); } figure.effect-sadie:hover figcaption::before , figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Roxy *****/ /*---------------*/ figure.effect-roxy { background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%); background: linear-gradient(45deg, #ff89e9 0%,#05abe0 100%); } figure.effect-roxy img { max-width: none; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50px,0,0); transform: translate3d(-50px,0,0); } figure.effect-roxy figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); } figure.effect-roxy figcaption { padding: 3em; text-align: left; } figure.effect-roxy h2 { padding: 30% 0 10px 0; } figure.effect-roxy p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); } figure.effect-roxy:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-roxy:hover figcaption::before, figure.effect-roxy:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Bubba *****/ /*---------------*/ figure.effect-bubba { background: #9e5406; } figure.effect-bubba img { opacity: 0.7; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-bubba:hover img { opacity: 0.4; } figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-bubba figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); } figure.effect-bubba figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); } figure.effect-bubba h2 { padding-top: 30%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); } figure.effect-bubba p { padding: 20px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-bubba:hover h2, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Romeo *****/ /*---------------*/ figure.effect-romeo { -webkit-perspective: 1000px; perspective: 1000px; } figure.effect-romeo img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,0,300px); transform: translate3d(0,0,300px); } figure.effect-romeo:hover img { opacity: 0.6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-romeo figcaption::before, figure.effect-romeo figcaption::after { position: absolute; top: 50%; left: 50%; width: 80%; height: 1px; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } figure.effect-romeo:hover figcaption::before { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(45deg); transform: translate3d(-50%,-50%,0) rotate(45deg); } figure.effect-romeo:hover figcaption::after { opacity: 0.5; -webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg); transform: translate3d(-50%,-50%,0) rotate(-45deg); } figure.effect-romeo h2, figure.effect-romeo p { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-romeo h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-150%,0); transform: translate3d(0,-50%,0) translate3d(0,-150%,0); } figure.effect-romeo p { padding: 0.25em 2em; -webkit-transform: translate3d(0,-50%,0) translate3d(0,150%,0); transform: translate3d(0,-50%,0) translate3d(0,150%,0); } figure.effect-romeo:hover h2 { -webkit-transform: translate3d(0,-50%,0) translate3d(0,-100%,0); transform: translate3d(0,-50%,0) translate3d(0,-100%,0); } figure.effect-romeo:hover p { -webkit-transform: translate3d(0,-50%,0) translate3d(0,100%,0); transform: translate3d(0,-50%,0) translate3d(0,100%,0); } /*---------------*/ /***** Layla *****/ /*---------------*/ figure.effect-layla { background: #e1402e; } .codedrops figure.image_container.effect-layla { position: relative; float: left; overflow: hidden; /* margin: 10px 1%; */ min-width: 320px; /* max-width: 480px; */ max-height: 360px; /* height: 245px; */ /* background: #f3f3f3; */ text-align: center; cursor: pointer; } figure.effect-layla img { /* height: 245px; */ height: -webkit-calc(100% + 50px); height: calc(100% + 50px); } figure.effect-layla figcaption { padding: 3em; } figure.effect-layla figcaption::before, figure.effect-layla figcaption::after { position: absolute; content: ''; opacity: 0; } figure.effect-layla figcaption::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0,1); transform: scale(0,1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } figure.effect-layla figcaption::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1,0); transform: scale(1,0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } figure.effect-layla h2 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-layla p { padding: 0.5em 2em; text-transform: none; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } figure.effect-layla img, figure.effect-layla h2 { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-layla:hover img { opacity: 0.7; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-layla:hover h2, figure.effect-layla:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,-10,0); } figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } /*---------------*/ /***** Honey *****/ /*---------------*/ figure.effect-honey { background: #4a3753; } figure.effect-honey img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-honey:hover img { opacity: 0.5; } figure.effect-honey figcaption::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: #fff; content: ''; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-honey h2 { position: absolute; bottom: 0; left: 0; padding: 1em 1.5em; width: 100%; text-align: left; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-honey h2 i { font-style: normal; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); } figure.effect-honey figcaption::before, figure.effect-honey h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-honey:hover figcaption::before, figure.effect-honey:hover h2, figure.effect-honey:hover h2 i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Oscar *****/ /*---------------*/ figure.effect-oscar { background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%); } figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-oscar figcaption { padding: 3em; background-color: rgba(58,52,42,0.7); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; } figure.effect-oscar h2 { margin: 16% 0 10px 0 !important; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-60%,0); transform: translate3d(0,-60%,0); } figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); } figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0,-10%,0); transform: translate3d(0,-30%,0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(58,52,42,0); } figure.effect-oscar:hover img { opacity: 0.4; } /*---------------*/ /***** Marley *****/ /*---------------*/ figure.effect-marley figcaption { text-align: right; } figure.effect-marley h2, figure.effect-marley p { position: absolute; right: 30px; left: 30px; padding: 10px 0; } figure.effect-marley p { bottom: 30px; line-height: 1.5; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-marley h2 { top: 30px; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-marley:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-marley h2::after { position: absolute; top: 100%; left: 0; width: 100%; height: 4px; background: #fff; content: ''; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } figure.effect-marley h2::after, figure.effect-marley p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-marley:hover h2::after, figure.effect-marley:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Ruby *****/ /*---------------*/ figure.effect-ruby { background-color: #17819c; } figure.effect-ruby img { opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.15); transform: scale(1.15); } figure.effect-ruby:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } figure.effect-ruby h2 { margin-top: 10%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-ruby p { margin: 1em 0 0; padding: 2em; border: 1px solid #fff; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,20px,0) scale(1.1); transform: translate3d(0,20px,0) scale(1.1); } figure.effect-ruby:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-ruby:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); } /*---------------*/ /***** Milo *****/ /*---------------*/ figure.effect-milo { background: #4E4E4E; } figure.effect-milo img { max-width: none; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px,0,0) scale(1.12); transform: translate3d(-20px,0,0) scale(1.12); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-milo:hover img { opacity: 0.5; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); } figure.effect-milo h2 { position: absolute; right: 0; bottom: 0; padding: 1em 1.2em; } figure.effect-milo p { padding: 0 10px 0 0; width: 50%; border-right: 1px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0,0); transform: translate3d(-40px,0,0); } figure.effect-milo:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Dexter *****/ /*---------------*/ figure.effect-dexter { background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%); background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); } figure.effect-dexter img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-dexter:hover img { opacity: 0.4; } figure.effect-dexter figcaption::after { position: absolute; right: 30px; bottom: 30px; left: 30px; height: -webkit-calc(50% - 30px); height: calc(50% - 30px); border: 7px solid #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); } figure.effect-dexter:hover figcaption::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-dexter figcaption { padding: 3em; text-align: left; } figure.effect-dexter p { position: absolute; right: 60px; bottom: 60px; left: 60px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); } figure.effect-dexter:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Sarah *****/ /*---------------*/ figure.effect-sarah { background: #42b078; } figure.effect-sarah img { max-width: none; width: -webkit-calc(100% + 20px); width: calc(100% + 20px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-sarah:hover img { opacity: 0.4; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-sarah figcaption { text-align: left; } figure.effect-sarah h2 { position: relative; overflow: hidden; padding: 0.5em 0; } figure.effect-sarah h2::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #fff; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); } figure.effect-sarah:hover h2::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-sarah p { padding: 1em 0; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } figure.effect-sarah:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Zoe *****/ /*---------------*/ figure.effect-zoe figcaption { top: auto; bottom: 0; padding: 1em; height: 3.75em; background: #fff; color: #3c4a50; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); } figure.effect-zoe h2 { float: left; } figure.effect-zoe p.icon-links a { float: right; color: #3c4a50; font-size: 1.4em; } figure.effect-zoe:hover p.icon-links a:hover, figure.effect-zoe:hover p.icon-links a:focus { color: #252d31; } figure.effect-zoe p.description { position: absolute; bottom: 8em; padding: 2em; color: #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; -webkit-backface-visibility: hidden; /* Fix for Chrome 37.0.2062.120 (Mac) */ } figure.effect-zoe h2, figure.effect-zoe p.icon-links a { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,200%,0); transform: translate3d(0,200%,0); } figure.effect-zoe p.icon-links a span::before { display: inline-block; padding: 8px 10px; font-family: 'feathericons'; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-eye::before { content: '\e000'; } .icon-paper-clip::before { content: '\e001'; } .icon-heart::before { content: '\e024'; } figure.effect-zoe h2 { display: inline-block; } figure.effect-zoe:hover p.description { opacity: 1; } figure.effect-zoe:hover figcaption, figure.effect-zoe:hover h2, figure.effect-zoe:hover p.icon-links a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-zoe:hover h2 { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-zoe:hover p.icon-links a:nth-child(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-zoe:hover p.icon-links a:nth-child(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-zoe:hover p.icon-links a:first-child { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } /*---------------*/ /***** Chico *****/ /*---------------*/ figure.effect-chico img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); } figure.effect-chico:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } figure.effect-chico figcaption { padding: 3em; } figure.effect-chico figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); } figure.effect-chico figcaption::before, figure.effect-chico p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-chico h2 { padding: 20% 0 20px 0; } figure.effect-chico p { margin: 0 auto; max-width: 200px; -webkit-transform: scale(1.5); transform: scale(1.5); } figure.effect-chico:hover figcaption::before, figure.effect-chico:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } @media screen and (max-width: 50em) { .content { padding: 0 10px; text-align: center; } .codedrops figure { display: inline-block; float: none; margin: 10px auto; width: 100%; } } .codedrops { position: relative; /* margin: 0 auto; */ /* padding: 1em 0 4em; */ max-width: 1000px; list-style: none; text-align: center; } /* Common style */ .codedrops figure.image_container { position: relative; float: left; overflow: hidden; /* margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 48%; */ /* background: #f3f3f3; */ text-align: center; cursor: pointer; } .codedrops figure img { position: relative; display: block; /* min-height: 100%; */ max-width: 100%; opacity: 0.9; } .codedrops figure.image_container a:before,.codedrops figure.image_container a:hover:after { display:none; } .codedrops figure.image_container figcaption.caption { padding: 2em; background-color: transparent; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; width:100% !important; } .codedrops figure figcaption::before, .codedrops figure figcaption::after { pointer-events: none; } .codedrops figure figcaption, .codedrops figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .codedrops figure figcaption.caption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; text-decoration:none; } .codedrops figure h2 { word-spacing: -0.15em; font-weight: 300; text-decoration:none; font-weight:400; color: rgba(255,255,255,0.8); } .codedrops figure a { text-decoration:none; } .codedrops figure h2 span { font-weight: 800; } .codedrops figure h2, .codedrops figure p { margin: 0; } .codedrops figure p { letter-spacing: 1px; font-size: 68.5%; } /* Individual effects */ /*---------------*/ /***** Julia *****/ /*---------------*/ figure.effect-julia { background: #2f3238; } figure.effect-julia img { max-width: none; /* height: 400px; */ -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-julia figcaption { text-align: left; } figure.effect-julia h2 { position: relative; padding: 0.5em 0; } figure.effect-julia p { display: inline-block; margin: 0 0 0.25em; padding: 0.4em 1em; background: rgba(255,255,255,0.9); color: #2f3238; text-transform: none; font-weight: 500; font-size: 75%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-360px,0,0); transform: translate3d(-360px,0,0); } figure.effect-julia p:first-child { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } figure.effect-julia p:nth-of-type(2) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-julia p:nth-of-type(3) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-julia:hover p:first-child { -webkit-transition-delay: 0s; transition-delay: 0s; } figure.effect-julia:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-julia:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-julia:hover img { opacity: 0.4; -webkit-transform: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); } figure.effect-julia:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*-----------------*/ /***** Goliath *****/ /*-----------------*/ figure.effect-goliath { background: #df4e4e; } figure.effect-goliath img, figure.effect-goliath h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-goliath img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-goliath h2, figure.effect-goliath p { position: absolute; bottom: 0; left: 0; padding: 30px; } figure.effect-goliath p { text-transform: none; font-size: 90%; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } figure.effect-goliath:hover img { -webkit-transform: translate3d(0,-80px,0); transform: translate3d(0,-80px,0); } figure.effect-goliath:hover h2 { -webkit-transform: translate3d(0,-100px,0); transform: translate3d(0,-100px,0); } figure.effect-goliath:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*-----------------*/ /***** Hera *****/ /*-----------------*/ figure.effect-hera { background: #303fa9; } figure.effect-hera h2 { font-size: 158.75%; } figure.effect-hera h2, figure.effect-hera p { position: absolute; top: 50%; left: 50%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); -webkit-transform-origin: 50%; transform-origin: 50%; } figure.effect-hera figcaption::before { position: absolute; top: 50%; left: 50%; width: 200px; height: 200px; border: 2px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(0,0,1); -webkit-transform-origin: 50%; transform-origin: 50%; } figure.effect-hera p { width: 100px; text-transform: none; font-size: 121%; line-height: 2; } figure.effect-hera p a { color: #fff; } figure.effect-hera p a:hover, figure.effect-hera p a:focus { opacity: 0.6; } figure.effect-hera p a i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-hera p a:first-child i { -webkit-transform: translate3d(-60px,-60px,0); transform: translate3d(-60px,-60px,0); } figure.effect-hera p a:nth-child(2) i { -webkit-transform: translate3d(60px,-60px,0); transform: translate3d(60px,-60px,0); } figure.effect-hera p a:nth-child(3) i { -webkit-transform: translate3d(-60px,60px,0); transform: translate3d(-60px,60px,0); } figure.effect-hera p a:nth-child(4) i { -webkit-transform: translate3d(60px,60px,0); transform: translate3d(60px,60px,0); } figure.effect-hera:hover figcaption::before { opacity: 1; -webkit-transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1); transform: translate3d(-50%,-50%,0) rotate3d(0,0,1,-45deg) scale3d(1,1,1); } figure.effect-hera:hover h2 { opacity: 0; -webkit-transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); transform: translate3d(-50%,-50%,0) scale3d(0.8,0.8,1); } figure.effect-hera:hover p i:empty { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); /* just because it's stronger than nth-child */ opacity: 1; } /*-----------------*/ /***** Winston *****/ /*-----------------*/ figure.effect-winston { background: #162633; text-align: left; } figure.effect-winston img { -webkit-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-winston figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../files/theme/img/triangle.html) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } figure.effect-winston h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-winston p { position: absolute; right: 0; bottom: 0; padding: 0 1.5em 7% 0; } figure.effect-winston a { margin: 0 10px; color: #5d504f; font-size: 170%; } figure.effect-winston a:hover, figure.effect-winston a:focus { color: #cc6055; } figure.effect-winston p a i { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } figure.effect-winston:hover img { opacity: 0.6; } figure.effect-winston:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-winston:hover figcaption::before { opacity: 0.7; -webkit-transform: rotate3d(0,0,1,20deg); transform: rotate3d(0,0,1,20deg); } figure.effect-winston:hover p i { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-winston:hover p a:nth-child(3) i { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-winston:hover p a:nth-child(2) i { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-winston:hover p a:first-child i { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } /*-----------------*/ /***** Selena *****/ /*-----------------*/ figure.effect-selena { background: #fff; } figure.effect-selena img { opacity: 0.95; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-selena:hover img { -webkit-transform: scale3d(0.95,0.95,1); transform: scale3d(0.95,0.95,1); } figure.effect-selena h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); } figure.effect-selena p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg); transform: perspective(1000px) rotate3d(1,0,0,90deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } figure.effect-selena:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-selena:hover p { opacity: 1; -webkit-transform: perspective(1000px) rotate3d(1,0,0,0); transform: perspective(1000px) rotate3d(1,0,0,0); } /*-----------------*/ /***** Terry *****/ /*-----------------*/ figure.effect-terry { background: #34495e; } figure.effect-terry figcaption { padding: 1em; } figure.effect-terry figcaption::before, figure.effect-terry figcaption::after { position: absolute; width: 200%; height: 200%; border-style: solid; border-color: #101010; content: ''; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-terry figcaption::before { right: 0; bottom: 0; border-width: 0 70px 60px 0; -webkit-transform: translate3d(70px,60px,0); transform: translate3d(70px,60px,0); } figure.effect-terry figcaption::after { top: 0; left: 0; border-width: 15px 0 0 15px; -webkit-transform: translate3d(-15px,-15px,0); transform: translate3d(-15px,-15px,0); } figure.effect-terry img, figure.effect-terry p a { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-terry img { opacity: 0.85; } figure.effect-terry h2 { position: absolute; bottom: 0; left: 0; padding: 0.4em 10px; width: 50%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); } @media screen and (max-width: 920px) { figure.effect-terry h2 { padding: 0.75em 10px; font-size: 120%; } } figure.effect-terry p { float: right; clear: both; text-align: left; text-transform: none; font-size: 111%; } figure.effect-terry p a { display: block; margin-bottom: 1em; color: #fff; opacity: 0; -webkit-transform: translate3d(90px,0,0); transform: translate3d(90px,0,0); } figure.effect-terry p a:hover, figure.effect-terry p a:focus { color: #f3cf3f; } figure.effect-terry:hover figcaption::before, figure.effect-terry:hover figcaption::after { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-terry:hover img { opacity: 0.6; } figure.effect-terry:hover h2, figure.effect-terry:hover p a { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-terry:hover p a { opacity: 1; } figure.effect-terry:hover p a:first-child { -webkit-transition-delay: 0.025s; transition-delay: 0.025s; } figure.effect-terry:hover p a:nth-child(2) { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-terry:hover p a:nth-child(3) { -webkit-transition-delay: 0.075s; transition-delay: 0.075s; } figure.effect-terry:hover p a:nth-child(4) { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } /*-----------------*/ /***** Phoebe *****/ /*-----------------*/ figure.effect-phoebe { background: #675983; } figure.effect-phoebe img { opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-phoebe:hover img { opacity: 0.6; } figure.effect-phoebe figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../files/theme/img/triangle2.html) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(5,2.5,1); transform: scale3d(5,2.5,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-phoebe:hover figcaption::before { opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-phoebe h2 { margin-top: 1em; -webkit-transition: transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); } figure.effect-phoebe:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-phoebe p a { color: #fff; font-size: 140%; opacity: 0; position: relative; display: inline-block; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-phoebe p a:first-child { -webkit-transform: translate3d(-60px,-60px,0); transform: translate3d(-60px,-60px,0); } figure.effect-phoebe p a:nth-child(2) { -webkit-transform: translate3d(0,60px,0); transform: translate3d(0,60px,0); } figure.effect-phoebe p a:nth-child(3) { -webkit-transform: translate3d(60px,-60px,0); transform: translate3d(60px,-60px,0); } figure.effect-phoebe:hover p a { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*-----------------*/ /***** Apollo *****/ /*-----------------*/ figure.effect-apollo { background: #3498db; } figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); } figure.effect-apollo figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); } figure.effect-apollo p { position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-apollo h2 { text-align: left; } figure.effect-apollo:hover img { opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); } figure.effect-apollo:hover p { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } /*-----------------*/ /***** Kira *****/ /*-----------------*/ figure.effect-kira { background: #fff; text-align: left; } figure.effect-kira img { -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-kira figcaption { z-index: 1; } figure.effect-kira p { padding: 2.25em 0.5em; font-weight: 600; font-size: 100%; line-height: 1.5; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); } figure.effect-kira p a { margin: 0 0.5em; color: #101010; } figure.effect-kira p a:hover, figure.effect-kira p a:focus { opacity: 0.6; } figure.effect-kira figcaption::before { position: absolute; top: 0; right: 2em; left: 2em; z-index: -1; height: 3.5em; background: #fff; content: ''; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,4em,0) scale3d(1,0.023,1) ; transform: translate3d(0,4em,0) scale3d(1,0.023,1); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; } figure.effect-kira:hover img { opacity: 0.5; } figure.effect-kira:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-kira:hover figcaption::before { opacity: 0.7; -webkit-transform: translate3d(0,5em,0) scale3d(1,1,1) ; transform: translate3d(0,5em,0) scale3d(1,1,1); } /*-----------------*/ /***** Steve *****/ /*-----------------*/ figure.effect-steve { z-index: auto; overflow: visible; background: #000; } figure.effect-steve:before, figure.effect-steve h2:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #000; content: ''; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-steve:before { box-shadow: 0 3px 30px rgba(0,0,0,0.8); opacity: 0; } figure.effect-steve figcaption { z-index: 1; } figure.effect-steve img { opacity: 1; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0,0,0); transform: perspective(1000px) translate3d(0,0,0); } figure.effect-steve h2, figure.effect-steve p { background: #fff; color: #2d434e; } figure.effect-steve h2 { position: relative; margin-top: 2em; padding: 0.25em; } figure.effect-steve h2:before { box-shadow: 0 1px 10px rgba(0,0,0,0.5); } figure.effect-steve p { margin-top: 1em; padding: 0.5em; font-weight: 800; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(0.9,0.9,1); transform: scale3d(0.9,0.9,1); } figure.effect-steve:hover:before { opacity: 1; } figure.effect-steve:hover img { -webkit-transform: perspective(1000px) translate3d(0,0,21px); transform: perspective(1000px) translate3d(0,0,21px); } figure.effect-steve:hover h2:before { opacity: 0; } figure.effect-steve:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } /*-----------------*/ /***** Moses *****/ /*-----------------*/ figure.effect-moses { background: -webkit-linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%); background: linear-gradient(-45deg, #EC65B7 0%,#05E0D8 100%); } figure.effect-moses img { opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-moses h2, figure.effect-moses p { padding: 20px; width: 50%; height: 50%; border: 2px solid #fff; } figure.effect-moses h2 { padding: 20px; width: 50%; height: 50%; text-align: left; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(10px,10px,0); transform: translate3d(10px,10px,0); } figure.effect-moses p { float: right; padding: 20px; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); } figure.effect-moses:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-moses:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-moses:hover img { opacity: 0.6; } /*---------------*/ /***** Jazz *****/ /*---------------*/ figure.effect-jazz { background: -webkit-linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); background: linear-gradient(-45deg, #f3cf3f 0%,#f33f58 100%); } figure.effect-jazz img { opacity: 0.9; } figure.effect-jazz figcaption::after, figure.effect-jazz img, figure.effect-jazz p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-jazz figcaption::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-top: 1px solid #fff; border-bottom: 1px solid #fff; content: ''; opacity: 0; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); transform: rotate3d(0,0,1,45deg) scale3d(1,0,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-jazz h2, figure.effect-jazz p { opacity: 1; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); } figure.effect-jazz h2 { padding-top: 26%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-jazz p { padding: 0.5em 2em; text-transform: none; font-size: 0.85em; opacity: 0; } figure.effect-jazz:hover img { opacity: 0.7; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); } figure.effect-jazz:hover figcaption::after { opacity: 1; -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); transform: rotate3d(0,0,1,45deg) scale3d(1,1,1); } figure.effect-jazz:hover h2, figure.effect-jazz:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } /*---------------*/ /***** Ming *****/ /*---------------*/ figure.effect-ming { background: #030c17; } figure.effect-ming img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-ming figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 2px solid #fff; box-shadow: 0 0 0 30px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4,1.4,1); transform: scale3d(1.4,1.4,1); } figure.effect-ming h2 { margin: 11% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } figure.effect-ming p { padding: 1em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.5); transform: scale(1.5); } figure.effect-ming:hover h2 { -webkit-transform: scale(0.9); transform: scale(0.9); } figure.effect-ming:hover figcaption::before, figure.effect-ming:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-ming:hover figcaption { background-color: rgba(58,52,42,0); } figure.effect-ming:hover img { opacity: 0.4; } /*---------------*/ /***** Lexi *****/ /*---------------*/ figure.effect-lexi { background: -webkit-linear-gradient(-45deg, #000 0%,#fff 100%); background: linear-gradient(-45deg, #000 0%,#fff 100%); } figure.effect-lexi img { margin: -10px 0 0 -10px; max-width: none; width: -webkit-calc(100% + 10px); width: calc(100% + 10px); opacity: 0.9; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(10px,10px,0); transform: translate3d(10px,10px,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-lexi figcaption::before, figure.effect-lexi p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-lexi figcaption::before { position: absolute; right: -100px; bottom: -100px; width: 300px; height: 300px; border: 2px solid #fff; border-radius: 50%; box-shadow: 0 0 0 900px rgba(255,255,255,0.2); content: ''; opacity: 0; -webkit-transform: scale3d(0.5,0.5,1); transform: scale3d(0.5,0.5,1); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } figure.effect-lexi:hover img { opacity: 0.6; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-lexi h2 { text-align: left; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(5px,5px,0); transform: translate3d(5px,5px,0); } figure.effect-lexi p { position: absolute; right: 0; bottom: 0; padding: 0 1.5em 1.5em 0; width: 140px; text-align: right; opacity: 0; -webkit-transform: translate3d(20px,20px,0); transform: translate3d(20px,20px,0); } figure.effect-lexi:hover figcaption::before { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } figure.effect-lexi:hover h2, figure.effect-lexi:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } /*---------------*/ /***** Duke *****/ /*---------------*/ figure.effect-duke { background: -webkit-linear-gradient(-45deg, #34495e 0%,#cc6055 100%); background: linear-gradient(-45deg, #34495e 0%,#cc6055 100%); } figure.effect-duke img, figure.effect-duke p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-duke:hover img { opacity: 0.1; -webkit-transform: scale3d(2,2,1); transform: scale3d(2,2,1); } figure.effect-duke h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; } figure.effect-duke p { position: absolute; bottom: 0; left: 0; margin: 20px; padding: 30px; border: 2px solid #fff; text-transform: none; font-size: 90%; opacity: 0; -webkit-transform: scale3d(0.8,0.8,1); transform: scale3d(0.8,0.8,1); -webkit-transform-origin: 50% -100%; transform-origin: 50% -100%; } figure.effect-duke:hover h2, figure.effect-duke:hover p { opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); } /* Media queries */ @media screen and (max-width: 50em) { .content { padding: 0 10px; text-align: center; } .grid figure { display: inline-block; float: none; margin: 10px auto; width: 100%; } } #wrapper { background-color:#fff; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border: 0; outline: 0; background-repeat: no-repeat; } html { min-height:100%; -webkit-text-size-adjust: none; overflow-y: scroll; -webkit-text-rendering:optimizelegibility; } body { padding-top:0; padding-bottom:0; background:#e7e7e7 url("../../files/theme/css/files/theme/img/pattern/pattern1.html") left top repeat; font:15px/1.8 'Lato',sans-serif; font-weight:normal; color:#888888; font-weight: 400; overflow-x:hidden; } /* montserrat-100 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 100; src: url('../../files/theme/fonts/montserrat-v25-latin-100.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-100d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-100.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-100.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-200 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 200; src: url('../../files/theme/fonts/montserrat-v25-latin-200.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-200d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-200.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-200.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; src: url('../../files/theme/fonts/montserrat-v25-latin-300.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-300.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-regular - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../../files/theme/fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 500; src: url('../../files/theme/fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-500d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600; src: url('../../files/theme/fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../../files/theme/fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 800; src: url('../../files/theme/fonts/montserrat-v25-latin-800.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-800d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-800.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-800.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900 - latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; src: url('../../files/theme/fonts/montserrat-v25-latin-900.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-900d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-100italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 100; src: url('../../files/theme/fonts/montserrat-v25-latin-100italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-100italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-100italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-200italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 200; src: url('../../files/theme/fonts/montserrat-v25-latin-200italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-200italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-200italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-200italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-300italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 300; src: url('../../files/theme/fonts/montserrat-v25-latin-300italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-300italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-300italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 400; src: url('../../files/theme/fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-500italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 500; src: url('../../files/theme/fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-500italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-600italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 600; src: url('../../files/theme/fonts/montserrat-v25-latin-600italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-600italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-700italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 700; src: url('../../files/theme/fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-700italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-800italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 800; src: url('../../files/theme/fonts/montserrat-v25-latin-800italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-800italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-800italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } /* montserrat-900italic - latin */ @font-face { font-family: 'Montserrat'; font-style: italic; font-weight: 900; src: url('../../files/theme/fonts/montserrat-v25-latin-900italic.eot'); /* IE9 Compat Modes */ src: local(''), url('../../files/theme/fonts/montserrat-v25-latin-900italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../files/theme/fonts/montserrat-v25-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('../../files/theme/fonts/montserrat-v25-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../files/theme/fonts/montserrat-v25-latin-900italic.svg#Montserrat') format('svg'); /* Legacy iOS */ } h1, h3, h4, h5, h6 { position:relative; margin-top:0; margin-bottom:.5em; line-height:1.2; color:#444444; font-weight: 400; } h2 { position:relative; margin-top:0; margin-bottom:.5em; line-height:1.2; color:#862586; font-weight: 400; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size:2em; font-weight: 900; } h2 { font-size:1.8em; font-weight: 900; } h3 { font-size:1.6em; } h4 { font-size:1.4em; } h5 { font-size:1.3em; } h6 { font-size:1.2em; } p, pre, blockquote, table, ol, ul, form { margin-bottom:15px; } section, figure { margin:0; padding:0; } a { color:#888888; } a:hover { color:#852184; } ul li { list-style-type:none; } ::-moz-selection { background-color:#852184; color:#fff; } ::selection { background-color:#852184; color:#fff; } p#logo { width:432px; height:85px; overflow:hidden; float:left; display:block; margin-top:10px; margin-bottom:10px; margin-left:0px; background-image:url("../../files/theme/img/praxis-radermacher.jpg"); background-position:center center; background-repeat:no-repeat; background-size: 100%; } #logo a { width:100%; height:100%; display:block; } #logo a span { left:-999em; top:-999em; position:absolute; } #header { width:100%; position:relative; display:table; background-color:#373a3e; z-index:999; } #header .inside { overflow:visible; z-index:999; } .topbar { background-color:#afca09; } .topbar .inside { max-width:1240px; position:relative; margin-right:auto; margin-left:auto; padding-right:50px; padding-left:50px; line-height:0; z-index:999; } .headerblock { width:100%; display:block; margin-right:auto; margin-left:auto; padding-right:50px; padding-left:50px; background-color:#fff; } .headerblock .inside { max-width:1240px; display:block; margin-right:auto; margin-left:auto; padding-right:50px; padding-left:50px; } #slidersmall { padding-top:80px; background-color:#313438; } #slidersmall .inside { max-width:1240px; margin-right:auto; margin-left:auto; padding-right:50px; padding-left:50px; } #before_container { display:block; background-color:#f3f3f3; } .android #before_container { max-width:100%; } #before_container .inside { width:98%; max-width:1240px; overflow:hidden; display:block; margin-right:auto; margin-left:auto; padding:20px 50px; line-height:30px; } #container { max-width:1240px; display:block; margin-right:auto; margin-left:auto; padding-top:30px; } #container { background-color:#fff; } .fullwidth #container { max-width:100%; display:block; padding-top:30px; } .android #container { max-width:100%; } .fullwidth #main { float:none; } .home #main .inside { padding-top:30px; padding-bottom:30px; } #main .inside { padding-top:0; padding-bottom:30px; } #main .inside [class*="mod_"] { padding-right:50px; padding-left:50px; } .fullwidth #main .inside [class*="mod_"] { max-width:1240px; margin-right:auto; margin-left:auto; padding-right:50px; padding-left:50px; } .fullwidth #main .inside .mod_article.fullwidth { max-width:100%; } .fullwidth #main .inside .mod_article.fullwidth .elementwrapper { max-width:1240px; margin-right:auto; margin-left:auto; padding-right:50px; padding-left:50px; } #main .inside .mod_article [class*="mod_"] { padding-right:0; padding-left:0; } #main .inside .mod_article.fullwidth { padding:50px; } #main .inside .mod_article.fullwidth.parallax { padding:0; } #left .inside { margin-left:19px; padding:12px 0 20px 30px; } #right .inside { margin-right:19px; padding:12px 30px 20px 0; } aside h3 { padding-bottom:6px; border-bottom:1px solid #852184; font-size:1.2em; } #footer { position:relative; background-color:#323438; color:#A0A8B4; z-index:99; } #footer .inside { max-width:1240px; margin-right:auto; margin-left:auto; padding:30px 50px 20px; } .ce_text, .ce_list, .ce_table, .ce_image, .ce_gallery, .ce_download, .ce_downloads, .ce_code, .ce_hyperlink, .ce_youtube, .ce_player { position:relative; margin-bottom:1.2em; } #header .ce_image, #slidersmall .ce_image, #sliderbig .ce_image, #imagebox .ce_image { margin:0; } #header .ce_text { margin-right:0; margin-bottom:0; margin-left:0; } #header .ce_text .text_wrapper_outer { max-width:1240px; margin-right:auto; margin-bottom:0; margin-left:auto; } #header .ce_text .text_wrapper_outer .text_wrapper_inner { padding-right:50px; padding-left:50px; text-align:left; } #header .ce_text .text_wrapper_outer .text_wrapper_inner h2, #header .ce_text .text_wrapper_outer .text_wrapper_inner h5 { font-family:'Montserrat',sans-serif; } #header .mod_article { margin:0; background-color:#313438; } .elementwrapper h2, .elementwrapper p { font: 15px/1.8 'Lato',sans-serif; font-weight:normal; color: #4c4c4c; } .elementwrapper h2 { margin-bottom:40px; font-family:'Montserrat',sans-serif; font-size: 1.7em; color:#852184; font-weight:700; } .mod_quicknav.mobileselect { display:none; } .dk_menu { display:none; } #mainmenu { width:auto; position:relative; overflow:visible; float:right; display:block; margin-top:36px; margin-bottom:0; line-height:0; visibility:visible; overflow: visible!important; z-index:9999; transition:box-shadow,margin-top 1.5s ease 0s; } #mainmenu ul { position:relative; float:left; display:inline-table; margin-bottom:0; } #mainmenu ul li { float:left; } #mainmenu .level_1 li:hover a { color:#000; } #mainmenu ul li a, #mainmenu ul li span { position:relative; color: #4c4c4c; float:none; display:block; margin-right:14px; margin-left:4px; padding:13px 0; font-size:13px; line-height:2; font-weight:bold; text-decoration:none; text-transform:uppercase; letter-spacing:1px; -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; z-index:10; } #mainmenu ul li.submenu a:after, #mainmenu ul li.submenu span:after { margin-left:5px; font:12px/1 FontAwesome; text-decoration:none; content: "\f107"; } #mainmenu ul li ul li a:after, #mainmenu ul li ul li span:after { display:none; } #mainmenu ul ul li a:after { display:none; } #mainmenu ul ul li a:before { display:none; } #mainmenu a { text-decoration:none; color:#ffffff; -webkit-transition: All 0.25s ease; -moz-transition: All 0.25s ease; -o-transition: All 0.25s ease; -ms-transition: All 0.25s ease; transition: All 0.25s ease; } #mainmenu ul li:hover a, #mainmenu ul li span { color:#81177c; } #mainmenu ul li a.trail { color:#81177c; } #mainmenu ul:after { clear:both; display:block; content: ""; } #mainmenu ul ul li:after { display:none; } #mainmenu ul ul { width:200px; position:absolute; display:none; padding:0; background-color:#373a3e; -webkit-box-shadow:0 0 2px rgba(0,0,0,.4); box-shadow:0 0 2px rgba(0,0,0,.4); border-top:4px solid #852184; border-bottom:4px solid #852184; behavior:url('assets/css3pie/1.0.0/PIE.html'); opacity:0; } #mainmenu ul li:hover > ul { display:block; opacity:1; } #mainmenu ul ul li { width:100%; margin-right:0; margin-left:0; } #mainmenu ul ul li a { display:block; margin-right:0; margin-left:0; padding:6px 24px; text-align:left; border-bottom:1px solid rgba(0,0,0,.1); font-size:12px; font-weight:normal; color:#ffffff; text-transform:none; color:#ffffff !important; background:none !important; } #mainmenu ul ul ul li a.last { border-bottom: none; } #mainmenu ul ul span, #mainmenu ul ul a.trail, #mainmenu ul ul li a:hover { display:block; margin-right:0; margin-left:0; padding:6px 14px 6px 18px; font-size:12px; font-weight:normal; text-transform:none; letter-spacing:1px; background:#852184 !important; color:#ffffff !important; } /* Menu right */ #mainmenu ul li.last ul { right:0; } /* Menu right */ #mainmenu ul.level_1 li.submenu.sibling.last ul.level_2 { right:0; } /* Menu right */ #mainmenu ul.level_1 li.submenu.last ul.level_2 li.submenu ul.level_3 { left:-100%; } /* Menu right */ #mainmenu ul.level_1 li.submenu.last ul.level_2 li.submenu ul.level_3 li.submenu ul.level_4 { left:-100%; } /* Menu right */ #mainmenu ul.level_1 li.submenu.last ul.level_2 li.submenu ul.level_3 li.submenu ul.level_4 li.submenu ul.level_5 { left:-100%; } #mainmenu ul ul ul { left:100%; position:absolute; margin-top:-42px; padding-top:0; } #submenu { margin-bottom:20px; padding:16px; background-color:#f3f3f3; } #submenu h3 { padding-bottom:6px; border-bottom:1px solid #852184; font-size:1.2em; font-weight:400; } #submenu li { margin-bottom:6px; border-bottom:1px solid #deddd9; } #submenu li.submenu { border:none; } #submenu a { display:block; margin-bottom:0; padding:6px 12px; border-radius:$navrpx; line-height:2; text-decoration:none; behavior:url('assets/css3pie/1.0.0/PIE.html'); font-weight:400; -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; } #submenu a:after { float:right; display:inline-block; font:14px/2 FontAwesome; text-decoration:none; content: "\f105"; } #submenu span:after, #submenu a:hover:after { float:right; display:inline-block; font:14px/2 FontAwesome; color:#852184; content: "\f105"; } #submenu a.active, #submenu a:hover, #submenu span { display:block; margin-bottom:0; padding:6px 12px 6px 16px; border-radius:$navrpx; line-height:2; text-decoration:none; color:#852184; behavior:url('assets/css3pie/1.0.0/PIE.html'); font-weight:400; } #submenu .level_2 a { border-bottom:0px; } #submenu ul ul { margin-top:6px; margin-left:10px; } .mod_breadcrumb { float:right; margin-right:1%; font-size:11px; line-height:30px; color: #afca09; } #main .mod_breadcrumb { float:right; display:block; margin-right:1%; font-size:11px; line-height:30px; } .mod_breadcrumb ul li { float:left; margin-left:6px; } .mod_breadcrumb ul li:before { margin-right:6px; font-family:FontAwesome; content: "\f105"; } .mod_breadcrumb ul li.first:before { display:none; } .mod_breadcrumb ul li a { text-decoration:none; } .mod_booknav { margin-top:1em; } .mod_booknav ul { width:98%; margin-right:1%; margin-bottom:0; margin-left:1%; padding-top:16px; border-top:1px solid #eee; } .mod_booknav li { float:left; margin-right:6px; } .mod_booknav li a { padding:8px 10px; background-color:#f4f4f4; border-radius:3px; line-height:2.3; text-decoration:none; behavior:url('assets/css3pie/1.0.0/PIE.html'); } .mod_booknav li a:hover { padding:5px 10px; background-color:#852184; line-height:2.3; text-decoration:none; color:#fff; } .slider-control { position:static!important; height:0!important; } .slider-control a { top:50%; margin-top:-35px; font-size:0; text-decoration:none; opacity: 0.7; } .slider-control a:hover { opacity: 1; } .slider-menu { bottom:15px; font-family:Arial,sans-serif; top: auto!important; } .slider-menu b { margin: 0 2px!important; } .ce_sliderStart, .slider-wrapper .ce_image, .ce_sliderStart, .slider-wrapper .ce_text { position:relative; margin-left:0 !important; margin-right: 0 !important; } .ce_sliderStart { position: relative!important; } .slider-next { width:50px; height:70px; right:0; border-radius:3px 0 0 3px; behavior:url('assets/css3pie/1.0.0/PIE.html'); background: rgba(160, 160, 160, 0.5); z-index: 100; color: rgba(0, 0, 0, 0); } .slider-next:before { top:50%; position:relative; display:block; margin-top:-12px; text-align:center; font:30px/26px FontAwesome; color:#fff; content: "\f054"; } .slider-prev { width:50px; height:70px; background-color:rgba(160,160,160,.5); border-radius:0 3 3 0; color:#000; behavior:url('assets/css3pie/1.0.0/PIE.html'); z-index: 100; } .slider-prev:before { top:50%; position:relative; display:block; margin-top:-12px; text-align:center; font:30px/26px FontAwesome; color:#fff; content: "\f053"; } .ce_sliderStart .caption { display:none; } .ce_sliderStart .slider_text { width:75%; bottom:0; left:0; position:absolute; display:block; padding:30px 56px; background-color:rgba(255,255,255,.3); } .ce_sliderStart .slider_text h1, .ce_sliderStart .slider_text h2, .ce_sliderStart .slider_text h3 { color:#fff; font-weight:600; } .ce_sliderStart .slider_text p { font-size:18px; color:#fff; font-weight:600; } .ce_sliderStart .slider_text p a { padding:5px 12px; background-color:#852184; font-size:18px; text-decoration:none; color:#fff; font-weight:400; } .ce_sliderStart .slider_text p a:hover { background-color:#fff; text-decoration:none; color:#852184; font-weight:400; } table { width:100%; margin-bottom:10px; white-space:nowrap; border-bottom:3px solid #7a7a7a; } .ce_table table th, .ce_table table tfoot td { background-color:#f3f3f3; border-top:1px solid #e3e3e3; } table th { padding:.5em; } table td { padding:.5em; border-top:1px solid #e3e3e3; } /* Striped */ .ce_table.striped tr.even { background-color:#f8f8f8; } .ce_accordion .toggler { background-color:#afca09; } .ce_accordion .accordion { padding:20px; border:0; background: none; } .ce_accordion .accordion > div { padding:0; } .ce_accordion .toggler { padding:7px 0; background-image:none; border-top:1 solid rgba(0,0,0,.2); line-height:30px; font-weight:bold; color:rgba(888888,.7); cursor: pointer; -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; } .ce_accordion .toggler:hover { color:rgba(888888,1); -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; } .ce_accordion .toggler:before { width:25px; height:25px; float:left; clear:both; display:inline-block; margin-top:3px; margin-right:15px; margin-left:15px; padding:0; text-align:center; border-radius:3px; font:1.3em/28px FontAwesome; font-weight:normal; color:#852184; behavior:url('assets/css3pie/1.0.0/PIE.html'); content: '\f0d7'; } .ce_accordion .toggler.ui-state-active:before { font-family:FontAwesome; content: '\f0d8'; } .ce_accordion .toggler:after { display:none; } .ce_list ul, .ce_list ol, .ce_text ul, .ce_text ol { padding-left:1.4em; } .ce_list ul li { list-style-type:disc; list-style-position:outside; } .ce_text ul li { list-style-type:disc; list-style-position:outside; } .ce_list.circle ul li { list-style-type:circle; list-style-position:outside; } .ce_list.square ul li { list-style-type:square; list-style-position:outside; } .ce_list ol li { list-style-type:decimal; list-style-position:outside; } .ce_list.upper-alpha ol li { list-style-type:upper-alpha; list-style-position:outside; } .ce_list[class^="symlist"] ul, .ce_list[class*="symlist"] ul { margin-left:12px; padding-left:0; list-style-type:none; } .ce_list[class^="symlist"] ul li, .ce_list[class*="symlist"] ul li { margin-left:12px; padding-left:0; list-style-type:none; } .ce_list.symlist1 ul li:before { width:1em; display:inline-block; margin-right:.5em; margin-left:-1.55em; font-family:FontAwesome; list-style-type:none; content: "\f105"; } .ce_list.symlist2 ul li:before { width:1em; display:inline-block; margin-right:.5em; margin-left:-1.55em; font-family:FontAwesome; list-style-type:none; content: "\f101"; } .ce_list.symlist3 ul li:before { width:1em; display:inline-block; margin-right:.5em; margin-left:-1.55em; font-family:FontAwesome; list-style-type:none; content: "\f00c"; } .ce_list.symlist4 ul li:before { width:1em; display:inline-block; margin-right:.5em; margin-left:-1.55em; font-family:FontAwesome; list-style-type:none; content: "\f0da"; } .image_container { position:relative; overflow:hidden; line-height:0; transition:all 0.4s ease-out 0s; } .image_container a:before { width:100%; height:100%; bottom:0; left:0; right:0; top:0; position:absolute; background-color:rgba(0,0,0,.5); content:""; opacity:0; transition:all 0.4s ease-out 0s; } .image_container a:hover:before { width:100%; height:100%; bottom:0; left:0; right:0; top:0; position:absolute; background-color:rgba(0,0,0,.5); content:""; opacity:1; transition:all 0.4s ease-out 0s; } .image_container a:after { width:40px; height:40px; bottom:0; left:50%; right:0; top:50%; position:absolute; margin-top:-20px; margin-left:-20px; text-align:center; font:16px/40px FontAwesome; color:#852184; content:"\f00e"; opacity:0; transition:all 0.4s ease-out 0s; } .image_container a:hover:after { width:40px; height:40px; bottom:0; left:50%; right:0; top:50%; position:absolute; margin-top:-20px; margin-left:-20px; font:22px/40px FontAwesome; content:"\f00e"; opacity:1; transition:all 0.4s ease-out 0s; } .image_container img { width:100%; } .image_container.float_left { margin-right:3%; margin-bottom:1%; } .image_container.float_right { margin-bottom:1%; margin-left:3%; } .image_container.float_above { margin-bottom:1%; } .image_container.float_below { margin-top:1%; } .image_container .caption { bottom:0; left:0; position:absolute; padding:3px 6px; background-color:rgba(e1402e,.7); font-size:.8em; line-height:1.5; color:#fff; width: auto !important; } .ce_gallery ul { overflow:hidden; } .ce_text .ce_gallery ul { padding-left:0; } .ce_gallery ul li { position:relative; float:left; margin-bottom:2%; } .ce_text .ce_gallery ul li { list-style-type:none; } /* gallery-neu.css */ .ce_gallery ul.cols_1 li { position:relative; float:left; margin-right:0; margin-bottom:2%; margin-left:0; } .ce_gallery ul.cols_2 li { width:49%; margin-right:1%; margin-left:1%; } .ce_gallery ul.cols_3 li { width:32%; margin-right:1%; margin-left:1%; } .ce_gallery ul.cols_4 li { width:23.4%; margin-right:1%; margin-left:1%; } .ce_gallery ul.cols_5 li { width:18.3%; margin-right:1%; margin-left:1%; } .ce_gallery ul.cols_6 li { width:15%; margin-right:1%; margin-left:1%; } .ce_gallery ul.cols_8 li { width:10.75%; margin-right:1%; margin-left:1%; } .fullwidth .ce_gallery ul, .fullwidth .ce_gallery { margin-bottom:0; } .fullwidth .ce_gallery ul.cols_4 li { width:25%; margin-right:0; margin-bottom:0; margin-left:0; } .ce_gallery.gallery1 ul li { position:relative; float:left; margin-right:0; margin-bottom:2%; margin-left:0; } .ce_gallery.gallery2 ul li { width:49%; margin-right:1%; margin-left:1%; } .ce_gallery.gallery3 ul li { width:32%; margin-right:1%; margin-left:1%; } .ce_gallery.gallery4 ul li { width:23.4%; margin-right:1%; margin-left:1%; } .ce_gallery.gallery5 ul li { width:18.3%; margin-right:1%; margin-left:1%; } .ce_gallery.gallery6 ul li { width:15%; margin-right:1%; margin-left:1%; } .ce_gallery.gallery8 ul li { width:10.75%; margin-right:1%; margin-left:1%; } .ce_gallery ul li.col_first { margin-left:0; } .ce_gallery ul li.col_last { margin-right:0; } .mod_calendar table { border:0; } .mod_calendar .calendar td { width:14.28%; height:7em; padding:0; border:1px solid #ededed; } .mod_calendar td .event { display:inline-block; font-size:11px; } .mod_calendar th.label { padding:10px 0; } .mod_calendar th.head { padding:0; background-color:#852184; border-top:1px solid #852184; border-right:1px solid #852184; border-left:1px solid #852184; color:#fff; font-weight:300; } .mod_calendar th.previous a, .mod_calendar th.next a { display:inline-block; padding:10px; background-color:#852184; text-decoration:none; color:#fff; } .mod_calendar th.previous a:hover, .mod_calendar th.next a:hover { border-color: #84898d !important; } .mod_calendar th.current { text-align:center; } .mod_calendar th.next { text-align:right; } .mod_calendar th.previous { text-align:left; } .mod_calendar th.label { text-align:center; background-color:#484848; border-right:1px solid #282a2b; border-left:1px solid #282a2b; color:#fff; font-weight:300; } .mod_calendar td div.header { padding:3px 3px 3px 6px; background-color:#f4f4f4; font-size:12px; color:#666; } .mod_calendar td.empty { background: #fff; } .mod_calendar td .event { width:99%; overflow:hidden; white-space:normal; text-overflow: ellipsis; } .mod_calendar td.today { background-color:#f4f4f4; } .mod_calendar th.current { padding:10px; } .mod_calendar th.current:before { display:inline-block; margin-right:8px; font-family:FontAwesome; content: "\f073"; } .mod_calendar .minicalendar th.current:before { display:inline-block; margin-right:8px; font:14px FontAwesome; content: "\f073"; } table.minicalendar .head { padding:5px; } .mod_calendar .minicalendar th.previous a, .mod_calendar .minicalendar th.next a { padding:0; } .mod_calendar .minicalendar th.label { padding:2px; font-size:14px; line-height:28px; } .mod_calendar .minicalendar th.current { font-size:14px; line-height:28px; } table.minicalendar td { padding-top:.2em; padding-bottom:.2em; text-align:center; } .mod_calendar .minicalendar td { width:14.28px; padding:0; border:1px solid #ededed; } .pagination { clear:both; margin-top:10px; padding-top:8px; white-space:nowrap; border-top:1px solid #ddd; } .pagination ul { float:right; margin-bottom:0; } .pagination ul li { float:left; } .pagination ul li a, .pagination ul li span { display:block; margin-right:2px; padding:4px 12px; text-decoration:none; } .pagination ul li span.current { background-color:#852184; color:#fff; } .pagination ul li a:hover { color:#852184; } .pagination p { float:left; display:block; margin-bottom:0; } .mod_search input[type="search"] { width:50%; float:left; display:inline-block; margin-bottom:20px; -webkit-appearance: none; } .mod_search input.submit[type="submit"] { display:inline-block; padding-top:8px; padding-bottom:8px; border-top-left-radius:0; border-bottom-left-radius:0; behavior:url('assets/css3pie/1.0.0/PIE.html'); } .mod_search fieldset { width:50%; clear:both; display:block; } aside .mod_search input[type="search"] { width:100%; float:none; display:block; margin-bottom:0; -webkit-appearance: none; } aside .mod_search input.submit[type="submit"] { width:100%; float:none; display:block; margin-bottom:0; border-radius:0 0 3px 3px; behavior:url('assets/css3pie/1.0.0/PIE.html'); } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input:not([type]), textarea { padding:8px; background-color:#fff; border:1px solid #eee; border-radius:0; behavior:url('assets/css3pie/1.0.0/PIE.html'); box-shadow:none; transition:all 0.15s linear 0s; } input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input:focus:not([type]), textarea:focus { background-color:#fff; border:1px solid #852184; border-radius:0; behavior:url('assets/css3pie/1.0.0/PIE.html'); box-shadow:none; } input.submit[type="submit"] { position:relative; display:block; padding:10px 8px; border-radius:3px; font-size:14px; color:#fff; behavior:url('assets/css3pie/1.0.0/PIE.html'); background-color:#852184 !important; border:0 !important; cursor:pointer; transition: all 0.2s ease-out 0s; } input[type="submit"]:hover { opacity:0.8 !important; } form div { margin-bottom:20px; } form div label[class*="grid"], form div input[class*="grid"], form div textarea[class*="grid"], form div select[class*="grid"], form div fieldset[class*="grid"] { width:100%; float:none; margin-right:0; margin-left:0; } p.error { width:100%; display:inline-block; font-size:12px; color:#f00; } form fieldset, div.upload { padding:10px; border:1px solid #eee; } form fieldset { margin-bottom:20px; } form fieldset fieldset { margin-bottom:0; border:0px; } form fieldset[class*="grid"] { width:100%; } form fieldset legend { width:auto; padding-right:10px; padding-left:10px; background-color:#852184; color:#fff; } form select { padding:10px; border:1px solid #eee; } .ce_form form select { padding:6px 10px; border:1px solid #eee; -webkit-appearance: none; } form select option { padding-right:10px; padding-left:10px; } form select.multiselect option { padding-right:0; padding-left:0; } .checkbox_container.vertical span, .radio_container.vertical span { display:block; } .checkbox_container span, .radio_container span { margin-right:12px; } span.mandatory { color:#f00; } form.contact1 .name, form.contact1 .email { width:49%; float:left; } form.contact1 .from, form.contact1 .fromto { width:49%; float:left; } form.contact1 .from { margin-right:2%; } form.contact1 .name { margin-right:2%; } form.contact1 input.name, form.contact1 input.email { width:100%; float:none; } form.contact1 input.from, form.contact1 input.fromto { width:100%; float:none; } form.contact1 .message { width:100%; margin-bottom:20px; } form.contact1 textarea.message { margin-bottom:0; } form.contact1 fieldset.sendcopy { margin-bottom:20px; padding:10px; border:1px solid #eee; } form.contact1 div.captcha label { width:100%; display:block; margin-bottom:5px; } form.contact1 div.captcha span.captcha_text { width:100%; display:block; margin-top:5px; margin-bottom:5px; } form.contact1 div.captcha { margin-bottom:20px; } .mod_login { max-width:400px; background-color:#f4f4f4; padding:20px 40px !important; } .mod_login form div { margin-bottom:0; } .mod_login form div label { display:block; margin-bottom:0; } .mod_login form div input { width:100%; display:block; margin-bottom:0; } .mod_login form div input.checkbox { width:auto; display:inline-block; margin-bottom:0; } .mod_login form div.checkbox_container label { display:inline-block; margin-bottom:0; } .mod_login form div.checkbox_container { margin-bottom:20px; } .mod_registration fieldset, .mod_personalData fieldset { margin-bottom:20px; } .mod_registration fieldset label, .mod_personalData fieldset label { width:100%; display:inline-block; } .mod_registration fieldset span label, .mod_personalData fieldset span label { width:auto; display:inline-block; } .mod_registration fieldset input.checkbox, .mod_personalData fieldset input.checkbox { width:auto; display:inline-block; } .mod_registration fieldset input, .mod_personalData fieldset input { width:75%; } .mod_registration .captcha_text { width:100%; float:left; display:block; } .mod_registration form div { margin-bottom:10px; } .socialsnavi a { width:40px; height:40px; overflow:hidden; display:block; font-size:0; line-height:0; text-decoration:none; } .socialsnavi li[class*="fa-"]:before, .socialsnavi li[class^="fa-"]:before { display:none; } .socialsnavi a:before { overflow:hidden; display:block; text-align:center; font:20px/40px FontAwesome; color:#fff; } .socialsnavi a.fa-facebook:before { background-color:rgba(13,110,172,.25); content: "\f09a"; } .socialsnavi a.fa-facebook:hover:before { background-color:rgba(13,110,172,1); content: "\f09a"; } .socialsnavi a.fa-twitter:before { background-color:rgba(85,172,238,.25); content: "\f099"; } .socialsnavi a.fa-twitter:hover:before { background-color:rgba(85,172,238,1); content: "\f099"; } .socialsnavi a.fa-google-plus:before { background-color:rgba(228,61,43,.25); content: "\f0d5"; } .socialsnavi a.fa-google-plus:hover:before { background-color:rgba(228,61,43,1); content: "\f0d5"; } .socialsnavi a.fa-xing:before { background-color:rgba(0,100,100,.25); content: "\f168"; } .socialsnavi a.fa-xing:hover:before { background-color:rgba(0,100,100,1); content: "\f168"; } .socialsnavi a.fa-linkedin:before { background-color:rgba(0,102,153,.35); content: "\f0e1"; } .socialsnavi a.fa-youtube:before { background-color:rgba(204,24,30,.35); content: "\f167"; } .socialsnavi.block { overflow:visible; float:left; margin-top:-$topborderpx; } #header .social-contact { overflow:hidden; float:right; display:block; margin-right:1%; } .social-contact .inside { padding:0 !important; } .social-contact .socialsnavi.block { overflow:visible; float:right; margin-bottom:15px; } .social-contact .socialsnavi li { float:left; } #toggle_device { width:40px; height:40px; float:right; display:block; margin-left:10px; } #toggle_device a { width:40px; height:40px; display:block; text-align:center; font-size:0; line-height:0; text-decoration:none; } #toggle_device .toggle_mobile:before { width:40px; height:40px; text-align:center; font:18px/40px FontAwesome; color:#852184; content:"\f10b"; } #toggle_device .toggle_desktop:before { width:40px; height:40px; text-align:center; font:18px/40px FontAwesome; color:#852184; content:"\f108"; } .ce_youtube .mejs-container { height:0; position:relative; overflow:hidden; padding-top:30px; } .ce_youtube .mejs-container iframe, .ce_youtube .mejs-container object { width:100%; height:100%; left:0; top:0; position:absolute; width:100% !important; height:100% !important; } .ce_video-container { height:0; position:relative; overflow:hidden; padding-top:0; padding-bottom: 55%; margin:0 !important; } .ce_video-container.vimeo { height:0; position:relative; overflow:hidden; margin-right:1%; margin-left:1%; padding-top:0; padding-bottom: 55%; margin-left:1% !important; margin-right:1% !important; } .ce_video-container iframe, .ce_video-container object, .ce_video-container embed { width:100%; height:100%; left:0; top:0; position:absolute; } #footer .inside { font-size:14px; color:#A0A8B4; } #footer .inside h4 { padding-bottom:6px; border-bottom:1px solid #b4cb09; font-size:18px; color:#b4cb09; } #footer .inside a { text-decoration:none; color:#A0A8B4; } #footer .inside a:hover { text-decoration:underline; } #footer .inside .widget.contactvcard .org { font-size:17px; } #footer .inside .widget.contactvcard .fn { display:none; } #footer .inside .widget.contactvcard.towcols .vcard div { margin-right:0; margin-left:0; } #footer .mod_newslist .layout_simple { margin-bottom:0; padding:0; border-bottom:0; background:none; } #footer .mod_eventlist .layout_upcoming, #footer .mod_eventlist .layout_upcoming span.date { margin-bottom:0; padding:0; border-bottom:0; background:none; } #footer .contactvcard .tel:before { margin-right:6px; font-family:FontAwesome; content: "\f095"; } #footer .contactvcard a.email:before { margin-right:6px; font-family:FontAwesome; content: "\f0e0"; } #footer .mod_eventlist .time, #footer .mod_eventlist .date, #footer .mod_eventlist .day, #footer .mod_newslist time { display:block; font-size:12px; text-decoration:none; } #footer .inside .ce_text { margin-bottom:0; } #footer .inside .ce_text a { padding:6px 8px; border:1px solid #A0A8B4; border-radius:3px; text-decoration:none; color:#A0A8B4; behavior:url('assets/css3pie/1.0.0/PIE.html'); transition:all 0.25s ease 0s; } #footer .inside .ce_text a:hover { padding:6px 12px; } #footer .inside .ce_text a:after { display:inline-block; margin-left:10px; font-family:FontAwesome; text-decoration:none; content: '\f105'; } #footer .inside .socialsnavi a:hover { text-decoration:none; opacity:0.5; } #footer .inside .socialsnavi li { width:20%; float:left; margin-bottom:8px; } #footer .inside .footermenu { margin-top:10px; padding-top:12px; border-top:1px solid rgba(A0A8B4,.2); font-size:12px; } #footer .inside .footermenu span.designby { float:right; font-size:12px; } #footer .inside .contact_footer label { display:none; } #footer .inside .contact_footer input, #footer .inside .contact_footer textarea { width:100%; background-color:rgba(255,255,255,.3); border:1px solid rgba(238,238,238,.4); } #footer .inside .contact_footer textarea { height:50px; } #footer .inside .contact_footer input:focus, #footer .inside .contact_footer textarea:focus { width:100%; background-color:rgba(255,255,255,.2); color:#A0A8B4; } #footer form div { margin-bottom:10px; } #footer *::-webkit-input-placeholder { color:rgba(A0A8B4,.5); } #footer *::-moz-placeholder { color:rgba(A0A8B4,.5); } #footer *:-moz-placeholder { color:rgba(A0A8B4,.5); } #footer *:-ms-input-placeholder { color:rgba(A0A8B4,.5); } #footer .customNavi3 li { float:left; margin-right:4px; margin-bottom:4px; } #footer .customNavi3 li a, #footer .customNavi3 li span { display:block; padding:6px; background-color:#852184; border-radius:3px; behavior:url('assets/css3pie/1.0.0/PIE.html'); } #footer .customNavi3 li a:hover { background-color:rgba(e1402e,.7); text-decoration:none; } .mod_faqpage section { margin-bottom:1em; border-bottom:2px solid #852184; } .mod_faqpage h3 { margin-bottom:.3em; padding:6px; background-color:#f4f4f4; } .mod_faqpage .ce_text { margin-bottom:0; margin-left:0 !important; margin-right:0 !important; } .mod_faqpage p.info { font-size:12px; } .mod_faqlist li { margin-bottom:12px; padding:4px 4px 4px 8px; background-color:#f4f4f4; border-bottom:1px solid #852184; } .mod_faqlist li a { font-size:16px; text-decoration:none; } .mod_faqreader .ce_text { margin-bottom:0; margin-left:0 !important; margin-right:0 !important; } .mod_faqreader p.info { font-size:12px; } p.back a, p.more a { padding:10px 14px; background-color:#852184; border-radius:3px; text-decoration:none; color:#fff; behavior:url('assets/css3pie/1.0.0/PIE.html'); } .mod_sitemap li.submenu { font-size:16px; letter-spacing:2px; font-weight:600; } .mod_sitemap li { font-size:16px; letter-spacing:0; font-weight:400; } .mod_sitemap li a { text-decoration:none; } .mod_sitemap ul ul { margin-left:15px; } .mod_nl_list li { padding:6px 10px; background-color:#f4f4f4; } .mod_nl_list li a { text-decoration:none; } aside .mod_subscribe input[type="text"] { width:100%; } .mod_subscribe input[type="text"], .mod_unsubscribe input[type="text"] { width:60%; } aside .layout_latest .image_container.float_left, aside .layout_latest .image_container.float_right { margin:0 0 8px; } aside .layout_latest h2, aside .layout_latest h2 a { font-size:1.1em; text-decoration:none; } .mod_newslist p.info, .mod_newsarchive p.info, .mod_newsreader p.info { font-size:12px; } .mod_newslist h2 a, .mod_newsarchive h2 a { text-decoration:none; } .mod_newslist .layout_latest, .mod_newslist .layout_short { margin-bottom:16px; padding-bottom:10px; border-bottom:1px solid #eee; } .mod_newsreader [class*="ce_"], .mod_newsreader [class*="mod_"] { margin-left:0 !important; margin-right:0 !important; } .mod_newsreader .enclosure p img.mime_icon { display:inline-block; vertical-align:middle; } .mod_newslist .layout_simple { margin-bottom:16px; padding:6px 10px; background-color:#f4f4f4; border-bottom:1px solid #852184; } .mod_newslist .layout_simple a { text-decoration:none; } .mod_newsmenu li { margin-bottom:6px; } .mod_newsmenu ul ul { margin-top:6px; } .mod_newsmenu a { display:block; margin-bottom:0; padding:6px 12px; background-color:#f4f4f4; border-radius:$navrpx; line-height:2; text-decoration:none; behavior:url('assets/css3pie/1.0.0/PIE.html'); font-weight:400; -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; } .mod_newsmenu a:before { display:inline-block; padding-right:6px; font:12px/2 FontAwesome; text-decoration:none; color:rgba(888888,.6); content: "\f105"; } .mod_newsmenu span:before, .mod_newsmenu a:hover:before { display:inline-block; padding-right:6px; font:12px/2 FontAwesome; color:#852184; content: "\f105"; } .mod_newsmenu a.active, .mod_newsmenu a:hover, .mod_newsmenu span { display:block; margin-bottom:0; padding:6px 12px 6px 16px; background-color:#f4f4f4; border-radius:$navrpx; line-height:2; text-decoration:none; color:#852184; behavior:url('assets/css3pie/1.0.0/PIE.html'); font-weight:400; } .ce_comments { margin-top:30px; } .ce_comments input, .ce_comments textarea { width:100%; } .ce_comments input.checkbox { width:auto; display:inline-block; } .ce_comments .comment_default { margin-bottom:20px; padding:16px; background-color:#f4f4f4; } .ce_comments .comment_default .reply { padding-left:30px; background-color:#f4f4f4; } .ce_comments .form { margin-top:30px; padding-top:20px; border-top:1px solid #eee; } .ce_comments input.submit { width:auto; } .mod_eventlist [class*="ce_"], .mod_eventlist [class*="mod_"] { margin-left:0 !important; margin-right:0 !important; } .mod_eventlist .header { margin-bottom:10px; padding:6px 10px; background-color:#f4f4f4; } .mod_eventlist h2 a { text-decoration:none; } .mod_eventlist .layout_teaser { margin-bottom:30px; } .mod_eventlist .layout_upcoming { display:block; margin-bottom:20px; padding-bottom:5px; border-bottom:1px solid #eee; } .mod_eventlist .layout_upcoming span.date { display:block; margin-bottom:5px; padding:6px 10px; background-color:#f4f4f4; } .mod_eventmenu li { margin-bottom:6px; } .mod_eventmenu ul ul { margin-top:6px; } .mod_eventmenu a { display:block; margin-bottom:0; padding:6px 12px; background-color:#f4f4f4; border-radius:$navrpx; line-height:2; text-decoration:none; behavior:url('assets/css3pie/1.0.0/PIE.html'); font-weight:400; -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; } .mod_eventmenu a:before { display:inline-block; padding-right:6px; font:12px/2 FontAwesome; text-decoration:none; color:rgba(888888,.6); content: "\f105"; } .mod_eventmenu span:before, .mod_eventmenu a:hover:before { display:inline-block; padding-right:6px; font:12px/2 FontAwesome; color:#852184; content: "\f105"; } .mod_eventmenu a.active, .mod_eventmenu a:hover, .mod_eventmenu span { display:block; margin-bottom:0; padding:6px 12px 6px 16px; background-color:#f4f4f4; border-radius:$navrpx; line-height:2; text-decoration:none; color:#852184; behavior:url('assets/css3pie/1.0.0/PIE.html'); font-weight:400; } .slide { background-attachment: fixed; width:100%; height:auto; position: relative; padding:0; } .ios .slide { background-attachment: scroll; width:100%; height:auto; position: relative; padding:0; } #slide3 { height:400px; background-image:url("../../files/theme/css/files/demo-images/random-image/1ly3HZ4.html"); background-size: cover; width:100%; background-position:center 60%; text-align:center; } .padding_slide3 { width:80%; position:relative; padding:50px 0; transition:all 1.25s ease 0s; } #slide3 p { position:absolute; padding:0; margin:0; text-transform:uppercase; font-family:'PT Sans'; font-size: 56px; line-height: 52px; color:#fff; font-weight: 400; transition:all 0.25s ease 0s; } .ce_download img.mime_icon, .ce_downloads img.mime_icon { vertical-align:middle; } .ce_download a, .ce_downloads a { text-decoration:none; } .ce_download a span.size, .ce_downloads a span.size { font-size:12px; font-style:italic; text-decoration:none; } .ce_downloads li { margin-bottom:6px; padding-bottom:6px; vertical-align:middle; border-bottom:1px solid #eee; } .customNaviTopbar { float:right; margin-left:6px; } .customNaviTopbar ul { margin-bottom:0; } .customNaviTopbar ul li { float:left; } .customNaviTopbar ul li a, .customNaviTopbar ul li span { margin-right:8px; margin-left:8px; font-size:12px; line-height:40px; text-decoration:none; color:#fff; } .customNaviTopbar ul li a:hover { text-decoration:underline; color:rgba(255,255,255,1); }