/* CSS Documetn */

/*=============
 Web Design
==============*/
@import 'cookie.css';

html,body{
   height: 100%;
/*   min-width: 1235px;*/
}

body{

   color: #FFF;
   width: 100%;

   font-family: 'Ubuntu', 'sans-serif';
   background: rgb(16,125,198);
 /*  min-height: 935px;*/
}

h1{
    margin: 0;
}

a{
   text-decoration: none;
}

header img, .submenu, .page1, .ProductsMenu > .MenuItems li{
    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;
}
header{
   background: #FFF;
   box-shadow: 0 0 30px rgba(0,0,0,.75);
   text-align: right;
   width: 100%;
   height: 100px;
   z-index: 8999;
   position: fixed;
   top:0;
}
.less_header{
    height: 90px;
}
.less_header img{
    width: 180px;
}
header > a {
  margin-left: 20px;
  display: block;
}
header nav{
    display: inline-block;
    text-align: center;
    margin-right: 20px;
    height: 100%;
 }
 header nav > ul{
   margin: 0;
   padding: 0;
   height: 100%;
 }
 header nav > ul > li{
    height: 100%;
    list-style: none;
    margin: 0;
    display: inline-block;
 }
header nav a{
    display: inline-block;
    height: 100%;
    line-height: 700%;
    margin: 0;
    min-width: 125px;
    vertical-align: middle;
    padding: 0px 0 0px;
    margin-left: -5px;
    color: #007dc6;

     -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;
}
.close{
  width: 40px;
  height: 40px;
  display: inline-block;
  background: url('../img/icon/close_off.png');
  background-size: 100% 100%;
  top: 10px;
  right: 20px;
  position: absolute;
     -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;
}
.close:hover{
  background: url('../img/icon/close_on.png');
  background-size: 100% 100%;
}
header nav a:hover,header nav a.select{
     background: #007dc6;
     color: #ffffff;
     font-weight: bold;
}

header nav a:hover span, header nav a.select{
    border-right: 0px;
}
header nav a span{
    border-right: 1px solid #CCC;
    height: 20px;
    width:100%;
    display: block;
    line-height: 100%;
    margin-top: 30%;
}

header img{
    margin-top: 10px;
    /*float: left;
    border: none;*/
}
header .logo_img{
  float: left;
  border: none;
}

.ind_soft img {
    width: 295px;
    margin-bottom: 10px;
}
.ind_soft p {
  font-size: 13px;
  margin-right: 10px;
  text-align: justify;
  width: 95%;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
}
.ind_soft .text {
    width: 80%;
    margin: 0 auto;
    height: 30%;
}

.buttons_aside{
    width: 100px;
    height:100px;
    position:absolute;
    z-index: 2;
    bottom:45%;
}

.buttons_aside a:hover{
    cursor: pointer;
/*-webkit-box-shadow: inset -1px 1px 11px 5px rgba(201,199,201,1);
-moz-box-shadow: inset -1px 1px 11px 5px rgba(201,199,201,1);
box-shadow: inset -1px 1px 11px 5px rgba(201,199,201,1);*/
}
.buttons_aside a{
text-align: center;
padding-top: 10px;
display: block;
width:100%;
height:calc(40px - 10px);
margin-bottom: 15px;
color:rgb(75,158,208);
font-weight: bold;
-webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.75);

background: rgb(255,255,255); /* Old browsers */
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%); /* FF3.6+ */
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))); /* Chrome,Safari4+ */
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%); /* Chrome10+,Safari5.1+ */
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%); /* Opera 11.10+ */
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%); /* IE10+ */
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%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.mm-element {
  visibility: hidden;
  left: -100%;
  position: relative;
  line-height: 70px;
  border-bottom: 1px solid #B6BEC2;/*
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-transition:all ease-out 150ms;
  -moz-transition:all ease-out 150ms;
  -ms-transition:all ease-out 150ms;
  -o-transition:all ease-out 150ms;
  transition:all ease-out 150ms;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -moz-tap-highlight-color:rgba(0,0,0,0);
  -ms-tap-highlight-color:rgba(0,0,0,0);
  -o-tap-highlight-color:rgba(0,0,0,0);
  tap-highlight-color:rgba(0,0,0,0);
  -webkit-touch-callout:none;
  -moz-touch-callout:none;
  -ms-touch-callout:none;
  -o-touch-callout:none;
  touch-callout:none;*/
}
.mm-element.active {
  visibility: visible;
  left: 0px;
  position: relative;/*
  -webkit-transition: left ease-in 300ms;
  -moz-transition: left ease-in 300ms;
  -ms-transition: left ease-in 300ms;
  -o-transition: left ease-in 300ms;
  transition: left ease-in 300ms;*/
}
.menu-mobile {
  display: none;
}
.menuMobile{
  visibility: hidden;
  display: none;
  width: 100%;
  height: 80vh;
  background: #ffffff;
  top: 20vh;
  position: absolute;
  text-align: left;
  overflow: auto;
  -webkit-transform:translate3d(0px, 0px, 0px);
  -moz-transform:translate3d(0px, 0px, 0px);
  -ms-transform:translate3d(0px, 0px, 0px);
  -o-transform:translate3d(0px, 0px, 0px);
  transform:translate3d(0px, 0px, 0px);
  -webkit-transition:all ease-out 150ms;
  -moz-transition:all ease-out 150ms;
  -ms-transition:all ease-out 150ms;
  -o-transition:all ease-out 150ms;
  transition:all ease-out 150ms;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  -o-user-select:none;
  user-select:none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -moz-tap-highlight-color:rgba(0,0,0,0);
  -ms-tap-highlight-color:rgba(0,0,0,0);
  -o-tap-highlight-color:rgba(0,0,0,0);
  tap-highlight-color:rgba(0,0,0,0);
  -webkit-touch-callout:none;
  -moz-touch-callout:none;
  -ms-touch-callout:none;
  -o-touch-callout:none;
  touch-callout:none
}
.mm-element a, .mm-element p{
  color: #007DC6;
  font-size: 19px;
  padding-left: 5vw;
  padding-right: 2vw;
  display: block;
  text-rendering: geometricPrecision;
}
div#software-mm {
  padding-top: 20px;
}

