@import url(font-awesome.min.css);
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Raleway:wght@900&display=swap');
a,article,b,body,center,div,em,footer,h1,h2,h3,h4,h5,h6,html,i,img,li,menu,nav,p,s,section,span,strong,tr,u,ul,var{
    margin:0;
    padding:0;
    border:0;
    font-size:1em;
    font:inherit;
    vertical-align:baseline
}
article,footer,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ul{
    list-style:none
}
body{
    -webkit-text-size-adjust:none
}
body{
    -ms-overflow-style:scrollbar
}
@media screen and (max-width:480px){
    body,html{
        min-width:320px
    }
}
html{
    box-sizing:border-box
}
*,:after,:before{
    box-sizing:inherit
}
body{
    background:#fff
}
body.is-preload *,body.is-preload :after,body.is-preload :before{
    -moz-animation:none!important;
    -webkit-animation:none!important;
    -ms-animation:none!important;
    animation:none!important;
    -moz-transition:none!important;
    -webkit-transition:none!important;
    -ms-transition:none!important;
    transition:none!important
}
body{
    background-color:#fff;
    color:#637485
}
body{
    font-family:Quicksand,Helvetica,sans-serif;
    font-size:14pt;
    font-weight:400;
    line-height:1.625
}
@media screen and (max-width:1680px){
    body{
        font-size:12pt
    }
}
@media screen and (max-width:1280px){
    body{
        font-size:12pt
    }
}
@media screen and (max-width:980px){
    body{
        font-size:12pt
    }
}
@media screen and (max-width:736px){
    body{
        font-size:12pt
    }
}
@media screen and (max-width:480px){
    body{
        font-size:12pt
    }
}
@media screen and (max-width:360px){
    body{
        font-size:11pt
    }
}
a{
    text-decoration:underline
}
a:hover{
    text-decoration:none
}
b,strong{
    font-weight:700
}
em,i{
    font-style:italic
}
p{
    margin:0 0 2em 0
}
h1,h2,h3,h4,h5,h6{
    line-height:1.3;
    margin:0;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    color:inherit;
    text-decoration:none
}
h1{
    font-size:2em
}
h2{
    font-size:1.75em
}
h3{
    font-size:1.35em
}
h4{
    font-size:1em
}
h5{
    font-size:.9em
}
h6{
    font-size:.7em
}
@media screen and (max-width:736px){
    h1{
        font-size:1.75em
    }
    h2{
        font-size:1.5em
    }
    h3{
        font-size:1.25em
    }
}
a{
    color:#000
}
b,strong{
    color:#637485
}
h1,h2,h3,h4,h5,h6{
    color:#637485
}
.button,button{
    -moz-appearance:none;
    -webkit-appearance:none;
    -ms-appearance:none;
    appearance:none;
    -moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;
    -webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;
    -ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;
    transition:background-color .2s ease-in-out,color .2s ease-in-out;
    border-radius:2px;
    border:2px solid #b50018;
    cursor:pointer;
    display:inline-block;
    font-size:.8em;
    font-weight:700;
    height:3em;
    line-height:2.8em;
    padding:0 1.5em;
    text-align:center;
    text-decoration:none;
    text-transform:uppercase;
    white-space:nowrap
}
.button.icon,button.icon{
    padding-left:1.35em
}
.button.icon:before,button.icon:before{
    margin-right:.5em
}
.button:disabled,button:disabled{
    pointer-events:none;
    opacity:.25
}
@media screen and (max-width:480px){
    .button,button{
        padding:0 1.5em
    }
}
.button,button{
    background-color:transparent;
    color:#000!important
}
.button:focus,.button:hover,button:focus,button:hover{
    background-color:rgba(205,205,205,.3)
}
.button:active,button:active{
    background-color:rgba(205,205,205,.7)
}
.button.icon:before,button.icon:before{
    color:#bbb
}
::-webkit-input-placeholder{
    opacity:1
}
:-moz-placeholder{
    opacity:1
}
::-moz-placeholder{
    opacity:1
}
:-ms-input-placeholder{
    opacity:1
}
::-webkit-input-placeholder{
    color:#bbb!important
}
:-moz-placeholder{
    color:#bbb!important
}
::-moz-placeholder{
    color:#bbb!important
}
:-ms-input-placeholder{
    color:#bbb!important
}
.icon{
    text-decoration:none;
    border-bottom:none;
    position:relative
}
.icon:before{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    font-family:FontAwesome;
    font-style:normal;
    font-weight:400;
    text-transform:none!important
}
.image{
    border:0;
    display:inline-block;
    position:relative
}
.image img{
    display:block
}
.image.main{
    display:block;
    margin:0 0 3em 0;
    width:100%
}
.image.main img{
    width:100%
}
@media screen and (max-width:736px){
    .image.main{
        margin:0 0 2em 0
    }
}
article.special,section.special{
    text-align:center
}
.wrapper{
    padding:90px 0 60px 0;
    position:relative
}
.wrapper>.inner{
    margin:0 auto;
    max-width:75em;
    width:calc(100% - 4em)
}
.wrapper.alt{
    padding-bottom:1em
}
.wrapper.alt:after{
    -moz-transform:translateY(100%) rotate(180deg);
    -webkit-transform:translateY(100%) rotate(180deg);
    -ms-transform:translateY(100%) rotate(180deg);
    transform:translateY(100%) rotate(180deg);
    bottom:0;
    content:''
}
.wrapper.style1{
    color:#fff
}
.wrapper.style1 a{
    color:#fff
}
.wrapper.style1 b,.wrapper.style1 strong{
    color:#fff
}
.wrapper.style1 h1,.wrapper.style1 h2,.wrapper.style1 h3,.wrapper.style1 h4,.wrapper.style1 h5,.wrapper.style1 h6{
    color:#fff
}
.wrapper.style1 .button,.wrapper.style1 button{
    background-color:transparent;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);
    color:#fff!important
}
.wrapper.style1 .button:focus,.wrapper.style1 .button:hover,.wrapper.style1 button:focus,.wrapper.style1 button:hover{
    background-color:rgba(255,255,255,.065)
}
.wrapper.style1 .button:active,.wrapper.style1 button:active{
    background-color:rgba(255,255,255,.165)
}
.wrapper.style1 .button.icon:before,.wrapper.style1 button.icon:before{
    color:rgba(255,255,255,.75)
}
.wrapper.style1 ::-webkit-input-placeholder{
    color:rgba(255,255,255,.75)!important
}
.wrapper.style1 :-moz-placeholder{
    color:rgba(255,255,255,.75)!important
}
.wrapper.style1 ::-moz-placeholder{
    color:rgba(255,255,255,.75)!important
}
.wrapper.style1 :-ms-input-placeholder{
    color:rgba(255,255,255,.75)!important
}
.wrapper.style1 ul.alt li{
    border-top-color:rgba(255,255,255,.25)
}
.wrapper.style1:after,.wrapper.style1:before{
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,0 0,100 100,100' style='fill:%23b50018%3B' /%3E%3C/svg%3E")
}
.wrapper.style2{
    color:#637485
}
.wrapper.style2 a{
    color:#b50018
}
.wrapper.style2 b,.wrapper.style2 strong{
    color:#fff
}
.wrapper.style2 h1,.wrapper.style2 h2,.wrapper.style2 h3,.wrapper.style2 h4,.wrapper.style2 h5,.wrapper.style2 h6{
    color:#637485
}
.wrapper.style2 .button,.wrapper.style2 button{
    background-color:transparent;
    box-shadow:inset 0 0 0 1px rgba(99,116,133,.25);
    color:#637485!important
}
.wrapper.style2 .button:focus,.wrapper.style2 .button:hover,.wrapper.style2 button:focus,.wrapper.style2 button:hover{
    background-color:rgba(99,116,133,.075)
}
.wrapper.style2 .button:active,.wrapper.style2 button:active{
    background-color:rgba(99,116,133,.175)
}
.wrapper.style2 .button.icon:before,.wrapper.style2 button.icon:before{
    color:#bbb
}
.wrapper.style2 ::-webkit-input-placeholder{
    color:#bbb!important
}
.wrapper.style2 :-moz-placeholder{
    color:#bbb!important
}
.wrapper.style2 ::-moz-placeholder{
    color:#bbb!important
}
.wrapper.style2 :-ms-input-placeholder{
    color:#bbb!important
}
.wrapper.style2 ul.alt li{
    border-top-color:rgba(99,116,133,.25)
}
@media screen and (max-width:1280px){
    .wrapper{
        padding:5em 0 3em 0
    }
    .wrapper:after,.wrapper:before{
        height:4em
    }
}
@media screen and (max-width:980px){
    .wrapper{
        padding:4em 0 2em 0
    }
    .wrapper:after,.wrapper:before{
        height:3em
    }
}
@media screen and (max-width:736px){
    .wrapper{
        padding:3em 0 1em 0
    }
    .wrapper>.inner{
        width:calc(100% - 3em)
    }
    .wrapper:after,.wrapper:before{
        height:2em
    }
    .wrapper.alt{
        padding-bottom:0
    }
}
#page-wrapper{
    -moz-transition:-moz-filter .25s ease;
    -webkit-transition:-webkit-filter .25s ease;
    -ms-transition:-ms-filter .25s ease;
    transition:filter .25s ease
}
#menu{
    -moz-align-items:center;
    -webkit-align-items:center;
    -ms-align-items:center;
    align-items:center;
    display:-moz-flex;
    display:-webkit-flex;
    display:-ms-flex;
    display:flex;
    -moz-justify-content:center;
    -webkit-justify-content:center;
    -ms-justify-content:center;
    justify-content:center;
    pointer-events:none;
    -moz-transition:opacity .5s ease,visibility .5s;
    -webkit-transition:opacity .5s ease,visibility .5s;
    -ms-transition:opacity .5s ease,visibility .5s;
    transition:opacity .5s ease,visibility .5s;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    background-color:rgba(51,50,97,.9);
    cursor:default;
    height:100%;
    left:0;
    opacity:0;
    position:fixed;
    text-align:center;
    top:0;
    visibility:hidden;
    width:100%;
    padding:1.5em;
    z-index:10002
}
#menu .inner{
    padding:2.5em 1.5em .5em 1.5em;
    -moz-transform:translateY(.5em);
    -webkit-transform:translateY(.5em);
    -ms-transform:translateY(.5em);
    transform:translateY(.5em);
    -moz-transition:opacity .5s ease,-moz-transform .5s ease;
    -webkit-transition:opacity .5s ease,-webkit-transform .5s ease;
    -ms-transition:opacity .5s ease,-ms-transform .5s ease;
    transition:opacity .5s ease,transform .5s ease;
    -webkit-overflow-scrolling:touch;
    background:#b50018;
    border-radius:4px;
    color:#fff;
    display:block;
    max-width:100%;
    opacity:0;
    position:relative;
    text-transform:uppercase;
    width:24em
}
#menu h2{
    color:inherit;
    border-bottom:solid 2px rgba(255,255,255,.25);
    padding-bottom:1em
}
@media screen and (max-width:736px){
    #menu .inner{
        max-height:100%;
        overflow-y:auto;
        overflow-x:hidden
    }
}
@keyframes heartbeat{
    0%{
        transform:scale(.95)
    }
    10%{
        transform:scale(1)
    }
    20%{
        transform:scale(.95)
    }
    30%{
        transform:scale(1)
    }
    40%{
        transform:scale(.95)
    }
    100%{
        transform:scale(.95)
    }
}
.logo{
    transform:scale(.95);
    animation:heartbeat 2.5s 2s infinite;
    width:370px;
    max-width:85%
}
.webpalpha #banner{
  background-image: url('../../images/background1.webp');
}
.no-webpalpha #banner{
  background-image: url('../../images/background1.jpg');
}
#banner{
    background-attachment:fixed;
    background-position:center center;
    background-size:cover;
    color:#fff;
    padding:16em 3em 12em 3em;
    position:relative;
    text-align:center
}
#banner h1{
    color:inherit;
    font-size:.9em;
    font-weight:inherit;
    margin:0 0 3.5em 0;
    padding:0;
    color:#000;
    text-transform:uppercase
}
#banner p{
    font-size:1.75em;
    margin-bottom:.75em
}
#banner .button{
    min-width:14em
}
#banner>.inner{
    -moz-transition:opacity 1s ease-in-out,-moz-transform 1s ease-in-out;
    -webkit-transition:opacity 1s ease-in-out,-webkit-transform 1s ease-in-out;
    -ms-transition:opacity 1s ease-in-out,-ms-transform 1s ease-in-out;
    transition:opacity 1s ease-in-out,transform 1s ease-in-out;
    opacity:1;
    position:relative;
    z-index:1
}
#banner:after{
    -moz-transition:opacity 1s ease-in-out;
    -webkit-transition:opacity 1s ease-in-out;
    -ms-transition:opacity 1s ease-in-out;
    transition:opacity 1s ease-in-out;
    pointer-events:none;
    content:'';
    display:block;
    background-color:#fcfcfc;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
