/* Fonts: Oxygen, Play, Pacifico*/
html, body {
    height: 100%;
}
body {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #404040;
  font-weight: 300;
font-size: 16px;
  width:100%;
  overflow-x: hidden;
  padding-top:150px;
}
.js.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.upper {
	text-transform:uppercase;
}
#cookieCloser {
    background: #fff !important;
    position: fixed;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    bottom: 20px;
    left: 20px;
    border: 2px solid #e0823b;
    align-items: center;
    z-index: 11;
    transition: 0.3s !important;
    cursor: pointer;
}
#cookieCloser:hover {
    box-shadow: 0 1px 5px  rgba(0, 0, 0, 0.3);
}
#cookieCloser span {
    height: 30px;
}
#cookieCloser svg {
    width: 100%;
    height: auto;
    max-width: 30px;
}
#cookieCloser span {
    transition: 0.3s !important;
    pointer-events: none;
}
#cookieCloser span.closed {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
}
#cookieBanner .btn-secondary {
    border-color: #000;
    margin-right: 5px;
    border-width: 2px;
}
#cookieCloser.opened .opened {
    opacity: 0;
}
#cookieCloser.opened .closed {
    opacity: 1;
}
#cookieBanner {
    position: fixed;
    bottom: 80px;
    z-index: 10;
    left: 20px;
    background: #fff;
    width: calc(100vw - 40px);
    max-width: 500px;
    border: 2px solid #e0823b;
    transition: 0.5s !important;
    padding: 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
#cookieBanner:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 13px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #e0823b transparent transparent transparent;
}
#cookieBanner h2 {
    margin-top: 0;
    color: #e0823b;
}
#cookieBanner:not(.visible){
    opacity: 0;
    pointer-events: none;
    bottom: 40px;
}
/* Pagepart Carets */
/*.machines-main-hr,
.start #header,
.start #main,
#footer .footer-call-us,
#footer .footer-middle,
#footer .footer-contacts,
#footer .footer-below {
	position:relative;
}
.machines-main-hr:before,
.start #header:before,
.start #main:before,
#footer .footer-call-us:before,
#footer .footer-middle:before,
#footer .footer-contacts:before
#footer .footer-below:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    right: 0;
    left: 0;
    top: -1px;
    margin: 0 auto;
    vertical-align: middle;
    border-top: 10px solid;
    border-right: 30px solid transparent;
    border-left: 30px solid transparent;
}
.start #header:before,
#footer .footer-call-us:before {
	color:#fff;
}
.machines-main-hr:before,
.start #main:before,
#footer .footer-middle:before {
	color:#f5f5f5;
}
#footer .footer-contacts:before {
	color:#1d1d1d;
}
#footer .footer-below:before {
	color:#2a2a2a;
}*/

/* /. Pagepart Carets */



#header h1.page-title,
.start #main h2 {
  position: relative;
  margin-bottom: 30px;
  font-size:22px;
}
#header h1.page-title::after,
.start #main h2::after {
  position: absolute;
  left: 50%;
  margin-left: -25px;
  bottom: -15px;
  width: 50px;
  height: 3px;
  background-color: #eebb8d;
  content: "";
}


#header h1.page-title {
  margin-top: 50px;
}
.start #header h1.page-title {
  margin-top: 20px;
}
.contact #header h1.page-title {
  display:none;
}

b, strong {
    font-weight: 400;
}
a,
.transition-all {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
a,
a:hover,
a:focus,
a:active,
a.active {
  color: #e0823b;
  outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300 !important;
}
.h1, h1 {
    font-size: 26px;
}
.h2, h2 {
    font-size: 22px;
}

.dropdown-menu>li>a {
  white-space: normal;
}

.img-centered {
  margin: 0 auto;
}
.img-100pcWidth-centered {
	margin: 0 auto;
	width: 100%;
	height:auto;
	display: block;
}

.img-Width-centered {
    margin: 0 auto;
    /*width: 100%;*/
    /*height:auto;*/
    display: block;
}

.img-100pcWidth-left {
	margin: 0 auto 0 0;
	width: 100%;
	height:auto;
	display: block;
}

.img-border-shadow-1 {
	border: 5px solid #fff;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.4);
}

.nav-overlay,
.overlay {
    visibility: hidden;
    opacity: 0;
	position: fixed;
    top: 0;
    left: 0;
	z-index:1040;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);

	
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s, visibility 0s 0.3s;
    -o-transition: opacity 0.3s, visibility 0s 0.3s;
    transition: opacity 0.3s, visibility 0s 0.3s;
}

/* dont show dropDownC*aret when js disabled*/
.no-js a.dropdown-toggle>span.caret {
	display:none;
}
/* LangNav - show both Flags when js disabled */
.no-js #language-nav a.dropdown-toggle {
float:left;
}
.no-js #language-nav #lang-items.dropdown-menu {
float:left;
display:block;
position: relative;
    top: initial;
    left: initial;
	right: initial;
    z-index: initial;
    min-width: auto;
    padding: 0;
    margin: 0;
    background-color: transparent;
    -webkit-background-clip: initial;
    background-clip: initial;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
    box-shadow: none;
}
.no-js #language-nav #lang-items.dropdown-menu li {
float:left;
display:block;
}
.no-js #language-nav a.dropdown-toggle,
.no-js #language-nav #lang-items.dropdown-menu li a {
	display: block;
    padding: 0 5px 0 5px;
}
.no-js #language-nav #lang-items.dropdown-menu li a:focus, .no-js #language-nav #lang-items.dropdown-menu li a:hover {
    background-color: transparent;
}
.no-js #language-nav #lang-items.dropdown-menu li a img {
margin-right: 0;
}
.no-js #language-nav a.dropdown-toggle, .no-js #language-nav #lang-items.dropdown-menu li a .text {
    display:none;
  }

