/*!
 * Bootstrap Grid v4.0.0-beta.2 (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (prefers-reduced-motion) {
  .animated {
    -webkit-animation: unset !important;
    animation: unset !important;
    -webkit-transition: none !important;
    transition: none !important;
  }
}

/* Rewind */ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}
/* FONTS */
/* latin-ext */
:root { --focus-outline-color: transparent !important; }
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url(https://actec.dk/skin/frontend/makers/actec/fonts/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGIVzY5abuWIGxA.woff2) format('woff2');
  font-display: swap;
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://actec.dk/skin/frontend/makers/actec/fonts/NaPDcZTIAOhVxoMyOr9n_E7ffGjEGItzY5abuWI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://actec.dk/skin/frontend/makers/actec/fonts/NaPecZTIAOhVxoMyOr9n_E7fdM3mDaZRbryhsA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://actec.dk/skin/frontend/makers/actec/fonts/NaPecZTIAOhVxoMyOr9n_E7fdMPmDaZRbrw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://actec.dk/skin/frontend/makers/actec/fonts/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGIVzY5abuWIGxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://actec.dk/skin/frontend/makers/actec/fonts/NaPDcZTIAOhVxoMyOr9n_E7ffBzCGItzY5abuWI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://actec.dk/skin/frontend/makers/actec/fonts/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGIVzY5abuWIGxA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://actec.dk/skin/frontend/makers/actec/fonts/NaPDcZTIAOhVxoMyOr9n_E7ffHjDGItzY5abuWI.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* -- for testing -- */
.gazelle h1{
	display:  none;
}

h1 {
	line-height: 39px;
}
a {
	color: #99d100;
}
div *, * {
	box-sizing: border-box;
}
strong {
	font-weight: 700;
}
input,
textarea,
button,
select {
	/* font-family: 'Titillium Web', sans-serif; */
	font-family: 'Inter', sans-serif; 
}
body {
	/* color: #545454; */
	color: #1D2B35;
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 400;
	/* font-family: 'Titillium Web', 'Arial', sans-serif; */
	font-family: 'Inter', sans-serif; 
}
	body.fixed {
		padding-top: 64px;
	}
.global-site-notice.demo-notice {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  background: red;
  z-index: 10;
  color: #fff;
}
.margin-bottom { margin-bottom: 24px; }
.margin-bottom-small { margin-bottom:12px; }
.margin-bottom-tiny { margin-bottom:6px; }
.cms-page-view .col1-layout.main,
.inner {
	width: 100%;
	max-width: 1170px;
	padding: 0 15px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.inner.top {
	position: static;
	padding: 0;
}
.inner.no-padding {
	padding: 0;
}
.header-inner {
	position: relative;
}

/* HEADER */
.header-container {
	background: #1D2B35;
	height: 96px;
	width: 100%;
	top: 0;
	left: 0;
	position: relative;
	z-index: 6;
	/* border-bottom: 2px solid #fff; */
}
	.top-area {
		position: relative;
	}
	.logo {
		display: block;
		width: 104px;
		/*padding: 6px 0 0;*/
		padding: 0;
		position: absolute;
		top: 17px;
		left: 15px;
	}
		.logo img {
			width: 100%;
			height: auto;
		}
		.header__lang{
			margin-left: 30px;
		}
			.header__lang > span {
				color: #fff;
				cursor: pointer;
				display: flex;
			}
		.header__lang_options {
			pointer-events: none;
			position: absolute;
			background:  #fff;
			color: #1D2B35;
			padding: 8px 16px;
			border-radius: 35px;
			top: calc(100% + 8px);
			right: 0;
			opacity: 0;
			z-index: 8;
			display: flex;
			/*flex-direction: column;*/

		}

.header__lang_options.is-open{
	pointer-events: auto;
	opacity: 1;

}

		.header__lang__item{
			position: relative;
			font-size:  15px;
			text-transform: uppercase;
			color: #1D2B35;
			display: inline-block;
			margin-right: 8px;
			transition: color 0.35s ease;
			letter-spacing: 0.03em;
			text-decoration: none;
			padding: 8px;
		}
		.header__lang__item:last{
			margin-right:  0;
		}
		.header__lang__item:last-child{
			margin-right:  0;
		}
		.header__lang__item:hover{
			cursor: pointer;
			color: #99d100;
		}
		.header__lang__item.active:after{
			content: '';
			position: absolute;
			left: 0;
			bottom: 0;
			height: 1px;
			background: #fff;
			width: 100%;
			opacity: 0.3;
		}
		.header__lang__item.active:hover{
			color: #fff;
			cursor: default;
		}
	#ct-menu-topmenu__wrapper {
		position: absolute;
		top: 39px;
		right: 250px;
		display: flex;
		align-items: center;
		z-index: 8;
	}
	#ct-menu-topmenu {
		/*position: absolute;
		top: 6px;
		right: 15px;*/
	}
		#ct-menu-topmenu li {
			line-height: 13px;
			float: left;
			padding: 0 0 0 10px;
			margin: 0 0 0 10px;
			border-left: 1px solid #6b7982;
		}
		#ct-menu-topmenu li.menu-position-0 {
			border: none;
			padding: 0;
		}
		#ct-menu-topmenu li.external {
			border: none;
			position: relative;
		}
		#ct-menu-topmenu li.external.ext-first {
			margin: 0 0 0 20px;
		}
			#ct-menu-topmenu li.external:before {
				content: "";
				display: block;
				width: 5px;
				height: 9px;
				position: absolute;
				top: 2px;
				left: 0;
				background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -1px -23px no-repeat transparent;
			}
			#ct-menu-topmenu li a {
				display: block;
				font-size: 11px;
				text-decoration: none;
				transition: color 0.35s ease;
				letter-spacing: 0.03em;
				color: #6b7982;
			}
			#ct-menu-topmenu li.menu-item-active a,
			#ct-menu-topmenu li a:hover {
				color: #99d100;
			}
	.header-container .menus {
		/*position: absolute;
		top: 27px;
		left: 195px;*/
		margin: 0 0 0 195px;
		width: calc(100% - 400px);
	}
	
	#ct-menu-mainmenu {
		float: left;
		display: block;
		margin-top: 32px;
	}
		#ct-menu-mainmenu li.level-0 {
			margin: 0 12px 0 0;
			position: relative;
			float: left;
		}
		#ct-menu-mainmenu li.level-0 > a,
		#ct-menu-mainmenu li.level-0 > span {
			padding: 8px 16px;
			display: block;
			/* color: #fff; */
			color: #ECEFEE;
			font-weight: 400;
			position: relative;
			z-index: 1;
			/* text-transform: uppercase; */
			text-decoration: none;
			font-size: 14px;
			border-radius: 20px;
		}
		#ct-menu-mainmenu li.level-0.menu-has-children > a,
		#ct-menu-mainmenu li.level-0.menu-has-children > span {
			border-radius: 20px 20px 0 0;
		}
		#ct-menu-mainmenu li.level-0.menu-has-children.menu-position-0 > a,
		#ct-menu-mainmenu li.level-0.menu-has-children.menu-position-0 > span {
			border-radius: 20px;
		}
		#ct-menu-mainmenu li.level-0.menu-item-active > a {
			color: #99d100;
		}
		#ct-menu-mainmenu li.level-0.hover,
		#ct-menu-mainmenu li.level-0.last.hover {
			/* background-color: #f7f7f7; */
		}

		@media screen and (min-width: 1001px){
			li.level-0.menu-position-0{
				padding-bottom: 30px;
			}
		}

		

			#ct-menu-mainmenu li.level-0.hover > a,
			#ct-menu-mainmenu li.level-0.last.hover > a {
				color: #000;
				background-color: #fff;
			}

		/* New menu */
		/* Level 0 */
		#ct-menu-mainmenu li.level-0.menu-position-0 {
			position: static;
		}
		#ct-menu-mainmenu li.level-0 > .children {
			display: none;
			background-color: #fff;
			/* background-color: #f7f7f7; */
			box-shadow: 0 12px 24px rgba(0,0,0,.06);
			padding: 20px;
			position: absolute;
			top: 100%;
			z-index: 5;
			left: 0;
			width: auto;
			min-width: 300px;
		}
		/*#ct-menu-mainmenu li#menu-item-48 > .children {
			display: block !important;
		}*/
		#ct-menu-mainmenu li.level-0.menu-position-0 > .children {
			/* position: fixed; */
			position: absolute;
			top: 94px;
			left: 0;
			width: 100%;
			/*height: 525px;*/
			height: auto;
			padding: 40px 0;
			border-bottom: 1px solid #ececec;
		}
		@media (min-width: 1001px){
			#ct-menu-mainmenu.menu-count-offset-1 li.level-0.menu-position-0 > .children {
				padding-bottom: 95px;
			}
			#ct-menu-mainmenu.menu-count-offset-2 li.level-0.menu-position-0 > .children {
				padding-bottom: 150px;
			}
			#ct-menu-mainmenu.menu-count-offset-3 li.level-0.menu-position-0 > .children {
				padding-bottom: 205px;
			}
			#ct-menu-mainmenu.menu-count-offset-4 li.level-0.menu-position-0 > .children {
				padding-bottom: 260px;
			}
		}
		#ct-menu-mainmenu li.level-0.menu-position-0 > .children > ul {
			max-width: 1170px;
			padding: 0 15px;
			margin: 0 auto;
			position: relative;
			box-sizing: border-box;
			/*display: flex;
			flex-wrap: wrap;
			gap: 16px 0;*/
		}
		#ct-menu-mainmenu li.level-0 > .children li {
			margin-bottom: 6px;
		}
		#ct-menu-mainmenu li.level-1 > .children {
			margin-top: 6px;
		}
		#ct-menu-mainmenu li.level-0.hover > .children { display: block; }
		#ct-menu-mainmenu li.level-0 > .children li a,
		#ct-menu-mainmenu li.level-0 > .children li > span.label {
			font-weight: normal;
			text-decoration: none;
			font-size: 15px;
			font-weight: 400;
			line-height: 140%;
			padding: 0;
			color: #1D2B35;
			display: inline-block;
			transition: font-weight .075s ease-out;
		}
			#ct-menu-mainmenu li.menu-type-category.level-0 > .children li.level-1 > a,
			#ct-menu-mainmenu li.menu-type-category.level-0 > .children li.active > a,
			/*#ct-menu-mainmenu li.level-0 > .children li > a:hover,*/
			/*#ct-menu-mainmenu li.level-0 > .children li.level-3:hover > a,*/
			#ct-menu-mainmenu li.level-2.menu-item-active > a {
				position: relative;
				font-weight: 700;
			}
			#ct-menu-mainmenu li.level-0 > .children li.level-1.menu-item-active > a,
			#ct-menu-mainmenu li.level-2.menu-item-active > a,
			#ct-menu-mainmenu li.level-0 > .children li.level-1 > a:hover,
			#ct-menu-mainmenu li.level-0 > .children li.level-2 > a:hover,
			#ct-menu-mainmenu li.level-0 > .children li.level-2.menu-item-active > a {
				color: #99d100;
			}

			/*#ct-menu-mainmenu li.level-0 > .children li.active.menu-has-children > a:after,
			#ct-menu-mainmenu li.level-0 > .children li.menu-has-children:hover > a::after {
				content: "";
				display: block;
				width: 12px;
				height: 20px;
				background: url("https://actec.dk/skin/frontend/makers/actec/images/chev.svg") 0 0 no-repeat transparent;
				position: absolute;
				top: 15px;
				right: 40px;
			}*/
		/* Level 1 */
		#ct-menu-mainmenu li.menu-position-0 li.level-1 {
			/*position: static;*/
			display: block;
			width: calc(25% - 16px);
			margin-bottom: 20px;
			padding-right: 16px;
		}
		/* For click-open mainmenu 
		#ct-menu-mainmenu li.level-1 > .menu-item-inner {
			position: relative;
		}
		#ct-menu-mainmenu li.level-1 > .menu-item-inner > a {
			width: calc(100% - 55px);
			padding: 16px 8px !important;
			border-radius: 4px;
		}
			#ct-menu-mainmenu li.level-1 > .menu-item-inner > a:hover {
				background-color: #e7e7e7;
			}
		#ct-menu-mainmenu li.level-1 > .menu-item-inner > .mobile-expander-inline {
				display: block;
				cursor: pointer;
				width: 55px;
				height: 100%;
				background: url("https://actec.dk/skin/frontend/makers/actec/images/chev.svg") center center no-repeat transparent;
				position: absolute;
				top: 0;
				right: 0;
				border-radius: 4px;
		}
			#ct-menu-mainmenu li.level-1 > .menu-item-inner > .mobile-expander-inline:hover {
				background-color: #e7e7e7;
			}
			# Click-open mainmenu end
		*/


		/* #ct-menu-mainmenu li.menu-type-category li.level-1 .children { display: none; } */
		#ct-menu-mainmenu li.menu-position-0 li.level-1.active > .children { display: block; }
		#ct-menu-mainmenu li.menu-position-0 li.level-2 > .children { display: none; }
		/*#ct-menu-mainmenu li.menu-type-category li.level-1 > .children {
			position: absolute;
			top: 0;
			width: calc(66.666666% - 20px);
			left: calc(33.333333% + 5px);
		}*/
		/*#ct-menu-mainmenu li.menu-type-category li.level-2 {
			width: 50%;
		}
		#ct-menu-mainmenu li.menu-type-category li.level-2 > .children {
			position: absolute;
			top: 0;
			left: 50%;
			width: 50%;
		}*/

		#ct-menu-mainmenu .menu-item-image-desc-area {
			position: absolute;
			top: 16px;
			right: 100px;
			display: none;
			width: 260px;
		}
			.menu-item-image-desc-area img {
				width: 100%;
				height: auto;
			}
			.menu-item-image-desc-area .img {
				margin-bottom: 12px;
			}
			.menu-item-image-desc-area .label {
				display: none !important;
				line-height: 23px;
			}
			#ct-menu-mainmenu .menu-item-image-desc-area.shown {
				display: block;
			}
		/* New menu END */

	#ct-menu-socialmenu {
		position: absolute;
		top: 25px;
		right: 205px;
		display: block;
	}
		#ct-menu-socialmenu li {
			display: inline-block;
			vertical-align: top;
			width: 31px;
			height: 31px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -1px -49px no-repeat transparent;
			transition: opacity 0.35s ease;
			margin: 0 2px;
		}
		#ct-menu-socialmenu li.linkedin {
			background-position: -1px -85px;
		}
		#ct-menu-socialmenu li.youtube {
			background-position: -35px -85px;
		}
			#ct-menu-socialmenu li a {
				display: block;
				height: 100%;
			}
	
	#searcher,#clerk-search {
		position: absolute;
		width: 24px;
		overflow: hidden;
		top: 31px;
		right: 15px;
		width: 24px;
		height: 30px;
		border: none;
		z-index: 6;
		transition: width 0.35s ease;
	}
		#clerk-search.open {
			width: 320px;
			overflow: visible;
		}
	#clerk-search-form {
		position: absolute;
		right: 24px;
		margin-right: 12px;
		background-color: #3a566b;
		border-radius: 20px;
	}
	#searcher:after,
	#clerk-search:after {
		display: block;
		width: 18px;
		height: 17px;
		position: absolute;
		top: 8px;
		left: 6px;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -1px -1px no-repeat transparent;
	}
		#searcher input,
		#clerk-search input,
		#clerk-search input:focus-visible {
			height: 30px;
			border: none;
			padding: 0 6px;
			width: 100%;
			font-size: 13px;
			background: none transparent;
			border: none;
			outline: 0;
			color: #fff;
		}
	#clerk-search-toggle {
		position: absolute;
		top: 3px;
		right: 0;
	}

	/* SEARCH START */
	#searcher #am_search_container .more_results,
	#clerk-search .more_results {
		display: block;
		text-align: center;
		background: #cccccc;
		height: 35px;
		line-height: 34px;
		text-decoration: none;
		color: #313131;
		cursor: pointer;
	}
	#clerk-search .more_results:hover {
		text-decoration: underline;
	}
	#clerk-no-products {
		margin: 0 0 17px;
		font-style: italic;
		font-size: 14px;
	}
	#searcher #am_search_container,
	#clerk-search #clerk-search-container {
		display: none;
		position: absolute;
		top: 100%;
		right: 0;
	    z-index: 40000;
	    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
		text-align: left;
	}
		#clerk-search.shown #clerk-search-container {
			display: block;
		}
		#searcher #am_search_container:before,
		#clerk-search #clerk-search-container:before {
			background-color: #99ca3c;
		    content: "";
		    height: 50px;
		    margin-top: 0;
		    position: absolute;
		    right: 28px;
		    top: 14px;
		    transform: rotate(45deg);
		    width: 50px;
		}
	#searcher .am_search_popup,
	#clerk-search .am_search_popup {
		background-color: #ffffff;
	    margin: 14px 0 0;
	    overflow: hidden;
	    position: relative;
	    width: 616px;
	}
	#searcher .am_search_popup,
	#searcher .am_search_popup_inner,
	#clerk-search .am_search_popup,
	#clerk-search .am_search_popup_inner {
		border-bottom: none;
		border-left: none;
		border-right: none;
		border-width: 5px;
		border-color: #99ca3c;
	}
	#clerk-search .am_search_popup .outer-container {
		border-bottom: 1px solid #cccccc;
	    margin: 0;
	    overflow-y: auto;
	    display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#clerk-search .am_search_popup_inner {
		border-left: 1px solid #cccccc;
	    box-sizing: border-box;
	    display: block;
	    padding: 20px 20px 0;
	    width: 50%;
	    overflow: hidden;
	}
	#clerk-search .am_search_popup_inner.catinner {
		border: none;
	}
	#clerk-search .am_search_popup_inner.catinner ul {
		list-style-type: none;
	    margin: 15px 0 0 0;
	}
		#clerk-search .am_search_popup_inner.catinner ul li {
			margin: 0 0 10px;
			font-size: 14px;
			line-height: 16px;
		}
		#clerk-search .am_search_popup_inner.catinner ul li.child {
			margin-left: 16px;
		}
			#clerk-search .am_search_popup_inner.catinner ul li.parent a {
				color: #000;
				font-style: italic;
			}
			#clerk-search .am_search_popup_inner.catinner ul li a {
				font-size: 14px;
				text-decoration: none;
				color: #000;
			}
			#clerk-search .am_search_popup_inner.catinner ul li a:hover {
				text-decoration: underline;
			}
		#clerk-search .am_search_popup_inner.prodinner h3 {
			margin: 0 0 15px;
		}
	
		#clerk-search .am_search_popup_inner.prodinner a {
		    display: block;
	    	margin: 0 0 6px;
	    	text-decoration: none;
			border-bottom: 1px solid #cccccc;
			color: #000;
		}
		#clerk-search .am_search_popup_inner.prodinner a:nth-child(6) {
			border-bottom: none;
		}
	
	#clerk-search .am_search_popup div.am_element {
		background: transparent none repeat scroll 0 0;
	    border: medium none;
	}
		#clerk-search .am_search_popup div.am_element > div {
			float: none;
			padding: 0 0 6px;
		}
		#clerk-search .am_search_popup .am_image {
			height: 55px;
			width: 55px;
			display: table-cell;
			padding-right: 10px;
		}
			#clerk-search .am_search_popup .am_image > img {
				height: 55px;
			    width: 55px;
			    border: 1px solid #7c8084;
			}
		#clerk-search .am_search_popup .am_right {
			border-left: medium none;
	    	padding-left: 0;
	    	display: table-cell;
	    	vertical-align: top;
	    	font-size: 14px;
			line-height: 18px;
		}	
		#clerk-search .am_search_popup_inner a:hover {
			/*background-color: #e8f2d5;*/
			text-decoration: underline;
		}
		/*#clerk-search .am_search_popup_inner:hover .am_right .am_title,
		#clerk-search .am_search_popup_inner .am_right:hover .am_title,
		#clerk-search .am_search_popup_inner .am_right .am_title:hover,
		#clerk-search .am_search_popup_inner:hover .am_right,
		#clerk-search .am_search_popup_inner .am_right:hover,
		#clerk-search .am_search_popup_inner .am_right:hover .price-box span,
		#clerk-search .am_search_popup_inner:hover .am_right .price-box span {
			color: #000000;
		}*/
		#clerk-search .am_search_popup_inner .am_right .amhighlight {
			color: #99ca3c;
			background: none transparent;
		}

		#clerk-products .loading .am_image { position: relative; }
		#clerk-products .loading .am_image:before {
			content: "";
			display: block;
			position: absolute;
			width: 24px;
			height: 24px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/loader.gif") 0 0 no-repeat transparent;
			background-size: 100% auto;
			left: 16px;
			top: 50%;
			opacity: 0.3;
			transform: translateY(-50%);
		}
		#clerk-products .loading .am_image img {
			opacity: 0;
		}

	/* SEARCH END */
	
	/* SEARCH RESULT */
	.catalogsearch-result-index .main {
		margin: 0 0 40px;
	}
.header-below {
	height: 50px;
	background: #eeeeee;
	border-bottom: 2px solid #fff;
}
	.header-below li {
		float: left;
		padding: 0 0 0 32px;
		font-size: 15px;
		margin: 0 30px 0 0;
		position: relative;
		display: block;
		line-height: 47px;
	}
		.header-below li:before {
			content: "";
			display: block;
			width: 23px;
			height: 21px;
			position: absolute;
			top: 13px;
			left: 0px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -1px -173px no-repeat transparent;
		}
		.header-below li:nth-child(2)::before {
			width: 15px;
			height: 25px;
			top: 11px;
			background-position: -1px -199px;
		}
		.header-below li:nth-child(2) {
			padding-left: 24px;
		}
.breadcrumbs {
	width: 100%;
	max-width: 1170px;
	padding: 0;
	margin: 15px auto 25px;
	position: relative;
}
.breadcrumbs:before {
	content: "";
	display: table;
	width: 100%;
}
	.breadcrumbs li {
		display: inline-block;
		vertical-align: top;
		font-size: 13px;
		color: #1D2B35;
		margin: 0 0 6px;
	}
		.breadcrumbs li a {
			color: #1D2B35;
		}
.contentmanager-index-view .breadcrumbs {
	margin-bottom: 6px;
}
.cms-page-view .inner-breadcrumbs {
	padding-left: 0;
}
/* HOME PAGE */
#frontslider {
	/* height: 540px; 
	height: 380px;*/
	/*height: 740px;*/
	/* height: calc(90vh - 96px); */
	height: calc(100vh - 370px);
	width: 100%;
	position: relative;
	z-index: 1;
}
.frontslider-fix {
	display: none;
}
	#frontslider .slider-nav {
		display: block;
		width: 40px;
		height: 40px;
		z-index: 4;
		position: absolute;
		top: 50%;
		margin: -20px 0 0;
		left: 50px;
		cursor: pointer;
		border: 1px solid #fff;
		border-radius: 50%;
	}
		#frontslider .slider-nav:after {
			content: "";
			display: block;
			width: 12px;
			height: 21px;
			position: absolute;
			top: 9px;
			left: 11px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -1px -121px no-repeat transparent;
		}
	#frontslider .slider-nav.slide-next {
		left: auto;
		right: 50px;
	}
		#frontslider .slider-nav.slide-next:after {
			background-position: -1px -147px;
			left: 15px;
		}
	#frontslider .slide {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		display: block;
		transition: opacity 0.5s linear;
		background-color: #fff;
	}
	#frontslider .slide.front {
		z-index: 3;
	}
	#frontslider .slide.fadein {
		z-index: 2;
	}
	#frontslider .slide.fadeout {
		opacity: 0;
	}
		#frontslider .slide .item-img,
		.top-image .item-img {
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-position: center center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		#frontslider .slide .inner {
			display: table;
			height: 100%;
			position: relative;
			z-index: 2;
		}
		#frontslider .slide .txt {
			display: table-cell;
			vertical-align: bottom;
    	padding-bottom: 9%;
		}
			#frontslider .slide .txt h2.text-switcher {
				position: relative;
			}
			#frontslider .slide .txt h2 {}
			#frontslider .slide .txt.other h2,
			#frontslider .slide .txt h2 span {
				display: block;
				/* background: rgba(0,0,0,0.7); */
				color: #fff;
				font-weight: 600;
				/* font-weight: 700; */
				/* font-size: 35px; */
				font-size: 40px;
				/* padding: 5px 15px; */
				/* line-height: 40px; */
				line-height: 48px;
				/* text-transform: uppercase; */
				/* float: left;
				clear: both; */
				/* margin: 0 0 3px; */
				text-shadow: 0 0 10px rgba(0,0,0,.3);
			}
			#frontslider .slide .txt h2.black span {
				color: #1D2B35;
				text-shadow: none;
			}
			#frontslider .slide .txt a {
				text-decoration: none;
			}/*
			#frontslider .slide .txt a.link {
				display: flex;
				align-items: center;
				justify-content: space-between;
				float: left;
				clear: both;
				position: relative;
				background: #99d100;
				color: #fff;
				line-height: 28px;
				text-decoration: none;
				padding: 7px 16px 8px 16px;
				font-size: 15px;
				margin-top: 16px;
			}*/
			#frontslider .slide .txt h2.text-switcher .text-switcher-item {
				position: absolute;
				bottom: 0;
				left: 0;
				transition: opacity 0.6s ease;
			}
			#frontslider .slide .txt h2.text-switcher .text-switcher-item.hidden {
				opacity: 0;
			}

			#frontslider .slide .txt a.link {
				color: #1D2B35;
		    background-color: #99D100;
		    text-decoration: none;
		    font-size: 12px;
		    text-transform: uppercase;
		    padding: 18px 30px;
		    font-weight: 700;
		    z-index: 1;
		    border-radius: 40px;
		    display: inline-block;
		    margin-top: 16px;
			}
			/*	#frontslider .slide .txt a.link:after {
					content: "";
					display: block;
					width: 15px;
					height: 15px;
					position: relative;
					margin-left: 8px;
					margin-top: 1px;
					background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -34px -35px no-repeat transparent;
				}	
				*/
			#frontslider .slide .txt .mobile-text {
				display: none;
				/* font-family: 'Titillium web', Arial, sans-serif; */
				font-family: 'Inter', sans-serif; 
				font-size: 16px;
				font-weight: 600;
				width: 100%;
				background: none rgba(0,0,0,0.4);
				vertical-align: top;
				color: #fff;
				padding: 12px 15px;
				position: absolute;
				bottom: 0;
				left: 0;
				line-height: 21px;
			}
			#frontslider .slide .txt .mobile-text__subtext {
				font-size: 14px;
				opacity: .8;
				max-width: 400px;
			}

#frontslider .slide .inner .subtext,
.top-image .inner .subtext {
	color: white;
	text-shadow: 0 0 10px rgba(0,0,0,.8);
	margin: 32px 0 0;
	max-width: 700px;
	line-height: 130%;
	font-size: 20px;
	line-height: 140%;
}

@media screen and (min-width: 1400px){
	#frontslider .slide .txt.other h2, 
	#frontslider .slide .txt h2 span{
		font-size: 50px;
		line-height: 65px;
	}
}


/* FRONTSLIDER WITH VIDEO
#frontslider {
	height: calc(80vh - 96px);
}
*/
#frontslider .slide-video,
.top-image .item-img-video {
	overflow: hidden;
}
.top-image .item-img-video video,
#frontslider .slide video {
	height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  min-width: 104%;
  min-height: 104%;
}

@media (max-width: 850px){
	#frontslider .slide video{
		width: 104%;
		height:  auto;
	}
}

@media (max-width: 500px){
	#frontslider .slide video{
		height: 112%;
		width:  auto;
	}
}

@media (max-width: 400px){
	#frontslider .slide video{
		height: auto;
		width:  104%;
	}
}

@media (max-width: 360px){
	#frontslider .slide video{
		height: 105%;
		width:  auto;
	}
}

/* FRONTSLIDER WITH VIDEO END */


/* SPECIAL FRONTPAGE WIDTH */
body.cms-index-index.cms-home	.inner,
body.cms-index-index.cms-home #ct-menu-mainmenu li.level-0.menu-position-0 > .children > ul,
.header-container .inner{
	max-width: 1390px;
}
@media screen and (max-width: 1000px) {
	body.cms-index-index.cms-home	.inner,
	body.cms-index-index.cms-home #ct-menu-mainmenu li.level-0.menu-position-0 > .children > ul,
	.header-container .inner{
		max-width: none;
	}
}
/* SPECIAL FRONTPAGE WIDTH */


