/* Minification failed. Returning unminified contents.
(3355,31): run-time error CSS1046: Expect comma, found '255'
(3355,39): run-time error CSS1046: Expect comma, found '/'
(9369,28): run-time error CSS1046: Expect comma, found '51'
(9369,34): run-time error CSS1046: Expect comma, found '25%'
(9369,37): run-time error CSS1047: Expected number or percentage value in rgb function, found ')'
(9369,39): run-time error CSS1034: Expected closing parenthesis, found '0'
(9369,39): run-time error CSS1042: Expected function, found '0'
(10402,25): run-time error CSS1046: Expect comma, found '246'
(10402,33): run-time error CSS1046: Expect comma, found '/'
(10478,39): run-time error CSS1046: Expect comma, found '204'
(10478,47): run-time error CSS1046: Expect comma, found '/'
(11096,23): run-time error CSS1046: Expect comma, found '0'
(11096,27): run-time error CSS1046: Expect comma, found '/'
(11131,40): run-time error CSS1046: Expect comma, found '0'
(11131,44): run-time error CSS1046: Expect comma, found '/'
(11264,24): run-time error CSS1046: Expect comma, found '51'
(11264,30): run-time error CSS1046: Expect comma, found '/'
(12096,25): run-time error CSS1046: Expect comma, found '163'
(12096,33): run-time error CSS1046: Expect comma, found '/'
(12504,24): run-time error CSS1046: Expect comma, found '101'
(12504,32): run-time error CSS1046: Expect comma, found '/'
(12947,23): run-time error CSS1046: Expect comma, found '0'
(12947,27): run-time error CSS1046: Expect comma, found '/'
(13224,24): run-time error CSS1046: Expect comma, found '51'
(13224,30): run-time error CSS1046: Expect comma, found '/'
(13672,24): run-time error CSS1046: Expect comma, found '51'
(13672,30): run-time error CSS1046: Expect comma, found '/'
(13697,24): run-time error CSS1046: Expect comma, found '51'
(13697,30): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8";@media print,screen and (min-width:40em){.reveal,.reveal.large,.reveal.small,.reveal.tiny{right:auto;left:auto;margin:0 auto}}/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}html{box-sizing:border-box;font-size:100%}*,::after,::before{box-sizing:inherit}body{margin:0;padding:0;background:#fefefe;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5;color:#0a0a0a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic}textarea{height:auto;min-height:50px;border-radius:3px}select{box-sizing:border-box;width:100%;border-radius:3px}.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:0 0;line-height:1;cursor:auto}[data-whatinput=mouse] button{outline:0}pre{overflow:auto}button,input,optgroup,select,textarea{font-family:inherit}.is-visible{display:block!important}.is-hidden{display:none!important}blockquote,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,li,ol,p,pre,td,th,ul{margin:0;padding:0}p{margin-bottom:1rem;font-size:inherit;line-height:1.6;text-rendering:optimizeLegibility}em,i{font-style:italic;line-height:inherit}b,strong{font-weight:700;line-height:inherit}small{font-size:80%;line-height:inherit}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:400;color:inherit;text-rendering:optimizeLegibility}.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{line-height:0;color:#cacaca}.h1,h1{font-size:1.5rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h2,h2{font-size:1.25rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h3,h3{font-size:1.1875rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h4,h4{font-size:1.125rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h5,h5{font-size:1.0625rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}.h6,h6{font-size:1rem;line-height:1.4;margin-top:0;margin-bottom:.5rem}@media print,screen and (min-width:40em){.h1,h1{font-size:3rem}.h2,h2{font-size:2.5rem}.h3,h3{font-size:1.9375rem}.h4,h4{font-size:1.5625rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}}a{line-height:inherit;color:#2ba6cb;text-decoration:none;cursor:pointer}a:focus,a:hover{color:#258faf}a img{border:0}hr{clear:both;max-width:90rem;height:0;margin:1.25rem auto;border-top:0;border-right:0;border-bottom:1px solid #cacaca;border-left:0}dl,ol,ul{margin-bottom:1rem;list-style-position:outside;line-height:1.6}li{font-size:inherit}ul{margin-left:1.25rem;list-style-type:disc}ol{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl{margin-bottom:1rem}dl dt{margin-bottom:.3rem;font-weight:700}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:"— "}abbr,abbr[title]{border-bottom:1px dotted #0a0a0a;cursor:help;text-decoration:none}figure{margin:0}code{padding:.125rem .3125rem .0625rem;border:1px solid #cacaca;background-color:#e6e6e6;font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:400;color:#0a0a0a}kbd{margin:0;padding:.125rem .25rem 0;background-color:#e6e6e6;font-family:Consolas,"Liberation Mono",Courier,monospace;color:#0a0a0a;border-radius:3px}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;line-height:1.4;color:#8a8a8a}.lead{font-size:125%;line-height:1.6}.stat{font-size:2.5rem;line-height:1}p+.stat{margin-top:-1rem}ol.no-bullet,ul.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 print,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 print,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}}.show-for-print{display:none!important}@media print{*{background:0 0!important;box-shadow:none!important;color:#000!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{display:table-cell!important}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^='#']:after,a[href^='javascript:']:after{content:''}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #8a8a8a;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.print-break-inside{page-break-inside:auto}}[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea{display:block;box-sizing:border-box;width:100%;height:2.4375rem;margin:0 0 1rem;padding:.5rem;border:1px solid #cacaca;border-radius:3px;background-color:#fefefe;box-shadow:inset 0 1px 2px rgba(10,10,10,.1);font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#0a0a0a;transition:box-shadow .5s,border-color .25s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=color]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=datetime]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,textarea:focus{outline:0;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}textarea{max-width:100%}textarea[rows]{height:auto}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#cacaca}input::-moz-placeholder,textarea::-moz-placeholder{color:#cacaca}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#cacaca}input::placeholder,textarea::placeholder{color:#cacaca}input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:not-allowed}[type=button],[type=submit]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:3px}input[type=search]{box-sizing:border-box}[type=checkbox],[type=file],[type=radio]{margin:0 0 1rem}[type=checkbox]+label,[type=radio]+label{display:inline-block;vertical-align:baseline;margin-left:.5rem;margin-right:1rem;margin-bottom:0}[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;font-weight:400;line-height:1.8;color:#0a0a0a}label.middle{margin:0 0 1rem;padding:.5625rem 0}.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#0a0a0a}.input-group{display:-ms-flexbox;display:flex;width:100%;margin-bottom:1rem;-ms-flex-align:stretch;align-items:stretch}.input-group>:first-child{border-radius:3px 0 0 3px}.input-group>:last-child>*{border-radius:0 3px 3px 0}.input-group-button,.input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label,.input-group-field,.input-group-label{margin:0;white-space:nowrap}.input-group-label{padding:0 1rem;border:1px solid #cacaca;background:#e6e6e6;color:#0a0a0a;text-align:center;white-space:nowrap;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center}.input-group-label:first-child{border-right:0}.input-group-label:last-child{border-left:0}.input-group-field{border-radius:0;-ms-flex:1 1 0px;flex:1 1 0px;height:auto;min-width:0}.input-group-button{padding-top:0;padding-bottom:0;text-align:center;display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto}.input-group-button a,.input-group-button button,.input-group-button input,.input-group-button label{height:auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;padding-top:0;padding-bottom:0;font-size:1rem}fieldset{margin:0;padding:0;border:0}legend{max-width:100%;margin-bottom:.5rem}.fieldset{margin:1.125rem 0;padding:1.25rem;border:1px solid #cacaca}.fieldset legend{margin:0;margin-left:-.1875rem;padding:0 .1875rem}select{height:2.4375rem;margin:0 0 1rem;padding:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #cacaca;border-radius:3px;background-color:#fefefe;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#0a0a0a;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-origin:content-box;background-position:right -1rem center;background-repeat:no-repeat;background-size:9px 6px;padding-right:1.5rem;transition:box-shadow .5s,border-color .25s ease-in-out}@media screen and (min-width:0\0){select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}}select:focus{outline:0;border:1px solid #8a8a8a;background-color:#fefefe;box-shadow:0 0 5px #cacaca;transition:box-shadow .5s,border-color .25s ease-in-out}select:disabled{background-color:#e6e6e6;cursor:not-allowed}select::-ms-expand{display:none}select[multiple]{height:auto;background-image:none}.is-invalid-input:not(:focus){border-color:#c60f13;background-color:#f8e6e7}.is-invalid-input:not(:focus)::-webkit-input-placeholder{color:#c60f13}.is-invalid-input:not(:focus)::-moz-placeholder{color:#c60f13}.is-invalid-input:not(:focus):-ms-input-placeholder{color:#c60f13}.is-invalid-input:not(:focus)::placeholder{color:#c60f13}.is-invalid-label{color:#c60f13}.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;color:#c60f13}.form-error.is-visible{display:block}.text-hide{font:0/0 a!important;color:transparent!important;text-shadow:none!important;background-color:transparent!important;border:0!important}.text-truncate{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis;white-space:nowrap!important}.text-nowrap{white-space:nowrap!important}.text-wrap{word-wrap:break-word!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-overline{text-decoration:overline!important}.text-underline{text-decoration:underline!important}.text-line-through{text-decoration:line-through!important}.font-wide{letter-spacing:.25rem}.font-normal{font-weight:400}.font-bold{font-weight:700}.font-italic{font-style:italic!important}ul.list-disc{list-style-type:disc!important}ul.list-circle{list-style-type:circle!important}ul.list-square{list-style-type:square!important}ol.list-decimal{list-style-type:decimal!important}ol.list-lower-alpha{list-style-type:lower-alpha!important}ol.list-lower-latin{list-style-type:lower-latin!important}ol.list-lower-roman{list-style-type:lower-roman!important}ol.list-upper-alpha{list-style-type:upper-alpha!important}ol.list-upper-latin{list-style-type:upper-latin!important}ol.list-upper-roman{list-style-type:upper-roman!important}.rounded{border-radius:5000px!important}.radius{border-radius:.1875rem}.bordered{border:.0625rem solid #cacaca}.shadow{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.arrow-down{display:block;width:0;height:0;border:inset .4375rem;content:'';border-bottom-width:0;border-top-style:solid;border-color:#0a0a0a transparent transparent}.arrow-up{display:block;width:0;height:0;border:inset .4375rem;content:'';border-top-width:0;border-bottom-style:solid;border-color:transparent transparent #0a0a0a}.arrow-right{display:block;width:0;height:0;border:inset .4375rem;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #0a0a0a}.arrow-left{display:block;width:0;height:0;border:inset .4375rem;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #0a0a0a transparent transparent}.separator-center{text-align:center!important}.separator-center::after,.separator-center::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.separator-center::after{clear:both}.separator-center::after{position:relative!important;width:3rem;border-bottom:.125rem solid #2ba6cb;margin:1rem auto 0}.separator-left{text-align:left!important}.separator-left::after,.separator-left::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.separator-left::after{clear:both}.separator-left::after{position:relative!important;width:3rem;border-bottom:.125rem solid #2ba6cb;margin:1rem auto 0;margin-left:0!important}.separator-right{text-align:right!important}.separator-right::after,.separator-right::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.separator-right::after{clear:both}.separator-right::after{position:relative!important;width:3rem;border-bottom:.125rem solid #2ba6cb;margin:1rem auto 0;margin-right:0!important}.overflow-visible{overflow:visible!important}.overflow-x-visible{overflow-x:visible!important}.overflow-y-visible{overflow-y:visible!important}.overflow-hidden{overflow:hidden!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-scroll{overflow:scroll!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-scroll{overflow-y:scroll!important}.display-inline{display:inline!important}.display-inline-block{display:inline-block!important}.display-block{display:block!important}.display-table{display:table!important}.display-table-cell{display:table-cell!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-fixed-top{position:fixed!important;top:0!important;right:0!important;left:0!important;z-index:975}.position-fixed-bottom{position:fixed!important;right:0!important;bottom:0!important;left:0!important;z-index:975}.border-box{box-sizing:border-box!important}.border-none{border:none!important}.width-25{width:25%!important}.width-50{width:50%!important}.width-75{width:75%!important}.width-100{width:100%!important}.height-25{height:25%!important}.height-50{height:50%!important}.height-75{height:75%!important}.height-100{height:100%!important}.max-width-100{max-width:100%!important}.max-height-100{max-height:100%!important}.margin-0{margin-top:0!important;margin-right:0!important;margin-bottom:0!important;margin-left:0!important}.padding-0{padding-top:0!important;padding-right:0!important;padding-bottom:0!important;padding-left:0!important}.margin-top-0{margin-top:0!important}.padding-top-0{padding-top:0!important}.margin-right-0{margin-right:0!important}.padding-right-0{padding-right:0!important}.margin-bottom-0{margin-bottom:0!important}.padding-bottom-0{padding-bottom:0!important}.margin-left-0{margin-left:0!important}.padding-left-0{padding-left:0!important}.margin-horizontal-0{margin-right:0!important;margin-left:0!important}.padding-horizontal-0{padding-right:0!important;padding-left:0!important}.margin-vertical-0{margin-top:0!important;margin-bottom:0!important}.padding-vertical-0{padding-top:0!important;padding-bottom:0!important}.margin-1{margin-top:1rem!important;margin-right:1rem!important;margin-bottom:1rem!important;margin-left:1rem!important}.padding-1{padding-top:1rem!important;padding-right:1rem!important;padding-bottom:1rem!important;padding-left:1rem!important}.margin-top-1{margin-top:1rem!important}.padding-top-1{padding-top:1rem!important}.margin-right-1{margin-right:1rem!important}.padding-right-1{padding-right:1rem!important}.margin-bottom-1{margin-bottom:1rem!important}.padding-bottom-1{padding-bottom:1rem!important}.margin-left-1{margin-left:1rem!important}.padding-left-1{padding-left:1rem!important}.margin-horizontal-1{margin-right:1rem!important;margin-left:1rem!important}.padding-horizontal-1{padding-right:1rem!important;padding-left:1rem!important}.margin-vertical-1{margin-top:1rem!important;margin-bottom:1rem!important}.padding-vertical-1{padding-top:1rem!important;padding-bottom:1rem!important}.margin-2{margin-top:2rem!important;margin-right:2rem!important;margin-bottom:2rem!important;margin-left:2rem!important}.padding-2{padding-top:2rem!important;padding-right:2rem!important;padding-bottom:2rem!important;padding-left:2rem!important}.margin-top-2{margin-top:2rem!important}.padding-top-2{padding-top:2rem!important}.margin-right-2{margin-right:2rem!important}.padding-right-2{padding-right:2rem!important}.margin-bottom-2{margin-bottom:2rem!important}.padding-bottom-2{padding-bottom:2rem!important}.margin-left-2{margin-left:2rem!important}.padding-left-2{padding-left:2rem!important}.margin-horizontal-2{margin-right:2rem!important;margin-left:2rem!important}.padding-horizontal-2{padding-right:2rem!important;padding-left:2rem!important}.margin-vertical-2{margin-top:2rem!important;margin-bottom:2rem!important}.padding-vertical-2{padding-top:2rem!important;padding-bottom:2rem!important}.margin-3{margin-top:3rem!important;margin-right:3rem!important;margin-bottom:3rem!important;margin-left:3rem!important}.padding-3{padding-top:3rem!important;padding-right:3rem!important;padding-bottom:3rem!important;padding-left:3rem!important}.margin-top-3{margin-top:3rem!important}.padding-top-3{padding-top:3rem!important}.margin-right-3{margin-right:3rem!important}.padding-right-3{padding-right:3rem!important}.margin-bottom-3{margin-bottom:3rem!important}.padding-bottom-3{padding-bottom:3rem!important}.margin-left-3{margin-left:3rem!important}.padding-left-3{padding-left:3rem!important}.margin-horizontal-3{margin-right:3rem!important;margin-left:3rem!important}.padding-horizontal-3{padding-right:3rem!important;padding-left:3rem!important}.margin-vertical-3{margin-top:3rem!important;margin-bottom:3rem!important}.padding-vertical-3{padding-top:3rem!important;padding-bottom:3rem!important}.float-left{float:left!important}.float-right{float:right!important}.float-center{display:block;margin-right:auto;margin-left:auto}.clearfix::after,.clearfix::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.clearfix::after{clear:both}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media print,screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.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 print,screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.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;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.show-on-focus:active,.show-on-focus:focus{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal;-webkit-clip-path:none;clip-path:none}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}.button{display:inline-block;vertical-align:middle;margin:0 0 1rem 0;font-family:inherit;padding:.85em 1em;-webkit-appearance:none;border:1px solid transparent;border-radius:3px;transition:background-color .25s ease-out,color .25s ease-out;font-size:.9rem;line-height:1;text-align:center;cursor:pointer;background-color:#2ba6cb;color:#fefefe}[data-whatinput=mouse] .button{outline:0}.button:focus,.button:hover{background-color:#258dad;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-right:0;margin-left:0}.button.primary{background-color:#2ba6cb;color:#0a0a0a}.button.primary:focus,.button.primary:hover{background-color:#2285a2;color:#0a0a0a}.button.secondary{background-color:#e9e9e9;color:#0a0a0a}.button.secondary:focus,.button.secondary:hover{background-color:#bababa;color:#0a0a0a}.button.alert{background-color:#c60f13;color:#fefefe}.button.alert:focus,.button.alert:hover{background-color:#9e0c0f;color:#fefefe}.button.success{background-color:#5da423;color:#0a0a0a}.button.success:focus,.button.success:hover{background-color:#4a831c;color:#0a0a0a}.button.warning{background-color:#ffae00;color:#0a0a0a}.button.warning:focus,.button.warning:hover{background-color:#cc8b00;color:#0a0a0a}.button.body-font{background-color:#222;color:#fefefe}.button.body-font:focus,.button.body-font:hover{background-color:#1b1b1b;color:#fefefe}.button.header{background-color:#222;color:#fefefe}.button.header:focus,.button.header:hover{background-color:#1b1b1b;color:#fefefe}.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed}.button.disabled,.button.disabled:focus,.button.disabled:hover,.button[disabled],.button[disabled]:focus,.button[disabled]:hover{background-color:#2ba6cb;color:#fefefe}.button.disabled.primary,.button[disabled].primary{opacity:.25;cursor:not-allowed}.button.disabled.primary,.button.disabled.primary:focus,.button.disabled.primary:hover,.button[disabled].primary,.button[disabled].primary:focus,.button[disabled].primary:hover{background-color:#2ba6cb;color:#0a0a0a}.button.disabled.secondary,.button[disabled].secondary{opacity:.25;cursor:not-allowed}.button.disabled.secondary,.button.disabled.secondary:focus,.button.disabled.secondary:hover,.button[disabled].secondary,.button[disabled].secondary:focus,.button[disabled].secondary:hover{background-color:#e9e9e9;color:#0a0a0a}.button.disabled.alert,.button[disabled].alert{opacity:.25;cursor:not-allowed}.button.disabled.alert,.button.disabled.alert:focus,.button.disabled.alert:hover,.button[disabled].alert,.button[disabled].alert:focus,.button[disabled].alert:hover{background-color:#c60f13;color:#fefefe}.button.disabled.success,.button[disabled].success{opacity:.25;cursor:not-allowed}.button.disabled.success,.button.disabled.success:focus,.button.disabled.success:hover,.button[disabled].success,.button[disabled].success:focus,.button[disabled].success:hover{background-color:#5da423;color:#0a0a0a}.button.disabled.warning,.button[disabled].warning{opacity:.25;cursor:not-allowed}.button.disabled.warning,.button.disabled.warning:focus,.button.disabled.warning:hover,.button[disabled].warning,.button[disabled].warning:focus,.button[disabled].warning:hover{background-color:#ffae00;color:#0a0a0a}.button.disabled.body-font,.button[disabled].body-font{opacity:.25;cursor:not-allowed}.button.disabled.body-font,.button.disabled.body-font:focus,.button.disabled.body-font:hover,.button[disabled].body-font,.button[disabled].body-font:focus,.button[disabled].body-font:hover{background-color:#222;color:#fefefe}.button.disabled.header,.button[disabled].header{opacity:.25;cursor:not-allowed}.button.disabled.header,.button.disabled.header:focus,.button.disabled.header:hover,.button[disabled].header,.button[disabled].header:focus,.button[disabled].header:hover{background-color:#222;color:#fefefe}.button.hollow{border:1px solid #2ba6cb;color:#2ba6cb}.button.hollow,.button.hollow:focus,.button.hollow:hover{background-color:transparent}.button.hollow.disabled,.button.hollow.disabled:focus,.button.hollow.disabled:hover,.button.hollow[disabled],.button.hollow[disabled]:focus,.button.hollow[disabled]:hover{background-color:transparent}.button.hollow:focus,.button.hollow:hover{border-color:#165366;color:#165366}.button.hollow:focus.disabled,.button.hollow:focus[disabled],.button.hollow:hover.disabled,.button.hollow:hover[disabled]{border:1px solid #2ba6cb;color:#2ba6cb}.button.hollow.primary{border:1px solid #2ba6cb;color:#2ba6cb}.button.hollow.primary:focus,.button.hollow.primary:hover{border-color:#165366;color:#165366}.button.hollow.primary:focus.disabled,.button.hollow.primary:focus[disabled],.button.hollow.primary:hover.disabled,.button.hollow.primary:hover[disabled]{border:1px solid #2ba6cb;color:#2ba6cb}.button.hollow.secondary{border:1px solid #e9e9e9;color:#e9e9e9}.button.hollow.secondary:focus,.button.hollow.secondary:hover{border-color:#757575;color:#757575}.button.hollow.secondary:focus.disabled,.button.hollow.secondary:focus[disabled],.button.hollow.secondary:hover.disabled,.button.hollow.secondary:hover[disabled]{border:1px solid #e9e9e9;color:#e9e9e9}.button.hollow.alert{border:1px solid #c60f13;color:#c60f13}.button.hollow.alert:focus,.button.hollow.alert:hover{border-color:#63080a;color:#63080a}.button.hollow.alert:focus.disabled,.button.hollow.alert:focus[disabled],.button.hollow.alert:hover.disabled,.button.hollow.alert:hover[disabled]{border:1px solid #c60f13;color:#c60f13}.button.hollow.success{border:1px solid #5da423;color:#5da423}.button.hollow.success:focus,.button.hollow.success:hover{border-color:#2f5212;color:#2f5212}.button.hollow.success:focus.disabled,.button.hollow.success:focus[disabled],.button.hollow.success:hover.disabled,.button.hollow.success:hover[disabled]{border:1px solid #5da423;color:#5da423}.button.hollow.warning{border:1px solid #ffae00;color:#ffae00}.button.hollow.warning:focus,.button.hollow.warning:hover{border-color:#805700;color:#805700}.button.hollow.warning:focus.disabled,.button.hollow.warning:focus[disabled],.button.hollow.warning:hover.disabled,.button.hollow.warning:hover[disabled]{border:1px solid #ffae00;color:#ffae00}.button.hollow.body-font{border:1px solid #222;color:#222}.button.hollow.body-font:focus,.button.hollow.body-font:hover{border-color:#111;color:#111}.button.hollow.body-font:focus.disabled,.button.hollow.body-font:focus[disabled],.button.hollow.body-font:hover.disabled,.button.hollow.body-font:hover[disabled]{border:1px solid #222;color:#222}.button.hollow.header{border:1px solid #222;color:#222}.button.hollow.header:focus,.button.hollow.header:hover{border-color:#111;color:#111}.button.hollow.header:focus.disabled,.button.hollow.header:focus[disabled],.button.hollow.header:hover.disabled,.button.hollow.header:hover[disabled]{border:1px solid #222;color:#222}.button.clear{border:1px solid #2ba6cb;color:#2ba6cb}.button.clear,.button.clear:focus,.button.clear:hover{background-color:transparent}.button.clear.disabled,.button.clear.disabled:focus,.button.clear.disabled:hover,.button.clear[disabled],.button.clear[disabled]:focus,.button.clear[disabled]:hover{background-color:transparent}.button.clear:focus,.button.clear:hover{border-color:#165366;color:#165366}.button.clear:focus.disabled,.button.clear:focus[disabled],.button.clear:hover.disabled,.button.clear:hover[disabled]{border:1px solid #2ba6cb;color:#2ba6cb}.button.clear,.button.clear.disabled,.button.clear:focus,.button.clear:focus.disabled,.button.clear:focus[disabled],.button.clear:hover,.button.clear:hover.disabled,.button.clear:hover[disabled],.button.clear[disabled]{border-color:transparent}.button.clear.primary{border:1px solid #2ba6cb;color:#2ba6cb}.button.clear.primary:focus,.button.clear.primary:hover{border-color:#165366;color:#165366}.button.clear.primary:focus.disabled,.button.clear.primary:focus[disabled],.button.clear.primary:hover.disabled,.button.clear.primary:hover[disabled]{border:1px solid #2ba6cb;color:#2ba6cb}.button.clear.primary,.button.clear.primary.disabled,.button.clear.primary:focus,.button.clear.primary:focus.disabled,.button.clear.primary:focus[disabled],.button.clear.primary:hover,.button.clear.primary:hover.disabled,.button.clear.primary:hover[disabled],.button.clear.primary[disabled]{border-color:transparent}.button.clear.secondary{border:1px solid #e9e9e9;color:#e9e9e9}.button.clear.secondary:focus,.button.clear.secondary:hover{border-color:#757575;color:#757575}.button.clear.secondary:focus.disabled,.button.clear.secondary:focus[disabled],.button.clear.secondary:hover.disabled,.button.clear.secondary:hover[disabled]{border:1px solid #e9e9e9;color:#e9e9e9}.button.clear.secondary,.button.clear.secondary.disabled,.button.clear.secondary:focus,.button.clear.secondary:focus.disabled,.button.clear.secondary:focus[disabled],.button.clear.secondary:hover,.button.clear.secondary:hover.disabled,.button.clear.secondary:hover[disabled],.button.clear.secondary[disabled]{border-color:transparent}.button.clear.alert{border:1px solid #c60f13;color:#c60f13}.button.clear.alert:focus,.button.clear.alert:hover{border-color:#63080a;color:#63080a}.button.clear.alert:focus.disabled,.button.clear.alert:focus[disabled],.button.clear.alert:hover.disabled,.button.clear.alert:hover[disabled]{border:1px solid #c60f13;color:#c60f13}.button.clear.alert,.button.clear.alert.disabled,.button.clear.alert:focus,.button.clear.alert:focus.disabled,.button.clear.alert:focus[disabled],.button.clear.alert:hover,.button.clear.alert:hover.disabled,.button.clear.alert:hover[disabled],.button.clear.alert[disabled]{border-color:transparent}.button.clear.success{border:1px solid #5da423;color:#5da423}.button.clear.success:focus,.button.clear.success:hover{border-color:#2f5212;color:#2f5212}.button.clear.success:focus.disabled,.button.clear.success:focus[disabled],.button.clear.success:hover.disabled,.button.clear.success:hover[disabled]{border:1px solid #5da423;color:#5da423}.button.clear.success,.button.clear.success.disabled,.button.clear.success:focus,.button.clear.success:focus.disabled,.button.clear.success:focus[disabled],.button.clear.success:hover,.button.clear.success:hover.disabled,.button.clear.success:hover[disabled],.button.clear.success[disabled]{border-color:transparent}.button.clear.warning{border:1px solid #ffae00;color:#ffae00}.button.clear.warning:focus,.button.clear.warning:hover{border-color:#805700;color:#805700}.button.clear.warning:focus.disabled,.button.clear.warning:focus[disabled],.button.clear.warning:hover.disabled,.button.clear.warning:hover[disabled]{border:1px solid #ffae00;color:#ffae00}.button.clear.warning,.button.clear.warning.disabled,.button.clear.warning:focus,.button.clear.warning:focus.disabled,.button.clear.warning:focus[disabled],.button.clear.warning:hover,.button.clear.warning:hover.disabled,.button.clear.warning:hover[disabled],.button.clear.warning[disabled]{border-color:transparent}.button.clear.body-font{border:1px solid #222;color:#222}.button.clear.body-font:focus,.button.clear.body-font:hover{border-color:#111;color:#111}.button.clear.body-font:focus.disabled,.button.clear.body-font:focus[disabled],.button.clear.body-font:hover.disabled,.button.clear.body-font:hover[disabled]{border:1px solid #222;color:#222}.button.clear.body-font,.button.clear.body-font.disabled,.button.clear.body-font:focus,.button.clear.body-font:focus.disabled,.button.clear.body-font:focus[disabled],.button.clear.body-font:hover,.button.clear.body-font:hover.disabled,.button.clear.body-font:hover[disabled],.button.clear.body-font[disabled]{border-color:transparent}.button.clear.header{border:1px solid #222;color:#222}.button.clear.header:focus,.button.clear.header:hover{border-color:#111;color:#111}.button.clear.header:focus.disabled,.button.clear.header:focus[disabled],.button.clear.header:hover.disabled,.button.clear.header:hover[disabled]{border:1px solid #222;color:#222}.button.clear.header,.button.clear.header.disabled,.button.clear.header:focus,.button.clear.header:focus.disabled,.button.clear.header:focus[disabled],.button.clear.header:hover,.button.clear.header:hover.disabled,.button.clear.header:hover[disabled],.button.clear.header[disabled]{border-color:transparent}.button.dropdown::after{display:block;width:0;height:0;border:inset .4em;content:'';border-bottom-width:0;border-top-style:solid;border-color:#fefefe transparent transparent;position:relative;top:.4em;display:inline-block;float:right;margin-left:1em}.button.dropdown.hollow::after{border-top-color:#2ba6cb}.button.dropdown.hollow.primary::after{border-top-color:#2ba6cb}.button.dropdown.hollow.secondary::after{border-top-color:#e9e9e9}.button.dropdown.hollow.alert::after{border-top-color:#c60f13}.button.dropdown.hollow.success::after{border-top-color:#5da423}.button.dropdown.hollow.warning::after{border-top-color:#ffae00}.button.dropdown.hollow.body-font::after{border-top-color:#222}.button.dropdown.hollow.header::after{border-top-color:#222}.button.arrow-only::after{top:-.1em;float:none;margin-left:0}a.button:focus,a.button:hover{text-decoration:none}.close-button{position:absolute;color:#8a8a8a;cursor:pointer}[data-whatinput=mouse] .close-button{outline:0}.close-button:focus,.close-button:hover{color:#0a0a0a}.close-button.small{right:.66rem;top:.33em;font-size:1.5em;line-height:1}.close-button,.close-button.medium{right:1rem;top:.5rem;font-size:2em;line-height:1}.button-group{margin-bottom:1rem;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch}.button-group::after,.button-group::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.button-group::after{clear:both}.button-group .button{margin:0;margin-right:1px;margin-bottom:1px;font-size:.9rem;-ms-flex:0 0 auto;flex:0 0 auto}.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 .button{-ms-flex:1 1 0px;flex:1 1 0px}.button-group.primary .button{background-color:#2ba6cb;color:#0a0a0a}.button-group.primary .button:focus,.button-group.primary .button:hover{background-color:#2285a2;color:#0a0a0a}.button-group.secondary .button{background-color:#e9e9e9;color:#0a0a0a}.button-group.secondary .button:focus,.button-group.secondary .button:hover{background-color:#bababa;color:#0a0a0a}.button-group.alert .button{background-color:#c60f13;color:#fefefe}.button-group.alert .button:focus,.button-group.alert .button:hover{background-color:#9e0c0f;color:#fefefe}.button-group.success .button{background-color:#5da423;color:#0a0a0a}.button-group.success .button:focus,.button-group.success .button:hover{background-color:#4a831c;color:#0a0a0a}.button-group.warning .button{background-color:#ffae00;color:#0a0a0a}.button-group.warning .button:focus,.button-group.warning .button:hover{background-color:#cc8b00;color:#0a0a0a}.button-group.body-font .button{background-color:#222;color:#fefefe}.button-group.body-font .button:focus,.button-group.body-font .button:hover{background-color:#1b1b1b;color:#fefefe}.button-group.header .button{background-color:#222;color:#fefefe}.button-group.header .button:focus,.button-group.header .button:hover{background-color:#1b1b1b;color:#fefefe}.button-group.stacked,.button-group.stacked-for-medium,.button-group.stacked-for-small{-ms-flex-wrap:wrap;flex-wrap:wrap}.button-group.stacked .button,.button-group.stacked-for-medium .button,.button-group.stacked-for-small .button{-ms-flex:0 0 100%;flex:0 0 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 print,screen and (min-width:40em){.button-group.stacked-for-small .button{-ms-flex:1 1 0px;flex:1 1 0px;margin-bottom:0}}@media print,screen and (min-width:64em){.button-group.stacked-for-medium .button{-ms-flex:1 1 0px;flex:1 1 0px;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}}.slider{position:relative;height:.5rem;margin-top:1.25rem;margin-bottom:2.25rem;background-color:#e6e6e6;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}.slider-fill{position:absolute;top:0;left:0;display:inline-block;max-width:100%;height:.5rem;background-color:#cacaca;transition:all .2s ease-in-out}.slider-fill.is-dragging{transition:all 0s linear}.slider-handle{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;z-index:1;display:inline-block;width:1.4rem;height:1.4rem;border-radius:3px;background-color:#2ba6cb;transition:all .2s ease-in-out;-ms-touch-action:manipulation;touch-action:manipulation}[data-whatinput=mouse] .slider-handle{outline:0}.slider-handle:hover{background-color:#258dad}.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%)}.switch{height:2rem;position:relative;margin-bottom:1rem;outline:0;font-size:.875rem;font-weight:700;color:#fefefe;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch-input{position:absolute;margin-bottom:0;opacity:0}.switch-paddle{position:relative;display:block;width:4rem;height:2rem;border-radius:3px;background:#cacaca;transition:all .25s ease-out;font-weight:inherit;color:inherit;cursor:pointer}input+.switch-paddle{margin:0}.switch-paddle::after{position:absolute;top:.25rem;left:.25rem;display:block;width:1.5rem;height:1.5rem;transform:translate3d(0,0,0);border-radius:3px;background:#fefefe;transition:all .25s ease-out;content:''}input:checked~.switch-paddle{background:#2ba6cb}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{height:1.5rem}.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}.switch.tiny .switch-paddle::after{top:.25rem;left:.25rem;width:1rem;height:1rem}.switch.tiny input:checked~.switch-paddle::after{left:1.75rem}.switch.small{height:1.75rem}.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}.switch.small .switch-paddle::after{top:.25rem;left:.25rem;width:1.25rem;height:1.25rem}.switch.small input:checked~.switch-paddle::after{left:2rem}.switch.large{height:2.5rem}.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}.switch.large .switch-paddle::after{top:.25rem;left:.25rem;width:2rem;height:2rem}.switch.large input:checked~.switch-paddle::after{left:2.75rem}.menu{padding:0;margin:0;list-style:none;position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}[data-whatinput=mouse] .menu li{outline:0}.menu .button,.menu a{line-height:1;text-decoration:none;display:block;padding:.7rem 1rem}.menu a,.menu button,.menu input,.menu select{margin-bottom:0}.menu input{display:inline-block}.menu,.menu.horizontal{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}.menu.vertical{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}.menu.expanded li{-ms-flex:1 1 0px;flex:1 1 0px}.menu.simple{-ms-flex-align:center;align-items:center}.menu.simple li+li{margin-left:1rem}.menu.simple a{padding:0}@media print,screen and (min-width:40em){.menu.medium-horizontal{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}.menu.medium-vertical{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}.menu.medium-expanded li{-ms-flex:1 1 0px;flex:1 1 0px}.menu.medium-simple li{-ms-flex:1 1 0px;flex:1 1 0px}}@media print,screen and (min-width:64em){.menu.large-horizontal{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row}.menu.large-vertical{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-direction:column;flex-direction:column}.menu.large-expanded li{-ms-flex:1 1 0px;flex:1 1 0px}.menu.large-simple li{-ms-flex:1 1 0px;flex:1 1 0px}}.menu.nested{margin-right:0;margin-left:1rem}.menu.icons a{display:-ms-flexbox;display:flex}.menu.icon-bottom a,.menu.icon-left a,.menu.icon-right a,.menu.icon-top a{display:-ms-flexbox;display:flex}.menu.icon-left li a{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.menu.icon-left li a i,.menu.icon-left li a img,.menu.icon-left li a svg{margin-right:.25rem}.menu.icon-right li a{-ms-flex-flow:row nowrap;flex-flow:row nowrap}.menu.icon-right li a i,.menu.icon-right li a img,.menu.icon-right li a svg{margin-left:.25rem}.menu.icon-top li a{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu.icon-top li a i,.menu.icon-top li a img,.menu.icon-top li a svg{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;margin-bottom:.25rem;text-align:center}.menu.icon-bottom li a{-ms-flex-flow:column nowrap;flex-flow:column nowrap}.menu.icon-bottom li a i,.menu.icon-bottom li a img,.menu.icon-bottom li a svg{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;margin-bottom:.25rem;text-align:center}.menu .is-active>a{background:#2ba6cb;color:#fefefe}.menu .active>a{background:#2ba6cb;color:#fefefe}.menu.align-left{-ms-flex-pack:start;justify-content:flex-start}.menu.align-right li{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}.menu.align-right li .submenu li{-ms-flex-pack:start;justify-content:flex-start}.menu.align-right.vertical li{display:block;text-align:right}.menu.align-right.vertical li .submenu li{text-align:right}.menu.align-right .nested{margin-right:1rem;margin-left:0}.menu.align-center li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.menu.align-center li .submenu li{-ms-flex-pack:start;justify-content:flex-start}.menu .menu-text{padding:.7rem 1rem;font-weight:700;line-height:1;color:inherit}.menu-centered>.menu{-ms-flex-pack:center;justify-content:center}.menu-centered>.menu li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.menu-centered>.menu li .submenu li{-ms-flex-pack:start;justify-content:flex-start}.no-js [data-responsive-menu] ul{display:none}.is-drilldown{position:relative;overflow:hidden}.is-drilldown li{display:block}.is-drilldown.animate-height{transition:height .5s}.drilldown a{padding:.7rem 1rem;background:#fefefe}.drilldown .is-drilldown-submenu{position:absolute;top:0;left:100%;z-index:-1;width:100%;background:#fefefe;transition:transform .15s linear}.drilldown .is-drilldown-submenu.is-active{z-index:1;display:block;-ms-transform:translateX(-100%);transform:translateX(-100%)}.drilldown .is-drilldown-submenu.is-closing{-ms-transform:translateX(100%);transform:translateX(100%)}.drilldown .is-drilldown-submenu a{padding:.7rem 1rem}.drilldown .nested.is-drilldown-submenu{margin-right:0;margin-left:0}.drilldown .drilldown-submenu-cover-previous{min-height:100%}.drilldown .is-drilldown-submenu-parent>a{position:relative}.drilldown .is-drilldown-submenu-parent>a::after{position:absolute;top:50%;margin-top:-6px;right:1rem;display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}.drilldown.align-left .is-drilldown-submenu-parent>a::after{left:auto;right:1rem;display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}.drilldown.align-right .is-drilldown-submenu-parent>a::after{right:auto;left:1rem;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.drilldown .js-drilldown-back>a::before{display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent;border-left-width:0;display:inline-block;vertical-align:middle;margin-right:.75rem;border-left-width:0}.accordion-menu li{width:100%}.accordion-menu a{padding:.7rem 1rem}.accordion-menu .is-accordion-submenu a{padding:.7rem 1rem}.accordion-menu .nested.is-accordion-submenu{margin-right:0;margin-left:1rem}.accordion-menu.align-right .nested.is-accordion-submenu{margin-right:1rem;margin-left:0}.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a{position:relative}.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle)>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;position:absolute;top:50%;margin-top:-3px;right:1rem}.accordion-menu.align-left .is-accordion-submenu-parent>a::after{left:auto;right:1rem}.accordion-menu.align-right .is-accordion-submenu-parent>a::after{right:auto;left:1rem}.accordion-menu .is-accordion-submenu-parent[aria-expanded=true]>a::after{-ms-transform:rotate(180deg);transform:rotate(180deg);-ms-transform-origin:50% 50%;transform-origin:50% 50%}.is-accordion-submenu-parent{position:relative}.has-submenu-toggle>a{margin-right:40px}.submenu-toggle{position:absolute;top:0;right:0;cursor:pointer;width:40px;height:40px}.submenu-toggle::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;top:0;bottom:0;margin:auto}.submenu-toggle[aria-expanded=true]::after{-ms-transform:scaleY(-1);transform:scaleY(-1);-ms-transform-origin:50% 50%;transform-origin:50% 50%}.submenu-toggle-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0}.dropdown.menu>li.opens-left>.is-dropdown-submenu{top:100%;right:0;left:auto}.dropdown.menu>li.opens-right>.is-dropdown-submenu{top:100%;right:auto;left:0}.dropdown.menu>li.is-dropdown-submenu-parent>a{position:relative;padding-right:1.5rem}.dropdown.menu>li.is-dropdown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;right:5px;left:auto;margin-top:-3px}.dropdown.menu a{padding:.7rem 1rem}[data-whatinput=mouse] .dropdown.menu a{outline:0}.dropdown.menu .is-active>a{background:0 0;color:#2ba6cb}.no-js .dropdown.menu ul{display:none}.dropdown.menu .nested.is-dropdown-submenu{margin-right:0;margin-left:0}.dropdown.menu.vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.vertical>li.opens-left>.is-dropdown-submenu{right:100%;left:auto;top:0}.dropdown.menu.vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.vertical>li>a::after{right:14px}.dropdown.menu.vertical>li.opens-left>a::after{right:auto;left:5px;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.dropdown.menu.vertical>li.opens-right>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}@media print,screen and (min-width:40em){.dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu{top:100%;right:0;left:auto}.dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu{top:100%;right:auto;left:0}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a{position:relative;padding-right:1.5rem}.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;right:5px;left:auto;margin-top:-3px}.dropdown.menu.medium-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.medium-vertical>li.opens-left>.is-dropdown-submenu{right:100%;left:auto;top:0}.dropdown.menu.medium-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.medium-vertical>li>a::after{right:14px}.dropdown.menu.medium-vertical>li.opens-left>a::after{right:auto;left:5px;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.dropdown.menu.medium-vertical>li.opens-right>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}}@media print,screen and (min-width:64em){.dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu{top:100%;right:0;left:auto}.dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu{top:100%;right:auto;left:0}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a{position:relative;padding-right:1.5rem}.dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-bottom-width:0;border-top-style:solid;border-color:#2ba6cb transparent transparent;right:5px;left:auto;margin-top:-3px}.dropdown.menu.large-vertical>li .is-dropdown-submenu{top:0}.dropdown.menu.large-vertical>li.opens-left>.is-dropdown-submenu{right:100%;left:auto;top:0}.dropdown.menu.large-vertical>li.opens-right>.is-dropdown-submenu{right:auto;left:100%}.dropdown.menu.large-vertical>li>a::after{right:14px}.dropdown.menu.large-vertical>li.opens-left>a::after{right:auto;left:5px;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.dropdown.menu.large-vertical>li.opens-right>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}}.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;right:0;left:auto}.is-dropdown-menu.vertical{width:100px}.is-dropdown-menu.vertical.align-right{float:right}.is-dropdown-submenu-parent{position:relative}.is-dropdown-submenu-parent a::after{position:absolute;top:50%;right:5px;left:auto;margin-top:-6px}.is-dropdown-submenu-parent.opens-inner>.is-dropdown-submenu{top:100%;left:auto}.is-dropdown-submenu-parent.opens-left>.is-dropdown-submenu{right:100%;left:auto}.is-dropdown-submenu-parent.opens-right>.is-dropdown-submenu{right:auto;left:100%}.is-dropdown-submenu{position:absolute;top:0;left:100%;z-index:1;display:none;min-width:200px;border:1px solid #cacaca;background:#fefefe}.dropdown .is-dropdown-submenu a{padding:.7rem 1rem}.is-dropdown-submenu .is-dropdown-submenu-parent>a::after{right:14px}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after{right:auto;left:5px;display:block;width:0;height:0;border:inset 6px;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #2ba6cb transparent transparent}.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after{display:block;width:0;height:0;border:inset 6px;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #2ba6cb}.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}.is-dropdown-submenu>li{width:100%}.is-dropdown-submenu.js-dropdown-active{display:block}.title-bar{padding:.5rem;background:#0a0a0a;color:#fefefe;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.title-bar .menu-icon{margin-left:.25rem;margin-right:.25rem}.title-bar-left,.title-bar-right{-ms-flex:1 1 0px;flex:1 1 0px}.title-bar-right{text-align:right}.title-bar-title{display:inline-block;vertical-align:middle;font-weight:700}.top-bar{display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.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{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media print,screen and (min-width:40em){.top-bar{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.top-bar .top-bar-left{-ms-flex:1 1 auto;flex:1 1 auto;margin-right:auto}.top-bar .top-bar-right{-ms-flex:0 1 auto;flex:0 1 auto;margin-left:auto}}@media screen and (max-width:63.9375em){.top-bar.stacked-for-medium{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (max-width:74.9375em){.top-bar.stacked-for-large{-ms-flex-wrap:wrap;flex-wrap:wrap}.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.top-bar-title{-ms-flex:0 0 auto;flex:0 0 auto;margin:.5rem 1rem .5rem 0}.top-bar-left,.top-bar-right{-ms-flex:0 0 auto;flex:0 0 auto}.breadcrumbs{margin:0 0 1rem 0;list-style:none}.breadcrumbs::after,.breadcrumbs::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.breadcrumbs::after{clear:both}.breadcrumbs li{float:left;font-size:.6875rem;color:#0a0a0a;cursor:default;text-transform:uppercase}.breadcrumbs li:not(:last-child)::after{position:relative;margin:0 .75rem;opacity:1;content:"/";color:#cacaca}.breadcrumbs a{color:#2ba6cb}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .disabled{color:#cacaca;cursor:not-allowed}.pagination{margin-left:0;margin-bottom:1rem}.pagination::after,.pagination::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.pagination::after{clear:both}.pagination li{margin-right:.0625rem;border-radius:3px;font-size:.875rem;display:none}.pagination li:first-child,.pagination li:last-child{display:inline-block}@media print,screen and (min-width:40em){.pagination li{display:inline-block}}.pagination a,.pagination button{display:block;padding:.1875rem .625rem;border-radius:3px;color:#0a0a0a}.pagination a:hover,.pagination button:hover{background:#e6e6e6}.pagination .current{padding:.1875rem .625rem;background:#2ba6cb;color:#fefefe;cursor:default}.pagination .disabled{padding:.1875rem .625rem;color:#cacaca;cursor:not-allowed}.pagination .disabled:hover{background:0 0}.pagination .ellipsis::after{padding:.1875rem .625rem;content:'\2026';color:#0a0a0a}.pagination-previous a::before,.pagination-previous.disabled::before{display:inline-block;margin-right:.5rem;content:'\00ab'}.pagination-next a::after,.pagination-next.disabled::after{display:inline-block;margin-left:.5rem;content:'\00bb'}.accordion{margin-left:0;background:#fefefe;list-style-type:none}.accordion[disabled] .accordion-title{cursor:not-allowed}.accordion-item:first-child>:first-child{border-radius:3px 3px 0 0}.accordion-item:last-child>:last-child{border-radius:0 0 3px 3px}.accordion-title{position:relative;display:block;padding:1.25rem 1rem;border:1px solid #e6e6e6;border-bottom:0;font-size:.75rem;line-height:1;color:#2ba6cb}:last-child:not(.is-active)>.accordion-title{border-bottom:1px solid #e6e6e6;border-radius:0 0 3px 3px}.accordion-title:focus,.accordion-title:hover{background-color:#e6e6e6}.accordion-title::before{position:absolute;top:50%;right:1rem;margin-top:-.5rem;content:'+'}.is-active>.accordion-title::before{content:'\2013'}.accordion-content{display:none;padding:1rem;border:1px solid #e6e6e6;border-bottom:0;background-color:#fefefe;color:#0a0a0a}:last-child>.accordion-content:last-child{border-bottom:1px solid #e6e6e6}.dropdown-pane{position:absolute;z-index:10;width:300px;padding:1rem;visibility:hidden;display:none;border:1px solid #cacaca;border-radius:3px;background-color:#fefefe;font-size:1rem}.dropdown-pane.is-opening{display:block}.dropdown-pane.is-open{visibility:visible;display:block}.dropdown-pane.tiny{width:100px}.dropdown-pane.small{width:200px}.dropdown-pane.large{width:400px}.is-off-canvas-open{overflow:hidden}.js-off-canvas-overlay{position:absolute;top:0;left:0;z-index:11;width:100%;height:100%;transition:opacity .5s ease,visibility .5s ease;background:rgba(254,254,254,.25);opacity:0;visibility:hidden;overflow:hidden}.js-off-canvas-overlay.is-visible{opacity:1;visibility:visible}.js-off-canvas-overlay.is-closable{cursor:pointer}.js-off-canvas-overlay.is-overlay-absolute{position:absolute}.js-off-canvas-overlay.is-overlay-fixed{position:fixed}.off-canvas-wrapper{position:relative;overflow:hidden}.off-canvas{position:fixed;z-index:12;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#e6e6e6}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.is-transition-push{z-index:12}.off-canvas.is-closed{visibility:hidden}.off-canvas.is-transition-overlap{z-index:13}.off-canvas.is-transition-overlap.is-open{box-shadow:0 0 10px rgba(10,10,10,.7)}.off-canvas.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-absolute{position:absolute;z-index:12;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#e6e6e6}[data-whatinput=mouse] .off-canvas-absolute{outline:0}.off-canvas-absolute.is-transition-push{z-index:12}.off-canvas-absolute.is-closed{visibility:hidden}.off-canvas-absolute.is-transition-overlap{z-index:13}.off-canvas-absolute.is-transition-overlap.is-open{box-shadow:0 0 10px rgba(10,10,10,.7)}.off-canvas-absolute.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.position-left{top:0;left:0;height:100%;overflow-y:auto;width:250px;-ms-transform:translateX(-250px);transform:translateX(-250px)}.off-canvas-content .off-canvas.position-left{-ms-transform:translateX(-250px);transform:translateX(-250px)}.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content.is-open-left.has-transition-push{-ms-transform:translateX(250px);transform:translateX(250px)}.position-left.is-transition-push{box-shadow:inset -13px 0 20px -13px rgba(10,10,10,.25)}.position-right{top:0;right:0;height:100%;overflow-y:auto;width:250px;-ms-transform:translateX(250px);transform:translateX(250px)}.off-canvas-content .off-canvas.position-right{-ms-transform:translateX(250px);transform:translateX(250px)}.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content.is-open-right.has-transition-push{-ms-transform:translateX(-250px);transform:translateX(-250px)}.position-right.is-transition-push{box-shadow:inset 13px 0 20px -13px rgba(10,10,10,.25)}.position-top{top:0;left:0;width:100%;overflow-x:auto;height:250px;-ms-transform:translateY(-250px);transform:translateY(-250px)}.off-canvas-content .off-canvas.position-top{-ms-transform:translateY(-250px);transform:translateY(-250px)}.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content.is-open-top.has-transition-push{-ms-transform:translateY(250px);transform:translateY(250px)}.position-top.is-transition-push{box-shadow:inset 0 -13px 20px -13px rgba(10,10,10,.25)}.position-bottom{bottom:0;left:0;width:100%;overflow-x:auto;height:250px;-ms-transform:translateY(250px);transform:translateY(250px)}.off-canvas-content .off-canvas.position-bottom{-ms-transform:translateY(250px);transform:translateY(250px)}.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content.is-open-bottom.has-transition-push{-ms-transform:translateY(-250px);transform:translateY(-250px)}.position-bottom.is-transition-push{box-shadow:inset 0 13px 20px -13px rgba(10,10,10,.25)}.off-canvas-content{-ms-transform:none;transform:none;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden}.off-canvas-content.has-transition-push{-ms-transform:translate(0,0);transform:translate(0,0)}.off-canvas-content .off-canvas.is-open{-ms-transform:translate(0,0);transform:translate(0,0)}@media print,screen and (min-width:40em){.position-left.reveal-for-medium{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-left.reveal-for-medium .close-button{display:none}.off-canvas-content .position-left.reveal-for-medium{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-left{margin-left:250px}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-right.reveal-for-medium .close-button{display:none}.off-canvas-content .position-right.reveal-for-medium{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-right{margin-right:250px}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}.position-top.reveal-for-medium{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-top.reveal-for-medium .close-button{display:none}.off-canvas-content .position-top.reveal-for-medium{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-top{margin-top:250px}.position-top.reveal-for-medium~.off-canvas-content{margin-top:250px}.position-bottom.reveal-for-medium{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-bottom.reveal-for-medium .close-button{display:none}.off-canvas-content .position-bottom.reveal-for-medium{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-bottom{margin-bottom:250px}.position-bottom.reveal-for-medium~.off-canvas-content{margin-bottom:250px}}@media print,screen and (min-width:64em){.position-left.reveal-for-large{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-left.reveal-for-large .close-button{display:none}.off-canvas-content .position-left.reveal-for-large{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-left{margin-left:250px}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-right.reveal-for-large .close-button{display:none}.off-canvas-content .position-right.reveal-for-large{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-right{margin-right:250px}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}.position-top.reveal-for-large{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-top.reveal-for-large .close-button{display:none}.off-canvas-content .position-top.reveal-for-large{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-top{margin-top:250px}.position-top.reveal-for-large~.off-canvas-content{margin-top:250px}.position-bottom.reveal-for-large{-ms-transform:none;transform:none;z-index:12;transition:none;visibility:visible}.position-bottom.reveal-for-large .close-button{display:none}.off-canvas-content .position-bottom.reveal-for-large{-ms-transform:none;transform:none}.off-canvas-content.has-reveal-bottom{margin-bottom:250px}.position-bottom.reveal-for-large~.off-canvas-content{margin-bottom:250px}}@media print,screen and (min-width:40em){.off-canvas.in-canvas-for-medium{visibility:visible;height:auto;position:static;background:inherit;width:inherit;overflow:inherit;transition:inherit}.off-canvas.in-canvas-for-medium.position-bottom,.off-canvas.in-canvas-for-medium.position-left,.off-canvas.in-canvas-for-medium.position-right,.off-canvas.in-canvas-for-medium.position-top{box-shadow:none;-ms-transform:none;transform:none}.off-canvas.in-canvas-for-medium .close-button{display:none}}@media print,screen and (min-width:64em){.off-canvas.in-canvas-for-large{visibility:visible;height:auto;position:static;background:inherit;width:inherit;overflow:inherit;transition:inherit}.off-canvas.in-canvas-for-large.position-bottom,.off-canvas.in-canvas-for-large.position-left,.off-canvas.in-canvas-for-large.position-right,.off-canvas.in-canvas-for-large.position-top{box-shadow:none;-ms-transform:none;transform:none}.off-canvas.in-canvas-for-large .close-button{display:none}}.tabs{margin:0;border:1px solid #e6e6e6;background:#fefefe;list-style-type:none}.tabs::after,.tabs::before{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1}.tabs::after{clear:both}.tabs.vertical>li{display:block;float:none;width:auto}.tabs.simple>li>a{padding:0}.tabs.simple>li>a:hover{background:0 0}.tabs.primary{background:#2ba6cb}.tabs.primary>li>a{color:#0a0a0a}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#299ec1}.tabs-title{float:left}.tabs-title>a{display:block;padding:1.25rem 1.5rem;font-size:.75rem;line-height:1;color:#2ba6cb}.tabs-title>a:hover{background:#fefefe;color:#258faf}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6;color:#2ba6cb}.tabs-content{border:1px solid #e6e6e6;border-top:0;background:#fefefe;color:#0a0a0a;transition:all .5s ease}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.callout{position:relative;margin:0 0 1rem 0;padding:1rem;border:1px solid rgba(10,10,10,.25);border-radius:3px;background-color:#fff;color:#0a0a0a}.callout>:first-child{margin-top:0}.callout>:last-child{margin-bottom:0}.callout.primary{background-color:#def2f8;color:#0a0a0a}.callout.secondary{background-color:#fcfcfc;color:#0a0a0a}.callout.alert{background-color:#fcd6d6;color:#0a0a0a}.callout.success{background-color:#e6f7d9;color:#0a0a0a}.callout.warning{background-color:#fff3d9;color:#0a0a0a}.callout.body-font{background-color:#dedede;color:#0a0a0a}.callout.header{background-color:#dedede;color:#0a0a0a}.callout.small{padding-top:.5rem;padding-right:.5rem;padding-bottom:.5rem;padding-left:.5rem}.callout.large{padding-top:3rem;padding-right:3rem;padding-bottom:3rem;padding-left:3rem}.card{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-positive:1;flex-grow:1;margin-bottom:1rem;border:1px solid #e6e6e6;border-radius:3px;background:#fefefe;box-shadow:none;overflow:hidden;color:#0a0a0a}.card>:last-child{margin-bottom:0}.card-divider{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;padding:1rem;background:#e6e6e6}.card-divider>:last-child{margin-bottom:0}.card-section{-ms-flex:1 0 auto;flex:1 0 auto;padding:1rem}.card-section>:last-child{margin-bottom:0}.card-image{min-height:1px}.media-object{display:-ms-flexbox;display:flex;margin-bottom:1rem;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.media-object img{max-width:none}@media screen and (max-width:39.9375em){.media-object.stack-for-small{-ms-flex-wrap:wrap;flex-wrap:wrap}}@media screen and (max-width:39.9375em){.media-object.stack-for-small .media-object-section{padding:0;padding-bottom:1rem;-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.media-object.stack-for-small .media-object-section img{width:100%}}.media-object-section{-ms-flex:0 1 auto;flex:0 1 auto}.media-object-section:first-child{padding-right:1rem}.media-object-section:last-child:not(:nth-child(2)){padding-left:1rem}.media-object-section>:last-child{margin-bottom:0}.media-object-section.main-section{-ms-flex:1 1 0px;flex:1 1 0px}body.is-reveal-open{overflow:hidden}html.is-reveal-open,html.is-reveal-open body{min-height:100%;overflow:hidden;position:fixed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1005;display:none;background-color:rgba(10,10,10,.45);overflow-y:scroll}.reveal{z-index:1006;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;padding:1rem;border:1px solid #cacaca;border-radius:3px;background-color:#fefefe;position:relative;top:100px;margin-right:auto;margin-left:auto;overflow-y:auto}[data-whatinput=mouse] .reveal{outline:0}@media print,screen and (min-width:40em){.reveal{min-height:0}}.reveal .column{min-width:0}.reveal>:last-child{margin-bottom:0}@media print,screen and (min-width:40em){.reveal{width:600px;max-width:90rem}}.reveal.collapse{padding:0}@media print,screen and (min-width:40em){.reveal.tiny{width:30%;max-width:90rem}}@media print,screen and (min-width:40em){.reveal.small{width:50%;max-width:90rem}}@media print,screen and (min-width:40em){.reveal.large{width:90%;max-width:90rem}}.reveal.full{top:0;left:0;width:100%;max-width:none;height:100%;height:100vh;min-height:100vh;margin-left:0;border:0;border-radius:0}@media screen and (max-width:39.9375em){.reveal{top:0;left:0;width:100%;max-width:none;height:100%;height:100vh;min-height:100vh;margin-left:0;border:0;border-radius:0}}.reveal.without-overlay{position:fixed}table{border-collapse:collapse;width:100%;margin-bottom:1rem;border-radius:3px}table tbody,table tfoot,table thead{border:1px solid #f1f1f1;background-color:#fefefe}table caption{padding:.5rem .625rem .625rem;font-weight:700}table thead{background:#f8f8f8;color:#0a0a0a}table tfoot{background:#f1f1f1;color:#0a0a0a}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 td,table tbody th{padding:.5rem .625rem .625rem}table tbody tr:nth-child(even){border-bottom:0;background-color:#f1f1f1}table.unstriped tbody{background-color:#fefefe}table.unstriped tbody tr{border-bottom:0;border-bottom:1px solid #f1f1f1;background-color:#fefefe}@media screen and (max-width:63.9375em){table.stack thead{display:none}table.stack tfoot{display:none}table.stack td,table.stack th,table.stack tr{display:block}table.stack td{border-top:0}}table.scroll{display:block;width:100%;overflow-x:auto}table.hover thead tr:hover{background-color:#f3f3f3}table.hover tfoot tr:hover{background-color:#ececec}table.hover tbody tr:hover{background-color:#f9f9f9}table.hover:not(.unstriped) tr:nth-of-type(even):hover{background-color:#ececec}.table-scroll{overflow-x:auto}.table-scroll table{width:auto}.badge{display:inline-block;min-width:2.1em;padding:.3em;border-radius:50%;font-size:.6rem;text-align:center;background:#2ba6cb;color:#fefefe}.badge.primary{background:#2ba6cb;color:#0a0a0a}.badge.secondary{background:#e9e9e9;color:#0a0a0a}.badge.alert{background:#c60f13;color:#fefefe}.badge.success{background:#5da423;color:#0a0a0a}.badge.warning{background:#ffae00;color:#0a0a0a}.badge.body-font{background:#222;color:#fefefe}.badge.header{background:#222;color:#fefefe}.label{display:inline-block;padding:.33333rem .5rem;border-radius:3px;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;background:#2ba6cb;color:#fefefe}.label.primary{background:#2ba6cb;color:#0a0a0a}.label.secondary{background:#e9e9e9;color:#0a0a0a}.label.alert{background:#c60f13;color:#fefefe}.label.success{background:#5da423;color:#0a0a0a}.label.warning{background:#ffae00;color:#0a0a0a}.label.body-font{background:#222;color:#fefefe}.label.header{background:#222;color:#fefefe}.progress{height:1rem;margin-bottom:1rem;border-radius:3px;background-color:#cacaca}.progress.primary .progress-meter{background-color:#2ba6cb}.progress.secondary .progress-meter{background-color:#e9e9e9}.progress.alert .progress-meter{background-color:#c60f13}.progress.success .progress-meter{background-color:#5da423}.progress.warning .progress-meter{background-color:#ffae00}.progress.body-font .progress-meter{background-color:#222}.progress.header .progress-meter{background-color:#222}.progress-meter{position:relative;display:block;width:0;height:100%;background-color:#2ba6cb;border-radius:3px}.progress-meter-text{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;margin:0;font-size:.75rem;font-weight:700;color:#fefefe;white-space:nowrap;border-radius:3px}.has-tip{position:relative;display:inline-block;border-bottom:dotted 1px #8a8a8a;font-weight:700;cursor:help}.tooltip{position:absolute;top:calc(100% + .6495rem);z-index:1200;max-width:10rem;padding:.75rem;border-radius:3px;background-color:#0a0a0a;font-size:80%;color:#fefefe}.tooltip::before{position:absolute}.tooltip.bottom::before{display:block;width:0;height:0;border:inset .75rem;content:'';border-top-width:0;border-bottom-style:solid;border-color:transparent transparent #0a0a0a;bottom:100%}.tooltip.bottom.align-center::before{left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.top::before{display:block;width:0;height:0;border:inset .75rem;content:'';border-bottom-width:0;border-top-style:solid;border-color:#0a0a0a transparent transparent;top:100%;bottom:auto}.tooltip.top.align-center::before{left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)}.tooltip.left::before{display:block;width:0;height:0;border:inset .75rem;content:'';border-right-width:0;border-left-style:solid;border-color:transparent transparent transparent #0a0a0a;left:100%}.tooltip.left.align-center::before{bottom:auto;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.right::before{display:block;width:0;height:0;border:inset .75rem;content:'';border-left-width:0;border-right-style:solid;border-color:transparent #0a0a0a transparent transparent;right:100%;left:auto}.tooltip.right.align-center::before{bottom:auto;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.tooltip.align-top::before{bottom:auto;top:10%}.tooltip.align-bottom::before{bottom:10%;top:auto}.tooltip.align-left::before{left:10%;right:auto}.tooltip.align-right::before{left:auto;right:10%}.flex-video,.responsive-embed{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden}.flex-video embed,.flex-video iframe,.flex-video object,.flex-video video,.responsive-embed embed,.responsive-embed iframe,.responsive-embed object,.responsive-embed video{position:absolute;top:0;left:0;width:100%;height:100%}.flex-video.widescreen,.responsive-embed.widescreen{padding-bottom:56.25%}.orbit{position:relative}.orbit-container{position:relative;height:0;margin:0;list-style:none;overflow:hidden}.orbit-slide{width:100%}.orbit-slide.no-motionui.is-active{top:0;left:0}.orbit-figure{margin:0}.orbit-image{width:100%;max-width:100%;margin:0}.orbit-caption{position:absolute;bottom:0;width:100%;margin-bottom:0;padding:1rem;background-color:rgba(10,10,10,.5);color:#fefefe}.orbit-next,.orbit-previous{position:absolute;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10;padding:1rem;color:#fefefe}[data-whatinput=mouse] .orbit-next,[data-whatinput=mouse] .orbit-previous{outline:0}.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)}.orbit-previous{left:0}.orbit-next{left:auto;right:0}.orbit-bullets{position:relative;margin-top:.8rem;margin-bottom:.8rem;text-align:center}[data-whatinput=mouse] .orbit-bullets{outline:0}.orbit-bullets button{width:1.2rem;height:1.2rem;margin:.1rem;border-radius:50%;background-color:#cacaca}.orbit-bullets button:hover{background-color:#8a8a8a}.orbit-bullets button.is-active{background-color:#8a8a8a}.thumbnail{display:inline-block;max-width:100%;margin-bottom:1rem;border:solid 4px #fefefe;border-radius:3px;box-shadow:0 0 0 1px rgba(10,10,10,.2);line-height:0}a.thumbnail{transition:box-shadow .2s ease-out}a.thumbnail:focus,a.thumbnail:hover{box-shadow:0 0 6px 1px rgba(43,166,203,.5)}a.thumbnail image{box-shadow:none}.sticky-container{position:relative}.sticky{position:relative;z-index:0;transform:translate3d(0,0,0)}.sticky.is-stuck{position:fixed;z-index:5;width:100%}.sticky.is-stuck.is-at-top{top:0}.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:relative;right:auto;left:auto}.sticky.is-anchored.is-at-bottom{bottom:0}.grid-container{padding-right:.9375rem;padding-left:.9375rem;max-width:90rem;margin:0 auto}.grid-container.fluid{padding-right:.9375rem;padding-left:.9375rem;max-width:100%;margin:0 auto}.grid-container.full{padding-right:0;padding-left:0;max-width:100%;margin:0 auto}.grid-x{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.cell{-ms-flex:0 0 auto;flex:0 0 auto;min-height:0;min-width:0;width:100%}.cell.auto{-ms-flex:1 1 0px;flex:1 1 0px}.cell.shrink{-ms-flex:0 0 auto;flex:0 0 auto}.grid-x>.auto{width:auto}.grid-x>.shrink{width:auto}.grid-x>.small-1,.grid-x>.small-10,.grid-x>.small-11,.grid-x>.small-12,.grid-x>.small-2,.grid-x>.small-3,.grid-x>.small-4,.grid-x>.small-5,.grid-x>.small-6,.grid-x>.small-7,.grid-x>.small-8,.grid-x>.small-9,.grid-x>.small-full,.grid-x>.small-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (min-width:40em){.grid-x>.medium-1,.grid-x>.medium-10,.grid-x>.medium-11,.grid-x>.medium-12,.grid-x>.medium-2,.grid-x>.medium-3,.grid-x>.medium-4,.grid-x>.medium-5,.grid-x>.medium-6,.grid-x>.medium-7,.grid-x>.medium-8,.grid-x>.medium-9,.grid-x>.medium-full,.grid-x>.medium-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (min-width:64em){.grid-x>.large-1,.grid-x>.large-10,.grid-x>.large-11,.grid-x>.large-12,.grid-x>.large-2,.grid-x>.large-3,.grid-x>.large-4,.grid-x>.large-5,.grid-x>.large-6,.grid-x>.large-7,.grid-x>.large-8,.grid-x>.large-9,.grid-x>.large-full,.grid-x>.large-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-x>.small-1{width:8.33333%}.grid-x>.small-2{width:16.66667%}.grid-x>.small-3{width:25%}.grid-x>.small-4{width:33.33333%}.grid-x>.small-5{width:41.66667%}.grid-x>.small-6{width:50%}.grid-x>.small-7{width:58.33333%}.grid-x>.small-8{width:66.66667%}.grid-x>.small-9{width:75%}.grid-x>.small-10{width:83.33333%}.grid-x>.small-11{width:91.66667%}.grid-x>.small-12{width:100%}@media print,screen and (min-width:40em){.grid-x>.medium-auto{-ms-flex:1 1 0px;flex:1 1 0px;width:auto}.grid-x>.medium-shrink{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.grid-x>.medium-1{width:8.33333%}.grid-x>.medium-2{width:16.66667%}.grid-x>.medium-3{width:25%}.grid-x>.medium-4{width:33.33333%}.grid-x>.medium-5{width:41.66667%}.grid-x>.medium-6{width:50%}.grid-x>.medium-7{width:58.33333%}.grid-x>.medium-8{width:66.66667%}.grid-x>.medium-9{width:75%}.grid-x>.medium-10{width:83.33333%}.grid-x>.medium-11{width:91.66667%}.grid-x>.medium-12{width:100%}}@media print,screen and (min-width:64em){.grid-x>.large-auto{-ms-flex:1 1 0px;flex:1 1 0px;width:auto}.grid-x>.large-shrink{-ms-flex:0 0 auto;flex:0 0 auto;width:auto}.grid-x>.large-1{width:8.33333%}.grid-x>.large-2{width:16.66667%}.grid-x>.large-3{width:25%}.grid-x>.large-4{width:33.33333%}.grid-x>.large-5{width:41.66667%}.grid-x>.large-6{width:50%}.grid-x>.large-7{width:58.33333%}.grid-x>.large-8{width:66.66667%}.grid-x>.large-9{width:75%}.grid-x>.large-10{width:83.33333%}.grid-x>.large-11{width:91.66667%}.grid-x>.large-12{width:100%}}.grid-margin-x:not(.grid-x)>.cell{width:auto}.grid-margin-y:not(.grid-y)>.cell{height:auto}.grid-margin-x{margin-left:-.9375rem;margin-right:-.9375rem}.grid-margin-x>.cell{width:calc(100% - 1.875rem);margin-left:.9375rem;margin-right:.9375rem}.grid-margin-x>.auto{width:auto}.grid-margin-x>.shrink{width:auto}.grid-margin-x>.small-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.small-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.small-3{width:calc(25% - 1.875rem)}.grid-margin-x>.small-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.small-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.small-6{width:calc(50% - 1.875rem)}.grid-margin-x>.small-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.small-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.small-9{width:calc(75% - 1.875rem)}.grid-margin-x>.small-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.small-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.small-12{width:calc(100% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-x>.medium-auto{width:auto}.grid-margin-x>.medium-shrink{width:auto}.grid-margin-x>.medium-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.medium-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.medium-3{width:calc(25% - 1.875rem)}.grid-margin-x>.medium-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.medium-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.medium-6{width:calc(50% - 1.875rem)}.grid-margin-x>.medium-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.medium-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.medium-9{width:calc(75% - 1.875rem)}.grid-margin-x>.medium-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.medium-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.medium-12{width:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-x>.large-auto{width:auto}.grid-margin-x>.large-shrink{width:auto}.grid-margin-x>.large-1{width:calc(8.33333% - 1.875rem)}.grid-margin-x>.large-2{width:calc(16.66667% - 1.875rem)}.grid-margin-x>.large-3{width:calc(25% - 1.875rem)}.grid-margin-x>.large-4{width:calc(33.33333% - 1.875rem)}.grid-margin-x>.large-5{width:calc(41.66667% - 1.875rem)}.grid-margin-x>.large-6{width:calc(50% - 1.875rem)}.grid-margin-x>.large-7{width:calc(58.33333% - 1.875rem)}.grid-margin-x>.large-8{width:calc(66.66667% - 1.875rem)}.grid-margin-x>.large-9{width:calc(75% - 1.875rem)}.grid-margin-x>.large-10{width:calc(83.33333% - 1.875rem)}.grid-margin-x>.large-11{width:calc(91.66667% - 1.875rem)}.grid-margin-x>.large-12{width:calc(100% - 1.875rem)}}.grid-padding-x .grid-padding-x{margin-right:-.9375rem;margin-left:-.9375rem}.grid-container:not(.full)>.grid-padding-x{margin-right:-.9375rem;margin-left:-.9375rem}.grid-padding-x>.cell{padding-right:.9375rem;padding-left:.9375rem}.small-up-1>.cell{width:100%}.small-up-2>.cell{width:50%}.small-up-3>.cell{width:33.33333%}.small-up-4>.cell{width:25%}.small-up-5>.cell{width:20%}.small-up-6>.cell{width:16.66667%}.small-up-7>.cell{width:14.28571%}.small-up-8>.cell{width:12.5%}@media print,screen and (min-width:40em){.medium-up-1>.cell{width:100%}.medium-up-2>.cell{width:50%}.medium-up-3>.cell{width:33.33333%}.medium-up-4>.cell{width:25%}.medium-up-5>.cell{width:20%}.medium-up-6>.cell{width:16.66667%}.medium-up-7>.cell{width:14.28571%}.medium-up-8>.cell{width:12.5%}}@media print,screen and (min-width:64em){.large-up-1>.cell{width:100%}.large-up-2>.cell{width:50%}.large-up-3>.cell{width:33.33333%}.large-up-4>.cell{width:25%}.large-up-5>.cell{width:20%}.large-up-6>.cell{width:16.66667%}.large-up-7>.cell{width:14.28571%}.large-up-8>.cell{width:12.5%}}.grid-margin-x.small-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.small-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.small-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.small-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.small-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.small-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.small-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.small-up-8>.cell{width:calc(12.5% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-x.medium-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.medium-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.medium-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.medium-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.medium-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.medium-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.medium-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.medium-up-8>.cell{width:calc(12.5% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-x.large-up-1>.cell{width:calc(100% - 1.875rem)}.grid-margin-x.large-up-2>.cell{width:calc(50% - 1.875rem)}.grid-margin-x.large-up-3>.cell{width:calc(33.33333% - 1.875rem)}.grid-margin-x.large-up-4>.cell{width:calc(25% - 1.875rem)}.grid-margin-x.large-up-5>.cell{width:calc(20% - 1.875rem)}.grid-margin-x.large-up-6>.cell{width:calc(16.66667% - 1.875rem)}.grid-margin-x.large-up-7>.cell{width:calc(14.28571% - 1.875rem)}.grid-margin-x.large-up-8>.cell{width:calc(12.5% - 1.875rem)}}.small-margin-collapse{margin-right:0;margin-left:0}.small-margin-collapse>.cell{margin-right:0;margin-left:0}.small-margin-collapse>.small-1{width:8.33333%}.small-margin-collapse>.small-2{width:16.66667%}.small-margin-collapse>.small-3{width:25%}.small-margin-collapse>.small-4{width:33.33333%}.small-margin-collapse>.small-5{width:41.66667%}.small-margin-collapse>.small-6{width:50%}.small-margin-collapse>.small-7{width:58.33333%}.small-margin-collapse>.small-8{width:66.66667%}.small-margin-collapse>.small-9{width:75%}.small-margin-collapse>.small-10{width:83.33333%}.small-margin-collapse>.small-11{width:91.66667%}.small-margin-collapse>.small-12{width:100%}@media print,screen and (min-width:40em){.small-margin-collapse>.medium-1{width:8.33333%}.small-margin-collapse>.medium-2{width:16.66667%}.small-margin-collapse>.medium-3{width:25%}.small-margin-collapse>.medium-4{width:33.33333%}.small-margin-collapse>.medium-5{width:41.66667%}.small-margin-collapse>.medium-6{width:50%}.small-margin-collapse>.medium-7{width:58.33333%}.small-margin-collapse>.medium-8{width:66.66667%}.small-margin-collapse>.medium-9{width:75%}.small-margin-collapse>.medium-10{width:83.33333%}.small-margin-collapse>.medium-11{width:91.66667%}.small-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64em){.small-margin-collapse>.large-1{width:8.33333%}.small-margin-collapse>.large-2{width:16.66667%}.small-margin-collapse>.large-3{width:25%}.small-margin-collapse>.large-4{width:33.33333%}.small-margin-collapse>.large-5{width:41.66667%}.small-margin-collapse>.large-6{width:50%}.small-margin-collapse>.large-7{width:58.33333%}.small-margin-collapse>.large-8{width:66.66667%}.small-margin-collapse>.large-9{width:75%}.small-margin-collapse>.large-10{width:83.33333%}.small-margin-collapse>.large-11{width:91.66667%}.small-margin-collapse>.large-12{width:100%}}.small-padding-collapse{margin-right:0;margin-left:0}.small-padding-collapse>.cell{padding-right:0;padding-left:0}@media print,screen and (min-width:40em){.medium-margin-collapse{margin-right:0;margin-left:0}.medium-margin-collapse>.cell{margin-right:0;margin-left:0}}@media print,screen and (min-width:40em){.medium-margin-collapse>.small-1{width:8.33333%}.medium-margin-collapse>.small-2{width:16.66667%}.medium-margin-collapse>.small-3{width:25%}.medium-margin-collapse>.small-4{width:33.33333%}.medium-margin-collapse>.small-5{width:41.66667%}.medium-margin-collapse>.small-6{width:50%}.medium-margin-collapse>.small-7{width:58.33333%}.medium-margin-collapse>.small-8{width:66.66667%}.medium-margin-collapse>.small-9{width:75%}.medium-margin-collapse>.small-10{width:83.33333%}.medium-margin-collapse>.small-11{width:91.66667%}.medium-margin-collapse>.small-12{width:100%}}@media print,screen and (min-width:40em){.medium-margin-collapse>.medium-1{width:8.33333%}.medium-margin-collapse>.medium-2{width:16.66667%}.medium-margin-collapse>.medium-3{width:25%}.medium-margin-collapse>.medium-4{width:33.33333%}.medium-margin-collapse>.medium-5{width:41.66667%}.medium-margin-collapse>.medium-6{width:50%}.medium-margin-collapse>.medium-7{width:58.33333%}.medium-margin-collapse>.medium-8{width:66.66667%}.medium-margin-collapse>.medium-9{width:75%}.medium-margin-collapse>.medium-10{width:83.33333%}.medium-margin-collapse>.medium-11{width:91.66667%}.medium-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64em){.medium-margin-collapse>.large-1{width:8.33333%}.medium-margin-collapse>.large-2{width:16.66667%}.medium-margin-collapse>.large-3{width:25%}.medium-margin-collapse>.large-4{width:33.33333%}.medium-margin-collapse>.large-5{width:41.66667%}.medium-margin-collapse>.large-6{width:50%}.medium-margin-collapse>.large-7{width:58.33333%}.medium-margin-collapse>.large-8{width:66.66667%}.medium-margin-collapse>.large-9{width:75%}.medium-margin-collapse>.large-10{width:83.33333%}.medium-margin-collapse>.large-11{width:91.66667%}.medium-margin-collapse>.large-12{width:100%}}@media print,screen and (min-width:40em){.medium-padding-collapse{margin-right:0;margin-left:0}.medium-padding-collapse>.cell{padding-right:0;padding-left:0}}@media print,screen and (min-width:64em){.large-margin-collapse{margin-right:0;margin-left:0}.large-margin-collapse>.cell{margin-right:0;margin-left:0}}@media print,screen and (min-width:64em){.large-margin-collapse>.small-1{width:8.33333%}.large-margin-collapse>.small-2{width:16.66667%}.large-margin-collapse>.small-3{width:25%}.large-margin-collapse>.small-4{width:33.33333%}.large-margin-collapse>.small-5{width:41.66667%}.large-margin-collapse>.small-6{width:50%}.large-margin-collapse>.small-7{width:58.33333%}.large-margin-collapse>.small-8{width:66.66667%}.large-margin-collapse>.small-9{width:75%}.large-margin-collapse>.small-10{width:83.33333%}.large-margin-collapse>.small-11{width:91.66667%}.large-margin-collapse>.small-12{width:100%}}@media print,screen and (min-width:64em){.large-margin-collapse>.medium-1{width:8.33333%}.large-margin-collapse>.medium-2{width:16.66667%}.large-margin-collapse>.medium-3{width:25%}.large-margin-collapse>.medium-4{width:33.33333%}.large-margin-collapse>.medium-5{width:41.66667%}.large-margin-collapse>.medium-6{width:50%}.large-margin-collapse>.medium-7{width:58.33333%}.large-margin-collapse>.medium-8{width:66.66667%}.large-margin-collapse>.medium-9{width:75%}.large-margin-collapse>.medium-10{width:83.33333%}.large-margin-collapse>.medium-11{width:91.66667%}.large-margin-collapse>.medium-12{width:100%}}@media print,screen and (min-width:64em){.large-margin-collapse>.large-1{width:8.33333%}.large-margin-collapse>.large-2{width:16.66667%}.large-margin-collapse>.large-3{width:25%}.large-margin-collapse>.large-4{width:33.33333%}.large-margin-collapse>.large-5{width:41.66667%}.large-margin-collapse>.large-6{width:50%}.large-margin-collapse>.large-7{width:58.33333%}.large-margin-collapse>.large-8{width:66.66667%}.large-margin-collapse>.large-9{width:75%}.large-margin-collapse>.large-10{width:83.33333%}.large-margin-collapse>.large-11{width:91.66667%}.large-margin-collapse>.large-12{width:100%}}@media print,screen and (min-width:64em){.large-padding-collapse{margin-right:0;margin-left:0}.large-padding-collapse>.cell{padding-right:0;padding-left:0}}.small-offset-0{margin-left:0}.grid-margin-x>.small-offset-0{margin-left:calc(0% + .9375rem)}.small-offset-1{margin-left:8.33333%}.grid-margin-x>.small-offset-1{margin-left:calc(8.33333% + .9375rem)}.small-offset-2{margin-left:16.66667%}.grid-margin-x>.small-offset-2{margin-left:calc(16.66667% + .9375rem)}.small-offset-3{margin-left:25%}.grid-margin-x>.small-offset-3{margin-left:calc(25% + .9375rem)}.small-offset-4{margin-left:33.33333%}.grid-margin-x>.small-offset-4{margin-left:calc(33.33333% + .9375rem)}.small-offset-5{margin-left:41.66667%}.grid-margin-x>.small-offset-5{margin-left:calc(41.66667% + .9375rem)}.small-offset-6{margin-left:50%}.grid-margin-x>.small-offset-6{margin-left:calc(50% + .9375rem)}.small-offset-7{margin-left:58.33333%}.grid-margin-x>.small-offset-7{margin-left:calc(58.33333% + .9375rem)}.small-offset-8{margin-left:66.66667%}.grid-margin-x>.small-offset-8{margin-left:calc(66.66667% + .9375rem)}.small-offset-9{margin-left:75%}.grid-margin-x>.small-offset-9{margin-left:calc(75% + .9375rem)}.small-offset-10{margin-left:83.33333%}.grid-margin-x>.small-offset-10{margin-left:calc(83.33333% + .9375rem)}.small-offset-11{margin-left:91.66667%}.grid-margin-x>.small-offset-11{margin-left:calc(91.66667% + .9375rem)}@media print,screen and (min-width:40em){.medium-offset-0{margin-left:0}.grid-margin-x>.medium-offset-0{margin-left:calc(0% + .9375rem)}.medium-offset-1{margin-left:8.33333%}.grid-margin-x>.medium-offset-1{margin-left:calc(8.33333% + .9375rem)}.medium-offset-2{margin-left:16.66667%}.grid-margin-x>.medium-offset-2{margin-left:calc(16.66667% + .9375rem)}.medium-offset-3{margin-left:25%}.grid-margin-x>.medium-offset-3{margin-left:calc(25% + .9375rem)}.medium-offset-4{margin-left:33.33333%}.grid-margin-x>.medium-offset-4{margin-left:calc(33.33333% + .9375rem)}.medium-offset-5{margin-left:41.66667%}.grid-margin-x>.medium-offset-5{margin-left:calc(41.66667% + .9375rem)}.medium-offset-6{margin-left:50%}.grid-margin-x>.medium-offset-6{margin-left:calc(50% + .9375rem)}.medium-offset-7{margin-left:58.33333%}.grid-margin-x>.medium-offset-7{margin-left:calc(58.33333% + .9375rem)}.medium-offset-8{margin-left:66.66667%}.grid-margin-x>.medium-offset-8{margin-left:calc(66.66667% + .9375rem)}.medium-offset-9{margin-left:75%}.grid-margin-x>.medium-offset-9{margin-left:calc(75% + .9375rem)}.medium-offset-10{margin-left:83.33333%}.grid-margin-x>.medium-offset-10{margin-left:calc(83.33333% + .9375rem)}.medium-offset-11{margin-left:91.66667%}.grid-margin-x>.medium-offset-11{margin-left:calc(91.66667% + .9375rem)}}@media print,screen and (min-width:64em){.large-offset-0{margin-left:0}.grid-margin-x>.large-offset-0{margin-left:calc(0% + .9375rem)}.large-offset-1{margin-left:8.33333%}.grid-margin-x>.large-offset-1{margin-left:calc(8.33333% + .9375rem)}.large-offset-2{margin-left:16.66667%}.grid-margin-x>.large-offset-2{margin-left:calc(16.66667% + .9375rem)}.large-offset-3{margin-left:25%}.grid-margin-x>.large-offset-3{margin-left:calc(25% + .9375rem)}.large-offset-4{margin-left:33.33333%}.grid-margin-x>.large-offset-4{margin-left:calc(33.33333% + .9375rem)}.large-offset-5{margin-left:41.66667%}.grid-margin-x>.large-offset-5{margin-left:calc(41.66667% + .9375rem)}.large-offset-6{margin-left:50%}.grid-margin-x>.large-offset-6{margin-left:calc(50% + .9375rem)}.large-offset-7{margin-left:58.33333%}.grid-margin-x>.large-offset-7{margin-left:calc(58.33333% + .9375rem)}.large-offset-8{margin-left:66.66667%}.grid-margin-x>.large-offset-8{margin-left:calc(66.66667% + .9375rem)}.large-offset-9{margin-left:75%}.grid-margin-x>.large-offset-9{margin-left:calc(75% + .9375rem)}.large-offset-10{margin-left:83.33333%}.grid-margin-x>.large-offset-10{margin-left:calc(83.33333% + .9375rem)}.large-offset-11{margin-left:91.66667%}.grid-margin-x>.large-offset-11{margin-left:calc(91.66667% + .9375rem)}}.grid-y{display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.grid-y>.cell{width:auto}.grid-y>.auto{height:auto}.grid-y>.shrink{height:auto}.grid-y>.small-1,.grid-y>.small-10,.grid-y>.small-11,.grid-y>.small-12,.grid-y>.small-2,.grid-y>.small-3,.grid-y>.small-4,.grid-y>.small-5,.grid-y>.small-6,.grid-y>.small-7,.grid-y>.small-8,.grid-y>.small-9,.grid-y>.small-full,.grid-y>.small-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}@media print,screen and (min-width:40em){.grid-y>.medium-1,.grid-y>.medium-10,.grid-y>.medium-11,.grid-y>.medium-12,.grid-y>.medium-2,.grid-y>.medium-3,.grid-y>.medium-4,.grid-y>.medium-5,.grid-y>.medium-6,.grid-y>.medium-7,.grid-y>.medium-8,.grid-y>.medium-9,.grid-y>.medium-full,.grid-y>.medium-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}}@media print,screen and (min-width:64em){.grid-y>.large-1,.grid-y>.large-10,.grid-y>.large-11,.grid-y>.large-12,.grid-y>.large-2,.grid-y>.large-3,.grid-y>.large-4,.grid-y>.large-5,.grid-y>.large-6,.grid-y>.large-7,.grid-y>.large-8,.grid-y>.large-9,.grid-y>.large-full,.grid-y>.large-shrink{-ms-flex-preferred-size:auto;flex-basis:auto}}.grid-y>.small-1{height:8.33333%}.grid-y>.small-2{height:16.66667%}.grid-y>.small-3{height:25%}.grid-y>.small-4{height:33.33333%}.grid-y>.small-5{height:41.66667%}.grid-y>.small-6{height:50%}.grid-y>.small-7{height:58.33333%}.grid-y>.small-8{height:66.66667%}.grid-y>.small-9{height:75%}.grid-y>.small-10{height:83.33333%}.grid-y>.small-11{height:91.66667%}.grid-y>.small-12{height:100%}@media print,screen and (min-width:40em){.grid-y>.medium-auto{-ms-flex:1 1 0px;flex:1 1 0px;height:auto}.grid-y>.medium-shrink{height:auto}.grid-y>.medium-1{height:8.33333%}.grid-y>.medium-2{height:16.66667%}.grid-y>.medium-3{height:25%}.grid-y>.medium-4{height:33.33333%}.grid-y>.medium-5{height:41.66667%}.grid-y>.medium-6{height:50%}.grid-y>.medium-7{height:58.33333%}.grid-y>.medium-8{height:66.66667%}.grid-y>.medium-9{height:75%}.grid-y>.medium-10{height:83.33333%}.grid-y>.medium-11{height:91.66667%}.grid-y>.medium-12{height:100%}}@media print,screen and (min-width:64em){.grid-y>.large-auto{-ms-flex:1 1 0px;flex:1 1 0px;height:auto}.grid-y>.large-shrink{height:auto}.grid-y>.large-1{height:8.33333%}.grid-y>.large-2{height:16.66667%}.grid-y>.large-3{height:25%}.grid-y>.large-4{height:33.33333%}.grid-y>.large-5{height:41.66667%}.grid-y>.large-6{height:50%}.grid-y>.large-7{height:58.33333%}.grid-y>.large-8{height:66.66667%}.grid-y>.large-9{height:75%}.grid-y>.large-10{height:83.33333%}.grid-y>.large-11{height:91.66667%}.grid-y>.large-12{height:100%}}.grid-padding-y .grid-padding-y{margin-top:-.9375rem;margin-bottom:-.9375rem}.grid-padding-y>.cell{padding-top:.9375rem;padding-bottom:.9375rem}.grid-margin-y{margin-top:-.9375rem;margin-bottom:-.9375rem}.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-top:.9375rem;margin-bottom:.9375rem}.grid-margin-y>.auto{height:auto}.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-y>.medium-auto{height:auto}.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y>.large-auto{height:auto}.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}}.grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell .grid-frame{width:100%}.cell-block{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}.cell-block-y{overflow-y:auto;max-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}.cell-block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.cell-block-container>.grid-x{max-height:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}@media print,screen and (min-width:40em){.medium-grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell .medium-grid-frame{width:100%}.medium-cell-block{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}.medium-cell-block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.medium-cell-block-container>.grid-x{max-height:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.medium-cell-block-y{overflow-y:auto;max-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}}@media print,screen and (min-width:64em){.large-grid-frame{overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;width:100vw}.cell .large-grid-frame{width:100%}.large-cell-block{overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}.large-cell-block-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-height:100%}.large-cell-block-container>.grid-x{max-height:100%;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.large-cell-block-y{overflow-y:auto;max-height:100%;-webkit-overflow-scrolling:touch;-ms-overflow-stype:-ms-autohiding-scrollbar}}.grid-y.grid-frame{width:auto;overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;height:100vh}@media print,screen and (min-width:40em){.grid-y.medium-grid-frame{width:auto;overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;height:100vh}}@media print,screen and (min-width:64em){.grid-y.large-grid-frame{width:auto;overflow:hidden;position:relative;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;height:100vh}}.cell .grid-y.grid-frame{height:100%}@media print,screen and (min-width:40em){.cell .grid-y.medium-grid-frame{height:100%}}@media print,screen and (min-width:64em){.cell .grid-y.large-grid-frame{height:100%}}.grid-margin-y{margin-top:-.9375rem;margin-bottom:-.9375rem}.grid-margin-y>.cell{height:calc(100% - 1.875rem);margin-top:.9375rem;margin-bottom:.9375rem}.grid-margin-y>.auto{height:auto}.grid-margin-y>.shrink{height:auto}.grid-margin-y>.small-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.small-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.small-3{height:calc(25% - 1.875rem)}.grid-margin-y>.small-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.small-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.small-6{height:calc(50% - 1.875rem)}.grid-margin-y>.small-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.small-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.small-9{height:calc(75% - 1.875rem)}.grid-margin-y>.small-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.small-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.small-12{height:calc(100% - 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-y>.medium-auto{height:auto}.grid-margin-y>.medium-shrink{height:auto}.grid-margin-y>.medium-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.medium-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.medium-3{height:calc(25% - 1.875rem)}.grid-margin-y>.medium-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.medium-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.medium-6{height:calc(50% - 1.875rem)}.grid-margin-y>.medium-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.medium-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.medium-9{height:calc(75% - 1.875rem)}.grid-margin-y>.medium-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.medium-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.medium-12{height:calc(100% - 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y>.large-auto{height:auto}.grid-margin-y>.large-shrink{height:auto}.grid-margin-y>.large-1{height:calc(8.33333% - 1.875rem)}.grid-margin-y>.large-2{height:calc(16.66667% - 1.875rem)}.grid-margin-y>.large-3{height:calc(25% - 1.875rem)}.grid-margin-y>.large-4{height:calc(33.33333% - 1.875rem)}.grid-margin-y>.large-5{height:calc(41.66667% - 1.875rem)}.grid-margin-y>.large-6{height:calc(50% - 1.875rem)}.grid-margin-y>.large-7{height:calc(58.33333% - 1.875rem)}.grid-margin-y>.large-8{height:calc(66.66667% - 1.875rem)}.grid-margin-y>.large-9{height:calc(75% - 1.875rem)}.grid-margin-y>.large-10{height:calc(83.33333% - 1.875rem)}.grid-margin-y>.large-11{height:calc(91.66667% - 1.875rem)}.grid-margin-y>.large-12{height:calc(100% - 1.875rem)}}.grid-frame.grid-margin-y{height:calc(100vh + 1.875rem)}@media print,screen and (min-width:40em){.grid-margin-y.medium-grid-frame{height:calc(100vh + 1.875rem)}}@media print,screen and (min-width:64em){.grid-margin-y.large-grid-frame{height:calc(100vh + 1.875rem)}}.align-right{-ms-flex-pack:end;justify-content:flex-end}.align-center{-ms-flex-pack:center;justify-content:center}.align-justify{-ms-flex-pack:justify;justify-content:space-between}.align-spaced{-ms-flex-pack:distribute;justify-content:space-around}.align-right.vertical.menu>li>a{-ms-flex-pack:end;justify-content:flex-end}.align-center.vertical.menu>li>a{-ms-flex-pack:center;justify-content:center}.align-top{-ms-flex-align:start;align-items:flex-start}.align-self-top{-ms-flex-item-align:start;align-self:flex-start}.align-bottom{-ms-flex-align:end;align-items:flex-end}.align-self-bottom{-ms-flex-item-align:end;align-self:flex-end}.align-middle{-ms-flex-align:center;align-items:center}.align-self-middle{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.align-stretch{-ms-flex-align:stretch;align-items:stretch}.align-self-stretch{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch}.align-center-middle{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.small-order-1{-ms-flex-order:1;order:1}.small-order-2{-ms-flex-order:2;order:2}.small-order-3{-ms-flex-order:3;order:3}.small-order-4{-ms-flex-order:4;order:4}.small-order-5{-ms-flex-order:5;order:5}.small-order-6{-ms-flex-order:6;order:6}@media print,screen and (min-width:40em){.medium-order-1{-ms-flex-order:1;order:1}.medium-order-2{-ms-flex-order:2;order:2}.medium-order-3{-ms-flex-order:3;order:3}.medium-order-4{-ms-flex-order:4;order:4}.medium-order-5{-ms-flex-order:5;order:5}.medium-order-6{-ms-flex-order:6;order:6}}@media print,screen and (min-width:64em){.large-order-1{-ms-flex-order:1;order:1}.large-order-2{-ms-flex-order:2;order:2}.large-order-3{-ms-flex-order:3;order:3}.large-order-4{-ms-flex-order:4;order:4}.large-order-5{-ms-flex-order:5;order:5}.large-order-6{-ms-flex-order:6;order:6}}.flex-container{display:-ms-flexbox;display:flex}.flex-child-auto{-ms-flex:1 1 auto;flex:1 1 auto}.flex-child-grow{-ms-flex:1 0 auto;flex:1 0 auto}.flex-child-shrink{-ms-flex:0 1 auto;flex:0 1 auto}.flex-dir-row{-ms-flex-direction:row;flex-direction:row}.flex-dir-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.flex-dir-column{-ms-flex-direction:column;flex-direction:column}.flex-dir-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}@media print,screen and (min-width:40em){.medium-flex-container{display:-ms-flexbox;display:flex}.medium-flex-child-auto{-ms-flex:1 1 auto;flex:1 1 auto}.medium-flex-child-grow{-ms-flex:1 0 auto;flex:1 0 auto}.medium-flex-child-shrink{-ms-flex:0 1 auto;flex:0 1 auto}.medium-flex-dir-row{-ms-flex-direction:row;flex-direction:row}.medium-flex-dir-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.medium-flex-dir-column{-ms-flex-direction:column;flex-direction:column}.medium-flex-dir-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}@media print,screen and (min-width:64em){.large-flex-container{display:-ms-flexbox;display:flex}.large-flex-child-auto{-ms-flex:1 1 auto;flex:1 1 auto}.large-flex-child-grow{-ms-flex:1 0 auto;flex:1 0 auto}.large-flex-child-shrink{-ms-flex:0 1 auto;flex:0 1 auto}.large-flex-dir-row{-ms-flex-direction:row;flex-direction:row}.large-flex-dir-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.large-flex-dir-column{-ms-flex-direction:column;flex-direction:column}.large-flex-dir-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.menu-icon{position:relative;display:inline-block;vertical-align:middle;width:20px;height:16px;cursor:pointer}.menu-icon::after{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background:#fefefe;box-shadow:0 7px 0 #fefefe,0 14px 0 #fefefe;content:''}.menu-icon:hover::after{background:#cacaca;box-shadow:0 7px 0 #cacaca,0 14px 0 #cacaca}.menu-icon.dark{position:relative;display:inline-block;vertical-align:middle;width:20px;height:16px;cursor:pointer}.menu-icon.dark::after{position:absolute;top:0;left:0;display:block;width:100%;height:2px;background:#0a0a0a;box-shadow:0 7px 0 #0a0a0a,0 14px 0 #0a0a0a;content:''}.menu-icon.dark:hover::after{background:#8a8a8a;box-shadow:0 7px 0 #8a8a8a,0 14px 0 #8a8a8a}.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-down.mui-enter.mui-enter-active{-ms-transform:translateY(0);transform:translateY(0)}.slide-in-left.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateX(-100%);transform:translateX(-100%);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-in-left.mui-enter.mui-enter-active{-ms-transform:translateX(0);transform:translateX(0)}.slide-in-up.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-up.mui-enter.mui-enter-active{-ms-transform:translateY(0);transform:translateY(0)}.slide-in-right.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateX(100%);transform:translateX(100%);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-in-right.mui-enter.mui-enter-active{-ms-transform:translateX(0);transform:translateX(0)}.slide-out-down.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateY(0);transform:translateY(0);transition-property:transform,opacity;-webkit-backface-visibility:hidden;backface-visibility:hidden}.slide-out-down.mui-leave.mui-leave-active{-ms-transform:translateY(100%);transform:translateY(100%)}.slide-out-right.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}.slide-out-right.mui-leave.mui-leave-active{-ms-transform:translateX(100%);transform:translateX(100%)}.slide-out-up.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:translateY(0);transform:translateY(0);transition-property:transform,opacity;-webkit-backface-visibility:hidden;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}.slide-out-left.mui-leave.mui-leave-active{-ms-transform:translateX(-100%);transform:translateX(-100%)}.fade-in.mui-enter{transition-duration:.5s;transition-timing-function:linear;opacity:0;transition-property:opacity}.fade-in.mui-enter.mui-enter-active{opacity:1}.fade-out.mui-leave{transition-duration:.5s;transition-timing-function:linear;opacity:1;transition-property:opacity}.fade-out.mui-leave.mui-leave-active{opacity:0}.hinge-in-from-top.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateX(-90deg);-ms-transform-origin:top;transform-origin:top;transition-property:transform,opacity;opacity:0}.hinge-in-from-top.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-right.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateY(-90deg);-ms-transform-origin:right;transform-origin:right;transition-property:transform,opacity;opacity:0}.hinge-in-from-right.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-bottom.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateX(90deg);-ms-transform-origin:bottom;transform-origin:bottom;transition-property:transform,opacity;opacity:0}.hinge-in-from-bottom.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-in-from-left.mui-enter{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateY(90deg);-ms-transform-origin:left;transform-origin:left;transition-property:transform,opacity;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{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateX(-90deg);-ms-transform-origin:center;transform-origin:center;transition-property:transform,opacity;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{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotateY(-90deg);-ms-transform-origin:center;transform-origin:center;transition-property:transform,opacity;opacity:0}.hinge-in-from-middle-y.mui-enter.mui-enter-active{transform:perspective(2000px) rotate(0);opacity:1}.hinge-out-from-top.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:top;transform-origin:top;transition-property:transform,opacity;opacity:1}.hinge-out-from-top.mui-leave.mui-leave-active{transform:perspective(2000px) rotateX(-90deg);opacity:0}.hinge-out-from-right.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:right;transform-origin:right;transition-property:transform,opacity;opacity:1}.hinge-out-from-right.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(-90deg);opacity:0}.hinge-out-from-bottom.mui-leave{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:bottom;transform-origin:bottom;transition-property:transform,opacity;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{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:center;transform-origin:center;transition-property:transform,opacity;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{transition-duration:.5s;transition-timing-function:linear;transform:perspective(2000px) rotate(0);-ms-transform-origin:center;transform-origin:center;transition-property:transform,opacity;opacity:1}.hinge-out-from-middle-y.mui-leave.mui-leave-active{transform:perspective(2000px) rotateY(-90deg);opacity:0}.scale-in-up.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:scale(.5);transform:scale(.5);transition-property:transform,opacity;opacity:0}.scale-in-up.mui-enter.mui-enter-active{-ms-transform:scale(1);transform:scale(1);opacity:1}.scale-in-down.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:scale(1.5);transform:scale(1.5);transition-property:transform,opacity;opacity:0}.scale-in-down.mui-enter.mui-enter-active{-ms-transform:scale(1);transform:scale(1);opacity:1}.scale-out-up.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:scale(1);transform:scale(1);transition-property:transform,opacity;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{transition-duration:.5s;transition-timing-function:linear;-ms-transform:scale(1);transform:scale(1);transition-property:transform,opacity;opacity:1}.scale-out-down.mui-leave.mui-leave-active{-ms-transform:scale(.5);transform:scale(.5);opacity:0}.spin-in.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:rotate(-.75turn);transform:rotate(-.75turn);transition-property:transform,opacity;opacity:0}.spin-in.mui-enter.mui-enter-active{-ms-transform:rotate(0);transform:rotate(0);opacity:1}.spin-out.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:rotate(0);transform:rotate(0);transition-property:transform,opacity;opacity:1}.spin-out.mui-leave.mui-leave-active{-ms-transform:rotate(.75turn);transform:rotate(.75turn);opacity:0}.spin-in-ccw.mui-enter{transition-duration:.5s;transition-timing-function:linear;-ms-transform:rotate(.75turn);transform:rotate(.75turn);transition-property:transform,opacity;opacity:0}.spin-in-ccw.mui-enter.mui-enter-active{-ms-transform:rotate(0);transform:rotate(0);opacity:1}.spin-out-ccw.mui-leave{transition-duration:.5s;transition-timing-function:linear;-ms-transform:rotate(0);transform:rotate(0);transition-property:transform,opacity;opacity:1}.spin-out-ccw.mui-leave.mui-leave-active{-ms-transform:rotate(-.75turn);transform:rotate(-.75turn);opacity:0}.slow{transition-duration:750ms!important}.fast{transition-duration:250ms!important}.linear{transition-timing-function:linear!important}.ease{transition-timing-function:ease!important}.ease-in{transition-timing-function:ease-in!important}.ease-out{transition-timing-function:ease-out!important}.ease-in-out{transition-timing-function:ease-in-out!important}.bounce-in{transition-timing-function:cubic-bezier(.485,.155,.24,1.245)!important}.bounce-out{transition-timing-function:cubic-bezier(.485,.155,.515,.845)!important}.bounce-in-out{transition-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important}.short-delay{transition-delay:.3s!important}.long-delay{transition-delay:.7s!important}.shake{animation-name:shake-7}@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%)}}.spin-cw{animation-name:spin-cw-1turn}@keyframes spin-cw-1turn{0%{transform:rotate(-1turn)}100%{transform:rotate(0)}}.spin-ccw{animation-name:spin-cw-1turn}@keyframes spin-cw-1turn{0%{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{animation-duration:250ms!important}.linear{animation-timing-function:linear!important}.ease{animation-timing-function:ease!important}.ease-in{animation-timing-function:ease-in!important}.ease-out{animation-timing-function:ease-out!important}.ease-in-out{animation-timing-function:ease-in-out!important}.bounce-in{animation-timing-function:cubic-bezier(.485,.155,.24,1.245)!important}.bounce-out{animation-timing-function:cubic-bezier(.485,.155,.515,.845)!important}.bounce-in-out{animation-timing-function:cubic-bezier(.76,-.245,.24,1.245)!important}.short-delay{animation-delay:.3s!important}.long-delay{animation-delay:.7s!important}
.datepicker{display:none;position:absolute;padding:4px;margin-top:1px;direction:ltr}.datepicker.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;float:left;display:none;min-width:160px;list-style:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;color:#333;font-size:13px;line-height:18px}.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{padding:4px 5px}.datepicker table{border:0;margin:0;width:auto}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;border:0;font-size:12px;padding:4px 8px;cursor:pointer}.datepicker td{background:#fff}.datepicker td span.active,.datepicker td.active.day,.datepicker td.active.year{background:#2ba6cb}.datepicker td.new,.datepicker td.old{color:#999}.datepicker td span.month.disabled,.datepicker td span.year.disabled,.datepicker td.day.disabled{color:#eee}.datepicker th{background:#fff}.datepicker th span.active,.datepicker th.active.day,.datepicker th.active.year{background:#2ba6cb}.datepicker th.date-switch{width:145px}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.datepicker.days div.datepicker-days,.datepicker.months div.datepicker-months,.datepicker.years div.datepicker-years{display:block}.datepicker-dropdown:after,.datepicker-dropdown:before{content:'';display:inline-block;position:absolute}.datepicker thead tr:first-child th{cursor:pointer}.datepicker thead tr:first-child th.cw{cursor:default;background-color:transparent}.datepicker tfoot tr:first-child th{cursor:pointer}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0}.datepicker-dropdown:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:1px solid rgba(0,0,0,.2);top:-7px;left:6px}.datepicker-dropdown:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:7px}.datepicker-dropdown::after,.datepicker-dropdown::before,.datepicker>div{display:none}.datepicker-close{position:absolute;top:-30px;right:0;width:15px;height:30px;padding:0;display:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}
/**
 * Owl Carousel v2.3.2
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   /**
 * Owl Carousel v2.3.2
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/**
 * selectize.default.css (v0.12.6) - Default Theme
 * Copyright (c) 2013–2015 Brian Reavis & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
    visibility: visible !important;
    background: #f2f2f2 !important;
    background: rgba(0, 0, 0, 0.06) !important;
    border: 0 none !important;
    -webkit-box-shadow: inset 0 0 12px 4px #fff;
    box-shadow: inset 0 0 12px 4px #fff;
}

.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
    content: '!';
    visibility: hidden;
}

.selectize-control.plugin-drag_drop .ui-sortable-helper {
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.selectize-dropdown-header {
    position: relative;
    padding: 5px 8px;
    border-bottom: 1px solid #d0d0d0;
    background: #f8f8f8;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.selectize-dropdown-header-close {
    position: absolute;
    right: 8px;
    top: 50%;
    color: #303030;
    opacity: 0.4;
    margin-top: -12px;
    line-height: 20px;
    font-size: 20px !important;
}

    .selectize-dropdown-header-close:hover {
        color: #000000;
    }

.selectize-dropdown.plugin-optgroup_columns .optgroup {
    border-right: 1px solid #f2f2f2;
    border-top: 0 none;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
        border-right: 0 none;
    }

    .selectize-dropdown.plugin-optgroup_columns .optgroup:before {
        display: none;
    }

.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
    border-top: 0 none;
}

.selectize-control.plugin-remove_button [data-value] {
    position: relative;
    padding-right: 24px !important;
}

    .selectize-control.plugin-remove_button [data-value] .remove {
        z-index: 1;
        /* fixes ie bug (see #392) */
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 17px;
        text-align: center;
        font-weight: bold;
        font-size: 12px;
        color: inherit;
        text-decoration: none;
        vertical-align: middle;
        display: inline-block;
        padding: 2px 0 0 0;
        border-left: 1px solid #0073bb;
        -webkit-border-radius: 0 2px 2px 0;
        -moz-border-radius: 0 2px 2px 0;
        border-radius: 0 2px 2px 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .selectize-control.plugin-remove_button [data-value] .remove:hover {
            background: rgba(0, 0, 0, 0.05);
        }

    .selectize-control.plugin-remove_button [data-value].active .remove {
        border-left-color: #00578d;
    }

.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
    background: none;
}

.selectize-control.plugin-remove_button .disabled [data-value] .remove {
    border-left-color: #aaaaaa;
}

.selectize-control.plugin-remove_button .remove-single {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 23px;
}

.selectize-control {
    position: relative;
    margin: .5rem 0 .875rem;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
    color: inherit;
    font-family: inherit;
    font-size: 15px;
    line-height: 18px;
    -webkit-font-smoothing: inherit;
}

.selectize-input,
.selectize-control.single .selectize-input.input-active {
    background: #fff;
    cursor: text;
    display: inline-block;
}

.selectize-input {
    border: 1px solid #c8c8ca;
    padding: 8px 8px;
    display: inline-block;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 37px;
    /*-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;*/
}

.selectize-control.multi .selectize-input.has-items {
    padding: 5px 8px 2px;
}

.selectize-input.full {
    background-color: #fff;
}

.selectize-input.disabled,
.selectize-input.disabled * {
    cursor: default !important;
}

.selectize-input.focus {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}

.selectize-input.dropdown-active {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.selectize-input > * {
    vertical-align: baseline;
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.selectize-control.multi .selectize-input > div {
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: #1da7ee;
    color: #fff;
    border: 1px solid #0073bb;
}

    .selectize-control.multi .selectize-input > div.active {
        background: #92c836;
        color: #fff;
        border: 1px solid #00578d;
    }

.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
    color: #ffffff;
    background: #d2d2d2;
    border: 1px solid #aaaaaa;
}

.selectize-input > input {
    display: inline-block !important;
    padding: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    max-width: 100% !important;
    margin: 0 1px !important;
    text-indent: 0 !important;
    border: 0 none !important;
    background: none !important;
    line-height: inherit !important;
    -webkit-user-select: auto !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .selectize-input > input::-ms-clear {
        display: none;
    }

    .selectize-input > input:focus {
        outline: none !important;
    }

.selectize-input::after {
    content: ' ';
    display: block;
    clear: left;
}

.selectize-input.dropdown-active::before {
    content: ' ';
    display: block;
    position: absolute;
    background: #f0f0f0;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0;
}

.selectize-dropdown {
    position: absolute;
    z-index: 10;
    border: 1px solid #d0d0d0;
    background: #fff;
    margin: -1px 0 0 0;
    border-top: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

    .selectize-dropdown [data-selectable] {
        cursor: pointer;
        overflow: hidden;
    }

        .selectize-dropdown [data-selectable] .highlight {
            background: rgba(125, 168, 208, 0.2);
            -webkit-border-radius: 1px;
            -moz-border-radius: 1px;
            border-radius: 1px;
        }

    .selectize-dropdown .option,
    .selectize-dropdown .optgroup-header {
        padding: 5px 8px;
    }

    .selectize-dropdown .option,
    .selectize-dropdown [data-disabled],
    .selectize-dropdown [data-disabled] [data-selectable].option {
        cursor: inherit;
        opacity: 0.5;
    }

    .selectize-dropdown [data-selectable].option {
        opacity: 1;
    }

    .selectize-dropdown .optgroup:first-child .optgroup-header {
        border-top: 0 none;
    }

    .selectize-dropdown .optgroup-header {
        color: #303030;
        background: #fff;
        cursor: default;
    }

    .selectize-dropdown .active {
        background-color: #f5fafd;
        color: #495c68;
    }

        .selectize-dropdown .active.create {
            color: #495c68;
        }

    .selectize-dropdown .create {
        color: rgba(48, 48, 48, 0.5);
    }

.selectize-dropdown-content {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    -webkit-overflow-scrolling: touch;
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
}

    .selectize-control.single .selectize-input.input-active,
    .selectize-control.single .selectize-input.input-active input {
        cursor: text;
    }

    .selectize-control.single .selectize-input:after {
        content: ' ';
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -3px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 5px 0 5px;
        border-color: #808080 transparent transparent transparent;
    }

    .selectize-control.single .selectize-input.dropdown-active:after {
        margin-top: -4px;
        border-width: 0 5px 5px 5px;
        border-color: transparent transparent #808080 transparent;
    }

.selectize-control.rtl.single .selectize-input:after {
    left: 15px;
    right: auto;
}

.selectize-control.rtl .selectize-input > input {
    margin: 0 4px 0 -2px !important;
}

.selectize-control .selectize-input.disabled {
    opacity: 0.5;
    background-color: #fafafa;
}

.selectize-control.multi .selectize-input.has-items {
    padding-left: 5px;
    padding-right: 5px;
}

.selectize-control.multi .selectize-input.disabled [data-value] {
    color: #999;
    text-shadow: none;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .selectize-control.multi .selectize-input.disabled [data-value],
    .selectize-control.multi .selectize-input.disabled [data-value] .remove {
        border-color: #e6e6e6;
    }

        .selectize-control.multi .selectize-input.disabled [data-value] .remove {
            background: none;
        }

.selectize-control.multi .selectize-input [data-value] {
    text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #1b9dec;
    background-image: -moz-linear-gradient(top, #1da7ee, #178ee9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9));
    background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9);
    background-image: -o-linear-gradient(top, #1da7ee, #178ee9);
    background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
    box-shadow: 0 1px 0 rgba(0,0,0,0.2),inset 0 1px rgba(255,255,255,0.03);
}

    .selectize-control.multi .selectize-input [data-value].active {
        background-color: #0085d4;
        background-image: -moz-linear-gradient(top, #008fd8, #0075cf);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf));
        background-image: -webkit-linear-gradient(top, #008fd8, #0075cf);
        background-image: -o-linear-gradient(top, #008fd8, #0075cf);
        background-image: linear-gradient(to bottom, #008fd8, #0075cf);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0);
    }
/*.selectize-control.single .selectize-input {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  box-shadow: 0 1px 0 rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.8);
  background-color: #f9f9f9;
  background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: -o-linear-gradient(top, #fefefe, #f2f2f2);
  background-image: linear-gradient(to bottom, #fefefe, #f2f2f2);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0);
}
.selectize-control.single .selectize-input,
.selectize-dropdown.single {
  border-color: #b8b8b8;
}*/
.selectize-dropdown .optgroup-header {
    padding-top: 7px;
    font-weight: bold;
    font-size: 0.85em;
}

.selectize-dropdown .optgroup {
    border-top: 1px solid #f0f0f0;
}

    .selectize-dropdown .optgroup:first-child {
        border-top: 0 none;
    }


.is-invalid-label .selectize-control.single .selectize-input {
    border-color: red;
}
/*, .selectize-dropdown.single*/

@font-face {
    font-family: "NeutrafaceText-Book";
    font-style: normal;
    font-weight: 400;
    src: url("https://s3.praktiker.gr/Style/fonts/NeutraText-Book.otf") format("opentype");
}

@font-face {
    font-family: "NeutrafaceText-Bold";
    font-style: normal;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-weight: 700;
    src: url("https://s3.praktiker.gr/Style/fonts/NeutraText-Bold.otf") format("opentype");
}

@font-face {
    font-family: "NeutrafaceText-Light";
    font-style: normal;
    font-weight: 300;
    src: url("https://s3.praktiker.gr/Style/fonts/NeutraText-Light.otf") format("opentype");
}

@font-face {
    font-family: "NeutrafaceText-Demi";
    font-style: normal;
    font-weight: 500;
    src: url("https://s3.praktiker.gr/Style/fonts/NeutraText-Demi.otf") format("opentype");
}

@font-face {
    font-family: "Horiatia";
    font-style: normal;
    font-weight: 500;
    src: url("https://s3.praktiker.gr/Style/fonts/Horiatia.otf") format("opentype");
}

@font-face {
    font-family: "PFFreeScriptBold";
    font-style: normal;
    font-weight: 700;
    src: url("https://s3.praktiker.gr/Style/fonts/PFFreeScriptBold.otf") format("opentype");
}

#loading {
    display: none !important;
}

body {
    overflow: visible;
    overflow: initial;
    position: initial;
    position: inherit;
}

body {
    color: #797b7f;
    font-family: 'NeutrafaceText-Book', sans-serif;
    line-height: 1.4375rem;
    font-size: 1rem;
}

.icon:before, .fa:before {
    vertical-align: middle;
}

form, .dropdown-pane {
    font-size: 0.9375rem;
    line-height: 1.25rem;
}

.accordion-content {
    padding: 1rem 0 2rem 0;
}

.accordion-title {
    padding: 1.25rem 0;
}

p, li {
    line-height: 1.4375rem;
    font-size: 1rem;
    margin-bottom: .5rem;
    letter-spacing: -0.02rem;
}

.plain-sfont {
    font-weight: 400;
    font-size: 0.9375rem;
    line-height: 1.125rem;
}

h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'NeutrafaceText-Book', sans-serif;
    color: #606060;
}

h1 {
    font-size: 1.75rem;
    line-height: 2rem;
    margin-bottom: .5rem;
    letter-spacing: -0.05rem;
    color: #363636;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

h2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
    margin-bottom: .25rem;
    letter-spacing: -0.05rem;
    color: #606060;
}

h3 {
    font-size: 1.25rem;
    line-height: 1.375rem;
}

h4 {
    font-size: 1rem;
    line-height: 1.25rem;
}

.font-bold {
    font-weight: 700 !important;
}

.static-content p.h4, .h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    margin: 0 0 10px 0;
    font-weight: 300;
    color: #979aa0;
    letter-spacing: -0.01em;
}

li {
    /*line-height: 1rem;*/
    margin: 0.5rem 0;
}

.static-content h4, .news-content h4 {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #979aa0;
}
/*ul, li ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
li, li ul li {
        padding-left: 1.125em;
        text-indent: -1.125em;
        margin-bottom: 0.375rem;
    }
    li:before {
        font-family: Praktiker-icons;
        content: '';
        padding-right: 8px;
        font-size: .5rem;
        position: relative;
        top: -2px;
    }
    li.accordion-item:before, li.orbit-slide:before, ul#catmn li:before, ul#catfilters li:before, ul#filters li:before, ul.cd-dropdown-content li:before {
        content: none;
        display: none;
    }
    li.accordion-item, li.accordion-item ul li, li.orbit-slide, li.orbit-slide, ul#catmn li, ul#catmn li ul li, ul#catfilters li, ul#catfilters li ul li, ul#filters li, ul#filters li ul li, ul.cd-dropdown-content li, ul.cd-dropdown-content li ul li {
        padding-left: 0em;
        text-indent: 0em;
        margin-bottom: 0rem;
    }*/

h2.fs1 {
    font-size: 1rem;
}

.high-ttl {
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.375rem;
    color: #606060;
    margin-bottom: 0.5rem !important;
    margin-top: 1rem;
    line-height: 1.75rem;
    letter-spacing: -0.03rem;
}

a {
    color: #2a9fe0;
    -webkit-tap-highlight-color: transparent;
}

    a:focus, a:hover {
        color: #2a9fe0;
        /*text-decoration:underline;*/
    }

.fa-more:before {
    content: "\41";
    vertical-align: middle;
    display: inline-block;
    position: relative;
    top: -1px;
}

table td, table th {
    word-break: break-word;
}

label {
    font-size: 1rem;
    /*font-family: 'NeutrafaceText-Bold',sans-serif;*/
    color: #797b7f;
    /*text-transform: uppercase;
    letter-spacing: 0.025rem;*/
    line-height: 1.5rem;
}

    label select, label [type=color], label [type=date], label [type=datetime-local], label [type=datetime], label [type=email], label [type=month], label [type=number], label [type=password], label [type=search], label [type=tel], label [type=text], label [type=time], label [type=url], label [type=week], label textarea {
        margin: 0.375rem 0 1.125rem 0;
    }

    label.normal {
        font-weight: 400;
        color: #606060;
        text-transform: none;
    }

button, input, optgroup, select, textarea {
    font-weight: normal;
    font-size: .875rem;
}

select {
    /*padding-right: 10%;*/
    background-position: 106%;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, select {
    font-size: .9375rem;
    font-weight: 400;
    color: #797b7f;
    border: 1px solid #c8c8ca;
    border-radius: 0;
}

iframe {
    width: 100% !important;
}

.input-group-button a, .input-group-button button, .input-group-button input {
    margin: 0 0 1rem;
    padding: .625em 1em;
}

.reveal {
    padding: 0;
    font-size: 0.875rem;
}

    .reveal.full {
        z-index: 1022;
        padding-top: 2.625rem;
        top: 0 !important;
        height: 100%;
        min-height: 100%;
    }

        .reveal.full input:disabled,
        .reveal.full input[readonly],
        .reveal.full textarea:disabled,
        .reveal.full textarea[readonly] {
            background-color: #ccc;
            opacity: .5;
        }

#btnGetTrasportCost:disabled {
    background-color: #797b7f;
    color: #fff;
    opacity: .5;
}

.reveal.full.extrap {
    padding-top: 4.5rem;
}

.reveal.full > div:first-child {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9;
}

.reveal-overlay {
    z-index: 1002;
}

.reveal .callout h3 {
    margin-right: 1.5rem;
    margin-bottom: 0;
    line-height: 1.25rem;
}

.callout {
    padding: 0.625rem 1rem;
    border-radius: 0;
    color: #797b7f;
}

.breadcrumb.callout {
    margin-bottom: 0;
    border: 0;
}

    .breadcrumb.callout.bg-dark-gray {
        margin: 0 0 1rem 0;
        border: 0;
        padding: 0.625rem 1rem;
        background-color: #606060;
    }

.text-grey {
    color: #979aa0 !important;
}

.text-black {
    color: black !important;
}


.text-dark-grey {
    color: #797b7f !important;
}

.text-xdark-grey {
    color: #606060 !important;
}

.text-orange {
    color: #ff8400 !important;
}

.text-light {
    font-weight: 300 !important;
}

.text-normal {
    font-weight: 400 !important;
}

.text-medium {
    font-weight: 500 !important;
}

.text-red {
    color: #ff0000 !important;
}

.text-red-content {
    color: #e4011c;
}

.text-gr-36 {
    color: #363636;
}

.text-yellow {
    color: #ffed00 !important;
}

.text-body {
    color: #797b7f !important;
}

.text-gr-60 {
    color: #606060 !important;
}

.text-blue, a.text-blue, .product__price--discounted.text-blue {
    color: #0066b3 !important;
}

.text-cyan, .text-cyan a, a.url-lg-cyan {
    color: #2a9fe0 !important;
}

strong {
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

#BreadContent {
    /*padding: 1rem 0 1rem 1rem;*/
}

#aNewsletter {
    padding: .625em 0em;
    border-radius: 0;
}

#txtNewsletter {
    border-radius: 0;
}

#BreadContent h1, #BreadContent h2, #BreadContent h3, #BreadContent h4, #BreadContent h5, #BreadContent h6, #BreadContent ol li a, #BreadContent ul li a {
    color: #606060;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    font-size: 1rem;
    margin: 0;
    line-height: 1rem;
    padding: 1rem;
}

.breadcrumbs li:not(:last-child)::after {
    content: none;
}

.breadcrumbs li {
    float: none;
    text-transform: none;
    margin: 0;
}

#BreadContent span {
    line-height: 1.125rem;
}

#BreadContent a {
    color: #797b7f;
}

    #BreadContent a:hover, #BreadContent a:visited,
    .breadcrumb.callout a:hover, .breadcrumb.callout a:visited,
    .cd-dropdown a:hover, .cd-dropdown a:visited {
        text-decoration: none;
    }

#BreadContent .pad0 {
    padding-left: 1rem;
}

#BreadContent .pad1 {
    padding-left: 1.5rem;
}

#BreadContent .pad2 {
    padding-left: 2rem;
}

#BreadContent .pad3 {
    padding-left: 2.5rem;
}

#BreadContent .pad4 {
    padding-left: 3rem;
}

div.breadcrumb h2, div.breadcrumb i.fa {
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
}

div.breadcrumb h2 {
    position: relative;
    padding-left: .75rem;
    line-height: 1.4;
    letter-spacing: 0;
    color: #fff;
}

div.breadcrumb h1, div.breadcrumb i.fa {
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
    font-family: 'NeutrafaceText-Book', sans-serif;
}

div.breadcrumb h1 {
    position: relative;
    padding-left: .75rem;
    line-height: 1.4;
    letter-spacing: 0;
    color: #fff;
}

div.breadcrumb i.fa {
    position: absolute;
    top: -1px;
    left: -5px;
}

ol#breadcrumb {
    margin-left: 0;
    list-style: none;
}

    ol#breadcrumb li {
        margin: 0;
    }

#BreadCrumbSubmenu a {
    display: block;
    /*min-height: 2rem;*/
}

.close-button {
    position: absolute;
    color: #fff;
    right: 1rem;
    top: 0.5rem;
    font-size: 1.5em;
    line-height: 1;
    cursor: pointer;
}

header {
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
}

.sticky {
    position: fixed;
    z-index: 1001;
    height: 4rem;
}

#sitetopbar {
    padding: .725rem .5rem .5rem .5rem;
    transition: all 100ms;
}

#cdsecondarynav {
    line-height: 3.4rem;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

#cart {
    display: inline-block;
}

header.sticky #cart {
    float: left;
}

.fabtn {
    height: 2.5rem;
    width: 1.7rem;
    font-size: 1.4rem;
    padding: 0.5rem 0.2rem;
    color: #797b7f;
}

header span.abscontainer {
    display: inline-block;
}

header .fabtn span {
    background-color: #ffed00;
    top: -9px;
    right: 1px;
    z-index: 2;
    padding: 0px 4px 0px 4px;
    color: #797b7f;
    line-height: 1.4;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    position: absolute;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

a.greymenubtn {
    color: #fff;
    background-color: #606060;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0.675rem 0.5rem 0.5rem 0.5rem;
    font-size: .875rem;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

    a.greymenubtn span {
        top: -2px;
        position: relative;
    }

.sitelogo {
    padding: 0 15px;
    width: 100%;
    max-height: 50px;
}

.logo {
    min-height: 2rem;
}

.bg-xlight-grey {
    background-color: #f1f1f1;
}

.bg-dark-gray {
    background: #606060;
}

.bg-dark-grey {
    background-color: #797b7f;
}

.bg-gray {
    background: #A0A0A0;
}

.bg-white {
    background: #FFF;
}

.bg-grey-e6, .bg-light-grey, .bg-light-gray {
    background: #e6e6e6;
}

.callout.bg-light-gray {
    border: 0;
}

.bg-light-blue {
    background: #D4E1E7;
}

.bg-slight-blue {
    background: #e9eff3;
}

.bg-light-blue-f1 {
    background-color: #F1F6F9;
}

tr.bg-light-blue {
    background: #D4E1E7 !important;
}

tr.bg-light-blue-f1 {
    background: #F1F6F9 !important;
}

tr.bg-white {
    background: #FFF !important;
}

.bg-dark-blue {
    background-color: #2a9fe0;
}

span.mandatory {
    color: #ff0000;
}

.text-gray {
    color: #606060 !important;
}

.text-gray-light {
    color: #979aa0;
}

.text-white, a.text-white, a.text-white:hover {
    color: #fff;
}

.text-black {
    color: #000000 !important;
}

.text-blue, a.text-blue, a.bluelink, .cd-dropdown-content a.text-blue {
    color: #2a9fe0;
}

.indexslider h2 {
    line-height: 1.5rem;
    font-size: 1.5rem;
}

.orbit-next, .orbit-previous {
    color: #fff;
    background-color: #797b7f;
    /*margin-top: -24px;*/
}

.orbit-next {
    border-radius: 5px 0 0 5px;
    padding: .5rem .25rem .5rem .5rem;
}

.orbit-previous {
    border-radius: 0 5px 5px 0;
    padding: .5rem .5rem .5rem .25rem;
}

.ovpslide {
    text-align: center;
    padding: 0 .625rem;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    text-transform: uppercase;
    line-height: 0.875;
}

    .ovpslide a {
        color: #797b7f;
        font-size: 0.725rem;
    }

.ovpslider {
    margin: 0.625rem 0;
}

.scrollToTop {
    padding: 10px;
    text-align: center;
    font-size: 2.5em;
    color: #dcdcdd;
    text-decoration: none;
    position: fixed;
    bottom: 2rem;
    right: 0;
    display: none;
    z-index: 999;
}

    .scrollToTop:hover, .scrollToTop:visited, .scrollToTop:active {
        color: #797b7f;
    }

.nomargin {
    margin: 0 !important;
}

.nopadding {
    padding: 0 !important;
}

.nopadright {
    padding-right: 0 !important;
}

.noborder {
    border: 0 !important;
}

.prodGal, .SeriesGal {
    margin-bottom: 1rem;
    padding: 0;
    /* padding: 0 .75rem; */
}

    .prodGal > .cell,
    .SeriesGal > .cell {
        padding-top: 0rem !important;
        margin: 0;
        /* border: 7px solid #fff; */
    }

#pagging {
    margin-bottom: 1.5rem;
}

.setmargin {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.setmargintop {
    margin-top: 0.625rem;
}

.setmarginbot {
    margin-bottom: 1rem;
}

.setmarginsm {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 0.5rem;
}

.setpadding {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
}

.setpaddingmd {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.setpaddingsm {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.f14 {
    font-size: 0.875rem;
}

footer {
    color: #ccc;
    margin-top: 1rem;
    font-size: 0.8rem;
    text-align: center;
}

    footer strong {
        font-weight: 500;
    }

    footer p {
        margin-bottom: 0.625rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    footer div p:last-child {
        margin-bottom: 1.25rem;
    }

h3.header {
    color: #606060;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: .5rem;
    line-height: 1.25rem;
}

h3 .cDarkblue {
    color: #606060;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

h2.header {
    line-height: 1.25rem;
}

.button, .togglebtn {
    border-radius: 5px;
    background-color: #0165b3;
    color: #ffffff;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    /*letter-spacing: 0.01rem;*/
    font-size: 1rem;
    padding: .625em 1em;
    /*text-transform: uppercase;*/
}

    .button:hover, .button:focus, .button:active,
    a.button:hover, a.button:focus, a.button:active, .togglebtn:hover, .togglebtn:focus {
        background-color: #979aa0;
        color: #ffed00;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        /*-khtml-user-select: none;*/
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
        background-color: #dcdcdd;
        color: #797b7f;
    }

    .button .icon:before {
        font-size: 1.125rem;
        vertical-align: middle;
        padding: 0 2px;
    }

    .button .icon.fa-previous:before {
        padding: 0 6px 0 2px;
    }

.product-carousel__actions a.addbasketBox {
    background-color: #ff8400;
}

    .product-carousel__actions a.addbasketBox:hover {
        background-color: #ff9505;
    }

.product-carousel__actions a.addbasketBox,
.product-carousel__actions a.button.chekavailbility,
.product-carousel__actions a.button.chekavailbility-noaction {
    border-radius: 0;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 22px;
    height: 50px;
    padding: .7675em .25em;
}

.product-carousel__actions a.addbasketBox {
    width: 100%;
}

    .product-carousel__actions a.button.chekavailbility span.icon:before,
    .product-carousel__actions a.button.chekavailbility-noaction span.icon:before,
    .product-carousel__actions a.addbasketBox span.icon:before {
        font-size: 1.5rem;
        vertical-align: middle;
        padding: 0 8px;
    }

.button.hollow {
    border: 1px solid #2a9fe0;
    color: #2a9fe0;
    font-weight: 500;
}

.chekavailbility, .chekavailbility-noaction {
    text-decoration: none;
    background-color: #979aa0;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: left;
    position: relative;
}

    .chekavailbility.simplebtn {
        background-color: #fff;
        text-align: left;
        padding-left: 40px;
    }

.flags a.button.chekavailbility span.icon {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 13px;
}

a.button.chekavailbility .icon:before {
    font-size: 1.5rem;
    /* vertical-align: middle; */
    padding-right: 8px;
    padding-left: 0;
}

.shrink a.button.chekavailbility .icon:before {
    padding-right: 0px;
}

.button.loyalty {
    border-color: #E6E6E6;
    background-color: #E6E6E6;
    color: #0066b3;
}

a.prodWishlist {
    font-weight: 500;
    color: #797b7f !important;
    padding: 0;
    width: 100%;
    text-align: left;
    position: relative;
    padding-left: 40px;
    display: block;
}

    a.prodWishlist .fa {
        font-size: 1.75rem;
        color: #ffcc33;
        margin-right: 5px;
        position: absolute;
        top: 50%;
        margin-top: -15px;
        left: 0px;
    }

    a.prodWishlist.prodWishlistAdded .fa {
        color: #797b7f;
    }

.addtobasket {
    font-size: 1.125rem;
    font-weight: 400 !important;
    padding: .5em 1em;
    margin-bottom: 0;
}

    .addtobasket .fa-buy:before {
        font-size: 1.635rem;
        padding: 0 8px;
        vertical-align: middle;
        line-height: 19px;
    }

.fullwidthbtn {
    display: block;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

    .fullwidthbtn i.fa {
        font-family: 'NeutrafaceText-Bold',sans-serif;
    }

a.actionlink {
    /*text-decoration: underline;*/
    padding: .75rem 0 1.5rem 0;
    display: inline-block;
}

li.orbit-slide {
    margin: 0;
}

ul.liroundmargin {
    margin: 0 -.5rem;
}

.liroundmargin li {
    margin: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
    border-radius: 0;
    background-color: #fff !important;
    /*height: 211px;*/
    border: .5rem solid #fff;
}

.xmas-category .liroundmargin li {
    text-align: center;
    border-radius: 0;
    background-color: #fff !important;
    height: auto;
}

.liroundmargin li img {
    margin-bottom: 5px;
}

.liroundmargin li a, .liroundmargin li a p, .liroundmargin li a h2 {
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #606060;
    padding: 0 0 10px 0;
    font-family: 'NeutrafaceText-Bold', sans-serif;
}

.suggestedcat.liroundmargin li a, .suggestedcat.liroundmargin li a p {
    padding: 0;
    margin: 0
}

.xmas-category .suggestedcat li a {
    /*height: 3rem;*/
    font-weight: 500;
    color: #797b7f;
    font-size: 2rem;
    /*white-space: nowrap;
    overflow: hidden;*/
    text-overflow: ellipsis;
    letter-spacing: -0.03rem;
    text-align: center;
    line-height: 2rem;
}

    .xmas-category .suggestedcat li a:before {
        /*content: "\f135";
        font-family: FontAwesome;*/
    }

.xmas-category .suggestedcat li img {
    /*height: 100%;
    margin-right: 1rem;*/
    /*display: none;*/
}

#featured {
    display: none;
}

#featuredMedia {
    background: #fbfbfb url('https://s3.praktiker.gr/images/short-media-bg.jpg') repeat-x center top;
    background-size: cover;
    padding-top: 0;
    padding-bottom: 0;
}

    #featuredMedia h1 {
        color: #fff;
        margin: 0;
        padding: 1.5rem 0;
    }

h2.title.half {
    FONT-SIZE: 1.125rem;
    line-height: 1.25rem;
    font-weight: 500;
    letter-spacing: -0.05rem;
}

ul.cgcat li {
    margin-bottom: 0.8rem;
    min-height: 20rem;
}

    ul.cgcat li span {
        font-weight: bold;
        padding: 0.875rem 0.6875rem 0.8125rem 0.6875rem;
        display: block;
        color: #606060;
        background-image: url(https://s3.praktiker.gr/images/tip-arrow.png);
        background-repeat: no-repeat;
        position: absolute;
        bottom: 0;
        width: 100%;
        border-top: 2px solid #fff;
        font-size: 1rem;
        background-position: 95% center;
        background-color: #dcdcdd;
    }

ul.inline-menu {
    background-color: #e6e6e6;
    margin-bottom: 0;
    color: #606060;
}

    ul.inline-menu li {
        margin: 0;
    }

        ul.inline-menu li.selected, .CatMenu ul li.selected {
            background: #dcdcdd;
        }

            ul.inline-menu li.selected a {
                color: #606060;
            }

        ul.inline-menu li.pad2 a {
            padding-left: 2rem;
        }

        ul.inline-menu li a {
            border-bottom: 1px solid #ddd;
            padding: .8125rem 0 .8125rem 1.25rem;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-width: 0;
            border-bottom-width: 1px;
            border-color: #606060;
            border-style: solid;
            color: #606060;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #ccc;
            font-size: 1rem;
            line-height: 2.75rem;
        }

        ul.inline-menu li h3 {
            margin: 0;
            font-size: 1rem;
        }

.form-error {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: .825rem;
    font-weight: 500;
    text-transform: none;
    text-align: right;
    color: #FF0000 !important;
}

    .form-error br {
        display: none;
    }

label.is-invalid-label {
    color: #797b7f;
}

    label.is-invalid-label span.form-error {
        display: block;
        text-align: right;
    }

.is-invalid-label input, .is-invalid-label select, .is-invalid-label textarea {
    border-color: #FF0000;
}

.split-ctl .is-invalid-label input, .split-ctl .is-invalid-label select, .split-ctl .is-invalid-label textarea {
    margin-bottom: 0.25rem;
}

.split-ctl div.is-invalid-label span.form-error {
    clear: both;
}

ul#newsposts li {
    margin: 0;
}

    ul#newsposts li a > span {
        float: left;
        background-color: #979aa0;
        display: inline-block;
        color: #fff;
        text-align: center;
        padding: 3px 5px;
        font-size: 0.9375rem;
        border-radius: 0 8px 0 8px;
        width: 60px;
        height: 50px;
        padding: 5px;
        margin: 0 20px 0 0;
        line-height: 1rem;
    }

        ul#newsposts li a > span b {
            color: #fff;
            font-size: 1.5rem;
            line-height: 1.5rem;
        }

#newsposts .accordion {
    list-style-type: none;
    background: #fefefe;
    border: none;
    border-bottom: 0;
    border-radius: 0;
    margin-left: 0;
    margin: 0;
}

ul#newsposts li a.accordion-title {
    padding: 1.125rem 2rem 1.125rem .5rem;
    font-size: 1rem;
    line-height: 1.25rem;
    color: #606060;
    min-height: 4.5rem;
    clear: both;
}

#newsposts .accordion-title:before {
    content: '+';
    position: absolute;
    right: .75rem;
    top: 50%;
    margin-top: -.75rem;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.5rem;
}

ul#newsposts li .accordion-content {
    font-size: 0.875rem;
    padding: 1rem .625rem 2rem .625rem;
}

ul.linesep {
    margin: 1rem 0 0 0;
}

    ul.linesep li {
        margin: 0rem 0 1.375rem 0;
    }

        ul.linesep li a {
            color: #979aa0;
            font-size: 1.125rem;
            border: 1px solid #979aa0;
            padding: .75rem .75rem .75rem .75rem;
            width: 100%;
            display: inline-block;
            line-height: 1rem;
        }

            ul.linesep li a span.icon:before {
                font-size: 1.75rem;
                padding-right: 8px;
            }

            ul.linesep li a span, ul.linesep li a span.icon:before {
                line-height: 1.5rem;
                vertical-align: middle;
            }

        ul.linesep li:last-child {
            border-bottom: 0;
        }

div.verseperator div {
    border-left: 1px solid #fff;
    border-right: 1px solid #ccc;
    min-height: 1.5rem;
}

/*div.verseperator p {
    margin-bottom: 0.5rem;
}*/
.caction a {
    font-size: .9375rem;
}
/*div.verseperator div:first-child {
    border-left: 0;
}

div.verseperator div:last-child {
    border-right: 0;
}*/

/*.pgnext, .pgprev {
    font-size: 0.75rem;
}*/

.pagination li {
    display: inline-block;
    font-size: 1rem;
    /*font-size: 0.75rem;*/
}

/*----- Pagination -----*/
.pagination {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0.75rem;
}

    .pagination li {
        margin: 0;
        border-radius: 0px;
        font-size: 1rem;
    }

    .pagination a, .pagination button, .show-for-sr {
        display: block;
        padding: 0.1875rem 0.625rem;
        border-radius: 3px;
        color: #797b7f;
        font-weight: 400;
        font-size: 1rem;
    }

    .pagination .current {
        padding: 0;
        background: #797b7f;
        color: #fff;
        cursor: default;
        border-radius: 20px;
        width: 22px;
        height: 22px;
        /* font-size: 1rem; */
        line-height: 1.25rem;
    }

    .pagination a:hover, .pagination button:hover {
        background: transparent;
    }

.pagination-next a::after, .pagination-next.disabled::after,
.pagination-previous a::before, .pagination-previous.disabled::before {
    display: inline-block;
    margin-right: 0;
    content: ' ';
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    margin-bottom: -4px;
}

.pagination-next a::after, .pagination-next.disabled::after {
    background-image: url(https://s3.praktiker.gr/images/page_next.svg);
    margin-left: .25rem;
}

.pagination-previous a::before, .pagination-previous.disabled::before {
    background-image: url(https://s3.praktiker.gr/images/page_previous.svg);
    margin-right: .25rem;
}

.abscontainer {
    position: relative;
}

    .abscontainer h4 {
        font-size: 1.0625rem;
        line-height: 1.375rem;
        font-family: 'NeutrafaceText-Bold',sans-serif;
    }

    .abscontainer .popUpError {
        line-height: 1.125rem;
    }

a.link-spanner {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}
/* Series Gallery
----------------------------------------------------------*/
.seriesGal li div {
    border: 1px solid #ddd;
    text-align: center;
    font-size: 0.875rem;
    position: relative;
    /*height: 235px;*/
}

.seriesGal li img {
    padding: .625rem;
}

.seriesGal li p {
    padding: 0.5rem 1rem;
    height: 2.5rem;
    margin: 0;
    line-height: 0.875rem;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
}

div#changeSort label {
    font-weight: 400;
}

div#changeSort li {
    padding: 0 0.625rem;
    text-indent: 0;
}

    div#changeSort li:before {
        content: none;
        display: none;
    }

ul.filters {
    /*margin: 1rem .625rem;*/
    padding-bottom: 4rem;
    margin-bottom: 4rem;
}

    ul.filters label {
        font-weight: 400;
        color: #333;
        line-height: 0;
        /*todo line-height to be removed*/
    }

        ul.filters label.disabled {
            color: #999;
        }

    ul.filters > li {
        min-height: 3rem;
        line-height: 3rem;
        padding-left: .625rem;
        position: relative;
        border-top: 1px solid #fff;
        margin: 0;
    }

ul#catfilters {
    border-bottom: 1px solid #fff;
}

ul#filters {
    border-top: 1px solid #ccc;
}

    ul#filters > li:first-child {
        border-top: 0;
    }

    ul#filters > li {
        padding-left: 0;
    }

ul.filters > li:last-child {
    border-bottom: 0;
}

ul.filters > li > a {
    display: block;
    height: 3rem;
    font-size: 1rem;
}

ul.filters .small-collapse > .column {
    padding-right: .625rem;
}

ul.filters .accordion {
    background-color: transparent;
    /*margin-right: 0.625rem;*/
    margin-bottom: 1.5rem;
}

    ul.filters .accordion li {
        margin-top: 0;
    }

ul.filters .accordion-title {
    /*background-color: #e6e6e6;*/
    font-weight: 400;
    padding: 0.625rem;
    border-radius: 0 !important;
    font-size: 0.9375rem;
    color: #797b7f;
}

    ul.filters .accordion-title i {
        position: absolute;
        right: .5rem;
        top: 50%;
        margin-top: -.75rem;
        font-weight: 500;
        font-size: 1.25rem;
    }

    ul.filters .accordion-title:before {
        content: '';
    }

ul.filters .is-active > .accordion-title:before {
    content: '';
}

ul.filters .accordion-content {
    background-color: #e6e6e6;
    border-top: 1px solid #fff;
    padding-bottom: .5rem;
}

    ul.filters .accordion-content label {
        margin-left: .625rem;
        margin-bottom: .5rem;
        display: block;
    }

.ctafixedmodal {
    position: fixed;
    bottom: 0;
    width: 100%;
}

span.witharrow {
    background-color: #D5E1E7;
    width: 3rem;
    display: block;
    text-align: center;
    float: right;
    height: 100%;
    content: '';
}

    span.witharrow::before, span.witharrow::after {
        /* arrow icon in CSS - for element with nested unordered lists */
        content: '';
        position: absolute;
        top: 55%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: #333;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        right: 17px;
    }

    span.witharrow::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    span.witharrow::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    span.witharrow::before {
        /* arrow goes on the right side - children navigation */
        right: 20px;
        -webkit-transform-origin: 15px 50%;
        -moz-transform-origin: 15px 50%;
        -ms-transform-origin: 15px 50%;
        -o-transform-origin: 15px 50%;
        transform-origin: 15px 50%;
    }

.pprices div.column {
    float: right;
}

.pprices {
    text-align: right;
}

.largePrice {
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 2rem;
    line-height: 1.75rem;
    display: inline-block;
    padding-left: .5rem;
    color: #363636;
    letter-spacing: -0.04em;
}

.mediumprice {
    font-weight: 500;
    font-size: 1rem;
    padding-top: 5px;
}

.media {
    position: relative;
    min-height: 246px;
    /*margin-bottom: 40px;*/
}

.product .logo {
    padding: 1rem .9375rem 0rem .9375rem;
    display: inline-block;
}

.media span.product__media-exclusiveoffer {
    position: absolute;
    top: 0;
    left: .675rem;
    z-index: 4;
    /*background-color: #fff;*/
    padding: 0.25rem;
}

    .media span.product__media-exclusiveoffer.product__media-exclusiveoffer-webonly {
        padding: 0 0.25rem;
    }

.media .HelpToolBar {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
}

.flags .header, .pfilters .header, .product__calculator h5 {
    font-family: 'NeutrafaceText-Bold',sans-serif;
    margin-bottom: .5rem;
    font-size: 1.125rem;
}

.product__calculator {
    margin-bottom: 2rem;
}

.dvaddtobasket {
    padding: .5rem .5rem .5rem .5rem;
}

    .dvaddtobasket .lbl {
        padding-top: 0.75rem;
        color: #a0a0a0;
        font-size: 0.75rem;
    }

    .dvaddtobasket.stickyaddtobasket {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 1000;
        width: 100%;
        /*transition-property:all; transition-duration:1s;*/
    }

/*div.pfilters {
    border-bottom: 1px solid #dcdcdd;
}*/
div.pfilters p {
    margin-bottom: 0.5rem;
}

div.pfilters a {
    padding: 2px 7px 4px 7px;
    margin: 0px 5px 8px 0;
    display: inline-block;
}

div.flags p img {
    margin-right: 10px;
}

.product {
    font-size: 0.875rem;
}

    .product .accordion {
        border-left: 0;
        border-right: 0;
    }

    .product .accordion-content {
        font-size: 0.9375rem;
        line-height: 1.5rem;
        color: #797b7f;
    }

    .product div.embedContent {
        font-size: 0.9375rem;
        padding: 1.5rem 0.675rem;
        line-height: 0.9375rem;
        color: #363636;
    }

div.pfilters a {
    padding: 2px 7px 4px 7px;
    margin: 0px 5px 8px 0;
    display: inline-block;
    background-color: #E6E6E6;
    color: #797b7f;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 3px;
}

    div.pfilters a.pm-active {
        background-color: #797b7f;
        color: #fff;
    }

.product div.embedContent h5 {
    font-size: 0.75rem;
    margin: 0;
    font-weight: 600;
}

.product div.embedContent img {
    padding: 0 20px 10px 10px !important;
}

.product div.embedContent div.last {
    margin-top: 30px;
}

.product div.embedContent div div {
    clear: both;
}

.simpleproductbox {
    word-wrap: break-word;
    font-size: 0.75rem;
    border: 1px solid #dcdcdd;
    position: relative;
    background-color: #fff;
}

    .simpleproductbox p {
        height: 6rem;
        padding: 0.5rem 0.75rem;
        font-size: 0.875rem;
        line-height: 1rem;
        margin-bottom: 0;
    }

    .simpleproductbox.series p {
        height: 4rem;
    }

.flags span.icon {
    font-size: 1.75rem;
    margin-right: 2px;
    width: 30px;
    display: inline-block;
}

.has-tip {
    font-size: 1.125rem !important;
    width: auto !important;
    margin-left: 5px;
}

/*.errormsg {
    color: #F70000;
    border-left: 0.5rem solid #F70000;
    padding-left: 0.625rem;
}*/

/*.warningmsg {
    color: #F1A418;
    border-left: 0.5rem solid #F1A418;
    padding-left: 0.625rem;
}*/

#productContent {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-top: .625rem;
    margin-bottom: .625rem;
}

    #productContent p {
        margin-top: 1rem;
        line-height: .875rem;
    }

        #productContent p strong {
            padding: 0 .625rem .625rem .625rem;
            font-size: 1rem;
            font-weight: 400;
            display: inline-block;
        }

    #productContent span {
        color: #ccc;
    }

.visa {
    width: 53px;
    height: 30px;
    background: url(https://s3.praktiker.gr/images/payment-options-new3.png) 0 0;
}

.mastercard {
    width: 53px;
    height: 30px;
    background: url(https://s3.praktiker.gr/images/payment-options-new3.png) 0 -30px;
}

.diners {
    width: 53px;
    height: 30px;
    background: url(https://s3.praktiker.gr/images/payment-options-new3.png) 0 -60px;
}

.maestro {
    width: 53px;
    height: 30px;
    background: url(https://s3.praktiker.gr/images/payment-options-new3.png) 0 -90px;
}

.americanexpress {
    width: 53px;
    height: 30px;
    background: url(https://s3.praktiker.gr/images/payment-options-new3.png) 0 -120px;
}

.paypal {
    width: 53px;
    height: 30px;
    background: url(https://s3.praktiker.gr/images/payment-options-new3.png) 0 -150px;
}

.bankdeposit {
    width: 90px;
    height: 30px;
    background: url(https://s3.praktiker.gr/images/payment-options-new3.png) 0 -180px;
}

.upondelivery {
    width: 90px;
    height: 30px;
    background: url(https://s3.praktiker.gr/images/payment-options-new3.png) 0 -210px;
}

.mybank {
    width: 53px;
    height: 30px;
    background: url(https://s3.praktiker.gr/images/payment-options-new3.png) 0 -240px;
}

span.Basket > br {
    display: none;
}

span.Basket {
    display: block;
    /*border: 1px solid #dcdcdd;
    padding: 0.75rem;*/
}

    span.Basket > span {
        border: 1px solid #dcdcdd;
        display: block;
        padding: .25rem 1rem 1rem 1rem;
        margin-top: -1px;
    }

    span.Basket .productdesc {
        color: #797b7f;
        overflow: hidden;
    }

        span.Basket .productdesc a {
            color: #363636;
            font-size: 1.125rem;
        }

        span.Basket .productdesc p span {
            font-size: .825rem;
            color: #979aa0;
        }

    span.Basket > span:first-child {
        display: none;
    }

    span.Basket p {
        margin-bottom: 0;
    }

    span.Basket label {
        font-size: 0.9375rem;
        color: #606060;
        /*text-transform: uppercase;*/
        letter-spacing: 0;
        line-height: 1.25rem;
        margin-bottom: .5rem;
    }

    span.Basket .bprices {
        font-weight: 500;
        font-size: 1.25rem;
        color: #5a5a5a;
    }

        span.Basket .bprices .price-total {
            font-size: 1.4375rem;
            line-height: 1.25rem;
            letter-spacing: -0.03em;
            font-family: 'NeutrafaceText-Bold',sans-serif;
            color: #363636;
        }

.unvailable {
    background-color: #e6e6e6;
    color: #aaa;
    border-bottom: 1px solid #fff !important;
}

    .unvailable h4, .unvailable .text-blue {
        color: #aaa !important;
    }

    .unvailable .bprices {
        display: none;
    }

    .unvailable .productdesc label {
        display: none;
    }

.productdesc .icon {
    font-size: 1.375rem;
    color: #979aa0;
}

span.Basket span label [type=number],
span.Basket span label [type=text] {
    margin-bottom: 0;
}

span.Basket span.row {
    display: block;
}

span.Basket span.small-1 {
    padding: 2rem 0;
}

span.Basket .productdesc p {
    line-height: 1.125rem;
    font-size: .9375rem;
}

hr {
    border-bottom: 1px solid #dcdcdd;
}

span.Basket hr {
    margin: 0.625rem 0;
    border-bottom: 1px solid #dcdcdd;
}

span.Basket span.withorder {
    color: #797b7f;
    display: block;
}

    span.Basket span.withorder .icon {
        float: left;
        min-height: 25px;
    }

        span.Basket span.withorder .icon:before {
            vertical-align: middle;
            padding-right: 8px;
            font-size: 1.125rem;
        }

span.Basket div.details span {
    color: #bbb;
}

span.Basket ul.accordion {
    border: 0;
    background: #fff;
    margin-bottom: 0;
    border-top: 1px solid #ebebeb;
    margin-top: .625rem;
}

span.Basket .accordion-title {
    padding: 0.5rem 0;
    font-size: .875rem;
    color: #606060;
    border-bottom: 0;
}

span.Basket .accordion-content {
    border-bottom: 0;
    padding: 0;
}

span.Basket .accordion-title:before {
    font-size: 1.125rem;
}

.basketMessage {
    vertical-align: middle;
    background-color: #E6E6E6;
    position: relative;
    padding: 1.5rem 1.5rem 1.25rem 3.5rem;
    border-left: 2px solid #FF0000;
}

    .basketMessage::before {
        content: "\63";
        color: #FF0000;
        font-size: 1.625rem;
        font-family: praktiker-icons;
        position: absolute;
        top: 1.625rem;
        left: 1.125rem;
    }

.basketMessage-container {
    margin: .9375rem;
}

.head {
    font-size: 1.125rem;
    color: #606060;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    margin: 0 0 5px 0;
    line-height: 1.25rem;
}

#pnlDelWays {
    padding-bottom: 0;
    margin-top: 2rem;
}

div.totals {
    line-height: 1rem;
    margin-bottom: 1rem;
}

    div.totals div.discount {
        font-size: 1.25rem;
    }

    div.totals div.pay {
        font-size: 1.5625rem;
        font-family: 'NeutrafaceText-Bold',sans-serif;
    }

hr.totsep {
    border-bottom: 1px solid #fff;
    margin: 0;
}

hr.grey {
    border-bottom: 1px solid #dcdcdd;
    margin: 0.5rem;
}

hr.greySep {
    margin-top: 0;
    border-bottom: 5px solid #dcdcdd;
}

.ordersteps {
    margin-bottom: 1rem;
}

    .ordersteps div {
        font-size: 1.125rem;
        text-align: center;
    }

        .ordersteps div.activeStep {
            border-bottom: 5px solid #797b7f;
            font-family: 'NeutrafaceText-Bold',sans-serif;
        }

.orderovpslider {
    margin-top: 3rem;
}

.ordersteps hr {
    margin: 0;
}

.del {
    text-decoration: line-through;
}

.payment img {
    /*vertical-align: sub;*/
    margin-right: .25rem;
}

.payment input[type=radio] {
    margin-top: 1.125rem;
}

.payment.myb input[type=radio] {
    margin-top: 1.5rem;
}

p.peiraos {
    background: transparent url(https://s3.praktiker.gr/images/logo-peiraios-sml.jpg) no-repeat left center;
    height: 80px;
    padding: 15px 0 15px 80px;
}

p.nbg {
    background: transparent url(https://s3.praktiker.gr/images/logo-nbg-sml.jpg) no-repeat left center;
    height: 80px;
    padding: 15px 0 15px 80px;
}

p.eurobank {
    background: transparent url(https://s3.praktiker.gr/images/logo-eurobank-sml.jpg) no-repeat left center;
    height: 80px;
    padding: 15px 0 5px 80px;
    margin-bottom: 20px;
}

p.alphabank {
    background: transparent url(https://s3.praktiker.gr/images/logo-alphabank-sml.jpg) no-repeat left center;
    height: 80px;
    padding: 15px 0 15px 80px;
    margin-bottom: 20px;
}

#pnlShippingInfo input[type=radio] {
    margin-top: 4rem;
}

span.popUpError {
    display: none;
    position: absolute;
    top: 2rem;
    left: 12%;
    width: 15rem;
    border: 1px solid #df0000;
    color: #df0000 !important;
    padding: 5px;
    background-color: #fff;
    height: 4rem;
    text-align: center;
    font-size: 11px;
    line-height: 3rem;
}

.redirect {
    margin-top: 60%;
}
/***************************************************************************/
/***************************************************************************/
/*********************************** DEsktop compatibility *****************/
/***************************************************************************/
/***************************************************************************/
.cgservice {
    font-size: .75rem;
    line-height: 1rem;
}
/*.clear-fix {
    display: table;
}*/
.hideMobile {
    display: none;
}

.leftContentResults {
    float: none;
    width: 100%;
    padding: 1rem;
    /*padding-left: .625rem;
    padding-right: .625rem;*/
}

.breadcrumbsec {
    background-color: #606060;
}

    .breadcrumbsec ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .breadcrumbsec ol li {
            display: none;
        }

            .breadcrumbsec ol li a {
                color: #fff;
            }

            .breadcrumbsec ol li:last-child {
                display: block;
                color: #fff;
                padding: 1rem;
                font-size: 1.125rem;
            }

.productbox {
    word-wrap: break-word;
    font-size: 0.75rem;
    position: relative;
    /*margin-bottom: 1.25rem;*/
    font-size: 0.875rem;
    line-height: .9375rem;
    /*padding: 5px;*/
    /* height: 100%; */
    padding: 1rem;
}

    .productbox.productbox-list {
        border-top: 1px solid #dcdcdd;
        border-bottom: 1px solid #dcdcdd;
        border-left: none;
        border-right: none;
        padding: 1.375rem 0;
        margin: 0 1rem -1px 1rem;
    }

    .productbox.productbox-grid {
        border-left: 1px solid #dcdcdd;
        border-right: 1px solid #dcdcdd;
        border-top: none;
        border-bottom: none;
        padding: 0.75rem;
        margin-right: -1px;
        margin-bottom: 1rem;
    }

.prodGal > .cell, .SeriesGal > .cell .productlistbox {
    border: none !important;
}

.productbox p {
    /*height: 2.875rem;*/
    height: 3.25rem;
    color: #363636;
    margin-bottom: .375rem;
    margin-top: 0;
    /*font-size: 0.9375rem;
        line-height: 1rem;*/
    overflow: hidden;
}

.productbox.productbox-grid p {
    line-height: 1rem;
}

.productbox.productbox-grid .productbox_shipping.available-flag img {
    height: 35px;
}

.prodGal > .cell, .SeriesGal > .cell

.productlistbox {
    margin-bottom: 0rem;
    word-wrap: break-word;
    font-size: 0.875rem;
    border: 1px solid #dcdcdd;
    position: relative;
    /*padding: 0 0.675rem;
    min-height: 7.5rem;
    border-bottom: 25px solid #fff !important;*/
}

.productlistbox div.small-6 p.text-desc {
    /*position: absolute;
        width: inherit;
        right: 0;*/
    padding-right: 0.625rem;
    bottom: 1.25rem;
    line-height: 1rem;
    margin: .675rem 0;
    color: #363636;
}

.productlistbox p.prices {
    padding: .5rem 1rem .5rem .75rem;
    text-align: right;
}

.prodWishlistRemove {
    position: absolute;
    z-index: 999;
    right: 0.5rem;
    top: 0.5rem;
}

p.prices {
    height: auto;
    /*padding: 0.25rem 0.75rem 1.125rem 0.75rem;*/
    font-size: 1.375rem;
    /*line-height: 0.75rem;*/
    /*margin: 0;*/
    text-align: center;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    color: #363636;
    overflow: visible;
    /*background-color: #e6e6e6;*/
    padding: .375rem .75rem;
}

span.deleted, .product__price--deleted {
    /*text-decoration: #f00 line-through;*/
 /*   -webkit-text-decoration-line: line-through;
    -webkit-text-decoration-color: #f00;*/
    font-size: 1.125rem;
    font-weight: 400;
    color: #979aa0;
    line-height: 1.75rem;
}

.cgrey {
    color: #606060;
}

.product__price--discounted {
    /*color: #005baa !important;*/
    display: inline-block;
    padding-left: 100px;
}

section.cgservice .serv-box > .cell {
    margin-bottom: 0px !important;
}

section.cgservice div.margbot {
    margin-bottom: 20px;
}

.CatMenu {
    background-color: #e6e6e6;
}

    .CatMenu h2 {
        display: none;
    }

    .CatMenu ul {
        margin: 0;
        list-style: none;
    }

        .CatMenu ul li {
            margin: 0;
        }

            .CatMenu ul li.bgLightBlue {
                background: #e9eff3;
            }

            .CatMenu ul li.pad2 {
                padding-left: 2rem;
            }

            .CatMenu ul li h3 {
                margin: 0;
                color: #606060;
                font-size: 1.125rem;
                display: block;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                border-width: 0;
                border-bottom-width: 1px;
                border-color: #606060;
                border-style: solid;
                color: #606060;
                border-top: 1px solid #fff;
                border-bottom: 1px solid #ccc;
                font-size: 1rem;
                line-height: 2.75rem;
                padding-left: 1.25rem;
            }

section.cgservice div.sghead a {
    margin-top: 10px;
    text-align: right;
    font-size: 0.675rem;
    color: #2a9fe0;
    font-weight: 500;
}

section.cgservice div.half {
    width: 100%;
    margin-bottom: 1.25rem;
    display: table;
}

    section.cgservice div.half img {
        float: left;
        margin: 0 5% 0 0;
        width: 15%;
    }

    section.cgservice div.half p {
        float: left;
        margin: 0;
        line-height: 1rem;
        width: 80%;
    }

        section.cgservice div.half p a {
            font-weight: 500;
            margin-top: 5px;
            display: inline-block;
        }

.cDarkblue {
    color: #2a9fe0;
}

/*.CatMenu ul li h3.cDarkblue {
    font-family: 'NeutrafaceText-Bold',sans-serif;
}*/

.tipBanner {
    position: relative;
    margin-top: 1rem;
    border: 1px solid #efefef;
    background-color: #fff;
}

    .tipBanner p {
        background-image: url(https://s3.praktiker.gr/images/tip-arrow.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        padding: 15px 0 20px 0;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 500;
        width: 100%;
        margin: 0;
    }

        .tipBanner p span {
            padding: 0 50px 0 15px;
            display: block;
        }

    .tipBanner .cDarkblue {
        letter-spacing: -0.03em;
        word-spacing: 2px;
    }

    .tipBanner span.tiptype {
        font-size: 12px;
        margin-bottom: .25rem;
    }

ul.orbit-container li.tipBanner {
    margin-top: 0;
    height: 204px;
    overflow: hidden;
}

ul.orbit-container li.tipBannerp {
    position: absolute;
    bottom: 0;
    background-image: url(https://s3.praktiker.gr/images/tip-arrow.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    height: 90px;
    padding: 15px 0 20px 0;
    z-index: 5;
}

img.tttag {
    position: absolute;
    top: 0px;
    width: auto !important;
    height: auto !important;
    left: 12px;
    z-index: 3;
}

/*div.thBannerTop {
    background-color: rgba(255,255,255,0.6);
    margin-top: 0;
    position: relative;
    height: 200px;
    margin: 1rem;
}

div.thBannerTop-image {
    width: 100%;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

    div.thBannerTop-image img {
        margin: 0 !important;
        float: none !important;
        width: 100% !important;
    }*/

.kapelaki {
    background-color: white;
    color: #3f9500;
    font-weight: 800;
    padding: 2px 5px;
    font-size: 14px;
}

.bgscroll {
    background-size: cover !important;
    /*-moz-background-size: cover !important;
    -o-background-size: cover !important;
    -webkit-background-size: cover !important;*/
    background-attachment: scroll !important;
    background-position: center center !important;
}

.thTop {
    margin-top: 0px;
    min-height: 320px;
    padding: 1rem 0.675rem;
}

.tcTop {
    margin-top: 0px;
    overflow: hidden;
    font-size: 0.75rem;
    padding: 1rem 0.625rem;
    color: #fff;
}

    .tcTop h1 {
        font-size: 2.2rem;
    }

/*div.thBannerTop-text {
    background-color: #fff;
    position: absolute;
    height: 80px;
    width: 100%;
    top: 120px;
    overflow: hidden;
}*/

/*div.thBannerTop a {
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
}

div.thBannerTop h2 {
    font-size: 1rem;
    margin: 0;
}

div.thBannerTop h3 {
    font-size: 1rem;
    margin: 0;
}

div.thBannerTop p {
    margin: 0;
    line-height: 1.0rem;
    font-size: 0.75rem;
}*/

.grid figure h2, .grid figure p {
    margin: 0;
}

.ttftag {
    font-size: 0.75rem;
}

    .ttftag img {
        margin: 0 .5rem 0 .175rem;
        height: 1.25rem;
    }

figure.effect-hover {
    position: relative;
    overflow: hidden;
    margin: 1rem .5rem;
    max-height: 12.5rem;
    cursor: pointer;
    background: #2f3238;
}

    figure.effect-hover figcaption {
        padding: 1em;
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
    }

    figure.effect-hover h2 {
        font-weight: 500;
        line-height: 1.25rem;
        margin-top: 0.5rem;
    }

    figure.effect-hover p {
        margin: 0 0 .25em;
        background: rgba(255,255,255,0.9);
        float: left;
        clear: both;
        padding: .4em .75em;
        color: #2f3238;
        text-transform: none;
        font-weight: 500;
        font-size: 0.8125rem !important;
        line-height: 0.925rem;
    }

figure figcaption > a {
    z-index: 1000;
    /*text-indent: 200%;
    font-size: 0;
    opacity: 0;*/
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    figure figcaption > a > i.fa {
        right: 1rem;
        top: 1.25rem;
        position: absolute;
        pointer-events: none;
        font-size: 3rem;
        color: #fff;
    }
/* Mobile resis*/

ul#catmn.cd-dropdown-content {
    position: inherit; /*Ie hack*/
    position: initial;
    padding-top: 0;
}

    ul#catmn.cd-dropdown-content li.pad2 a {
        padding-left: 2rem;
    }

    ul#catmn.cd-dropdown-content li.pad3 a {
        padding-left: 3rem;
    }
/* --------------------------------
Menu
-------------------------------- */
.cd-dropdown-wrapper {
    display: inline-block;
    position: relative;
    height: 40px;
    margin: 30px 0 0 5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.cd-dropdown-content,
.cd-dropdown-content ul {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    padding-top: 3.875rem;
    margin-left: 0;
}

    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        display: block;
        /* truncate text with ellipsis if too long */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border: 0;
        /*border-width       : 0;*/
        /*border-bottom-width: 1px;
    border-color       : #606060;
    border-style       : solid;*/
        color: #000;
        /*border-top         : 1px solid #fff;
    border-bottom      : 1px solid #ccc;*/
        font-size: 1rem;
        /*line-height        : 2.75rem;*/
    }

    .cd-dropdown-content span {
        /*background-color: #adaeb1;*/
        color: #000;
        width: 2rem;
        display: block;
        text-align: center;
        float: right;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
    }

    .cd-dropdown-content li:first-of-type > a,
    .cd-dropdown-content ul li:first-of-type > a {
        border-top-width: 0;
    }

    .cd-dropdown-content li:last-of-type > a,
    .cd-dropdown-content ul li:last-of-type > a {
        border-bottom-width: 1px;
    }

    .cd-dropdown-content .cd-divider,
    .cd-dropdown-content ul .cd-divider {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #0b0e23;
        font-size: 1.1rem;
        font-weight: bold;
        letter-spacing: 1px;
        color: #585a70;
        text-transform: uppercase;
    }

        .cd-dropdown-content .cd-divider + li > a,
        .cd-dropdown-content ul .cd-divider + li > a {
            border-top-width: 0;
        }

    .cd-dropdown-content a,
    .cd-dropdown-content .cd-divider,
    .cd-dropdown-content ul a,
    .cd-dropdown-content ul .cd-divider {
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
    }

    .cd-dropdown-content.is-hidden,
    .cd-dropdown-content ul.is-hidden {
        /* push the secondary dropdown items to the right */
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

        .cd-dropdown-content.is-hidden > li > a,
        .cd-dropdown-content.is-hidden > .cd-divider,
        .cd-dropdown-content.move-out > li > a,
        .cd-dropdown-content.move-out > .cd-divider,
        .cd-dropdown-content ul.is-hidden > li > a,
        .cd-dropdown-content ul.is-hidden > .cd-divider,
        .cd-dropdown-content ul.move-out > li > a,
        .cd-dropdown-content ul.move-out > li > .cd-search,
        .cd-dropdown-content ul.move-out > .cd-divider {
            /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
            opacity: 0;
        }

    .cd-dropdown-content.move-out > li > a,
    .cd-dropdown-content.move-out > .cd-divider,
    .cd-dropdown-content ul.move-out > li > a,
    .cd-dropdown-content ul.move-out > .cd-divider {
        /* push the dropdown items to the left when secondary dropdown slides in */
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.dropdown-is-active .cd-dropdown-content,
.dropdown-is-active .cd-dropdown-content ul {
    -webkit-overflow-scrolling: touch;
}

.cd-dropdown-content li {
    margin: 0;
    line-height: 0;
}

.cd-dropdown {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 70%);
    visibility: hidden;
    /* Force Hardware Acceleration */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
    -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
    transition: transform 0.5s 0s, visibility 0s 0.5s;
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

    .cd-dropdown h2 {
        /* dropdown title - mobile version only */
        position: relative;
        z-index: 1;
        color: #585a70;
        background-color: #111433;
        border-bottom: 1px solid #242643;
    }

    .cd-dropdown .cd-close {
        /* 'X' close icon - mobile version only */
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        height: 50px;
        width: 50px;
        /* image replacement */
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        color: transparent;
    }

        .cd-dropdown .cd-close::after, .cd-dropdown .cd-close::before {
            /* this is the 'X' icon */
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            bottom: auto;
            right: auto;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            -o-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            height: 20px;
            width: 2px;
            background-color: #333;
        }

        .cd-dropdown .cd-close::after {
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
            transform: translateX(-50%) translateY(-50%) rotate(45deg);
        }

        .cd-dropdown .cd-close::before {
            -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
            transform: translateX(-50%) translateY(-50%) rotate(-45deg);
        }

    .cd-dropdown.dropdown-is-active {
        visibility: visible;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
        -moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
        transition: transform 0.5s 0s, visibility 0s 0s;
        z-index: 1000;
    }

.cd-dropdown-content, .cd-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    padding-top: 3.875rem;
    margin-left: 0;
}

    .cd-dropdown-content a, .cd-dropdown-content ul a {
        display: block;
        /* truncate text with ellipsis if too long */
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-width: 0;
        border-bottom-width: 1px;
        border-color: #606060;
        border-style: solid;
        color: #606060;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #ccc;
        font-size: 1rem;
        line-height: 2.75rem;
    }

    .cd-dropdown-content span {
        /*background-color: #adaeb1;*/
        color: #000;
        width: 2rem;
        display: block;
        text-align: center;
        float: right;
        height: 100%;
        content: '';
        position: absolute;
        top: 0;
        right: 0;
    }

    .cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a {
        border-top-width: 0;
    }

    .cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a {
        border-bottom-width: 1px;
    }

    .cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #0b0e23;
        font-size: 1.1rem;
        font-weight: bold;
        letter-spacing: 1px;
        color: #585a70;
        text-transform: uppercase;
    }

        .cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a {
            border-top-width: 0;
        }

    .cd-dropdown-content a, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-divider {
        /* Force Hardware Acceleration */
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
        -moz-transition: opacity 0.3s, -moz-transform 0.3s;
        transition: opacity 0.3s, transform 0.3s;
    }

    .cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden {
        /* push the secondary dropdown items to the right */
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

        .cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider {
            /* lower down the dropdown items opacity - when secondary dropdown slides in or for dropdown items hidden on the right */
            opacity: 0;
        }

    .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > .cd-divider {
        /* push the dropdown items to the left when secondary dropdown slides in */
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul {
    -webkit-overflow-scrolling: touch;
}

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@-webkit-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: visible;
    }
}

@-moz-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: visible;
    }
}

@keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 0;
        visibility: visible;
    }
}

.has-children > a, .go-back a {
    position: relative;
}

    .has-children > a > span::before, .has-children > a > span::after, .go-back a::before, .go-back a::after {
        /* arrow icon in CSS - for element with nested unordered lists */
        content: '';
        position: absolute;
        top: 55%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: #fff;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .go-back a::before, .go-back a::after {
        top: 50%;
    }

    .has-children > a > span::before, .go-back a::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .has-children > a > span::after, .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 16px;
    }

    .has-children > a > span::before, .has-children > span::after {
        /* arrow goes on the right side - children navigation */
        right: 20px;
        -webkit-transform-origin: 15px 50%;
        -moz-transform-origin: 15px 50%;
        -ms-transform-origin: 15px 50%;
        -o-transform-origin: 15px 50%;
        transform-origin: 15px 50%;
    }

.cd-dropdown-content .go-back a {
    padding-left: 40px;
    background-color: #adaeb1;
    line-height: 3rem;
    color: #fff;
}

    .cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after {
        /* arrow goes on the left side - go back button */
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%;
    }

.cd-main-content {
    background-color: #dcdcdd;
    min-height: calc(100vh - 100px);
    padding: 2em 5%;
    line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
    display: none;
}

/* --------------------------------
end Menu
-------------------------------- */

/* --------------------------------
Tips code starts here
-------------------------------- */

#landing-area {
    background-color: #EEE;
    padding: 1rem 0.675rem;
}

.landing-offer-text {
    margin-top: 1rem;
}

    .landing-offer-text h1 {
        margin: 1.125rem 0 1.5rem 0;
        letter-spacing: -0.05rem;
        font-size: 2rem;
        font-weight: 300;
        line-height: 2rem;
    }

.landing-offer-media {
    position: relative;
}

.TipLinks {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.entry_share {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: .625rem;
    margin: 0;
}

    .entry_share a img {
        display: none;
    }

    .entry_share a {
        background: transparent url(https://s3.praktiker.gr/images/social.png) no-repeat 0 0;
        width: 36px !important;
        height: 25px;
        display: inline-block;
        padding: 0 !important;
        margin: 0 15px 0 0;
    }

        .entry_share a.addthis_button_pinterest_share {
            background-position: -185px 0;
        }

            .entry_share a.addthis_button_pinterest_share:hover {
                background-position: -185px -26px;
            }

        .entry_share a.addthis_button_email {
            background-position: -37px 0;
        }

            .entry_share a.addthis_button_email:hover {
                background-position: -37px -26px;
            }

        .entry_share a.addthis_button_twitter {
            background-position: -74px 0;
        }

            .entry_share a.addthis_button_twitter:hover {
                background-position: -74px -26px;
            }

        .entry_share a.addthis_button_google_plusone_share {
            background-position: -111px 0;
            display: none !important;
        }

            .entry_share a.addthis_button_google_plusone_share:hover {
                background-position: -111px -26px;
            }

        .entry_share a.addthis_button_facebook {
            background-position: -148px 0;
        }

            .entry_share a.addthis_button_facebook:hover {
                background-position: -148px -26px;
            }

.product .entry_share a {
    margin: 0.5em .875rem;
}

.postcontent {
    padding: 1rem .9375rem 2rem .9375rem;
    max-width: 90rem;
    margin: 0 auto;
}

.intro-tips {
    background-color: #e6e6e6;
    margin-top: .9375rem;
}

    .intro-tips h1 {
        margin: 1.125rem 0 .5rem 0;
        letter-spacing: -0.05rem;
        font-size: 2rem;
        font-weight: 300;
        line-height: 2.25rem;
    }

#landing-area .blocked_content, #landing-area .blocked_content > div,
#new-tips .blocked_content, #new-tips .blocked_content > div {
    width: 100%;
}

.addthis_toolbox a {
    margin-bottom: 0 !important;
}

.intro-tips .main-tip-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .intro-tips .main-tip-image img {
        height: auto;
        width: 100%;
    }

#new-tips .accordion-content {
    overflow: auto;
}

#new-tips .tabs-title a i {
    margin-right: 0;
}

#new-tips .tab_widget {
    margin-bottom: 2rem;
}

#new-tips .posting__title {
    font-size: 1.1875rem;
    line-height: 1.5rem;
    color: #606060;
    padding: 0 30px 0 0;
    font-weight: 300;
}

#new-tips .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "D";
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.0625rem;
    line-height: 1rem;
    color: #797b7f;
    font-family: "praktiker-icons"
}

#new-tips .is-active > .accordion-title::before {
    content: "z"
}

#new-tips .accordion-title, #new-tips .accordion.faq .accordion-title {
    border: 1px solid #c8c8ca;
    border-bottom: 0;
    padding: .875rem 1rem;
    border-radius: 0;
}

    #new-tips .accordion-title:focus, #new-tips .accordion-title:hover,
    #new-tips .accordion-item.is-active .accordion-title {
        background-color: #e6e6e6;
    }

#new-tips .accordion-content.content_text {
    font-size: 1.0625rem;
    color: #606060;
    border: 1px solid #c8c8ca;
    border-bottom: 0;
    margin-bottom: 0 !important;
    overflow: auto;
    padding: 1rem;
}

#new-tips .accordion li {
    margin: 0;
}

#new-tips .faq {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}

#new-tips :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #c8c8ca !important;
    border-radius: 0 0 0 0;
}

#new-tips .posting__title .icon.fa-next:before {
    vertical-align: text-bottom;
    line-height: 1.25rem !important;
    margin-right: 3px;
}

@media print, screen and (max-width:64em) {
    /*.intro-tips .main-tip-image img {
        max-width: none;
        margin: 0 -50%;
        height: 100%;
        width: auto;
    }*/
}

@media print, screen and (max-width:40em) {
    .tip-prdlist .float-right {
        float: none !important;
        display: block;
    }

    /*#dt-section {
        background-position: -60px top;
    }*/
}
/* FAQs*/

#faqs {
    margin: 0 0 -15px;
}

.faq {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #DDD;
}

    .faq .togglet,
    .faq .toggleta {
        background-image: none !important;
        line-height: 20px;
        padding-left: 26px;
    }

        .faq .togglet i,
        .faq .toggleta i {
            display: block;
            position: absolute;
            font-size: 18px;
            width: 18px;
            text-align: center;
            top: 0;
            left: 0;
        }

    .faq .togglec {
        padding: 10px 0 0 26px;
    }

/* Toggle*/

.toggle {
    display: block;
    position: relative;
    margin: 0 0 20px 0;
}

    .toggle .togglet,
    .toggle .toggleta {
        display: block;
        position: relative;
        line-height: 24px;
        padding-left: 32px;
        cursor: pointer;
        margin: 0;
        font-family: 'NeutrafaceText-Book', sans-serif;
        color: #333;
        background: url("images/icons/toggle-plus.png") no-repeat left;
    }

    .toggle .toggleta {
        font-weight: bold;
        background: url("images/icons/toggle-minus.png") no-repeat left;
    }

    .toggle .togglec {
        display: block;
        position: relative;
        padding: 10px 0 0 32px;
        font-size: 0.875rem;
    }

        .toggle .togglec .col_one_fourth {
            margin-bottom: .75rem;
        }
/****************************************/
/********** serch expand collaps*************/
/****************************************/
.sb-search {
    position: fixed;
    z-index: 999;
    background-color: #fff;
    max-height: 4rem;
    padding-top: 0;
    padding-right: .75rem;
    padding-left: .75rem;
    top: 4rem;
}

.sb-search-submit {
    background: #797b7f;
    width: 2rem;
    position: absolute;
    padding: .5rem;
    right: 18px;
    top: 4px;
    border-radius: 100%;
    height: 2rem;
    font-size: 1rem;
    line-height: 0.5rem;
    color: #ffed00;
}

/* Open state */
.sb-search.sb-search-open {
    visibility: visible;
    opacity: 1;
    top: 3.75rem;
    z-index: 1005;
    background-color: #efefef;
    max-height: 4rem;
    padding-top: .625rem;
    transition: all 100ms;
}

    .sb-search.sb-search-open .sb-search-input {
        height: 2.5rem;
        border: 1px solid #ccc;
        padding: 0.625rem 2.675rem 0.625rem 0.625rem;
        margin: 0 0 .625rem;
    }

    .sb-search.sb-search-open .sb-search-submit {
        visibility: visible;
        position: absolute;
        right: .9375rem;
        top: .625rem;
        z-index: 90;
    }

.fhead {
    font-size: 1.125rem;
    margin: 0;
    line-height: 2rem;
}

h5.extramargin {
    margin-top: 1.5rem;
}

.product h1 {
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

    .product h1 b {
        font-weight: 400;
        color: #363636;
    }

    .product h1 span {
        font-size: 1rem;
        line-height: 1rem;
        color: #797b7f;
    }

.product .accordion-title {
    color: #797b7f;
    font-size: .875rem;
    border-bottom: 1px solid #dcdcdd;
    border-top: 1px solid #dcdcdd;
    border-left: 0;
    border-right: 0;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1rem;
    text-decoration: none;
}

    .product .accordion-title:before {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-size: 1.25rem;
        color: #797b7f;
    }

:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #dcdcdd;
}

.product .caction {
    line-height: .75rem;
    font-size: .75rem;
}

.accordion-title:focus, .accordion-title:hover {
    background-color: transparent;
}

.product .accordion-content {
    border: 0;
}

div.withstickhead {
    margin-top: 8rem;
    background-color: #e6e6e6;
    height: 30px;
    margin-bottom: 0;
    padding: 7px 0;
}

.fa-angle-right {
    font-family: 'NeutrafaceText-Bold',sans-serif;
    margin-left: 0.25rem;
}

#catMenu {
    margin-bottom: 0;
}

    #catMenu li {
        margin-top: 0;
    }

    #catMenu a {
        text-decoration: none;
    }

    #catMenu .accordion {
        border: 0;
    }

    #catMenu .accordion-content {
        font-size: .875rem;
        padding: 0;
    }

    #catMenu .accordion-title, #catMenu a.news-title {
        color: #606060;
        font-size: 1rem;
        line-height: 1rem;
        font-weight: 500;
        padding: 1rem 0.5rem 1rem 0.5rem;
    }

        #catMenu .accordion-title:before {
            font-weight: 500;
            font-size: 2.5rem;
            color: #606060;
            top: 50%;
            margin-top: -11px;
        }

    #catMenu a.news-title {
        padding-right: 1.5rem;
    }

    #catMenu.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
        border-color: #606060 transparent transparent;
    }

    #catMenu.dropdown.menu li.selected h3 {
        font-family: 'NeutrafaceText-Bold',sans-serif;
    }

#txtitemQnt {
    border: 0;
}

div.newsletter {
    position: relative;
    padding-left: 1rem;
    margin-bottom: 1rem;
}

    div.newsletter [type=checkbox], div.newsletter [type=radio] {
        position: absolute;
        top: 0.125rem;
        left: .5rem;
    }

        div.newsletter [type=checkbox] + label, div.newsletter [type=radio] + label {
            margin-left: 0;
            margin-right: 0;
            line-height: 1.25rem;
            text-transform: none;
            font-weight: 500;
            display: block;
            color: #797b7f;
            vertical-align: middle;
        }

.rdbl {
    display: block;
    margin: .5rem 0 1.5rem;
}

    .rdbl > label {
        line-height: 1.125rem;
        text-transform: none;
        font-weight: 500;
        margin-top: .375rem;
    }

.is-invalid-label .rdbl label {
    color: #f00;
}

.MANDATORY {
    color: #ff0000;
}

.help-text {
    margin-top: -.5rem;
    font-size: 0.875rem;
    font-style: italic;
    color: #979aa0;
    line-height: 1.25rem;
    letter-spacing: -0.02rem;
}

    .help-text.help-password {
        font-style: normal;
        color: #606060;
    }

.activeStep {
    border-bottom: 5px solid #4088B7;
    line-height: 1.25rem;
    padding-bottom: 0.5rem;
}

input[type=checkbox], input[type=radio] {
    display: none;
}

    input[type=checkbox] + label,
    input[type=radio] + label {
        padding: 0 0 0 30px;
        line-height: 23px;
        position: relative;
        font-weight: 400;
        color: #797b7f;
        margin-left: 0;
    }

    input[type=radio] + label {
        padding: 0 0 0 25px;
    }

        input[type=checkbox] + label::before,
        input[type=radio] + label::before {
            content: ' ';
            font-family: "praktiker-icons" !important;
            font-style: normal !important;
            font-weight: normal !important;
            font-variant: normal !important;
            text-transform: none !important;
            speak: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            height: 29px;
            width: 29px;
            line-height: 24px;
            display: inline-block;
            position: absolute;
            left: 0;
            top: 0px;
        }

    input[type=checkbox] + label::before {
        content: "\69";
    }

    input[type=radio] + label::before {
        content: "\e223";
        height: 22px;
        width: 22px;
        line-height: 22px;
    }

    input[type=checkbox]:disabled + label,
    input[type=radio]:disabled + label {
        color: #dcdcdc;
        cursor: not-allowed;
    }

    input[type=checkbox]:checked + label::before {
        content: "\6a";
    }

    input[type=radio]:checked + label::before {
        content: "\e224";
    }

    input[type=checkbox].childCheck {
        display: none !important;
    }

ul.tipslist {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

    ul.tipslist > li {
        position: relative;
        margin: 0 0 0.875rem 0;
        font-size: 1rem;
        line-height: 1.25rem;
    }

        ul.tipslist > li .fa {
            position: absolute;
            left: -2.14285714em;
            width: 2.14285714em;
            top: 0.14285714em;
            text-align: center;
            font-size: 1rem;
        }

div.newsletter label {
    font-weight: 400 !important;
    color: #797b7f;
}

.txparentfilters {
    margin: 1.25rem 0 1.725rem 0;
}
/* styles for '...' */
.block-with-text {
    overflow: hidden;
    position: relative;
    max-height: 3.5rem;
    padding-right: 1em;
    margin-right: -0.125rem;
    padding-right: 0rem;
    /* margin-right: -0.5rem;
    padding-right: .125rem; */
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
    /* create the ... */
    .block-with-text:before {
        /* points in the end */
        /*content: '...';*/
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of block */
        right: 2px;
        bottom: .375rem;
    }
    /* hide ... if we have text, which is less than or equal to max lines */
    .block-with-text:after {
        /* points in the end */
        content: '';
        /* absolute position */
        position: absolute;
        /* set position to right bottom corner of text */
        right: 2px;
        /* set width and height */
        width: 1em;
        height: 1em;
        margin-top: 0.2em;
        /* bg color = bg color under block */
        background: white;
    }

#tcStory {
    padding: 1rem;
    position: relative;
}

    #tcStory h2 {
        color: #fff;
        text-transform: uppercase;
        line-height: 1.25rem;
        font-family: 'NeutrafaceText-Bold',sans-serif;
        padding-right: 50px;
    }

    #tcStory p {
        color: #fff;
        margin: 0;
    }

    #tcStory i {
        background-color: #FFF;
        display: inline-block;
        -moz-border-radius: 45px;
        -webkit-border-radius: 45px;
        border-radius: 45px;
        -moz-box-shadow: 0px 0px 2px #888;
        -webkit-box-shadow: 0px 0px 2px #888;
        box-shadow: 0px 0px 2px #888;
        width: 45px;
        height: 45px;
        text-align: center;
        line-height: 42px;
        font-size: 45px;
        padding-left: 5px;
        opacity: 1.0;
        position: absolute;
        top: 1.375rem;
        right: 1rem;
    }

.addthis_toolbox a {
    margin-bottom: 0 !important;
}

.postcontent li {
    line-height: 1.25rem;
}

.marginhor5 {
    margin: 0 0.325rem 0.325rem 0;
}

.postcontent .accordion {
    border: 0;
}

    .postcontent .accordion img {
        margin-bottom: 0.5rem;
    }

    .postcontent .accordion .acctitle::before {
        content: '+';
        position: absolute;
        right: 1rem;
        top: 45%;
        margin-top: -0.5rem;
        font-size: 1.5rem;
    }

    .postcontent .accordion .acctitle.acctitlec::before {
        content: '–';
    }

.postcontent .acc_content {
    padding: 0.935rem 0;
    border-bottom: 1px solid #DDD;
}

.postcontent .acctitle {
    color: #2a9fe0;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    border-bottom: 1px solid #DDD;
    padding: 0.5rem 2rem 0.5rem 0;
    font-size: .935rem;
    position: relative;
}

h3.callout.tbborder {
    border: 1px solid #c8c8c8;
    border-left: 0;
    border-right: 0;
}

.indc {
    display: none;
}

.delwayChild {
    margin-left: 1.25rem;
}

label.lblwithtext {
    font-size: 1rem;
    font-weight: 400;
    color: #606060;
}

.column [type=radio] {
    margin-bottom: 0;
}

div.payment {
    margin-bottom: 1rem;
}

.fa-search.sb-search-opened {
    position: relative;
}

    .fa-search.sb-search-opened:after {
        font-family: "praktiker-icons" !important;
        content: "\4a";
        background-color: #efefef;
        position: absolute;
        padding: 5px;
        border-radius: 8px;
        top: 8px;
        left: -2px;
    }

/*content: "\f002";
        background-color: #efefef;
        position: absolute;
        padding: 0.625rem 0.2rem 1.625rem 0.2rem;
        border-radius: 8px;
        top: -2px;
        left: 0px;
    }*/

h2.headerStatic {
    /*font-size: 1.375rem;
    line-height: 1.5rem;
    margin-bottom: 1rem;
    letter-spacing: -0.05rem;*/
    font-family: 'NeutrafaceText-Bold',sans-serif;
    margin-bottom: 1rem;
}

div.leftContentResults li {
    line-height: 1.25rem;
}
/* Postings
----------------------------------------------------------*/
ul#postings {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul#postings > li {
        padding: 0 .5rem;
        margin-bottom: 1rem;
        border: 1px solid #ccc;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }

    ul#postings li div {
        display: none;
    }

    ul#postings li > p {
        vertical-align: middle;
        cursor: pointer;
        padding: 1rem 0rem;
        position: relative;
        margin-bottom: 0;
    }

        ul#postings li > p span {
            background: transparent url(https://s3.praktiker.gr/images/news-dates.png) no-repeat 0 0;
            display: inline-block;
            width: 51px;
            height: 51px;
            color: #666;
            text-align: center;
            float: left;
            margin-right: 20px;
            padding-top: 10px;
        }

            ul#postings li > p span b {
                color: #a10101;
                font-size: 26px;
            }

        ul#postings li > p a {
            margin-left: 1.25rem;
            display: inline-block;
        }

    ul#postings.content li > p img {
        position: absolute;
        top: 1.125rem;
        left: 0;
    }

    ul#postings li.active {
        background-color: #e8eef1;
    }

        ul#postings li.active div {
            display: block;
        }

        ul#postings li.active > p a {
            color: #3888b9;
            font-weight: 500;
        }

div#InventoryProdInfo div.small-8 p {
    line-height: 1rem;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

    div#InventoryProdInfo div.small-8 p strong {
        font-size: 1rem;
    }

    div#InventoryProdInfo div.small-8 p span {
        font-size: 0.75rem;
        margin-top: .5rem;
        display: inline-block;
        font-family: 'NeutrafaceText-Book', sans-serif;
    }

#InventoryProdDetails {
    margin-bottom: 40px;
}

    #InventoryProdDetails select {
        margin-top: .625rem;
    }

    #InventoryProdDetails span {
        /*display:inline-block*/
    }

.deloption div.newsletter [type=radio] + label {
    padding-right: 1.5rem;
}

.deloption div.newsletter [type=checkbox] + label {
    padding-right: 2rem;
}

.deloption div.newsletter i.icon {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 18px;
    transform: translateY(-50%);
}

.content-text, .content-text p {
    font-size: .75rem;
    line-height: 1rem;
}

body.is-reveal-open {
    overflow: hidden;
    position: fixed;
}

ul#catfilters > li:last-child {
    padding-left: 0;
}

#orderhelp {
    background-color: #f1f1f1;
}

    #orderhelp .h5 {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-size: 1.1875rem;
        color: #606060;
        margin: 0 0 15px 0;
    }

    #orderhelp a {
        color: #797b7f;
        font-size: 1rem;
        font-weight: 400;
    }

    #orderhelp li:hover a {
        color: #adaeb1;
    }

    #orderhelp .icon {
        color: #797b7f;
        font-size: 1rem;
        padding-right: 10px;
    }

    #orderhelp > span {
        display: inline-block;
        padding: 15px;
        cursor: pointer;
        width: 100px;
        line-height: 25px;
        text-align: center;
    }

    #orderhelp ul {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 16px;
    }

        #orderhelp ul li {
            margin: 7px 0;
            position: relative;
            padding-left: 15px;
        }

    #orderhelp a.bluelink {
        text-decoration: none;
    }

        #orderhelp a.bluelink:hover {
            text-decoration: underline;
        }

    #orderhelp ul li i {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        color: #aaa;
        position: absolute;
        top: 1px;
        left: 0;
        font-size: 16px;
    }

    #orderhelp .sepgrey {
        margin: 18px 0 14px 0;
    }

    #orderhelp p strong {
        font-size: 17px;
    }

.fphone {
    font-size: 1.625rem;
    line-height: 2rem;
    font-weight: 300;
    letter-spacing: -0.1rem;
    color: #606060;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

.fphone-title {
    font-size: 1.375rem;
    line-height: 2rem;
    font-weight: 300;
    letter-spacing: -0.1rem;
    color: #606060;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

    .fphone-title .icon {
        font-size: 1.25rem;
        padding-right: 5px;
    }

.fphone .icon:before {
    vertical-align: baseline;
}

.fphonetext {
    font-size: .75rem;
}

div#TopBanner {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

    div#TopBanner h2 {
        margin-bottom: .625rem;
    }

    div#TopBanner .orbit-bullets {
        position: relative;
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        border-bottom: 1px solid #ccc;
        padding: .5rem 0;
    }

    div#TopBanner div.unicusSlides > div,
    div#TopBanner div.unicusSlides > a > div {
        width: 100%;
        height: 15rem;
        padding: 0 .325rem;
    }

    div#TopBanner div.unicusSlides .button {
        padding: 0.5rem;
    }

.orbit-bullets button {
    margin: .1rem .5rem;
}

#topcontent {
    margin-bottom: 25px;
}

    #topcontent > div {
        margin-top: 1rem;
        min-height: 5.625rem;
    }

    #topcontent .tctitle {
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 18px;
        font-weight: 500;
        letter-spacing: -0.05em;
    }

    #topcontent .tccontent {
        font-size: 13px;
        line-height: 16px;
    }

        #topcontent .tccontent a {
            float: right;
            margin-top: 5px;
        }

@media screen and (max-width: 40em) {
    #topcontent > div:first-child {
        padding-bottom: 1rem;
        border-bottom: 1px dotted #cccccc;
    }
}

@media all and (-ms-high-contrast:none) {
    .cd-dropdown-content a, .cd-dropdown-content ul a {
        overflow: visible;
    }
}

@media only screen and (min-width: 48rem) {
    ul.inline-menu li a {
        padding: .8125rem;
        white-space: normal;
    }

    .cd-dropdown-content, .cd-dropdown-content ul {
        padding-top: 4rem;
    }

        .cd-dropdown-content a, .cd-dropdown-content ul a {
            font-size: 1.375rem;
        }

    .cd-dropdown .cd-close {
        top: 5px;
    }

    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        height: 60px;
        line-height: 60px;
    }
}

@media screen and (min-width: 40em) {
    h1 {
        font-size: 1.5rem;
    }

    header.sticky #sb-search {
        float: right;
    }

    div#TopBanner div.unicusSlides > div,
    div#TopBanner div.unicusSlides > a > div {
        height: 10rem;
    }

    div#TopBanner div.unicusSlides .button {
        margin-top: 6.5rem;
        float: right;
    }

    figure.effect-hover {
        margin: 1rem 0;
    }

    span.yellowfa {
        float: none;
    }
}

@media screen and (min-width: 30em) {
    table.stack thead {
        display: table-header-group;
    }

    table.stack tr {
        display: table-row;
    }

    table.stack th,
    table.stack td {
        display: table-cell;
    }

    .tipBanner p {
        position: absolute;
        bottom: 0;
        background-color: #fff;
    }

    .tipBanner img {
        max-width: none;
        width: 100%;
    }

    /*div.withstickhead {
        margin-top: 4.75rem;
    }*/
}

@media screen and (max-width: 30em) {
    table.stack thead {
        display: none;
    }

    table.stack tfoot {
        display: none;
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }

    table.stack td {
        border-top: 0;
    }
}

.text-light-yellow {
    color: #606060;
    font-weight: bold;
}

/*#terms div:not(:last-child) {
    border-bottom: 1px solid #ccc;
}*/

div.term-body * {
    font-family: 'NeutrafaceText-Book', sans-serif !important;
}

/**/
#cookie-info {
    text-align: left;
    font-size: 12px;
    line-height: 16px;
}

    #cookie-info h1 {
        margin-top: 0;
        /* font-size: 1.25rem;
        font-weight: 400;*/
        /*letter-spacing: -0.02em;*/
        /*line-height: 1.25rem;*/
        /*color: #ffed00;*/
        font-family: NeutrafaceText-Demi;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px;
        text-align: left;
        color: rgba(255, 255, 255, 1);
        margin-left: 12px;
    }

    #cookie-info p {
        margin-top: 0;
        margin-bottom: 10px;
        font-family: NeutrafaceText-Light;
        font-size: 12px;
        font-weight: 400 !important;
        line-height: 12px !important;
        text-align: left;
        color: rgba(255, 255, 255, 1);
        margin-left: 12px;
    }

#huk_cookie_prefernce_panel, #huk_cookie_prefernce_panel_ex {
    font-size: 12px;
    /*sans-serif*/
    line-height: 1.7;
}

#huk_cookie_prefernce_panel {
    padding: 10px 0 0px 0 !important;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 7px rgba(10, 10, 10, 0.5);
    box-shadow: 0 0 7px rgba(10, 10, 10, 0.5);
    /*background-color: #606060;*/
    background-color: rgba(0, 21, 40, 0.8);
    color: #fff;
    display: flex;
    justify-content: center;
}

    #huk_cookie_prefernce_panel .huk_cookie_prefernce_panel_row {
        height: 30px;
    }

        #huk_cookie_prefernce_panel .huk_cookie_prefernce_panel_row input {
            float: left;
        }

        #huk_cookie_prefernce_panel .huk_cookie_prefernce_panel_row label {
            padding-top: 2px;
            display: block;
            float: left;
        }

        #huk_cookie_prefernce_panel .huk_cookie_prefernce_panel_row input[type=button] {
            margin: -2px 10px;
            padding: 5px 0;
        }

    #huk_cookie_prefernce_panel .huk_cookie_prefernce_toolbar {
        /*margin-top: 30px;*/
    }

        #huk_cookie_prefernce_panel .huk_cookie_prefernce_toolbar input[type=button] {
            background: #e3e3e3;
            border: 1px solid #bbb;
            border-radius: 3px;
            -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
            box-shadow: inset 0 0 1px 1px #f6f6f6;
            color: #333;
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            text-shadow: 0 1px 0 #fff;
            width: 120px;
            margin-left: 10px;
            padding: 8px 0 9px;
            border: 1px solid #ffed00;
        }

    #huk_cookie_prefernce_panel .huk_cookie_prefernce_link {
        margin-top: 10px;
    }

#ck-overlay {
    /*-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    filter: alpha(opacity=60);*/
    opacity: .6;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cookie-ext-panel {
    margin: 0 10px;
}

    #cookie-ext-panel #c-toolbar {
        text-align: right;
        height: 20px;
        margin: 20px 0;
    }

#huk_cookie_prefernce_panel input[type=button],
#huk_cookie_prefernce_panel button[type=button] {
    /*float: left;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 0;
    font-size: 1rem;
    font-weight: bold;
    background-color: #ffed00;
    color: #363636;
    text-align: center;
    padding: 20px 20px;
}

    #huk_cookie_prefernce_panel input[type=button][id="COOKIE_SAVE_ALL"],
    #huk_cookie_prefernce_panel button[type=button][id="COOKIE_SAVE_ALL"] {
        border-radius: 3px !important;
        border: 1.5px solid rgba(255, 255, 255, 1) !important;
        background-color: rgba(255, 255, 255, 1) !important;
        color: rgba(0, 21, 40, 1) !important;
        font-family: NeutrafaceText-Demi !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 12px !important;
        text-align: center !important;
    }

    #huk_cookie_prefernce_panel input[type=button][id="COOKIE_REJECT_ALL"],
    #huk_cookie_prefernce_panel button[type=button][id="COOKIE_REJECT_ALL"] {
        border-radius: 3px !important;
        border: 1.5px solid transparent !important;
        background-color: transparent !important;
        color: rgba(255, 255, 255, 1) !important;
        font-family: NeutrafaceText-Demi !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 12px !important;
        text-align: center !important;
    }

    #huk_cookie_prefernce_panel input[type=button][id="COOKIE_SAVE"],
    #huk_cookie_prefernce_panel button[type=button][id="COOKIE_SAVE"] {
        border-radius: 3px !important;
        border: 1.5px solid rgba(255, 255, 255, 1) !important;
        background-color: rgba(255, 255, 255, 1) !important;
        color: rgba(0, 21, 40, 1) !important;
        font-family: NeutrafaceText-Demi !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 12px !important;
        text-align: center !important;
    }

    #huk_cookie_prefernce_panel input[type=button][id="COOKIE_ACCEPT_ALL"],
    #huk_cookie_prefernce_panel button[type=button][id="COOKIE_ACCEPT_ALL"] {
        border-radius: 3px !important;
        border: 1.5px solid rgba(255, 255, 255, 1) !important;
        background-color: rgba(255, 255, 255, 1) !important;
        color: rgba(0, 21, 40, 1) !important;
        font-family: NeutrafaceText-Demi !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 12px !important;
        text-align: center !important;
    }

#huk_cookie_prefernce_panel input[type=button] {
    width: 100%;
    padding: 14px 15px;
    margin-bottom: 1rem;
}

    #huk_cookie_prefernce_panel input[type=button]#COOKIE_ACCEPT_ALL {
        width: 280px;
        margin-top: 1rem;
    }

#huk_cookie_prefernce_panel button[type=button]#EU_OPIN_RESET {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    padding: 11px;
    height: 100%;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    line-height: 1.375rem;
}

#huk_cookie_prefernce_panel #EU_OPIN_DETAILS {
    color: #fff;
    background-color: transparent;
    /* text-align: center;
 font-size: 1rem;*/
    padding: 10px 25px;
    text-decoration: none;
    font-family: NeutrafaceText-Demi;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
}

#huk_cookie_prefernce_panel #COOKIE_SAVE {
    width: 280px;
}

#huk_cookie_prefernce_panel button[type=button]#EU_OPIN_DETAILS:hover {
    /*background-color: rgba(50,136,185,0.1);*/
    color: #fff;
}

#huk_cookie_prefernce_panel button[type=button]#EU_OPIN_RESET {
    border: 0;
}

    #huk_cookie_prefernce_panel button[type=button]#EU_OPIN_RESET:hover {
        text-decoration: underline;
    }

#huk_cookie_prefernce_panel input[type=button]:hover {
    background-color: #e6e6e6;
}

#cookie-functionalList {
    display: none;
    height: 480px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

#cookie-list, #cookie-list-details-panel {
    /*float: left;
    box-sizing: border-box;*/
}

#cookie-list {
    /*width: 120px;
    float: left;*/
}

    #cookie-list div {
        border: 1px solid #d4e1e7;
        border-bottom: 0;
        display: block;
        padding: 9px 10px;
        text-align: left;
        min-width: 164px;
    }

        #cookie-list div:last-child {
            border-bottom: 1px solid #d4e1e7;
        }

    #cookie-list a {
        color: #fff;
    }

    #cookie-list div.active {
        font-weight: bold;
        border-left: 5px solid #fff;
    }

#cookie-list-details-panel {
    padding: 0 10px 0 15px;
    color: #fff;
    height: 240px;
}

    #cookie-list-details-panel h3 {
        color: #fff;
    }

    #cookie-list-details-panel div {
        display: none;
    }

    #cookie-list-details-panel p {
        height: 176px;
        overflow-y: scroll;
    }

    #cookie-list-details-panel div.active {
        display: block;
        text-align: left;
    }

#cookie-selection {
    clear: both;
    margin-top: 10px;
}

#cookie-ext-panel p {
    line-height: 1.5rem;
    font-weight: 300;
    letter-spacing: 0;
}

#cookie-selection #cokkie-options label {
    display: block;
    box-sizing: border-box;
    width: 50%;
    /*height: 80px;*/
    float: left;
    font-weight: 400;
    padding: 7px 10px;
}

    #cookie-selection #cokkie-options label [type=checkbox] {
        margin-bottom: 0;
    }

    #cookie-selection #cokkie-options label:nth-child(2n+1) {
        clear: both;
    }

    #cookie-selection #cokkie-options label.OPIN_DETAILS {
        width: auto;
        padding: 0 0 0 2px;
        float: left;
        margin-top: 10px;
    }

    #cookie-selection #cokkie-options label:last-child {
        width: auto;
        padding: 0 0 0 10px;
        float: right;
        margin-top: 10px;
        clear: none;
    }

    #cookie-selection #cokkie-options label span {
        font-size: 13px;
        text-transform: none;
        color: #333;
        padding-left: 25px;
    }

#cokkie-options input[type=checkbox] + label::before {
    top: 7px;
    left: 7px;
}

#cookie-selection #cokkie-options label span a {
    font-weight: 400;
}

#cookie-selection #cokkie-options label.options {
    background-color: #fff;
    border: 1px solid #606060;
    margin: 0;
}

    #cookie-selection #cokkie-options label.options:hover {
        border: 1px solid #4794c0;
        cursor: pointer;
    }

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

@media only screen and (min-width: 40.063em) {
    #huk_cookie_prefernce_panel input[type=button] {
        width: 280px;
    }
}

* html .clearfix {
    height: 1%;
}


#huk_cookie_prefernce_panel .huk_cookie_prefernce_toolbar input[type=button]:hover, #cookie-ext-panel #c-toolbar input[type=button]:hover {
    background: #606060;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer;
}

#huk_cookie_prefernce_panel .huk_cookie_prefernce_toolbar input[type=button]:active, #cookie-ext-panel #c-toolbar input[type=button]:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000;
}

.clearfix {
    display: block;
}

.blocked_content {
    clear: both;
    background: transparent url(https://s3.praktiker.gr/images/blue_loading.gif) no-repeat center center;
}

    .blocked_content div {
        padding: 50px 20px;
        background-color: rgba(220,220,220,.7);
        text-align: center;
    }

.newsocial a {
    margin: 10px 5px;
    height: 42px;
    display: inline-block;
}

.newsocial .st0 {
    fill: #3B5998;
}

.newsocial .st1, .newsocial .st3, .newsocial .st08 {
    fill: #FFFFFF;
}

.newsocial .st2 {
    fill: #D22215;
}

.newsocial .st07 {
    fill: #DD4B39;
}

.newsocial svg {
    -webkit-transition: ease .3s;
    transition: ease .3s;
}

    .newsocial svg:hover {
        fill-opacity: 0.8;
        -webkit-transition: ease .3s;
        transition: ease .3s;
    }

.button.red {
    background-color: #e4011c !important;
    color: #ffffff !important;
}

    .button.red:focus, .button.red:hover {
        background-color: #f2021e !important;
        color: #ffffff !important;
    }

.button.warning {
    color: #fff;
    background-color: #797b7f;
}

    .button.warning:focus, .button.warning:hover {
        background-color: #979aa0;
        color: #ffed00;
    }

    .button.warning.addtobasket, .button.warning.btnContestConfirm, .button.orange {
        color: #fff;
        background-color: #0165b3;
    }

        .button.warning.addtobasket:hover, .button.warning.btnContestConfirm:hover, .button.orange:hover {
            color: #fff;
            background-color: #0165b3;
        }

    .button.warning.orange:hover, .button.warning.orange:active, .button.warning.orange:focus {
        background-color: #0165b3;
        color: #fff;
    }

    .button.warning.orange {
        background-color: #0165b3;
        color: #fff;
    }

.button.secondary {
    background-color: #c8c8ca;
    color: #797b7f;
}

.button.loyal-secondary {
    background-color: #d1d1d1;
    color: #0065b3;
    border: 1px solid #7d7d7d;
}

.button.secondary:hover, .button.secondary:focus {
    background-color: #adaeb1;
    color: #fff;
}

.button.loyal-secondary:hover, .button.loyal-secondary:focus,
.static-content a.button.loyal-secondary:hover, .static-content a.button.loyal-secondary:focus {
    background-color: #cacacc;
    color: #0065b3;
}

.discount {
    color: #ff0000 !important;
}

.zoom-gallery-slide {
    display: none;
}

    .zoom-gallery-slide.active {
        display: block;
    }

#zoom-fig {
    text-align: center;
}

    #zoom-fig .video-slide {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
    }

        #zoom-fig .video-slide iframe,
        #zoom-fig .video-slide object,
        #zoom-fig .video-slide embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    #zoom-fig .selectors a[data-slide-id=video-1],
    #zoom-fig .selectors a[data-slide-id=video-2] {
        position: relative;
    }

        #zoom-fig .selectors a[data-slide-id=video-1] img,
        #zoom-fig .selectors a[data-slide-id=video-2] img {
            opacity: 0.8;
        }

    #zoom-fig .selectors a span {
        position: absolute;
        color: #fff;
        text-shadow: 0px 1px 10px #000;
        top: 50%;
        left: 50%;
        display: inline-block;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        font-size: 30px;
        z-index: 100;
    }

.hrtotalmargintop {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.hrtotalmargingrand {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.totals {
    /*font-size: .875rem;*/
    color: #363636;
    text-align: right;
    /*line-height: 2.75rem;*/
}

    .totals .dvprice {
        font-size: .875rem;
    }

    .totals .h3 {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-size: 1rem;
        margin: 0;
        color: #363636;
    }

    .totals .h4 {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-size: 1.25rem;
        margin: 0;
        color: #363636;
    }

    .totals .h2 {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-size: 1.5rem;
        margin: 0;
        color: #363636;
    }

    .totals > .cell {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }

.intlmnts {
    line-height: 1.25rem;
    color: #797b7f;
    font-size: 1rem;
    padding-bottom: 0.675rem;
}

/*******************/
.indexslider .orbit-bullets {
    margin-top: 1.125rem;
    margin-bottom: -1.125rem;
    height: auto;
}

#Praktiker-Suggestions {
    background-color: #e6e6e6;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 2rem;
}

.product-carousel {
    background-color: #fff;
}

    .product-carousel img {
        padding: 10px;
    }

#Praktiker-Suggestions p.prodthumb-ttl a {
    color: #363636;
    font-size: 1rem;
    font-weight: 400;
}

p.prodthumb-ttl, p.p-thumb-series {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    margin-bottom: 0;
    text-align: center;
    height: 4rem;
    margin-top: .25rem;
    text-align: center;
    padding: 0 .875rem;
    overflow: hidden;
    font-weight: 400;
    /* border-bottom: 1px solid #dcdcdd; */
}

#Now-Praktiker .padding-vertical-3 {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
}

    #Now-Praktiker .padding-vertical-3 > .cell, #Now-Praktiker .padding-vertical-3 > .cell h2 {
        margin-bottom: 0 !important;
    }

#Praktiker-leaf-catal .padding-horizontal-3 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}
/*#Praktiker-leaf-catal .padding-vertical-2 {
    padding-top: 2rem !important;
    padding-bottom: 1rem !important;
}*/
#Praktiker-leaf-catal .margin-bottom-1.margin-top-1 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

#Praktiker-leaf-catal h2 {
    margin: 0;
}

#Praktiker-leaf-catal .medium-7 h2 {
    font-size: 1.125rem;
    line-height: 1.25rem;
}

#sitetopbar .icon {
    color: #797b7f;
}

.serv-box .bg-light-grey {
    position: relative;
    padding: 1.5rem 1.5rem 1rem 5rem;
}

.serv-box img {
    position: absolute;
    left: 0;
    width: 65px;
}

.serv-ttl {
    font-family: 'NeutrafaceText-Bold',sans-serif;
    color: #606060;
    font-size: 1.25rem;
}

.serv-box a {
    display: block;
    text-align: right;
}

p.serv-txt {
    margin-bottom: 0;
}

.serv-box .icon {
    color: #797b7f;
    font-size: 2rem;
}

#PraktikerHome-OVP a span {
    background-color: #797B7F;
    border-radius: 40px;
    padding: 0;
    font-size: 1.5rem;
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 auto 0 auto;
    color: #ffed00;
    line-height: 38px;
    -webkit-transition: ease .3s;
    transition: ease .3s;
}

#PraktikerHome-OVP a:hover span {
    background-color: #979AA0;
    -webkit-transition: ease .3s;
    transition: ease .3s;
}

#PraktikerHome-OVP h5, .product #PraktikerHome-OVP h5 {
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 5px 0 0 0;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    letter-spacing: -0.01em;
    color: #797b7f;
    -webkit-transition: ease .3s;
    transition: ease .3s;
}

#PraktikerHome-OVP p, #PraktikerHome-OVP a {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #979aa0;
    font-weight: 400;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    text-align: center;
}

    #PraktikerHome-OVP a:hover h5,
    #PraktikerHome-OVP a:hover p {
        color: #979aa0;
        -webkit-transition: ease .3s;
        transition: ease .3s;
    }

#PraktikerHome-OVP .grid-x.padding-vertical-2 {
    padding: 0 !important;
}

    #PraktikerHome-OVP .grid-x.padding-vertical-2 > .cell {
        padding: .5rem 0 !important;
    }

.diy-thumb-img {
    overflow: hidden;
    position: relative;
}

    .diy-thumb-img .icon:before {
        font-size: 2rem;
        vertical-align: middle;
        color: #ffffff;
        position: absolute;
        right: 1rem;
        bottom: 1rem;
        z-index: 1000;
        display: none;
    }

.diy-thumb-ttl {
    font-size: 1.0625rem;
    line-height: 1.375rem;
    font-weight: 400;
    padding: 10px 0 0 0;
    color: #797b7f;
    letter-spacing: -0.02em;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: transparent;
    outline: 0;
}

.bg-menu {
    /* background: #dcdcdd; */
    /* font-family: 'NeutrafaceText-Bold',sans-serif; */
}

/* used for validation and order steps messages */
.basketMessage {
    vertical-align: middle;
    background-color: #E6E6E6;
    position: relative;
    padding: 1.5rem 1.5rem 1.25rem 3.5rem;
    border-left: 2px solid #FF0000;
    color: #797b7f !important;
}

    .basketMessage h5 {
        font-size: 1.125rem;
        color: #606060;
        font-family: 'NeutrafaceText-Bold',sans-serif;
        margin: 0 0 3px 0;
    }

    .basketMessage p {
        font-size: 1rem;
        color: #797b7f;
        font-weight: 400;
    }

    .basketMessage::before {
        content: "\63";
        color: #FF0000;
        font-size: 1.625rem;
        font-family: praktiker-icons;
        position: absolute;
        top: 1.625rem;
        left: 1.125rem;
    }

    .basketMessage hr {
        border-bottom: 1px solid #c8c8ca;
    }

    .basketMessage .fa-close {
        font-size: 1.375rem;
    }

    .basketMessage a {
        color: #797b7f;
    }

        .basketMessage a:hover {
            color: #979aa0;
        }

    .basketMessage.info {
        border: none;
    }

    .basketMessage.info {
        border: none;
    }

        .basketMessage.info::before {
            color: #979aa0;
        }

    .basketMessage.secondarymsg {
        vertical-align: middle;
        background-color: #E6E6E6;
        position: relative;
        padding: 1rem 1rem 1rem 1.5rem;
        border-left: 2px solid #FF0000;
    }

        .basketMessage.secondarymsg h5 {
            font-size: 1rem;
            padding-left: 1.5rem;
        }

        .basketMessage.secondarymsg::before {
            content: "\63";
            color: #FF0000;
            font-size: 1.25rem;
            font-family: praktiker-icons;
            position: absolute;
            top: 1.125rem;
            left: 1.375rem;
        }

.bordered {
    border: 0.0625rem solid #dcdcdd;
}

.bordered-vert {
    border-top: 0.0625rem solid #dcdcdd;
    border-bottom: 0.0625rem solid #dcdcdd;
}

.bordered-top {
    border-top: 0.0625rem solid #dcdcdd;
}

.bordered-left {
    border-left: 0.0625rem solid #dcdcdd;
}

.bordered-right {
    border-right: 0.0625rem solid #dcdcdd;
}

.bordered-bottom {
    border-bottom: 0.0625rem solid #dcdcdd;
}

.plain-xfont {
    font-weight: 400;
    font-size: 1.0625rem;
}

.totals {
    font-size: 1.0625rem;
    color: #363636;
    text-align: right;
    /*line-height: 2.75rem;*/
}

    .totals .dvprice {
        font-size: 1.375rem;
        line-height: 1.25rem;
    }

    .totals .h3 {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-size: 1.5625rem;
        color: #363636;
        margin-bottom: 0;
        margin-top: 0;
    }

    .totals .h4 {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-size: 1.5625rem;
    }

    .totals .h2 {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-size: 1.75rem;
        margin: 0;
        color: #363636;
    }

    .totals > .cell {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }

.intlmnts {
    line-height: 1.25rem;
    color: #797b7f;
    font-size: 1rem;
    padding-bottom: 0.675rem;
}

.lh-2 {
    line-height: 2.125rem;
}

.paymenttab {
    margin: 0 1.5rem 0 0;
}

    .paymenttab:last-child {
        margin: 0;
    }

    .paymenttab input[type=radio] + label {
        background: #ffffff;
        color: #797b7f;
        border: none;
        position: relative;
        outline: none;
        opacity: .5;
        border-bottom: 5px solid #fff;
        padding: 0 1rem 0.5rem 25px;
    }

        .paymenttab:hover input[type=radio] + label, .paymenttab.active input[type=radio] + label, .paymenttab input[type=radio] + label.active {
            background: #ffffff;
            color: #797b7f;
            border: none;
            position: relative;
            outline: none;
            opacity: 1;
            border-bottom: 5px solid #797b7f;
            padding: 0 1rem 0.5rem 25px;
        }

    .paymenttab label .icon {
        font-size: 32px;
        color: #797b7f;
        padding-right: 25px;
        height: 32px;
        display: inline-block;
    }

.ord-stp2 .paymenttab input[type=radio] + label {
    border: 1px solid #dcdcdc;
    padding: .75rem .75rem .75rem 3.25rem;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.125rem;
    color: #797b7f;
    opacity: 1;
    margin: 0 0 0 0;
}

.ord-stp2 .paymenttabcontainer {
    border-bottom: none;
    margin-top: 1rem;
}

.ord-stp2 .rdPayOption3 {
    border-bottom: 1px solid #dcdcdc;
}

.ord-stp2 .paymenttab {
    margin: -1px 0 0 0;
}

.ord-stp2 .paymentdetails {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
    padding: 1rem 1rem 2rem 1rem
}

    .ord-stp2 .paymentdetails.default {
        border-left: none;
        border-right: none;
        padding: 0 1rem 1rem 0 !important;
    }

.ord-stp2 .paymenttab:hover input[type=radio] + label,
.ord-stp2 .paymenttab.active input[type=radio] + label,
.ord-stp2 .paymenttab input[type=radio] + label.active {
    background: #e6e6e6;
    border: 1px solid #dcdcdc;
    padding: .75rem .75rem .75rem 3.25rem;
    margin: 0 0 0 0;
}

.ord-stp2 .paymenttab input[type=checkbox] + label::before,
.ord-stp2 .paymenttab input[type=radio] + label::before {
    left: 20px;
    top: 50%;
    margin-top: -11px;
}

.paymenttab label {
    height: 100%
}

.paymenttab input {
    margin: 0;
}

.paymenttab label {
    display: block;
    padding: 1.3rem 0.5rem 0.5rem 0.5rem;
    line-height: 1;
    margin-right: 3rem;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.125rem;
    background: #ffffff;
    color: #bcbdbf;
    border: none;
    outline: none;
    border-bottom: 5px solid #fff;
}

.paymenttab.myb img {
    width: 65px;
    margin: 5px 8px 5px -15px;
}

.paymenttab.mypr img {
    width: 31px;
    margin: 5px 8px 5px -5px;
}

.paymenttab:hover label,
.paymenttab label.active {
    background: #ffffff;
    color: #797b7f;
    border-bottom: 5px solid #797b7f;
}

    .paymenttab label.active:before {
        content: " ";
        background: url(https://s3.praktiker.gr/images/checks.png) no-repeat 0 -24px;
        width: 24px;
        height: 24px;
        display: inline-block;
        position: absolute;
        top: -7px;
        left: 50%;
        margin-left: -12px;
    }

.paymenttab label input[type=radio]:not(old) {
    width: 0;
}

.fa-9 {
    color: #979aa0;
    opacity: .4;
    padding: 0 20px 0 0;
    line-height: 6rem;
    font-size: 9rem
}

.off-canvas .fa-empty-cart.fa-9, #pnlNoResults .fa-empty-cart.fa-9, .success-msg .icon {
    color: #979aa0;
    opacity: .4;
    padding: 0 20px 0 0;
    line-height: 6rem;
    font-size: 9rem
}

.ord-stp4 .icon.fa-9 {
    color: #979aa0;
    opacity: .4;
    line-height: 6rem;
    font-size: 6rem
}

.ord-stp4 .icon.fa-form-closed.fa-9 {
    opacity: 1;
}

.ord-stp4 h3 {
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

span.yellowfa {
    background-color: #797b7f;
    border-radius: 100%;
    /* padding: 0 0; */
    font-size: 1.5rem;
    margin: 5px 10px 5px 0;
    padding-top: 7px;
    color: #ffed00;
    width: 2.5rem;
    height: 2.5rem;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    display: inline-block;
    text-align: center;
    float: left;
}
/*------------------ TABLES ------------------*/
.static-content table thead, .static-content table thead td, .static-content table thead th,
table.table-order-list thead, table.table-order-list thead td, table.table-order-list thead th {
    background: #c8c8ca;
    color: #606060;
}

.static-content .table-bordered td, .static-content .table-bordered th,
.table-order-list td, .table-order-list th {
    border: 1px solid #979aa0;
}

.static-content table tbody tr:nth-child(even),
table.table-order-list tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #e6e6e6;
}

.static-content table.unstriped tbody tr:nth-child(even) {
    border-bottom: 1px solid #797b7f;
    background-color: #fff;
}

.static-content table.unstriped tbody tr:nth-child(even) {
    border-bottom: 1px solid #797b7f;
    background-color: #fff;
}

.static-content table.unstriped tbody tr {
    border-bottom: 1px solid #797b7f;
}

    .static-content table.unstriped tbody tr td {
        border: 0;
        vertical-align: top;
    }

.static-content table.unstriped thead th {
    background-color: #fff;
}

table.table-order-list tfoot td, table.table-order-list tbody td, table.table-order-list tfoot th, table.table-order-list thead td, table.table-order-list thead th {
    padding: .375rem .25rem .375rem .25rem;
    text-align: center;
    color: #797b7f;
    letter-spacing: -0.03rem;
}

.addressbox .button.tiny {
    color: #797b7f;
    background-color: #fff;
    padding: 0;
    margin-bottom: 0;
}

    .addressbox .button.tiny .icon:before {
        font-size: 1.875rem;
    }

.addressbox h4 {
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

.term-body, .term-body p {
    letter-spacing: -0.01em !important;
    word-spacing: 0.15rem !important;
    margin-bottom: 1rem !important;
    font-weight: 400 !important;
    font-size: 1rem !important;
    color: #797b7f !important;
    font-family: 'NeutrafaceText-Book',sans-serif !important;
    text-rendering: optimizeLegibility;
    text-align: left !important;
}
/* nav */
.float-nav {
    position: fixed;
    top: 227px;
    right: 0px;
    z-index: 10001;
}

    .float-nav > a.menu-btn {
        text-decoration: none;
        display: block;
        background-color: #FEE833;
        color: white;
        padding: 13px 13px 11px 22px;
        text-align: center;
        box-shadow: 2px 2px 8px #777;
        border-radius: 50px 0 0 50px;
    }

        .float-nav > a.menu-btn.active {
            transition: background-color 250ms linear;
            background-color: transparent;
            box-shadow: none;
            top: -230px;
            position: absolute;
            right: 0;
        }

            .float-nav > a.menu-btn.active > ul > li.line:nth-child(1) {
                border-width: 2px;
                -moz-transform: rotate(45deg) translate(4px, 6px);
                -ms-transform: rotate(45deg) translate(4px, 6px);
                -webkit-transform: rotate(45deg) translate(4px, 6px);
                transform: rotate(45deg) translate(4px, 6px);
            }

            .float-nav > a.menu-btn.active > ul > li.line:nth-child(2) {
                visibility: hidden;
            }

            .float-nav > a.menu-btn.active > ul > li.line:nth-child(3) {
                border-width: 2px;
                -moz-transform: rotate(-45deg) translate(8px, -10px);
                -ms-transform: rotate(-45deg) translate(8px, -10px);
                -webkit-transform: rotate(-45deg) translate(8px, -10px);
                transform: rotate(-45deg) translate(8px, -10px);
            }

        .float-nav > a.menu-btn > ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

            .float-nav > a.menu-btn > ul > li.line {
                border: 1px solid #646464;
                width: 100%;
                margin: 0.4rem 0;
                -moz-transition-duration: 0.1s;
                -o-transition-duration: 0.1s;
                -webkit-transition-duration: 0.1s;
                transition-duration: 0.1s;
            }

        .float-nav > a.menu-btn > .menu-txt {
            width: 100%;
            text-align: center;
            font-size: 11px;
            line-height: 13px;
            color: #646464;
            padding-bottom: 5px;
            font-family: 'NeutrafaceText-Bold',sans-serif;
        }

.main-nav {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0px;
    transition: opacity 250ms;
    width: 300px;
}

    .main-nav.active {
        display: block;
        opacity: 1;
        transition: opacity 250ms;
        z-index: 10000;
    }

.float-nav > a.menu-btn.active > ul > li.line {
    border: 1px solid #fff;
}

.main-nav > ul {
    width: 300px;
    display: block;
    list-style: none;
    margin: 0;
    padding: 20px 0;
    background-color: #646464;
    box-shadow: 2px 2px 8px #777;
    position: absolute;
    height: 100vh;
    overflow-y: auto;
}

    .main-nav > ul > li {
        margin: 0;
        border-bottom: 1px solid #999;
    }

        .main-nav > ul > li > a {
            text-decoration: none;
            display: block;
            font-weight: 200;
            padding: 6px 50px 6px 18px;
            color: white;
            font-size: 15px;
        }

            .main-nav > ul > li > a .fa {
                color: #FEE833;
            }

p.oroi-vodafone strong {
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.0625rem;
    color: #606060;
}

.oroi-vodafone {
    font-size: 0.9375rem;
    color: #797b7f;
}

.parallax-content {
    max-width: 100%;
    position: absolute;
    top: 55%;
    padding: 0 1.5rem 0 .5rem;
}

.leaflet-section h2, .leaflet-section h5 {
    color: #fff;
}

.serv-thumbs h2, .leaflet-section h2, .catalogue-txt-wrap h2 {
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 2rem;
}

.posting__date {
    background-color: #979aa0;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 3px 5px;
    font-size: 0.9375rem;
    border-radius: 0 8px 0 8px;
    width: 60px;
    height: 50px;
    padding: 5px;
    margin: 0 20px 0 0;
    float: left;
    line-height: 1.25rem;
}

    .posting__date strong {
        font-family: 'NeutrafaceText-Bold',sans-serif;
    }

.news-content .accordion.faq > li {
    padding-left: 0em;
    text-indent: 0em;
    margin-bottom: 0rem;
}

    .news-content .accordion.faq > li:before {
        content: none;
    }

.news-content .accordion-title:focus, .news-content .accordion-title:hover {
    background-color: #e6e6e6;
}

.news-content .accordion-title, .news-content .accordion.faq .accordion-title {
    border: 1px solid #c8c8ca;
    border-bottom: 0;
    min-height: 80px;
    padding: 0.875rem 1rem;
}

.news-content .accordion.faq .accordion-title {
    height: auto;
    min-height: auto;
}

.news-content .accordion.faq .accordion-content .icon:before {
    font-size: 1.625rem;
    padding-right: 10px;
    line-height: 2rem;
}

.news-content .posting__title {
    font-size: 1.125rem;
    line-height: 1.5rem;
    color: #606060;
    padding: 0px 30px 0 0;
    font-weight: 300;
}

.news-content .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: "D";
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.0625rem;
    line-height: 1rem;
    color: #797b7f;
    font-family: "praktiker-icons";
}

.news-content li.accordion-item {
    /* line-height: 1rem; */
    margin: 0;
}

.news-content .is-active > .accordion-title::before {
    content: "z";
}

.news-content .accordion-content.content_text {
    font-size: 1.0625rem;
    color: #606060;
    border: 1px solid #c8c8ca;
    border-bottom: 0;
    margin-bottom: 0 !important;
}

.news-content :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #c8c8ca;
    border-radius: 0 0 0px 0px;
}

.news-content .accordion-content {
    padding: 1rem;
}

.news-content .content_text, .news-content .content_text p, .news-content .product__tab {
    letter-spacing: -0.01em;
    word-spacing: 0.15rem;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 1rem;
    color: #797b7f !important;
    font-family: 'NeutrafaceText-Book',sans-serif;
    text-rendering: optimizeLegibility;
    line-height: 1.5rem;
    text-align: left;
}

.news-content .accordion-content.content_text {
    font-size: 1.0625rem;
    border: 1px solid #c8c8ca;
    border-bottom: 0;
    margin-bottom: 0 !important;
    color: #797b7f;
}

.appmessage {
    font-size: 1.0625rem;
    color: #606060;
    vertical-align: middle;
    line-height: 1.5rem;
    padding: 0rem 2rem 0rem 2.75rem;
    position: relative;
    display: block;
}

    .appmessage h5 {
        color: #606060;
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-size: 1.25rem;
        margin-bottom: 0;
    }

    .appmessage::before {
        content: "\63";
        color: #FF0000;
        font-size: 2.25rem;
        font-family: praktiker-icons;
        position: absolute;
        top: 0px;
        left: -2px;
    }

    .appmessage.appmessage__success::before {
        color: #449e47;
    }

.button:hover, .static-content a.button:hover {
    background-color: #979aa0;
    color: #ffed00;
    text-decoration: none;
}

.button:focus {
    background-color: #979aa0;
    color: #fff;
}

.button.disabled, .button.disabled:focus, .button.disabled:hover, .button[disabled], .button[disabled]:focus, .button[disabled]:hover {
    background-color: #797b7f;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    color: #797b7f
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    font-size: 2rem;
    padding-top: 2px !important;
}

#ovpsld div.ovpslide {
    padding: 0;
}

.brand-logo {
    background-repeat: no-repeat;
    background-position: center;
    height: 6rem !important;
    background-size: auto;
    width: 100%;
    display: table;
    /*filter: grayscale(100%);*/
    -webkit-transition: ease .3s;
    transition: ease .3s;
    /*outline: 0.0625rem solid #dcdcdd;*/
    border: 1px solid #dcdcdd;
}

    .brand-logo:hover {
        /*filter: grayscale(0%);*/
        -webkit-transition: ease .3s;
        transition: ease .3s;
    }

    .brand-logo a {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        height: 100%;
    }

.serv-thumbs .cell {
    min-height: 320px;
}

.serv-thumbs a.h4 {
    margin: 12px 0;
    display: block;
}

.serv-thumbs .cell img.margin-top-3 {
    margin-top: 1rem !important;
}

/*----- Exhibitions ------*/
.cald-dt {
    background-color: #979aa0;
    text-align: center;
    padding: 0.5rem 0rem;
    border-radius: 0 8px 0 8px;
    float: left;
    width: 70px;
    height: 60px;
    margin: 0 20px 20px 0;
}

    .cald-dt h4 {
        color: #fff;
        font-weight: 300;
        text-align: center;
        line-height: 1.375rem;
        font-size: 1.375rem;
        margin: 0;
    }

.exhibitions {
}

    .exhibitions h3.high-ttl {
        margin: 0 0 7px 0 !important;
    }

.calnd-rot {
    text-align: center;
    transform: rotate(10deg);
}

    .calnd-rot:before {
        font-family: praktiker-icons;
        content: "\e01e";
        font-size: 11rem;
        color: #e6e6e6;
        line-height: 10rem;
    }

    .calnd-rot h5 {
        position: relative;
        margin-top: -6.5rem;
    }

        .calnd-rot h5 span {
            padding: 1rem;
        }
/*----- END Exhibitions ------*/
a.chekavailbility:hover,
a.chekavailbility-noaction:hover {
    color: #fff;
}

.banner-link h3, .leaflet-section h3 {
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.625rem;
    line-height: 2rem;
    margin-bottom: 0;
}

.banner-link {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

.grid-banner-title-1 {
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: bold;
}

.grid-banner-title-2 {
    font-size: 1.7rem;
}

.Now-Praktiker a:hover img, a.banner-link:hover img {
    transform: none !important;
}

.banner-link .button {
    white-space: nowrap;
    z-index: 10;
    position: relative;
}

.height-250 {
    height: 250px;
}

.title-slider {
    font-size: 2.5rem !important;
}

@media screen and (max-width: 64em) {
    .title-slider {
        font-size: 1.7rem !important;
        line-height: 2rem !important;
    }
}

@media screen and (max-width: 40em) {
    .title-slider {
        font-size: 1.6rem !important;
        line-height: 2rem !important;
    }
}

.totals {
    font-size: 1.0625rem;
    color: #363636;
    text-align: right;
    line-height: 1.25rem;
}
/*----- LEAFLETS & CATALOGUES ------*/
.parallax-img-hold {
    background-image: url(/EmbedFiles/images/20180326_Flipbook_bg.jpg);
    min-height: 540px;
    background-repeat: no-repeat;
    /*-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;*/
    background-size: cover;
    background-attachment: fixed;
    /*background-color: rgba(110,18,66,0.7);
    background-blend-mode: multiply;*/
}

.leaflet-section h2, .leaflet-section h5, .leaflet-section p {
    text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
}

.greydel {
    text-decoration: line-through;
}

#CalculateTransportCost {
    padding-bottom: 45px;
}

/*-------- TIPS ----------*/
.thTop {
    margin-top: 0px;
    overflow: hidden;
}

.kapelaki {
    background-color: white;
    color: #3f9500;
    font-weight: 800;
    padding: 2px 5px;
    font-size: 14px;
}

h2.thtitle {
    color: #fff;
    font-size: 80px;
    line-height: 76px;
    font-weight: 300;
    margin-top: 10px;
    letter-spacing: -0.05em;
    text-shadow: 0 0 8px rgba(0,0,0,0.5);
}

@media print,screen and (max-width:40em) {
    h2.thtitle {
        font-size: 55px;
        line-height: 45px;
    }

    .parallax-content {
        top: 85%;
    }

    .parallax-img-hold {
        min-height: 440px;
    }
}

p.thdesc {
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    margin-top: 30px;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    margin-bottom: 0;
}

div.thBannerTop {
    background-color: rgba(255,255,255,0.8);
    /*margin-top: 0;
    position: relative;
    padding: 20px;*/
}

    div.thBannerTop h2 {
        font-size: 35px;
        letter-spacing: -0.05em;
    }

.tttag {
}

/*-------- END TIPS ----------*/

img#dynamic {
    height: 80vh;
    max-height: 100%;
    width: auto;
}

.slider-date {
    background-color: #3E88B8;
    color: #fff;
    padding: 2px 5px;
    font-weight: bold;
}

.ilprice {
    line-height: 1.25rem;
    display: inline-block;
}

.small-pos-relative {
    position: relative
}

.diag {
    position: relative;
    height: 250px;
}

    .diag > div {
        padding-left: 1rem;
    }

    .diag::after {
        position: absolute;
        content: '';
        right: -120px;
        top: 0;
        border-left: 0px solid transparent;
        border-right: 120px solid transparent;
    }

@media screen and (max-width: 40em) {
    .diag {
        position: static;
        height: auto;
    }

        .diag > div {
            padding-left: 0rem;
        }

        .diag::after {
            display: none;
        }
}

.banner-link .button {
    white-space: nowrap;
}

@media print,screen and (max-width:64em) {
    .parallax-content {
        top: 7vh !important;
    }

    .parallax-img-hold {
        min-height: 65vh;
    }
}

@media screen and (max-width: 40em) {
    #topcontent > div:first-child {
        padding-bottom: 1rem;
        border-bottom: 1px dotted #cccccc;
    }
}

@media all and (-ms-high-contrast:none) {
    .cd-dropdown-content a, .cd-dropdown-content ul a {
        overflow: visible;
    }
}

@media only screen and (min-width: 48rem) {
    ul.inline-menu li a {
        padding: .8125rem;
        white-space: normal;
    }

    .cd-dropdown-content, .cd-dropdown-content ul {
        padding-top: 4rem;
    }

        .cd-dropdown-content a, .cd-dropdown-content ul a {
            font-size: 1.375rem;
        }

    .cd-dropdown .cd-close {
        top: 5px;
    }

    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        height: 60px;
        line-height: 60px;
    }

    #huk_cookie_prefernce_panel input[type=button] {
        width: 150px !important;
        height: 25px !important;
        padding-top: 5px;
    }

        #huk_cookie_prefernce_panel input[type=button][id="COOKIE_SAVE_ALL"],
        #huk_cookie_prefernce_panel button[type=button][id="COOKIE_SAVE_ALL"] {
            font-size: 13px !important;
            font-weight: 700 !important;
            line-height: 13px !important;
            text-align: center !important;
        }

        #huk_cookie_prefernce_panel input[type=button][id="COOKIE_ACCEPT_ALL"],
        #huk_cookie_prefernce_panel button[type=button][id="COOKIE_ACCEPT_ALL"] {
            font-size: 13px !important;
            font-weight: 700 !important;
            line-height: 13px !important;
            text-align: center !important;
            border: 1.5px solid rgba(255, 255, 255, 1) !important;
            background-color: rgba(255, 255, 255, 1) !important;
            color: rgba(0, 21, 40, 1) !important;
            font-family: NeutrafaceText-Demi !important;
        }

        #huk_cookie_prefernce_panel input[type=button][id="COOKIE_SAVE"],
        #huk_cookie_prefernce_panel button[type=button][id="COOKIE_SAVE"] {
            border-radius: 3px !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            line-height: 13px !important;
            text-align: center !important;
            border: 1.5px solid rgba(255, 255, 255, 1) !important;
            background-color: rgba(255, 255, 255, 1) !important;
            color: rgba(0, 21, 40, 1) !important;
            font-family: NeutrafaceText-Demi !important;
            width: 280px !important;
        }

        #huk_cookie_prefernce_panel input[type=button][id="COOKIE_REJECT_ALL"],
        #huk_cookie_prefernce_panel button[type=button][id="COOKIE_REJECT_ALL"] {
            font-size: 13px !important;
            line-height: 13px !important;
            text-align: center !important;
        }

    #huk_cookie_prefernce_panel #EU_OPIN_DETAILS {
        font-size: 13px !important;
        line-height: 13px !important;
        padding: 0px 0px;
        width: 165px !important;
        height: 30px !important;
    }

    #cookie-info h1 {
        margin-top: 0;
        /* font-size: 1.25rem;
        font-weight: 400;*/
        /*letter-spacing: -0.02em;*/
        /*line-height: 1.25rem;*/
        /*color: #ffed00;*/
        font-family: NeutrafaceText-Demi;
        font-size: 20px;
        font-weight: 700;
        line-height: 20px;
        text-align: left;
        color: rgba(255, 255, 255, 1);
        margin-left: 12px;
    }

    #cookie-info p {
        margin-top: 0;
        margin-bottom: 10px;
        font-family: NeutrafaceText-Light;
        font-size: 13px;
        font-weight: 400 !important;
        line-height: 13px !important;
        text-align: left;
        color: rgba(255, 255, 255, 1);
        margin-left: 12px;
    }
}

@media screen and (min-width: 40em) {
    h1 {
        font-size: 1.5rem;
    }

    header.sticky #sb-search {
        float: right;
    }

    div#TopBanner div.unicusSlides > div,
    div#TopBanner div.unicusSlides > a > div {
        height: 10rem;
    }

    div#TopBanner div.unicusSlides .button {
        margin-top: 6.5rem;
        float: right;
    }

    figure.effect-hover {
        margin: 1rem 0;
    }
}

@media screen and (min-width: 30em) {
    span.yellowfa {
        float: none;
    }

    table.stack thead {
        display: table-header-group;
    }

    table.stack tr {
        display: table-row;
    }

    table.stack th,
    table.stack td {
        display: table-cell;
    }

    .tipBanner p {
        position: absolute;
        bottom: 0;
        background-color: #fff;
    }

    .tipBanner img {
        max-width: none;
        width: 100%;
    }

    /*div.withstickhead {
        margin-top: 4.75rem;
    }*/
}

input:disabled, textarea:disabled {
    opacity: .9;
}

@media screen and (max-width: 30em) {
    table.stack thead {
        display: none;
    }

    table.stack tfoot {
        display: none;
    }

    table.stack tr,
    table.stack th,
    table.stack td {
        display: block;
    }

    table.stack td {
        border-top: 0;
    }
}

#new-tips .inline-menu {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
}

.help-img {
    height: 28px;
    width: 28px;
    margin-top: 6px;
}

.nav-is-open {
    overflow: hidden;
}

#new-tips .image-full {
    width: 100%;
    margin: .375rem 0 1rem 0;
}

#new-tips .image-small {
    float: left;
    margin: 0 1rem 0 0;
}

#new-tips .image-vert-first {
    width: 50%;
    float: left;
    margin: 0 0 1rem 0;
}

#new-tips .image-vert-second {
    width: 50%;
    float: left;
    margin: 0 0 1rem 0;
}

.tip-arrow-txt::before {
    font-family: "praktiker-icons" !important;
    content: "\m";
    color: #e6e6e6;
    font-size: 1.25rem;
    margin-right: 5px;
}

.tip-prdlist a:hover {
    text-decoration: none !important;
}

.nmbr {
    padding: .125rem 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #e6e6e6;
    border-radius: 100%;
    line-height: 0.9375rem;
    text-align: center;
    color: #606060;
    font-weight: 500;
    font-size: 1rem;
}

@media print, screen and (max-width:40em) {
    .tip-prdlist .float-right {
        float: none !important;
        display: block;
    }
}
/*
.prodGal.grid-margin-y > .cell {
    margin-top: 3px;
    margin-bottom: 3px;
}
 */
.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    padding: 5px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #797b7f;
}

#PraktikerHome-OVP.bordered-vert {
    border: 0;
}

.calnd-wrapper {
    margin-top: 1rem;
}

.orbit-bullets .show-for-sr {
    visibility: hidden;
    display: none;
}

#pnlProductDetails h1 span.cgreya0 {
    font-weight: 300;
}

@media screen and (max-width:40em) {
    .margin-vertical-1.logo-intro-statics {
        margin-top: 0rem !important;
    }
}

.cd-secondary-dropdown img {
    height: 3rem;
    margin-right: 10px;
    padding-bottom: 2px;
}

.nav-is-open header i.fa-bars::before {
    content: "\e1cf"
}

.cd-secondary-dropdown li.webonly {
    background-color: #FEC401
}

    .cd-secondary-dropdown li.webonly span {
        position: static;
        background: none;
        width: auto;
        display: inline;
        color: inherit;
        float: none;
        font-weight: 500;
    }
/*-------NEW CSS-------*/
.width100 {
    width: 100%;
}

.height100 {
    height: 100%;
}

#new-tips h1, #landing-area h1 {
    color: #363636;
}

#new-tips .entry_share {
    margin: 0;
    position: static;
}

#new-tips .faq {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}

.static-content a.accordion-title:hover {
    text-decoration: none;
}

.static-content li.tabs-title:before {
    display: none;
}

.static-content li.tabs-title {
    margin-bottom: 0;
    padding-left: 0;
    text-indent: 0;
}

.static-content li.tabs-title {
    margin-bottom: 0;
    padding-left: 0;
    text-indent: 0;
}

    .static-content li.tabs-title a:hover {
        text-decoration: none;
        color: #797b7f;
    }

    .static-content li.tabs-title a {
        margin-right: 1.25rem;
        padding: .5rem .75rem 0.5rem .75rem;
    }

#new-tips .tab_content {
    color: #797b7f
}

#new-tips .image-full {
    width: 100%;
    margin: .375rem 0 1rem 0;
}

#new-tips .image-small {
    float: left;
    margin: 0 1rem 0 0;
}

#new-tips .image-vert-first {
    width: 50%;
    float: left;
    margin: 0 0 1rem 0;
}

#new-tips .image-vert-second {
    width: 50%;
    float: left;
    margin: 0 0 1rem 0;
}

.tip-arrow-txt::before {
    font-family: "praktiker-icons" !important;
    content: "\m";
    color: #e6e6e6;
    font-size: 1.25rem;
    margin-right: 5px;
}

.tip-prdlist a:hover {
    text-decoration: none !important;
}

.nmbr {
    padding: .125rem 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-color: #e6e6e6;
    border-radius: 100%;
    line-height: 0.9375rem;
    text-align: center;
    color: #606060;
    font-weight: 500;
    font-size: 1rem;
}

#landing-area .blocked_content, #landing-area .blocked_content > div,
#new-tips .blocked_content, #new-tips .blocked_content > div {
    width: 100%;
}

.addthis_toolbox a {
    margin-bottom: 0 !important;
}

.intro-tips .main-tip-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .intro-tips .main-tip-image img {
        height: auto;
        width: 100%;
    }

#new-tips .accordion-content {
    overflow: auto;
}

#new-tips .tabs-title a i {
    margin-right: 0;
}

#new-tips .tab_widget {
    margin-bottom: 2rem;
}

@media print, screen and (max-width:64em) {
    /*.intro-tips .main-tip-image img {
        max-width: none;
        margin: 0 -50%;
        height: 100%;
        width: auto;
    }*/
}

#new-tips .posting__title .icon.fa-next:before {
    vertical-align: text-bottom;
    line-height: 1.25rem !important;
    margin-right: 3px;
}

#new-tips :last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #c8c8ca !important;
    border-radius: 0 0 0 0;
}

#new-tips .tabs-title > a:focus, #new-tips .tabs-title > a:hover, #new-tips .tabs-title > a[aria-selected='true'], #new-tips .paymenttab:hover label, #new-tips .paymenttab label.active {
    background: #fff;
    color: #797b7f;
    border-bottom: 5px solid #797b7f;
}

#new-tips .tabs-title > a, #new-tips .paymenttab label {
    display: block;
    padding: 1.3rem .5rem .5rem .5rem;
    line-height: 1;
    margin-right: 1rem;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.125rem;
    background: #fff;
    color: #bcbdbf;
    border: none;
    outline: none;
    border-bottom: 5px solid #fff;
}

#new-tips .tabs-content {
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #797b7f;
    border-bottom: 0;
    background: #fff;
    transition: all .5s ease;
    padding: 0;
}

#new-tips .tabs-panel {
    padding: 1.75rem 0 0 0;
}

#new-tips .static-content li.tabs-title a {
    margin-right: .5rem;
    padding: .5rem .75rem 0.5rem .75rem;
}

#new-tips .static-content ul.tabs {
    border-bottom: 0;
    border-top: 0;
    padding: 0;
}

    #new-tips .static-content ul.tabs li {
        height: auto;
        width: auto;
    }

@media screen and (min-width: 40em) {
    .cd-secondary-dropdown img {
        height: 4rem;
        margin-right: 0;
    }

    .productlistbox div.small-6 p.text-desc {
        font-size: 1.25rem;
        line-height: 1.5rem;
    }
}

.indexslider .orbit-controls .orbit-previous i.fa-back:before {
    content: "\34" !important;
}

.indexslider .orbit-controls .orbit-next i.fa-next:before {
    content: "\35" !important;
}

.indexslider .orbit-bullets {
    display: none;
}

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: auto;
    touch-action: auto;
}

.productdesc label.is-invalid-label span.form-error {
    text-align: left;
    margin-top: 0;
}

div.hazard-icon {
    position: relative;
    padding-right: 30px;
}

    div.hazard-icon .icon {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -10px;
    }

#pnlProductDetails #files a {
    color: #797b7f;
}

#pnlProductDetails #files i.icon {
    font-size: 1.25rem;
}

#pnlProductDetails #files div.text-medium {
    font-size: 1.125rem;
}

.closable-pane {
    padding: 30px 20px 20px;
}

    .closable-pane .close-button {
        color: #8a8a8a;
        margin-right: -5px;
        margin-top: 0;
    }

@media screen and (max-width: 330px) {
    #recaptchaform {
        transform: scale(0.77);
        transform-origin: 0 0;
    }
}

#new-tips .image-vert-first,
#new-tips .image-vert-second {
    width: 100%;
}

.product__offerdiscount {
    color: #fff;
    display: block;
    padding: 5px 4px 5px 10px;
    font-size: 1.375rem;
    line-height: 1.375rem;
    z-index: 0;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    position: relative;
    margin: 1.5rem 0 1rem 0;
    letter-spacing: 1px;
}

    .product__offerdiscount:before {
        font-family: "praktiker-icons" !important;
        content: "M";
        color: red;
        display: inline-block;
        border-radius: 0 6px;
        z-index: -1;
        font-size: 70px;
        position: absolute;
        top: 6px;
        right: 0px;
    }

.offer-logo {
    display: inline !important;
    position: absolute;
    width: 60px !important;
    z-index: 1;
    padding: 2px 5px 8px 5px;
    top: 3px;
    /*transform: translateY(-50%);*/
    left: 5px;
}

    .offer-logo.offer-logo-webonly {
        top: 0 !important;
        transform: unset;
        padding: 0;
        left: 12px;
    }

.productbox-list .offer-logo {
    left: 0;
    top: 10px;
}

    .productbox-list .offer-logo.offer-logo-webonly {
        left: 0;
    }

.button.blue {
    border-color: #0066b3;
    background-color: #0066b3;
    color: #fff;
}

    .button.blue:focus, .button.blue:hover {
        border-color: #007bd9;
        background-color: #007bd9 !important;
        color: #fff !important;
    }

.loyal-radios input[type=checkbox] + label::before,
.loyal-radios input[type=radio] + label::before {
    color: #0066b3;
}

.form-error.passwordlt {
    margin-top: 0rem;
    position: static;
}

.border-1 {
    border: 1px solid #c8c8ca;
}

.mypraktiker-nav img {
    width: 18px;
    margin-bottom: 5px;
}

.loyalty-flag, .available-flag {
    margin-top: 0.75rem;
}

    .loyalty-flag img,
    .available-flag img,
    .ShowDeliveryInfo img,
    .productbox .ShowDeliveryInfo img,
    .productbox .available-flag img {
        margin-right: 10px;
        width: 29px;
        display: inline-block;
    }

.productbox .ShowDeliveryInfo img {
    margin-right: 7px;
    width: 20px;
    float: left;
}

.productbox .available-flag img {
    margin-right: 7px;
    width: 26px;
    float: left;
}

.productbox .ShowDeliveryInfo span, .productbox .available-flag span {
    display: inline-block;
    width: calc(100% - 33px);
    line-height: 14px;
    letter-spacing: -0.02em;
}

.Basket .loyalty-flag img,
.Basket .available-flag img {
    width: 20px;
}

.blue {
    border-color: #0066b3;
    background-color: #0066b3;
    color: #fff;
}

.fa-3 {
    font-size: 3rem !important;
    line-height: 2rem;
}

.help-text-normal {
    margin-top: -.5rem;
    font-size: 1rem;
    font-style: normal;
    color: #979aa0;
    line-height: 1.375rem;
}

.myCardBox {
    border-radius: 20px;
    padding: 10px 20px;
    background-image: url(https://s3.praktiker.gr/images/my_card_bg.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin-bottom: 10px;
    min-height: 160px;
}

.bg-light-grey.myCardBox {
    background-image: none;
}

table.loyaltyTbl tbody td, table.loyaltyTbl thead th {
    background: #ffffff;
    border: 1px solid #e5e5e5;
}

.ltTab {
    width: 50%;
    position: relative;
}

    .ltTab > a {
        margin-right: 0;
        border-radius: unset;
        background-color: #e6e6e6;
        border-bottom: none;
        padding: .9rem .5rem .9rem .5rem;
    }

        .ltTab > a:focus, .ltTab > a:hover, .ltTab > a[aria-selected='true'] {
            background: #0066b3;
            color: #fff;
            border-bottom: none;
        }

.ltContent {
    border-top: none;
}

.ltTab.is-active::after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    bottom: -4px;
    left: 47%;
    content: '';
    width: 5%;
    height: 37%;
    background-color: #0066b3;
}

.datepicker-minutes, .datepicker-hours, .datepicker-days, .datepicker-months, .datepicker-years {
    min-width: 200px;
}

.datepicker table {
    width: 100%;
}

.static-content table.no-border,
table.no-border thead,
table.no-border tr,
table.no-border tbody, table.no-border tfoot {
    border: 0;
}

table.no-border thead {
    border-bottom: 1px solid #363636;
}

    table.no-border thead th {
        padding-left: 0;
        padding-right: 0;
    }

.static-content table.no-border tbody tr td {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: .75rem .625rem .925rem;
    padding-left: 0;
    padding-right: 0;
}

.columns .tabs, .columns .tabs-content {
    border: none;
}

.mypraktiker-icon:before {
    content: '';
    background: #fff url('https://s3.praktiker.gr/images/myPraktiker.png') no-repeat center;
    height: 31px;
    vertical-align: middle;
    width: 33px;
    padding-right: 8px;
    display: inline-block;
}

ul.linesep li:first-child a {
    border-color: #0066b3 !important;
    color: #0066b3 !important
}

ul#coupon-tabs li a, ul#winnow-tabs li a {
    font-size: 16px;
}

img.mobile-logo {
    width: 120px;
}

#Segmentationdetails .close-button {
    color: #8a8a8a;
}

#winnow-tabs .tabs-title > a,
#coupon-tabs .tabs-title > a {
    color: #adaeb1;
}

#winnow-tabs .tabs-title.is-active > a,
#coupon-tabs .tabs-title.is-active > a {
    color: #fff;
}

span.Basket p.loyalty-flag {
    margin-bottom: 10px;
}

span.Basket p.available-flag img {
    margin-bottom: 3px;
}

.fa-2 {
    font-size: 2rem;
    margin-right: 5px;
}

.fs-18 {
    font-size: 1.125rem;
}

#pnlMyPraktiker .tprice {
    font-size: 1.5rem;
}

.lowopacity {
    opacity: .3;
}

.loyalty-content * {
    font-size: 1rem;
    line-height: 1.6rem;
}

@media screen and (min-width: 40em) {
    .myCardBox.padcardbox {
        vertical-align: middle;
        height: 214px;
    }

    .padcardbox {
        padding: 4rem 3rem 2rem 3rem !important;
    }

    .bg-light-grey.myCardBox.padcardbox {
        height: auto;
        padding: 1rem 1rem 4rem 1rem !important;
    }

    .padcardbox h3 {
        font-size: 2rem;
    }

    .padcardbox p {
        font-size: 1.5rem;
    }

        .padcardbox p.help-text-normal {
            font-size: 1.25rem;
        }

        .padcardbox p.fa-3 {
            font-size: 5rem !important;
            line-height: 5rem;
        }

    .padcardbox h2 {
        font-size: 3rem !important;
        line-height: 4rem;
    }
}

#phtotal .margin-top-1 {
    margin-top: 0 !important;
}

.badge-mypraktiker {
    background-image: url(https://s3.praktiker.gr/images/myPraktiker-badge-list.png);
    position: absolute;
    left: .9375rem;
    top: 10px;
    left: 10px;
    z-index: 3;
    font-size: 12px;
    width: 64px;
    height: 52px;
    color: #0066b3;
    text-align: center;
    padding: 4px;
    line-height: .8125rem;
}

    .badge-mypraktiker.product__media-mypraktiker_gb-lb {
        top: auto;
        bottom: 5px;
    }

.productbox-hs-llt .badge-mypraktiker {
}

.myp-disc {
    font-size: 17px;
    font-weight: 700
}

.myp-disc-xl {
    font-size: 20px;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    margin-top: 8px;
    display: inline-block;
}

.product__media-mypraktiker {
    background-image: url(https://s3.praktiker.gr/images/myPraktiker-badge-product.png);
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 3;
    font-size: 15px;
    width: 80px;
    height: 65px;
    color: #0066b3;
    text-align: center;
    padding: 4px;
    line-height: 1rem;
}

    .product__media-mypraktiker.product__media-mypraktiker__sh {
        left: auto;
        right: 15px;
    }

    .product__media-mypraktiker .myp-disc {
        font-size: 21px;
    }

    .product__media-mypraktiker .myp-disc-xl {
        font-size: 25px;
        margin-top: 10px;
    }

/* mypraktiker home slider*/

.myprakiker-bg {
    background-image: url(https://s3.praktiker.gr/images/20190409-Loyalty_blue_bg.jpg);
    background-repeat: no-repeat;
    background-position-x: center !important;
    background-position-y: center !important;
    position: relative;
}

.myprakiker-bg-sld {
    background-repeat: no-repeat;
    background-position-x: right !important;
    background-position-y: center !important;
    height: 340px;
}

    .myprakiker-bg-sld h2 {
        font-weight: 500 !important;
        margin-top: 7px;
        line-height: 2rem;
        margin-bottom: 4px;
    }

    .myprakiker-bg-sld h4 {
        line-height: 1.75rem;
        margin-bottom: 5px;
    }

.myprakiker-bg .button, .button.white {
    background-color: #ffffff;
    color: #0066b3;
    margin-top: 5px;
}

    .myprakiker-bg .button:hover, .button.white:hover {
        background-color: #e7f4ff;
    }

.mypraktiker-obit-wrapper .orbit-controls i.fa {
    color: #fff;
    font-size: 1.5rem;
}

.mypraktiker-obit-wrapper .orbit-controls button:hover i.fa {
    color: #e7f4ff;
    -webkit-transition: ease .3s;
    transition: ease .3s;
}

.mypraktiker-obit-wrapper .orbit-controls button i.fa {
    -webkit-transition: ease .3s;
    transition: ease .3s;
}

.mypraktiker-obit-wrapper .orbit-previous {
    top: 4.5rem;
    left: calc(41.66667% - 6rem);
    padding: 0 !important;
    background-color: transparent;
}

.mypraktiker-obit-wrapper .orbit-next {
    top: 4.5rem;
    left: calc(41.66667% - 4rem);
    padding: 0 !important;
    right: auto;
    background-color: transparent;
}

.mypraktiker-obit-wrapper .orbit-bullets button {
    width: .75rem;
    height: .75rem;
    margin: .1rem;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #0066b3;
    cursor: pointer;
}

    .mypraktiker-obit-wrapper .orbit-bullets button.is-active {
        background-color: #0066b3;
        border: 2px solid transparent;
    }

.mypraktiker-obit-wrapper .orbit-bullets {
    text-align: right;
    margin-right: 1.5rem;
}

.mypraktiker-obit-wrapper .myprakiker-bg-sld > div.myprakiker-bg {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}

.mypraktiker-obit-wrapper .product__media-mypraktiker {
    line-height: 16px;
}

.mypraktiker-obit-wrapper .orbit-bullets {
    margin-top: -2.4rem !important;
}

@media print, screen and (max-width: 1023px) {
    #My-Praktiker .grid-container {
        padding-right: 0 !important;
        padding-left: 0 !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .mypraktiker-obit-wrapper {
        background-image: url(https://s3.praktiker.gr/images/20190409-Loyalty_blue_bg.jpg);
        background-repeat: no-repeat;
        background-position-x: center !important;
        background-position-y: center !important;
        padding-bottom: 4rem;
    }

    .myprakiker-bg-sld {
        background-image: none !important;
        height: auto;
        padding-top: 1rem;
    }

    .myprakiker-bg {
        background-image: none;
    }

    .mypraktiker-obit-wrapper .orbit-previous {
        top: auto;
        bottom: -.5rem;
        left: calc(50%);
        transform: translateY(-50%) translateX(-100%);
        background-color: transparent;
        padding: .375rem .25rem .5rem .25rem !important;
    }

    .mypraktiker-obit-wrapper .orbit-next {
        top: auto;
        bottom: -.5rem;
        left: 50%;
        background-color: transparent;
        padding: .375rem .25rem .5rem .25rem !important;
    }

    .mypraktiker-obit-wrapper .orbit-bullets {
        display: none;
    }

    .mypraktiker-obit-wrapper .myprakiker-bg-sld > div:first-child {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
        padding-top: 1.625rem;
    }

        .mypraktiker-obit-wrapper .myprakiker-bg-sld > div:first-child img {
            margin-bottom: 7px;
        }

    .mypraktiker-obit-wrapper .myprakiker-bg-sld > div:last-child {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0rem;
        padding-top: 0rem;
    }

    .myprakiker-bg h2 {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
        margin-bottom: 0 !important;
        margin-top: 0;
        font-weight: 700 !important;
        letter-spacing: 0;
    }

    .myprakiker-bg h4 {
        font-size: 1.0625rem !important;
        line-height: 1.5rem !important;
        margin-bottom: 10px;
    }

    .myp-inner-grid {
        padding: 0 1rem !important;
    }

    .mypraktiker-obit-wrapper .product__media-mypraktiker {
        left: 15px !important;
        top: 15px !important;
    }
}
/* mypraktiker home slider*/

.product__badges-hs {
    position: relative;
    margin-bottom: 3rem;
}

    .product__badges-hs .offer-logo {
        top: auto;
        bottom: -16px;
        transform: translateY(0);
        left: -9px;
    }

    .product__badges-hs .badge-mypraktiker {
        top: auto;
        bottom: -2.4rem;
        left: auto;
        right: 0.25rem;
    }

/* mypraktiker smart banner*/

#sitetopbar.showappbanner {
    top: 84px;
    transition: all 500ms;
}

.htmlhasappbanner {
    margin-top: 84px !important;
}

    .htmlhasappbanner.is-reveal-open {
        margin-top: 0 !important;
    }

.htmlnoappbanner {
    margin-top: 20px !important;
}


html[data-smartbanner-original-margin-top] {
  margin-top: 0px !important;
}


.smartbanner {
    z-index: 5;
    position: fixed;
}

.htmlnoappbanner .smartbanner {
    visibility: hidden;
}

.htmlhasappbanner .sb-search.sb-search-open {
    top: 9rem;
    transition: all 500ms;
}

/*.smartbanner.js_smartbanner {
    top: 64px;
}*/
.smartbanner.smartbanner--android, .smartbanner.smartbanner--ios {
    box-shadow: none;
    background: #797b7f;
}

.smartbanner__info__author, .smartbanner__info__price, .smartbanner__info__title {
    line-height: 18px;
}

.smartbanner.smartbanner--ios .smartbanner__button {
    top: 30px;
    right: 20px;
    padding: 0;
    min-width: 12%;
    border-radius: 0;
    background: none;
    box-shadow: 0 0 0 1px #333, 0 0 0 2px #dddcdc;
    color: #d1d1d1;
    font-size: 14px;
    font-weight: bold;
}

.smartbanner.smartbanner--android .smartbanner__button, .smartbanner.smartbanner--ios .smartbanner__button {
    border: none;
    box-shadow: none;
    color: #66686b;
    right: 10px;
}

.smartbanner.smartbanner--android .smartbanner__button__label, .smartbanner.smartbanner--ios .smartbanner__button__label {
    border-radius: 4px;
    background: #fff100;
}

.smartbanner__exit {
    left: 6px;
    margin-right: 7px;
    width: 17px;
    height: 17px;
    border-radius: 14px;
    background: #1c1e21;
    box-shadow: 0 1px 2px rgba(0,0,0,0.8) inset, 0 1px 1px rgba(255,255,255,0.3);
    color: #b1b1b3;
    font-family: 'ArialRoundedMTBold', Arial;
    font-size: 20px;
    line-height: 17px;
    text-shadow: 0 1px 1px #000;
}

    .smartbanner__exit::before, .smartbanner__exit::after {
        top: 3px;
        left: 8px;
        width: 2px;
        height: 11px;
        background: #b1b1b3;
    }

.smartbanner.smartbanner--ios .smartbanner__info__title {
    color: #fff;
    font-weight: bold;
}

.smartbanner.smartbanner--ios .smartbanner__info {
    color: #ccc;
    text-shadow: 0 1px 2px #000;
}

.smartbanner.smartbanner--ios .smartbanner__button__label {
    display: block;
    padding: 0 10px;
    background: #fff100;
    box-shadow: none;
    line-height: 24px;
    text-align: center;
    text-shadow: none;
    text-transform: none;
    border-radius: 4px;
}

.smartbanner__button {
    color: #fff;
    background: none;
}

.smartbanner.smartbanner--android .smartbanner__info, .smartbanner.smartbanner--ios .smartbanner__info {
    color: #fff;
    /*width: 40%;*/
    left: 102px;
    text-shadow: 0 1px 2px #000;
}

.smartbanner__icon {
    left: 30px;
}

.smartbanner.smartbanner--android .smartbanner__button__label:active, .smartbanner.smartbanner--android .smartbanner__button__label:hover,
.smartbanner.smartbanner--ios .smartbanner__button__label:active, .smartbanner.smartbanner--ios .smartbanner__button__label:hover {
    background: #fff100;
}

@media screen and (max-width: 345px) {
    .smartbanner.smartbanner--android .smartbanner__info, .smartbanner.smartbanner--ios .smartbanner__info {
        width: 50%;
    }

    .smartbanner__info__author, .smartbanner__info__price, .smartbanner__info__title {
        line-height: 16px;
    }
}
/* mypraktiker smart banner*/

video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
    display: inline-block;
    vertical-align: baseline;
}

/*switch */
.switch {
    position: relative;
    display: block;
    vertical-align: top;
    width: 57px;
    height: 23px;
    margin: 10px 0 0 0;
    /*background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);*/
    border-radius: 18px;
    /*box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
    cursor: pointer;
    box-sizing: content-box;
}

.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}

.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 10px;
    text-transform: uppercase;
    background: #4d4d4d;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}

    .switch-label:before, .switch-label:after {
        position: absolute;
        top: 50%;
        margin-top: -.5em;
        line-height: 1;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -o-transition: inherit;
        transition: inherit;
        box-sizing: content-box;
    }

    .switch-label:before {
        content: attr(data-off);
        right: 11px;
        color: #aaaaaa;
        text-shadow: 0 1px rgba(255, 255, 255, 0.5);
    }

    .switch-label:after {
        content: attr(data-on);
        left: 11px;
        color: #ffed00;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
        opacity: 0;
    }

.switch-input:checked ~ .switch-label {
    /*background: #E1B42B;*/
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}

    .switch-input:checked ~ .switch-label:before {
        opacity: 0;
    }

    .switch-input:checked ~ .switch-label:after {
        opacity: 1;
    }

.switch-input:disabled ~ .switch-label {
    opacity: .5;
}

.switch-input:disabled ~ .switch-handle {
    opacity: .5;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 14px;
    height: 14px;
    background: #a7a7a7;
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

/*.switch-handle:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -6px 0 0 -6px;
        width: 12px;
        height: 12px;
        background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
        background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
        border-radius: 6px;
        box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
    }*/

.switch-input:checked ~ .switch-handle {
    left: 38px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
    background-color: #ffed00;
}

/* Transition
========================== */
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}
/*switch */

.loyalty-reveal {
    border: 0;
    padding: 0;
}

.loyalty-top-msg {
    background-image: url(/images/message_blue_bg.jpg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-color: #fff;
    background-position-y: bottom;
    padding: 3rem 2.5rem 3rem 2.5rem;
}

.loyalty-btm-msg {
    padding: 1rem 2.5rem 0 2.5rem;
}

.loyalty-bg-g {
    color: #fff;
}

    .loyalty-bg-g h2 {
        color: #0046a8;
        font-weight: 500;
        margin-bottom: 0;
    }

    .loyalty-bg-g h3 {
        color: #fff;
    }

    .loyalty-bg-g span {
        color: #fff200;
        font-weight: 500;
    }

    .loyalty-bg-g a {
        color: #fff;
        text-decoration: underline;
        font-weight: 500;
    }

    .loyalty-bg-g p {
        margin-bottom: 2rem;
    }

    .loyalty-bg-g span.icon {
        color: #606060
    }

.loyalty-win {
}

    .loyalty-win h1 {
        margin-bottom: .5rem;
        font-size: 2.5rem;
        font-weight: 500;
        color: #0046a8;
    }

    .loyalty-win h2 {
        color: #0046a8;
        font-weight: 500;
        font-size: 1.75rem;
        line-height: 2.25rem;
    }

.loyalty-reveal {
    left: 0 !important;
}

.loyalty-reveal {
    background-color: #0046a8;
}

@media screen and (min-width: 40em) {
    .loyalty-top-msg {
        background-image: none;
    }
}

.section-with-offer-logo .productbox > div:first-child {
    margin-bottom: 3rem;
}

.see-all {
    font-family: 'NeutrafaceText-Bold', sans-serif;
}

.field-icon {
    position: relative;
    top: 2.25rem;
    right: 12px;
    position: absolute;
    z-index: 2;
}

/* The message box is shown when the user clicks on the password field */
#passwordmessage p {
    padding: 0 0 0 5px;
    margin-bottom: .5rem;
}

/* Add a green text color and a checkmark when the requirements are right */
#passwordmessage .valid {
    color: green;
}

    #passwordmessage .valid:before {
        position: relative;
        left: -5px;
        top: 3px;
        content: "\e039";
        font-family: "praktiker-icons" !important;
    }

/* Add a red text color and an "x" when the requirements are wrong */
#passwordmessage .invalid:before {
    position: relative;
    left: -5px;
    top: 3px;
    content: "\e084";
    font-family: "praktiker-icons" !important;
}

label.date select {
    width: 30%;
    float: left;
    margin-right: 5%;
}

    label.date select:last-child {
        margin-right: 0;
    }

.text-green {
    color: #009900;
}

.hellas-modal-bg {
    background: #E8E8E8 url(/images/footer-buildings-bg.gif) bottom center no-repeat;
    padding-bottom: 8rem;
    background-size: contain;
}

    .hellas-modal-bg .close-button {
        color: #8a8a8a
    }

    .hellas-modal-bg .top-msg {
        margin-top: 50%
    }

/* xmas */
/*
header {
    background-image: url(../images/Praktiker_xmas_deco_2019_header_m.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-repeat: repeat-x;
}

#dt-section {
    background-image: url(../images/Praktiker_xmas_deco_2019_footer_m.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

    #dt-section hr {
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }

.xmas-bg, #Praktiker-leaf-catal {
    background-image: url(https://s3.praktiker.gr/images/20181122_Xmas_stolismos_main_bg.jpg);
    background-repeat: no-repeat;
}
*/
/* xmas */

.productbox .product_code {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #797b7f;
    text-align: center;
    margin: 0.25rem auto 0 auto;
}

.productlistbox .product_code {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #797b7f;
    text-align: left;
}

.energy-class-new {
    background-image: url(/images/energy_labels.png);
    width: 74px;
    display: inline-block;
    height: 42px;
    cursor: pointer;
    padding-left: 28px;
    font-size: 1.75rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: left;
    z-index: 1;
    position: relative;
}

.energy-class {
    background-image: url(/images/energy_labels_old.png);
    width: 74px;
    display: inline-block;
    height: 42px;
    cursor: pointer;
    padding-left: 5px;
    font-size: 1.75rem;
    color: #fff;
    line-height: 2.5rem;
    text-align: left;
    z-index: 1;
    position: relative;
}

.energy-class-new__a {
    background-position-y: 0;
}

.energy-class-new__b {
    background-position-y: -43px;
}

.energy-class-new__c {
    background-position-y: -87px;
}

.energy-class-new__d {
    background-position-y: -130px;
}

.energy-class-new__e {
    background-position-y: -172px;
}

.energy-class-new__f {
    background-position-y: -216px;
}

.energy-class-new__g {
    background-position-y: -259px;
}

.productbox {
}

    .productbox a {
        color: #797b7f;
    }

    .productbox .productbox_img {
        text-align: center;
        margin-bottom: 0.25rem;
    }

    .productbox.productbox-grid .productbox_img {
        margin-top: 1rem;
    }

    .productbox .productbox_code {
        font-size: 0.875rem;
        font-weight: 300;
        color: #797b7f;
        text-align: left;
        margin-top: 1rem;
        margin-bottom: 0.25rem;
        height: 30px;
    }

    .productbox .productbox_name, .productbox .productbox_name p {
        color: #000000;
        font-size: 1.0625rem;
        line-height: 1.0625rem;
        text-align: left;
    }

        .productbox .productbox_name p {
            height: 45px;
        }

    .productbox .productbox_shipping {
        margin-top: 0.5rem;
        min-height: 74px;
        margin-bottom: 0.5rem;
        font-size: 0.875rem;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .productbox .productbox_shipping div.no-shipping {
            height: 36px;
        }

productbox_shipping .productbox .productbox_attributes ul {
    list-style: none;
    margin-block-start: 0em;
    padding-inline-start: 0;
    margin-left: 0rem;
    margin-top: 0.5rem;
}

.productbox .productbox_attributes ul li {
    font-size: 0.875rem;
    font-weight: 800;
    color: #797b7f;
    line-height: 0.875rem;
    margin: 0.25rem 0;
}

    .productbox .productbox_attributes ul li span {
        font-weight: 400;
    }

.productbox .productbox_prices {
    height: auto;
    font-size: 1.635rem;
    text-align: right;
    /* font-family: 'NeutrafaceText-Bold',sans-serif; */
    color: #363636;
    overflow: visible;
    letter-spacing: -0.04em;
    /*background-color: #e6e6e6;*/
    margin-left: 0.25rem;
    height: 16px;
    position: relative;
}

.productbox.productbox-list .productbox_myprakiker, .productbox.productbox-list .productbox_instal {
    text-align: right;
    margin: 0.5rem 0 .5rem 0;
}

.productbox.productbox-grid .productbox_myprakiker, .productbox.productbox-grid .productbox_instal {
    text-align: right;
    letter-spacing: -0.02em;
    height: 18px;
    padding-bottom: 30px;
}

/*.productbox .productbox_myprakiker {
    margin: .835rem 0 0rem 0;
}*/

.productbox .productbox_myprakiker, .productbox .productbox_instal {
    margin: 0 0 1.25rem 0;
}

.productbox.productbox-grid .productbox_buttons .cell.shrink, .productbox.productbox-grid .productbox_buttons .cell.auto {
    width: 50%;
}

.productbox.productbox-grid .productbox_buttons .chekavailbility .fa-telephone,
.productbox.productbox-grid .productbox_buttons .chekavailbility-noaction .fa-telephone,
.productbox.productbox-grid .productbox_buttons .chekavailbility .fa-availability {
    display: block;
    margin-bottom: 0.5rem;
}

.productbox .productbox_buttons .chekavailbility,
.productbox .productbox_buttons .chekavailbility-noaction {
    background-color: #a1a3a5;
    height: 42px;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center;
    position: relative;
    color: #fff;
    width: 100%;
    padding: .5em 1em;
}

.productbox .productbox_buttons .shrink .chekavailbility {
    background-color: #a1a3a5;
    height: 42px;
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.2rem;
    text-align: center;
    position: relative;
    color: #fff;
    padding: .5em;
}

.productbox .productbox_buttons .addtobasket {
    background-color: #0165b3;
    color: #fff;
    height: 42px;
    text-align: center;
    border-radius: 0;
    letter-spacing: -.02em;
    font-size: 1.0625rem;
    font-weight: 800;
    width: 100%;
    line-height: 34px;
    padding: .125rem .5rem;
    color: #fff;
    text-transform: none;
    border-radius: 5px;
    margin: 0 3px;
    letter-spacing: 0;
    overflow: hidden;
}

#pnlCalculator > div > div {
    padding: .5rem
}

.setpaddingmd {
    color: #797b7f;
    font-size: 0.9375rem;
}

    .setpaddingmd .fabtn {
        color: #797b7f !important;
        font-size: 1.25rem;
        margin: 0;
        opacity: 0.5;
        transition: all 0.2s;
    }

        .setpaddingmd .fabtn.active, .setpaddingmd .fabtn:hover {
            color: #797b7f !important;
            opacity: 1;
            transition: all 0.2s;
        }

.productbox_buttons .addtobasket {
    font-weight: 800 !important;
}

.button.hollow.light-grey {
    border-color: #979aa0;
    color: #979aa0;
    background-color: #ffffff;
    font-weight: 400;
}

    .button.hollow.light-grey:focus, .button.hollow.light-grey:hover {
        border-color: #979aa0;
        background-color: #e6e6e6;
        color: #979aa0;
    }

.product__calculator .fa-calculator {
    margin-right: 8px;
}

#pnlCalculator .small-12.cls-calculator {
    padding-top: 0 !important;
}

#pnlCalculator .small-12.results-calculator {
    padding: 0.75rem 0.125rem 0.5rem 0.125rem !important;
}

.results-calculator p {
    color: #363636;
    margin: 0;
}

.results-calculator p {
    color: #363636;
    margin: 0;
    line-height: 1rem;
    font-size: 0.9375rem;
}

.results-calculator > .cell {
    margin-bottom: 0.5rem;
}

.results-calculator .h2 {
    font-size: 1.5em;
}

.addtobasket span.fa-buy {
    display: inline-block;
}

.addtobasket i {
    font-size: .75rem;
    background-color: #ff6600;
    border-radius: 10px;
    top: 0%;
    padding: .375rem;
    min-width: 50px;
    height: 30px;
    color: #ffffff;
    margin-left: 10px;
}

[type=number]#txtmuquantity {
    width: 60px;
    float: right;
    height: 30px;
    margin-bottom: 0;
    text-align: right;
    color: #363636;
    font-size: 0.9375rem;
    font-weight: 800;
}

#pnlCalculator > .grid-x > .cell.medium-shrink {
    margin-left: 0;
}

@media print, screen and (max-width:40em) {
    #pnlCalculator > .grid-x > .cell.medium-shrink {
        margin-left: .9375rem;
        padding-top: 0;
    }

    .productbox .productbox_prices .product__price.priceCustomBackground {
        vertical-align: bottom;
        display: table-cell !important;
        text-align: right;
        padding: 0 !important;
        width: 45% !important;
    }

    .productbox.productbox-grid span.deleted, .productbox.productbox-grid .product__price--deleted {
        font-size: 1.125rem;
        padding-bottom: 0.635rem;
    }

    .productbox.productbox-grid .productbox_myprakiker, .productbox.productbox-grid .productbox_instal {
        font-size: 0.75rem;
        line-height: 0.75rem;
    }

    .productbox .productbox_prices {
        height: 40px;
        width: 100%;
    }

    .productbox .productbox_instal {
        margin: 0 0 0.75rem 0;
    }

    .productbox.productbox-grid .productbox_myprakiker, .productbox.productbox-grid .productbox_instal {
        text-align: right;
        letter-spacing: -0.02em;
        height: 16px;
    }
}

.htmlhasappbanner div.withstickhead {
}

.htmlhasappbanner .sb-search {
    top: 9.25rem;
}

.productbox-grid .productbox_buttons .addtobasket {
    color: transparent;
    /*    letter-spacing: -8px;*/
}

.addtobasket span.fa-buy {
    color: #fff
}

.height-250 {
    height: 250px;
}

.height-300 {
    height: 300px;
}

#pnlProductDetails .ribbon {
    display: inline-block;
    padding: 5px 10px 5px 0;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

.productbox .ribbon-section {
    height: 69px;
}

.productbox .ribbon {
    display: block;
    padding: 0 10px 5px 0;
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

.productbox .productbox_prices.price-row-mu {
    height: 25px;
    /* padding-top: 15px;*/
}

.price-row-mu .product__price {
    color: #797b7f;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin: 0.5rem 0 0.5rem 1rem;
    display: inline !important;
}

    .price-row-mu .product__price.product__price--deleted {
        font-size: 1.125rem;
    }

.always-open .accordion-content {
    display: block !important;
}

.always-open .accordion-title:before {
    content: none;
}

.accordion .accordion-item:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #dcdcdd;
    display: none;
}

.product-energy {
    text-align: right;
    margin: 10px 0 12px 0;
    width: 100%;
    height: 42px;
    overflow: hidden
}

.productbox-grid .product-energy {
    display: flex;
    justify-content: flex-end;
}

#pnlProductDetails .product-energy {
    text-align: left;
}

.product-energy-tag {
    background-color: #4C9368;
    padding: 17px 5px 9px 0;
    border-radius: 0 5px 5px 0;
    margin-left: -20px;
}

    .product-energy-tag:before {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        border: 21px solid #fff;
        vertical-align: top;
        border-top-color: #4C9368;
        border-bottom-color: #4C9368;
        border-right-color: #4C9368;
    }

a.product-energy-tag, a.product-energy-tag:hover, a.product-energy-tag:focus {
    color: #fff;
}

.product-energy-tag-label {
    position: relative;
    top: -5px;
    font-size: 12px;
    padding-right: 18px;
    background: url('/images/leaf.png') no-repeat right center;
    font-weight: 500;
}

.product-energy-tag-value {
    position: relative;
    top: -3px;
    font-size: 16px;
    padding-left: 3px;
    font-weight: bold;
    line-height: 50px;
}

    .product-energy-tag-value span {
        font-size: 14px;
    }

.owl-stage .product-energy-tag-value {
    line-height: inherit;
}

.productbox-grid .product-energy-tag {
    padding: 18px 5px 9px 0;
    position: relative;
    display: inline-block;
    min-width: 97px;
    height:42px;
}

.productbox-grid .product-energy-tag-label {
    right: 2px;
    position: absolute;
    top: 5px;
    padding-right: 0;
    background: none;
}

.productbox-grid .product-energy-tag-value {
    top: -5px;
    padding-left: 70px;
}

.productbox-grid .product-energy-tag:before {
    position: absolute;
    left: 0;
    top: 1px;
}

@media print, screen and (max-width:405px) {
    .productbox-grid .product-energy-tag-value {
        padding-left: 60px;
    }
}

@media print, screen and (max-width:385px) {
    .productbox-grid .product-energy-tag-value {
        padding-left: 50px;
    }
}

@media print, screen and (max-width:370px) {
    .productbox-grid .product-energy-tag-value {
        padding-left: 40px;
    }
}

.product-energy-left {
    text-align: left;
}

.product .product-energy-left {
    text-align: right;
}

a.nolink {
    cursor: default !important
}
/*new accordian css*/
.accordian-area input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.accordian-area .tabs {
    overflow: hidden;
    border: 0;
}

.accordian-area .tab {
    width: 100%;
    color: #fff;
    overflow: hidden;
}

    .accordian-area .tab:not(:last-child) {
        margin-bottom: 1rem;
    }

.accordian-area .tab-label {
    padding: 1em;
    background: #f6f6f6;
    font-weight: 300;
    cursor: pointer;
    margin: 0;
    border-radius: 5px;
    color: #000;
}

    .accordian-area .tab-label .fa {
        margin-right: 0.5rem;
    }

        .accordian-area .tab-label .fa.fa-info-circle {
            opacity: 0.4;
            margin-right: 0;
            margin-left: 7px;
        }

    .accordian-area .tab-label::after {
        content: "❯";
        width: 1em;
        height: 1em;
        text-align: center;
        transition: all 0.35s;
        right: 16px;
        position: absolute;
    }

.accordian-area .tab-content {
    max-height: 0;
    padding: 0 1em;
    color: #2c3e50;
    background: #f6f6f6;
    transition: all 0.35s;
}

    .accordian-area .tab-content .main-inputarea {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        flex-direction: column;
    }

        .accordian-area .tab-content .main-inputarea select, .accordian-area .tab-content .main-inputarea input {
            margin: 0;
            max-width: 122px;
        }

        .accordian-area .tab-content .main-inputarea span {
            display: flex;
            align-items: center;
            padding: 7px 0;
            justify-content: center;
            width: 100%;
        }

            .accordian-area .tab-content .main-inputarea span label {
                margin: 0 10px 0 0;
                color: #000;
            }

.accordian-area .labeltext {
    color: #000;
    margin-bottom: 0.5rem;
}

.accordian-area .tab-label::before {
    content: none !important;
}

.accordian-area input:checked + .tab-label::after {
    transform: rotate(90deg);
}

.accordian-area input:checked ~ .tab-content {
    max-height: 100vh;
    padding: 1em;
    border-top: #969696 solid 1px;
}

.ord-stp2 .paymenttabcontainer {
    border-bottom: 1px solid #dcdcdc;
}
/* Collect changes*/

#StoreSelection-modal, #BasketStoreSelection-modal {
    background-color: rgba(142,142,142,0.5)
}

#storesSearch, #basketStoresSearch {
    width: 90%;
    width: calc(100% - 30px);
    margin: 40px 15px 60px 15px;
    background-color: #dfdfdf;
    padding: 30px 15px 15px 15px;
    border-radius: 20px;
}

#btnUseCurrentLocation img {
    width: 20px;
}

#storesSearch .input-group {
    margin: 0;
}

    #storesSearch .input-group > :first-child {
        border: 1px solid #979aa0;
        margin: 0;
    }

    #storesSearch .input-group .fa-search {
        font-size: 1.625rem;
        color: #979aa0;
    }

        #storesSearch .input-group .fa-search:hover {
            color: #adaeb1;
        }

#storesSearch .input-group-button .button {
    margin-top: 6px;
}

.callout.nomargin .main-searharea {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

    .callout.nomargin .main-searharea .input-group-button a {
        background: none;
        padding: 0;
    }

    .callout.nomargin .main-searharea #address {
        margin: 0;
        border-radius: 50px;
    }

    .callout.nomargin .main-searharea #btnUseCurrentLocation {
        background: transparent;
        padding: 0;
        margin: 0 0 0 1rem;
        max-width: 25px;
    }

        .callout.nomargin .main-searharea #btnUseCurrentLocation img {
            max-width: 100%;
        }

.droplocationlist {
    margin-top: 0.8rem;
}

    .droplocationlist select {
        /* height: 150px;*/
        border-radius: 15px;
        box-shadow: rgb(51 51 51 25%) 0 0 10px;
        padding: 1rem;
        margin: 0;
    }

#aStoreSelection.selected {
    color: #2a9fe0
}

#dtlCartItems .collect,
.productbox .collect {
    position: relative;
    padding-left: 32px;
}

    #dtlCartItems .collect span,
    .productbox .collect span,
    .Basket .collect span {
        /* color: #0b8802; */
        position: absolute;
        left: 0;
        font-size: 23px;
        top: 5px;
    }

.orderProducts .collect, .orderProducts .shipping {
    display: none;
}

#pnlProductDetails .collect {
    margin-bottom: 1rem
}

    #pnlProductDetails .collect span {
        font-size: 23px;
        /*        margin-right: 10px;*/
    }

.listing-tls {
    padding: 0.75rem;
}

.delivery_options a {
    background-color: #fff;
    border-radius: 15px;
    padding: 15px 55px;
    display: block;
    margin-bottom: 2rem;
    color: #231f20;
    position: relative;
    font-size: 1rem;
}

.delivery_options i.icon {
    color: #728fc6;
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 1.125rem;
    transform: translateY(-50%);
}

.delivery_options a:after {
    position: absolute;
    color: #728fc6;
    font-family: "praktiker-icons" !important;
    content: "\e235";
    top: 50%;
    right: 20px;
    font-size: 1.25rem;
    transform: translateY(-50%);
}

#storesSearch .input-group {
    margin: 0;
}

    #storesSearch .input-group > :first-child {
        border: 1px solid #979aa0;
        margin: 0;
    }

    #storesSearch .input-group .fa-search {
        font-size: 1.625rem;
        color: #979aa0;
    }

        #storesSearch .input-group .fa-search:hover {
            color: #adaeb1;
        }

#storesSearch .input-group-button .button {
    margin-top: 6px;
}

a#btnUseCurrentLocation {
    font-size: 1rem;
    font-weight: 400;
    color: #797b7f
}

    a#btnUseCurrentLocation:hover {
        color: #979aa0;
    }

    a#btnUseCurrentLocation .icon {
        font-size: 1.125rem;
    }

#storesSearch .input-group > :first-child {
    border-right: 0;
    border-radius: 20px 0 0 20px;
    padding-left: 20px;
}

#StoreSelection-modal .close-button {
    color: #000;
}

#storesSearch .input-group .input-group-button a:first-child {
    background: #fff;
    padding: 5px 15px;
    height: 39px;
    border: 1px solid #979aa0;
    border-left: 0;
    border-radius: 0 20px 20px 0;
}

#storesSearch .input-group .input-group-button a .fa-search {
    font-size: 18px;
}

#StoreSelection-modal .button.expanded {
    border-radius: 5px;
}

span.headline2 {
    font-size: 18px;
    color: #000;
    margin-top: -20px;
    display: block;
    margin-bottom: 20px;
    /*font-weight: 600;*/
}

#basketStoresSearch .input-group > :first-child {
    border-right: 0;
    border-radius: 20px 0 0 20px;
    padding-left: 20px;
}

#basketStoresSearch .input-group .input-group-button a:first-child {
    background: #fff;
    padding: 5px 15px;
    height: 39px;
    border: 1px solid #979aa0;
    border-left: 0;
    border-radius: 0 20px 20px 0;
}

#basketStoresSearch .input-group .input-group-button a .fa-search {
    font-size: 18px;
}

#basketStoresSearch .input-group {
    margin: 0;
}

    #basketStoresSearch .input-group > :first-child {
        border: 1px solid #979aa0;
        margin: 0;
    }

    #basketStoresSearch .input-group .fa-search {
        font-size: 1.625rem;
        color: #979aa0;
    }

        #basketStoresSearch .input-group .fa-search:hover {
            color: #adaeb1;
        }

#basketStoresSearch .input-group-button .button {
    margin-top: 6px;
}

#BasketStoreSelection-modal .close-button {
    color: #000;
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 10px;
    display: flex;
    align-items: center;
    margin: 8px 0;
    box-shadow: 0 3px 4px #0000004a;
    font-weight: 600;
}

.alert-warning {
    color: #000;
    background-color: #fff3cd;
}

.alert-danger {
    color: #000;
    background-color: #f8d7da;
}

.alert-primary {
    color: #000;
    background-color: #dbeefc;
}

.collect.store-available span,
.collect.enabled span,
.shipping.available-flag .icon,
.collect.store-few-available span {
    color: #009933;
}

.productbox_shipping .unavailable-flag .icon {
    color: #ff0000;
}

.collect.store-unavailable span,
.collect.unavailable span {
    color: #ff0000;
}

.ord-stp2 hr {
    margin: .5rem auto;
}

#dtlCartItems .shipping i {
    margin-right: 5px;
}

#pnlProductDetails .shipping i {
    margin-right: 14px
}

.productbox_prices {
    margin-top: 1.5rem;
}

.shipping i {
    font-size: 23px;
}

.shipping.unavailable i.icon {
    color: #ff0000
}

.shipping.available-flag i.icon {
    color: #009933;
}

.shipping.ShowDeliveryInfo i.icon {
    color: #0165B3
}

.productbox_shipping div {
    margin-bottom: 0.5rem
}

.productbox_shipping .collect br {
    display: none
}

.productbox_shipping .shipping i {
    margin-right: 5px;
}

#BasketStoreSelection-modal > #basketStoresSearch,
#StoreSelection-modal > #storesSearch {
    top: 50%;
    transform: translateY(-50%);
    margin: 0 15px !important;
}

#BasketStoreSelection-modal > #basketStoresSearch {
    top: 50%;
    transform: translateY(-50%);
    margin: 0 15px !important;
}

.selectize-control {
    margin: 0.5rem 0 0.375rem;
}

.custom-select-list {
    max-height: 180px;
    overflow: auto;
    box-shadow: 0 0 10px #ccc;
    border-radius: 10px;
    list-style: none;
    padding: 0;
    margin: 20px 10px;
    background-color: #fff;
}

    .custom-select-list li a {
        font-size: 16px;
        padding: 6px 20px;
        color: #000;
        cursor: pointer;
        display: block;
        border-radius: 10px;
    }

    .custom-select-list li {
        margin: 0;
        padding: 0 10px;
    }

        .custom-select-list li a:hover, .custom-select-list li a.selected {
            background: #f1f1f1;
        }

.selectedAddress {
    background-color: #dbf1fd;
    border-radius: 0;
    padding: 5px 15px;
    margin-left: 0px;
    margin-top: 10px;
    margin: 0 !important;
}

    .selectedAddress .selectedAddress-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: #1165B3;
    }

        .selectedAddress .selectedAddress-top span i {
            color: #1165B3;
            vertical-align: text-top;
            margin-right: 3px;
            font-size: 1.5rem;
        }

        .selectedAddress .selectedAddress-top .editicon {
            background: #1165B3;
            width: 30px;
            height: 30px;
            border-radius: 50px;
            text-align: center;
            color: #fff;
            line-height: 28px;
            padding: 0;
            font-size: 14px;
        }

a.chekavailbility,
a.chekavailbility-noaction {
    background-color: #2a9fe0 !important;
    text-align: center;
}

.borderRadiousBox {
    border: 1px solid #dcdcdd;
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px;
}

#pnlBasketItems #pnlShipping label,
#pnlBasketItems #pnlCollectPanel label {
    width: 100%;
    height: 100%;
    display: block;
    padding: 1rem 1rem 1rem 2rem;
}

#pnlBasketItems #pnlShipping input[type=radio] + label::before,
#pnlBasketItems #pnlCollectPanel input[type=radio] + label::before {
    top: 19px;
    left: 10px;
}

#pnlBasketItems #pnlShipping div > div,
#pnlBasketItems #pnlCollectPanel div > div {
    margin-left: 30px;
    margin-top: -15px;
}

.shipping.ShowDeliveryInfo {
    display: flex;
}

    .shipping.ShowDeliveryInfo .icon {
        margin-right: 8px;
    }

.shipping.available-flag .icon {
    float: left;
    margin-right: 8px;
}

.shipping.unavailable .icon {
    float: left;
    margin-right: 8px;
}

.custom-select-list li.selected a {
    background-color: #0165B3;
    color: #fff;
    border-radius: 10px;
}

    .custom-select-list li.selected a:before {
        color: #fff;
    }

.reveal-modal {
    position: absolute;
    height: fit-content;
    width: fit-content;
    /* top:50% !important; */
    left: 50% !important;
    transform: translateX(-50%);
    min-height: auto;
}

.group-button {
    margin: 15px 0;
    display: flex;
    border: 1px solid #0165b3;
    border-radius: 5px;
    margin-left: auto;
    max-width: 280px;
    margin-right: auto;
}

.blue-icon {
    color: #0165b3;
    padding: 5px;
    font-size: 23px !important;
    text-align: center;
    display: block;
    margin-right: 0;
    margin-left: 10px;
}

#aARImageModal, #aAR3DCodeModal {
    color: #0165b3;
    display: flex;
    align-items: center;
    padding: 3px 25px;
    flex: 1;
    justify-content: center;
    font-weight: 900;
}

    /* #aARImageModal {
    border-right: 1px solid #0165b3;
} */

    #aARImageModal strong, #aAR3DCodeModal strong {
        margin-right: 5px;
        margin-left: 5px;
    }

.reveal-modal {
    min-width: 270px;
}

.textadd-upp {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    width: fit-content;
    margin-right: auto;
}

    .textadd-upp span {
        color: #0165b3;
        font-size: 14px;
        max-width: 103px;
        line-height: 100%;
    }

        .textadd-upp span:last-child {
            text-align: right;
        }

        .textadd-upp span.fulltext {
            max-width: 100%;
        }

#aARImageModal + #aAR3DCodeModal {
    border-left: 1px solid #0165b3;
}

.centertext {
    justify-content: center;
}

.group-button {
    width: fit-content;
}
/*redesign start */
.off-canvas.mobile-off-canvas {
    z-index: 999 !important;
    width: 320px;
    transform: translateX(340px);
}

    .off-canvas.mobile-off-canvas .close-button {
        color: #000;
        top: 82px;
        z-index: 999;
    }

    .off-canvas.mobile-off-canvas.is-open {
        transform: translate(0,0);
    }

    .off-canvas.mobile-off-canvas .smalltext, .off-canvas.mobile-off-canvas .passswordtext {
        position: relative;
        top: 0;
        left: 0;
        height: auto;
        text-align: left;
        float: none;
        width: auto;
    }

    .off-canvas.mobile-off-canvas .button {
        background: #0165B3;
        color: #FFF;
        margin-top: 2rem;
        margin-bottom: 1rem !important;
        display: inline-block;
        padding: 0 24px;
        height: 42px;
        line-height: 42px;
    }

    .off-canvas.mobile-off-canvas .menu-title {
        color: #000;
        font-size: 1.2rem;
    }


/********/
.productbox .productbox_buttons .addtobasket {
    font-size: 18px;
    transition: all 0.3s ease-in-out 0s;
    font-weight: 400 !important;
    padding: 0.125rem 0.8rem;
    color: #fff;
}

.productbox .productbox_buttons .chekavailbility {
    background: #51BDF7;
}

.productbox .productbox_buttons .shrink .chekavailbility {
    padding: 0.5rem 0.8rem;
    background: #51BDF7;
}

.productbox-list .align-stretch.grid-x {
    justify-content: flex-end;
}

    .productbox-list .align-stretch.grid-x > .auto {
        width: auto;
        flex: 0 0 auto;
        padding-left: 12px;
    }

.productbox.productbox-grid .productbox_buttons .cell.shrink, .productbox.productbox-grid .productbox_buttons .cell.auto {
    padding: 0 5px;
}

.small-up-2 .productbox-grid .pricediv {
    flex-wrap: wrap;
    margin-bottom: 0;
}

.small-up-2 .productbox-grid .right_pricetxt {
    line-height: 1.5rem;
    width: 100%;
    height: auto;
    font-size: 1.5rem;
    text-align: right;
    font-weight: 700;
    color: #0165B3;
    margin: 20px 0;
}

.productbox.productbox-grid .productbox_shipping.available-flag img {
    object-fit: contain;
}

.verseperator a.text-dark-grey {
    background: #f6f6f6;
    padding: 10px 20px;
    margin-left: auto;
    border-radius: 5px;
    color: #20272C !important;
    display: inline-flex;
    justify-content: space-between;
}

    .verseperator a.text-dark-grey .las {
        font-size: 22px;
        margin-right: 5px;
    }

.verseperator .setpaddingmd:last-child a.text-dark-grey {
    width: 100%;
}

select.page-number {
    width: auto;
    padding: 0 40px 0 15px;
    background-position: right -27px center;
    text-align: left;
    background-color: #f6f6f6;
    border: 0;
    border-radius: 5px;
}

.pagination li.pagination-previous, .pagination li.pagination-previous a {
    font-size: 0;
    width: auto;
    padding: 0;
    line-height: normal;
}

.pagination li.pagination-next, .pagination li.pagination-next a {
    font-size: 0;
    width: auto;
    padding: 0;
    line-height: normal;
}

.page-number {
    background: #f6f6f6;
    padding: 10px 15px;
    margin-left: auto;
    border-radius: 5px;
    color: #20272C !important;
    display: inline-flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

a.page-number .icon {
    margin-left: 14px;
}

.always-open {
    margin-top: 40px;
}

    .always-open .accordion-content {
        display: block !important;
    }

.breadcrumb {
    width: 100%;
    display: inline-flex;
}

    .breadcrumb a {
        color: #636466;
        font-weight: 700;
        font-size: 16px;
    }

    .breadcrumb .grid-container {
        display: flex;
        align-items: center;
        margin: 0;
    }

        .breadcrumb .grid-container a .las {
            font-size: 22px;
            color: #636466;
            margin-top: 6px;
            margin-right: 10px;
        }

        .breadcrumb .grid-container h6 {
            position: relative;
            margin-right: 20px;
        }

            .breadcrumb .grid-container h6::after {
                font-size: 18px;
                color: #636466;
                margin-top: 6px;
                margin-right: 10px;
                font-family: 'Line Awesome Free';
                content: "\f105";
                font-weight: 900;
                position: absolute;
                right: -20px;
            }

        .breadcrumb .grid-container h2 {
            font-size: 16px;
            line-height: 18px;
        }

ul#catMenu {
    display: inline-flex;
    width: 100%;
    position: relative;
    background: transparent;
}

    ul#catMenu li {
        width: 100%;
        margin-bottom: 0;
    }

#catMenu .accordion-content {
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    background: transparent;
    min-width: 150px;
}

#catMenu .accordion-title {
    background: #f6f6f6;
    padding: 12px;
    font-size: 14px;
}

    #catMenu .accordion-title:before {
        font-size: 18px;
        font-weight: 900;
        margin-top: -9px;
        color: #000;
    }

#catMenu ul.inline-menu {
    background: #f6f6f600;
    backdrop-filter: blur(22px);
}

    #catMenu ul.inline-menu li a {
        padding: 14px;
    }

.owl-stage-outer {
    overflow: hidden;
}

.line-title {
    color: #0165B3;
    position: relative;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 0 30px;
}

    .line-title::before, .line-title::after {
        content: "";
        width: 30px;
        height: 5px;
        background: #0165B3;
        position: absolute;
        right: 0;
        border-radius: 20px;
        top: 50%;
        transform: translateY(-50%);
    }

    .line-title::before {
        right: auto;
        left: 0;
    }

.owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

    .owl-nav button.owl-next {
        left: auto;
        right: 0;
    }

.owl-nav .fa-back:before, .owl-nav .fa-next:before {
    font-size: 28px;
    color: #636466;
    margin-top: 6px;
    margin-right: 10px;
    /*    font-family: 'Line Awesome Free' !important;
    content: "\f104";*/
    font-weight: 900 !important;
}

.diy-thumb-img {
    border-radius: 0 0 60px 0;
    position: relative;
}

    .diy-thumb-img img {
        display: block;
        width: 100%;
        height: 150px;
        object-fit: cover;
    }

    .diy-thumb-img .arrow {
        position: absolute;
        right: 0;
        z-index: 1;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 30px;
        transition: all 0.3s ease-in-out 0s;
        width: 50px;
        text-align: center;
    }

        .diy-thumb-img .arrow:before {
            background: #0165B3;
            content: "";
            transition: all 0.3s ease-in-out 0s;
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            transform: translateX(0%);
        }

    .diy-thumb-img .icon:before {
        font-size: 2rem;
        vertical-align: middle;
        color: #ffffff;
        position: absolute;
        right: 1rem;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1000;
        bottom: auto;
    }

.diy-thumb-ttl {
    margin-bottom: 20px;
    color: #000;
}

.owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #0165B3;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: #0165B3;
}

.breadcrumb.callout {
    margin-bottom: 0;
    border: 0;
    width: 100%;
    background: transparent;
}

    .breadcrumb.callout h2 {
        color: #fff;
    }

    .breadcrumb.callout h1 {
        color: #fff;
    }

.largePrice.only-price-flag {
    color: black !important;
}
.pprices .largePrice {
    color: #0165B3;
}

.always-open .accordion-title, .grid-container.setmarginsm.caction p.noborder {
    color: #0165B3;
    position: relative;
    width: calc(100% - 30px);
    margin: 0 auto;
    padding: 0 30px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 20px;
}

    .always-open .accordion-title::before, .always-open .accordion-title::after,
    .grid-container.setmarginsm.caction p.noborder::before, .grid-container.setmarginsm.caction p.noborder::after {
        content: "";
        width: 60px;
        height: 1px;
        background: #0165B3;
        position: absolute;
        right: -10px;
        border-radius: 20px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0;
    }

    .always-open .accordion-title::before, .grid-container.setmarginsm.caction p.noborder::before {
        right: auto;
        left: -10px;
    }

.grid-container.setmarginsm.caction p.noborder {
    color: #000;
}

.always-open .accordion-content {
    border: 0;
    color: #000;
    font-size: 14px;
    padding-bottom: 0;
    padding-top: 0;
}

    .always-open .accordion-content ul {
        list-style: none;
        margin: 0 0 0px 20px;
    }

        .always-open .accordion-content ul li {
            position: relative;
            padding-left: 25px;
            font-size: 14px;
        }

            .always-open .accordion-content ul li:before {
                content: "";
                width: 8px;
                height: 8px;
                background: #0165B3;
                position: absolute;
                top: 5px;
                left: 0;
                border-radius: 20px;
                margin-top: 0;
            }

.flags.setpaddingsm {
    background: #f6f6f6;
    padding: 20px 20px 0px;
    margin-bottom: 0;
}

    .flags.setpaddingsm .cgrey, .flags.setpaddingsm .list-specs,
    .flags.setpaddingsm .ShowDeliveryInfo {
        color: #000 !important;
        text-align: left;
        margin-bottom: 0;
    }

    .flags.setpaddingsm span.icon {
        font-size: 1.3rem;
    }

.commendiv .titlesection h2 {
    white-space: normal;
    align-items: center;
    word-break: break-all;
    font-size: 1rem;
    line-height: 20px;
    margin-top: 30px;
}

    .commendiv .titlesection h2:before, .commendiv .titlesection h2::after {
        width: 60px;
        background: #0165B3;
    }

.always-open .accordion-item .mannual {
    text-align: center;
}

.prd-name h1 {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
}

ul.default-dropdown {
    width: 100% !important;
}

.default-dropdown .news-title {
    background: #f6f6f6;
    padding: 12px !important;
    font-size: 16px !important;
}

.prd-name h1 span {
    color: #20272C;
    text-transform: capitalize;
    opacity: 1;
    font-size: 12px;
    font-weight: 300;
}

.default-dropdown .news-title::after {
    font-size: 18px;
    content: "\f107" !important;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    margin-top: -9px !important;
    color: #000;
    border: 0 !important;
    right: 28px !important;
}

.default-dropdown.dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
    background: rgb(246 246 246 / 23%);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    border: 0;
}

    .default-dropdown.dropdown.menu > li.opens-left > .is-dropdown-submenu a {
        text-decoration: none;
        color: #20272C;
        padding: 15px 24px;
        font-size: 15px;
        position: relative;
    }

        .default-dropdown.dropdown.menu > li.opens-left > .is-dropdown-submenu a::after {
            font-size: 18px;
            content: "\f105" !important;
            font-family: 'Line Awesome Free';
            font-weight: 900;
            margin-top: -9px !important;
            color: #000;
            border: 10px !important;
            right: 10px !important;
        }

.sticky-menu {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 100px;
    background: #fff;
    z-index: 99;
    background: #fff;
    padding-bottom: 8px;
}

.nav-left-0 .breadcrumb .grid-container {
    padding: 0;
}

ul.center-icon {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 30px;
}

    ul.center-icon .center-control {
        width: 50px;
        height: 50px;
        background: #f6f6f6;
        font-size: 28px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    ul.center-icon .devider {
        display: block;
        width: 1px;
        height: 40px;
        background: #0F5AA5;
        margin: 0 30px;
    }

.store-modal {
    background-color: #fff;
}

    .store-modal .callout.bg-dark-gray {
        background: transparent;
        border: 0;
        padding: 14px 18px;
        box-shadow: 0 0px 6px rgb(204 204 204 / 26%);
    }

    .store-modal .bg-dark-gray h3.text-white {
        color: #20272C;
    }

        .store-modal .bg-dark-gray h3.text-white::before {
            font-family: 'Line Awesome Free';
            font-weight: 900;
            content: "\f54f";
            margin: 0 10px 0 0;
            font-size: 24px;
        }

    .store-modal .close-button {
        color: #000000;
        top: 17px;
    }

    .store-modal .ckavailbilityprod {
        padding: 10px 0 0 !important;
        margin-bottom: 0 !important;
    }

    .store-modal #InventoryProdInfo, .store-modal .mainavailabilitybox {
        background-color: transparent;
        box-shadow: 0 0 0;
        border-radius: 0;
        position: relative;
        margin-bottom: 0;
    }

        .store-modal #InventoryProdInfo p {
            font-size: 14px;
            font-weight: bold;
            color: #20272C;
        }

            .store-modal #InventoryProdInfo p span.text-grey {
                color: #20272C !important;
                font-weight: normal;
            }

    .store-modal #InventoryProdDetails {
        margin-bottom: 0;
        background-color: #f6f6f6;
        padding: 10px;
    }

    .store-modal table {
        margin-bottom: 0;
    }

        .store-modal table tbody {
            border: 0;
            background-color: transparent;
        }

        .store-modal table tr:nth-child(even) {
            background-color: transparent;
        }

    .store-modal .appmessage {
        margin-top: 0 !important;
    }

        .store-modal .appmessage .productdes {
            background-color: #f6f6f6;
            padding: 10px 23px 30px;
            display: flex;
            align-items: center;
            font-size: 12px;
            color: #636466;
            line-height: 17px;
        }

            .store-modal .appmessage .productdes .icon {
                margin-right: 20px;
            }

        .store-modal .appmessage #InventoryPhoneInfo {
            text-align: center;
            margin-top: 25px;
        }

            .store-modal .appmessage #InventoryPhoneInfo a {
                background: #51BDF7;
                color: #fff;
                display: inline-flex;
                align-items: center;
                padding: 11px 25px;
                border-radius: 11px;
                font-size: 15px;
            }

                .store-modal .appmessage #InventoryPhoneInfo a::after {
                    font-family: 'Line Awesome Free';
                    font-weight: 900;
                    content: "\f095";
                    margin: 0 0 0 10px;
                    font-size: 22px;
                }

            .store-modal .appmessage #InventoryPhoneInfo span {
                display: block;
                text-align: center;
                font-size: 12px;
                color: #636466;
                margin-top: 10px;
            }

    .store-modal table a.url-lg-cyan {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 600;
        color: #0165B3 !important;
    }

    .store-modal table strong.av-limited {
        display: flex;
        align-items: center;
    }

.prodGal.grid-x.small-up-2.medium-up-3.large-up-3 .pricediv .pointsdiv {
    margin-left: -39px;
    transform: scale(0.7);
    margin-top: -10px;
}

.productbox.productbox-grid .pricediv .pointsdiv {
    flex-direction: row-reverse;
}

.productbox .productbox_name .block-with-text:after {
    content: normal;
}

.owl-carousel .productbox.productbox-grid .pricediv .pointsdiv {
    margin-left: -16px;
}

.pagination {
    margin-bottom: 30px;
    margin-top: 20px;
}

.dvaddtobasket.stickyaddtobasket {
    background: #fff;
    box-shadow: 0px 1px 8px #00000029;
    padding: 12px 30px;
    z-index: 999;
}

    .dvaddtobasket.stickyaddtobasket [type=number]#txtmuquantity {
        float: left;
        height: 30px;
        margin-bottom: 10px;
        background: #F6F6F6;
        box-shadow: 0px 1px 3px #00000029;
        border-radius: 5px;
        border: 0;
        text-align: left;
    }

    .dvaddtobasket.stickyaddtobasket .largePrice {
        color: #0165B3;
        float: right;
    }

    .dvaddtobasket.stickyaddtobasket .addtobasket {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row-reverse;
        background: #0165B3 !important;
        padding: 13px;
        font-size: 15px;
    }

.setpaddingsm .pricediv .pointsdiv {
    border-right: #0165B3 solid 6px;
    border-radius: 50px 0 0 50px;
    display: flex;
    padding: 6px 5px 6px 18px;
    margin-left: 10px;
    border-left: 0;
    flex-direction: row-reverse;
}

.flags.setpaddingsm .list-specs {
    color: #fff !important;
    text-align: center;
}

ul.liroundmargin.suggestedcat .fullwidthbtn #topimgdiv {
    border-radius: 20px;
    overflow: hidden;
    margin: 0 0.5rem;
    margin-bottom: -10px;
    height: 150px;
}

ul.liroundmargin.suggestedcat .fullwidthbtn img {
    margin-bottom: 0;
    height: 100%;
    object-fit: cover;
}

ul.liroundmargin.suggestedcat .fullwidthbtn .cat-box-desc {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 50px;
    opacity: 1;
    color: #0165B3;
    line-height: normal;
    font-size: 15px;
    padding: 20px 10px 10px;
    text-align: center;
    transition: all 0.3s ease-in-out 0s;
}

.product-title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.pagination-previous a::before, .pagination-previous.disabled::before, .pagination-next a::after, .pagination-next.disabled::after {
    background-image: none;
    margin-left: 0.25rem;
    font-family: 'Line Awesome Free' !important;
    font-weight: 900 !important;
    content: "\f105";
    font-size: 18px;
}

.pagination-previous a::before, .pagination-previous.disabled::before {
    content: "\f104";
}

.newsocial-title {
    color: #636466;
    font: 15px/20px;
    font-weight: bold;
    padding: 40px 0 20px;
}

.newsocial a {
    margin: 0px 8px 20px;
}

.newsocial .lab {
    color: #636466;
    font-size: 34px;
}

#dt-section.bg-light-grey {
    background: #E6E6E6;
}

footer {
    background: #E6E6E6;
    margin-top: 0;
    padding-bottom: 30px;
}

.ul-quick-link {
    text-align: left;
    list-style: none;
    margin-left: 10px;
}

    .ul-quick-link a {
        color: #636466;
        font-size: 14px;
    }

footer .ft-title {
    font-size: 15px;
    margin-left: 10px;
    font-weight: bold;
    color: #636466;
    text-align: left;
}

footer .ft-link {
    margin: 0;
    padding: 6px 0;
}

    footer .ft-link a {
        font-size: 15px;
        font-weight: 600;
        color: #636466;
    }

.copyright-footer {
    padding: 10px;
}

    .copyright-footer .foooterlogo {
        width: 140px;
        display: block;
        margin: 0 auto 5px;
    }

    .copyright-footer p {
        font-size: 12px;
        margin: 0;
        text-align: center;
    }

.cart-sidebar .sd-bask-prod {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    margin: 30px 0;
    padding: 0;
}

    .cart-sidebar .sd-bask-prod .cell.small-4 {
        padding: 0;
        position: relative;
    }

        .cart-sidebar .sd-bask-prod .cell.small-4 i {
            background: #cdcdcd;
            position: absolute;
            left: -11px;
            top: -10px;
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            border-radius: 65px;
            font-size: 19px;
            cursor: pointer;
            color: #000;
        }

        .cart-sidebar .sd-bask-prod .cell.small-4 .imgdiv {
            background: #fff;
            height: 100%;
            overflow: hidden;
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 0px 30px 30px 0px;
        }

        .cart-sidebar .sd-bask-prod .cell.small-4 img {
            height: 100%;
            object-fit: cover;
            transition: none;
        }

    .cart-sidebar .sd-bask-prod .cell.small-8 {
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem !important;
    }

    .cart-sidebar .sd-bask-prod .sd-bask-prod-ttl a {
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
        margin-bottom: 5px;
        display: block;
        text-overflow: unset;
        padding-left: 0;
        white-space: unset;
    }

.cart-sidebar .sd-bask-prod-price span {
    font-weight: 300;
    position: relative;
    float: none;
    margin-top: 10px;
    width: auto;
    font-size: 12px;
    display: inline-block;
    text-align: left;
}

    .cart-sidebar .sd-bask-prod-price span:first-child {
        font-weight: 300;
    }

.cart-sidebar .sd-bask-prod .sd-bask-prod-quant {
    font-weight: bold;
    font-size: 16px;
    color: #0165B3;
}

.cart-sidebar .offc-total {
    font-size: 0.875rem;
    color: #000;
    line-height: 0.875rem;
}

.cart-sidebar .bprice {
    margin: 40px 0 30px;
}

.cart-sidebar .tprice {
    font-weight: bold;
    font-size: 20px !important;
    color: #0165B3;
}

.off-canvas.cart-sidebar .button {
    background: #51BDF7;
    color: #fff;
    margin-top: 0;
    margin-bottom: 1rem !important;
    display: inline-flex;
    padding: 0 24px;
    height: 36px;
    font-size: 12px;
    line-height: 36px;
    font-weight: normal;
    align-items: center;
    justify-content: center;
    line-height: 20px;
}

.action-btn-margin {
    margin-bottom: 60px;
}

.off-canvas.cart-sidebar .button.warning {
    background: #0165B3;
}

.off-canvas.cart-sidebar .button i {
    font-size: 20px;
    margin-left: 15px;
}

.off-canvas.cart-sidebar .empty-cart {
    color: #000;
    margin: 40px 0 20px 0;
}

    .off-canvas.cart-sidebar .empty-cart .fa-empty-cart {
        position: relative;
        float: none;
        display: block;
        margin: 0 auto;
        width: auto;
        line-height: 6rem;
        font-size: 7rem;
        margin-bottom: 20px;
    }

.js-off-canvas-overlay.backdrop {
    z-index: 999 !important;
    transition: none;
}

#FilterModal p.title, #FilterModal .selfilters {
    margin-left: 21px;
}

.selfilters .button, .selfilters .button:hover, .selfilters .button:active {
    color: #000;
    background-color: #E5EFF7;
    font-size: 14PX !IMPORTANT;
    font-weight: 400;
    border: none;
    padding: 0.6em 0.825em !IMPORTANT;
    margin: 0 10px 10px 0;
    line-height: 0.75rem;
    border-radius: 50px;
    display: inline-block !IMPORTANT;
}

    .selfilters .button i {
        background: #fff;
        border-radius: 50px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        color: #000000;
        margin-left: 2px;
    }

.slider-handle {
    background: #0165B3;
    border-radius: 50%;
}

.slider-fill {
    background: #0165B3;
    border-radius: 50px;
}

.filter-box {
    background: #fff;
    padding: 20px 0 10px;
}

#FilterModal ul.filters {
    height: auto;
    max-height: calc(100vh - 224px);
    padding-bottom: 20px;
    overflow-y: auto;
}

.icon-control {
    position: relative;
}

    .icon-control .slider-value + span {
        top: -3px;
    }

#FilterModal a.addbasketBox.FilterPrice {
    background: #0165b3;
    width: auto;
    margin: 10px auto !important;
    max-width: 160px;
    color: #fff;
}

    #FilterModal a.addbasketBox.FilterPrice .las {
        background: #fff;
        color: #0165b3;
        padding: 2px;
        margin-left: 12px;
        border-radius: 50px;
    }

.login-toggle {
    padding: 0;
}

header#sitetopbar a {
    display: inline-block;
    padding: 0;
    width:100%;
}

    header#sitetopbar a .las, header#sitetopbar a .lar {
        font-size: 1.8rem;
        color: #797b7f;
    }

header#sitetopbar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
    content: none;
}

header#sitetopbar .is-submenu-item a {
    text-align: left;
    display: flex;
    align-items: center;
    padding: 6px 12px;
    color: #797b7f;
    font-size: 16px;
}

header#sitetopbar .dropdown.menu > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
    padding: 0;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 6px;
    BORDER: 0;
}

header#sitetopbar .is-submenu-item a .las, header#sitetopbar .is-submenu-item a .lar {
    margin-right: 8px;
}

@media (max-width: 640px) {
    .owl-carousel .productbox.productbox-grid {
        width: calc(100% - 30px);
        margin: 0 auto 20px;
        max-width: 300px;
    }
}

@media (max-width: 430px) {
    .owl-carousel .productbox.productbox-grid {
        width: 100%;
    }

    .productbox .productbox_prices {
        height: auto;
        font-size: 1.2rem;
        margin: 0;
        position: relative;
    }

    span.deletedPriceGeneral.margin-0.product__price.product__price--deleted.text-grey {
        position: absolute;
        /*top: 7px;*/
        /*left: -165px;*/
        /*top: 14px;*/
        right: 118px;
    }

    .priceCustomBackgroundGeneral {
        background-position-y: 4px !important;
    }

        .priceCustomBackgroundGeneral font {
            vertical-align: middle !important;
        }
}
/* new design css 2022 */

.prodlist-thumb .product-carousel .showcompare[data-title]:before,
.prodlist-thumb .product-carousel .showcompare[data-title]:after {
    left: 94%;
}

.js-off-canvas-overlay {
    background: rgb(0 0 0 / 40%) 0% 0% no-repeat padding-box;
    opacity: 1;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

/*tooltipcss*/
[data-title] {
    position: relative;
    z-index: 2;
}

    [data-title]:before,
    [data-title]:after {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        left: 50%;
        bottom: calc(100% + 5px);
        pointer-events: none;
        transition: 0.2s;
        will-change: transform;
    }

    [data-title]:before {
        content: attr(data-title);
        padding: 3px 15px;
        min-width: 50px;
        max-width: 300px;
        width: max-content;
        /*width: -moz-max-content;*/
        border-radius: 5px;
        font-size: 10px;
        background-color: #000000;
        background-image: linear-gradient(30deg, rgba(59, 72, 80, 0.44), rgba(59, 68, 75, 0.44), rgba(60, 82, 88, 0.44));
        box-shadow: 0px 0px 24px rgb(0 0 0 / 20%);
        color: #fff;
        text-align: center;
        white-space: pre-wrap;
        transform: translate(-50%, -5px) scale(0.5);
        line-height: normal;
        max-width: 145px;
    }

    [data-title]:after {
        content: '';
        border-style: solid;
        border-width: 5px 5px 0px 5px;
        border-color: rgba(55, 64, 70, 0.9) transparent transparent transparent;
        transition-duration: 0s;
        transform-origin: top;
        transform: translateX(-50%) scaleY(0);
    }

    [data-title]:hover:before,
    [data-title]:hover:after {
        visibility: visible;
        opacity: 1;
    }

    [data-title]:hover:before {
        transition-delay: 0.3s;
        transform: translate(-50%, -5px) scale(1);
    }

    [data-title]:hover:after {
        transition-delay: 0.5s;
        transition-duration: 0.2s;
        transform: translateX(-50%) scaleY(1);
    }

[data-tooltip-location="bottom"]:before,
[data-tooltip-location="bottom"]:after {
    top: calc(100% + 5px);
    bottom: auto;
}

[data-tooltip-location="bottom"]:before {
    transform: translate(-50%, 5px) scale(0.5);
}

[data-tooltip-location="bottom"]:hover:before {
    transform: translate(-50%, 5px) scale(1);
}

[data-tooltip-location="bottom"]:after {
    border-width: 0px 5px 5px 5px;
    border-color: transparent transparent rgba(55, 64, 70, 0.9) transparent;
    transform-origin: bottom;
}

/* Tooltip arrow end*/

.loginbasket .user {
    font-size: 1.7rem;
    padding: 0 !important
}

    .loginbasket .user:hover {
        color: #0165B3;
    }

    .loginbasket .user:after {
        content: none !important;
    }

.loginbasket .is-dropdown-submenu .is-submenu-item a {
    padding: 10px 15px;
    text-align: left;
    font-size: 14px;
    color: #636466;
    margin: 0;
    display: flex;
    align-items: center;
}

    .loginbasket .is-dropdown-submenu .is-submenu-item a:hover {
        background: #f6f6f6;
        color: #0165B3;
    }

.loginbasket .is-dropdown-submenu {
    padding: 0;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 6px;
    left: -78px !important;
    top: 124% !important;
}

    .loginbasket .is-dropdown-submenu .usernamediv {
        text-align: center !important;
        background: #F6F6F6;
        font-weight: 700;
        padding: 1rem 0;
    }

    .loginbasket .is-dropdown-submenu .is-submenu-item {
        text-align: left;
    }

        .loginbasket .is-dropdown-submenu .is-submenu-item a i {
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
            font-size: 1.5rem !important;
        }

.loginbasket .is-active > .user {
    color: #0165B3 !important;
}

header {
    background: #fff;
}

.stickyclass > .topmenudiv {
    display: none;
}

.stickyclass > .shippingpart {
    display: none;
}

header.stickyclass {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    box-shadow: rgb(51 51 51 / 23%) 0 0 6px;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 99;
}

.newsletterdiv {
    background: #0165B3;
    padding: 2rem 0;
    text-align: center;
    color: #fff;
    position: relative;
    margin-top: 2rem;
}

    .newsletterdiv .grid-container {
        position: relative;
    }

        .newsletterdiv .grid-container p {
            font-size: 15px;
            max-width: 300px;
            margin: 0 auto;
        }

    .newsletterdiv::before {
        content: "";
        position: absolute;
        left: 0;
        top: -31px;
        max-width: 450px;
        height: 150px;
        border-radius: 550%;
        display: inline-block;
        margin: 0 auto;
        right: 0;
        background: #0165b3;
    }

    .newsletterdiv .innernewsletter {
        display: block;
        max-width: 820px;
        margin: 0 auto;
        align-items: center;
        position: relative;
    }

        .newsletterdiv .innernewsletter .la-envelope {
            position: absolute;
            left: 12px;
            top: 9px;
            /* bottom       : 0; */
            /* margin-top   : auto; */
            /* margin-bottom: auto; */
            color: #636466;
            /*z-index       : 99999;*/
            min-width: 59px;
            font-size: 1.4rem;
        }

        .newsletterdiv .innernewsletter input {
            border-radius: 50px !important;
            min-height: 40px;
            padding: 0px 1rem 0px 4rem;
            border: 0px;
            color: rgb(204, 204, 204);
            max-width: 94%;
            margin: 20px auto;
            color: #636466;
        }

        .newsletterdiv .innernewsletter a.button {
            background: #51BDF7;
            border-radius: 5px !important;
            text-transform: capitalize;
            padding: 8px 15px !important;
            min-height: unset;
            line-height: 10px;
            margin: 0;
            font-size: 14px;
        }

            .newsletterdiv .innernewsletter a.button:hover {
                color: #0066b2;
            }

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.phone h3 a {
    color: #636466;
}

.bottomiconarea #copyright {
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.bottomiconarea .logofooter {
    margin: 1.2rem auto;
    max-width: 145px;
}

.bottomiconarea .otherlinks a {
    font-size: 15px;
    color: #636466;
    padding: 0 4px;
}

.bottomiconarea .grid-x.padding-vertical-1 {
    margin: 0;
    padding: 0 0 1rem 0 !important;
}

.bottomiconarea .bestwork img {
    max-height: 40px;
    border: #eee solid 1px;
    border-radius: 5px;
    padding: 3px;
    overflow: hidden;
}

.bottomiconarea .designed {
    font-size: 12px;
    color: #636466;
    margin: 0;
}

    .bottomiconarea .designed a {
        color: #0165B3;
    }

.bottomiconarea .otherlinks a:hover {
    color: #0165B3;
}

.burger-section .listicon.active {
    color: #0165B3;
}

.burger-section .listicon:hover a,
.burger-section .listicon:hover a i {
    color: #0165B3;
}

.burger-section .listicon {
    margin-right: 1rem;
    cursor: pointer;
    color: #000;
    padding-right: 1rem;
}

    .burger-section .listicon.active i {
        color: #0165B3;
    }

    .burger-section .listicon:not(:last-child) {
        border-right: #838383 solid 1px;
    }

    .burger-section .listicon a {
        color: #000;
        text-transform: capitalize;
    }

    .burger-section .listicon i {
        margin-right: 10px;
        color: #000;
        font-size: 19px;
        vertical-align: middle;
    }

.header .bg-light-grey {
    background-color: #E6E6E6;
}

header .topmenudiv {
    margin: 0;
    background: #F6F6F6;
    padding: 8px 0;
}

    header .topmenudiv .topright-div .cell a {
        color: #77787B !important;
        font-size: 15px;
    }

        header .topmenudiv .topright-div .cell a i {
            font-size: 18px;
            margin-right: 5px;
            vertical-align: middle;
        }

        header .topmenudiv .topright-div .cell a img {
            margin: 0;
        }

    header .topmenudiv .grid-container {
        width: 100%;
    }

    header .topmenudiv .topright-div .grid-x {
        justify-content: flex-end;
    }

header .grid-container .input-group {
    margin: 0;
}

header .loginbasket {
    display: flex;
    padding-top: 17px;
    margin-left: 0 !important;
}

    header .loginbasket i {
        font-size: 2.1rem;
    }

    header .loginbasket a {
        color: #777B7F;
        margin: 0 5px;
        display: inline-block;
        cursor: pointer;
    }

header .shippingpart i {
    font-size: 1.5rem;
    margin-right: 0.8rem;
    vertical-align: middle;
}

.shippingpart .head-ovp {
    padding: 11px 0;
}

/*floting label css*/

.field-wrapper {
    position: relative;
    margin-bottom: 2.2rem;
    /*margin-bottom: 15px;*/
}

    .field-wrapper .field-placeholder {
        font-size: 17px;
        position: absolute;
        background: #fff;
        top: 14px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #80868b;
        left: 16px;
        /*padding         : 6px 0;*/
        -webkit-transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
        transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
        z-index: 1;
        text-align: left;
    }

        .field-wrapper .field-placeholder i {
            color: #525252;
            font-size: 19px;
            margin-right: 5px
        }

        .field-wrapper .field-placeholder b {
            color: #FF0000;
        }

    .field-wrapper input:not([disabled]):focus ~ .field-placeholder,
    .field-wrapper.hasValue input:not([disabled]) ~ .field-placeholder {
        -webkit-transform: translateY(-39px) translateX(0px);
        transform: translateY(-40px) translateX(0px);
        background: none;
    }

/*logincss*/
.maincard {
    padding: 1rem 2rem;
}

#signupstep2 {
    overflow-y: auto;
    height: 100%;
}

#offCanvasLogin .close-button {
    font-size: 22px;
    color: #000000;
    /* position: relative; */
    top: 19px;
    right: 20px
}

.off-canvas .maincard .longTextBox {
    border: 1px solid #6C6D6F;
    border-radius: 50px;
    min-height: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.off-canvas .maincard .requirdtext {
    font-size: 15px;
    color: #959595;
    margin-top: 2rem;
}

.off-canvas .maincard .innerpart .small-12 {
    position: relative;
}

.off-canvas .maincard .innerpart .toggle-password {
    top: 15px;
    right: 20px;
    position: absolute;
    color: #77787B;
    cursor: pointer;
}

.maincard hr {
    border-color: #1065B3;
}

.off-canvas .maincard .button {
    background: #0165B3;
    color: #fff;
    margin-top: 2rem;
    margin-bottom: 1rem !important;
}

.off-canvas .maincard h4 {
    border-color: #1065B3;
}

.off-canvas .maincard .button:hover {
    background: #024f8b;
}

.off-canvas .maincard .button i {
    /*vertical-align:middle;*/
    transition: all 0.3s ease-in-out 0s;
}

.off-canvas .maincard .button:hover i {
    right: -6px;
    position: relative;
}

.maincard .passswordtext {
    display: flex;
    margin: 0 0 7px 0;
    color: #77787B;
    vertical-align: middle;
    padding: 0 1rem;
    font-size: 14px;
}

    .maincard .passswordtext i {
        vertical-align: middle;
        margin-right: 9px;
    }

.maincard .contecttextarea {
    text-align: left;
    font-size: 12px;
}

    .maincard .contecttextarea p {
        color: #959595;
        text-align: left;
        font-size: 11px;
        line-height: 14px;
    }

    .maincard .contecttextarea .multicheckbox label {
        font-size: 12px;
    }

.maincard .menu-title #backsignup {
    cursor: pointer;
}

.maincard .menu-title {
    font-size: 1.3rem;
    letter-spacing: 0px;
    margin: 0 0 1rem 0 !important;
    line-height: normal;
    font-weight: 600;
}

.maincard .smalltext {
    font-size: 15px;
    color: #959595;
    margin-bottom: 1.4rem;
    display: inline-block;
    width: 100%;
}

.off-canvas .maincard .laststepdiv .button {
    margin-top: 0;
}

.commendiv .titlesection h2 {
    font-size: 24px;
    color: #000;
}

    .commendiv .titlesection h2 span small {
        display: block;
        color: #636466;
        font-size: 18px;
        font-weight: 300;
        margin-top: 10px;
    }

.titlesection {
    position: relative;
}

    .titlesection h2 {
        color: #0165B3;
        display: flex;
        white-space: nowrap;
        align-items: center;
    }

        .titlesection h2 span {
            margin: 0 0 0 5px;
        }

        .titlesection h2:before {
            content: "";
            background: #0F5AA5;
            height: 1px;
            /*position  : absolute;*/
            width: 45%;
            margin-right: 5%;
            /*left      : 0;
            top : 21px;*/
        }

        .titlesection h2:after {
            content: "";
            background: #0F5AA5;
            height: 1px;
            /*position : absolute;*/
            width: 45%;
            margin-left: 5%;
            /*right    : 0;
            top: 21px;*/
        }

.reveal-overlay {
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.reveal {
    background: #f6f6f6;
    box-shadow: 0px 3px 6px #00000029;
    opacity: 1;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 0;
    border-radius: 0;
}

    .reveal .ckavailbilityprod.padding-2 {
        padding: 1rem !important;
    }

strong.av-limited {
    color: #636466 !important;
    font-weight: 500;
}

    strong.av-limited:before {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50px;
        display: inline-block;
        margin: 0 10px 0 0;
        background: #FFC400;
    }

strong.av-avail {
    color: #636466 !important;
    font-weight: 500;
}

    strong.av-avail:before {
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50px;
        background: #379279;
        display: inline-block;
        margin: 0 10px 0 0;
    }

.product .productright-box {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    padding: 2rem;
}

.success-msg {
    padding: 4rem 2rem;
}

    .success-msg .icon {
        color: #379279;
        font-size: 6rem;
        padding: 0;
        margin-bottom: 2rem;
        display: block;
    }

    .success-msg h3 {
        color: #000;
    }

/*pricediv*/
.pricediv {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.3rem;
}

.shipping-flags.ShowDeliveryInfo i {
    font-size: 2rem;
    vertical-align: middle;
    margin: 0 8px 0 0;
    color: #20201D;
}

.characteri_stics ul {
    margin: 0;
    padding: 0;
    column-count: 2;
    /*line-height: 2rem;*/
}

    .characteri_stics ul li {
    }

.mainavailabilitybox {
    background: #F6F6F6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 30px;
    display: inline-block;
    width: 100%;
    margin-top: 0.6rem;
}

    .mainavailabilitybox .prodInfo {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 3px 6px #00000029;
        border-radius: 30px;
        margin: 0 0 1rem 0;
    }

.product-grid-view .product-carousel .productimg,
#protaseis.prodlist-thumbs .product-carousel .productimg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 0px 30px 30px;
    overflow: hidden;
    margin-left: -20px;
    margin-top: -20px;
    margin-bottom: 10px;
    width: calc(100% - -40px);
}

.product-list-view .product-carousel-new .productimg {
    padding-right: 1.5rem;
    margin: -18px 0 -18px 0;
    position: relative;
}

    .product-list-view .product-carousel-new .productimg > a {
        border-radius: 0px 30px 30px 0;
        background: #fff;
        box-shadow: 0px 3px 6px #00000029;
        overflow: hidden;
        height: 100%;
        margin-left: -20px;
    }

.product-carousel .productimg img {
    margin: 0;
}

.sdbar-menu.filters h5 > i {
    margin-right: 10px;
    font-size: 1.3rem;
    vertical-align: middle;
    opacity: 0.8;
}

.pricediv .pointsdiv .list-specs {
    max-width: 60px;
    background: #20272C;
    border-radius: 5px;
    color: #fff !important;
    height: auto;
    text-align: center;
    padding: 5px;
    margin: 0 5px;
    font-size: 13px;
    line-height: 100%;
    min-width: 60px;
}

    .pricediv .pointsdiv .list-specs.text-blue {
        background: #0165B3;
    }

        .pricediv .pointsdiv .list-specs.text-blue span {
            border-bottom: #fff solid 1px;
            padding: 2px 0;
            display: block;
            opacity: 0.7;
        }

        .pricediv .pointsdiv .list-specs.text-blue small {
            color: #fff;
            font-weight: 700;
        }

    .pricediv .pointsdiv .list-specs small {
        font-size: 9px;
        line-height: 100%;
        color: #b1b1b1;
    }

    .pricediv .pointsdiv .list-specs strong {
        font-weight: 800;
        display: inline-block;
        word-break: break-word;
    }

.pricediv .right_pricetxt {
    margin: 0;
}

.product-carousel__actions .cell.shrink a.chekavailbility .icon {
    font-size: 1.5rem;
    transition: all 0.3s ease-in-out 0s;
}

    .product-carousel__actions .cell.shrink a.chekavailbility .icon:before {
        font-size: 1.5rem;
    }

.pricediv .pointsdiv .list-specs span {
    font-size: 12px;
    word-break: break-word;
    display: block;
}

.pricediv .right_pricetxt > span {
    display: block;
    text-align: right;
}

.pricediv .pointsdiv {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 40px 40px 0px;
    border-left: #0165B3 solid 6px;
    border-radius: 7px 50px 50px 7px;
    display: flex;
    padding: 6px 18px 6px 5px;
    margin-left: -20px;
}

.pricediv .right_pricetxt .product__price--main span {
    margin-left: -6px;
}

.sdbar-menu.filters {
    border-top: #51bdf7 solid 1px;
    padding-top: 1rem;
    margin-top: 2rem !important;
    text-align: center;
}

    .sdbar-menu.filters .boxes_filter > h5 {
        background: #F6F6F6 0% 0% no-repeat padding-box;
        border-radius: 5px;
        padding: 10px 15px;
        cursor: pointer;
        font-weight: 500;
    }

        .sdbar-menu.filters .boxes_filter > h5 .arrow {
            float: right;
        }

#compareprd {
    background: #1065B3 0% 0% no-repeat padding-box;
    border-radius: 5px;
    box-shadow: 0px 3px 6px #00000029;
    border-bottom: #FFF23F solid 5px;
    width: auto !important;
    position: absolute;
    right: 0;
    z-index: 9;
    padding: 0 !important;
    color: #fff !important;
    top: -50px;
    margin: 0 !important;
}

div#compareprd a#clearproducts {
    display: inline-block;
    transition: all 0.3s ease-in-out 0s;
}

#compareprd .large-shrink.text-right a:hover {
    transform: rotate(12deg);
}

#compareprd .grid-x {
    margin: 0;
}

#compareprd .large-shrink.text-right {
    border-left: #fff solid 1px;
    padding: 0 0.8rem;
    margin: 0;
}

.prodlist-thumbs {
    position: relative;
}

.product-carousel__actions .cell.shrink a.chekavailbility:hover span.icon {
    transform: rotate(12deg);
}

.sdbar-menu.filters .clearfilter {
    background: #51BDF7;
    color: #fff !important;
    padding: 13px 1rem;
    border-radius: 5px;
    margin: 0 auto;
    transition: all 0.3s ease-in-out 0s;
}

.sdbar-menu.filters .middlefilterbox {
    text-align: left;
}

.categorytitle {
    margin-bottom: 1rem;
}

    .categorytitle .group-ttl {
        margin: 0 0 8px 0 !important;
        font-weight: 600;
        font-size: 22px;
        color: #000;
        position: relative;
        line-height: normal;
        display: flex;
        white-space: nowrap;
    }

a.url-lg-cyan i {
    font-size: 1.3rem;
    margin: 0 6px 0 0;
}

.categorytitle .group-ttl:after {
    background: #1065B3;
    content: "";
    height: 1px;
    /* display : block; */
    width: 100%;
    /* float   : right; */
    margin-top: 14px;
    margin-left: 2rem;
}

.breadcrumb a .la-home {
    font-size: 1rem;
    color: #636466;
}

#table-compare .product-carousel .remove {
    position: absolute;
    right: 15px;
    top: 15px;
    background: rgb(161 163 165 / 5%);
    width: 35px;
    height: 35px;
    border-radius: 50px;
    line-height: 35px;
    text-align: center;
    padding: 0 !important;
    color: #0165B3 !important;
    font-size: 25px;
}

#table-compare .product-carousel {
    position: relative;
    background: #F6F6F6 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border: 0;
    padding: 0;
    margin-bottom: 1.5rem;
    max-width: 320px;
}

#table-compare caption {
    text-align: left;
    padding: 0;
}

    #table-compare caption .htextgrey {
        font-size: 15px;
    }

        #table-compare caption .htextgrey span {
            font-size: 1.3rem;
            color: #636466;
            vertical-align: middle;
            margin: 0 8px 0 0;
        }

#table-compare .maindivtitle {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
    width: 100%;
    line-height: normal;
    margin-bottom: 2rem;
}

    #table-compare .maindivtitle .leftdiv {
        flex: 1;
    }

        #table-compare .maindivtitle .leftdiv h1 {
            color: #000;
            font-size: 24px;
            font-weight: 600;
            line-height: normal;
            margin: 0 0 4px 0;
            position: relative;
            display: flex;
            white-space: nowrap;
        }

            #table-compare .maindivtitle .leftdiv h1:after {
                background: #1065B3;
                content: "";
                height: 1px;
                display: inline-block;
                width: 100%;
                margin-left: 4%;
                /* position : absolute; */
                margin-top: 1rem;
                margin-right: 2rem;
            }

        #table-compare .maindivtitle .leftdiv p {
            font-size: 14px;
            font-weight: 400;
            margin: 0;
        }

    #table-compare .maindivtitle .rightdiv .button {
        margin-left: 1rem;
        font-size: 1.5rem;
        padding: 0.2em 0.5em;
    }

#table-compare .product-carousel .contentbody {
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
}

    #table-compare .product-carousel .contentbody .product-carousel__actions {
        margin-top: 1rem;
        text-align: right;
    }

        #table-compare .product-carousel .contentbody .product-carousel__actions .button {
            width: auto;
            padding-left: 1.2rem;
            padding-right: 1.2rem;
            z-index: 1;
        }

    #table-compare .product-carousel .contentbody .prodthumb-ttl {
        margin-bottom: 1rem;
    }

        #table-compare .product-carousel .contentbody .prodthumb-ttl span {
            font-size: 14px;
        }

#table-compare .product-carousel .productimg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 0px 30px 30px;
    overflow: hidden;
}

    #table-compare .product-carousel .productimg img {
        display: block;
        width: 100%;
    }

    #table-compare .product-carousel .productimg a {
        display: block;
    }

.categorytitle .totalrecord {
    color: #636466;
    font-size: 14px;
}

.prodlist-thumbs .result-toolbar {
    justify-content: space-between;
    margin-bottom: 1.5rem !important;
}

    .prodlist-thumbs .result-toolbar .rightaprt {
        display: flex;
        align-items: center;
    }

        .prodlist-thumbs .result-toolbar .rightaprt span label {
            color: #20272C;
            font-size: 12px;
            line-height: normal;
            margin-bottom: 4px;
        }

        .prodlist-thumbs .result-toolbar .rightaprt span {
            margin-left: 20px;
        }

            .prodlist-thumbs .result-toolbar .rightaprt span select {
                background-color: #F6F6F6;
                border-radius: 5px;
                border: 0;
                width: auto;
                min-width: 94px;
                box-shadow: none;
                padding-left: 10px;
                padding-top: 5px;
                padding-bottom: 5px;
                height: 2rem;
            }

.product_compression {
    display: flex;
    align-items: center;
    background: #fff;
}

#table-compare .maindivtitle .rightdiv .button span {
    transition: 0.20s;
    -webkit-transition: 0.20s;
    -moz-transition: 0.20s;
    /*-ms-transition: 0.20s;*/
    -o-transition: 0.20s;
}

#table-compare .maindivtitle .rightdiv .button:hover {
    background-color: #3ca9e3
}

    #table-compare .maindivtitle .rightdiv .button:hover span {
        -webkit-transform: rotate(349deg);
        -moz-transform: rotate(349deg);
        -o-transform: rotate(349deg);
        -ms-transform: rotate(349deg);
        transform: rotate(349deg);
    }

#InventoryPhoneInfo .phonenumber {
    display: block;
    color: #51BDF7;
    font-size: 1.7rem;
    font-weight: 600;
    margin-top: 0.7rem;
    line-height: normal;
}

#recentproducts .prodlist-thumb .productimg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 0px 30px 30px;
    overflow: hidden;
    margin-left: -20px;
    margin-top: -16px;
    margin-bottom: 10px;
    width: calc(100% - -40px);
}

.productsticky {
    position: sticky;
    top: 116px;
    z-index: 9;
    background: #fff;
    padding: 0.7rem 0;
}

.product_compression .leftdiv {
    flex: 0 0 12%;
    max-width: 12%;
}

.product_compression .rightdiv {
    flex: 0 0 88%;
    max-width: 88%;
    display: flex;
}

    .product_compression .rightdiv .list {
        flex: 0 0 33.3%;
        max-width: 33.3%;
        display: flex;
        justify-content: space-between;
        position: relative;
        padding-left: 2.5rem;
    }

        .product_compression .rightdiv .list:not(:last-child) {
            padding-right: 2.5rem;
        }

.product_compression .leftdiv i {
    color: #6C6D6F;
    margin: 0 6px 0 0;
    vertical-align: middle;
}

.product_compression .leftdiv span {
    max-width: 100px;
    color: #77787B;
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    line-height: normal;
}

.product_compression .rightdiv .list:not(:last-child):after {
    content: "";
    background: #707070;
    width: 1px;
    height: 34px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.product_compression .titleleft h4 {
    color: #000000;
    font-size: 14px;
    line-height: normal;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product_compression .titleleft {
    flex: 0 0 65%;
    max-width: 65%;
}

    .product_compression .titleleft small {
        color: #A1A3A5;
        font-size: 11px;
        margin-top: 3px;
        display: block;
    }

.product_compression .prices {
    text-align: right;
}

    .product_compression .prices small {
        color: #000000;
        font-size: 15px;
        text-decoration: line-through;
    }

    .product_compression .prices span {
        color: #0165B3;
        font-size: 21px;
        font-weight: 800;
        margin-top: 0.2rem;
        display: block;
    }

.sdbar-menu.filters .clearfilter:hover {
    background-color: #3ca9e3;
}

.security_sec .mannual:not(:last-child) {
    margin-bottom: 1rem;
}

.security_sec .mannual span {
    background: #F6F6F6;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    display: inline-block;
    text-align: center;
    color: #000000;
    line-height: 42px;
    font-size: 1.6rem;
    vertical-align: middle;
    margin-left: 1rem;
    transition: all 0.3s ease-in-out 0s;
}

.security_sec .mannual a {
    color: #000;
    font-size: 18px;
}

    .security_sec .mannual a:hover span {
        background: #0165B3;
        color: #fff;
    }

.security_sec .main_parent {
    max-width: 710px;
    margin: 0 auto;
    align-items: center;
}

    .security_sec .main_parent h3 {
        color: #000000;
        font-size: 20px;
    }

    .security_sec .main_parent p {
        color: #000;
        font-size: 16px;
    }

.Praktiker-DIY .tt1 .diy-thumb-img {
    border-radius: 0 0 60px 0;
    position: relative;
}

    .Praktiker-DIY .tt1 .diy-thumb-img .arrow {
        position: absolute;
        right: 0;
        z-index: 1;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0 0.7rem;
        transition: all 0.3s ease-in-out 0s;
    }

        .Praktiker-DIY .tt1 .diy-thumb-img .arrow:before {
            background: #0165B3;
            content: "";
            transition: all 0.3s ease-in-out 0s;
            width: 100%;
            height: 100%;
            /* z-index: 999999; */
            position: absolute;
            left: 0;
            top: 0;
            transform: translateX(0%);
        }

    .Praktiker-DIY .tt1 .diy-thumb-img img {
        display: block;
    }

    .Praktiker-DIY .tt1 .diy-thumb-img .arrow .icon:before {
        position: relative;
        padding: 0;
        font-size: 1.5rem;
        bottom: auto;
    }

.Praktiker-DIY .tt1 a:hover .diy-thumb-img .arrow:before {
    transform: translateX(100%);
}

.Praktiker-DIY .tt1 a:hover .diy-thumb-img:before {
    background: rgb(16 101 179 / 22%);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

.Praktiker-DIY .tt1 .diy-thumb-ttl {
    color: #000000;
    font-size: 17px;
    margin: 0;
    font-weight: 300;
    line-height: normal;
}

/*product quick menu*/
.quickmain {
    background: #fff;
    width: 100%;
    position: sticky;
    top: 116px;
    z-index: 9;
}

    .quickmain .productquick {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding: 5px 0;
    }

        .quickmain .productquick .leftcont {
            display: flex;
            align-items: center;
            flex: 0 0 75%;
            max-width: 75%;
        }

        .quickmain .productquick .productcont {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

            .quickmain .productquick .productcont .titleleft {
                flex: 0 0 70%;
                max-width: 70%;
            }

                .quickmain .productquick .productcont .titleleft h4 {
                    font-size: 20px;
                    font-weight: 700;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    line-height: normal;
                    text-overflow: ellipsis;
                    margin: 0 0 4px 0;
                }

                .quickmain .productquick .productcont .titleleft small {
                    color: #636466;
                }

            .quickmain .productquick .productcont .prices small {
                color: #000000;
                font-size: 18px;
                text-decoration: line-through;
            }

        .quickmain .productquick .product-carousel__actions .addbasketBox {
            padding-left: 2rem;
            padding-right: 2rem;
        }

        .quickmain .productquick .productcont .prices span {
            color: #0165B3;
            font-weight: 800;
            font-size: 1.7rem;
            margin-left: 1rem;
        }

        .quickmain .productquick .prodimg {
            margin-right: 1.5rem;
        }

        .quickmain .productquick .leftcont .prodimg img {
            max-width: 80px;
            margin: 0;
        }

#PraktikerHome-OVP {
    border: 0;
}

.product .product__calculator input[type=text] {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 5px;
    border: 0;
    padding-left: 1rem;
    width: auto;
    max-width: 80px;
}

.product .product__calculator h5 {
    color: #20272C;
    font-size: 17px;
    font-weight: 500;
}

.product .product__calculator .button.expanded {
    border-color: #0165B3;
    border-radius: 7px;
    color: #0165B3;
    font-weight: 600;
}

    .product .product__calculator .button.expanded i {
        font-size: 18px;
        vertical-align: middle;
    }

.cls-calculator {
    margin-top: 1rem;
}

.product__calculator .cls-calculator.results-calculator {
    background: #fff;
    border-radius: 10px;
    padding: 7px 1rem !important;
    line-height: normal;
}

.checkboxidv label {
    font-size: 12px;
}

.offterdes {
    line-height: 100%;
}

.productright-box .price-loyalty.pricediv {
    justify-content: flex-end;
}

    .productright-box .price-loyalty.pricediv .pointsdiv {
        border-right: #0165B3 solid 6px;
        border-radius: 50px 7px 7px 50px;
        display: flex;
        padding: 6px 5px 6px 22px;
        margin-right: -32px;
        margin-left: 0;
        border-left: 0;
    }

.offterdes span {
    font-size: 9px;
    line-height: 100%;
    margin: 0;
    font-style: normal;
}

.suggestionsdiv {
    background: none;
}

.description_sec .grid-margin-x {
    align-items: center;
}

    .description_sec .grid-margin-x img {
        max-width: 362px;
        margin: 0 auto;
    }

#PraktikerHome-OVP .cell a i {
    font-size: 3rem;
}

.quickmain .quickmenu {
    background: #F6F6F6;
}

    .quickmain .quickmenu .menulist {
        margin: 0;
        padding: 0;
        display: flex;
        margin-left: auto;
        align-items: center;
    }

        .quickmain .quickmenu .menulist li {
            list-style: none;
        }

            .quickmain .quickmenu .menulist li.active a {
                background: #1065B3;
                color: #fff;
            }

            .quickmain .quickmenu .menulist li a {
                color: #000000;
                font-size: 14px;
                text-decoration: none;
                padding: 0.8rem 2rem;
                display: block;
                /*max-width    : 166px;*/
                text-align: center;
                line-height: normal;
            }

/*medai queries*/
@media screen and (max-width: 767px) {
    header .cd-header-buttons {
        margin: 0;
    }

    .burger-section {
        display: none;
    }

    header .topmenudiv .topright-div .grid-x {
        justify-content: center;
    }
}

@media screen and (max-width: 568px) {
    header .shippingpart a strong {
        display: block;
    }
}

/*mobile css new  2022*/

#FilterModal .callout, .full .callout.bg-dark-gray.nomargin {
    background: #fff;
    border: 0;
    color: #20272C;
    padding: 1rem 1.5rem;
}

/* #FilterModal h3.text-white::before {
    font-family: 'Line Awesome Free';
    font-weight: 900;
    content: "\f1de";
    margin: 0 10px 0 0;
    font-size: 24px;
} */

#FilterModal .close-button, .full .close-button {
    top: 7px;
}

#FilterModal .fa-close:before, .full .fa-close:before {
    content: "\f00d";
    font-family: 'Line Awesome Free' !important;
    font-weight: 900 !important;
}

#FilterModal ul#filters {
    padding-top: 25px;
    margin-bottom: 0;
}

#FilterModal .callout h3, .full .callout.bg-dark-gray.nomargin h3 {
    color: #20272C;
}

#FilterModal .callout .close-button, .full .callout.bg-dark-gray.nomargin .close-button {
    color: #20272C;
}

.ctafixedmodal .button {
    background: #0165B3;
    font-size: 15px;
}

#FilterModal .button {
    font-size: 15px;
    padding: 12px 22px;
    display: block;
}

#Praktiker-Suggestions {
    background: none;
    padding: 0;
}

.prodGal > .cell, .SeriesGal > .cell {
    padding: 0 8px;
}

.sb-search input {
    border: 1px solid #6C6D6F;
    border-radius: 50px;
    padding-left: 1rem;
}

.cd-dropdown-content li.see-all a {
    color: #000;
}

.productbox .productbox_img img {
    width: 100%
}

ul.filters .accordion .is-active > a.accordion-title i {
    transform: rotate(180deg);
}

ul.filters > li .fhead {
    color: #636466;
    font-size: 15px;
}

ul.filters li .small-collapse .isNumeric {
    border: 1px solid #707070;
    border-radius: 5px;
    box-shadow: 0 0 0;
    height: 43px;
}

#sitetopbar a {
    display: inline-block;
}

#sitetopbar .icon {
    font-size: 1.8rem;
    padding: 0;
    height: auto;
}

#sitetopbar {
    justify-content: space-between;
}

/* 4-4-2022 */
.has-children > a,
.go-back a {
    position: relative;
}

    .has-children > a > span::before,
    .has-children > a > span::after,
    .go-back a::before,
    .go-back a::after {
        /* arrow icon in CSS - for element with nested unordered lists */
        content: '';
        position: absolute;
        top: 55%;
        margin-top: -1px;
        display: inline-block;
        height: 2px;
        width: 10px;
        background: #000000;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .go-back a::before,
    .go-back a::after {
        top: 50%;
    }

    .has-children > a > span::before,
    .go-back a::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .has-children > a > span::after,
    .go-back a::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 16px;
    }

    .has-children > a > span::before,
    .has-children > span::after {
        /* arrow goes on the right side - children navigation */
        right: 20px;
        -webkit-transform-origin: 15px 50%;
        -moz-transform-origin: 15px 50%;
        -ms-transform-origin: 15px 50%;
        -o-transform-origin: 15px 50%;
        transform-origin: 15px 50%;
    }

.cd-dropdown-content .go-back a {
    padding-left: 40px;
    background-color: #E5EFF7;
    line-height: 3.2rem;
    color: #20272C;
}

    .cd-dropdown-content .go-back a::before,
    .cd-dropdown-content .go-back a::after {
        /* arrow goes on the left side - go back button */
        left: 20px;
        -webkit-transform-origin: 1px 50%;
        -moz-transform-origin: 1px 50%;
        -ms-transform-origin: 1px 50%;
        -o-transform-origin: 1px 50%;
        transform-origin: 1px 50%;
    }

.cd-main-content {
    background-color: #dcdcdd;
    min-height: calc(100vh - 100px);
    padding: 2em 5%;
    line-height: 2;
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.no-js .cd-dropdown-wrapper .cd-close {
    display: none;
}

.cd-dropdown.dropdown-is-active:after {
    content: "";
    background: rgb(0 0 0 / 30%);
    position: absolute;
    left: 100%;
    height: 100%;
    z-index: 999;
    display: inline-block;
    width: 100%;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.cd-dropdown-content a, .cd-dropdown-content ul a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 0;
    /* border-width: 0; */
    color: #000;
    font-size: 1rem;
}

.cd-secondary-dropdown img {
    height: 3rem;
    margin-right: 10px;
    padding-bottom: 2px;
}

.cd-dropdown h2, .cd-dropdown-content a, .cd-dropdown-content ul a, .cd-dropdown-content .cd-divider {
    padding: 0 0 0 20px;
}
/* #sitetopbar .icon {
    font-size: 1.8rem;
    padding: 0;
    height: auto;
}

#sitetopbar .icon {
    color: #797b7f;
}
.fabtn {
    height: 2.5rem;
    width: 1.7rem;
    font-size: 1.4rem;
    padding: 0.5rem 0.2rem;
    color: #797b7f;
} */

ul.attributetable {
    margin: 0;
    padding: 0;
}

    ul.attributetable li {
        margin: 0;
        list-style: none;
        padding: 7px 15px;
    }

        ul.attributetable li:nth-child(odd) {
            background: #F6F6F6;
        }

        ul.attributetable li strong {
            display: block;
        }

.ribbon-section a {
    font-family: 'NeutrafaceText-Bold',sans-serif;
}

#InventoryProdInfo {
    box-shadow: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 6px;
    background-color: white !important;
}

#storeTable strong.av-limited, #storeTable strong.av-avail {
    font-family: 'NeutrafaceText-Book', sans-serif;
    color: #636466;
}

#storeTable .av-avail, #storeTable .av-limited {
    position: relative;
    /* padding: 0 0 0 25px; */
}

    #storeTable .av-avail::before {
        content: '';
        position: absolute;
        top: 5px;
        left: -28px;
        width: 16px;
        height: 16px;
        background-color: #379279;
        border-radius: 50%;
    }

#InventoryProdDetails {
    box-shadow: none;
    border-radius: 30px;
    overflow: hidden;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    max-height: 280px;
    overflow-y: auto;
}

#storeTable tr td {
    padding-left: 30px;
}

#storeTable .av-limited::before {
    content: '';
    position: absolute;
    top: 5px;
    left: -28px;
    width: 16px;
    height: 16px;
    background-color: #FFC400;
    border-radius: 50%;
}

.ckavailbilityprod .modal-text p {
    color: #636466;
    font-size: 12px;
    margin: 30px 0;
    display: flex;
    align-items: center;
    line-height: 15px;
    justify-content: center;
    width: fit-content;
}

    .ckavailbilityprod .modal-text p span {
        margin-right: 17px;
        font-weight: bold;
    }

.ckavailbilityprod .modal-text a {
    color: white;
    font-size: 15px;
    font-weight: bold;
    margin: 0 auto;
    background: #51BDF7;
    padding: 12px;
    border-radius: 5px;
    width: fit-content;
    display: flex;
    flex-direction: row-reverse;
}

    .ckavailbilityprod .modal-text a span {
        margin-right: 0 !important;
        margin-left: 15px;
    }

.ckavailbilityprod .modal-footer p {
    margin: 0 auto;
}

.ckavailbilityprod .modal-footer {
    background-color: white;
    display: flex;
    flex-direction: column-reverse;
    padding: 23px;
}

#storeTable tr {
    background-color: transparent !important;
}

#storeTable tbody {
    border: 0;
    background-color: transparent !important;
}

#ShowInventoryInfo .callout {
    border: none;
}

    #ShowInventoryInfo .callout p {
        color: #20272C;
    }

    #ShowInventoryInfo .callout .fa-close-modal {
        color: black;
        font-size: 12px;
    }

.ckavailbilityprod p {
    color: #000000;
    font-size: 14px;
}

#storeTable a.url-lg-cyan {
    display: flex;
    align-items: center;
    color: #0165B3 !important;
}

.cd-dropdown-content li, .cd-dropdown-content ul li {
    text-align: left !important;
}

.mainnavigationcommon i {
    font-size: 1.275rem;
    margin-right: 0.675rem;
    line-height: 0;
}

.mainnavigationcommon a {
    display: flex;
    align-items: center;
    font-weight: 700;
}

.mainnavigationcommon li:nth-child(1) a, .mainnavigationcommon li:nth-child(2) a {
    font-weight: 700;
    font-size: 1.25rem;
}

.collect-add .input-group-button {
    margin-left: -1px;
}

.custom-select-list li a {
    font-weight: 700;
}

    .custom-select-list li a:before {
        content: "\e25e";
        font-family: "praktiker-icons" !important;
        color: #0066b3;
        margin-right: 7px;
        line-height: 1.25rem;
        position: relative;
        top: 3px;
    }

.selectedAddress-top span {
    color: #000;
}

    .selectedAddress-top span u {
        color: #1165B3;
    }

.storeline {
    color: #000;
}

#offer-products-grid .offer-product .full-link {
    position: absolute;
    top: 0;
    width: calc(100% - 40px);
    height: calc(100% - 70px);
}

#pnlCollect.sticky-collect {
    position: fixed;
    width: 100%;
    z-index: 3;
    top: 118px;
}

.height-400 {
    height: 400px
}

.newproduct {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 18px;
    border-radius: 4px;
    box-shadow: rgb(51 51 51 / 20%) 0 0 10px;
    font-weight: bold;
    margin-right: 12px;
    background: #FFEE3F;
    color: #0165B3;
    margin: 7px 0 2px 0;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    margin-left: 10px;
}

.product-grid-view .product-carousel .productimg,
#Hotdealcarousel.prodlist-thumbs .product-carousel .productimg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 0px 0px 30px 30px;
    overflow: hidden;
    margin-left: -20px;
    margin-top: -20px;
    margin-bottom: 10px;
    width: calc(100% - -40px);
}

#Hotdealcarousel .owl-stage {
    display: flex;
    justify-content: space-between;
    overflow-x: auto;
}

@media (max-width: 640px) {
    #Hotdealcarousel .owl-stage-outer {
        max-height: 1000px;
    }
}

.descriptoin_textcls {
    letter-spacing: 0px;
    font-family: 'NeutrafaceText-Book',sans-serif !important;
    text-align: justify;
}

.product_short_description {
    height: 60px;
}

#pnlProductDetails .ckavailbilityprod .modal-text p {
    width: auto;
}

#pnlProductDetails .ckavailbilityprod .modal-text a {
    color: #51BDF7;
    font-size: 25px;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    margin-top: -25px;
    background: transparent;
    flex-direction: initial;
}

#diyprotaseis .owl-nav button {
    bottom: -30px;
    top: auto;
}

    #diyprotaseis .owl-nav button.owl-prev {
        left: calc(50% - 50px);
    }

    #diyprotaseis .owl-nav button.owl-next {
        right: calc(50% - 50px);
    }

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
    display: flex;
}

.owl-carousel .productbox.productbox-grid {
    height: 100%;
}

.owl-carousel .cell {
    height: 100%;
}

/*
 * Perfect Scrollbar style
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: darkslategrey;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: darkslategrey;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 7px;
    /* there must be 'right' for ps__thumb-y */
    right: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}

.ps__rail-x,
.ps__rail-y {
    opacity: 0.6;
}

.ps__rail-y {
    margin: 4.5rem 0 0.5rem 0;
}

.ps__rail-x {
    top: 0px;
    bottom: auto;
    /* If using `top`, there shouldn't be a `bottom`. */
}

.ps__rail-y {
    left: 0px;
    right: auto;
    /* If using `left`, there shouldn't be a `right`. */
}

.ps__thumb-x {
    top: 2px;
    bottom: auto;
    /* If using `top`, there shouldn't be a `bottom`. */
}

.ps__thumb-y {
    left: 2px;
    right: auto;
    /* If using `left`, there shouldn't be a `right`. */
}

.nicescroll-rails.nicescroll-rails-vr {
    top: 4rem !important;
}

.CollectDisabledSeeStore {
    background-color: #70ad47;
    margin-top: 10px;
    color: #000;
    padding: 10px;
    text-align: center;
    font-weight: 600;
}

.product__price--main {
    font-family: 'NeutrafaceText-Bold',sans-serif;
    font-size: 1.775rem;
    letter-spacing: -0.04em;
    color: #000000;
    /* min-height: 46px; */
    line-height: 1.5rem;
    text-align: right;
    letter-spacing: -0.04em;
}

.only-price-flag {
    /*background-image: url(/images/price-only-big_new-no-border.png);*/
    /*background-image: url(/images/price-mono.png);*/
    /*background-image: url(/images/price-mono-black-friday.png);*/
	background-image: url(https://s3.praktiker.gr/images/price-killer.png);
    /*background-image: url(https://s3.praktiker.gr/images/price-mono-sales.png);*/
    padding-left: 110px;
    background-position-x: left;
    background-repeat: no-repeat;
    line-height: 1.5rem;
    display: inline !important;
    /*background-position-y: 13px;*/
    /*color: #005baa;*/
    /*background-position: 0 3px;*/
}

.sbl-search-price.only-price-flag {
    min-height: 36px !important;
}

.productbox .only-price-flag {
    background-position-y: 60%;
    line-height: 1.5rem;
}

.crafstmen-price {
    padding-left: 10px;
    line-height: 1.5rem;
    display: inline !important;
    color: #005baa !important;
}

.productbox .crafstmen-price {
    background-position-y: 1px;
    line-height: 1.5rem;
}

.lblCraftsmenPrice {
    color: #0165B3;
    font-weight: bold;
    padding-right: 10px;
    display: flex;
}

.lblPrice {
    color: #0165B3;
    font-weight: bold;
    padding-right: 10px;
    display: flex;
}

.lblPriceProduct {
    color: #0165B3;
    font-weight: bold;
    padding-right: 135px;
}

.deletedCustomBackground {
    border-radius: 20px;
    /*padding: 0 20px;*/
    /*margin-left: -50px !important;*/
    /*background: linear-gradient(to right, #fcdd00, transparent) !important;*/
    margin-left: 25px;
    margin-right: -14px;
}

.euroCustombackground {
    position: relative;
    /*left: -12px;*/
}

.priceCustomBackground {
    background-image: url('../Images/yellow-fasa-no-border.png');
    background-repeat: no-repeat;
    line-height: 2rem;
    padding-left: 125px;
    background-position-y: 4px;
    /*background: linear-gradient(to right, #fcdd00, transparent);*/
    /* border-radius: 20px;
    padding-left: 25px;
    margin-right: -14px;
    padding: 0 20px;*/
}

.killthebill {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 10px;
    border-radius: 4px;
    box-shadow: rgba(51, 51, 51, 0.2) 0px 0px 10px;
    font-weight: 700;
    margin-right: 12px;
    background: #ffdd03;
    color: black;
    font-family: 'NeutrafaceText-Bold',sans-serif;
    margin-left: 10px;
    text-align: right;
    border: 1px solid black;
}

.price-xoma {
    background-image: url(https://s3.praktiker.gr/images/price-xoma.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    padding: 16px 10px;
    margin-right: 12px;
    margin-left: 10px;
    display: inline-block;
    width: 50%;
}

.price-lioma {
    background-image: url(https://s3.praktiker.gr/images/price-lioma.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    padding: 16px 10px;
    margin-right: 12px;
    margin-left: 10px;
    display: inline-block;
    width: 50%;
}

.price-black-friday {
    background-image: url(https://s3.praktiker.gr/images/price-black-friday.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    padding: 16px 10px;
    margin-right: 12px;
    margin-left: 10px;
    display: inline-block;
    width: 50%;
}

.price-cyber-week {
    background-image: url(https://s3.praktiker.gr/images/price-cyber-week.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    padding: 16px 10px;
    margin-right: 12px;
    margin-left: 10px;
    display: inline-block;
    width: 50%;
}

.price-sales {
    background-image: url(https://s3.praktiker.gr/images/price-sales.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    padding: 16px 10px;
    margin-right: 12px;
    margin-left: 10px;
    display: inline-block;
    width: 50%;
}


.exponetial-prices {
    position: relative;
    text-align: right;
    font-family: "NeutrafaceText-Book", san-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -1.2px;
    vertical-align: super;
}


.exponetial-prices-withdrawn {
    text-align: right;
    font-family: 'NeutrafaceText-Book',sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -1.2px;
    vertical-align: super;
}


.killthebill span .small {
    font-size: 10px;
    vertical-align: top !important;
}

.killthebill-blue {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 4px;
    border-radius: 4px;
    box-shadow: rgb(51 51 51 / 20%) 0 0 10px;
    font-weight: 700;
    margin-right: 12px;
    background: #00A5D8;
    color: #ffffff;
    margin-left: 10px;
    text-align: right;
}

    .killthebill-blue span {
        font-family: 'PFFreeScriptBold';
        font-weight: 700;
    }


        .killthebill-blue span.killthebill-blue-price {
            font-family: 'Horiatia';
            font-weight: 400;
        }

.killthebill-black {
    display: inline-block;
    vertical-align: middle;
    padding: 1px 4px;
    border-radius: 4px;
    box-shadow: rgb(51 51 51 / 20%) 0 0 10px;
    font-weight: 700;
    margin-right: 12px;
    background: #000000;
    color: #ffffff;
    margin-left: 10px;
    text-align: right;
}

    .killthebill-black span {
        font-family: 'NeutrafaceText-Bold',sans-serif;
        font-weight: 700;
    }


        .killthebill-black span.killthebill-black-price {
            font-family: 'Horiatia';
            font-weight: 400;
        }



.delCustomClass {
    position: absolute;
    top: 4px;
    margin-left: 2.2rem;
}

.customDelPriceBg {
    position: relative;
}

.priceCustomBackgroundGeneral {
    background-image: url(/images/yellow-fasa-no-border.png);
    background-repeat: no-repeat;
    line-height: 2rem;
    padding-left: 7rem;
    background-position-y: 10px;
}

.deletedPriceGeneral {
    position: relative !important;
    top: -2px;
    right: 0px !important;
    margin-left: 2.2rem !important;
}

.kill-the-bill {
    background-image: url(/images/yellow-fasa-no-border.png);
    background-position-x: left;
    background-repeat: no-repeat;
    line-height: 2rem;
    background-position-y: 7px;
}

.largePrice.discount.kill-the-bill {
    color: black !important;
}
    .kill-the-bill .product__price--deleted {
        font-family: 'NeutrafaceText-Book', sans-serif;
        font-size: 1.125rem;
        top: -1px;
        position: relative;
        right: 65px;        
    }

.product__price--deleted::before {
    content: "";
    border-top: 1px solid red;
    position: absolute;
    width: 100%;
    top: 4px;
}

.prodGal .kill-the-bill {
    display: inline-block;
    padding-left: 100px;
}

#pnlProductDetails .kill-the-bill {
    display: inline-block;
    padding-left: 40px;
}

.kill-the-bill .deleted {
    font-family: 'NeutrafaceText-Book', sans-serif;
    font-size: 1.125rem;
    position: relative;
    top: -3px;
    left: -40%;
    color: black !important;
}

    .kill-the-bill .deleted::before {
        content: "";
        border-top: 1px solid red;
        position: absolute;
        width: 100%;
        top: 5px;
    }

@media screen and (min-width: 600px) {
    .kill-the-bill {
        background-position-x: 30px;
    }
}

.discounted-price-flag {
    color: #005baa
}

.fa-times:before {
    content: "\e1cf" !important;
}

.static-content .lblstatus {
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    width: 90px;
    height: 40px;
    font-size: 18px;
}

.static-content .lbl-open {
    background: #3b8714;
}

.static-content .lbl-closed {
    background: #9c0000;
}

/*accordion-stores*/
.accordion-stores.new {
    background: none;
    padding: 0;
    margin: 0 0 0 0;
}

    .accordion-stores.new li {
        padding-left: 0;
        text-indent: 0;
        margin-bottom: -40px;
        margin-top: 0;
    }

        .accordion-stores.new li:before {
            content: none;
        }

    .accordion-stores.new .margin-top-ul {
        margin-top: 0.5rem;
    }

    .accordion-stores.new .green-bullet {
        width: 30px;
        height: 30px;
        border-radius: 80%;
        background-color: #fedc3b;
    }

    .accordion-stores.new .accordion-stores-title {
        border: none;
        padding: 0;
        text-align: center;
    }

        .accordion-stores.new .accordion-stores-title:hover {
            text-decoration: none;
            background-color: transparent;
        }

    .accordion-stores.new .accordion-stores-content {
        display: none;
        padding: 0;
        border: none;
        background-color: transparent;
        color: #000000;
        border-radius: 50px;
        text-align: left;
    }

.accordion-stores-content {
    background-color: transparent !important;
}

.accordion-stores.new .list-normal {
    list-style: initial !important;
    padding-left: 20px;
}

.accordion-stores-title::before {
    top: 0 !important;
    right: auto;
    margin-top: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.accordion-stores.new .accordion-stores-title::before, .accordion-stores.new .accordion-stores-title::before {
    color: #005BAA;
    content: "\33"; /* velaki down accordion-stores */
    font-size: 3rem;
}

.is-active > .accordion-stores-title::before {
    content: "\36" !important; /* velaki up accordion-stores */
}

.accordion-stores-title:focus, .accordion-stores-title:hover {
    background-color: transparent;
}

li.accordion-stores-item.is-active p.show-closed, li.accordion-stores-item p.show-opened {
    display: none;
}

li.accordion-stores-item p.show-closed, li.accordion-stores-item.is-active p.show-opened {
    display: block;
}

.accordion-stores-title:hover::before {
    position: absolute;
    animation-name: example;
    animation-duration: 1s;
}

@keyframes example {
    0% {
        margin-top: 0px;
    }

    25% {
        margin-top: 5px;
    }

    50% {
        margin-top: 10px;
    }

    75% {
        margin-top: 5px;
    }

    100% {
        margin-top: 0px;
    }
}
/* ----------------- */
@media (max-width: 64em) {
    .accordion-stores.new .decoration {
        padding: 19px 28px 19px 60px;
    }

    .accordion-stores.new li {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .accordion-stores.new .green-bullet {
        display: none;
    }

    .accordion-stores.new .accordion-stores-title::before, .accordion-stores.new .accordion-stores-title::before {
        color: #005BAA;
        padding: 0;
        left: 13px;
        margin-top: 60px;
        font-size: 2.5rem;
        font-family: "praktiker-icons";
        width: 40px;
        height: 40px;
        background-image: none;
    }

    .is-active > .accordion-stores-title::before {
        content: "\36" !important; /* velaki up accordion-stores */
    }

    img.img-out-grid {
        max-width: 100vw;
    }

    img.img-out-grid-left {
        max-width: 100vw;
        position: relative;
        left: calc(100% - 100vw);
    }
}