.iosbutton {opacity:100; height: 50px;width: 100px;transform: translateY(-50%); margin: 0 auto; position:absolute; top:calc(50% + 25px);left:0; right: 0;   z-index: 10;background: #008677;color:#fff; border: 0;    border-radius: 5px;cursor:pointer;}
.iosbutton:after {content:'\f04b';text-align: center;position:absolute;left:0;right:0;top:0;line-height:50px;}

@supports (-webkit-touch-callout: none) {
   .iosbutton {display: block; } 
 }
 @supports not (-webkit-touch-callout: none) {
    /* CSS for other than iOS devices */ 
    .iosbutton {display:none;}
 }
@media screen and (max-width: 1600px) {

    .owl-nav i, .flex-direction-nav li {left:15px;}
    .owl-nav .owl-next i, .flex-direction-nav li.flex-nav-next {right: 15px;}
     div.slides_container.vacature {background-size:auto calc(100% - 59px)!important;}
}

@media screen and (max-width: 1366px) {
    div.homenews, ul.slides li .contentcontainer, div#outer-wrapper {width:90%;max-width:initial;}
    article:after {width:10%;}

}

@media screen and (min-width: 280px) {
ul {list-style: none !important;}	
}
@media screen and (max-width: 1280px) {
    ul.slides li .textcontainer {right:-68px;}
}

@media screen and (max-width: 1024px) {
    div.down {display:none;}
div.logo-container.mobileonly {transform: skewX(8deg);background: #fff;border-radius: 0 0 20px;display: block;position: absolute;top: 0px;left: -10px;width: 300px;z-index: 100;box-shadow: 7px 3px 5px rgba(0,0,0,0.1);}
a.logo {padding: 15px 15px 15px 20px;display: block;}
a.logo img {width: 100%;height: auto;transform: skewX(-8deg);display: block;}

nav#nav {   min-height: 52px;position: fixed; -webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}
nav#nav::before {display:none;}
.nomobile {display:none;}
.mobilemenu {width:30px;height:30px;position: absolute;right: 20px;top: 13px;cursor:pointer;color:rgba(0,129,105,1);}
.mobilemenu:after {content:'\f0c9';top: 50%;transform: translateY(-50%);left: 0;right: 0;position:absolute;text-align: center;}	
.menumain li.item-101 {display:none;}
.menumain li.item-112 {margin:15px 0 0;}
div.logo-container {position:absolute;top:20px;left:0px;width:200px;z-index: 100;-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2);box-shadow: 3px 3px 5px rgba(0,0,0,0.2);}



ul.menumain {max-width: 100%;padding: 0;min-height: 0;top:52px;background:#73BCB4;position: fixed;width: 100%;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;height:0;overflow:hidden;opacity:0;}
ul.menumain.fixed {height: 100%;overflow-y:scroll;padding: 0 0 100px;opacity:1;}
.menumain li ul {display:none}
ul.menumain li {float:none;position:initial!important;width:100%!important;margin:0;}
ul.menumain li a {height:auto!important;padding:15px !important;position:relative;margin: 0 !important;border-radius:0!important;color:#fff!important;border-bottom: 1px solid rgba(255,255,255,0.2);}
ul.menumain ul li {border:0;}
ul.menumain ul li a {padding:10px 10px 10px 30px!important;border:0;background: #60a29b;}
ul.menumain li ul {position:initial;width:100%;}
div.item-page::before {left: -20px;}
ul.slides li .textcontainer {right:-60px;}
ul.slides li .text {font-size: 26px;line-height: 26px;}
ul.slides li .text h3 {font-size: 38px;}
ul.slides li .text div {font-size: 22px;}
div.image-container {width: 150px;}
}

@media screen and (max-width: 980px) {
ul.json {grid-template-columns: repeat(2, 1fr);}
}

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

}



@media screen and (max-width: 768px) {
    ul.slides li .textcontainer {right:-50px;}
    ul.slides li .text {font-size: 26px;line-height: 26px;}
    ul.slides li .text h3 {font-size: 38px;}
    ul.slides li .text div {font-size: 22px;}
    div.image-container {width: 150px;left: 0;}
    div.column {width:60%;}
    div.column.right {width:calc(40% - 40px);}
}

@media screen and (max-width: 720px) {
    article {margin:0;}
div.item-page:before, article:after {display:none;}
div.column {float:none!important;width:100%!important;} 
.heading {font-size:14px;}
div.datalogic {font-size: 1.2rem;    line-height: 1.2rem;}
div.datalogic img {max-width: 240px;}
#contact {font-size:.8rem;line-height: 1.4rem;}
button {width:100%;}
#subcontent {margin: 20px 0 0;}
h1 {font-size:20px;margin: 0 0 20px;}
div.image-container {top:25%;transform:none;width: 125px;z-index: 10;}
ul.slides li .textcontainer {padding: 20px 30px 10px 30px;right: -45px;top:initial;transform: skew(-15deg, 0deg);bottom:10%;width:100%;}
ul.slides li .text h3 {font-size:20px;line-height:100%;}
ul.slides li .text, ul.slides li .text div  {font-size:18px;line-height:100%;}
ul.slides li br {display:none;}

ul.json {grid-template-columns: repeat(1, 1fr);}
ul.json div.text-container {width: 100%;}
ul.json div.img-container {float: none;width: 100%;max-width:100%;overflow: hidden;margin:0 0 20px;height:auto;}
div.logo-container.mobileonly {width:250px;}
a.logo {padding: 20px 15px 20px 20px;}
div.filter li {float:none;}
}

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

}


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

}

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

}

@media screen and (max-width: 480px) {
    #banner {padding-top:50%}
    div.slides_container  {background-position-y: 37px!important;}
}

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

}

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

}

@media screen and (max-width: 360px) {
div.logo-container.mobileonly {width:200px;}
}

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

}