/* KOMPETENCESLIDER FRONTPAGE */


.kompslider{
	padding: 80px 0;
	padding: 45px 0 80px;
}

.kompslider__top{
	position: relative;
}

.kompslider__title{
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  margin: 0 0 20px;
  text-align: center;
}

.kompslider__text{
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  margin: 0 auto 32px;
  text-align: center;
  max-width: 670px;
}

.kompslider__nav{
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: -8px;
}
.owl-prev,
.owl-next{
	transition: all .3s ease;
	padding: 8px;
}

.owl-prev:hover{
	transform: translateX(-5px);
	cursor: pointer;
}

.owl-next:hover{
	transform: translateX(5px);
	cursor: pointer;
}

.owl-prev.disabled:hover,
.owl-next.disabled:hover{
	transform: translateX(0);
	cursor: default;
}

.owl-prev.disabled,
.owl-next.disabled{
	opacity: 0.4;
}

.owl-prev svg path,
.owl-next svg path{
	stroke: #99D100;
	transition: all .3s ease;
}

.owl-prev.disabled svg path,
.owl-next.disabled svg path{
	stroke: #1D2B35;
}

.kompslider__slider .owl-stage-outer,
.kompslider__slider .owl-stage,
.kompslider__slider .owl-item,
.kompslider__item{
	display: flex;
}

.kompslider__item,
.kompslider__item__inner{
	width: 100%;
}

.kompslider__item__inner{
	padding: 180px 30px;
	display:  flex;
	position: relative;
	color:  #fff;
	text-decoration: none;
	background-color: grey;
	transition: all .3s ease;
}

.kompslider__item__inner:hover{
	width: calc(100% - 24px);
	padding-right: 6px;
}

.kompslider__item__counter{
	position: absolute;
	z-index: 3;
	left:  20px;
	top: 15px;
	color: #fff;
	font-size: 14px;
}

.kompslider__item__bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 1;
}

.kompslider__item__bg:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.20;
	z-index: 3;
	transition: all .3s ease;
}

.kompslider__item__inner:hover .kompslider__item__bg:before{
	opacity: 0.30;
}

.kompslider__item__bg:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #99d100;
	opacity: 0.85;
	z-index: 2;
}

.kompslider__slider .owl-item:nth-child(4n - 2) .kompslider__item__bg:after{
	background: #00A37A;
}
.kompslider__slider .owl-item:nth-child(4n - 1) .kompslider__item__bg:after{
	background: #008587;
}
.kompslider__slider .owl-item:nth-child(4n) .kompslider__item__bg:after{
	background: #00667A;
}

.kompslider__item__content{
	position: relative;
	z-index: 4;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

.kompslider__item__content h3{
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  margin: 0 0 24px;
}

/*
@media screen and (min-width: 1330px){
	.kompslider__item__content{
		font-size: 20px;
		line-height: 28px;
	}

	.kompslider__item__content h3{
	  font-size: 40px;
	  line-height: 48px;
	}
}
*/

@media screen and (min-width: 1280px){
	.kompslider__title{
	  font-size: 40px;
	  line-height: 48px;
	  margin-bottom: 20px;
	}

	.kompslider__text{
	  font-size: 18px;
	  margin: 0 auto 40px;
	}

}

@media screen and (max-width: 1279px){
	#frontslider {
		height: calc(100vh - 336px);
	}
}

@media screen and (min-width: 1400px){
	.kompslider__item__inner{
		padding: 220px 30px;
	}
	.kompslider__item__content{
		font-size: 20px;
		line-height: 28px;
	}
	.kompslider__title{
	  font-size: 40px;
	  line-height: 48px;
	  margin-bottom: 20px;
	}
	.kompslider__item__content h3{
	  font-size: 40px;
	  line-height: 48px;
	}
	.kompslider__item__counter{
		font-size: 16px;
	}
}

@media screen and (min-width: 1600px){
	.kompslider__item__inner{
		padding: 220px 65px;
	}
	.kompslider__item__inner:hover{
		width: calc(100% - 24px);
		padding-right: 41px;
	}
}

@media screen and (max-width: 850px){
	.kompslider__item__inner{
		padding: 100px 20px;
	}
	.kompslider__title,
	.kompslider__text{
		text-align: left;
		margin-bottom:  16px;
		margin-left: 0;
	}
	.kompslider__nav{
		position: relative;
		padding-bottom: 20px;
	}
}

/* KOMPETENCESLIDER FRONTPAGE END*/ 

/* BLOGSLIDER FRONTPAGE END*/

.blogslider__slider .owl-stage-outer,
.blogslider__slider .owl-stage,
.blogslider__slider .owl-item,
.blogslider__item{
	display: flex;
}
.blogslider{
	overflow: hidden;
}
.blogslider__slider .owl-stage-outer{
	/*overflow: visible !important;*/
}

.blogslider__top{
	position: relative;
}

.blogslider__title{
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  margin: 0 0 32px;
}

.blogslider__nav{
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: -8px;
}

.blogslider__item__inner{
	position: relative;
	min-height: 350px;
	background-color: #e2e2e2;
	display: flex;
	align-items: flex-end;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 36px;
	text-decoration: none;
	color: #fff;
	overflow: hidden;
}

.blogslider__item__inner:before {
	content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 3;
  transition: all .3s ease;
  opacity: 0;
}
.blogslider__item__inner:hover::before {
	opacity: 0.30;
}
.blogslider__item__inner:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.85;
    z-index: 2;
    transition: all .3s ease;
}
.blogslider__item__inner:after {
	background-color: #00A37A;
}
.owl-item:nth-child(2) .blogslider__item__inner:after{
	background: #008587;
}
.owl-item:nth-child(3) .blogslider__item__inner:after{
	background: #00667A;
}
/*
.blogslider__item__inner:after{
	content: '';
	position: absolute;
	z-index: 3;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #99d100;
  opacity: 0.85;
	transition: all .3s ease;
}

.owl-item:nth-child(2) .blogslider__item__inner:after{
	background: #00A37A;
}
.owl-item:nth-child(3) .blogslider__item__inner:after{
	background: #008587;
}

.blogslider__item__inner:hover:after{
	opacity: 0.7;
}
*/

.blogslider__item__img {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	height: 100%;
	-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.blogslider__item__content{
	position: relative;
	z-index: 4;
}

.blogslider__item__content h3{
	color: #fff;
	/*text-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);*/
	font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  margin: 0 0 17px;
  text-shadow: 0px 0 6px rgba(0,0,0,0.3)

}

.blogslider__item__date{
	color: #fff;
	text-shadow: 0px 4px 4px 0px rgba(0,0,0,0.25);
	font-size: 14px;
  line-height: 16px;
  font-weight: 400;
}

.blogslider__bot{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 30px;
}

.blogslider__more{
	display: inline-flex;
	align-items: center;
	padding: 12px 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 12px;
	transition: all .3s ease;
	text-decoration: none;
}

.blogslider__more__icon{
	margin-left: 4px;
	transition: all .3s ease;
}

.blogslider__more:hover{
	color: #87b509;
}

.blogslider__more:hover .blogslider__more__icon{
	transform:  translateX(5px);
}

@media screen and (min-width: 1280px){

	.blogslider__item__content h3{
	  font-size: 30px;
	  line-height: 36px;
	}

}

@media screen and (max-width: 850px){
	.blogslider__title{
		text-align: left;
		/* margin-bottom:  0; */
	}
	.blogslider__nav{
		position: relative;
		padding-bottom: 20px;
	}
	.blogslider__item__content h3 {
    font-size: 20px;
    line-height: 28px;
  }
}



/* BLOGSLIDER FRONTPAGE END*/



.contentmanager-contenttype-blog .top-image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
#front-featured {
	padding: 55px 0;
}
	#front-featured .feature-item {
		margin: 0 0 20px;
	}
	#front-featured .feature-item-inner {
		display: block;
		text-decoration: none;
		/* color: #545454; */
		color: #1D2B35;
	}
		#front-featured .img {
			height: 210px;
			margin: 0 0 18px;
		}
		#front-featured h3 {
			font-size: 20px;
			line-height: 24px;
			font-weight: 700;
			margin: 0 0 15px;
			transition: color 0.35s ease;
		}
		#front-featured .feature-item-inner:hover h3 {
			color: #99d100;
		}
		#front-featured p {
			/* font-size: 15px;
			line-height: 21px; */
			font-size: 15px;
			line-height: 140%;
		}
.cms-index-index .std {
	padding: 85px 0 0;
}
	.cms-index-index .std h2 {
		font-size: 40px;
		display: block;
		text-align: center;
		margin: 0 0 40px;
		font-weight: 700;
	}

#front-areas {
	width: 100%;
	position: relative;
	height: auto;
	overflow: hidden;
	z-index: 1;
}
#related-product-notice {
	position: relative;
	padding: 24px 24px 24px 62px;
	margin-bottom: 40px;
	font-size: 14px;
	line-height: 17px;
	color: #545454;
	background-color: #EFEFEF;
}
	#related-product-notice:before {
		content: "";
		position: absolute;
		top: 24px;
		left: 24px;
		display: block;
		width: 24px;
		height: 24px;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/icon-alert-24px.png") 0 0 no-repeat transparent;
		background-size: 100% auto;
	}
	#related-product-notice h3,
	h3.related-title {
		font-size: 20px;
		font-weight: 600;
		margin: 0 0 12px;
	}
	#related-product-notice h3 {
		line-height: 22px;
	}
	#related-product-notice p {
		margin: 0 0 12px;
	}
	#related-product-notice .link-goto {
		font-weight: 600;
		cursor: pointer;
		display: inline-block;
		position: relative;
		padding-right: 24px;
	}
	#related-product-notice .link-goto:hover {
		text-decoration: underline;
	}
		#related-product-notice .link-goto:after {
			content: "";
			display: block;
			width: 24px;
			height: 24px;
			position: absolute;
			top: -2px;
			right: 0;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/arr-down.svg") center center no-repeat transparent;
		}
#related-products-wrap {
	position: relative;
	margin-top: 28px;
}
.related-products-offset-fix {
	overflow: hidden;
}
#related-products-inner {
	width: calc(100% + 50px);
	position: relative;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin-left: -25px;
}
	#related-product-slide-nav {
		position: absolute;
		width: 100%;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
		#related-product-slide-nav .btn {
			width: 50px;
			height: 50px;
			position: absolute;
			top: 0;
			display: block;
			cursor: default;
			background-color: #ccc;
			opacity: 0.3;
		}
			#related-product-slide-nav .btn:before {
				content: "";
				display: block;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translateY(-50%) translateX(-50%);
				width: 8px;
				height: 14px;
				background-size: 100% auto;
			}
		#related-product-slide-nav .btn.active {
			cursor: pointer;
			opacity: 1;
		}
			#related-product-slide-nav .btn.active:hover {
				opacity: 0.8;
			}
		#related-product-slide-nav .btn.prev {
			left: -70px;
		}
			#related-product-slide-nav .btn.prev:before {
				background-image: url("https://actec.dk/skin/frontend/makers/actec/images/chev-left.svg");
			}
		#related-product-slide-nav .btn.next {
			right: -70px;
		}
			#related-product-slide-nav .btn.next:before {
				background-image: url("https://actec.dk/skin/frontend/makers/actec/images/chev-right.svg");
			}
	@media screen and (max-width: 1290px) {
		#related-product-slide-nav {
			top: -53px;
			transform: none;
		}
		#related-product-slide-nav .btn {
			width: 35px;
			height: 35px;
		}
		#related-product-slide-nav .btn.prev {
			left: auto;
			right: 45px;
		}
		#related-product-slide-nav .btn.next {
			right: 0;
		}
	}
	@media screen and (max-width: 1170px) {
		#related-products-inner {
			width: calc(100% + 30px);
			margin-left: -15px;
		}
	}
	@media screen and (max-width: 700px) {
		#related-products-wrap .grid-view .products-grid li {
			margin-bottom: 25px;
		}
		#related-products-wrap .grid-view .products-grid li .product-image {
			height: 100px;
		}
	}
	#related-products-wrap .itemcount-wrap {
		width: 100%;
		position: relative;
	}
	#related-products-wrap li.item { width: calc(100% / 4); }
	#related-products-wrap .itemcount-5 { width: 125%; }
	#related-products-wrap .itemcount-6 { width: 150%; }
	#related-products-wrap .itemcount-7 { width: 175%; }
	#related-products-wrap .itemcount-8 { width: 200%; }
	#related-products-wrap .itemcount-9 { width: 225%; }
	#related-products-wrap .itemcount-10 { width: 250%; }
	#related-products-wrap .itemcount-5 li.item { width: calc(100% / 5); }
	#related-products-wrap .itemcount-6 li.item { width: calc(100% / 6); }
	#related-products-wrap .itemcount-7 li.item { width: calc(100% / 7); }
	#related-products-wrap .itemcount-8 li.item { width: calc(100% / 8); }
	#related-products-wrap .itemcount-9 li.item { width: calc(100% / 9); }
	#related-products-wrap .itemcount-10 li.item { width: calc(100% / 10); }
	@media screen and (max-width: 1100px) {
		#related-products-wrap li.item { width: calc(100% / 3); }
		#related-products-wrap .itemcount-4 { width: 133.333333%; }
		#related-products-wrap .itemcount-5 { width: 166.666666%; }
		#related-products-wrap .itemcount-6 { width: 200%; }
		#related-products-wrap .itemcount-7 { width: 233.333333%; }
		#related-products-wrap .itemcount-8 { width: 266.666666%; }
		#related-products-wrap .itemcount-9 { width: 300%; }
		#related-products-wrap .itemcount-10 { width: 333.333333%; }
		#related-products-wrap .itemcount-4 li.item { width: calc(100% / 4); }
	}
	@media screen and (max-width: 900px) {
		#related-products-wrap li.item { width: calc(100% / 2); }
		#related-products-wrap .itemcount-3 { width: 150%; }
		#related-products-wrap .itemcount-4 { width: 200%; }
		#related-products-wrap .itemcount-5 { width: 250%; }
		#related-products-wrap .itemcount-6 { width: 300%; }
		#related-products-wrap .itemcount-7 { width: 350%; }
		#related-products-wrap .itemcount-8 { width: 400%; }
		#related-products-wrap .itemcount-9 { width: 450%; }
		#related-products-wrap .itemcount-10 { width: 500%; }
		#related-products-wrap .itemcount-3 li.item { width: calc(100% / 3); }
	}
	@media screen and (max-width: 450px) {
		#related-products-wrap li.item { width: 100%; }
		#related-products-wrap .itemcount-2 { width: 200%; }
		#related-products-wrap .itemcount-3 { width: 300%; }
		#related-products-wrap .itemcount-4 { width: 400%; }
		#related-products-wrap .itemcount-5 { width: 500%; }
		#related-products-wrap .itemcount-6 { width: 600%; }
		#related-products-wrap .itemcount-7 { width: 700%; }
		#related-products-wrap .itemcount-8 { width: 800%; }
		#related-products-wrap .itemcount-9 { width: 900%; }
		#related-products-wrap .itemcount-10 { width: 1000%; }
		#related-products-wrap .itemcount-2 li.item { width: calc(100% / 2); }
	}

	#front-areas .btn {
		display: none;
		position: absolute;
		top: 50%;
		right: 10px;
		height: 24px;
		width: 24px;
		z-index: 5;
		opacity: 1;
		cursor: pointer;
		border: 1px solid #fff;
		border-radius: 50%;
		transform: translateY(-50%);
		transition: opacity 0.35s ease;
	}
	#front-areas .btn.prev {
		right: auto;
		left: 10px;
	}
	#front-areas .btn.inactive {
		opacity: 0;
		display: none;
	}
	#front-areas .btn:hover {
		border-color: #99d100;
	}
		#front-areas .btn:after {
			content: "";
			display: block;
			width: 7px;
			height: 12px;
			position: absolute;
			top: 5px;
			left: 8px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -22px -23px no-repeat transparent;
		}
		#front-areas .btn.prev:after {
			left: 7px;
			background-position: -22px -35px;
		}
		
	#front-areas #front-area-slide {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
	}
		#front-area-slide .front-area {
			width: 25%;
			vertical-align: top;
			height: 280px;
			padding: 0 20px;
			position: relative;
			display: table;
			text-decoration: none;
			color: #fff;
		}
			#front-area-slide .front-area:before {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				opacity: 1;
				background: rgba(0,0,0,0.2);
				transition: opacity 0.35s ease;
				z-index: 2;
			}
				#front-area-slide .front-area:hover::before {
					opacity: 0.5;
				}
			#front-area-slide .front-area .img {
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
				background-size: cover;
				background-repeat: no-repeat;
			}
			#front-area-slide .front-area .txt {
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}
			#front-area-slide .front-area .txt .inline {
				display: inline-block;
				position: relative;
				z-index: 3;
			}
				#front-area-slide .front-area span {
					font-size: 20px;
					line-height: 24px;
					padding: 0 0 8px;
					font-weight: 700;
				}
					#front-area-slide .front-area span:after {
						content: "";
					    width: 100%;
					    height: 1px;
					    background: #fff;
					    display: block;
					    margin: 4px 0 0 0;
					    display: none;
					}


#front-area-slide .front-area:before{
	background: rgba(0,0,0,0.5);
}

#front-areas .front-areas__title,
#front-areas .front-areas__title span{
	font-weight: 700;
	font-size: 20px;
	margin-bottom: 6px;
	text-shadow: 0 0 4px rgba(0,0,0,.3);
}


#front-areas .front-areas__text{
	position: relative;
	z-index: 3;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	text-shadow: 0 0 4px rgba(0,0,0,.3);
}

@media screen and (min-width:  1200px){
	#front-areas{
		padding-bottom: 50px;
	}
	#front-area-slide .front-area{
		height: 340px
	}
}

@media screen and (min-width:  1600px){
	#front-areas{
		padding-bottom: 100px;
	}
	#front-area-slide .front-area{
		height: 470px
	}
	#front-areas .front-areas__title,
	#front-areas .front-areas__title span{
		font-weight: 700;
		font-size: 34px;
		margin-bottom: 8px;
	}


	#front-areas .front-areas__text{
		font-size: 20px;
		line-height: 28px;
	}
}


#front-blog {
	background: #f1f1f1;
	padding: 100px 0;
}
	#front-blog .inner > h3 {
		font-size: 30px;
		line-height: 36px;
		margin: 0 0 40px;
		font-weight: 700;
	}
	.blog-list .blog-item {
		position: relative;
		margin: 0 0 30px;
	}
	.blog-list.blog-page .blog-item {
		margin: 0 0 45px;
		/*padding-top: 45px;
		border-top: 1px solid #eaeaea;*/
	}
	/*.blog-list.blog-page .blog-item:nth-child(1) { border: none; padding-top: 0; }
		.blog-list.blog-page .blog-item:before {
		    content: "";
		    display: block;
		    position: absolute;
		    top: -13px;
		    left: 50%;
		    transform: translateX(-50%);
		    width: 25px;
		    height: 26px;
		    background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -21px -199px no-repeat transparent;
		}
		.blog-list.blog-page .blog-item:nth-child(1)::before { display: none; }*/
	.blog-list .blog-item-inner {
		position: relative;
		display: block;
		text-decoration: none;
		color: #1D2B35;
		background-color: #fff;
		height: 100%;
	}
	.blog-list a { text-decoration: none; color: #1D2B35; }
	.blog-list .blog-item .img {
		height: 310px;
		width: 100%;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #ccc;
	}
	.blog-list .blog-item .img.video-embed > div {
		height: 100%;
	}
	.blog-list .blog-item .content {
		background: #fff;
		padding: 20px 0;
	}
	#front-blog .blog-list .blog-item .content {
		padding: 20px;
	}
	.blog-list .blog-item .date {
		position: absolute;
		display: block;
		top: 12px;
		right: 12px;
		width: 45px;
		background: #fff;
		padding: 4px 8px;
		border-radius: 3px;
	}
		.blog-list .blog-item .date span {
			display: block;
			text-align: center;
			color: #1D2B35;
			font-size: 14px;
			font-weight: 600;
			text-transform: uppercase;
		}
		.blog-list .blog-item .date .day {
			border-top: 1px solid #99d100;
			border-bottom: 1px solid #99d100;
			font-size: 24px;
			font-weight: 600;
			padding: 2px 0 4px;
			line-height: 22px;
			margin: 3px 0;
		}
	.blog-list .blog-item h3 {
		/* font-size: 24px;
		font-weight: 300;
		line-height: 30px; */
		font-size: 20px;
		line-height: 24px;
		font-weight: 700;
		text-decoration: none;
		margin: 0 0 12px;
		transition: color 0.35s ease;
	}
		.blog-list .blog-item a:hover h3 { color: #99d100; }
	.blog-list .cat-slug {
		display: block;
		margin: 0 0 12px;
	}
		.blog-list .cat-slug span {
			font-size: 12px;
			line-height: 13px;
			text-transform: uppercase;
			display: inline-block;
		}
		.blog-list .cat-slug .cat {
			padding: 0 10px 0 0;
			border-right: 1px solid #bebebe;
			margin: 0 8px 0 0;
		}
	.blog-list .content p {
	    /* font-size: 14px;
	    line-height: 23px; */
			font-size: 15px;
			line-height: 140%;
	}
	.blog-list a.readmore {
	    display: block;
	    float: left;
	    clear: both;
	    position: relative;
	    background: #99d100;
	    color: #fff;
	    line-height: 33px;
	    text-decoration: none;
	    padding: 0 45px 0 15px;
	    font-size: 20px;
	    height: 34px;
	}
		.blog-list a.readmore:after {
		    content: "";
		    display: block;
		    width: 15px;
		    height: 15px;
		    position: absolute;
		    top: 10px;
		    right: 15px;
		    background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -34px -35px no-repeat transparent;
		}


/* PAGE */

.main {}
	.top-image {
		height: 380px;
		position: relative;
		/*background-position: center -175px;*/
	}

	body.contentmanager-contenttype-indhold .top-image:after{
		content: '';
		background: none rgba(0,0,0,0.3);
		position: absolute;
		left: 0;
		width: 100%;
		top: 0;
		bottom: 0;
		z-index: 1;
	}
	@media screen and (max-width: 767px){
		body.contentmanager-contenttype-indhold .top-image .inner{
			display: flex;
			align-items: center;
		}
		body.contentmanager-contenttype-indhold .top-image .txt{
			width: 100%;
			height: auto;
		}

		body.contentmanager-contenttype-indhold .top-image .mobile-text{
			position: relative;
			background-color: transparent;
			padding-right: 55px;
		}
	}


		.top-image .inner {
			height: 100%;
			display: table;
			padding: 0 15px;
			position: relative;
			z-index: 2;
		}
		.top-image .txt {
			display: table-cell;
			vertical-align: middle;
		}
		.top-image .mobile-text {
			display: none;
		}
		.top-image .mobile-text__subtext {
			font-size: 14px;
			opacity: .8;
		}
			.main .top-image .txt.other h2,
			.main .top-image .txt h2 span {
				/* background: rgba(0,0,0,0.7); */
				color: #fff;
				display: block;
				/* float: left;
				clear: both; */
				/* margin: 0 0 3px; */
				/* padding: 5px 15px; */
				font-weight: 600;
				/*font-size: 35px;
				line-height: 40px;*/
				font-size: 40px;
				line-height: 55px;
				text-shadow: 0 0 10px rgba(0,0,0,.3);
			}
			.main .top-image .txt h2.black span {
				color: #1D2B35;
				text-shadow: none;
			}
	.view-indhold .inner,
	.view-blog .inner {
		padding-top: 25px;
		padding-bottom: 25px;
		margin-bottom: 40px;
	}
	.view-blog .above-head {
		margin: 20px 0 15px;
		display: block;
		font-size: 15px;
		font-weight: 700;
	}
	.view-indhold h1,
	.view-blog h1 {
		font-size: 40px;
		font-weight: 700;
		color: #1D2B35;
		margin: 0 0 40px;
		display: block;
	}
	.view-blog h1 {
		line-height: 50px;
		width: 80%;
	}
	.cms-page-view .std h2,
	.view-blog h2,
	.view-indhold h2,
	.view-blog h2, 
	.view-blog h3,
	.view-blog h4 {
	    margin: 0 0 15px;
	    display: block;
	    font-size: 20px;
			line-height: 24px;
	    font-weight: 700;
	    color: #1D2B35;
	}
	.view-blog h2 {
		line-height: 30px;
	}
	.view-blog h3 {
		font-size: 16px;
		line-height: 21px;
	}
	.view-blog h4 {
		font-size: 16px;
		line-height: 21px;
		color: #818181;
	}
	.view-indhold .desc,
	.view-blog .desc {}
		.view-indhold .desc a,
		.view-blog .desc a,
		.dynamic-block-row .ct-field-area a {
			/*color: #000;*/
			text-decoration: none;
		}
			.view-indhold .desc a:hover,
			.view-blog .desc a:hover,
			.dynamic-block-row .ct-field-area a:hover {
				text-decoration: underline;
			}
		.view-indhold .desc.auto-column .ct-field {
			-webkit-columns: auto 2;
		    -moz-columns: auto 2;
		    columns: auto 2;
		    -webkit-column-gap: 40px;
		    -moz-column-gap: 40px;
		    column-gap: 40px;
		}
		.view-indhold .desc.manual-column .ct-field table {
		  margin: 0 -15px 20px;
		  width: 100% !important;
		}
		.view-indhold .desc.manual-column .ct-field table td {
		  width: 50%;
		  vertical-align: top;
		  padding: 0 15px;
		}
		  @media (max-width: 800px) {
				.view-indhold .desc.manual-column .ct-field table td {
				  width: 100%;
				  display: block;
				}
			}

		.cms-page-view .std p,
		.view-indhold .desc p,
		.view-blog .desc p {
			margin: 0 0 20px;
			line-height: 140%;
			font-size: 15px;
		}
		.cms-page-view .std em,
		.view-indhold .desc em,
		.view-blog .desc em,
		.dynamic-block-row .ct-field-area em {
			font-style: italic;
		}
		.cms-page-view .std a {
			text-decoration: none;
		}
			.cms-page-view .std a:hover {
				text-decoration: underline;
			}
		.view-blog .desc address {
			background-color: #99d100;
			padding: 24px;
			display: block;
			vertical-align: top;
			color: #fff;
			font-weight: 400;
			font-size: 18px;
			line-height: 24px;
			margin-bottom: 20px;
			text-align: center;
		}
			.view-blog .desc pre h2 {
				font-weight: 600;
			}
		.view-blog .desc table,
		.dynamic-block-row .ct-field-area table {
			width: 100%;
			margin-bottom: 20px;
			table-layout: fixed;
		}
			.view-blog .desc table tr:nth-child(2n) {
				background-color: #f6f6f6;
			}
			.view-blog .desc table td,
			.dynamic-block-row .ct-field-area table td {
				padding: 5px;
				border: 1px solid #ededed;
				font-size: 15px;
				line-height: 23px;
			}
		.view-indhold .desc img,
		.view-blog .desc img,
		.dynamic-block-row .ct-field-area img {
			max-width: 100%;
		}
		.view-blog .desc img {
			padding: 12px 16px 16px 0;
		}
	
	.visual-area {
		background: #f2f2f2;
		padding: 30px 0 60px;
	}
		.visual-area h2 {
			color: #5e5e5e;
			margin: 0 0 25px;
			font-weight: 300;
			font-size: 30px;
		}
		.visual-area .boxes {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
			.visual-area .boxes .box {
				vertical-align: top;
				width: 20%;
			}
				.visual-area .boxes .box h3 {
					font-size: 21px;
					margin: 0 0 20px;
					font-weight: 300;
				}
				.visual-area .boxes .box p {
					margin: 0 0 12px;
					font-size: 15px;
					color: #5e5e5e;
					line-height: 18px;
				}
				.visual-area .boxes .box a {
					color: #5e5e5e;
					text-decoration: none;
				}
				.visual-area .boxes .box a:hover {
					color: #99d100;
				}
	#cta-animate {
		margin: 0 0 70px;
	}
		.cms-home #cta-animate {
			margin: 0;
		}
	.cta-area {
		background: #00667A;
		padding: 30px 20px 35px;
		text-align: center;
		margin: 0;
	}
	.cms-home .cta-area {
		margin: 0;
	}
		.cta-area h2 {
			color: #fff;
			font-size: 30px;
			line-height: 36px;
			font-weight: 700;
			margin: 0 0 15px;
		}
		.cta-area p {
			font-size: 15px;
			line-height: 140%;
			color: #fff;
			font-weight: 400;
		}
			.cta-area p strong {
				font-weight: 700;
			}
		.cta-area a { color: #fff; }
	.indhold-related {
		padding: 0 0 50px;
	}
		.indhold-related .item {
			margin: 0 0 30px;
		}
			.indhold-related .item .img {
				height: 210px;
				margin: 0 0 18px;
			}
		.indhold-related .item a {
			display: block;
			color: #1D2B35;
			overflow: hidden;
			text-decoration: none;
		}
		.indhold-related .item h3 {
			font-size: 20px;
			line-height: 24px;
			font-weight: 700;
			margin: 0 0 15px;
			transition: color 0.35s ease;
		}
			.indhold-related .item a:hover h3 {
				color: #99d100;
			}
		.indhold-related .item p {
			font-size: 15px;
			line-height: 23px;
		}
	.temp-bread {}
		.temp-bread li {
			display: inline-block;
			vertical-align: top;
			position: relative;
			font-size: 14px;
			color: #545454;
			margin: 0 0 6px;
		}
			.temp-bread li a {
				color: #545454;
			}


/* BLOG LIST */
.cms-blog {}
	.cms-blog .std { display: none; }
	.cms-page-view .page-title h1,
	.cms-page-view h2.big {
		font-size: 40px;
		color: #1D2B35;
		font-weight: 700;
		margin: 65px 0 40px;
	}
	.sidebar {
		margin: 145px 0 0;
	}
	.view-blog .sidebar {
		margin: 43px 0 0;
	}
		.sidebar h3 {
			font-weight: 300;
			font-size: 24px;
			margin: 0 0 25px;
			color: #666;
		}
			.sidebar ul li {
				margin: 0 0 10px;
				position: relative;
			}
				.sidebar ul li a {
					text-decoration: none;
					/*border-bottom: 1px solid #666;*/
					padding: 0 0 5px 18px;
					display: block;
					color: #666;
					font-size: 15px;
				}
					.sidebar ul li a:before {
						content: "";
						display: block;
						position: absolute;
						top: 3px;
						left: 0;
						width: 7px;
						height: 10px;
						background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -33px -23px no-repeat transparent;
					}
				.sidebar ul li a:hover,
				.sidebar ul li.active a,
				.sidebar ul li.active:hover a {
					/*font-weight: bold;
					border-width: 2px;
					border-color: #99d100; */
					color: #99d100;
				}

.cms-batteriblog .std:nth-child(1) { display: none; }

/* BLOG */
.right-img {
	color: #000;
	margin: 20px 0;
}
	.right-img img {
		width: 100%;
		height: auto;
	}
	.right-img .desc {
		font-size: 15px;
		padding: 10px 0;
		line-height: 21px;
		color: #545454;
	}
.view-blog .desc blockquote,
.category-description blockquote {
	width: 100%;
	max-width: 80%;
	margin: 20px auto 40px;
	position: relative;
	font-size: 24px;
	line-height: 33px;
	text-align: center;
	color: #818181;
	padding: 30px 0 0;
}
	.view-blog .desc blockquote:before,
	.category-description blockquote:before {
		content: '\201C';
		display: block;
		color: #ccc;
		font-size: 70px;
		line-height: 4px;
		font-family: "Georgia", Tahoma, Verdana, sans-serif;
	}
	.view-blog .desc blockquote p,
	.category-description blockquote p {
		font-size: 24px;
		line-height: 33px;
		text-align: center;
	}
.view-blog .buttons--bottom {
	display: inline-block;
	border-top: 1px solid #ededed;
	padding: 10px 0;
}
	.view-blog .buttons--bottom a {
		text-decoration: none;
		margin: 0 15px 15px 0;
		font-size: 14px;
		color: #666;
		display: block;
		float: left;
		position: relative;
		padding-left: 20px;
	}
		.view-blog .buttons--bottom a:hover {
			text-decoration: underline;
		}
	.view-blog .buttons--bottom a i {
		margin: 0 2px 0 0;
		display: none !important;
	}
	.view-blog .buttons--bottom a:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 13px;
		height: 13px;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -23px -26px no-repeat transparent;
		background-size: 50px 200px;
	}
		.view-blog .buttons--bottom a.button--share-email:before {
			background-position-x: -36px;
		}
		.view-blog .buttons--bottom a.button--share-facebook:before {
			background-position-x: -36px;
			background-position-y: -39px;
		}