#nav {
	border:none;
	border-radius: 0;
	/*background: #fbfbfb;*/
  background: #f2f3f5;

}
#nav .first {
	padding-top: 15px;
	padding-bottom: 15px;

    background: #fff;
	
	-webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
	-o-transition: padding 0.3s;
    transition: padding 0.3s;
  }

#links.nav>li>a, #links.nav>li>a:focus, #links.nav>li>a:hover,
#language-nav.nav>li>a, #language-nav.nav>li>a:focus, #language-nav.nav>li>a:hover {
    color: #404040;
	background-color: transparent;
}

#links {
    margin-right: 15px;
}
#links.nav>li>a {
	padding: 1px 5px;
	text-transform: lowercase;
  font-size: 14px;
}
#language-nav.nav>li>a {
    padding: 0 15px 1px 10px;
}

/*LangNav*/
#language-nav .dropdown-menu {
    right: 0;
    left: auto;
	min-width:auto;
}
.js #language-nav .dropdown-menu {
	min-width:140px;
}

.flag {
    width: 24px;
    height: 24px;
}
.active-lang .flag {
    width: 18px;
    height: 18px;
}
#lang-items .flag {
	margin-right:10px;
}

.flag.flag-de {
    background: url(/assets/img/flags/de-24px.png) no-repeat;
}
.flag.flag-gb {
    background: url(/assets/img/flags/gb-24px.png) no-repeat;
}

.active-lang .flag.flag-de {
    background: url(/assets/img/flags/de-18px.png) no-repeat;
}
.active-lang .flag.flag-gb {
    background: url(/assets/img/flags/gb-18px.png) no-repeat;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: transparent;
}

#nav .navbar-brand {
	
	padding:0;
}
 
  #nav .navbar-brand .glyphicon {
	width: 46px;
    height: 46px;
	position: absolute;
    top: initial;
    bottom: -52px;
	left: 5px;
	display: none;
	padding: 8px;
	background: #e0823b;
	/*color: #1d446d;*/
	color: #fff;
	font-size: 22px;
	/*text-shadow: 1px 1px 1px #bfbfbf;*/
    border: 3px solid #fff;

    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;

	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.47);
}

input[type="checkbox"]#mobile-menu-toggle-box {
	display:none;
}
#nav #main-nav>li.terms, #nav #main-nav>li.imprint, #mobile-menu-toggle {
display:none;
}

#main-nav>li>a, #main-nav>li>a:focus, #main-nav>li>a:hover {
    color: #404040;
	background-color: transparent;
 }

li a span.title_1, li a span.title_2 {
display:block;
}

#main-nav li.machines.dropdown ul.dropdown-menu li.machines a span.title_1,
#main-nav li.machines.dropdown ul.dropdown-menu a span.title_2 {
display:none;
}
#main-nav li.machines.dropdown ul.dropdown-menu li.machines a span.title_2 {
display:block;
}

/* Slider ---------------- */
.start .header-above
{
	margin-top: 30px;
	margin-bottom:10px;
	
	/*background: url(/assets/img/slider-back.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: #fff;
	
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);*/
}

/* Sliderbase class */
.carousel {
  /*height: 300px;*/
  /*margin-bottom: 60px;*/
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  /*background-color: #777;*/
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}

@media (min-width: 768px) {

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/* /. Slider ---------------- */
.row-ricoma p.ricoma-head {
	margin-top:0;
  font-weight: 300;
  font-size: 20px;
}
.img-ricoma {
	display:block;
	margin:0 auto 10px auto;
	height:auto;
	width:100%;
	max-width:684px;
}
.row-ricoma .ricoma-list {
  padding:0;
  margin-bottom:10px;
}
.row-ricoma .ricoma-list li {
  line-height: 18px;
  margin:0 0 3px 20px;
  font-size: 14px;
  /*color: #3c76a9;
  text-shadow: 0 1px 1px #fff;*/
}
.row-ricoma a {
  margin-bottom:10px;
  font-size: 18px;
	font-weight:300;
}

#header {
	margin-bottom: 40px;
  text-align: center;
}
#header .container.default {
	
  /*padding-top: 100px;
  padding-bottom: 50px;*/
}

.start #header {
  padding: 25px 0 20px 0;
	margin-bottom:0;
}
.start #header .inside {
  padding: 0 20px 10px 20px;
  border: 2px solid #e0823b;
}

.start #header h1.page-title {
	padding-top: initial;
	color: #e0823b;
	font-size: 22px;
	border: none;
}
.start #main {
  padding-top: 10px;
  margin-bottom: 10px;
}
.start #main .lists {
  margin: 50px 0 40px 0;
  /*padding:20px;
  background: #f0f0f1;
  background:#f4f4f5;*/
}
.start #main .row1 {
  /*padding-top: 30px;*/
}

