/* CSS Documetn */

/*=============
 Web Design
==============*/
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
body, html{
    height: 100%;
    font-family: 'Ubuntu', 'sans-serif';
}
body{
    /*overflow: hidden;*/
    background: #125083;
    color: #FFF;
    /*font-size: .84em;*/
    font-size: 1em;
}

a{
    text-decoration: none;
}
.mobile_icon{
    display: none;
}
.w100{
    width: 100%;
}
.w90{
    width: 90%;
}
.w80{
    width: 80%;
}
.w70{
    width: 70%;
}
header{
    background: #FFF;
    box-shadow: 15px 5px 10px rgba(0,0,0,.75);
    padding: 0 30px;
    text-align: right;
    width: calc(100% - 60px);
    position: fixed;
    z-index: 7;
    top: 0;
    max-height: 90px;
}

/*header::after{
    content: ' ';
    width: 100%;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 0px;
    z-index: 2;
    box-shadow: 0 0 40px rgba(0,0,0,.9);
}*/

header nav{
    display: inline-block;
    text-align: right;
    width: calc(99% - 250px);
    width: -webkit-calc(99% - 250px);
    width: -moz-calc(99% - 250px);
    vertical-align: top;
    z-index: 3;
}

header nav li{
    position: relative;
    display: inline-block;
    /*cursor: pointer;*/
    height: 90px;
    line-height: 50px;
    margin: 0;
    min-width: 80px;
    /*padding: 30px 0 10px;*/
    padding: 0px;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-timing-function: ease;
    -moz-transition-property: background;
    -moz-transition-duration: 0.4s;
    -moz-transition-timing-function: ease;
}
header nav li.cl_home{
    min-width: 160px;
}

header nav li a{
    /**border-right: 1px solid #CCC;*/
    color: #125083;
    display: block;
    /*font-size: 1.1em;*/
    font-size: 0.9em;
    line-height: 1em;
    font-weight: bold;
    /*padding: 4px 1%;*/
    padding: 32px 1%;
    text-align: center;
    width: 100%;
    /*height: 100%;*/
    line-height: 26px;
}

header nav li ul a {
    padding: 4px 1%;
}

header nav li:hover{
    background: #696969;
}
header nav li:hover a{
    color: #FFF;
}

header nav li:last-child a{
    border-right: none;
    outline: none;
}
header img{
    margin-top: 15px;
}

span.nav {
    display: inline;
    line-height: 20px;
    /*width: 100%;*/
    border-right: 1px solid #CCC;
    padding: 0 30px;
    text-align: center;
}

header nav li:hover span {
    border: none;
}

.nav img {
    margin: 0;
    outline: none;
    width: 30px;
    vertical-align: baseline;
}

.subnav {
    display: block;
    z-index: 2;
    width: 100%;
    background-color: #0E5089;
    position: absolute;
    top: -100%;
    -webkit-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
    -moz-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
    -ms-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
    -o-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
    transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
}
.subnav.active {
    top: 100px;
}
.subnav div {
    display: inline-block;
    margin: 30px 0;
    width: 25%;
    text-align: center;
}
img.pimg {
    width: 250px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    /*box-shadow: 0px 15px 5px -10px rgba(0,0,0,0.75);*/
}
img.pimg:hover {
    webkit-transform: scale(1.15) rotate(5deg);
    -moz-transform: scale(1.15) rotate(5deg);
    -ms-transform: scale(1.15) rotate(5deg);
    -o-transform: scale(1.15) rotate(5deg);
    transform: scale(1.15) rotate(5deg);
}
img.img-shadow {
    margin-top: -39px;
    position: relative;
    width: 245px;
}
figure.pfigure {
    cursor: pointer;
    width: 250px;
    margin: 0 auto;
    overflow: hidden;
}

figure.pfigure figcaption {
    display: none;
}
.disable {
    -webkit-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
    -moz-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
    -ms-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
    -o-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
    transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 400ms;
}
.disable.active {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.75);
}
.search{
    margin-top: 20px;
    margin-left: 10px;
}
.search input{
    background: url(../img/icon/search.png) no-repeat right center;
    border: 1px solid #CCC;
    padding: 3px 5px;
    width: 120px;
    transition: .3s all ease-in;
}
.search input:focus{
    width: 160px;
}


.container, .wrap{
    margin: 0 auto 0;
    width: 980px;
    height: calc(100% - 194px);
    position: relative;
    min-height: 450px;
}
.wrap{
    width:100%;
    height: calc(100% - 128px);
    padding-top: 90px;
}

.wrapRef {
    margin-top: 150px;
    height: 425px;
}

.slider{
    display: block;
    min-height: 340px;
    margin: 5% 0 0;
    width: 100%;
    overflow: hidden;
    text-align: left;
}

article{
    margin: 0;
    vertical-align: top;
}

span{
    display: inline-block;
    padding: 1%;
    vertical-align: top;
}

.slider article span:nth-child(1), .slider article span:nth-child(3){
    margin-top: 30px;
    width: 22%;
}

.slider article span:nth-child(2){
    width: 49%;
}

.slider article h2{
    text-align: center;
}

.slider article span img{
    height: 290px;
    margin-top: 10%;
    width: 100%;
}


.slider .layer{
    width: 2950px;
    text-align: left;
}

.slider .layer article{
    display: inline-block;
    width: 980px;
}


.controls{
    display: block;
    margin: 0 auto;
    text-align: center;
    width: auto;
}

.controls nav a{
    background: #2685d3; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #2685d3 0%, #014a87 49%, #01111e 86%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#2685d3), color-stop(49%,#014a87), color-stop(86%,#01111e)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #2685d3 0%,#014a87 49%,#01111e 86%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #2685d3 0%,#014a87 49%,#01111e 86%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #2685d3 0%,#014a87 49%,#01111e 86%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #2685d3 0%,#014a87 49%,#01111e 86%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2685d3', endColorstr='#01111e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border:1px solid #014a87;
    border-radius:50%;
    display: inline-block;
    height: 20px;
    margin: 10px 20px;
    width: 20px;
}

.controls nav a:hover{
    border-color:#3366FF;
}


footer{

    color: #7EA2BE;
    font-size: .9em;
    padding: 10px 10px;
    padding-bottom: 10px;
    width: calc(100% - 20px);
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    left: auto;
    right: auto;

    
}

footer a, footer a:visited{
    color:#7EA2BE;
}
footer a:hover{
    text-decoration: underline;
    cursor: pointer;

}
footer > table{
    width: 100%;
}
footer > table td {
    width: 33.33%;
}

article p{
    letter-spacing: 1px;
    padding: 20px 10px;
    text-align: center;
    vertical-align: middle;
}

.slider article{
    width: 100%;
}