/* CATEGORY LIST */
.page-title {
	width: 100%;
}
.page-title h1 {
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
	color: #1D2B35;
	margin: 0 0 32px;
	display: block;
}
.cat-top-image {
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.page-title-container {
	
}
.mix-outer .page-title-container {
	padding: 45px 0;
	background: #99d100;
}
	.mix-outer .page-title-container .page-title h1 {
		color: #fff;
	}

.category-description {
	margin: 0 0 30px;
}
	.category-description p {
		font-size: 15px;
		line-height: 140%;
		margin: 0 0 15px;
	}
	.mix-outer .category-description #cat-inner {
		color: #fff;
		/*-webkit-columns: auto 2;
		-moz-columns: auto 2;
		columns: auto 2;
		-webkit-column-gap: 40px;
		-moz-column-gap: 40px;
		column-gap: 40px;*/
	}
	.category-description p a {
		text-decoration: none;
	}
		.category-description p a:hover {
			text-decoration: underline;
		}
	.category-description table {
		margin: 0 -15px 20px;
		width: 100% !important;
		max-width: 100% !important;
	}
		.category-description img {
			max-width: 100%;
			height: auto;
		}
		.category-description table td {
			width: 50%;
			vertical-align: top;
			padding: 0 15px;
		}
		.category-description table .column-1 td {
			width: 100%;
		}
		.category-description table .column-3 {
		}
		.category-description table .column-3 td {
			width: 33.333333%;
		}
		/*.category-description table tbody tr td {
			font-size: 12px;
			color: #595959;
			padding: 7px;
		}
		.category-description table tbody tr:nth-child(2n+1) td {
		    background-color: #e3efcb;
		}*/
	
	.category-description .cat-img {
		float: right;
		margin: 0 0 50px 50px;
	}
	
	#cat-expander {
		width: 100%;
		position: relative;
		text-align: center;
		display: block;
		cursor: pointer;
		padding: 40px 0 0;
		color: #99d100;
		font-size: 13px;
		margin: -16px 0 0;
	}
	.inactive #cat-expander { display: none; }
		#cat-expander:before {
			content: "";
			display: block;
			width: 100%;
			height: 1px;
			background: #605e5e;
			position: absolute;
			top: 16px;
			left: 0;
		}
		#cat-expander:after {
			content: "";
			height: 30px;
			width: 30px;
			left: 50%;
			top: 0;
			margin: 0 0 0 -15px;
			background: #99d100;
			border-radius: 50%;
			position: absolute;
		}
			#cat-expander span.icon:before {
				content: "";
				display: block;
				width: 0;
				height: 0;
				border-left: 10px solid transparent;
				border-right: 10px solid transparent;
				border-top: 13px solid #fff;
				position: absolute;
				left: 50%;
				margin: 0 0 0 -10px;
				top: 11px;
				z-index: 1;
			}
			.expanded #cat-expander span.icon:before {
				border-top: none;
				top: 7px;
				border-bottom: 13px solid #fff;
			}
		#cat-expander span.less { display: none; }
		.expanded #cat-expander span.more { display: none; }
		.expanded #cat-expander span.less { display: block; }
.area-title {
    background-color: #99d100;
}
	.area-title h2 {
		color: #fff;
		font-weight: 300;
		font-size: 40px;
		margin: 0;
		line-height: 84px;
	}
	.area-title a {
		color: #fff;
		text-decoration: none;
	}
.person-right {
	padding: 15px;
	margin: 0 0 30px;
	background-color: #f0f0f0;
}
	.person-right .person-img img {
		width: 100%;
		height: auto;
	}
	.person-right .person-img.indented img {
		margin-top: -50px;
	}
	.person-right .person-content {
		padding: 10px 0 0;
	}
	.person-right h3 {
		margin: 0 0 20px;
		font-size: 20px;
		color: #000;
		line-height: 26px;
	}
	.person-right h4 {
		font-weight: 700;
		color: #000;
		margin: 0 0 5px;
	}
	.person-right .title {
		display: block;
		margin: 0 0 15px;
	}
	.person-right .phones > div {
		margin: 0 0 5px;
		font-size: 14px;
	}
	.person-right .phones > div .first {
		width: 55px;
	    display: inline-block;
	    vertical-align: top;	
	}
	.person-right .fieldset {
		overflow: hidden;
		position: relative;
		margin: 15px 0 0;
		border-top: 1px solid #cacaca;
		padding: 15px 0 0;
	}
	.person-right .fieldset > div {
		position: relative;
		width: 100%;
		background-color: #fff;
		margin: 0 0 5px;
	}
	.person-right .fieldset > div.hidden-frontend {
		position: absolute;
		top: -100%;
		left: -100%;
		visibility: hidden;
	}
	.person-right .fieldset label {
		position: absolute;
		top: 5px;
		left: 5px;
		z-index: 1;
		font-size: 11px;
	}
	.person-right .fieldset input,
	.person-right .fieldset textarea {
		width: 100%;
		position: relative;
		z-index: 2;
		padding: 17px 5px 5px;
		font-size: 15px;
		line-height: 18px;
		background: none transparent;
		border: none;
		text-overflow: ellipsis;
		resize: none;
	}
	.person-right .fieldset .validation-failed {
		border: 1px solid red;
	}
	.person-right .validation-advice { display: none; }
	.person-right button {
		display: block;
		width: 100%;
		border: none;
		height: 40px;
		text-align: center;
		background: none #99d100;
		font-size: 16px;
		cursor: pointer;
		color: #fff;
	}

/*.mixed-view .main .breadcrumbs { display: none; }*/

.mix-outer {
	position: relative;
}
#anchor-nav {
	width: 100%;
}
	/*
	.fixed #anchor-nav {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 3;
	}
	*/
	#anchor-nav > .inner {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 15px 30px;
		align-items: normal;
	}
	#anchor-nav span {
		width: calc(25% - 30px);
		line-height: 19px;
		font-weight: 400;
		font-size: 14px;
		cursor: pointer;
	}
		#anchor-nav.cols-6 span { width: 16.666666%; }
	#anchor-nav .inner span:hover {
		text-decoration: underline;
	}
	#anchor-nav span.active,
	#anchor-nav span.active:hover {
		font-weight: 700;
		color: #252525;
		text-decoration: underline;
	}
.sub-cat-area {}
.cat-area { padding: 0; }
.cat-area > .inner {
	border-top: 1px solid #eaeaea;
	padding: 57px 15px;
	position: relative;
}
	.cat-area > .inner:before {
		content: "";
		display: block;
		position: absolute;
		top: -13px;
		left: 50%;
		transform: translateX(-50%);
		width: 25px;
		height: 26px;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -21px -199px no-repeat transparent;
	}
	/*.cat-area:first-child > .inner { border: none; }
	.cat-area:first-child > .inner:before { display: none; }*/
.cat-area .cat-inner-inner {
	min-height: 380px;
}
.default-outer .cat-area .cat-inner-inner { min-height: 0; }
.cat-area2 {
	padding: 30px 0;
	background: #f2f2f2;
}
.pane .cat-area2 {
	background: #fff;
	padding: 0;
}
	.cat-area h2 {
		font-size: 30px;
		line-height: 36px;
		margin: 0 0 24px;
		font-weight: 700;
		position: relative;
		z-index: 2;
	}
		.cat-area h2 a { 
			text-decoration: none; 
			color: #1D2B35;
		}
		.cat-area h2 a:hover { text-decoration: underline; }
	.cat-area .cat-desc {
		width: 50%;
		font-weight: 400;
		font-size: 14px;
		line-height: 23px;
		/*min-height: 275px;*/
	}	
		.cat-area .cat-desc table {
			width: 100% !important;
			max-width: 100% !important;
		}
		.cat-area .cat-desc table td {
			display: block;
			width: 100%;
		}
		.cat-area .cat-desc p {
			margin: 0 0 20px;
			font-size: 15px;
		}
	.cat-area .cat-link {
		margin: 10px 0 40px;
	}
	.cat-area .cat-link a {
	    text-align: center;
	    padding: 7px 16px 8px 16px;
	    background: #99d100;
	    color: #fff;
	    font-size: 15px;
	    /*height: 34px;*/
	    line-height: 28px;
	    position: relative;
	    text-decoration: none;
	    cursor: pointer;
			display: inline-flex;
			align-items: center;
			justify-content: space-between;
	}
		.cat-area .cat-link a:after {
		    content: "";
		    display: block;
		    width: 15px;
		    height: 15px;
		    /* position: absolute;
		    top: 50%;
		    transform: translateY(-50%);
		    right: 15px; */
		    background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -34px -35px no-repeat transparent;
				margin-left: 8px;
		}
	.cat-area .cat-img {
		position: absolute;
		top: 80px;
		right: 5%;
		width: 40%;
		z-index: 1;
		text-align: center;
	}
		.cat-area .cat-img img {
			max-width: 80%;
		}
	.cat-area h3 {
		color: #1D2B35;
		font-weight: 700;
		font-size: 16px;
		margin: 0 0 24px;
	}
	.cat-area .shortcuts {
		padding: 30px 0 0;
	}
	.cat-area .shortcuts ul {
		border-top: 1px solid #dddddd;
		border-bottom: 1px solid #dddddd;
		padding: 0;
	}
		.cat-area .shortcuts ul li {
			display: inline-block;
			vertical-align: top;
			margin: 0 25px 0 0;
			position: relative;
		}
		.cat-area .shortcuts ul li:before {
			content: "";
			display: block;
			width: 5px;
			height: 9px;
			position: absolute;
			top: 50%;
			left: 0;
			transform: translateY(-50%);
			z-index: 1;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -55px -23px no-repeat transparent;
		}
			.cat-area .shortcuts ul li a {
				line-height: 39px;
				position: relative;
				z-index: 2;
				padding: 0 0 0 11px;
				text-decoration: none;
			}
			.cat-area .shortcuts ul li a:hover { text-decoration: underline; }
	.cat-document-area {
		padding: 0;
	}
	
	.product-documents {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
		.product-document-col {
			margin: 0 15px 15px;
			width: calc(33.333333% - 30px);
		}
		.product-document-col li {
			margin-bottom: 8px;
		}
		.product-document-col h3 {
			color: #1D2B35;
			display: block;
			margin: 0 0 24px;
			font-size: 15px;
			line-height: 140%;
			font-weight: 700;
		}
		.product-document-col h3:after {
			content: "";
			display: block;
			width: 100%;
			height: 1px;
			background-color: #ddd;
			margin: 8px 0 0;
		}
		.product-document-col ul {
			margin-bottom: 16px;
		}
	
	.data-sheet {
		margin-bottom: 12px;
	}
	.doc-link {
		font-size: 13px;
		line-height: 20px;
		position: relative;
		color: #1D2B35;
		text-decoration: none;
		display: inline-flex;
		align-items: center;
	}
	.doc-link.large {
		font-weight: 700;
		padding-left: 0;
		font-size: 15px;
	}

	.data-sheet.link-wrapper {
		display: flex;
		vertical-align: top; 
	}
		.data-sheet.link-wrapper .btn {
			font-size: 15px;
			font-weight: 700;
		}
		.link-wrapper .doc-link.large {
			padding: 8px 16px;
			border: 2px solid #F7961C;
			margin-left: 16px;
		}

	.doc-link.list {
		font-weight: 600;
		position: absolute;
		right: 0;
		bottom: 8px;
	}
	.doc-link.orange {
		color: #F7961C;
	}
		.doc-link:hover {
			text-decoration: underline;
		}
	.doc-link:before {
		content: "";
		display: block;
		width: 13px;
		height: 16px;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/doc-small.svg") 0 0 no-repeat transparent;
		margin-right: 8px;
	}
	.doc-link.list:before {
		top: 1px;
	}
		.doc-link.large:before {
			width: 18px;
			height: 22px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/doc.svg") 0 0 no-repeat transparent;
		}
		
	/* Category docs */
		.cat-document-area .category-documents {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		    margin: 0 -15px;
		}
			.cat-document-area .category-documents .column {
				width: calc(50% - 30px);
				margin: 0 15px 15px;
				padding: 0;
			}
			.cat-document-area .category-documents.cols-3 .column {
				width: calc(33.333333% - 30px);
			}
		.cat-document-area h3,
		.children-after h3 {
			margin: 0 0 12px;
		}
		.cat-document-area h3:after,
		.cat-area3 h3:after,
		.children-after h3:after {
			content: "";
			display: block;
			width: 100%;
			height: 1px;
			background-color: #ddd;
			max-width: calc(25% - 11.5px);
			margin: 8px 0 0;
		}
		.cat-document-area .line {
			display: block;
			margin: 0 0 5px;
		}
		.cat-document-area a {
			position: relative;
			padding: 0 0 0 22px;
			margin: 0 0 4px;
			font-size: 14px;
			line-height: 18px;
			display: inline-block;
			vertical-align: top;
			color: #5e5e5e;
			text-decoration: none;
		}
		.cat-document-area a:hover { text-decoration: underline; }
			.cat-document-area a:before {
				content: "";
				display: block;
				width: 15px;
				height: 14px;
				position: absolute;
				top: 0;
				left: 0;
				background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -32px -229px no-repeat transparent;
			}
	.cat-area2 .inner {
		padding: 0;
	}
	.cat-area2 table {
		width: 100%;
	}
		.cat-area2 table td {
			width: 33.333333%;
			padding: 0 15px;
		}
		.cat-area2 table h3 {
			border-bottom: 1px solid #dddddd;
			padding: 0 0 10px;
			margin: 0 0 24px;
			font-size: 15px;
			line-height: 140%;
			font-weight: 700;
		}
		.cat-desc table ul {
			margin: 0 0 15px;
		}
		.cat-area2 table li,
		.cat-desc table li {
			position: relative;
			padding: 0 0 0 22px;
			margin: 0 0 3px;
			display: block;
			line-height: 20px;
			font-size: 14px;
			min-height: 21px;
		}
			.cat-area2 table li:before,
			.cat-desc table li:before {
				content: "";
				display: block;
				width: 7px;
				height: 7px;
				position: absolute;
				top: 7px;
				left: 4px;
				background: #99d100;
			}
	.cat-area3 {
		padding: 30px 0;
		display: block;
		clear: both;
	}
		.cat-area3:after {
			content: "";
			display: table;
			width: 100%;
			clear: both;
		}
		.cat-area3 h3 {
			margin: 0 0 20px;
		}
		.cat-area3 .media-inner {
			margin: 0 -7.5px;
		}
		.cat-area3 .media-inner p {
			float: left;
			width: calc(25% - 15px);
			margin: 0 7.5px 15px;
		}
		.cat-area3 .media-inner p.media {
			width: calc(50% - 15px);
		}
		.cat-area3 .media-inner iframe,
		.cat-area3 .media-inner img {
			max-width: 100%;
			float: none !important;
			width: auto;
			height: auto;
		}
	.children-after {
		margin: 30px 0;
	}
	.cat-area .after-inner {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	    margin: 20px -7.5px;
	}
		.cat-area .after-inner a {
			display: block;
			width: calc(25% - 15px);
			margin: 0 7.5px 15px;
			text-decoration: none;
		}
			.cat-area .after-inner a:hover .title { color: #99d100; }
		.cat-area .after-inner .img {
			text-align: center;
			height: 160px;
			display: table;
			width: 100%;
		}	
			.cat-area .after-inner .img-inner {
				display: table-cell;
				vertical-align: middle;
			}
			.cat-area .after-inner .img img {
				max-width: 90%;
				height: auto;
			}
		.cat-area .after-inner .title {
			display: block;
			border-top: 1px solid #dddddd;
			border-bottom: 1px solid #dddddd;
			margin: 10px 0;
			line-height: 23px;
			color: #1D2B35;
			font-size: 15px;
			padding: 9px 0 10px;
			font-weight: 700;
		}
		.cat-area .after-inner .specials .title {
			color: #99d100;
			font-weight: 700;
		}
			.cat-area .after-inner .title span {
				color: #99d100;
				font-weight: 700;
			}

/* Pane */
.inline-panes {
	width: 100%;
	margin: 0 0 24px;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #c9c9c9;
  gap: 1rem;
  flex-wrap: wrap;
}
.inline-panes.margined {
	margin-bottom: 60px;
}
.inline-panes span,
.inline-panes a {
	padding: .5rem 1rem 20px;
	min-width: 12rem;
	text-decoration: none;
	position: relative;
	color: #707070;
	transition: color 0.3s ease;
	cursor: pointer;
	display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.inline-panes span:hover,
.inline-panes a:hover {
	color: #000;
}
.inline-panes span:hover:after,
.inline-panes a:hover:after {
	max-height: 9px;
}
.inline-panes span:after,
.inline-panes a:after {
	content: "";
	display: block;
	width: 100%;
	background-color: #c9c9c9;
	height: 10px;
	max-height: 7px;
	transition: max-height 0.3s ease;
	position: absolute;
	bottom: 0;
	left: 0;
}
.inline-panes span.active,
.inline-panes a.active {
	font-weight: 700;
	color: #00667A;
}
.inline-panes span.active:after,
.inline-panes a.active:after,
.inline-panes span.active:hover:after,
.inline-panes a.active:hover:after {
	max-height: 10px;
	background-color: #00667A;
}

#cat-topnav {
	width: 100%;
	height: 42px;
	background-color: #efefef;
	margin: 0 0 60px;
}
	#cat-topnav span,
	#cat-topnav a {
		font-size: 15px;
		padding: 0 30px;
		color: #1D2B35;
		position: relative;
		line-height: 42px;
		display: block;
		float: left;
		cursor: pointer;
		vertical-align: top;
		text-decoration: none;
		transition: background-color 0.3s ease;
	}
	#cat-topnav .active:after {
		content: "";
		display: block;
		width: 18px;
		height: 18px;
		position: absolute;
		background-color: #99d100;
		transform: rotate(45deg);
		bottom: -8px;
		left: 14px;
		z-index: -1;
	}
		#cat-topnav span:hover,
		#cat-topnav a:hover {
			background-color: #e7e7e7;
		}
		#cat-topnav .active,
		#cat-topnav span.active:hover,
		#cat-topnav a.active:hover {
			background-color: #99d100;
			color: #fff;
		}
	#cat-topnav .first {
		font-weight: 700;
		text-transform: uppercase;
		cursor: default;
	}
		#cat-topnav .first:hover { background-color: transparent; }
	
.cat-col .pane {
	display: none;
	margin: 0 0 50px;
}
	.cat-col .pane.active { display: block; }
	
.category-products.grid-view {
	padding: 0 0 0 10px;
	overflow: hidden;
}
.product-view-mode {
	display: block;
	position: absolute;
	top: -45px;
	right: 15px;
}
	.product-view-mode .view-item {
		float: left;
		margin: 0 0 0 5px;
		font-size: 16px;
	}
	.product-view-mode .view-item.list {
		font-size: 18px;
		margin-top: -1px;
	}