.start #main .ul1 {
  margin: 0 0 40px 0;
	padding: 10px 0 0 0;
  border-top: 1px solid #595A5C;
  font-size: 14px;
}
.start #main .ul1 li {
  position: relative;
  line-height: 18px;
  margin:0 0 5px 15px;
  font-weight: 100;
	color:#595A5C;
}

.start #main #certificate-modal {
  margin: 0 0 50px 0;
	padding:0 5px 0 5px;
	overflow:hidden;
}
.start #main #certificate-modal h3 {
  margin-top: 0;
	font-size:18px;
}

.start #bi-pics-gallery.blueimp-gallery .slide img {
    padding: 0;
}


.ul-picture-nav li {
  margin-bottom:20px;
}
.ul-picture-nav.nav a, .ul-picture-nav.nav>li>a:focus, .ul-picture-nav.nav>li>a:hover {
    position:relative;
	background-color: #fff;
	padding:0;
  margin: 0 auto;
	font-size:18px;
	color: #595A5C;
  max-width: 300px;
	border-top:1px solid #595A5C;
  border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}
.ul-picture-nav.nav>li>a:hover {
    border-color: transparent;

    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);

   
}

.ul-picture-nav.nav a .pm-overlay {
    position: absolute;
  top:0;
    width: 100%;
    height: 100%;

}

/*.ul-picture-nav.nav a .pm-overlay {
    background: rgba(89, 90, 92, 0.35);

        -webkit-transition: background.3s;
    -moz-transition: background .3s;
  -ms-transition: background .3s;
  -o-transition: background .3s;
  transition: background .3s;
}
.ul-picture-nav.nav a:hover .pm-overlay {
    background: rgba(89, 90, 92, 0);
}*/

.ul-picture-nav span {
  display:block;
}
.ul-picture-nav span.head {
  position: relative;
  padding: 3px 0 3px 15px;
  text-align: left;
  /*background: rgba(128, 128, 128, 0.03);*/
  border-bottom: 1px solid rgba(128, 128, 128, 0.15);
}

.ul-picture-nav span.head:first-letter {
  color: #e0823b;
  /*letter-spacing: 1px;
  line-height: 12px;*/
}

.ul-picture-nav span.body {
  position: relative;
  height:140px;
  padding-top:20px;
}
.ul-picture-nav img {
	margin: 0 auto;
	width: auto;
    height: auto;
    max-width: 200px;
    max-height: 120px;
}

.ul-picture-nav .title2 {
	position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  width:100%;
  min-height: 36px;
  padding: 2px 5px;
  color: #000;
	text-shadow:none;
  font-size: 14px;
  line-height: 16px;
  background: rgba(255, 255, 255, 0.83);

  opacity: 0;

   -webkit-transition: opacity .3s;
    -moz-transition: opacity  .3s;
  -ms-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}
.ul-picture-nav.nav a:hover .title2 {
  opacity: 1;
}

@media (min-width: 992px) {
	#main-article {
		float:right;
		width: 670px;
		/*border:1px solid #000;*/
	}

	#sidebar-left {
		float:left;
		width: 250px;
	}
}
@media (min-width: 1200px) {
	#main-article {
		width: 810px;
	}
	#sidebar-left {
		width: 300px;
	}
}

.machine-sites #header p {
	
}

h2.machines-main-header {
	margin:0;
	padding:10px 0 10px 0;
	color: #e0823b;
    text-align: center;
    border-top: 2px solid #e0823b;
    border-bottom: 2px solid #e0823b;
    background: #fff;
}
hr.machines-main-hr {
	margin: 0 0 30px 0;
	border:0;
}

.machines hr.machines-main-hr {
	margin-bottom: 50px;
}

.models {

}
.model {
margin-bottom:10px;
border: 1px solid #eaeaea;

}
.model .header {
margin-bottom:0;
padding: 5px;

background:#f7f7f7;
text-shadow: 1px 1px 1px #fff;
}
.model .text {
padding: 5px 5px 0 5px;

line-height:16px;
}
.model .text p {
margin-bottom:5px;
color:#404040;
}
.model .text p span.text-label {
color:#929292;
}

.soft-color,
.model .text p.model-ad {
color:#929292;
}
.model .text p.inclusive-info {
font-weight:400;
}

.model hr.models-hr {
margin-top:5px;
margin-bottom:10px;
}

.series-pdf {
margin-top: 30px;
padding: 0 5px;
font-size:20px;
}
.series-pdf .pdf-info {
color: #929292;
font-size:14px;
}

.modals a {
    position:relative;
	display:block;
}
.modals a .modals-overlay {
    background: rgba(255, 255, 255, 0.85);
    position: absolute;
	top:0;
	left:0;
	right:0;
    width: 100%;
    height: 100%;
    opacity: 0;

    -webkit-transition: opacity ease .5s;
    -moz-transition: opacity ease .5s;
	-ms-transition: opacity ease .5s;
	-o-transition: opacity ease .5s;
	transition: opacity ease .5s;
}
.modals a:hover .modals-overlay {
    opacity: 1;
}
.modals a .glyphicon.modals-overlay-pics {
    position:absolute;
		top:0;
		right:0;
		left:0;
		display:block;
	text-align: center;
	margin: 10% auto 0 auto;
    opacity: 0;
    background: #e0823b;
    color: #fff;
    font-size: 26px;
    line-height: 40px;
    width: 46px;
    height: 38px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
		
		    -webkit-transition: opacity ease .5s;
    -moz-transition: opacity ease .5s;
	-ms-transition: opacity ease .5s;
	-o-transition: opacity ease .5s;
	transition: opacity ease .5s;
}
.modals a:hover .glyphicon.modals-overlay-pics {
    opacity: 0.4;
}