.products{
    background: rgba(0,0,0,.9);
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
.products p{
    background: #001835;
    border-bottom: 1px solid #001c3a;
    box-shadow: 0 10px 10px #000;
    display: block;
    margin: 0;
    height: 0px;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}
.products p img{
    display: inline-block;
    margin: 40px 60px;
    width: 15%;
}


.shadow{
    box-shadow: 0 1px 10px rgba(0,0,0,.5);
}

.logo{
    width:230px;
    height:90px;
    display: inline-block;
    float: left;

}

.logo a{
    width:100%;
    height: 100%;
    display: inline-block;
}


.caja-sombra{
    /*margin: 0 auto;
    margin-top: 50px;*/
    padding-left: 20px;
    /*min-height: 526px;*/
    width:500px;
    height: calc(100% - 178px);
    padding-top: 10px;
}
.caja-sombra:before, .caja-sombra:after{
    content: "";
    position: absolute;
    z-index: -2;
}
.form .title{
    width: 100%;
    height: 60px;
    text-align: center;
    background: #AA2023;
    border-radius: 10px 10px 0 0;
}

.title .font{
    font-size: 1.8em;
    color:#e4e4e4;/* rgb(75,158,208);*/
    padding-top: 10px;
   /* margin-top: 15px;*/
}

/******************/

.form-contact{
    width: calc(100% - 60px);
    padding: 15px;
    background-color: #FAFAFA;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    height: 350px;
    border-radius: 2px;
}
.form-contact table{
    width: 100%;
    height: 100%

}
.form-contact table tr td{
    height: 30px;
    clear: both;
}
.form-contact .content-field{
    width: 30%;
    float: left;
}
.form-contact .info-data{

    width: 100%;
    color: #555;
    font-size: 0.9em;
    margin-left: 10px;
    vertical-align: top;
}
.form-contact p{

    height: auto;
    clear: both;

}
.form-contact span{
   font-size: 2em;
}
.form-contact p span{
     color: #000;
    clear: both;
    display: list-item;
    list-style: none;
    font-size: 1.2em;
}
.form-contact table input[type=text],
.form-contact table textarea{
    display: block;
    width: 95%;/*calc(100% - 20px);*/
    font-size: 1em;
    padding: 5px 5px;
    border: 1px solid #DDD;
}

.form-contact table tr:nth-child(4) td{
    position: relative;
}

.form-contact table textarea{
    height: 65px;
}

.obligatory{
    color: red;
    font-size: 12px !important;
}

.cnt-button{
    width: 90%;
}

.send {
    margin: 10px auto;
    width: 200px;
    height: 35px;
    background-color: rgb(12,101,161);
    border: none;
    color: white;
    font-weight: bold;
    font-size: 0.85em;
}

.form-contact p span textarea{
    height: 100%;
    width: 90%;

}

.impressum hr{
width: 90%;
margin: 0 auto;

}

.impressum .title .font, .kontaktPP .title .font{
    color:#A7A7A7;
}

.impressum .frame .title, .kontaktPP .frame .title,
.contact-page .form .title .font{
    font-size: 1.8em;
    color:#A7A7A7;/* rgb(75,158,208);*/
    text-align: center;
   /* margin-top: 15px;*/
}

.impressum .info, .kontaktPP .info{
    height: calc(100% - 60px);
    width: 96%;
    color: #555555;
    text-align: center;
    margin-top: 10px;
    max-height: 340px;
    overflow: auto;
    padding-left: 2%;
    padding-right: 2%;
}
.kontaktPP .info{
    max-height: 380px;
    position: relative;
}

.impressum .info::-webkit-scrollbar{
width:10px;
background-color:#cccccc;
border-radius: 10px;
}
.impressum .info::-webkit-scrollbar-thumb{
background-color:#c22429;
border-radius:10px;
}
.impressum .info::-webkit-scrollbar-thumb:hover{
background-color:#C36063;
border:1px solid #C36063;
}
.impressum .info::-webkit-scrollbar-thumb:active{
background-color:#9A292C;
border:1px solid #9A292C;
} 

.impressum .info a, .kontaktPP .info a,.form-contact .info-data a{
    color: #555555;
}
.impressum .info a:hover, .kontaktPP .info a:hover,.form-contact .info-data a:hover{
    text-decoration: underline;
}
.impressum .info .logo{
    margin-top: 10px;
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.impressum .info .logo img{
    width: 200px;
    /*height:*/
}

.impressum{
    position:fixed;
    top:50%;
    left:50%;
    z-index: 99999;
    width:700px;
    padding-bottom: 25px;
    background-color: #FFF;
    border-radius: 15px;
    border:1px solid black;
    margin-left: -350px;
    margin-top: -250px;
    -webkit-perspective:400px;
    perspective:400px;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}

.kontaktPP .info .form-contact {
    margin: 0 auto;
}

/*.impressum .frame .title {
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 60px;
    text-align: center;
    background: rgb(16,125,198); /* Old browsers * /
    /*IE9 SVG, needs conditional override of 'filter' to 'none' * /
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmRiYmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(254,255,232,1) 0%, rgb(16,125,198) 100%); /* FF3.6+ * /
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,232,1)), color-stop(100%,rgba(214,219,191,1))); /* Chrome,Safari4+ * /
    /*background: -webkit-linear-gradient(top, rgba(254,255,232,1) 0%,rgb(16,125,198) 100%); /* Chrome10+,Safari5.1+ * /
    /*background: -o-linear-gradient(top, rgba(254,255,232,1) 0%,rgb(16,125,198) 100%); /* Opera 11.10+ * /
    /*background: -ms-linear-gradient(top, rgba(254,255,232,1) 0%,rgb(16,125,198) 100%); /* IE10+ * /
    /*background: linear-gradient(to bottom, rgba(254,255,232,1) 0%,rgb(16,125,198) 100%); /* W3C * /
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-8 * /
}*/


#mask{
    display:none;
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    left:0;
    top:0;
    z-index: 88888;
    width:100%;
    height: 100%;

}
.containerHome{
    height: calc(100% - 133px);
    height: -webkit-calc(100% - 133px);
    height: -moz-calc(100% - 133px);
    width: 100%;
    position: relative;
    /*border-bottom: 2px solid #186FB6;*/
    min-height: 300px;
    padding-top: 90px;
    transition: all 0.85s ease-out;
    overflow: hidden;
}
.containerHome.animar{
   /* transform: translateY(50px);*/
    height: calc(100% - 433px);
    height: -webkit-calc(100% - 433px);
    height: -moz-calc(100% - 433px);
    transition: all 0.85s ease-in;
}
/*
.containerIndex.img1{
    background-image: url("../img/home01.jpg");
}

.containerIndex.img2{
    background-image: url("../img/home02.jpg");
}

.containerIndex.img3{
    background-image: url("../img/home03.jpg");
}
*/
.containerIndex.img1{
    background-image: url("../img/bang-automatic coil-crane.jpg");
}

.containerIndex.img2{
    background-image: url("../img/bang-automatic-press-crane.jpg");
}

.containerIndex.img3{
    background-image: url("../img/scheffer-magnete-stabstahltransport.jpg");
}



.containerIndex.img4{
    background-image: url("../img/home04.jpg");
}

.containerIndex{
    box-shadow: inset 0px 0px 173px 4px rgba(0,0,0,0.75);
    /*background-image: url("../img/1920x1080_HD.jpg");*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
    position:absolute;
    width: 100%;
    height: calc(90% - 80px);
    overflow: hidden;
}
.slogan{
    width: 370px;
    height: auto;
    position: absolute;
    bottom: 50px;
    right: 50px;
    z-index: 2;
    border: 2px outset #C9C9C9;
    background: rgba(207,207,207,0.8);
    text-align: center;
    padding: 15px;
}
.slogan h1{
    text-shadow:  -2px 2px 6px rgba(0, 0, 0, 1);
    font-size: 2.9em;
    font-weight: 700;
    margin: 10px;

}
.bottom{
    display: block;
    z-index: 2;
    text-align: center;
    text-shadow: 2px 2px 9px rgba(150, 150, 150, 1);
    width:100%;
    height:192px;
    font-size:50px;
}

.mandatory{
    color:#990606;
    font-size: 2em;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width:20px;
    height: 20px;
    position: absolute;
    /*left:-20px;
    top: 5px;*/
    left:-17.5px;
    top: 5px;
}

.div_legend.noFP, .div_image.noFP{
    height: 100%;
    display: table;
}

.div_legend,.div_image{
    vertical-align: middle;
    display: inline-block;
    width: 50%;
    text-align: center;
}
.div_image{
    float: right;
}

.div_legend.noFP .content_paragraph{
    margin-left: 10%;
    vertical-align: middle;
    display: table-cell;
    padding: 0 10%;
}

.content_paragraph{
    width:80%;
    margin-left: 10%;/*calc(50% - 40%)*/;
    font-size: 1em;
    position: relative;
    text-align: justify;
}
.div_legend p{
    text-align: justify;
    color:#e0f5ff;
}
.top_down_legend{

}

.noFP .inner_image{
    padding: 0 10%;
}

.inner_image{
    width:80%;
    height:auto;/*300px;   */
    margin-left: 10%;
}

.inner_paragraph p{
    text-align: left;
    margin-left: 10%;
}

.noFP .inner_paragraph p{
    margin-left: 0%;
}

.table_center{
    width: 100%;
    height:100%;
}
.table_center tr td{
    vertical-align: middle;
}

/*iphone 5* /
@media screen and  (max-width: 350px){
    .wrap{
        height:auto;
    }

    header nav{
        display: inline-block;
        text-align: center;
        width:100%;

    }

    header nav li{
        height: 30px;
        line-height: 20px;
        padding: 0 0 10px 0;
        display: inline-block;
        width:100px;


    }
    header nav li a{
        border:none;
    }

    .logo{

        display: block;
        margin:0 auto;
    }

     .bottom{
        top:-50px;
        font-size:20px;
    }
    .impressum{
        width:90%;
        height:90%;
        margin-left: -45%;
        margin-top: -60%;
    }
    .info .logo{
        width:100px;
        height:50px;
    }



    .caja-sombra{
        display: block;
        position:relative;

        width:90%;

        margin:0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 10px;
    }
    .caja-sombra:before, .caja-sombra:after{
        content: "";
        position: absolute;
        z-index: -2;
    }

    .form .title{
        width: 100%;
        height: 60px;
        text-align: center;
        background: #AA2023;
        border-radius: 10px 10px 0 0;
    }

    .title .font{
        font-size: 1.8em;
        color:#e4e4e4;
        padding-top: 10px;
    }

    /*slider mobile* /
    .container{
        width: 90%;
        height:auto;
    }
    .slider{
        overflow:visible;
        width:100%;
    }
    .slider .layer{
        width: 100%;
        height: auto;
    }

    .slider .layer article, .slider .layer article span{
        padding: 0;
        width: 100%;
    }
    .slider article span img{
        height: auto;
    }
    .controls{
        display: none;
    }

    .products p img{
        margin: 40px;
        width: 180px;
    }
    .slogan{
        width: calc(100% - 120px);
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        bottom: 10px;

    }
     .slogan h1{
        font-size: 1.5em;
        margin: 0px;
    }
    .bottom{
        font-size: 1.5em;
    }
    .containerHome{
        height: calc(100% - 290px);
    }
     .bottom{
        font-size:  2.2em;
        height: 100px;
    }

    .div_legend,.div_image{
        margin-top: 5%;
        width:100%;
        vertical-align: top;
    }

    .content_paragraph{
     width:80%;
     margin-left:10%;
    }


    .top_down_legend{
    width:100%;
    }

    .inner_image{
    width:80%;
    height:auto;
    margin: 0 auto;
    }
}

@media screen and  (max-width: 480px) and (min-width:351px){
    .slogan{
        width: calc(100% - 50px);

        left: 0;
        right: 0;
         margin-left: auto;
        margin-right: auto;
        bottom: 10px;

    }
     .slogan h1{
        font-size: 2.2em;
        margin: 0px;
    }
    .container {
        height: auto;
    }
    .containerHome{
        height: calc(100% - 290px);
    }
     .bottom{
        font-size: 2.2em;
        height: 100px;
    }
        .slider article span img{
        height: auto;
    }

    /********************** /
     .wrap{
        height:auto;
    }
    .div_legend,.div_image{
        margin-top: 5%;
        width:100%;
    }

    .content_paragraph{
     width:80%;
     margin-left:10%;
    }


    .top_down_legend{
    width:100%;

    }

    .inner_image{
    width:80%;
    height:auto;
    margin: 0 auto;
    }

    /********************** /
    header nav li{
        width:35%;
    }
    header nav li a{
        border:none;
    }
}

@media screen and  (max-width: 780px) and (min-width:481px){
   .slogan{
        width: calc(100% - 300px);
        left: 0;
        right: 0;
         margin-left: auto;
        margin-right: auto;
        bottom: 10px;

    }
    .slogan h1{
        font-size: 2.2em;
        margin: 0px;
    }
       .container {
        height: auto;
    }
      .containerHome{
        height: calc(100% - 290px);
    }
     .bottom{
        font-size:  2.2em;
        height: 100px;
    }
        .slider article span img{
        height: auto;
    }

    /********************** /
     .wrap{
        height:auto;
    }

    .div_legend,.div_image{
        margin-top: 5%;
        width:100%;
    }

    .content_paragraph{
     width:80%;
     margin-left:10%;
    }


    .top_down_legend{
    width:100%;

    }

    .inner_image{
    width:80%;
    height:auto;
    margin: 0 auto;
    }

    /********************** /
}

@media screen and  (max-width: 760px)and (min-width:351px){

    header nav{
        display:block;
        text-align: center;
        width:100%;
    }

    header nav li{
        display: inline-block;
        height: 30px;
        line-height: 20px;
        padding: 0 0 10px 0;
    }

    .logo{
        display: block;
        margin:0 auto;
    }
    .logo img{
        margin: 20px auto;
    }

    footer{
        display: block;
        position: inherit;

    }
    .impressum{
        width:calc(100% - 100px);
        left:0;
        right: 0;
        margin-left:auto;
        margin-right:auto;


    }
    .info .logo{
        width:100px;
        height:50px;
    }

   .container {
        height: auto;
    }

    .caja-sombra{
        display: block;
        position:relative;

        width:90%;

        margin:0 auto;
        margin-top: 10px;
        margin-bottom: 10px;
        border-radius: 10px;
    }
    .caja-sombra:before, .caja-sombra:after{
        content: "";
        position: absolute;
        z-index: -2;
    }

    .form .title{
        width: 100%;
        height: 60px;
        text-align: center;
        background: #AA2023;
        border-radius: 10px 10px 0 0;
    }

    .title .font{
        font-size: 1.8em;
        color:#e4e4e4;
        padding-top: 10px;
    }

    /*slider mobile* /
    .container{
        width: 90%;
    }
    .slider{
        overflow:visible;
        width:100%;
    }
    .slider .layer{
        width: 100%;
    }

    .slider .layer article, .slider .layer article span{
        padding: 0;
        width: 100%;
    }
    .slider article span img{
        height: auto;
    }

    .controls{
        display: none;
    }

    .products p img{
        margin: 40px;
        width: 180px;
    }
}

@media screen and  (max-width: 780px)and (min-width:761px){



    header nav{
        display:block;
        text-align: center;
        width:100%;
    }

    header nav li{
        display: inline-block;
        height: 30px;
        line-height: 20px;
        padding: 0 0 10px 0;
    }
   .container {
        height: auto;
    }
    .logo{
        display: block;
        width:50%;
        margin:0 auto;
    }
    .logo img{
        width: 100%;
        height:80%;
    }
     .bottom{
        top:10px;

    }
    footer{
        display: block;
        position: inherit;

    }
        .slider article span img{
        height: auto;
    }
    .impressum{
         width:calc(100% - 200px);
        left:0;
        right: 0;
        margin-left:auto;
        margin-right:auto;
    }
    .info .logo{
        width:100px;
        height:50px;
    }


    .caja-sombra{
        display: block;
        position:relative;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        width:90%;
        height:500px;
        margin:0 auto;
        margin-top: 50px;
        margin-bottom: 10px;
        border-radius: 10px;
    }
    .caja-sombra:before, .caja-sombra:after{
        content: "";
        position: absolute;
        z-index: -2;
    }
    .caja-sombra{
        background-color: #FAFAFA;

    }
    .form .title{
        width: 100%;
        height: 60px;
        text-align: center;
        background: #AA2023;
        border-radius: 10px 10px 0 0;
    }

    .title .font{
        font-size: 1.8em;
        color:#e4e4e4;
        padding-top: 10px;
    }

    /*slider mobile* /
    .container{
        width: 90%;
    }
    .slider{
        overflow:visible;
        width:100%;
    }
    .slider .layer{
        width: 100%;
    }

    .slider .layer article, .slider .layer article span{
        padding: 0;
        width: 100%;
    }

    .controls{
        display: none;
    }

    .products p img{
        margin: 40px;
        width: 180px;
    }

    /********************** /

    .div_legend,.div_image{
        margin-top: 5%;
        width:100%;
    }

    .content_paragraph{
     width:80%;
     margin-left:10%;
    }


    .top_down_legend{
    width:100%;

    }

    .inner_image{
    width:80%;
    height:auto;
    margin: 0 auto;
    }
}

@media screen and  (max-width: 1256px)and (min-width:781px){
    .wrap{
        height:auto;
    }
    .div_legend,.div_image{
        margin-top: 5%;
        width:100%;
    }
    header nav{
        display: inline-block;
        text-align: right;
        vertical-align: top;
        width:75%;
    }
}

/*medida mas pequenia de browser* /
@media screen and  (min-width:1257px){

    .div_legend,.div_image{
        font-size: 15px;
    }

    header nav{
        display: inline-block;
        text-align: right;
        vertical-align: top;
        width:80%;
    }
    .logo{
        display: inline-block;
        text-align: left;
        vertical-align: top;


    }

    .content_paragraph{
        font-size: 1.2em;
    }
}

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

@media  screen and (max-width: 1024px) {
  .containerIndex{
    background-image: url("../img/1024-tablet.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

@media screen and  (min-width: 1200px){
    .slogan{
        width: 300px;
    }
    .slogan h1{
        font-size: 2.2em;
    }
}

/*tablet portrait* /
@media screen and  (max-width: 1000px)and(orientation: portrait){
    .bottom{
        top:-80px;
    }
}
*/
nav > ul{
    margin: 0;
    padding: 0;
}
nav > ul > li > ul {
    display: none;
}

nav > ul > li:hover > ul {
    display: block;
    position: absolute;
    margin: 0;
    margin-top: 1px;
    padding: 0;
    background: #FFF;
    color: #6D6D6D;
    font-size: 1.1em;
    font-weight: bold;
    width: 250px;
    left: -36px;
    opacity: 0.9;
    box-shadow: rgba(0,0,0,0.8) 3px 3px 10px 0px;
}

nav > ul > li:hover > ul#software {
    left: -63px;
}

