@charset "UTF-8";
/**
* Foundation for Sites by ZURB
* Version 6.2.3
* foundation.zurb.com
* Licensed under MIT Open Source
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
button,img,legend{border:0}body,button,legend{padding:0}.small-pull-1,.small-pull-10,.small-pull-11,.small-pull-2,.small-pull-3,.small-pull-4,.small-pull-5,.small-pull-6,.small-pull-7,.small-pull-8,.small-pull-9,.small-push-1,.small-push-10,.small-push-11,.small-push-2,.small-push-3,.small-push-4,.small-push-5,.small-push-7,.small-push-8,.small-push-9,sub,sup{position:relative}h1,h2,h3,h4,h5,h6,p{text-rendering:optimizeLegibility}.slider,html.is-reveal-open,html.is-reveal-open body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}.button,img{vertical-align:middle}sup{top:-.5em}sub{bottom:-.25em}.orbit-caption,.sticky.is-anchored.is-at-bottom,.sticky.is-stuck.is-at-bottom{bottom:0}img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;display:inline-block}svg:not(:root){overflow:hidden}figure{margin:1em 40px}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}.help-text,em,i{font-style:italic}a,b,em,i,small,strong{line-height:inherit}dl,ol,p,ul{line-height:1.6}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:not-allowed}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}body,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:400}html{font-size:100%;box-sizing:border-box}*,::after,::before{box-sizing:inherit}body{margin:0;line-height:1.5;color:#0a0a0a;background:#fefefe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}select{width:100%}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{overflow:visible;-webkit-appearance:none;-moz-appearance:none;background:0 0;border-radius:0;line-height:1}[data-whatinput=mouse] button{outline:0}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:77.5rem;margin-left:auto;margin-right:auto}.row .row,.row.expanded{max-width:none}.row::after,.row::before{content:' ';display:table}.row::after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row .row{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width:40em){.row .row{margin-left:-1.25rem;margin-right:-1.25rem}.column,.columns{padding-left:1.25rem;padding-right:1.25rem}}.row .row.collapse{margin-left:0;margin-right:0}.row.expanded .row{margin-left:auto;margin-right:auto}.column,.columns{width:100%;float:left;padding-left:1.25rem;padding-right:1.25rem}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.small-1{width:8.33333%}.small-push-1{left:8.33333%}.small-pull-1{left:-8.33333%}.small-offset-0{margin-left:0}.small-2{width:16.66667%}.small-push-2{left:16.66667%}.small-pull-2{left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{left:25%}.small-pull-3{left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{left:33.33333%}.small-pull-4{left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{left:41.66667%}.small-pull-5{left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{left:58.33333%}.small-pull-7{left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{left:66.66667%}.small-pull-8{left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{left:75%}.small-pull-9{left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{left:83.33333%}.small-pull-10{left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{left:91.66667%}.small-pull-11{left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1>.column,.small-up-1>.columns{width:100%;float:left}.small-up-1>.column:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n){clear:none}.small-up-1>.column:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1){clear:both}.small-up-1>.column:last-child,.small-up-1>.columns:last-child{float:left}.small-up-2>.column,.small-up-2>.columns{width:50%;float:left}.small-up-2>.column:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n){clear:none}.small-up-2>.column:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1){clear:both}.small-up-2>.column:last-child,.small-up-2>.columns:last-child{float:left}.small-up-3>.column,.small-up-3>.columns{width:33.33333%;float:left}.small-up-3>.column:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n){clear:none}.small-up-3>.column:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1){clear:both}.small-up-3>.column:last-child,.small-up-3>.columns:last-child{float:left}.small-up-4>.column,.small-up-4>.columns{width:25%;float:left}.small-up-4>.column:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n){clear:none}.small-up-4>.column:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1){clear:both}.small-up-4>.column:last-child,.small-up-4>.columns:last-child{float:left}.small-up-5>.column,.small-up-5>.columns{width:20%;float:left}.small-up-5>.column:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n){clear:none}.small-up-5>.column:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1){clear:both}.small-up-5>.column:last-child,.small-up-5>.columns:last-child{float:left}.small-up-6>.column,.small-up-6>.columns{width:16.66667%;float:left}.small-up-6>.column:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n){clear:none}.small-up-6>.column:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1){clear:both}.small-up-6>.column:last-child,.small-up-6>.columns:last-child{float:left}.small-up-7>.column,.small-up-7>.columns{width:14.28571%;float:left}.small-up-7>.column:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){clear:none}.small-up-7>.column:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){clear:both}.small-up-7>.column:last-child,.small-up-7>.columns:last-child{float:left}.small-up-8>.column,.small-up-8>.columns{width:12.5%;float:left}.small-up-8>.column:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){clear:none}.small-up-8>.column:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){clear:both}.small-up-8>.column:last-child,.small-up-8>.columns:last-child{float:left}.small-collapse>.column,.small-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .small-collapse.row,.small-collapse .row{margin-left:0;margin-right:0}.small-uncollapse>.column,.small-uncollapse>.columns{padding-left:1.25rem;padding-right:1.25rem}.small-centered{float:none;margin-left:auto;margin-right:auto}.small-pull-0,.small-push-0,.small-uncentered{position:static;margin-left:0;margin-right:0;float:left}@media screen and (min-width:40em){.medium-pull-1,.medium-pull-10,.medium-pull-11,.medium-pull-2,.medium-pull-3,.medium-pull-4,.medium-pull-5,.medium-pull-6,.medium-pull-7,.medium-pull-8,.medium-pull-9,.medium-push-1,.medium-push-10,.medium-push-11,.medium-push-2,.medium-push-3,.medium-push-4,.medium-push-5,.medium-push-7,.medium-push-8,.medium-push-9{position:relative}.medium-1{width:8.33333%}.medium-push-1{left:8.33333%}.medium-pull-1{left:-8.33333%}.medium-offset-0{margin-left:0}.medium-2{width:16.66667%}.medium-push-2{left:16.66667%}.medium-pull-2{left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{left:25%}.medium-pull-3{left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{left:33.33333%}.medium-pull-4{left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{left:41.66667%}.medium-pull-5{left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{left:58.33333%}.medium-pull-7{left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{left:66.66667%}.medium-pull-8{left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{left:75%}.medium-pull-9{left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{left:83.33333%}.medium-pull-10{left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{left:91.66667%}.medium-pull-11{left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1>.column,.medium-up-1>.columns{width:100%;float:left}.medium-up-1>.column:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n){clear:none}.medium-up-1>.column:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1){clear:both}.medium-up-1>.column:last-child,.medium-up-1>.columns:last-child{float:left}.medium-up-2>.column,.medium-up-2>.columns{width:50%;float:left}.medium-up-2>.column:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n){clear:none}.medium-up-2>.column:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1){clear:both}.medium-up-2>.column:last-child,.medium-up-2>.columns:last-child{float:left}.medium-up-3>.column,.medium-up-3>.columns{width:33.33333%;float:left}.medium-up-3>.column:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n){clear:none}.medium-up-3>.column:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1){clear:both}.medium-up-3>.column:last-child,.medium-up-3>.columns:last-child{float:left}.medium-up-4>.column,.medium-up-4>.columns{width:25%;float:left}.medium-up-4>.column:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n){clear:none}.medium-up-4>.column:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1){clear:both}.medium-up-4>.column:last-child,.medium-up-4>.columns:last-child{float:left}.medium-up-5>.column,.medium-up-5>.columns{width:20%;float:left}.medium-up-5>.column:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n){clear:none}.medium-up-5>.column:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1){clear:both}.medium-up-5>.column:last-child,.medium-up-5>.columns:last-child{float:left}.medium-up-6>.column,.medium-up-6>.columns{width:16.66667%;float:left}.medium-up-6>.column:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n){clear:none}.medium-up-6>.column:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1){clear:both}.medium-up-6>.column:last-child,.medium-up-6>.columns:last-child{float:left}.medium-up-7>.column,.medium-up-7>.columns{width:14.28571%;float:left}.medium-up-7>.column:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){clear:none}.medium-up-7>.column:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){clear:both}.medium-up-7>.column:last-child,.medium-up-7>.columns:last-child{float:left}.medium-up-8>.column,.medium-up-8>.columns{width:12.5%;float:left}.medium-up-8>.column:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){clear:none}.medium-up-8>.column:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){clear:both}.medium-up-8>.column:last-child,.medium-up-8>.columns:last-child{float:left}.medium-collapse>.column,.medium-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .medium-collapse.row,.medium-collapse .row{margin-left:0;margin-right:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-left:1.25rem;padding-right:1.25rem}.medium-centered{float:none;margin-left:auto;margin-right:auto}.medium-pull-0,.medium-push-0,.medium-uncentered{position:static;margin-left:0;margin-right:0;float:left}}@media screen and (min-width:64em){.large-pull-1,.large-pull-10,.large-pull-11,.large-pull-2,.large-pull-3,.large-pull-4,.large-pull-5,.large-pull-6,.large-pull-7,.large-pull-8,.large-pull-9,.large-push-1,.large-push-10,.large-push-11,.large-push-2,.large-push-3,.large-push-4,.large-push-5,.large-push-7,.large-push-8,.large-push-9{position:relative}.large-1{width:8.33333%}.large-push-1{left:8.33333%}.large-pull-1{left:-8.33333%}.large-offset-0{margin-left:0}.large-2{width:16.66667%}.large-push-2{left:16.66667%}.large-pull-2{left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{left:25%}.large-pull-3{left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{left:33.33333%}.large-pull-4{left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{left:41.66667%}.large-pull-5{left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{left:58.33333%}.large-pull-7{left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{left:66.66667%}.large-pull-8{left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{left:75%}.large-pull-9{left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{left:83.33333%}.large-pull-10{left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{left:91.66667%}.large-pull-11{left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1>.column,.large-up-1>.columns{width:100%;float:left}.large-up-1>.column:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n){clear:none}.large-up-1>.column:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1){clear:both}.large-up-1>.column:last-child,.large-up-1>.columns:last-child{float:left}.large-up-2>.column,.large-up-2>.columns{width:50%;float:left}.large-up-2>.column:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n){clear:none}.large-up-2>.column:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1){clear:both}.large-up-2>.column:last-child,.large-up-2>.columns:last-child{float:left}.large-up-3>.column,.large-up-3>.columns{width:33.33333%;float:left}.large-up-3>.column:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n){clear:none}.large-up-3>.column:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1){clear:both}.large-up-3>.column:last-child,.large-up-3>.columns:last-child{float:left}.large-up-4>.column,.large-up-4>.columns{width:25%;float:left}.large-up-4>.column:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n){clear:none}.large-up-4>.column:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1){clear:both}.large-up-4>.column:last-child,.large-up-4>.columns:last-child{float:left}.large-up-5>.column,.large-up-5>.columns{width:20%;float:left}.large-up-5>.column:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n){clear:none}.large-up-5>.column:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1){clear:both}.large-up-5>.column:last-child,.large-up-5>.columns:last-child{float:left}.large-up-6>.column,.large-up-6>.columns{width:16.66667%;float:left}.large-up-6>.column:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n){clear:none}.large-up-6>.column:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1){clear:both}.large-up-6>.column:last-child,.large-up-6>.columns:last-child{float:left}.large-up-7>.column,.large-up-7>.columns{width:14.28571%;float:left}.large-up-7>.column:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){clear:none}.large-up-7>.column:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){clear:both}.large-up-7>.column:last-child,.large-up-7>.columns:last-child{float:left}.large-up-8>.column,.large-up-8>.columns{width:12.5%;float:left}.large-up-8>.column:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){clear:none}.large-up-8>.column:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){clear:both}.large-up-8>.column:last-child,.large-up-8>.columns:last-child{float:left}.large-collapse>.column,.large-collapse>.columns{padding-left:0;padding-right:0}.expanded.row .large-collapse.row,.large-collapse .row{margin-left:0;margin-right:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-left:1.25rem;padding-right:1.25rem}.large-centered{float:none;margin-left:auto;margin-right:auto}.large-pull-0,.large-push-0,.large-uncentered{position:static;margin-left:0;margin-right:0;float:left}}.breadcrumbs::after,.button-group::after,.clearfix::after,.menu.align-right::after,.pagination::after,.tabs::after,.title-bar::after,.top-bar::after,hr{clear:both}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}ol,ul{margin-left:1.25rem}dl,ol,p,ul{margin-bottom:1rem}p{font-size:inherit}h1,h2,h3,h4,h5,h6{font-style:normal;color:inherit;margin-top:0;margin-bottom:.5rem;line-height:1.4}code,kbd{background-color:#e6e6e6;color:#0a0a0a;font-family:Consolas,"Liberation Mono",Courier,monospace}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#cacaca;line-height:0}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}@media screen and (min-width:64em){h3{font-size:1.25rem}}a{background-color:transparent;color:#2199e8;text-decoration:none;cursor:pointer}a:focus,a:hover{color:#1585cf}a img{border:0}hr{box-sizing:content-box;max-width:77.5rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto}dl,ol,ul{list-style-position:outside}li{font-size:inherit}ul{list-style-type:disc}.accordion,.menu,.tabs{list-style-type:none}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:.3rem;font-weight:700}.subheader,code,label{font-weight:400}blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #cacaca}blockquote,blockquote p{line-height:1.6;color:#8a8a8a}cite{display:block;font-size:.8125rem;color:#8a8a8a}cite:before{content:'\2014 \0020'}abbr{color:#0a0a0a;cursor:help;border-bottom:1px dotted #0a0a0a}code{border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}kbd{padding:.125rem .25rem 0;margin:0}.subheader{margin-top:.2rem;margin-bottom:.5rem;line-height:1.4;color:#8a8a8a}.lead{font-size:125%;line-height:1.6}.button,.stat{line-height:1}.stat{font-size:2.5rem}p+.stat{margin-top:-1rem}.no-bullet{margin-left:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.badge,.button,.input-group-label,.menu-centered,.menu.icon-top>li>a,.orbit-bullets{text-align:center}.show-for-print{display:none!important}@media print{blockquote,img,pre,tr{page-break-inside:avoid}*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.show-for-print{display:block!important}.hide-for-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print,th.show-for-print{display:table-cell!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.ir a:after,a[href^='javascript:']:after,a[href^='#']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a}thead{display:table-header-group}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.button{display:inline-block;cursor:pointer;-webkit-appearance:none;transition:background-color .25s ease-out,color .25s ease-out;border:1px solid transparent;border-radius:0;padding:.85em 1em;margin:0 0 1rem;font-size:.9rem;background-color:#2199e8;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#1583cc;color:#fefefe}.button.tiny{font-size:.6rem}.button.small{font-size:.75rem}.button.large{font-size:1.25rem}.button.expanded{display:block;width:100%;margin-left:0;margin-right:0}.button.primary{background-color:#2199e8;color:#fefefe}.button.primary:focus,.button.primary:hover{background-color:#147cc0;color:#fefefe}.button.secondary{background-color:#777;color:#fefefe}.button.secondary:focus,.button.secondary:hover{background-color:#5f5f5f;color:#fefefe}.button.success{background-color:#3adb76;color:#fefefe}.button.success:focus,.button.success:hover{background-color:#22bb5b;color:#fefefe}.button.warning{background-color:#ffae00;color:#fefefe}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#fefefe}.button.alert{background-color:#ec5840;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#da3116;color:#fefefe}.button.hollow{border:1px solid #2199e8;color:#2199e8}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.primary{border:1px solid #2199e8;color:#2199e8}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#0c4d78;color:#0c4d78}.button.hollow.secondary{border:1px solid #777;color:#777}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#3c3c3c;color:#3c3c3c}.button.hollow.success{border:1px solid #3adb76;color:#3adb76}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#157539;color:#157539}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.alert{border:1px solid #ec5840;color:#ec5840}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#881f0e;color:#881f0e}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled:focus,.button.disabled:hover,.button[disabled]:focus,.button[disabled]:hover{background-color:#2199e8;color:#fefefe}.button.dropdown::after{content:'';width:0;height:0;border:.4em inset;border-color:#fefefe transparent transparent;border-top-style:solid;border-bottom-width:0;position:relative;top:.4em;float:right;margin-left:1em;display:inline-block}.button.arrow-only::after{margin-left:0;float:none;top:-.1em}[type=text],[type=password],[type=date],[type=datetime],[type=datetime-local],[type=month],[type=week],[type=email],[type=number],[type=search],[type=tel],[type=time],[type=url],[type=color],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;padding:.5rem;border:1px solid #cacaca;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#0a0a0a;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);border-radius:0;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none}[type=text]:focus,[type=password]:focus,[type=date]:focus,[type=datetime]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=week]:focus,[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=url]:focus,[type=color]:focus,textarea:focus{border:1px solid #8a8a8a;background-color:#fefefe;outline:0;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{min-height:50px;max-width:100%}textarea[rows]{height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}input::placeholder,textarea::placeholder{color:#999}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:default}[type=submit],[type=button]{border-radius:0;-webkit-appearance:none;-moz-appearance:none}input[type=search]{box-sizing:border-box}[type=file],[type=checkbox],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}.js-drilldown-back>a::before,.menu-icon,.menu>li,.menu>li>a i,.menu>li>a i+span,.menu>li>a img,.menu>li>a img+span,.menu>li>a svg,.menu>li>a svg+span{vertical-align:middle}[type=checkbox]+label[for],[type=radio]+label[for]{cursor:pointer}label>[type=checkbox],label>[type=radio]{margin-right:.5rem}[type=file]{width:100%}label{display:block;margin:0;font-size:.875rem;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;color:#0a0a0a}.input-group{display:table;width:100%;margin-bottom:1rem}.input-group-button a,.input-group-button button,.input-group-button input,fieldset{margin:0}.input-group>:first-child,.input-group>:last-child>*{border-radius:0}.input-group-button,.input-group-field,.input-group-label{margin:0;white-space:nowrap;display:table-cell;vertical-align:middle}.input-group-label{padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca;white-space:nowrap;width:1%;height:100%}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;height:2.5rem}.fieldset,select{border:1px solid #cacaca}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;height:100%;width:1%}.input-group .input-group-button{display:table-cell}fieldset{border:0;padding:0}legend{margin-bottom:.5rem;max-width:100%}.fieldset{padding:1.25rem;margin:1.125rem 0}.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0 0 0 -.1875rem}select{height:2.4375rem;padding:.5rem 1.5rem .5rem .5rem;margin:0 0 1rem;font-size:1rem;font-family:inherit;line-height:normal;color:#0a0a0a;background-color:#fefefe;border-radius:0;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");background-size:9px 6px;background-position:right -1rem center;background-origin:content-box;background-repeat:no-repeat}.form-error,.is-invalid-label{color:#ec5840}@media screen and (min-width:0\0){select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}}select:disabled{background-color:#e6e6e6;cursor:default}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){background-color:rgba(236,88,64,.1);border-color:#ec5840}.accordion-content,.accordion-title:focus,.accordion-title:hover{background-color:#fefefe}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700}.form-error.is-visible{display:block}.accordion{background:#fefefe;margin-left:0}.accordion-item:first-child>:first-child,.accordion-item:last-child>:last-child{border-radius:0}.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#2199e8;position:relative;border:1px solid #e6e6e6;border-bottom:0}:last-child:not(.is-active)>.accordion-title{border-radius:0;border-bottom:1px solid #e6e6e6}.accordion-title::before{content:'+';position:absolute;right:1rem;top:50%;margin-top:-.5rem}.is-active>.accordion-title::before{content:'–'}.accordion-content{padding:1rem;display:none;border:1px solid #e6e6e6;border-bottom:0;color:#2199e8}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.is-accordion-submenu-parent>a{position:relative}.is-accordion-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:6px inset;border-color:#2199e8 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:50%;margin-top:-4px;right:1rem}.is-accordion-submenu-parent[aria-expanded=true]>a::after{-ms-transform-origin:50% 50%;transform-origin:50% 50%;-ms-transform:scaleY(-1);transform:scaleY(-1)}.badge{display:inline-block;padding:.3em;min-width:2.1em;font-size:.6rem;border-radius:50%;background:#2199e8;color:#fefefe}.badge.secondary{background:#777;color:#fefefe}.badge.success{background:#3adb76;color:#fefefe}.badge.warning{background:#ffae00;color:#fefefe}.badge.alert{background:#ec5840;color:#fefefe}.breadcrumbs{list-style:none;margin:0 0 1rem}.breadcrumbs::after,.breadcrumbs::before{content:' ';display:table}.breadcrumbs li{float:left;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}.is-dropdown-menu.vertical.align-right,.menu.align-right>li{float:right}.breadcrumbs li:not(:last-child)::after{color:#cacaca;content:"/";margin:0 .75rem;position:relative;top:1px;opacity:1}.breadcrumbs a{color:#2199e8}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.button-group{margin-bottom:1rem;font-size:0}.button-group::after,.button-group::before{content:' ';display:table}.button-group .button{margin:0 1px 1px 0;font-size:.9rem}.button-group .button:last-child{margin-right:0}.button-group.tiny .button{font-size:.6rem}.button-group.small .button{font-size:.75rem}.button-group.large .button{font-size:1.25rem}.button-group.expanded{margin-right:-1px}.button-group.expanded::after,.button-group.expanded::before{display:none}.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button{display:inline-block;width:calc(50% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(2):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button{display:inline-block;width:calc(33.33333% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(3):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button{display:inline-block;width:calc(25% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(4):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button{display:inline-block;width:calc(20% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(5):last-child{margin-right:-6px}.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button{display:inline-block;width:calc(16.66667% - 1px);margin-right:1px}.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button:last-child,.button-group.expanded .button:first-child:nth-last-child(6):last-child{margin-right:-6px}.button-group.primary .button{background-color:#2199e8;color:#fefefe}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#147cc0;color:#fefefe}.button-group.secondary .button{background-color:#777;color:#fefefe}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#5f5f5f;color:#fefefe}.button-group.success .button{background-color:#3adb76;color:#fefefe}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#22bb5b;color:#fefefe}.button-group.warning .button{background-color:#ffae00;color:#fefefe}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#fefefe}.button-group.alert .button{background-color:#ec5840;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#da3116;color:#fefefe}.button-group.stacked .button,.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button{width:100%}.button-group.stacked .button:last-child,.button-group.stacked-for-medium .button:last-child,.button-group.stacked-for-small .button:last-child{margin-bottom:0}@media screen and (min-width:40em){.button-group.stacked-for-small .button{width:auto;margin-bottom:0}}@media screen and (min-width:64em){.button-group.stacked-for-medium .button{width:auto;margin-bottom:0}}@media screen and (max-width:39.9375em){.button-group.stacked-for-small.expanded{display:block}.button-group.stacked-for-small.expanded .button{display:block;margin-right:0}}.callout{margin:0 0 1rem;padding:1rem;border:1px solid rgba(10,10,10,.25);border-radius:0;position:relative;color:#0a0a0a;background-color:#fff}.callout>:last-child,.menu a,.menu button,.menu input{margin-bottom:0}.callout>:first-child{margin-top:0}.callout.primary{background-color:#def0fc}.callout.secondary{background-color:#ebebeb}.callout.success{background-color:#e1faea}.callout.warning{background-color:#fff3d9}.callout.alert{background-color:#fce6e2}.callout.small{padding:.5rem}.callout.large{padding:3rem}.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.menu{margin:0}[data-whatinput=mouse] .menu>li{outline:0}.menu>li>a{display:block;padding:.7rem 1rem;line-height:1}.menu>li>a i,.menu>li>a img,.menu>li>a svg{margin-right:.25rem;display:inline-block}.menu>li{display:table-cell}.menu.vertical>li{display:block}@media screen and (min-width:40em){.menu.medium-horizontal>li{display:table-cell}.menu.medium-vertical>li{display:block}}@media screen and (min-width:64em){.menu.large-horizontal>li{display:table-cell}.menu.large-vertical>li{display:block}}.menu.simple li{line-height:1;display:inline-block;margin-right:1rem}.menu.simple a{padding:0}.menu.align-right::after,.menu.align-right::before{content:' ';display:table}.menu.expanded{width:100%;display:table;table-layout:fixed}.menu.expanded>li:first-child:last-child{width:100%}.menu.icon-top>li>a i,.menu.icon-top>li>a img,.menu.icon-top>li>a svg{display:block;margin:0 auto .25rem}.menu.nested{margin-left:1rem}.menu .active>a{color:#fefefe;background:#2199e8}.menu-text{font-weight:700;color:inherit;line-height:1;padding:.7rem 1rem}.menu-centered>.menu{display:inline-block}.no-js [data-responsive-menu] ul{display:none}.menu-icon{position:relative;display:inline-block;cursor:pointer;width:20px;height:16px}.menu-icon::after{content:'';position:absolute;display:block;width:100%;height:2px;background:#fefefe;top:0;left:0;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe}.menu-icon:hover::after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block!important}.is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;height:100%;width:100%;background:#0a0a0a;transition:transform .15s linear}.is-drilldown-submenu.is-active{z-index:1;display:block;-ms-transform:translateX(-100%);transform:translateX(-100%)}.is-drilldown-submenu.is-closing{-ms-transform:translateX(100%);transform:translateX(100%)}.is-drilldown-submenu-parent>a{position:relative}.is-drilldown-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:6px inset;border-color:transparent transparent transparent #000;border-left-style:solid;border-right-width:0;position:absolute;top:50%;margin-top:-6px;right:1rem}.js-drilldown-back>a::before{content:'';width:0;height:0;border:6px inset;border-color:transparent #000 transparent transparent;border-right-style:solid;border-left-width:0;display:inline-block;margin-right:.75rem}.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;border-radius:0;display:block;font-size:1rem;padding:1rem;position:absolute;visibility:hidden;width:300px;z-index:10}.dropdown-pane.is-open{visibility:visible}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.dropdown.menu>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu>li.is-dropdown-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#fff transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}[data-whatinput=mouse] .dropdown.menu a{outline:0}.no-js .dropdown.menu ul{display:none}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a::after{right:14px;margin-top:-3px}.dropdown.menu.vertical>li.opens-left>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #fff transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.vertical>li.opens-right>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #fff;border-left-style:solid;border-right-width:0}@media screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#fff transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a::after{right:14px;margin-top:-3px}.dropdown.menu.medium-vertical>li.opens-left>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #fff transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.medium-vertical>li.opens-right>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #fff;border-left-style:solid;border-right-width:0}}@media screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{left:auto;right:0;top:100%}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{right:auto;left:0;top:100%}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{padding-right:1.5rem;position:relative}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:#fff transparent transparent;border-top-style:solid;border-bottom-width:0;right:5px;margin-top:-2px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{left:auto;right:100%}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a::after{right:14px;margin-top:-3px}.dropdown.menu.large-vertical>li.opens-left>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #fff transparent transparent;border-right-style:solid;border-left-width:0}.dropdown.menu.large-vertical>li.opens-right>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #fff;border-left-style:solid;border-right-width:0}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}.is-dropdown-menu.vertical{width:100px}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a::after{position:absolute;top:50%;right:5px;margin-top:-2px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{left:auto;right:100%}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{display:none;position:absolute;top:0;left:100%;min-width:200px;z-index:1;background:#fefefe;border:none}.is-dropdown-submenu .is-dropdown-submenu-parent>a::after{right:14px;margin-top:-3px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent #fff transparent transparent;border-right-style:solid;border-left-width:0}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after{content:'';display:block;width:0;height:0;border:5px inset;border-color:transparent transparent transparent #fff;border-left-style:solid;border-right-width:0}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.flex-video{position:relative;height:0;padding-bottom:75%;margin-bottom:1rem;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%}.flex-video.widescreen{padding-bottom:56.25%}.flex-video.vimeo{padding-top:0}.label{display:inline-block;padding:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:0;background:#2199e8;color:#fefefe}.label.secondary{background:#777;color:#fefefe}.label.success{background:#3adb76;color:#fefefe}.label.warning{background:#ffae00;color:#fefefe}.label.alert{background:#ec5840;color:#fefefe}.media-object{margin-bottom:1rem;display:block}.media-object-section>:last-child,.orbit-caption{margin-bottom:0}.media-object img{max-width:none}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0 0 1rem;display:block}.media-object.stack-for-small .media-object-section img{width:100%}}.media-object-section{display:table-cell;vertical-align:top}.media-object-section:first-child{padding-right:1rem}.media-object-section:last-child:not(:nth-child(2)){padding-left:1rem}.media-object-section.middle{vertical-align:middle}.media-object-section.bottom{vertical-align:bottom}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;transition:transform .5s ease}.off-canvas-wrapper-inner::after,.off-canvas-wrapper-inner::before{content:' ';display:table}.off-canvas-wrapper-inner::after{clear:both}.off-canvas-content{min-height:100%;background:#fefefe;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;padding-bottom:.1px;box-shadow:0 0 10px rgba(10,10,10,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,254,254,.25);cursor:pointer;transition:background .5s ease}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;-ms-transform:translateX(0);transform:translateX(0)}.orbit-caption,.orbit-next:active,.orbit-next:focus,.orbit-next:hover,.orbit-previous:active,.orbit-previous:focus,.orbit-previous:hover{background-color:rgba(10,10,10,.5)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-300px;top:0;width:300px}.is-open-left{-ms-transform:translateX(300px);transform:translateX(300px)}.off-canvas.position-right{right:-300px;top:0;width:300px}.is-open-right{-ms-transform:translateX(-300px);transform:translateX(-300px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:300px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:300px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:300px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:300px}}.orbit,.orbit-container{position:relative}.orbit-container{margin:0;overflow:hidden;list-style:none}.orbit-caption,.orbit-next,.orbit-previous{position:absolute;padding:1rem;color:#fefefe}.orbit-slide{width:100%;max-height:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{margin:0;width:100%;max-width:100%}.orbit-caption{width:100%}.orbit-next,.orbit-previous{top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;background-color:#cacaca;border-radius:50%}.orbit-bullets button.is-active,.orbit-bullets button:hover{background-color:#8a8a8a}.pagination{margin-left:0;margin-bottom:1rem}.pagination::after,.pagination::before{content:' ';display:table}.pagination li{font-size:.875rem;margin-right:.0625rem;border-radius:0;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media screen and (min-width:40em){.pagination li{display:inline-block}.reveal{min-height:0}}.pagination a,.pagination button{color:#0a0a0a;display:block;padding:.1875rem .625rem;border-radius:0}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2199e8;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:not-allowed}.pagination .disabled:hover{background:0 0}.pagination .ellipsis::after{content:'\2026';padding:.1875rem .625rem;color:#0a0a0a}.progress-meter-text,.switch{color:#fefefe;font-weight:700}.pagination-previous a::before,.pagination-previous.disabled::before{content:'\00ab';display:inline-block;margin-right:.5rem}.pagination-next a::after,.pagination-next.disabled::after{content:'\00bb';display:inline-block;margin-left:.5rem}.progress{background-color:#cacaca;height:1rem;margin-bottom:1rem;border-radius:0}.progress.primary .progress-meter{background-color:#2199e8}.progress.secondary .progress-meter{background-color:#777}.progress.success .progress-meter{background-color:#3adb76}.progress.warning .progress-meter{background-color:#ffae00}.progress.alert .progress-meter{background-color:#ec5840}.progress-meter{position:relative;display:block;width:0%;height:100%;background-color:#2199e8}.progress-meter-text{top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;white-space:nowrap}.slider-fill,.slider-handle{left:0;display:inline-block}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;max-width:100%;height:.5rem;background-color:#cacaca;transition:all .2s ease-in-out}.slider-fill.is-dragging{transition:all 0s linear}.slider-handle{top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);position:absolute;z-index:1;width:1.4rem;height:1.4rem;background-color:#2199e8;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation;border-radius:0}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#1583cc}.slider-handle.is-dragging{transition:all 0s linear}.slider.disabled,.slider[disabled]{opacity:.25;cursor:not-allowed}.slider.vertical{display:inline-block;width:.5rem;height:12.5rem;margin:0 1.25rem;-ms-transform:scale(1,-1);transform:scale(1,-1)}.slider.vertical .slider-fill{top:0;width:.5rem;max-height:100%}.slider.vertical .slider-handle{position:absolute;top:0;left:50%;width:1.4rem;height:1.4rem;-ms-transform:translateX(-50%);transform:translateX(-50%)}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;transform:translate3d(0,0,0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-anchored{position:absolute;left:auto;right:auto}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{height:100%;overflow:hidden;user-select:none}.table-scroll,table.scroll{overflow-x:auto}.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:rgba(10,10,10,.45);overflow-y:scroll}.reveal{display:none;z-index:1006;padding:1rem;border:1px solid #cacaca;background-color:#fefefe;border-radius:0;position:relative;top:100px;margin-left:auto;margin-right:auto;overflow-y:auto}.switch-paddle,.switch-paddle::after{display:block;transition:all .25s ease-out}[data-whatinput=mouse] .reveal{outline:0}.reveal .column,.reveal .columns{min-width:0}.reveal>:last-child{margin-bottom:0}.reveal.collapse{padding:0}table caption,table tbody td,table tbody th{padding:.5rem .625rem .625rem}@media screen and (min-width:40em){.reveal{width:600px;max-width:77.5rem}.reveal .reveal{left:auto;right:auto;margin:0 auto}.reveal.tiny{width:30%;max-width:77.5rem}.reveal.small{width:50%;max-width:77.5rem}.reveal.large{width:90%;max-width:77.5rem}}.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}.switch{margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.875rem}.switch-input{opacity:0;position:absolute}.switch-paddle{background:#cacaca;cursor:pointer;position:relative;width:4rem;height:2rem;border-radius:0;color:inherit;font-weight:inherit}.has-tip,.title-bar-title,table caption{font-weight:700}input+.switch-paddle{margin:0}.switch-paddle::after{background:#fefefe;content:'';position:absolute;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem;transform:translate3d(0,0,0);border-radius:0}input:checked~.switch-paddle{background:#2199e8}input:checked~.switch-paddle::after{left:2.25rem}[data-whatinput=mouse] input:focus~.switch-paddle{outline:0}.switch-active,.switch-inactive{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.switch-active{left:8%;display:none}input:checked+label>.switch-active{display:block}.switch-inactive{right:15%}input:checked+label>.switch-inactive{display:none}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle::after{width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle::after{left:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle::after{width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle::after{left:2rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle::after{width:2rem;height:2rem}.switch.large input:checked~.switch-paddle::after{left:2.75rem}table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:1rem;border-radius:0}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table tfoot,table thead{background:#f8f8f8;color:#0a0a0a}.tabs.primary>li>a,.title-bar,.tooltip{color:#fefefe}table tfoot tr,table thead tr{background:0 0}table tfoot td,table tfoot th,table thead td,table thead th{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}table tbody tr:nth-child(even){background-color:#f1f1f1}@media screen and (max-width:63.9375em){table.stack tfoot,table.stack thead{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}.tabs,.tabs-content{border:1px solid #e6e6e6}table.scroll{display:block;width:100%}table.hover tr:hover{background-color:#f9f9f9}table.hover tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll table{width:auto}.tabs{margin:0;background:#fefefe}.tabs::after,.tabs::before{content:' ';display:table}.tabs.vertical>li{width:auto;float:none;display:block}.tabs-title,.title-bar-left{float:left}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:0 0}.tabs.primary{background:#2199e8}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:.75rem}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;transition:all .5s ease;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.thumbnail{border:4px solid #fefefe;box-shadow:0 0 0 1px rgba(10,10,10,.2);display:inline-block;line-height:0;max-width:100%;transition:box-shadow .2s ease-out;border-radius:0;margin-bottom:1rem}.thumbnail:focus,.thumbnail:hover{box-shadow:0 0 6px 1px rgba(33,153,232,.5)}.title-bar{background:#0a0a0a;padding:.5rem}.title-bar::after,.title-bar::before{content:' ';display:table}.menu-icon.dark,.title-bar-title{display:inline-block;vertical-align:middle}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-right{float:right;text-align:right}.menu-icon.dark{position:relative;cursor:pointer;width:20px;height:16px}.menu-icon.dark::after{content:'';position:absolute;display:block;width:100%;height:2px;background:#0a0a0a;top:0;left:0;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a}.menu-icon.dark:hover::after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.has-tip{border-bottom:dotted 1px #8a8a8a;position:relative;display:inline-block;cursor:help}.tooltip.top::before,.tooltip::before{content:'';display:block;width:0;height:0}.tooltip{background-color:#0a0a0a;font-size:80%;padding:.75rem;position:absolute;z-index:10;top:calc(100% + .6495rem);max-width:10rem!important;border-radius:0}.tooltip::before{border:.75rem inset;border-color:transparent transparent #0a0a0a;border-bottom-style:solid;border-top-width:0;bottom:100%;position:absolute;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top::before{border:.75rem inset;border-color:#0a0a0a transparent transparent;border-top-style:solid;border-bottom-width:0;top:100%;bottom:auto}.tooltip.left::before,.tooltip.right::before{content:'';display:block;width:0;height:0;bottom:auto;top:50%}.tooltip.left::before{border:.75rem inset;border-color:transparent transparent transparent #0a0a0a;border-left-style:solid;border-right-width:0;left:100%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right::before{border:.75rem inset;border-color:transparent #0a0a0a transparent transparent;border-right-style:solid;border-left-width:0;left:auto;right:100%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.top-bar{padding:.5rem}.top-bar::after,.top-bar::before{content:' ';display:table}.top-bar,.top-bar ul{background-color:#e6e6e6}.top-bar input{max-width:200px;margin-right:1rem}.top-bar .input-group-field{width:100%;margin-right:0}.top-bar input.button{width:auto}.top-bar .top-bar-left,.top-bar .top-bar-right{width:100%}@media screen and (min-width:40em){.top-bar .top-bar-left,.top-bar .top-bar-right{width:auto}.hide-for-medium{display:none!important}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{width:100%}}.top-bar-title{float:left;margin-right:1rem}.top-bar-left{float:left}.top-bar-right{float:right}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (max-width:39.9375em){.hide-for-small-only,.show-for-medium{display:none!important}}@media screen and (min-width:40em) and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{width:100%}.show-for-large{display:none!important}}@media screen and (min-width:64em) and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!important}}.show-for-sr,.show-on-focus{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.show-on-focus:active,.show-on-focus:focus{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}.hide-for-landscape,.show-for-portrait{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}.hide-for-landscape,.show-for-portrait{display:block!important}}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-left:auto;margin-right:auto}.clearfix::after,.clearfix::before{content:' ';display:table}.slide-in-down.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateY(-100%);transform:translateY(-100%);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-in-left.mui-enter,.slide-in-up.mui-enter{transition-duration:.5s;transition-timing-function:linear;transition-property:transform,opacity;-webkit-backface-visibility:hidden}.slide-in-down.mui-enter.mui-enter-active{-ms-transform:translateY(0);transform:translateY(0)}.slide-in-left.mui-enter{-ms-transform:translateX(-100%);transform:translateX(-100%);backface-visibility:hidden}.slide-in-left.mui-enter.mui-enter-active{-ms-transform:translateX(0);transform:translateX(0)}.slide-in-up.mui-enter{-ms-transform:translateY(100%);transform:translateY(100%);backface-visibility:hidden}.slide-in-right.mui-enter,.slide-out-down.mui-leave{transition-duration:.5s;transition-timing-function:linear;transition-property:transform,opacity;-webkit-backface-visibility:hidden}.slide-in-up.mui-enter.mui-enter-active{-ms-transform:translateY(0);transform:translateY(0)}.slide-in-right.mui-enter{-ms-transform:translateX(100%);transform:translateX(100%);backface-visibility:hidden}.slide-in-right.mui-enter.mui-enter-active{-ms-transform:translateX(0);transform:translateX(0)}.slide-out-down.mui-leave{-ms-transform:translateY(0);transform:translateY(0);backface-visibility:hidden}.slide-out-right.mui-leave,.slide-out-up.mui-leave{-webkit-backface-visibility:hidden;transition-duration:.5s;transition-timing-function:linear;transition-property:transform,opacity}.slide-out-down.mui-leave.mui-leave-active{-ms-transform:translateY(100%);transform:translateY(100%)}.slide-out-right.mui-leave{-ms-transform:translateX(0);transform:translateX(0);backface-visibility:hidden}.slide-out-right.mui-leave.mui-leave-active{-ms-transform:translateX(100%);transform:translateX(100%)}.slide-out-up.mui-leave{-ms-transform:translateY(0);transform:translateY(0);backface-visibility:hidden}.slide-out-up.mui-leave.mui-leave-active{-ms-transform:translateY(-100%);transform:translateY(-100%)}.slide-out-left.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateX(0);transform:translateX(0);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fade-in.mui-enter,.fade-out.mui-leave{transition-duration:.5s;transition-timing-function:linear;transition-property:opacity}.slide-out-left.mui-leave.mui-leave-active{-ms-transform:translateX(-100%);transform:translateX(-100%)}.fade-in.mui-enter{opacity:0}.fade-in.mui-enter.mui-enter-active,.fade-out.mui-leave{opacity:1}.hinge-in-from-bottom.mui-enter,.hinge-in-from-left.mui-enter,.hinge-in-from-middle-x.mui-enter,.hinge-in-from-middle-y.mui-enter,.hinge-in-from-right.mui-enter,.hinge-in-from-top.mui-enter,.hinge-out-from-bottom.mui-leave,.hinge-out-from-middle-x.mui-leave,.hinge-out-from-middle-y.mui-leave,.hinge-out-from-right.mui-leave,.hinge-out-from-top.mui-leave,.scale-in-down.mui-enter,.scale-in-up.mui-enter,.scale-out-down.mui-leave,.scale-out-up.mui-leave,.spin-in-ccw.mui-enter,.spin-in.mui-enter,.spin-out-ccw.mui-leave,.spin-out.mui-leave{transition-duration:.5s;transition-timing-function:linear;transition-property:transform,opacity}.fade-out.mui-leave.mui-leave-active{opacity:0}.hinge-in-from-top.mui-enter{transform:perspective(2000px) rotateX(-90deg);-ms-transform-origin:top;transform-origin:top;opacity:0}.hinge-in-from-top.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-right.mui-enter{transform:perspective(2000px) rotateY(-90deg);-ms-transform-origin:right;transform-origin:right;opacity:0}.hinge-in-from-right.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-bottom.mui-enter{transform:perspective(2000px) rotateX(90deg);-ms-transform-origin:bottom;transform-origin:bottom;opacity:0}.hinge-in-from-bottom.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-left.mui-enter{transform:perspective(2000px) rotateY(90deg);-ms-transform-origin:left;transform-origin:left;opacity:0}.hinge-in-from-left.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-middle-x.mui-enter{transform:perspective(2000px) rotateX(-90deg);-ms-transform-origin:center;transform-origin:center;opacity:0}.hinge-in-from-middle-x.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-middle-y.mui-enter{transform:perspective(2000px) rotateY(-90deg);-ms-transform-origin:center;transform-origin:center;opacity:0}.hinge-in-from-middle-y.mui-enter.mui-enter-active,.hinge-out-from-top.mui-leave{transform:perspective(2000px) rotate(0);opacity:1}.hinge-out-from-top.mui-leave{-ms-transform-origin:top;transform-origin:top}.hinge-out-from-top.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(-90deg);opacity:0}.hinge-out-from-right.mui-leave{transform:perspective(2000px) rotate(0);-ms-transform-origin:right;transform-origin:right;opacity:1}.hinge-out-from-right.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(-90deg);opacity:0}.hinge-out-from-bottom.mui-leave{transform:perspective(2000px) rotate(0);-ms-transform-origin:bottom;transform-origin:bottom;opacity:1}.hinge-out-from-bottom.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(90deg);opacity:0}.hinge-out-from-left.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:left;transform-origin:left;transition-property:transform,opacity;opacity:1}.hinge-out-from-left.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(90deg);opacity:0}.hinge-out-from-middle-x.mui-leave{transform:perspective(2000px) rotate(0);-ms-transform-origin:center;transform-origin:center;opacity:1}.hinge-out-from-middle-x.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(-90deg);opacity:0}.hinge-out-from-middle-y.mui-leave{transform:perspective(2000px) rotate(0);-ms-transform-origin:center;transform-origin:center;opacity:1}.hinge-out-from-middle-y.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(-90deg);opacity:0}.scale-in-up.mui-enter{-ms-transform:scale(.5);transform:scale(.5);opacity:0}.scale-in-up.mui-enter.mui-enter-active{-ms-transform:scale(1);transform:scale(1);opacity:1}.scale-in-down.mui-enter{-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}.scale-in-down.mui-enter.mui-enter-active,.scale-out-up.mui-leave{-ms-transform:scale(1);transform:scale(1);opacity:1}.scale-out-up.mui-leave.mui-leave-active{-ms-transform:scale(1.5);transform:scale(1.5);opacity:0}.scale-out-down.mui-leave{-ms-transform:scale(1);transform:scale(1);opacity:1}.scale-out-down.mui-leave.mui-leave-active{-ms-transform:scale(.5);transform:scale(.5);opacity:0}.spin-in.mui-enter{-ms-transform:rotate(-.75turn);transform:rotate(-.75turn);opacity:0}.spin-in.mui-enter.mui-enter-active,.spin-out.mui-leave{-ms-transform:rotate(0);transform:rotate(0);opacity:1}.spin-in-ccw.mui-enter,.spin-out.mui-leave.mui-leave-active{-ms-transform:rotate(.75turn);transform:rotate(.75turn);opacity:0}.spin-in-ccw.mui-enter.mui-enter-active,.spin-out-ccw.mui-leave{-ms-transform:rotate(0);transform:rotate(0);opacity:1}.spin-out-ccw.mui-leave.mui-leave-active{-ms-transform:rotate(-.75turn);transform:rotate(-.75turn);opacity:0}.slow{transition-duration:750ms!important}.linear{transition-timing-function:linear!important;animation-timing-function:linear!important}.ease{transition-timing-function:ease!important;animation-timing-function:ease!important}.ease-in{transition-timing-function:ease-in!important;animation-timing-function:ease-in!important}.ease-out{transition-timing-function:ease-out!important;animation-timing-function:ease-out!important}.ease-in-out{transition-timing-function:ease-in-out!important;animation-timing-function:ease-in-out!important}.bounce-in{transition-timing-function:cubic-bezier(.485,.155,.24,1.245)!important;animation-timing-function:cubic-bezier(.485,.155,.24,1.245)!important}.bounce-out{transition-timing-function:cubic-bezier(.485,.155,.515,.845)!important;animation-timing-function:cubic-bezier(.485,.155,.515,.845)!important}.bounce-in-out{transition-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important;animation-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important}.short-delay{transition-delay:.3s!important;animation-delay:.3s!important}.long-delay{transition-delay:.7s!important;animation-delay:.7s!important}.shake{animation-name:shake-7}.spin-ccw,.spin-cw{animation-name:spin-cw-1turn}@keyframes shake-7{0%,10%,20%,30%,40%,50%,60%,70%,80%,90%{transform:translateX(7%)}15%,25%,35%,45%,5%,55%,65%,75%,85%,95%{transform:translateX(-7%)}}@keyframes spin-cw-1turn{0%,100%{transform:rotate(0)}100%{transform:rotate(1turn)}}.wiggle{animation-name:wiggle-7deg}@keyframes wiggle-7deg{40%,50%,60%{transform:rotate(7deg)}35%,45%,55%,65%{transform:rotate(-7deg)}0%,100%,30%,70%{transform:rotate(0)}}.shake,.spin-ccw,.spin-cw,.wiggle{animation-duration:.5s}.infinite{animation-iteration-count:infinite}.slow{animation-duration:750ms!important}.fast{transition-duration:250ms!important;animation-duration:250ms!important}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-slide, .slick-slide * {
outline: none !important;
}
/**
* Swiper 4.0.5
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2017 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: November 7, 2017
*/
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;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;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
/**
* Featherlight – ultra slim jQuery lightbox
* Version 1.5.0 - http://noelboss.github.io/featherlight/
*
* Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
* MIT Licensed.
**/
@media all {
.featherlight {
display: none;
/* dimensions: spanning the background from edge to edge */
position:fixed;
top: 0; right: 0; bottom: 0; left: 0;
z-index: 2147483647; /* z-index needs to be >= elements on the site. */
/* position: centering content */
text-align: center;
/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
white-space: nowrap;
/* styling */
cursor: pointer;
background: #333;
/* IE8 "hack" for nested featherlights */
background: rgba(0, 0, 0, 0);
}
/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
.featherlight:last-of-type {
background: rgba(0, 0, 0, 0.8);
}
.featherlight:before {
/* position: trick to center content vertically */
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em;
}
.featherlight .featherlight-content {
/* make content container for positioned elements (close button) */
position: relative;
/* position: centering vertical and horizontal */
text-align: left;
vertical-align: middle;
display: inline-block;
/* dimensions: cut off images */
overflow: auto;
padding: 25px 25px 0;
border-bottom: 25px solid transparent;
/* dimensions: handling large content */
margin-left: 5%;
margin-right: 5%;
max-height: 95%;
/* styling */
background: #fff;
cursor: auto;
/* reset white-space wrapping */
white-space: normal;
}
/* contains the content */
.featherlight .featherlight-inner {
/* make sure its visible */
display: block;
}
.featherlight .featherlight-close-icon {
/* position: centering vertical and horizontal */
position: absolute;
z-index: 9999;
top: 0;
right: 0;
/* dimensions: 25px x 25px */
line-height: 25px;
width: 25px;
/* styling */
cursor: pointer;
text-align: center;
font-family: Arial, sans-serif;
background: #fff; /* Set the background in case it overlaps the content */
background: rgba(255, 255, 255, 0.3);
color: #000;
}
.featherlight .featherlight-image {
/* styling */
width: 100%;
}
.featherlight-iframe .featherlight-content {
/* removed the border for image croping since iframe is edge to edge */
border-bottom: 0;
padding: 0;
}
.featherlight iframe {
/* styling */
border: none;
}
.featherlight * { /* See https://github.com/noelboss/featherlight/issues/42 */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
.featherlight .featherlight-content {
/* dimensions: maximize lightbox with for small screens */
margin-left: 10px;
margin-right: 10px;
max-height: 98%;
padding: 10px 10px 0;
border-bottom: 10px solid transparent;
}
}
.ps__rail-x,.ps__rail-y{display:none;opacity:0;position:absolute}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0}.ps__rail-y{transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y,.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y{opacity:.6}.ps .ps__rail-x.ps--clicking,.ps .ps__rail-x:focus,.ps .ps__rail-x:hover,.ps .ps__rail-y.ps--clicking,.ps .ps__rail-y:focus,.ps .ps__rail-y:hover{background-color:#eee;opacity:.9}.ps__thumb-x,.ps__thumb-y{background-color:#aaa;border-radius:6px;position:absolute}.ps__thumb-x{transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px}.ps__thumb-y{transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px}.ps__rail-x.ps--clicking .ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x:hover>.ps__thumb-x{background-color:#999;height:11px}.ps__rail-y.ps--clicking .ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y:hover>.ps__thumb-y{background-color:#999;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}
.zfsp_tilenavigation .tile.cat_129 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .zfsp_tilenavigation .tile.cat_129 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/moto-square_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_129 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/moto-square_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_129 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .zfsp_category_icon_black_129 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .main_nav_desktop .cat_icon.cat_129:hover, .main_nav_desktop .cat_icon.cat_129.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-white-1612-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_129 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-white-1612-un.svg');}
.zfsp_tilenavigation .tile.cat_68 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-automotive-items-cmyk-black-201605-un.svg');} .zfsp_tilenavigation .tile.cat_68 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/pc-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_68 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/pc-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_68 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-mid-sizecar-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_68 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-mid-sizecar-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_68:hover, .main_nav_desktop .cat_icon.cat_68.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-mid-sizecar-cmyk-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_68 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-mid-sizecar-cmyk-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_131 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_131 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/wind-rechteck-new_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_131 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/wind-rechteck-new_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_131 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .zfsp_category_icon_black_131 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_131:hover, .main_nav_desktop .cat_icon.cat_131.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_131 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_1728 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-black-201512-un.svg');} .zfsp_tilenavigation .tile.cat_1728 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_1728 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_1728 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-black-201512-un.svg');} .zfsp_category_icon_black_1728 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-black-201512-un.svg');} .main_nav_desktop .cat_icon.cat_1728:hover, .main_nav_desktop .cat_icon.cat_1728.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-white-201512-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1728 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-envelope-open-cmyk-white-201512-un.svg');}
.zfsp_tilenavigation .tile.cat_1729 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_1729 .background {background-image: url('/remotemedia/master-content/zf-services-portal/industry-limo-quadratisch_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_1729 .background {background-image: url('/remotemedia/master-content/zf-services-portal/industry-limo-quadratisch_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_1729 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_1729 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_1729:hover, .main_nav_desktop .cat_icon.cat_1729.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1729 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_69 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-bus-cv-cmyk-black-201612-un.svg');} .zfsp_tilenavigation .tile.cat_69 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/zfa-trucks-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_69 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/zfa-trucks-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_69 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-truck-rgb-black-201601-un.svg');} .zfsp_category_icon_black_69 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-truck-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_69:hover, .main_nav_desktop .cat_icon.cat_69.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-truck-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_69 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-truck-rgb-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_23555 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_23555 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/marine-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_23555 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/marine-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_23555 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .zfsp_category_icon_black_23555 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_23555:hover, .main_nav_desktop .cat_icon.cat_23555.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_23555 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_1664 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/hamburger.svg');} .zfsp_tilenavigation .tile.cat_1664 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_1664 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_1664 {background-image: url('/ib/tec/images/assets/svg-cats/hamburger.svg');background-size: 35px 35px !important;} .zfsp_category_icon_black_1664 {background-image: url('/ib/tec/images/assets/svg-cats/hamburger.svg');} .main_nav_desktop .cat_icon.cat_1664:hover, .main_nav_desktop .cat_icon.cat_1664.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/hamburger-white.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1664 {background-image: url('/ib/tec/images/assets/svg-cats/hamburger-white.svg');background-size: 35px 35px !important;}
.zfsp_tilenavigation .tile.cat_1602 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-black-201602-un-mm.svg');} .zfsp_tilenavigation .tile.cat_1602 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_1602 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_1602 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-black-201602-un-mm.svg');background-size: 35px 35px !important;} .zfsp_category_icon_black_1602 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-black-201602-un-mm.svg');} .main_nav_desktop .cat_icon.cat_1602:hover, .main_nav_desktop .cat_icon.cat_1602.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-white-201602-un-mm.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1602 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-information-cmyk-white-201602-un-mm.svg');background-size: 35px 35px !important;}
.zfsp_tilenavigation .tile.cat_23557 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .zfsp_tilenavigation .tile.cat_23557 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/moto-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_23557 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/moto-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_23557 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .zfsp_category_icon_black_23557 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-black-1612-un.svg');} .main_nav_desktop .cat_icon.cat_23557:hover, .main_nav_desktop .cat_icon.cat_23557.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-white-1612-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_23557 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-motorbike-cmyk-white-1612-un.svg');}
.zfsp_tilenavigation .tile.cat_1536 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-black-201605-un-mm.svg');} .zfsp_tilenavigation .tile.cat_1536 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_1536 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_1536 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-black-201605-un-mm.svg');background-size: 35px 35px !important;} .zfsp_category_icon_black_1536 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-black-201605-un-mm.svg');} .main_nav_desktop .cat_icon.cat_1536:hover, .main_nav_desktop .cat_icon.cat_1536.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-white-201605-un-mm.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_1536 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-products-graphics-rgb-white-201605-un-mm.svg');background-size: 35px 35px !important;}
.zfsp_tilenavigation .tile.cat_130 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_130 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/rail-square_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_130 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/rail-square_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_130 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-black-201601-un.svg');} .zfsp_category_icon_black_130 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_130:hover, .main_nav_desktop .cat_icon.cat_130.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_130 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-train-rgb-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_128 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_128 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/marine-square_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_128 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/marine-square_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_128 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .zfsp_category_icon_black_128 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_128:hover, .main_nav_desktop .cat_icon.cat_128.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_128 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-ship-rgb-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_70 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-triple-wheelloader-tractor-forklift-rgb-black-144x144-201712-un.svg');} .zfsp_tilenavigation .tile.cat_70 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/oh-quadratisch_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_70 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/oh-quadratisch_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_70 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_70 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_70:hover, .main_nav_desktop .cat_icon.cat_70.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_70 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-rgb-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_21836 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-black-201701-un.svg');} .zfsp_tilenavigation .tile.cat_21836 .background {background-image: url('');} .zfsp_tilenavigation .halftile .tile.cat_21836 .background {background-image: url('');} .main_nav_desktop .cat_icon.cat_21836 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-black-201701-un.svg');} .zfsp_category_icon_black_21836 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-black-201701-un.svg');} .main_nav_desktop .cat_icon.cat_21836:hover, .main_nav_desktop .cat_icon.cat_21836.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-white-201701-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_21836 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-person-neutral-rgb-white-201701-un.svg');}
.zfsp_tilenavigation .tile.cat_23553 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-triple-wheelloader-tractor-forklift-rgb-black-144x144-201712-un.svg');} .zfsp_tilenavigation .tile.cat_23553 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/offhighway-kachel-gross-rectangle_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_23553 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-navigation/new-vehicle-type-images--2018/offhighway-kachel-gross-rectangle_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_23553 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_23553 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_23553:hover, .main_nav_desktop .cat_icon.cat_23553.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_23553 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-tractor-rgb-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_2752 .icon_wrapper {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_2752 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-wind_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_2752 .background {background-image: url('/remotemedia/master-content/zf-services-portal/tile-wind_tile_small_desktop.jpg');} .main_nav_desktop .cat_icon.cat_2752 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .zfsp_category_icon_black_2752 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_2752:hover, .main_nav_desktop .cat_icon.cat_2752.is_cat_start_page {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_2752 {background-image: url('/ib/tec/images/assets/tiled-navigation/svg/bn-icon-windpower-rgb-white-201601-un.svg');}
.zfsp_tilenavigation .tile.cat_2816 .icon_wrapper {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .zfsp_tilenavigation .tile.cat_2816 .background {background-image: url('/remotemedia/master-content/zf-services-portal/kachelbild-industrie_tile_big_desktop.jpg');} .zfsp_tilenavigation .halftile .tile.cat_2816 .background {background-image: url('/remotemedia/master-content/zf-services-portal/kachelbild-industrie_tile_small_desktop-2.jpg');} .main_nav_desktop .cat_icon.cat_2816 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .zfsp_category_icon_black_2816 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-black-201601-un.svg');} .main_nav_desktop .cat_icon.cat_2816:hover, .main_nav_desktop .cat_icon.cat_2816.is_cat_start_page {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-white-201601-un.svg');} .main_nav_desktop .cat_navigation .cat_icon.cat_2816 {background-image: url('/ib/tec/images/assets/svg-cats/bn-icon-factory-1-cmyk-white-201601-un.svg');}
a {
color: #2770BA;
}
body {
background-color: #eedfc8;
font-family: "Arial", sans-serif;
}
header {
background-color: white;
}
main {
display: block;
}
figure, picture {
display: block;
margin: 0;
}
.row {
background-color: white;
padding-top: 0.9375rem;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
max-width: 1200px;
}
.row .row {
padding: 0;
}
.trans_bg {
background-color: transparent;
}
.no_padding_col {
padding-right: 0;
padding-left: 0;
}
.no_padding_row {
padding-right: 0;
padding-left: 0;
}
.row.extra_padding {
padding-right: 1.875rem;
padding-left: 1.875rem;
}
.no_margin {
margin: 0 !important;
}
.site_headline_wrapper h1,
.site_headline_wrapper h2,
.site_headline_wrapper h3,
.site_headline_wrapper h4,
.site_headline_wrapper h5,
.site_headline_wrapper h6 {
font-size: 2.5rem;
text-transform: uppercase;
}
.site_headline_wrapper h1.hl_white,
.site_headline_wrapper h2.hl_white,
.site_headline_wrapper h3.hl_white,
.site_headline_wrapper h4.hl_white,
.site_headline_wrapper h5.hl_white,
.site_headline_wrapper h6.hl_white {
color: white;
}
.site_headline_wrapper h1.hl_gold,
.site_headline_wrapper h2.hl_gold,
.site_headline_wrapper h3.hl_gold,
.site_headline_wrapper h4.hl_gold,
.site_headline_wrapper h5.hl_gold,
.site_headline_wrapper h6.hl_gold {
color: #d5b076;
}
.site_headline_wrapper h1 span.hl_black,
.site_headline_wrapper h2 span.hl_black,
.site_headline_wrapper h3 span.hl_black,
.site_headline_wrapper h4 span.hl_black,
.site_headline_wrapper h5 span.hl_black,
.site_headline_wrapper h6 span.hl_black {
color: black;
}
.site_logo_wrapper .row {
padding-top: 20px;
padding-bottom: 20px;
}
.site_logo_wrapper .row img {
max-height: 50px;
}
@media screen and (max-width: 639px) {
.site_logo_wrapper .row {
padding-top: 20px;
padding-bottom: 5px;
}
}
h1,
h2,
h3,
h4,
h5,
h6,
span {
line-height: 1;
}
h1.hl_gold,
h2.hl_gold,
h3.hl_gold,
h4.hl_gold,
h5.hl_gold,
h6.hl_gold,
span.hl_gold {
color: #d5b076;
margin: 0;
}
h1.hl_white,
h2.hl_white,
h3.hl_white,
h4.hl_white,
h5.hl_white,
h6.hl_white,
span.hl_white {
color: white;
margin: 0;
}
p.hl_gold {
color: #d5b076;
}
p.hl_white {
color: white;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
}
h3 {
line-height: 1.5rem;
}
.text_beige {
color: #d5b076;
}
.text_white {
color: white;
}
.ui-helper-hidden-accessible {
display: none;
}
.overall_overlay {
background-color: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 99;
display: none;
}
.pagetitle {
padding-top: 20px;
background-color: transparent;
}
.pagetitle h1,
.pagetitle h2,
.pagetitle h3,
.pagetitle h4 {
text-transform: uppercase;
font-size: 2.5rem;
margin: 0;
}
.pagetitle .startpage_headline {
color: black;
}
.pagetitle .startpage_subheadline {
color: #d5b076;
}
div.preview-separator {
text-align: center;
vertical-align: middle;
line-height: 35px;
width: 100%;
height: 35px;
background: red;
color: white;
z-index: 900;
float: left;
position: absolute;
}
div.preview-separator button.close {
float: right;
padding-right: 1rem;
font-size: 2rem;
}
section.preview-relevant {
padding-top: 35px;
}
@media only screen and (min-width: 640px) {
.medium-20pc {
width: 20%;
}
.medium-40pc {
width: 40%;
}
.medium-60pc {
width: 60%;
}
.medium-80pc {
width: 80%;
}
}
@media only screen and (min-width: 1024px) {
.large-20pc {
width: 20%;
}
.large-40pc {
width: 40%;
}
.large-80pc {
width: 80%;
}
}
.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float: left;
}
.columns_2 {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
.bg_fade {
-webkit-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s;
-o-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s;
transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s;
}
.text_fade {
-webkit-transition: color 0.5s ease-in 0s, width 0.5s ease-in 2s;
-o-transition: color 0.5s ease-in 0s, width 0.5s ease-in 2s;
transition: color 0.5s ease-in 0s, width 0.5s ease-in 2s;
}
.trans_opacity,
.trans_opacity p {
-webkit-transition: background-color 0.5s ease-in 0s, opacity 0.5s ease-in 0s, width 0.5s ease-in 0s;
-o-transition: background-color 0.5s ease-in 0s, opacity 0.5s ease-in 0s, width 0.5s ease-in 0s;
transition: background-color 0.5s ease-in 0s, opacity 0.5s ease-in 0s, width 0.5s ease-in 0s;
}
.trans_all {
-webkit-transition: all 0.5s ease-in 0s;
-o-transition: all 0.5s ease-in 0s;
transition: all 0.5s ease-in 0s;
}
.trans_all_fast {
-webkit-transition: all 0.2s ease-in 0s;
-o-transition: all 0.2s ease-in 0s;
transition: all 0.2s ease-in 0s;
}
@media screen and (max-width: 1023px) {
body {
padding-top: 7.875rem;
}
h3 {
font-size: 1.125rem;
line-height: 1.25rem;
}
h1 {
font-size: 26px;
}
nav.row {
padding-right: 0.625rem !important;
padding-left: 0.625rem !important;
}
.site_headline_wrapper h1,
.site_headline_wrapper h2,
.site_headline_wrapper h3,
.site_headline_wrapper h4,
.site_headline_wrapper h5,
.site_headline_wrapper h6 {
font-size: 2rem;
text-transform: uppercase;
}
.site_headline_wrapper h1.hl_white,
.site_headline_wrapper h2.hl_white,
.site_headline_wrapper h3.hl_white,
.site_headline_wrapper h4.hl_white,
.site_headline_wrapper h5.hl_white,
.site_headline_wrapper h6.hl_white {
color: white;
}
.site_headline_wrapper h1.hl_gold,
.site_headline_wrapper h2.hl_gold,
.site_headline_wrapper h3.hl_gold,
.site_headline_wrapper h4.hl_gold,
.site_headline_wrapper h5.hl_gold,
.site_headline_wrapper h6.hl_gold {
color: #d5b076;
}
.pagetitle h1,
.pagetitle h2,
.pagetitle h3,
.pagetitle h4 {
font-size: 2rem;
}
}
@media screen and (max-width: 639px) {
body {
padding-top: 7.875rem;
}
h3 {
font-size: 1rem;
line-height: 1.125rem;
}
h1 {
font-size: 26px;
}
.columns_2 {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.row {
padding-right: 0;
padding-left: 0;
}
.site_headline_wrapper h1,
.site_headline_wrapper h2,
.site_headline_wrapper h3,
.site_headline_wrapper h4,
.site_headline_wrapper h5,
.site_headline_wrapper h6 {
font-size: 1.75rem;
text-transform: uppercase;
}
.site_headline_wrapper h1.hl_white,
.site_headline_wrapper h2.hl_white,
.site_headline_wrapper h3.hl_white,
.site_headline_wrapper h4.hl_white,
.site_headline_wrapper h5.hl_white,
.site_headline_wrapper h6.hl_white {
color: white;
}
.site_headline_wrapper h1.hl_gold,
.site_headline_wrapper h2.hl_gold,
.site_headline_wrapper h3.hl_gold,
.site_headline_wrapper h4.hl_gold,
.site_headline_wrapper h5.hl_gold,
.site_headline_wrapper h6.hl_gold {
color: #d5b076;
}
.pagetitle h1,
.pagetitle h2,
.pagetitle h3,
.pagetitle h4 {
font-size: 1.75rem;
}
}
.zfsp_accordion {
margin-top: 1.25rem;
}
.zfsp_accordion .accordion_headline {
background-color: #eaeaea;
padding: 1.25rem 1rem;
margin-bottom: 0.125rem;
}
.zfsp_accordion ul.accordion {
margin-bottom: 1.25rem;
}
.zfsp_accordion .accordion-item {
margin-bottom: 0.125rem;
}
.zfsp_accordion .accordion-item .accordion-title {
font-size: 1rem;
color: black;
background-color: #eaeaea;
padding-left: 1.875rem;
}
.zfsp_accordion .accordion-item .accordion-title::before {
right: auto;
content: "";
float: left;
display: block;
position: absolute;
top: 25px;
left: 3px;
width: 20px;
height: 20px;
background: url('../images/assets/ico-sprite.png') -1249px 50% no-repeat;
}
.zfsp_accordion .accordion-item .accordion-title h3 {
font-weight: normal;
font-size: 16px;
font-family: "Arial", sans-serif;
margin-bottom: 0;
}
.zfsp_accordion .accordion-item:hover .accordion-title {
background-color: #d9d9d9;
}
.zfsp_accordion .accordion-item.is-active .accordion-title, .zfsp_accordion .accordion-item.is-active:hover .accordion-title {
background-color: black;
color: white;
}
.zfsp_accordion .accordion-item.is-active .accordion-title::before, .zfsp_accordion .accordion-item.is-active:hover .accordion-title::before {
background: url('../images/assets/ico-sprite.png') -1279px 50% no-repeat;
}
.zfsp_accordion .accordion-item .accordion-content {
color: black;
padding: 0;
padding-top: 1.25rem;
}
.zfsp_accordion .accordion-item .accordion-content .zfsp_text_image.content_wrapper {
margin-bottom: 1.25rem;
}
@media screen and (min-width: 1024px) {
.zfsp_accordion .zfsp_gallery {
margin-left: 0;
width: 100%;
}
}
.contact_form nav {
margin: 2.5rem 0 2.5rem;
}
.contact_form nav .zfsp_breadcrumb_contact_form {
list-style-type: none;
margin-left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 75%;
}
.contact_form nav .zfsp_breadcrumb_contact_form li {
color: #666;
display: inline-block;
margin-left: 2.5rem;
padding-top: 8px;
}
.contact_form nav .zfsp_breadcrumb_contact_form li:first-of-type {
background-color: #d5b076;
display: inline-block;
padding: 0.625rem 0.9375rem;
position: relative;
color: white;
line-height: 1.5rem;
margin: 0;
height: 2.75rem;
}
.contact_form nav .zfsp_breadcrumb_contact_form li:first-of-type::after {
width: 0;
height: 0;
border-style: solid;
border-width: 22px;
left: 100%;
top: 0px;
border-color: transparent transparent transparent #d5b076;
position: absolute;
content: "";
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step {
background-image: url('../images/assets/dot-gold.png');
background-repeat: no-repeat;
display: inline-block;
text-align: center;
background-position: center 12px;
background-size: 20px;
padding-top: 50px;
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step {
background-color: #d5b076;
width: 10px;
height: 8px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-top: 18px;
max-width: 12.5rem;
position: relative;
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step:first-of-type {
margin-left: 25px;
max-width: 4.6875rem;
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step:first-of-type::before {
width: 0;
height: 0;
border-style: solid;
border-width: 4px;
border-color: transparent transparent transparent white;
float: right;
position: absolute;
content: "";
}
.contact_form nav .button_change {
margin-top: 1.25rem;
}
.zfsp_breadcrumbs {
padding-left: 0;
margin: 14px 0 18px;
list-style-type: none;
}
.zfsp_breadcrumbs li {
float: left;
border: 1px solid #e8e8e8;
margin-top: 10px;
}
.zfsp_breadcrumbs li.first {
background-image: url('../images/assets/svg-1/icon-home-grey.svg');
background-repeat: no-repeat;
background-position: center;
background-size: auto 1.5625rem;
}
.zfsp_breadcrumbs li a {
position: relative;
float: left;
padding: 5px 15px 5px 25px;
font-size: .9em;
color: #777;
text-decoration: none;
outline: 0;
}
.zfsp_breadcrumbs li a:before {
border: 18px solid rgba(51, 51, 51, 0);
border-left-color: #e8e8e8;
border-width: 18px;
margin-top: -18px;
left: 100%;
top: 50%;
content: " ";
height: 0;
width: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}
.zfsp_breadcrumbs li a:after {
margin-top: -17px;
left: 100%;
top: 50%;
border: solid transparent 17px;
border-left-color: #fff;
content: " ";
height: 0;
width: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}
.zfsp_breadcrumbs li a.empty {
cursor: default;
}
.zfsp_breadcrumbs li.last {
position: relative;
}
.zfsp_breadcrumbs li.last.hasChildren:after {
content: "";
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 15px;
padding-right: 10px;
background-image: url('../images/assets/ico-sprite.png');
background-position: -1253px center;
}
.zfsp_breadcrumbs li.last.hasChildren:hover {
width: auto;
}
.zfsp_breadcrumbs li.last.hasChildren:hover:after {
background-position: -1400px;
padding-left: 0.9375rem;
}
.zfsp_breadcrumbs li.last.hasChildren:hover a:before {
border: none;
}
.zfsp_breadcrumbs li.last.hasChildren:hover a:after {
border: none;
}
.zfsp_breadcrumbs li.last.hasChildren:hover .breadcrumb_children {
display: inline-block;
}
.zfsp_breadcrumbs li.last a {
cursor: default;
font-weight: bold;
padding-right: 2.5rem;
}
.zfsp_breadcrumbs li.last .breadcrumb_children {
display: none;
min-width: -webkit-calc(100% + 2px);
min-width: calc(100% + 2px);
background-color: white;
border: 1px solid #e8e8e8;
border-bottom: none;
z-index: 1;
position: absolute;
top: 2.0625rem;
left: -1px;
list-style-type: none;
margin: 0;
}
.zfsp_breadcrumbs li.last .breadcrumb_children li {
float: none;
border: none;
margin: 0;
}
.zfsp_breadcrumbs li.last .breadcrumb_children li a {
width: 100%;
font-weight: normal;
border-bottom: 1px solid #e8e8e8;
cursor: pointer;
}
.zfsp_breadcrumbs li.last .breadcrumb_children li a:before {
border: none;
}
.zfsp_breadcrumbs li.last .breadcrumb_children li a:after {
border: none;
}
.zfsp_breadcrumbs li.last .breadcrumb_children li a:hover {
background-color: #2870bb;
color: #fff;
}
@media screen and (max-width: 639px) {
.zfsp_breadcrumbs li.last.hasChildren:after {
background: none;
}
.zfsp_breadcrumbs li.last.hasChildren:hover:after {
background: none;
}
.zfsp_breadcrumbs li.last:hover {
width: auto;
}
.zfsp_breadcrumbs li.last:hover:after {
background: none;
}
.zfsp_breadcrumbs li.last:hover a:before {
border: 18px solid rgba(51, 51, 51, 0);
border-left-color: #e8e8e8;
border-width: 18px;
margin-top: -18px;
left: 100%;
top: 50%;
content: " ";
height: 0;
width: 0;
position: absolute;
z-index: 1;
pointer-events: none;
}
.zfsp_breadcrumbs li.last:hover .breadcrumb_children {
display: none;
}
.zfsp_breadcrumbs li.last a {
padding-right: 15px;
}
}
.zfsp_cta {
margin-bottom: 0.625rem;
}
.zfsp_cta.cta_el {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.zfsp_cta a,
.zfsp_cta .cta {
-webkit-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s;
-o-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s;
transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s;
display: inline-block;
background-color: rgba(40, 112, 187, 0.8);
color: white;
padding: 0.625rem 1.875rem 0.625rem 0.9375rem;
position: relative;
line-height: inherit;
}
.zfsp_cta a:before,
.zfsp_cta .cta:before {
height: 0 !important;
width: 0 !important;
background: none !important;
}
.zfsp_cta a:after,
.zfsp_cta .cta:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 0.625rem;
position: absolute;
right: 0.3125rem;
top: 0.9375rem;
}
.zfsp_cta a:hover,
.zfsp_cta .cta:hover {
background-color: #2870bb;
cursor: pointer;
color: white;
}
.zfsp_cta a.cta_contact, .zfsp_cta a.cta_phone,
.zfsp_cta .cta.cta_contact,
.zfsp_cta .cta.cta_phone {
padding-right: 3.125rem;
}
.zfsp_cta a.cta_contact:after, .zfsp_cta a.cta_phone:after,
.zfsp_cta .cta.cta_contact:after,
.zfsp_cta .cta.cta_phone:after {
height: 2.1875rem;
width: 2.1875rem;
background: url('../images/assets/svg-1/envelope-white.svg');
background-repeat: no-repeat;
background-size: contain;
margin-left: 0;
top: 0.3125rem;
}
.zfsp_cta a.cta_phone:after,
.zfsp_cta .cta.cta_phone:after {
background-image: url('../images/assets/mobile-nav-phone-white.png');
height: 2.0625rem;
width: 1.875rem;
top: 0.375rem;
}
.zfsp_cta.no_icon a,
.zfsp_cta.no_icon .cta {
padding-right: 0.9375rem;
}
.zfsp_cta.no_icon a:after,
.zfsp_cta.no_icon .cta:after {
display: none;
}
.zfsp_cta .app-sub-text {
font-size: 14px;
}
.zfsp_cta .app-sub-link {
margin-top: 20px;
padding-left: 10px;
position: relative;
}
.zfsp_cta .app-sub-link a {
padding: 0px;
position: static;
background-color: transparent !important;
color: rgba(0, 171, 231, 0.7);
font-size: 14px;
}
.zfsp_cta .app-sub-link a:after {
display: none;
}
.zfsp_cta .app-sub-link a:before {
content: url('../icons-rebranch/link-arrow-blue-1.png');
position: absolute;
left: 0px;
}
.zfsp_cta .app-sub-link a:hover {
color: #00abe7;
background-color: transparent;
}
.content_rel .rc_slider {
margin-top: 0px !important;
}
.content_rel .zfsp-seperator {
height: 1.25rem;
}
.content_rel .cr_headline {
font-size: 28px;
text-transform: uppercase;
font-weight: bold;
}
@media screen and (max-width: 1023px) {
.content_rel .cr_headline {
font-size: 20px;
}
}
.content-group {
margin-top: 1.875rem;
}
.content-group h1, .content-group h2, .content-group h3, .content-group h4, .content-group h5, .content-group h6 {
text-transform: uppercase;
font-size: 1.75rem;
margin-bottom: 0;
}
.content-group .zfsp-seperator {
height: 1.25rem;
margin-bottom: 1.875rem;
}
@media screen and (max-width: 1023px) {
.content-group h1, .content-group h2, .content-group h3, .content-group h4, .content-group h5, .content-group h6 {
font-size: 1.5rem;
/*&:first-child {
margin-bottom: rem-calc(10);
}*/
}
.content-group .zfsp-seperator {
height: 0.75rem;
margin-bottom: 1.875rem;
}
}
@media screen and (max-width: 639px) {
.content-group h1, .content-group h2, .content-group h3, .content-group h4, .content-group h5, .content-group h6 {
font-size: 1.25rem;
/*&:first-child {
margin-bottom: rem-calc(10);
}*/
}
}
.zfsp_country_select {
padding-top: 3.125rem;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 999;
display: none;
top: 0;
color: white;
}
.zfsp_country_select .cs_close .close_country_select {
color: white;
}
.zfsp_country_select .cs_close .close_country_select:after {
content: "";
display: inline-block;
height: 1.25rem;
width: 1.25rem;
background-image: url('../images/assets/ico-sprite.png');
background-position: -920px center;
position: relative;
top: 5px;
margin-left: 5px;
}
.zfsp_country_select .mapholder {
margin-top: 1.875rem;
margin-bottom: 1.875rem;
}
.zfsp_country_select .mapholder .zfsp_worldmap > img {
width: 100%;
}
.zfsp_country_select .mapholder navigation.country_list ul {
list-style-type: none;
margin: 0.625rem 0 0 0;
}
.zfsp_country_select .mapholder navigation.country_list ul li a {
font-size: 1.25rem;
color: #d5b076;
}
.zfsp_country_select .cs_bottom {
font-size: 1.25rem;
}
.zfsp_country_select .cs_bottom p {
line-height: 1.2;
}
.zfsp_country_select .cs_bottom a {
color: #d5b076;
}
@media screen and (max-width: 1023px) {
.cs_close {
text-align: right;
}
}
@media screen and (max-width: 639px) {
.cs_close {
text-align: right;
}
}
.dashboard.db-crm-deactivation {
margin-bottom: 30px;
}
.dashboard.db-crm-deactivation .message {
margin-top: 0px;
}
.dashboard h2 {
font-size: 1.75rem;
text-transform: uppercase;
}
.dashboard .intro h2 {
margin: 0;
text-transform: none;
font-size: 2.5rem;
}
.dashboard .intro h2 + p {
margin-top: 1rem;
}
.dashboard .intro p {
font-size: 0.875rem;
}
.dashboard .logo {
text-align: right;
}
.dashboard .contact {
background-color: #e8e8e8;
padding: 1.25rem 1.25rem 0;
float: left;
width: 100%;
}
.dashboard .contact h3 {
margin-bottom: 1.5rem;
text-transform: none;
font-size: 1.25rem;
}
.dashboard .contact img {
float: left;
margin-right: 20px;
margin-bottom: 1.25rem;
width: 160px;
height: auto;
}
.dashboard .contact .contact-info {
float: left;
width: -webkit-calc(100% - 20px - 160px);
width: calc(100% - 20px - 160px);
margin-bottom: 1.25rem;
}
.dashboard .contact .contact-info p {
font-size: 0.875rem;
margin-bottom: 0.5rem;
}
.dashboard .contact .contact-info p .name {
font-weight: bold;
font-size: 1rem;
display: block;
}
.dashboard .contact .contact-info p:last-child {
margin-bottom: 0;
}
.dashboard .contact .contact-info-text {
clear: both;
font-weight: bold;
font-size: 0.875rem;
}
.dashboard .contact .zfsp_cta {
margin: 0 1.25rem 1.25rem 0;
float: left;
}
.dashboard .contact .cta_phone:after {
width: 27px;
height: 33px;
}
.dashboard .contact .cta_contact:after {
width: 30px;
height: 35px;
}
.dashboard .news {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: 0.9375rem;
}
.dashboard .news dt {
background-color: #000;
color: #fff;
text-transform: uppercase;
font-weight: normal;
padding: 0.4375rem 1.25rem;
border: 1px solid #d9d9d9;
border-bottom: 0;
margin: 0;
font-size: 1.25rem;
}
.dashboard .news dd {
padding: 1.25rem 1.25rem 2.8125rem;
border: 1px solid #d9d9d9;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
position: relative;
}
.dashboard .news dd p:first-child {
font-size: 1.125rem;
}
.dashboard .news dd p {
font-size: 0.875rem;
}
.dashboard .news dd .zfsp_cta {
position: absolute;
right: 0;
bottom: 0;
margin: 0;
}
.dashboard .applications {
clear: left;
float: left;
width: 100%;
margin-top: 0.875rem;
}
.dashboard .applications h2 {
margin-bottom: 0.9375rem;
}
.dashboard .applications article {
height: 100%;
}
.dashboard .applications dl {
border: 1px solid #d9d9d9;
padding: 0.4375rem 2.1875rem 0.4375rem 0.9375rem;
color: #000;
position: relative;
height: -webkit-calc(100% - 16px);
height: calc(100% - 16px);
}
.dashboard .applications dl dt {
font-weight: bold;
}
.dashboard .applications dl dd {
font-size: 0.875rem;
}
.dashboard .applications a dl::after {
content: '';
background: url('../images/assets/ico-sprite.png') no-repeat -750px 50%;
width: 25px;
height: 100%;
display: block;
position: absolute;
right: 0;
top: 0;
}
.dashboard .applications + .content-group h2 {
padding-top: 2.1875rem;
border-top: 1px solid #d9d9d9;
}
.dashboard .applications.applications-management {
width: auto;
float: none;
}
.dashboard .applications.applications-management dl {
border: none;
background-color: #e8e8e8;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.dashboard .applications.applications-management dl dt {
margin-bottom: 0;
}
.dashboard .applications.applications-management dl a {
content: '';
background: url('../images/assets/ico-sprite.png') no-repeat -1253px 50%;
width: 16px;
height: 16px;
display: block;
position: absolute;
left: 10px;
top: -webkit-calc(50% - 16px / 2);
top: calc(50% - 16px / 2);
cursor: pointer;
}
.dashboard .applications.applications-management dl.open a {
background-position: -1400px 50%;
}
.dashboard .applications.applications-management dl.has-status::after {
content: '';
background: url('../images/assets/status-sprite.png') no-repeat -1px 50%;
background-size: cover;
width: 26px;
height: 25px;
display: block;
position: absolute;
right: 10px;
top: -webkit-calc(50% - 25px / 2);
top: calc(50% - 25px / 2);
}
.dashboard .applications.applications-management dl.has-status.requested::after {
background-position: -32px 50%;
}
.dashboard .applications.applications-management dl.has-status.rejected::after {
background-position: -63px 50%;
}
.dashboard .applications.applications-management dl.has-switch {
padding-right: 5rem;
}
.dashboard .applications.applications-management dl + dl {
background-color: inherit;
margin-top: -1rem;
border: 1px solid #d9d9d9;
border-top: none;
position: static;
display: none;
}
.dashboard .applications.applications-management dl + dl dt {
font-weight: normal;
font-size: 0.875rem;
position: relative;
padding: 0.625rem 0;
}
.dashboard .applications.applications-management dl + dl dt a {
content: '';
background: url('../images/assets/ico-sprite.png') no-repeat -1826px 50%;
width: 16px;
height: 16px;
display: block;
position: absolute;
left: -1.875rem;
top: -webkit-calc(50% - 16px / 2);
top: calc(50% - 16px / 2);
cursor: pointer;
}
.dashboard .applications.applications-management dl + dl dt .switch-round {
position: absolute;
right: -4.375rem;
top: -webkit-calc(50% - 34px / 2);
top: calc(50% - 34px / 2);
}
.dashboard .applications.applications-management dl + dl dd {
display: none;
}
.dashboard .applications.applications-management dl + dl::before {
content: none;
}
.dashboard .applications.applications-management dl + dl.open dt a {
background-position: -1858px 50%;
}
.dashboard .applications.applications-management dl + dl.open dd {
display: block;
}
.dashboard .applications.applications-management + article {
border-top: 1px solid #d9d9d9;
padding-top: 1.25rem;
}
.dashboard .applications.applications-management + .row {
margin-top: 0;
}
.dashboard .status_wrapper p {
display: inline;
}
.dashboard .status {
margin-left: 15px;
}
.dashboard .status::before {
content: '';
background: url('../images/assets/status-sprite.png') no-repeat -1px 50%;
background-size: cover;
width: 26px;
height: 25px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
}
.dashboard .status.requested::before {
background-position: -32px 50%;
}
.dashboard .status.rejected::before {
background-position: -63px 50%;
}
.dashboard.applications-wrapper-tabs {
margin-top: 2.8125rem;
}
.dashboard.applications-wrapper-tabs.db-apps-only-personal-data-link {
margin-top: 0px;
}
.dashboard.applications-wrapper-tabs .tabs {
border: 0;
}
.dashboard.applications-wrapper-tabs .tabs .tabs-title, .dashboard.applications-wrapper-tabs .tabs .tabs-link {
margin-right: 10px;
}
.dashboard.applications-wrapper-tabs .tabs .tabs-title a, .dashboard.applications-wrapper-tabs .tabs .tabs-link a {
color: #00abe7;
background-color: #f2f2f4;
font-size: 1.25rem;
font-weight: bold;
padding-top: 1.875rem;
padding-bottom: 1.875rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.dashboard.applications-wrapper-tabs .tabs .tabs-title a[aria-selected="true"], .dashboard.applications-wrapper-tabs .tabs .tabs-link a[aria-selected="true"] {
background-color: #2186c6;
color: #FFFFFF;
}
.dashboard.applications-wrapper-tabs .tabs .tabs-title a.db-tab-link, .dashboard.applications-wrapper-tabs .tabs .tabs-link a.db-tab-link {
padding-right: 6.25rem;
}
.dashboard.applications-wrapper-tabs .tabs .tabs-title a.db-tab-link .edit-icon:after, .dashboard.applications-wrapper-tabs .tabs .tabs-link a.db-tab-link .edit-icon:after {
content: "";
display: inline-block;
background-image: url('../images/assets/svg-1/zf-icon-edit.svg');
background-repeat: no-repeat;
width: 40px;
height: 40px;
position: absolute;
margin-left: 20px;
margin-top: -8px;
}
.dashboard.applications-wrapper-tabs .tabs .tabs-link {
float: left;
margin-right: 0px;
}
.dashboard.applications-wrapper-tabs .tabs .tabs-link a {
display: block;
line-height: 1;
}
.dashboard.applications-wrapper-tabs .tabs-content {
border: 0;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAOdCAYAAACIwDLHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAVdSURBVHhe7ZpBjtsADAPT/Uk/25/1XVsV8GEPBATKcyAEMZgG8IGWSCdxNv31+8/f7w+gr89/G4CvekJ0Rr3OqFcZict0wIXdCzTSJdgEriamHFETqcM+ifVDOqNeiUbfdWUCXNi9zqhXGdUFBbA6I72yzeqMIJWRSG7Ahd0r0Ui3aUOuJuwHrG4NEvkVghFppAb1ASfSJ7CJDJtRpJGoYMCF3Qs00iXYkKsJ+wGrW4O020hfFy73cdQr0khUMGBzRuIPeCMiM6q5ACJXY7TaSF2mAy7sXruN6joAACfSJ7DZ3RqjMhLJDbiwe5FXtjg6gFtN+/usrh9SGanofO6ttldia5ASjfTKNpEZiTkHRK7GKNFIl2BTE4mjA661XlzY+rAPuJqyH3D196zOSK9sc631ijTS4bmAE+kT2OxujVEZieQGJK6mJ7XhJvouO+KRGDak1UbiV5cJF3avMqqwABJX05PaXNi9VhvpEmxqInF0QGBGelAfcjXl73P32b0SW4MEGulJbS7sXquNxK3uhAu7VxlVWACBq4lLYsS11ivRSK9sc2H3Io10eC53V9sLDBtSopFe2YYLWx/2Wd0aJK41cWzEhd2TuJqe1ObC7pVopL5YDLiweyX+vFrtEUS2JuYcELkao3vz7xVppHd2uVu/XomtQeKMxP3AiM0ZPc+vlWikuhywO+zaEYBsrf4FuLB7JRrplW02h60H9SFXU/4+d+vXCwwbEmikJ7W5sHuRrdWOAKszgkQaVeoA3ETikhixOaPn+bVAI72yzYXdizTS4bncHVsvMGxIoJGe1Iab6OcvUm8eiWFDKiNRwYB79fcCw4a0uzUx54DI1RjdHVsvzujnR8qbR2T9jEgjMeeAxNX0pDYXdq9IIx2ey736exJX05PakL8dqcM+iWFDqtZqR4DVGUEijSp1AHAifQKb1RlBimxNHB0QmJEe1AfMSB+3CQz7eX4tMGxIoJGe1GZ1RpASjcTd14TdYdeOAOCbvzo6YHPY9S+iRCO9ss2F3SsxI30Cm2utZ3NrP39tefOIrJ8RWX91B7A77NoRIHE1PanNtdYrsjVxdEBiRpBW/1KjT2BDtibsB5ATMbrWela3JvadsPsjmxEYNiTOSNx7j9ic0fP8WqCRzs7mWuuVmJE+gc2F3SvRSK9sExi29veJrF8N6nN3bL3AsCGBRnpSmwu7F9la7QiwOiNIpFGlDrD7/0QI+wGR9TMCjXR2Ntdar8SM9AlsrrWe1RmJO4sJu7+vMQps7TF8rd1GFRYAOJE+gc2F3SvRSK9sc2H34ox0dD6JrekT2ETWL+YcELkao3s/6hVppMNz2f3qZ5TYGiSufnFsxOqwIa02El90J1zYvcqowgIAJ9InsLnWelZnpFe2CQxb+/tE1q8G9bm3kV6JrUFKNNIr21xrvVYbiVvdCRd2rzKqsAC4ibS/z31A9gqs/3l+LdBIr2xzrfWKNNLhuYAT6RPY7G6NURmJ5AYkrqYnteEmEuYjVrcGKdFI3MVPuLB7kUaVOsDqjPTKNpEZiTkHRK7GKNFIl2BTE4mjAzaHrTf2IVdT/j7gRPoENoH1P8+vldgapNVGugQbcjVhP2B1a5ASjcRXpgkXdq9Io6oPYHNG4mofEZlRzQUQuRqj1Ua6TZuaSBwdcK31ijTSdbokrqYntYlsjRFpJJIbcGH3Ao10CTbkasJ+QGDYelCfwNWe59cijVR0PuBE+gQ2u1tjtNtIXBQDVmekV7ZZnRGkMhLJDbiwe51Rr3r11wUFcGH3OqNepFFdmQCJ30WU/YDd9TOKNBJdDriwe51Rr/vTWK8z6vT5/APXvjGkNGVtjgAAAABJRU5ErkJggg==);
background-repeat: repeat-x;
background-color: #001628;
padding-top: 0;
padding-bottom: 1.875rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row {
background: transparent;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row > .columns {
margin-top: 1.875rem;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element {
background-color: #FFFFFF;
height: 100%;
padding-top: 2.5rem;
padding-bottom: 2.5rem;
padding-left: 1.875rem;
padding-right: 1.875rem;
text-align: center;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element h3 {
font-size: 1.5rem;
line-height: 1.75rem;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element p {
font-size: 0.875rem;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element a {
font-size: 0.875rem;
height: 100%;
padding-top: 0;
padding-bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.3;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element a:before {
content: "";
display: inline-block;
background: url('../icons-rebranch/link-arrow-blue-1.png');
background-repeat: no-repeat;
background-position: left center;
height: 0.625rem;
width: 0.75rem;
margin-right: 0;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element .db-tab-content-headline {
margin-bottom: 30px;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element .db-tab-content-text {
margin-bottom: 25px;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element.db-tab-no-link .db-tab-content-headline {
height: 50%;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element.db-tab-no-link .db-tab-content-text {
height: 50%;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element .db-tab-content-link .zfsp_cta {
margin-bottom: 0;
height: 45px;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item {
margin-bottom: 10px;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .edit-icon:after {
content: "";
display: inline-block;
background-image: url('../images/assets/svg-1/zf-icon-edit.svg');
background-repeat: no-repeat;
width: 25px;
height: 25px;
position: absolute;
right: 20px;
margin-top: -4px;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item.is-active .accordion-title {
background-color: #2186c6;
color: #FFFFFF;
padding-top: 35px;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item.is-active .accordion-title:before {
background: url('../images/assets/ico-sprite.png');
background-repeat: no-repeat;
background-position: -208px;
background-size: 1340px;
width: 1.75rem;
margin-right: 1px;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-title {
text-align: center;
background-color: #f2f2f4;
color: #00abe7;
font-weight: bold;
font-size: 1rem;
border: 0;
padding-left: 6px;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-title:before {
content: "";
background: url('../icons-rebranch/link-arrow-blue-1.png');
background-repeat: no-repeat;
background-position: left center;
height: 0.625rem;
width: 0.75rem;
display: inline-block;
position: relative;
top: auto;
right: auto;
margin-top: 0;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content {
border: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAOdCAYAAACIwDLHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAVdSURBVHhe7ZpBjtsADAPT/Uk/25/1XVsV8GEPBATKcyAEMZgG8IGWSCdxNv31+8/f7w+gr89/G4CvekJ0Rr3OqFcZict0wIXdCzTSJdgEriamHFETqcM+ifVDOqNeiUbfdWUCXNi9zqhXGdUFBbA6I72yzeqMIJWRSG7Ahd0r0Ui3aUOuJuwHrG4NEvkVghFppAb1ASfSJ7CJDJtRpJGoYMCF3Qs00iXYkKsJ+wGrW4O020hfFy73cdQr0khUMGBzRuIPeCMiM6q5ACJXY7TaSF2mAy7sXruN6joAACfSJ7DZ3RqjMhLJDbiwe5FXtjg6gFtN+/usrh9SGanofO6ttldia5ASjfTKNpEZiTkHRK7GKNFIl2BTE4mjA661XlzY+rAPuJqyH3D196zOSK9sc631ijTS4bmAE+kT2OxujVEZieQGJK6mJ7XhJvouO+KRGDak1UbiV5cJF3avMqqwABJX05PaXNi9VhvpEmxqInF0QGBGelAfcjXl73P32b0SW4MEGulJbS7sXquNxK3uhAu7VxlVWACBq4lLYsS11ivRSK9sc2H3Io10eC53V9sLDBtSopFe2YYLWx/2Wd0aJK41cWzEhd2TuJqe1ObC7pVopL5YDLiweyX+vFrtEUS2JuYcELkao3vz7xVppHd2uVu/XomtQeKMxP3AiM0ZPc+vlWikuhywO+zaEYBsrf4FuLB7JRrplW02h60H9SFXU/4+d+vXCwwbEmikJ7W5sHuRrdWOAKszgkQaVeoA3ETikhixOaPn+bVAI72yzYXdizTS4bncHVsvMGxIoJGe1Iab6OcvUm8eiWFDKiNRwYB79fcCw4a0uzUx54DI1RjdHVsvzujnR8qbR2T9jEgjMeeAxNX0pDYXdq9IIx2ey736exJX05PakL8dqcM+iWFDqtZqR4DVGUEijSp1AHAifQKb1RlBimxNHB0QmJEe1AfMSB+3CQz7eX4tMGxIoJGe1GZ1RpASjcTd14TdYdeOAOCbvzo6YHPY9S+iRCO9ss2F3SsxI30Cm2utZ3NrP39tefOIrJ8RWX91B7A77NoRIHE1PanNtdYrsjVxdEBiRpBW/1KjT2BDtibsB5ATMbrWela3JvadsPsjmxEYNiTOSNx7j9ic0fP8WqCRzs7mWuuVmJE+gc2F3SvRSK9sExi29veJrF8N6nN3bL3AsCGBRnpSmwu7F9la7QiwOiNIpFGlDrD7/0QI+wGR9TMCjXR2Ntdar8SM9AlsrrWe1RmJO4sJu7+vMQps7TF8rd1GFRYAOJE+gc2F3SvRSK9sc2H34ox0dD6JrekT2ETWL+YcELkao3s/6hVppMNz2f3qZ5TYGiSufnFsxOqwIa02El90J1zYvcqowgIAJ9InsLnWelZnpFe2CQxb+/tE1q8G9bm3kV6JrUFKNNIr21xrvVYbiVvdCRd2rzKqsAC4ibS/z31A9gqs/3l+LdBIr2xzrfWKNNLhuYAT6RPY7G6NURmJ5AYkrqYnteEmEuYjVrcGKdFI3MVPuLB7kUaVOsDqjPTKNpEZiTkHRK7GKNFIl2BTE4mjAzaHrTf2IVdT/j7gRPoENoH1P8+vldgapNVGugQbcjVhP2B1a5ASjcRXpgkXdq9Io6oPYHNG4mofEZlRzQUQuRqj1Ua6TZuaSBwdcK31ijTSdbokrqYntYlsjRFpJJIbcGH3Ao10CTbkasJ+QGDYelCfwNWe59cijVR0PuBE+gQ2u1tjtNtIXBQDVmekV7ZZnRGkMhLJDbiwe51Rr3r11wUFcGH3OqNepFFdmQCJ30WU/YDd9TOKNBJdDriwe51Rr/vTWK8z6vT5/APXvjGkNGVtjgAAAABJRU5ErkJggg==);
background-repeat: repeat-x;
background-color: #001628;
padding-top: 0;
padding-bottom: 1.25rem;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row {
background: transparent;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row > .columns {
margin-top: 1.25rem;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row :first-child {
margin-top: 0.3125rem;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element {
background-color: #FFFFFF;
height: 100%;
color: #000000;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
padding-left: 0.9375rem;
padding-right: 0.9375rem;
text-align: center;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element h3 {
font-size: 1rem;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element p {
font-size: 0.875rem;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element a {
font-size: 0.875rem;
width: 100%;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element a:before {
content: "";
display: inline-block;
background: url('../icons-rebranch/link-arrow-blue-1.png');
background-repeat: no-repeat;
background-position: left center;
height: 0.625rem;
width: 0.75rem;
margin-right: 0;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element .db-accordion-content-headline {
height: 33.3%;
margin-bottom: 10px;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element .db-accordion-content-text {
height: 33.3%;
margin-bottom: 0;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element .db-accordion-content-text p {
margin-bottom: 0;
}
.dashboard.applications-wrapper-tabs .accordion .accordion-item .accordion-content .row .db-accordion-content-element .db-accordion-content-link {
height: 33.3%;
}
.dashboard.applications-wrapper-tabs .db-apps-personal-data-link {
display: table;
margin-left: auto;
margin-right: auto;
}
.dashboard.applications-wrapper-tabs .db-apps-personal-data-link .pd-column {
display: table-cell;
vertical-align: middle;
}
.dashboard.applications-wrapper-tabs .db-apps-personal-data-link span {
font-size: 0.875rem;
}
.dashboard.applications-wrapper-tabs .db-apps-personal-data-link a {
font-size: 0.875rem;
margin-left: 5px;
white-space: nowrap;
}
.dashboard.applications-wrapper-tabs .db-apps-personal-data-link a:before {
content: "";
display: inline-block;
background: url('../icons-rebranch/link-arrow-blue-1.png');
background-repeat: no-repeat;
background-position: left center;
height: 0.625rem;
width: 0.75rem;
margin-right: 0;
}
.dashboard.applications-wrapper-tabs .db-apps-personal-data-link .edit-icon {
width: 40px;
height: 40px;
background-image: url('../images/assets/svg-1/zf-icon-edit.svg');
background-repeat: no-repeat;
margin-right: 20px;
}
.dashboard.applications-wrapper {
float: left;
}
.dashboard.applications-wrapper .rejected h2 span,
.dashboard.applications-wrapper .rejected dl {
color: #d9d9d9;
}
.dashboard.applications-wrapper .rejected i {
font-size: 1.25rem;
color: #fff;
display: inline-block;
background-color: #d9d9d9;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: bottom;
margin-left: 1.875rem;
font-style: normal;
}
.dashboard.applications-wrapper .rejected span a {
margin-left: 1.5625rem;
font-size: 0.875rem;
vertical-align: middle;
text-transform: none;
font-weight: normal;
}
.dashboard.applications-wrapper .db-internal-apps-text p {
margin-top: 1rem;
font-size: 0.875rem;
}
.dashboard.applications-wrapper .db-internal-apps-list {
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
-webkit-column-gap: 5px;
-moz-column-gap: 5px;
column-gap: 5px;
font-size: 0.875rem;
}
.dashboard.applications-wrapper .db-internal-apps-list .headline {
font-weight: bold;
overflow: auto;
width: 100%;
height: 100%;
}
.dashboard.applications-wrapper .db-internal-apps-list .headline div {
font-weight: normal;
}
.dashboard .button {
margin: 0;
float: right;
background-color: #7f7f7f;
}
.dashboard .button.next::after {
content: '';
display: inline-block;
width: 10px;
height: 15px;
margin-left: 25px;
vertical-align: middle;
background-image: url('../images/assets/ico-sprite.png');
background-repeat: no-repeat;
background-position: -1049px 50%;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.dashboard .button.prev::before {
content: '';
display: inline-block;
width: 10px;
height: 15px;
margin-right: 15px;
vertical-align: middle;
background-image: url('../images/assets/ico-sprite.png');
background-repeat: no-repeat;
background-position: -1049px 50%;
}
.dashboard .message {
border: 1px solid #ff00ff;
color: #d400b8;
padding: 1.25rem 0.625rem;
margin-top: 1.25rem;
}
.dashboard div.personal-data {
margin-top: 15px;
padding-left: 65px;
display: inline-block;
width: 50%;
}
.dashboard div.personal-data span {
font-weight: normal;
font-size: 0.875rem;
text-transform: none;
display: block;
padding-top: 0.4375rem;
}
.dashboard div.personal-data span:first-child {
margin-top: 5px;
}
.dashboard div.personal-data::before {
content: '';
position: absolute;
margin-left: -65px;
background: url('../images/assets/svg-1/man-burst-black.svg') 50% 50%;
background-size: 120%;
display: inline-block;
height: 50px;
width: 50px;
}
.dashboard .personal-data-button {
float: none;
margin-top: -20px;
padding-left: 12px;
padding-right: 30px;
background-color: #2199e8;
}
.dashboard .personal-data-button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 11px;
position: absolute;
}
.dashboard .personal-data-button:hover {
background-color: #1583cc;
}
.dashboard.contact-service p {
text-align: right;
font-size: 1.25rem;
padding-right: 1.25rem;
width: 50%;
float: left;
}
.dashboard.contact-service p span {
display: block;
}
.dashboard.contact-service .phone {
font-weight: bold;
font-size: 1.75rem;
text-align: left;
padding-right: 0;
padding-left: 1.25rem;
}
.dashboard.contact-service .phone::before {
content: '';
vertical-align: middle;
background: url('../images/assets/mobile-nav-phone.png') no-repeat 50% 50%;
display: inline-block;
height: 33px;
width: 33px;
margin-right: 10px;
}
@media screen and (max-width: 1023px) {
.dashboard .zfsp-seperator {
margin-top: 20px;
}
.dashboard .intro h2 {
font-size: 2rem;
}
.dashboard.db-next-only-personal-data-link {
margin-top: 10px;
}
.dashboard.applications-wrapper-tabs .tabs .tabs-title a, .dashboard.applications-wrapper-tabs .tabs .tabs-link a {
font-size: 1.25rem;
}
.dashboard.applications-wrapper-tabs .tabs-content .tabs-panel > .row .db-tab-content-element h3 {
font-size: 1.25rem;
}
.dashboard.applications-wrapper .db-internal-apps-list {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.dashboard div.personal-data {
width: 67%;
}
.dashboard .contact img {
width: 80px;
}
.dashboard .contact .contact-info {
width: auto;
}
.dashboard .contact .zfsp_cta {
clear: left;
}
.dashboard.contact-service p {
text-align: center;
font-size: 1.125rem;
padding-right: 0;
width: 100%;
float: none;
margin: 0;
}
.dashboard.contact-service p span {
display: inline;
}
.dashboard.contact-service .phone {
text-align: center;
font-size: 1.375rem;
padding: 0;
}
}
@media screen and (max-width: 639px) {
.dashboard .intro h2 {
font-size: 1.75rem;
}
.dashboard.applications-wrapper-tabs {
margin-top: 1.875rem;
}
.dashboard.applications-wrapper .db-internal-apps-list {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.dashboard div.personal-data {
width: 100%;
}
.dashboard .contact .zfsp_cta {
clear: none;
font-size: 0.875rem;
}
.dashboard .contact .zfsp_cta a {
padding-right: 58px;
}
.dashboard .contact .contact-info + .zfsp_cta {
clear: left;
}
.dashboard .news dd .zfsp_cta {
width: 100%;
}
.dashboard .news dd .zfsp_cta a {
width: 100%;
}
.dashboard .applications dl {
margin-bottom: 0;
}
.dashboard .applications a + a dl,
.dashboard .applications dl + dl {
border-top: none;
}
.dashboard .applications.applications-management dl {
margin-bottom: 0.625rem;
}
.dashboard.applications-wrapper .rejected span a {
display: block;
margin-left: 0;
margin-top: 0.75rem;
}
.dashboard .status_wrapper p {
display: block;
}
.dashboard .status_wrapper .status:first-child {
margin-left: 0;
}
.dashboard .button {
float: none;
width: 100%;
margin-top: 1.25rem;
}
.dashboard .button.next {
position: relative;
text-align: left;
}
.dashboard .button.next::after {
position: absolute;
right: 1em;
}
.dashboard .button.prev {
position: relative;
text-align: right;
}
.dashboard .button.prev::before {
position: absolute;
left: 1em;
}
.dashboard.contact-service p {
font-size: 1rem;
}
.dashboard.contact-service p span {
display: block;
}
.dashboard.contact-service .phone {
font-size: 1.25rem;
margin-top: 1rem;
}
}
.ebt {
margin-bottom: 1.25rem;
}
.ebt .filter,
.ebt .latest-downloads {
background-color: #e8e8e8;
padding: 40px;
}
.ebt .filter h2,
.ebt .latest-downloads h2 {
font-size: 26px;
}
.ebt .filter p,
.ebt .latest-downloads p {
font-size: 14px;
}
.ebt .filter > .row {
background-color: #e8e8e8;
}
.ebt .filter .options-wrapper {
padding: 10px 0;
}
.ebt .filter .options-wrapper .columns {
padding: 0;
}
.ebt .filter .facets {
border-right: 1px solid rgba(10, 10, 10, 0.1);
list-style: none;
margin: 0;
}
.ebt .filter .facets li {
font-size: 12px;
line-height: 40px;
display: inline-block;
background: #fff;
padding: 0 10px 0 15px;
margin: 0px 10px 10px 0;
float: left;
}
.ebt .filter .facets li span {
font-size: 26px;
color: #00abe7;
cursor: pointer;
vertical-align: middle;
padding: 0 5px;
margin-left: 10px;
}
.ebt .filter .facets + * {
clear: both;
padding-top: 10px;
}
.ebt .filter .filter-category-row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.ebt .filter .filter-category-row .filter-category {
padding-left: 0;
padding-right: 0;
}
.ebt .filter .filter-category-row .filter-category > div {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.ebt .filter .filter-category-row .filter-category:first-child {
padding-left: 1.25rem;
}
.ebt .filter .filter-category-row .filter-category:first-child > div {
padding-left: 0;
}
.ebt .filter .filter-category-row .filter-category:last-child {
padding-right: 1.25rem;
}
.ebt .filter .filter-category-row .filter-category:last-child > div {
padding-right: 0;
}
.ebt .filter .filter-category-row .filter-category .search-category-select:first-child {
margin-bottom: 20px;
}
.ebt .filter .filter-category-row .filter-category .search-category-select:first-child + div {
border-right: 1px solid rgba(10, 10, 10, 0.1);
height: -webkit-calc(100% - 60px);
height: calc(100% - 60px);
}
.ebt .filter .filter-category-row .filter-category:last-child .search-category-select:first-child + div {
border-right: none;
}
.ebt .filter .filter-category-row.has-facets, .ebt .filter .filter-category-row.has-error {
margin-bottom: 53px;
}
.ebt .filter .filter-category-row.has-facets .filter-category .search-category-select:first-child, .ebt .filter .filter-category-row.has-error .filter-category .search-category-select:first-child {
border-bottom: 1px solid rgba(10, 10, 10, 0.1);
}
.ebt .filter .user-options p:last-child {
margin-bottom: 0;
}
.ebt .filter .delete-all {
font-size: 14px;
color: #999;
margin-bottom: 25px;
display: inline-block;
cursor: pointer;
}
.ebt .filter .delete-all:before {
content: '';
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1955px 50% no-repeat;
width: 20px;
height: 20px;
padding: 6px;
margin-right: 5px;
vertical-align: middle;
opacity: .4;
}
.ebt .filter .delete-all-confirm {
font-size: 14px;
color: #999;
margin-top: -15px;
margin-bottom: 25px;
display: block;
text-align: center;
}
.ebt .filter .delete-all-confirm ul {
list-style: none;
margin: 0;
}
.ebt .filter .delete-all-confirm ul li:first-child {
font-weight: bold;
}
.ebt .filter .download-button-wrapper button {
font-size: 14px;
line-height: 40px;
padding: 0 12%;
margin: 0;
background-color: #00abe7;
}
.ebt .filter .download-button-wrapper button:before {
content: '';
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1890px 50% no-repeat;
width: 20px;
height: 20px;
padding: 6px;
margin-right: 10px;
vertical-align: text-bottom;
}
.ebt .filter .download-button-wrapper button.disabled {
cursor: wait;
}
.ebt .filter > .row:last-child .columns {
text-align: center;
}
.ebt > .row + .row {
padding-top: 40px;
}
.ebt > .row:last-child {
padding-bottom: 40px;
}
.ebt .latest-downloads table {
margin-top: 30px;
margin-bottom: 0;
}
.ebt .latest-downloads table thead,
.ebt .latest-downloads table tbody {
background: none;
border: none;
}
.ebt .latest-downloads table tbody tr:nth-child(2n) {
background: none;
}
.ebt .latest-downloads table thead th {
padding: 5px 0;
white-space: nowrap;
}
.ebt .latest-downloads table tbody td {
padding: 20px 0;
border-top: 1px solid rgba(10, 10, 10, 0.1);
}
.ebt .latest-downloads table thead th,
.ebt .latest-downloads table tbody td {
padding-right: 30px;
font-size: 12px;
}
.ebt .latest-downloads table thead th:last-child,
.ebt .latest-downloads table tbody td:last-child {
padding-right: 0;
}
.ebt .latest-downloads table td:last-child {
white-space: nowrap;
}
.ebt .latest-downloads .new-data {
display: inline-block;
border: 2px solid #00abe7;
padding: 7px 25px;
}
.ebt .latest-downloads .new-data:before {
content: '';
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1923px 50% no-repeat;
width: 20px;
height: 20px;
padding: 6px;
vertical-align: bottom;
}
.ebt .latest-downloads .new-data.disabled {
cursor: wait;
}
.ebt .latest-downloads .new-data + a {
margin-left: 15px;
white-space: nowrap;
}
.ebt .latest-downloads .new-data + a:after {
content: '';
display: inline-block;
background: url('../icons-rebranch/link-arrow-blue-1.png') 50% 50% no-repeat;
width: 10px;
height: 10px;
padding: 6px;
margin-left: 10px;
vertical-align: middle;
}
.ebt .latest-downloads .new-data > span {
margin-left: 10px;
}
.ebt .search-category-select {
position: relative;
}
.ebt .search-select-dropdown {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-top: none;
width: 100%;
}
.ebt .search-select-dropdown.is-open {
margin-top: -2px;
}
.ebt .search-select-dropdown .row {
margin-left: 0px;
margin-right: 0px;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-top-style: solid;
border-color: #cacaca;
}
.ebt .search-select-dropdown .row .search-category-icon {
height: 35px;
width: 40px;
background-repeat: no-repeat;
background-size: contain;
}
.ebt .search-select-dropdown .row .search-category-label {
padding-top: 3px;
}
.ebt .search-select-dropdown .row .search-category-checkbox {
margin-top: 6px;
margin-bottom: 0px;
}
.ebt .search-select-dropdown .row .columns {
padding-left: 0px;
position: relative;
}
.ebt .search-select-dropdown .row .columns:last-child {
padding-right: 0px;
}
.ebt .search-select-dropdown .row.child {
border: none;
padding-left: 35px;
padding-top: 1px;
padding-bottom: 1px;
}
.ebt .search-select-dropdown .row.child:last-child {
margin-bottom: 20px;
}
.ebt .search-select-dropdown .row.child label {
font-size: 13px;
line-height: 15px;
}
.ebt .search-select-dropdown .row.child .search-category-checkbox {
margin-top: 0;
}
.ebt .search-select-dropdown .row.child > div {
line-height: 15px;
}
.ebt .search-select-dropdown .is-first {
border-top-width: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.ebt .search-select-dropdown .is-first-entry {
border-top-width: 0px;
}
.ebt .search-select-dropdown .search-category-apply-button {
width: 100%;
margin-bottom: 0px;
font-size: 0.875rem;
text-align: left;
padding-left: 17px;
background-color: rgba(40, 112, 187, 0.8);
}
.ebt .search-select-dropdown .search-category-apply-button:hover {
background-color: #2870bb;
}
.ebt .search-select-dropdown .search-category-apply-button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: #00abe7 url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 0.625rem;
position: absolute;
right: -webkit-calc(8.33333% - 5px);
right: calc(8.33333% - 5px);
}
.ebt .search-select-dropdown .child-wrapper {
display: none;
}
.ebt .search-select-dropdown .expanded .child-wrapper {
display: block;
}
.ebt .search-select-dropdown .arrow {
position: absolute;
top: 50%;
padding: 2px 4px;
cursor: pointer;
width: 20px;
height: 14px;
left: -7px;
margin-top: 1px;
-webkit-transform: translateY(-50%) rotate(270deg);
-ms-transform: translateY(-50%) rotate(270deg);
-o-transform: translateY(-50%) rotate(270deg);
transform: translateY(-50%) rotate(270deg);
}
.ebt .search-select-dropdown .expanded .arrow {
-webkit-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
-o-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
}
.ebt .search-select-dropdown .arrow + label {
margin-left: 19px;
}
.ebt .search-select-dropdown input[type="checkbox"] {
display: none;
}
.ebt .search-select-dropdown .ebt-checkmark {
position: absolute;
top: 7px;
left: 0;
height: 15px;
width: 15px;
border: 1px solid #aaa;
}
.ebt .search-select-dropdown .child .ebt-checkmark {
top: 2px;
}
.ebt .search-select-dropdown .filter-disabled .ebt-checkmark {
border-color: #ddd;
cursor: not-allowed;
}
.ebt .search-select-dropdown .ebt-checkmark::after {
content: "";
position: absolute;
display: none;
left: 4px;
top: 1px;
width: 5px;
height: 9px;
border: solid #00abe7;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ebt .search-select-dropdown .ebt-checkmark.partly-checked::after {
display: block;
left: 3px;
top: 0;
width: 7px;
height: 7px;
border: solid #4a4a4a;
border-width: 0 0 2px;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
}
.ebt .search-select-dropdown input[type="checkbox"]:not([disabled]):checked ~ label .ebt-checkmark {
border: 1px solid #00abe7;
}
.ebt .search-select-dropdown input[type="checkbox"]:not([disabled]):checked ~ label .ebt-checkmark::after {
display: block;
}
.ebt .search-select-dropdown .filter-disabled .search-category-label {
color: #999;
}
.ebt .search-category-button {
width: 100%;
height: 39px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 20px;
border: 1px solid #cacaca;
background-color: #FFFFFF;
color: #000000;
font-size: 0.875rem;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
}
.ebt .search-category-button .search-category-label {
float: left;
padding-left: 10px;
padding-top: 12px;
padding-bottom: 2px;
position: absolute;
text-overflow: ellipsis;
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px);
overflow: hidden;
white-space: nowrap;
text-align: left;
}
.ebt .search-category-button .search-category-button-icon {
float: right;
background: #00abe7;
background-image: url('../images/assets/ico-sprite.png');
background-position: -298px -9px;
width: 39px;
height: 38px;
margin-top: -1px;
}
.ebt .search-category-button.hover .search-category-button-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
background-position: -298px -12px;
}
.ebt .search-category-button .clearfix {
clear: both;
}
.ebt iframe {
width: 0px;
height: 0px;
display: none;
}
.ebt .error {
font-size: 12px;
color: #f0132d;
}
.ebt > .error {
font-size: 14px;
font-weight: bold;
}
.ebt .ebt-tooltip {
display: block !important;
z-index: 10000;
padding: .45rem;
background: #00abe7;
}
.ebt .ebt-tooltip::before {
display: none;
}
.ebt .ebt-tooltip .tooltip-inner {
color: white;
}
.ebt .ebt-tooltip .tooltip-arrow {
width: 0;
height: 0;
border-style: solid;
position: absolute;
margin: 5px;
border-color: #00abe7;
z-index: 1;
}
.ebt .ebt-tooltip[x-placement^="top"] {
margin-bottom: 5px;
}
.ebt .ebt-tooltip[x-placement^="top"] .tooltip-arrow {
border-width: 5px 5px 0 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
bottom: -5px;
left: -webkit-calc(50% - 5px);
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.ebt .ebt-tooltip[x-placement^="bottom"] {
margin-top: 5px;
}
.ebt .ebt-tooltip[x-placement^="bottom"] .tooltip-arrow {
border-width: 0 5px 5px 5px;
border-left-color: transparent !important;
border-right-color: transparent !important;
border-top-color: transparent !important;
top: -5px;
left: -webkit-calc(50% - 5px);
left: calc(50% - 5px);
margin-top: 0;
margin-bottom: 0;
}
.ebt .ebt-tooltip[x-placement^="right"] {
margin-left: 5px;
}
.ebt .ebt-tooltip[x-placement^="right"] .tooltip-arrow {
border-width: 5px 5px 5px 0;
border-left-color: transparent !important;
border-top-color: transparent !important;
border-bottom-color: transparent !important;
left: -5px;
top: -webkit-calc(50% - 5px);
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.ebt .ebt-tooltip[x-placement^="left"] {
margin-right: 5px;
}
.ebt .ebt-tooltip[x-placement^="left"] .tooltip-arrow {
border-width: 5px 0 5px 5px;
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
right: -5px;
top: -webkit-calc(50% - 5px);
top: calc(50% - 5px);
margin-left: 0;
margin-right: 0;
}
.ebt .ebt-tooltip[aria-hidden='true'] {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .15s, visibility .15s;
-o-transition: opacity .15s, visibility .15s;
transition: opacity .15s, visibility .15s;
}
.ebt .ebt-tooltip[aria-hidden='false'] {
visibility: visible;
opacity: 1;
-webkit-transition: opacity .15s;
-o-transition: opacity .15s;
transition: opacity .15s;
}
@media screen and (max-width: 1023px) {
.ebt .filter .filter-category:nth-child(2) {
padding-right: 1.25rem;
}
.ebt .filter .filter-category:nth-child(2) > div {
padding-right: 0;
}
.ebt .filter .filter-category:nth-child(3) {
padding-left: 1.25rem;
}
.ebt .filter .filter-category:nth-child(3) > div {
padding-left: 0;
}
.ebt .filter .filter-category:nth-child(even) .search-category-select:first-child + div {
border-right: none;
}
.ebt .filter .has-facets .filter-category:nth-child(n+3),
.ebt .filter .has-error .filter-category:nth-child(n+3) {
margin-top: 40px;
}
.ebt .latest-downloads table td:last-child {
/*width: auto;
white-space: normal;*/
}
.ebt .latest-downloads table td:last-child a:last-child {
margin-left: 0;
margin-top: 10px;
display: block;
}
}
@media screen and (max-width: 639px) {
.ebt .filter .filter-category-row .filter-category .search-category-select:first-child + div {
border-right: none;
height: auto;
}
.ebt .filter .filter-category-row .filter-category .search-category-select:first-child,
.ebt .filter .filter-category-row.has-facets .filter-category .search-category-select:first-child,
.ebt .filter .filter-category-row.has-error .filter-category .search-category-select:first-child {
border-bottom: none;
margin-bottom: 15px;
}
.ebt .filter .filter-category {
padding-right: 1.25rem;
padding-left: 1.25rem;
}
.ebt .filter .filter-category > div {
padding: 0;
}
.ebt .filter .filter-category:nth-child(n+2) {
margin-top: 0;
}
.ebt .filter .filter-category:not(:first-child) .search-category-select:first-child {
padding-top: 15px;
}
.ebt .filter .filter-category-row + .row {
margin-top: 15px;
}
.ebt .filter .has-facets .filter-category:nth-child(n+3) {
margin-top: 0;
}
.ebt .latest-downloads table th {
display: none;
}
.ebt .latest-downloads table tbody td {
display: block;
padding: 5px 0;
}
.ebt .latest-downloads table tbody td:first-child {
padding-top: 15px;
}
.ebt .latest-downloads table tbody td:last-child {
padding-bottom: 15px;
}
.ebt .latest-downloads table td:not(:first-child) {
border-top: none;
}
.ebt .search-category-button {
margin-bottom: 10px;
}
}
.reveal.ebt-reveal {
text-align: center;
padding-top: 80px;
padding-bottom: 80px;
}
.reveal.ebt-reveal .check {
display: inline-block;
width: 100px;
height: 100px;
padding: 20px;
margin: 40px 0;
background: #00abe7;
-webkit-border-radius: 50%;
border-radius: 50%;
position: relative;
}
.reveal.ebt-reveal .check:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1975px 50% no-repeat;
width: 80px;
height: 80px;
}
.reveal.ebt-reveal p {
font-weight: bold;
margin-bottom: 0;
}
footer {
margin-bottom: 1.25rem;
}
footer .copyright {
margin-top: 0.9375rem;
margin-bottom: 0.625rem;
font-size: 14px;
}
footer > .row {
padding-bottom: 0.625rem;
}
footer .zfsp-seperator {
height: 2.5rem;
margin-bottom: 1.5625rem;
}
footer .footernav {
background-color: #d9d9d9;
padding: 1.25rem 1.25rem;
}
footer .footernav .col_headline > a {
display: block;
border-bottom: 1px solid #9a9a9a;
}
footer .footernav a {
color: black;
}
footer .footernav ul {
list-style-type: none;
margin: 0;
}
footer .footernav ul li a {
color: black;
font-size: 14px;
}
footer .footer_social {
background-color: #d9d9d9;
padding: 1.25rem 2.5rem;
}
footer .footer_social hr {
border-color: #9a9a9a;
}
footer .footer_social .left {
float: left;
}
footer .footer_social .right {
float: right;
}
footer .footer_social .footer_contact a {
color: black;
}
footer .footer_social .sm_navigation ul {
list-style-type: none;
margin: 0;
}
footer .footer_social .sm_navigation ul li {
background-color: transparent;
position: relative;
float: left;
margin-right: 1.25rem;
height: 2.5rem;
width: 2.5rem;
}
footer .footer_social .sm_navigation ul li:last-child {
margin-right: 0;
}
footer .footer_social .sm_navigation ul li span {
position: absolute;
top: 0;
left: 0;
display: inline-block;
height: 100%;
width: 100%;
border: 0.0625rem solid black;
background-repeat: no-repeat;
background-position: 50% 50%;
}
footer .footer_social .sm_navigation ul li span.sm_twitter {
background-image: url('../images/assets/social-media/footer-social-twitter.png');
opacity: 1;
}
footer .footer_social .sm_navigation ul li span.sm_twitter_hover {
background-image: url('../images/assets/social-media/footer-social-twitter-c.png');
opacity: 0;
}
footer .footer_social .sm_navigation ul li span.sm_linkedin {
background-image: url('../images/assets/social-media/footer-social-linkedin.png');
opacity: 1;
}
footer .footer_social .sm_navigation ul li span.sm_linkedin_hover {
background-image: url('../images/assets/social-media/footer-social-linkedin-c.png');
opacity: 0;
}
footer .footer_social .sm_navigation ul li span.sm_xing {
background-image: url('../images/assets/social-media/footer-social-xing.png');
opacity: 1;
}
footer .footer_social .sm_navigation ul li span.sm_xing_hover {
background-image: url('../images/assets/social-media/footer-social-xing-c.png');
opacity: 0;
}
footer .footer_social .sm_navigation ul li span.sm_facebook {
background-image: url('../images/assets/social-media/footer-social-facebook.png');
opacity: 1;
}
footer .footer_social .sm_navigation ul li span.sm_facebook_hover {
background-image: url('../images/assets/social-media/footer-social-facebook-c.png');
opacity: 0;
}
footer .footer_social .sm_navigation ul li span.sm_youtube {
background-image: url('../images/assets/social-media/footer-social-youtube.png');
opacity: 1;
}
footer .footer_social .sm_navigation ul li span.sm_youtube_hover {
background-image: url('../images/assets/social-media/footer-social-youtube-c.png');
opacity: 0;
}
footer .footer_social .sm_navigation ul li span.sm_wechat {
background-image: url('../images/assets/social-media/footer-social-wechat.png');
opacity: 1;
}
footer .footer_social .sm_navigation ul li span.sm_wechat_hover {
background-image: url('../images/assets/social-media/footer-social-wechat-c.png');
opacity: 0;
}
footer .footer_social .sm_navigation ul li:hover {
background-color: white;
}
footer .footer_social .sm_navigation ul li:hover .sm_twitter_hover,
footer .footer_social .sm_navigation ul li:hover .sm_linkedin_hover,
footer .footer_social .sm_navigation ul li:hover .sm_xing_hover,
footer .footer_social .sm_navigation ul li:hover .sm_facebook_hover,
footer .footer_social .sm_navigation ul li:hover .sm_youtube_hover,
footer .footer_social .sm_navigation ul li:hover .sm_wechat_hover {
opacity: 0;
}
footer .footer_social .sm_navigation ul li .linkpanel {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
display: none;
padding: 10px;
}
footer .footer_social .sm_navigation ul li .linkpanel li {
height: auto;
}
footer .footer_social .sm_navigation ul li .linkpanel a {
color: black;
}
@media screen and (max-width: 1023px) {
footer {
margin-bottom: 0;
}
footer > .row {
padding-right: 0;
padding-left: 0;
font-size: 14px;
}
footer > .row .columns .zfsp-seperator {
margin-left: -1.25rem;
margin-right: -1.25rem;
padding-right: 0;
padding-left: 0;
}
footer > .row .columns .columns {
padding-right: 0;
padding-left: 0;
}
footer > .row .columns.copyright {
padding-right: 1.25rem;
}
footer .footer_social {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.footernav_meta_mobile {
background-color: #d9d9d9;
padding: 1.25rem 1.25rem;
float: right;
width: 50%;
}
.footernav_meta_mobile ul {
margin: 0;
list-style-type: none;
padding: 0;
}
.footernav_meta_mobile ul li {
background-color: #f8f8f8;
margin-bottom: 0.625rem;
}
.footernav_meta_mobile ul li a {
position: relative;
top: 5px;
display: block;
padding: 0.625rem 0.625rem;
color: black;
}
.footernav_meta_mobile ul li a .text {
float: left;
}
.footernav_meta_mobile ul li a .arrow {
float: right;
height: 14px;
}
.footernav_meta_mobile ul li a .arrow:after {
background-image: url('../images/assets/button-arrow-grey.png');
content: "";
height: 0.9375rem;
width: 0.9375rem;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
}
.footernav_meta_mobile .footernav_sharepage_mobile {
top: 0px;
background-color: #FFFFFF;
}
.footernav_meta_mobile .footernav_sharepage_mobile .share-icon {
display: block;
float: right;
}
.footernav_meta_mobile .footernav_sharepage_mobile .share-icon:after {
background-image: url('../images/sharing/share-points-black.png');
content: "";
height: 20px;
width: 21px;
display: inline-block;
background-repeat: no-repeat;
position: absolute;
right: 10px;
top: 8px;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer {
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 999;
display: none;
top: 0;
left: 0;
color: white;
padding-top: 25px;
padding-bottom: 25px;
padding-left: 25px;
padding-right: 25px;
text-align: center;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer .share-close {
position: absolute;
right: 0;
margin-right: 30px;
top: -3px;
color: #000000;
font-size: 28px;
font-weight: normal;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul {
display: inline-block;
text-align: left;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
max-width: 350px;
width: 100%;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li {
background-color: #d9d9d9;
color: #000000;
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 10px;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li.headline-close {
background-color: #FFFFFF;
text-align: center;
text-transform: uppercase;
font-weight: bold;
font-size: 1.15rem;
padding-top: 15px;
padding-bottom: 15px;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table {
display: table;
width: 100%;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table a {
color: #000000;
padding-left: 0px;
padding-right: 0px;
margin-left: 10px;
margin-right: 10px;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px #9a9a9a solid;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table a:last-of-type {
border-bottom: 0;
margin-bottom: 5px;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-table-tr {
display: table;
width: 100%;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-table-tr .share-table-td {
display: table-cell;
width: 50%;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-table-tr .share-table-td.share-table-td-icon {
text-align: right;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-icon {
background-color: #000000;
width: 36px;
height: 32px;
margin-right: 15px;
display: inline-block;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-icon-svg {
fill: #FFFFFF;
height: 25px;
width: 50px;
position: relative;
left: -7px;
top: 3px;
}
.footernav_meta_mobile .footernav_sharepage_mobile_layer ul li .share-table .share-label {
display: inline-block;
line-height: 15px;
vertical-align: top;
font-size: 1rem;
font-weight: normal;
text-transform: uppercase;
}
.footernav {
float: left;
width: 50%;
padding: 1.25rem 1.25rem !important;
}
.footernav .col_headline a {
padding: 0.625rem;
text-transform: uppercase;
}
.footernav .col_headline:last-child a {
padding-bottom: 0;
border-bottom: none;
}
.footer_mobile_end {
background-color: #e6e6e6;
clear: both;
padding-top: 0.9375rem;
padding-bottom: 0.9375rem;
}
.footer_mobile_end ul {
margin: 0;
padding: 0;
text-align: center;
}
.footer_mobile_end ul li {
display: inline-block;
margin-right: 0.625rem;
}
.footer_mobile_end ul li a {
color: black;
}
.footer_mobile_end ul li:after {
margin-left: 0.75rem;
content: "|";
}
.footer_mobile_end ul li:last-child {
margin-right: 0;
}
.footer_mobile_end ul li:last-child:after {
content: "";
margin-left: 0;
}
}
@media screen and (max-width: 639px) {
footer {
margin-bottom: 0;
}
footer > .row {
font-size: 14px;
}
footer > .row .columns.copyright {
padding: 0;
padding-right: 1.25rem;
}
footer .zfsp-seperator {
height: 0.6875rem;
margin-bottom: 1.5625rem;
}
footer .footernav_meta_mobile {
float: none;
width: 100%;
padding: 1.25rem 0 0.0625rem 0;
background-color: #d9d9d9;
}
footer .footernav_meta_mobile ul {
margin: 0;
list-style-type: none;
padding-right: 1.25rem;
padding-left: 1.25rem;
}
footer .footernav_meta_mobile ul li {
background-color: #f8f8f8;
margin-bottom: 0.625rem;
}
footer .footernav_meta_mobile ul li a {
display: block;
padding: 0.625rem 0.625rem;
color: black;
}
footer .footernav_meta_mobile ul li a .text {
float: left;
}
footer .footernav_meta_mobile ul li a .arrow {
/* @include link_grey_arrow_after;
float: right; */
float: right;
height: 0.875rem;
}
footer .footernav_meta_mobile ul li a .arrow:after {
background-image: url('../images/assets/button-arrow-grey.png');
content: "";
height: 0.9375rem;
width: 0.9375rem;
display: inline-block;
background-repeat: no-repeat;
background-position: center center;
}
footer .footernav_meta_mobile .footernav_sharepage_mobile_layer {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
footer .footernav_meta_mobile .footernav_sharepage_mobile_layer .share-close {
margin-right: 15px;
}
footer .footernav_meta_mobile .footernav_sharepage_mobile_layer ul {
max-width: none;
padding-left: 0;
padding-right: 0;
top: 100%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
footer .footernav {
float: none;
width: 100%;
padding-right: 1.25rem;
padding-left: 1.25rem;
padding-bottom: 1.25rem;
padding-top: 0 !important;
}
footer .footernav .col_headline > a {
padding-top: 0.625rem;
padding-bottom: 0.625rem;
}
footer .footernav .col_headline:last-child > a {
border-bottom: none;
}
footer .footer_mobile_end {
padding: 0.625rem;
background-color: #e6e6e6;
}
footer .footer_mobile_end ul {
margin: 0;
list-style-type: none;
text-align: center;
}
footer .footer_mobile_end ul li {
display: inline-block;
}
footer .footer_mobile_end ul li a {
color: black;
}
footer .footer_mobile_end ul li:after {
font-weight: bold;
content: "|";
display: inline-block;
margin-left: 0.625rem;
margin-right: 0.3125rem;
}
footer .footer_mobile_end ul li:last-child:after {
content: "";
}
}
.zfsp_form_wrapper {
/*******************
checkboxes
*******************/
}
.zfsp_form_wrapper .zfsp_formgroup {
margin-top: 1.25rem;
}
.zfsp_form_wrapper .zfsp_formgroup hr {
margin-top: 0.3125rem;
padding: 0;
}
.zfsp_form_wrapper .control_wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.zfsp_form_wrapper .control_wrapper input {
height: 30px;
width: 30px;
}
.zfsp_form_wrapper .button.next {
background-color: #2870bb;
}
.zfsp_form_wrapper .button.prev {
background-color: #b0b0b0;
}
.zfsp_form_wrapper [type='checkbox'] + label,
.zfsp_form_wrapper [type='radio'] + label {
margin-left: 0;
}
.zfsp_form_wrapper [type="checkbox"]:not(:checked),
.zfsp_form_wrapper [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.zfsp_form_wrapper [type="checkbox"]:not(:checked) + label,
.zfsp_form_wrapper [type="checkbox"]:checked + label {
position: relative;
padding-left: 25px;
cursor: pointer;
}
.zfsp_form_wrapper [type="checkbox"]:not(:checked) + label:before,
.zfsp_form_wrapper [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 17px;
height: 17px;
border: 1px solid #2870bb;
background: #f8f8f8;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.zfsp_form_wrapper [type="checkbox"]:not(:checked) + label:after,
.zfsp_form_wrapper [type="checkbox"]:checked + label:after {
content: url('../images/assets/checkmark.png');
position: absolute;
top: -0.125rem;
left: 0.125rem;
}
.zfsp_form_wrapper [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.zfsp_form_wrapper [type="checkbox"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.zfsp_form_wrapper [type="checkbox"]:disabled:not(:checked) + label:before,
.zfsp_form_wrapper [type="checkbox"]:disabled:checked + label:before {
-webkit-box-shadow: none;
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
.zfsp_form_wrapper [type="checkbox"]:disabled:checked + label:after {
color: #999;
}
.zfsp_form_wrapper [type="checkbox"]:disabled + label {
color: #aaa;
}
.zfsp_form_wrapper [type="checkbox"]:checked:focus + label:before,
.zfsp_form_wrapper [type="checkbox"]:not(:checked):focus + label:before {
border: 1px dotted blue;
}
.zfsp_form_wrapper label:hover:before {
border: 1px solid #4778d9 !important;
}
.gf-radio-wrapper {
display: block;
float: left;
margin-bottom: 0.5rem;
}
.gf-radio-wrapper input[type="radio"] {
margin-bottom: 0;
float: left;
margin-top: 6px;
margin-left: -24px;
margin-top: 3px;
}
.gf-radio-wrapper label {
padding-left: 26px;
}
.gf-radio-wrapper:last-child label {
padding-right: 0;
}
.gf-radio-wrapper label {
display: block;
float: left;
line-height: 1.4;
padding-right: 20px;
}
.wrapper-row.gf-elements label {
display: block;
}
.wrapper-row .gf-radio-wrapper {
float: none;
}
.wrapper-row .gf-radio-wrapper input[type="radio"] {
margin-left: -24px;
margin-top: 3px;
}
.wrapper-row .gf-radio-wrapper label {
float: none;
padding-left: 26px;
}
form input:invalid {
-webkit-box-shadow: 0 0 5px 1px red;
box-shadow: 0 0 5px 1px red;
}
form input:valid {
outline: none;
}
.switch-round {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch-round input {
display: none;
}
.switch-round .slider-round {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
-webkit-border-radius: 34px;
border-radius: 34px;
}
.switch-round .slider-round:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
-o-transition: .4s;
transition: .4s;
-webkit-border-radius: 50%;
border-radius: 50%;
}
.switch-round input:checked + .slider-round {
background-color: #2196F3;
}
.switch-round input:focus + .slider-round {
-webkit-box-shadow: 0 0 1px #2196F3;
box-shadow: 0 0 1px #2196F3;
}
.switch-round input:checked + .slider-round:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
-o-transform: translateX(26px);
transform: translateX(26px);
}
.reveal.confirm {
overflow-y: visible;
padding: 1.5rem;
}
.reveal.confirm p {
font-size: 0.875rem;
}
.reveal.confirm .button {
margin-bottom: 0;
}
.reveal.confirm .button.abort {
background-color: #9a9a9a;
}
.reveal.confirm .close-button {
background-color: #2870bb;
height: 2.5rem;
width: 2.5rem;
display: inline-block;
top: -2.5625rem;
right: -0.0625rem;
background-image: url('../images/assets/ico-sprite.png');
background-position: -909px center;
}
.global-not-optimized-note-modal .button.abort,
.zfsp-reveal .button.abort {
padding-left: 30px;
padding-right: 12px;
}
.global-not-optimized-note-modal .button.abort:before,
.zfsp-reveal .button.abort:before {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat;
content: "";
margin-left: -20px;
position: absolute;
}
.global-not-optimized-note-modal .button.confirm,
.zfsp-reveal .button.confirm {
padding-left: 12px;
padding-right: 30px;
}
.global-not-optimized-note-modal .button.confirm:after,
.zfsp-reveal .button.confirm:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 11px;
position: absolute;
}
.global-not-optimized-note-modal.confirm {
padding-left: 35px;
padding-right: 35px;
padding-top: 35px;
padding-bottom: 35px;
}
.global-not-optimized-note-modal.confirm p {
margin-bottom: 30px;
}
.db-redirect-message .button.confirm span {
float: left;
}
.db-apps-downtime-message .button.confirm span {
float: left;
}
/********************
contact form
*********************/
.contact_form h3 {
float: left;
background-color: white;
padding-right: 0.625rem;
}
.contact_form .hprev {
color: #7f7f7f;
}
.contact_form .zfsp-seperator {
height: 1.25rem;
}
.contact_form .status_bar {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 2.5rem;
padding: 20px 20%;
border: 1px solid #d9d9d9;
}
.contact_form .status_bar .step {
display: inline-block;
padding-top: 70px;
min-width: 56px;
min-height: 60px;
background-repeat: no-repeat;
background-position: center top;
text-align: center;
opacity: 0.4;
}
.contact_form .status_bar .step.active {
opacity: 1;
}
.contact_form .status_bar .to_step_02, .contact_form .status_bar .to_step_03 {
height: 8px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin-top: 25px;
background-color: #d5b076;
opacity: 0.4;
}
.contact_form .status_bar .to_step_02.active, .contact_form .status_bar .to_step_03.active {
opacity: 1;
}
.contact_form .form_step01 {
margin-top: 1.25rem;
}
.contact_form .form_step01 .dropdown li[role="menuitem"] {
position: relative;
background-color: #d9d9d9;
margin-top: 0.1875rem;
padding: 5px 20px;
width: 100%;
background-image: url('../images/assets/button-arrow-grey.png');
background-size: 10px;
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
}
.contact_form .form_step01 .dropdown li[role="menuitem"] a {
color: #666;
}
.contact_form .form_step01 .dropdown li[role="menuitem"] a::after {
border: none !important;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active {
background-color: #2870bb;
background-image: url('../images/assets/dot-white.png');
background-size: 12px;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active a {
color: white;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li {
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li a {
color: #666;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li.is-active a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li.is-active a {
color: white;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li .submenu > li a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li .submenu > li a {
color: #666;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li .submenu > li:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li .submenu > li.is-active a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li .submenu > li:hover a, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active .submenu > li .submenu > li.is-active a {
color: white;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover::after, .contact_form .form_step01 .dropdown li[role="menuitem"].is-active::after {
width: 0;
height: 0;
border-style: solid;
border-width: 24px;
border-color: transparent transparent transparent #2870bb;
position: absolute;
float: left;
content: "";
top: 0px;
left: 100%;
}
.contact_form .form_step01 .dropdown .submenu {
margin-left: 30px;
top: -3px !important;
}
.contact_form .is-drilldown {
margin-bottom: 1.25rem;
}
.contact_form .is-drilldown li {
background-color: #d9d9d9;
margin-bottom: 0.3125rem;
padding: 0.3125rem 0.9375rem;
background-image: url('../images/assets/button-arrow-grey.png');
background-size: 10px;
background-repeat: no-repeat;
background-position: right;
background-origin: content-box;
}
.contact_form .is-drilldown li a {
color: #666;
}
.contact_form .is-drilldown .submenu {
background-color: white;
}
.contact_form .is-drilldown .submenu li:first-of-type {
background-image: url('../images/assets/button-arrow-grey-rev.png');
background-size: 10px;
background-repeat: no-repeat;
background-position: left 10px;
background-origin: content-box;
}
.contact_form .is-drilldown .submenu li:first-of-type a::before {
border: 0px;
display: block;
}
.contact_form .is-drilldown .submenu li:nth-of-child(2) {
background-image: none;
}
.contact_form .is-drilldown .is-drilldown-submenu-parent > a::after {
border: 0px;
}
.contact_form .form_step01_wrapper .button_change {
display: none;
}
.contact_form .form_step02_wrapper .button_change, .contact_form .form_step03_wrapper .button_change {
display: block;
}
@media screen and (max-width: 1023px) {
.contact_form .status_bar {
padding: 1.25rem 0;
border-width: 0;
}
.contact_form .zfsp-seperator {
height: 0.875rem;
}
}
@media screen and (max-width: 639px) {
.global-not-optimized-note-modal,
.zfsp-reveal {
height: auto;
min-height: auto;
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
.global-not-optimized-note-modal {
max-width: 320px;
}
}
/********************
contact form end
*********************/
.zfsp_gallery {
margin: 1.25rem 0;
background-color: #262626;
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);
margin-left: -0.9375rem;
padding-left: 2.25rem;
overflow: hidden;
position: relative;
color: white;
max-height: 0;
-webkit-transition: max-height 0.5s ease-out 0s;
-o-transition: max-height 0.5s ease-out 0s;
transition: max-height 0.5s ease-out 0s;
}
.zfsp_gallery .close {
cursor: pointer;
position: absolute;
background-color: #2870bb;
height: 2.5rem;
width: 2.5rem;
display: inline-block;
top: 1.25rem;
right: 1.25rem;
background-image: url('../images/assets/ico-sprite.png');
background-position: -909px center;
}
.zfsp_gallery .galContent {
text-align: center;
padding-top: 1.875rem;
}
.zfsp_gallery .galContent .galHeadline {
margin-bottom: 1.875rem;
margin-right: 2.5rem;
padding-right: 1.25rem;
text-align: left;
font-size: 1.5rem;
font-weight: normal;
}
.zfsp_gallery .galContent .galHeadline.galHeadlineVideoZoom {
min-height: 30px;
}
.zfsp_gallery .galContent .galDescriptionZoom {
text-align: left;
margin-bottom: 1.875rem;
font-size: 0.9rem;
}
.zfsp_gallery .galContent .galHeadlineHasDescZoom {
margin-bottom: 0.9375rem;
}
.zfsp_gallery .galContent .image-gallery-previous-button,
.zfsp_gallery .galContent .image-gallery-next-button {
position: absolute;
cursor: pointer;
top: -webkit-calc(50% - 87px);
top: calc(50% - 87px);
height: 3.75rem;
width: 3.75rem;
background: #606060;
background-image: url('../images/assets/ico-sprite.png');
background-repeat: no-repeat;
opacity: .4;
}
.zfsp_gallery .galContent .image-gallery-previous-button:hover,
.zfsp_gallery .galContent .image-gallery-next-button:hover {
opacity: 1;
}
.zfsp_gallery .galContent .image-gallery-previous-button {
left: 15px;
background-position: -529px;
}
.zfsp_gallery .galContent .image-gallery-next-button {
right: 15px;
background-position: -476px;
}
.zfsp_gallery .galContent .image_gallery.slave .g_image_wrapper {
padding-top: 0px;
}
.zfsp_gallery .galContent .image_gallery.slave .slick-list {
padding-left: 40px;
padding-right: 40px;
}
.zfsp_gallery .galContent .zoom_img {
position: relative;
display: inline-block;
margin-bottom: 4.375rem;
padding-right: 15px;
}
.zfsp_gallery .galContent .zoom_img.has_caption {
cursor: pointer;
}
.zfsp_gallery .galContent .zoom_img .caption {
position: absolute;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
padding: 17px 70px 17px 25px;
color: white;
text-align: left;
width: 100%;
font-size: 0.9rem;
line-height: 1rem;
}
.zfsp_gallery .galContent .zoom_img .caption i {
height: 36px;
width: 36px;
display: inline-block;
background-color: #000;
background-image: url('../images/assets/ico-sprite.png');
background-position: -912px center;
position: absolute;
right: 8px;
top: 8px;
}
.zfsp_gallery.open {
max-height: 2000px;
}
.gallery_overlay {
display: none;
}
@media screen and (min-width: 1024px) {
.zfsp_gallery.open {
position: fixed;
z-index: 100;
margin: 0;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.9);
}
.zfsp_gallery.open .galMain {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
height: 100%;
position: relative;
}
.zfsp_gallery.open.video .zoom_video .playlist-wrapper {
margin-left: -8px;
margin-right: -7px;
}
.zfsp_gallery.open .image_gallery.slave .g_image_wrapper figure, .zfsp_gallery.open .image_gallery.slave .g_image_wrapper picture {
max-width: 80%;
}
.zfsp_gallery.open .image_gallery.slave .g_image_wrapper figure img, .zfsp_gallery.open .image_gallery.slave .g_image_wrapper picture img {
height: auto;
}
.zfsp_gallery.open .image_gallery.master {
margin-left: -8px;
margin-right: 8px;
}
.zfsp_gallery .image_gallery .slick-list {
height: auto;
}
}
@media screen and (max-width: 1023px) {
.zfsp_gallery {
background: #fff;
position: fixed;
z-index: 10;
margin: 0;
width: -webkit-calc(100% - 80px);
width: calc(100% - 80px);
height: -webkit-calc(100% - 120px);
height: calc(100% - 120px);
left: 40px;
top: 80px;
padding-left: 1.25rem;
opacity: 0;
-webkit-transition: max-height 0s ease-out 0s;
-o-transition: max-height 0s ease-out 0s;
transition: max-height 0s ease-out 0s;
-webkit-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.zfsp_gallery.open {
opacity: 1;
overflow: visible;
}
.zfsp_gallery.open + .gallery_overlay {
opacity: 1;
-webkit-transition: opacity 0.5s ease-out;
-o-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
background: rgba(0, 0, 0, 0.8);
position: fixed;
display: block;
z-index: 9;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.zfsp_gallery.closing {
overflow: hidden;
}
.zfsp_gallery.closing + .gallery_overlay,
.zfsp_gallery.closing .close {
opacity: 0;
}
.zfsp_gallery .galContent {
height: 100%;
width: 100%;
display: table;
table-layout: fixed;
}
.zfsp_gallery .galContent .galHeadline {
color: #000;
margin-right: 0;
margin-bottom: 10px;
padding: 0 40px;
font-size: 1.125rem;
line-height: 1.25rem;
}
.zfsp_gallery .galContent .galHeadline.galHeadlineZoom {
padding-left: 0;
padding-right: 0;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
}
.zfsp_gallery .galContent .galHeadline.galHeadlineHasDescZoom {
margin-bottom: 0.9375rem;
}
.zfsp_gallery .galContent .galDescriptionZoom {
color: #000;
padding-left: 0;
padding-right: 0;
margin-bottom: 1.5625rem;
margin-left: auto;
margin-right: auto;
}
.zfsp_gallery .galContent .zoom_img {
padding-right: 0;
display: table-row;
height: 100%;
margin-bottom: 0;
}
.zfsp_gallery .galContent .zoom_img img {
display: table-cell;
-o-object-fit: scale-down;
object-fit: scale-down;
font-family: 'object-fit: scale-down;';
-o-object-position: top;
object-position: top;
width: 100%;
height: 100%;
max-height: none;
-webkit-filter: drop-shadow(0 -1px 0 #eaeaea) drop-shadow(0 1px 0 #eaeaea) drop-shadow(-1px 0 0 #eaeaea) drop-shadow(1px 0 0 #eaeaea);
filter: drop-shadow(0 -1px 0 #eaeaea) drop-shadow(0 1px 0 #eaeaea) drop-shadow(-1px 0 0 #eaeaea) drop-shadow(1px 0 0 #eaeaea);
}
.zfsp_gallery .galContent .zoom_img .caption {
position: static;
background: none;
padding: 0;
color: #000;
margin-top: 1.5625rem;
display: block;
}
.zfsp_gallery .galContent .zoom_img .caption i {
display: none;
}
.zfsp_gallery .galContent .image-gallery-previous-button,
.zfsp_gallery .galContent .image-gallery-next-button {
opacity: .95;
}
.zfsp_gallery .galContent .image-gallery-previous-button {
left: -20px;
}
.zfsp_gallery .galContent .image-gallery-next-button {
right: -20px;
}
.zfsp_gallery .galContent .image_gallery.slave .g_image_wrapper {
padding-left: 0px;
padding-right: 0px;
}
.zfsp_gallery .galContent.gal_wrapper .galHeadline {
display: table-row;
}
.zfsp_gallery .close {
position: fixed;
top: 40px;
right: 40px;
opacity: 1;
-webkit-transition: opacity 0.4s ease-out;
-o-transition: opacity 0.4s ease-out;
transition: opacity 0.4s ease-out;
}
}
@media screen and (max-width: 639px) {
.zfsp_gallery .galContent .galHeadline {
font-size: 1rem;
line-height: 1.125rem;
}
.zfsp_gallery .galContent .galHeadline.galHeadlineZoom {
padding-right: 20px;
}
}
@media screen and (max-width: 639px), screen and (max-width: 1023px) and (max-height: 900px) {
.zfsp_gallery {
width: -webkit-calc(100% - 40px);
width: calc(100% - 40px);
height: -webkit-calc(100% - 40px);
height: calc(100% - 40px);
left: 20px;
top: 20px;
}
.zfsp_gallery .close {
top: 20px;
right: 20px;
}
.zfsp_gallery .galContent {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.zfsp_gallery .galContent .galHeadline {
padding-left: 0;
}
.zfsp_gallery .galContent .galHeadline.galHeadlineZoom {
}
.zfsp_gallery .galContent .image_gallery.slave .slick-list {
padding-left: 0;
padding-right: 0;
}
.zfsp_gallery .galContent .image-gallery-previous-button,
.zfsp_gallery .galContent .image-gallery-next-button {
top: 150px;
}
}
@media screen and (max-width: 1023px) {
.zfsp_gallery .galContent .image-gallery-previous-button,
.zfsp_gallery .galContent .image-gallery-next-button {
top: 20vh;
}
}
@media screen and (max-width: 1023px) and (orientation: landscape) {
.zfsp_gallery .galContent .image-gallery-previous-button,
.zfsp_gallery .galContent .image-gallery-next-button {
top: 35vh;
}
}
.zfsp_gallery_standalone {
background-color: #262626;
width: -webkit-calc(100% + 30px);
width: calc(100% + 30px);
margin: 1.25rem 0 1.25rem -0.9375rem;
padding: 35px;
color: #fff;
}
.zfsp_gallery_standalone h3 {
font-size: 1.5rem;
}
.zfsp_gallery_standalone p {
font-size: 0.875rem;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper_outer {
position: relative;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper {
margin: 100px 0 50px;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture {
width: auto;
display: table;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure img, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture img {
max-width: none;
height: 180px;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure .open, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture .open {
width: 34px;
height: 34px;
background-color: rgba(40, 112, 187, 0.8);
background-image: url('../images/assets/ico-sprite.png');
background-position: -1785px center;
position: absolute;
bottom: 0;
left: 0;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure:hover .open, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture:hover .open {
background-color: #2870bb;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure div, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture div {
position: relative;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure figcaption, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture figcaption {
margin-top: 0.625rem;
color: #fff;
font-size: 0.875rem;
display: table-caption;
caption-side: bottom;
}
.zfsp_gallery_standalone .swiper-button-next,
.zfsp_gallery_standalone .swiper-button-prev,
.zfsp_gallery_standalone .swiper-pagination {
display: none;
}
.zfsp_gallery_standalone .swiper-scrollbar {
background-color: #9a9a9a;
height: 15px;
width: 50%;
margin: 0 auto;
-webkit-border-radius: 0;
border-radius: 0;
}
.zfsp_gallery_standalone .swiper-scrollbar div {
background-color: #2870bb;
-webkit-border-radius: 0;
border-radius: 0;
cursor: move;
}
@media screen and (max-width: 1023px) {
.zfsp_gallery_standalone {
background-color: transparent;
color: #000;
padding: 0 35px;
}
.zfsp_gallery_standalone h3 {
font-size: 1.25rem;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper {
margin: 30px 0;
background-color: #9a9a9a;
padding: 20px;
height: 320px;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure img, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture img {
height: 280px;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure figcaption, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture figcaption {
display: none;
}
.zfsp_gallery_standalone .swiper-scrollbar {
width: 100%;
height: 30px;
background-color: #eaeaea;
}
.zfsp_gallery_standalone .swiper-scrollbar div::before, .zfsp_gallery_standalone .swiper-scrollbar div::after {
position: absolute;
content: '| | |';
color: #fff;
width: 100%;
text-align: center;
top: 10%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.zfsp_gallery_standalone .swiper-scrollbar div::after {
left: 75%;
border-right: 0;
display: none;
}
}
@media screen and (max-width: 639px) {
.zfsp_gallery_standalone {
width: 100%;
margin-left: 0;
padding: 0 1.25rem;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper {
height: auto;
margin-bottom: 10px;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture {
text-align: center;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure div, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture div {
display: inline-block;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure img, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture img {
height: auto;
width: auto;
max-width: 100%;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure.orientation-landscape img, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture.orientation-landscape img {
width: 100%;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure.orientation-portrait, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture.orientation-portrait {
text-align: center;
}
.zfsp_gallery_standalone .image_gallery_standalone_wrapper figure.orientation-portrait div, .zfsp_gallery_standalone .image_gallery_standalone_wrapper picture.orientation-portrait div {
display: inline-block;
}
.zfsp_gallery_standalone .swiper-pagination {
display: block;
position: static;
}
.zfsp_gallery_standalone .swiper-button-next,
.zfsp_gallery_standalone .swiper-button-prev {
display: block;
height: 40px;
width: 40px;
background: #606060;
background-image: url('../images/assets/ico-sprite.png');
background-repeat: no-repeat;
background-position: -1071px;
right: -20px;
z-index: 8;
}
.zfsp_gallery_standalone .swiper-button-prev {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
left: -20px;
right: auto;
}
.zfsp_gallery_standalone .swiper-scrollbar {
display: none;
}
}
header {
height: 8.5625rem;
}
header .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border: none;
}
header .dropdown.menu > li.is-dropdown-submenu-parent > a {
padding: 0;
}
header .menu > li > a {
padding: 0 0.9375rem;
}
header .menu > li > a > span:not(.menu_arrow) {
line-height: 1;
display: block;
padding: 0.625rem 0.3125rem;
}
header .menu > li > a > span:not(.menu_arrow).zfam-login-text {
color: #00ABE7;
margin-right: 10px;
font-size: 12px;
font-weight: bold;
padding: 0;
}
header .logo {
margin-top: 1.625rem;
float: left;
}
header .meta {
float: right;
color: #777;
}
header .meta .top_row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-moz-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
font-size: 0.875rem;
}
header .meta .portalname {
margin-top: 0.9375rem;
width: 100%;
text-align: right;
}
header .meta .portalname h1, header .meta .portalname h2, header .meta .portalname h3, header .meta .portalname h4 {
font-size: 25px;
}
header .meta .portalname p {
font-size: 25px;
line-height: 1.5rem;
margin-bottom: 8px;
font-weight: bold;
position: relative;
}
header .meta .portalname .portalname_start {
color: black;
}
header .meta .portalname .portalname_end {
color: #d5b076;
}
header .meta #lang_opts {
position: relative;
margin-left: 0.9375rem;
}
header .meta #lang_opts ul.meta_language_select {
display: none;
position: absolute;
list-style-type: none;
margin: 9px 0 0 -5px;
z-index: 3;
}
header .meta #lang_opts ul.meta_language_select li a {
color: #fff;
padding: 2px 11px;
background: #1179bf;
-webkit-border-radius: 8px;
border-radius: 8px;
}
header .meta #lang_opts.active ul.meta_language_select {
display: block;
}
header .meta .country_select {
display: inline-block;
cursor: pointer;
}
header .meta .country_select ul.country_list {
display: none;
margin: 0;
list-style-type: none;
margin-bottom: 0.9375rem;
}
header .meta .country_select ul.country_list li {
float: left;
margin-right: 0.625rem;
font-size: 0.8125rem;
}
header .meta .country_select ul.country_list li a {
color: #777;
}
header .meta .meta_world {
display: inline-block;
height: 1.25rem;
width: 1.25rem;
cursor: pointer;
background-image: url('../images/assets/world.png');
background-repeat: no-repeat;
background-position: 50% 50%;
position: relative;
top: 0.125rem;
}
header .meta .meta_world_label {
cursor: pointer;
padding-right: 20px;
position: relative;
}
header .meta .meta_world_label:after {
content: "";
position: absolute;
background-image: url('../images/assets/link-arrow-blue.png');
background-repeat: no-repeat;
width: 4px;
height: 8px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
top: 6px;
right: 5px;
}
header .meta .meta_account .account-box {
position: absolute;
margin-left: -95px;
margin-top: 30px;
z-index: 200;
max-width: 250px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #FFFFFF;
border: 1px solid #cdcdcd;
color: #000000;
}
header .meta .meta_account .account-box h3 {
padding-right: 20px;
font-weight: normal;
}
header .meta .meta_account .account-box p {
margin-bottom: 30px;
line-height: 18px;
}
header .meta .meta_account .account-box .ab-headline {
padding-right: 20px;
font-weight: normal;
line-height: 1.5rem;
margin-bottom: 8px;
font-size: 1.25rem;
}
header .meta .meta_account .account-box .small-text {
font-size: 12px;
line-height: 18px;
}
header .meta .meta_account .account-box .small-text a {
text-decoration: underline;
}
header .meta .meta_account .account-box .close-button {
width: 2.5rem;
height: 2.5rem;
background-color: #2870bb;
right: 0px;
top: 0px;
background-image: url('../images/assets/ico-sprite.png');
background-position: -909px center;
}
header .meta .meta_account .account-box .button {
width: 100%;
text-align: left;
margin-bottom: 10px;
}
header .meta .meta_account .account-box .button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
right: 25px;
position: absolute;
}
header .meta .meta_account .account-box .button.personal-data {
margin-top: 30px;
margin-bottom: 20px;
padding-top: 7px;
padding-bottom: 7px;
border: 1px solid rgba(0, 171, 231, 0.7);
color: rgba(0, 171, 231, 0.7);
background-color: transparent;
}
header .meta .meta_account .account-box .button.personal-data:after {
background: none;
}
header .meta .meta_account .account-box .button.personal-data .btn-icon {
width: 22px;
margin-left: 10px;
margin-right: 10px;
}
header .meta .meta_account .account-box .button.logout {
margin-bottom: 0px;
padding-top: 6px;
padding-bottom: 6px;
background-color: rgba(0, 171, 231, 0.7);
color: #FFFFFF;
text-align: center;
}
header .meta .meta_account .account-box .button.logout:after {
background: none;
}
header .meta .meta_account .account-box .button.logout .btn-icon {
width: 24px;
margin-right: 10px;
}
header .meta .meta_account .account-box:after, header .meta .meta_account .account-box:before {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
header .meta .meta_account .account-box:after {
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #FFFFFF;
border-width: 20px;
margin-left: -20px;
}
header .meta .meta_account .account-box:before {
border-color: rgba(194, 225, 245, 0);
border-bottom-color: #cdcdcd;
border-width: 21px;
margin-left: -21px;
}
header .meta .meta_account .account-box .navigation-apps > div {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #cdcdcd;
}
header .meta .meta_account .account-box .navigation-apps > div:first-of-type {
padding-top: 10px;
}
header .meta .meta_account .account-box .navigation-apps > div a {
color: #000000;
}
header .meta .meta_account .account-box .navigation-apps > div a.navigation-db-app {
font-weight: bold;
}
header .meta .meta_account span {
color: black;
}
header .meta .meta_account li {
line-height: 1;
}
header .meta .meta_account li > a {
color: #777;
}
header .meta .meta_account li > a .menu_arrow {
margin-left: 0.625rem;
width: 0.9375rem;
height: 0.625rem;
background-image: url('../images/assets/menu-arrow-down.png');
display: inline-block;
}
header .meta .meta_account li > a.zfam-login {
position: relative;
height: 34px;
border: 1px solid #00ABE7;
background-color: white;
text-align: start;
padding: 0 0 0 0;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header .meta .meta_account li > a.zfam-login .zfam-key-icon {
width: 20px;
margin-left: 20px;
margin-right: 7px;
}
header .meta .meta_account li > a.zfam-login .zfam-login-drop-down {
margin-right: 20px;
width: 12px;
height: 10px;
}
header .meta .meta_account li > a.zfam-login .zfam-my-area-icon {
width: 16px;
margin-left: 20px;
margin-right: 7px;
}
header .meta .meta_account .marked {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
header .meta .meta_account .second_level li {
background-color: #2870bb;
border-bottom: 0.0625rem solid white;
}
header .meta .meta_account .second_level li span {
color: white;
}
header .meta .meta_account .second_level li:last-child {
border: none;
}
header .meta .meta_account .menu_heading {
padding-left: 12px;
color: black;
font-size: 22px;
margin-top: 15px;
margin-bottom: 10px;
}
header .meta .meta_account #your_services > a > span {
background-image: url('../images/assets/icon-services.png');
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 1.5625rem;
}
header .meta .meta_account #edit_data > a > span {
background-image: url('../images/assets/icon-personal-data.png');
background-repeat: no-repeat;
background-position: 0 50%;
padding-left: 1.5625rem;
}
header .meta .meta_account #personal_area {
background-color: rgba(40, 112, 187, 0.8);
}
header .meta .meta_account #personal_area a span {
color: white;
}
header .meta .meta_account #logout {
background-color: #adadad;
}
header .meta .meta_account #logout a span {
color: white;
}
header .meta .country_select, header .meta .meta_account, header .meta .meta_contact {
margin-left: 0.9375rem;
}
header .meta .meta_contact + form {
margin-left: 0.9375rem;
}
header .meta .meta_current_lang {
cursor: pointer;
position: relative;
}
header .meta #lang_opts:hover .meta_current_lang {
padding-bottom: 20px;
}
header .meta form.search {
display: inline-block;
position: relative;
top: 0.5rem;
}
header .meta form.search input {
border-right: none;
border-left: none;
-webkit-box-shadow: none;
box-shadow: none;
height: 2.125rem;
width: 12.5rem;
font-size: 0.875rem;
}
header .meta form.search .magnifier {
position: absolute;
height: 1.4375rem;
width: 1.4375rem;
background-image: url('../images/assets/magnifier.png');
background-repeat: no-repeat;
top: 0.3125rem;
right: 0;
}
header .meta.mobile {
padding-top: 1.875rem;
}
header .meta.mobile .icon_search {
height: 1.875rem;
width: 1.875rem;
display: inline-block;
background-image: url('../images/assets/svg-1/magnifier-svg.svg');
background-repeat: no-repeat;
background-size: auto 100%;
margin-right: 1.25rem;
}
header .meta.mobile .icon_burger {
height: 1.875rem;
width: 1.875rem;
display: inline-block;
background-image: url('../images/assets/svg-1/burger-svg.svg');
background-repeat: no-repeat;
background-size: auto 100%;
}
.row.projectname {
background-color: #d5b077;
padding: 0;
}
.row.projectname .portalname_start {
color: white;
}
.row.projectname .portalname_end {
color: black;
}
.row.projectname h1, .row.projectname h2, .row.projectname h3, .row.projectname h4, .row.projectname h5, .row.projectname h6 {
font-size: 16px;
margin-top: 0.5rem;
}
.row.projectname p {
font-size: 16px;
font-weight: bold;
margin-top: 0.5rem;
margin-bottom: 8px;
line-height: 1;
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
header > .row {
margin-bottom: 7px;
}
}
@media screen and (max-width: 639px) {
header > .row {
margin-bottom: 20px;
}
}
@media screen and (max-width: 1023px) {
body.hideSticky header {
top: -95px;
}
header {
-webkit-transition: top 1s;
-o-transition: top 1s;
transition: top 1s;
opacity: 1;
position: fixed;
z-index: 9;
width: 100%;
height: 5.9375rem;
top: 0;
}
header > .row {
padding-top: 0;
}
header .logo {
margin-top: 1.25rem;
}
}
article.hiddenGallery {
display: none;
}
.gal_wrapper {
overflow: hidden;
}
.image_gallery .slick-list {
padding-top: 15px;
}
.image_gallery .g_image_wrapper {
padding: 20px;
}
.image_gallery .g_image_wrapper .position {
display: none;
}
.image_gallery .g_image_wrapper img {
margin-right: auto;
margin-left: auto;
}
.image_gallery .g_image_wrapper .gallery_image_description {
cursor: pointer;
}
.image_gallery .g_image_wrapper .gallery_image_description .gallery_image_description_close {
cursor: pointer;
position: absolute;
background-color: #000000;
height: 36px;
width: 36px;
display: inline-block;
top: 8px;
right: 8px;
background-image: url('../images/assets/ico-sprite.png');
background-position: -912px center;
}
.image_gallery .g_image_wrapper .gallery_image_description::after {
background-image: url('../images/assets/ico-sprite.png') -912px 50% #000;
background-position: -912px 50%;
background-color: black;
position: absolute;
right: 9px;
height: 35px;
width: 35px;
top: 9px;
}
.image_gallery .g_image_wrapper .angle {
content: "";
width: 0px;
height: 0px;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 15px 15px 15px;
border-color: transparent transparent #606060 transparent;
position: absolute;
top: -15px;
right: -webkit-calc(50% - 15px);
right: calc(50% - 15px);
}
.image_gallery.slave {
/*padding: 40px 0;
background-color: #262626;*/
padding-right: 15px;
}
.image_gallery.slave .g_image_wrapper figure, .image_gallery.slave .g_image_wrapper picture {
position: relative;
margin: 0 auto;
display: inline-block;
max-width: 100%;
}
.image_gallery.slave .g_image_wrapper figure img, .image_gallery.slave .g_image_wrapper picture img {
height: 533px;
}
.image_gallery.slave .g_image_wrapper figure .gallery_image_description, .image_gallery.slave .g_image_wrapper picture .gallery_image_description {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: left;
padding: 17px 70px 17px 25px;
background: #000;
background-color: rgba(0, 0, 0, 0.5);
font-size: .9rem;
line-height: 1rem;
color: white;
-webkit-transition: opacity .3s;
-o-transition: opacity .3s;
transition: opacity .3s;
}
.image_gallery.slave .g_image_wrapper.new_resolutions figure img, .image_gallery.slave .g_image_wrapper.new_resolutions picture img {
height: 100%;
width: 100%;
}
.image_gallery.master {
background: #2d2d2d;
background: -webkit-gradient(linear, left top, right top, from(#2d2d2d), color-stop(15%, #404040), color-stop(85%, #404040), to(#2d2d2d));
background: -o-linear-gradient(left, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%);
background: linear-gradient(to right, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%);
margin-top: 5px;
margin-left: -36px;
margin-right: -1.25rem;
}
.image_gallery.master .slick-list {
overflow: hidden;
}
.image_gallery.master .slick-list .slick-track {
padding-top: 15px !important;
}
.image_gallery.master .g_image_wrapper {
cursor: pointer;
}
.image_gallery.master .g_image_wrapper img {
height: 110px;
}
.image_gallery.master .g_image_wrapper.slick-current {
background-color: #606060;
position: relative;
/*
&:before {
content: "";
width: 0px;
height: 0px;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 15px 15px 15px;
border-color: transparent transparent #606060 transparent;
position: absolute;
top: -15px;
right: calc(50% - 15px);
}
*/
}
.image_gallery.master .g_image_wrapper.slick-current:focus {
outline: none;
}
.image_gallery.master::before {
background: #262626;
content: "";
margin-top: 0px;
position: absolute;
width: 100%;
left: 0;
padding-top: 15px;
}
@media screen and (max-width: 1023px) {
.image_gallery.slave {
height: 100%;
padding-right: 0;
display: table-row;
}
.image_gallery.slave .slick-list {
height: 100%;
}
.image_gallery.slave .g_image_wrapper {
width: 100%;
}
.image_gallery.slave .g_image_wrapper figure, .image_gallery.slave .g_image_wrapper picture {
height: 100%;
}
.image_gallery.slave .g_image_wrapper figure div, .image_gallery.slave .g_image_wrapper picture div {
height: 100%;
}
.image_gallery.slave .g_image_wrapper figure img, .image_gallery.slave .g_image_wrapper picture img {
-o-object-fit: scale-down;
object-fit: scale-down;
font-family: 'object-fit: scale-down;';
-o-object-position: top;
object-position: top;
-webkit-filter: drop-shadow(0 -1px 0 #eaeaea) drop-shadow(0 1px 0 #eaeaea) drop-shadow(-1px 0 0 #eaeaea) drop-shadow(1px 0 0 #eaeaea);
filter: drop-shadow(0 -1px 0 #eaeaea) drop-shadow(0 1px 0 #eaeaea) drop-shadow(-1px 0 0 #eaeaea) drop-shadow(1px 0 0 #eaeaea);
}
.image_gallery.slave .g_image_wrapper figure .gallery_image_description, .image_gallery.slave .g_image_wrapper picture .gallery_image_description {
background: none;
color: #000;
padding: 0;
padding-top: 1.875rem;
font-size: 0.875rem;
position: static;
display: block;
}
.image_gallery.slave .g_image_wrapper figure .gallery_image_description .gallery_image_description_close, .image_gallery.slave .g_image_wrapper picture .gallery_image_description .gallery_image_description_close {
display: none;
}
.image_gallery.slave .g_image_wrapper figure img, .image_gallery.slave .g_image_wrapper picture img,
.image_gallery.slave .g_image_wrapper.new_resolutions figure img,
.image_gallery.slave .g_image_wrapper.new_resolutions picture img {
width: -webkit-calc(100% - 2px);
width: calc(100% - 2px);
height: -webkit-calc(100% - 2px);
height: calc(100% - 2px);
}
.image_gallery.master {
background: none;
bottom: 0;
position: absolute;
width: 100%;
margin-left: -20px;
}
.image_gallery.master::before {
background: none;
}
.image_gallery.master .g_image_wrapper {
background-color: #eaeaea;
}
.image_gallery.master .g_image_wrapper img {
height: 160px;
}
}
@media screen and (max-width: 639px), screen and (max-width: 1023px) and (max-height: 900px) {
.image_gallery.master {
display: none;
}
}
@media screen and (max-width: 639px) and (min-height: 900px) {
.image_gallery.master {
display: block;
}
}
.image-map {
margin-top: 20px;
}
.image-map .map_wrapper {
position: relative;
}
.image-map .map_wrapper .image-map-icon {
background: #fff;
height: 40px;
width: 40px;
margin: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 3px solid rgba(0, 98, 176, 0.3);
background-clip: padding-box;
position: absolute;
}
.image-map .map_wrapper .image-map-icon::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: url('../images/assets/ico-sprite.png') no-repeat -1243px 50%;
-webkit-animation: rotate-out .2s ease-in-out;
-o-animation: rotate-out .2s ease-in-out;
animation: rotate-out .2s ease-in-out;
}
.image-map .map_wrapper .image-map-icon.custom-icon {
border: none;
background: none;
margin: 0;
}
.image-map .map_wrapper .image-map-icon.custom-icon::before {
display: none;
}
.image-map .map_wrapper .image-map-icon.custom-icon .custom-icon,
.image-map .map_wrapper .image-map-icon.custom-icon .custom-icon-hover {
display: block;
height: 100%;
width: 100%;
}
.image-map .map_wrapper .image-map-icon.custom-icon .custom-icon-hover {
display: none;
}
.image-map .map_wrapper.no-autoshow .image-map-icon:hover {
background: #0062b0;
border: 10px solid rgba(0, 98, 176, 0.2);
width: 61px;
height: 61px;
margin: 0;
background-clip: padding-box;
}
.image-map .map_wrapper.no-autoshow .image-map-icon:hover::before {
-webkit-animation: rotate-in .2s ease-in-out;
-o-animation: rotate-in .2s ease-in-out;
animation: rotate-in .2s ease-in-out;
-webkit-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
background: url('../images/assets/ico-sprite.png') no-repeat -208px 50%;
}
.image-map .map_wrapper.no-autoshow .image-map-icon:hover .image-map-tip {
display: block;
}
.image-map .map_wrapper.no-autoshow .image-map-icon.custom-icon:hover {
border: none;
background: none;
}
.image-map .map_wrapper.no-autoshow .image-map-icon.custom-icon:hover .custom-icon-hover {
display: block;
}
.image-map .map_wrapper.no-autoshow .image-map-icon.custom-icon:hover .custom-icon-hover + .custom-icon {
display: none;
}
.image-map .map_wrapper.autoshow .image-map-icon {
cursor: default;
}
.image-map .map_wrapper.autoshow .image-map-icon.custom-icon .image-map-tip {
margin-left: 0;
}
.image-map .map_wrapper.autoshow .image-map-tip {
margin-left: -3px;
}
.image-map .map-image {
background-color: black;
width: 100%;
position: relative;
}
.image-map map {
width: 100%;
padding: 0;
}
.image-map map area {
cursor: default;
}
.image-map .label {
background-color: white;
-webkit-box-shadow: 8px 9px 47px -8px black;
box-shadow: 8px 9px 47px -8px black;
position: absolute;
color: black;
max-width: 20rem;
white-space: normal;
}
.image-map .label::after {
width: 0;
height: 0;
margin-top: 0.3rem;
border-top: 10px solid white;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
content: "";
left: -webkit-calc(50% - 10px);
left: calc(50% - 10px);
}
.image-map .image-map-tip {
display: none;
min-width: 12.5rem;
z-index: 5;
}
.image-map .image-map-tip .tip_wrapper {
display: inline-block;
padding: 0.625rem;
width: 100%;
}
.image-map .image-map-tip .tip_text p {
font-size: 1.125rem;
line-height: 1;
}
.image-map .image-map-tip .linklist a {
font-size: 0.9375rem;
}
.image-map .image-map-label {
display: block;
}
.image-map-info .image-map-list {
list-style-type: none;
margin-bottom: 20px;
margin-left: 0;
}
.image-map-info .image-map-list .map-list-item .map-list-icon {
background: transparent url('../images/assets/ico-sprite.png') no-repeat scroll -704px 50%;
height: 15px;
width: 10px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.image-map-info .image-map-list .map-list-item a {
text-decoration: underline;
vertical-align: middle;
}
@-webkit-keyframes rotate-in {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
20%, 60%, 100% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
80% {
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
}
}
@-o-keyframes rotate-in {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
20%, 60%, 100% {
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
40% {
-webkit-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
}
80% {
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
}
@keyframes rotate-in {
0% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
20%, 60%, 100% {
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
40% {
-webkit-transform: rotate(60deg);
-o-transform: rotate(60deg);
transform: rotate(60deg);
}
80% {
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);
}
}
@-webkit-keyframes rotate-out {
0% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
20%, 60%, 100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
80% {
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
}
}
@-o-keyframes rotate-out {
0% {
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
20%, 60%, 100% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
80% {
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
}
@keyframes rotate-out {
0% {
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
20%, 60%, 100% {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
80% {
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
transform: rotate(-15deg);
}
}
@media screen and (min-width: 1024px) {
.image-map .map_wrapper.autoshow .image-map-icon .image-map-tip {
display: block;
}
}
@media screen and (max-width: 639px) {
.image-map-info .zfsp_accordion {
margin-top: 0;
}
}
.zfsp_image_plain {
margin-top: 2.5rem;
}
.zfsp_image_plain img {
width: 100%;
}
.zfsp_linklist {
margin-bottom: 1.25rem;
}
.zfsp_linklist .linklist {
font-size: 14px;
list-style-type: none;
margin: 0;
}
.zfsp_linklist .linklist li {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #e8e8e8;
margin-bottom: 0.125rem;
padding: 0.3125rem 0.3125rem 0.3125rem 0.625rem;
}
.zfsp_linklist .linklist li:hover {
background-color: #dfdfdf;
}
.zfsp_linklist .linklist li a {
color: black;
display: block;
-webkit-flex-basis: 200%;
-ms-flex-preferred-size: 200%;
flex-basis: 200%;
}
.zfsp_linklist .linklist li .icon {
height: 1.25rem;
width: 2.5rem;
}
.zfsp_linklist .linklist li .icon:before {
background: url('../images/assets/ico-sprite.png') -16.5625rem -1.25rem no-repeat;
content: "";
height: 1.25rem;
width: 1.25rem;
display: inline-block;
}
.zfsp_linklist .linklist li.head {
background-color: black;
color: white;
}
.zfsp_linklist .linklist li.head h3 {
font-weight: normal;
margin: 0;
}
.zfsp_linklist .linklist li.scroll {
display: none;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper {
height: 3.125rem;
margin-left: 4.375rem;
display: table;
table-layout: fixed;
width: -webkit-calc(100% - 4.375rem);
width: calc(100% - 4.375rem);
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation {
height: 3.125rem;
display: table-row;
font-weight: bold;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li {
width: 20%;
height: 3.125rem;
background-color: #d5b076;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li a {
text-transform: uppercase;
color: white;
padding: 0 1.875rem 0 0.625rem;
font-size: 16px;
height: 100%;
width: 100%;
border-left: 0.0625rem solid #fff;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li a:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li a:after {
right: 14px;
top: initial;
bottom: 12px;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li a .center {
display: inline-block;
vertical-align: bottom;
word-break: normal;
padding: 6px 0;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li:first-child a {
border-left: 0.0625rem solid #eedfc8;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li:last-child {
border-right: none;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li:hover {
background-color: black;
color: white;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li.active {
background-color: black;
color: white;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation li.active a {
vertical-align: middle;
display: block;
background-color: transparent;
cursor: default;
bottom: initial;
top: 0px;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu {
z-index: 9999;
-webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a {
background-color: white;
color: black;
border-bottom: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-right: 1px solid #9a9a9a;
text-transform: none;
font-size: 14px;
width: 100%;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a::after {
border-color: transparent transparent transparent #9a9a9a;
bottom: initial;
top: 50%;
right: 16px;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a:hover {
background-color: #2870bb;
color: white;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a:hover::after {
right: 16px;
border-color: transparent transparent transparent white;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a span {
font-weight: normal;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu li a .center {
width: 100%;
vertical-align: middle;
line-height: 20px;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu .submenu {
margin-left: -1px;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu .submenu li a {
border-top: 1px solid #9a9a9a;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu .submenu li + li a {
border-top: none;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.first-sub li {
width: 100.5%;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.first-sub .submenu li {
width: 100%;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.first-sub > li:first-child .submenu li a {
border-top: none;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.is-dropdown-submenu {
min-width: 0;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation .submenu.is-dropdown-submenu.js-dropdown-active {
display: table;
table-layout: fixed;
width: 100%;
}
.main_nav_desktop .zfsp_mainnavigation_wrapper .mainNavigation::after {
content: '';
display: table-cell;
}
.main_nav_desktop .cat_icon {
position: relative;
float: left;
height: 3.125rem;
width: 3.125rem;
background-size: 2.5rem auto;
background-repeat: no-repeat;
background-position: 50% 50%;
background-color: #d5b076;
margin-right: 1.25rem;
}
.main_nav_desktop .cat_icon:hover {
background-color: black;
}
.main_nav_desktop .cat_icon.is_cat_start_page {
background-color: black;
}
.main_nav_desktop .cat_icon.circle_arrow {
background-image: url('../images/assets/svg-1/circle-arrow-white.svg');
background-size: 1.5625rem auto !important;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper {
min-width: 15.625rem;
display: none;
position: absolute;
z-index: 9999;
top: 100%;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper ul {
list-style-type: none;
margin: 0;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation {
background-color: rgba(0, 0, 0, 0.9);
color: white;
padding: 0.9375rem;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation a {
color: white;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation ul li {
margin-bottom: 0.625rem;
width: auto;
height: auto;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation ul li a {
padding-top: 0.625rem;
padding-left: 3.125rem;
height: 2.5rem;
display: block;
white-space: nowrap;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation ul li.cat_icon {
background-color: transparent;
float: none;
background-size: 2.5rem 2.5rem;
background-position: left center;
display: block;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_navigation ul:last-child {
margin-bottom: 0;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta {
background-color: #666;
padding: 0.9375rem 0.9375rem 0 0.9375rem;
color: black;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta a {
color: black;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta ul li {
margin-bottom: 0.625rem;
text-align: center;
background-color: white;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta ul li.half {
width: -webkit-calc(50% - 0.3125rem);
width: calc(50% - 0.3125rem);
margin-right: 0.625rem;
float: left;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta ul li:last-child {
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
margin-right: 0;
}
.main_nav_desktop .cat_icon .cat_navigation_wrapper .cat_nav_meta ul li a {
display: block;
padding: 0.3125rem;
}
.main_nav_desktop .cat_icon:hover .cat_navigation_wrapper {
display: block;
}
.main_nav_mobile.main_nav_mobile-transparent {
background-color: transparent;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper {
height: 100%;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account {
overflow-y: auto;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
color: #FFFFFF;
font-size: 14px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .close-button {
width: 2.5rem;
height: 2.5rem;
right: 0px;
top: 0px;
background-image: url('../images/assets/ico-sprite.png');
background-position: -909px center;
margin-top: 10px;
margin-right: 10px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account h3 {
font-weight: normal;
padding-right: 30px;
margin-bottom: 20px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account p {
margin-bottom: 30px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .register-text {
margin-top: 30px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .ab-headline {
padding-right: 30px;
font-weight: normal;
margin-bottom: 20px;
line-height: 1.125rem;
font-size: 1rem;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account a {
color: #FFFFFF;
text-decoration: underline;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button {
width: 100%;
text-align: left;
text-decoration: none;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
right: 25px;
position: absolute;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button.personal-data {
margin-top: 30px;
margin-bottom: 20px;
padding-top: 7px;
padding-bottom: 7px;
border: 1px solid #4cc4ee;
color: #4cc4ee;
background-color: #FFFFFF;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button.personal-data:after {
background: none;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button.personal-data .btn-icon {
width: 22px;
margin-left: 10px;
margin-right: 10px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button.logout {
margin-bottom: 0px;
padding-top: 6px;
padding-bottom: 6px;
background-color: #4cc4ee;
color: #FFFFFF;
text-align: center;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button.logout:after {
background: none;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .button.logout .btn-icon {
width: 24px;
margin-right: 10px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .navigation-apps > div {
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #FFFFFF;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .navigation-apps > div:first-of-type {
padding-top: 10px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .navigation-apps > div a {
color: #FFFFFF;
text-decoration: none;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .navigation-apps > div a.navigation-db-app {
font-weight: bold;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .is-drilldown {
height: -webkit-calc(100% - 104px);
height: calc(100% - 104px);
min-height: 0 !important;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper form {
border-bottom: 2px solid #2870bb;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper form input {
border: none;
margin: 0;
height: 3.125rem;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .js-drilldown-back > a {
text-transform: uppercase;
color: black;
display: block;
padding: 0.7rem 1rem;
line-height: 1;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .js-drilldown-back > a ::before {
border-color: transparent white transparent transparent;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .drilldown-back-main {
font-size: 12px;
border-bottom: 1px solid #9a9a9a;
display: block;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .drilldown-back-main a {
text-transform: uppercase;
color: black;
display: block;
padding: 0.7rem 1rem;
line-height: 1;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .drilldown-back-main a:before {
content: '';
width: 0;
height: 0;
border: inset 0.375rem;
border-color: transparent black transparent transparent;
border-right-style: solid;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation {
font-size: 12px;
list-style-type: none;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .menu {
overflow-y: auto;
overflow-x: hidden;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li {
border-bottom: 1px solid #9a9a9a;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li.startnode {
padding-left: 0 !important;
background-color: #2870bb !important;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li.startnode a {
color: white;
cursor: default;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation a {
color: black;
padding-right: 1.5625rem;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu {
background-color: white;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu li {
padding-left: 0.625rem;
background-color: #e6e6e6;
border-bottom: 1px solid white;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu li.js-drilldown-back {
background-color: white;
padding-left: 0;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu li.js-drilldown-back a {
color: black;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .is-drilldown-submenu li.js-drilldown-back a:before {
border-color: transparent black transparent transparent;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .close_button {
display: none;
height: 3.125rem;
width: 3.125rem;
background-image: url('../images/assets/svg-1/burger-white-svg.svg');
background-color: #2870bb;
position: absolute;
left: -3.125rem;
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0;
list-style-type: none;
position: absolute;
z-index: 1;
bottom: 0;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li {
display: inline-block;
width: 25%;
height: 52px;
border-right: 1px solid #9a9a9a;
background-color: #d9d9d9;
border-top: 2px solid #2870bb;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li.selected {
background-color: rgba(0, 0, 0, 0.9);
border-top: 2px solid rgba(0, 0, 0, 0.9);
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li.selected a.dashboard {
background-image: url('../images/assets/mobile-nav-dashboard-white.png');
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li:last-child {
border-right: none;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a {
width: 100%;
height: 100%;
display: block;
background-repeat: no-repeat;
background-position: center;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a.dashboard {
background-image: url('../images/assets/mobile-nav-dashboard.png');
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a.phone {
background-image: url('../images/assets/mobile-nav-phone.png');
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a.mail {
background-image: url('../images/assets/mobile-nav-mail.png');
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li a.world {
background-image: url('../images/assets/mobile-nav-world.png');
}
.main_nav_mobile.active .close_button {
display: block;
}
@media screen and (max-width: 1023px) {
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .ab-headline {
font-size: 1.125rem;
line-height: 1.25rem;
}
}
@media screen and (max-width: 639px) {
.main_nav_mobile .zfsp_mainnavigation_wrapper .mobile-nav_account .ab-headline {
font-size: 1rem;
line-height: 1.125rem;
}
}
/*
@media screen and (max-width: 1200px) {
.main_nav_desktop {
.zfsp_mainnavigation_wrapper {
.mainNavigation {
li {
a {
font-size: 12px;
padding-right: rem-calc(25);
}
}
.submenu {
li {
a {
font-size: 12px;
}
}
}
}
}
}
}
*/
.map_section p.maps_headline {
margin-bottom: 8px;
}
.map_section .b_map img {
max-width: none;
}
.zfsp_multibox {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.zfsp_multibox .content_wrapper {
font-size: 14px;
background-color: #d9d9d9;
padding: 1.25rem 0.625rem;
border-bottom: 2px solid #d5b076;
}
.zfsp_multibox .content_wrapper a:before {
background: url('../images/assets/ico-sprite.png') -6.875rem -1.625rem no-repeat;
content: "";
height: 0.625rem;
width: 0.625rem;
display: inline-block;
}
.zfsp_multibox .content_wrapper .row {
background-color: transparent;
margin-left: -0.625rem;
margin-right: -0.625rem;
padding-top: 0.625rem;
}
.zfsp_multibox .content_wrapper .row.multibox_item {
border-bottom: 1px solid white;
}
.zfsp_multibox .content_wrapper .row.multibox_item h3 {
font-size: 16px;
}
.zfsp_multibox .content_wrapper .row.multibox_item:last-child {
border-bottom: none;
}
.zfsp_multibox .content_wrapper .row.multibox_contact .row .columns {
padding-left: 0.6rem;
}
.zfsp_multibox .content_wrapper .linklist, .zfsp_multibox .content_wrapper .image_list, .zfsp_multibox .content_wrapper .download_list {
list-style-type: none;
margin: 0;
margin-bottom: 0.9375rem;
}
.zfsp_multibox .content_wrapper .linklist .application_link:before, .zfsp_multibox .content_wrapper .image_list .application_link:before, .zfsp_multibox .content_wrapper .download_list .application_link:before {
display: none;
}
.zfsp_multibox .content_wrapper .linklist .application_link:after, .zfsp_multibox .content_wrapper .image_list .application_link:after, .zfsp_multibox .content_wrapper .download_list .application_link:after {
content: url('../icons-rebranch/link-arrow-blue-1.png');
position: absolute;
margin-left: 5px;
}
.zfsp_multibox .content_wrapper .image_list li img {
max-width: 100%;
}
.zfsp_multibox .content_wrapper .download_list a:before {
background: url('../images/assets/ico-sprite.png') -48.6875rem -1.625rem no-repeat;
content: "";
height: 0.625rem;
width: 0.75rem;
display: inline-block;
margin-right: 0.3125rem;
}
@media screen and (max-width: 639px) {
.zfsp_multibox .content_wrapper .multibox_contact .row .columns:first-child {
margin-bottom: 1.875rem;
}
}
.zfsp_off_canvas {
position: fixed;
width: 20rem;
top: 0;
right: 0;
background-color: white;
height: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: translate(20rem, 0px);
-ms-transform: translate(20rem, 0px);
-o-transform: translate(20rem, 0px);
transform: translate(20rem, 0px);
z-index: 100;
}
.zfsp_off_canvas.zfsp_off_canvas.active {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
@media screen and (max-width: 639px) {
.zfsp_off_canvas.active {
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
-webkit-transform: translate(-webkit-calc(100% + 50px), 0px);
-ms-transform: translate(calc(100% + 50px), 0px);
-o-transform: translate(calc(100% + 50px), 0px);
transform: translate(calc(100% + 50px), 0px);
}
}
.zfsp_teaser_rc {
margin-bottom: 1.25rem;
font-size: 0.875rem;
}
.zfsp_teaser_rc .content_wrapper {
position: relative;
color: black;
}
.zfsp_teaser_rc .content_wrapper .teaser_headline {
font-size: 1.125rem;
display: inline-block;
margin-bottom: 0.9375rem;
}
.zfsp_teaser_rc .content_wrapper .hover_wrapper {
position: relative;
bottom: 0;
width: 100%;
}
.zfsp_teaser_rc .content_wrapper .hover_wrapper .teaser_image img {
width: 100%;
}
.zfsp_teaser_rc .content_wrapper .hover_wrapper .copy {
position: absolute;
top: 0;
left: 0;
z-index: 2;
background-color: transparent;
padding: 0.75rem 0.625rem 0.25rem 1.25rem;
color: white;
height: 100%;
width: 100%;
}
.zfsp_teaser_rc .content_wrapper .hover_wrapper .copy span,
.zfsp_teaser_rc .content_wrapper .hover_wrapper .copy span p {
opacity: 0;
line-height: 1.1;
}
.zfsp_teaser_rc .content_wrapper .hover_wrapper .cta {
text-align: right;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 3;
background-color: rgba(40, 112, 187, 0.8);
padding: 0.3125rem;
color: white;
}
.zfsp_teaser_rc .content_wrapper .hover_wrapper .cta:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 0.625rem;
position: relative;
top: 0.1875rem;
}
.zfsp_teaser_rc .content_wrapper .hover_wrapper:hover .copy {
background-color: rgba(100, 98, 95, 0.8);
}
.zfsp_teaser_rc .content_wrapper .hover_wrapper:hover .copy span,
.zfsp_teaser_rc .content_wrapper .hover_wrapper:hover .copy span p {
opacity: 1;
}
.zfsp_teaser_rc .content_wrapper .hover_wrapper:hover .cta {
background-color: #2870bb;
}
@media screen and (max-width: 1023px) {
.zfsp_teaser_rc .content_wrapper .teaser_headline {
font-size: 14px;
}
}
@media screen and (max-width: 639px) {
.zfsp_teaser_rc .content_wrapper .teaser_headline {
font-size: 18px;
}
}
.zfsp-seperator {
background-image: url('../images/assets/bg-bar.png');
background-repeat: repeat;
}
.zfsp_slider {
margin-top: 20px;
}
.zfsp_slider .slick-prev,
.zfsp_slider .slick-next {
background-color: black;
position: absolute;
top: 50%;
z-index: 1;
height: 3.75rem;
width: 3.75rem;
opacity: .8;
background-image: url('../images/assets/ico-sprite.png');
background-repeat: no-repeat;
}
.zfsp_slider .slick-prev:hover,
.zfsp_slider .slick-next:hover {
opacity: 1;
}
.zfsp_slider .slick-prev {
left: -35px;
background-position: -530px;
}
.zfsp_slider .slick-next {
right: -35px;
background-position: -475px;
}
.zfsp_slider .slick-dots {
height: 1.25rem;
text-align: center;
margin-left: 0;
}
.zfsp_slider .slick-dots li {
display: inline-block;
margin-right: 1.875rem;
background-color: #7f7f7f;
list-style-type: disc;
height: 0.5rem;
width: 0.9375rem;
}
.zfsp_slider .slick-dots li button {
display: none;
}
.zfsp_slider .slick-dots li:last-child {
margin-right: 0;
}
.zfsp_slider .slick-dots li.slick-active {
background-color: #d5b076;
}
.zfsp_slider .slide img {
width: 100%;
}
.zfsp_slider .slide .link_wrapper {
overflow: auto;
padding: 0 !important;
/*a {
width: initial !important;
display: table !important;
padding: 10px 10px 10px 25px !important;
.text {
padding-left: 0;
padding-right: 50px;
}
}*/
}
.zfsp-seperator-w-dots {
width: 100%;
text-align: center;
margin-bottom: 2.5rem;
}
.zfsp-seperator-w-dots .zfsp-seperator {
margin-top: 1rem;
height: 1.375rem;
}
.zfsp-seperator-w-dots .placeholder {
display: inline-block;
background-color: white;
height: 1.5625rem;
-webkit-transform: skew(-45deg);
-ms-transform: skew(-45deg);
-o-transform: skew(-45deg);
transform: skew(-45deg);
border-top: 1px solid white;
padding: 0 20px;
}
.zfsp-seperator-w-dots .slick-dots {
margin: 0;
}
.zfsp-seperator-w-dots .slick-dots li {
display: inline-block;
margin-right: 1.875rem;
background-color: #7f7f7f;
list-style-type: disc;
height: 0.5rem;
width: 0.9375rem;
-webkit-transform: skew(45deg);
-ms-transform: skew(45deg);
-o-transform: skew(45deg);
transform: skew(45deg);
}
@media screen and (max-width: 639px) {
.zfsp-seperator-w-dots .slick-dots li {
height: 0.375rem;
width: 0.75rem;
margin-right: 1.25rem;
}
}
.zfsp-seperator-w-dots .slick-dots li button {
display: none;
}
.zfsp-seperator-w-dots .slick-dots li:last-child {
margin-right: 0;
}
.zfsp-seperator-w-dots .slick-dots li.slick-active {
background-color: #d5b076;
}
@media screen and (max-width: 639px) {
.zfsp_slider {
/*
.slick-prev {
left: -20px;
margin-top: -40px;
}
.slick-next {
right: -20px;
margin-top: -40px;
}
*/
}
.zfsp_slider .slick-prev, .zfsp_slider .slick-next {
display: none !important;
}
.stage .slide {
padding-bottom: 49px;
}
.stage .slide .text_wrapper .text {
height: auto;
}
.stage .slide .text_wrapper .link_wrapper {
height: 48px;
}
.stage .slide .text_wrapper .link_wrapper .text {
height: auto;
}
}
.zfsp_social_share_page {
text-align: right;
margin-bottom: 20px;
}
.zfsp_social_share_page .share-text {
position: relative;
bottom: 3px;
}
.zfsp_social_share_page ul li {
float: left;
margin-right: 1px;
}
.zfsp_social_share_page ul {
list-style: none;
display: inline-block;
margin-bottom: 0px;
margin-left: 10px;
}
.zfsp_social_share_page a {
background-color: rgba(40, 112, 187, 0.8);
display: block;
width: 45px;
height: 25px;
padding-top: 1px;
}
.zfsp_social_share_page a .share-icon-svg {
width: 45px;
height: 25px;
fill: #FFFFFF;
}
.zfsp_social_share_page a:hover,
.zfsp_social_share_page a:focus {
background-color: #2870bb;
}
.zfsp_social_share_page_top .linkpanel .share-icon-svg {
width: 45px;
height: 25px;
fill: #FFFFFF;
}
.zfsp_social_share_page a .share-icon,
.zfsp_social_share_page_top .linkpanel .share-icon {
background-image: url('../images/assets/spr-sm-icons.png');
display: block;
height: 24px;
}
.zfsp_social_share_page a .facebook,
.zfsp_social_share_page_top .linkpanel a .facebook {
background-position: -232px -20px;
width: 10px;
margin-left: 17px;
}
.zfsp_social_share_page a .googleplus,
.zfsp_social_share_page_top .linkpanel a .googleplus {
background-position: -247px -20px;
width: 20px;
margin-left: 14px;
}
.zfsp_social_share_page a .twitter,
.zfsp_social_share_page_top .linkpanel a .twitter {
background-position: -271px -20px;
width: 20px;
margin-left: 13px;
}
.zfsp_social_share_page a .linkedin,
.zfsp_social_share_page_top .linkpanel a .linkedin {
background-position: -292px -19px;
width: 18px;
margin-left: 15px;
}
.zfsp_social_share_page a .xing,
.zfsp_social_share_page_top .linkpanel a .xing {
background-position: -313px -20px;
width: 15px;
margin-left: 15px;
}
.zfsp_social_share_page a .wechat,
.zfsp_social_share_page_top .linkpanel a .wechat {
background-image: url('../images/assets/wechat.png');
background-size: contain;
background-repeat: no-repeat;
margin-left: 11px;
}
.zfsp_social_share_page a .mailto,
.zfsp_social_share_page_top .linkpanel a .mailto {
background-position: -167px -39px;
width: 18px;
margin-left: 13px;
height: 20px;
margin-top: 4px;
}
.wechatqr .zfsp_image_plain {
text-align: center;
}
.wechatqr .zfsp_image_plain img {
width: auto;
}
.qrcode_overlay_mobile, .qrcode_overlay_medium, .qrcode_overlay_desktop {
position: fixed;
visibility: hidden;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
text-align: center;
}
.qrcode_overlay_mobile img, .qrcode_overlay_medium img, .qrcode_overlay_desktop img {
position: relative;
margin: auto;
height: 35vh;
min-height: 150px;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.qrcode_overlay_mobile .qrcode_close, .qrcode_overlay_medium .qrcode_close, .qrcode_overlay_desktop .qrcode_close {
float: right;
position: relative;
background-image: url('../sx-redesign/assets-1/icons/close-icon.svg');
width: 40px;
height: 40px;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
right: 0;
margin: 20px;
}
.qrcode_overlay_mobile p, .qrcode_overlay_medium p, .qrcode_overlay_desktop p {
float: right;
color: white;
text-align: center;
width: 100%;
font-weight: bold;
font-size: 20px;
}
.qrcode_overlay_mobile p {
margin-top: 50%;
padding: 0 5px 0 5px;
}
.zfsp_social_share_page_top {
text-align: right;
position: relative;
margin-bottom: -32px;
}
.zfsp_social_share_page_top .share-text {
position: relative;
bottom: 3px;
}
.zfsp_social_share_page_top a {
background-color: rgba(40, 112, 187, 0.8);
display: inline-block;
width: 45px;
height: 25px;
padding-top: 1px;
margin-left: 10px;
}
.zfsp_social_share_page_top a .share-icon {
background-image: url('../images/assets/spr-sm-icons.png');
display: block;
height: 24px;
}
.zfsp_social_share_page_top a .open-share {
background-position: -205px 1px;
width: 21px;
margin-left: 10px;
}
.zfsp_social_share_page_top a:hover,
.zfsp_social_share_page_top a:focus {
background-color: #2870bb;
}
.zfsp_social_share_page_top .linkpanel {
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
display: none;
padding: 10px;
right: 10px;
list-style: none;
padding-bottom: 3px;
}
.zfsp_social_share_page_top .linkpanel li {
float: left;
margin-right: 1px;
}
.zfsp_social_share_page_top .linkpanel a {
margin-left: 0px;
}
@media screen and (max-width: 639px) {
.zfsp_social_share_page .share-text {
cursor: pointer;
}
.zfsp_social_share_page .share-text::after {
content: '>';
margin-left: 10px;
}
.zfsp_social_share_page ul {
display: none;
float: right;
}
.zfsp_social_share_page.icons-visible .share-text {
display: none;
}
.zfsp_social_share_page.icons-visible ul {
display: block;
}
}
.stage .slider_row {
/*padding-right: rem-calc(30);
padding-left: rem-calc(30);*/
}
.stage .slide {
position: relative;
}
.stage .slide img {
width: 100%;
}
.stage .slide .hl_wrapper {
position: absolute;
top: 3.125rem;
left: 3.125rem;
}
.stage .slide .headline_wrapper {
position: absolute;
top: 2.1875rem;
left: 2.1875rem;
margin-right: 2.1875rem;
z-index: 1;
}
.stage .slide .text_wrapper {
position: absolute;
z-index: 1;
left: 2.1875rem;
height: 11.25rem;
width: 21.875rem;
top: 0;
bottom: 0;
margin: auto;
}
.stage .slide .text_wrapper.pos_r {
left: auto;
right: 2.1875rem;
}
.stage .slide .text_wrapper .text {
font-size: 1rem;
padding: 1.25rem 1.5625rem;
display: block;
color: white;
background-color: rgba(40, 112, 187, 0.8);
}
.stage .slide .text_wrapper .text p {
margin: 0;
line-height: 1.2;
}
.stage .slide .text_wrapper .text .stage_p {
line-height: 1.5;
}
.stage .slide .text_wrapper .text .headline {
font-size: 1rem;
font-weight: normal;
}
.stage .slide .text_wrapper .text .kicker {
margin-bottom: 11px;
font-size: 0.8125rem;
}
.stage .slide .text_wrapper .link_wrapper {
/*padding-right: rem-calc(20);
padding-left: rem-calc(20);*/
padding: 0;
background-color: rgba(40, 112, 187, 0.8);
position: relative;
margin-top: 0.0625rem;
}
.stage .slide .text_wrapper .link_wrapper:hover {
background-color: #2870bb;
}
.stage .slide .text_wrapper .link_wrapper a {
/*font-size: rem-calc(21);
color: white;
padding: rem-calc(10);
display: block;*/
width: 100%;
display: table;
padding: 10px 10px 10px 25px;
}
.stage .slide .text_wrapper .link_wrapper a .text {
padding: 0 50px 0 0;
/*padding-left: 0;
padding-right: 50px;*/
background: none;
display: table-cell;
vertical-align: middle;
}
.stage .slide .text_wrapper .link_wrapper .cta-arrow {
background-image: url('../images/assets/ico-sprite.png');
background-repeat: no-repeat;
width: 0.75rem;
height: 1.75rem;
background-position: -187px 50%;
display: table-cell;
vertical-align: middle;
}
@media screen and (min-width: 1024px) {
.stage .desktop_pos_bl {
bottom: 1.875rem;
left: 1.875rem;
}
.stage .desktop_pos_tl {
top: 1.875rem;
left: 1.875rem;
}
.stage .desktop_pos_br {
bottom: 1.875rem;
right: 1.875rem;
}
.stage .desktop_pos_tr {
top: 1.875rem;
right: 1.875rem;
}
}
@media screen and (max-width: 1023px) {
.row.np {
padding-right: 0;
padding-left: 0;
}
.columns.np {
padding-right: 0;
padding-left: 0;
}
.stage .slider_row {
/*padding-right: 0;
padding-left: 0;*/
}
.stage .slide .text_wrapper {
width: -webkit-calc(50% - 35px);
width: calc(50% - 35px);
bottom: 1.25rem;
top: auto;
height: auto;
}
.stage .slide .text_wrapper .text {
font-size: 14px;
}
.stage .slide .text_wrapper .text .kicker {
font-size: 0.75rem;
}
.stage .slide .text_wrapper .stage_p {
max-height: 60px;
display: block;
}
.stage .slide .text_wrapper .link_wrapper a {
font-size: 12px;
}
}
@media screen and (max-width: 639px) {
.row.np {
padding-right: 0;
padding-left: 0;
}
.columns.np {
padding-right: 0;
padding-left: 0;
}
.stage .slider_row {
/*padding-right: 0;
padding-left: 0;*/
}
.stage .slide .text_wrapper {
bottom: 0;
left: 0;
width: 100%;
}
.stage .slide .text_wrapper .text {
display: block;
max-width: none;
}
.stage .slide .text_wrapper.pos_r {
left: 0;
right: auto;
}
.stage .slide .headline_wrapper {
top: 1.5625rem;
left: 1.5625rem;
margin-right: 1.5625rem;
}
}
.zfsp_table {
margin-bottom: 1.25rem;
}
.zfsp_table .table_scroll_wrapper {
overflow: auto;
position: relative;
max-width: 100%;
margin-bottom: 1rem;
}
.zfsp_table .table_scroll_wrapper .ps__thumb-x,
.zfsp_table .table_scroll_wrapper .ps__rail-x:hover > .ps__thumb-x,
.zfsp_table .table_scroll_wrapper .ps__rail-x:focus > .ps__thumb-x,
.zfsp_table .table_scroll_wrapper .ps__rail-x.ps--clicking .ps__thumb-x,
.zfsp_table .table_scroll_wrapper .ps__thumb-y,
.zfsp_table .table_scroll_wrapper .ps__rail-y:hover > .ps__thumb-y,
.zfsp_table .table_scroll_wrapper .ps__rail-y:focus > .ps__thumb-y,
.zfsp_table .table_scroll_wrapper .ps__rail-y.ps--clicking .ps__thumb-y {
background-color: rgba(0, 171, 231, 0.7);
}
.zfsp_table .table_scroll_wrapper.ps {
overflow: hidden;
}
.zfsp_table table {
margin-bottom: 0;
font-size: 14px;
width: 100%;
}
.zfsp_table table th,
.zfsp_table table td {
vertical-align: top;
}
.zfsp_table table thead {
background-color: #1179c0;
color: #fff;
}
.zfsp_table table + p {
margin-top: 1.25rem;
}
.zfsp_table table.has_lines th:not(:last-child),
.zfsp_table table.has_lines td:not(:last-child) {
border-right: 1px solid rgba(10, 10, 10, 0.1);
}
.zfsp_table table td.text_colored {
color: #1179c0;
}
.zfsp_table table td.background_colored {
background: #1179c0;
color: #fff;
}
.zfsp_table .table_headline {
font-size: 1.25rem;
margin-bottom: 1.5625rem;
}
.zfsp_table > p {
font-size: 0.75rem;
}
.zfsp_table > p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
.zfsp_table .table_scroll_wrapper {
max-height: 80vh;
}
.zfsp_table .table_headline {
font-size: 18px;
}
}
.tab_navigation {
margin: 20px 0;
}
.tab_navigation .tab_nav_headline {
margin-bottom: 1rem;
}
.tab_navigation .slick-list {
height: 50px;
margin: 0 40px;
}
.tab_navigation .slick-list .slick-track {
height: 100%;
display: inline-block;
}
.tab_navigation .tabs {
border: 0;
background: white;
margin-top: 0px;
}
.tab_navigation .tabs .tabs-title {
position: relative;
border-right: 1px solid white;
height: 40px;
}
.tab_navigation .tabs .tabs-title.is-active::after {
width: 0;
height: 0;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
position: absolute;
content: "";
left: -webkit-calc(50% - 10px);
left: calc(50% - 10px);
}
.tab_navigation .tabs .tabs-title a {
background-color: #e8e8e8;
color: black;
padding: 0.6rem 1.5rem;
text-align: center;
vertical-align: middle;
bottom: 0;
font-size: 1rem;
height: 40px;
}
.tab_navigation .tabs .tabs-title a h3 {
font-weight: normal;
font-size: 16px;
font-family: "Arial", sans-serif;
}
.tab_navigation .tabs .tabs-title:last-child {
border-right: none;
}
.tab_navigation .tabs.grey .tabs-title.is-active::after {
border-top: 10px solid #666;
}
.tab_navigation .tabs.grey a:active, .tab_navigation .tabs.grey a[aria-selected="true"] {
background-color: #666;
color: white;
}
.tab_navigation .tabs.black .tabs-title.is-active::after {
border-top: 10px solid black;
}
.tab_navigation .tabs.black a:active, .tab_navigation .tabs.black a[aria-selected="true"] {
background-color: black;
color: white;
}
.tab_navigation .tabs .slick-prev, .tab_navigation .tabs .slick-next {
top: 0;
height: 40px;
width: 40px;
opacity: 0.5;
border: 7px solid #666;
background-color: #666;
}
.tab_navigation .tabs .slick-prev:hover, .tab_navigation .tabs .slick-next:hover {
opacity: 0.8;
}
.tab_navigation .tabs .slick-prev {
left: 0;
background-position: -540px;
}
.tab_navigation .tabs .slick-next {
right: 0;
background-position: -498px;
}
.tab_navigation .tabs-content {
border: 0;
margin: 1px 0 20px 0;
/*
&.black{
background: $zfsp-tab-bg;
.tabs-panel{
background: $zfsp-tab-bg;
/* rule to prevent white background of teaser text *
.zfsp_teaser{
.text_wrapper:first-of-type{
background-color: white;
}
.content_wrapper:first-of-type{
background-color:white;
}
}
.text_wrapper, .article, .row{
&:first-of-type{
background: $zfsp-tab-bg;
}
}
}
}
*/
}
.tab_navigation .tabs-content h3 {
text-transform: uppercase;
font-size: 1.35rem;
line-height: normal;
margin-bottom: 1.25rem;
}
.tab_navigation .tabs-content .tabs-panel {
padding-left: 0;
}
.tab_navigation .tabs-content .tabs-panel .content_wrapper {
padding-left: 0;
}
.tab_navigation .tabs-content .tabs-panel .content_wrapper .row {
padding-left: 0 !important;
margin: 0;
padding-top: 10px;
}
.tab_navigation .tabs-content .tabs-panel .content_wrapper .row .text_wrapper {
padding-left: 0;
}
.tab_navigation .tabs-content .tabs-panel .content_wrapper .row .text_wrapper .linklist {
margin-top: 30px;
}
.tab_navigation .tabs-content.grey {
background: white;
}
.tab_navigation .tabs-content .img_pos_bottom .image_wrapper {
position: static !important;
}
.tab-to-accordion {
display: none;
}
.tab-to-accordion .img_pos_bottom .image_wrapper {
position: static !important;
}
.tab_navigation .tabs .tabs-title {
float: none;
}
.ui-slider-tabs-list-wrapper {
position: relative;
width: 100%;
z-index: 50;
}
.ui-slider-tabs-list-container {
overflow: hidden;
height: 50px;
}
.ui-slider-tabs-list li {
display: inline-block;
}
.ui-slider-tabs-content-container {
position: relative;
z-index: 1;
overflow: hidden;
}
.ui-slider-tab-content {
position: absolute;
display: none;
top: 0;
left: 0;
padding: 10px;
}
.ui-slider-left-arrow, .ui-slider-right-arrow, .ui-slider-left-arrow.edge:hover, .ui-slider-right-arrow.edge:hover {
display: block;
position: absolute;
}
.ui-slider-right-arrow,
.ui-slider-left-arrow {
top: 0;
}
.ui-slider-right-arrow.edge,
.ui-slider-left-arrow.edge {
-webkit-box-shadow: none;
box-shadow: none;
cursor: default;
}
.ui-slider-right-arrow div,
.ui-slider-left-arrow div {
height: 40px;
width: 40px;
opacity: 0.5;
border: 7px solid #666;
background-image: url('../images/assets/ico-sprite.png');
background-color: #666;
background-repeat: no-repeat;
}
.ui-slider-right-arrow div:hover,
.ui-slider-left-arrow div:hover {
opacity: 0.8;
}
.ui-slider-left-arrow {
-webkit-box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.06);
box-shadow: 2px 0px 1px rgba(0, 0, 0, 0.06);
left: 0;
}
.ui-slider-left-arrow div {
background-position: -540px;
}
.ui-slider-right-arrow {
-webkit-box-shadow: -2px 0px 1px rgba(0, 0, 0, 0.06);
box-shadow: -2px 0px 1px rgba(0, 0, 0, 0.06);
right: 0;
}
.ui-slider-right-arrow div {
background-position: -498px;
}
.zfsp_teaser.standard_teaser {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.zfsp_teaser.standard_teaser a {
width: 100%;
}
.zfsp_teaser.standard_teaser a .teaser-headline, .zfsp_teaser.standard_teaser a p {
color: black;
}
.zfsp_teaser.standard_teaser a:hover {
text-decoration: none;
}
.zfsp_teaser.standard_teaser ._row {
display: table;
height: 100%;
width: 100%;
border: 1px solid #9a9a9a;
margin: 1px;
}
.zfsp_teaser.standard_teaser:hover ._row {
background-color: #F2F2F2;
}
.zfsp_teaser.standard_teaser .content_wrapper {
width: 100%;
color: black;
display: inline-block;
}
.zfsp_teaser.standard_teaser .teaser_image {
position: relative;
}
.zfsp_teaser.standard_teaser .teaser_image .scope {
position: absolute;
bottom: 0;
right: 1.0625rem;
background-color: white;
font-size: 0.75rem;
padding: 0 0.3125rem;
color: black;
text-transform: uppercase;
}
.zfsp_teaser.standard_teaser.img_pos_bottom ._row {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-moz-box-orient: vertical;
-moz-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.zfsp_teaser.standard_teaser.img_pos_bottom ._row .image_wrapper {
margin-top: auto;
min-height: 1px;
}
.zfsp_teaser.standard_teaser:hover .scope {
background-color: #F2F2F2;
}
.zfsp_teaser.standard_teaser .text_wrapper {
padding: 1.25rem 0.625rem;
font-size: 14px;
}
.zfsp_teaser.standard_teaser .text_wrapper .copy.trunc p:last-child {
margin-bottom: 0.625rem;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist {
list-style-type: none;
margin: 0;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li {
list-style-image: url('../images/assets/link-arrow-blue.png');
margin-left: 0.625rem;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li a:hover {
text-decoration: underline;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li span {
color: #2770BA;
cursor: pointer;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li span:hover {
text-decoration: underline;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li span.cta {
color: #fff;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li span.cta:hover {
text-decoration: none;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li .zfsp_cta {
color: #FFFFFF;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li .zfsp_cta:hover {
text-decoration: none;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li .zfsp_cta:last-child {
margin-bottom: 0;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li.hasCta {
margin-bottom: 15px;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li.hasCta:last-child {
margin-bottom: 0;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li:empty {
display: none;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li .app-sub-link {
padding-left: 10px;
position: relative;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li .app-sub-link:before {
content: url('../icons-rebranch/link-arrow-blue-1.png');
position: absolute;
left: 0px;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li.app_link_no_cta {
list-style-image: none;
margin-left: 0px;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li.app_link_no_cta > span:after {
content: url('../icons-rebranch/link-arrow-blue-1.png');
margin-left: 5px;
}
.zfsp_teaser.standard_teaser .text_wrapper .teaser_button {
margin-top: 0.625rem;
display: block;
}
.zfsp_teaser.standard_teaser .text_wrapper .teaser_button:hover {
text-decoration: underline;
}
.zfsp_teaser.standard_teaser .text_wrapper .teaser_button:before {
background: url('../images/assets/ico-sprite.png') -6.875rem -1.625rem no-repeat;
content: "";
height: 0.625rem;
width: 0.625rem;
display: inline-block;
}
.zfsp_teaser.standard_teaser .text_wrapper .teaser_button {
color: #2870bb;
}
.zfsp_teaser.standard_teaser img, .zfsp_teaser.standard_teaser .lazy-img, .zfsp_teaser.image_teaser img, .zfsp_teaser.image_teaser .lazy-img, .zfsp_teaser.hover_teaser img, .zfsp_teaser.hover_teaser .lazy-img, .zfsp_teaser.magazine_teaser img, .zfsp_teaser.magazine_teaser .lazy-img, .zfsp_teaser.startpage_teaser img, .zfsp_teaser.startpage_teaser .lazy-img {
width: 100%;
height: 17.5vw;
max-height: 215px;
/*
ISSUE: Multiple ZF-Tickets (latest ZFDESK-275) report broken images on all viewports
SOLUTION: Disabling of polyfill.
SUGGESTION: Removal of the Polyfill framework.
Legacy code below, uncomment to activate.
object-fit: none;
font-family: 'object-fit: none;' // IE Polyfill*/
}
@media screen and (max-width: 1023px) {
.zfsp_teaser.standard_teaser img, .zfsp_teaser.standard_teaser .lazy-img, .zfsp_teaser.image_teaser img, .zfsp_teaser.image_teaser .lazy-img, .zfsp_teaser.hover_teaser img, .zfsp_teaser.hover_teaser .lazy-img, .zfsp_teaser.magazine_teaser img, .zfsp_teaser.magazine_teaser .lazy-img, .zfsp_teaser.startpage_teaser img, .zfsp_teaser.startpage_teaser .lazy-img {
height: 20.5vw;
max-height: 210px;
}
}
@media screen and (max-width: 639px) {
.zfsp_teaser.standard_teaser img, .zfsp_teaser.standard_teaser .lazy-img, .zfsp_teaser.image_teaser img, .zfsp_teaser.image_teaser .lazy-img, .zfsp_teaser.hover_teaser img, .zfsp_teaser.hover_teaser .lazy-img, .zfsp_teaser.magazine_teaser img, .zfsp_teaser.magazine_teaser .lazy-img, .zfsp_teaser.startpage_teaser img, .zfsp_teaser.startpage_teaser .lazy-img {
height: 34.5vw;
max-height: 215px;
}
}
@media screen and (min-width: 640px) and (max-width: 1023px) {
.zfsp_teaser.standard_teaser .text_wrapper.medium-6 {
padding-bottom: 0;
}
}
.lazy-img {
display: inline-block;
}
.zfsp_teaser.hover_teaser {
margin-bottom: 1.25rem;
margin-top: 1.25rem;
font-size: 14px;
}
.zfsp_teaser.hover_teaser .teaser_headline {
margin-top: 0.625rem;
font-size: 1.25rem;
color: #005ca9;
}
.zfsp_teaser.hover_teaser .content_wrapper {
color: black;
border-top: 1px solid #9a9a9a;
}
.zfsp_teaser.hover_teaser .hover_wrapper {
position: relative;
}
.zfsp_teaser.hover_teaser .teaser_image {
top: 0;
}
.zfsp_teaser.hover_teaser .teaser_image img {
width: 100%;
}
.zfsp_teaser.hover_teaser .teaser_image .link_solo {
position: absolute;
bottom: 0;
right: 0;
width: 4.6875rem;
height: 2.1875rem;
background-color: rgba(40, 112, 187, 0.8);
color: white;
background-image: url('../images/assets/finder-plus.png');
background-repeat: no-repeat;
background-position: 3.125rem 50%;
}
.zfsp_teaser.hover_teaser .teaser_image .link_solo .linktext {
display: none;
}
.zfsp_teaser.hover_teaser .copy {
height: 100%;
width: 100%;
opacity: 0;
background-color: #2870bb;
color: white;
position: absolute;
top: 0;
padding: 0.75rem 0.9375rem 0.25rem 0.9375rem;
line-height: 1.3125rem;
background-image: url('../images/assets/ico-arrow-right-white.png');
background-repeat: no-repeat;
background-position: -webkit-calc(100% - 10px) -webkit-calc(100% - 10px);
background-position: calc(100% - 10px) calc(100% - 10px);
}
.zfsp_teaser.hover_teaser .hover_wrapper:hover .copy {
opacity: 1;
}
@media screen and (max-width: 639px) {
.zfsp_teaser.hover_teaser {
margin-bottom: 3.75rem;
}
.zfsp_teaser.hover_teaser .teaser_headline {
color: white;
}
.zfsp_teaser.hover_teaser .copy {
opacity: 0.8;
background-image: none;
}
.zfsp_teaser.hover_teaser .content_wrapper {
border: none;
}
.zfsp_teaser.hover_teaser .content_wrapper p {
display: none;
}
.zfsp_teaser.hover_teaser .teaser_image .link_solo {
left: 0;
bottom: -2.375rem;
width: 100%;
background-image: none;
}
.zfsp_teaser.hover_teaser .teaser_image .link_solo .linktext {
position: relative;
display: block;
padding-left: 0.625rem;
top: 0.625rem;
}
.zfsp_teaser.hover_teaser .hover_wrapper:hover .copy {
opacity: 0.8;
}
}
.zfsp_teaser.image_teaser {
margin-top: 1.25rem;
margin-bottom: 1.25rem;
}
.zfsp_teaser.image_teaser .text_wrapper {
position: relative;
}
.zfsp_teaser.image_teaser .teaser_button {
bottom: 0;
background-color: rgba(40, 112, 187, 0.8);
position: absolute;
padding: 0.4375rem 1.5625rem 0.4375rem 1.25rem;
color: white;
margin: 0;
width: 100%;
font-size: 0.875rem;
cursor: pointer;
}
.zfsp_teaser.image_teaser .teaser_button:after {
content: "";
height: 20px;
width: 20px;
display: inline-block;
position: absolute;
top: 0.25rem;
right: 0.3125rem;
background-image: url('../images/assets/ico-arrow-right-white.png');
background-position: center center;
background-repeat: no-repeat;
}
.zfsp_teaser.image_teaser:hover .teaser_button {
background-color: #2870bb;
}
.zfsp_teaser.image_teaser .content_wrapper {
display: block;
}
.zfsp_teaser.image_teaser .videoThumb .playbutton {
height: 4.125rem;
width: 4.125rem;
bottom: initial;
top: -webkit-calc(50% - 33px);
top: calc(50% - 33px);
left: -webkit-calc(50% - 33px);
left: calc(50% - 33px);
}
.zfsp_teaser.startpage_teaser {
position: relative;
}
.zfsp_teaser.startpage_teaser .teaser_button {
background-color: rgba(40, 112, 187, 0.8);
position: absolute;
padding: 0.4375rem 1.5625rem 0.4375rem 1.25rem;
bottom: 1.25rem;
right: 1.25rem;
color: white;
font-size: 0.875rem;
}
.zfsp_teaser.startpage_teaser:hover .content_wrapper {
background-color: #F2F2F2;
}
.zfsp_teaser.startpage_teaser:hover .teaser_button {
background-color: #2870bb;
}
.zfsp_teaser.startpage_teaser .content_wrapper {
border-top: 1px solid #9a9a9a;
color: black;
margin: 1.25rem 0;
display: block;
padding: 0.9375rem 0;
border-bottom: 1px solid #9a9a9a;
}
.zfsp_teaser.startpage_teaser .content_wrapper .teaser_image img {
width: 100%;
}
.zfsp_teaser.startpage_teaser .content_wrapper .text_wrapper {
padding: 0.625rem 0.625rem 1.375rem;
font-size: 14px;
}
.zfsp_teaser.startpage_teaser .content_wrapper .text_wrapper p:last-child {
margin-bottom: 0;
}
.zfsp_teaser.startpage_teaser.img_pos_left .content_wrapper .teaser_image {
float: left;
width: 50%;
}
.zfsp_teaser.startpage_teaser.img_pos_left .content_wrapper .text_wrapper {
float: left;
width: 50%;
padding-top: 0;
padding-left: 1.5625rem;
}
@media screen and (max-width: 1023px) {
.zfsp_teaser.startpage_teaser.large-12.img_pos_left .content_wrapper .teaser_image {
float: left;
width: 50%;
}
.zfsp_teaser.startpage_teaser.large-12.img_pos_left .content_wrapper .text_wrapper {
float: left;
width: 50%;
padding-top: 0;
padding-left: 1.5625rem;
}
.zfsp_teaser.startpage_teaser.img_pos_left .content_wrapper .teaser_image {
float: none;
width: 100%;
}
.zfsp_teaser.startpage_teaser.img_pos_left .content_wrapper .text_wrapper {
float: none;
width: 100%;
padding: 0.625rem 0.625rem 1.375rem;
}
}
@media screen and (max-width: 639px) {
.zfsp_teaser.startpage_teaser.large-12.img_pos_left .content_wrapper .teaser_image {
float: none;
width: 100%;
}
.zfsp_teaser.startpage_teaser.large-12.img_pos_left .content_wrapper .text_wrapper {
float: none;
width: 100%;
padding: 0.625rem 0.625rem 1.375rem;
}
}
.zfsp_text_image {
margin: 1.25rem 0 1.25rem 0;
/*.videoThumb {
.playbutton {
height: rem-calc(66);
width: rem-calc(66);
bottom: initial;
top: calc(50% - 33px);
left: calc(50% - 33px);
}
}*/
}
.zfsp_text_image .text_wrapper {
font-size: 14px;
}
.zfsp_text_image .text_wrapper p:last-child {
margin-bottom: 0;
}
.zfsp_text_image .image_wrapper {
position: relative;
}
.zfsp_text_image .image_wrapper.img_top {
margin-bottom: 1.25rem;
}
.zfsp_text_image .image_wrapper div {
position: relative;
}
.zfsp_text_image .image_wrapper div figcaption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3.625rem;
display: table;
width: 100%;
}
.zfsp_text_image .image_wrapper div figcaption.zoom_only {
width: auto;
}
.zfsp_text_image .image_wrapper div figcaption span {
padding: 0 0.9375rem;
display: table-cell;
vertical-align: middle;
color: white;
background-color: rgba(0, 0, 0, 0.6);
font-size: 0.75rem;
line-height: 1rem;
}
.zfsp_text_image .image_wrapper div figcaption i {
display: table-cell;
padding: 10px;
background-color: rgba(40, 112, 187, 0.8);
background-image: url('../images/assets/ico-sprite.png');
background-repeat: no-repeat;
background-position: -130px center;
height: 3.625rem;
width: 3.625rem;
}
.zfsp_text_image .image_wrapper div img {
width: 100%;
}
.zfsp_text_image .image_wrapper div a:hover figcaption {
background-color: black;
}
.zfsp_text_image .image_wrapper.galleryThumb {
cursor: pointer;
}
.zfsp_text_image .image_wrapper.galleryThumb div:hover figcaption {
background-color: black;
}
.zfsp_text_image .image_wrapper.galleryThumb div figcaption i {
background-position: -414px center;
}
.zfsp_text_image .media-bottom .image_wrapper {
margin-top: 1.25rem;
}
.zfsp_text_image .linklist {
list-style-type: none;
margin: 0;
}
.zfsp_text_image .linklist li:first-child {
margin-top: 1rem;
}
.zfsp_text_image .linklist li {
list-style-image: url('../images/assets/link-arrow-blue.png');
margin-left: 0.625rem;
}
.zfsp_text_image .linklist li.hasCta {
list-style-image: none;
margin-left: 0px;
}
.zfsp_text_image .linklist li:empty {
display: none;
}
.zfsp_text_image .linklist li .app-sub-link {
padding-left: 10px;
position: relative;
}
.zfsp_text_image .linklist li .app-sub-link:before {
content: url('../icons-rebranch/link-arrow-blue-1.png');
position: absolute;
left: 0px;
}
.zfsp_text_image .linklist .app_link_no_cta {
list-style-image: none;
margin-left: 0px;
}
.zfsp_text_image .linklist .app_link_no_cta .application_link:after {
content: url('../icons-rebranch/link-arrow-blue-1.png');
position: absolute;
margin-left: 5px;
}
@media screen and (max-width: 1023px) {
.zfsp_text_image .media-bottom .image_wrapper {
margin-top: 1.25rem;
}
.zfsp_text_image .image_wrapper {
margin-bottom: 20px;
}
.zfsp_text_image .image_wrapper div figcaption span {
display: none;
}
.zfsp_text_image .image_wrapper div figcaption i {
display: block;
}
.zfsp_text_image .image_wrapper div a:hover figcaption {
background: none;
}
.zfsp_text_image .image_wrapper.galleryThumb div:hover figcaption {
background: none;
}
}
@media screen and (max-width: 639px) {
.zfsp_text_image .text_wrapper + .image_wrapper {
margin-top: 1.25rem;
}
}
.zfsp_tilenavigation {
background-color: transparent !important;
}
.zfsp_tilenavigation .tilewrapper, .zfsp_tilenavigation .searchwrapper, .zfsp_tilenavigation .metawrapper {
padding-left: 0.25rem;
padding-right: 0.25rem;
margin-bottom: 0.5rem;
}
.zfsp_tilenavigation .tile {
overflow: hidden;
position: relative;
-webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1);
background-color: white;
color: black;
padding: 7.5rem 0.625rem 0;
height: 13.875rem;
background-repeat: no-repeat;
background-position: 50% 3.125rem;
}
.zfsp_tilenavigation .tile h1, .zfsp_tilenavigation .tile h2, .zfsp_tilenavigation .tile h3, .zfsp_tilenavigation .tile h4, .zfsp_tilenavigation .tile h5, .zfsp_tilenavigation .tile h6, .zfsp_tilenavigation .tile span {
text-align: center;
display: block;
}
.zfsp_tilenavigation .tile:hover .icon_wrapper {
-webkit-transform: translate(0, -17.625rem);
-ms-transform: translate(0, -17.625rem);
-o-transform: translate(0, -17.625rem);
transform: translate(0, -17.625rem);
}
.zfsp_tilenavigation .tile:hover .background {
opacity: 1;
}
.zfsp_tilenavigation .tile .icon_wrapper {
background-repeat: no-repeat;
background-position: 50% 3.125rem;
background-size: 3.75rem 3.75rem;
height: 100%;
width: 100%;
top: 0;
left: 0;
padding-top: 7.5rem;
padding-left: 0.625rem;
padding-right: 0.625rem;
position: absolute;
}
.zfsp_tilenavigation .tile .icon_wrapper .headline {
text-transform: uppercase;
font-size: 16px;
word-break: break-word;
}
.zfsp_tilenavigation .tile .arrow {
z-index: 2;
position: absolute;
width: 2.5rem;
height: 2.5rem;
bottom: 0;
right: 0;
background-color: #2870bb;
background-image: url('../images/assets/ico-arrow-right-white.png');
background-repeat: no-repeat;
background-position: 50% 50%;
}
.zfsp_tilenavigation .tile .linktext {
font-size: 14px;
text-align: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0.75rem;
position: absolute;
width: 11.25rem;
height: 2.5rem;
bottom: 0;
right: -10rem;
background-color: #2870bb;
color: white;
}
.zfsp_tilenavigation .tile .background {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
opacity: 0;
background-size: cover;
}
.zfsp_tilenavigation .searchwrapper {
float: left;
}
.zfsp_tilenavigation .searchwrapper .search {
background-color: #333;
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 2.15rem;
padding-bottom: 2.15rem;
-webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1);
}
.zfsp_tilenavigation .searchwrapper .searchinput, .zfsp_tilenavigation .searchwrapper .catselect {
width: 50%;
float: left;
border: none;
margin-bottom: 0;
}
.zfsp_tilenavigation .searchwrapper .searchinput {
border-right: 1px solid #9a9a9a;
}
.zfsp_tilenavigation .searchwrapper .catselect {
background-image: url('../images/assets/arrow-select.png');
background-size: inherit;
background-position: right 50%;
padding-right: 0;
width: -webkit-calc(50% - 40px);
width: calc(50% - 40px);
}
.zfsp_tilenavigation .searchwrapper .searchIcon {
background-image: url('../images/assets/svg-1/bn-icon-magnifyingglass-rgb-white-201512-un-2.svg');
background-size: 100% 100%;
display: block;
height: 2.4375rem;
float: left;
width: 40px;
background-color: #2870bb;
}
.zfsp_tilenavigation .metawrapper {
float: right;
}
.zfsp_tilenavigation .meta_tilewrapper {
margin-bottom: 0.5rem;
}
.zfsp_tilenavigation .metatile {
text-transform: uppercase;
background-color: white;
height: 3.125rem;
-webkit-box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 5px 3px rgba(0, 0, 0, 0.1);
padding: 0.1875rem;
font-size: 16px;
font-weight: bold;
line-height: 1;
color: black;
background-repeat: no-repeat;
}
.zfsp_tilenavigation .metatile > span {
background-image: url('../images/assets/button-pattern.png');
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%;
}
.zfsp_tilenavigation .metatile > span .text {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.zfsp_tilenavigation .metatile .icon {
display: inline-block;
background-repeat: no-repeat;
background-position: 0.1875rem center;
background-size: 35px auto;
width: 2.8125rem;
height: 100%;
margin-right: 8px;
}
.zfsp_tilenavigation .metatile .icon.sign_in {
background-image: url('../images/assets/svg-1/man-burst-black.svg');
}
.zfsp_tilenavigation .metatile .icon.contact {
background-image: url('../images/assets/svg-1/envelope-black.svg');
}
.zfsp_tilenavigation .row, .zfsp_tilenavigation .row .row {
background-color: transparent;
}
@media screen and (max-width: 1023px) {
.zfsp_tilenavigation .metawrapper .row {
margin-right: 0;
margin-left: 0;
}
.zfsp_tilenavigation .metawrapper .row .meta_tilewrapper {
padding-left: 0;
padding-right: 0;
}
.zfsp_tilenavigation .tile:hover .icon_wrapper {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.zfsp_tilenavigation .tile:hover .background {
opacity: 0;
}
.zfsp_tilenavigation .searchwrapper .search {
padding-top: 1rem;
padding-bottom: 1rem;
}
.zfsp_tilenavigation .searchwrapper .searchinput {
width: 100%;
margin-bottom: 20px;
}
.zfsp_tilenavigation .searchwrapper form.search .catselect {
width: -webkit-calc(100% - 55px);
width: calc(100% - 55px);
}
.zfsp_tilenavigation .metatile {
height: 61px;
}
}
@media screen and (max-width: 639px) {
.zfsp_tilenavigation {
/*.meta_tilewrapper.login_tile {
margin-bottom: rem-calc(8);
}*/
}
.zfsp_tilenavigation .metawrapper {
margin-bottom: 0px;
}
.zfsp_tilenavigation .metawrapper .row .login_tile {
padding-left: 0;
padding-right: 0.1875rem;
}
.zfsp_tilenavigation .metawrapper .row .contact_tile {
padding-left: 0.1875rem;
padding-right: 0;
width: 50%;
}
.zfsp_tilenavigation .tilewrapper {
margin-bottom: 0.375rem;
padding-right: 3px;
padding-left: 3px;
}
.zfsp_tilenavigation .tilewrapper .tile {
height: 3.125rem;
padding-top: 0;
}
.zfsp_tilenavigation .tilewrapper .tile .background {
background-image: none;
}
.zfsp_tilenavigation .tilewrapper .tile .icon_wrapper.trans_all_fast {
background-position: 0.625rem 25%;
}
.zfsp_tilenavigation .tilewrapper .tile .icon_wrapper {
padding-top: 0;
background-position: 0.625rem 50%;
background-size: 2.1875rem auto;
padding-left: 3.4375rem;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.zfsp_tilenavigation .tilewrapper .tile .icon_wrapper .text {
display: none;
text-align: left;
}
.zfsp_tilenavigation .tilewrapper .tile .icon_wrapper .headline {
margin: 0;
font-size: 13px;
}
.zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h1, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h2, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h3, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h4, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h5, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper h6, .zfsp_tilenavigation .tilewrapper .tile .icon_wrapper span {
text-align: left;
}
.zfsp_tilenavigation .tilewrapper .tile .arrow {
display: none;
}
.zfsp_tilenavigation .tilewrapper .tile .linktext {
display: none;
}
.zfsp_tilenavigation .tilewrapper:hover .icon_wrapper {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.zfsp_tilenavigation .tilewrapper:hover .background {
opacity: 0;
}
.zfsp_tilenavigation .metatile {
font-size: 13px;
height: 3.325rem;
}
.zfsp_tilenavigation .metatile .icon {
margin-right: 2px;
margin-left: 5px;
}
.zfsp_tilenavigation .searchwrapper {
padding-right: 0.3125rem;
padding-left: 0.3125rem;
margin-bottom: 0.5rem;
}
.zfsp_tilenavigation .searchwrapper .search {
padding: 0.625rem;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
}
.zfsp_tilenavigation .searchwrapper .searchinput, .zfsp_tilenavigation .searchwrapper .catselect {
width: 100%;
float: none;
border: none;
}
.zfsp_tilenavigation .searchwrapper .searchinput {
margin-bottom: 10px;
}
.zfsp_tilenavigation .searchwrapper .catselect {
width: -webkit-calc(100% - 40px);
width: calc(100% - 40px);
float: left;
border: none;
}
.zfsp_tilenavigation .searchwrapper form.search .catselect {
width: -webkit-calc(100% - 50px);
width: calc(100% - 50px);
margin-right: 10px;
}
.zfsp_tilenavigation .meta_tilewrapper {
margin-bottom: 0.375rem;
padding-right: 0.9375rem;
padding-left: 0.9375rem;
}
}
.videoThumb .playbutton,
.zoom_video .playbutton {
height: 4.125rem;
width: 4.125rem;
display: inline-block;
position: absolute;
top: -webkit-calc(50% - 33px);
top: calc(50% - 33px);
left: -webkit-calc(50% - 33px);
left: calc(50% - 33px);
background-image: url('../images/assets/svg-1/playbutton.svg');
background-repeat: no-repeat;
background-position: center center;
background-size: 1.5625rem 1.5625rem;
background-color: rgba(40, 112, 187, 0.8);
cursor: pointer;
z-index: 2;
}
.videoThumb.np .playbutton,
.zoom_video.np .playbutton {
left: 0;
}
.videoThumb:hover .playbutton,
.zoom_video:hover .playbutton {
background-color: #2870bb;
}
.zoom_video .video_wrapper .video-js {
margin-left: auto;
margin-right: auto;
width: auto;
height: auto;
}
.zoom_video .video_wrapper .video-js .vjs-dock-text {
display: none;
}
.zoom_video .video_wrapper .video-js .vjs-big-play-button {
-webkit-border-radius: 0;
border-radius: 0;
}
.zoom_video .video_wrapper .video-js .vjs-bc-download {
cursor: pointer;
}
.zoom_video .video_wrapper .video-js .vjs-bc-download .vjs-icon-placeholder {
background: url('../images/assets/ico-sprite.png') -1884px -17px no-repeat;
height: 30px;
width: 30px;
display: inline-block;
}
.zoom_video .video_wrapper .video-text-area {
display: none;
padding-top: 18px;
padding-bottom: 20px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
.zoom_video .video_wrapper .video-text-area .video-headline {
font-size: 24px;
padding-bottom: 20px;
}
.zoom_video .video_wrapper .video-text-area .position {
position: absolute;
font-size: 50px;
margin-left: -100px;
display: inline-block;
width: 60px;
text-align: right;
}
.zoom_video .video_wrapper .video-text-area .video-description {
font-size: 0.875rem;
}
.zoom_video .video_wrapper .video-previous-button,
.zoom_video .video_wrapper .video-next-button {
display: none;
position: absolute;
cursor: pointer;
top: -webkit-calc(50% - 130px);
top: calc(50% - 130px);
height: 3.75rem;
width: 3.75rem;
background: #606060;
background-image: url('../images/assets/ico-sprite.png');
background-repeat: no-repeat;
opacity: .4;
}
.zoom_video .video_wrapper .video-previous-button:hover,
.zoom_video .video_wrapper .video-next-button:hover {
opacity: 1;
}
.zoom_video .video_wrapper .video-previous-button {
left: 15px;
background-position: -530px;
}
.zoom_video .video_wrapper .video-next-button {
right: 15px;
background-position: -475px;
}
.zoom_video .playlist-wrapper {
margin-right: -1.25rem;
margin-left: -2.1875rem;
margin-top: 1.25rem;
}
.zoom_video .playlist-wrapper .vjs-playlist {
overflow: hidden;
margin: 0;
}
.zoom_video .playlist-wrapper .vjs-playlist .slick-slider {
background: #2d2d2d;
background: -webkit-gradient(linear, left top, right top, from(#2d2d2d), color-stop(15%, #404040), color-stop(85%, #404040), to(#2d2d2d));
background: -o-linear-gradient(left, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%);
background: linear-gradient(to right, #2d2d2d 0%, #404040 15%, #404040 85%, #2d2d2d 100%);
}
.zoom_video .playlist-wrapper .vjs-playlist .slick-slider::before {
background: #262626;
content: "";
margin-top: 0px;
position: absolute;
width: 100%;
left: 0;
padding-top: 15px;
}
.zoom_video .playlist-wrapper .vjs-playlist .slick-track {
padding-top: 15px;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item {
padding: 1.25rem 2.5rem 0;
margin-bottom: 0;
max-width: 275px;
overflow: visible;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.vjs-selected {
background: none;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.slick-current {
background-color: #606060;
/*&::before {
display: inline-block;
height: 20px;
width: 20px;
background-color: red;
content: '';
}*/
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.slick-current .vjs-playlist-thumbnail .playbutton {
display: none;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.slick-current .angle {
content: "";
width: 0px;
height: 0px;
-webkit-transform: rotate(360deg);
border-style: solid;
border-width: 0 15px 15px 15px;
border-color: transparent transparent #606060 transparent;
position: absolute;
top: -15px;
right: -webkit-calc(50% - 15px);
right: calc(50% - 15px);
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item.slick-current img {
opacity: 1;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-now-playing .vjs-playlist-now-playing {
display: none;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-name {
font-size: 14px;
max-height: 70px;
padding-left: 15px;
color: #FFFFFF;
text-shadow: none;
text-align: left;
font-weight: bold;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-name::before {
display: none;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .position {
position: absolute;
font-size: 35px;
left: 2px;
display: inline-block;
min-width: 35px;
text-align: right;
text-shadow: none;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail .playbutton {
height: 2.25rem;
width: 2.25rem;
top: 3.25rem;
left: -webkit-calc(50% - 18px);
left: calc(50% - 18px);
background-size: 0.9375rem 0.9375rem;
background-color: rgba(40, 112, 187, 0.8);
-webkit-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s;
-o-transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s;
transition: background-color 0.5s ease-in 0s, width 0.5s ease-in 2s;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail:hover .playbutton {
background-color: rgba(0, 0, 0, 0.45);
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail img {
/*max-width: 188px;
max-height: 105px;*/
height: 100px;
width: auto;
margin: 0 auto;
opacity: 1;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-up-next-text,
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-thumbnail .vjs-playlist-now-playing,
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-thumbnail .vjs-playlist-now-playing-text,
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-duration {
display: none;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-title-container {
position: static;
padding-left: 0.1875rem;
padding-right: 0.1875rem;
}
.zoom_video.has-no-playlist .video_wrapper .video-text-area .position {
display: none;
}
@media screen and (max-width: 1023px) {
.zoom_video .video_wrapper .video-next-button,
.zoom_video .video_wrapper .video-previous-button {
opacity: .95;
top: 20vh;
}
.zoom_video .video_wrapper .video-next-button {
right: -20px;
}
.zoom_video .video_wrapper .video-previous-button {
left: -20px;
}
.zoom_video .video_wrapper .video-text-area {
color: #000;
}
.zoom_video .video_wrapper .video-text-area .position {
margin-left: 0;
text-align: left;
}
.zoom_video .video_wrapper .video-text-area .video-headline {
padding-bottom: 1rem;
}
.zoom_video .video_wrapper .video-text-area .video-headline,
.zoom_video .video_wrapper .video-text-area .video-description {
padding-left: 65px;
}
.zoom_video .playlist-wrapper {
margin-left: -1.25rem;
position: absolute;
bottom: 0px;
width: 100%;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-title-container {
color: #000;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-title-container .vjs-playlist-name {
color: inherit;
}
.zoom_video .playlist-wrapper .vjs-playlist .slick-slider {
background: #eaeaea;
}
.zoom_video .playlist-wrapper .vjs-playlist .slick-slider::before {
background: #fff;
}
.zoom_video .playlist-wrapper .vjs-playlist .slick-current .vjs-playlist-title-container {
color: #fff;
}
}
@media screen and (max-width: 639px) {
.zoom_video .video_wrapper .video-text-area .video-headline,
.zoom_video .video_wrapper .video-text-area .video-description {
padding-left: 0;
}
.zoom_video .video_wrapper .video-text-area .video-headline {
font-size: 20px;
line-height: 22px;
}
.zoom_video .video_wrapper .video-text-area .video-description {
font-size: 14px;
}
.zoom_video .video_wrapper .video-text-area .position {
display: none;
}
.zoom_video .video_wrapper .vjs-playlist .vjs-playlist-item {
/*padding-right: rem-calc(20);
padding-left: rem-calc(20);*/
padding-right: 0;
padding-left: 0;
width: 240px;
}
.zoom_video .video_wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail img {
height: 89px;
max-width: none;
}
.zoom_video .video_wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-thumbnail .playbutton {
top: 2.5rem;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .position {
display: none;
}
.zoom_video .playlist-wrapper .vjs-playlist .vjs-playlist-item .vjs-playlist-name {
padding-right: 15px;
}
}
@media screen and (max-width: 1023px) and (orientation: landscape) {
.zoom_video .video_wrapper .video-next-button,
.zoom_video .video_wrapper .video-previous-button {
top: 40vh;
}
.zoom_video .video_wrapper .video-text-area .position {
display: none;
}
.zoom_video .video_wrapper .video-text-area .video-headline {
padding-left: 0;
font-size: 1.25rem;
}
.zoom_video .video_wrapper .video-text-area .video-description {
display: none;
}
.zoom_video .playlist-wrapper {
display: none;
}
}
@media screen and (max-width: 370px) {
.zoom_video .playlist-wrapper {
display: none;
}
}
@media screen and (min-width: 1024px) {
.zfsp_gallery.video .galContent {
padding-right: 15px;
}
.zoom_video .playlist-wrapper {
margin-right: -35px;
}
.zfsp_gallery.open.video::before {
content: "";
height: 725px;
display: block;
}
.zfsp_gallery.open.video_playlist::before {
height: 840px;
}
.zfsp_gallery.open.video_loaded::before {
display: none;
}
}
.si-base-search {
clear: both;
}
.si-base-search .si-search-header {
margin-left: 20px;
margin-right: 20px;
padding-top: 28px;
background-color: #e8e8e8;
}
.si-base-search .si-search-header.si-search-init-header .si-search-input-columns {
padding-bottom: 12px;
}
.si-base-search .si-search-input-columns {
background-color: #e8e8e8;
}
.si-base-search .si-search-input {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.si-base-search .si-search-input .si-input-area {
width: 100%;
}
.si-base-search .si-search-input .si-search-input-remove-button {
position: relative;
top: 5px;
left: 0px;
width: 32px;
margin-left: -35px;
}
.si-base-search .si-search-input input {
display: inline-block;
height: 39px;
font-size: 0.875rem;
}
.si-base-search .si-search-input.si-has-search-button .si-search-button {
display: inline-block;
}
.si-base-search .si-search-input input::-ms-clear {
display: none;
}
.si-base-search .si-search-button {
margin-bottom: 0px;
margin-left: -1px;
height: 39px;
line-height: 14px;
background-color: #2870bb;
padding-right: 50px;
white-space: nowrap;
display: none;
}
.si-base-search .si-search-button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 1.9375rem;
position: absolute;
}
.si-base-search .si-search-advanced {
background-color: #e8e8e8;
padding-top: 8px;
white-space: nowrap;
padding-left: 20px;
padding-right: 20px;
}
.si-base-search .si-search-advanced a {
font-size: 0.875rem;
}
.si-base-search .si-search-advanced a:hover {
text-decoration: underline;
}
.si-base-search .si-search-advanced ul {
list-style-type: none;
}
.si-base-search .si-search-advanced ul li {
list-style-image: url('../images/assets/link-arrow-blue.png');
margin-left: 0.625rem;
}
.si-base-search .si-search-advanced.si-no-search-advanced {
display: none;
}
.si-base-search .si-search-advanced-mobile {
background-color: red;
}
.si-base-search .si-search-advanced-mobile .si-search-advanced {
padding-left: 5px;
padding-bottom: 67px;
white-space: normal;
}
.si-base-search .si-search-advanced-mobile .si-search-button-area {
background-color: #e8e8e8;
text-align: right;
padding-bottom: 28px;
}
.si-base-search .si-search-advanced-mobile .si-search-button {
display: inline-block;
}
.si-base-search .si-search-category-columns > .row {
background-color: #e8e8e8;
}
.si-base-search .si-search-category-columns .si-is-disabled {
opacity: 0.5;
}
.si-base-search .si-search-category-columns .si-search-category-vc {
padding-right: 10px;
}
.si-base-search .si-search-category-columns .si-search-category-pg {
padding-left: 10px;
padding-right: 10px;
}
.si-base-search .si-search-category-columns .si-search-category-m {
padding-left: 10px;
padding-right: 10px;
}
.si-base-search .si-search-category-columns .si-search-category-l {
padding-left: 10px;
}
.si-base-search .si-search-category-select .si-search-select-dropdown {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.si-base-search .si-search-category-select .si-search-select-dropdown.is-open {
margin-top: -2px;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .row {
margin-left: 0px;
margin-right: 0px;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-top-style: solid;
border-color: #cacaca;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .row .si-search-category-icon {
height: 35px;
width: 40px;
background-repeat: no-repeat;
background-size: contain;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .row .si-search-category-label {
padding-top: 3px;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .row .si-search-category-checkbox {
margin-top: 10px;
margin-bottom: 0px;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .row .columns {
padding-left: 0px;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .row .columns:last-child {
padding-right: 0px;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .si-is-first {
border-top-width: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .si-is-first-entry {
border-top-width: 0px;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .si-search-category-apply-button {
width: 100%;
margin-bottom: 0px;
font-size: 0.875rem;
text-align: left;
padding-left: 17px;
background-color: rgba(40, 112, 187, 0.8);
}
.si-base-search .si-search-category-select .si-search-select-dropdown .si-search-category-apply-button:hover {
background-color: #2870bb;
}
.si-base-search .si-search-category-select .si-search-select-dropdown .si-search-category-apply-button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 0.625rem;
position: absolute;
right: -webkit-calc(8.33333% - 5px);
right: calc(8.33333% - 5px);
}
.si-base-search .si-search-category-select .si-search-category-button {
width: 100%;
height: 39px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border: 1px solid #cacaca;
background-color: #FFFFFF;
color: #000000;
font-size: 0.875rem;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
}
.si-base-search .si-search-category-select .si-search-category-button .si-search-category-label {
float: left;
padding-left: 10px;
padding-top: 12px;
padding-bottom: 2px;
position: absolute;
}
.si-base-search .si-search-category-select .si-search-category-button .si-search-category-button-icon {
float: right;
background-image: url('../images/assets/arrow-select.png');
background-position: 0px -10px;
width: 39px;
height: 38px;
margin-top: -1px;
}
.si-base-search .si-search-category-select .si-search-category-button.hover .si-search-category-button-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.si-base-search .si-search-category-select .si-search-category-button .clearfix {
clear: both;
}
.si-base-search .si-search-category-vc .si-search-category-select .si-search-select-dropdown .si-search-category-apply-button {
padding-left: -webkit-calc(25% + 9px);
padding-left: calc(25% + 9px);
}
.si-base-search .si-results-header > .row {
background-color: #e8e8e8;
}
.si-base-search .si-results-header .si-results-count {
font-size: 1.25rem;
font-weight: bold;
}
.si-base-search .si-results-header .si-results-count p {
margin-bottom: 15px;
margin-top: 25px;
padding-top: 1px;
text-transform: uppercase;
}
.si-base-search .si-results-header .si-results-header-items .si-callout-empty {
position: relative;
display: inline-block;
}
.si-base-search .si-results-header .si-results-header-items .callout {
padding-left: 8px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 28px;
background-color: #FFFFFF;
display: inline-block;
margin-right: 10px;
font-size: 0.875rem;
}
.si-base-search .si-results-header .si-results-header-items .callout button {
top: 8px;
right: 5px;
font-size: 24px;
}
.si-base-search .si-results-header .si-results-header-search {
text-align: right;
padding-bottom: 12px;
}
.si-base-search .si-results-header .si-results-header-search > .row {
background-color: #e8e8e8;
}
.si-base-search .si-results-header .si-results-header-search .button {
background-color: #2870bb;
padding-right: 50px;
}
.si-base-search .si-results-header .si-results-header-search .button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 1.9375rem;
position: absolute;
}
.si-base-search .si-results-header .si-results-header-search .si-remove-all-area {
text-align: left;
padding-left: 10px;
}
.si-base-search .si-results-header .si-results-header-search .si-remove-all-area .si-remove-all {
list-style-type: none;
margin-left: 0px;
padding-top: 5px;
padding-left: 5px;
}
.si-base-search .si-results-header .si-results-header-search .si-remove-all-area .si-remove-all li {
list-style-image: url('../images/assets/link-arrow-blue.png');
margin-left: 0.625rem;
}
.si-base-search .si-results-header .si-results-header-search .si-remove-all-area .si-remove-all a {
font-size: 0.875rem;
}
.si-base-search .si-results-header .si-results-header-search .si-remove-all-area .si-remove-all a:hover {
text-decoration: underline;
}
.si-base-search .si-results {
padding-left: 20px;
padding-right: 20px;
}
.si-base-search .si-results .si-search-sort {
border-top: 1px solid rgba(10, 10, 10, 0.25);
border-bottom: 1px solid rgba(10, 10, 10, 0.25);
}
.si-base-search .si-results .si-search-sort .si-search-sort-label {
color: #999999;
font-size: 0.875rem;
}
.si-base-search .si-results .si-search-sort div.columns {
text-align: right;
padding-left: 0px;
}
.si-base-search .si-results .si-search-sort select {
width: auto;
height: auto;
margin-bottom: 0px;
border: 0px;
font-size: 0.875rem;
padding-right: 10px;
padding-top: 12px;
padding-bottom: 12px;
background-position: right -10px center;
background-image: url('../images/assets/menu-arrow-down.png');
background-size: auto;
}
.si-base-search .si-results .si-search-results .si-search-result-element {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.si-base-search .si-results .si-search-results .si-search-result-element div:first-of-type {
padding-bottom: 10px;
}
.si-base-search .si-results .si-search-results .si-search-result-element div:last-of-type {
padding-bottom: 10px;
}
.si-base-search .si-results .si-search-results .si-search-result-element div {
font-size: 0.875rem;
}
.si-base-search .si-results .si-search-results .si-search-result-element .si-search-result-label-bold {
font-weight: bold;
}
.si-base-search .si-results .si-search-results .si-search-result-element .si-search-result-title {
font-size: 1rem;
}
.si-base-search .si-results .si-search-results .si-search-result-element a {
font-size: 1rem;
}
.si-base-search .si-results .si-search-results > div > div {
padding-left: 0px;
padding-right: 0px;
}
.si-base-search .si-results .si-search-results > div > div:nth-child(2n+2) {
padding-left: 20px;
}
.si-base-search .si-results .si-search-results > div .columns:first-child .si-search-result-element {
padding-right: 20px;
}
.si-base-search .si-results .si-search-results > div:nth-child(2n+1) {
background-color: #e8e8e8;
}
.si-base-search .si-results .si-search-results > div .columns:first-child .si-search-result-element {
border-right: 1px solid rgba(10, 10, 10, 0.1);
}
.si-base-search .si-results .si-search-results a:before {
background: url('../images/assets/ico-sprite.png') -781px -19px no-repeat scroll;
width: 20px;
height: 17px;
display: inline-block;
content: "";
}
.si-base-search .si-results .si-search-results .si-load-more {
background-color: transparent !important;
}
.si-base-search .si-results .si-search-results .si-load-more a:before {
content: none;
}
.si-base-search .si-results .si-search-results .si-load-more a {
margin-top: 20px;
background-color: #FFFFFF;
color: #2770BA;
}
.si-base-search .si-results .si-search-results .si-load-more .arrow-down {
margin-left: 10px;
display: inline-block;
height: 10px;
width: 15px;
background-image: url('../images/assets/menu-arrow-down-blue.png');
background-repeat: no-repeat;
color: #2770BA;
}
.si-base-search .si-results .si-no-results {
margin-top: 40px;
}
.si-base-search .si-results .si-no-results hr {
margin-bottom: 40px;
margin-top: 0px;
}
.si-base-search .si-results .si-no-results > .columns {
padding-left: 0px;
padding-right: 0px;
padding-bottom: 20px;
}
.si-base-search .si-results .si-no-results h3 {
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
}
.si-base-search .si-results .si-no-results h3 small {
font-size: 26px;
font-weight: bold;
color: #d5b076;
}
.si-base-search .si-results .si-no-results h3:nth-last-of-type(1) {
padding-bottom: 20px;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right p {
font-size: 0.875rem;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right a {
font-size: 0.875rem;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right h3 {
padding-bottom: 20px;
text-transform: uppercase;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right ul {
list-style-image: url('../images/assets/link-arrow-blue.png');
}
.si-base-search .si-results .si-search-bottom-info hr {
margin-bottom: 40px;
margin-top: 0px;
}
.si-base-search .si-results .si-search-bottom-info > .columns {
padding-left: 0px;
padding-right: 0px;
}
.si-base-search .si-results .si-search-bottom-info h3 {
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
}
.si-base-search .si-results .si-search-bottom-info h3 small {
font-size: 26px;
font-weight: bold;
color: #d5b076;
}
.si-base-search .si-results .si-search-bottom-info h3:nth-last-of-type(1) {
padding-bottom: 20px;
}
.si-base-search .si-results .si-search-bottom-info p {
font-size: 0.875rem;
}
.si-search-autocomplete {
border: 1px solid #cacaca;
max-height: 100px;
overflow-x: hidden;
overflow-y: auto;
font-size: 0.875rem;
background: #ffffff none repeat scroll 0 0;
list-style: outside none none;
margin: 0;
outline: 0 none;
padding: 0;
position: absolute;
}
.si-search-autocomplete .ui-menu-item {
cursor: pointer;
}
.si-search-autocomplete .ui-menu-item-wrapper {
padding: 3px 1em 3px 0.4em;
position: relative;
}
@media screen and (max-width: 1023px) {
.si-base-search .si-search-category-columns .si-search-category-vc {
padding-left: 20px;
padding-right: 10px;
}
.si-base-search .si-search-category-columns .si-search-category-pg {
padding-left: 10px;
padding-right: 20px;
}
.si-base-search .si-search-category-columns .si-search-category-m {
padding-left: 20px;
padding-right: 10px;
}
.si-base-search .si-search-category-columns .si-search-category-l {
padding-left: 10px;
padding-right: 20px;
}
.si-base-search .si-results .si-search-results .si-search-result-element {
border: 0px !important;
}
.si-base-search .si-results .si-search-results > div {
background-color: transparent !important;
padding-left: 0px;
padding-right: 0px;
}
.si-base-search .si-results .si-search-results > div > div {
padding-left: 20px;
padding-right: 20px;
}
.si-base-search .si-results .si-search-results > div > div .si-search-result-element {
padding-right: 0px;
}
.si-base-search .si-results .si-search-results > div > div:nth-child(2n+1) {
background-color: #e8e8e8;
}
.si-base-search .si-results .si-no-results h3 {
font-size: 1.5rem;
}
.si-base-search .si-results .si-no-results h3 small {
font-size: 1.5rem;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right h3 {
font-size: 1.5rem;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right .si-no-results-right {
padding-top: 24px;
}
.si-base-search .si-results .si-search-bottom-info h3 {
font-size: 1.5rem;
}
.si-base-search .si-results .si-search-bottom-info h3 small {
font-size: 1.5rem;
}
.si-base-search {
margin-left: -35px;
margin-right: -15px;
}
.si-base-search .si-search-header {
margin-right: 0px;
}
.si-base-search .si-results .si-search-sort {
margin-right: -40px;
}
.si-base-search .si-results .si-search-bottom-info {
margin-right: -40px;
}
.si-base-search .si-results .si-search-bottom-info > .columns > h3 {
padding-left: 20px;
}
.si-base-search .si-results .si-search-bottom-info > .columns > p {
padding-left: 20px;
}
.si-base-search .si-results .si-no-results {
margin-right: -40px;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right {
margin-left: 0px;
margin-right: 0px;
}
.si-base-search .si-results .si-no-results > .columns > h3 {
padding-left: 20px;
}
.si-base-search .si-results .si-search-results {
margin-right: -40px;
}
}
@media screen and (max-width: 639px) {
.si-base-search .si-search-advanced {
padding-top: 0px;
height: 40px !important;
}
.si-base-search .si-search-advanced.si-no-search-advanced {
display: none;
}
.si-base-search .si-search-category-columns .si-search-category-vc {
margin-top: 12px;
padding-left: 20px;
padding-right: 20px;
}
.si-base-search .si-search-category-columns .si-search-category-pg {
padding-left: 20px;
padding-right: 20px;
}
.si-base-search .si-search-category-columns .si-search-category-m {
padding-left: 20px;
padding-right: 20px;
}
.si-base-search .si-search-category-columns .si-search-category-l {
padding-left: 20px;
padding-right: 20px;
}
.si-base-search .si-search-category-select .si-search-category-button {
max-width: none;
}
.si-base-search .si-search-category-select .dropdown-pane {
max-width: none;
width: 100%;
}
.si-base-search .si-results-header .si-results-header-search .si-remove-all-area {
padding-left: 20px;
}
.si-base-search .si-results .si-search-results .si-search-result-element {
border: 0px !important;
}
.si-base-search .si-results .si-search-results > div {
background-color: transparent !important;
padding-left: 0px;
padding-right: 0px;
}
.si-base-search .si-results .si-search-results > div > div {
padding-left: 20px;
padding-right: 20px;
}
.si-base-search .si-results .si-search-results > div > div .si-search-result-element {
padding-right: 0px;
}
.si-base-search .si-results .si-search-results > div > div:nth-child(2n+1) {
background-color: #e8e8e8;
}
.si-base-search .si-results .si-no-results h3 {
font-size: 1.25rem;
}
.si-base-search .si-results .si-no-results h3 small {
font-size: 1.25rem;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right h3 {
font-size: 1.25rem;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right .si-no-results-left h3 {
margin-bottom: 20px;
}
.si-base-search .si-results .si-no-results .si-no-results-left-right .si-no-results-right {
padding-top: 24px;
}
.si-base-search .si-results .si-search-bottom-info h3 {
font-size: 1.25rem;
}
.si-base-search .si-results .si-search-bottom-info h3 small {
font-size: 1.25rem;
}
.si-base-search .si-results .si-search-bottom-info p {
font-size: 14px;
}
.si-base-search {
margin-left: -20px;
margin-right: 0px;
}
}
.tec-c-h-base-search {
clear: both;
}
.tec-c-h-base-search .tec-c-h-header {
margin-left: 20px;
margin-right: 20px;
padding-top: 20px;
background-color: #e8e8e8;
}
.tec-c-h-base-search .tec-c-h-header .columns {
background-color: #e8e8e8;
}
.tec-c-h-base-search .tec-c-h-header .row {
background-color: #e8e8e8;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns {
padding-left: 60px;
padding-right: 60px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding-top: 20px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area input {
display: inline-block;
height: 39px;
font-size: 0.875rem;
margin-right: 6px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area input::-ms-clear {
display: none;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area .close-button {
position: relative;
top: -8px;
left: -8px;
width: 32px;
margin-left: -35px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-count-columns {
padding-left: 60px;
padding-right: 60px;
padding-bottom: 10px;
margin-top: -6px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-count-columns .count {
font-weight: bold;
font-size: 0.85rem;
}
.tec-c-h-base-search .tec-c-h-header .search-button {
height: 39px;
padding-left: 20px;
padding-right: 35px;
line-height: 14px;
background-color: #00abe7;
}
.tec-c-h-base-search .tec-c-h-header .search-button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 0.625rem;
position: absolute;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row {
border-top: 2px solid #FFFFFF;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row.spacer {
padding-top: 20px;
background: #FFFFFF;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column {
width: 33.33%;
border-right: 2px solid #FFFFFF;
cursor: pointer;
text-align: center;
font-size: 1rem;
background: #FFFFFF;
padding-right: 10px;
padding-left: 10px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column .tec-c-h-element {
padding-top: 25px;
padding-bottom: 25px;
background: #FFFFFF;
border: 2px solid #00abe7;
color: #00abe7;
font-weight: bold;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column .tec-c-h-element .close-button {
display: none;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column.selected {
position: relative;
background: #00abe7;
color: #FFFFFF;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column.selected .tec-c-h-element {
border: 2px solid #00abe7;
padding-top: 23px;
padding-bottom: 23px;
background: #00abe7;
color: #FFFFFF;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column.selected .tec-c-h-element .close-button {
display: block;
font-size: 24px;
top: 0px;
right: 0px;
color: #FFFFFF;
background-color: #00abe7;
width: 22px;
height: 22px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column:first-child {
border-left: 0px;
padding-left: 0px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row .tec-c-h-column:last-child {
border-right: 0px;
padding-right: 0px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-main-categories-columns .row div:last-child {
border-right: 0px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns {
border-top: 2px solid #FFFFFF;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
padding-left: 60px;
font-size: 0.875rem;
font-weight: bold;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column {
border-right: 2px solid #FFFFFF;
border-left: 2px solid #FFFFFF;
cursor: pointer;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column:before {
height: 25px;
width: 18px;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1340px 50% no-repeat;
content: "";
margin-left: -28px;
margin-top: -2px;
position: absolute;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer {
display: none;
position: absolute;
left: 0px;
top: 41px;
z-index: 100;
cursor: default;
color: #000000;
width: 350px;
border: 1px solid #000000;
background-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer ul {
margin-bottom: 0px;
list-style: none;
font-weight: normal;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer ul li {
padding-top: 5px;
cursor: pointer;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer ul li input[type='checkbox'] {
margin-bottom: 0px;
margin-right: 5px;
position: relative;
bottom: -2px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.selected {
color: #1179bf;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.selected:before {
background: url('../images/assets/ico-sprite.png') -1310px 50% no-repeat;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.selected.open {
background-color: #000000;
color: #FFFFFF;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.selected.open:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
background: url('../images/assets/ico-sprite.png') -1370px 50% no-repeat;
margin-top: -2px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.open {
background-color: #000000;
color: #FFFFFF;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.open:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
background: url('../images/assets/ico-sprite.png') -1370px 50% no-repeat;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column.open .tec-c-h-main-categories-layer {
display: block;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column {
border-right: 2px solid #FFFFFF;
cursor: pointer;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 40px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column:before {
height: 25px;
width: 19px;
display: inline-block;
background: url('../images/assets/svg-1/icon-filter.svg') no-repeat;
content: "";
margin-left: -28px;
margin-top: 4px;
position: absolute;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column .tec-c-h-search-filter-layer {
display: none;
position: absolute;
left: 0px;
top: 41px;
z-index: 100;
cursor: default;
color: #000000;
width: 350px;
border: 1px solid #000000;
background-color: #FFFFFF;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column .tec-c-h-search-filter-layer > .close-button {
right: 10px;
color: #000000;
font-weight: normal;
cursor: pointer;
z-index: 500;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.selected {
color: #1179bf;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.selected:before {
background: url('../images/assets/svg-1/icon-filter-in-use.svg') no-repeat;
height: 25px;
width: 23px;
margin-top: 0px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.selected.open {
background-color: #000000;
color: #FFFFFF;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.selected.open:before {
background: url('../images/assets/svg-1/icon-filter-white.svg') no-repeat;
height: 25px;
width: 19px;
margin-top: 4px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.open {
background-color: #000000;
color: #FFFFFF;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.open:before {
background: url('../images/assets/svg-1/icon-filter-white.svg') no-repeat;
height: 25px;
width: 19px;
margin-top: 4px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.open .tec-c-h-search-filter-layer {
display: block;
}
.tec-c-h-base-search .tec-c-h-selected-items {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 10px;
position: relative;
}
.tec-c-h-base-search .tec-c-h-selected-items .item {
font-weight: normal;
border: 1px solid #999999;
color: #999999;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 40px;
margin-right: 10px;
margin-bottom: 10px;
font-size: 0.875rem;
position: relative;
}
.tec-c-h-base-search .tec-c-h-selected-items .item .close-button {
color: #999999;
font-weight: normal;
font-size: 22px;
top: 5px;
right: 10px;
}
.tec-c-h-base-search .tec-c-h-selected-items > .close-button {
font-weight: normal;
color: #000000;
font-size: 22px;
top: 16px;
right: 10px;
}
.tec-c-h-base-search .tec-c-h-remove-all-selected-items {
text-align: right;
}
.tec-c-h-base-search .tec-c-h-remove-all-selected-items a {
font-size: 0.875rem;
font-weight: normal;
}
.tec-c-h-base-search .tec-c-h-remove-all-selected-items a:before {
content: "";
background-image: url('../icons-rebranch/link-arrow-blue-1.png');
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
height: 10px;
width: 20px;
}
.tec-c-h-base-search .tec-c-h-category {
padding-bottom: 10px;
}
.tec-c-h-base-search .tec-c-h-category > h2 {
font-size: 0.875rem;
font-weight: bold;
color: #000000;
padding-left: 20px;
cursor: pointer;
}
.tec-c-h-base-search .tec-c-h-category > h2:before {
height: 25px;
width: 18px;
display: inline-block;
background: url('../images/assets/menu-arrow-down-blue.png');
background-repeat: no-repeat;
content: "";
margin-left: -20px;
margin-top: 3px;
position: absolute;
}
.tec-c-h-base-search .tec-c-h-category .tec-c-h-category-content {
display: none;
}
.tec-c-h-base-search .tec-c-h-category .tec-c-h-category-content ul {
list-style: none;
font-weight: normal;
}
.tec-c-h-base-search .tec-c-h-category .tec-c-h-category-content ul li {
padding-top: 5px;
cursor: pointer;
font-size: 0.875rem;
}
.tec-c-h-base-search .tec-c-h-category .tec-c-h-category-content ul li input[type='checkbox'] {
margin-bottom: 0px;
margin-right: 5px;
}
.tec-c-h-base-search .tec-c-h-category.open .tec-c-h-category-content {
display: block;
}
.tec-c-h-base-search .tec-c-h-category.open > h2:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
margin-top: -12px;
margin-left: -23px;
}
.tec-c-h-base-search .tec-c-h-result > .columns {
padding-top: 40px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter {
border: 1px solid #e8e8e8;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter > h2 {
font-size: 1.125rem;
font-weight: bold;
color: #000000;
padding-top: 20px;
padding-left: 15px;
/*&:before
{
height: 20px;
width: 20px;
display: inline-block;
background: $asset-icon-sprite -1790px 50% no-repeat;
content: "";
margin-left: -30px;
margin-top: 2px;
position: absolute;
}*/
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter.open > h2 {
/*&:before
{
background: $asset-icon-sprite -1279px 50% no-repeat;
}*/
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter .tec-c-h-search-filter-content {
padding-left: 10px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 10px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-desktop-search-filter .tec-c-h-search-filter-content .tec-c-h-category:first-of-type {
margin-top: 20px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-latest {
font-weight: bold;
padding-bottom: 20px;
font-size: 1.25rem;
}
@media screen and (max-width: 1023px) {
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-latest {
font-size: 1.25rem;
}
}
@media screen and (max-width: 639px) {
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-latest {
font-size: 1.1rem;
padding-left: 30px;
}
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 15px;
margin-bottom: 15px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .tec-c-h-number {
padding-left: 20px;
white-space: nowrap;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .left {
margin-right: 30px;
overflow: hidden;
width: 160px;
height: 100px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right h2 {
font-size: 1rem;
margin-bottom: 16px;
line-height: 1.5;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right p {
font-size: 0.875rem;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right .button {
height: 39px;
padding-right: 30px;
line-height: 14px;
margin-bottom: 0px;
background-color: #00abe7;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .right .button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 0.625rem;
position: absolute;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element.last {
margin-bottom: 0px;
border-bottom: 0px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .load-more {
text-align: center;
margin-top: 20px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .load-more a {
background-color: #FFFFFF;
color: #1179bf;
padding-bottom: 0px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .load-more a .arrow-down {
margin-left: 10px;
display: inline-block;
height: 10px;
width: 15px;
background-image: url('../images/assets/menu-arrow-down-blue.png');
background-repeat: no-repeat;
color: #2770BA;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area {
padding-top: 20px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area input {
margin-right: 0px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area .close-button {
top: -7px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column:before {
margin-top: 0px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column.open:before {
margin-top: 0px;
}
}
.tec-c-h-search-autocomplete {
border: 1px solid #cacaca;
max-height: 100px;
overflow-x: hidden;
overflow-y: auto;
font-size: 0.875rem;
background: #ffffff none repeat scroll 0 0;
list-style: outside none none;
margin: 0;
outline: 0 none;
padding: 0;
position: absolute;
}
.tec-c-h-search-autocomplete .ui-menu-item {
cursor: pointer;
}
.tec-c-h-search-autocomplete .ui-menu-item-wrapper {
padding: 3px 1em 3px 0.4em;
position: relative;
}
@media screen and (max-width: 1023px) {
.tec-c-h-base-search {
margin-left: -35px;
margin-right: -15px;
}
.tec-c-h-base-search .tec-c-h-header {
margin-right: 0px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns {
padding-left: 20px;
padding-right: 20px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-count-columns {
padding-left: 30px;
padding-right: 20px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns {
padding-left: 20px;
}
.tec-c-h-base-search .tec-c-h-result {
padding-left: 20px;
padding-right: 20px;
}
.tec-c-h-base-search .tec-c-h-result > .columns {
padding-top: 20px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element {
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 0px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element:nth-child(even) {
background-color: #e8e8e8;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-latest {
font-size: 1.5rem;
padding-top: 20px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-latest:first-of-type {
padding-top: 0px;
}
.tec-c-h-result > .columns {
padding-right: 0px;
}
}
@media screen and (max-width: 639px) {
.tec-c-h-base-search {
margin-left: -20px;
margin-right: 0px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-input-columns .tec-c-h-input-area input {
margin-right: 0px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns.sticky {
position: fixed;
top: 30px;
z-index: 8;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column {
width: 50%;
position: static;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-main-categories-column .tec-c-h-main-categories-layer {
width: 100%;
left: 0px;
top: auto;
margin-top: 10px;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column {
width: 50%;
position: static;
}
.tec-c-h-base-search .tec-c-h-header .tec-c-h-tablet-search-filter-columns .tec-c-h-search-filter-column .tec-c-h-search-filter-layer {
width: 100%;
left: 0px;
top: auto;
margin-top: 10px;
}
.tec-c-h-base-search .tec-c-h-result {
padding-left: 0px;
padding-right: 0px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element {
padding-left: 30px;
padding-right: 30px;
}
.tec-c-h-base-search .tec-c-h-result .tec-c-h-results .tec-c-h-result-element .left {
display: none;
}
}
.list_of_lubricants {
font-size: 0.875rem;
margin-top: 20px;
}
.list_of_lubricants .lol_language_selector {
background-color: #e8e8e8;
padding: 20px;
}
.list_of_lubricants .lol_language_selector p {
margin-top: 7px;
}
.list_of_lubricants .lol_language_large {
padding: 20px;
padding-top: 28px;
padding-bottom: 28px;
background-color: #e8e8e8;
}
.list_of_lubricants .lol_language_large p {
margin-top: 7px;
}
.list_of_lubricants .lol_language_large select {
background-image: url('../images/assets/arrow-select.png');
background-size: inherit;
background-position: right -1.5rem center;
margin-bottom: 0px;
font-size: 0.875rem;
}
.list_of_lubricants .lol_language_medium {
border-top: 1px solid rgba(10, 10, 10, 0.2);
border-bottom: 1px solid rgba(10, 10, 10, 0.2);
text-align: right;
padding-left: 0px;
padding-right: 20px !important;
}
.list_of_lubricants .lol_language_medium .text-right {
color: #999999;
}
.list_of_lubricants .lol_language_medium select {
margin-bottom: 0px;
width: auto;
height: auto;
padding-right: 20px;
padding-top: 12px;
padding-bottom: 12px;
border: none;
background-position: right -20px center;
background-image: url('../images/assets/menu-arrow-down.png');
background-size: auto;
font-size: 0.875rem;
}
.list_of_lubricants .lol_entry {
padding: 15px 35px 15px 35px;
}
.list_of_lubricants .lol_entry:nth-child(odd) {
background-color: #e8e8e8;
}
.list_of_lubricants table thead {
background-color: white;
border: none;
border-color: white;
}
.list_of_lubricants table thead tr th {
padding-top: 10px;
padding-bottom: 10px;
}
.list_of_lubricants table tbody {
border: none;
}
.list_of_lubricants table tbody tr td {
border-top: 1px solid rgba(10, 10, 10, 0.25);
border-bottom: 1px solid rgba(10, 10, 10, 0.25);
border-left: 1px solid rgba(10, 10, 10, 0.1);
border-right: 1px solid rgba(10, 10, 10, 0.1);
padding-top: 12px;
padding-bottom: 12px;
}
.list_of_lubricants table tbody tr td:first-of-type {
border-left: none;
}
.list_of_lubricants table tbody tr td:last-of-type {
border-right: none;
}
.list_of_lubricants table tbody tr:nth-child(even) {
background-color: #e8e8e8;
}
.list_of_lubricants table tbody tr:last-of-type {
border-bottom: 3px solid #d5b076;
}
.list_of_lubricants a:before {
content: "";
width: 1rem;
height: 0.7rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -780px 50% no-repeat;
margin-right: 5px;
}
.list_of_lubricants.columns.medium {
margin: 0;
padding: 0;
margin-top: 20px;
}
.lol_medium .lol_entry .lol_date_of_change {
color: #6e6e6e;
font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
.lol_medium {
margin-left: -15px;
margin-right: -15px;
}
}
@media screen and (max-width: 639px) {
.lol_medium {
margin-left: 0px;
margin-right: 0px;
}
}
.pdfc-base-search .pdfc-search-header {
margin-left: 20px;
margin-right: 20px;
padding-top: 28px;
background-color: #e8e8e8;
}
.pdfc-base-search .pdfc-search-category-columns > .row {
background-color: #e8e8e8;
}
.pdfc-base-search .pdfc-search-category-columns .pdfc-search-category-left {
padding-right: 10px;
}
.pdfc-base-search .pdfc-search-category-columns .pdfc-search-category-right {
padding-left: 10px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown.is-open {
margin-top: -2px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row {
margin-left: 0px;
margin-right: 0px;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-top-style: solid;
border-color: #cacaca;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-icon-area {
width: 60px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-text-area {
width: -webkit-calc(83.33333% - 30px);
width: calc(83.33333% - 30px);
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-icon {
height: 35px;
width: 40px;
background-repeat: no-repeat;
background-size: contain;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-label {
padding-top: 3px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-checkbox {
margin-top: 10px;
margin-bottom: 0px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .columns {
padding-left: 0px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .columns:last-child {
padding-right: 0px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row.pdfc-disabled .pdfc-search-category-label {
color: #d9d9d9;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row.pdfc-disabled .pdfc-search-category-icon {
opacity: 0.25;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .pdfc-is-first {
border-top-width: 0px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button {
width: 100%;
height: 39px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border: 1px solid #cacaca;
background-color: #FFFFFF;
color: #000000;
font-size: 0.875rem;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button .pdfc-search-category-label {
float: left;
padding-left: 10px;
padding-top: 12px;
padding-bottom: 2px;
position: absolute;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button .pdfc-search-category-button-icon {
float: right;
background-image: url('../images/assets/arrow-select.png');
background-position: 0px -10px;
width: 39px;
height: 38px;
margin-top: -1px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button.hover .pdfc-search-category-button-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button .clearfix {
clear: both;
}
.pdfc-base-search .pdfc-results-header > .row {
background-color: #e8e8e8;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-count {
font-size: 1.25rem;
font-weight: bold;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-count p {
margin-bottom: 15px;
margin-top: 25px;
padding-top: 1px;
text-transform: uppercase;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-header-items .pdfc-callout-empty {
position: relative;
display: inline-block;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-header-items .callout {
padding-left: 8px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 28px;
background-color: #FFFFFF;
display: inline-block;
margin-right: 10px;
font-size: 0.875rem;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-header-items .callout button {
top: 8px;
right: 5px;
font-size: 24px;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-header-search {
padding-bottom: 12px;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area {
text-align: right;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area .pdfc-remove-all {
list-style-type: none;
margin-left: 0px;
padding-top: 5px;
padding-left: 5px;
display: inline-block;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area .pdfc-remove-all li {
list-style-image: url('../images/assets/link-arrow-blue.png');
margin-left: 0.625rem;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area .pdfc-remove-all a {
font-size: 0.875rem;
}
.pdfc-base-search .pdfc-results-header .pdfc-results-header-search .pdfc-remove-all-area .pdfc-remove-all a:hover {
text-decoration: underline;
}
.pdfc-base-search .pdfc-no-filter-results-count {
font-size: 1.25rem;
font-weight: bold;
text-transform: uppercase;
}
.pdfc-base-search .pdfc-results {
padding-left: 20px;
padding-right: 20px;
}
.pdfc-base-search .pdfc-results .pdfc-search-spacer {
border-top: 1px solid rgba(10, 10, 10, 0.25);
border-bottom: 1px solid rgba(10, 10, 10, 0.25);
height: 40px;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element {
padding-top: 20px;
padding-bottom: 20px;
font-size: 0.875rem;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-large-medium {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-img {
margin-right: 20px;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-img img {
border: 1px solid rgba(10, 10, 10, 0.1);
max-width: none;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-grey {
color: #6e6e6e;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-grey p {
display: inline-block;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-version {
padding-top: 15px;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-downloads {
padding-top: 15px;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-name {
font-size: 16px;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element a {
font-size: 16px;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-bg-element {
background-color: #e8e8e8;
}
.pdfc-base-search .pdfc-results .pdfc-search-results a {
display: block;
}
.pdfc-base-search .pdfc-results .pdfc-search-results a:before {
background: url('../images/assets/ico-sprite.png') -781px -19px no-repeat scroll;
width: 20px;
height: 17px;
display: inline-block;
content: "";
}
@media screen and (max-width: 1023px) {
.pdfc-base-search {
margin-left: -35px;
margin-right: -15px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-select-dropdown .row .pdfc-search-category-text-area {
width: -webkit-calc(83.33333% - 40px);
width: calc(83.33333% - 40px);
}
.pdfc-base-search .pdfc-search-header {
margin-right: 0px;
}
.pdfc-base-search .pdfc-results .pdfc-search-spacer {
margin-right: -40px;
}
.pdfc-base-search .pdfc-results .pdfc-search-results {
margin-right: -40px;
}
.pdfc-base-search .pdfc-no-filter-results-count {
padding-left: 20px;
}
}
@media screen and (max-width: 639px) {
.pdfc-base-search .pdfc-search-category-columns .pdfc-search-category-left {
padding-left: 20px;
padding-right: 20px;
}
.pdfc-base-search .pdfc-search-category-columns .pdfc-search-category-right {
padding-left: 20px;
padding-right: 20px;
}
.pdfc-base-search .pdfc-search-category-select .pdfc-search-category-button {
max-width: none;
}
.pdfc-base-search .pdfc-search-category-select .dropdown-pane {
max-width: none;
width: 100%;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-img {
padding-bottom: 20px;
}
.pdfc-base-search .pdfc-results .pdfc-search-results .pdfc-search-result-element .pdfc-search-result-top-area {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
}
.pdfc-base-search {
margin-left: -20px;
margin-right: 0px;
}
}
.newsletter-form-wrapper {
}
.newsletter-form-wrapper select[name="gender"],
.newsletter-form-wrapper select[name="country"],
.newsletter-form-wrapper select[name="customerType"],
.newsletter-form-wrapper select[name="languageSelection"] {
background-image: url('../images/assets/arrow-select.png');
background-position: right 50%;
background-size: inherit;
padding-right: 0;
display: block;
}
.newsletter-form-wrapper .ns-category-select {
padding-top: 25px;
padding-bottom: 1px;
}
.newsletter-form-wrapper .ns-category-select .ns-select-dropdown {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.newsletter-form-wrapper .ns-category-select .ns-select-dropdown.is-open {
margin-top: -2px;
}
.newsletter-form-wrapper .ns-category-select .ns-select-dropdown .row {
margin-left: 0px;
margin-right: 0px;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-top-style: solid;
border-color: #cacaca;
}
.newsletter-form-wrapper .ns-category-select .ns-select-dropdown .row .ns-category-label {
padding-top: 3px;
}
.newsletter-form-wrapper .ns-category-select .ns-select-dropdown .row .ns-category-checkbox {
margin-top: 10px;
margin-bottom: 0px;
position: static;
left: auto;
}
.newsletter-form-wrapper .ns-category-select .ns-select-dropdown .row .columns {
padding-left: 0px;
}
.newsletter-form-wrapper .ns-category-select .ns-select-dropdown .row .columns:last-child {
padding-right: 0px;
}
.newsletter-form-wrapper .ns-category-select .ns-select-dropdown .ns-is-first-entry {
border-top-width: 0px;
}
.newsletter-form-wrapper .ns-category-select .ns-category-button {
width: 100%;
height: 39px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border: 1px solid #cacaca;
background-color: #FFFFFF;
color: #000000;
font-size: 0.875rem;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-o-transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
}
.newsletter-form-wrapper .ns-category-select .ns-category-button .ns-category-label {
float: left;
padding-left: 10px;
padding-top: 12px;
padding-bottom: 2px;
position: absolute;
}
.newsletter-form-wrapper .ns-category-select .ns-category-button .ns-category-button-icon {
float: right;
background-image: url('../images/assets/arrow-select.png');
background-position: 0px -10px;
width: 39px;
height: 38px;
margin-top: -1px;
}
.newsletter-form-wrapper .ns-category-select .ns-category-button.hover .ns-category-button-icon {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.newsletter-form-wrapper .ns-category-select .ns-category-button .clearfix {
clear: both;
}
.newsletter-form-wrapper .ns-category-select.notvalid .ns-category-button {
border-color: #dd0c29;
border-width: 2px;
}
.newsletter-form-wrapper .ns-category-select.notvalid .ns-category-button .ns-category-button-icon {
margin-top: 0px;
height: 35px;
}
.newsletter-form-wrapper .ns-category-select.notvalid .ns-select-dropdown.is-open {
margin-top: -1px;
}
.newsletter-form-wrapper input[name="s"] {
display: none;
}
.newsletter-form-wrapper input[type="checkbox"] + label:before {
border: 1px solid #cacaca !important;
background-color: #fefefe !important;
}
.newsletter-form-wrapper input[type="checkbox"]:checked + label {
background: transparent;
}
.newsletter-form-wrapper a.button.next {
padding-right: 50px;
}
.newsletter-form-wrapper a.button.next:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 31px;
position: absolute;
}
.newsletter-form-wrapper a.button.prev {
padding-left: 50px;
}
.newsletter-form-wrapper a.button.prev:before {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat;
content: "";
margin-left: -39px;
position: absolute;
}
.newsletter-form-wrapper .newsletter-dataprotection-area {
padding-top: 10px;
padding-bottom: 10px;
}
.newsletter-form-wrapper .newsletter-dataprotection-area label {
display: block;
}
.newsletter-form-wrapper .newsletter-dataprotection-area .newsletter-validation-msg {
margin-top: 0px;
}
.newsletter-form-wrapper .newsletter-required-message {
padding-bottom: 50px;
font-size: 0.875rem;
}
.newsletter-form-wrapper .newsletter-headline {
font-size: 1.75rem;
font-weight: bold;
line-height: 30px;
}
.newsletter-form-wrapper .newsletter-validation-msg {
position: absolute;
margin-top: -12px;
font-size: 10px;
color: #c38ec4;
}
.newsletter-form-wrapper select.notvalid {
border-color: #c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.newsletter-form-wrapper input.notvalid {
border-color: #c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.newsletter-form-wrapper input:invalid {
-webkit-box-shadow: none;
box-shadow: none;
}
@media screen and (max-width: 639px) {
.newsletter-form-wrapper .ns-category-select .ns-category-button {
max-width: none;
}
.newsletter-form-wrapper .ns-category-select .dropdown-pane {
max-width: none;
width: 100%;
}
}
.marine-form-wrapper {
}
.marine-form-wrapper select {
background-image: url('../images/assets/arrow-select.png');
background-position: right 50%;
background-size: inherit;
padding-right: 0;
display: block;
}
.marine-form-wrapper input[name="s"] {
display: none;
}
.marine-form-wrapper input[type="checkbox"] + label:before {
border: 1px solid #cacaca !important;
background-color: #fefefe !important;
}
.marine-form-wrapper input[type="checkbox"]:checked + label {
background: transparent;
}
.marine-form-wrapper a.button.next {
padding-right: 50px;
}
.marine-form-wrapper a.button.next:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 31px;
position: absolute;
}
.marine-form-wrapper a.button.prev {
padding-left: 50px;
}
.marine-form-wrapper a.button.prev:before {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat;
content: "";
margin-left: -39px;
position: absolute;
}
.marine-form-wrapper .marine-service-reg {
margin-top: 30px;
}
.marine-form-wrapper .marine-headline {
font-size: 1.75rem;
font-weight: bold;
line-height: 30px;
margin-top: 30px;
margin-bottom: 10px;
}
.marine-form-wrapper .marine-validation-msg {
position: absolute;
margin-top: -12px;
font-size: 10px;
color: #c38ec4;
}
.marine-form-wrapper .marine-dataprotection-area {
padding-top: 24px;
}
.marine-form-wrapper .marine-dataprotection-area .marine-validation-msg {
margin-top: 0px;
position: relative;
left: 25px;
font-size: 12px;
font-weight: bold;
}
.marine-form-wrapper .marine-submit-area {
margin-top: 30px;
}
.marine-form-wrapper select.notvalid {
border-color: #c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.marine-form-wrapper input.notvalid {
border-color: #c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.marine-form-wrapper input:invalid {
-webkit-box-shadow: none;
box-shadow: none;
}
.roi-base input[name="s"] {
display: none;
}
.roi-base .roi-headline-area {
text-align: center;
}
.roi-base .roi-headline-area h1 {
color: #005ca9;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 1.25rem;
font-weight: bold;
padding-top: 40px;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc {
width: 100%;
max-width: 150px;
padding-top: 20px;
padding-bottom: 5px;
cursor: pointer;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc.roi-selected {
background-color: #ccdeee;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc .roi-vc-img {
padding-left: 10px;
padding-right: 10px;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc .roi-vc-img img {
max-width: 100px;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc div {
text-align: center;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-or {
padding-left: 20px;
padding-right: 20px;
}
.roi-base .roi-fields-base-area .roi-fields-area h4 {
text-align: center;
font-weight: bold;
font-size: 1rem;
padding-top: 40px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-count {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 40px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input {
padding-left: 20px;
padding-right: 20px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input input {
height: 74px;
margin-bottom: 0px;
font-size: 45px;
font-weight: bold;
text-align: center;
max-width: 170px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields {
margin: 0 auto;
font-size: 1rem;
width: auto;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields tbody {
background: transparent;
border: 0px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields tbody tr {
background: transparent;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-input-td {
padding-right: 10px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-unit {
text-align: left;
font-weight: bold;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-label-mobile td {
padding-bottom: 0px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-label-mobile td .roi-field-label-table {
display: table;
width: 100%;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-label-mobile td .roi-field-label-table div:nth-of-type(1) {
display: table-cell;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-label-mobile td .roi-field-label-table div:nth-of-type(2) {
display: table-cell;
width: 26px;
padding-left: 10px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields label {
font-size: 1rem;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields input {
margin-bottom: 0px;
height: 50px;
max-width: 120px;
text-align: center;
font-size: 27px;
font-weight: bold;
/*position: relative;
top: 17px;*/
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-row .roi-column:nth-of-type(1) {
text-align: right;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-row .roi-column:nth-of-type(3) {
font-weight: bold;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-validation-msg {
margin-top: 3px;
}
.roi-base .roi-email-base-area .roi-email-area .roi-email {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 40px;
}
.roi-base .roi-email-base-area .roi-email-area .roi-email label {
font-size: 1rem;
}
.roi-base .roi-email-base-area .roi-email-area .roi-email .roi-email-input {
padding-left: 20px;
padding-right: 20px;
}
.roi-base .roi-email-base-area .roi-email-area .roi-email .roi-email-input input {
margin-bottom: 0px;
height: 50px;
max-width: 300px;
text-align: center;
font-size: 27px;
font-weight: bold;
}
.roi-base .roi-email-base-area.roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox {
padding-top: 40px;
padding-bottom: 0px;
}
.roi-base .roi-submit-base-area .roi-submit-area {
text-align: center;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data {
margin: 0 auto;
font-size: 1rem;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data label {
font-size: 1rem;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data input {
margin-bottom: 0px;
height: 50px;
max-width: 450px;
text-align: center;
font-size: 27px;
font-weight: bold;
position: relative;
top: 17px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-row .roi-column:nth-of-type(1) {
text-align: right;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-row .roi-column:nth-of-type(2) {
text-align: left;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-validation-msg {
margin-top: 20px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox,
.roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox {
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox input[type="checkbox"] + label:before,
.roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox input[type="checkbox"] + label:before {
border: 1px solid #cacaca !important;
background-color: #fefefe !important;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox input[type="checkbox"]:checked + label,
.roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox input[type="checkbox"]:checked + label {
background: transparent;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox {
padding-top: 40px;
padding-bottom: 20px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox {
padding-bottom: 40px;
}
.roi-base .roi-submit-base-area .roi-submit-area .button {
padding-left: 25px;
padding-top: 25px;
padding-bottom: 25px;
padding-right: 25px;
margin-bottom: 0px;
background-color: #005ca9;
font-size: 1.25rem;
font-weight: bold;
}
.roi-base .roi-submit-base-area .roi-submit-area .button:hover {
text-decoration: none;
}
.roi-base .roi-submit-base-area .roi-submit-area .button:focus {
text-decoration: none;
}
.roi-base .roi-submit-base-area .roi-submit-area .button.roi-calc-icon {
padding-left: 70px;
position: relative;
}
.roi-base .roi-submit-base-area .roi-submit-area .button.roi-calc-icon:before {
height: 50px;
width: 50px;
display: inline-block;
background: url('../images/assets/tiled-navigation/svg/bn-icon-pocketcalculator-rgb-black-201512-un.svg') no-repeat;
background-size: 50px 50px;
content: "";
margin-left: -60px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
}
.roi-base .roi-submit-base-area .roi-submit-area .button.roi-arrow-icon {
padding-right: 50px;
}
.roi-base .roi-submit-base-area .roi-submit-area .button.roi-arrow-icon:after {
height: 25px;
width: 20px;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1085px 50% no-repeat;
content: "";
margin-left: 20px;
position: absolute;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-submit-message {
font-weight: bold;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-submit-message.error {
color: #E2231A;
}
.roi-base .roi-privacy-info-area {
text-align: center;
font-size: 0.875rem;
padding-top: 20px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-chart {
margin: 0 auto;
padding-top: 40px;
max-width: 70%;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs {
font-size: 1.25rem;
font-weight: bold;
text-align: center;
padding-top: 40px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div {
display: inline-block;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(1),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(2),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(3),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(4),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(5),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(6),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(7) {
padding-right: 20px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(1):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(2):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(3):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(4):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(5):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(6):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(7):after {
content: "";
margin-top: 5px;
margin-left: 10px;
position: absolute;
height: 20px;
border-right: 3px #000000 solid;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-no-pipe {
padding-right: 0px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-no-pipe:after {
content: none;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-img {
padding-right: 10px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-img img {
height: 20px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-edit-input-data {
text-align: center;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-edit-input-data a {
text-decoration: underline;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-benefit-info {
padding-top: 40px;
text-align: center;
font-weight: bold;
}
.roi-base .roi-box-area .roi-box {
background-color: #f9f9f9;
border: 1px solid #c6c6c6;
border-top: 0px;
border-bottom: 1px solid #e7e7e7;
padding-top: 40px;
padding-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.roi-base .roi-box-area .roi-box h3 {
text-align: center;
font-weight: bold;
color: #005ca9;
}
.roi-base .roi-box-area.roi-box-area-first .roi-box {
border-top: 1px solid #c6c6c6;
}
.roi-base .roi-box-area.roi-box-area-last .roi-box {
border-bottom: 1px solid #c6c6c6;
}
.roi-base .roi-minus-btn {
background-color: #ccdeee;
cursor: pointer;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
.roi-base .roi-minus-btn .roi-icon {
position: relative;
width: 30px;
height: 30px;
}
.roi-base .roi-minus-btn .roi-icon:after {
content: "";
position: absolute;
background-color: white;
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: -webkit-transform 0.25s ease-out;
-o-transition: -o-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out, -o-transform 0.25s ease-out;
top: 50%;
left: 0;
width: 100%;
height: 4px;
margin-top: -2px;
}
.roi-base .roi-plus-btn {
background-color: #ccdeee;
cursor: pointer;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}
.roi-base .roi-plus-btn .roi-icon {
position: relative;
width: 30px;
height: 30px;
}
.roi-base .roi-plus-btn .roi-icon:before {
content: "";
position: absolute;
background-color: white;
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: -webkit-transform 0.25s ease-out;
-o-transition: -o-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out, -o-transform 0.25s ease-out;
top: 0;
left: 50%;
width: 4px;
height: 100%;
margin-left: -2px;
}
.roi-base .roi-plus-btn .roi-icon:after {
content: "";
position: absolute;
background-color: white;
-webkit-transition: -webkit-transform 0.25s ease-out;
transition: -webkit-transform 0.25s ease-out;
-o-transition: -o-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out, -o-transform 0.25s ease-out;
top: 50%;
left: 0;
width: 100%;
height: 4px;
margin-top: -2px;
}
.roi-base .roi-list {
padding-top: 40px;
display: table;
border-spacing: 0px 0px;
margin: 0 auto;
width: 60%;
}
.roi-base .roi-list .roi-list-row {
display: table-row;
}
.roi-base .roi-list .roi-list-row div {
display: table-cell;
border-bottom: 1px #c6c6c6 solid;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 15px;
}
.roi-base .roi-list .roi-list-row:nth-of-type(1) {
font-size: 1.25rem;
font-weight: bold;
color: #005ca9;
}
.roi-base .roi-list .roi-list-row:nth-of-type(1) div {
border-top: 1px #c6c6c6 solid;
}
.roi-base .roi-list .roi-list-row:nth-of-type(2) {
font-size: 1.25rem;
font-weight: bold;
color: #005ca9;
}
.roi-base .roi-list .roi-list-row:nth-of-type(3) {
font-weight: bold;
}
.roi-base .roi-list .roi-list-row div:nth-of-type(1) {
text-align: left;
}
.roi-base .roi-list .roi-list-row div:nth-of-type(2) {
text-align: right;
font-weight: bold;
}
.roi-base .roi-info-icon {
background-color: #ccdeee;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 7px;
color: #FFFFFF;
cursor: pointer;
font-size: 28px;
line-height: 15px;
font-family: Bodoni MT,Didot,Didot LT STD,Hoefler Text,Garamond,Times New Roman,serif;
}
.roi-base .roi-info-icon:after {
content: "i";
}
.roi-base .roi-table {
display: table;
border-spacing: 20px 10px;
}
.roi-base .roi-table .roi-row {
display: table-row;
}
.roi-base .roi-table .roi-row .roi-column {
display: table-cell;
}
.roi-base textarea.notvalid,
.roi-base select.notvalid,
.roi-base input.notvalid {
border-width: 2px;
border-color: #E2231A;
}
.roi-base .roi-validation-checkbox {
text-align: left;
}
.roi-base .roi-validation-msg {
color: #E2231A;
position: absolute;
margin-top: 5px;
font-size: 10px;
}
@media screen and (max-width: 1023px) {
.roi-base .roi-list {
width: 80%;
}
}
@media screen and (max-width: 639px) {
.roi-base .roi-info-icon {
font-size: 19px;
width: 25px;
}
.roi-base .roi-minus-btn {
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
}
.roi-base .roi-minus-btn .roi-icon {
width: 18px;
height: 18px;
}
.roi-base .roi-plus-btn {
padding-left: 8px;
padding-right: 8px;
padding-top: 8px;
padding-bottom: 8px;
}
.roi-base .roi-plus-btn .roi-icon {
width: 18px;
height: 18px;
}
.roi-base .roi-box-area .roi-box {
padding-top: 20px;
padding-bottom: 20px;
}
.roi-base .roi-box-area .roi-box h3 {
font-size: 18px;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc {
padding-top: 10px;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc {
font-size: 14px;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-vc .roi-vc-img img {
max-width: 80px;
}
.roi-base .roi-choose-vc-base-area .roi-choose-vc-area .roi-choose-vc .roi-or {
font-size: 14px;
}
.roi-base .roi-fields-base-area .roi-fields-area h4 {
padding-top: 20px;
font-size: 14px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-count {
padding-top: 10px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input {
padding-left: 5px;
padding-right: 5px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input input {
font-size: 37px;
height: 60px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input .roi-count-btn-mobile {
padding-top: 10px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input .roi-count-btn-mobile .roi-minus-btn {
width: 60px;
float: left;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-count .roi-count-input .roi-count-btn-mobile .roi-plus-btn {
width: 60px;
float: right;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields {
width: 100%;
margin: 0px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields tbody td {
padding-left: 0px;
padding-right: 0px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-input-tr td {
padding-top: 0px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-field-unit {
font-size: 12px;
text-align: left;
padding-right: 10px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields input {
top: 0px;
font-size: 17px;
max-width: 110px;
height: 40px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields label {
font-size: 12px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-row .roi-column:nth-of-type(3) {
vertical-align: bottom;
padding-bottom: 15px;
font-size: 12px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-row .roi-column:nth-of-type(4) {
vertical-align: bottom;
padding-bottom: 15px;
}
.roi-base .roi-fields-base-area .roi-fields-area .roi-fields .roi-validation-msg {
margin-top: 5px;
}
.roi-base .roi-list {
width: 100%;
}
.roi-base .roi-list .roi-list-row {
font-size: 12px;
}
.roi-base .roi-list .roi-list-row div:nth-of-type(1) {
display: block;
border-bottom: 0px;
padding-bottom: 0px;
}
.roi-base .roi-list .roi-list-row div:nth-of-type(2) {
display: block;
text-align: left;
padding-top: 0px;
}
.roi-base .roi-list .roi-list-row:nth-of-type(1),
.roi-base .roi-list .roi-list-row:nth-of-type(2) {
font-size: 16px;
}
.roi-base .roi-list .roi-list-row:nth-of-type(1) div:nth-of-type(2) {
border-top: 0px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-chart {
max-width: 100%;
padding-top: 28px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs {
padding-top: 20px;
font-size: 12px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs .roi-img {
display: block;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(1),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(2),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(3),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(4),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(5),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(6),
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(7) {
padding-right: 15px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(1):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(2):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(3):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(4):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(5):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(6):after,
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div:nth-of-type(7):after {
content: "";
margin-top: 4px;
margin-left: 9px;
position: absolute;
height: 10px;
border-right: 1px #000000 solid;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-no-pipe {
padding-right: 0px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-no-pipe:after {
content: none;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-inputs div.roi-img img {
height: 15px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-edit-input-data {
font-size: 12px;
}
.roi-base .roi-vc-result-base-area .roi-vc-result-area .roi-benefit-info {
padding-top: 20px;
font-size: 13px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data input {
top: 0px;
font-size: 17px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data label {
font-size: 12px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-row label {
text-align: left;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-user-data .roi-validation-msg {
margin-top: 5px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox label,
.roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox label {
font-size: 12px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox label:after,
.roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox label:after {
font-size: 14px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-similar-solution-checkbox {
padding-top: 20px;
padding-bottom: 20px;
}
.roi-base .roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox {
padding-bottom: 20px;
}
.roi-base .roi-email-base-area.roi-submit-base-area .roi-submit-area .roi-privacy-info-checkbox {
padding-top: 20px;
}
.roi-base .roi-table {
border-spacing: 0px 10px;
}
}
.loader-overlay {
display: none;
}
.loader {
position: relative;
}
.loader .loader-overlay {
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: 8;
background-color: white;
}
.loader .loader-overlay .loader-overlay-content {
position: absolute;
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
top: 50%;
left: 0;
right: 0;
text-align: center;
}
.loader .loader-overlay .loader-overlay-content .loader-icon {
width: 32px;
height: 32px;
display: inline-block;
background: url('../images/ajax-loader/ajax-loader.gif') no-repeat;
}
.is-microsite header .top_row {
height: 50px;
}
.is-microsite header .top_row .meta_contact {
margin-right: 0px;
}
.is-microsite .main_nav_desktop .zfsp_mainnavigation_wrapper {
margin-left: 0;
}
.is-microsite footer .footer_social .footer_contact {
padding-top: 10px;
}
@media screen and (max-width: 1023px) {
.is-microsite body {
background-image: none;
background-color: white;
}
}
.generic-form-wrapper {
}
.generic-form-wrapper select {
background-image: url('../images/assets/arrow-select.png');
background-position: -webkit-calc(100% -50px) 50%;
background-position: calc(100% -50px) 50%;
background-position: calc(100% - -50px) 50%;
background-position: -webkit-calc(100% - -50px) 50%;
background-position: -moz-calc(100% - -50px) 50%;
background-size: inherit;
padding-right: 0;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 50px;
}
.generic-form-wrapper::-ms-expand {
display: none;
}
.generic-form-wrapper input[name="s"] {
display: none;
}
.generic-form-wrapper input[type="checkbox"] + label:before {
border: 1px solid #cacaca !important;
background-color: #fefefe !important;
}
.generic-form-wrapper input[type="radio"] + label {
margin-left: 5px;
}
.generic-form-wrapper textarea {
font-size: 14px;
}
.generic-form-wrapper input[type="checkbox"]:checked + label {
background: transparent;
}
.generic-form-wrapper select.notvalid {
border-color: #c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.generic-form-wrapper input.notvalid {
border-color: #c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.generic-form-wrapper textarea.notvalid {
border-color: #c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
box-shadow: none;
}
.generic-form-wrapper input:invalid {
-webkit-box-shadow: none;
box-shadow: none;
}
.generic-form-wrapper .gf-validation-msg {
position: absolute;
margin-top: -12px;
font-size: 10px;
color: #c38ec4;
}
.generic-form-wrapper .gf-field-radios .gf-validation-msg {
margin-top: -10px;
}
.generic-form-wrapper .gf-field-radios legend {
line-height: 2;
}
.generic-form-wrapper .gf-field-checkboxes {
padding-bottom: 0.5rem;
}
.generic-form-wrapper .gf-field-checkboxes .gf-validation-msg {
margin-top: -2px;
}
.generic-form-wrapper .gf-field-checkboxes legend {
line-height: 2;
}
.generic-form-wrapper .gf-dataprotection-area label {
display: block;
}
.generic-form-wrapper .gf-headline {
font-size: 1.75rem;
font-weight: bold;
line-height: 30px;
}
.generic-form-wrapper legend {
font-size: 0.875rem;
margin-bottom: 0px;
}
.generic-form-wrapper .gf-form-success {
font-size: 0.875rem;
display: none;
}
.generic-form-wrapper .gf-form-error {
font-size: 0.875rem;
display: none;
}
.generic-form-wrapper .gf-paragraph {
font-size: 0.875rem;
}
.generic-form-wrapper .form-fieldset-dependency {
display: none;
}
.generic-form-wrapper .button-group {
padding-top: 10px;
}
.zfsp_country_switch_steps {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 999;
display: none;
top: 0;
color: white;
padding-top: 25px;
}
.zfsp_country_switch_steps .cs_close {
text-align: right;
padding-bottom: 15px;
padding-right: 20px;
}
.zfsp_country_switch_steps .cs_close .close_country_select {
color: white;
}
.zfsp_country_switch_steps .cs_close .close_country_select span {
font-size: 28px;
position: relative;
top: 4px;
padding-left: 10px;
}
.zfsp_country_switch_steps .cs_bottom p {
margin-bottom: 5px;
}
.zfsp_country_switch_steps .cs_bottom a {
font-size: 0.875rem;
}
.zfsp_country_switch_steps .cs_bottom a:after {
content: "";
background-image: url('../icons-rebranch/link-arrow-blue-1.png');
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
height: 10px;
width: 20px;
}
.zfsp_country_switch_steps .cs_bottom div :first-child {
margin-top: 25px;
}
.zfsp_country_switch_steps a {
color: #00abe7;
}
.zfsp_country_switch_steps p {
font-size: 0.875rem;
line-height: 1.5;
}
.zfsp_country_switch_steps .cs-h2 {
font-weight: bold;
line-height: 1;
font-size: 2.5rem;
margin-bottom: 0px;
}
.zfsp_country_switch_steps .cs-h3 {
line-height: 1.5rem;
margin-bottom: 0px;
font-size: 1.25rem;
}
.zfsp_country_switch_steps .cs-bold {
font-weight: bold;
}
.zfsp_country_switch_steps .link-list {
list-style-type: none;
margin-left: 0;
margin-bottom: 0;
font-size: 0.875rem;
line-height: 1.2;
}
.zfsp_country_switch_steps .link-list li {
margin-bottom: 20px;
}
.zfsp_country_switch_steps .link-list a:after {
content: "";
background-image: url('../icons-rebranch/link-arrow-blue-1.png');
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
height: 10px;
width: 20px;
}
.zfsp_country_switch_steps .worldmap > img {
width: 100%;
}
.zfsp_country_switch_steps .back-link {
font-size: 0.875rem;
display: block;
margin-top: 20px;
}
.zfsp_country_switch_steps .back-link:before {
content: "";
background-image: url('../icons-rebranch/link-arrow-blue-1.png');
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
height: 10px;
width: 10px;
margin-right: 5px;
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-filter: FlipH;
filter: FlipH;
-ms-filter: "FlipH";
}
.zfsp_country_switch_steps .step1 {
margin-top: 30px;
}
.zfsp_country_switch_steps .step1 .current-portal {
margin-bottom: 20px;
}
.zfsp_country_switch_steps .step1 .current-portal a {
font-size: 0.875rem;
}
.zfsp_country_switch_steps .step1 .visit-label {
margin-top: 40px;
margin-bottom: 20px;
}
.zfsp_country_switch_steps .step2 {
margin-top: 30px;
}
.zfsp_country_switch_steps .step2 .region-label {
margin-bottom: 1.5rem;
}
.zfsp_country_switch_steps .step2 .link-list {
-moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
column-count: 2;
column-gap: 10px;
}
.zfsp_country_switch_steps .step3 {
margin-top: 30px;
}
.zfsp_country_switch_steps .step3 .country-label {
margin-bottom: 1.5rem;
}
.zfsp_country_switch_steps .step3 .columns > p {
margin-bottom: 1.5rem;
}
.zfsp_country_switch_steps .step3 .link-list {
-moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
column-count: 2;
column-gap: 10px;
}
@media screen and (max-width: 1023px) {
.zfsp_country_switch_steps .cs-h2 {
font-size: 2.00rem;
}
}
@media screen and (max-width: 639px) {
.zfsp_country_switch_steps .cs-h2 {
font-size: 1.75rem;
}
}
.contact_form .status-bar-steps {
display: block;
background-color: #1179bf;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 35px;
padding-right: 35px;
}
.contact_form .status-bar-steps .steps {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.contact_form .status-bar-steps .steps .step {
opacity: 0.4;
}
.contact_form .status-bar-steps .steps .step.active {
opacity: 1;
}
.contact_form .status-bar-steps .steps .step.active .step-area .step-icon-area .step-icon .step-icon-inner {
background-color: #FFFFFF;
color: #1179bf;
}
.contact_form .status-bar-steps .steps .step.active .step-label {
font-weight: bold;
}
.contact_form .status-bar-steps .steps .step.done .step-area .step-icon-area .step-icon .step-icon-inner {
background-image: url('../images/assets/svg-1/zf-icon-contact-steps-done.svg');
background-size: 15px 10px;
background-position: center center;
background-repeat: no-repeat;
}
.contact_form .status-bar-steps .steps .step.done .step-area .step-icon-area .step-icon .step-icon-inner span {
visibility: hidden;
}
.contact_form .status-bar-steps .steps .step.done .step-label {
font-weight: normal;
}
.contact_form .status-bar-steps .steps .step .step-label {
color: #FFFFFF;
font-size: 0.875rem;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
.contact_form .status-bar-steps .steps .step .step-area {
position: relative;
text-align: center;
}
.contact_form .status-bar-steps .steps .step .step-area .step-icon-area {
position: relative;
}
.contact_form .status-bar-steps .steps .step .step-area .step-icon-area .step-icon {
background-color: #FFFFFF;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 30px;
height: 30px;
display: inline-block;
color: #1179bf;
}
.contact_form .status-bar-steps .steps .step .step-area .step-icon-area .step-icon .step-icon-inner {
background-color: #1179bf;
-webkit-border-radius: 50%;
border-radius: 50%;
width: 24px;
height: 24px;
margin-left: 3px;
margin-top: 3px;
color: #FFFFFF;
font-weight: bold;
}
.contact_form .status-bar-steps .steps .step .step-area .step-line-left {
background-color: #FFFFFF;
height: 2px;
position: absolute;
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
margin-top: 13px;
}
.contact_form .status-bar-steps .steps .step .step-area .step-line-left.active {
opacity: 1;
}
.contact_form .status-bar-steps .steps .step .step-area .step-line-left.not-active {
opacity: 0.4;
}
.contact_form .status-bar-steps .steps .step .step-area .step-line-right {
background-color: #FFFFFF;
height: 2px;
position: absolute;
margin-left: -webkit-calc(50% + 25px);
margin-left: calc(50% + 25px);
width: -webkit-calc(50% - 25px);
width: calc(50% - 25px);
margin-top: 13px;
}
.contact_form .status-bar-steps .steps .step .step-area .step-line-right.active {
opacity: 1;
}
.contact_form .status-bar-steps .steps .step .step-area .step-line-right.not-active {
opacity: 0.4;
}
.contact_form .status-bar-steps .steps .to-step {
height: 2px;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-moz-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
background-color: #FFFFFF;
margin-top: 13px;
opacity: 0.4;
}
.contact_form .status-bar-steps .steps .to-step.active {
opacity: 1;
}
.contact_form .zfsp-seperator {
background: none;
border-top: 1px solid #d9d9d9;
}
.contact_form .form-breadcrumb {
background-color: #ededed;
border-left: 4px solid #00abe7;
border-right: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin-top: 30px;
}
.contact_form .form-breadcrumb ul {
width: 75%;
float: left;
margin-bottom: 0px;
margin-left: 40px;
margin-top: 15px;
}
.contact_form .form-breadcrumb ul li {
display: inline;
list-style-type: none;
margin-right: 20px;
color: #777777;
font-size: 1.0rem;
font-weight: normal;
}
.contact_form .form-breadcrumb ul li:after {
background-image: url('../images/assets/svg-1/zf-icon-contact-arrow.svg');
background-repeat: no-repeat;
width: 10px;
height: 12px;
display: inline-block;
content: "";
margin-bottom: -1px;
margin-left: 20px;
}
.contact_form .form-breadcrumb ul li.isLast:after {
background: none;
margin-left: 0px;
}
.contact_form .form-breadcrumb a.button_change {
margin-top: 0;
margin-bottom: 0;
background-color: #FFFFFF;
border-left: 1px solid #d9d9d9;
border-top: 0px;
border-bottom: 0px;
border-right: 0px;
color: #00abe7;
font-size: 1.0rem;
font-weight: bold;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.contact_form .form-step .form-step-headline {
margin-top: 2rem;
}
.contact_form .form-step .form-step-sub-headline {
font-size: 1.25rem;
font-weight: bold;
margin-top: 20px;
}
.contact_form .form-step .form_step01 .is-drilldown {
width: 100%;
}
.contact_form .form-step .form_step01 .is-drilldown ul {
border-top: 1px solid #d9d9d9;
}
.contact_form .form-step .form_step01 .is-drilldown ul li {
background-color: #FFFFFF;
margin-bottom: 0;
border-bottom: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
border-left: 4px solid #00abe7;
background: none;
}
.contact_form .form-step .form_step01 .is-drilldown ul li.is-submenu-item a {
padding-left: 100px;
}
.contact_form .form-step .form_step01 .is-drilldown ul li a {
font-size: 1.0rem;
font-weight: bold;
color: #00abe7;
line-height: 1.6;
padding-top: 8px;
padding-bottom: 7px;
padding-left: 60px;
position: relative;
}
.contact_form .form-step .form_step01 .is-drilldown ul li a:before {
background-image: url('../icons-rebranch/ico-sprite-2.png');
background-repeat: no-repeat;
background-position: -265px -20px;
width: 24px;
height: 18px;
display: inline-block;
content: "";
margin-left: -44px;
top: 11px;
position: absolute;
}
.contact_form .form-step .form_step01 .is-drilldown ul li.cf-no-sub-levels > a:before {
background-image: none;
}
.contact_form .form-step .form_step01 .is-drilldown ul li.cf-level-back {
padding-left: 15px;
background: none !important;
}
.contact_form .form-step .form_step01 .is-drilldown ul li.cf-level-back a {
padding-left: 60px;
}
.contact_form .form-step .form_step01 .is-drilldown ul li.cf-level-back a:before {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
background-image: url('../icons-rebranch/ico-sprite-2.png');
margin-left: -50px;
}
.contact_form .form-step .form_step01 .is-drilldown ul li.selected {
background-color: #ededed;
}
.contact_form .form-step .form_step01 .is-drilldown ul li:hover {
background-color: #ededed;
}
.contact_form .form-step input {
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
height: auto;
font-size: 1rem;
}
.contact_form .form-step input:focus {
border-color: #00abe7;
}
.contact_form .form-step input.notvalid:focus {
border-color: #dd0c29;
}
.contact_form .form-step input::-ms-clear {
display: none;
}
.contact_form .form-step select {
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
height: auto;
font-size: 1rem;
}
.contact_form .form-step select:focus {
border-color: #00abe7;
}
.contact_form .form-step select.notvalid:focus {
border-color: #dd0c29;
}
.contact_form .form-step .form_step02 select[name="yearOfConstruction"] {
background-position: right 73%;
font-size: 1rem;
}
.contact_form .form-step .form_step03 select[name="countryCodeGuid"] {
background-position: right 73%;
font-size: 1rem;
}
.contact_form .form-step .form_step02 textarea {
font-size: 1rem;
}
.contact_form .form-step .cfField label {
position: relative;
}
.contact_form .form-step .cfField .cf-in-field-headline {
position: absolute;
top: 5px;
left: 20px;
font-size: 11px;
color: #949494;
}
.contact_form .form-step .cfField .cf-in-field-headline.notvalid {
color: #dd0c29;
}
.contact_form .form-step .cfField .cf-valid-icon {
position: absolute;
right: 15px;
top: 25px;
display: none;
background-image: url('../images/assets/svg-1/zf-icon-contact-ok.svg');
background-size: 15px 10px;
background-position: center center;
background-repeat: no-repeat;
width: 15px;
height: 10px;
}
.contact_form .form-step .cfField .cf-valid-icon.cf-is-select {
right: 55px;
}
.contact_form .form-step .cfField .cf-notvalid-icon {
position: absolute;
right: 15px;
top: 10px;
display: none;
color: #dd0c29;
font-size: 24px;
width: 15px;
}
.contact_form .form-step .cfField .cf-notvalid-icon.cf-is-select {
right: 55px;
}
.contact_form .form-step .cfField.cf-has-no-value .cf-in-field-headline {
display: none;
}
.contact_form .form-step .cfField.cf-has-no-value input {
padding-top: 20px;
padding-bottom: 20px;
}
.contact_form .form-step .description-label {
position: relative;
}
.contact_form .form-step .description-label .cf-in-field-headline {
position: absolute;
top: 5px;
left: 20px;
font-size: 11px;
color: #949494;
}
.contact_form .form-step .description-label .cf-in-field-headline.notvalid {
color: #dd0c29;
}
.contact_form .form-step .description-label textarea {
padding-top: 30px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
}
.contact_form .form-step .description-label textarea:focus {
border-color: #00abe7;
}
.contact_form .form-step .description-label textarea.notvalid:focus {
border-color: #dd0c29;
}
.contact_form .form-step .description-label .cf-valid-icon {
position: absolute;
right: 15px;
top: 15px;
display: none;
background-image: url('../images/assets/svg-1/zf-icon-contact-ok.svg');
background-size: 15px 10px;
background-position: center center;
background-repeat: no-repeat;
width: 15px;
height: 10px;
}
.contact_form .form-step .description-label .cf-notvalid-icon {
position: absolute;
right: 15px;
top: 0px;
display: none;
color: #dd0c29;
font-size: 24px;
width: 15px;
}
.contact_form .form-step .description-label.cf-has-no-value .cf-in-field-headline {
display: none;
}
.contact_form .form-step .description-label.cf-has-no-value textarea {
padding-top: 20px;
padding-bottom: 20px;
}
.contact_form .form-step .form_step02 {
padding-bottom: 20px;
}
.contact_form .form-step .form_step02 p {
font-size: 1.0rem;
margin-top: 20px;
}
.contact_form .form-step .form_step02 .cf-left-area .cfField.isLast input {
margin-bottom: 0px;
}
.contact_form .form-step .form_step02 .cf-left-area .cfField.isLast select {
margin-bottom: 0px;
}
.contact_form .form-step .form_step02 .cf-left-area .cfField.isLast .cf-validation-msg {
margin-top: 5px;
}
.contact_form .form-step .form_step02 .cf-right-area {
display: table;
}
.contact_form .form-step .form_step02 .cf-right-area .cfCheckboxes {
padding-top: 0px;
}
.contact_form .form-step .form_step02 .cf-right-area .description-holder {
height: 100%;
position: relative;
}
.contact_form .form-step .form_step02 .cf-right-area .description-label {
height: 100%;
display: table-row;
}
.contact_form .form-step .form_step02 .cf-right-area .description-label textarea {
height: 100%;
}
.contact_form .form-step .form_step02 .cf-file-upload-area {
margin-top: 40px;
}
.contact_form .form-step .form_step02 .mileage-label input {
margin-bottom: 0px;
}
.contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField {
border: 1px solid #cacaca;
border-top: none;
width: 100%;
background-color: #ededed;
padding-left: 20px;
padding-right: 20px;
padding-top: 17px;
padding-bottom: 17px;
margin-bottom: 16px;
}
.contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField .cfMileAgeKM {
display: inline-block;
position: relative;
border-width: 1px;
border-style: solid;
border-color: #cacaca;
-webkit-border-radius: 20px;
border-radius: 20px;
padding-left: 10px;
padding-right: 30px;
background-color: #FFFFFF;
color: #000000;
font-size: 12px;
cursor: pointer;
z-index: 4;
}
.contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField .cfMileAgeKM.cf-selected {
z-index: 5;
margin-right: -25px;
padding-right: 10px;
border-color: #00abe7;
background-color: #00abe7;
color: #FFFFFF;
}
.contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField .cfMileAgeMiles {
display: inline-block;
position: relative;
border-width: 1px;
border-style: solid;
border-color: #cacaca;
-webkit-border-radius: 20px;
border-radius: 20px;
padding-left: 30px;
padding-right: 10px;
background-color: #FFFFFF;
color: #000000;
font-size: 12px;
cursor: pointer;
z-index: 4;
}
.contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField .cfMileAgeMiles.cf-selected {
z-index: 5;
margin-left: -25px;
padding-left: 10px;
border-color: #00abe7;
background-color: #00abe7;
color: #FFFFFF;
}
.contact_form .form-step .form_step02 .cf-upload-area {
background-color: #ededed;
border: none;
padding-top: 30px;
padding-bottom: 50px;
padding-left: 15px;
padding-right: 15px;
margin-top: 20px;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text {
display: block;
margin: 0 0;
text-align: center;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .icon {
display: inline-block;
vertical-align: baseline;
padding-right: 0px;
margin-bottom: 15px;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .icon .upload-image {
background-image: url('../images/assets/svg-1/zf-icon-contact-upload.svg');
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text {
display: block;
vertical-align: baseline;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text .infoText {
font-size: 1rem;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text .maxFiles {
font-size: 1rem;
color: #777777;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .cf-button {
display: inline-block;
-webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
padding-left: 30px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 30px;
background-color: #FFFFFF;
color: #00abe7;
font-weight: bold;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-errors {
margin-top: 20px;
font-size: 1rem;
}
.contact_form .form-step .form_step02 .cf-uploaded-files tr {
border: none;
text-align: center;
}
.contact_form .form-step .form_step02 .cf-uploaded-files tr td {
font-size: 1rem;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.contact_form .form-step .form_step02 .cf-uploaded-files tr td .cf-success-icon {
display: inline-block;
background-image: url('../images/assets/svg-1/zf-icon-contact-ok.svg');
background-size: 15px 10px;
background-position: center center;
background-repeat: no-repeat;
width: 20px;
height: 15px;
}
.contact_form .form-step .form_step02 .cf-uploaded-files tr td a {
color: #00abe7;
white-space: nowrap;
}
.contact_form .form-step .form_step02 .cf-uploaded-files tr td a .cf-remove-icon {
display: inline-block;
background-image: url('../images/assets/svg-1/zf-icon-contact-upload-remove.svg');
background-size: 15px 15px;
background-position: center center;
background-repeat: no-repeat;
width: 25px;
height: 15px;
position: relative;
top: 2px;
right: 2px;
}
.contact_form .form-step .form_step02 .cf-uploaded-files tr td a .cf-text {
font-size: 1rem;
}
.contact_form .form-step .form_step03 .cf-dataprotection-area label {
color: #949494;
}
.contact_form .form-step .form_step03 .cf-subscribenewsletter-area {
margin-top: 15px;
}
.contact_form .form-step .form_step03 .cf-subscribenewsletter-area label {
color: #949494;
}
.contact_form .form-step .form_step04 {
padding-bottom: 20px;
}
.contact_form .form-step .form_step04 .button.prev {
margin-top: 20px;
padding-left: 30px;
}
.contact_form .form-step .form_step04 .button.prev:before {
background-image: none;
margin-left: 0px;
}
.contact_form .form-step .form_step04 .cf-display-entry {
color: #777777;
margin-bottom: 20px;
}
.contact_form .form-step .form_step04 .cf-display-entry .cf-display-label {
font-weight: bold;
}
.contact_form .form-step .form_step04 .form_step02_display h4 {
margin-bottom: 30px;
}
.contact_form .form-step .form_step04 .form_step02_display .cfCheckboxes {
color: #777777;
margin-bottom: 20px;
}
.contact_form .form-step .form_step04 .form_step02_display hr {
padding-top: 35px;
margin-bottom: 0px;
}
.contact_form .form-step .form_step04 .form_step02_display .cf-display-uploaded-files-area {
margin-top: 40px;
}
.contact_form .form-step .form_step04 .form_step02_display .cf-display-uploaded-files-area .cf-display-uploaded-files-label {
color: #777777;
font-weight: bold;
}
.contact_form .form-step .form_step04 .form_step02_display .cf-display-uploaded-files-area .cf-display-uploaded-files {
color: #777777;
}
.contact_form .form-step .form_step04 .form_step03_display h4 {
margin-bottom: 30px;
}
.contact_form .form-step.form_step03_wrapper > p {
font-size: 1.0rem;
margin-top: 20px;
}
.contact_form .form-step.form_step04_wrapper .cf-bottom-info-text {
color: #777777;
font-size: 1.0rem;
margin-bottom: 40px;
}
.contact_form .button-group hr {
margin-bottom: 40px;
border-bottom: 1px solid #d9d9d9;
}
.contact_form .button-group a.button.next {
background-color: #00abe7;
-webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
font-size: 1rem;
font-weight: bold;
padding-left: 30px;
padding-right: 60px;
padding-top: 20px;
padding-bottom: 20px;
}
.contact_form .button-group a.button.next:after {
margin-left: 30px;
}
.contact_form .button-group a.button.prev {
background-color: #FFFFFF;
-webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
color: #00abe7;
font-size: 1rem;
font-weight: bold;
padding-left: 60px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 20px;
}
.contact_form .button-group a.button.prev:before {
background-image: url('../icons-rebranch/ico-sprite-2.png');
margin-left: -37px;
background-position: -265px -21px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
#cf-changeDialog button.button.confirm {
background-color: #00abe7;
-webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
font-size: 1rem;
font-weight: bold;
padding-left: 30px;
padding-right: 60px;
padding-top: 20px;
padding-bottom: 20px;
}
#cf-changeDialog button.button.confirm:after {
margin-left: 30px;
}
#cf-changeDialog button.button.abort {
background-color: #FFFFFF;
-webkit-box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
box-shadow: 0px 3px 5px 3px rgba(10, 10, 10, 0.1);
color: #00abe7;
font-size: 1rem;
font-weight: bold;
padding-left: 60px;
padding-right: 30px;
padding-top: 20px;
padding-bottom: 20px;
}
#cf-changeDialog button.button.abort:before {
background-image: url('../icons-rebranch/ico-sprite-2.png');
margin-left: -37px;
background-position: -265px -21px;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
@media screen and (max-width: 1023px) {
.contact_form .form-step h4 {
font-weight: bold;
font-size: 1.25rem;
}
.contact_form .form-step .form_step02 .cf-second-area {
margin-top: 0px;
}
.contact_form .form-step .form_step02 .cf-right-area {
margin-top: 20px;
}
}
@media screen and (max-width: 639px) {
.contact_form .status-bar-steps {
margin-left: -20px;
margin-right: -20px;
}
.contact_form .status-bar-steps .steps .step .step-label {
font-size: 0.6rem;
}
.contact_form .form-step .form-step-headline {
font-size: 1.15rem;
margin-bottom: 0px;
}
.contact_form .form-step .form-step-sub-headline {
font-size: 0.875rem;
margin-bottom: 30px;
}
.contact_form .form-step h4 {
font-size: 0.875rem;
}
.contact_form .form-step .form_step02 p {
font-size: 0.875rem;
}
.contact_form .form-step .form_step02 .mileage-type .cfMileAgeTypeField {
text-align: center;
}
.contact_form .form-step .form_step02 .cf-upload-area {
padding-top: 15px;
padding-bottom: 20px;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text .infoText {
font-size: 0.875rem;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .text .maxFiles {
font-size: 0.875rem;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-icon-text .cf-button {
font-size: 0.875rem;
}
.contact_form .form-step .form_step02 .cf-upload-area .cf-upload-errors {
font-size: 0.875rem;
}
.contact_form .form-step.form_step03_wrapper > p {
font-size: 0.875rem;
}
.contact_form .form-step .form_step04 .button.prev {
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0px;
}
.contact_form .form-step .form_step04 .cf-display-entry {
font-size: 0.875rem;
}
.contact_form .form-step .form_step04 .form_step02_display .cfCheckboxes {
font-size: 0.875rem;
}
.contact_form .form-step .form_step04 .form_step02_display h4 {
font-size: 1.15rem;
}
.contact_form .form-step .form_step04 .form_step03_display h4 {
font-size: 1.15rem;
}
.contact_form .form-step.form_step04_wrapper .cf-bottom-info-text {
font-size: 0.875rem;
}
.contact_form .button-group a.button.next {
width: 100%;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 15px;
font-size: 0.875rem;
}
.contact_form .button-group a.button.next:after {
display: none;
}
.contact_form .button-group a.button.prev {
width: 100%;
padding-left: 0px;
padding-right: 0px;
font-size: 0.875rem;
}
.contact_form .button-group a.button.prev:before {
display: none;
}
}
.lubricants-base-search {
clear: both;
}
.lubricants-base-search .l-search-header {
margin-left: 20px;
margin-right: 20px;
padding-top: 28px;
background-color: #e8e8e8;
}
.lubricants-base-search .l-search-header .l-search-category-columns > .row {
background-color: #e8e8e8;
}
.lubricants-base-search .l-search-header .l-search-category-columns .l-lubricant {
padding-right: 10px;
}
.lubricants-base-search .l-search-header .l-search-category-columns .l-language {
padding-left: 10px;
}
.lubricants-base-search .l-search-header .l-search-category-columns select {
background-image: url('../images/assets/arrow-select.png');
background-position: -webkit-calc(100% -50px) 50%;
background-position: calc(100% -50px) 50%;
background-position: calc(100% - -50px) 50%;
background-position: -webkit-calc(100% - -50px) 50%;
background-position: -moz-calc(100% - -50px) 50%;
background-size: inherit;
padding-right: 0;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 50px;
}
.lubricants-base-search .l-search-header .l-search-category-columns .l-search {
padding-left: 0px;
}
.lubricants-base-search .l-search-header .l-search-category-columns .l-search .button {
background-color: #00abe7;
padding-top: 11px;
padding-bottom: 11px;
padding-right: 50px;
}
.lubricants-base-search .l-search-header .l-search-category-columns .l-search .button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 1.9375rem;
position: absolute;
}
.lubricants-base-search .l-results-header > .row {
background-color: #e8e8e8;
}
.lubricants-base-search .l-results-header .l-results-count {
font-size: 1.25rem;
font-weight: bold;
}
.lubricants-base-search .l-results-header .l-results-count p {
margin-bottom: 15px;
margin-top: 25px;
padding-top: 1px;
}
.lubricants-base-search .l-results-header .l-results-header-items .l-callout-empty {
position: relative;
display: inline-block;
}
.lubricants-base-search .l-results-header .l-results-header-items .callout {
padding-left: 8px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 28px;
background-color: #FFFFFF;
display: inline-block;
margin-right: 10px;
font-size: 0.875rem;
}
.lubricants-base-search .l-results-header .l-results-header-items .callout button {
top: 8px;
right: 5px;
font-size: 24px;
}
.lubricants-base-search .l-results-header .l-results-header-items .l-remove-all-area {
display: inline-block;
text-align: left;
padding-left: 5px;
}
.lubricants-base-search .l-results-header .l-results-header-items .l-remove-all-area .l-remove-all {
list-style-type: none;
margin-left: 0px;
padding-top: 5px;
padding-left: 0px;
}
.lubricants-base-search .l-results-header .l-results-header-items .l-remove-all-area .l-remove-all li {
list-style-image: url('../icons-rebranch/link-arrow-blue-1.png');
margin-left: 0.625rem;
}
.lubricants-base-search .l-results-header .l-results-header-items .l-remove-all-area .l-remove-all a {
font-size: 0.875rem;
}
.lubricants-base-search .l-results-header .l-results-header-items .l-remove-all-area .l-remove-all a:hover {
text-decoration: underline;
}
.lubricants-base-search .l-results-header .l-results-header-search {
text-align: right;
padding-bottom: 12px;
}
.lubricants-base-search .l-results-header .l-results-header-search > .row {
background-color: #e8e8e8;
}
.lubricants-base-search .l-results-header .l-results-header-search .button {
background-color: #00abe7;
padding-right: 50px;
}
.lubricants-base-search .l-results-header .l-results-header-search .button:after {
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 1.9375rem;
position: absolute;
}
.lubricants-base-search .l-results-header .l-results-header-search .l-remove-all-area {
text-align: left;
padding-left: 10px;
}
.lubricants-base-search .l-results-header .l-results-header-search .l-remove-all-area .l-remove-all {
list-style-type: none;
margin-left: 0px;
padding-top: 5px;
padding-left: 5px;
}
.lubricants-base-search .l-results-header .l-results-header-search .l-remove-all-area .l-remove-all li {
list-style-image: url('../icons-rebranch/link-arrow-blue-1.png');
margin-left: 0.625rem;
}
.lubricants-base-search .l-results-header .l-results-header-search .l-remove-all-area .l-remove-all a {
font-size: 0.875rem;
}
.lubricants-base-search .l-results-header .l-results-header-search .l-remove-all-area .l-remove-all a:hover {
text-decoration: underline;
}
.lubricants-base-search .l-results {
padding-left: 20px;
padding-right: 20px;
}
.lubricants-base-search .l-results .l-search-spacer {
border-top: 1px solid rgba(10, 10, 10, 0.25);
border-bottom: 1px solid rgba(10, 10, 10, 0.25);
}
.lubricants-base-search .l-results .l-search-results .l-search-result-element {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
.lubricants-base-search .l-results .l-search-results .l-search-result-element div:first-of-type {
padding-bottom: 10px;
}
.lubricants-base-search .l-results .l-search-results .l-search-result-element div:last-of-type {
padding-bottom: 10px;
}
.lubricants-base-search .l-results .l-search-results .l-search-result-element div {
font-size: 0.875rem;
}
.lubricants-base-search .l-results .l-search-results .l-search-result-element .l-search-result-title {
font-size: 1rem;
font-weight: bold;
}
.lubricants-base-search .l-results .l-search-results .l-search-result-element a {
font-size: 1rem;
}
.lubricants-base-search .l-results .l-search-results > div > div {
padding-left: 0px;
padding-right: 0px;
}
.lubricants-base-search .l-results .l-search-results > div > div:nth-child(2n+2) {
padding-left: 20px;
}
.lubricants-base-search .l-results .l-search-results > div .columns:first-child .l-search-result-element {
padding-right: 20px;
}
.lubricants-base-search .l-results .l-search-results .l-bg-element {
background-color: #e8e8e8;
}
.lubricants-base-search .l-results .l-search-results > div .columns:first-child .l-search-result-element {
border-right: 1px solid rgba(10, 10, 10, 0.1);
}
.lubricants-base-search .l-results .l-search-results a:before {
background-image: url('../icons-rebranch/download-icon.png');
background-size: 9px 12px;
background-position: left center;
background-repeat: no-repeat;
margin-bottom: -3px;
width: 20px;
height: 17px;
display: inline-block;
content: "";
}
@media screen and (max-width: 1023px) {
.lubricants-base-search .l-search-header .l-search-category-columns .l-lubricant {
padding-left: 20px;
padding-right: 10px;
}
.lubricants-base-search .l-search-header .l-search-category-columns .l-language {
padding-left: 10px;
padding-right: 20px;
}
.lubricants-base-search .l-results .l-search-results .l-search-result-element {
border: 0px !important;
}
.lubricants-base-search .l-results .l-search-results > div {
background-color: transparent !important;
padding-left: 0px;
padding-right: 0px;
}
.lubricants-base-search .l-results .l-search-results > div > div {
padding-left: 20px;
padding-right: 20px;
}
.lubricants-base-search .l-results .l-search-results > div > div .l-search-result-element {
padding-right: 0px;
}
.lubricants-base-search .l-results .l-search-results > div > div:nth-child(2n+1) {
background-color: #e8e8e8;
}
.lubricants-base-search {
margin-left: -35px;
margin-right: -15px;
}
.lubricants-base-search .l-search-header {
margin-right: 0px;
}
.lubricants-base-search .l-results .l-search-spacer {
margin-right: -40px;
}
.lubricants-base-search .l-results .l-search-results {
margin-right: -40px;
}
}
@media screen and (max-width: 639px) {
.lubricants-base-search .l-search-header .l-search-category-columns .l-lubricant {
padding-left: 20px;
padding-right: 20px;
}
.lubricants-base-search .l-search-header .l-search-category-columns .l-language {
padding-left: 20px;
padding-right: 20px;
}
.lubricants-base-search .l-results-header .l-results-header-search .l-remove-all-area {
padding-left: 20px;
}
.lubricants-base-search .l-results .l-search-results .l-search-result-element {
border: 0px !important;
}
.lubricants-base-search .l-results .l-search-results > div {
background-color: transparent !important;
padding-left: 0px;
padding-right: 0px;
}
.lubricants-base-search .l-results .l-search-results > div > div {
padding-left: 20px;
padding-right: 20px;
}
.lubricants-base-search .l-results .l-search-results > div > div .l-search-result-element {
padding-right: 0px;
}
.lubricants-base-search .l-results .l-search-results > div > div:nth-child(2n+1) {
background-color: #e8e8e8;
}
.lubricants-base-search {
margin-left: -20px;
margin-right: 0px;
}
}
.quiz-base {
}
.quiz-base .q-questions {
margin-top: 55px;
}
.quiz-base .q-large-ml-1-5 {
margin-left: 12.5%;
}
.quiz-base .q-progress .q-progress-area {
display: table;
width: 100%;
}
.quiz-base .q-progress .q-progress-area .q-progress-text {
display: table-cell;
white-space: nowrap;
font-size: 16px;
padding-right: 10px;
}
.quiz-base .q-progress .q-progress-area .q-progress-bar {
display: table-cell;
width: 100%;
position: relative;
}
.quiz-base .q-progress .q-progress-area .q-progress-bar .q-progress-bar-bg {
width: 100%;
height: 7px;
background-color: #EEF1F4;
-webkit-border-radius: 5px;
border-radius: 5px;
position: absolute;
bottom: 8px;
z-index: 5;
}
.quiz-base .q-progress .q-progress-area .q-progress-bar .q-progress-bar-load {
width: 25%;
height: 7px;
background-color: #00ABE7;
-webkit-border-radius: 5px;
border-radius: 5px;
position: absolute;
bottom: 8px;
z-index: 6;
}
.quiz-base .q-question h3 {
margin-top: 40px;
margin-bottom: 0px;
padding-right: 40px;
color: #0070B4;
font-size: 24px;
line-height: 36px;
}
.quiz-base .q-answers .q-answer .q-answer-area {
padding-bottom: 40px;
padding-right: 40px;
margin-top: 40px;
border-bottom: 1px solid #BFBFBF;
}
.quiz-base .q-answers .q-answer .q-answer-area input[type="radio"] {
position: absolute;
left: -9999px;
}
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:not(:checked) + label,
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:checked + label {
position: relative;
cursor: pointer;
padding-left: 95px;
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
}
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:not(:checked) + label:before,
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:checked + label:before {
content: "";
position: absolute;
left: 0px;
top: -webkit-calc(50% - 12px);
top: calc(50% - 12px);
width: 28px;
height: 28px;
border: 1px solid #BFBFBF !important;
background-color: #fefefe;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:not(:checked) + label:after,
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:checked + label:after {
content: "";
position: absolute;
top: -webkit-calc(50% - 8px);
top: calc(50% - 8px);
left: 9px;
display: block;
width: 9px;
height: 18px;
border: solid #00ABE7;
border-width: 0 4px 4px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:not(:checked) + label:after {
opacity: 0;
}
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:checked + label:after {
opacity: 1;
}
.quiz-base .q-answers .q-answer:last-child .q-answer-area {
border-bottom: none;
margin-bottom: 55px;
}
.quiz-base .q-button-leave-group {
margin-top: 40px;
font-size: 14px;
margin-bottom: 50px;
}
.quiz-base .q-button-leave-group a:before {
content: "";
border: solid #00ABE7;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 2px;
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
margin-right: 5px;
margin-bottom: 2px;
}
.quiz-base .q-button {
background-color: #00ABE7;
color: #FFFFFF;
border-color: #00ABE7;
border: 2px solid #00ABE7;
-webkit-border-radius: 26px;
border-radius: 26px;
display: inline-block;
padding-left: 30px;
padding-right: 30px;
padding-top: 8px;
padding-bottom: 9px;
font-size: 16px;
}
.quiz-base .q-button:hover {
background-color: #0070b4;
border-color: #0070b4;
}
.quiz-base .q-button.q-white {
background-color: #FFFFFF;
color: #00ABE7;
}
.quiz-base .q-button.q-white:hover {
background-color: #00ABE7;
border-color: #00ABE7;
color: #FFFFFF;
}
.quiz-base .q-button-group .q-button-right-area {
text-align: right;
}
.quiz-base .q-button-space {
margin-bottom: 30px;
}
.quiz-base .q-message {
margin-top: 65px;
}
.quiz-base .q-message .q-content {
text-align: center;
margin-bottom: 50px;
}
.quiz-base .q-message .q-content img {
max-width: 120px;
}
.quiz-base .q-message .q-content h2 {
font-size: 40px;
color: #0070B4;
margin-top: 45px;
margin-bottom: 30px;
}
.quiz-base .q-message .q-content h3 {
font-size: 24px;
margin-bottom: 80px;
line-height: 2rem;
}
.quiz-base .q-certificate-base {
margin-top: 55px;
margin-bottom: 50px;
}
.quiz-base .q-certificate-base .q-headline h2 {
font-size: 24px;
color: #0070B4;
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 3px solid #0070B4;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate h3 {
font-size: 20px;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate p {
font-size: 14px;
color: #7F7F7F;
margin-bottom: 0px;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate hr {
border-bottom: 1px solid #EEF1F4;
margin-top: 30px;
margin-bottom: 30px;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate .q-button-group {
text-align: right;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate .q-button-group.q-button-join-group {
margin-top: 55px;
text-align: center;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate .q-button-group .q-download-button {
padding-left: 48px;
position: relative;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate .q-button-group .q-download-button:before {
content: url('../images/assets/quiz-download.svg');
padding-right: 10px;
position: absolute;
left: 20px;
}
.quiz-base .loader .loader-overlay {
z-index: 2;
}
.quiz-base .q-loader-area {
height: 77px;
}
@media screen and (max-width: 1023px) {
.quiz-base .q-message .q-content h2 {
font-size: 32px;
}
.quiz-base .q-message .q-content h3 {
font-size: 20px;
}
}
@media screen and (max-width: 639px) {
.quiz-base .q-questions {
margin-top: 0px;
}
.quiz-base .q-large-ml-1-5 {
margin-left: 0px;
}
.quiz-base .q-progress .q-progress-area .q-progress-text {
font-size: 18px;
padding-right: 20px;
}
.quiz-base .q-answers .q-answer .q-answer-area {
padding-right: 0px;
margin-top: 20px;
padding-bottom: 20px;
}
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:not(:checked) + label,
.quiz-base .q-answers .q-answer .q-answer-area [type="radio"]:checked + label {
padding-left: 45px;
}
.quiz-base .q-answers .q-answer:last-child .q-answer-area {
border-bottom: 1px solid #BFBFBF;
margin-bottom: 40px;
}
.quiz-base .q-button-leave-group {
margin-top: 20px;
margin-bottom: 0px;
}
.quiz-base .q-question h3 {
font-size: 18px;
border-top: 2px dotted #0070B4;
border-bottom: 2px dotted #0070B4;
margin-top: 20px;
padding-top: 20px;
padding-bottom: 20px;
padding-right: 0px;
}
.quiz-base .q-button-group {
text-align: center;
}
.quiz-base .q-button-group .q-button-left-area {
margin-bottom: 20px;
}
.quiz-base .q-button-group .q-button-right-area {
text-align: center;
}
.quiz-base .q-message {
margin-top: 30px;
}
.quiz-base .q-message .q-content {
margin-bottom: 0px;
}
.quiz-base .q-message .q-content img {
max-width: 120px;
}
.quiz-base .q-message .q-content h2 {
font-size: 28px;
margin-top: 30px;
margin-bottom: 20px;
}
.quiz-base .q-message .q-content h3 {
font-size: 18px;
margin-bottom: 35px;
line-height: 1.125rem;
}
.quiz-base .q-certificate-base {
margin-top: 0px;
margin-bottom: 0px;
}
.quiz-base .q-certificate-base .q-headline h2 {
font-size: 18px;
padding-bottom: 15px;
margin-bottom: 20px;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate h3 {
font-size: 14px;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate .q-button-group {
margin-top: 30px;
text-align: left;
}
.quiz-base .q-certificate-base .q-certificates .q-certificate .q-button-group.q-button-join-group {
margin-top: 0px;
}
}
.tracking-opt-out-base {
margin: 0;
}
.tracking-opt-out-base .tracking-opt-out-true {
display: inline-block;
margin-right: 15px;
}
.tracking-opt-out-base .tracking-opt-out-false {
display: inline-block;
}
.featherlight .featherlight-content {
overflow: visible;
padding: 0;
border-bottom: 0;
}
.featherlight .featherlight-content .featherlight-close {
background-color: #2870bb;
height: 40px;
width: 40px;
top: -40px;
color: white;
line-height: 40px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.meta_icons li {
width: 33.33%
}
.map_section {
padding-bottom: 1.25rem;
}
.map_section h1 {
font-size: 1.25rem;
}
.meta_contact a {
color: inherit;
}
.meta_contact a {
color: inherit;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .submenu li {
text-transform:none
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li {
text-transform: uppercase;
}
/*folder:css, uid:zfsp_styles_search*/
.sp-search-autocomplete
{
border: 1px solid #cacaca;
max-height: 120px;
overflow-x: hidden;
overflow-y: auto;
font-size: 0.875rem;
background: #ffffff none repeat scroll 0 0;
list-style: outside none none;
margin: 0;
outline: 0 none;
padding: 0;
position: absolute;
z-index: 100;
}
.sp-search-autocomplete .ui-menu-item
{
cursor: pointer;
}
.sp-search-autocomplete .ui-menu-item-wrapper
{
padding: 3px 1em 3px 0.4em;
position: relative;
}
.base-search .search-input .search-input-remove-button
{
position: relative;
top: 7px;
left: 0px;
width: 32px;
margin-left: -35px;
}
.base-search .search-input .search-button
{
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
margin-bottom: 0px;
/* Positions Korrektur. */
position: relative;
top: 0px;
margin-top: -1px;
height: 39px;
width: 39px;
line-height: 14px;
background-color: #2870bb;
}
.base-search .search-input .search-button .magnifier
{
display: inline-block;
margin-top: 1px;
height: 25px;
width: 25px;
background-image: url("../images/assets/svg-1/bn-icon-magnifyingglass-rgb-white-201512-un-2.svg");
background-repeat: no-repeat;
background-size: contain;
}
.base-search .search-input input
{
display: inline-block;
height: 39px;
font-size: 0.875rem;
}
.base-search .search-input input::-ms-clear
{
display: none;
}
.base-search .base-results .load-more
{
margin-top: 30px;
}
.base-search .base-results .load-more .arrow-down
{
margin-left: 10px;
display: inline-block;
height: 10px;
width: 15px;
background-image: url("../images/assets/menu-arrow-down-blue.png");
background-repeat: no-repeat;
color: #2770BA;
}
.base-search .base-results .load-more .button
{
background-color: #FFFFFF;
color: #2770BA;
}
.base-search .base-results h2
{
margin-bottom: 30px;
padding-top: 5px;
color: #000000;
text-transform: none;
font-size: 26px;
}
.base-search .base-results h2 small
{
color: #000000;
text-transform: none;
font-size: 26px;
}
.base-search .base-results .search-results .search-row.promoted-search-row
{
background-color: #FFFFFF;
border-left-width: 5px;
border-left-style: solid;
border-left-color: rgb(17, 121 ,191);
margin-bottom: 30px;
}
.base-search .base-results .search-results .search-row.promoted-search-row .columns
{
-webkit-box-shadow: 2px 2px 10px 0px rgba(232,232,232,1);
-moz-box-shadow: 2px 2px 10px 0px rgba(232,232,232,1);
box-shadow: 2px 2px 10px 0px rgba(232,232,232,1);
}
.base-search .base-results .search-results .search-row
{
margin-left: 0px;
margin-right: 0px;
background-color: #e8e8e8;
}
.base-search .base-results .search-results .search-row:nth-child(2n)
{
background-color: #FFFFFF;
}
.base-search .base-results .search-results .search-row .columns span:first-child
{
font-size: 1rem;
}
.base-search .base-results .search-results .search-row .large-12
{
padding-top: 25px;
padding-bottom: 25px;
padding-left: 30px;
padding-right: 30px;
}
.base-search .base-results .search-results .search-row .large-12 p
{
margin-bottom: 0px;
font-size: 14px;
}
.base-search .base-results .search-results .search-row .large-12 a
{
font-size: 14px;
display: inline-block;
word-wrap: break-word;
word-break: break-all;
}
.base-search .base-results .search-results .search-no-result-row
{
padding-bottom: 30px;
font-size: 0.875rem;
}
.base-search .base-results .search-results em
{
font-weight: bold;
font-style: normal;
}
.base-search .base-results .search-result-icon
{
height: 40px;
width: 40px;
background-repeat: no-repeat;
background-size: contain;
float: left;
margin-right: 10px;
margin-top: 0px;
}
.base-search .search-category-select-label
{
margin-top: -21px;
font-size: 14px;
}
.base-search .search-input-columns
{
margin-left: 20px;
margin-right: -20px;
padding-top: 25px;
background-color: #e8e8e8;
padding-right: 40px;
}
.base-search .search-category-columns
{
padding-top: 25px;
background-color: #e8e8e8;
margin-right: 20px;
margin-left: -20px;
padding-left: 20px;
}
.base-search .search-category-select
{
margin-top: 3px;
}
/* Chrome only. */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm)
{
.base-search .search-category-select
{
margin-top: 3px;
}
}
.base-search .search-category-select .search-select-dropdown
{
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.base-search .search-category-select .search-select-dropdown.is-open
{
margin-top: -2px;
}
.base-search .search-category-select .search-select-dropdown .row
{
margin-left: 0px;
margin-right: 0px;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 5px;
border-top-width: 1px;
border-top-style: solid;
border-color: #cacaca;
}
.base-search .search-category-select .search-select-dropdown label:first-child .row
{
border-top-width: 0px;
}
.base-search .search-category-select .search-select-dropdown .row .columns:last-child
{
padding-right: 0px;
}
.base-search .search-category-select .search-select-dropdown .row .search-category-icon
{
height: 35px;
width: 40px;
background-repeat: no-repeat;
background-size: contain;
}
.base-search .search-category-select .search-select-dropdown .row .search-category-label
{
padding-top: 3px;
}
.base-search .search-category-select .search-select-dropdown .row .search-category-checkbox
{
margin-top: 10px;
margin-bottom: 0px;
}
.base-search .search-category-select .search-select-dropdown .row .columns
{
padding-left: 0px;
}
.base-search .search-category-select .search-category-button
{
width: 100%;
height: 39px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border: 1px solid #cacaca;
background-color: #FFFFFF;
color: #000000;
font-size: 0.875rem;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
border-radius: 0;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
}
.base-search .search-category-select .search-category-button .search-category-label
{
float: left;
padding-left: 10px;
padding-top: 12px;
padding-bottom: 2px;
position: absolute;
}
.base-search .search-category-select .search-category-button .search-category-button-icon
{
float: right;
background-image: url("../images/assets/arrow-select.png");
background-position: 0px -10px;
width: 39px;
height: 38px;
margin-top: -1px;
}
.base-search .search-category-select .search-category-button.hover .search-category-button-icon
{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.base-search .search-category-select .search-select-dropdown .search-category-apply-button:after
{
background: rgba(0, 0, 0, 0) url("../images/assets/ico-sprite.png") no-repeat scroll -190px 50%;
content: "";
display: inline-block;
height: 1rem;
margin-left: 0.625rem;
position: absolute;
right: calc(8.33333% - 5px);
width: 1rem;
}
.base-search .search-category-select .search-select-dropdown .search-category-apply-button
{
background-color: rgba(40, 112, 187, 0.8);
font-size: 0.875rem;
margin-bottom: 0;
text-align: left;
padding-left: calc(25% + 9px);
width: 100%;
}
.base-search .search-category-select .search-select-dropdown .search-category-apply-button:hover
{
background-color: #2870bb;
}
.base-search .search-category-select .search-category-button .clearfix
{
clear: both;
}
.base-search .base-results .results-header .row
{
margin-right: 0px;
margin-left: 0px;
background-color: #e8e8e8;
}
.base-search .base-results .results-header .results-header-last-row
{
padding-bottom: 12px;
}
.base-search .base-results .results-header .results-count
{
padding-right: 0px;
font-size: 1.25rem;
}
.base-search .base-results .results-header .results-count p
{
margin-bottom: 15px;
margin-top: 25px;
padding-top: 1px;
text-transform: uppercase;
font-weight: bold;
}
.base-search .base-results .results-header .results-header-items .callout-empty
{
display: inline-block;
position: relative;
}
.base-search .base-results .results-header .results-header-items .callout
{
padding-left: 8px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
padding-right: 28px;
background-color: #FFFFFF;
display: inline-block;
margin-right: 10px;
font-size: 0.875rem;
}
.base-search .base-results .results-header .results-header-items .callout button
{
top: 8px;
right: 5px;
font-size: 24px;
}
.base-search .base-results .results-header .results-header-items-search-remove
{
padding-left: 0px;
padding-right: 0px;
}
.base-search .base-results .results-header .results-header-items-search-remove .remove-all-area
{
text-align: left;
padding-left: 0px;
}
.base-search .base-results .results-header .results-header-items-search-remove .remove-all-area .remove-all
{
list-style-type: none;
margin-left: 0;
padding-left: 5px;
padding-top: 5px;
}
.base-search .base-results .results-header .results-header-items-search-remove .remove-all-area .remove-all a
{
font-size: 0.875rem;
}
.base-search .base-results .results-header .results-header-items-search-remove .remove-all-area .remove-all li
{
list-style-image: url("../images/assets/link-arrow-blue.png");
margin-left: 0.625rem;
}
.base-search .base-results .results-header .results-header-items-search-remove .search-area
{
text-align: right;
}
.base-search .base-results .results-header .results-header-items-search-remove .button
{
background-color: #2870bb;
padding-right: 50px;
}
.base-search .base-results .results-header .results-header-items-search-remove .button:after
{
background: rgba(0, 0, 0, 0) url("../images/assets/ico-sprite.png") no-repeat scroll -190px 50%;
content: "";
display: inline-block;
height: 1rem;
margin-left: 1.9375rem;
position: absolute;
width: 1rem;
}
.base-search hr
{
margin-bottom: 40px;
margin-top: 0px;
}
.base-search .search-bottom-info hr
{
margin-bottom: 40px;
}
.base-search .search-bottom-info h3
{
font-size: 0.875rem;
font-weight: bold;
text-transform: uppercase;
}
.base-search .search-bottom-info h3 small
{
font-size: 0.875rem;
font-weight: bold;
color: #d5b076;
}
.base-search .search-bottom-info h3:nth-last-of-type(1)
{
padding-bottom: 0px;
}
.base-search .search-bottom-info p
{
font-size: 0.875rem;
}
.base-search .base-results .no-results .spell-correction-link
{
display: block;
margin-bottom: 20px;
font-size: 0.875rem;
}
.base-search .base-results .no-results .spell-correction-link:before
{
content: "";
background-image: url('../icons-rebranch/link-arrow-blue-1.png');
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
height: 10px;
width: 20px;
}
.base-search .base-results .no-results
{
padding-top: 0px;
padding-bottom: 20px;
}
.base-search .base-results .no-results h3
{
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
}
.base-search .base-results .no-results h3 small
{
font-size: 26px;
font-weight: bold;
color: #d5b076;
}
.base-search .base-results .no-results h3:nth-last-of-type(1)
{
padding-bottom: 20px;
}
.base-search .base-results .no-results .no-results-left-right p,
.base-search .base-results .no-results .no-results-left-right a
{
font-size: 0.875rem;
}
.base-search .base-results .no-results .no-results-left-right h3
{
padding-bottom: 20px;
text-transform: uppercase;
}
.base-search .base-results .no-results .no-results-left-right ul
{
list-style-image: url("../images/assets/link-arrow-blue.png");
}
.base-search .search-category-select .search-select-dropdown .is-first
{
border-top-width: 0px;
padding: 0px;
}
.base-search .search-category-select .search-select-dropdown .is-first .columns
{
padding-right: 0px;
}
@media screen and (max-width: 1023px)
{
.base-search .base-results h2 small
{
font-size: 1.5rem;
}
.base-search .search-bottom-info h3
{
font-size: 1.5rem;
}
.base-search .search-bottom-info h3 small
{
font-size: 1.5rem;
}
.base-search .base-results .no-results h3
{
font-size: 1.5rem;
}
.base-search .base-results .no-results h3 small
{
font-size: 1.5rem;
}
.base-search .base-results .no-results .no-results-left-right h3
{
font-size: 1.5rem;
}
.base-search
{
margin-left: -35px;
margin-right: -15px;
}
.base-search .search-input-columns
{
margin-right: 0px;
}
.base-search .search-category-columns
{
margin-right: 0px;
padding-left: 0px;
}
.base-search .results-header
{
padding-right: 0px;
}
.base-search .search-header .search-bottom-info
{
padding-right: 0px;
}
.base-search .search-header .search-bottom-info > h3
{
padding-left: 20px;
}
.base-search .search-header .search-bottom-info > p
{
padding-left: 20px;
padding-right: 20px;
}
.base-search .base-results .no-results
{
padding-right: 0px;
}
.base-search .base-results .no-results > h3,
.base-search .base-results .no-results .spell-correction-link
{
padding-left: 20px;
}
.base-search .base-results .no-results .no-results-left-right
{
margin-right: 0px;
margin-left: 0px;
}
.base-search .base-results .search-categories-results
{
padding-right: 0px;
}
.base-search .base-results .search-results .search-no-result-row
{
margin-left: 0px;
margin-right: 0px;
}
.base-search .base-results .load-more
{
margin-left: 0px;
margin-right: 0px;
}
.base-search .base-results .search-categories-results > h2
{
padding-left: 20px;
}
.base-search .base-results .search-categories-results .search-result-icon
{
margin-left: 20px;
}
.base-search .base-results .results-header .results-header-items-search-remove .remove-all-area
{
padding-left: 0px;
margin-left: -8px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
.base-search .base-results .results-header .row
{
margin-top: -1px;
padding-top: 1px;
}
}
@media screen and (max-width: 639px)
{
.base-search .search-category-columns
{
margin-right: 0px;
margin-left: 20px;
padding-left: 20px;
padding-top: 0px;
}
.base-search .search-input-columns
{
padding-right: 20px;
margin-right: 0px;
margin-left: 20px;
}
.base-search .search-header-sub
{
margin-right: 40px;
}
.base-search .search-category-select .search-category-button
{
max-width: none;
}
.base-search .search-category-select .dropdown-pane
{
max-width: none;
width: 100%;
}
.base-search .base-results h2 small
{
font-size: 1.25rem;
}
.base-search .search-bottom-info h3
{
font-size: 1.25rem;
}
.base-search .search-bottom-info h3 small
{
font-size: 1.25rem;
}
.base-search .search-bottom-info p
{
font-size: 14px;
}
.base-search .base-results .search-results .search-no-result-row
{
font-size: 14px;
}
.base-search .base-results .no-results h3
{
font-size: 1.25rem;
}
.base-search .base-results .no-results h3 small
{
font-size: 1.25rem;
}
.base-search .base-results .no-results .no-results-left-right h3
{
font-size: 1.25rem;
}
.base-search .base-results .results-header .results-header-items-search-remove .remove-all-area
{
padding-left: 20px;
}
.base-search .search-category-select .search-select-dropdown
{
left: 0px;
right: 0px;
}
.base-search
{
margin-left: -20px;
margin-right: 0px;
}
.base-search .search-header-sub
{
margin-right: 20px;
}
.base-search .base-results .results-header .results-header-items-search-remove .remove-all-area
{
padding-left: 20px;
margin-left: 0px;
}
}
/*folder:css, uid:zfsp_styles_mdi*/
.zfsp_breadcrumbs li.last .breadcrumb_children
{
z-index: 9999;
}
.main_nav_mobile .mainNavigation-parent-back
{
font-size: 12px;
border-bottom: 1px solid #9a9a9a !important;
display: block;
background-color: #FFFFFF !important;
padding-left: 0px !important;
}
.main_nav_mobile .mainNavigation-parent-back a
{
text-transform: uppercase;
color: black;
display: block;
padding: 0.7rem 1rem;
line-height: 1;
}
.main_nav_mobile .mainNavigation-parent-back .left-area
{
float: left;
padding-left: 16px;
padding-top: 6px;
margin-top: 0px;
}
.main_nav_mobile .mainNavigation-parent-back .left-arrow
{
width: 0;
height: 0;
border: inset 0.375rem;
border-color: transparent black transparent transparent;
border-right-style: solid;
border-left-width: 0;
display: inline-block;
vertical-align: middle;
margin-right: 0.75rem;
}
.main_nav_mobile .mainNavigation-parent-back .right-area
{
padding-left: 18px;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation li.startnode
{
text-transform: uppercase;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper .mainNavigation
{
overflow: auto;
height: 100%;
overflow-x: hidden;
overflow-y: visible;
}
.main_nav_mobile .zfsp_mainnavigation_wrapper ul.mainNavigation .menu
{
overflow: auto;
overflow-x: hidden;
}
.zfsp_tilenavigation .searchwrapper .catselect
{
margin-right: 15px;
width: calc(50% - 55px);
font-size: 0.875rem;
font-weight: normal;
line-height: 1.8;
}
@media screen and (max-width: 639px)
{
.zfsp_tilenavigation .searchwrapper .catselect
{
width: calc(100% - 55px);
}
}
header .meta .meta_current_lang a
{
color: inherit;
}
footer .col_headline.footer-links ul
{
min-height: 150px;
}
.zfsp_category_icon_black_webcat
{
background-image: url('../images/assets/svg-1/bn-icon-multyletters-cmyk-black-201512-un.svg');
}
.zfsp_category_icon_black_media
{
background-image: url('../images/assets/svg-1/bn-icon-multyletters-cmyk-black-201512-un.svg');
}
.cookie-popup
{
z-index: 500;
position: fixed;
bottom: 0px;
width: 100%;
color: #FFFFFF;
background-color: rgba(0, 0, 0, 0.8);
}
.cookie-popup .row
{
background-color: transparent;
padding-bottom: 15px;
}
.cookie-popup .row .cookie-popup-text
{
font-size: 0.9rem;
}
.cookie-popup .row .cookie-popup-text p
{
margin-bottom: 0px;
}
.cookie-popup .row .cookie-popup-button
{
text-align: right;
}
.cookie-popup .row .cookie-popup-button a
{
width: 100%;
margin-bottom: 0px;
background-color: #2870bb;
white-space: nowrap;
text-align:left;
}
.cookie-popup .row .cookie-popup-button a .cookie-popup-button-text
{
float: left;
}
.cookie-popup .row .cookie-popup-button a .cookie-popup-button-icon
{
background-image: url('../images/assets/ico-arrow-right-white.png');
background-repeat: no-repeat;
background-size: 5px;
display: inline-block;
width: 10px;
height: 10px;
margin-top: 3px;
float: right;
}
.zfsp_tilenavigation .metatile .icon.custom_login
{
background-image: url("../images/assets/svg-cats/bn-icon-information-cmyk-black-201602-un-mm.svg");
}
.image-map .image-map-tip .tip_wrapper
{
display: block;
}
.image-map .image-map-icon
{
cursor: pointer;
}
.image-map .image-map-tip .tip_wrapper p
{
margin-bottom: 0px;
}
.image-map .image-map-tip .tip_wrapper .tip_text p
{
margin-bottom: 16px;
}
.image-map-info .image-map-list li
{
list-style-image: url('../images/assets/link-arrow-blue.png');
margin-left: 12px;
}
.image-map-info .image-map-list .map-list-item a
{
text-decoration: none;
}
.image-map-info .image-map-list .map-list-item a:hover
{
text-decoration: underline;
}
.image-map-accordion .accordion-item .accordion-content .linklist li
{
margin-left: 12px;
}
.image-map-accordion .accordion-item .accordion-content .linklist li a:hover
{
text-decoration: underline;
}
.image-map .image-map-tip .tip_wrapper .linklist
{
margin-bottom: 0px;
margin-left: 0px;
}
.image-map .image-map-tip .tip_wrapper .linklist li
{
list-style-image: url('../images/assets/link-arrow-blue.png');
margin-left: 12px;
}
.image-map .image-map-tip .tip_wrapper .linklist li a:hover
{
text-decoration: underline;
}
.image-map-info .image-map-list
{
margin-top: 20px;
}
@media screen and (max-width: 639px)
{
.image-map-info .image-map-list
{
margin-top: 0px;
}
}
.zfsp_country_select
{
padding-top: 5px;
}
.zfsp_country_select .cs-h2
{
font-weight: bold;
line-height: 1;
font-size: 2.5rem;
margin-bottom: 0px;
}
.zfsp_country_select .cs-h3
{
line-height: 1.5rem;
margin-bottom: 0px;
}
.zfsp_country_select .cs_close .close_country_select::after
{
background-image: none;
}
.zfsp_country_select .cs_close .close_country_select span
{
font-size: 28px;
position: relative;
top: 4px;
padding-left: 10px;
}
.zfsp_country_select .cs_close
{
text-align: right;
padding-bottom: 15px;
padding-right: 0px;
}
@media screen and (min-width: 1023px)
{
.zfsp_country_select
{
padding-top: 25px;
}
.zfsp_country_select .cs_bottom
{
position: relative;
top: -100px;
}
.zfsp_country_select .country_list ul
{
padding-bottom: 60px;
}
}
.zfsp_country_select .hl_white,
.zfsp_country_select .hl_gold
{
text-transform: uppercase;
}
.zfsp_country_select .portal_label
{
text-transform: uppercase;
}
.zfsp_country_select.isBrand .hl_white,
.zfsp_country_select.isBrand .hl_gold
{
text-transform: none;
}
.zfsp_country_select.isBrand .portal_label
{
text-transform: none;
}
@media screen and (max-width: 1023px)
{
.zfsp_country_select .hl_white,
.zfsp_country_select .hl_gold
{
font-size: 2.00rem;
}
.zfsp_country_select .tabletMobile p,
.zfsp_country_select .mapholder h3.hl_white,
.zfsp_country_select .cs_bottom div p,
.zfsp_country_select .mapholder .cs-h3.hl_white
{
font-size: 14px;
}
.zfsp_country_select .mapholder .cs-h3.hl_white
{
line-height: 20px;
}
}
@media screen and (max-width: 639px)
{
.zfsp_country_select .hl_white,
.zfsp_country_select .hl_gold
{
font-size: 1.75rem;
}
.zfsp_country_select .mapholder
{
margin-top: 10px;
}
.zfsp_country_select .mapholder .cs-h3.hl_white
{
line-height: 18px;
}
}
.zfsp_country_select .current_portal
{
margin-bottom: 20px;
}
.zfsp_country_select .current_portal p
{
margin-bottom: 8px;
}
.zfsp_country_select .portal_label
{
font-size: 18px;
}
.zfsp_country_select .portal_link,
.zfsp_country_select .mapholder navigation.country_list ul li a
{
color: #d5b076;
font-size: 18px;
}
.zfsp_country_select .mapholder p a
{
color: #d5b076;
}
.zfsp_country_select .mapholder .hl_white
{
font-size: 16px;
text-transform: none;
font-weight: normal;
padding-top: 30px;
}
.zfsp_country_select .cs_bottom div:first-child
{
margin-top: 25px;
}
.zfsp_country_select .cs_bottom p
{
font-size: 16px;
margin-bottom: 5px;
}
.zfsp_country_select .cs_bottom a
{
font-size: 18px;
}
.zfsp_country_select .cs_bottom a::after
{
content: "";
background-image: url('../images/assets/ico-arrow-right-orange.png');
background-position: 50% 50%;
background-repeat: no-repeat;
display: inline-block;
height: 13px;
width: 30px;
}
header .meta.mobile .mobile_meta_world
{
background-size: 1.875rem 1.875rem;
height: 1.875rem;
width: 1.875rem;
display: inline-block;
background-image: url('../images/assets/svg-1/bn-icon-worldmap-rgb-blue-201601-un.svg');
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
}
footer .footer_social .sm_navigation .bg_fade ul li
{
float: none;
width: auto;
position: static;
margin-right: 0px;
background-color: transparent;
}
.sm_navigation .linkpanel a
{
white-space: nowrap;
}
footer .footer_social .sm_navigation ul li .linkpanel a
{
color: #2770BA;
}
footer .footer_social .sm_navigation ul li .linkpanel a:hover
{
text-decoration: underline;
background-color: transparent;
}
.zfsp_onsite_search
{
margin-bottom: 1.25rem;
}
.zfsp_onsite_search .zfsp_onsite_search_area
{
background-color: #e8e8e8;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
}
.zfsp_onsite_search h3
{
margin-bottom: 20px;
}
.zfsp_onsite_search form
{
text-align: right;
}
.zfsp_onsite_search .button
{
padding-right: 60px;
background-color: rgba(40, 112, 187, 0.8);
background-image: url("../images/assets/svg-1/bn-icon-magnifyingglass-rgb-white-201512-un-2.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: 85%;
margin-bottom: 20px;
}
.zfsp_onsite_search .button .magnifier
{
display: inline-block;
background-image: url("../images/assets/svg-1/bn-icon-magnifyingglass-rgb-white-201512-un-2.svg");
background-repeat: no-repeat;
color: white;
height: 30px;
width: 33px;
margin-left: 30px;
margin-top: -7px;
position: absolute;
z-index: 2;
}
.zfsp_onsite_search .catselect
{
background-image: url("../images/assets/arrow-select.png");
background-position: right 50%;
background-size: inherit;
padding-right: 0;
}
.zfsp_linklist
{
margin-top: 20px;
}
.zfsp_table
{
margin-top: 20px;
}
.footernav_meta_mobile .footernav_contact
{
top: 0px;
}
.footernav_meta_mobile .footernav_sharepage
{
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
height: 34px;
border-width: 0px;
font-size: 14px;
background-color: transparent;
background-image: url("../images/assets/button-arrow-grey-with-bg.png");
background-position: right 50%;
background-size: inherit;
padding-right: 3px;
}
header .meta .top_row.noNavigation
{
justify-content: flex-end;
}
header .meta .top_row.noNavigation .meta_current_lang
{
margin-right: 0px;
}
.zfsp_teaser.standard_teaser .text_wrapper .linklist li.hasCta
{
list-style-image: none;
margin-left: 0px;
}
.zfsp_tilenavigation .tile .linktext
{
display: inline-flex;
align-items: center;
padding-top: 0px;
padding-bottom: 0px;
}
map area
{
outline: none;
}
.contact_form textarea.notvalid
{
border-color:#c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.contact_form select.notvalid
{
border-color:#c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.contact_form input.notvalid
{
border-color:#c38ec4;
border-width: 2px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.contact_form input:invalid
{
box-shadow: none;
}
.contact_form .cf-validation-msg
{
position: absolute;
margin-top: -12px;
font-size: 10px;
color: #c38ec4;
}
.contact_form .form_step02 .cfCheckboxes,
.contact_form .form_step03_wrapper .form_step02_display .cfCheckboxes
{
margin-bottom: 16px;
}
.contact_form .status_bar.mobile .step_1,
.contact_form .status_bar.mobile .step_2,
.contact_form .status_bar.mobile .step_3
{
border-radius: 50%;
background-color: #d5b076;
width: 30px;
height: 30px;
min-height: auto;
min-width: auto;
opacity: 0.4;
padding-top: 7px;
color: #FFFFFF;
}
.contact_form .status_bar.mobile .step_1.active,
.contact_form .status_bar.mobile .step_2.active,
.contact_form .status_bar.mobile .step_3.active
{
opacity: 1;
}
.contact_form .status_bar.mobile .to_step_02,
.contact_form .status_bar.mobile .to_step_03
{
margin-top: 13px;
height: 4px;
}
.contact_form .status_bar.mobile
{
border: 0px;
margin-bottom: 0px;
padding-bottom: 20px;
}
.contact_form .status_bar.mobile .middle-bar-area-left
{
margin-left: 40px;
padding-right: 53px;
}
.contact_form .status_bar.mobile .middle-bar-area-right
{
padding-right: 40px;
}
.contact_form .status_bar.mobile .middle-bar-area-left .middle-bar-left
{
top: 1px;
}
.contact_form .status_bar.mobile .middle-bar-area-right .middle-bar-right
{
top: -7px;
}
.contact_form .zfsp-seperator-clearfix
{
clear: both;
}
.contact_form input[name="s"]
{
display: none;
}
.contact_form .cf-upload-area
{
border: dashed 1px #b0b0b0;
margin-bottom: 20px;
padding: 10px;
cursor: pointer;
}
.contact_form .cf-upload-icon-text
{
display: table;
margin: 0 auto;
}
.contact_form .cf-upload-icon-text .icon
{
display: table-cell;
vertical-align: middle;
padding-right: 5px;
}
.contact_form .cf-upload-icon-text .icon .upload-image
{
background-image: url('../images/assets/contact-form-upload.png');
width: 49px;
height: 49px;
}
.contact_form .cf-upload-icon-text .text
{
display: table-cell;
vertical-align:middle;
}
.contact_form .cf-upload-icon-text .text .infoText
{
font-size: 0.875rem;
}
.contact_form .cf-upload-icon-text .text .maxFiles
{
color: #b0b0b0;
font-size: 0.875rem;
}
.contact_form .cf-upload-errors
{
color: red;
font-size: 0.875rem;
}
.contact_form .cf-upload-progress
{
margin-top: 16px;
display: none;
}
.contact_form .cf-uploaded-files
{
width: auto;
margin: 0 auto;
margin-top: 16px;
margin-bottom: 16px;
font-size: 0.875rem;
display: none;
}
.contact_form .cf-uploaded-files tbody
{
border:0px;
}
.contact_form .cf-uploaded-files tr
{
border-top: 1px dashed #b0b0b0;
border-bottom: 1px dashed #b0b0b0;
}
.contact_form .cf-uploaded-files tr:nth-child(2n)
{
background-color: transparent;
}
.contact_form .cf-uploaded-files a
{
font-size: 20px;
color: #000000;
}
.contact_form .cf-file-upload
{
display: none;
}
.contact_form nav
{
margin-top: 0px;
}
.contact_form nav .zfsp_breadcrumb_contact_form li
{
font-size: 0.875rem;
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step
{
background-image: none;
border-radius: 50%;
background-color: #d5b076;
width: 20px;
height: 20px;
margin-top: 12px;
padding-top: 0px;
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step
{
max-width: 17rem;
margin-right: -1px;
margin-left: -1px;
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_to_step:first-of-type
{
margin-left: 22px;
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step .breadcrumb_textarea
{
position: absolute;
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step .breadcrumb_textarea
{
margin-top: 38px;
}
.contact_form nav .zfsp_breadcrumb_contact_form .breadcrumb_step .breadcrumb_textarea span
{
position: relative;
left: -50%;
font-size: 0.875rem;
}
.contact_form .status_bar
{
display: block;
}
.contact_form .status_bar .status-area
{
display: flex;
position: relative;
}
.contact_form .status_bar .status-area .step
{
padding-top: 0px;
}
.contact_form .status_bar .status-area .step .step-area
{
position: relative;
height: 56px;
margin-bottom: 10px;
}
.contact_form .status_bar .status-area .step .step-area .step-line-left
{
position: absolute;
margin-top: 25px;
background-color: #d5b076;
height: 8px;
width: 50%;
opacity: 0.4;
}
.contact_form .status_bar .status-area .step .step-area .step-line-right
{
position: absolute;
margin-top: 25px;
background-color: #d5b076;
height: 8px;
margin-left: 50%;
width: 50%;
opacity: 0.4;
}
.contact_form .status_bar .status-area .step .step-area .step-line-left.active
{
opacity: 1;
}
.contact_form .status_bar .status-area .step .step-area .step-line-right.active
{
opacity: 1;
}
.contact_form .status_bar .status-area .step .step-area .step-icon-area
{
position: absolute;
margin-left: calc(50% - 28px);
background-color: #FFFFFF;
}
.contact_form .status_bar .status-area .step .step-area .step-icon-area .step-icon
{
border-radius: 50%;
height: 56px;
width: 56px;
background-color: #d5b076;
background-size: 36px 36px;
background-repeat: no-repeat;
background-position: center;
opacity: 0.4;
}
.contact_form .status_bar .status-area .step.active .step-area .step-icon-area .step-icon
{
opacity: 1;
}
.contact_form .status_bar .status-area .step .step-text
{
color: #d9d9d9;
font-size: 0.875rem;
}
.contact_form .status_bar .status-area .step.active .step-text
{
color: #000000;
font-size: 0.875rem;
}
.contact_form .status_bar .status-area .step_1 .step-area .step-icon-area .step-icon
{
background-image: url('../images/assets/zf-contact-form-bar-step1-icon.png');
}
.contact_form .status_bar .status-area .step_2 .step-area .step-icon-area .step-icon
{
background-image: url('../images/assets/zf-contact-form-bar-step2-icon.png');
}
.contact_form .status_bar .status-area .step_3 .step-area .step-icon-area .step-icon
{
background-image: url('../images/assets/zf-contact-form-bar-step3-icon.png');
}
.contact_form .status_bar.mobile .step
{
padding-top: 7px;
}
.contact_form .is-drilldown li
{
background-size: 7px auto;
}
.contact_form .is-drilldown li a
{
font-size: 0.875rem;
}
.contact_form .is-drilldown li.js-drilldown-back
{
display: none !important;
}
.contact_form .is-drilldown li.cf-level-back
{
background-color: #FFFFFF;
padding-left: 31px;
background-image: url('../images/assets/button-arrow-grey-rev.png') !important;
background-origin: content-box;
background-position: left 12px;
background-repeat: no-repeat;
background-size: 7px auto;
}
.contact_form .is-drilldown li.cf-level-back a
{
padding-left: 26px;
}
.contact_form .is-drilldown li
{
margin-bottom: 3px;
}
.contact_form .is-drilldown li a
{
color: #000000;
}
.contact_form .form_step01 .dropdown li a
{
font-size: 0.875rem;
}
.contact_form .form_step01 .dropdown li[role="menuitem"] a,
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li a,
.contact_form .form_step01 .dropdown li.is-active[role="menuitem"] .submenu > li a,
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover .submenu > li .submenu > li a,
.contact_form .form_step01 .dropdown li.is-active[role="menuitem"] .submenu > li .submenu > li a
{
color: #000000;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover:after,
.contact_form .form_step01 .dropdown li.is-active[role="menuitem"]:after
{
height: 100%;
}
.contact_form .form_step01 .dropdown li[role="menuitem"].isLastLevel:hover:after,
.contact_form .form_step01 .dropdown li.is-active[role="menuitem"].isLastLevel:after
{
border: 0px;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover:after,
.contact_form .form_step01 .dropdown li.is-active[role="menuitem"]:after
{
border-width: 23px;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]:hover,
.contact_form .form_step01 .dropdown li.is-active[role="menuitem"]
{
background-size: 10px auto;
}
.contact_form .form_step01 .dropdown li[role="menuitem"]
{
background-size: 7px auto;
}
.contact_form .status_bar .step
{
z-index: 2;
text-transform: uppercase;
opacity: 1;
}
.contact_form h3
{
text-transform: uppercase;
font-size: 1.5rem;
}
.contact_form h4
{
text-transform: uppercase;
font-size: 1.25rem;
}
.contact_form .form_step02 .row:nth-child(1),
.contact_form .form_step03 .row:nth-child(1)
{
padding-top: 20px;
}
.contact_form .form_step03 .cf-second-area > .row
{
padding-top: 0px;
}
.contact_form .form_step03 select[name="countryCodeGuid"],
.contact_form .form_step02 select[name="yearOfConstruction"]
{
display: block;
font-size: 0.875rem;
}
.contact_form .form_step01,
.contact_form .form_step02
{
padding-bottom: 50px;
}
.contact_form .form_step03 .sub-label
{
margin-bottom: 35px;
}
.contact_form .form_step03 .cf-dataprotection-area
{
padding-top: 10px;
}
.contact_form .form_step03 .cf-dataprotection-area label
{
display: block;
}
.contact_form .form_step03 .cf-dataprotection-area .cf-validation-msg
{
margin-top: 0px;
}
.contact_form .form_step02 textarea
{
min-height: 200px;
font-size: 14px;
padding-left: 16px;
padding-right: 16px;
}
.contact_form .form_step02 select[name="yearOfConstruction"],
.contact_form .form_step03 select[name="countryCodeGuid"]
{
background-image: url("../images/assets/arrow-select.png");
background-position: right 50%;
background-size: inherit;
padding-right: 0;
}
.contact_form .form_step01 .is-drilldown li.selected,
.contact_form .form_step01 .is-drilldown li:hover
{
background-color: #2870bb;
}
.contact_form .form_step01 .is-drilldown li.selected a,
.contact_form .form_step01 .is-drilldown li:hover > a
{
color: #FFFFFF;
}
.contact_form hr
{
margin-top: 0px;
margin-bottom: 15px;
}
.contact_form .form_step02 .cfMileAgeTypeField
{
display: inline;
float: right;
}
.contact_form .form_step02 .cfMileAgeTypeField .clearFloat
{
clear: both;
}
.contact_form .form_step02 .cfMileAgeTypeField input
{
margin-bottom: 0px;
}
.contact_form .form_step02 .cfMileAgeTypeField label
{
margin-right: 5px;
}
.contact_form .form_step02_wrapper .button_change,
.contact_form .form_step03_wrapper .button_change
{
background-color: #2870bb;
}
.contact_form .form_step02_wrapper .step2-headline
{
margin-bottom: 20px;
}
.contact_form .form_step03 [type="checkbox"] + label:before
{
border: 1px solid #cacaca !important;
background-color: #fefefe;
}
.contact_form .form_step02 [type="checkbox"] + label:before
{
border: 1px solid #cacaca !important;
background-color: #fefefe;
}
.contact_form .form_step02 .cfCheckboxes
{
padding-top: 8px;
}
#cf-changeDialog
{
padding: 24px;
}
#cf-changeDialog p
{
font-size: 0.875rem;
}
#cf-changeDialog .button.confirm,
#cf-changeDialog .button.abort
{
background-color: #2870bb;
margin-bottom: 0px;
}
#cf-changeDialog .button.confirm span,
#cf-changeDialog .button.abort span
{
display: inline-block;
min-width: 30px;
}
#cf-changeDialog .button.confirm
{
padding-right: 50px;
}
#cf-changeDialog .button.confirm span:after
{
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 31px;
position: absolute;
}
#cf-changeDialog .button.abort
{
background-color: #b0b0b0;
padding-left: 50px;
}
#cf-changeDialog .button.abort:before
{
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat;
content: "";
margin-left: -39px;
position: absolute;
}
.reveal-overlay
{
background-color: rgba(10, 10, 10, 0.80);
}
.contact_form a.button.next
{
padding-right: 50px;
}
.contact_form a.button.next:after
{
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -190px 50% no-repeat;
content: "";
margin-left: 31px;
position: absolute;
}
.contact_form a.button.prev
{
padding-left: 50px;
}
.contact_form a.button.prev:before
{
height: 1rem;
width: 1rem;
display: inline-block;
background: url('../images/assets/ico-sprite.png') -1050px 50% no-repeat;
content: "";
margin-left: -39px;
position: absolute;
}
.contact_form .form_step03_wrapper .form_step03 > div
{
padding-bottom: 50px;
}
.contact_form .form_step03_wrapper .form_step02_display .cf-spacer
{
margin-bottom: 36px;
}
.contact_form .form_step03_wrapper .form_step02_display .cf-second-area
{
padding-right: 0px;
padding-left: 40px;
margin-left: -20px;
}
.contact_form .form_step03_wrapper .form_step02_display .cf-second-area,
.contact_form .form_step03_wrapper .form_step02_display .cf-first-area p
{
overflow: hidden;
}
.contact_form .form_step03_wrapper .form_step02_display .cf-first-area p
{
word-wrap: break-word;
}
.contact_form .form_step03_wrapper .form_step02_display .cf-first-area h4,
.contact_form .form_step03_wrapper .form_step02_display .cf-second-area h4
{
margin-bottom: 25px;
}
.contact_form .form_step03_wrapper .form_step02_display .cf-second-area table
{
font-size: 0.875rem;
}
.contact_form .form_step03_wrapper .form_step02_display table
{
width: auto;
}
.contact_form .form_step03_wrapper .form_step02_display table tbody
{
border: 0px;
}
.contact_form .form_step03_wrapper .form_step02_display table tr
{
background-color: transparent;
}
.contact_form .form_step03_wrapper .form_step02_display table tr td
{
padding-left: 0px;
padding-bottom: 5px;
padding-top: 5px;
}
.contact_form .form_step03_wrapper .form_step02_display table .cf-table-label
{
font-weight: bold;
}
.contact_form .form_step03_wrapper .form_step02_display table .cf-table-space
{
width: 50px;
}
.contact_form .form_step03_wrapper .form_step02_display .button.prev
{
background-color: #2870bb;
padding-left: 14px;
}
.contact_form .form_step03_wrapper .form_step02_display .button.prev:before
{
background: none;
}
.contact_form .form_step03_wrapper .form_step02_display .cfCheckboxes
{
font-size: 0.875rem;
}
.contact_form .form_step03_wrapper .form_step02_display .cfCheckboxes span
{
margin-right: 16px;
}
.contact_form .form_step01_wrapper p,
.contact_form .form_step02_wrapper p,
.contact_form .form_step02_display p,
.contact_form .form_step03_wrapper p
{
font-size: 0.875rem;
}
.contact_form .is-drilldown
{
width: 50%;
}
.contact_form [type="checkbox"]:checked + label
{
background: transparent;
}
@media screen and (min-width: 1023px)
{
}
@media screen and (max-width: 1023px)
{
.contact_form .status_bar
{
border: 0px;
margin-bottom: 15px;
}
.contact_form .form_step02 .cf-second-area
{
margin-top: 30px;
}
.contact_form h4
{
font-weight: normal;
margin-bottom: 5px;
font-size: 16px;
}
.contact_form .form_step03 .sub-label
{
margin-bottom: 5px;
}
.contact_form .is-drilldown
{
width: auto;
}
}
@media screen and (max-width: 639px)
{
.contact_form h3
{
margin-bottom: 30px;
}
.contact_form .is-drilldown
{
width: auto;
}
}
/* asian lanuage extensions */
html:lang(zh) .content-group h2 {
line-height: 1.2; }
/*../images/zfa-logo-white.png ../images/zfa-logo-combination-left-a.png ../images/zfa-logo-combination-left-b.png*/
/*../images/email/cta-blank.png ../images/email/cta-blank-x2.png*/