.add-spec {

}
.add-spec p {
margin:0;
padding: 4px 10px;
border-bottom: 1px solid #efefef;
}
.add-spec p.last {
border-bottom: 0;
}
.add-spec p span {
width: 200px;
display: inline-block;
color:#929292;
}

h4.sub {
margin-top: 0;
margin-bottom: 15px;
}

ul.feature-lists {
list-style-type:none;
padding-left: 16px;
}
ul.feature-lists li {
line-height: 20px;
padding-bottom: 4px;
}
ul.feature-lists li .glyphicon {
margin-left:-16px;
margin-right:6px;
font-size:9px;
color:#e0823b;
}

.modals ul {
	list-style-type: none;
	padding:0;
	text-align: center;
}

.page-headlines.features,
.accessories .page-headlines  {
    margin-top: 0;
    margin-bottom: 15px;
}

hr.between  {
    margin-top: 40px;
    margin-bottom: 40px;
    border-top: 2px dashed #989898;
}

.modals a, .modals a:hover, .modals a:focus {
text-decoration:none;
color:#404040;
}

#main ul#screen-modal.touch {
padding-top:30px;
}

#main ul#screen-modal.touch li {
margin-bottom: 10px;
}

.cht #main ul#screen-modal.touch li {
margin-bottom: 30px;
}

#main ul#screen-modal.touch a .modal-txt {

}


.mat-acc-pic {
padding-top:20px;
margin-bottom: 30px;
}
.mat-acc-pic img {
display:block;
margin: 0 auto 0 auto;
}
.mat-acc-text {
padding: 0 30px 0 30px;
text-align:center;
}

.mat-links.mat-first {
padding-top: 30px;
}

.mat-links a,
.mat-links a .link-container,
.mat-links a .mat-overlay,
.mat-links .mat-overlay .glyphicon,
.mat-links .mat-overlay .ov-text,
.mat-links span.img-container {
display:block;
}

.mat-links a {
position:relative;
padding:4px;
margin: 0 10px 45px 10px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.mat-links a, .mat-links a:hover {
	text-decoration:none;
}

.mat-links a .link-container {
	padding: 0 15px;
	border: 1px dashed #9B9B9B;
}

.mat-links .text {
display:block;
font-size:18px;
padding: 10px 5px;
border-top: 1px dashed #9B9B9B;
}

.mat-links .img-container {
    height:160px;
		padding-top: 20px;
}
.mat-links .img-container.img-3 {
	padding-top: 45px;
}
.mat-links .img-container.img-4 {
	padding-top: 28px;
}

.material hr.between {
margin-top: 15px;
}

.mat-links a .mat-overlay {
    text-align:center;
		
		background: rgba(224, 130, 59, 0.9);
    position: absolute;
    top: 0;
		left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity ease .5s;
    -moz-transition: opacity ease .5s;
    -ms-transition: opacity ease .5s;
    -o-transition: opacity ease .5s;
    transition: opacity ease .5s;
}
.mat-links a:hover .mat-overlay {
    opacity: 1;
}


.mat-links .mat-overlay .glyphicon {
    margin: 20px auto 20px auto;
    opacity: 0.6;
    background: #fff;
    color: #e0823b;
    font-size: 42px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.mat-links .mat-overlay .ov-text {
    padding: 0 10px;
    color: #fff;
    text-shadow: none;
}


.mt-main-pics #mainpics-modal {
    padding: 30px 0 0 0;
}
.mt-main-pics #mainpics-modal li {
    padding: 0 0 50px 0;
}
.mt-main-pics #mainpics-modal li .modal-txt {
    font-size:18px;
}

.em-advanced {
	margin-top:40px;
}

.pics-with-text p,
.em-advanced p {
	margin-bottom:20px;
	padding-top: 5px;
	text-align:center;
}

.em #main ul#screen-modal.touch {
    margin-bottom:0;
}

.software .head-img img {
display:block;
margin: 0 auto 0 auto;
width: 100%;
height:auto;
}
.software .img1 img {
max-width: 173px;
margin-right:0;
}
.software .img2 {
padding-top:15px;
}
.software .img2 img {
max-width: 155px;
margin-left:0;
}

.software .wilcom-headline {
margin-bottom:2px;
font-size:32px;
}
.software .wilcom-subheadline {
font-size:18px;
}

.software .coreldraw-img {
text-align:center;
}

.software .wilcom-main {
margin-bottom:20px;
padding-top:30px;
}
.software .main-text {
margin-bottom:30px;
}
.software .main-text ul {
margin-bottom:20px;
}
.software .main-text ul li {

padding-bottom:5px;
}

.software .vect-ex {
width:283px;
position: relative;
margin: 0 auto 30px auto;
padding: 3px;
background-color: #e6dfcf;
border: 1px solid #fff;
-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
}
.software .vect-ex .txt1 {
    text-align: right;
    padding-right: 10px;
    width: 160px;
    height: 38px;
    top: 38px;
}
.software .vect-ex .txt2 {
    padding-left: 10px;
    width: 97px;
    height: 100px;
    bottom: 3px;
}
.software .vect-ex .txt1, .software .vect-ex .txt2 {
    position: absolute;
	font-size:14px;
    line-height: 16px;
    font-style: italic;
    color: #5C5B5B;
    text-shadow: 0 1px 1px #FFF;
    left: 0;
}