.products-grid {}
.grid-view .products-grid {
	width: calc(100% + 25px);
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
	.products-grid li {
		display: block;
		width: 100%;
		margin: 0 0 30px;
		min-height: 140px;
		max-height: 140px;
		position: relative;
		/*border: 1px solid #99d100;*/
	}
	.grid-view .products-grid li {
		width: 33.333333%;
		padding: 0 25px;
		max-height: none;
		vertical-align: top;
		border: none;
	}
	.grid-view .products-grid li .prod-item-inner {
		height: 100%;
		border-bottom: 1px solid #d9d9d9;
	}
		.products-grid li .product-image {
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			/* border-right: 1px solid #99d100; */
			padding: 15px;
			width: 165px;
			height: 138px;
		}
		.grid-view .products-grid li .product-image {
			position: relative;
			width: 100%;
			height: 138px;
			text-align: center;
			padding: 0;
			margin: 0 0 8px;
		}
			.products-grid li .product-image img {
				/*width: 100%;*/
				max-width: 100%;
				width: auto;
				height: 100%;
			}
		.products-grid li .area {
			width: calc(100% - 180px);
			margin: 0 0 0 180px;
		}
		.grid-view .products-grid li .area {
			width: 100%;
			margin: 0;
			position: relative;
			border-top: 1px solid #d9d9d9;
		}
			.products-grid li .area-top {
				padding: 0 12px 12px 0;
				height: auto;
				display: block;
				width: 100%;
				border-bottom: 1px solid #d9d9d9;
			}
			.grid-view .products-grid li .area-top {
				padding: 7px 0;
				position: relative;
			}
				.products-grid li .area-top h2 {
					width: calc(100% - 115px);
					padding: 0;
					line-height: 27px;
				}
				.grid-view .products-grid li .area-top h2 {
					width: 100%;
					padding: 0;
					margin: 0;
					line-height: 20px;
				}
				.products-grid li .area-top h2 a {
					display: block;
					text-decoration: none;
					color: #99d100;
					color: #1D2B35;
					font-size: 140%;
					font-weight: 700;
				}
				.grid-view .products-grid li .area-top h2 a {
					font-size: 15px;
				}
					.products-grid li .area-top h2 a:hover { text-decoration: underline; }
					.grid-view .products-grid li .area-top h2 a:hover { text-decoration: none; }
					.grid-view .products-grid li .area-top h2 a:hover .name { text-decoration: underline; }
					.grid-view .products-grid li .area-top h2 a .name {
						display: block;
						min-height: 47px;
					}
						.grid-view .products-grid li .area-top h2 a .name .name-slash { display: none; }
					.products-grid li .area-top h2 a .skus {
						font-size: 13px;
						/* color: #545454; */
						/* font-weight: 400; */
						color: #1D2B35;
						opacity: .6;
						font-weight: 700;
						line-height: 20px;
					}
					.grid-view .products-grid li .area-top h2 a .skus {
						display: block;
						padding: 0;
					}
				.products-grid li .area-top .document {
					position: absolute;
					top: 0;
					right: 0;
					font-size: 14px;
					line-height: 31px;
					color: #545454;
					padding: 1px 36px 0 0;
					text-decoration: none;
					height: 32px;
				}
				.grid-view .products-grid li .area-top .document {
					top: auto;
					bottom: 0;
					right: 0;
					position: absolute;
					margin: 0;
					padding: 0;
					width: 30px;
					height: 30px;
				}
				.grid-view .products-grid li .area-top .document span.mob-show { display: none; }
				.products-grid li .area-top .document:hover {
					text-decoration: underline;
				}
					.products-grid li .area-top .document:after {
						content: "";
						width: 23px;
					    height: 22px;
					    display: block;
					    position: absolute;
					    top: 4px;
					    right: 0;
					    background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -49px -229px no-repeat transparent;					
					}
					.grid-view .products-grid li .area-top .document::after {
					    width: 19px;
					    height: 18px;
					    top: 6px;
					    left: 4px;
					    background-position: -40px -188px;
					    background-size: 82px auto;
					}
			.products-grid li .area-bottom {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
				vertical-align: top;
				margin: 0 0 0 -20px;
				padding: 15px 0 0;
			}
			.grid-view .products-grid li .area-bottom {
				display: block;
				margin: 0;
				padding: 7px 0 2px;
			}
			.grid-view .products-grid li .area-bottom:after {
				content: "";
				display: table;
				width: 100%;
			}
				.products-grid li .area-bottom > div {
					width: auto;
					margin: 0 0 0 20px;					
				}
				.grid-view .products-grid li .area-bottom > div {
					margin: 0;
					border: none;
					display: block;
					clear: both;
				}
				.products-grid li .area-bottom span {
					display: block;
					margin: 0 0 10px;
				}
					.products-grid li .area-bottom span.i {
						display: inline;
						margin: 0;
					}
				.grid-view .products-grid li .area-bottom span {
					font-size: 13px;
					margin: 0 0 8px;
					line-height: 16px;
				}
				.products-grid li .area-bottom .col-a,
				.products-grid li .area-bottom .col-b {
					padding: 0 15px 0 0;
					font-size: 14px;
					vertical-align: top;
					display: inline-block;
					vertical-align: top;
				}
				.grid-view .products-grid li .area-bottom .col-a,
				.grid-view .products-grid li .area-bottom .col-b {
					display: block;
					float: left;
					padding: 0;
				}
				.grid-view .products-grid li .area-bottom .col-a {
					width: 100px;
				}
				.grid-view .products-grid li .area-bottom .col-b {
					width: calc(100% - 100px);
				}

/* Tables */
#table-loader {
    display: block;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	background: url("https://actec.dk/skin/frontend/makers/actec/images/loader.gif") 0 0 no-repeat transparent;
	background-size: 100% auto;	
}
.cat-table-area {
	margin: 0 0 55px;
}
.cat-table-area h2 {
	color: #1D2B35;
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	margin: 0 0 24px;
}
	.cat-table-area .table-row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		border-bottom: 1px solid #dddddd;
		position: relative;
	}
		.cat-table-area .head .table-row { height: 100%; }
	.cat-table-area .table-col {
		width: 50%;
		height: auto;
		line-height: 17px;
		padding: 7px;
		font-size: 12px;
		text-align: center;
		/*text-align: left;*/
	}
	.cat-table-area .head .table-col.first {
		width: 145px !important;
	}
	.cat-table-area .body .table-col.first {
		padding-right: 20px;
		position: relative;
		width: 145px !important;
	}
		.cat-table-area .body .doc-link {
			position: absolute;
			top: 7px;
			right: 4px;
		}
		.cat-table-area .body .doc-link:before {
			margin-right: 0;
		}
	.cat-table-area .head .table-col {
		padding-right: 16px;
	}
	.cat-table-area .body .table-col {
		word-break: break-word;
	}
		.cat-table-area .table-col-3 .table-col { width: calc((100% - 145px) / 2); }
		.cat-table-area .table-col-4 .table-col { width: calc((100% - 145px) / 3); }
		.cat-table-area .table-col-5 .table-col { width: calc((100% - 145px) / 4); }
		.cat-table-area .table-col-6 .table-col { width: calc((100% - 145px) / 5); }
		.cat-table-area .table-col-7 .table-col { width: calc((100% - 145px) / 6); }
		.cat-table-area .table-col-8 .table-col { width: calc((100% - 145px) / 7); }
		.cat-table-area .table-col-9 .table-col { width: calc((100% - 145px) / 8); }
		.cat-table-area .table-col-10 .table-col { width: calc((100% - 145px) / 9); }
		.cat-table-area .table-col-11 .table-col { width: calc((100% - 145px) / 10); }
		.cat-table-area .table-col-12 .table-col { width: calc((100% - 145px) / 11); }

		/* Multi start */
		.cat-table-area .grouped-dimensions .table-col.multiple { width: 25% !important; }
		.cat-table-area .table-col-4.grouped-dimensions .table-col { width: calc((75% - 145px) / 3); }
		.cat-table-area .table-col-5.grouped-dimensions .table-col { width: calc((75% - 145px) / 4); }
		.cat-table-area .table-col-6.grouped-dimensions .table-col { width: calc((75% - 145px) / 5); }
		.cat-table-area .table-col-7.grouped-dimensions .table-col { width: calc((75% - 145px) / 6); }
		.cat-table-area .table-col-8.grouped-dimensions .table-col { width: calc((75% - 145px) / 7); }
		.cat-table-area .table-col-9.grouped-dimensions .table-col { width: calc((75% - 145px) / 8); }
		.cat-table-area .table-col-10.grouped-dimensions .table-col { width: calc((75% - 145px) / 9); }
		.cat-table-area .table-col-11.grouped-dimensions .table-col { width: calc((75% - 145px) / 10); }
		.cat-table-area .table-col-12.grouped-dimensions .table-col { width: calc((75% - 145px) / 11); }
		/* Expanded */
		.cat-table-area .grouped-dimensions-expanded .table-col.multiple { width: 30% !important; }
		.cat-table-area .table-col-4.grouped-dimensions-expanded .table-col { width: calc((70% - 145px) / 3); }
		.cat-table-area .table-col-5.grouped-dimensions-expanded .table-col { width: calc((70% - 145px) / 4); }
		.cat-table-area .table-col-6.grouped-dimensions-expanded .table-col { width: calc((70% - 145px) / 5); }
		.cat-table-area .table-col-7.grouped-dimensions-expanded .table-col { width: calc((70% - 145px) / 6); }
		.cat-table-area .table-col-8.grouped-dimensions-expanded .table-col { width: calc((70% - 145px) / 7); }
		.cat-table-area .table-col-9.grouped-dimensions-expanded .table-col { width: calc((70% - 145px) / 8); }
		.cat-table-area .table-col-10.grouped-dimensions-expanded .table-col { width: calc((70% - 145px) / 9); }
		.cat-table-area .table-col-11.grouped-dimensions-expanded .table-col { width: calc((70% - 145px) / 10); }
		.cat-table-area .table-col-12.grouped-dimensions-expanded .table-col { width: calc((70% - 145px) / 11); }
		/* Subtracted */
		.cat-table-area .grouped-dimensions-subtract .table-col.multiple { width: 20% !important; }
		.cat-table-area .table-col-4.grouped-dimensions-subtract .table-col { width: calc((80% - 145px) / 3); }
		.cat-table-area .table-col-5.grouped-dimensions-subtract .table-col { width: calc((80% - 145px) / 4); }
		.cat-table-area .table-col-6.grouped-dimensions-subtract .table-col { width: calc((80% - 145px) / 5); }
		.cat-table-area .table-col-7.grouped-dimensions-subtract .table-col { width: calc((80% - 145px) / 6); }
		.cat-table-area .table-col-8.grouped-dimensions-subtract .table-col { width: calc((80% - 145px) / 7); }
		.cat-table-area .table-col-9.grouped-dimensions-subtract .table-col { width: calc((80% - 145px) / 8); }
		.cat-table-area .table-col-10.grouped-dimensions-subtract .table-col { width: calc((80% - 145px) / 9); }
		.cat-table-area .table-col-11.grouped-dimensions-subtract .table-col { width: calc((80% - 145px) / 10); }
		.cat-table-area .table-col-12.grouped-dimensions-subtract .table-col { width: calc((80% - 145px) / 11); }

	/*.cat-table-area .table-col.first {
		width: 12%;
		overflow: hidden;
	}
	.cat-table-area .table-col.short {
		width: 8%;
	}
	.cat-table-area .table-col.multiple {
		width: 25%;
		padding: 0;
	}
		.cat-table-area .table-col.multiple .table-col {
			float: left;
			width: 25%;
			padding: 7px 0;
		}*/
	.cat-table-area .table-col.multiple { padding: 0; }
		.cat-table-area .table-col.multiple .spans {
			display: flex;
			width: 100%;
		}
		.cat-table-area .table-col.multiple .spans span {
			padding: 7px 4px;
		}
		.cat-table-area .table-col.multiple.span-col-2 .spans span,
		.cat-table-area .responsive-table-inner .table-col.dimension-col-wrapper > .dimension-col-2 {
			width:50%;
		}
		.cat-table-area .table-col.multiple.span-col-3 .spans span,
		.cat-table-area .responsive-table-inner .table-col.dimension-col-wrapper > .dimension-col-3 {
			width:33.333333%;
		}
		.cat-table-area .table-col.multiple.span-col-4 .spans span,
		.cat-table-area .responsive-table-inner .table-col.dimension-col-wrapper > .dimension-col-4 {
			width:25%;
		}
		.cat-table-area .table-col.multiple.span-col-5 .spans span,
		.cat-table-area .responsive-table-inner .table-col.dimension-col-wrapper > .dimension-col-5 {
			width:20%;
		}
		.cat-table-area .table-col.multiple.span-col-6 .spans span,
		.cat-table-area .responsive-table-inner .table-col.dimension-col-wrapper > .dimension-col-6 {
			width:18%;
		}

		.cat-table-area .responsive-table-inner .table-col.dimension-col-wrapper {
			width:25%;
			padding: 0;
			display: flex;
		}
		.cat-table-area .responsive-table-inner.grouped-dimensions-expanded .table-col.dimension-col-wrapper {
			width: 30%;
		}
		.cat-table-area .responsive-table-inner.grouped-dimensions-subtract .table-col.dimension-col-wrapper {
			width: 20%;
		}
		.cat-table-area .responsive-table-inner .table-col.dimension-col-wrapper > .table-col {
		  padding: 7px;
		}

		.cat-table-area .table-col.first,
		.cat-table-area .body .table-row > .table-col:nth-child(1) {
			text-align: left;
		}
		.cat-table-area .table-col.full-col {
			width: 100%;
		}
		.cat-table-area .table-col a {
			color: #1D2B35;
			text-decoration: none;
		}
			.cat-table-area .table-col a:hover {
				text-decoration: underline;
			}
	.cat-table-area .head {
		height: 70px;
		padding: 0 0 2px;
		border-bottom: 1px solid #dddddd;
	}
		.cat-table-area .head .table-row { border: none; }
		.cat-table-area .head .table-col {
			background-color: #f2f2f2;
			border-right: 2px solid #fff;
			font-size: 12px;
			height: 100%;
			display: flex;
			position: relative;
			align-items: center;
			justify-content: center;
		}
		.cat-table-area .head .table-col.first {
			justify-content: left;
		}
		.cat-table-area .head .table-col.sortable,
		.cat-table-area .head .table-col span.sortable {
			cursor: pointer;
		}
		.cat-table-area .head .table-col.sortable:hover,
		.cat-table-area .head .table-col span.sortable:hover {
			background-color: #ccc;
		}
		.cat-table-area .head .table-col.sortable.active,
		.cat-table-area .head .table-col.sortable.active:hover,
		.cat-table-area .head .table-col span.sortable.active {
			background-color: #99d100;
		}
		.cat-table-area .head .table-col.sortable.active span,
		.cat-table-area .head .table-col span.sortable.active {
			color: #fff;
		}
			.cat-table-area .head .table-col .table-col-inner {
				overflow: hidden;
			}
		.cat-table-area .head .table-col.active,
		.cat-table-area .head .multiple .active {
			font-weight: 600;
		}
			.cat-table-area .head .sort-arrow,
			.cat-table-area .head .table-col.multiple .spans .sort-arrow {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 6px;
			}
			.cat-table-area .head .sort-arrow:before,
			.cat-table-area .head .sort-arrow:after {
				content: "";
				position: absolute;
				border: solid transparent;
				pointer-events: none;
				height: 0;
				width: 0;
				border-width: 5px;
				top: -11px;
				right: 0;
				border-color: rgba(153, 209, 0, 0);
				border-top-color: transparent;
				border-bottom-color: #6a6a6a;
			}
			.cat-table-area .head .spans .sort-arrow:before { top: -4px }
			.cat-table-area .head .spans .sort-arrow:after { top: 9px; }
			.cat-table-area .head .sort-arrow:after {
				top: 2px;
				border-bottom-color: transparent;
				border-top-color: #6a6a6a;
			}
				.cat-table-area .head .active.asc .sort-arrow:before {
					border-bottom-color:  #fff;
				}
				.cat-table-area .head .active.desc .sort-arrow:after {
					border-top-color: #fff;
				}

			/*
			.cat-table-area .head .table-col,
			.cat-table-area .head .multiple .sortable {

			}
			.cat-table-area .head .table-col.active:after,
			.cat-table-area .head .multiple .active:after {
				content: "";
				position: absolute;
				border: solid transparent;
				pointer-events: none;
				height: 0;
				width: 0;
				border-width: 7px;
				top: 23px;
				right: 6px;
				border-color: rgba(153, 209, 0, 0);
				border-top-color: transparent;
				border-bottom-color: #fff;
			}
			.cat-table-area .head .table-col.active.desc:after,
			.cat-table-area .head .multiple .active.desc:after {
				top: 30px;
				border-bottom-color: transparent;
				border-top-color: #fff;
			}
			*/
		.cat-table-area .head .table-col span {
			line-height: 18px;
			display: block;
		}
		.cat-table-area .head .table-col.sortable span {
			cursor: pointer;
		}
		.cat-table-area .head .table-col span span {
			display: block;
		}
		.cat-table-area .head .table-col.last {
			border-right: none;
		}
			.cat-table-area .head .table-col .table-col-inner span {
				overflow: hidden;
				text-overflow: ellipsis;
			}
		.cat-table-area a.datablad {
			position: relative;
			display: inline-block;
			height: 26px;
			width: 26px;
			padding: 5px;
			margin: 4px 0 0;
			border-radius: 50%;
			transition: background-color 0.3s ease;
		}
			.cat-table-area a.datablad:hover {
				background-color: #ededed;
			}
		.cat-table-area a.datablad:after {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 6px;
			left: 5px;
			width: 16px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -32px -229px no-repeat transparent;
		}
	.cat-table-area .head .table-col.multiple {
		padding: 0;
		flex-wrap: wrap;
	}
		.cat-table-area .head .table-col.multiple > .title {
			border-bottom: 2px solid #fff;
			height: 34.5px;
			padding-top: 7px;
			width: 100%;
			text-align: center;
		}
		.cat-table-area .head .table-col.multiple > .spans {}
			.cat-table-area .head .table-col.multiple .spans span {
				position: relative;
				border-right: 2px solid #fff;
				font-size: 10px;
				line-height: 12px;
			}
				.cat-table-area .head .table-col.multiple .active:after {
					top: 6px;
				}
				.cat-table-area .head .table-col.multiple .active.desc:after {
					top: 13px;
				}
			.cat-table-area .head .table-col.multiple .spans span:last-child {
				border: none;
			}

	@media screen and (max-width: 1000px) {
		.cat-table-area .head .table-col.multiple .spans span {
			font-size: 10px;
		}
	}

	.cat-table-area .row-image {
		display: none;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: calc(100% + 24px);
		margin: 0;
		background-color: #fff;
		border: 3px solid #99d100;
		padding: 10px;
		z-index: 2;
		width: 175px;
	}
		.cat-table-area .row-image img { width: 100%; height: auto; }
	.cat-table-area .open .row-image,
	.cat-table-area .table-row .first:hover .row-image {
		display: block;
	}
		.cat-table-area .row-image:after,
		.cat-table-area .row-image:before {
			left: -43px;
			top: 50%;
			border: solid transparent;
			content: " ";
			height: 0;
			width: 0;
			position: absolute;
			pointer-events: none;
		}
		.cat-table-area .row-image:after {
			border-color: rgba(255, 255, 255, 0);
			border-right-color: #ffffff;
			border-width: 18px;
	  	margin-top: -18px;
	  	left: -36px;
		}
		.cat-table-area .row-image:before {
			border-color: rgba(153, 209, 0, 0);
			border-right-color: #99d100;
			border-width: 20px;
			margin-top: -20px;
		}

/* LAYERED */
.block-layered-nav {}
	.block-layered-nav #narrow-by-list {
		margin: 0 0 20px;
	}
	.block-layered-nav #narrow-by-list dt {
		font-size: 16px;
		font-weight: 700;
		display: block;
		padding: 0 0 12px 25px;
		border-bottom: 1px solid #99d100;
		margin: 0 0 10px;
		position: relative;
	}
		.block-layered-nav #narrow-by-list dt:before {
			content: "";
			display: block;
			width: 10px;
			height: 10px;
			position: absolute;
			top: 3px;
			left: 0;
			border-style: solid;
			border-color: transparent transparent #99d100 transparent;
			border-width: 0 4px 4px;
		}
	.block-layered-nav #narrow-by-list dd {
		position: relative;
		margin: 0 0 35px;
	}
		.block-layered-nav #narrow-by-list dd li {
			position: relative;
			margin: 0 0 7px;
		}
		.block-layered-nav #narrow-by-list dd a.amshopby-attr,
		.block-layered-nav #narrow-by-list dd li > a,
		.block-layered-nav #narrow-by-list dd a.amshopby-attr:hover,
		.block-layered-nav #narrow-by-list dd a.amshopby-attr-selected {
			padding: 0 0 0 25px;
			background: none transparent;
			text-decoration: none;
			color: #1D2B35;
			line-height: 140%;
			font-size: 13px;
		}
			.block-layered-nav #narrow-by-list dd a.amshopby-attr:hover,
			.block-layered-nav #narrow-by-list dd li > a:hover {
				text-decoration: underline;
			}
		.block-layered-nav #narrow-by-list dd a:before {
			content: "";
			display: block;
			position: absolute;
			top: 2px;
			left: 0;
			width: 13px;
			height: 13px;
			border: 1px solid #545454;
		}
			.block-layered-nav #narrow-by-list dd a.amshopby-attr-selected:after {
				content: "";
				display: block;
				width: 8px;
				height: 5px;
				border-style: solid;
				border-color: #545454;
				border-width: 0 0 2px 2px;
				position: absolute;
				top: 5px;
				left: 3px;
				transform: rotate(-45deg);
			}

/* SUB CATEGORIES */

.sub-cat-list {
	margin: 0 -15px 60px -15px;
}
.mixed .sub-cat-list { margin-bottom: 0; }
	.sub-cat-list .sub-cat-item {
		margin-bottom: 30px;
	}
	.sub-cat-list .sub-cat-item > a {
		display: block;
		height: 100%;
		text-align: left;
		border-radius: 3px;
		text-decoration: none;
	}
	.sub-cat-list .sub-cat-item .img {
		text-align: center;
	}
	.mixed .sub-cat-list .sub-cat-item .img {
		height: 120px;
		padding: 5px 0;
	}
		.sub-cat-list .sub-cat-item img {
			width: 200px;
			margin: 0 auto;
		}
		.mixed .sub-cat-list .sub-cat-item img {
			width: 110px;
			height: auto;
		}
	.sub-cat-list .sub-cat-item h2 {
		text-decoration: none;
		display: block;
		padding: 8px 15px;
		font-size: 15px;
		font-weight: 700;
		color: #1D2B35;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;		
		line-height: 23px;
	}
	.mixed .sub-cat-list .sub-cat-item h2 {
		font-size: 14px;
		padding: 5px 5px 8px;
		text-align: center;
	}
		.sub-cat-list .sub-cat-item > a:hover h2 {
			color: #99d100;
		}

/* CUSTOM FILTER */
.filter-boxes {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    margin: 0 -10px;
}
	.filter-boxes .filter {
	    border: 1px solid #99d100;
	    padding: 0;
	    margin: 20px 10px;
	    max-height: 30px;
	    overflow: hidden;
	    width: calc(50% - 20px);
	    box-sizing: border-box;
	    transition: max-height 0.5s cubic-bezier(.65,.05,.36,1);
	}
		.filter-boxes .filter.expanded {
			max-height: 150px;
		}
	.filter-boxes .filter.alone {
		width: calc(100% - 20px);
	}
	.filter-boxes .filter h4 {
	    font-size: 14px;
	    color: #ffffff;
	    background-color: #99d100;
	    padding: 0 5px;
	    line-height: 29px;
	    position: relative;
	}
		.filter-show-more {
		    cursor: pointer;
		    position: absolute;
		    top: 0;
		    left: 0;
		    width: 100%;
		    height: 100%;
		    display: block;
		    text-align: right;
		    padding: 0 5px 0 0;
		}
	.filter-boxes .filter .filterarea {
	    overflow-y: auto;
	    max-height: 95px;
	    margin: 12px;
	}
		.filter-boxes .filter .filterarea div {
		    font-size: 12px;
		    padding: 1px 0;
		    cursor: pointer;
		}
		.filter-boxes .filter .filterarea div:hover {
			text-decoration: underline;
		}
		.filter-boxes .filter .filterarea div.filtered {
		    font-weight: 700;
		    color: #000000;
		}
	
	.resetter {
	    display: none;
	    text-align: center;
	    position: relative;
	    height: 26px;
	    margin: 0 0 20px;
	}
	.resetter.active {
	    display: block;
	}
		.resetter .label {
		    font-weight: 700;
		    line-height: 24px;
		    display: inline-block;
		}
		.resetter .selected-filter-name {
		    padding: 0 25px 0 0;
		    display: inline-block;
		    position: relative;
		}
		.resetter .reset-filter {
		    display: block;
		    position: absolute;
		    top: 0;
		    right: 0;
		    width: 17px;
		    height: 17px;
		    border-radius: 50%;
		    cursor: pointer;
		    background-color: #252525;
		}
			.resetter .reset-filter::before, .resetter .reset-filter::after {
			    content: "";
			    width: 1.5px;
			    height: 11px;
			    display: block;
			    position: absolute;
			    top: 3px;
			    left: 8px;
			    background-color: #ffffff;
			    transform: rotate(45deg);
			}
			.resetter .reset-filter::after {
			    transform: rotate(135deg);
			}
	.category-products .unfiltered {
	    display: none;
	}


/* PRODUCT */

.product-view {
	margin: 0;
}
.product-view h1 {
	font-weight: 300;
	color: #99d100;
	color: #1D2B35;
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
	margin: 0 0 40px;
}
.product-left p {
	margin: 0 0 15px;
	font-size: 15px;
}
.product-left .short-description {
	line-height: 20px;
}
.product-left .std {
	font-size: 14px;
	line-height: 20px;
	margin: 0 0 30px;
}
	.product-left .std p {
		font-size: 15px;
		line-height: 22px;
	}
	.product-left .std ul,
	.category-description ul,
	.view-indhold .desc ul,
	.view-blog .desc ul,
	.dynamic-block-row .ct-field ul {
		margin: 0 0 15px;
	}
	.product-left .std li,
	.category-description ul li,
	.view-indhold .desc ul li, 
	.view-blog .desc ul li,
	.dynamic-block-row .ct-field ul li {
		position: relative;
		padding: 0 0 0 16px;
		margin: 0 0 8px;
		font-size: 15px;
		line-height: 20px;
	}
	.product-left .std li:before,
	.category-description ul li:before,
	.view-indhold .desc ul li:before,
	.view-blog .desc ul li:before,
	.dynamic-block-row .ct-field ul li:before {
		content: "";
		display: block;
		position: absolute;
		top: 6px;
		left: 0;
		width: 6px;
		height: 6px;
		background: #99d100;
	}
	.product-left .std a,
	.category-description ul li a,
	.view-indhold .desc ul li a,
	.view-blog .desc ul li a,
	.dynamic-block-row .ct-field ul li a {
		color: #000;
	}
	.product-left .std img {
		max-width: 100%;
		height: auto;
	}
.product-left table {
	width: 100% !important;
	margin: 0 0 40px;
}
	.product-left table td {
		width: 50%;
		font-size: 14px;
		line-height: 17px;
		padding: 6px 0 7px;
		border-bottom: 1px solid #dddddd;
	}
	.product-left table td.first {
		font-weight: 600;
	}
	.product-right .product-image {
		padding: 40px;
		text-align: center;
	}
		.product-right .product-image img {
			width: 80%;
			height: auto;
		}
	.product-right .more-views {
		border-top: 1px solid #bfbfbf;
		padding: 12px 0 0;
		text-align: center;
	}
		.product-right .more-views li {
			display: inline-block;
			padding: 10px;
			border: 1px solid #bfbfbf;
			margin: 0 8px 11px;
			cursor: pointer;
		}
		.product-right .more-views li.active,
		.product-right .more-views li:hover {
			border-color: #99d100;
		}

.multiselect-inline-wrap {
	margin-top: -5px;
}
.prodinf .multiselect-inline-wrap,
.multiselect-inline-wrap.multiselect-inline-product-list {
	display: flex;
	flex-wrap: wrap;
	align-items: normal;
}
.multiselect-inline-value,
.grid-view .products-grid li .area-bottom span.multiselect-inline-value {
	display: inline-block;
	border-radius: 10px;
	margin: 5px 5px 0 0;
	background-color: #ededed;
	padding: 5px 6px;
	font-size: 12px;
}
.prodinf .multiselect-inline-value {
	/* width: calc(33.333333% - 5px); */
	font-weight: 400;
}
.multiselect-inline-product-list .multiselect-inline-value {
	width: calc(50% - 5px);
}
.multiselect-inline-expand {
	border: 1px solid #ccc;
	cursor: pointer;
	transition: border-color 0.3s ease;
	font-weight: 600;
	color: #1D2B35;
	text-decoration: none;
}
	.multiselect-inline-expand:hover {
		border-color: #707070;
	}
.multiselect-inline-value.hidden,
.grid-view .products-grid li .area-bottom span.multiselect-inline-value.hidden,
.show-hidden > .multiselect-inline-expand,
.grid-view .products-grid li .area-bottom .show-hidden > span.multiselect-inline-expand {
	display: none;
}
.show-hidden > .multiselect-inline-value.hidden,
.grid-view .products-grid li .area-bottom .show-hidden > span.multiselect-inline-value.hidden {
	display: inline-block;
}

.table-pane table {
	width: 100%;
	table-layout: fixed;
}
/*.table-pane table.column-2 { width: auto; min-width: 350px; }*/
	.tab-panes table td {
		font-size: 14px;
		vertical-align: top;
		width: auto;
		padding: 6px 15px 7px;
		color: #545454;
		line-height: 17px;
		border-bottom: 1px solid #dddddd;
		text-align: left;
	}
	.tab-panes table.compability thead td {
		background-color: #f2f2f2;
		border-top: 1px solid #ddd;
	}
	.tab-panes table.compability td {
		border: 1px solid #dddddd;
	}
	.tab-panes table td:nth-child(1) {
		text-align: left;
	}
		.tab-panes table.column-1 td:nth-child(1),
		.tab-panes table.column-2 td:nth-child(1) {
			width: 260px;
		}
		.tab-panes .passer-erstatter table td:nth-child(1) {
			width: inherit;
		}
	.table-pane table.alternative td { width: 33.333333%; border: none; }
	.tab-panes table.column-4 td {
		width: 25%;
	}
	.tab-panes table.column-5 td {
		width: 20%;
	}

	.tab-panes .other-pane table td {
		border: none;
	}
	.tab-panes .other-pane table.column-2 td,
	.tab-panes .other-pane table.column-0 td {
		width: 50%;
	}
	
	.table-pane table td h3 {
	    border-bottom: 1px solid #dddddd;
	    padding: 0 0 10px;
	    margin: 0 0 14px;
	    font-weight: normal;
	    font-size: 16px;
	}
	.table-pane table td li {
	    position: relative;
	    padding: 0 0 0 22px;
	    margin: 0 0 3px;
	    display: block;
	    line-height: 20px;
	    font-size: 14px;
	}
	.table-pane table td li:before {
	    content: "";
	    display: block;
	    width: 7px;
	    height: 7px;
	    position: absolute;
	    top: 7px;
	    left: 4px;
	    background: #99d100;
	}

.product-left .btn-wrap {
	text-align: center;
}
	.product-left span.btn {
		display: inline-flex;
		align-items: center;
		text-align: center;
		padding: 7px 16px 8px;
		background-color: #99d100;
		color: #fff;
		font-size: 15px;
		line-height: 28px;
		position: relative;
		cursor: pointer;
	}
		.product-left span.btn:after {
		    content: "";
		    display: block;
		    width: 15px;
		    height: 15px;
		    background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -34px -35px no-repeat transparent;
				margin-left: 8px;
		}
		
.product-collateral {
	color: #7e7e7e;
	margin: 45px 0 60px;
}
	.product-collateral .tab-bar {
		width: 100%;
		height: 42px;
		background-color: #efefef;
		margin: 0 0 20px;
	}
		.product-collateral .tab-bar > span {
			padding: 0 30px;
			color: #1a1a1a;
			position: relative;
			height: 42px;
			display: flex;
			align-items: center;
			float: left;
			cursor: pointer;
			text-align: center;
			text-decoration: none;
			transition: background-color 0.3s ease;
		}
		.product-collateral .tab-bar span span {
			display: block;
			width: 100%;
		}
			.product-collateral .tab-bar > span:hover {
				background-color: #e7e7e7;
			}
			.product-collateral .tab-bar > span.active,
			.product-collateral .tab-bar > span.active:hover {
				background-color: #99d100;
				color: #fff;
			}
		.product-collateral .tab-bar .active:after {
		    content: "";
		    display: block;
		    width: 18px;
		    height: 18px;
		    position: absolute;
		    background-color: #99d100;
		    transform: rotate(45deg);
		    bottom: -8px;
		    left: 14px;
		    z-index: -1;
		}
	.product-collateral .tab-bar span.first {	
		font-weight: 600;
		text-transform: uppercase;
		cursor: default;
	}
		.product-collateral .tab-bar span.first:hover {
			background: transparent;
		}
		.product-collateral .tab-panes .pane {
			display: none;
			padding: 20px 0;
		}
		.product-collateral .tab-panes .pane.active {
			display: block;
		}
			.product-collateral .tab-panes h3 {
				display: block;
				margin: 0 0 8px;
				font-weight: 600;
				font-size: 15px;
				font-weight: 700;
				line-height: 140%;
			}
			.product-collateral .tab-panes .pane td,
			.category-table td {
				font-size: 14px;
			}
			.product-collateral .tab-panes .pane p {
				line-height: 20px;
				font-size: 14px;
				margin: 0 0 15px;
				color: #545454;
			}
			.product-collateral .tab-panes a {
				color: #1D2B35;
			}
			/*.product-collateral .tab-panes a.document {
				display: block;
				height: auto;
				clear: both;
				margin: 0 0 10px;
			}
				.product-collateral .tab-panes a:before {
					content: "";
					display: block;
					float: left;
					width: 20px;
					height: 21px;
					background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") 0 -136px no-repeat transparent;
					background-size: 60px;
					margin: -1px 8px 0 0;
				}*/
	.product-collateral .tab-panes .pane iframe,
	.product-collateral .tab-panes .pane-media img {
		max-width: 100%;
		height: auto;
	}