body.is-preload #banner .inner{
    -moz-transform:translateY(1em);
    -webkit-transform:translateY(1em);
    -ms-transform:translateY(1em);
    transform:translateY(1em);
    opacity:0
}
body.is-preload #banner:after{
    opacity:1
}
@media screen and (max-width:1280px){
    #banner{
        background-attachment:scroll;
        padding:16em 3em
    }
}
@media screen and (max-width:980px){
    #banner h1{
        font-size:1.1em
    }
}
@media screen and (max-width:736px){
    #banner{
        padding:8em 2em
    }
    #banner h1{
        font-size:1.1em
    }
    #banner p{
        font-size:1.25em
    }
}
@media screen and (max-width:360px){
    #banner{
        padding:6em 2em
    }
}
#main{
    padding:10em 0 4em
}
@media screen and (max-width:736px){
    #main{
        padding:5em 0 2em
    }
}
#footer{
    background-image:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.8));
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
    background-position:center center;
    background-size:cover;
    padding:100px 0 5px 0
}
.webpalpha #co-delame{
    background-image:url(../../images/background5.webp);  
}
.no-webpalpha #co-delame{
    background-image:url(../../images/background5.jpg);  
}
#footer .chead{
    text-align:center
}
#footer .chead h2{
    margin-bottom:0;
    font-size:1.75em;
    font-weight:700;
    color:#fff;
    font-family: 'Raleway', sans-serif;
    font-size: 2.5em;    
}
#footer .chead h3{
    font-size:1em;
    font-weight:700;
    font-style:italic;
    color:#fff
}
#footer>.inner{
    display:-moz-flex;
    display:-webkit-flex;
    display:-ms-flex;
    display:flex;
    margin:40px auto 3em;
    max-width:75em;
    width:calc(100% - 4em)
}
#footer .contact{
    color: #000;
    padding:2.5em;
    background-color:#fff;
    list-style-type:none;
    margin-bottom:0;
    width:35%
}
#footer .contact a{
    text-decoration:none
}
#footer .contact a:hover{
    color:#b50018
}
#footer .contact img{
    max-width:100px;
    margin-bottom:20px
}
#footer .contact strong{
    color:#b50018
}
#footer .gmaps{
    background-color:#b50018;
    color:#000;
    -moz-flex-grow:1;
    -webkit-flex-grow:1;
    -ms-flex-grow:1;
    flex-grow:1;
    margin-bottom:0;
    padding:4em 3.5em;
    width:100%;
    min-height:300px
}
#footer .gmaps h1{
    margin:0;
    font-weight:700;
    font-size:1.4em;
    color:#b50018
}
#footer .gmaps h2{
    margin:0 0 1em 0;
    font-style:italic;
    font-size:1em
}
#footer .copyright{
    color:#bbb;
    margin-bottom:1em;
    padding:0;
    text-align:center
}
#footer .copyright .slogan{
    font-size:.8em;
    color:#b50018;
    font-weight: bold;
}
#footer .copyright img{
    max-width:200px;
    margin-top:30px
}
#footer .copyright h2{
    color:#fff;
    font-weight:700;
    text-align:center
}
#footer .copyright h3{
    color:#fff;
    font-weight:700;
    text-align:center;
    font-size:1em;
    font-style:italic
}
@media screen and (max-width:1280px){
    #footer{
        background-attachment:scroll
    }
}
@media screen and (max-width:980px){
    #footer{
        padding-top:10em
    }
    #footer .contact{
        padding:2em 2em 2em 2em;
        width:45%
    }
    #footer .contact li{
        padding-left:3em
    }
    #footer .gmaps{
        padding:2em 2em;
        width:55%
    }
}
@media screen and (max-width:736px){
    #footer{
        padding-top:3em
    }
    #footer>.inner{
        -moz-flex-wrap:wrap;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width:calc(100% - 3em)
    }
    #footer .contact{
        width:100%
    }
    #footer .gmaps{
        width:100%
    }
    #footer .copyright{
        margin-bottom:2em
    }
    #footer .copyright li{
        display:block;
        border-left:0;
        margin-left:0;
        padding-left:0
    }
}
@media screen and (max-width:480px){
    #footer .contact{
        padding:2em 1.5em 1.5em 1.5em
    }
    #footer .contact li{
        padding-left:2.5em
    }
    #footer .gmaps{
        padding:2em 1.5em
    }
}
.menu li a{
    font-weight:700;
    text-decoration:none
}
.menu li a:hover{
    color:#b50018
}
.webpalpha #kdo-jsme{
  background-image: url('../../images/background2.webp');
}
.no-webpalpha #kdo-jsme{
  background-image: url('../../images/background2.png');
}
#kdo-jsme{
    background-size:cover;
    margin-top:-100px;
    background-position-x:center;
    padding-top:150px
}
@media screen and (max-width:736px){
    #kdo-jsme{
        padding-top:100px
    }
}
#kdo-jsme h2{
    color:#fff;
    font-weight:700;
    text-align:center;
    font-family: 'Raleway', sans-serif;
    font-size: 2.5em;
}
#kdo-jsme h3{
    color:#fff;
    font-weight:700;
    text-align:center;
    font-size:1em;
    margin-bottom:20px;
    font-style:italic
}
.nh{
    color:#fff;
    font-weight:700;
    margin-bottom:0;
    margin-top:40px;
    font-family: 'Raleway', sans-serif;
    font-size: 2.5em;    
}
@media screen and (max-width:736px){
    .nh{
        margin-top:0
    }
}
.webpalpha #nase-historie{
  background-image: url('../../images/background3.webp');
}
.no-webpalpha #nase-historie{
  background-image: url('../../images/background3.jpg');
}
#nase-historie{
    background-size:cover;
    background-attachment:fixed;
    background-position:center center;
    padding-top:60px;
    padding-bottom:0
}
#nase-historie h3{
    color:#fff;
    font-weight:700;
    text-align:center;
    font-size:1em;
    margin-bottom:10px;
    font-style:italic
}
.logo-divider{
    width:355px;
    max-width:85%;
    border-bottom:2px solid #b50018;
    margin:0 auto;
    margin-bottom:10px;
    margin-top:10px
}
.content2{
    text-align:center;
    color:#fff;
    max-width:900px;
    margin:0 auto
}
.content2 p{
    font-size:.9em;
    text-align:justify
}
.content2 .logo-acipc{
    width:100px;
    margin-bottom:35px
}
.logo-companies{
    width:100%;
    max-width:180px;
    margin-top:15px;
    margin-right:10px;
    margin-left:10px;
    outline: 4px solid #fff;
}
.logo-companies-acipc{
    height:100%;
    max-height:60px;
    margin-top:15px;
    margin-right:10px;
    margin-left:10px;
    outline: 4px solid #fff;
}
#co-delame{
    background-color:#cdcdcd;
    background-size:cover;
    background-position:center center
}
.webpalpha #co-delame{
  background-image:url(../../images/background4.webp);
}
.no-webpalpha #co-delame{
  background-image:url(../../images/background4.jpg);
}
#co-delame h2{
    color:#242424;
    font-weight:700;
    text-align:center;
    font-family: 'Raleway', sans-serif;
    font-size: 2.5em;  
}
#co-delame h3{
    color:#b50018;
    font-size:1.3em;
    font-weight:700
}
#co-delame #knowhow{
    color:#000;
    font-weight:700;
    text-align:center;
    font-size:1em;
    font-style:italic
}
.cd-testimonials-wrapper{
    position:relative;
    width:100%;
    max-width:1260px;
    background-color:#fff;
    margin:2em auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    padding:20px 40px 70px;
    z-index:1
}
@media only screen and (min-width:768px){
    .cd-testimonials-wrapper{
        margin:35px auto 50px auto;
        padding:0
    }
}
@media only screen and (max-width:767px){
    .cd-testimonials-wrapper{
        margin:35px auto 50px auto;
        padding:0
    }
}
.cd-testimonials{
    color:#637485;
    text-align:center
}
.cd-testimonials::after{
    clear:both;
    content:"";
    display:table
}
.cd-testimonials>li{
    position:absolute;
    opacity:0
}
.cd-testimonials>li:first-child{
    position:relative;
    opacity:1
}
.cd-testimonials-all{
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:#fff;
    z-index:2;
    visibility:hidden;
    opacity:0;
    -webkit-transition:opacity .3s 0s,visibility 0s .3s;
    -moz-transition:opacity .3s 0s,visibility 0s .3s;
    transition:opacity .3s 0s,visibility 0s .3s
}
.cd-testimonials-all .cd-testimonials-all-wrapper{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
    overflow:auto
}
.cd-testimonials-all .cd-testimonials-all-wrapper>ul{
    width:90%;
    max-width:1170px;
    margin:4em auto
}
.cd-testimonials-all .cd-testimonials-all-wrapper>ul::after{
    clear:both;
    content:"";
    display:table
}
.cd-testimonials-all .cd-testimonials-item{
    margin-bottom:2em;
    opacity:0;
    -webkit-transform:translate3d(0,0,0) scale(.4);
    -moz-transform:translate3d(0,0,0) scale(.4);
    -ms-transform:translate3d(0,0,0) scale(.4);
    -o-transform:translate3d(0,0,0) scale(.4);
    transform:translate3d(0,0,0) scale(.4);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform .3s,opacity .3s;
    -moz-transition:-moz-transform .3s,opacity .3s;
    transition:transform .3s,opacity .3s
}
.cd-testimonials-all p{
    position:relative;
    background:#79b6e4;
    color:#fff;
    padding:2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    line-height:1.4;
    border-radius:.25em;
    margin-bottom:1em
}
.cd-testimonials-all p::after{
    content:'';
    position:absolute;
    top:100%;
    left:2em;
    height:0;
    width:0;
    border:8px solid transparent;
    border-top-color:#79b6e4
}
@media only screen and (min-width:768px){
    .cd-testimonials-all .cd-testimonials-item{
        width:46%;
        margin:0 2% 3em
    }
    .cd-testimonials-all .cd-author{
        margin-left:1em
    }
}
@media only screen and (min-width:1170px){
    .cd-testimonials-all .cd-testimonials-item{
        width:30%;
        margin:0 1.6666% 3em
    }
}
.flex-direction-nav li {
  position: absolute;
  height: 100%;
  width: 40px;
  top: 0;
}
.flex-direction-nav li:first-child {
  left: 0;
  background-color: rgba(0,0,0, .5);
}
.flex-direction-nav li:last-child {
  right: 0;
  background-color: #dedede;
}
@media only screen and (max-width: 767px) {
  .flex-direction-nav li:last-child {    
    background-color: rgba(0,0,0, .5);
  }
}
.flex-direction-nav li a {
  display: block;
  height: 100%;
  width: 100%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.no-touchevents .flex-direction-nav li a:hover {
  background-color: #444444;
}
.flex-direction-nav li a::before, .flex-direction-nav li a::after {
  /* left and right arrows in css only */
  content: '';
  position: absolute;
  left: 50%;
  top: 55%;
  width: 2px;
  height: 13px;
  background-color: #ffffff;
}
.flex-direction-nav li a::before {
  -webkit-transform: translateY(-35px) rotate(45deg);
  -moz-transform: translateY(-35px) rotate(45deg);
  -ms-transform: translateY(-35px) rotate(45deg);
  -o-transform: translateY(-35px) rotate(45deg);
  transform: translateY(-35px) rotate(45deg);
}
.flex-direction-nav li a::after {
  -webkit-transform: translateY(-27px) rotate(-45deg);
  -moz-transform: translateY(-27px) rotate(-45deg);
  -ms-transform: translateY(-27px) rotate(-45deg);
  -o-transform: translateY(-27px) rotate(-45deg);
  transform: translateY(-27px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::before {
  -webkit-transform: translateY(-35px) rotate(-45deg);
  -moz-transform: translateY(-35px) rotate(-45deg);
  -ms-transform: translateY(-35px) rotate(-45deg);
  -o-transform: translateY(-35px) rotate(-45deg);
  transform: translateY(-35px) rotate(-45deg);
}
.flex-direction-nav li:last-child a::after {
  -webkit-transform: translateY(-27px) rotate(45deg);
  -moz-transform: translateY(-27px) rotate(45deg);
  -ms-transform: translateY(-27px) rotate(45deg);
  -o-transform: translateY(-27px) rotate(45deg);
  transform: translateY(-27px) rotate(45deg);
}
@media only screen and (min-width: 768px) {
  .flex-direction-nav li {
    width: 30px;
  }
}
@media only screen and (min-width: 1170px) {
  .flex-direction-nav li a::before, .flex-direction-nav li a::after {
    background-color: #5e5e63;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
  }
  .flex-direction-nav li a:hover::before, .flex-direction-nav li a:hover::after {
    background-color: #ffffff;
  }
}
.portfolio{
    margin:0 auto
}
.portfolio article{
    display:flex;
    -moz-align-items:center;
    -webkit-align-items:center;
    -ms-align-items:center;
    align-items:center;
    width:100%
}
.portfolio article .content{
    display:inline-block;
    flex:1;
    text-align:justify;
    padding:35px 65px 35px 35px;
    width:800px;
    max-width:70%
}
.portfolio article .content p{
    font-size:.9em
}
.portfolio article .content .actions{
    margin-bottom:30px
}
.portfolio article .image{
    background-size:cover;
    display:inline-block;
    flex:1;
    margin:0;
    width:400px;
    height:400px;
    max-width:30%
}
#prumyslove-pc article .image{
    background-image:url(../../images/prumyslove-pocitace.jpg);
    background-position:center center
}
#prumyslove-pc-s-displejem article .image{
    background-image:url(../../images/prumyslove-pocitace-s-displejem.jpg);
    background-position:center center
}
#prumyslova-automatizace article .image{
    background-image:url(../../images/automatizace-a-sber-dat.jpg);
    background-position:center center
}
#prumyslove-periferie article .image{
    background-image:url(../../images/prumyslove-periferie-a-komponenty.jpg);
    background-position:center center
}
#odolne-notebooky-a-tablety article .image{
    background-image:url(../../images/odolne-notebooky-a-tablety.jpg);
    background-position:center center
}
#informacni-kiosky article .image{
    background-image:url(../../images/informacni-kiosky.jpg);
    background-position:center center
}
#medicinska-technika article .image{
    background-image:url(../../images/medicinska-technika.jpg);
    background-position:center center
}
#softwarova-reseni article .image{
    background-image:url(../../images/softwarova-reseni.jpg);
    background-position:center center
}
.portfolio article.alt .image{
    margin:0 0 2em 0
}
@media screen and (max-width:1280px){
    .portfolio article .content{
        display:inline-block;
        width:70%
    }
    .portfolio article .image img{
        max-width:30%;
        margin:0 auto
    }
}
@media screen and (max-width:980px){
    .portfolio article{
        display:inline-block
    }
    .portfolio article .content{
        width:100%;
        max-width:100%;
        margin-bottom:1em;
        padding:15px 50px 0 50px
    }
    .portfolio article .content .actions{
        margin-bottom:10px;
        text-align: center;
    }
    .portfolio article .image{
        display:inline-block;
        margin-left:0;
        margin-right:0;
        width:100%;
        max-width:100%;
        background-position:center center
    }
}
.backtotop{
    font-size:0;
    right:10px;
    bottom:10px;
    width:40px;
    height:40px;
    line-height:40px;
    position:fixed;
    visibility:hidden;
    opacity:0;
    text-align:center;
    color:#fff;
    z-index:99;
    border:1px solid #980017
}
.backtotop.show{
    opacity:1;
    visibility:visible
}
.arrow{
    border:solid #980017;
    border-width:0 3px 3px 0;
    display:inline-block;
    padding:3px;
    top:5px;
    position:relative
}
.up{
    transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg)
}
.languages{
    margin-top:100px;
    color:#000
}
.languages a{
    text-decoration:none
}
.languages a span{
    line-height:17px;
    vertical-align:middle
}
.en,.languages .cz{
    display:inline-block;
    margin:0 15px
}
.languages img{
    max-width:25px;
    margin-right:5px;
    vertical-align:middle
}
body,html{
    overflow-x:hidden
}
.tm{
    width:1400px;
    max-width:90%;
    margin:0 auto
}
.timeline{
    position:relative;
    padding:100px 0;
    margin-top:-70px;
    margin-bottom:-50px
}
.timeline::before{
    content:"";
    background:#fff;
    width:5px;
    height:95%;
    position:absolute;
    left:50%;
    transform:translateX(-50%)
}
.timeline-item{
    width:100%;
    margin-bottom:70px
}
.timeline-item:nth-child(even) .timeline-content{
    float:right;
    padding:15px 20px
}
.timeline-item:nth-child(even) .timeline-content .date{
    right:auto;
    left:0
}
.timeline-item:nth-child(even) .timeline-content::after{
    content:"";
    position:absolute;
    border-style:solid;
    width:0;
    height:0;
    top:30px;
    left:-15px;
    border-width:10px 15px 10px 0;
    border-top-color:transparent;
    border-right-color:rgba(0,0,0,.3);
    border-bottom-color:transparent;
    border-left-color:transparent
}
.timeline-item::after{
    content:"";
    display:block;
    clear:both
}
.timeline-content{
    position:relative;
    width:45%;
    padding:15px 20px;
    border-radius:4px;
    background:rgba(0,0,0,.3);
    box-shadow:0 20px 25px -15px rgba(0,0,0,.3);
    text-align:justify
}
.timeline-content::after{
    content:"";
    position:absolute;
    border-style:solid;
    width:0;
    height:0;
    top:30px;
    right:-15px;
    border-width:10px 0 10px 15px;
    border-top-color:transparent;
    border-right-color:transparent;
    border-bottom-color:transparent;
    border-left-color:rgba(0,0,0,.3)
}
.timeline-content p{
    margin:2.5em 0 0 0;
    font-size:.9em
}
.tm-logo{
    text-align:center
}
.timeline-img{
    width:30px;
    height:30px;
    background:#b50018;
    border-radius:50%;
    position:absolute;
    left:50%;
    margin-top:25px;
    margin-left:-15px
}
.timeline a{
    background:#3f51b5;
    color:#fff;
    padding:8px 20px;
    text-transform:uppercase;
    font-size:14px;
    margin-bottom:20px;
    margin-top:10px;
    display:inline-block;
    border-radius:2px;
    box-shadow:0 1px 3px -1px rgba(0,0,0,.6)
}
.timeline a:active,.timeline a:focus,.timeline a:hover{
    background:#32408f;
    color:#fff;
    text-decoration:none
}
.date{
    background:#b50018;
    display:inline-block;
    color:#fff;
    padding:4px 24px;
    position:absolute;
    top:0;
    right:0;
    font-weight:700;
    font-size:1.4em
}
@media screen and (max-width:768px){
    .timeline::before{
        left:50px
    }
    .timeline .timeline-img{
        left:50px
    }
    .timeline .timeline-content{
        max-width:100%;
        width:auto;
        margin-left:70px
    }
    .timeline .timeline-item:nth-child(even) .timeline-content{
        float:none
    }
    .timeline .timeline-item:nth-child(odd) .timeline-content::after{
        content:"";
        position:absolute;
        border-style:solid;
        width:0;
        height:0;
        top:30px;
        left:-15px;
        border-width:10px 15px 10px 0;
        border-top-color:transparent;
        border-right-color:rgba(0,0,0,.3);
        border-bottom-color:transparent;
        border-left-color:transparent
    }
}