nav > ul > li:hover > ul#dienst {
    left: -66px;
}

nav > ul > li > ul > li {
    display: block;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 35px;
    line-height: 35px;
    padding: 15px 0 10px;
}

nav > ul > li:hover > a {
    border-bottom: 1px solid #696969;
    padding: 32px 1% 30.5px;
}

nav > ul > li > ul > li:hover {
    color: white;
}

nav > ul > li > ul > li:after {
    content: ' ';
    bottom: 0;
    position: absolute;
    width: 80%;
    height: 1px;
    left: 0;
    margin-left: 10%;
    background: #B6BEC2;
}

nav > ul > li > ul > li:hover:after {
    content: ' ';
    width: 0%;
    height: 0px;
}

nav > ul > li > ul > li:last-child:after {
    display: none;
}

#lang {
    position: absolute;
    right: -25px;
    top: 5px;
}

#lang a {
    display: block;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0;
    height: 20px;
}

#lang a span {
    display: inline-block;
    padding: 0;
    /*box-shadow: rgba(0,0,0,0.8) 1px 1px 8px -1px;*/
    line-height: 10px;
    width: auto;
    border: none;
}

#lang a span img {
    margin: 0;
    height: 18px;
    line-height: 14px;
}

hr.line {
    border-width: 0.15em;
    margin-bottom: 0;
    margin-top: 6px;
    margin: 0;
    margin-right: 6px;
    margin-left: 6px;
    border-color: #7BAEEC;
}