.catalog-product-view #bestil-container {
	display: none;
}
#bestil-container [id^=wufoo] {
	height: 410px;
}
	.catalog-product-view #modal {
		display: block;
		width: 90%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		background: #fff;
		position: fixed;
		max-width: 450px;
		z-index: 50;
		top: 50%;
		padding: 20px 5px;
		overflow-y: auto;
		max-height: 90vh;
		height: auto;
	}
	.catalog-product-view #modal .form-wrap {
		min-height: 350px;
	}
		#modal .closeit {
			position: absolute;
			top: 20px;
			right: 20px;
			width: 30px;
			height: 30px;
			cursor: pointer;
		}
			#modal .closeit:after,
			#modal .closeit:before {
				content: "";
				display: block;
				width: 6px;
				height: 30px;
				position: absolute;
				top: 50%;
				left: 50%;
				background: #000;
				transform: translateX(-50%) translateY(-50%) rotate(45deg);
			}
			#modal .closeit:before {
				transform: translateX(-50%) translateY(-50%) rotate(-45deg);
			}
			
			#modal h2 {
				display: block;
				font-weight: 300;
				color: #99d100;
				font-size: 34px;
				margin: 0 15px 20px;
			}
			#modal .before-form-content {
				margin: 0 15px;
			}
			#modal p {
				margin: 0 0 15px;
				font-size: 15px;
			}
				#modal p strong {
					font-weight: 700;
				}
			#modal .fieldset,
			#kontakt-container .fieldset {
				display: flex;
				flex-direction: row;
				flex-wrap: wrap;
			}	
				#modal .fieldset > div,
				#kontakt-container .fieldset > div {
					display: block;
					width: 50%;
					margin: 0 0 10px;
					padding: 0 15px;
				}
				#kontakt-container .fieldset.column-3 {
					margin-bottom: 50px;
				}
					#kontakt-container .before-form-content {
						margin: 0 0 20px;
					}
				#kontakt-container .fieldset.column-3 > div {
					width: 33.333333%;
				}
					#modal .fieldset > div label,
					#kontakt-container .fieldset > div label {
						font-size: 15px;
						display: block;
						margin: 0 0 5px;
					}
					#modal .fieldset > div input,
					#kontakt-container .fieldset > div input {
						width: 100%;
						border: 1px solid #ccc;
						padding: 4px;
						font-size: 15px;
					}
					#kontakt-container .fieldset > div select {
						width: 100%;
						background: none transparent;
						border: 1px solid #ccc;
						height: 33px;
						font-size: 15px;
					}
					
					#modal .fieldset .validation-advice,
					#kontakt-container .validation-advice,
					.formmakers-index-index .validation-advice,
					#kontakt-container-new .validation-advice {
						display: inline-block;
						margin: 3px 0 0;
						padding: 3px 10px;
						background: #f94949;
						color: #fff;
						font-size: 13px;
					}
				#modal .form-wrap {
					padding-left: 11px;
					padding-right: 11px;
				}
				#modal .fieldset > div.wide,
				#kontakt-container .fieldset > div.wide {
					width: 100%;
					margin: 0 0 10px;
					padding: 0 15px;
				}
					#modal .fieldset > div.wide textarea,
					#kontakt-container .fieldset > div.wide textarea {
						width: 100%;
						border: 1px solid #ccc;
						padding: 4px;
						font-size: 15px;
					}
			#modal .hidden-frontend { visibility: hidden; position: absolute; top: -100%; left: -100%; }
			#modal button.button,
			#kontakt-container button.button {
				display: block;
				width: calc(100% - 30px);
				border: none;
				margin: 10px 15px 0;
				height: 33px;
				line-height: 33px;
				color: #fff;
				background: #99d100;
				cursor: pointer;
			}
			#kontakt-container button.button {
				width: auto;
				padding: 0 50px;
				margin: 0 0 0 auto;
			}
				#modal button.button span,
				#kontakt-container button.button span {
					margin: 0;
					display: block;
				}
					#modal button.button span p,
					#kontakt-container button.button span p {
						font-size: 18px;
					}
	.catalog-product-view #modal-bg {
		width: 100%;
		height: 100%;
		z-index: 40;
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0,0.5);
	}
	.cms-kontakt .page-title h1,
	.cms-contact .page-title h1 {
		margin: 0 0 40px;
	}
	.cms-kontakt .col-main,
	.cms-contact .col-main {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;		
	}
	#kontakt-container .fieldset {
		margin: 0 -15px;
	}
	#kontakt-container h2 {
		margin: 0 0 15px;
	    display: block;
	    font-size: 20px;
	    font-weight: 600;
	    color: #000;
	}
	.cms-kontakt .std {
		padding-left: 50px;
	}
	.cms-kontakt .std h2,
	.cms-contact .std h2 {
		margin: 0 0 22px;
	}
	.cms-kontakt .std,
	.cms-contact .std {
		width: 66.666666%;
		display: flex;
	  flex-wrap: wrap;
	  flex-direction: column;
	  justify-content: center;
	}
	.cms-kontakt .std.std-form,
	.cms-contact .std.std-form {
		padding: 0;
		width: 100%;
	}
	.cms-kontakt .std.std-form > div,
	.cms-contact .std.std-form > div {
		margin: 0 auto;
		width: 100%;
		max-width: 500px;
	}
	#kontakt-tilmeld-container {
		padding-left: 0;
		margin-left: 20px;
		width: calc(33.333333% - 20px);
	}
		#kontakt-container {
	    	width: 100%;
		}
	
/* Bliv kunde */
#tilmeld-container {
	width: 100%;
	margin: 0;
	padding: 0;
	/*background: url("https://actec.dk/skin/frontend/makers/actec/images/tilmeld-nu-bg.jpg") 0 0 no-repeat #000;
	background-size: cover;
	background-position: center center;*/
	color: #fff;
	font-size: 19px;
	position: relative;
	padding: 90px 0;
}

body.cms-index-index .footer-container #tilmeld-container{
	display: none;
}

.tilmeld-container__dark{
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	bottom: 0;
	width: 40%;
	height: 100%;
	background: #000;
}

.tilmeld-container__dark:after{
	content: '';
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	width: 25%;
	height: 100%;
	background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.tilmeld-container__bg{
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 62%;
	background: url("https://actec.dk/skin/frontend/makers/actec/images/footer-bg.jpg") 0 0 no-repeat #000;
	background-size: cover;
	background-position: center center;
}

#tilmeld-container .inner{
	position: relative;
	z-index: 4;
}

#tilmeld-container .area-content {
	/* width: 90%;*/
	margin: 0 auto 0 0;
	/*padding: 30px;
	max-width: 430px;
	background-color: rgba(153,209,0,0.8);*/
	max-width: 40%;
	color: #A5AAAE;
	font-size: 15px;
	line-height: 1.4;
}
#tilmeld-container .area-content h2 {
	/* font-size: 35px;
	line-height: 40px; */
	margin: 0 0 20px;
	font-size: 30px;
	line-height: 36px;
	font-weight: 700;
	color: #fff;
}
/*#tilmeld-container p {
	margin: 0 0 15px;
	font-size: 15px;
	line-height: 140%;
}*/
#tilmeld-container strong {
	margin: 0 0 20px;
	display: inline-block;
}
#tilmeld-container ul {
	margin: 0 0 20px;
	list-style: disc;
	padding-left: 18px;
}
#tilmeld-container ul li {
	margin: 0 0 22px;
	/*padding: 0 0 0 18px;
	 font-size: 15px;
	line-height: 19px; 
	font-size: 15px;
	line-height: 140%;*/
	position: relative;
}
/*#tilmeld-container ul li:before {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	width: 9px;
	height: 9px;
	background: #fff;
}*/
#tilmeld-container p a {
	display: block;				
	color: #1D2B35;
	background-color: #99D100;
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	/* height: 45px; 
	line-height: 28px;*/
	padding: 18px 30px;
	font-weight: 700;
	z-index: 1;
	border-radius: 40px;
	display: inline-block;
	margin-top: 30px;
	width: unset !important;
}

#tilmeld-container p a:hover{
	background-color:#a9e602 !important;
}

@media screen and (min-width:  1200px){
	#tilmeld-container .area-content {
		max-width: 40%;
		font-size: 18px;
	}
	html:lang(en) #tilmeld-container .area-content {
		max-width: 44%;
	}
	#tilmeld-container .area-content h2{
		font-size: 45px;
		line-height: 55px;
	}
	#tilmeld-container p a {
		padding: 24px 40px;
		border-radius: 40px;
		margin-top: 40px;
	}
}

@media screen and (min-width:  1600px){
	#tilmeld-container .area-content {
		max-width: 40%;
		font-size: 20px;
	}
	#tilmeld-container .area-content h2{
		font-size: 50px;
		line-height: 60px;
	}
}

@media screen and (max-width:  767px){
	#tilmeld-container {
		padding: 45px 0;
	}
	#tilmeld-container .area-content {
		max-width: 100%;
		padding-bottom: 280px !important;
	}
	.tilmeld-container__bg{
		width: 100%;
		height: 400px;
		top: unset;
		bottom: 0;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/footer-bg-mobil.jpg") 0 0 no-repeat #000;
		background-position: center center;
		background-size: cover;
	}
	.tilmeld-container__dark{
		width: 100%;
		height: calc(100% - 390px);
		bottom: unset;
	}
	.tilmeld-container__dark:after{
		background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
		top: 100%;
		left: 0;
		height: 150px;
		width: 100%;
		bottom: unset;
	}
	#tilmeld-container p a {
		margin-top: 10px;
	}
}



	/* Medarbejdere */
	#kontakt-person {
		position: relative;
		margin: 50px 0 0;
	}
	#kontakt-person > .inner {
		border-top: 1px solid #eaeaea;
	}
	#kontakt-person > .inner:before {
		content: "";
	    display: block;
	    position: absolute;
	    top: -13px;
	    left: 50%;
	    transform: translateX(-50%);
	    width: 25px;
	    height: 26px;
	    background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -21px -199px no-repeat transparent;
	}
	#kontakt-person h2.alone {
		display: block;
		text-align: center;
		margin: 50px 0 10px;
	    display: block;
	    font-size: 20px;
			line-height: 24px;
	    font-weight: 700;
	    color: #1D2B35;
	}
	#kontakt-person p {
		margin: 0 0 15px;
		line-height: 22px;
		font-size: 14px;
	}
	.person-row {
		padding: 40px 0;
	}
	.person-row:nth-child(even) {
		background: #f1f1f1;
	}
		.person-row .person-inner {
			width: 100%;
			margin: 0 auto 30px;
		}
		.persons.row > div { margin-bottom: 30px; }
		.person-row h3.title {
			font-weight: 700;
			color: #1D2B35;
			font-size: 20px;
			line-height: 24px;
			margin: 0 0 20px;
		}
		.person-row .img {
			margin: 0 0 12px;
		}
			.person-row .img img {
				width: 100%;
				height: auto;
			}
		.person-row .persons h3 {
			font-size: 15px;
			line-height: 140%;
			font-weight: 700;
			color: #1D2B35;
			margin: 0 0 5px;
		}
		.person-row span.title {
			color: #1D2B35;
			opacity: .6;
			font-weight: 700;
			font-size: 15px;
			display: block;
			margin: 0 0 20px;
		}
		.person-row .phones {
			font-size: 15px;
		}
			.person-row .phones div {
				margin: 0 0 5px;
				clear: both;
				height: 17px;
				font-size: 14px;
			}
			/*.person-row .phones div span {
				float: right;
			}*/
			.person-row .phones div span.first {
				margin-right: 8px;
			}
			.person-row .phones div a { color: #000; text-decoration: none; }

#map-canvas {
	margin: 50px 0 0;
	height: 500px;
}
	#map-canvas #content span {
		display: block;
		margin: 0 0 5px;
	}
	#map-canvas #content .title {
		font-weight: bold;
	}

/* Opret kunde */
.formmakers-index-index .main {
	padding: 40px 0;
}
.formmakers-index-index .fieldset {
	margin: 30px 0 0;
}
	#kontakt-container-new {
		margin-bottom: 50px;
	}
		#kontakt-container-new .before-form-content {
			margin: 0 0 20px;
		}
	.formmakers-index-index .fieldset .form-list,
	#kontakt-container-new .form-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0 -15px;
	}
		.formmakers-index-index .fieldset .form-list li,
		#kontakt-container-new .form-list li {
			vertical-align: top;
			display: block;
			margin: 0 15px 30px;
			width: calc(33.333333% - 30px);
		}
			.formmakers-index-index .fieldset .form-list li label,
			#kontakt-container-new .form-list li label {
				font-size: 15px;
				display: block;
				margin: 0 0 5px;
			}
			.formmakers-index-index .fieldset .form-list li input,
			#kontakt-container-new .form-list li input {
				width: 100%;
				border: 1px solid #ccc;
				padding: 4px;
				font-size: 15px;
			}
			.formmakers-index-index .fieldset .form-list li .help-block,
			#kontakt-container-new .form-list li .help-block {
				display: block;
				margin: 5px 0;
				font-style: italic;
				font-size: 12px;
				line-height: 15px;
			}
				.formmakers-index-index .fieldset .form-list li select,
				#kontakt-container-new .form-list li select {
					width: 100%;
					height: 33px;
					border: 1px solid #ccc;
					font-size: 15px;
					color: #545454;
					background: none transparent;
				}
				.formmakers-index-index .fieldset .form-list li textarea,
				#kontakt-container-new .form-list li textarea {
					padding: 5px;
					width: 100%;
					border: 1px solid #ccc;
				}
					.formmakers-index-index .fieldset .form-list li .list-options li,
					#kontakt-container-new .form-list li .list-options li {
						margin: 0;
						width: 100%;
					}
						.formmakers-index-index .fieldset .form-list li .list-options li input,
						#kontakt-container-new .form-list li .list-options li input {
							width: auto;
							display: inline-block;
						}
						.formmakers-index-index .fieldset .form-list li .list-options li label,
						#kontakt-container-new .form-list li .list-options li label {
							display: inline-block;
						}
	.formmakers-index-index .buttons-set,
	#kontakt-container-new .buttons-set {
		text-align: center;
	}
		.formmakers-index-index .buttons-set button.button,
		#kontakt-container-new .buttons-set button.button {
			display: inline-block;
			vertical-align: top;
			text-align: center;
			padding: 0 35px;
			border: none;
			background: #99d100;
			color: #fff;
			font-size: 20px;
			cursor: pointer;
		}

/* SEO Beskrivelse */
#seo-description {
	margin: 50px 15px 30px;
}

/* Messages */
.col-main  { position: relative; }
ul.messages {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 1170px;
	padding: 5px 15px;
	z-index: 10;
	color: #000;
	background-color: #ccc;
}


/* FOOTER */

.footer-container {
	background: #1D2B35;
}
	.footer-container .newsletter {
		background: #F1F1F1;
		background: #fff;
		/*height: 60px;*/
		text-align: center;
		padding: 17px 0;
	}
		.footer-container #mc_embed_signup {
			display: table;
			margin: 0 auto;
			width: auto;
		}
		.footer-container .newsletter span {
			display: inline-block;
			margin: 20px 55px 20px 20px;
			/* font-family: 'Titillium Web', sans-serif; */
			font-family: 'Inter', sans-serif; 
			color: #000;
			font-size: 28px;
			font-weight: 700;
			vertical-align: middle;
		}
		.footer-container .newsletter form {
			height: 100%;
			display: inline-block;
			padding: 20px 0 !important;
		}
		.newsletter #mc_embed_signup input#mce-EMAIL {
			border-radius: 0;
			border: none;
			background-color: #1D2B35;
			color: #fff;
			font-size: 16px;
			padding: 20px;
			border-radius: 30px;
			height: 60px;
			padding-right: 50px;
		}
		.newsletter #mc_embed_signup .button {
			border-radius: 0;
			font-size: 15px;
			background-color: #99d100;
			color: ;
			appearance: none;
			-webkit-appearance: none;
			height: 60px;
			padding: 20px 45px;
			color: #1D2B35;
			font-size: 12px;
			line-height: 1;
			text-transform: uppercase;
			font-weight: 700;
			border-radius: 30px;
			margin-left: -50px;
		}
		
		.newsletter .form-subscribe-header,
		.newsletter .input-box,
		.newsletter .actions {
			display: table-cell;
			vertical-align: middle;
		}
		.newsletter .form-subscribe-header {
			font-size: 20px;
			color: #fff;
			padding: 0 25px 0 0;
		}
		.newsletter .input-box {
			padding: 0 9px 0 0;
			position: relative;
		}
			.newsletter .input-box input {
				height: 27px;
				border: none;
				width: 150px;
				padding: 0 10px;
				font-size: 14px;
				background: #ddd;
				border-radius: 3px;
			}
			.newsletter .input-box .validation-advice {
				position: absolute;
				top: 45px;
				left: 10px;
				font-size: 12px;
				color: #fff;
			}
			.newsletter .actions button {
				border: none;
				background: none transparent;
				background: #99d100;
				height: 27px;
				cursor: pointer;
				position: relative;
			}
				.newsletter .actions button span {
					color: #fff;
					font-size: 17px;
					padding: 0 40px 0 8px 
				}
				.newsletter .actions button:after {
					content: "";
					display: block;
					width: 15px;
					height: 15px;
					position: absolute;
					top: 6px;
					right: 15px;
					background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -34px -35px no-repeat transparent;
				}
	.footer-cols {
		padding: 60px 0 60px;
		color: #b9b8b8;
		font-size: 15px;
		line-height: 19px;
	}
		.footer-cols .footer-col h3,
		.footer-cols li.level-0 > span {
			font-size: 16px;
			font-weight: 700;
			display: block;
			margin: 0 0 16px;
		}
		.footer-cols .footer-col h3 {
			margin: 0 0 24px;
		}
		.footer-cols .footer-col.specifics h3 {
			margin-bottom: 16px;
			line-height: 24px;
		}
		.footer-cols .footer-col p,
		.footer-cols .footer-col a {
			color: #b9b8b8;
			text-decoration: none;
			font-weight: 400;
			font-size: 14px;
			line-height: 140%;
			font-size: 14px;
			line-height: 23px;
		}
		.footer-cols .footer-col.specifics p,
		.footer-cols .footer-col.specifics a {
			line-height: 24px;
		}
		.footer-cols .inside > ul {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
		}
			.footer-cols ul li.level-0 {
				display: block;
				vertical-align: top;
				width: 33.33333%;
			}
			.footer-cols .footer-col li.level-1 {
				position: relative;
				/* margin: 0 0 12px; */
				margin: 0;
			}
				.footer-cols .footer-col li.level-1:before {
					content: "";
					position: absolute;
					top: 6px;
					left: 0;
					display: block;
					width: 4px;
					height: 7px;
					background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -1px -37px no-repeat transparent;
					display: none;
				}
			.footer-cols .footer-col li a {
				/* padding: 0 0 0 8px; */
			}
		.footer-cols .logo {
			width: 110px;
			height: auto;
			margin: 0 0 34px;
			position: relative;
			top: auto;
			left: auto;
		}
		.footer-cols .gazelle {
			display: inline-block;
			vertical-align: top;
			margin: 30px 0 0;
		}
		.footer-cols .text {
			margin: 40px 0 0;
			/* line-height: 140%; */
			font-size: 14px;
			line-height: 24px;
		}
		.footer-cols address {
			font-size: 14px;
			line-height: 24px;
		}
		.footer-cols ul li {
			font-size: 14px;
			line-height: 24px;
		}
		.footer-cols .specifics .text {
			margin: 0;
		}
			.footer-cols .text table {
				margin: 20px 0;
				width: 100% !important;
			}
			.footer-cols .specifics .text table {
				margin: 24px 0 0;
			}
		.footer-cols .social-icon {
			display: inline-block;
			vertical-align: top;
			width: 31px;
			height: 31px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -1px -49px no-repeat transparent;
			opacity: 0.6;
			transition: opacity 0.35s ease;
			margin: 0 5px 0 0;
		}
		.footer-cols .social-icon.linkedin {
			background-position: -1px -85px;
		}
		.footer-cols .social-icon.youtube {
		    background-position: -35px -85px;
		}
			.footer-cols .social-icon:hover {
				opacity: 0.8;
			}
.footer-container-after {
	background-color: #fff;
	text-align: center;
	padding: 6px 0;
}
.footer-container-after img {
	width: 150px;
	height: auto;
	margin: 0 5px;
}
.footer-container-after p {
	display: inline-block;
	vertical-align: middle;
}
.footer-container-after p.inline {
	font-size: 16px;
	font-weight: 700;
	color: #000;
	margin-right: 15px;
}

.amshopby-filters-left .actions a {
	text-decoration: none;
}
	.amshopby-filters-left .actions a:hover {
		text-decoration: underline;
	}

/* HOVER */
#frontslider .slide .txt a,
#tilmeld-container p a,
.newsletter #mc_embed_signup .button,
.person-right button,
.product-left span.btn,
.cat-area .cat-link a,
.formmakers-index-index .buttons-set button.button,
.formmakers-index-index .buttons-set button.button,
#kontakt-container-new .buttons-set button.button,
#kontakt-container button.button {
	transition: background-color 0.2s ease;
}
#frontslider .slide .txt a:hover,
.newsletter #mc_embed_signup .button:hover,
.person-right button:hover,
.product-left span.btn:hover,
.cat-area .cat-link a:hover,
.formmakers-index-index .buttons-set button.button:hover,
.formmakers-index-index .buttons-set button.button:hover,
#kontakt-container-new .buttons-set button.button:hover,
#kontakt-container button.button:hover {
	background-color: #a9e602;
}
#tilmeld-container p a:hover {
	background-color: #ededed;
}

/* FIXERS */
.bg {
	background-size: cover;
	background-repeat: no-repeat;
}
.nopadding {
	padding: 0;
}
	.nopaddingleft {
		padding-left: 0;
	}
	.nopaddingright {
		padding-right: 0;
	}

.cms-no-route .main > .inner {
	padding-top: 50px;
	padding-bottom: 50px;
}
.hideme {
	display: none;
}

/* Print */
@media print {
	
	.header-container,
	.cat-top-image,
	.cat-table-area .table-row .table-col:nth-child(2),
	.footer-container {
		display: none !important;
	}
	.cat-table-area .table-row {
		page-break-inside: avoid;
	}
	.cat-table-area .head .table-col,
	.cat-table-area .head .table-col.first {
		height: 100%;
		border: none;
		padding: 0;
	}
	.cat-table-area .head .table-col.multiple > .title,
	.cat-table-area .head .table-col.multiple > .spans {
		height: auto;
		font-size: 12px;
		font-weight: bold;
	}
	.cat-table-area .head .table-col.multiple .spans span {
		line-height: normal;
		border: none;
	}
	.cat-table-area .head .table-col span {
		font-size: 12px;
		font-weight: bold;
	}
	.cat-table-area .head {
		height: auto;
	}
	.cat-table-area .head .table-col .table-col-inner {
		vertical-align: top;
	}
	.cat-table-area .table-col {
		font-size: 11px;
	}
	.cat-table-area .table-col.first,
	.cat-table-area .table-col.short,
	.cat-table-area .table-col {
		height: auto;
		border: none;
		padding: 0;
		line-height: normal;
		width: 12.5%;
	}
	.cat-table-area .table-col.multiple {
		height: auto;
		line-height: normal;
		width: 25%;
	}
	
	/*
	#cat-tables > div {
		transform: translate(8.5in, -100%) rotate(90deg);
        transform-origin: bottom left;
        display: block;
    }
	*/
	
}

/* Larget table */
.search-wrap {
	display: block;
	margin: 0 0 10px;
}
	.search-wrap span {
		display: inline-block;
		margin: 0 15px 0 0;
		font-weight: 600;
		font-size: 15px;
	}

.cms-page-view .std .data-table,
.cat-area2 table.data-table{
	width: 100%;
	margin: 0 0 100px;
}
	.cms-page-view .std .data-table td,
    .cat-area2 table.data-table td{
		border: 1px solid #dddddd;
		display: table-cell;
		padding: 0;
	}
	.cms-page-view .std .data-table .header td,
	.cat-area2 table.data-table .header td{
		background-color: #f2f2f2;
		font-size: 15px;
		background-clip: padding-box;
	}
	.cms-page-view .std .data-table .col-6 td:nth-child(1),
	.cms-page-view .std .data-table .col-7 td:nth-child(2),
	.cat-area2 table.data-table .col-6 td:nth-child(1),
	.cat-area2 table.data-table .col-7 td:nth-child(2){
		text-align: center;
	}
	.cms-batterier-til-medico .std p strong {
		position: relative;
		margin-right: 7px;
	}
	.cms-page-view .std .data-table .col-6 td:nth-child(1) p:before,
	.cms-page-view .std .data-table .col-7 td:nth-child(2) p:before,
	.cat-area2 table.data-table .col-6 td:nth-child(1) p:before,
	.cat-area2 table.data-table .col-7 td:nth-child(2) p:before,
	.cms-batterier-til-medico .std p strong:before {
		content: "";
		display: block;
		border-radius: 50%;
		background-color: #f1f1f1;
		height: 22px;
		width: 22px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%) translateY(-50%);
		z-index: -2;
	}
		.cms-page-view .std .data-table td p,
		.cat-area2 table.data-table td p{
			line-height: 20px;
			padding: 5px 10px;
			font-size: 14px;
			margin: 0;
			position: relative;
		}
		.cms-page-view .std .data-table td p:blank { display: none; }
		.cat-area2 table.data-table td p:blank { display: none; }
	/*.cms-page-view .std .data-table .header > td p:before { display: none !important; }*/
	
.cat-area2 table.data-table td {
    display: table-cell;
}
.cat-area2 table.data-table ul {
    list-style: none;
}
.cat-area2 table.data-table ul li {
    padding-left: 0;
}
.cat-area2 table.data-table ul li:before {
    display: none;
}
.cat-area2 table.data-table p a {
    text-decoration: none;
}
.cat-area2 table.data-table p a:hover {
    text-decoration: underline;
}

.grecaptcha-badge {
	display: none !important;
}

/* CTA Windows */
.cta-window {
	position: fixed;
	right: 0;
	/* max-height: 60px; */
	overflow: hidden;
	z-index: 14;
	width: 320px;
	right: -320px;
	z-index: 5;
	transition: all 0.4s cubic-bezier(.65,.05,.36,1);
}
.unhide-cta .cta-window {
	right: -260px;
}
	.cta-window.open {
		right: 0;
		/* max-height: 1000px; */
	}
	.cta-window.cta-bottom {
		bottom: -100%;
		bottom: 0;
		display: flex;
	}
		.cta-window.cta-bottom .cta-window-btn {
			height: auto;
		}
		.cta-window.cta-bottom .cta-window-btn::before,
		.cta-window.cta-bottom .cta-window-btn::after {
			right: 28px;
		}
		.cta-window.cta-bottom .cta-window-btn span {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			transform: rotate(-90deg);
			height: 100%;
			width: 512px;
			font-size: 20px;
			line-height: 24px;
			padding-top: 16px;
		}


	.cta-window.cta-right {
		top: 11em;
		display: flex;
		
	}
	.cta-window-hide .cta-window.cta-right,
	.cta-right-transition .cta-window.cta-right {
		right: -320px;
	}
	.cta-right-bottom .cta-window.cta-right {
		top: auto;
		bottom: 0;
	}
