/* Minification failed. Returning unminified contents. (4291,31): run-time error CSS1046: Expect comma, found '240' (4291,38): run-time error CSS1046: Expect comma, found ')' (4397,80): run-time error CSS1046: Expect comma, found '0' (4397,84): run-time error CSS1046: Expect comma, found '/' (4398,72): run-time error CSS1046: Expect comma, found '0' (4398,76): run-time error CSS1046: Expect comma, found '/' (4403,80): run-time error CSS1046: Expect comma, found '0' (4403,84): run-time error CSS1046: Expect comma, found '/' (4404,72): run-time error CSS1046: Expect comma, found '0' (4404,76): run-time error CSS1046: Expect comma, found '/' */ html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle} /*@font-face { font-family: 'bliss'; src: url(/Static/Fonts/ufonts.com_bliss-regular-webfont.eot); src: url(/Static/Fonts/ufonts.com_bliss-regular-webfont.eot?#iefix) format('embedded-opentype'), url(/Static/Fonts/ufonts.com_bliss-regular-webfont.woff2) format('woff2'), url(/Static/Fonts/ufonts.com_bliss-regular-webfont.woff) format('woff'), url(/Static/Fonts/ufonts.com_bliss-regular-webfont.ttf) format('truetype'), url(/Static/Fonts/ufonts.com_bliss-regular-webfont.svg#blissregular) format('svg'); font-weight: normal; font-style: normal; }*/ *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} html{-webkit-text-size-adjust:100%} html,body{height:100%} body{font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1d1d1d;font-family:Arial,Helvetica,sans-serif;line-height:normal;background:#FFF} .sitewrapper{min-height:100%;height:auto!important;height:100%} .footerpush{clear:both} .bliss{font-family:'bliss',Helvetica,sans-serif} a{text-decoration:none;outline:none!important} a,.trans{transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s} .container{width:1280px;margin:0 auto;position:relative} .fl100{float:left;width:100%} .outer{display:table;height:100%;width:100%} .outer .middle{display:table-cell;vertical-align:middle} .flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex} .flex-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .flex-center-y{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center} .flex-center-x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} h2{font-family:'bliss';font-size:30px;font-weight:700;letter-spacing:.5px;padding-bottom:15px;clear:both} p{line-height:140%;clear:both;padding-bottom:15px} .columns .column{float:left;margin-right:40px;min-height:1px;overflow:hidden} .columns .column.last-column{margin-right:0} .columns .one-third {width:calc(30% - 30px)} .columns .one-fourth{width:calc(25% - 30px)} .columns .two-fourth{width:calc(50% - 20px)} .box .top{background:#ffd356;padding:16px 19px;color:#5e422c;position:relative} .box .top h3{text-transform:uppercase;font-family:"bliss";letter-spacing:2.2px;float:left} .box .top .show-all{float:right;position:relative;padding-right:16px;cursor:pointer} .box .top .show-all:after{content:"";background:url(/Static/Images/icon-arrow.svg) no-repeat center;position:absolute;width:10px;height:10px;background-size:5px;right:0;top:50%;margin-top:-5px; display: block!important;} .box a,#content a{color:#1d1d1d} .box a:hover,#content a:hover{color:#60b5d3!important;text-decoration:underline} .box a:after,#content a:after,.page-404 .message .nav ul li a:after,#wrapper .bottom-area .box p .read-more:after{content:"›";color:#60b5d3;display:inline-block;padding-left:5px} h2 a:after,h4 a:after{padding-left:5px} #news h2 a:after{padding-left:10px} .top-search{display:none} .home:not(.companypage) .top-search,.search-results .top-search{display:none!important} #header{padding:27px 0 25px} #header .logo{line-height:0;float:left;width:309px;height:62px} #header .logo img{max-width:309px;height:62px} #header .logo img.white{display:none} #header .links{float:right;margin-top:40px} #header .links ul{list-style:none} #header .links ul li{float:left;margin-right:31px;font-size:14px} #header .links ul li:last-child{margin-right:0} #header .links ul li a{color:#545454;position:relative;padding-top:38px} #header .links ul li a:hover{color:#60b5d3} #header .links ul li a:before{content:"";width:28px;height:28px;position:absolute;top:0;left:50%;margin-left:-14px} #header .links ul li.translate a:before{background:url(/Static/Images/icon-translate.svg) no-repeat center;background-size:20px} #header .links ul li.a-o a:before{background:url(/Static/Images/icon-ao.svg) no-repeat center;background-size:26px} #header .links ul li.listen a:before{background:url(/Static/Images/icon-lyssna.svg) no-repeat center;background-size:26px} #header .links ul li.sitemap a:before{background:url(/Static/Images/icon-sidkarta.svg) no-repeat center;background-size:26px} #header .links ul li.contact a:before{background:url(/Static/Images/icon-kontakt.svg) no-repeat center;background-size:28px} #header .links ul li.search a:before{background:url(/Static/Images/new-search-icon.svg) no-repeat center;background-size:22px} #mainmenu{background:#60b5d3;height:100px;position:relative;overflow:hidden} #mainmenu:before,#mainmenu:after{content:"";position:absolute;top:-3px;width:271px;height:103px;z-index:0} #mainmenu:before{left:0;background:url(/Static/Images/menu-pattern-left.png) no-repeat center} #mainmenu:after{right:-8px;background:url(/Static/Images/menu-pattern-right.png) no-repeat center} #mainmenu .container ul{text-align:center;position:relative;z-index:25} #mainmenu .container ul li a{color:#FFF;padding:0 32px;height:100px;letter-spacing:.2px;font-weight:700;font-size:20px;line-height:120%;display:block;} #mainmenu .container ul li a:hover,#mainmenu .container ul li.active a{background:#218fb6} #mainmenu .container ul li ul,#mainmenu .responsive-links{display:none} .warning-section{border:1px solid #cc3a51;padding:15px;margin:10px;width:calc(100% - 20px);text-align:center} .warning-section .info{border-right:1px solid #ded9cf;float:left;margin-right:30px;min-width:285px;position:relative} .warning-section .info .icon{width:48px;height:48px;float:left;border:2px solid #cc3a51;color:#cc3a51;border-radius:100%;font-size:28px;font-weight:700} .warning-section .info .text{color:#302f2f;text-transform:uppercase;letter-spacing:2px;padding:0 28px 0 20px} .warning-section .message{float:left;color:#302f2f} .warning-section .message .title{font-size:20px;margin-right:8px;display:inline-block} .warning-section .message .date{display:inline-block} .search-section,.breadcrumbs-section{background:#f3f0ea;padding:25px 0} .search-section .search-holder .search{font-family:Arial,Helvetica,sans-serif;width:47.8125%;background:url(/Static/Images/new-search-icon.svg) no-repeat center left 12px #FFF;background-size:24px;outline:0;color:#545454;padding:15px 50px;font-size:16px;border:1px solid #FFF;float:left} .search-section .search-holder input.search::-webkit-input-placeholder{color:#545454} .search-section .search-holder input.search:-moz-placeholder{color:#545454;opacity:1} .search-section .search-holder input.search::-moz-placeholder{color:#545454;opacity:1} .search-section .search-holder input.search:-ms-input-placeholder{color:#545454} .search-section .search-holder .search:focus{border-color:#60B5D3} .search-section .search-holder .search-submit{background:#60b5d3;color:#FFF;text-align:center;text-transform:uppercase;height:50px;width:108px;outline:0;padding:0;border:0;float:left;font-size:16px;font-weight:700;letter-spacing:2px} .search-section .search-holder .search-submit:hover, .search-section .search-holder .search-submit:focus{background:#218fb6;cursor:pointer} .breadcrumbs-section,.search-results .search-section{margin-bottom:40px} .breadcrumbs-section .breadcrumbs ul{list-style:none;padding:16px 0;float:left} .breadcrumbs-section .breadcrumbs ul li{float:left;margin-right:9px;color:#1d1d1d;position:relative} .breadcrumbs-section .breadcrumbs ul li:after{content:"/";padding-left:9px} .breadcrumbs-section .breadcrumbs ul li:last-child:after{display:none} .breadcrumbs-section .breadcrumbs ul li a{color:#1d1d1d} .breadcrumbs-section .breadcrumbs ul li a:hover{text-decoration:underline} .breadcrumbs-section .breadcrumbs ul li .sep{padding-left:4px} .breadcrumbs-section .rss{position:absolute;right:27px;top:8px;cursor:pointer;display:none} .breadcrumbs-section .rss:hover{color:#f26522} .breadcrumbs-section .rss span{position:relative;padding-right:10px;line-height:32px} .breadcrumbs-section .rss span:after{content:"";position:absolute;top:50%;margin-top:-16px;left:100%;width:32px;height:32px;background:url(/Static/Images/rss.svg) no-repeat center;background-size:22px} #wrapper .top-area{margin-bottom:40px} #home-slider{height:439px;background:#d2e9f0;overflow:hidden} #home-slider .image-area{width:69.84375%;height:100%;float:left;overflow:hidden;position:relative} #home-slider .image-area .controls{width:26px;height:26px;position:absolute;bottom:15px;right:15px;z-index:20;cursor:pointer;background-color:rgba(255,211,86,0.9)} #home-slider .image-area .controls:before{content:"";width:100%;height:100%;background:url(/Static/Images/pause_brown.svg) no-repeat center;background-size:24px;position:absolute;top:0;left:0} #home-slider .image-area .controls.paused:before{opacity:0} #home-slider .image-area .controls:after{content:"";background-size:24px;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/Static/Images/play_brown.svg) no-repeat center;opacity:0} #home-slider .image-area .controls.paused:after{opacity:1} #home-slider .image-area .slider,#home-slider .image-area .slider.owl-carousel .owl-stage-outer,#home-slider .image-area .slider.owl-carousel .owl-stage,#home-slider .image-area .slider.owl-carousel .owl-item{height:100%} #home-slider .image-area .slider.owl-theme .owl-controls{display:none} #home-slider .image-area .slider .slide{position:relative;height:100%;width:100%;background-position:center;background-repeat:no-repeat;background-size:cover} #home-slider .image-area .slider .slide .text-holder{width:472px;min-height:156px;background:rgba(255,255,255,.95);position:absolute;bottom:34px;left:30px;padding:29px 39px} #home-slider .image-area .slider .slide .text-holder h2{color:#302f2f} #home-slider .image-area .slider .slide .text-holder p{padding-bottom:0;padding-right:30px;color:#302f2f} #home-slider .image-area .slider .slide .text-holder .read-more{background:#ffd356;width:50px;height:50px;position:absolute;right:0;bottom:0;cursor:pointer} #home-slider .image-area .slider .slide .text-holder .read-more:after{content:"";background:url(/Static/Images/arrow_right_brown.svg) no-repeat center;position:absolute;background-size:36px;top:0;left:0;width:100%;height:100%} #home-slider .image-area .slider .slide img{line-height:0;width:100%} #home-slider .navigation-area{float:right;width:30.15625%;height:100%} #home-slider .navigation-area ul{height:100%;position:relative} #home-slider .navigation-area ul li{color:#376980;width:100%;height:25%;padding:25px;font-size:20px;font-weight:700;letter-spacing:.5px;border-bottom:1px solid #b0ced7;position:relative;text-align:center} #home-slider .navigation-area ul li:last-child{border-bottom:0} #home-slider .navigation-area ul li:hover,#home-slider .navigation-area ul li.active{background:#ffd356;color:#5e412b;cursor:pointer} #home-slider .navigation-area ul li:before,#home-slider .navigation-area ul li:after{content:"";height:1px;width:100%;top:-1px;left:0;position:absolute;opacity:0;background:#ffd356} #home-slider .navigation-area ul li:after{top:auto;bottom:-1px} #home-slider .navigation-area ul li:first-child:before,#home-slider .navigation-area ul li:last-child:after{display:none} #home-slider .navigation-area ul li:hover:before,#home-slider .navigation-area ul li:hover:after,#home-slider .navigation-area ul li.active:before,#home-slider .navigation-area ul li.active:after{opacity:1} .most-searched{background:#f3f0ea;padding:16px 19px;color:#302f2f} .most-searched span{float:left;margin-right:14px} .most-searched ul{list-style:none;float:left} .most-searched ul li{float:left;margin-right:22px} .most-searched ul li a{color:#302f2f} .most-searched ul li a:hover{color:#60b5d3} .most-searched ul li:last-child{margin-right:0} #wrapper .middle-area{margin-bottom:40px} #wrapper .middle-area .news-list .top a:after{display:none} #wrapper .middle-area .news-list .list{margin-top:23px} #wrapper .middle-area .news-list article{border-bottom:1px solid #ece7dd;margin-bottom:29px;padding-bottom:26px} #wrapper .middle-area .news-list article:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0} #wrapper .middle-area .news-list article h2{padding-bottom:19px;padding-right:30px} #wrapper .middle-area .news-list article h2 a{color:#302f2f} #wrapper .middle-area .news-list article.has-image .text-area{float:left;width:calc(100% - 156px);padding-right:45px} #wrapper .middle-area .news-list article .date { color: #72716e; margin-bottom: 24px } #wrapper .middle-area .news-list article .image{float:right;line-height:0;margin-top:14px;margin-bottom:15px;width:156px;height:156px;display:none} #wrapper .middle-area .news-list article .image img{border:1px solid #ece7dd} #wrapper .middle-area .news-list article.has-image .image{display:block} #wrapper .box.calendar .top:after{content:"";background:url(/Static/Images/icon-kalender.svg) no-repeat center;background-size:20px;width:20px;height:20px;right:20px;top:50%;margin-top:-10px;position:absolute} #wrapper .calendar-area{background:#ece7dd;min-height:317px} #wrapper .box.todays-events .top:before{content:"";position:absolute;top:0;left:50%;margin-left:-15px;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:10px solid #ece7dd} #wrapper .box.todays-events .event-list{background:#f3f0ea;padding:10px 11px} #wrapper .box.todays-events .event-list .event{margin-bottom:10px;width:100%;overflow:hidden} #wrapper .box.todays-events .event-list .event:last-child{margin-bottom:0} #wrapper .box.todays-events .event-list .event .image{float:left;line-height:0;width:84px;height:84px} #wrapper .box.todays-events .event-list .event .text{float:left;width:calc(100% - 84px);padding-left:20px} #wrapper .box.todays-events .event-list .event h4{font-family:'bliss';color:#302f2f;font-size:20px;letter-spacing:.5px;line-height:120%;word-break:break-word} #wrapper .box.todays-events .event-list .event h4 a{color:#302f2f} #wrapper .bottom-area{background:#f3f0ea;padding:40px 0;padding-bottom:0} #wrapper .bottom-area .box{background:#FFF;margin-bottom:40px} #wrapper .bottom-area .box .information .image{line-height:0} #wrapper .bottom-area .box .information .image img{width:100%;height:auto} #wrapper .bottom-area .box .information .text-holder{padding:25px} #wrapper .bottom-area .box p{padding-bottom:0} #wrapper .bottom-area a .box p{color:#1d1d1d} #wrapper .bottom-area .box p .read-more{color:#60b5d3} #wrapper #content{width:calc(65.625% - 40px);float:right;margin-bottom:40px} #wrapper #sidebar{width:31.25%;float:left;margin-bottom:40px} #wrapper #content .top-image{margin-bottom:34px;line-height:0} #wrapper #content .top-image img{width:100%;height:auto} #wrapper #content h1{clear:both;font-family:bliss;font-size:40px;line-height:120%;letter-spacing:.5px;padding-bottom:18px} #wrapper #content h1.line-below{border-bottom:1px solid #ece7dd;padding-bottom:21px;margin-bottom:30px} #wrapper #content .preamble{border-bottom:1px solid #ece7dd;padding-bottom:32px;margin-bottom:32px;color:#484848} #wrapper #content .preamble p{font-size:22px;line-height:130%;padding-bottom:0} #wrapper #content h2{font-size:24px;padding-bottom:8px} #wrapper #content p{padding-bottom:34px} #wrapper #content p a{color:#60b5d3;display:inline-block} #wrapper #content p a:hover{text-decoration:underline} #wrapper #content .responsive-table {overflow-x: scroll;} #wrapper #content div > table{width:100%;text-align:left;line-height:140%;margin-bottom:34px} #wrapper #content div > table tr th{font-family:'bliss';background:#ffd356;color:#5e422c;border-bottom:0;font-size:18px;padding:15.5px 20px} #wrapper #content div > table tr{background:#f3f0ea} #wrapper #content div > table tr:nth-child(odd){background:#E4E2DC} #wrapper #content div > table tr td{padding:15.5px 20px;border-bottom:1px solid #DCD7CD} #wrapper #content div > dl,#wrapper #content div > ol,#wrapper #content div > ul,#wrapper #content div > blockquote{line-height:140%;padding-bottom:34px} #wrapper #content div > dl dd,#wrapper #content div > ol li,#wrapper #content div > ul li{padding-left:20px} #wrapper #content div > ol,#wrapper #content div > ul{list-style-position:inside} #wrapper #content div > pre{font-family:monospace;white-space:normal} #wrapper #content div > cite{font-style:italic} #wrapper #content div > sub{vertical-align:sub;font-size:.75em} #wrapper #content div > blockquote{background:#f3f0ea;margin-bottom:34px;padding:20px;display:inline-block;clear:both} #wrapper #content article > div > h3{font-size:20px} #wrapper #content article > div > h3,#wrapper #content article > div > h4,#wrapper #content article > div > h5,#wrapper #content article > div > h6{font-family:'bliss';font-weight:700;letter-spacing:.5px;padding-bottom:15px;clear:both} #wrapper #content form{background:#f3f0ea;border:1px solid #DCD7CD;padding:20px;} #wrapper #content form input[type="text"],#wrapper #content form input[type="email"],#wrapper #content form textarea{border:1px solid #DCD7CD;resize:none;padding:8px 10px;font-size:15px;line-height:140%} #wrapper #content form hr{border-color:#DCD7CD;margin:34px 0} #wrapper #content form input[type="submit"]{border:0;background:#60b5d3;color:#FFF;text-transform:uppercase;padding:16px 28px;font-weight:700;font-family:"bliss";display:inline-block;letter-spacing:2.2px;font-size:16px;margin-top:34px;transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s} #wrapper #content form input[type="radio"],#wrapper #content form input[type="checkbox"]{padding:0;margin:0} #wrapper #content form input[type="submit"]:hover{background:#ffd356;color:#5e422c;cursor:pointer} #wrapper #content .info-boxes{margin-top:30px} #wrapper #content .info-boxes .info-box{background:#f3f0ea;padding:10px;margin-bottom:30px} #wrapper #content .info-boxes .info-box .image{float:left;width:287px;line-height:0;min-height:1px} #wrapper #content .info-boxes .info-box .image img{max-width:100%;height:auto} #wrapper #content .info-boxes .info-box .info{float:left;width:calc(100% - 287px);padding-top:17px;padding-left:39px;padding-right:30px} #wrapper #content .info-boxes .info-box .info p{padding-bottom:0} #wrapper #content .meta{border-top:1px solid #ece7dd;padding-top:26px;margin-top:10px;font-size:14px;line-height:140%} #wrapper #content .meta .left{float:left} #wrapper #content .meta .right{float:right} #wrapper #content .meta a:after{display:none} #wrapper #content .meta .print{position:relative;padding-left:38px;float:left;cursor:pointer} #wrapper #content .meta .print:before{content:"";background:url(/Static/Images/icon-skrivut.svg) no-repeat center;background-size:25px;width:25px;height:25px;position:absolute;top:-6px;left:0} #wrapper #content .meta .share{position:relative;padding-left:35px;float:left;cursor:pointer;margin-right:24px} #wrapper #content .meta .share:before{content:"";background:url(/Static/Images/share.svg) no-repeat center;background-size:25px;width:25px;height:25px;float:left;position:absolute;top:-6px;left:0} #wrapper #content .meta .comment{position:relative;padding-left:35px;float:left;cursor:pointer;margin-right:24px} #wrapper #content .meta .comment:before{content:"";background:url(/Static/Images/comment.svg) no-repeat center;background-size:25px;width:25px;height:25px;float:left;position:absolute;top:-6px;left:0} #wrapper #content .meta .print:hover,#wrapper #content .meta .share:hover,#wrapper #content .meta .comment:hover{color:#60b5d3} #wrapper #content .meta .last-updated{color:#7f7e7e} #wrapper #content #a-o .letters{font-size:23px;font-weight:700;margin-top:-5.5px;color:#7e7e7e;margin-bottom:54px} #wrapper #content #a-o .letters span{margin-right:5px;cursor:not-allowed;position:relative} #wrapper #content #a-o .letters span.selectable{cursor:pointer;color:#1d1d1d} #wrapper #content #a-o .letters span.selectable:after{content:"";top:100%;width:100%;height:3px;position:absolute;left:0;margin-top:-1px;background:#60b5d3;opacity:0;transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s} #wrapper #content #a-o .letters span.selectable.active:after{opacity:1} #wrapper #content #a-o .letters span:last-child{margin-right:0} #wrapper #content #a-o .boxes{margin-bottom:44px} #wrapper #content #a-o .boxes .box{display:none} #wrapper #content #a-o .boxes .box .top{padding:12px 19px;font-size:24px} #wrapper .news-list article{border-bottom:0;margin-bottom:0;padding-bottom:0} #wrapper #content #news .news-list .post h2{font-size:30px;padding-right:0;padding-bottom:19px} #wrapper #content #news .news-list .post .text-area{border-bottom:1px solid #ece7dd;padding-bottom:36px;padding-right:195px;margin-bottom:32px;float:left;width:100%} #wrapper #content #news .news-list .post.has-image .text-area{width:calc(100% - 195px);padding-right:0} #wrapper #content #news .news-list .post .text-area .date{color:#7f7e7b;margin-bottom:6px} #wrapper #content #news .news-list .post .text-area p{padding-top:18px;padding-bottom:0} #wrapper #content #news .news-list .post .image{float:right;line-height:0;margin-top:11px;width:156px;height:156px;display:none} #wrapper #content #news .news-list .post .image img{border:1px solid #ece7dd} #wrapper #content #news .news-list .post.has-image .image{display:block} #wrapper #content #news .navigation ul,.search-results #wrapper #content .navigation ul{list-style:none;float:left;margin-top:11px} #wrapper #content #news .navigation ul li,.search-results #wrapper #content .navigation ul li{float:left;border:2px solid #FFF;width:39px;height:39px;margin-right:10px;cursor:pointer} #wrapper #content #news .navigation ul li:last-child,.search-results #wrapper #content .navigation ul li:last-child{margin-right:0} #wrapper #content #news .navigation ul li.active,.search-results #wrapper #content .navigation ul li.active{border-color:#ece7dd} #wrapper #content #news .navigation ul li a,.search-results #wrapper #content .navigation ul li a{color:inherit} #wrapper #content #news .navigation ul li a{width:100%;height:100%} #wrapper #content #news .navigation ul li a:after,.search-results #wrapper #content .navigation ul li a:after{display:none} #wrapper #content #news .navigation .posts-per-page{float:right;padding-top:11px} #wrapper #content #news .navigation .posts-per-page span{padding-right:8px} #wrapper #content #news .navigation .posts-per-page select{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:0;border:0;border-radius:0;background:none;border:2px solid #ece7dd;width:82px;height:39px;font-family:Arial,Helvetica,sans-serif;font-size:16px;padding-left:11px;background:url(/Static/Images/arrow_down_brown.svg) no-repeat center right 9px;background-size:20px} #wrapper.single-news-post #content .date{margin-top:4px;border-bottom:1px solid #ece7dd;padding-bottom:36px;margin-bottom:33px} #wrapper.single-news-post #content .date strong{padding-right:16px} #wrapper.single-news-post #content .content-text{margin-bottom:12px} #wrapper.single-news-post #content .content-text p{padding-bottom:22px} .search-results #wrapper #content .preamble{border-bottom:0;margin-bottom:54px} .search-results #wrapper #content .search-results-list .result{border-bottom:1px solid #ece7dd;margin-bottom:30px;padding-bottom:36px} .search-results #wrapper #content .search-results-list .result p{padding-bottom:26px} #wrapper #content .search-results-list .result .breadcrumbs ul{list-style:none;font-weight:700;font-size:14px;color:#1d1d1d;line-height:140%} #wrapper #content .search-results-list .result .breadcrumbs a:after{display:none} #wrapper #content .search-results-list .result .breadcrumbs ul li{float:left;margin-right:3px} #wrapper #content.full-width{width:100%;float:left} #wrapper.sitemap #content .columns{margin-top:26px} #wrapper.sitemap #content .columns:last-child{margin-bottom:30px} #wrapper.sitemap #content .columns h2{padding-bottom:26px} #wrapper.sitemap #content .columns ul{line-height:160%;clear:both;list-style:none} #wrapper.sitemap #content .columns ul.sitemap{padding-bottom:28px} #wrapper.sitemap #content .columns ul.sitemap a:after{display:none} #wrapper.sitemap #content .columns ul.sitemap li ul li{padding-left:18px} #wrapper.sitemap #content .columns ul.sitemap li ul li a:before{content:"- "} #wrapper #sidebar .box{margin-bottom:40px} #wrapper #sidebar .box:last-child{margin-bottom:0} #wrapper #sidebar ul,#a-o .boxes ul{background:#f3f0ea} #wrapper #sidebar ul>li,#a-o .boxes ul>li{border-bottom:1px solid #dcd7cd;position:relative} #wrapper #sidebar .menu a:after{display:none} #wrapper #sidebar .menu ul li.has-children > .toggle{content:"";width:20px;height:20px;position:absolute;right:20px;top:14px;background:url(/Static/Images/arrow_down_brown.svg) no-repeat center;background-size:20px;cursor:pointer;transition:all .25s;-webkit-transition:all .25s;-moz-transition:all .25s} #wrapper #sidebar .menu ul li.has-children.open > .toggle{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg)} #wrapper #sidebar ul li ul,#wrapper #sidebar ul li.open{background:#ece7dd} #wrapper #sidebar ul li.open > a{font-weight:700} #wrapper #sidebar ul li ul li{border-bottom:0} #wrapper #sidebar ul li a,#a-o .boxes ul li a{color:#302f2f;padding:15.5px 20px;display:block} #wrapper #sidebar .menu > ul > li.child-active>a,#wrapper #sidebar ul li.active>a{background:#e2ddd3} #wrapper #sidebar .menu > ul > li.open.child-active>a{background:#ece7dd} #wrapper #sidebar .menu > ul > li.has-children a{padding-right:45px} #wrapper #sidebar ul li ul{display:none} #wrapper #sidebar ul li ul li a{padding:16px 56px;padding-right:20px} #wrapper #sidebar ul li ul li.active>a{background:#e2ddd3} #wrapper #sidebar ul li ul li ul li a{padding-left:92px} #wrapper #sidebar .information{background:#f3f0ea;padding:28px 20px} #wrapper #sidebar .information p{padding-bottom:22px} #wrapper #sidebar .information .contact-persons .person{margin-bottom:22px;position:relative} #wrapper #sidebar .information .contact-persons .person:last-child{margin-bottom:0} #wrapper #sidebar .information .contact-persons .person.has-image{min-height:106px} #wrapper #sidebar .information .contact-persons .person.has-image .info{width:calc(100% - 100px);float:left} #wrapper #sidebar .information .contact-persons .person .image{display:none} #wrapper #sidebar .information .contact-persons .person.has-image .image{width:100px;height:100px;position:absolute;bottom:6px;right:0;display:block} #wrapper #sidebar .information .contact-persons .person p{padding-bottom:0} #wrapper #sidebar .box.with-top-image .top-image{line-height:0} #wrapper #sidebar .box.with-top-image .top-image img{width:100%;height:auto} #wrapper #sidebar .box.with-top-image .information{padding:22px} #wrapper #sidebar .box.with-top-image .information .buttons{text-align:center;margin:3px 0 8px} #wrapper #sidebar .box.with-top-image .information .buttons .button{background:#60b5d3;color:#FFF;text-transform:uppercase;padding:16px 28px;font-weight:700;font-family:"bliss";display:inline-block;letter-spacing:2.2px} #wrapper #sidebar .box.with-top-image .information .buttons .button:hover{background:#ffd356;color:#5e422c} #wrapper #sidebar .box.with-top-image .information .buttons a:after{display:none} #footer{padding-top:40px} #footer .columns{margin-bottom:20px} #footer .columns .box .top{background:none;padding:16px 0 13px;color:#60b5d3;border-bottom:1px solid #ece7dd;margin-bottom:23px} #footer .columns .box p,#footer .columns .box ul{line-height:150%;padding-bottom:22px} #footer .columns .box ul{list-style:none} #footer .social-icons span{width:40px;height:40px;border-radius:100%;float:left;margin-right:10px;cursor:pointer} #footer .social-icons span:hover{opacity:.5} #footer .social-icons span:last-child{margin-right:0} #footer .social-icons .twitter{background:url(/Static/Images/twitter.svg) no-repeat center #00acee;background-size:20px} #footer .social-icons .facebook{background:url(/Static/Images/facebook.svg) no-repeat center #3b5999;background-size:20px} #footer .social-icons .instagram{background:url(/Static/Images/instagram.svg) no-repeat center #5280a4;background-size:20px} #footer .social-icons .youtube{background:url(/Static/Images/play.svg) no-repeat left 14px center #c10001;background-size:19px} #footer .footer-graphic{line-height:0} #footer .footer-graphic img{width:100%;height:auto;margin-bottom:-3px} .page-404,.page-404 #footer .footer-graphic{background-color:#60B5D3} .page-404 #header .logo img.default,.page-404 #mainmenu,.page-404 #header .links,.page-404 #footer .columns{display:none} .page-404 .container{width:100%;padding:0 48px} .page-404 #header .logo img.white{display:block} .page-404 .message{text-align:center;margin:40px 0 80px;color:#FFF} .page-404 .message h1{font-size:244px;font-weight:300;line-height:110%;color:#91d5ed} .page-404 .message h2{margin-top:-15px;letter-spacing:.7px;font-size:40px;color:#FFF;margin-bottom:28px} .page-404 .message .nav ul{text-align:center;margin-top:28px} .page-404 .message .nav ul li{font-size:24px;color:#FFF;display:inline-block;margin:0 12px;letter-spacing:.4px;font-weight:700} .page-404 .message .nav ul li a{color:#FFF} .page-404 .message .nav ul li a:hover,.page-404 .message .nav ul li a:after{color:#91d5ed} .page-404 #footer{padding-top:0} /* IE9 */ .no-flexboxtweener.no-flexbox{overflow-x:hidden} .no-flexboxtweener.no-flexbox #mainmenu .container ul{display:block;height:100px} .no-flexboxtweener.no-flexbox #mainmenu .container ul li{display:inline-block;} .no-flexboxtweener.no-flexbox #mainmenu .container ul li a{display:inline-block} .no-flexboxtweener.no-flexbox #mainmenu .container ul li ul {display:none;} .no-flexboxtweener.no-flexbox .warning-section{padding-bottom:12px} .no-flexboxtweener.no-flexbox .warning-section .holder{display:inline-block} .no-flexboxtweener.no-flexbox .warning-section .info .text{margin-top:15px;display:inline-block} .no-flexboxtweener.no-flexbox .warning-section .message{display:inline-block;margin-top:12.5px} .no-flexboxtweener.no-flexbox .search-section .search-holder{position:relative;left:280px} .no-flexboxtweener.no-flexbox #wrapper .box.todays-events .event-list .event{height:84px} .no-flexboxtweener.no-flexbox #wrapper .box.todays-events .event-list .event .text{height:100%} /* IE10 */ .no-flexbox.flexboxtweener #mainmenu .container ul li{display:inline-block;} .no-flexbox.flexboxtweener #mainmenu .container ul li ul {display:none;} /* IE9 & IE10 */ .no-flexboxtweener.no-flexbox .search-section .search-holder .search, .no-flexbox.flexboxtweener .search-section .search-holder .search, .ie11settings .search-section .search-holder .search { background-position: -58% center; background-size: 58%; } #header .responsive-nav{display:none} .top-search .search-section{margin-bottom:0} @media only screen and (max-width:1340px) { .search-holder input{-webkit-appearance:none;border-radius:0} .container{width:100%;padding:0 40px} .warning-section .container{padding:0} #mainmenu .container ul li a{padding:0 26px;font-size:18px} .warning-section{width:calc(100% - 80px);margin:20px 40px} .breadcrumbs-section .rss{margin-right:40px} .search-section{margin-bottom:20px} #wrapper #content .info-boxes .info-box .info{padding:20px} #wrapper #content .meta .left,#wrapper #content .meta .right{float:left;width:100%} #wrapper #content .meta .right{margin-top:26px} #wrapper #content #a-o .letters{line-height:140%} } @media only screen and (max-width:1200px) { #wrapper #sidebar .information .contact-persons .person.has-image .info{width:100%} #wrapper #sidebar .information .contact-persons .person.has-image .image{position:relative;right:auto;bottom:auto;float:left;margin-top:10px} } @media only screen and (max-width:1100px) { #mainmenu,#header .links,#mainmenu:before,#mainmenu:after{display:none} #mainmenu{height:auto;padding-bottom:30px} #mainmenu .responsive-links{display:block;background:#54abc9;margin-bottom:20px;padding:30px;padding-bottom:20px} #mainmenu .responsive-links ul{list-style:none} #mainmenu .responsive-links ul li{float:left;width:16.6%;text-align:center;font-size:16px;font-weight:700} #mainmenu .responsive-links ul li a{color:#FFF;position:relative;padding-top:38px} #mainmenu .responsive-links ul li a:hover{background:none} #mainmenu .responsive-links ul li a:before{content:"";width:28px;height:28px;position:absolute;top:0;left:50%;margin-left:-14px} #mainmenu .responsive-links ul li.translate a:before{background:url(/Static/Images/responsive-icon-translate.svg) no-repeat center;background-size:20px} #mainmenu .responsive-links ul li.a-o a:before{background:url(/Static/Images/responsive-icon-ao.svg) no-repeat center;background-size:26px} #mainmenu .responsive-links ul li.eservice a:before { background: url(/Static/Images/responsive-icon-eservice.svg) no-repeat center; background-size: 26px} #mainmenu .responsive-links ul li.map a:before { background: url(/Static/Images/responsive-icon-map.svg) no-repeat center; background-size: 20px} /* Skum sizing på mobil med denna ikon därav 20px */ #mainmenu .responsive-links ul li.listen a:before{background:url(/Static/Images/responsive-icon-lyssna.svg) no-repeat center;background-size:26px} #mainmenu .responsive-links ul li.sitemap a:before{background:url(/Static/Images/responsive-icon-sidkarta.svg) no-repeat center;background-size:26px} #mainmenu .responsive-links ul li.contact a:before{background:url(/Static/Images/responsive-icon-kontakt.svg) no-repeat center;background-size:28px} #mainmenu .responsive-links ul li.search a:before{background:url(/Static/Images/responsive-new-search-icon.svg) no-repeat center;background-size:22px} #mainmenu .responsive-links ul li.login a:before {background: url(/Static/Images/icon-login.svg) no-repeat center;background-size: 26px} #mainmenu .container{clear:both} #mainmenu .container ul{display:block;text-align:left} #mainmenu .container ul li{border-bottom:2px solid rgba(255,255,255,0.75);margin-bottom:14px;position:relative} #mainmenu .container ul li a{display:block;padding:0;height:auto;padding-bottom:12px;letter-spacing:1px;font-size:20px;line-height:140%} #mainmenu .container li.has-children a{width:calc(100% - 36px)} #mainmenu .container ul > li.has-children > ul{padding-bottom:12px} #mainmenu li > .toggle{position:absolute;top:1px;right:0;width:26px;height:26px;border-radius:100%;border:2px solid #FFF;cursor:pointer} #mainmenu li > .toggle:before{content:"+";color:#FFF;font-size:22px;top:-1px;left:0;width:100%;line-height:1;text-align:center;position:absolute} #mainmenu li.open > .toggle:before{opacity:0} #mainmenu li > .toggle:after{content:"";background:#FFF;top:10px;left:50%;margin-left:-6px;width:12px;height:2px;line-height:1;text-align:center;position:absolute;opacity:0} #mainmenu li.open > .toggle:after{opacity:1} #mainmenu .container ul li ul{display:none} #mainmenu .container ul li.open > ul{display:block} #mainmenu .container ul li ul li{padding-left:20px;border-bottom:0;margin-bottom:0} #mainmenu .container ul li ul li a{margin:5px 0} #mainmenu .container ul li a br{display:none} #mainmenu .container ul li a:hover,#mainmenu .container ul li.active a{background:none} .container,.page-404 .container{padding:0 30px} .warning-section{width:calc(100% - 60px);margin:30px} #wrapper .top-area,#wrapper .middle-area,#wrapper .news-list .list,#wrapper .bottom-area .box,.search-section,#wrapper #sidebar .box,.breadcrumbs-section{margin-bottom:30px} #header .responsive-nav{display:block;float:right;margin-top:13px} #header .responsive-nav .menu{cursor:pointer;float:left} #header .responsive-nav .text{padding-right:36px;text-transform:uppercase;font-family:bliss;font-weight:700;letter-spacing:1.8px;display:block} #header .responsive-nav div:hover .text{color:#60b5d3} #header .responsive-nav .menu .burger{width:23px;height:16px;top:0;margin-top:14px;right:30px;cursor:pointer;position:absolute;display:block} #header .responsive-nav .menu .burger:before,#header .responsive-nav .menu .burger:after,#header .responsive-nav .menu .burger span{background:#60b5d3;position:absolute;top:50%;left:0;height:3px;width:100%;margin-top:-1.5px;transition:all .15s linear;-webkit-transition:all .15s linear;-moz-transition:all .15s linear} #header .responsive-nav .menu .burger:before,#header .responsive-nav .menu .burger:after{content:'';top:0} #header .responsive-nav .menu .burger:after{top:100%} .columns .two-fourth{width:calc(50% - 10px)} #wrapper .middle-area.columns .container div:last-child .one-fourth{margin-right:0} #wrapper .bottom-area{padding:20px 0;padding-bottom:0} #footer{padding-top:20px} .columns .one-fourth{width:calc(25% - 15px)} .columns .one-third {width: calc(30% - 30px)} .columns .column,#wrapper .middle-area.columns .one-fourth,.breadcrumbs-section .rss{margin-right:20px} #header{padding:17.5px 0} #header .logo{margin-top:0;max-width:232px;height:45px} #header .logo img{max-width:232px;height:45px} .search-section .search-holder .search{width:calc(100% - 108px);padding-right:12px} .search-section,.breadcrumbs-section{background:#f3f0ea;padding:15px 0} .no-flexboxtweener.no-flexbox .search-section .search-holder{left:0} #wrapper #content{width:65.625%} #wrapper #content .preamble{padding-right:0} #wrapper #sidebar .box.with-menu,.page-404 #header .responsive-nav{display:none} } @media only screen and (max-width:1000px) { .most-searched,#home-slider .navigation-area ul li:before,#home-slider .navigation-area ul li:after{display:none} #home-slider{height:auto} #home-slider .image-area{width:100%;height:439px} #home-slider .navigation-area{float:left;width:100%} #home-slider .navigation-area ul li{width:50%;float:left;font-size:16px;padding:25px 15px} #home-slider .navigation-area ul li:nth-child(1){border-right:1px solid #b0ced7} #home-slider .navigation-area ul li:nth-child(3){border-bottom:0;border-right:1px solid #b0ced7} .columns .column,#wrapper .middle-area.columns .one-fourth:nth-child(2n+2){margin-right:30px} .columns .one-fourth{width:calc(50% - 15px)} #wrapper .bottom-area{padding:30px 0;padding-bottom:0} #footer{padding-top:20px} #footer .columns{margin-bottom:80px} .columns .two-fourth{width:100%;margin-right:0} .columns .one-fourth:nth-child(2n+2){margin-right:0} #wrapper #content{width:calc(100% - 300px);padding-left:30px} #wrapper #sidebar{width:300px} #wrapper #content .info-boxes .info-box .image{width:250px} #wrapper #content .info-boxes .info-box .info{width:calc(100% - 250px)} } @media only screen and (max-width:800px) { .warning-section .info{margin-right:20px} #mainmenu .responsive-links ul li{font-size:14px;font-weight:400} .columns .column,#wrapper .middle-area.columns .one-fourth:nth-child(2n+2){margin-right:30px} #wrapper .top-area,.breadcrumbs-section,{margin-bottom:30px} #home-slider .image-area{height:348px} #home-slider .image-area .slider .slide .text-holder{bottom:20px;left:20px;padding:30px 40px} #home-slider .navigation-area ul li{font-size:16px;padding:30px 15px} .breadcrumbs-section .breadcrumbs ul{line-height:140%;padding:14px 0;font-size:14px} .breadcrumbs-section .breadcrumbs ul li{margin-right:5px} .breadcrumbs-section .breadcrumbs ul li:after{padding-left:5px} #wrapper #content{width:100%;padding-left:0} #wrapper #sidebar{width:100%} } @media only screen and (max-width:700px) { #home-slider .navigation-area ul li{width:100%;border-right:0!important;border-bottom:1px solid #b0ced7!important} #home-slider .navigation-area ul li:last-child{border-bottom:0!important} #home-slider .navigation-area ul li:before,#home-slider .navigation-area ul li:after{display:block} } @media only screen and (max-width:600px) { .container,.page-404 .container{padding:0 20px} #mainmenu{padding-bottom:20px} #mainmenu .responsive-links{padding:20px;} #wrapper .top-area,#wrapper .middle-area,#wrapper .news-list .list,#wrapper .bottom-area .box,.search-section,.breadcrumbs-section,#wrapper #content .top-image,#wrapper #content .info-boxes .info-box,#wrapper #sidebar .box,#wrapper .middle-area.columns .one-fourth .box{margin-bottom:20px} .warning-section{width:calc(100% - 40px);margin:20px} #wrapper .bottom-area{padding:20px 0;padding-bottom:0} #header .responsive-nav .menu .burger{right:20px} #wrapper #content h1{font-size:36px} h2,#wrapper #content #news .news-list .post h2,#wrapper #content h2{font-size:26px} #wrapper #content .preamble p{font-size:20px} #home-slider .image-area .slider .slide .text-holder{width:calc(100% - 20px);min-height:calc(100% - 20px);bottom:10px;left:10px;text-align:center;padding:20px} #home-slider .image-area{width:100%;height:auto} #home-slider .navigation-area{display:none} #home-slider .image-area .slider{height:auto} #home-slider .image-area .slider.owl-carousel .owl-stage-outer{height:280px} #home-slider .image-area .slider.owl-theme .owl-controls{display:block;float:left;width:100%;margin-top:3px;padding:10px 0} #home-slider .image-area .slider.owl-theme .owl-dots .owl-dot span{background:#b5dde9;width:13px;height:13px;margin:5px} #home-slider .image-area .slider.owl-theme .owl-dots .owl-dot.active span,#home-slider .image-area .slider.owl-theme .owl-dots .owl-dot:hover span{background:#58b7cd} #home-slider .image-area .controls{background:none;bottom:12px} #home-slider .image-area .controls:before{background-image:url(/Static/Images/pause_blue.svg)} #home-slider .image-area .controls:after{background-image:url(/Static/Images/play_blue.svg)} .warning-section .holder{display:block} .warning-section .info{width:100%;min-width:0;margin-right:0;border-right:0;border-bottom:1px solid #ded9cf;margin-bottom:15px;padding-bottom:15px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center} .warning-section .message{width:100%} .warning-section .message .title{margin-right:0;display:block} .warning-section .message .date{margin-top:5px} .breadcrumbs-section .breadcrumbs{width:calc(100% - 40px)} .breadcrumbs-section .rss span{font-size:0} #wrapper .news-list article.has-image .text-area,#wrapper .middle-area .news-list article.has-image .text-area{width:100%;padding-right:0} #wrapper .news-list article.has-image .image,#wrapper #content #news .news-list .post .image{display:block;width:100%;margin:0} #wrapper .news-list article .image img{display:block;margin:0 auto} #wrapper .middle-area .news-list article h2{padding-right:0} .columns .one-third {width: 100%;margin-right: 0 !important} .columns .one-fourth{width:100%;margin-right:0!important} #wrapper .middle-area,#wrapper .middle-area.columns .one-fourth .box.calendar{margin-bottom:0} #wrapper #content .info-boxes .info-box .image,#wrapper #content .info-boxes .info-box .image img{width:100%} #wrapper #content .info-boxes .info-box .info{width:100%;padding:20px 0} .page-404 .message h1{font-size:160px} .page-404 .message h2{margin-top:0;font-size:26px} #wrapper #content #news .news-list .post{border-bottom:1px solid #ece7dd;margin-bottom:29px;padding-bottom:26px} #wrapper #content #news .news-list .post .text-area{width:100%!important;border-bottom:0;margin-bottom:0;padding-bottom:0;padding-right:0!important} #wrapper #content #news .news-list .post .text-area p{padding-bottom:15px} } @media only screen and (max-width:500px) { #header .responsive-nav .search{margin-right:10px;min-height:26px} #header .responsive-nav .search .text{display:none} #wrapper #content .meta .right{margin-top:0} #wrapper #content .meta .right span{width:100%;margin-top:26px} .page-404 .message{margin-top:0} .page-404 .message .nav ul li{line-height:140%;display:block} #wrapper.single-news-post #content .date strong{padding-right:0} } @media only screen and (max-width:400px) { #header{padding:20px 0} /* #header .logo,#header .logo img{max-width:138px;height:27px} */ /* no need to smaller it for new logo sizing*/ #header .responsive-nav{margin-top:3.5px} #header .responsive-nav .search{min-height:20px} #header .responsive-nav .search:after{top:0;margin-top:0;right:0;height:20px;width:20px} #header .responsive-nav .text{padding-right:30px} #header .responsive-nav .menu .burger{margin-top:4px} #mainmenu .responsive-links ul li{font-size:12px;font-weight:700} #mainmenu .responsive-links ul li.translate a:before{background-size:18px} #mainmenu .responsive-links ul li.a-o a:before{background-size:24px} #mainmenu .responsive-links ul li.listen a:before,#mainmenu .responsive-links ul li.sitemap a:before,#mainmenu .responsive-links ul li.contact a:before{background-size:24px} #mainmenu .responsive-links ul li.search a:before{background-size:20px} .search-section .search-holder .search{width:calc(100% - 70px)} .search-section .search-holder .search-submit{width:70px} .warning-section .info .icon{width:32px;height:32px;font-size:18px} .warning-section .info .text{padding:0 15px} #wrapper #content #news .navigation ul li,.search-results #wrapper #content .navigation ul li{margin-right:5px} } @media print { html, body { height: auto; } @page { margin: 2cm 1cm; } @page :first { margin: 1cm 1cm 2cm 1cm; } body { font-size: 12px !important; } body, p, h1, h2, h3, .breadcrumbs-section .breadcrumbs ul li { color: #000 !important; } .container { width: 100%; } img { max-width: 100% !important; } #header { margin-top: 0; padding-bottom: 15px; } #mainmenu, #header .links, #footer, #wrapper #sidebar, #wrapper #content .meta, #wrapper #content .info-boxes .info-box .image, .footerpush { display: none; } .breadcrumbs-section { padding: 0; margin-bottom: 15px; } #wrapper #content { width: 100%; float: left; } #wrapper #content .preamble { padding-bottom: 15px; margin-bottom: 15px; border-color: #000; } #wrapper #content p { page-break-inside: avoid; } #wrapper #content .top-image { margin-bottom: 15px; } #wrapper #content p { padding-bottom: 15px; } h1 { font-size: 24px !important; padding-bottom: 15px; } h2, .preamble p { font-size: 16px !important; } #wrapper #content .content-text p:last-child { padding-bottom: 0; } #wrapper #content .info-boxes { border-top: 1px solid #000; padding-top: 15px; margin-top: 15px; } #wrapper #content .info-boxes .info-box { padding: 0; margin-bottom: 15px; } #wrapper #content .info-boxes .info-box .info { width: 100%; padding: 0; } } /*html, body { overflow: visible !important; }*/ /* Image in NewsList */ .clearfix:after { content: ""; display: table; clear: both; } #wrapper .news-list .post .image img { height: 156px; margin-left: -50%; } #wrapper .news-list .post.has-image .image { overflow: hidden; } #wrapper #content #news .news-list .post.has-image .text-area { min-height: 166px; } @media screen and (max-width:600px) { #wrapper .news-list .post .image img { margin-left: auto; height: auto; width: 100%; } #wrapper .news-list .post.has-image .image { height: auto; } #wrapper #content #news .news-list .post.has-image .text-area { min-height: 0; } } /* Social Icons - FrameWork*/ .box .social-icons a { margin-right: 10px; display: inline-block; } .box .social-icons a:last-child { margin-right: 0; } .box .social-icons a:after { content: none; display: none; } /* Standard block - StartPage*/ .bottom-area .container .column:nth-child(4) { margin-right: 0; } /* Search-results */ .search-results{ padding-bottom: 0px !important; } .search-results-list { float: none; width: 100%; margin-right: 0; } .search-sidebar { float: left; width: 100%; display: block; margin-top: 30px; } @media (min-width: 1024px) { .search-results-list { float: left; width: calc(75% - 80px); margin-right: 80px; } .search-sidebar { width: 25%; margin-top: 0; } } .search-results #wrapper #content .preamble { margin-bottom: 10px; } .search-results #wrapper #content .preamble .search-phrase { margin-bottom: 16px; } #wrapper #content div > ul.search-results-filters { padding-bottom: 16px; } .results-filter { float: left; } .results-filter-link { display: inline-block; padding: 0 16px 17px 16px; -webkit-transition: color .25s ease; transition: color .25s ease; position: relative; } @media (max-width: 767px) { #wrapper #content div > ul.search-results-filters { padding-bottom: 0; } .results-filter { width: 50%; margin-bottom: 16px; } .results-filter-link { display: block; } .search-results-filters .results-filter:nth-child(2n + 1) { clear: both; } } @media (max-width: 400px) { .results-filter { width: 100%; } } .active-filter.results-filter-link, .results-filter-link:hover { border-bottom: 2px solid #218FB6; } .filter-icon { padding-left: 44px; } .search-result .filter-icon { padding-left: 30px; } .filter-icon::before { content: ''; background: none; width: 20px; height: 22px; display: inline-block; position: absolute; top: 0; left: 16px; } .search-result .filter-icon::before { left: 0; } .filter-icon.filter-icon-pages::before { background: url(/Static/Images/article.svg) no-repeat center; background-size: 19px; } .filter-icon.filter-icon-news::before { background: url(/Static/Images/news.svg) no-repeat center; background-size: 19px; } .filter-icon.filter-icon-files::before { background: url(/Static/Images/file.svg) no-repeat center; background-size: 19px; } .search-result .filter-icon.filter-icon-files::before, .search-result .filter-icon.filter-icon-news::before, .search-result .filter-icon.filter-icon-pages::before { background-size: 16px; } .filter-icon.filter-icon-time::before { background: url(/Static/Images/time.svg) no-repeat center; background-size: 19px; } .results-filter-counter, .sidebar-subject-counter { float: right; color: #fff; background-color: #60B5D3; position: relative; width: 32px; height: 22px; } @media (max-width: 1024px) { .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .results-filter-counter { margin-left: 5px; } .results-filter-counter-inner, .sidebar-subject-counter-inner { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 14px; font-weight: bold; } #content .sidebar-subject-link:hover, #content .results-filter-link:hover { text-decoration: none; } .sidebar-subject-link:hover .sidebar-subject-content { text-decoration: underline; } #content a.sidebar-subject-link::after, #content a.results-filter-link::after, #content .search-results-sorting a::after, #content a.search-result-download::after, #content .search-result-footer .breadcrumbs a::after, .search-page-navigation ul li a::after { content: ''; padding-left: 0; display: initial; } .sidebar-subject-content { color: #60b5d3; display: inline-block; } .sidebar-subject-content::after { content: "›"; color: #60b5d3; display: inline-block; padding-left: 5px; } .search-sidebar-header { border-bottom: 2px solid #218FB6; margin-bottom: 32px; } #wrapper #content h2.search-sidebar-header { padding-bottom: 15px; } .search-sidebar-subjects, .search-results-filters, .search-results, .search-result-footer .breadcrumbs ul { margin: 0; padding: 0; list-style: none; } .sidebar-subject-link { display: block; padding: 8px 0; } #wrapper #content div > ul li.search-sidebar-subject, #wrapper #content div > ul li.results-filter, #wrapper #content div > ul li.search-result { padding: 0; } #wrapper #content div.search-result-footer .breadcrumbs > ul li { padding: 8px 0; } .search-results-sorting { margin-bottom: 32px; } .search-result { border: 2px solid #ece7dd; border-bottom-width: 4px; margin-bottom: 32px; } #wrapper #content h2.search-result-header { background-color: #ece7dd; padding: 16px; font-size: 20px; } .search-result-content { padding: 16px; } .search-result-meta { margin-bottom: 16px; } .search-result-date, .search-result-type { position: relative; display: inline-block; font-weight: bold; line-height: 1.6; margin-right: 32px; } @media (max-width: 767px) { .search-result-date, .search-result-type { display: block; margin-right: 0; margin-bottom: 8px; } } #wrapper #content .search-result-text p { padding-bottom: 16px; } .search-result-download { background: #FFD356; font-weight: bold; padding: 8px; float: right; margin-left: 32px; display: none; } .files-result .search-result-download { display: inline-block; } @media (max-width: 767px) { .files-result .search-result-download { display: block; float: none; margin-left: 0; margin-bottom: 8px; text-align: center; } } #content a.search-result-download:hover { text-decoration: none; } .search-result-download::before { content: ''; background: url(/Static/Images/download.png) no-repeat center; background-size: 20px; width: 20px; height: 20px; display: inline-block; vertical-align: top; margin-right: 8px; } .border-red { border: 1px red solid !important; } .search-arrow-box { position: absolute; width: 240px; top: 60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 10px; text-align: center; background: #ffffff; border: 1px solid #f50f0f; z-index: 100; font-size: 16px; color: #545454; } .search-arrow-box::after, .search-arrow-box::before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .search-arrow-box::after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .search-arrow-box::before { border-color: rgba(245, 0, 0, 0); border-bottom-color: #f50000; border-width: 11px; margin-left: -11px; } @media(max-width: 700px) { #wrapper #content .search-result-footer .breadcrumbs ul { padding-bottom: 0px; } #wrapper #content div.search-result-footer .breadcrumbs > ul li { display: inline; } } .search-result-footer .breadcrumbs ul li { float: left; } #content .search-result-footer .breadcrumbs ul li a { color: #60b5d3; } #content .search-result-footer .breadcrumbs ul li a:hover { text-decoration: underline; } .search-result-footer .breadcrumbs .sep { padding: 0 8px; } @media(max-width: 700px){ .search-result-footer .breadcrumbs .sep { padding: 0px 4px; } } #wrapper #content div > ul li.search-result { padding-left: 0; } #wrapper #content div > ul li.search-result .highlighted { background-color: #FFD356; } #wrapper #content .search-results-sorting .bold{ font-weight: bold; } .search-page-navigation .posts-per-page { float: right; padding-top: 11px; } .search-page-navigation .posts-per-page span { padding-right: 8px; } .search-page-navigation .posts-per-page select { -webkit-appearance: none; -moz-appearance: none; outline: 0; border: 2px solid #ece7dd; border-radius: 0; width: 82px; height: 39px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding-left: 11px; background: url(/Static/Images/arrow_down_brown.svg) no-repeat center right 9px; background-size: 20px; } .search-page-navigation ul { list-style: none; float: left; margin-top: 11px; } .search-page-navigation ul li { float: left; border: 2px solid #fff; width: 39px; height: 39px; margin-right: 10px; cursor: pointer; } .search-page-navigation ul li.active { border-color: #ece7dd; } .search-page-navigation ul li a { width: 100%; height: 100%; color: inherit; } @media (max-width: 767px) { .search-page-navigation ul { float: none; } .search-page-navigation .posts-per-page { float: none; } } @media (max-width: 700px){ .search-result-footer .breadcrumbs ul li { float: none; padding: 0px 0 !important; } .search-result-footer .breadcrumbs ul li::after { content: "›"; color: #60b5d3; display: inline-block; padding-left: 5px; } } /* Sidebar content in responsive */ @media screen and (max-width:1100px) { #wrapper .container.no-sidebar #sidebar{ display:none; } #wrapper .container.no-sidebar #content { width: 100%; padding-left: 0; } } #wrapper .container.hide-sidebar #sidebar { display: none; } #wrapper .container.hide-sidebar #content { float: none; margin: 0 auto; } /* Sitemap */ #wrapper.sitemap .columns .one-fourth:nth-child(4) { margin-right: 0; } /* Sitelist */ #a-o .letters { text-transform: uppercase; } /* Last Changed */ .changed-table { width: 100%; min-width: 400px; } .changed-table thead th { text-align: left; padding: 16px 19px; color: #5e422c; background: #ffd356; text-transform: uppercase; font-family: "bliss"; letter-spacing: 2.2px; } .changed-table tbody tr:not(:last-child) { border-bottom: 1px solid #dcd7cd; } .changed-table tbody tr td:first-child { width: 60%; } .changed-table tbody td { padding: 16px 19px; color: #302f2f; } .changed-table tbody tr:nth-child(even) { background: #f3f0ea; } /* Page nav */ #wrapper #content div > ul.page-nav li { padding-left: 0; } /* Treeview */ .treeview { padding: 15px; border: 1px solid #ece7dd; margin-bottom: 34px; } .treeview ul { list-style: none; margin: 0; padding: 0; } .treeview ul:not(:first-child) { display: none; } .treeview li.open > ul { display: block; } #wrapper #content .treeview ul { padding: 0; position: relative; } #wrapper #content .treeview > ul li { padding-left: 0; padding-bottom: 5px; } #wrapper #content .treeview > ul li:last-child { padding-bottom: 0; } #wrapper #content .treeview ul:not(:first-child) { padding-left: 15px; } .treeview li a { padding-left: 22px; } .treeview li ul { border-left: 1px solid #ece7dd; margin-left: 10px; } .treeview ul:not(:first-child) li:before { content: "-"; position: absolute; left: -15px; color: #ece7dd; } /*.treeview ul li.open { border-left: 1px solid black; }*/ .treeview span { cursor: pointer; position: relative; font-size: 18px; padding: 5px 0 5px 28px; display: block; } .treeview span:hover { text-decoration: underline; } .treeview span:before{ background: url(/Static/Images/folder-icon.svg) no-repeat center; background-size: 28px; content:""; width: 28px; height: 28px; position: absolute; left: 0; top: 1px; } .treeview ul li { position: relative; } .treeview a:before { content:""; width: 16px; height: 16px; position: absolute; left: 0; top: 3px; } .treeview a.pdf:before { background: url(/Static/Images/icon_pdf.svg) no-repeat center; background-size: 16px; } .treeview a.word:before { background: url(/Static/Images/icon_word.svg) no-repeat center; background-size: 16px; } .treeview a.excel:before { background: url(/Static/Images/icon_excel.svg) no-repeat center; background-size: 16px; } .treeview a.powerpoint:before { background: url(/Static/Images/icon_powerpoint.svg) no-repeat center; background-size: 16px; } .treeview a.media:before { background: url(/Static/Images/icon_media.svg) no-repeat center; background-size: 16px; } .treeview a.file:before { background: url(/Static/Images/icon_text.svg) no-repeat center; background-size: 16px; } /* form */ #wrapper #content form, #wrapper .textblock form{ background: #f3f0ea; border: 1px solid #DCD7CD; padding: 20px; } #wrapper #content form input[type="text"], #wrapper #content form input[type="email"], #wrapper #content form textarea, #wrapper .textblock form input[type="text"], #wrapper .textblock form input[type="email"], #wrapper .textblock form textarea { border: 1px solid #DCD7CD; resize: none; padding: 8px 10px; font-size: 15px; line-height: 140% } #wrapper #content form hr, #wrapper .textblock form hr { border-color: #DCD7CD; margin: 34px 0 } #wrapper #content form input[type="submit"], #wrapper .textblock form input[type="submit"] { border: 0; background: #60b5d3; color: #FFF; text-transform: uppercase; padding: 16px 28px; font-weight: 700; font-family: "bliss"; display: inline-block; letter-spacing: 2.2px; font-size: 16px; margin-top: 34px; transition: all .25s; -webkit-transition: all .25s; -moz-transition: all .25s } #wrapper #content form input[type="radio"], #wrapper #content form input[type="checkbox"], #wrapper .textblock form input[type="radio"], #wrapper .textblock form input[type="checkbox"] { padding: 0; margin: 0 } #wrapper #content form input[type="submit"]:hover, #wrapper .textblock form input[type="submit"]:hover { background: #ffd356; color: #5e422c; cursor: pointer } /* Iphone safari work around */ #wrapper #content form input[type="submit"], #wrapper .textblock form input[type="submit"] { border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; } /* X forms */ #wrapper #content .xform, #wrapper .textblock .xform { display: block; margin-bottom: 34px; } #wrapper #content .xform table, #wrapper .textblock .xform table{ width: 100%; } #wrapper #content .xform input[type="text"], #wrapper #content .xform textarea, #wrapper #content .xform select, #wrapper .textblock .xform input[type="text"], #wrapper .textblock .xform textarea, #wrapper .textblock .xform select { width: 100%; padding: 8px 10px; } #wrapper #content .xform select, #wrapper .textblock .xform select{ border: 1px solid #DCD7CD; } #wrapper #content .xform select option, #wrapper .textblock .xform select option{ padding: 8px 10px; } #wrapper #content .xform td, #wrapper .textblock .xform td{ padding-bottom: 20px; } #wrapper #content .xform td > span, #wrapper .textblock .xform td > span{ display: block; font-size: 18px; } /*#wrapper #content .xform td > label, #wrapper #content .xform td fieldset legend { display: inline-block; } #wrapper #content .xform td > label:first-letter, #wrapper #content .xform td fieldset legend:first-letter { text-transform: capitalize; }*/ #wrapper #content .xform table, #wrapper .textblock .xform table{ margin-bottom: 0; } #wrapper #content .xform fieldset > div > label, #wrapper .textblock .xform fieldset > div > label{ padding: 8px 10px; } #wrapper #content .xform fieldset > div > label:first-child, #wrapper .textblock .xform fieldset > div > label:first-child { padding: 8px 10px 8px 0; } #wrapper #content .xform fieldset.orientationVertical > div > label, #wrapper .textblock .xform fieldset.orientationVertical > div > label{ display: block; } #wrapper #content .xform fieldset.orientationVertical > div > label:first-child, #wrapper .textblock .xform fieldset.orientationVertical > div > label:first-child { padding: 8px 10px; } @media screen and (max-width:500px) { #wrapper #content .xform fieldset > div > label, #wrapper .textblock .xform fieldset > div > label { display: block; width: 100%; } #wrapper #content .xform fieldset > div > label:first-child, #wrapper .textblock .xform fieldset > div > label:first-child { padding: 8px 10px; } } /* Text */ p.imagetext { font-size: 80%; } #wrapper #content .responsive-table {overflow-x: auto;} /* Comment form */ #comment-form { margin-top: 20px; background: #f3f0ea; border: 1px solid #DCD7CD; padding: 20px; font-family: Arial, Helvetica, sans-serif; display: none; } #comment-form label { display: block; font-size: 16px; margin-bottom: 2px; } #comment-form input, #comment-form textarea { width: 100%; padding: 8px 10px; font-size: 15px; line-height: 140%; margin-bottom: 20px; } #comment-form > span { display: block; font-size: 18px; margin-bottom: 20px; } #comment-form textarea { resize: vertical; height: 150px; font-family: Arial, Helvetica, sans-serif !important; } #comment-form .form-group .label-group { float: left; width: 50%; } #comment-form .form-group .label-group:first-child { padding-right: 5px; } #comment-form button { border: 0; background: #60b5d3; color: #FFF; text-transform: uppercase; padding: 16px 28px; font-weight: 700; font-family: "bliss"; display: inline-block; letter-spacing: 2.2px; font-size: 16px; /*margin-top: 34px;*/ transition: all .25s; -webkit-transition: all .25s; -moz-transition: all .25s; float: right; } #comment-form button:hover { background: #ffd356; color: #5e422c; cursor: pointer; } #comment-form .form-error-message { display: none; margin: 0; padding: 0; font-size: 12px; color: #cc3a51; } #comment-form .form-error-message.show-error { display: block; } #commentMessage.form-error { border: 1px solid #cc3a51; } #comment-form .form-errors { color: #cc3a51; } #comment-form #form-done { width: 100%; text-align: center; } #form-done p { font-size: 18px; } @media only screen and (max-width:800px) { #comment-form .form-group .label-group { float: none; width: 100%; } #comment-form .form-group .label-group:first-child { padding-right: 0; } } /* Share it*/ #share-wrapper { display: none; padding: 20px; margin-top: 20px; background: #f3f0ea; border: 1px solid #DCD7CD; } #share-wrapper .advania-shareit-list { display:-webkit-box; display:-ms-flexbox; display:flex; } #share-wrapper .advania-shareit div:before { color: #5e422c; } #share-wrapper .advania-shareit-list div:before { width: 50px; height: 50px; margin-left: 2px; font-size: 20px; line-height: 50px; } #share-wrapper .advania-shareit-list div:not(:last-child) { border-right: 1px solid #DCD7CD; padding-right: 10px; } #share-wrapper .advania-shareit-list div:not(:first-child) { padding-left: 10px; } #share-wrapper .advania-shareit .advania-shareit-facebook:before, #share-wrapper .advania-shareit .advania-shareit-gplus:before, #share-wrapper .advania-shareit .advania-shareit-twitter:before, #share-wrapper .advania-shareit .advania-shareit-email:before, #share-wrapper .advania-shareit .advania-shareit-linkedin:before { background: transparent; } .advania-shareit-list div:before { -webkit-transition: transform ease-in-out .1s; -webkit-transition: -webkit-transform ease-in-out .1s; transition: -webkit-transform ease-in-out .1s; transition: transform ease-in-out .1s; transition: transform ease-in-out .1s, -webkit-transform ease-in-out .1s; } @media only screen and (max-width:400px) { #share-wrapper .advania-shareit-list div:before { width: 30px; height: 30px; margin-left: 2px; font-size: 20px; line-height: 30px; } #share-wrapper .advania-shareit-list div:not(:last-child) { border-right: 1px solid #DCD7CD; padding-right: 5px; } #share-wrapper .advania-shareit-list div:not(:first-child) { padding-left: 5px; } } #header .links ul li.map a:before{ background:url(/Static/Images/marker.svg) no-repeat center; background-size:18px; } /* top meta */ #wrapper #content .meta.top-meta { border-top: 1px solid #ece7dd; border-bottom: 1px solid #ece7dd; padding-top: 15px; padding-bottom: 15px; margin-top: 0; font-size: 14px; line-height: 140%; margin-bottom: 10px; } @media (max-width: 600px) { #wrapper #content .meta.top-meta span:not(:last-child) { width: 100%; margin-bottom: 20px; } #wrapper #content .meta.top-meta .right { margin-top: 20px; } .right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .right { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1rem; margin-top: 20px; } #wrapper #content .meta .contact-trigger { position: relative; padding-left: 35px; } .esericelink { position: relative; padding-left: 35px; } .esericelink:hover { text-decoration: none !important; } .esericelink path { stroke: #60b5d3; } #wrapper #content .meta .contact-trigger:hover { text-decoration:none; } #wrapper #content .meta .contact-trigger:before{ content:""; background:url(/Static/Images/icon-kontakt-filled.svg) no-repeat center; background-size:25px; width:25px; height:25px; float:left; position:absolute; top:-6px; left:0 } /* overrides */ .search-section, .breadcrumbs-section { padding: 15px 0; } .breadcrumbs-section { padding: 5px 0; font-size: 14px; } #wrapper #content .meta .last-updated { color: #1d1d1d; } #wrapper #content .preamble p { font-size: 18px; } #wrapper #content p { padding-bottom: 20px; } p { line-height: 130%; } #wrapper #sidebar ul li a, #a-o .boxes ul li a { padding: 14px 20px; } #wrapper #sidebar ul li ul li a { padding: 14px 56px; } #wrapper #sidebar ul li ul li ul li ul li a{padding-left:128px} /*.sitewrapper{min-height:initial;}*/ #wrapper #content div.content-text ol, #wrapper #content div.content-text ul { list-style-position: outside; padding-left: 35px; } #wrapper #content div.content-text ol li, #wrapper #content div.content-text ul li { padding-left: 5px; } /* CBIS */ body.cbis-page .breadcrumbs-section{ display: none; } body.cbis-page .warning-section { display: none; } /* Translate */ #google_translate_element { z-index: 5; width: 220px; height: 85px; position: absolute; right: calc(50% - 110px); top: 15px; background-color: #f3f0ea; text-align: center; padding: 30px; display: none; } select.goog-te-combo{width:100%!important;} #google_translate_element.translate-open { display: block; } #header .links ul li #google_translate_element a.goog-te-menu-value { padding-top: 0; } @media (max-width: 1100px) { #google_translate_element, #google_translate_element.translate-open { display: none; } } /* Contactblock main*/ #wrapper #content .box.contact-main .top{ background: none; font-size: 24px; color: inherit; padding: 10px 15px 8px 15px; } #wrapper #content .box.contact-main .top h2 { padding-bottom: 0; } .box.contact-main .contact-persons .person { width: 50%; } .box.contact-main .contact-persons > .person:nth-child(2n+1) { clear: both; } @media (max-width: 600px) { .box.contact-main .contact-persons .person { width: 100%; } } #wrapper #content .box.contact-main .contact-persons .person .info { padding: 0 15px 15px 15px; width: 100%; } /* Related Info block */ .related-info { padding: 10px 15px; } .related-info h2 { font-size: 24px; padding-bottom: 8px; } #wrapper #content .related-info ul { margin: 0 30px; padding: 0; width: 100%; } #wrapper #content .related-info ul::before, #wrapper #content .related-info ul::after { content: " "; display:table; } #wrapper #content .related-info ul::after { clear:both; } #wrapper #content div.related-info > ul { list-style-position: outside; } #wrapper #content div.related-info > ul li { padding-left: 0; padding-right: 25px; } .related-info ul li { width: 50%; float: left; } .related-info ul li:not(:last-child) { margin-bottom: 5px; } @media (max-width: 600px) { .related-info ul li { width: 100%; } } /* CBIS Widget */ #wrapper .box.calendar .top:after { background: none; } .middle-area .container div:nth-child(3) .column { margin-right: 0; } #wrapper .middle-area .box.calendar a::after { /* content: none; */ } #wrapper .calendar-area { min-height: 0; background: #f3f0ea; } /* Image Grid Block */ .image-grid { width: 100%; overflow: hidden; margin-left: -5px; } .image-grid .grid-image { float: left; } /*.image-grid .grid-image:not(:first-child) { padding-left: 10px; }*/ .image-grid .grid-image { padding-left: 10px; } .image-grid .grid-image:not(:last-child) { margin-bottom: 10px; } .image-grid .grid-image img { width: 100%; max-width: 400px; } #content .image-grid .grid-image > a::after { content: none; } .images-1 > .grid-image { width: 100%; padding-right: 0; } .images-2 > .grid-image { width: 50%; } .images-3 > .grid-image { width: 33%; } .images-4 > .grid-image { width: 25%; } .image-grid .grid-image .grid-image-text { width: 100%; } #content .image-grid .grid-image .grid-image-text a::after { content: none; } @media (min-width: 1000px) { .images-2 > .grid-image:nth-child(2n+1) { clear: both; /*padding-left: 0;*/ } .images-3 > .grid-image:nth-child(3n) { width: 34%; } .images-3 > .grid-image:nth-child(3n+1) { clear: both; /*padding-left: 0;*/ } .images-4 > .grid-image:nth-child(4n+1) { clear: both; /*padding-left: 0;*/ } } @media (max-width: 1000px) and (min-width: 900px) { .images-2 > .grid-image:nth-child(2n+1) { clear: both; /*padding-left: 0;*/ } .images-3 > .grid-image:nth-child(3n) { width: 33%; } .images-3 > .grid-image:nth-child(3n+1) { clear: both; padding-left: 0; } .images-4 > .grid-image { width: 33%; } .images-4 > .grid-image:nth-child(3n) { width: 33%; } .images-4 > .grid-image:nth-child(3n+1) { clear: both; /*padding-left: 0;*/ } } @media (max-width: 900px) and (min-width: 800px) { .images-2 > .grid-image:nth-child(2n+1) { clear: both; /*padding-left: 0;*/ } .images-3 > .grid-image { width: 50%; } .images-3 > .grid-image:nth-child(3n+1) { clear: none; } .images-3 > .grid-image:nth-child(2n+1) { clear: both; width: 50%; /*padding-left: 0;*/ } .images-4 > .grid-image { width: 50%; } .images-4 > .grid-image:nth-child(3n+1) { clear: none; /*padding-left: 10px;*/ } .images-4 > .grid-image:nth-child(2n+1) { clear: both; /*padding-left: 0;*/ width: 50%; } } @media (min-width: 600px) and (max-width: 800px) { .images-2 > .grid-image:nth-child(2n+1) { clear: both; /*padding-left: 0;*/ } .images-3 > .grid-image { width: 33%; } .images-3 > .grid-image:nth-child(3n) { width: 33%; } .images-3 > .grid-image:nth-child(3n+1) { clear: both; /*padding-left: 0;*/ } .images-4 > .grid-image { width: 33%; } .images-4 > .grid-image:nth-child(3n) { width: 33%; } .images-4 > .grid-image:nth-child(3n+1) { clear: both; /*padding-left: 0;*/ } } @media (max-width: 600px) and (min-width: 400px) { .images-2 > .grid-image:nth-child(2n+1) { clear: both; /*padding-left: 0;*/ } .images-3 > .grid-image { width: 50%; } .images-3 > .grid-image:nth-child(3n+1) { clear: none; } .images-3 > .grid-image:nth-child(2n+1) { clear: both; width: 50%; /*padding-left: 0;*/ } .images-4 > .grid-image { width: 50%; } .images-4 > .grid-image:nth-child(3n+1) { clear: none; } .images-4 > .grid-image:nth-child(2n+1) { clear: both; /*padding-left: 0;*/ } } @media (max-width: 400px) { .images-2 > .grid-image { width: 100%; } .images-3 > .grid-image { width: 100%; } .images-4 > .grid-image { width: 100%; } .image-grid .grid-image:not(:first-child) { /*padding-left: 0;*/ } } /* Startpage blocks */ #wrapper .bottom-area .box { min-height: 320px; } /* Sitemap */ #wrapper.sitemap #content .columns .column.one-fourth:nth-child(4n + 1) { clear: both; } /* Mainbody links */ #wrapper #content .content-text a { color: #60b5d3; display: inline-block; } .autocomplete-result{ position: absolute; background: #FFF; font-size: 12px; z-index: 10000; margin: 0; list-style: none; } .autocomplete-result li{ border: 1px solid #ccc; } .autocomplete-result li:not(:last-child) { border-bottom: none; } .autocomplete-result li a { padding: 10px; display: inline-block; color: #1d1d1d; } .autocomplete-result li a:hover { text-decoration: underline; color: #60b5d3; } .autocomplete-result li a:after { content: "›"; color: #60b5d3; display: inline-block; padding-left: 5px; font-size: 150%; } .autocomplete-suggestion { position: absolute; z-index: 10000; margin: 0; color: #ccc; } /* slim menu design */ #mainmenu.slim { height: auto; } #mainmenu.slim::before, #mainmenu.slim::after { background: none; } #mainmenu.slim .container ul li a{ height: auto; line-height: unset; padding: 20px; } /* full width slider */ @media only screen and (max-width: 1340px) and (min-width: 1101px) { .container.home-slider-full-width { margin-top: -20px; } } @media only screen and (max-width: 1100px) { .container.home-slider-full-width { margin-top: -30px; } } .container.home-slider-full-width { width: 100%; padding: 0; } #home-slider.full-width .image-area { width: 100%; } #home-slider.full-width .navigation-area { display: none; } #home-slider .slide .container.slide-text { height: 100%; } .container.slide-text { position: absolute; top: 50%; left: 72%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .slide video { width: 100%; height: 100%; position: absolute; -o-object-fit: cover; object-fit: cover; } /* company button */ .comp-btn { text-transform: uppercase; border-radius: 4px; background: #ddd; color: #333; padding: 1rem 2rem; display: inline-block; font-weight: bold; letter-spacing: 0.05em; border: 0; cursor: pointer; -webkit-transition: background .25s ease, color .25s ease; transition: background .25s ease, color .25s ease; } /* CTA-button */ .cta-btn { display: inline-block; border-radius: 4px; background-color: #ddd; color: #333; padding: 1rem 2rem; font-weight: bold; letter-spacing: 0.05em; text-transform: uppercase; margin-left: 4rem; } /* Decorator dot */ .decoration-dot { display: inline-block; border-radius: 100%; background: #ddd; width: 8px; height: 8px; } /* NewsListBlock */ .newsblock { margin-bottom: 8rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .newsblock__left, .newsblock__right { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .newsblock__left { padding: 0 1rem 0 0; } .newsblock__right { padding: 0 0 0 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .newsblock__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2rem 0; } .newsblock__content .comp-btn { margin-left: auto; } .newsblock__heading { text-transform: uppercase; margin: 0; padding: 0; font-size: 2.4rem; letter-spacing: 0.05em; color: #333; } .newsitem { -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; background: #fff; display: block; } .newsitem:hover, .newsitem:focus, .newsitem:active { -webkit-transform: translateY(-2px); transform: translateY(-2px); -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); } .newsitem__image { height: 300px; background-color: #ddd; border-radius: 4px 4px 0 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .newsitem--small .newsitem__image { height: auto; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .newsitem__content { padding: 2rem 2rem 4rem; position: relative; } .newsitem--small .newsitem__content { padding: 1rem 2rem 4rem; } .newsitem__meta { color: #60696c; font-weight: bold; letter-spacing: 0.05em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; } .newsitem--small .newsitem__meta { margin-bottom: 1rem; } .newsitem__meta span:nth-child(2) { margin: 0 1rem; } .newsitem__meta__type { text-transform: uppercase; } .newsitem__heading { color: #333; font-weight: bold; font-size: 2.6rem; } .newsitem--small .newsitem__heading { font-size: 1.6rem; } .newsitem .read-more { width: 50px; height: 50px; position: absolute; right: 0; bottom: 0; cursor: pointer; background-color: #ddd; border-radius: 4px 0 4px 0; } .newsitem .read-more:after { content: ""; background: url(/Static/Images/arrow_right_brown.svg) no-repeat center; position: absolute; background-size: 36px; top: 0; left: 0; width: 100%; height: 100%; } .newsblock__secondary { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .newsblock__secondary .newsitem:first-child { display: none; } .newsitem--small { width: calc(50% - 1rem); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 1200px) { .newsblock__left { display: none; } .newsblock__right { padding: 0; } .newsblock__secondary .newsitem:first-child { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .newsitem--small { -webkit-box-flex: 0; -ms-flex: 0 0 calc(33.33333333% - 2rem); flex: 0 0 calc(33.33333333% - 2rem); margin: 0 1rem; min-height: 400px; } .newsblock__secondary { margin: 0 -1rem; } .newsblock__content { padding: 0 0 2rem; } } @media (max-width: 1000px) { .newsblock__secondary { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .newsitem--small { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 2rem); flex: 0 0 calc(50% - 2rem); margin-bottom: 2rem; } } @media (max-width: 800px) { .newsblock { margin-bottom: 4rem; } } @media (max-width: 600px) { .newsitem--small { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: calc(100% - 2rem); } /*.newsblock__secondary { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }*/ .newsitem--small .newsitem__content { padding: 1rem 1rem 4rem; } .newsblock__heading { font-size: 1.6rem; } } /* Calendarblock */ .calendarblock { /* background: #fff; margin: 0 calc(50% - 50vw + 8.5px) 8rem; margin-left:; margin-right: calc(50% - 50vw + 8.5px);*/ } /*@media (min-width: 1360px) { .calendarblock { margin-left: calc(50% - 50vw + 2rem + 8.5px); margin-right: calc(50% - 50vw + 2rem + 8.5px); } }*/ /*.calendarblock__inner { width: 1280px; margin: 0 auto; position: relative; padding: 4rem 0; }*/ .calendarblock__heading { text-transform: uppercase; margin: 0 0 2rem; padding: 0; font-size: 2.4rem; letter-spacing: 0.05em; color: #333; text-align: center; } .calendarblock__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 4rem; } .calendarblock__buttons .comp-btn { margin-left: auto; } .calendarblock__items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .calendarblock__empty { display: none; text-align: center; padding: 2rem; } .calendarblock__items.calendarblock__items--empty .calendarblock__empty { display: block; } .calendaritem { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; padding: 0 1rem; } .calendarblock__items .calendaritem:first-child, .calendarblock__items .calendaritem:nth-child(2) { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; margin: 0 0 4rem; } .calendaritem__header { font-size: 1.2rem; } .calendarblock__items .calendaritem:first-child .calendaritem__header, .calendarblock__items .calendaritem:nth-child(2) .calendaritem__header { font-size: 1.6rem; } .calendaritem__inner { display: block; background: #fff; background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 2rem; border-radius: 4px; -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); height: 300px; position: relative; } .calendarblock__items .calendaritem:first-child .calendaritem__inner, .calendarblock__items .calendaritem:nth-child(2) .calendaritem__inner { height: 400px; } .calendaritem__inner:hover, .calendaritem__inner:focus, .calendaritem__inner:active { -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); transform: translateY(-2px); } .calendaritem__content { background: #fff; border-radius: 4px; color: #333; padding: 2rem 2rem 2rem 8rem; -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); position: absolute; bottom: 2rem; left: 2rem; margin-right: 2rem; display:inline-block; } .calendaritem__template { display: none; } .calendaritem__date { border-radius: 4px 0; background: #ddd; -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); padding: 0.8rem 1rem; position: absolute; left: 2rem; bottom: 2rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; color: #333; width: 80px; } .calendaritem__day { text-transform: uppercase; margin-bottom: .2rem; } .calendaritem__number { margin-bottom: .2rem; font-size: 1.4rem; border-bottom: 2px solid #fff; } .calendaritem__month { font-size: 1.2rem; text-transform: uppercase; } #content a.calendaritem__inner::after { content: ""; } #events .calendarblock__items .calendaritem:first-child .calendaritem__inner, #events .calendarblock__items .calendaritem:nth-child(2) .calendaritem__inner { height: 300px; } #events .calendarblock__items .calendaritem:first-child .calendaritem__header, #events .calendarblock__items .calendaritem:nth-child(2) .calendaritem__header { font-size: 1.2rem; } #events .calendaritem { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } #events .calendarblock__items { margin-bottom: 4rem; } .single-calendar-post .date { margin-top: 4px; border-bottom: 1px solid #ece7dd; padding-bottom: 36px; margin-bottom: 33px; } .single-calendar-post .date div:first-child { margin-bottom: 1rem; } /* Events listing page override */ #events .calendaritem, #events .calendarblock__items .calendaritem:first-child, #events .calendarblock__items .calendaritem:nth-child(2) { margin: 0 0 2rem 0; } #events .posts-per-page { margin-top: -2rem; } /*@media only screen and (max-width: 1340px) { .calendarblock__inner { width: 100%; padding: 4rem 40px; } }*/ @media (max-width: 1200px) { .calendaritem__content { bottom: 0; left: 0; width: 100%; margin: 0; -webkit-box-shadow: none; box-shadow: none; border-top: 1px solid #eee; } } /*@media only screen and (max-width: 1100px) { .calendarblock__inner { padding: 4rem 30px; } }*/ @media (max-width: 1000px) { .calendarblock__items .calendaritem:first-child .calendaritem__inner, .calendarblock__items .calendaritem:nth-child(2) .calendaritem__inner, .calendaritem__inner { height: 300px; } .calendarblock__items .calendaritem:first-child .calendaritem__header, .calendarblock__items .calendaritem:nth-child(2) .calendaritem__header, .calendaritem__header { font-size: 1.4rem; } .calendarblock__items .calendaritem:first-child, .calendarblock__items .calendaritem:nth-child(2), .calendaritem { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .calendarblock__items .calendaritem:first-child, .calendarblock__items .calendaritem:nth-child(2), .calendaritem:not(:last-child) { margin-bottom: 2rem; } .calendarblock__items { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media (max-width: 800px) { .calendarblock__buttons { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2rem; } .calendarblock__buttons .comp-btn { margin-bottom: 2rem; margin-left: initial; } .calendarblock__filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .calendarblock__filter .comp-btn.comp-btn--outline { margin-right: 0; } } @media (max-width: 700px) { .calendarblock__items .calendaritem:first-child, #events .calendarblock__items .calendaritem:first-child, .calendarblock__items .calendaritem:nth-child(2), #events .calendarblock__items .calendaritem:nth-child(2), .calendaritem, #events .calendaritem { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .calendaritem__content { padding: 2rem 1rem 2rem 7rem; } .calendaritem__date { left: 1rem; } } @media (max-width: 600px) { .calendarblock { margin-bottom: 4rem; } .calendarblock__heading { font-size: 1.6rem; } } @media (max-width: 450px) { .calendarblock__filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .calendarblock__buttons .comp-btn { margin-bottom: 1rem; } } /* Processblock */ .processblock { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8rem; } .processblock__left, .processblock__right { -webkit-box-flex: 1; -ms-flex: 1 0 0px; flex: 1 0 0; } .processblock__left { padding: 0 1rem 0 0; } .processblock__right { padding-left: 1rem; } .processblock__content { text-align: center; padding: 3rem 2rem; background-color: #fff; color: #333; border-radius: 4px; } .processblock__wrapper { background-size: cover; background-repeat: no-repeat; background-position: center center; height: 100%; border-radius: 4px 0; padding: 4rem 2rem 2rem; } .processblock__heading { text-transform: uppercase; letter-spacing: 0.05em; font-size: 2.4rem; } .processblock__subheading { font-size: 1.2rem; } .processblock__processes { padding-left: 40px; } .processblock__process { background: #F8F8F7; -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2rem 2rem 2rem 4rem; color: #333; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .processblock__process:not(:last-child) { margin-bottom: 2rem; } .process__header { text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1rem; font-size: 1.4rem; } .process__text { margin: 0; padding: 0; } .process__icon { padding: 0 2rem 0 0; } .process__icon svg { width: 30px; height: 30px; } .process__number { position: absolute; font-size: 2rem; display: block; border-radius: 100%; background: #ccc; border: 4px solid #ddd; color: #333; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80px; height: 80px; font-weight: bold; left: -40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); } @media (max-width: 1000px) { .processblock { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .processblock__left, .processblock__right { padding: 0; } .processblock__left { margin-bottom: 2rem; } .processblock__wrapper { padding: 2rem; } .processblock__processes { padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -1rem; } .processblock__process { width: calc(50% - 2rem); padding: 2rem 2rem 2rem 3rem; } .processblock__process:not(:last-child) { margin: 0 1rem 2rem; } .processblock__process:last-child { margin: 0 1rem 2rem; } .process__number { left: 15px; top: 30px; font-size: 1.2rem; width: 40px; height: 40px; border-width: 3px; } } @media (max-width: 800px) { .processblock { margin-bottom: 4rem; } .processblock__processes { margin: 0; } .processblock__process { width: 100%; } .processblock__process:not(:last-child) { margin: 0 0 2rem; } .processblock__process:last-child { margin: 0; } } @media (max-width: 600px) { .processblock__heading { font-size: 1.6rem; } .process__header { font-size: 1.2rem; } .processblock__process { padding: 2rem; } } /* Standard alternative block */ .bottom-area.company .container { width: calc(1280px + 2rem); } .standardalt.standardalt--triplet { padding: 0 1rem; -webkit-box-flex: 0; -ms-flex: 0 0 33.33333333%; flex: 0 0 33.33333333%; } .standardalt.standardalt--duo { padding: 0 1rem; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .standardalt__inner { -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; display: block; min-height: 540px; height: 100%; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } a.standardalt__inner:hover, a.standardalt__inner:focus, a.standardalt__inner:active { -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); transform: translateY(-2px); } .standardalt__image { max-width: 100%; height: auto; border-radius: 4px 4px 0 0; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .standardalt__content { background-color: #fff; padding: 2rem 2rem 4rem; position: relative; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .standardalt__content .read-more { position: absolute; width: 50px; height: 50px; border-radius: 4px 0; right: 0; bottom: 0; background-color: #ddd; } .standardalt__content .read-more:after { content: ""; background: url(/Static/Images/arrow_right_brown.svg) no-repeat center; position: absolute; background-size: 36px; top: 0; left: 0; width: 100%; height: 100%; } #content .standardalt a:hover { text-decoration: none; } #content .standardalt a:after { display: none; } .flexlist { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -1rem; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexlist .standardalt { margin-bottom: 2rem; } .flexlist .standardalt__inner { min-height: 480px; } #wrapper .bottom-area.company { background: #F8F8F7; padding: 4rem 0; width: calc(100% - 4rem); margin: 0 40px 8rem; } #wrapper .bottom-area.company .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } @media (max-width: 1360px) { #wrapper .bottom-area.company { margin: 0 0 8rem; width: 100%; } } @media (max-width: 1340px) { .bottom-area.company .container { width: 100%; padding: 0 calc(40px - 1rem); } } @media (max-width: 1100px) { .bottom-area.company .container { padding: 0 calc(30px - 1rem); } } @media (max-width: 1000px) { .standardalt.standardalt--triplet { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } #wrapper .bottom-area.company .container { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .standardalt__inner { height: 100%; min-height: initial; } .standardalt:not(:last-child) { margin-bottom: 2rem; } } @media (max-width: 660px) { .standardalt.standardalt--triplet, .standardalt.standardalt--duo { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (max-width: 600px) { .bottom-area.company .container { padding: 0 calc(20px - 1rem); } #wrapper .bottom-area.company { margin-bottom: 4rem; } } /* Social media block */ .socialmedia { margin-bottom: 8rem; } .socialmedia__left { padding-right: 1rem; width: 33.333333333333%; } .socialmedia__right { padding-left: 1rem; width: 66.666666666666%; } .socialmedia__heading { font-size: 2.4rem; text-transform: uppercase; letter-spacing: 0.05em; color: #333; } .socialmedia__text { font-size: 1.2rem; } .socialmedia__outer { text-align: center; } .socialmedia__inner { display: -webkit-box; display: -ms-flexbox; display: flex; } .socialmedia__items { margin: 0 -1rem; display: -webkit-box; display: -ms-flexbox; display: flex; } .socialitem { padding: 0 1rem; margin-bottom: 4rem; } .socialitem.socialitem--pair { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } .socialconnect-container { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .socialconnect-container .socialitem.socialitem--pair { -webkit-box-flex: 0; -ms-flex: 0 0 33.333333333333%; flex: 0 0 33.333333333333%; } .socialitem__inner { -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 2rem; height: 100%; } .socialitem__inner:hover, .socialitem__inner:focus, .socialitem__inner:active { -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); -webkit-transform: translateY(-2px); transform: translateY(-2px); } .socialitem__image { height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center center; background-color: #ddd; border-radius: 4px; margin-bottom: 2rem; } .socialitem__content { margin-bottom: 2rem; color: #333; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: left; } .socialitem__content p { padding: 0; word-break: break-all; } .socialitem__metadata { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .socialitem__metadata > svg { stroke: #333; height: 30px; width: 30px; display: none; } .socialitem--facebook .socialitem__image { background-color: #4267B2; } .socialitem--instagram .socialitem__metadata > svg.instagram, .socialitem--facebook .socialitem__metadata > svg.facebook { display: block; } .socialitem__date { margin-left: auto; color: #60696C; } .socialmedia__filter { padding: 2rem 0 0; } .socialmedia__radio { position: relative; margin-bottom: 2rem; } .socialmedia__radio__input { height: 40px; left: -80px; opacity: 0; position: absolute; top: 0; width: 40px; } .socialmedia__radio__label { font-size: 1.2rem; color: #333; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; } .socialmedia__radio__input + .socialmedia__radio__label:before { border: 2px solid #60696C; content: ""; height: 40px; width: 40px; border-radius: 100%; margin-right: 1rem; } .socialmedia__radio__input:checked + .socialmedia__radio__label:after { content: ""; height: 34px; width: 34px; border-radius: 100%; background: #ddd; position: absolute; top: 50%; left: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 900px) { .socialmedia__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .socialmedia__left, .socialmedia__right { padding: 0; width: 100%; } .socialmedia__filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .socialconnect-container .socialitem.socialitem--pair { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (max-width: 650px) { .socialmedia__items { margin: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .socialitem { padding: 0; margin-bottom: 2rem; } .socialitem.socialitem--pair { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (max-width: 600px) { .socialmedia { margin-bottom: 4rem; } .socialmedia__heading { font-size: 1.6rem; } .socialmedia__filter { -ms-flex-wrap: wrap; flex-wrap: wrap; } .socialmedia__radio { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } } /* List navigation */ .navigation ul { list-style: none; float: left; margin-top: 11px; } .navigation ul li { float: left; border: 2px solid #fff; width: 39px; height: 39px; margin-right: 10px; cursor: pointer; } .navigation ul li.active { border-color: #ece7dd; } .navigation ul li a { width: 100%; height: 100%; } #content .navigation ul li a:after { display: none; } .navigation .posts-per-page { float: right; padding-top: 11px; } .navigation .posts-per-page span { padding-right: 8px; } .navigation .posts-per-page select { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; border: 0; border-radius: 0; background: none; border: 2px solid #ece7dd; width: 82px; height: 39px; font-family: Arial,Helvetica,sans-serif; font-size: 16px; padding-left: 11px; background: url(/Static/Images/arrow_down_brown.svg) no-repeat center right 9px; background-size: 20px; } /* Building page */ #building-slider { height: 400px; overflow: hidden; margin-bottom: 2rem; } #building-slider .image-area { height: calc(100% - 50px); } #building-slider .slider, #building-slider .owl-stage-outer, #building-slider .owl-stage, #building-slider .owl-item, #building-slider .slide{ height: 100%; } #building-slider .owl-controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #building-slider .owl-dots { margin-left: auto; } #building-slider .owl-theme .owl-controls .owl-nav [class*=owl-] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px; } #building-slider .slide { background-size: cover; background-repeat: no-repeat; background-position: center center; } @media (max-width: 425px) { #building-slider { height: 300px; } } .buildinginformation { margin-bottom: 2rem; } .buildingblock { display: -webkit-box; display: -ms-flexbox; display: flex; } .buildingblocks .buildingblock:not(:last-child) { margin-bottom: 2rem; } .buildingblock__icon { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; border-radius: 100%; width: 50px; height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ddd; } .buildingblock__content { margin-left: 2rem; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .buildingblock__tablerow { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .buildingblock__tablerow span { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; } .buildingblock__table .buildingblock__tablerow:not(:last-child) { margin-bottom: .5rem; } .buildingblock__tablerow span:first-child { font-weight: bold; } @media (max-width: 800px) { .buildingblock__tablerow { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } @media (max-width: 600px) { .buildingblock__icon { margin-bottom: .5rem; } } /* Alt Contact block */ .contact-main--special { margin-bottom: 8rem; } .contact-main--special.box .top { background: transparent; padding: 0; } .contact-main--special h2 { font-size: 2.4rem; text-transform: uppercase; letter-spacing: 0.05em; } .box.contact-main .contact-persons .person.person--alt { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 1rem 0; font-size: 1rem; } .box.contact-main.contact-main--special .contact-persons .person.person--alt { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-main--special .contact-persons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .contact-main.contact-main--special .contact-persons .person.person--alt { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; width: 50%; } #wrapper #content .info-boxes .info-box .person--alt .image, .contact-main--special .person--alt .image { float: none; width: auto; -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; border-radius: 100%; } #wrapper #content .info-boxes .info-box .person--alt img, .contact-main--special .person--alt img{ width: 200px; } #wrapper #content .box.contact-main .contact-persons .person.person--alt .info, .contact-main--special .contact-persons .person.person--alt .info { padding: 0 1rem 1rem 2rem; } #wrapper #content .box.contact-main .contact-persons .person.person--alt .info strong, .contact-main--special .contact-persons .person.person--alt .info strong { font-size: 2rem; display: block; margin-bottom: .5rem; padding-top: 1rem; } @media (max-width: 1360px) { .contact-main--special { margin-bottom: 6rem; } .contact-main.contact-main--special .contact-persons .person.person--alt { width: 100%; } } @media (max-width: 640px) { .box.contact-main .contact-persons .person.person--alt { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #wrapper #content .box.contact-main .contact-persons .person.person--alt .info, .contact-main--special .contact-persons .person.person--alt .info { padding: 0; } #wrapper #content .info-boxes .info-box .person--alt .image, .contact-main--special .person--alt .image { margin-bottom: 2rem; } } @media (max-width: 600px) { .contact-main--special { margin-bottom: 4rem; } .contact-main--special h2 { font-size: 1.6rem; } .contact-main--special .contact-persons .person.person--alt .info strong { font-size: 1.6rem; line-height: 1.2; word-break: break-word; } .contact-main--special .person.person--alt .info a { word-break: break-all; } } .textblock { max-width: 65.625%; margin: 0 auto 8rem; } @media (max-width: 1359px) { .textblock { margin-bottom: 6rem; } } @media (max-width: 1000px) { .textblock { max-width: 80%; } } @media (max-width: 700px) { .textblock { max-width: 100%; padding: 0 8.5px; } } @media (max-width: 600px) { .textblock { margin-bottom: 4rem; } } .standardaltwrapper__inner { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1000px) { .standardaltwrapper__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .standardaltwrapper--duo .standardaltwrapper__inner { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .standardaltwrapper--duo .standardaltwrapper__inner .standardalt--duo { margin-bottom: 2rem; } #wrapper #content .meta .comment:before, #wrapper #content .meta .share:before, #wrapper #content .meta .print:before { display: none; } #wrapper #content .meta .u-icon > svg { width: 25px; height: 25px; float: left; position: absolute; top: -6px; left: 0; } #header .links ul li.u-icon a:before { display: none; } #header .links ul li.u-icon svg { width: 28px; height: 28px; position: absolute; top: 0; left: 50%; margin-left: -14px; } #header .eservice svg path { stroke: #60b5d3 !important; } .comment-to-contentmanager a { color: #60b5d3!important; padding-left: 3px; } .comment-to-contentmanager strong { margin-left:1px; } /* Inline Frame styles */ .iframe__wrapper { margin-bottom: 4rem; } @media (min-width: 600px) { .iframe__wrapper { margin-bottom: 6rem; } } @media (min-width: 1360px) { .iframe__wrapper { margin-bottom: 8rem; } } .iframe__heading { font-size: 2.4rem; text-transform: uppercase; letter-spacing: 0.05em; color: #333; } @media (max-width: 600px) { .iframe__heading { font-size: 1.6rem; } } .iframe__text { font-size: 1.2rem; } /* Default aspect ratio 16:9 */ .iframe__content { position: relative; height: 0; width: 100%; overflow: hidden; padding-bottom: 56.25%; } .iframe__content iframe { position: absolute; height: 100%; width: 100%; margin: 0; padding: 0; border: none; } /* Height fix for iframe content with taller height, such as webapps */ .iframe__content-elevated { overflow: auto; padding-bottom: 100vh; } @media screen and (min-width: 480px) { .iframe__content-elevated { padding-bottom: 200%; } } @media screen and (min-width: 768px) { .iframe__content-elevated { padding-bottom: 1050px; } } @media screen and (min-width: 848px) { .iframe__content-elevated { padding-bottom: 900px; } } .gis { } .info-box > .gis { padding: 10px 15px; } .gis__map { margin-bottom: 1rem; } /*.gis__heading { font-family: 'bliss'; font-size: 24px; font-weight: 700; letter-spacing: .5px; }*/ .gis__footer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gis__button { background: #60b5d3; color: #fff !important; text-transform: uppercase; padding: 16px 28px; font-weight: 700; font-family: "bliss"; display: inline-block; letter-spacing: 2.2px; font-size: 16px; -webkit-transition: all .25s; transition: all .25s; } #content a.gis__button:hover::after { color: #1d1d1d; } #content a.gis__button:hover { background: #ffd356; color: #1d1d1d !important; cursor: pointer; text-decoration: none; } .einformation { background-color: rgb(243 240 234); max-width: 42rem; max-height: 11rem; } .einformation-content { padding: 1rem; } .einformation-title { font-size: 2rem; font-weight: 800; font-family: bliss, sans-serif; } .einformation-hyperlink { color: #60b5d3!important; margin-top: 0.5rem; } .einformation-margin { margin-top: 0.5rem; } .CookieDeclarationType { border: none!important; } .CookieDeclarationTableCell{ padding: 35px 10px!important; } #navigation__grid { gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); display: grid; } .navigation__li_w{ width: auto!important; display: grid; } .responsive-iframe { width: 100%; } @media (min-width: 640px) { #navigation__grid { gap: 2rem; } } a:focus-visible{ border: 0.3rem solid rgba(0,113,184,255); border-radius: 5px; } span:focus-visible{ border: 0.3rem solid rgba(0,113,184,255); border-radius: 5px; } a:focus-visible > img{ border: 0.3rem solid rgba(0,113,184,255); border-radius: 5px; } .logo a:focus-visible{ border: none; } .citybreak__widget { padding: 0.5rem; } .citybreak__calendar { width: 100%; margin-bottom: 1rem; } .citybreak__calendar-controls { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 0.5rem; } .citybreak__calendar-control { -webkit-box-flex: 0; -ms-flex: 0 0 0%; flex: 0 0 0%; outline: none; border: none; border-radius: 0.25rem; cursor: pointer; background-color: #fff; color: #5e422c; padding: 0.5rem; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } .citybreak__calendar-control:hover { background-color: #218fb6; color: #fff; -webkit-box-shadow: 0 4px 6px -1px rgba(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); box-shadow: 0 4px 6px -1px rgba(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); } .citybreak__calendar-control:focus-visible { color: #fff; background-color: #218fb6; -webkit-box-shadow: 0 4px 6px -1px rgba(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); box-shadow: 0 4px 6px -1px rgba(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); } .citybreak__calendar-control:disabled { -webkit-box-shadow: none; box-shadow: none; cursor: not-allowed; background: #aaa; color: #666; } .citybreak__calendar-control svg { width: 1.25rem; height: 1.25rem; } .citybreak__calendar-header { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 1.15rem; font-weight: bold; } .citybreak__calendar-body { } .citybreak__calendar-weekdays { color: #5e422c; display: grid; grid-template-columns: repeat(7, 1fr); } .citybreak__calendar-weekday { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0.75rem 0; } .citybreak__calendar-days { display: grid; grid-template-columns: repeat(7, 1fr); background-color: #fff; } .citybreak__calendar-day { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; border-radius: 1000rem; outline: none; padding: 0.75rem 0; background-color: #fff; cursor: pointer; } .citybreak__calendar-day:hover { color: #fff; background-color: #218fb6; text-decoration: underline; } .citybreak__calendar-day:focus-visible { color: #fff; background-color: #218fb6; text-decoration: underline; } .citybreak__calendar-day:disabled { cursor: not-allowed; text-decoration: none; background-color: #fff; color: #ccc; } .citybreak__calendar-day--is-active { color: #000; background-color: #f2f2f2; } .citybreak__calendar-day--is-selected { color: #5e422c; background-color: #ffd356; } .citybreak__calendar-day--is-transitive { color: #ccc; } .citybreak__events { list-style: none; } .citybreak__event { } .citybreak__event-link { } .citybreak__event-link:hover { text-decoration: underline; } .citybreak__event-link:focus-visible { outline: 1px solid black; } .citybreak__event-image { height: 8rem; width: 8rem; -o-object-fit: cover; object-fit: cover; } .citybreak__event-body { } .citybreak__event-header { } .citybreak__event-description { } .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/Static/Scripts/owlcarousel/assets/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /*! 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%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 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, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } 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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } 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%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -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%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } 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.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 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, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { 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; }