body {
  overflow-x:hidden;
}

.thumbnail {
  border:0px solid transparent !important;
}

body.open-popup-lang-popup #lang-popup {
  right:0px;
}

body.open-popup-menu-popup #menu-popup,
body.open-popup-sub-menu-popup #sub-menu-popup {
  right:0px;
}

body.open-popup-sub-menu-popup #sub-menu-popup .mobile-sub-menu-trigger {
  display:none;
}

body.open-popup-sub-menu-popup #sub-menu-popup .right-menu {
  display:block;
}

body.open-popup-lang-popup .mobile-scroll-bcg,
body.open-popup-sub-menu-popup .mobile-scroll-bcg {
  display:block;
}

body.open-popup-menu-popup .mobile-scroll-bcg {
  display:block;
}

.mobile-scroll-bcg {
    background-color: black;
  width: 100%;
  height: 100vh;
  position: absolute;
  z-index: 1500;
  left: 0px;
  top: 0px;
  opacity: 0.9;
  display: none;
}

.mobile-popup {
  position:fixed;
  z-index:2000;
  width:300px;
  background-color:rgba(1,22,57,1);
  height:100vh;
  top:0px;
  right:-300px;
    transition: all 0.3s ease;
  overflow-y: scroll;
}

.mobile-popup .header {
  font-size:24px;
  color:white;
  line-height:24px;
  padding:10px 0 10px 20px;
  border-bottom:1px solid #ccc;
  margin:5px 5px 5px 5px;
}

.mobile-popup .close {
    position: absolute;
  right: 15px;
  top: 15px;
  width: 24px;
  height: 24px;
  opacity: 0.9;
  display: block;
}

.mobile-popup .close:before {
    position: absolute;
  left: 15px;
  content: ' ';
  height: 28px;
  width: 2px;
  background-color: white;
    transform: rotate(45deg);
}

.mobile-popup .close:after {
    position: absolute;
  left: 15px;
  content: ' ';
  height: 28px;
  width: 2px;
  background-color: white;
    transform: rotate(-45deg);
}

.mobile-popup .body {
  color:white;
  font-size:16px;
  padding:15px 15px 15px 15px;
}

.mobile-popup .body ul {
  list-style:none;
  padding:0px;
  margin:0px;
}

#lang-popup .body ul li.active {
  display:none;
}

.mobile-popup .body .level2,
.mobile-popup .body .level3,
body.open-popup-sub-menu-popup #sub-menu-popup .right-menu ul li ul {
  display:none
}

.mobile-popup .body > ul > li.open >div.level2,
.mobile-popup .body > ul  li.open > div.level3,
body.open-popup-sub-menu-popup #sub-menu-popup .right-menu ul li.open > ul {
  display:block;
}

.mobile-popup .body > ul > li > div.level2 > ul > li a,
body.open-popup-sub-menu-popup #sub-menu-popup .right-menu ul li.open > ul li a{
  font-size:16px;
  padding-left:20px;
}

.mobile-popup .body > ul > li > div.level2 > ul > li >div.level3 > ul li a{
    font-size:14px;
  padding-left:20px;
}

.mobile-popup .body > ul > li > div.level2 > ul > li >div.level3 > ul li {
  margin-left:20px;
}

.mobile-popup .body li {
  position:relative;
}

.mobile-popup .body > ul > li,
body.open-popup-sub-menu-popup #sub-menu-popup .right-menu ul li {
  position:relative;
}

.mobile-popup .body > ul > li.has-sub-l1 li.has-sub-l1 > .plus,
.mobile-popup .body > ul > li.has-sub-l1 > .plus,
body.open-popup-sub-menu-popup #sub-menu-popup .right-menu ul li.has-sub-l1 > .plus {
  position:absolute;
  z-index:20;
  width:40px;
  height:40px;
  right:0px;
  top:3px;
    background-color:rgba(255,255,255,0.7);
}

.mobile-popup .body > ul > li.has-sub-l1 li.has-sub-l1 > .plus {
  width:30px;
  height:30px;
    top:5px;
}

.mobile-popup .body > ul > li.has-sub-l1 li.has-sub-l1 > .plus:after,
.mobile-popup .body > ul > li.has-sub-l1 > .plus:after,
body.open-popup-sub-menu-popup #sub-menu-popup .right-menu ul li.has-sub-l1 > .plus:after {
  content:"+";
  display:block;
  color:white;
  font-size:30px;
  text-align:center;
  width:40px;
  height:40px;
  line-height:35px;
  position:absolute;
  left:0px;
  top:0px;
}

.mobile-popup .body > ul > li.has-sub-l1 li.has-sub-l1 .plus:after {
    width:30px;
  height:30px;
    font-size:22px;
    line-height:25px;
}

.mobile-popup .body > ul > li.open > span.plus:after,
.mobile-popup .body > ul > li >div > ul > li.open > span.plus:after,
body.open-popup-sub-menu-popup #sub-menu-popup .right-menu ul li.open > span.plus:after {
  content:"-";
  position:relative;
  top:-3px;
}