div#software-mm.active1 {
  background: #007DC6;
}
ul.ItemsMobile {
  color: black;
  list-style: none;
  padding: 0;
  margin: 0px 0px;
}

li.mm-element {
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -moz-transform: translate3d(-100px, 0px, 0px);
  -ms-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate3d(-100px, 0px, 0px);
  transform: translate3d(-100px, 0px, 0px);
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}
.notransition {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
li.act, .list-mobile li.act {
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 100ms;
  -moz-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 100ms;
  -ms-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 100ms;
  -o-transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 100ms;
  transition: all cubic-bezier(1, 0.6, 0.6, 0.7) 100ms;
  opacity: 1;
}
.ItemsMobile li {
  line-height: 15px;
}

li.mm-element.act .imgNormal {
  display: inline-block;
}
li.mm-element.act .imgW {
  display: none;
}
li.mm-element.act.more .imgNormal {
  display: none;
}
li.mm-element.act.more .imgW {
  display: inline-block;
}

.list-mobile li {
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -moz-transform: translate3d(-100px, 0px, 0px);
  -ms-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate3d(-100px, 0px, 0px);
  transform: translate3d(-100px, 0px, 0px);
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}

.ContentMobile {
  display: none;
}
li.mm-element.act.more:before {
  content: "";
  background: url(../img/icon/arrow-left.png);
  width: 20px;
  height: 20px;
  display: inline-block;
}

.mm-element.active1 > a.more, .spaceblank.active1, .mm-element.act.more {
  background: #007dc6;
  color: white;
}
.mm-element.act.more > p {
  color: white;
}
.mm-element img {
    float: none;
    display: inline-table;
    width: 32px;
    margin: 0 10px;
    padding: 0;
}

.mm-element p {/*
  visibility: hidden;
  opacity: 0;*/
  padding: 0;
  display: inline-table;
  margin: 0;
  line-height: 70px;
}

.mm-element.active1 > a.more:before {
  content: "-";
}
.mm-element a.more:before {
  content: "+";
  font-size: 26px;
  position: absolute;
  right: 10px;
  display: inline-block;
}
.ProductsMobile {
  display: none;
  position: absolute;
  width: auto;
  height: auto;
  border: 0px;
  z-index: 1;
  margin: 0;
}
.ProductsMobile .mm-element {
  visibility: visible;
  position: relative;
  left: 0;
  width: 94.5vw;
  padding-left: 5vw;
}

.main{
    width: 100% !important;
    height: calc(100% - 80px);
    padding-top: 120px;
}
.submain{
    width: 100% !important;
    height: calc(100% - 220px);
    padding-top: 100px;
}
.main section{
    height: 100%;
}
.main section h2{
  display: none;
}
.submain.stawikon1 {
  padding-top: 180px;
}
.page2{

    min-height: 340px;
    width: 100%;
    height: 100%;
    color: #000;

    /*top:0;*/
    /*position: absolute;  */



background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiY2JjYmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(188,188,188,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(188,188,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(188,188,188,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcbcbc',GradientType=0 ); /* IE6-8 */

}

.content-page{
    display: block;
    min-height: 340px;
    width: 100%;
    padding-top: 180px;
    height: calc(100% - 40px);
    overflow: hidden;
    position: relative;
    display: table;

}
.content-page table, .content-page table tr td{
    height: 100%;
    width: 100%;
}

.content-page article{
    width: 80%;
    margin: 0 auto;
    font-weight: bold;

    display: table-cell;
    vertical-align: middle;
    text-align: center;
   /* top: 150px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;*/
}
.content-page .data{
    width: 80%;
    height: 90%;
}

.content-page article div{
    display: inline-block;
}
.content-page .fade{
    opacity: 1;
    -webkit-transition: opacity 1s ease-in;
       -moz-transition: opacity 1s ease-in;
        -ms-transition: opacity 1s ease-in;
         -o-transition: opacity 1s ease-in;
            transition: opacity 1s ease-in;
}


.content-page .alt .title{
    text-align: left;
}
.content-page .alt .two{
    margin-left: 0;
    margin-right: 4%;

}



.content-page .title{

    width: calc(90% + 60px);
    text-align: right;
    margin-bottom: 30px;
}
.content-page span{
    display: block;
    font-size: 1.5em;

}
.content-page .one{
   vertical-align:top;
   width: 40%;
   height: 78.66666%;
   padding: 0;
   margin: 0;
}
.content-page .one img{
   display: block;
   max-width: 100%;
   height; auto;
    /*min-height: 100px;*/
}
.content-page .two{
    vertical-align:top;
    width: 46%;
    margin-left: 4%;
    text-align: justify;
    background-color: rgb(66,150,206);
    height: calc(70% - 36px);
    text-align: center;
    box-shadow:  inset 0px 0px 10px 5px rgba(0,0,0,0.3);

    overflow: hidden;
    padding: 20px;
    border-top: 3px solid rgba(0,0,0,0.4);
    border-bottom: 3px solid rgba(255,255,255,0.2);
    border-left: 1.5px solid rgba(255,255,255,0.3);
    border-right: 1.5px solid rgba(255,255,255,0.3);
    line-height: 1.6em;
    letter-spacing: 1px;

}
.content-page .two table
{
        height: 100%;
}

.page-site{
    padding-top: 100px;
    height: 100%;
    padding-top: 17%;
    height: 83%;
}

.submenu{
    width: 100%;
    height: 78px;
    background-color: #092332;
    border-bottom: solid 3px #19a3c7;
    text-align: center;
    position: fixed;
    z-index: 8996;
    margin-top: 100px;

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


}
.submenu ul li{
    display: inline-block;
    border-left: solid 1px #FFF;
    padding-right: 5px;
    padding-left: 8px;
    letter-spacing: 2px;
}
.submenu ul li:first-child {
    border-left: none;
}
.submenu ul li a{
    color: #FFF;
}
.submenu ul li a:hover, .submenu .select{
    color: rgb(0,255,255);

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

PAGE 1


*************/
.page1{
    display: block;

    width: 100%;

    height: 100%;
   /* padding-top: 110px;
   height: calc(100% - 90px);*/

    text-align: left;
    background: rgb(16,125,198);
    box-shadow: 0 0 30px rgba(0,0,0,.75);

}
.page1 article span{
    display: inline-block;
    vertical-align: top;
}
.page1 article span{
    width: 100%;
    height: 100%;
    z-index: 2;
    font-weight: 100;
    text-align: right;
}
.page1 article  h2{
    font-weight: bold;
    font-size: 22px;
    width: 70%;
    margin: 0 auto;
}
.page1 .bottom-title{
    width: 100%;
    text-align: center;
    font-size: 2.8em;
    font-weight: bold;
    margin-top: -30px;
}
.page1 article span img{

    height: 100%;
    width: 100%;
    max-width: none;

   /* left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);*/
    z-index: 1;
   /* position: relative;*/
    /*box-shadow: -6px 19px 25px -10px rgba(0,0,0,0.79);*/
}
.page1 .layer{
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%
}
.page1 .layer article{

    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    z-index: 0;
    border-bottom: 1px white solid;
    display: none;
}
.main_second{
    height: auto;
    padding-top: 120px;
}
.principal_image, .principal_image2, .principal_image3{
    background-position: center center;
    background-size: cover;
    width:100%;
    height:350px;
}
.principal_image{
background-image: url("../img/slider2/escritorio_HD.jpg");
}
.principal_image2{
background-image: url("../img/slider2/Escritorio2_HD.jpg");
}
.principal_image3{
background-image: url("../img/slider2/Escritorio3_HD.jpg");
}
.content_page{
    width:100%;
    height:auto;
    background-color: rgb(91,94,94);
    padding-top: 10px;
    padding-bottom: 15px;
    border-bottom:1px solid white;

}
.inside_content_page{
    /*padding-left:15px;
    padding-top:10px;
    padding-right:10px;*/
    padding: 15px 10px;
    height:auto;
    width:calc(96% - 25px);
    margin:0px auto;
    background-color: white;
    border-radius: 0 20px 20px 0;

}
.inside_content_page >div{
    color:black;
    height: auto;
    border: 2px solid rgb(16,125,198);
    border-radius: 0 20px 20px 0;
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}
.inside_content_page >div:nth-child(2), .inside_content_page >div:nth-child(3){
    border-radius: 0 50px 50px 0;
}
.inside_content_page h1{
    margin:0;
    padding:0;
    color:rgb(16,125,198);
    font-size: 15px;
}
.content_list{
    vertical-align: top;
    display: inline-block;
    width:calc(33.33% - 20px);
    margin: 10px;
    min-width: 200px;
}
.top_info{
    width: calc(100% - 20px);
    border: 2px solid rgb(16,125,198);
    margin-bottom: 10px;

}
.industries_info{
    margin-right: 10px;
    width:calc(70% - 34px);
    height:auto;
}
.industries_info ul{
    width: 100%;
    min-width: 200px;
    position: static;
}
.content_list li:hover{
    cursor: pointer;
}
.logo_software{
    width:calc(30% - 24px);
    height: 425px !important;
}
.products_info{
    margin: 20px 0;
    padding: 10px;
    width: auto !important;
    height:auto;
}

.page1 .layer article:nth-child(1) span{
    background-image: url("../img/slider2/escritorio_HD.jpg");
    background-position: center center;
    background-size: cover;
}
.page1 .layer article:first-child{
    display: block;
}
.page1 .textbox {
  position: absolute;
  width: 30%;
  height: auto;
  background-color: rgba(172, 216, 247, 0.85);
  /* opacity: 0.65; */
  /* bottom: 130px; */
  top: 51%;
  z-index: 1;
  right: 0;
  margin-right: 2%;
  border: 1px solid rgba(179, 252, 255,0.71);
  padding: 10px;
  border-radius: 10px;
}
.page1 .textbox p {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  text-shadow: #111 1px 1px 2px;
}

.controls{
    text-align: center;
    width: auto;
    position: absolute;
    z-index: 2;
    bottom:0;
    left: 0;
    margin-left: calc(50% - 85px);

}
.controls nav a{
   /* background-color: rgb(27,98,156);*/
    background: rgb(125,185,232); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiMyODVkOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjg1ZDkzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
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%); /* FF3.6+ */
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))); /* Chrome,Safari4+ */
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%); /* Chrome10+,Safari5.1+ */
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%); /* Opera 12+ */
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%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(125,185,232,1) 0%,rgba(40,93,147,1) 61%,rgba(40,93,147,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#285d93',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

    border-radius: 90px;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px !important;
    display: inline-block;
    height: 16px !important;
    width: 16px !important;
    margin: 5px 5px;

}
.controls .select{

    height: 16px !important;
    width: 16px !important;
background: rgb(255,255,255); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2OSUiIHN0b3AtY29sb3I9IiMyODVkOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMjg1ZDkzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
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%); /* FF3.6+ */
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))); /* Chrome,Safari4+ */
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%); /* Chrome10+,Safari5.1+ */
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%); /* Opera 12+ */
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%); /* IE10+ */
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%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#285d93',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}

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




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