.software .products .col-inside {
    overflow:hidden;
	margin-bottom: 30px;
    padding: 15px 0 0 15px;
    border-top: 1px dashed #9B9B9B;
    border-left: 1px dashed #9B9B9B;
}

.software .prods-text {
	padding-top:15px;
}

.software .bottom-text {
text-align:center;
}

.glyphicon-info-sign.big {
margin-bottom:15px;
padding-top: 3px;
padding-left: 1px;
width: 46px;
height: 46px;
background: #595A5C;
color: #fff;
text-align:center;
font-size: 38px;
border: 2px solid #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.products.products-2 .glyphicon-info-sign.big {
    margin-bottom: 25px;
    margin-top: 10px;
}

#sidebar-left ul.subnav {
	/*background: #43a0de;
	padding:10px 0;*/
	margin-bottom:50px;
}

#sidebar-left ul.subnav .title_1{
    font-size:18px;
    color: #f3944c;
}
#sidebar-left ul.subnav li.active a .title_1,
#sidebar-left ul.subnav a:hover .title_1{
    color: #ececec;
}

#sidebar-left ul.subnav .title_2{
    font-size: 14px;
    line-height:16px;
}

#sidebar-left ul.subnav>li>a {
    color: #ccc;
    border-top: 3px solid rgb(82, 82, 82);
    margin: 0 0 10px 0;
    padding: 3px 0 6px 0;
}

#sidebar-left ul.subnav>li.active>a, #sidebar-left ul.subnav>li>a:hover {
    border-color: rgb(204, 204, 204);
    background: transparent;
}

#sidebar-left ul.nav.subnav>li>a:focus {
    background-color: transparent;
}

#main {
	margin-bottom: 50px;
}

#footer {

}

#footer .footer-call-us {
  padding: 5px 0;
  color: #e0823b;
}
#footer .footer-call-us .row.call-us {
  padding: 10px 0;
  margin: 0;
  border: 2px solid #e0823b;
}

.footer-call-us .text {
	font-size:18px;
	line-height:22px;
}
.footer-call-us a.number {
	font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}

.footer-call-us .call-us a, .footer-call-us .call-us a:focus {
	color:#e0823b;
	text-decoration:none;
}
.footer-call-us .call-us a:hover {
	color:#e0823b;
	text-decoration:none;
}


#footer .footer-middle {
  padding: 15px 0;
  color: #D1D3D4;
  text-align:left;
}
#footer .footer-col {
  margin-bottom: 20px;
}
#footer h3 {
  margin-bottom: 15px;
  padding-bottom: 5px;
  font-size:18px;
  /*color: #e0823b;*/
  color: #404040;
  border-bottom: 1px dashed #404040;
}

#footer .footer-middle p {
 
	line-height: 18px;
	margin-bottom: 3px;
}

#footer .footer-middle ul {
  list-style-type: none;
	margin:0;
	padding-left: 0;
}
#footer .footer-middle li {
  display:block;
	
	line-height: 18px;
	margin-bottom: 3px;
}
#footer .footer-middle li .pdf-info {
  /*display:block;*/
	font-size: 12px;
	line-height: 12px;
	color: #9a9999;
}

#footer .footer-middle a {
  text-decoration:none;
  color: #888888;
}
#footer .footer-middle a:hover {
  color: #e0823b;
}

#footer .footer-contacts {

}
#footer .footer-contacts .inside {
  padding: 10px 15px 10px 15px;
  color: rgb(224, 130, 59);
  border-top: 1px solid #e0823b;
  border-bottom: 1px solid #e0823b;
}

.footer-contacts hr {
	margin: 0 0 10px 0;
	border-top: 0;
    border-bottom: 0
}

.footer-contacts .row-2 p {
	margin-bottom:0;
	line-height: 18px;
}
.footer-contacts .glyphicon {
	display: block;
	margin: 0 auto 5px auto;
    color: #e0823b;
    font-size: 18px;
    line-height: 34px;
    border: 2px solid #e0823b;
    width: 38px;
    height: 38px;
    background:#fff;
    border-radius: 50%;
}

.footer-contacts a, .footer-contacts a:focus {
	color: rgb(224, 130, 59);
	text-decoration:none;
}
.footer-contacts a:hover {
	color: rgb(224, 130, 59);
	text-decoration:none;
}


#footer .footer-below {
  padding: 25px 0;
  font-size: 14px;
  color: rgb(142, 142, 142);
}

.terms #header p {
	font-size:18px;
	margin-bottom:0;
}
.terms-text span {
	text-decoration:underline;
}



.tel-info-box {
	
	margin-bottom:20px;
}
.tel-info-box b{
}

.contact-h2,
.imprint-h2,
.privacy-h2 {
	margin-top:0;
}
.form-p {
	margin-bottom:20px;
	font-style: italic;
    color: #8e8e8e;
}

.contact .alert.alert-success {
	background-color: #f5fff2;
	border-color: #3c763d;
}
.contact .alert.alert-success button.close {
    font-size: 30px;
    line-height: 30px;
	opacity: 0.3;
}

