.clearfix {
  display: block;
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.hide {
  display: none;
}
/**
 * Global Reset of all HTML Elements
 * //gist.github.com/joshuapowell/1680540
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
  list-style: none;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: separate;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline: 0;
}
html,
body {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 17px;
  color: #000000;
  -webkit-font-smoothing: antialiased;
}
html a,
body a {
  text-decoration: none;
}
.col2 {
  width: 49.10714286%;
  margin-left: 1.78571429%;
  float: left;
}
.col2:first-child {
  margin-left: 0;
}
.col2x {
  width: 47.32142857%;
  margin-left: 5.35714286%;
  float: left;
}
.col2x:first-child {
  margin-left: 0;
}
.col3 {
  width: 32.14285714%;
  margin-left: 1.78571429%;
  float: left;
}
.col3:first-child {
  margin-left: 0;
}
.col4 {
  width: 23.66071429%;
  margin-left: 1.78571429%;
  float: left;
}
.col4:first-child {
  margin-left: 0;
}
.group .col2 {
  width: 65.86826347%;
  margin-left: 2.39520958%;
  float: left;
}
.group .col2:first-child {
  margin-left: 0;
}
.group .col3 {
  width: 47.90419162%;
  margin-left: 4.19161677%;
  float: left;
}
.group .col3:first-child {
  margin-left: 0;
}
.group .col4 {
  width: 31.73652695%;
  margin-left: 2.39520958%;
  float: left;
}
.group .col4:first-child {
  margin-left: 0;
}
.group .col4x {
  width: 29.34131737%;
  margin-left: 2.39520958%;
  float: left;
  padding-right: 2.39520958%;
}
.group .col4x:first-child {
  margin-left: 0;
}
.group .col2p {
  width: 65.86826347%;
  margin-left: 2.39520958%;
  float: left;
  padding-left: 34.13173653%;
}
.group .col2p:first-child {
  margin-left: 0;
}
.wrapper,
.top .top-panel.fixed .fixed-wrapper,
.page-static .top .top-panel .fixed-wrapper,
.page-product .top .top-panel .fixed-wrapper {
  max-width: 1120px;
  padding: 0 40px;
  margin: 0 auto;
  position: relative;
}
.group {
  padding-left: 285px;
  max-width: 835px;
}
.group .col3 img {
  display: block;
  width: 100%;
  height: auto;
}
.youtube-container {
  display: inline-block;
  width: 100%;
  position: relative;
  margin: 5px 0 10px;
}
.youtube-container .youtube {
  padding-top: 56.5%;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.product .youtube-container,
.segment .youtube-container {
  width: 150%;
}
.product .youtube-container.small,
.segment .youtube-container.small {
  width: 100%;
}
.product .answer .youtube-container,
.segment .answer .youtube-container {
  width: 70%;
}
.page-static .product .youtube-container,
.page-static .segment .youtube-container {
  width: 100%;
}
.page-static .product .youtube-container.small,
.page-static .segment .youtube-container.small {
  width: 75%;
}
.top {
  background: #999;
}
.top .wrapper {
  padding: 160px 40px 100px 40px;
  min-height: 290px;
}
.top .top-panel.fixed,
.page-static .top .top-panel,
.page-product .top .top-panel {
  height: 80px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #999;
  z-index: 1000;
}
.top .top-panel.fixed h1,
.page-static .top .top-panel h1,
.page-product .top .top-panel h1 {
  top: 25px;
  width: 215px;
  height: 27px;
}
.top .top-panel.fixed h1 a,
.page-static .top .top-panel h1 a,
.page-product .top .top-panel h1 a {
  background: url('../clip/logo-small.png') 0 0 no-repeat;
  width: 215px;
  height: 27px;
}
.top .top-panel.fixed h1 a img,
.page-static .top .top-panel h1 a img,
.page-product .top .top-panel h1 a img {
  display: none;
}
.top .top-panel.fixed .navigation,
.page-static .top .top-panel .navigation,
.page-product .top .top-panel .navigation {
  top: 20px;
}
.top .top-panel.fixed .navigation li a,
.page-static .top .top-panel .navigation li a,
.page-product .top .top-panel .navigation li a {
  font-size: 20px;
  line-height: 40px;
}
.top .top-panel h1 {
  position: absolute;
  top: 55px;
  width: 318px;
}
.top .top-panel h1 a {
  display: block;
}
.top .top-panel h1 a img {
  width: 100%;
  height: auto;
}
.top .top-panel .navigation-link {
  display: none;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM4RTE1RjlCQjlFMTFFNDk2NjA5QjgwODA5MDFGM0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM4RTE1RkFCQjlFMTFFNDk2NjA5QjgwODA5MDFGM0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzhFMTVGN0JCOUUxMUU0OTY2MDlCODA4MDkwMUYzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzhFMTVGOEJCOUUxMUU0OTY2MDlCODA4MDkwMUYzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Puv2X9EAAABlSURBVHjaYnzx/NFdBgYGJQbagHuMQAv+M9AQjFpAlAUZQFqDRubfZPz/n6YeYBgGFgDjYCmQ1qaR+VdH88HgsGAJkNahkflXRjMaUXGQBaTVaGT+rdF8MPAWMAHxbRqafw8gwABkz1Vv14trFQAAAABJRU5ErkJggg==") 50% 50% no-repeat;
  z-index: 60;
}
.top .top-panel .navigation-link.btn-close {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUM4RTE1RkRCQjlFMTFFNDk2NjA5QjgwODA5MDFGM0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUM4RTE1RkVCQjlFMTFFNDk2NjA5QjgwODA5MDFGM0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1QzhFMTVGQkJCOUUxMUU0OTY2MDlCODA4MDkwMUYzRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QzhFMTVGQ0JCOUUxMUU0OTY2MDlCODA4MDkwMUYzRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ph91TekAAAFWSURBVHjarJZBTgJBEEWHlngE5w5uDMYLOEsT74ARceF52KgLPQRsTGAvKzZ9ADfiHMGE4G9SRSptd1M1WslfAF3/TQ1V3d1bf35UIo6gCXQOXUNflS5qaAYtoQdowz/0I/NnaEif51CjgNS09pQe7Bi6Y4jLmFeUMCcDjTnHDfREnjtAylwDSZn/goRX9JgxjyHydZ0UzCVkEyo4U/yJspJgvjhgzjHooYtqxdNweAHUrL10VHYjkg9VojaHWu4iC0RtLtv0vyCePFr+wkUL/gLxqcF0iYVdID439S6TsO1QQTInBbD0ueyuBeUWAV3MixAX7S1dzWNIHQMs02zZVnYA61bhLZAAmBrMG5pSLWQaACtjn7cGyCoAxtCLcYhaxTC+Bm9HZ+coA/GFc7k08cH8lg+cKgPxikM/Bdmbx7cKhnxDF9CV8trCkDfoHbqX15YfAQYAVatsbW0INmUAAAAASUVORK5CYII=") 50% 50% no-repeat;
}
.top .top-panel .navigation {
  position: absolute;
  top: 50px;
  right: 10px;
  text-transform: uppercase;
  z-index: 50;
}
.top .top-panel .navigation li {
  float: left;
  margin-right: 30px;
}
.top .top-panel .navigation li a {
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 28px;
  color: #ffffff;
  line-height: 52px;
  display: block;
  border-bottom: 4px solid transparent;
  -webkit-transition: border-bottom-color 0.3s ease;
  -moz-transition: border-bottom-color 0.3s ease;
  -o-transition: border-bottom-color 0.3s ease;
  -ms-transition: border-bottom-color 0.3s ease;
  transition: border-bottom-color 0.3s ease;
}
.top .top-panel .navigation li a:hover,
.top .top-panel .navigation li a.active {
  border-bottom-color: #FFF;
}
.top h2 {
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 72px;
  line-height: 1em;
  margin-bottom: 0.8em;
  text-transform: uppercase;
}
.top h2 em {
  border-bottom: 10px solid #000;
  font-style: normal;
}
.top p {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 28px;
  line-height: 1.2em;
}
.top .subnavigation {
  text-transform: uppercase;
}
.top .subnavigation li {
  float: left;
  width: 265px;
  margin-right: 20px;
}
.top .subnavigation li a {
  display: block;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  text-align: center;
  line-height: 52px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  border: 4px solid #dddddd;
  color: #dddddd;
}
.top .subnavigation li a:hover {
  color: #fff;
  border-color: #fff;
}
.top .subnavigation li a.active {
  color: #ddd;
  border: 0;
  border-bottom: 4px solid #ddd;
  border-top: 4px solid transparent;
}
.top .subnavigation li a.active:hover {
  color: #fff;
  border-bottom-color: #fff;
}
.page-static .top,
.page-product .top {
  height: 80px;
}
.home {
  background: #000000 url('../clip/bg-home.jpg') 50% 50% no-repeat;
  background-size: cover;
}
.home .wrapper {
  padding-top: 50px;
  height: 500px;
}
.home p {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 17px;
  color: #aaaaaa;
  line-height: 1.2em;
  margin-bottom: 25px;
}
.home .col2x {
  margin-bottom: 75px;
}
.home .col2x h3 {
  margin-bottom: 15px;
}
.home .col2x h3 a {
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 40px;
  color: #ffffff;
  line-height: 1em;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  transition: color 0.25s ease;
}
.home .col2x .more {
  display: inline-block;
  padding: 0 30px;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  color: #000000;
  line-height: 60px;
  background: #FFF;
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -o-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  transition: background 0.25s ease;
}
.home .col3 h3 {
  border-bottom: 1px solid #666;
  padding-bottom: 20px;
  margin-bottom: 12px;
}
.home .col3 h3 a {
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  color: #ffffff;
  line-height: 1.2em;
  text-transform: uppercase;
}
.button {
  width: 257px;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  color: #000000;
  border: 4px solid #000;
  margin-right: 20px;
  line-height: 52px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  transition: all 0.25s ease;
  text-transform: uppercase;
}
.menu {
  position: absolute;
  top: 0;
  left: 40px;
  width: 235px;
  z-index: 10;
}
.menu.fixed {
  position: fixed;
}
.menu ul {
  padding-top: 5px;
  padding-left: 30px;
  width: 210px;
}
.menu ul li {
  position: relative;
}
.menu ul li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: -20px;
  width: 10px;
  height: 3px;
  background: #ccc;
}
.menu li {
  list-style: none;
  padding: 4px 0;
}
.menu li a {
  text-transform: uppercase;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  color: #000000;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  transition: color 0.25s ease;
  color: #666666;
}
.menu li a.active {
  color: #ccc;
}
.menu li a:hover {
  color: #000;
}
.questions {
  border-top: 1px solid #000;
}
.questions .question {
  border-bottom: 1px solid #000;
  padding: 15px 0;
}
.questions .question h3 {
  padding: 5px 0 5px 0;
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  text-transform: uppercase;
}
.questions .question h3 a {
  color: #000;
}
.questions .answer {
  display: none;
  padding-top: 5px;
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  line-height: 1.4em;
}
.questions .answer p {
  margin-bottom: 1em;
}
.products,
.segment {
  margin-top: 40px;
}
.products .main-image,
.segment .main-image {
  margin-bottom: 30px;
}
.products h2,
.segment h2 {
  margin-bottom: 0.6em;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 40px;
  color: #000000;
  text-transform: uppercase;
}
.products .content p,
.segment .content p {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 1em;
}
.products .content ul,
.segment .content ul {
  font-size: 20px;
  margin-bottom: 1em;
}
.products .content ul li,
.segment .content ul li {
  line-height: 1.2em;
  padding: 3px 0;
  list-style: disc;
}
.products p.title,
.segment p.title {
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 1em;
}
.products .group,
.segment .group {
  margin-bottom: 60px;
}
.products .group.group-red h3 a,
.segment .group.group-red h3 a {
  color: #f33749;
}
.products .group.group-red h3 a:hover,
.segment .group.group-red h3 a:hover {
  color: #000;
}
.products .group.group-red .button,
.segment .group.group-red .button {
  color: #f33749;
  border-color: #f33749;
}
.products .group.group-red .button:hover,
.segment .group.group-red .button:hover {
  color: #000;
  border-color: #000;
}
.products .group.group-blue h3 a,
.segment .group.group-blue h3 a {
  color: #239dff;
}
.products .group.group-blue h3 a:hover,
.segment .group.group-blue h3 a:hover {
  color: #000;
}
.products .group.group-blue .button,
.segment .group.group-blue .button {
  color: #239dff;
  border-color: #239dff;
}
.products .group.group-blue .button:hover,
.segment .group.group-blue .button:hover {
  color: #000;
  border-color: #000;
}
.products .group.group-violet h3 a,
.segment .group.group-violet h3 a {
  color: #9838fb;
}
.products .group.group-violet h3 a:hover,
.segment .group.group-violet h3 a:hover {
  color: #000;
}
.products .group.group-violet .button,
.segment .group.group-violet .button {
  color: #9838fb;
  border-color: #9838fb;
}
.products .group.group-violet .button:hover,
.segment .group.group-violet .button:hover {
  color: #000;
  border-color: #000;
}
.products .col4 a img,
.segment .col4 a img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.products .col4 h3,
.segment .col4 h3 {
  margin-bottom: 12px;
}
.products .col4 h3 a,
.segment .col4 h3 a {
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  color: #000000;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  transition: color 0.25s ease;
  text-transform: uppercase;
}
.products .col4 h4,
.segment .col4 h4 {
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  margin-bottom: 10px;
}
.products .col4 p,
.segment .col4 p {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
}
.products .childs,
.segment .childs {
  margin-left: -2.39520958%;
}
.products .childs .col4,
.segment .childs .col4 {
  margin-left: 2.33918129%;
  width: 30.99415205%;
  margin-bottom: 20px;
}
.products .childs .col4:first-child,
.segment .childs .col4:first-child {
  margin-left: 2.33918129%;
}
.products .files,
.segment .files {
  margin-bottom: 45px;
  margin-left: -2.39520958%;
}
.products .files .button,
.segment .files .button {
  margin: 0;
  margin-left: 2.33918129%;
  width: 30.99415205%;
  margin-bottom: 20px;
  float: left;
}
.products .spec,
.segment .spec {
  margin-top: 40px;
}
.products .spec h3,
.segment .spec h3 {
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  margin-bottom: 0.2em;
}
.products .spec h4,
.segment .spec h4 {
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  margin-bottom: 0.4em;
}
.products .spec img,
.segment .spec img {
  width: 100%;
  height: auto;
}
.products .spec p,
.segment .spec p {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  line-height: 1.4em;
  margin-bottom: 1.4em;
}
.products .spec .prices p,
.segment .spec .prices p {
  padding-bottom: 0.8em;
  margin-bottom: 1em;
  border-bottom: 2px solid #7F7F7F;
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
}
.products .spec .statline,
.segment .spec .statline {
  position: relative;
  margin-top: 60px;
  border-top: 4px solid #000;
  text-align: center;
  margin-bottom: 20px;
}
.products .spec .statline.statline-small li,
.segment .spec .statline.statline-small li {
  width: 55px;
  margin: 0 5px;
}
.products .spec .statline:before,
.segment .spec .statline:before,
.products .spec .statline:after,
.segment .spec .statline:after {
  content: "";
  width: 4px;
  height: 20px;
  position: absolute;
  top: -12px;
  left: 0;
  background: #000;
  border-radius: 2px;
}
.products .spec .statline:after,
.segment .spec .statline:after {
  left: auto;
  right: 0;
}
.products .spec .statline li,
.segment .spec .statline li {
  width: 165px;
  margin: 0 20px;
  display: inline-block;
  vertical-align: top;
}
.products .spec .statline li h4,
.segment .spec .statline li h4 {
  background: #000;
  line-height: 30px;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  color: #ffffff;
  border-radius: 5px;
  margin-bottom: 28px;
  margin-top: -47px;
  position: relative;
}
.products .spec .statline li h4:after,
.segment .spec .statline li h4:after {
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -5px;
  content: "";
  width: 10px;
  height: 10px;
  background: #000;
  border-radius: 10px;
}
.products .spec .statline li p,
.segment .spec .statline li p {
  text-align: left;
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  line-height: 1.4m;
}
.products .spec .statline li p strong,
.segment .spec .statline li p strong {
  display: block;
  margin-bottom: 2px;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
}
.products .spec .statline.theme-red,
.segment .spec .statline.theme-red {
  border-top-color: #f33749;
}
.products .spec .statline.theme-red:before,
.segment .spec .statline.theme-red:before,
.products .spec .statline.theme-red:after,
.segment .spec .statline.theme-red:after,
.products .spec .statline.theme-red li h4,
.segment .spec .statline.theme-red li h4,
.products .spec .statline.theme-red li h4:after,
.segment .spec .statline.theme-red li h4:after {
  background: #f33749;
}
.products .spec .statline.theme-blue,
.segment .spec .statline.theme-blue {
  border-top-color: #239dff;
}
.products .spec .statline.theme-blue:before,
.segment .spec .statline.theme-blue:before,
.products .spec .statline.theme-blue:after,
.segment .spec .statline.theme-blue:after,
.products .spec .statline.theme-blue li h4,
.segment .spec .statline.theme-blue li h4,
.products .spec .statline.theme-blue li h4:after,
.segment .spec .statline.theme-blue li h4:after {
  background: #239dff;
}
.products .spec .statline.theme-violet,
.segment .spec .statline.theme-violet {
  border-top-color: #9838fb;
}
.products .spec .statline.theme-violet:before,
.segment .spec .statline.theme-violet:before,
.products .spec .statline.theme-violet:after,
.segment .spec .statline.theme-violet:after,
.products .spec .statline.theme-violet li h4,
.segment .spec .statline.theme-violet li h4,
.products .spec .statline.theme-violet li h4:after,
.segment .spec .statline.theme-violet li h4:after {
  background: #9838fb;
}
.products .spec .statline.theme-green,
.segment .spec .statline.theme-green {
  border-top-color: #25BD40;
}
.products .spec .statline.theme-green:before,
.segment .spec .statline.theme-green:before,
.products .spec .statline.theme-green:after,
.segment .spec .statline.theme-green:after,
.products .spec .statline.theme-green li h4,
.segment .spec .statline.theme-green li h4,
.products .spec .statline.theme-green li h4:after,
.segment .spec .statline.theme-green li h4:after {
  background: #25BD40;
}
.video {
  margin-bottom: 20px;
}
.breadcrumbs {
  padding: 25px 0 15px;
  margin-left: 285px;
}
.breadcrumbs li {
  float: left;
  padding-right: 20px;
}
.breadcrumbs li strong {
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  text-transform: uppercase;
}
.breadcrumbs li a {
  position: relative;
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  color: #666;
}
.breadcrumbs li a:hover {
  text-decoration: underline;
}
.breadcrumbs li a:after {
  position: absolute;
  top: 0px;
  right: -13px;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  color: #000;
  content: ">";
}
.contact h2 {
  margin-bottom: 0.8em;
}
.contact h3 {
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  color: #bbbbbb;
}
.contact label {
  display: block;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.contact label.radio-title {
  margin-bottom: 10px;
}
.contact label.radio {
  text-transform: none;
  margin-bottom: 10px;
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
}
.contact label.radio input {
  margin: 0 5px 0 15px;
}
.contact .form-row {
  margin-bottom: 12px;
  padding-bottom: 7px;
  border-bottom: 1px solid #000;
}
.contact input[type~="text"],
.contact span,
.contact textarea {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  color: #000000;
  display: block;
  line-height: 1.2em;
  padding: 3px 0;
  margin: 0;
  width: 100%;
  border: 0;
}
.contact input[type~="text"],
.contact textarea {
  text-indent: 15px;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAYAAADjAO9DAAAAEElEQVQIW2NkYGD4D8Q4AQAdJQEB78hvlAAAAABJRU5ErkJggg==') 0 14px no-repeat;
}
.contact .error {
  color: #f92d44;
}
.contact .g-recaptcha {
  margin-bottom: 10px;
}
.footer {
  padding: 80px 0;
}
.footer .col4 {
  border-top: 1px solid #000;
}
.footer .col4 h3 {
  padding: 25px 0 15px;
  font-weight: 700;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
}
.footer .col4 h3 a {
  color: #000;
}
.footer .col4 h3 a:hover {
  text-decoration: underline;
}
.footer .col4 p,
.footer .col4 ul li a {
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
  font-size: 17px;
  color: #000000;
  line-height: 1.4em;
}
.footer .col4 ul li a:hover {
  text-decoration: underline;
}
.banner-fixed {
  position: fixed;
  left: 40px;
  bottom: 0;
  display: block;
}
.banner-fixed img {
  display: block;
}
.theme-red .menu li a {
  color: #f92d44;
}
.theme-red .menu li a.active {
  color: #ccc;
}
.theme-red .menu li a:hover {
  color: #000;
}
.theme-red .breadcrumbs li a:after {
  color: #239dff;
}
.theme-red .footer a {
  color: #f92d44;
}
.theme-red .products .content p a,
.theme-red .segment .content p a {
  color: #239dff;
}
.theme-red .products .content p a:hover,
.theme-red .segment .content p a:hover {
  color: #000;
}
.theme-red.page-hp .top,
.theme-red.page-products .top {
  background: #f33749 url('../clip/bg-top-red.png') 50% 0 no-repeat;
}
.theme-red.page-hp .top .top-panel.fixed,
.theme-red.page-products .top .top-panel.fixed,
.theme-red.page-hp .page-static .top .top-panel,
.theme-red.page-products .page-static .top .top-panel,
.theme-red.page-hp .page-product .top .top-panel,
.theme-red.page-products .page-product .top .top-panel {
  background: #f33749;
}
.theme-red.page-hp .home .col2x h3 a,
.theme-red.page-products .home .col2x h3 a {
  color: #f33749;
}
.theme-red.page-hp .home .col2x h3 a:hover,
.theme-red.page-products .home .col2x h3 a:hover {
  color: #fff;
}
.theme-red.page-hp .home .col2x .more,
.theme-red.page-products .home .col2x .more {
  background: #f33749;
}
.theme-red.page-hp .home .col2x .more:hover,
.theme-red.page-products .home .col2x .more:hover {
  background: #fff;
}
.theme-red.page-segment.type-byty .top {
  background-image: url('../clip/bg-byty-red.jpg');
}
.theme-red.page-segment.type-domy .top {
  background-image: url('../clip/bg-domy-red.jpg');
}
.theme-red.page-segment.type-objekty .top {
  background-image: url('../clip/bg-objekty-red.jpg');
}
.theme-red.page-segment .top {
  background: #f33749 url('../clip/bg-byty-red.jpg') 50% 50% no-repeat;
  background-size: cover;
}
.theme-red.page-segment .top .wrapper {
  background: url('../clip/bg-stop-red.png') 50% 0 no-repeat;
}
.theme-red.page-segment .top .top-panel.fixed,
.theme-red.page-segment .page-static .top .top-panel,
.theme-red.page-segment .page-product .top .top-panel {
  background: #f33749;
}
.theme-red.page-segment .top h2 {
  color: #FFF;
}
.theme-red.page-segment .top h2 strong {
  color: #f92d44;
}
.theme-red.page-segment .top .subnavigation li a {
  border: 4px solid #239dff;
  color: #239dff;
}
.theme-red.page-segment .top .subnavigation li a:hover {
  color: #fff;
  border-color: #fff;
}
.theme-red.page-segment .top .subnavigation li a.active {
  color: #ddd;
  border: 0;
  border-bottom: 4px solid #ddd;
  border-top: 4px solid transparent;
}
.theme-red.page-segment .top .subnavigation li a.active:hover {
  color: #fff;
  border-bottom-color: #fff;
}
.theme-red.page-product .top .top-panel,
.theme-red.page-static .top .top-panel {
  background: #f33749;
}
.theme-red .segment .col4 h3 a {
  color: #239dff;
}
.theme-red .segment .col4 h3 a:hover {
  color: #000;
  border-color: #000;
}
.theme-red .segment .button {
  color: #239dff;
  border-color: #239dff;
}
.theme-red .segment .button:hover {
  color: #000;
  border-color: #000;
}
@media (max-width: 768px) {
  .theme-red .top .top-panel .navigation {
    background: #f33749;
  }
  .theme-red .top .top-panel .navigation li a {
    border-bottom: 1px solid #f66775;
  }
}
.theme-blue .menu li a {
  color: #239dff;
}
.theme-blue .menu li a.active {
  color: #ccc;
}
.theme-blue .menu li a:hover {
  color: #000;
}
.theme-blue .breadcrumbs li a:after {
  color: #f92d44;
}
.theme-blue .footer a {
  color: #239dff;
}
.theme-blue .products .content p a,
.theme-blue .segment .content p a {
  color: #f92d44;
}
.theme-blue .products .content p a:hover,
.theme-blue .segment .content p a:hover {
  color: #000;
}
.theme-blue.page-hp .top,
.theme-blue.page-products .top {
  background: #239dff url('../clip/bg-top-blue.png') 50% 0 no-repeat;
}
.theme-blue.page-hp .top .top-panel.fixed,
.theme-blue.page-products .top .top-panel.fixed,
.theme-blue.page-hp .page-static .top .top-panel,
.theme-blue.page-products .page-static .top .top-panel,
.theme-blue.page-hp .page-product .top .top-panel,
.theme-blue.page-products .page-product .top .top-panel {
  background: #239dff;
}
.theme-blue.page-hp .home .col2x h3 a,
.theme-blue.page-products .home .col2x h3 a {
  color: #239dff;
}
.theme-blue.page-hp .home .col2x h3 a:hover,
.theme-blue.page-products .home .col2x h3 a:hover {
  color: #fff;
}
.theme-blue.page-hp .home .col2x .more,
.theme-blue.page-products .home .col2x .more {
  background: #239dff;
}
.theme-blue.page-hp .home .col2x .more:hover,
.theme-blue.page-products .home .col2x .more:hover {
  background: #fff;
}
.theme-blue.page-segment.type-byty .top {
  background-image: url('../clip/bg-byty-blue.jpg');
}
.theme-blue.page-segment.type-domy .top {
  background-image: url('../clip/bg-domy-blue.jpg');
}
.theme-blue.page-segment.type-objekty .top {
  background-image: url('../clip/bg-objekty-blue.jpg');
}
.theme-blue.page-segment .top {
  background: #239dff url('../clip/bg-byty-blue.jpg') 50% 50% no-repeat;
  background-size: cover;
}
.theme-blue.page-segment .top .wrapper {
  background: url('../clip/bg-stop-blue.png') 50% 0 no-repeat;
}
.theme-blue.page-segment .top .top-panel.fixed,
.theme-blue.page-segment .page-static .top .top-panel,
.theme-blue.page-segment .page-product .top .top-panel {
  background: #239dff;
}
.theme-blue.page-segment .top h2 {
  color: #FFF;
}
.theme-blue.page-segment .top h2 strong {
  color: #239dff;
}
.theme-blue.page-segment .top .subnavigation li a {
  border: 4px solid #f33749;
  color: #f33749;
}
.theme-blue.page-segment .top .subnavigation li a:hover {
  color: #fff;
  border-color: #fff;
}
.theme-blue.page-segment .top .subnavigation li a.active {
  color: #ddd;
  border: 0;
  border-bottom: 4px solid #ddd;
  border-top: 4px solid transparent;
}
.theme-blue.page-segment .top .subnavigation li a.active:hover {
  color: #fff;
  border-bottom-color: #fff;
}
.theme-blue.page-product .top .top-panel,
.theme-blue.page-static .top .top-panel {
  background: #239dff;
}
.theme-blue .segment .col4 h3 a {
  color: #f33749;
}
.theme-blue .segment .col4 h3 a:hover {
  color: #000;
  border-color: #000;
}
.theme-blue .segment .button {
  color: #f33749;
  border-color: #f33749;
}
.theme-blue .segment .button:hover {
  color: #000;
  border-color: #000;
}
@media (max-width: 768px) {
  .theme-blue .top .top-panel .navigation {
    background: #239dff;
  }
  .theme-blue .top .top-panel .navigation li a {
    border-bottom: 1px solid #56b4ff;
  }
}
.theme-violet .menu li a {
  color: #9838fb;
}
.theme-violet .menu li a.active {
  color: #ccc;
}
.theme-violet .menu li a:hover {
  color: #000;
}
.theme-violet .breadcrumbs li a:after {
  color: #9838fb;
}
.theme-violet .footer a {
  color: #9838fb;
}
.theme-violet.page-hp .top,
.theme-violet.page-products .top {
  background: #9838fb url('../clip/bg-top-violet.png') 50% 0 no-repeat;
}
.theme-violet.page-hp .top .top-panel.fixed,
.theme-violet.page-products .top .top-panel.fixed,
.theme-violet.page-hp .page-static .top .top-panel,
.theme-violet.page-products .page-static .top .top-panel,
.theme-violet.page-hp .page-product .top .top-panel,
.theme-violet.page-products .page-product .top .top-panel {
  background: #9838fb;
}
.theme-violet.page-hp .home .col2x h3 a,
.theme-violet.page-products .home .col2x h3 a {
  color: #9838fb;
}
.theme-violet.page-hp .home .col2x h3 a:hover,
.theme-violet.page-products .home .col2x h3 a:hover {
  color: #fff;
}
.theme-violet.page-hp .home .col2x .more,
.theme-violet.page-products .home .col2x .more {
  background: #9838fb;
}
.theme-violet.page-hp .home .col2x .more:hover,
.theme-violet.page-products .home .col2x .more:hover {
  background: #fff;
}
.theme-violet.page-segment .top {
  background: #9838fb url('../clip/bg-byty-violet.jpg') 50% 50% no-repeat;
  background-size: cover;
}
.theme-violet.page-segment .top .wrapper {
  background: url('../clip/bg-stop-blue.png') 50% 0 no-repeat;
}
.theme-violet.page-segment .top .top-panel.fixed,
.theme-violet.page-segment .page-static .top .top-panel,
.theme-violet.page-segment .page-product .top .top-panel {
  background: #9838fb;
}
.theme-violet.page-segment .top h2 {
  color: #FFF;
}
.theme-violet.page-segment .top h2 strong {
  color: #9838fb;
}
.theme-violet.page-product .top .top-panel,
.theme-violet.page-static .top .top-panel {
  background: #9838fb;
}
@media (max-width: 768px) {
  .theme-violet .top .top-panel .navigation {
    background: #9838fb;
  }
  .theme-violet .top .top-panel .navigation li a {
    border-bottom: 1px solid #b26afc;
  }
}
@media (max-width: 1024px) {
  .product .youtube-container,
  .segment .youtube-container {
    width: 210%;
  }
  .product .answer .youtube-container,
  .segment .answer .youtube-container {
    width: 100%;
  }
  .button {
    font-size: 16px;
    line-height: 44px;
  }
  .top .top-panel .navigation li a {
    font-size: 22px;
  }
  .top h2 {
    font-size: 62px;
  }
  .top p {
    font-size: 24px;
  }
  .top .subnavigation li a {
    font-size: 20px;
  }
  .home .col2x h3 a {
    font-size: 34px;
  }
  .home .col2x .more {
    font-size: 20px;
    line-height: 50px;
  }
  .home p {
    font-size: 15px;
  }
  .home .col3 h3 a {
    font-size: 18px;
  }
  .products .main-image,
  .segment .main-image {
    width: 100%;
    display: block;
  }
  .products h2,
  .segment h2 {
    font-size: 32px;
  }
  .products .content p,
  .segment .content p,
  .products .spec p,
  .segment .spec p {
    font-size: 16px;
  }
  .products .content p.title,
  .segment .content p.title,
  .products .spec p.title,
  .segment .spec p.title {
    font-size: 20px;
  }
  .products .content ul,
  .segment .content ul,
  .products .spec ul,
  .segment .spec ul {
    font-size: 16px;
  }
  .products .col4 h3 a,
  .segment .col4 h3 a {
    font-size: 20px;
  }
  .products .col4 h4,
  .segment .col4 h4 {
    font-size: 14px;
  }
  .products .spec .statline.statline-small li,
  .segment .spec .statline.statline-small li {
    width: 40px;
  }
  .products .spec .statline.statline-small li h4,
  .segment .spec .statline.statline-small li h4 {
    font-size: 13px;
  }
  .products .spec .statline.statline-small li p,
  .segment .spec .statline.statline-small li p {
    font-size: 12px;
  }
  .contact .col4 {
    width: 48.80239521%;
    margin-left: 2.39520958%;
    float: left;
  }
  .contact .col4:first-child {
    margin-left: 0;
  }
  .contact .col4:nth-child(2) {
    margin-left: 0;
  }
  .contact .col4x {
    width: 83.83233533%;
    margin-left: 2.39520958%;
    float: left;
    padding-right: 0;
  }
  .contact .col4x:first-child {
    margin-left: 0;
  }
  .contact .col2p {
    width: 100%;
    margin-left: 2.39520958%;
    float: left;
    padding-left: 0;
  }
  .contact .col2p:first-child {
    margin-left: 0;
  }
  .questions .question h3 {
    font-size: 18px;
  }
  .questions .answer {
    font-size: 15px;
  }
  .footer .col4 h3 {
    font-size: 18px;
  }
  .footer .col4 ul li a,
  .footer .col4 p {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .menu,
  .menu.fixed {
    position: relative;
    top: auto !important;
    left: auto !important;
    margin-bottom: 40px;
  }
  .top .wrapper {
    min-height: initial;
  }
  .top h2 {
    font-size: 48px;
  }
  .top .subnavigation li {
    width: 190px;
    margin-bottom: 10px;
  }
  .top .subnavigation li a {
    font-size: 17px;
  }
  .product object,
  .segment object {
    width: 100% !important;
  }
  .top .top-panel .navigation-link {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50px;
    right: 40px;
  }
  .top .top-panel .navigation {
    right: 20px;
    top: 30px;
  }
  .top .top-panel.fixed .navigation,
  .top .top-panel .navigation,
  .page-static .top .top-panel .navigation,
  .page-product .top .top-panel .navigation {
    display: none;
    box-sizing: border-box;
    width: 240px;
    padding: 80px 10px 40px 10px;
  }
  .top .top-panel.fixed .navigation li,
  .top .top-panel .navigation li,
  .page-static .top .top-panel .navigation li,
  .page-product .top .top-panel .navigation li {
    display: block;
    float: none;
    margin: 0;
  }
  .top .top-panel.fixed .navigation li a,
  .top .top-panel .navigation li a,
  .page-static .top .top-panel .navigation li a,
  .page-product .top .top-panel .navigation li a {
    font-size: 16px;
    line-height: 39px;
  }
  .top .top-panel.fixed .navigation li:last-child a,
  .top .top-panel .navigation li:last-child a,
  .page-static .top .top-panel .navigation li:last-child a,
  .page-product .top .top-panel .navigation li:last-child a {
    border-bottom: none;
  }
  .top .top-panel.fixed .navigation-link,
  .page-static .top .top-panel .navigation-link,
  .page-product .top .top-panel .navigation-link {
    top: 20px;
  }
  .top .top-panel.fixed .navigation,
  .page-static .top .top-panel .navigation,
  .page-product .top .top-panel .navigation {
    top: 0;
    right: 20px;
  }
  .breadcrumbs {
    margin-left: 0;
  }
  .group {
    padding-left: 0;
  }
}
@media (max-width: 480px) {
  .breadcrumbs {
    display: none;
  }
  .product .youtube-container,
  .segment .youtube-container {
    width: 100%;
  }
  .page-static .product .youtube-container,
  .page-static .segment .youtube-container {
    width: 100%;
  }
  .page-static .product .youtube-container.small,
  .page-static .segment .youtube-container.small {
    width: 100%;
  }
  .answer img {
    display: block;
    width: 100%;
    height: auto;
  }
  .wrapper,
  .top .top-panel.fixed .fixed-wrapper,
  .page-static .top .top-panel .fixed-wrapper,
  .page-product .top .top-panel .fixed-wrapper {
    padding: 0 20px;
  }
  .home .wrapper {
    height: auto;
  }
  .page-static .top .top-panel h1,
  .page-product .top .top-panel h1,
  .top .top-panel h1,
  .top .top-panel.fixed h1,
  .page-static .top .top-panel h1,
  .page-product .top .top-panel h1 {
    top: 18px;
  }
  .page-static .top .top-panel h1 a,
  .page-product .top .top-panel h1 a,
  .top .top-panel h1 a,
  .top .top-panel.fixed h1 a,
  .page-static .top .top-panel h1 a,
  .page-product .top .top-panel h1 a {
    background: url('../clip/logo-small.png') 0 0 no-repeat;
    background-size: contain;
    width: 180px;
    height: 27px;
  }
  .page-static .top .top-panel h1 a img,
  .page-product .top .top-panel h1 a img,
  .top .top-panel h1 a img,
  .top .top-panel.fixed h1 a img,
  .page-static .top .top-panel h1 a img,
  .page-product .top .top-panel h1 a img {
    display: none;
  }
  .page-static .top,
  .page-product .top {
    height: 60px;
  }
  .page-static .top .top-panel,
  .page-product .top .top-panel,
  .top .top-panel.fixed,
  .page-static .top .top-panel,
  .page-product .top .top-panel {
    height: 60px;
  }
  .top .wrapper {
    padding: 100px 20px 20px 20px;
    height: auto;
  }
  .top .top-panel .navigation-link {
    top: 9px;
    right: 20px;
  }
  .top .top-panel .navigation {
    padding-top: 60px;
  }
  .top .top-panel.fixed .navigation,
  .top .top-panel .navigation,
  .page-static .top .top-panel .navigation,
  .page-product .top .top-panel .navigation {
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
  }
  .top .top-panel.fixed .navigation-link,
  .page-static .top .top-panel .navigation-link,
  .page-product .top .top-panel .navigation-link {
    top: 9px;
  }
  .top .top-panel.fixed .navigation,
  .page-static .top .top-panel .navigation,
  .page-product .top .top-panel .navigation {
    top: 0;
    right: 20px;
  }
  .top h2 {
    font-size: 24px;
  }
  .top h2 em {
    border-width: 4px;
  }
  .top p {
    font-size: 16px;
  }
  .top .subnavigation {
    position: relative;
    bottom: 0;
    left: 0;
  }
  .home .col2x {
    margin-bottom: 40px;
  }
  .home .col2x h3 a {
    font-size: 24px;
  }
  .home .col2x .more {
    font-size: 16px;
    line-height: 40px;
  }
  .home p {
    font-size: 15px;
  }
  .home .col3 h3 a {
    font-size: 18px;
  }
  .col2,
  .col2x,
  .col3,
  .col4,
  .col4x {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .group,
  .products .childs,
  .segment .childs {
    margin-left: 0;
  }
  .group .col2,
  .products .childs .col2,
  .segment .childs .col2,
  .group .col2x,
  .products .childs .col2x,
  .segment .childs .col2x,
  .group .col3,
  .products .childs .col3,
  .segment .childs .col3,
  .group .col4,
  .products .childs .col4,
  .segment .childs .col4,
  .group .col4x,
  .products .childs .col4x,
  .segment .childs .col4x {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .group .col2:first-child,
  .products .childs .col2:first-child,
  .segment .childs .col2:first-child,
  .group .col2x:first-child,
  .products .childs .col2x:first-child,
  .segment .childs .col2x:first-child,
  .group .col3:first-child,
  .products .childs .col3:first-child,
  .segment .childs .col3:first-child,
  .group .col4:first-child,
  .products .childs .col4:first-child,
  .segment .childs .col4:first-child,
  .group .col4x:first-child,
  .products .childs .col4x:first-child,
  .segment .childs .col4x:first-child {
    margin-left: 0;
  }
  .products .spec h3,
  .segment .spec h3 {
    font-size: 16px;
  }
  .products .spec p,
  .segment .spec p {
    font-size: 14px;
  }
  .products .spec .statline.statline-small li,
  .segment .spec .statline.statline-small li {
    margin: 0 -5px;
  }
  .products .spec .statline.statline-small li h4,
  .segment .spec .statline.statline-small li h4 {
    font-size: 11px;
  }
  .products .spec .statline.statline-small li p,
  .segment .spec .statline.statline-small li p {
    font-size: 11px;
  }
  .products .files,
  .segment .files {
    padding-top: 10px;
    margin-left: 0;
  }
  .products .files .button,
  .segment .files .button {
    width: 100%;
    float: none;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .products .group,
  .segment .group {
    margin-bottom: 40px;
  }
  .products h2,
  .segment h2 {
    font-size: 18px;
    font-weight: 400;
  }
  .products .content p,
  .segment .content p {
    font-size: 14px;
  }
  .products .content ul,
  .segment .content ul {
    margin-left: 20px;
  }
  .products p.title,
  .segment p.title {
    font-size: 15px;
    line-height: 39px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
  }
  .products .childs .col4,
  .segment .childs .col4 {
    margin-bottom: 0;
  }
  .products .childs .col4 > a,
  .segment .childs .col4 > a,
  .products .childs .col4 > h4,
  .segment .childs .col4 > h4,
  .products .childs .col4 > p,
  .segment .childs .col4 > p {
    display: none;
  }
  .products .childs .col4 h3,
  .segment .childs .col4 h3 {
    margin-bottom: 0;
  }
  .products .childs .col4 h3 a,
  .segment .childs .col4 h3 a {
    display: block;
    line-height: 39px;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
  }
  .products .childs .col4 h3 a br,
  .segment .childs .col4 h3 a br {
    display: none;
  }
  .products .childs.gallery .col4 > a,
  .segment .childs.gallery .col4 > a {
    display: block;
  }
  .footer {
    padding: 20px 0;
  }
  .footer .col4 {
    margin-bottom: 20px;
  }
  .footer .col4.alpha {
    border-top: none;
  }
  #page-contact {
    padding: 20px 0;
    background: #eee;
  }
  #page-contact .contact {
    margin-bottom: 0;
  }
  #page-contact h3 {
    font-size: 15px;
    color: #AAA;
  }
  #page-contact label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
  }
  #page-contact input[type~="text"],
  #page-contact textarea {
    background: #FFF;
    border: 1px solid #888;
    padding: 10px;
    font-size: 14px;
    box-sizing: border-box;
    text-indent: 0;
  }
  #page-contact .form-row {
    border-bottom: 0;
  }
  #page-contact .button {
    width: 100%;
  }
  .contact .g-recaptcha {
    margin-bottom: 15px;
  }
  .contact .g-recaptcha > div > div {
    margin: 0 auto;
  }
}
@media (max-width: 320px) {
  .contact .g-recaptcha {
    margin-left: -10px;
  }
}
@media (max-width: 768px) {
  .banner-fixed {
    display: none;
  }
}