.cta-window .cta-window-btn {
	background-color: #F7961C;
	color: #fff;
	font-weight: 600;
	/* text-transform: uppercase; */
	cursor: pointer;
	text-align: center;
	font-size: 20px;
	line-height: 140%;
	position: relative;
	transition: background-color 0.2s ease;
	height: 300px;
	width: 60px;
}
	.cta-window .cta-window-btn:before,
	.cta-window .cta-window-btn:after {
		content: "";
		opacity: 0;
		display: block;
		width: 3px;
		height: 20px;
		position: absolute;
		top: 24px;
		right: 28px;
		background: #fff;
		transform: translateY(-50%) rotate(45deg);
		transition: opacity 0.3s ease;
	}
		.cta-window .cta-window-btn:before {
		    transform: translateY(-50%) rotate(-45deg);
		}
		.open.cta-window .cta-window-btn:before,
		.open.cta-window .cta-window-btn:after {
			opacity: 1;
		}
	.cta-window .cta-window-btn:hover {
		background-color: #E0820C;
	}
	.cta-window .cta-window-btn div {

	}
	.cta-window .cta-window-btn .text-rotate {
		transform: rotate(-90deg);
		height: 100%;
		width: 300px;
		font-size: 20px;
		line-height: 24px;
		padding-top: 16px;
	}
	.cta-window .cta-window-btn div:after {
		content: "...";
		color: #fff;
		transition: opacity 0.3s ease;
	}
		.cta-window.open .cta-window-btn div:after {
			opacity: 0;
		}
.cta-window .cta-window-content {
	padding: 20px;
	background-color: #f1f1f1;
	font-size: 15px;
	line-height: 21px;
	width: calc(100% - 60px);
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
	.cta-window.cta-right .cta-window-content {
		background: url("/media/wysiwyg/cta-right.png") bottom right no-repeat #f1f1f1;
		background-size: auto;
	}
	.cta-window .cta-window-content a {
		display: inline-block;
		vertical-align: top;
		color: #fff;
		margin: 10px 0;
		padding: 5px 15px;
		text-decoration: none;
		background-color: #99d100;
		transition: background-color 0.2s ease;
	}
		.cta-window .cta-window-content a:hover {
			background-color: #a9e602;
		}
	.cta-window .cta-window-content table {
		margin: 0 0 10px;
	}
	.cta-window .cta-window-content td {
		vertical-align: top;
	}
	.cta-window .cta-window-content img {
		width: 80px;
		padding: 0 10px 0 0;
	}
.cta-window .hidden-frontend {
	position: absolute;
	top: -100%;
	left: -100%;
	visibility: hidden;
}
.cta-window input,
.cta-window textarea {
	width: 100%;
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 15px;
	margin: 0 0 10px;
	resize: none;
}
.cta-window .validation-advice {
	font-size: 13px;
	margin: -10px 0 0;
	color: red;
}
.cta-window button {
	width: 100%;
	display: block;
	cursor: pointer;
	border: none;
	color: #fff;
	font-size: 18px;
	padding: 2px 10px;
	background-color: #99d100;
	transition: background-color 0.2s ease;
}
	.cta-window button:hover {
		background-color: #a9e602;
	}

#cat-inner h1,
#cat-inner h2,
#cat-inner h3 {
	margin-bottom: 15px;
}

/* @media screen and (max-width: 1024px) {
	.cta-window.cta-right {
		top: auto;
		bottom: 0;
		z-index: 100;
	}
	.cta-window-hide .cta-window.cta-right {
		right: 0;
	}
}

@media screen and (max-width: 767px) {
	.cta-window {
		max-height: 40px;
	}
	.cta-window .cta-window-btn {
		font-size: 17px;
		line-height: 18px;
		height: 40px;
	}
} */
/* CTA Windows END */

/* TOP Notification */
.top-notification {
	text-align: center;
	padding: 12px 20px;
	background: #E0820C;
	line-height: 20px;
	color: #fff;
	font-weight: 600;
}
	.top-notification a {
		color: #fff;
		text-decoration: none;
	}
	.top-notification a:hover {
		text-decoration: underline;
	}

/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */
#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
	#mc_embed_signup input.email {width:260px; }
    /*#mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }*/
}

@media (max-width: 400px) {
	#mc_embed_signup input.email {width:240px; }
  .newsletter #mc_embed_signup .button{padding: 20px 20px;}
}
#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}


/* ANIMATION ADJUSTMENTS */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.animated.delay-0s {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.animated.delay-025s {
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}
.animated.delay-05s {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

	/* Custom animation */
	#cta-animate {
		position: relative;
		overflow: hidden;
		z-index: 1;
	}
		#cta-animate .cta-area {
			position: relative;
			z-index: 1;
			opacity: 0;
		}
			#cta-animate.animate-custom .cta-area {
				opacity: 1;
			}
	#cta-animate:after,
	#cta-animate:before {
	    content: "";
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 2;
	    transition: all 1s ease;
	    background-color: #fff;
	    transition-delay: 0.2s;
	}
	#cta-animate:before {
		background-color: #f1f1f1;
	}
		#cta-animate.animate-custom:before {
			left: 100%;
		}
	#cta-animate:after {
		z-index: 3;
		width: 0;
		background-color: #00A37A;
		transition-property: width, left;
		transition-duration: 0.8s,1.2s;
	}
		#cta-animate.animate-custom:after {
			width: 100%;
			left: 100%;
		}

.contentmanager-contenttype-blog .desc a { color: #545454; text-decoration: underline; }
.contentmanager-contenttype-blog .desc a:hover { color: #99d100; }

/* Ajax Scroll */
.amscroll-load-button {
    background: #F7961C !important;
    font-size: 16px !important;
		line-height: 28px;
		padding: 7px 16px 8px !important;
    font-weight: 400 !important;
    max-width: 200px !important;
    margin: 0 auto !important;
    display: block !important;
	cursor: pointer !important;
	outline: none !important;
	transform: translateY(-1px) !important;
}
.amscroll-load-button:hover {
	background: #E0820C !important;
}
.amscroll-load-button:active {
	transform: translateY(0px) !important;
}
.amscroll-loading {
	background-size: 44px !important;
}
.lightbox .next, 
.lightbox .prev {
	width: 25px !important;
	height: 25px !important;
	background: url(https://actec.dk/skin/frontend/makers/actec/images/mlight.png) -26px -66px no-repeat transparent !important;
	background-size: 106px auto !important;
}
.lightbox .next {
	background: url(https://actec.dk/skin/frontend/makers/actec/images/mlight.png) 0px -66px no-repeat transparent !important;
	background-size: 106px auto !important;
}
@media (max-width: 599px) {
	.lightbox {
		width: 100% !important;
		height: 100% !important;
		max-width: 800px !important;
		max-height: 600px !important;
		top: 50% !important;
		left: 50% !important;
		margin: 0 auto !important;
		transform: translate(-50%, -50%) !important;
	}
		.lightbox .screen {
			height: 100% !important;
		}
			.lightbox .screen div {
				position: relative;
				top: 50% !important;
				left: inherit !important;
				transform: translateY(-50%);
			}
			.lightbox .screen img {
				margin: 0 auto !important;
				display: block !important;
				text-align: center !important;
			}
}

/*------- Baseform -------*/


form.base-form{
	padding-bottom: 60px;
}

form.base-form .fieldset {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-bottom: 30px;
}	

form.base-form .fieldset > div {
	display: block;
	width: 50%;
	margin: 0 0 10px;
	padding: 0 15px;
}
form.base-form .fieldset > div.third {
	display: block;
	width: 33.3333%;
	margin: 0 0 10px;
	padding: 0 15px;
}
form.base-form .fieldset.column-3 {
	margin-bottom: 50px;
}
form.base-form .before-form-content {
	margin: 0 0 20px;
}
form.base-form .fieldset.column-3 > div {
	width: 33.333333%;
}
form.base-form .fieldset > div label {
	font-size: 15px;
	display: block;
	margin: 0 0 5px;
}
form.base-form .fieldset > div input {
	width: 100%;
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 15px;
}
form.base-form .fieldset > div select {
	width: 100%;
	background: none transparent;
	border: 1px solid #ccc;
	height: 33px;
	font-size: 15px;
}

form.base-form .validation-advice,
form.base-form-new .validation-advice {
	display: inline-block;
	margin: 3px 0 0;
	padding: 3px 10px;
	background: #f94949;
	color: #fff;
	font-size: 13px;
}
	
form.base-form .fieldset > div.wide,
form.base-form .fieldset > div.field-section-break {
	width: 100%;
	margin: 0 0 10px;
	padding: 0 15px;
}

form.base-form .fieldset > div.field-section-break{
	margin-top: 45px;
	margin-bottom: 45px;
}

form.base-form .fieldset > div.wide textarea {
	width: 100%;
	border: 1px solid #ccc;
	padding: 4px;
	font-size: 15px;
}

form.base-form button.button {
	display: block;
	width: calc(100% - 30px);
	border: none;
	margin: 10px 15px 0;
	height: 33px;
	line-height: 33px;
	color: #fff;
	background: #99d100;
	cursor: pointer;
}
form.base-form button.button {
	width: auto;
	padding: 0 50px;
	margin: 0 0 0 auto;
}

form.base-form button.button span {
	margin: 0;
	display: block;
}

form.base-form button.button span p {
	font-size: 18px;
}


form.base-form .fieldset .input-list li {
	display: flex;
    align-items: center;
}
form.base-form .fieldset .input-list li input {
	flex-grow: 0;
    flex-shrink: 1;
    width: auto;
    margin-top: 0;
}
form.base-form .fieldset .input-list li label {
    padding: 0;
    margin: 5px;
    line-height: 1;
}
form.base-form .fieldset .input-list li input.input-text {
    flex-grow: 1;
}


@media screen and (max-width: 750px){
	form.base-form .fieldset > div,
	form.base-form .fieldset > div.third,
	form.base-form .fieldset.column-3 {
		width: 100%;
	}
}


.view-blog .buttons--bottom a.button--share--print{
	padding-left: 0;
  display: flex;
  align-items: center;
}

.view-blog .buttons--bottom a.button--share--print:before{
	display:  none;
}

.view-blog .buttons--bottom a.button--share--print svg{
	margin-right: 8px;
}


@media print {
  .top-image,
  .temp-bread,
  .view-blog .buttons.buttons--bottom,
  #front-blog,
  .top-notification,
  .view-blog .sidebar form{
  	display:  none;
  }

  .view-blog .sidebar {
	  display: none;
  }
  .view-blog .sidebar > *{
  	max-width: 300px;
    float: left;
    margin-right: 30px;
  }

  .view-blog .inner.row{
  	display:  block;
  }
}
@page { size: auto;  margin: 0mm; }

@media screen and (max-width: 450px){
	#ct-menu-topmenu li a,
	.header__lang__item{
		font-size: 11px;
	}
}
@media screen and (max-width: 400px){
	#ct-menu-topmenu li.ext-first{
		display: none;
	}
}
@media screen and (max-width: 350px){
	#ct-menu-topmenu li a,
	.header__lang__item{
		font-size: 10px !important;
	}
}

@media screen and (max-width: 767px){
	body:not(.cms-home) .frontslider-fix {
	    display: block;
	}
	body:not(.cms-home) .top-image .item-img {
	    overflow: hidden;
	}
}

/*-------- HIDE FRONTPAGE MAIN CONTENT ----------*/

body.cms-index-index .main.col1-layout .std{
	display: none;
}

/*-------- MANUAL 2 COL LAYOUT ----------*/

@media screen and (min-width: 1200px){
	.col-layout-row{
		display: flex;
		align-items: flex-start;
		margin-left: -20px;
		margin-right: -20px;
	}
	.col-layout-row .col-layout-col{
		padding: 0 20px;
		width: 50%;
		flex-shrink: 0;
		flex-grow: 0;
	}
}

/* CMS LINKS */
.desc .widget-cms-link,
.desc .widget-cms-link-inline,
.desc span.widget,
.category-description .widget-cms-link,
.category-description .widget-cms-link-inline,
.category-description span.widget,
.short-description .widget-cms-link,
.short-description .widget-cms-link-inline,
.short-description span.widget {
	text-align: center;
  background-color: #99d100;
  color: #fff;
  line-height: 28px;
  position: relative;
  cursor: pointer;
}
.desc .widget-cms-link,
.desc span.widget,
.category-description .widget-cms-link,
.category-description span.widget,
.short-description .widget-cms-link,
.short-description span.widget {
	display: inline-block;
}
.desc .widget-cms-link-inline,
.category-description .widget-cms-link-inline,
.short-description .widget-cms-link-inline {
	display: inline-block;
}
.desc .widget-cms-link a,
.desc .widget-cms-link-inline a,
.desc span.widget a,
.category-description .widget-cms-link a,
.category-description .widget-cms-link-inline a,
.category-description span.widget a,
.short-description .widget-cms-link a,
.short-description .widget-cms-link-inline a,
.short-description span.widget a {
	color: #fff;
	text-decoration: none;
	padding: 7px 16px 8px;
	align-items: center;
	display: inline-flex;
	font-size: 15px;
	line-height: 28px;
	font-weight: 700;
	transition: background-color 0.2s ease;
}
.desc .widget-cms-link a:hover,
.desc .widget-cms-link-inline a:hover,
.desc span.widget a:hover,
.category-description .widget-cms-link a:hover,
.category-description .widget-cms-link-inline a:hover,
.category-description span.widget a:hover,
.short-description .widget-cms-link a:hover,
.short-description .widget-cms-link-inline a:hover,
.short-description span.widget a:hover {
	background-color: #a9e602;
	text-decoration: none;
	color: #fff;
}
.desc .widget-cms-link a:after,
.desc .widget-cms-link-inline a:after,
.desc span.widget a:after,
.category-description .widget-cms-link a:after,
.category-description .widget-cms-link-inline a:after,
.category-description span.widget a:after,
.short-description .widget-cms-link a:after,
.short-description .widget-cms-link-inline a:after,
.short-description span.widget a:after {
	content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -34px -35px no-repeat transparent;
  margin-left: 8px;
}

/* Dynamic Block Blog */
.view-blog .desc {
	max-width: 800px;
}
.row.dynamic-block-row {
	padding: 30px 15px;
	margin-right: -30px;
  margin-left: -30px;
  align-items: center;
	margin-top: 30px;
  margin-bottom: 60px;
}
.row.dynamic-block-row.topaligned {
	align-items: normal;
}
.row.dynamic-block-row.row-col-2 img {
	width: 100%;
	height: auto;
}
.row.dynamic-block-row .ct-field-area p {
	margin: 0 0 20px;
  line-height: 140%;
  font-size: 15px;
}
.row.dynamic-block-row .ct-field-area p:last-child {
	margin-bottom: 0;
}
.row.dynamic-block-row .ct-field-area,
.row.dynamic-block-row .ct-field-area h1,
.row.dynamic-block-row .ct-field-area h2,
.row.dynamic-block-row .ct-field-area h3,
.row.dynamic-block-row .ct-field-area h4 {
	color: #fff;
}
.dynamic-block-row.color-default .ct-field-area,
.dynamic-block-row.color-F1F1F1 .ct-field-area,
.row.dynamic-block-row.color-default .ct-field-area h1,
.row.dynamic-block-row.color-default .ct-field-area h2,
.row.dynamic-block-row.color-default .ct-field-area h3,
.row.dynamic-block-row.color-default .ct-field-area h4
.row.dynamic-block-row.color-F1F1F1 .ct-field-area h1,
.row.dynamic-block-row.color-F1F1F1 .ct-field-area h2,
.row.dynamic-block-row.color-F1F1F1 .ct-field-area h3,
.row.dynamic-block-row.color-F1F1F1 .ct-field-area h4 {
	color: #1D2B35;
}
.dynamic-block-row .ct-field-area table tr:nth-child(2n) {
	background-color: rgba(0,0,0,0.1);
}
.dynamic-block-row.color-1D2B35 .ct-field-area table tr:nth-child(2n) {
	background-color: rgba(0,0,0,0.6);
}
.dynamic-block-row.color-F1F1F1 .ct-field-area table tr:nth-child(2n) {
	background-color: #e6e6e6;
}
.dynamic-block-row.color-F1F1F1 .ct-field-area table td {
	border-color: #dfdfdf;
}
.dynamic-block-row.color-default .ct-field-area table tr:nth-child(2n) {
	background-color: #f6f6f6;
}
.row.dynamic-block-row.row-col-2 .row-col-col-1 .ct-field-area {
	padding-right: 15px;
}
.row.dynamic-block-row.row-col-2 .row-col-col-2 .ct-field-area {
	padding-left: 15px;
}
@media (max-width: 767px) {
	.row.dynamic-block-row.row-col-2 .row-col-col-2 {
		margin-top: 30px;
	}
	.row.dynamic-block-row.row-col-2 .row-col-col-1 .ct-field-area,
	.row.dynamic-block-row.row-col-2 .row-col-col-2 .ct-field-area {
		padding-right: 0;
		padding-left: 0;
	}
}
.blog-image-fullwidth {
	margin: 30px -30px;
	display: flex;
}
	.blog-image-fullwidth img {
		width: 100%;
		height: auto;
	}
/* Dynamic Block Blog END */

/* Variationer */
.product-view-variations {
	margin-bottom: 45px;
}
.product-view-variations.view-blog .desc {
	max-width: none;
}
.product-view-variations table {
	width: 100%;
}
.product-view-variations.view-blog .desc table td {
  font-size: 13px;
}
.product-view-variations.view-blog .desc table td.white {
	font-weight: 600;
}
.product-view-variations td.current {
	color: #339966;
}
.product-view-variations td.bolder {
	font-weight: 600;
}


#mob-menu-btn {
    width: 24px;
    height: 29px;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 37px;
    left: 15px;
    z-index: 2001;
}
	#mob-menu-btn span {
		display: block;
		width: 100%;
		height: 3px;
		border-radius: 2px;
		position: absolute;
		top: 50%;
		left: 0;
		margin: -2.5px 0 0;
		background: #fff;
		transition-timing-function: cubic-bezier(.55,.055,.675,.19);
		transition-duration: .1s;
	}
	#mob-menu-btn span:after {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		border-radius: 2px;
		position: absolute;
		top: -8px;
		left: 0;
		background: #fff;
		transition: top .1s .14s ease,opacity .1s ease;
	}
	#mob-menu-btn span:before {
		content: "";
		display: block;
		width: 100%;
		height: 3px;
		border-radius: 2px;
		position: absolute;
		bottom: -8px;
		left: 0;
		background: #fff;
		transition: bottom .1s .14s ease,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);
		transition: bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19);
		transition: bottom .1s .14s ease,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);
	}
	
	.open #mob-menu-btn span {
		transition-delay: .14s;
    	transition-timing-function: cubic-bezier(.215,.61,.355,1);
    	-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.open #mob-menu-btn span:after {
    	top: 0;
		transition: top .1s ease,opacity .1s .14s ease;
		opacity: 0;
	}
	.open #mob-menu-btn span:before {
		bottom: 0;
		transition: bottom .1s ease,-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);
		transition: bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1);
		transition: bottom .1s ease,transform .1s .14s cubic-bezier(.215,.61,.355,1),-webkit-transform .1s .14s cubic-bezier(.215,.61,.355,1);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

#mob-filter-nav {
	display: none;
	margin: 0 15px 15px;
	border: 1px solid #bce615;
	height: 35px;
	line-height: 34px;
	cursor: pointer;
	font-size: 15px;
	padding: 0 15px;
	position: relative;
}
	#mob-filter-nav:after {
		content: "";
		width: 12px;
		height: 12px;
		display: block;
		position: absolute;
		top: 8px;
		right: 15px;
		border-style: solid;
		border-color: #545454;
		border-width: 0 0 3px 3px;
		transform: rotate(-45deg);
	}

#anchor-nav {
	display: flex;
	gap: 0 12px;
	align-items: center;
	margin-bottom: 45px;
}

.mobile-notice,
.cat-table-area .table-col .mob { display: none; }
.mobile-notice {
	position: relative;
	color: #000;
	padding: 0 13px;
}
	.mobile-notice:before,
	.mobile-notice:after {
		content: "";
		width: 0;
		height: 0;
		border: solid black;
		border-width: 0 2px 2px 0;
		padding: 3px;
		position: absolute;
		top: 3px;
		left: 0;
		transform: rotate(135deg);
	}
	.mobile-notice:after {
		transform: rotate(-45deg);
		right: 0;
		left: auto;
	}

#ct-menu-mainmenu .menu-mobile-expander { display: none !important; }
.products-grid span.mob-show { display: none; }

.mob-readmore-wrap {}
.mob-readmore {
	display: none;
	color: #99d100;
	font-weight: 600;
	text-transform: uppercase;
	margin: -60px 0 0;
	padding: 50px 0 5px;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgb(255, 255, 255) 20%, rgba(255,255,255,0) 100%);
	width: 100%;
	z-index: 2;
	position: relative;
}
.mob-readmore-wrap > div {
	transition: max-height 0.35s ease;
}
.mob-readmore-wrap.expanded .mob-readmore,
.cat-area2 .expanded .mob-readmore.grey {
	display: none;
}
	.mob-readmore-wrap.expanded > div,
	.cat-area2 .mob-readmore-wrap.expanded > div {
		max-height: 10000px;
	}
.cat-area2 .mob-readmore-wrap > div {
	max-height: 100px;
	overflow: hidden;
}
.cat-area2 .mob-readmore.grey {
	display: block;
	padding-left: 15px;
	background: linear-gradient(0deg, rgb(242, 242, 242) 20%, rgba(242,242,242,0) 100%);
}
.mix-outer .mob-readmore.green {
	color: #fff;
	background: linear-gradient(0deg, rgb(153, 209, 0) 20%, rgba(153, 209, 0,0) 100%);
}
	.mob-readmore span {
		position: relative;
		cursor: pointer;
		display: block;
	}
	.mob-readmore span:after {
	    content: "";
	    display: block;
	    width: 25px;
	    height: 11px;
	    margin: 0 auto;
	    background: url("https://actec.dk/skin/frontend/makers/actec/images/readmore-chev.svg") center center no-repeat #fff;
	}
	.mob-readmore span:before {
		content: "";
		display: block;
		position: absolute;
		top: 5px;
		width: 120px;
		left: calc(50% - 60px);
		height: 1px;
		z-index: -1;
		background-color: #99d100;
	}
	.mix-outer .mob-readmore.green span:after {
		background: url("https://actec.dk/skin/frontend/makers/actec/images/readmore-chev-white.svg") center center no-repeat #99d100;
	}
	.mix-outer .mob-readmore.green span:before {
		background-color: #fff;
	}
	.mix-outer .mob-readmore.grey span:after {
		background-color: #f2f2f2;
	}
	
@media screen and (max-width: 1350px) {
	
	#frontslider {
		/* height: 450px; */
	}
		#frontslider .slider-nav {
		    display: block;
		    top: auto;
		    margin: 0 0 0 -50px;
		    left: 50%;
		    bottom: 25px;
		}
			#frontslider .slider-nav.slide-next {
			    right: 50%;
			    margin: 0 -50px 0 0;
			}
}

@media screen and (max-width: 1170px) {

	.header-container .menus {
		width: auto;
		margin: 0 0 0 155px;
		/*left: auto;
		padding: 0 110px 0 0;
		right: 95px;*/
	}

	#ct-menu-topmenu__wrapper {
		top: 5px;
		right: 15px;
	}
	
	#ct-menu-socialmenu {
		right: 95px;
	}
	.header-below {}
		.header-below ul { display: table; height: 47px; }
		.header-below ul li {
			display: table-cell;
			vertical-align: middle;
			width: calc(50% - 15px);
			margin: 0 15px 0 0;
			padding: 0 32px;
			float: none;
			line-height: normal;
			line-height: 18px;
			font-size: 14px;
		}
	
	.category-products.grid-view { padding: 0; }
	.grid-view .products-grid {
		width: calc(100% + 15px);
	}
	.grid-view .products-grid li {
		padding: 0 15px;
	}
	.products-grid li .area-top h2 {
		width: calc(100% - 100px);
		padding: 9px 0 0;
   	}
   		.products-grid li .area-top h2 a {
   			line-height: 21px;
   			font-size: 19px;
   		}
	/*.products-grid li .area-top .document {
		width: auto;
		top: 6px;
		padding: 35px 0 0;
	}
		.products-grid li .area-top .document::after { right: 10px; }*/
		.products-grid li .area-top .document span { display: none; }
		.products-grid li .area-top .document span.mob-show { display: block; }

	.sub-cat-list .sub-cat-item .img {
		height: 215px;
	}
		.sub-cat-list .sub-cat-item img {
			height: 100%;
			width: auto;
		}

	.footer-cols ul li.level-0 {
		width: 50%;
		margin: 0 0 32px;
	}
	
	/* Cat view */
	#anchor-nav span {
		padding: 0 10px;
		font-size: 12px;
	}
	
}