.control-group {
  margin-bottom: 10px;
}
.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding: 0 8px;
  background: #fdfdfd;
  /*border-bottom: 1px solid #e4e4e4;*/
  border-bottom: 1px solid #e0e0e0;
}
.control-group.error .floating-label-form-group {
    background: #fff1f1;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  height: initial;
  position: relative;
  padding: 0;
  border: none;
  border-radius: 0;
  font-size: 18px;
  background: none;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  color: #929292;
  z-index: 0;
  position: relative;
  top: 2em;
  margin: 0;
  font-size: 14px;
  line-height: 14px;
  font-weight:300;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #e0823b;
}
.floating-label-form-group-with-focus {
  background: #fff;
  border-color: #e0823b;
}
.help-block {
    margin-top: 0;
    margin-bottom: 0;
    color: #dc6866;
}
.control-group.warning .help-block {
    color: #f9a988;
}
.help-block ul {
    padding:0 8px;
	line-height: 14px;
	list-style-type: none;
}
.help-block ul li{
    padding:2px 0;
}
label.label-captcha-text {
    float:left;
	width:58px;
	color: #555;
	font-weight:400;
    z-index: 1;
    top: 0;
    margin: 0;
	padding-top: 4px;
    font-size: 18px;
    line-height: 18px;
    opacity: 1;
}
input.input-captcha-result {
	margin-left:60px;
	width:70%;
}

.form-group.group-submit {
	padding-top:10px;
	margin-bottom:30px;
}
/*form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}*/
.form-control::-webkit-input-placeholder { color: #b1b0b0; }
.form-control:-moz-placeholder { color: #b1b0b0; }
.form-control::-moz-placeholder { color: #b1b0b0; }
.form-control:-ms-input-placeholder { color: #b1b0b0; }

.btn-group-lg>.btn, .btn-lg {
    border-radius: 0;
}
.btn-outline {
  color: white;
  font-size: 20px;
  border: solid 2px white;
  background: transparent;

  margin-top: 15px;
  
  -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #18BC9C;
  background: white;
  border: solid 2px white;
}

.btn-form,
.btn-form:focus,
.btn-form:active {
  padding-top:8px;
  padding-bottom:8px;
  width:100%;
  color: white;
  background-color: #e0823b;
  border-color: #e0823b;
  border-radius: 0;
}
.btn-form:hover
 {
  color: #e0823b;
  background-color: #fff;
  border-color: #e0823b;
}

.btn-primary {
  color: #e0823b;
  background-color: #fff;
  border: 2px solid;
  border-color: #e0823b;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #e0823b !important;
  border-color: #e0823b !important;
  box-shadow: none;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #2C3E50;
  border-color: #2C3E50;
}
.btn-primary .badge {
  color: #2C3E50;
  background-color: white;
}
.btn-success {
  color: white;
  background-color: #43a0de;
  border-color: #43a0de;
  font-weight: 400;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: white;
  background-color: #128f76;
  border-color: #11866f;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #18BC9C;
  border-color: #18BC9C;
}
.btn-success .badge {
  color: #18BC9C;
  background-color: white;
}
.btn-social {
  display: inline-block;
  height: 50px;
  width: 50px;
  border: 2px solid white;
  border-radius: 100%;
  text-align: center;
  font-size: 20px;
  line-height: 45px;
}
.btn:focus,
.btn:active,
.btn.active {
  outline: none;
}
.scroll-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  width: 50px;
  height: 50px;
  z-index: 1049;
}
.scroll-top .btn {
  font-size: 20px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  line-height: 28px;
}
.scroll-top .btn:focus {
  outline: none;
}

@media (min-width: 992px) {

	#nav.affix {
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	}
	
	#nav.affix .first {
		padding-top: 0;
		padding-bottom: 0;
	}
	#nav #main-nav>li>a {
		padding-top: 36px;
		padding-bottom: 40px;
	}
	#nav.affix #main-nav>li>a {
		padding-top: 4px;
		padding-bottom: 8px;
	}
	
	/*#########
	#nav #main-nav>li>a {
		padding-top: 4px;
		padding-bottom: 8px;
	}
	#nav .navbar-brand {
    height:auto;
	position: absolute;
	top:0;
	margin: 0;
	padding: 5px 15px 4px 15px;
	background:#43a0de;
}
	#########*/
	#nav .navbar-brand {
		height: auto;
    width: 300px;
		padding: 30px 0 15px 0;
		background: #595A5C;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	}

  #nav .navbar-brand img {
    width: 210px;
    height: auto;
    margin: 0 auto;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  #nav.affix .navbar-brand img {
    width: 180px;
    height: auto;
  }
  
	#nav.affix .navbar-brand {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	#nav .navbar-brand:before {
		opacity:1;
		-moz-border-bottom-colors: none;
		-moz-border-left-colors: none;
		-moz-border-right-colors: none;
		-moz-border-top-colors: none;
		border-color: #595A5C transparent transparent;
		border-image: none;
		border-style: solid;
		
		/*border-width: 46px 135px 135px;*/
		/*clip: rect(0px, auto, 47px, auto);*/
		
		/*border-width: 40px 140px 140px;*/
		/*clip: rect(0px, auto, 41px, auto);*/
		
		border-width: 36px 150px 150px;
    border-width: 26px 150px 150px;
		clip: rect(0px, auto, 37px, auto);
		
		content: "";
		position: absolute;
		z-index: -1;
		top: 100%;
		left: 0;
		width: 100%;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	#nav.affix .navbar-brand:before {
		opacity:0;
		top:0;
	}
}