PAGE 2

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

.page2 article{
    width: 100%;
    margin-top: 170px;
    height: 60%;

    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
}

.page2 ul{

    height: 90%;
    width: 80%;
    margin: 0 auto;
    padding: 0;


}


.page2 ul li{
    list-style: none;
    width: 25%;
    margin-right: 8%;
    display: inline-block;
    font-size: 1.2em;

    color: #555555;
}
.page2 ul li p{
    text-align: center;
    word-spacing: 1px;
    padding-left: 0;
    padding-right: 0;
}
.page2 ul li:first-child{
    margin-left: 5%;
}
.page2 ul li:last-child{
    margin-right: 0;
}

.page2 ul li img{
    -webkit-box-shadow: 0px 3px 9px 0px rgba(50, 50, 50, 0.88);
    -moz-box-shadow:    0px 3px 9px 0px rgba(50, 50, 50, 0.88);
    box-shadow:         0px 3px 9px 0px rgba(50, 50, 50, 0.88);

    width: 100%;
}


.page-paginator{
    position: fixed;
    height: auto;
    width: 20px;
    top: 35%;
    right: 10px;
    margin: 0;
    padding: 0;
    z-index: 3;
    display: table;

}
.path{
    height: 100%;
    width: 2px;
    background-color: rgba(255,255,255,0.1);
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    z-index: 0;
    top: 0;
}
.page-items{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.item-page{
    margin-bottom: 70px;
    margin-top: 70px;
    width: 50%;
    height: 10px;
    background-color: rgba(0,0,0,0.2);
    z-index: 1;
    position: relative;
    list-style: none;
    display: list-item;
    -webkit-border-radius: 90px;
    -moz-border-radius: 90px;
     border-radius: 90px;
     margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    cursor: pointer;
}
.item-select{  background-color: rgba(255,255,255,1); }
/*.items-pg2{ background-color: rgba(59,180,255,0.3); }
.item-select-pg1{  background-color: rgba(255,255,255,1); }
.item-select-pg2{  background-color: rgba(59,180,255,1); }*/





.module {
    height: inherit;
    display: inline-table;
    vertical-align: middle;
}

.module > div {
    display: table-cell;
    vertical-align: middle;
    width: 33%;
    height: inherit;
    text-align: center;
}

.module > div img {
    width: 90%;
}

.module > div p {
    text-align: justify;
    padding: 0 50px;
}




footer{
    /*border-top: 1px solid #5481a6;*/
    padding-top:20px;
    height:30px;
    width: 100%;

    font-size: .8em;
    background-color:rgb(16,125,198);
    position: relative;
}
footer table{
    color: #e4e4e4;
    font-size: 12px;
    margin: 0 auto;
    width: 95%;
}
footer a{
    color: #fff;
}
footer a:hover{
    text-decoration: underline;
}


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

.page1 article{
    width: 100%;

}
.page1 article h2{
  display: none;
}

.blur{
        -webkit-filter: blur(10px);
        filter: blur(10px);
              -webkit-transition-property: -webkit-transform;
      -webkit-transition-duration: 0.5s;
      -webkit-transition-timing-function: ease-out;
}
.products{
   /* background: rgba(255,255,255,.8);*/
    position: absolute;

    color: transparent;
    display: none;
    left: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
   /* background: -webkit-radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 35%, rgba(0, 0, 0, 0.7));*/
}

.products_items {
    top: -320px;
    position: fixed;
    box-shadow: 0 0px 20px #000 inset;
    background: rgb(105,105,105);
    z-index: 8998;
    width: 100%;
    min-height: 320px !important;
    display: none;
}
/*.products_items ul{
    width: 100%;
    display: block;
}*/
.items {
    float: left;
    display: inline-block;
    width: 90%;



}

.jItem{
    width: 90%;
    height: 90%;
    margin: 0 auto;
}
.jItem  img{
    width: 90%;
    height: 90%;
}

.product-left{
    float: left;
    width: 30px;
    height: 100%;

       display: inline-block;
    list-style: none;

}
.product-rigth{
    float: left;
    width: 30px;
    height: 100%;
    display: inline-block;
    list-style: none;
}


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

.impressum{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0,0,0,0.6);
    z-index: 8999;
    display: none;
    top:0;
   -webkit-perspective:400px;
     perspective:400px;

}
.impressum .frame{
    position: absolute;
    background-color: #fff;
    top: 27.5%;
    left: 27.5%;
    width: 45%;
    height: 440px;
    border-radius: 10px;
    box-shadow:  0px 3px 9px 0px rgba(50, 50, 50, 0.68);
    padding-bottom: 20px;


    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);



}