.mobile-popup .body > ul > li.has-sub-l1 .plus:hover,
.mobile-popup .body > ul > li.has-sub-l1 li.has-sub-l1 .plus:hover,
body.open-popup-sub-menu-popup #sub-menu-popup .right-menu ul li .plus:hover {
  cursor:pointer;
}

.mobile-popup .body ul li {
    border-bottom:1px solid white;
}

.mobile-popup .body ul li:last-child {
    border-bottom:0px solid white;
}

.mobile-popup .body ul li a,
.mobile-popup .body ul li .no-link {
  font-size:18px;
  padding:10px 0 10px 0;
  display:block;

}

.mobile-popup .body a {
  color:white;
}

.mobile-menu {
 display:none;
}

.inner {

}

.show-mobile {
  display:none;
}

body.home .product-overview + .row {
  margin:0px;
}

/*Main 1400px*/
@media only screen and (max-width: 1400px) {
    body.sub .ce-gallery .ce-row {
    text-align:center;
  }

    body.sub .ce-gallery .ce-column {
    float:none;
    display:inline-block;
    vertical-align:top;
    margin-bottom:10px;
  }

    footer .inner .row2 ul li a{
    display:block;
    min-width:57px;
  }

    footer .inner .row2 ul li {
    margin-right:20px;
  }

    footer .inner {
    background-position:-65px bottom;
  }

    footer .inner .row2 ul li + li + li {
    margin-right:20px;
  }
    body.home #content .inner {
    top:350px;
  }
    .inner {
    max-width:90%;
    width:90%;
  }

    body.home #content .inner .frame {

  }

    body.home #content .inner p{

  }
}

/*Main 1340px*/
@media only screen and (max-width: 1340px) {
  body.sub header .logo-col {
    max-width:200px;
  }
   body.sub header .logo-col img {
  max-width:100%;
  }
header .inner {
  width:98%;
  max-width:98%;
  }
}
/*Main 1100px*/
@media only screen and (max-width: 1100px) {
  body.sub header .logo-col {
    max-width:170px;
  }
    #sub-content h1 {
    font-size:30px;
  }

    #sub-content h2, #sub-content h2 a {
    font-size:25px;
  }

    #sub-content .product-overview .desc-col {
    padding-top:20px;
  }

    header .h1 {
    font-size:25px;
  }

    header .lang-menu {
    padding-right:0px;
  }

  header .menu > ul > li > a {
    font-size:21px;
  }
    body.home header .menu > ul > li > a + .level2{
    top:48px;
  }

  body.sub #content.two-cols-content-stripped-left .inner .sub-inner {
    margin-left:0px;
    width:100%;
  }
    body.sub .ce-uploads {
    text-align:left;
  }

    body.sub .ce-gallery .ce-row {
    text-align:center;
  }

    body.sub .ce-gallery .ce-column {
    float:none;
    display:inline-block;
    vertical-align:top;
    margin-bottom:10px;
  }
}

/*Main 1024px*/
@media only screen and (max-width: 1024px) {
    footer .inner .row2 ul {
    padding-left:150px ;
  }
}