@media (min-width: 768px) {
  
  #sidebar-toggle {
  display:none;
  }
  
  #language-nav {
    margin-right: -5px;
  }
  
	#nav .navbar-brand {
		position: absolute;
		top: 0;
		margin: 0;
	}
	
	.navbar-right {
    float: right!important;
    margin-right: -15px;
		
}

#sidebar-left .nav-sidebar-container {
	margin-bottom:50px;
  background: #595A5C;
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

#sidebar-left ul.subnav {
	padding: 10px;
	margin-bottom:0;
}
  
  #nav #main-nav>li>a {
	padding-left:22px;
	padding-right:22px;
  text-transform: uppercase;
  font-size: 14px;
	border-top: 3px solid transparent;
  }
  
  #nav #main-nav>li.active>a, #nav #main-nav>li>a:hover, #nav #main-nav>li.dropdown.open>a {
	/*border-color: #595A5C;*/
  border-color: rgba(224, 130, 59, 0.4);
	background: #fff;
  color: #e0823b;
  }
  
	#main-nav .dropdown-menu {
		left:0;
		right:auto;
		width:500px;
		margin: 2px 0 0 0;
		padding:15px 10px 5px 10px;
		border:0;
		background:#595A5C;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
	}
	#main-nav .dropdown-menu:before,
	#main-nav .dropdown-menu:after {
		clear: both;
	}
	#main-nav .dropdown-menu>li {
		float:left;
		width:49.99%
	}
	#main-nav .dropdown-menu>li>a {
		color: #ccc;
    font-size: 16px;
    font-weight: 300;
		border-top:3px solid rgb(82, 82, 82);
		margin: 0 10px 8px 10px;
		padding-top: 3px;
		padding-bottom: 6px;
	}
	#main-nav .dropdown-menu>li.active>a, #main-nav .dropdown-menu>li>a:hover {
		border-color:rgb(204, 204, 204);
		background:transparent;
    color: #ececec;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	#nav #main-nav li.start {
		display:none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

   body { 
	padding-top: 60px;
  }
  
  #nav .navbar-brand>img {
    display: none !important;
	}
   
   #nav .navbar-brand {
		height: 0;
		padding: 0;
		-moz-transition: none;
		-o-transition: none;
		-webkit-transition: none;
		transition: none;
	}
	#nav .navbar-brand .glyphicon {
		display: block;
	}
	#nav #main-nav>li>a {
		padding-top: 4px;
		padding-bottom: 8px;
	}
	
	#sidebar-left {
	display:none;
	}
}

@media (max-width: 991px) {
	#nav .first {
		padding-top: 0;
		padding-bottom: 0;
	}
	#nav {
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	}
}

@media (max-width: 767px) {
  body { 
   
	padding-top: 50px;
	-webkit-animation: bugfix infinite 1s;
  }
  @-webkit-keyframes bugfix { 
    from {margin:0;} 
    to {margin:0;} 
  }
  .no-js body {
    padding-top: 50px;
  }
  
  #nav .container {
     padding:0;
  }
  
  #nav #links {
    display:none;
  }
  #nav #main-nav>li.terms, #nav #main-nav>li.imprint {
     display:block;
  }
  #nav .first {
    background: #595A5C;
  }

  #nav .navbar-brand {
    height: 50px;
    position: relative;
    top: initial;
    margin: 0 0 0 60px;
    padding: 10px 0 0 0;
    background: transparent;
	
	-moz-transition: none;
    -o-transition: none;
    -webkit-transition: none;
    transition: none;
  }
  #nav .navbar-brand img {
    height: 36px;
	width:auto;
  }
  
  .no-js #language-nav {
    margin: 12px 10px 0 0;
  }
  
  #language-nav.nav>li>a, #language-nav.nav>li>a:focus, #language-nav.nav>li>a:hover {
		color: #fff;
	}
  
/* Menu Button*/
  input[type="checkbox"]#mobile-menu-toggle-box {
		position: absolute;
		left: 0;
		top: 0;
		visibility: hidden;
	}

  #mobile-menu-toggle {
    display:block;
	position: fixed;
	cursor: pointer;
	margin:0;
	padding:0;
	z-index:1051;
    top: 0;
    left: 6px;
    width: 48px;
    height: 48px;
  }
  #mobile-menu-toggle span:after, #mobile-menu-toggle span:before, #mobile-menu-toggle span {
    width: 24px;
    height: 4px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
	
	/*-webkit-box-shadow: 0 0 1px #000b1b;
    -moz-box-shadow: 0 0 1px #000b1b;
    box-shadow: 0 0 1px #000b1b;*/
	
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #mobile-menu-toggle span {
    position: relative;
    display: block;
    margin: auto;
    margin-top: 22px;
	-moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
	
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #mobile-menu-toggle span:after, #mobile-menu-toggle span:before {
    content: "";
    position: absolute;
    left: 0;
    top: -8px;
	
	-moz-transform-origin: 1.71429px center;
    -ms-transform-origin: 1.71429px center;
    -o-transform-origin: 1.71429px center;
    -webkit-transform-origin: 1.71429px center;
    transform-origin: 1.71429px center;
    -moz-transform-origin: 1.71429px center;
    -ms-transform-origin: 1.71429px center;
    -o-transform-origin: 1.71429px center;
    -webkit-transform-origin: 1.71429px center;
    transform-origin: 1.71429px center;
	
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  #mobile-menu-toggle span:after {
    top: 8px;
  }
  
  input[type="checkbox"]#mobile-menu-toggle-box:checked ~ label#mobile-menu-toggle span {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  input[type="checkbox"]#mobile-menu-toggle-box:checked ~ label#mobile-menu-toggle span:before {
    -webkit-transform: rotate3d(0, 0, 1, -40deg);
    transform: rotate3d(0, 0, 1, -40deg);
  }
  input[type="checkbox"]#mobile-menu-toggle-box:checked ~ label#mobile-menu-toggle span:after {
    -webkit-transform: rotate3d(0, 0, 1, 40deg);
    transform: rotate3d(0, 0, 1, 40deg);
  }
  input[type="checkbox"]#mobile-menu-toggle-box:checked ~ label#mobile-menu-toggle span:before,
  input[type="checkbox"]#mobile-menu-toggle-box:checked ~ label#mobile-menu-toggle span:after {
    top: 0;
    width: 15px;
  }
  