.impressum .frame .title, .contact-page .form .title{
    border-radius: 10px;
    width: 100%;
    height: 60px;
    text-align: center;
    /*background: rgb(254,255,232); /* 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%, rgba(214,219,191,1) 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%,rgba(214,219,191,1) 100%); /* Chrome10+,Safari5.1+ /
    background: -o-linear-gradient(top, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* Opera 11.10+ /
    background: -ms-linear-gradient(top, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* IE10+ /
    background: linear-gradient(to bottom, rgba(254,255,232,1) 0%,rgba(214,219,191,1) 100%); /* W3C /
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-8 */

}
.impressum .frame .title .font{
    font-size: 1.8em;
    color: #007DC6;
    padding-top: 10px;
}
span.impresstext {
  text-align: justify;
  width: 100%;
  display: block;
}
.contact-page .form .title .font{
    font-size: 1.8em;
    color: rgb(75,158,208);
    margin-top: 15px;
}
.frame .info p {
  margin: 10px;
}
.impressum hr {
  width: 90%;
  margin: 0 auto;
}
.impressum .info1{
    height: calc(100% - 74px);
    width: 99%;
    color: #555555;
    text-align: center;
    margin: 0 auto;
    margin-top: 15px;
}
.impressum .info a,.form-contact .info-data a{
    color: #555555;
}
.impressum .info a:hover,.form-contact .info-data a:hover{
    text-decoration: underline;
}
.impressum .info .logo{
    margin-top: 15px;
    clear: both;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.impressum .info .logo img{
    width: 50%;
    min-width: 250px;
}
/*.impressum .frame .info{
    position: absolute;
    top: 15px;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    background-color: #fff;
    border-radius: 10px;
    color: #fff
}*/

.contact-page{
    margin-top: 130px;
}
.contact-page {
    position: relative;
    width: 90%;
    height: 80%;

    top: 0px;

    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;

    text-align: center;
    zoom: 1;

}
.contact-page table{
    width: 100%;
    height: 90%;
}
.contact-page .form{
    width: calc(55% - 30px);
    height: 80%;
    display: inline-block;
    float: left;
    background-color: #fff;
    margin-right: 30px;
}
.contact-page .form .title{
    text-align: left;
    height: 50px;
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
}
.contact-page .form .title .font{
    margin-left: 25px;
    margin-top: 10px;
    font-weight: bold;

}

.contact-page .form .social-network{
    width: 100%;
    height: 40px;
}

.form-contact{
    width: calc(100% - 60px);
    padding: 30px;

    height: calc(100% - 120px);
}
.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: calc(100% - 20px);
   font-size: 1em;
   padding: 10px 10px;
   border: 1px solid #DDD;
   -webkit-box-shadow: inset 0px 0px 14px 0px rgba(50, 50, 50, 0.55);
   -moz-box-shadow:    inset 0px 0px 14px 0px rgba(50, 50, 50, 0.55);
   box-shadow:         inset 0px 0px 14px 0px rgba(50, 50, 50, 0.55);
}
.form-contact table tr:nth-child(3){
    height: 90%;
}
.form-contact table textarea{

    height: 100%;

}