.shadowCurve {
    background: url('../img/shadow_curve.png') no-repeat;
    width: 100%;
    height: 10%;
   /* background-size: cover;*/
   background-size: 100% 100%;
    display: table;
    position: relative;
    z-index: 1;
    bottom: -90%;
}

.navSlider {
    vertical-align: bottom;
    display: table-cell;
    padding-bottom: 10px;
    text-align: center;
}

.div_image.noFP .navSlider {
    display: table;
    margin: 0 auto;
    margin-top: 15px;
}

span.pointNav {
    cursor: pointer;
    width: 12px;
    height: 12px;
    padding: 0;
    margin: 0 4px;
    /*background-color: rgb(27,98,156);*/
    background: rgb(125,185,232);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(125,185,232,1) 0%, rgba(40,93,147,1) 61%, rgba(40,93,147,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(125,185,232,1)), color-stop(61%,rgba(40,93,147,1)), color-stop(100%,rgba(40,93,147,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(125,185,232,1) 0%,rgba(40,93,147,1) 61%,rgba(40,93,147,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(125,185,232,1) 0%,rgba(40,93,147,1) 61%,rgba(40,93,147,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(125,185,232,1) 0%,rgba(40,93,147,1) 61%,rgba(40,93,147,1) 100%);
    background: radial-gradient(ellipse at center, rgba(125,185,232,1) 0%,rgba(40,93,147,1) 61%,rgba(40,93,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#285d93',GradientType=1 );
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px !important;
}

span.pointNav.select {
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…BoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(40,93,147,1) 69%, rgba(40,93,147,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(69%,rgba(40,93,147,1)), color-stop(100%,rgba(40,93,147,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(40,93,147,1) 69%,rgba(40,93,147,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(40,93,147,1) 69%,rgba(40,93,147,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(40,93,147,1) 69%,rgba(40,93,147,1) 100%);
    background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 20%,rgba(40,93,147,1) 69%,rgba(40,93,147,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#285d93',GradientType=1 );
}

header > nav > ul > li:hover > ul > li > a {
    color: #6D6D6D;
}

header > nav > ul > li:hover > ul > li:hover > a {
    color: #FFFFFF;
}

header.noShadow {
    box-shadow: none;
}

.submenu {
    width: 100%;
    /*height: 78px;*/
    height: 81px;
    /*background-color: #770000;*/
    background-color: #696969;
    /*border-bottom: solid 3px #19a3c7;*/
    text-align: center;
    position: fixed;
    z-index: 1;
    margin-top: 90px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.submenu ul {
    list-style: none;
    padding: 0;
    margin: 0px auto;
    padding-top: 30px;
    /*top: 50%;
    height: 81px;*/
}

.submenu ul li:first-child/* a, .submenu ul li.select a*/ {
    border-left: none;
}

.submenu ul li {
    display: inline-block;
    /*border-left: solid 1px #FFF;*/
    margin-right: 2.5px;
    margin-left: 4px;
    padding-right: 4px;
    padding-left: 8px;
    letter-spacing: 2px;
    /*line-height: 81px;*/
}

/*.submenu ul li.select {
    background: #125083;
}*/

.submenu .select {
    font-weight: bold;
}

.submenu ul li a:hover, .submenu ul li a {
    color: #FFF;
    outline: none;
}

.submenu ul li/* a*/ {
    color: #FFF;
    border-left: solid 1px #FFF;
    /*padding-right: 5px;
    padding-left: 8px;*/
}

.submenu ul li.select a {
    /*text-shadow: rgba(0,0,0,0.9) 2px 2px 2px;
    text-decoration: underline;*/
    border-bottom: white 1px solid;
    padding-bottom: 5px;
}

/*.submenu ul li.select {
    text-decoration: underline;
}*/

.intracrane-bg {
    
    background: url(../img/intracrane-slide.jpg);
    
    background-size: cover;
    background-position: center center;
}

.intracrane-bg2 {  
    background: url(../img/intraflow_bg.jpg);
    background-size: cover;
    background-position: center center;
}

.image_section {
    width: 100%;
    height: 75%;
}

.shadowCurve1 {
    background: url('../img/shadow_curve.png') no-repeat;
    width: 100%;
    height: 20%;
    background-size: cover;
    display: block;
    position: absolute;
    z-index: -2;
}

.bottom_msg {
    width: 100%;
    height: 25%;
    text-align: center;
    /*font-size: 1.9em;*/
    font-size: 3em;
    font-weight: bold;
}

.containerHome.fpContainer {
    padding-top: 171px;
    height: calc(100% - 214px);
    height: -webkit-calc(100% - 214px);
    height: -moz-calc(100% - 214px);
}

.bottom_msg table {
    width: 100%;
    height: 100%;
}

.fp-section {
    margin-bottom: 40px;
}

.moduleIzq > div, .moduleDer > div {
    display: table-cell;
    height: inherit;
    vertical-align: middle;
    width: 50%;
    position: relative;
}

.moduleIzq, .moduleDer {
    height: inherit;
}

.contDer > div {
    text-align: center;
    display: block;
    position: relative;
}

.sliderFP > div {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.sliderFP > div > .imgSlider {
    display: none;/*
    position: absolute;*/
}

.contDer > .navSlider {
    margin-top: 10px;
}

.content_paragraph.FP_paragraph .FPtext {
    height: 292.316px;
    overflow: hidden;
    padding-right: 20px;
    position: relative;
}

.content_paragraph.FP_paragraph > span {
    display: block;
    padding: 0;
    position: absolute;
    right: 2.5px;
    border-right: solid 5px transparent;
    border-left: solid 5px transparent;
    z-index: 1;
}

.content_paragraph.FP_paragraph span.downScroll {
    bottom: 53px;
    border-top: solid 15px #ADADAD;
}

.content_paragraph.FP_paragraph span.upScroll {
    /*top: 0%;*/
    border-bottom: solid 15px #ADADAD;/*#FF1A00;#770000;*/
}

.content_paragraph h2 {
    text-align: center;
    font-weight: bold;
}

nav.slideA.nav-circlepop {
    position: relative;
    top: 50%;
}

nav.slideA a {
  position: absolute;
  top: 50%;
  display: block;
  outline: none;
  text-align: left;
  z-index: 1000;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

nav.slideA a.prev {
  left: 0;
}

nav.slideA a.next {
  right: 0;
}

nav.slideA a svg {
  display: block;
  margin: 0 auto;
  padding: 0;
}


/*--------------------*/
/* Circle pop */
/*--------------------*/
.color-3 { background: #cc6055; }

.nav-circlepop a {
  margin: 0 30px;
  width: 50px;
  height: 50px;
}

.nav-circlepop a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  content: '';
  opacity: 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.nav-circlepop .icon-wrap {
  cursor: pointer;
  position: relative;
  display: block;
  margin: 10% 0 0 10%;
  width: 80%;
  height: 80%;
}

.nav-circlepop a.next .icon-wrap {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav-circlepop .icon-wrap::before,
.nav-circlepop .icon-wrap::after {
  position: absolute;
  left: 25%;
  width: 3px;
  height: 50%;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
  transition: transform 0.3s, background-color 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.nav-circlepop .icon-wrap::before {
    left: 20%;
    top: -1%;
  -webkit-transform: translateX(-50%) rotate(30deg);
  transform: translateX(-50%) rotate(30deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

.nav-circlepop .icon-wrap::after {
  top: 50%;
  -webkit-transform: translateX(-50%) rotate(-30deg);
  transform: translateX(-50%) rotate(-30deg);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.nav-circlepop a:hover::before, .nav-circlepop a.hovered::before {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.nav-circlepop a:hover .icon-wrap::before,
.nav-circlepop a:hover .icon-wrap::after, .nav-circlepop a.hovered .icon-wrap::before,
.nav-circlepop a.hovered .icon-wrap::after {
  background: #107DC6;
}

.nav-circlepop a:hover .icon-wrap::before, .nav-circlepop a.hovered .icon-wrap::before {
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
}

.nav-circlepop a:hover .icon-wrap::after, .nav-circlepop a.hovered .icon-wrap::after {
  -webkit-transform: translateX(-50%) rotate(-45deg);
  transform: translateX(-50%) rotate(-45deg);
}

.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}

div.content_paragraph p {
    padding-left: 15px;
    padding-right: 15px;
}

div.navFooter {
    position: relative;
    bottom: 30px;
    width: 100%;
    line-height: 10px;
    height: 10px;
    margin: 0 auto;
    text-align: center;
}

span.navFoot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: #AAAAAA solid 1px;
    margin: 0 2.5px;
    border-radius: 5px;
    outline: none;
    padding: 0;
    cursor: pointer;
}

span.navFoot.select {
    background: #fff;
}

.imgSlider img.imgDer {
    max-width: 90%;
    max-height: 1024px;
}

header nav li.act {
    background: #696969;
}

header nav li.act > a {
    color: #FFFFFF;
}

header nav li.act span {
    border: none;
}

.div_image > div {
    display: block;
    position: relative;
    text-align: center;
}

.div_image.noFP > div {
    display: table-cell;
    vertical-align: middle;
}

.div_image div.navSlider {
    margin-top: 15px;
}

.companyLogo > p > a {
    display: inline-block;
    margin: 11px 0px;
    width: 50%;
    outline: none;
}

.companyLogo > p > a > img {
    max-width: 45%;
    max-height: 45%;
    -webkit-filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.5));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#444')";
}

.companyLogo > p > a > span {
    color: white;
    line-height: 45px;
    vertical-align: middle;
    font-size: 12px;
    padding-left: 5px;
}

.imgSlider video {
    width: 90%;
}

.kontaktTxt a, .kontaktTxt a:hover, .kontaktTxt a:visited {
    color: white;
}

div.kontaktTxt {
    text-align: left;
    padding-left: 20px;
}

div.personK {
    width: 115px;
    display: inline-block;
    text-align: center;
    background-color: white;
    color: black;
    font-size: 11.5px;
    margin-right: 25px;
}

div.kontantData {
    text-align: center;
}

div.kontantData h3 {
    display: block;
    width: 250px;
    text-align: left;
}

div.personK a {
    display: block;
    height: 20px;
    line-height: 20px;
    background: red;
    color: white;
}

div.k2Product > div {
    display: inline-block;
}

div.kWMS {
    width: 60%
}

div.kSPS {
    width: 40%
}

div.personK span {
    display: block;
}

div.kontaktPOP {
    top: 171px;
    position: fixed;
    width: 100px;
    z-index: 10;
    box-shadow: rgba(0,0,0,0.8) 0px 0px 10px 0px;
    background: #FFF;
    color: #125083;
    line-height: 30px;
    font-weight: bold;
    cursor: pointer;
}

div.kontaktPOP img {
    width: 20px;
    padding: 5px 0;
    padding-right: 5px;
    vertical-align: top;
}

.kontaktMenu {
    position: fixed;
    top: 190px;
    z-index: 11;
    background: #FFF;
    color: #125083;
    padding: 5px 5px;
    padding-right: 8px;
    border-radius: 0px 5px 5px 0px;
  
    -webkit-box-shadow: 3px 2px 5px 0 rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 2px 5px 0 rgba(0,0,0,0.75);
    box-shadow: 3px 2px 5px 0 rgba(0,0,0,0.75);
    background: #fff;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(241,241,241,1) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(63%,rgba(241,241,241,1)),color-stop(78%,rgba(225,225,225,1)),color-stop(100%,rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(241,241,241,1) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(241,241,241,1) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(241,241,241,1) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(241,241,241,1) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0);

}
.kontaktMenu:hover {
    /* background: red; */
    background: #fff;
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(208, 208, 208,1) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(63%,rgb(181, 172, 172)),color-stop(78%,rgba(225,225,225,1)),color-stop(100%,rgba(246,246,246,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(208, 208, 208,1) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(208, 208, 208,1) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(208, 208, 208,1) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgb(208, 208, 208) 63%,rgba(225,225,225,1) 78%,rgba(246,246,246,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0);
}
div.kontaktMenu hr {
    margin: 10px 0px;
}

div.kontaktMenu > div {
    display: none;
}

div.kontaktMenu > div {
    border-top: 1px solid;
    border-bottom: 1px solid;
    padding: 5px 0px;
    margin: 10px 0px;
    border-color: #CCC;
}

.u-graf {
    width: 95%;
    height: 97%;
    margin-left: 5%;
    margin-top: 3%;
    text-align: center;
    position: relative;
    float: right;
}

.u-img {
    width: 100%;
}

.u-graf p {
    position: relative;
    top: -50px;
    text-shadow: #090909 1px 1px 10px;
    text-align: center;
}

.kontaktPP {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    width: 500px;
    padding-bottom: 25px;
    background-color: #FFF;
    border-radius: 15px;
    border: 1px solid black;
    margin-left: -250px;
    margin-top: -250px;
    -webkit-perspective: 400px;
    perspective: 400px;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}
.name_title{
    font-size: 1.30em;
    margin-bottom: 0px;
    margin-top: 0px;
}
.bloq{
    display: inline-block;
    vertical-align: top;
    padding-right: 65px;
}
.bloq h4{
  
    font-size: 1.20em;
    letter-spacing: 1px;
        margin: 16px 7px;
}
.big_bloq{
    /*background: rgba(0,0,0,0.5);*/
}
.boxText {
    display: none;
    width: 500px;
    font-size: 20px;
    border: 1px solid #FFF;
    padding: 5px 50px;
    position: absolute;
    top: 35%;
    background: #0E5089;
    text-align: center;
    box-shadow: rgba(0,0,0,0.8) 0px 15px 10px -10px;
}

.inSlogan {
    display: block;
    left: 0;
    -webkit-animation: flyIn-left_right 3s ease forwards,fadeIn 4s ease forwards;
    animation: flyIn-left_right 3s ease forwards,fadeIn 4s ease forwards;
}

.inSloganRev {
    display: block;
    right: 0;
    -webkit-animation: flyIn-right_left 3s ease forwards,fadeIn 4s ease forwards;
    animation: flyIn-right_left 3s ease forwards,fadeIn 4s ease forwards;
}

.boxText:after, .boxText:before {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    background: url(../img/icon-intracrane.png);
    background-size: cover;
    width: 20px;
    height: 20px;
}

.boxText:after {
    right: 15px;
}

.boxText:before {
    left: 15px;
}

.delay {
    -webkit-animation-delay: 2500ms;
    animation-delay: 2500ms;
}

.hiden{
    display: block;
    left: 20vw;
    -webkit-animation: fadeOut 2s ease forwards;
    animation: fadeOut 2s ease forwards;
}

@-webkit-keyframes flyIn-left_right{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)} to{-webkit-transform:translateX(20%);transform:translateX(20%)}
}

@keyframes flyIn-left_right{from{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)} to{-webkit-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%)}
}

@-webkit-keyframes flyIn-right_left{from{-webkit-transform:translateX(100%);transform:translateX(100%)} to{-webkit-transform:translateX(-20%);transform:translateX(-20%)}
}

@keyframes flyIn-right_left{from{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)} to{-webkit-transform:translateX(-20%);-ms-transform:translateX(-20%);transform:translateX(-20%)}
}

/*@-webkit-keyframes flyIn-left_right{from{-webkit-transform:translateX(-10vw);transform:translateX(-10vw)} to{-webkit-transform:translateX(8vw);transform:translateX(8vw)}
}

@keyframes flyIn-left_right{from{-webkit-transform:translateX(-10vw);-ms-transform:translateX(-10vw);transform:translateX(-10vw)} to{-webkit-transform:translateX(8vw);-ms-transform:translateX(8vw);transform:translateX(8vw)}
}

@-webkit-keyframes flyIn-right_left{from{-webkit-transform:translateX(100vw);transform:translateX(100vw)} to{-webkit-transform:translateX(65vw);transform:translateX(65vw)}
}

@keyframes flyIn-right_left{from{-webkit-transform:translateX(100vw);-ms-transform:translateX(100vw);transform:translateX(100vw)} to{-webkit-transform:translateX(65vw);-ms-transform:translateX(65vw);transform:translateX(65vw)}
}*/

@-webkit-keyframes fadeIn{from{opacity:0} to{opacity:1}
}

@keyframes fadeIn{from{opacity:0} to{opacity:1}
}

@-webkit-keyframes fadeOut{from{opacity:1}
to{opacity:0}
}

@keyframes fadeOut{from{opacity:1}
to{opacity:0}
}

div#nobot div {
    margin: 0 auto;

}

div#nobot > div{
    position: relative;
}

div#exit, div#exitP {
    display: block;
    position: absolute;
    right: -15px;
    top: -15px;
    color: white;
    width: 25px;
    height: 25px;
    border: 4px solid #696969;
    text-align: center;
    border-radius: 17px;
    background: #0e5089;
    line-height: 25px;
    font-weight: bold;
    cursor: pointer;
}

li.nobg > a > span {
    border: none;
}

li.nobg {
    min-width: 15px;
    width: 15px;
    cursor: default;
}

li.nobg:hover {
    background: none;
}

li.nobg:hover > a {
    border: none;
}

li.nobg > a {
    cursor: default;
}

.kontaktPOP.fehrMT {
    top: 90px;
}

.kontaktPOP.fehrMT .kontaktMenu {
    top: 125px;
}

.sliderFP.s34 > div > .imgSlider {
    position: absolute;
}

.sliderFP.s31 > div > .imgSlider {
    position: absolute;
}
.sliderFP.s31 img{
    max-height: 650px;
}

.sliderFP.s32 > div > .imgSlider {
    position: absolute;
}
.sliderFP.s32 img{
    max-height: 550px;
}

.sliderFP.s33 > div > .imgSlider {
    position: absolute;
}
.sliderFP.s33 img{
    max-height: 576px;
}

.sliderFP.s35 > div > .imgSlider {
    position: absolute;
}
.sliderFP.s35 img{
    max-height: 490px;
}

.sliderFP.s36 > div > .imgSlider {
    position: absolute;
}
.sliderFP.s36 img{
    max-height: 550px;
}

.sliderFP.s38 > div > .imgSlider {
    position: absolute;
}
.sliderFP.s38 img{
    max-height: 550px;
}

.sliderFP.s41 > div > .imgSlider {
    position: absolute;
}
.sliderFP.s41 img{
    max-height: 610px;
}



.loading_msg{
        display: inline-block;
    font-size: 1.5em;
}

.sliderFP > div > .imgSlider.sh > img {
    height: 400px;
}

.kontaktMenu span {
    padding: 0;
}

.sectionSec{
    width: 100%;
    height: 400px;
    color: #FFF;
    font-size: 1em;
    padding-bottom: 45px;
    overflow: hidden;
}
.sectionSec table{
    width: 100%;
    height: 100%;
}

.sectionSec table td:nth-child(1){  width: 50%; padding: 35px; }
.sectionSec table td:nth-child(2){  width: 0%; }
.sectionSec table td:nth-child(3){  width: 50%; text-align: center; }

.modal_box{
    width: 100%;
    height: calc(90% - 80px);
    position: absolute;
    opacity: 0;
    background: rgba(0,0,0,.6);
    visibility: hidden;
}
.animar .modal_box{
    visibility: visible;
    opacity: 1;
}
div.leg{
     opacity: 0;
    transition: opacity .5s cubic-bezier(.35,0,.17,1),-webkit-transform .5s cubic-bezier(.35,0,.17,1);
    transition: opacity .5s cubic-bezier(.35,0,.17,1),transform .5s cubic-bezier(.35,0,.17,1);
    transition: opacity .5s cubic-bezier(.35,0,.17,1),transform .5s cubic-bezier(.35,0,.17,1),-webkit-transform .5s cubic-bezier(.35,0,.17,1);
    pointer-events: none;
    -webkit-transform: translate3d(0,3rem,0);
    transform: translate3d(0,3rem,0);   
}
div.box{
    padding: 10px;
    width: 80%;
    border-top: 5px solid #336890;
    border-bottom: 5px solid #336890;
    border-left: 2px solid #336890;
    border-right: 2px solid #336890;
    background-color: #3a6b96;
    display: inline-block;

    -webkit-box-shadow: inset 0px 0px 22px 0px rgb(28, 80, 126);
    -moz-box-shadow:    inset 0px 0px 22px 0px rgb(28, 80, 126);
    box-shadow:         inset 0px 0px 22px 0px rgb(28, 80, 126);


    opacity: 0;
    transition: opacity .5s cubic-bezier(.35,0,.17,1),-webkit-transform .5s cubic-bezier(.35,0,.17,1);
    transition: opacity .5s cubic-bezier(.35,0,.17,1),transform .5s cubic-bezier(.35,0,.17,1);
    transition: opacity .5s cubic-bezier(.35,0,.17,1),transform .5s cubic-bezier(.35,0,.17,1),-webkit-transform .5s cubic-bezier(.35,0,.17,1);
    pointer-events: none;
    -webkit-transform: translate3d(0,3rem,0);
    transform: translate3d(0,3rem,0);

    height: 210px;
}
div.box.show{
    transition-delay: .4s;
    pointer-events: all;
    opacity: 1;
    transition-duration: 2s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

div.text_sec{
    opacity: 0;
    transition: opacity .5s cubic-bezier(.35,0,.17,1),-webkit-transform .5s cubic-bezier(.35,0,.17,1);
    transition: opacity .5s cubic-bezier(.35,0,.17,1),transform .5s cubic-bezier(.35,0,.17,1);
    transition: opacity .5s cubic-bezier(.35,0,.17,1),transform .5s cubic-bezier(.35,0,.17,1),-webkit-transform .5s cubic-bezier(.35,0,.17,1);
    pointer-events: none;
    -webkit-transform: translate3d(0,3rem,0);
    transform: translate3d(0,3rem,0);   
    text-align: justify;

        width: 90%;
    margin: 0 auto;
}
div.leg.show{
     pointer-events: all;
    opacity: 1;
    transition-duration: 2s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);   
}
div.text_sec.show{
    pointer-events: all;
    opacity: 1;
    transition-duration: 2s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);   
}

div.box ul{
    margin: 0;
    width: 94%;
    height: 80%;
    padding: 3%;
    color:#fff;
    
}
div.box ul li{
       list-style: none;
    display: inline-block;
    width: 33.33%;
    line-height: 200%;
    /*margin: 1% 0;*/
    text-align: center;
}
div.box ul li a{
    color:#fff;
}
div.filter{
    margin: 2% 0px;
    margin-left: 5%;
}
div.references {
    padding-top: 40px;
}

div.references ul{
    padding: 0;
    /*max-width: 600px;*/
    max-width: 88%;
    margin: 0 auto;
    position: relative;
    min-height: 498px;
}

div.references hr {
    margin: 0;
    border-top: 1px solid #125083;
}

div.references ul li{
    list-style: none;
    /*width: 30.5%;*/
    width: 22.5%;
    height: 225px;
    margin-right: 2.5%;
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;

    /*border-top: 5px solid #336890;
    border-bottom: 5px solid #336890;*/

    /*border-left: 2px solid #336890;
    border-right: 2px solid #336890;*/
    /*background-color: #3a6b96;*/
    background-color: white;

    /*-webkit-box-shadow: inset 0px 0px 13px 0px rgb(16, 78, 129);
    -moz-box-shadow:    inset 0px 0px 13px 0px rgb(16, 78, 129);
    box-shadow:         inset 0px 0px 13px 0px rgb(16, 78, 129);*/

    position: relative;
    /*cursor: pointer;*/
}

div.references ul li > img{
    margin: 10px;
}

div#videos {
    width: inherit;
    height: 415px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    position: relative;
}

div#sliderAct {
    display: inline-block;
    width: 50%;
    margin: 0 auto;
    padding-top: 20px;
}

span.actV.select {
    background: #696969;
}

span.actV {
    background: white;
    margin: 2px 5px;
    border-radius: 5px;
    padding: 5px;
    box-shadow: rgba(0, 0, 0, 0.71) 1px 1px 1px 1px;
    cursor: pointer;
}

div.video {
    display: inline-block;
    height: 367.5px;
    margin-top: 47.5px;
    overflow: hidden;
    position: absolute;
    width: 90%;
    left: 5%;
    z-index: 0;
}

div.video.select {
    z-index: 5;
}
/*div.video {
    position: relative;
    padding-bottom: 56.25%; /* Para que el contenedor tenga relación de aspecto 16/9 * /
    padding-top: 30px;
    /*height: 0;* /
    height: 367.5px;
    overflow: hidden;
}*/
 
.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.references ul li > h3{
    margin-top: 0px;
    margin-bottom: 10px;

    font-size: 13px;
    text-align: left;
    font-weight: normal;
    padding: 0 10px;
    color: #505050;
}

div.references ul li:hover > h3 {
    font-weight: bold;
}

/*div.references ul li:hover div.reference_text{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);   

}

div.references ul li:hover div.reference_text.last{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0,-5rem,0);
    transform: translate3d(0,-5rem,0);   

}

div.reference_text{
    position: absolute;
    top: 100%;
    left: calc(-50% - 20px);
    width: 200%;
    padding: 20px 20px;
    z-index: 1px;
    /*background-color: #2889d6;* /

    border: 1px solid #72a8c4;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d98c6+0,0d63a1+100 * /
    background: #3d98c6; /* Old browsers * /
    background: -moz-linear-gradient(top,  #3d98c6 0%, #0d63a1 100%); /* FF3.6-15 * /
    background: -webkit-linear-gradient(top,  #3d98c6 0%,#0d63a1 100%); /* Chrome10-25,Safari5.1-6 * /
    background: linear-gradient(to bottom,  #3d98c6 0%,#0d63a1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ * /
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d98c6', endColorstr='#0d63a1',GradientType=0 ); /* IE6-9 * /


    text-align: justify;
    z-index: 1;
    /*font-weight: bold;* /
    cursor: normal;


    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.74);
    -moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.74);
    box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.74);

    opacity: 0;
    visibility: hidden;
    
    -webkit-transform: translate3d(0,-3rem,0);
    transform: translate3d(0,-3rem,0);   

    transition: opacity 1s cubic-bezier(.35,0,.17,1),-webkit-transform .5s cubic-bezier(.35,0,.17,1);
    transition: opacity 1s cubic-bezier(.35,0,.17,1),transform .5s cubic-bezier(.35,0,.17,1);
    transition: opacity 1s cubic-bezier(.35,0,.17,1),transform .5s cubic-bezier(.35,0,.17,1),-webkit-transform .5s cubic-bezier(.35,0,.17,1);

}

div.reference_text:after, div.reference_text:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
div.reference_text:after {
    border-color: rgba(61, 152, 198, 0);
    border-bottom-color: #3D98C6;
    border-width: 15px;
    margin-left: -15px;
}
div.reference_text:before {
    border-color: rgba(141, 183, 204, 0);
    border-bottom-color: #72a8c4;
    border-width: 16px;
    margin-left: -16px;
}

div.reference_text.last{
    -webkit-transform: translate3d(0,-7rem,0);
    transform: translate3d(0,-7rem,0);       
}*/

.statistic {
    width: 350px;
    margin: 0 auto;
    text-align: right;
    padding: 40px 0px;
    background: white;
    color: grey;
}

span.bigNumber {
    font-size: 40px;
}

hr.stats {
    height: 0;
    margin: 2px auto;
    width: 80%;
}

span.text {
    margin-right: 10%;
}

small.reference_text {
    color: #505050;
    margin: 10px;
    display: block;
    width: calc(100% - 20px);
}

div.references ul li > .cont_logo{
    border-radius: 3px;
    display: block;
    position: relative;
    width: calc(100% - 24px);
    overflow: hidden;
    /* margin: 10px; */
    padding: 12px;
    height: 84.35px;
    line-height: 500%;
    text-align: center;
}
.cont_logo a {
    display: block;
    height: 84.35px;
    outline-style: none;
}
div.references ul li > .cont_logo img{
    webkit-transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 1.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    border-radius: 3px;
    position: relative;
    max-height: 100%;
    max-width: 100%;
}
div.references ul li:hover > .cont_logo img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
div.modal{
        position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(12, 55, 91, 0.9);
    /* background-color: white; */
    z-index: 1;
    display: none;
    border-radius: 10px;
    background-image: url(../img/balls.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.slide h4 {
    margin: 0 15px;
    border-bottom: solid 1px;
    width: 350px;
    position: relative;
    cursor: pointer;
}

.slide h4:after {content: "∨";display: inline-block;position: absolute;right: 0;font-size: 20px;height: 20px;line-height: 20px;font-weight: 100;}

.slide p.textH {
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
}

.slide p.textH.show.small {
    height: 95px;
}

.slide p.textH.show {
    height: 165px;
    margin-bottom: 25px;
}


.div_legend.noFP.fix {
    position: relative;
}

.fix .content_paragraph {
    position: absolute;
    padding: 0% !important;
}
.parents_container{
    width: 100%;
    display: inline-block;
        text-align: center;
}
.partners{
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}

.scheffer-image{
    height: 85px;
    width: auto;
}

/*NEW KONTAK FORM*/

.inp {
  position: relative;
  margin: auto;
  width: 100%;
  max-width: 450px;
  display: block;
  margin-top: 16px;
}
.inp .label {
  position: absolute;
  top: 16px;
  left: 0;
  font-size: 16px;
  color:#7f92bb;
  font-weight: 500;
  transform-origin: 0 0;
  transition: all 0.2s ease;
}
.inp .border {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background: #598eb9;
  transform: scaleX(0);
  transform-origin: 0 0;
  transition: all 0.15s ease;
  padding: 1px;
}
.inp input {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  padding: 12px 0;
  height: 25px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 2px solid #fff;
  background: none;
  border-radius: 0;
  color: #fff;
  transition: all 0.15s ease;
}
.inp textarea {
  -webkit-appearance: none;
  width: 100%;
  border: 0;
  font-family: inherit;
  padding: 12px 0;
  height: 150px;
  font-size: 16px;
  font-weight: 500;
  border-bottom: 2px solid #fff;
  background: none;
  border-radius: 0;
  color: #fff;
  transition: all 0.15s ease;
}
.inp input:hover {
  /*background: rgba(34,50,84,0.03);*/
}
.inp input:not(:placeholder-shown) + span {
  color: #7f92bb;
  transform: translateY(-26px) scale(0.75);
}
.inp input:focus {
  background: none;
  outline: none;
}
.inp input:focus + span {
  color: #7f92bb;
  transform: translateY(-26px) scale(0.75);
}
.inp input:focus + span + .border {
  transform: scaleX(1);
}


.inp textarea:not(:placeholder-shown) + span {
  color: #7f92bb;
  transform: translateY(-26px) scale(0.75);
}
.inp textarea:focus {
  background: none;
  outline: none;
}
.inp textarea:focus + span {
  color: #7f92bb;
  transform: translateY(-26px) scale(0.75);
}
.inp textarea:focus + span + .border {
  transform: scaleX(1);
}

.inp_button{
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    margin-top: 10px;
    background: none;
    border: 2px solid #fff;
    max-width: 450px;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.inp_button:hover{
    border: 2px solid #598eb9;   
}

.inp_button:after{
    content: ' ';
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
    -ms-transform:translate3d(-50%, -50%, 0);
    -o-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
    border-radius:50%;
    background:#598eb9;
    -webkit-transition:all .6s ease;
    -moz-transition:all .6s ease;
    transition:all .6s ease;
    width:0;
    height:0;
    z-index:-1;
}

.inp_button:active:after{
    width:101%;
    height:200px;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.form_contact{
    position: relative;
}
.loading_modal{
    width: 450px;
    display: inline-block;
    position: absolute;
    height: 100%;
    top: 0;
    left: calc(50% - 235px);
    padding: 15px;
    margin: 0 auto;
    background: rgba(18, 80, 131, 0.84);
    z-index: 2;
    display: none;
}

.intracrane-bg{
    
    background: none;
}

.intracrane-bg ul{
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%; height: 100%;
}

.intracrane-bg ul li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 0;
    animation: imageAnimation 18s linear infinite 0s; 
}
.intracrane-bg ul li:nth-child(1){
    background: url(../img/intracrane-home/bang-start-vw-ingolstadt.jpg);
    background-size: cover;
    background-position: center center;

}
.intracrane-bg ul li:nth-child(2){
    background: url(../img/intracrane-home/scheffer-magnete-blechtransport.jpg);
    background-size: cover;
    background-position: center center;
    animation-delay: 6s; 
}
.intracrane-bg ul li:nth-child(3){
    background: url(../img/intracrane-home/scheffer-sonderkrane.jpeg);
    background-size: cover;
    background-position: center center;
    animation-delay: 12s; 
}
.intracrane-bg ul li:nth-child(4){
    background: url(../img/intracrane-home/scheffer-stapelkrane.jpeg);
    background-size: cover;
    background-position: center center;
    animation-delay: 18s; 
}

@keyframes imageAnimation { 
    0% { opacity: 0; animation-timing-function: ease-in; }
    8% { opacity: 1; animation-timing-function: ease-out; }
    30% { opacity: 1 }
    45% { opacity: 0 }
    100% { opacity: 0 }
   /* 17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }*/
}

.nav-icon {
    font-size: 25px;
    vertical-align: middle;
}

#userData select {
    width: 198px;
}

/*
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-appearance: none;
    width: 100%;
    border: 0;
    font-family: inherit;
    padding: 12px 0;
    height: 25px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 2px solid #fff;
    background: none;
    border-radius: 0;
    color: #fff;
    transition: all 0.15s ease;
}*/

.grecaptcha-badge {
    z-index: 2;
    bottom: 50px !important;
}