@media screen and (max-width: 1000px) {
	
	.header-container {
		height: 76px;
	}

	#searcher, #clerk-search {
		top: 36px;
	}
	
	.header-container .logo {
		padding: 0;
		margin: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#ct-menu-socialmenu {
		right: 215px;
	}
	
	#mob-menu-btn {
		display: block;
	}
	.header-container.open { position: fixed; z-index: 110; }
	.header-container .menus {
		margin: 0;
	    display: block;
	    position: fixed;
	    top: 76px;
	    left: 0;
	    width: 100%;
	    padding: 0;
	    transition: left 0.35s ease;
	    transition: max-height 0.35s ease;
	    z-index: 15;
	    height: calc(100% - 96px);
	    background: #fff;
	    overflow-y: scroll;
	    overflow-x: hidden;
	    max-height: 0;
	    /*background-color: #262626;*/
	}
	.header-container.open .menus {
		max-height: 100%;
	}
	.menus .nav-container,
	#ct-menu-mainmenu {
		float: none;
		margin: 0;
	}
	.menus .nav-container {
		border-top: 1px solid #d7d7d7;
	}
	#ct-menu-mainmenu li {
		border-bottom: 1px solid #D7D7D7;
	}
	#ct-menu-mainmenu li.level-0 {
		float: none;
		margin: 0;
		padding: 0;
		max-height: 50px;
		overflow: hidden;
		transition: max-height 0.35s ease;
		position: relative;
		z-index: 1;
	}
	#ct-menu-mainmenu li .children { background-color: #fff; }
	#ct-menu-mainmenu li.level-0.menu-type-category {
		position: relative;
		width: 100%;
	}
	#ct-menu-mainmenu li.menu-type-category li.level-1 {
		position: relative;
		width: 33.333333%;
		padding-right: 0;
	}
	#ct-menu-mainmenu li.level-0 > .children li {
		margin-bottom: 0;
	}
	#ct-menu-mainmenu li.menu-type-category li.level-2 {
		width: 50%;
	}

	#ct-menu-mainmenu li.level-0 > .children li.level-1 > a,
	#ct-menu-mainmenu li.level-0 > .children li.active > a,
	#ct-menu-mainmenu li.level-0 > .children li:hover > a,
	#ct-menu-mainmenu li.level-0 > .children li.level-3:hover > a,
	#ct-menu-mainmenu li.level-2.menu-item-active > a {
		font-weight: 400;
	}

	#ct-menu-mainmenu li.menu-type-category li.level-2 > .children { display: block; }
	#ct-menu-mainmenu li.menu-type-category li.level-3.mobile-active > .children {
		display: block;
	}

	#ct-menu-mainmenu li.menu-type-category li.level-1 > .children,
	#ct-menu-mainmenu li.menu-type-category li.level-2 > .children,
	#ct-menu-mainmenu li.menu-type-category li.level-3 > .children {
		width: 100%;
		left: 100%;
		position: fixed;
		top: 123px;
		height: calc(100vh - 142px);
	}
	#ct-menu-mainmenu li.menu-type-category li.level-1 > .children {
		z-index: 4;
	}
	#ct-menu-mainmenu li.menu-type-category li.level-2 > .children {
		z-index: 5;
	}
	#ct-menu-mainmenu li.menu-type-category li.level-3 > .children {
		z-index: 6;
	}
	#ct-menu-mainmenu li.level-0.mobile-active { z-index: 2; }
	#ct-menu-mainmenu li.menu-type-category li.level-2,
	#ct-menu-mainmenu li.menu-type-category li.level-3 {
		position: relative;
	}
	#ct-menu-mainmenu li.level-0.last { background-color: transparent; }
	#ct-menu-mainmenu li.menu-has-children > a:after {
		content: "";
		display: block;
		width: 12px;
		height: 20px;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/chev.svg") 0 0 no-repeat transparent;
		position: absolute;
		top: 13px;
		right: 15px;
	}
	#ct-menu-mainmenu li > a,
	#ct-menu-mainmenu li > span,
	#ct-menu-mainmenu li.level-0 > a,
	#ct-menu-mainmenu li.level-0 > span,
	#ct-menu-mainmenu li.level-0 > .children li a {
		display: block;
		padding: 5px 15px;
		height: 46px;
		line-height: 34px;
		color: #000;
		font-weight: 400;
		font-size: 17px;
		text-transform: none;
	}
	#ct-menu-mainmenu li.level-0 > .children li.active > a, #ct-menu-mainmenu li.level-0 > .children li:hover > a, #ct-menu-mainmenu li.level-0 > .children li.level-3:hover > a,
	#ct-menu-mainmenu li.level-0.menu-item-active > a {
		color: #000;
	}
	#ct-menu-mainmenu li.level-0 > .children li.active.menu-has-children > a::after, #ct-menu-mainmenu li.level-0 > .children li.menu-has-children:hover > a::after {
		right: 15px;
	}
	#ct-menu-mainmenu span.menu-mobile-expander.close { display: none; }
	#ct-menu-mainmenu span.menu-mobile-expander.open {
		display: block !important;
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		width: 100%;
		width: 48px;
		border-left: 1px solid #d7d7d7;
		z-index: 2;
		border-radius: 0 !important;
	}
	#ct-menu-mainmenu.mobile-depth span.menu-mobile-expander.close {
		display: block !important;
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100%;
		padding: 5px 35px;
		line-height: 34px;
		z-index: 6 !important;
		background-color: #fff;
		width: 100%;
		height: 46px;
	}
		#ct-menu-mainmenu.mobile-depth span.menu-mobile-expander.close:before {
			content: "";
			display: block;
			position: absolute;
			top: 13px;
			left: 15px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/chev-back.svg") center center no-repeat #fff;
			width: 12px;
			height: 20px;
		}
	#ct-menu-mainmenu li.level-0 > .children,
	#ct-menu-mainmenu li.level-0.menu-type-category > .children {
		width: 300%;
		padding: 0;
		top: 123px;
		left: 100%;
		display: none;
		position: fixed;
		z-index: 3;
		height: calc(100vh - 96px);
		transition: left 0.3s linear;
		min-width: 0;
	}
	#ct-menu-mainmenu li.level-0.mobile-active > .children,
	#ct-menu-mainmenu li.level-0.menu-type-category.mobile-active > .children {
		display: block;
		left: 0;
	}
	#ct-menu-mainmenu li.level-0.menu-type-category > .children > ul {
		max-width: none;
		padding: 0;
		display: block;
	}
	#ct-menu-mainmenu li.menu-type-category li.level-1 > .children {
		width: 200%;
		left: 100%;
	}
	#ct-menu-mainmenu li.menu-type-category li.level-1.mobile-active > .children,
	#ct-menu-mainmenu li.menu-type-category li.level-2.mobile-active > .children,
	#ct-menu-mainmenu li.menu-type-category li.level-3.mobile-active > .children {
		left: 0;
	}

	#ct-menu-mainmenu .menu-item-image-desc-area.shown {
		display: none !important;
	}
	
	#front-area-slide .front-area {
		width: 50%;
	}
	
	.products-grid li {
		max-height: none;
		border-bottom: 1px solid #a2c617;
	}
		.products-grid li .area-bottom {
			/*height: 93px;*/
			padding: 15px;
		}
		.products-grid li .product-image {
			height: 155px;
			padding: 20px 15px;
		}
			/*.products-grid li .product-image img { height: auto; }*/
		.products-grid li .area-bottom > div {
			/*padding: 9px 20px;*/
			height: auto;
		}
			.products-grid li .area-bottom > div div {
				margin: 0 0 2px;
			}
			.products-grid li .area-bottom span {
				display: block;
				width: 100%;
				font-size: 13px;
				line-height: 18px;
			}
				.products-grid li .area-bottom span.title {
					font-weight: 600;
				}
	
	/* .footer-cols .logo {
		width: 100%;
		margin: 0 0 30px;
		max-width: 240px;
	} */
	
	.visual-area .boxes .box {
		width: 33.333333%;
		margin: 0 0 20px;
	}
	
	.col-md-0 {
		display: none;
	}
	
	.mobile-notice {
		display: block;
		float: right;
		font-size: 14px;
		font-weight: 600;
		margin: 0 0 5px;
	}
	.responsive-table-outer {
		width: 100%;
		overflow-x: auto;
	}
		.responsive-table-inner {
			width: 1000px;
			margin: 0 0 20px;
		}
		/*
			.cat-table-area .table-col {
				padding: 7px; 
			}
		*/
	
}

@media screen and (max-width: 900px) {
	
	.grid-view .products-grid { width: 100%; }
	
	.product-view-mode { top: -90px; }
	
	#mob-filter-nav { display: block; }
	
	.cat-col .col-2 {
		width: 100%;
		max-width: none;
		padding: 0;
		flex: unset;
	}
		.cat-col .col-2 .block-layered-nav {
			max-height: 0;
			margin: 0 15px;
			overflow: hidden;
			transition: max-height 0.35s ease;
		}
		.cat-col .col-2.open .block-layered-nav {
			max-height: 10000px;
		}
	.cat-col .col-10 {
		width: 100%;
		max-width: none;
		padding: 0;
		flex: unset;
	}
	
	.tab-panes .passer-erstatter table.compability {
		border-top: 1px solid #dddddd;
	}
	.tab-panes .passer-erstatter table.compability td {
		width: 100%;
		display: block;
		border-top: none;
	}
	
	#cat-topnav .first,
	.product-collateral .tab-bar .first {
		display: none;
	}
	
}

@media screen and (max-width: 850px) {

	#kontakt-person .col-3 {
	    -ms-flex: 0 0 33.33333333333%;
	    flex: 0 0 33.33333333333%;
	    max-width: 33.33333333333%;
	}
	
	#frontslider,
	.top-image {
	    height: 260px;
	}
	#frontslider .txt h2 span,
	.top-image .txt h2 span {
		font-size: 27px !important;
		line-height: 30px !important;
	}
	
	.product-documents {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.product-document-col {
		margin: 0;
		width: 100%;
	}

	.kompslider {
		padding-top: 55px;
	}

}

@media screen and (max-width: 800px) {
	
	.header-below ul li {
		font-size: 13px;
	}
	
	#frontslider .slide .txt h2 span,
	.top-image .txt h2 span {
		font-size: 27px;
		line-height: 30px;
	}
	
	.footer-cols .footer-col,
	.footer-cols .footer-col.col-3 {
		width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0 0 20px;
	}
	
	#kontakt-container {
		width: 100%;
		margin: 0 0 20px;
	}
	
	/* Cat mix */
	.mix-outer {
		padding: 0 0 0 220px;
	}
	.page-title h1,
	.cms-page-view .page-title h1 {
		font-size: 30px;
		line-height: 35px;
	}
	.category-description {
		margin-bottom: 0;
	}
	body.fixed {
	    padding-top: 0;
	}
	.cat-top-image {
		height: 200px;
	}
	.category-description table td,
	.category-description table .column-3 td {
		width: 100%;
		display: block;
	}
	#anchor-nav {
		position: absolute;
		width: 220px;
		height: 100%;
		left: 0;
		top: 0;
		padding: 0;
	}
	.fixed #anchor-nav { z-index: 0; }
	.footer-container  { position: relative; z-index: 1; }
		#anchor-nav > .inner {
			display: block;
			padding: 20px;
			height: 100%;
			background-color: #f9f9f9;
			overflow-y: auto;
		}	
		.mix-outer #anchor-nav > .inner > span {
			width: 100%;
			display: block;
			padding: 0;
			height: auto;
			margin: 0 0 8px;
		}
	.cat-area .after-inner .title {
		line-height: 24px;
		padding: 6px 0;
	}
	.cat-area .cat-desc {
		width: 100%;
	}
	.cat-area h2 {
		font-size: 28px;
		margin: 0 0 25px;
	}
	.cat-area .cat-img {
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
		margin: 30px 0;
	}
		.cat-area .cat-img img {
			max-width: 70%;
			height: auto;
		}
	.cat-area .after-inner a {
		width: calc(50% - 15px);
	}
	
	.cat-area .cat-inner-inner {
		min-height: 0;
	}
	
	.cat-area3 .media-inner p {
		width: calc(50% - 15px);
		max-width: none;
		text-align: center;
	}
	
	.cat-area2 table td {
		width: 100%;
		display: block;
		padding: 0 15px;
	}
		.cat-area2 table h3 {
			line-height: 45px;
		}
	
	.cat-document-area .category-documents.cols-3 .column {
		width: 100%;
		margin: 0 15px;
	}
	
	#cat-topnav,
	.product-collateral .tab-bar {
		height: auto;
		clear: both;
		margin: 20px 0 18px -8px;
		width: calc(100% + 8px);
		background: none transparent;
	}
	#cat-topnav:after,
	.product-collateral .tab-bar:after {
		content: "";
		display: table;
		width: 100%;
	}
		#cat-topnav span, #cat-topnav a {
			display: block;
			text-align: center;
			width: calc(25% - 8px);
			padding: 0 10px;
			margin: 0 0 8px 8px;
			background-color: #efefef;
		}
		.product-collateral .tab-bar > span {
			width: calc(25% - 8px);
			padding: 0 10px;
			margin: 0 0 8px 8px;
			background-color: #efefef;
		}
		#cat-topnav .active:after,
		.product-collateral .tab-bar .active:after { display: none; }
	
	.inline-panes {
		gap: 0;
		margin: 20px 0 20px -8px;
		border: none;
		width: calc(100% + 8px);
	}
	.inline-panes a,
	.inline-panes span {
		min-width: 0;
		width: calc(25% - 8px);
		margin: 0 0 8px 8px;
	}

	.product-collateral .tab-panes .pane {
		padding: 0;
	}
	
	.filter-boxes {
		margin: 0 5px;
	}
	
	.category-products.grid-view {
		margin: 30px 0 0;
	}
	.product-view-mode {
		top: -5px;
	}
	
	.cat-area2 table td ul { padding: 0 0 15px; }
	.cat-area2 .mob-readmore-wrap > div { max-height: none; }
	.cat-area2 .mob-readmore.grey { display: none; }
	
	.cat-area2 {
		padding: 0;
		margin: 0 0 30px;
	}
	.mob-accordion-toggle {
		max-height: 45px;
		overflow: hidden;
		transition: max-height 0.35s ease;
		border-bottom: 1px solid #D6D6D6;
	}
		.mob-accordion .mob-accordion-toggle:last-child {
			border: none;
		}
	.mob-accordion-toggle > h3 {
		position: relative;
	}
	.mob-accordion-toggle > h3:after {
		content: "";
		display: block;
		position: absolute;
		top: 20px;
		right: 0;
		width: 15px;
		height: 9px;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/acc-chev.svg") 0 0 no-repeat transparent;
	}
		.mob-accordion-toggle.expand {
			max-height: 10000px;
		}

	#anchor-nav,
	.fixed #anchor-nav {
		left: auto;
		right: -220px;
		position: fixed;
		z-index: 7;
		transition: right 0.3s cubic-bezier(.65,.05,.36,1);
	}
	#anchor-nav .inner span {
		color: #000;
		font-size: 13px;
		width: 100%;
		display: block;
		padding: 0;
		margin: 0 0 12px;
	}
	#anchor-nav #anchor-nav-mob {
		display: block;
	}
		.anchor-nav-open #anchor-nav,
		.anchor-nav-open .fixed #anchor-nav {
			right: 0;
		}

	#anchor-nav #anchor-nav-mob {
		font-weight: 700;
	}
	#anchor-nav #anchor-nav-mob {
		position: absolute;
		top: 135px;
		left: -62px;
		transform: rotate(-90deg);
		height: auto;
		width: auto;
		padding: 5px 15px;
		background: #252525;
		color: #fff;
	}
	
}

@media screen and (max-width: 767px) {
	
	#ct-menu-socialmenu { display: none; }


	#clerk-search.open {
		width: calc(100% - 70px);
	}
	
	/*#searcher,
	#clerk-search {
		top: 18px;
		width: 75px;
		border-radius: 0;
	}
		#searcher.focus,
		#clerk-search.focus {
			background-color: #fff;
		}
	#searcher:after,
	#clerk-search:after {
		top: 4px;
		left: auto;
		right: 6px;
		z-index: 1;
		width: 27px;
		height: 27px;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/searcher.svg") 0 0 no-repeat transparent;
	}
		#searcher.focus:after,
		#clerk-search.focus:after {
			background: url("https://actec.dk/skin/frontend/makers/actec/images/searcher-over.svg") 0 0 no-repeat transparent;
		}*/
	/*#searcher input,
	#clerk-search input {
		z-index: 2;
		right: 0;
		width: 100%;
		position: absolute;
		padding: 0 37px 0 6px;
		transition: width 0.35s ease;
		background: none transparent;
	}*/
	#searcher,#searcher.focus,
	#clerk-search,#clerk-search.focus { height: 34px; }
	/* #searcher.focus,
	#clerk-search.focus { width: calc(100% - 75px); height: 34px; } */
		#searcher form,
		#clerk-search form { width: calc(100% - 36px); }
		#searcher.focus input,
		#clerk-search.focus input { /*width: 175px;*/ }
		#searcher .am_search_popup,
		#clerk-search .am_search_popup { width: 100%; }
	
	.area-title h2 {
	    font-weight: 600;
	    font-size: 20px;
	    line-height: 35px;
	    padding: 10px 0;
	}
	
	.mix-outer .page-title-container,
	.cat-area > .inner {
		padding–top: 20px;
		padding-bottom: 20px;
	}
	
	.table-pane table.column-1 td,
	.tab-panes .other-pane table.column-2 td,
	.tab-panes .other-pane table.column-0 td {
		display: block;
		width: 100%;
		margin: 0 0 20px;
	}
	.table-pane table.column-2 td {
		width: 50%;
	}
	.table-pane table.category-content.column-3 td {
		display: block;
		width: 100%;
	}
	
	.cms-kontakt .std, #kontakt-tilmeld-container {
		width: 100%;
		padding: 0;
		margin: 0 0 20px;
	}
	#map-canvas {
		height: 350px;
	}
	
	.cat-area table ul,
	.cat-area2 table ul {
		margin: 0 0 20px;
	}
	
	.cat-area2 {
		padding: 0 15px;
	}
		.cat-area2 table td {
			padding: 0;
		}
	
	#front-blog {
		padding: 50px 0;
	}
	
	.footer-container #mc_embed_signup {
		padding: 20px 0;
	}
	.footer-container .newsletter span {
		display: block;
	}
	
	/* Front slider */
	#frontslider {
		height: 260px;
		/*height: auto;
		box-sizing: content-box;
		padding-bottom: 190px;*/
	}
	#frontslider .slider-nav { display: none; }
	#frontslider .slide .txt .mobile-text {
		display: block;
	}
	#frontslider .slide .txt h2.text-switcher {
		position: static;
	}
	#frontslider .slide .txt h2.text-switcher span {
		position: relative;
		bottom: auto;
	}
	#frontslider .slide .txt h2 span { display: none; }
	#frontslider .slides {
		height: 100%;
	}
		#frontslider .slide .inner {
			display: block;
			height: 100%;
			width: 100%;
			padding: 20px 15px;
		}
		#frontslider .slide .item-img {
			background-size: cover;
			overflow: hidden;
			/* position: relative; */
		}
		#frontslider .slide .txt .subtext {
			display: none;
		}
		#frontslider .slide .txt h2 a {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
		#frontslider .slide .txt h2 a:hover {
			background: rgba(0,0,0,0.2);
		}
		/*#frontslider .slide .txt h2:after {
			content: "";
			display: block;
			width: 9px;
			height: 12px;
			float: left;
			margin: 15px 0 0 -22px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -20px -23px no-repeat transparent;
		}
			#frontslider .slide .txt h2 span:last-child {
				padding-right: 40px;
			}*/
		#frontslider .slide .txt a.link { display: none; }

	/* Other top-images */

	.top-image .txt h2 span,
	.main .top-image .txt.other h2,
	.main .top-image .txt h2 span {
		font-size: 24px;
		background: none #000;
	}
	.contentmanager-contenttype-blog .top-image {
		height: 260px;
	}
		.top-image .item-img {
			/* position: relative; */
			/* height: auto; */
		}
		.top-image .inner {
		    height: auto;
		    display: block;
		    padding: 20px 15px;
		}
	
	#front-featured {
		padding: 40px 0;
	}
	
	#tilmeld-container .area-content {
		margin: 0 auto;
	}
	
	.mob-readmore-wrap > div {
		max-height: 85px;
		overflow: hidden;
	}
	.mob-readmore {
		display: block;
		padding-left: 0;
	}
		.expanded .mob-readmore { display: none; }

	.top-image .inner {
		position: relative;
		height: 100%;
		padding: 0;
	}
	.top-image .inner .txt {
		position: relative;
		height: 100%;
		width: 100%;
		display: block;
	}
	.top-image .inner .txt h2 {
		display: none;
	}
	.top-image .inner .txt h2 span {
		display: none;
	}

	.top-image .mobile-text {
		display: block;
		font-family: 'Titillium web', Arial, sans-serif;
		font-size: 16px;
		font-weight: 600;
		width: 100%;
		background: none rgba(0,0,0,0.4);
		vertical-align: top;
		color: #fff;
		padding: 12px 15px;
		line-height: 21px;
		position: absolute;
		bottom: 0;
	}

	.top-image .subtext {
		display: none;
	}



}

@media screen and (max-width: 700px) {
	
	#tilmeld-container h2 {
		font-size: 25px;
		line-height: 32px;
		padding: 15px 0px;
	}
	#tilmeld-container ul {
		width: 100%;
	}
	#tilmeld-container p a {
		position: relative;
		top: auto;
		transform: none;
		right: auto;
	}
	
	.grid-view .products-grid {
	    width: calc(100% + 20px);
	    margin: 0 0 0 -10px;
	}
		.grid-view .products-grid li {
		    padding: 0 25px;
		    width: 50%;
		    margin-bottom: 75px;
		}
			.grid-view .products-grid li .product-image {
				height: 200px;
			}
			.grid-view .products-grid li .area {
				border-top: none;
			}

}

@media screen and (max-width: 650px) {
	
	.products-grid li {
		padding-top: 15px;
	}
	.products-grid li .product-image {
		left: auto;
		right: 0;
	    height: 50px;
	    width: 95px;
	    padding: 0 20px;
	    border: none;
	}
	.products-grid li .area-top h2 a .skus {
		display: block;
	}
	.products-grid li .area {
		width: 100%;
		margin: 0;
	}
		.products-grid li .area-top {
			width: 100%;
			height: auto;
			padding: 0 0 0 15px;
		}
		.products-grid li .area-top h2 {
			display: block;
			margin: 0 0 10px;
		}
		.products-grid li .area-top .document {
			position: relative;
			top: auto;
			right: auto;
			padding: 0 0 0 25px;
			margin: 0 0 5px;
		}
		.products-grid li .area-top .document:after {
			display: block;
			width: 15px;
			height: 14px;
			top: 3px;
			left: 3px;
			background: url("https://actec.dk/skin/frontend/makers/actec/images/ikoners.png") -32px -229px no-repeat transparent;
		}
		.products-grid li .area-top .document span.mob-show {
			display: inline;
		}
		.products-grid li .area-bottom span.i {
			display: block;
			margin: 0;
		}
	
	.visual-area .boxes .box {
		width: 50%;
	}
	
	/* Cat mix */
	.mix-outer {
		padding: 0;
	}
	.cat-area h2 {
		z-index: 1;
	}
	
	/*
	.footer-cols .gazelle {
		position: absolute;
		top: 0;
		right: 20px;
		margin: 0;
	}
	*/
	
	#ct-menu-footermenu {
		margin: 0 0 20px;
	}
	.footer-cols {
		padding: 30px 0;
	}
	.footer-cols .footer-col .specifics h3 {
		margin-bottom: 8px;
	}
	.footer-cols ul li.level-0 {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #595959;
	}
		.footer-cols ul li.level-0 > span {
		    margin: 0;
		    padding: 10px 0 12px;
		    /* font-size: 19px; */
		    position: relative;
		    cursor: pointer;
		}
			.footer-cols ul li.level-0 > span:after {
				content: "";
				display: block;
				position: absolute;
				top: 16px;
				right: 10px;
				width: 15px;
				height: 9px;
				background: url("https://actec.dk/skin/frontend/makers/actec/images/menu-chev.svg") 0 0 no-repeat transparent;
			}
			.footer-cols ul li.level-0.expand > span:after {
				background: url("https://actec.dk/skin/frontend/makers/actec/images/menu-chev-over.svg") 0 0 no-repeat transparent;
			}

		.footer-cols ul li.level-0 .menu-mobile-expander {
			display: none;
		}

		.footer-cols .footer-col li a {
			padding: 5px 0;
			display: block;
		}

		.footer-cols .footer-col .text a {
			padding: 0;
		}

		.footer-cols .footer-col li.level-1:before {
			top: 11px;
		}
		.footer-cols ul li.level-0 > .children {
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.35s ease;
		}
		.footer-cols ul li.level-0.expand > .children {
			max-height: 10000px;
		}
		.footer-cols ul.level-0 {
			border-top: 1px solid #595959;
			padding: 7px 0;
		}
	
	.filter-boxes {
		margin: 20px 15px 0;
	}
	.filter-boxes .filter {
		width: 100%;
		margin: 0 0 10px;
	}
	
}

@media screen and (max-width: 600px) {
	
	.header-below {
	    height: auto;
	}
	.header-below ul {
		height: auto;
		display: block;
		padding: 2px 0 0;
	}
	.header-below ul li,
	.header-below li:nth-child(2) {
		display: block;
		width: 100%;
		margin: 0 0 5px;
		padding: 0 0 0 22px;
	}
		.header-below li::before {
			top: 4px;
			background-size: 65px;
			background-position: -1px -112px;
			width: 15px;
			height: 14px;
		}
		.header-below li:nth-child(2)::before {
		    width: 9px;
		    height: 14px;
		    top: 2px;
		    background-position: -1px -109px;
		    background-size: 55px;
		    left: 3px;
		}
	
	.cms-index-index .std {
		padding: 40px 15px 0;
	}
	.cms-index-index .std h2 {
		font-size: 25px;
		margin: 0 0 30px;
	}
	
	.formmakers-index-index .fieldset .form-list li,
	#kontakt-container-new .fieldset .form-list li {
		width: calc(50% - 30px);
	}
	
	#kontakt-person .col-3,
	#kontakt-person .col-4 {
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    max-width: 50%;
	}
	
	.view-indhold .desc .ct-field,
	.view-indhold .desc.auto-column .ct-field {
		columns: 1;
	}
	
	.footer-cols .logo {
		float: none;
		margin: 0 auto 20px;
	}
	.main .top-image .txt h2 span {
	    font-size: 20px;
	    line-height: 22px;
	}

	#ct-menu-mainmenu li.level-0 > .children li.active > a, #ct-menu-mainmenu li.level-0 > .children li:hover > a, #ct-menu-mainmenu li.level-0 > .children li.level-3:hover > a,
	#ct-menu-mainmenu li.menu-type-category.level-0 > .children li.level-1 > a,
	#ct-menu-mainmenu li.menu-type-category.level-0 > .children li.active > a {
		font-weight: 400;
	}

}

@media screen and (max-width: 550px) {

	#modal h2 {
		font-size: 25px;
	}
	
	.view-indhold h1, .view-blog h1 {
		font-size: 30px;
		line-height: 40px;
		width: 100%;
	}
	
	.grid-view .products-grid {
		width: 100%;
		margin: 0;
	}
		.grid-view .products-grid li {
			width: 100%;
			padding: 0 15px;
		}
		.grid-view .products-grid li .area-top h2 a .name { min-height: 30px; }
			
	#cat-topnav span, #cat-topnav a, .product-collateral .tab-bar > span,
	.inline-panes span, .inline-panes a {
		width: calc(33.333333% - 8px);
	}
	
}

@media screen and (max-width: 500px) {
	
	.data-sheet.link-wrapper .btn,
	.data-sheet.link-wrapper .doc-link {
		width: calc(50% - 8px);
		padding: 2px 8px;
		line-height: 17px;
		font-size: 14px;
	}
	.data-sheet.link-wrapper .btn:after {
		width: 21px;
		height: 15px;
	}

	/*
	.products-grid li .area-top .document {
		top: 5px;
		right: 5px;
		font-size: 13px;
		line-height: 23px;
		padding: 0 25px 0 0;
		width: auto;
	}
		.products-grid li .area-top .document::after {
			background-size: 60px;
			background-position: -1px -137px;
			width: 19px;
			height: 20px;
		}
			
	.products-grid li .area-top {
		padding: 0 0 14px 118px;
		height: auto;
		width: 100%;
	}
		.products-grid li .area-top h2 {
			padding: 35px 10px 0 0;
			width: 100%;
		}
	*/
	.products-grid li .area-bottom {
		height: auto;
	}
		.products-grid li .area-bottom > div,
		.products-grid li .area-bottom .col-mid,
		.products-grid li .area-bottom .col-last {
			width: 100%;
			float: none;
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			border-right: none;
			border-bottom: 1px solid #d9d9d9;
		}
		.products-grid li .area-bottom .col-last {
			border: none;
		}
			.products-grid li .area-bottom > div > div {
				width: 50%;
				vertical-align: top;
			}
			
	
	#front-area-slide .front-area {
		width: 100%;
	}
		
}

@media screen and (max-width: 475px) {
	
	.cat-area3 .media-inner p,
	.cat-area3 .media-inner p.media {
	    width: calc(100% - 15px);
	}
	
	.tab-panes table.column-1 td:nth-child(1) {
		width: 100%;
	}
	.tab-panes table.column-2 td:nth-child(1) {
		width: 50%;
	}
	
}

@media screen and (max-width: 450px) {
	
	.cta-area {
		padding: 20px;
		text-align: left;
	}
	.cta-area h2 {
		font-size: 26px;
		line-height: 32px;
	}
	.cta-area p {
		font-size: 18px;
		line-height: 25px;
	}
		.cta-area a {
			color: #fff;
		}
		
	#tilmeld-container {
		padding: 35px 0;
	}
	#tilmeld-container .area-content {
		padding: 0 0 15px;
	}
	#tilmeld-container .area-content h2 {	
	    font-size: 25px;
	    line-height: 32px;	
	}
	#tilmeld-container .area-content a {
		width: 100%;
	}
	
	.visual-area .boxes .box {
		width: 100%;
	}
	
	#searcher #am_search_container .am_search_popup_inner,
	#clerk-search #clerk-search-container .am_search_popup_inner {
		width: 100%;
		border: none;
	}
	#searcher #am_search_container .am_search_popup_inner.catinner,
	#clerk-search #clerk-search-container .am_search_popup_inner.catinner { order: 2; }
		
	.cat-area .after-inner .img {
		height: 85px;
	}
	.cat-area .after-inner .img img {
		max-width: 80%;
	}
	.cat-area .after-inner .title span {
		display: block;
	}
	
	.product-view .prodinf span.i {
		display: block;
		margin: 0;
	}	
	
	#cat-topnav span, #cat-topnav a, .product-collateral .tab-bar > span,
	.inline-panes span, .inline-panes a {
		width: calc(50% - 8px);
	}
	
}

@media screen and (max-width: 400px) {
	

	#frontslider,
	.top-image {
		height: 185px;
	}
	
	.main .top-image .txt h2 span {
		font-size: 16px;
	}

	.formmakers-index-index .fieldset .form-list li,
	#kontakt-container-new .fieldset .form-list li {
		width: calc(100% - 30px);
	}
	
	.footer-cols ul li.level-0 {
		width: 100%;
	}
	
	#kontakt-person .col-3,
	#kontakt-person .col-4 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
	
	.area-title h2 {
		font-size: 17px;
	}
	
	
	
}