.cnt-button{
    text-align: center;
    width: 90%;

}
.send
{
    margin: 10px auto;
    width: 200px;
    height: 40px;
    background-color:   rgb(16,125,198);
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 0.85em;

}

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

}
.contact-page .divisor{
    height: 90%;
    width: 2px;
    background-color: #ddd;
    display: inline-block;
}
.contact-page .ext{

    float: right;
    width:  45%;
    height: 80%;
}

.contact-page .ext .sales-man{

    width: 100%;
    height: 65%;
}
#map_canvas {
    margin: 0 auto;
    width: 100%;
    height: 50%;
    bottom: 0;
}
#looking{
    margin: 0 auto;
    width: 250px;
    height: 40px;


    text-align: center;
    padding-top: 10px;
    margin-bottom: 20px;
    background: rgb(97,167,220);
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 50px;
    border: 2px outset rgb(97,167,220);
}
.caja-sombra{
    position: relative;
    float: left;

    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.caja-sombra:before, .caja-sombra:after{
    content: "";
    position: absolute;
    z-index: -2;
}
.caja-sombra{
    box-shadow: 0 20px 15px -10px rgba(0, 0, 0, 0.5), 0 1px 40px rgba(0, 0, 0, 0.3),

    0 0 40px rgba(0, 0, 0, 0.1) inset
}



/**  PRODUCTS MENU */

.ProductsMenu{
    position: absolute;
    width: 900px;
    height: 400px;
    border-top: 1px solid #D2D2D2;
    z-index: 8996;
    margin-left: -250px;
    -webkit-box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.43);
    -moz-box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.43);
    box-shadow: 10px 10px 26px -7px rgba(0,0,0,0.43);
    display: none;
    border-bottom: #ffffff 2px solid;
    border-left: #ffffff 2px solid;
    border-right: #ffffff 2px solid;
}
.ProductsMenu > .MenuItems{
    width: 200px;
    height: 100%;
    margin: 0;
    padding: 0;
    background: rgba(233, 244, 255, 0.9);
    display: inline-block;
    vertical-align: top;
    position: relative;
    -webkit-box-shadow: 10px 1px 16px -10px rgba(26,26,26,1);
    -moz-box-shadow: 10px 1px 16px -10px rgba(26,26,26,1);
    box-shadow: 10px 1px 16px -10px rgba(26,26,26,1);
}