/* Menu Button END*/
  
  .js #language-nav.nav>li>a {
    padding: 13px 10px 5px 10px;
  }
  
  .main-nav-container{
	position: fixed;
	top:0;
	width: 70%;
	height:100%;
	left:-70%;
	display:block;
	z-index:1050;
	padding-top:50px;
	background: rgb(128, 128, 128);
	}
	
	input[type="checkbox"]#mobile-menu-toggle-box:checked ~ .main-nav-container {
		box-shadow: 1px 0 9px rgba(0, 0, 0, 0.6);
	}
  
  .no-js .main-nav-container,
  .no-csstransforms3d .main-nav-container {
	-webkit-transition: left 0.5s ease;
    -moz-transition: left 0.5s ease;
    -o-transition: left 0.5s ease;
    transition: left 0.5s ease;
	
  }
  
  .no-js input[type="checkbox"]#mobile-menu-toggle-box:checked ~ .main-nav-container,
  .no-csstransforms3d input[type="checkbox"]#mobile-menu-toggle-box:checked ~ .main-nav-container {
	left:0;
  }

  .csstransforms3d .main-nav-container {
    left:initial;
	-webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
	
	
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    transition: transform 0.5s ease;
	
	-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
	
	
  }

  .csstransforms3d input[type="checkbox"]#mobile-menu-toggle-box:checked ~ .main-nav-container {
	
	-webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
  div.nav-overlay label {
		width: 100%;
		height: 100%;
		position: absolute;
	}
  input[type="checkbox"]#mobile-menu-toggle-box:checked ~ .nav-overlay {
	visibility:visible;
	opacity:1;
	-webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
	
  }
  
  .main-nav-container>.container{
    
	overflow-x:auto;
	position:absolute;
	height:100%;
	width:100%;
	background: #fff;
	}
	
	#nav #main-nav {
		margin:0 0 30px 0;
		padding:10px 0 50px 0;
	}
	#nav #main-nav>li>a,
	#nav #main-nav a {
		text-transform:initial;
		
	}
	


	#nav #main-nav>li>a,
	#nav #main-nav .dropdown-menu>li>a {
		margin: 10px;
		padding: 5px 5px 8px 5px;
		border-top:3px solid #efefef;
	}
	#nav #main-nav>li {
		margin-bottom: 15px;
	}
	
	#nav #main-nav li.active>a {
		border-color:#e0823b;
		background:transparent;
		color: #e0823b;
	}
	
	#nav #main-nav ul.dropdown-menu {
		padding: 0 0 0 12px;
	}
	
	
	#nav #main-nav li.active>.dropdown-menu,
	.no-js #nav #main-nav li>.dropdown-menu {
		display: block;
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	/*#nav #main-nav>li>a {
		padding: 9px 22px 8px 22px;
	}*/
	
	/* Machines Subnav */
	.container.machines-pages {
		position:relative;
	}
	h2.machines-main-header,
	hr.machines-main-hr {
		z-index:2;
		position:relative;
	}
	button#sidebar-toggle {
		position:absolute;
		z-index:3;
		padding:6px;
		top:0;
		left:15px;
		background:transparent;
		border:0;
		outline:none;
	}
	
	#sidebar-toggle .glyphicon {
		padding-left:2px;
		opacity: 0.6;
		background: #fff;
		color: #e0823b;
		font-size: 24px;
		line-height: 30px;
		width: 30px;
		height: 30px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		
		-webkit-transition: opacity, -webkit-transform 0.3s ease;
		-moz-transition: opacity, -moz-transform 0.3s ease;
		-o-transition: opacity, -o-transform 0.3s ease;
		transition: opacity, transform 0.3s ease;
		
		
	}
	.sidebar-open #sidebar-toggle .glyphicon {
		opacity: 0.8;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg);
	}
	
	#sidebar-left {
		position:absolute;
		z-index:1;
		padding: 0 15px 10px 15px;
		top:0;
		left:0;
		width:100%;
		height:0;
		opacity:0;
		overflow:hidden;
		-moz-transition: opacity 0.5s ease;
		-o-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
	}
	.sidebar-open #sidebar-left {
		height:auto;
		opacity:1;
	}
	
	#sidebar-left ul {
		padding:70px 15px 0 15px;
		background:#595A5C;
		
		/*
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		
		*/
		
		-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
		box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
	}
	

}