@media screen and (max-width: 360px) {

	#ct-menu-topmenu li a {
		font-size: 11px;
	}
	
	.cat-area .after-inner a {
		width: 100%;
		max-width: 275px;
		margin: 0 auto 15px;
	}
	
	.footer-cols .gazelle {
	    position: relative;
	    right: auto;
	    top: auto;
	    display: block;
	    margin: 10px 0 0;
	}

}
div.amshopby-column {
    float: left;
    width: 49%;
    overflow: hidden;
}

select.amshopby-select {
    width:170px;
}

.amshopby-logo{
padding: 0pt 10px 10px 0pt; float: left;
}

.amshopby-featured {
    padding: 5px 5px 5px 5px; 
}

.amshopby-link{
    float:left;
    padding-left:5px; 
    padding-top:5px;
}

.amshopby-clearer {
	display:block; 
	clear:both; 
	overflow: hidden;
}
div.block-layered-nav dd a {padding:0px 5px 0px 0px; display:block; float: left;}  
div.block-layered-nav dd a.amshopby-attr, div.block-layered-nav dd a.amshopby-attr:hover {padding-left:15px; background-image:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr::before, div.block-layered-nav dd a.amshopby-attr-selected::before { /*border-style: none !important; */}
div.block-layered-nav dd a.amshopby-attr-selected {font-weight: bold; padding-left:15px; background-image:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;}
div.block-layered-nav dd a.amshopby-attr-inactive {pointer-events: none; color: #666666}
div.block-layered-nav dd a img {/* padding: 0px 4px 5px;*/ float:left;}

div.block-layered-nav dd .single-choice a.amshopby-attr,
div.block-layered-nav dd .single-choice a.amshopby-attr:hover
{background-image: url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-rb1.gif);}

div.block-layered-nav dd .single-choice a.amshopby-attr-selected
{background-image: url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-rb2.gif);}
.amshopby-swatch {
    background-image: url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-cb1.gif);
    background-repeat: no-repeat;
    background-position: left center;
}

div.block-layered-nav dd li.amshopby-cat-level-2 {padding-left:10px;}
div.block-layered-nav dd li.amshopby-cat-level-3 {padding-left:20px;}

div.block-layered-nav dd a.amshopby-cat-selected {font-weight: bold;
color:black; text-decoration: none; cursor:text;}

div.block-layered-nav li.amshopby-cat-multi a {
    padding-left:15px;
    background-image:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-cb1.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav li.amshopby-cat-multiselected a {
    font-weight: bold;
    background-image:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-cb2.gif); background-repeat: no-repeat; background-position: left center;
}

div.block-layered-nav dd li span.amshopby-plusminus {float:left;
display:block; width:15px; height:15px; cursor:pointer;
background:transparent url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-plus.gif)  no-repeat;}
div.block-layered-nav dd li span.minus {background:transparent
url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-minus.gif) no-repeat;}
div.block-layered-nav dd li:after {display:block; content:".";
clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }



div.block-layered-nav.amshopby-collapse-enabled dl dt {
     cursor:pointer;
     padding-left:15px;
     background:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-expanded.gif) center left no-repeat;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt::after {
    border-style: none !important;
}
div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed {background:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-collapsed.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt{background:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-expanded.gif) center left no-repeat;}
.main .col-left div.block-layered-nav.amshopby-collapse-enabled dl dt.amshopby-collapsed{background:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-collapsed.gif) center left no-repeat;}

.main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dd .no-display {
    display: block!important;
}

div.block-layered-nav div.amshopby-slider {
	 position:relative; margin:10px 4px 5px 4px; z-index:9; height:18px;  background: url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-slider-bg.gif) repeat-x 0 50%; cursor:pointer;
}
div.block-layered-nav div.amshopby-slider div.handle {margin-left:-4px; width:8px; top:3px; height:14px; background: transparent url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-hadle.png) no-repeat; position: absolute; cursor:move; z-index: 2;}

/*
 * Slider labels
 */
.amshopby-slider-price {
	color: #798794;
}
.amshopby-slider-price-from {
	float: left;
    
}
.amshopby-slider-price-to {
	float: right;
}

.amshopby-slider-handle-right {
	position: absolute;
	top: 14px;
	right: 0px;
}

.amshopby-slider-handle-left {
	position: absolute;
	top: 14px;
	left: 0px;
}

.amshopby-tooltip {
    padding:2px 5px;
    background:#FEC;
    border:1px solid #FAA819;
    color:#1F5070;
    text-align:left;
    width:200px;
    position:absolute;
}

.amshopby-slider-price-range 
{
	text-align: center;
	font-size: 0.9em;
}

.amshopby-tooltip-img {
    cursor:help;
    display: inline;
}

div.block-layered-nav, div.amshopby-page-container, div.amshopby-filters-top {
    position: relative;
}
div.amshopby-overlay {
    background-color: #FFFFFF;
    height: 100%;
    left: 0;
    opacity: 0.5;
    filter: alpha(opacity = 50);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 555;
}
div.amshopby-overlay img {
    top: 100px;
    left: 45%;
    display: block;
    position: absolute;
}

div.amshopby-overlay div {
    margin: 0 auto;
    display: block;
	width: 300px;
	height: 200px;
	background:  url('https://actec.dk/skin/frontend/makers/actec/images/amshopby-overlay.gif') 50% 50% no-repeat;
}

/*
 * Advanced Categories
 */
.amshopby-advanced li {
	clear: both;
}
.amshopby-advanced li.level1 {
	padding-left: 20px;
}
.amshopby-advanced li.level2 {
	padding-left: 30px;
}
.amshopby-advanced li.level3 {
	padding-left: 40px;
}
.amshopby-advanced li.level4 {
	padding-left: 50px;
}


.amshopby-advanced li.active > a {
	font-weight: bold;
}
.amshopby-cat-toggle.amshopby-cat-toggle-hidden {
    display: none;
}

/*
 * Slider Bar
 */
.amshopby-slider-bar {
	position:absolute; 
	background: #999; 
	height: 6px; 
	top: 6px; 
	z-index: 1;  
}

/*
 * Subcategories block
 */
.amshopby-subcategory-image {
	overflow: auto; 
}

.btn-remove-inline { background-image: url('https://actec.dk/skin/frontend/makers/actec/images/am_btn_remove.gif'); background-repeat: no-repeat; width:13px; height:12px; margin-left: 4px; }
.btn-remove-inline:hover { /* background-position: center bottom; */ }
.amshopby-hightlighted { background: yellow;}

.btn-remove-inline img {display: inline;}

div.block-layered-nav div.amshopby-slider div.handle.active { z-index: 3; }

.amshopby-slider-ui { background: url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-slider-bg.gif) repeat-x 0 50%; margin: 10px .4em; }
.amshopby-slider-ui .ui-slider-handle { background-color: #f18200; border: 1px solid #de5400; box-sizing: border-box; outline: none; }
.amshopby-slider-ui .ui-slider-range { background-color: #999999; }

.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { cursor: pointer; position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.8em; height: 1.2em; cursor: pointer; -ms-touch-action: none; touch-action: none; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.2em; margin-left: -.4em; }
.ui-slider-horizontal .ui-slider-range { top: 0.2em; height: 8px; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

.amshopby-narrow-by-list table td { vertical-align: top; }

input[name^="amshopby"][id$="from"].input-text, input[name^="amshopby"][id$="to"].input-text{
    width: auto;
}

.amshopby-item-top{
    max-width: 225px;
    min-width: 180px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
}

.amshopby-filters-top .block-content ol{
    max-width: 250px;
}

.amshopby-item-top div.amshopby-column {
    width: auto;
}

.no-display-current, .no-display{
    display: none;
}

.current .no-display-current, dd.current td.no-display{
    display: block;
}

@media only screen and (max-width: 770px) {
    dl#narrow-by-list,
    dl#narrow-by-list2 {
        padding: 0px;
    }
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content dl dt{background:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-collapsed.gif) center left no-repeat;}
    .main .col-main div.block-layered-nav.amshopby-collapse-enabled .toggle-content.accordion-open dl dt.current{background:url(https://actec.dk/skin/frontend/makers/actec/images/amshopby-expanded.gif) center left no-repeat;}
}

div.block-layered-nav ol:not(.single-choice) select option[selected] { color:white; background-color: rgba(171, 171, 171, 1); }

.amshopby-apply-button {width: 180px; height: 40px; margin-top: 1em;}

/**
 * All Brands page
 */
.content .ambrands-list {
    min-width: 180px;
}

/*----DEFAULT COLUMNS STYLES FOR CONTENT TYPES----*/
.ct-clear {
    clear: both;
}
.ct-column-top {
    margin-bottom: 1em;
}
.ct-column-bottom {
    margin-top: 1em;
}
.ct-column-middle {
    margin-bottom: 1em;
    margin-top: 1em;
}
.ct-column-main-left-50 {
    width: 49%;
    float: left;
}
.ct-column-main-right-50 {
    width: 49%;
    float: right;
}
.ct-column-main-left-25 {
    width: 25%;
    float: left;    
}
.ct-column-main-center-50 {
    width: 48%;
    margin: 0 1%;
    float: left;    
}
.ct-column-main-right-25 {
    width: 25%;
    float: right;    
}
.ct-column-main-left-33 {
    width: 32%;
    float: left;    
}
.ct-column-main-center-33 {
    width: 32%;
    margin: 0 2%;
    float: left;    
}
.ct-column-main-right-33 {
    width: 32%;
    float: right;    
}
.block-ct-filter-content {
    padding: 5px 10px;
}
#contenttype-results-filter-list li a {
    display: inline-block;
    padding-left: 16px;
    background: url(https://actec.dk/skin/frontend/base/default/images/blackbird/acm/cb1.gif) no-repeat left center;
}

#contenttype-results-filter-list li.item-active a {
    background: url(https://actec.dk/skin/frontend/base/default/images/blackbird/acm/cb2.gif) no-repeat left center;
}



/*----DEFAULT COLUMNS STYLES FOR CONTENT LIST----*/
.cl-clear {
    clear: both;
}
.cl-column-top {
    margin-bottom: 1em;
}
.cl-column-bottom {
    margin-top: 1em;
    border-bottom:1px solid;
}
.cl-column-middle {
    margin-bottom: 1em;
    margin-top: 1em;
}
.cl-column-main-left-50 {
    width: 49%;
    float: left;
}
.cl-column-main-right-50 {
    width: 49%;
    float: right;
}
.cl-column-main-left-25 {
    width: 25%;
    float: left;    
}
.cl-column-main-center-50 {
    width: 48%;
    margin: 0 1%;
    float: left;    
}
.cl-column-main-right-25 {
    width: 25%;
    float: right;    
}
.cl-column-main-left-33 {
    width: 32%;
    float: left;    
}
.cl-column-main-center-33 {
    width: 32%;
    margin: 0 2%;
    float: left;    
}
.cl-column-main-right-33 {
    width: 32%;
    float: right;    
}

/*
GENERAL
--------------------------------------------------------- */
#clerk-power-popup {
    position: fixed;
    top: 10%;
    z-index: 16777271;
    width: 90%;
    padding: 20px;
    margin: 0 5%;
    background-color: white;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0px 8px 40px 0px rgba(0,0,60,0.15);
}

#clerk-power-popup .clerk-top-wrapper {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #EEE;
    margin-top: 10px;
}

#clerk-power-popup .clerk-top-wrapper .table {
    width: 95% !important;
    margin: 0 auto !important;
}

#clerk-power-popup .clerk-clearer {
    clear: both;
}


/*
ADD SUCCESS
--------------------------------------------------------- */

.alert-success {
    background-image: -webkit-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -o-linear-gradient(top,#dff0d8 0,#c8e5bc 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#dff0d8),to(#c8e5bc));
    background-image: linear-gradient(to bottom,#dff0d8 0,#c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1;
    color: #3c763d;
    background-color: #dff0d8;
}

.alert {
    text-shadow: 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.25),0 1px 2px rgba(0,0,0,.05);
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.col4 {
    width: 32%;
    display: inline-block;
}

.col6 {
    width: 50%;
    display: inline-block;
}

.col8 {
    width: 66%;
    display: inline-block;
}

.col12 {
    width: 100%;
    display: inline-block;
}

.padding20 {
    padding: 20px;
}

.padding10 {
    padding: 10px;
}

.padding10-top {
    padding: 10px 0 0 0;
}
/*
CART OVERVIEW
--------------------------------------------------------- */

.clerk-text {
    text-align: left;
}

.clerk-price {
    text-align: right;
}

.clerk-total .clerk-text {
    padding-top: 10px;
    font-weight: bold;
    font-size: 18px;
}

.clerk-total .clerk-price {
    padding-top: 10px;
    font-weight: bold;
    font-size: 18px;
}

#clerk-power-popup .clerk-top-wrapper .clerk-to-cart {
    width: 100%;
    margin: 0 auto;
}

#clerk-power-popup .clerk-top-wrapper .clerk-to-cart span, #clerk-power-popup .clerk-top-wrapper .clerk-to-cart span span {
    font-size: 16px;
}

#clerk-power-popup .clerk-top-wrapper .clerk-continue-shopping, #clerk-power-popup .clerk-top-wrapper .clerk-to-checkout {
    margin: 0 auto;
    font-size: 13px;
}

#clerk-power-popup .clerk-top-wrapper .clerk-continue-shopping span, #clerk-power-popup .clerk-top-wrapper .clerk-to-checkout span {
    padding: 0px;
}

/*
RESULTS
--------------------------------------------------------- */

#clerk-power-popup .clerk-results {
    clear: both;
    text-align: center;
}

@media (max-width: 767px) {
    .col6 {
        width: 100% !important;
    }
}

#clerk-power-popup .products-grid .actions {
    position: static;
}

#clerk-power-popup .products-grid > li {
    width: 30.8642%;
    margin-right: 3.7037%;
}

.checkout-cart-clerk .col4,
.checkout-cart-clerk .col6,
.checkout-cart-clerk .col8,
.checkout-cart-clerk .col12 {
    box-sizing: border-box;
}
.clear { clear: both;}
.formbuilder-popup{
	display: none;
}

.field-section-break{
	width: 100%;
	height: 1px;
	top: 50%;
	border: 1px solid #CCC;
	position: relative;
	margin-top: 25px;
}

.field-section-break .sm-section-break{
	position: absolute;
	top: -10px;
	width: 100%;
	text-align: center;
}

.field-section-break .sm-section-break span{
	background: #FFF;
	padding: 0 20px;
}
.ves-rating-play img {display: inline;}
.workflow_table th, .workflow_table td {
    padding-bottom: 10px;
    padding-right: 15px;
}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
  font-size: 2em;
}

@font-face {
  font-family: "raty";
  font-style: normal;
  font-weight: normal;
  src: url("https://actec.dk/skin/frontend/base/default/formmakers/js/raty/fonts/raty.eot");
  src: url("https://actec.dk/skin/frontend/base/default/formmakers/js/raty/fonts/raty.eot?#iefix") format("embedded-opentype");
  src: url("https://actec.dk/skin/frontend/base/default/formmakers/js/raty/fonts/raty.svg#raty") format("svg");
  src: url("https://actec.dk/skin/frontend/base/default/formmakers/js/raty/fonts/raty.ttf") format("truetype");
  src: url("https://actec.dk/skin/frontend/base/default/formmakers/js/raty/fonts/raty.woff") format("woff");
}

.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "raty";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

.cancel-on-png:before {
  content: "\e600";
}

.cancel-off-png:before {
  content: "\e601";
}

.star-on-png:before {
  content: "\f005";
}

.star-off-png:before {
  content: "\f006";
}

.star-half-png:before {
  content: "\f123";
}

#co-shadow { 
    background:rgba(0, 0, 0, .1); 
    position:fixed; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0; 
    z-index:1000; 
}
#co-loader { 
    background:url("https://actec.dk/skin/frontend/base/default/makers/modalbox/modalbox_loader.gif") no-repeat scroll 50% 50% rgba(255, 255, 255, 0.6);
    position:absolute; 
    z-index:1010; 
    top:26px; 
    left:6px; 
    bottom:5px; 
    right:5px;
}
#co-modal-box { 
    position:fixed; 
    z-index:1005; 
    background:#d7dff0;
    box-shadow:1px 1px 4px black;
    -moz-box-shadow:1px 1px 4px black; 
    -webkit-box-shadow:1px 1px 4px black; 
    border-radius:6px; 
    -moz-border-radius:6px; 
    -webkit-border-radius:6px; 
    text-align:left; 
    padding:0;
    margin-top:-100px; 
    margin-left:-170px;
    width:340px; 
    top:50%; 
    left:50%;
}
#co-modal-box #modal-header { 
    background:linear-gradient(#bbbbcc, #a2accf, #a2accf, #d7dff0) repeat scroll 0 0 rgba(0, 0, 0, 0); 
    padding:0; 
    position:relative;
    border:0 none;
    border-radius:4px 4px 0 0; 
    -moz-border-radius:4px 4px 0 0; 
    -webkit-border-radius:4px 4px 0 0;
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
}
#co-modal-box #modal-header, #co-modal-box #modal-header * { 
    cursor:default; 
}
#co-modal-box #modal-title { 
    width:auto; 
    margin-left:15px; 
    background:none; 
    padding:0; 
    color:white; 
    font-weight:normal; 
    font-size:14px; 
    font-family:Verdana; 
    overflow:hidden;
    line-height:24px;
    text-transform:uppercase;
    text-shadow:0 0 1px black;
}
#co-modal-box #close-dialog-button { 
    background:url('https://actec.dk/skin/frontend/base/default/makers/modalbox/btn_modalbox-close.png') no-repeat -1px -1px transparent; 
    border-radius:16px;
    cursor:pointer; 
    width:16px;
    height:16px;
    right:7px;
    top:4px;
    position:absolute;
}
#co-modal-box #close-dialog-button:hover { 
    background:url('https://actec.dk/skin/frontend/base/default/makers/modalbox/btn_modalbox-close.png') no-repeat -19px -1px transparent; 
}
#co-modal-box #modal-content { 
    overflow-x:hidden; 
    overflow-y:auto; 
    position:relative;
    border-left:1px solid silver; 
    border-top:1px solid silver; 
    margin:1px 5px 5px; 
    background:white;
    -moz-border-radius:0 0 6px 6px; 
    -webkit-border-radius:0 0 6px 6px; 
    border-radius:0 0 6px 6px;
    padding:0 10px;
}
#co-modal-box .handle {
    position:absolute;
    z-index:1010;
}
#co-modal-box #handle-n { top:-3px; left:-3px; right:-3px; height:8px; cursor:n-resize; }
#co-modal-box #handle-e { top:-3px; bottom:-3px; right:-3px; width:8px; cursor:e-resize; }
#co-modal-box #handle-s { bottom:-3px; left:-3px; right:-3px; height:8px; cursor:s-resize; }
#co-modal-box #handle-w { top:-3px; left:-3px; bottom:-3px; width:8px; cursor:w-resize; }
#co-modal-box #handle-ne { top:-3px; right:-3px; width:8px; height:8px; cursor:ne-resize; z-index:1011; }
#co-modal-box #handle-se { bottom:-3px; right:-3px; width:8px; height:8px; cursor:se-resize; z-index:1011; }
#co-modal-box #handle-sw { bottom:-3px; left:-3px; width:8px; height:8px; cursor:sw-resize; z-index:1011; }
#co-modal-box #handle-nw { top:-3px; left:-3px; width:8px; height:8px; cursor:nw-resize; z-index:1011; }

#co-modal-box.resizing * {
    -webkit-touch-callout:none !important; 
    -webkit-user-select:none !important; 
    -khtml-user-select:none !important; 
    -moz-user-select:none !important; 
    -ms-user-select:none !important; 
    user-select:none !important; 
}
#co-modal-box .faded#modal-content { 
    visibility:hidden; 
}

#co-modal-box.floating-out { 
    opacity:.95; 
}
#co-modal-box.floating-out #modal-content { 
    padding:0; 
    border-radius:6px; 
}
#co-modal-box.floating-out #close-dialog-button { 
    display:none;
}
#co-modal-box.no-header {
    box-shadow:1px 1px 2px silver;
}
#co-modal-box.no-header #co-loader {
    top:6px;
}
#co-modal-box.no-border #co-loader {
    left:0;
    right:0;
    top:25px;
    bottom:0;
}
#co-modal-box.no-header.no-border #co-loader {
    left:0;
    right:0;
    top:0;
    bottom:0;
    border-radius:10px;
}
#co-modal-box.no-header #modal-header {
    display:none;
}
#co-modal-box.no-header #modal-body {
    margin:0;
}
#co-modal-box.no-header #modal-content {
    border-radius:6px;
    margin:5px;
    border-top:0 none;
}
#co-modal-box.no-border #modal-content {
    margin:0;
    padding:0;
    border-radius: 0 0 6px 6px;
    border-left:0;
}
#co-modal-box.no-border.no-header #modal-content {
    padding:0; 
    border-radius:6px;
}
#co-modal-box.no-border .handle, #co-modal-box.no-resize .handle {
    display:none;
}
#co-modal-box.moving, #co-modal-box.moving #modal-content { 
    opacity:.9; 
}
#co-modal-box .page-loader { 
    padding:25px 5px 0;
    margin:5px 5px 0;
    height:113px;
    text-align:center;
    background-color:#f8f8ff;
}
#co-modal-box .page-loader h3 { 
    font-size:16px;
    font-weight:bold;
}
#co-modal-box .page-loader p { 
    font-size:10px;
}
#co-modal-box .modal_content_empty { 
    display:block; 
    font-weight:bold; 
    text-align:center;
}
#co-modal-box.fullsize { 
    position:absolute;
    box-shadow:none; 
    border-radius:0; 
    margin:0 !important; 
    left:0 !important;
    right:0 !important;
    width:100% !important;
}
#co-modal-box.fullsize #modal-content { 
    min-height:200px;
    height:auto !important; 
    border:0 none;
    margin:0;
    padding:0;
    border-radius:0; 
}
#co-modal-box.fullsize #modal-header { 
    display:none;
}
#co-modal-box.fullsize .handle {
    display:none !important;
}
.hloader { 
    background:url("https://actec.dk/skin/frontend/base/default/makers/modalbox/modalbox_hloader.gif") no-repeat scroll 0 0 transparent;
    position:absolute; 
    height:12px;
    bottom:5px;
    width:160px;
    margin-left:-80px;
    left:50%;
}
.pageloadertop { 
    top:5px;
}
.pageloaderbottom { 
    bottom:5px;
}
.pageloadertext {
    margin-top: 40px;
    text-align:center;
}
.pageloadertext h3 {
    text-transform:uppercase;
    font-size:16px;
}

#co-modal-box.wsmall .col2-set .col-1,
#co-modal-box.wsmall .col2-set .col-2 {
    width:100%;
    float:none;
    padding:20px;
}

.hoverlink { cursor:default; }
.hoverbox { background:white; border:1px solid gray; box-shadow:1px 1px 3px gray; padding:8px 12px; width:300px; position:fixed; }
.hoverbox h3 { text-align:center; }


/* Imageviewer */
#modalbox-preload-images {
    position:fixed;
    left:100%;
}
#co-modal-box .imageviewer #image {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-right: 1px solid #fff;
}
#co-modal-box .imageoverlay {
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	z-index: 2;
	cursor: default;
	border: 1px solid #ccc;
}
#co-modal-box .imagepanel {
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	z-index: 1;
	overflow: hidden;
    position:absolute;
}
#co-modal-box .imageviewer .navigation {
	top: 29px;
	left: 29px;
	transition: all 0.3s ease;
	background: none transparent;
	border: none;
	padding: 0;
	height: auto;
	opacity: 1;
    position:absolute;
	z-index: 5;
}
#co-modal-box .imageviewer .imageinfo {
	top: 29px;
	left: 100px;
	padding: 0 10px;
	font-weight: 400;
    position:absolute;
	border-radius: 10px;
	color: #464f90;
	font-size: 20px;
	line-height: 25px;
	z-index: 5;
    cursor:default;
    background-color:rgba(255,255,255,.8);
}
#co-modal-box .moving, #co-modal-box .moving * {
    cursor:move !important;
}
#co-modal-box .imageviewer button {
	cursor: pointer;
	height: 25px;
	width: 25px;
	color: white;
	padding: 0;
	transition: all 0.3s ease;
	background-image: none;
	background-color: #333;
	opacity: 0.7;
	border: none;
	position: relative;
    border-radius:12px;
}
#co-modal-box .imageviewer .movebuttons {
	width: 83px;
	height: 83px;
	position: absolute;
	bottom: 29px;
	right: 29px;
	z-index: 5;
}
#co-modal-box .imageviewer .movebuttons button {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding: 0;
}
.wrapper #co-modal-box .imageviewer .zoombuttons {
	position: absolute;
	bottom: 130px;
	right: 34px;
	z-index: 5;
}
.wrapper #co-modal-box .imageviewer .zoombuttons button {
    width:35px;
}
#co-modal-box .imageviewer button:hover {
	opacity: 1;
}
#co-modal-box .imageviewer button#button-close {
    position:absolute;
    top:4px;
    right:4px;
    font-size:25px;
    border-radius:25px;
    z-index:10;
}
#co-modal-box .imageviewer button#button-previous,
#co-modal-box .imageviewer button#button-next {
	margin: 0 0 0 1px;
    font-size:23px;
}
#co-modal-box .imageviewer .movebuttons #button-reset { 
    top: 27px; 
    left: 27px; 
    border-radius:0;
}
#co-modal-box .imageviewer .movebuttons #button-moveup { 
    left: 27px; 
    border-radius:12px 12px 0 0; 
}
#co-modal-box .imageviewer .movebuttons #button-moveleft { 
    top: 27px; 
    border-radius:12px 0 0 12px; 
}
#co-modal-box .imageviewer .movebuttons #button-movedown { 
    top: 54px; 
    left: 27px; 
    border-radius:0 0 12px 12px; 
}
#co-modal-box .imageviewer .movebuttons #button-moveright { 
    top: 27px; 
    left: auto; 
    right: 4px; 
    border-radius:0 12px 12px 0; 
}


/* LIGHTBOX */

.lightbox {
	display: none;
	position: fixed;
	top: 60px;
	left: 50%;
	width: 700px;
	padding: 20px;
	margin: 0 0 0 -370px;
	background-color: #ffffff;
	box-shadow: 0 1px 5px #cccccc;
	text-align: center;
	z-index: 15000;
}
.lightbox .closelightbox {
	background: url("https://actec.dk/skin/frontend/makers/actec/images/mlight.png") -76px 0px no-repeat transparent;
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	z-index: 10;
	background-size: 106px auto;
}
.lightbox .next,
.lightbox .prev {
	position: absolute;
	top: 50%;
	left: 5px;
	width: 46px;
	height: 46px;
	display: none;
	transform: translateY(-50%);
	z-index: 10;
	cursor: pointer;
	background: url("https://actec.dk/skin/frontend/makers/actec/images/mlight.png") -48px -124px no-repeat transparent;
	border-radius: 50%;
}
	.lightbox .next {
		left: auto;
		right: 5px;
		background: url("https://actec.dk/skin/frontend/makers/actec/images/mlight.png") -1px -124px no-repeat transparent;
	}
/*
.lightbox .prev {
	position: absolute;
	top: 50%;
	left: 30px;
	width: 65px;
	height: 125px;
	display: none;
	z-index: 10;
	margin: -62px 0 0 0;
	cursor: pointer;
	background: url("https://actec.dk/skin/frontend/makers/actec/images/prev_next_close.png") -1px -1px no-repeat transparent;
}
.lightbox .next {
	position: absolute;
	top: 50%;
	right: 30px;
	width: 65px;
	height: 125px;
	display: none;
	z-index: 10;
	margin: -62px 0 0 0;
	cursor: pointer;
	background: url("https://actec.dk/skin/frontend/makers/actec/images/prev_next_close.png") -74px -1px no-repeat transparent;
}
*/
.lightbox .screen {
	display: block;
	text-align: center;
	position: relative;
}
.lightbox .screen div {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.lightbox .screen img {
	width: 100%;
	height: 100%;
}
.product-view .pichold {
	position: relative;
}
.product-view .pichold:hover .cover {
	display: block;
}
.product-img-box .cover {
	background: url("https://actec.dk/skin/frontend/makers/actec/images/search_hover.png") 0 0 no-repeat transparent;
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0 -20px;
	cursor: pointer;
}
.product-img-box .product-image img {
	cursor: pointer;
}