.ProductsMenu > .MenuItems li{
    height: 20%;
    width: 100%;
    line-height: 500%;
    color: #303030;
    font-weight: bold;
    position: relative;
    cursor: pointer;
    letter-spacing: 1px;
    display: table;
}
.ProductsMenu > .MenuItems li p {
  line-height: 100%;
  vertical-align: middle;
  margin: 0;
  width: 100%;
  display: table-cell;
}
.ProductsMenu > .MenuItems li:hover, .ProductsMenu > .MenuItems li.select{
     background: #007dc6;
     color: #fff;
     font-weight: bold;
}
.ProductsMenu > .MenuItems li:hover::after, .ProductsMenu > .MenuItems li.select::after{
    display: none;
}

.ProductsMenu > .MenuItems li::after{
    content : ' ';
    bottom: 0;
    position: absolute;
    width: 80%;
    height: 1px;
    left: 0;
    margin-left: 10%;
    background: #B6BEC2;
}
.ProductsMenu > .MenuItems li:last-child::after{
    display: none;
}
.ProductsMenu > .Content{
    display: inline-block;
    vertical-align: top;
    width: 700px;
    height: 100%;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(210,210,210,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(210,210,210,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(210,210,210,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(210,210,210,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(210,210,210,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(210,210,210,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d2d2d2',GradientType=0 ); /* IE6-9 */
    color: #000;
}
.ProductsMenu > .Content > div{
    display: none;
    height: calc(100% - 30px);
    padding-top: 15px;
    padding-bottom: 15px;
}

.title span {
  cursor: pointer;
}

span.product {
  margin-left: 10px;
}
.soft_list .list {
  width: 680px;
}
.list{
    width: 300px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
}

.listSI > .title{
    height: 50px;
    font-size: 1.8em;
    font-weight: bold;
    color: rgb(74,162,214);
}

.list > .title{
    height: 50px;
    font-size: 1.8em;
    font-weight: bold;
    color: rgb(74,162,214);
}
.hiden{
    display: none !important;
}
.stan_soft .disable {
  color: rgb(160, 195, 216);
}
ul.list_branchen{
    height: calc(100% - 50px);
    margin: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    width: calc(100% - 20px);
    margin-left: 20px;
    padding-left: 0;

}
ul.list_branchen > li{
  display: list-item;
  width: 140px;
  font-size: 11px;
  text-align: left;
  position: relative;
  padding-left: 16px;
  cursor: pointer;
}

.list-mobile li p {
  margin: 0;
  font-size: 11px;
}

ul.list_branchen > li.select{
    color: rgb(74,162,214);
}

ul.list_branchen > li:hover{
    text-decoration: underline;

}

ul.list_branchen > li::before{
    content: ' ';
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0px;
    background: url('../img/icon/chevron.png');
    background-size: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
}
.ProductsMenu div.info{
    width: 280px;
    height: calc(100% - 50px);;
    display: inline-block;
    vertical-align: top;
    margin-left:70px;
    margin-top: 50px;
}
div.text{
    font-size: 11px;
    background-color: #f5f5f5;
    padding: 15px;
    border: 1.5px solid #b6b6b6;
    border-bottom: 1.5px solid #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px 0px 42px -5px rgba(26,26,26,0.38);
    -moz-box-shadow: inset 0px 0px 42px -5px rgba(26,26,26,0.38);
    box-shadow: inset 0px 0px 42px -5px rgba(26,26,26,0.38);
    height: calc(100% - 185px);
}
img.img-shadow {
  margin-top: -5px;
  position: relative;
  width: auto;
}
.ind_soft div .img-shadow {
  width: 295px;
  display: block;
  margin: 0 auto;
  margin-top: -10px;
}
img.img-branchen {
  width: 75%;
  margin-top: 0;
}
img.img-product {
  width: 50%;
  margin-top: 0;
}
div.text-content{
    width: 100%;
    height: 100%;
    overflow: auto;
}
ul.text-content {
  width: 100%;
  height: 85%;
  overflow: auto;
}
a.read-more{
    text-align: right;
    font-size: 0.8em;
    width: auto;
    height: 30px;
    line-height: 30px;
    color: rgb(165, 0, 0);
    font-weight: bold;
    margin-right: 5px;
    display: inline-block;
    float: right;
}
a.read-more img{
    margin-top: 0;
    margin-left: 5px;
    width: 14px;
}

a.read-more:hover{
    background: transparent;
    color: rgb(165, 0, 0);
}

div.text-content::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

div.text-content::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

div.text-content::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #007DC6;
}

ul.text-content::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

ul.text-content::-webkit-scrollbar
{
    width: 8px;
    background-color: #F5F5F5;
}

ul.text-content::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #007DC6;
}

div.mobilescroll::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

div.mobilescroll::-webkit-scrollbar
{
    width: 2px;
    background-color: #F5F5F5;
}

div.mobilescroll::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);
    background-color: #007DC6;
}


/*

PRODUCT
 */

.image_section{
    width: 100%;
    height: 75%;
}
.image_branchen {
  width: 100%;
  height: 40%;
}
.stawikon{
    background: url('../img/products/stawikon_3.jpg');
    background-size: cover;
    background-position: center center;
}

.stawikonSM{
    background: url('../img/slider3/stawikon_4.jpg');
    background-size: cover;
    background-position: center center;
}
.it-services{
    background: url('../img/products/it-services.jpg');
    background-size: cover;
    background-position: center center;
}
.logoinfo p {
  color: #FFFFFF;
  font-size: 23px !important;
  font-weight: normal!important;
  text-shadow: #090909 1px 1px 10px;
}
.logoinfoWA p {
  text-shadow: none;
}
.wya {
  margin-top: 25%;
}
.transblack1 {
  width: 100%;
  height: 100%;
}
.transblack {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
.logoinfo {
  position: relative;
  top: calc(100% - 220px);
  left: 80px;
  width: 40%;
  z-index: 1;
  padding: 10px;
}
.logoinfoWA {
  top: 10px !important;
  width: 50% !important;
  left: 25px;
}
.logoinfo.logoinfoDT {
    top: calc(100% - 330px);
    left: 60px;
}
.u-graf p {
  position: relative;
  top: -63px;
  text-shadow: #090909 1px 1px 10px;
}
.sc-header {
  z-index: 8999 !important;
  top: 20vh;
}
.shadowCurve1 {
  display: none;
}
.shadowCurve {
  background: url('../img/shadow_curve.png') no-repeat;
  width: 100%;
  height: 100%;
  background-size: contain;
  display: block;
  position: absolute;
  z-index: -2;
}
.web-apps{
    background: url('../img/products/web-apps.jpg');
    background-size: cover;
    background-position: center bottom;
}
.datacenter{
    background: url('../img/slider3/server_1.jpg');
    background-size: cover;
    background-position: center center;
}
.kontakt{
     background: url('../img/kontakt.jpg');
    background-size: cover;
    background-position: center center;
    height: 100%;

}

.kontakt > .data{
    position: absolute;
    left: 5%;
    width: calc(66% - 20px);
    height: calc(80% - 80px);
    top: 10%;
    background-color: rgba(0,0,0,0.7);
    padding: 40px 20px;
    text-shadow: #090909 1px 1px 10px;
    min-width: 810px;
    min-height: 420px;

}
.kontakt > .data a{
    color: #fff;
}
.kontakt > .data a:hover{
text-decoration: underline;
}


.stawikon .logo{

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

.bottom_msg_kontak{
    height: 45%;
}
.bottom_msg_kontak a{
    color: #fff;
}
.bottom_msg_kontak a:hover{
    text-decoration: underline;
}
.bottom_msg_kontak table{
    font-size: 16px;
    font-weight: normal;
    width: 90%;
    margin: 50px auto;
    height: calc(100% - 120px);
}
.bottom_msg_kontak table > thead th{
    font-weight:  bold;
    font-size: 20px;
    padding: 10px;
}
.bottom_msg_kontak table td{
    width: 20%;
    vertical-align: top;
}
.bottom_msg_kontak table td:nth-child(1){
  /* text-align: left; */
}


.data_country {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;

}
.data_country > li {
    padding: 15px;
    list-style: none;

    font-weight: normal;
    width: calc(30% - 22px);
    height: 50%;

    margin: 0;

    display: inline-block;
    vertical-align: top;
}
.data_country > li:nth-child(2){
   /* width: calc(70% - 38px);*/
}
.data_country ul{
    margin: 0;
    padding: 0;
}
.data_country ul li{
    list-style: none;
    width: auto;
    display: inline-block;
    vertical-align: top;
}
.data_country > li .name{
    height: 50px;
    font-size: 24px;
}

/*.data_country > li  div.address{
    min-height: 110px;
}
.data_country  > li  div.telephone{

}
.data_country  > li  div.email{

}
*/
.data_country > li:last-child{
    border-right: none;
}


.country{
    width: 40px;
    margin-right: 15px;
}

/*
SOMBRA IMAGE

 */

    .drop-shadow {
        position:relative;



        -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
           -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    }

    .drop-shadow:before,
    .drop-shadow:after {
        content:"";
        position:absolute;
        z-index:-2;
    }

    .drop-shadow p {
        font-size:16px;
        font-weight:bold;
    }

    /* Bordes redondeados */

    .lifted {
        -moz-border-radius:4px;
             border-radius:4px;
    }

    .lifted:before,
    .lifted:after {
       bottom: 56px;
        left: 180px;
        width: 100%;
        height: 20%;
        /* max-width: 800px; */
        max-height: 100px;
        -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
        box-shadow: -111px 61px 70px rgba(0, 0, 0, 0.7);
        -webkit-transform: rotate(-1.5deg);
        -moz-transform: rotate(-1.5deg);
        -ms-transform: rotate(-1.5deg);
        -o-transform: rotate(-1.5deg);
        transform: rotate(-1.5deg);
    }

    .lifted:after {
        right: -20px;
        left: auto;
        -webkit-transform: rotate(1.5deg);
        -moz-transform: rotate(1.5deg);
        -ms-transform: rotate(1.5deg);
        -o-transform: rotate(1.5deg);
        transform: rotate(1.5deg);
    }

    .border-footer{
        border-top: 1px solid #61B8FF;
    }

    .kontak{
        width: 100%;
        height: 50%;
        position: absolute;
        bottom: 0;
        background: rgb(16,125,198);
        left:0;
        z-index: 2;
        -webkit-box-shadow: inset 0px 0px 98px -15px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 0px 0px 98px -15px rgba(0,0,0,0.75);
        box-shadow: inset 0px 0px 98px -15px rgba(0,0,0,0.75);
    }

    div.list_branchen {
        display: inline-block;
        overflow-y: scroll;
        height: calc(100% - 60px);
    }

    .list_branchen div {
        display: inline-block;
        width: 20%;
        margin-bottom: 30px;
    }

    .list_branchen div p {
        margin-bottom: 0;
    }

    .unternehmen {
        display: inline-block;
        height: auto;
    }
.inphoto {
  position: absolute;
}
    .unternehmen .u-text {
        width: 50%;
        height: 98%;
        margin-top: 2%;
        min-width: 576px;
        margin-left: 5%;
        margin-right: 5%;
        float: left;
    }
    .unternehmen .u-graf {
        width: 35%;
        height: 97%;
        margin-right: 5%;
        margin-top: 3%;
        text-align: center;
        position: relative;
        float: right;
    }

    .u-img {
        /*background: url('../img/products/unternehmen.jpg') no-repeat;
        background-size: contain;*/
        /*height: 70% !important;
        width: 80% !important;
        margin-left: 10%;
        margin-top: 5%;
        min-width: 460px;*/
        width: 100%;
    }
    .onOff {
        width: 100% !important;
        text-align: center;
        margin-bottom: 25px;
    }
    hr.left {
        width: 42.5%;
        float: left;
        margin-top: 17px !important;
    }

    .u-text {
    }

    hr.rigth {
        float: right;
        width: 42.5%;
        margin-top: 17px;
    }
    .u-graf {
        min-width: 576px;
    }
    .onOff img {
        height: 32px;
    }
    .u-textd {
        font-size: 17px;
        margin-bottom: 15px;
        font-weight: 100;
        text-align: justify;
    }

.privacy .text {
    background: 0 0;
    border: none;
    box-shadow: none;
    font-size: 17px;
    height: calc(100% - 60px)
}

.privacy {
    width: 95%;
    margin: 0% 2.5%;
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    padding-top: 3%;
    height: 100%
}

.privacy h2 {
    margin: 0
}