/*Main 992px*/
@media only screen and (max-width: 992px) {
    body.sub header .logo-col + .col{
     position:static;
  }
   header .sub-h1 {
    padding-left:0px !important;
   text-align:center;
   padding-top:7px;
  }
body.sub header .row2 {
  padding-bottom:14px !important;
  }
    header .logo-col img{
    width:136px;
    height:106px;
  }
    header .logo-col {    
    width:100%;
    height:106px;
    max-width:100%;
  }
    body.sub header .logo-col {
    width:100%;
    height:115px;
    max-width:100%;
  }

    body.sub #content.two-cols-content .inner .sub-inner-left {
    padding-right:0px;
  }

    body.sub #content.two-cols-content .inner .sub-inner-left .holder {
    padding:0px;
    min-height:0px;
    background-color:transparent;
    margin-bottom:10px;
  }
    body.sub #content.two-cols-content .inner .sub-inner-left,
  body.sub #content.two-cols-content .inner .sub-inner {
    width:100%;
  }

  .right-menu {
    display:none;
  }
    body.sub .two-cols-content .left-col {
    margin-top:0px;
  }
    body.sub .lines-content .path, body.sub .lines-content h1{
    padding-left:0px;
  }

    body.sub #content .inner,
  body.sub #content.two-cols-content .inner,
  body.sub #content.two-cols-content .inner .sub-inner,
  body.sub #content.two-cols-content-stripped-left .inner .sub-inner {
    padding:15px;
  }

    body.sub #content {
    top:-250px;
    padding-bottom:300px;
  }
    body.sub #content h1, body.sub .lines-content h1, body.sub .lines-content h2 {
    font-size:30px;
    margin-bottom:20px;
  }

    body.sub #content.two-cols-content-stripped-left .inner .sub-inner {
    padding:15px;
  }


    .mobile-menu-trigger {
        position:absolute;
    z-index:20;
    right:0px;
    top:40px;
        width:40px;
    height:40px;
  }

    .mobile-sub-menu-trigger {
        position:relative;
        width:40px;
    height:40px;
  }

    .mobile-menu-trigger a,
  .mobile-sub-menu-trigger a {
    position:absolute;
    z-index:5;
    top:0px;
    left:0px;
  }

    .mobile-menu-trigger:hover *,
  .mobile-sub-menu-trigger:hover *{
    cursor:pointer !important;
  }
    .mobile-menu-trigger span,
  .mobile-sub-menu-trigger span {
    position:absolute;
    width:60%;
    height:5px;
    background-color:rgba(1,22,57,1);
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    border-radius:5px;
    top:8px;
    display:block;
    z-index:10;
  }

    .mobile-menu-trigger span + span,
  .mobile-sub-menu-trigger span + span {
      top:17px;
  }

    .mobile-menu-trigger span + span + span,
  .mobile-sub-menu-trigger span + span + span{
      top:26px;
  }

    .mobile-menu-trigger a,
  .mobile-sub-menu-trigger a {
        width:40px;
    height:40px;
    display:block;
    background-color:white;
    border-radius:50%;
    text-indent:-9000px;
  }
  .mobile-lang-trigger {
    position:absolute;
    z-index:20;
    left:0px;
    top:50px;
  }
    .show-mobile {
    display:block;
  }

  header .lang-menu,
  header .menu {
    display:none;
  }

    header .logo-col {
    position:static;
    text-align:center;
  }

    #content {
    margin-top:30px;
    min-height:0px;
    background-image:none;
  }

    #sub-content h1 {
    font-size:25px;
    margin:0 0 20px 0;
  }

  .product-overview .ce-gallery,
  .product-overview .ce-column,
  .product-overview .ce-column .image {
    width:100%;
  }

    #sub-content h2, #sub-content h2 {
    text-align:center;
    font-size:20px;
    margin:0 0 15px 0;
  }

    #sub-content .item-box img {
    margin-bottom:25px;
  }

    #sub-content .item-box h2, #sub-content .item-box h2 a {
    font-size:20px;
  }

    .product-overview .ce-column img {
    width:100%;
    height:auto;
  }

    body.home #content .inner {
    padding:10px;
  }

    body.home #content .inner {
    position:static;
  }

  body.home #sub-content {
    background-image:none !important;
  }

  body {
        background:url('../img/sub_content_bcg2.jpg') repeat-y center 0px transparent !important;
    background-size:auto 100%;
  }

    #sub-content .product-overview p {
    margin:0 0 20px 0;
    font-size:16px;
  }

    #sub-content .product-overview .desc-col {
    padding-left:40px;
    padding-right:40px;
  }

    #sub-content .item-box {
    width:100%;
    height:auto !important;
  }

    #sub-content .item-box .ce-column,
    #sub-content .item-box .image {
    width:100%;
  }

    #sub-content .item-box .ce-outer,
    #sub-content .item-box .ce-inner {
    position:static;
    width:100%;
  }

    footer .inner .row2 ul {
    text-align:left;
  }

    footer .inner .row2 ul li {
    display:block;
    width:100%;
    margin-bottom:15px;
  }
    #sub-content .item-box img {
    width:100%;
    height:auto;
  }

    footer p::before,
  footer a::before {
    text-align:center;
  }

    footer .inner .row2 ul li + li {
    margin-bottom:80px;
  }

    footer .inner {
    background-position:right bottom;
  }

    footer .inner .row2 ul {
    padding-left:0px;
  }

    footer .inner .row1 {
    text-align:left;
    font-size:18px;
  }

    footer .inner .row1 p {
    font-size:18px;
    padding-left:70px;
  }

    footer .inner .row3 .signs {
    text-align:left;
    max-width:100%;
    padding-left:15px;
  }

    footer .inner .row2 ul li + li + li,
  footer .inner .row2 ul li + li + li + li {
    display:inline-block;
    width:auto;
    margin-bottom:15px;
  }
}

/*Main 768px*/
@media only screen and (max-width: 768px) {
  
    body.sub.contact .tx-powermail .powermail_fieldset,
  body.sub.contact .tx-powermail .powermail_fieldset.powermail_fieldset_3 {
    width:100%;
  }
    body.contact .sub-footer form textarea {
    height:120px;
  }
  .inner {

  }
  body.sub.contact .tx-powermail .powermail_fieldset.powermail_fieldset_25 {  
    margin:0px 0 20px 0;
  }
}

/*Main 500px*/
@media only screen and (max-width: 500px) {
    body.sub.downloads-detail #content .main-content ul {
    padding-left:20px;
  }
    body.sub.downloads-detail #content .main-content ul li a {
    font-size:18px;
  }
    body.sub.downloads-detail #content .main-content ul li {
    padding-left:0px;
  }
    body.sub .news-list .left,
  body.sub .news-list .right {
    width:100%;
  }

    body.sub .news-list .left {
    margin-bottom:20px;
  }

    body.sub .news-list .right.vertical-align {
    margin-top:0px !important;
  }

    body.sub .news-list .left img {
    width:100%;
    height:auto;
  }
  #c51 strong {
    display:block;
  }
}