/* default
 * ============================================ */
* 			     {margin: 0; padding: 0; outline: 0 none;} 
blockquote		{margin-left: 20px;}
table               {border-color: #beb9b9; margin-bottom: 20px}
table td            {border-color: #beb9b9; padding-left: 5px;}
p         		{padding: 0 0 10px 0; -moz-hyphens: auto;}
p img               {vertical-align: middle}
a         		{color: inherit; text-decoration: underline; -webkit-transition: color 0.4s;-moz-transition: color 0.4s;-ms-transition: color 0.4s;-o-transition: color 0.4s;transition: color 0.4s;} 
a:hover   		{text-decoration: none;}
hr             	{border-top: 1px solid #dedede; border-width:1px 0 0 0; height: 0; margin: 10px 0;}
h1,h2,h3,h4,h5,h6   {color: inherit; font: bold 36px/1.3 "Oswald",sans-serif; margin: 10px 0;}
h2                  {margin-bottom: 25px; line-height: 1.1}
h3                  {font-size: 25px;}
h4,h5,h6            {margin-bottom: 5px; font-size: 22px;}
#wrapper            {font: normal 15px/1.6 "Roboto",Helvetica,Arial,sans-serif; color: #686767; text-align: left; min-height: 100%; overflow: hidden}
#body               {overflow: hidden; position: relative;}


/* content default
 * ============================================ */
.content ul,
.content ol         {margin-left: 20px; margin-bottom: 10px;}
.content ul > li    {list-style: outside disc;}
.content ol > li    {list-style: outside decimal;}

.content img        {max-width: 100%; height: auto !important;}
.content img.left   {margin-bottom: 10px; margin-right: 20px; float: left}
.content img.right  {margin-bottom: 10px; margin-left: 20px; float: right}

.content iframe     {border: 1px solid #beb9b9; max-width: 100%;}

::selection {background: #d1d2d3; color: #fff}
::-moz-selection {background: #d1d2d3; color: #fff}


/* dafault form
 * ============================================ */
form input[type=text], form select {display:block; width:100%; height:32px; line-height: 32px;}
form input[type=text], form select, form textarea {background:#f0f0f0; padding-left:10px; border:1px solid #d2d2d2; margin-bottom:7px; font-family: inherit; color: #5D5757;}
form input[type=text]:focus, form select:focus, form textarea:focus {border-color: #adaa9f}

form select {padding: 4px 3px 3px 10px;}
form select option {padding: 2px 10px;}
form textarea {padding:8px 10px; width:100%; max-width:100%; min-width:100%; overflow:auto;}
form label {line-height: 28px !important;}
form  input[type=submit] {background: #403C3D; border: 0 none; color: #fff; height: 32px; line-height: 32px; display: block; cursor: pointer; margin-top: 7px; float: right; padding: 0 20px; border-radius: 3px}
form  input[type=submit]:hover {background: #6e6b6b}
form  input[type=submit]:active {background: #525050}
.form-wrap {width: 100%;}

form .one-half:nth-child(2n) {margin-right: 0}

form .captcha-wrap {float: left;}
form .captcha,
form #captcha {float: left; margin-right: 10px; margin-top: 7px}
form input[name=kod],
form input[name=kod2] {width: 110px; float: left; margin-right: 0; margin-top: 7px}


/* dafault sidebar
 * ============================================ */
.sidebar {margin: 0;}
.sidebar .box {list-style: none outside none; margin-bottom: 15px}
.sidebar .box:last-child {margin-bottom: 0;}

.sidebar h3.box-title {margin-bottom: 25px; font-size: 28px;}
.sidebar .button {}


/* class
 * ============================================ */
.content01     	{float: left; width: 45%;}     
.content02     	{float: left; width: 45%; margin-left: 10%;}
.content03          {float: left; width: 100%; clear: both}
.wrongVal           {background: #ee8282 !important; border-color: #d83939 !important}
.msg                {clear: both; padding: 10px 0 15px;}
.strong             {font-weight: bold}

.wrap               {width: 1140px; margin: 0 auto;}
.clearfix:after     {content: " "; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size: 0;}
.clearfix           {display: block;}

.button             {padding: 8px 20px 8px 20px; display: inline-block; font-family: 'Oswald',Helvetica,Arial,sans-serif; font-size: 14px;
    text-transform: uppercase;}
.button:hover       {text-decoration: none}
.special-container  {background: #ebebec; padding: 30px 100px 10px; color: #fff; font-size: 18px; line-height: 1.3}
.slider-content a.btn    {width: auto; bottom: 150px; color: inherit;width: auto; z-index: 11; position: relative; top: auto;}

.one-half {width: 49%; float: left; margin-right: 2%}
.one-third {width: 31%; float: left; margin-right: 3%; margin-bottom: 10px}
.one-fourth {width: 24%; float: left; margin-right: 1%}

.one-half.last-item, .one-third.last-item,
.one-fourth.last-item {margin-right: 0}

.success    {color: #008000}
.danger     {color: #b40000}

.btn:focus,.btn:active,
a:focus, a:active   {outline: none !important;}
a.more       {background-color: #dd4033; color: #fff !important; padding: 11px 28px; border-radius: 0; text-transform: uppercase;
    text-decoration: none; margin-top: 20px;}
.more:hover {background-color: #423b3b; color: #fff;}
.content a     {color: #D9291A;}
.content h2    {font-size: 24px;}
.content h3    {font-size: 22px;}
.content h4    {font-size: 20px;}
.content h5    {font-size: 18px;}
.content h6    {font-size: 16px;}

.fancybox-button--share {display: none !important;}

/* common
 * ============================================ */
.form-wrap, form textarea, form input[type=text],
#main, .content img, #logo, .desc-wrap, .special-container, .one-third {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

#nav a, #header a, #nav:not(.active), .button,
.slider-content-nav .slider-prev, .slider-content-nav .slider-next,#header-up .box a,
#header-up .box .fa, .more,#box-home-up .box:before, #box-home-cert .box img, .btn,input, .gallery-wrap .item,
.gallery-wrap .title, #box-home-tech .box h4 a
{-webkit-transition: all 0.4s; -moz-transition: all 0.4s;-ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s;}


/* header
 * ============================================ */
#header {margin: auto; position: relative}
#header a {text-decoration: none}
#header a:hover {opacity: 0.8}
.header-up-2 img {margin:10px 0px}

.page #top {background-color: #f0f0f0;}
#top .titlewrap {text-align: left; text-transform: uppercase; padding: 40px 0}
#top .titlewrap h2  {margin: 0}
.page #top .wrap    { position: relative;}

#logo {margin: 0; padding: 2px 0 15px; line-height: 110px;  display: block; float: left;}
#logo img {max-width: 100%; max-height: 100%;  vertical-align: middle;}
.links {float: right; padding-top: 25px; padding-right: 10px; font-size: 13px}
.links li {display: inline-block; margin-left: 20px}

#langs {padding: 16px 10px; line-height: 0.8; float: right; margin-bottom: 0;}
#langs li, #langs li span, #langs li a {display: inline-block}
#langs li {margin: 0 5px}
#langs li span, #langs li a {background: url('../images/langs_v2.png') no-repeat; background-size: cover; width: 22px; height: 14px; text-indent: -20px; overflow: hidden;}

#langs li.active {opacity: 0.5}

#langs li.lang-pl span, #langs li.lang-pl a {background-position: left top}
#langs li.lang-en span, #langs li.lang-en a {background-position: left -16px}
#langs li.lang-de span, #langs li.lang-de a {background-position: left -33px}
#langs li.lang-ru span, #langs li.lang-ru a {background-position: left -50px}


/* main
 * ============================================ */
#main {position: relative; padding: 40px 0 0;}
.page #main    {padding-bottom: 50px;}
.page-template-ext #main {padding: 0}
.page-template-ext #main {width: 100%}
.box-text {margin-bottom: 15px}

.page #main p {color: #696969}
.page #main strong  {color: #423b3b;}

.page-sidebar-column #content {width: 820px; float: left}
#sidebar-column {float: left; width: 260px; margin-left: 60px}

.sidebar-column-left.page-sidebar-column #content {float: right}
.sidebar-column-left #sidebar-column {margin-left: 0}


/* nav (horizontal)
 * ============================================ */
#nav {float: right; padding-top: 30px;}
#nav .menu {padding: 15px 0;}

#nav .menu li {list-style: none outside none; position: relative;}
#nav .menu > li {display: inline-block;}
#nav a {text-decoration: none; font: normal 14px/1em 'Oswald',sans-serif; color: #423b3b; display: block;
   text-transform: uppercase; padding: 10px 22px;}

#nav .menu > li:hover > a,
#nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {background-color: #d9291a; color: #fff; opacity: 1}

#nav .menu > li.parent:hover > a {}

#nav .menu > li:last-child {margin-right: 0; border-right: 0}

/* submenu */
#nav .menu ul {background: #fff; position: absolute; left: 0; top: 34px; display: none;  padding: 5px 0; z-index: 196; min-width: 115%; visibility: hidden;}
#nav .menu ul li {border-bottom: 1px dotted #fff; white-space: nowrap;}
#nav .menu li:last-child ul {left: auto; right: 0;}
#nav .menu li:hover > ul {display: block; visibility: visible}
#nav .menu ul li a {padding: 9px 20px 9px; font-size: 16px; text-transform: none; float: none !important; margin: 0; -webkit-transition: background-color 0.4s;-moz-transition: background-color 0.4s;-ms-transition: background-color 0.4s;-o-transition: background-color 0.4s;transition: color 0.4s;}
/*#nav .menu ul li a:before {content: "→"; float: left; font: normal 13px/1.7 Arial, Helvetica, sans-serif; text-indent: -9px; overflow: hidden; margin-right: 15px; display: inline-block; height: auto; width: auto}*/

#nav .menu ul li:last-child {border: none;}
#nav .menu ul a:hover {background-color: #b9281a; opacity: 1; color: #fff;}

#nav .menu ul ul {left: 100%; top: -15px;} /* level 3 */

#button-mobile-menu {display: none; overflow: hidden}
#button-mobile-menu a {background: url('../images/nav-mob.png') #f4f4f6 no-repeat center center; display: block; display: block; float: right; width: 50px; height: 50px; text-indent: -100px; border: 0 none; overflow: hidden; padding: 0 !important; border-radius: 50px; opacity: 0.55}
#button-mobile-menu a:hover {opacity: 1}


/* slider
 * ============================================ */
/* dla flexa z foto w background
/*#slider-content-20 img {display: none !important}*/
/*.flexslider .slides {list-style: none outside none}*/
/*#slider-content-20 .slides > li, #header-image {background-position: center center; background-size: cover; float: left; display: block; height: 728px;}*/
/*#header-image {float: none}*/

/*
.slider-content-wrap {background: url('../images/loading.gif') #fff no-repeat center center; padding: 0; position: relative; margin-bottom: 25px;}
ul.slider-content {background: #fff; padding: 0; margin: 0; overflow: hidden;}
.slider-content li.item {background: none; display: block; padding: 0; max-width: 100%; float: left; position: relative}
.slider-content img {max-width: 100%; width: 100%;}
*/
/*.slider-content .layer-mask {background: url('../images/slider-mask.png'); display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%}*/
/*
.slider-content-slides {overflow: hidden}
.slider-content-loader {height: 0; padding: 0 0 39.5%}
.slider-content-wrap .desc-wrap:before {background: #bfbfbf; content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.9}
.slider-content-wrap .desc-wrap {position: absolute; z-index: 10; color: #fff; left: -12px; bottom: 0; top: 0; margin: auto; width: 420px; height: 155px; color: #fff; padding: 5px 5px 5px 50px; line-height: 1.2}
.slider-content-wrap .desc-wrap:after {background: url('../images/slider-desc-corner.png'); content: ""; width: 12px; height: 7px; display: inline-block; position: absolute; left: 0; bottom: -7px}
.slider-content-wrap .desc-wrap h3 {color: inherit; font-size: 30px; padding: 0;}

.slider-content a {width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; z-index: 10}

.slider-content-nav {position: absolute; right: -12px; bottom: 0; top: 0; margin: auto; z-index: 10; height: 45px;}
.slider-content-nav .slider-prev, .slider-content-nav .slider-next {background-image: url('../images/arrows-slider.png'); background-repeat: no-repeat; width: 45px; height: 45px; font-size: 18px; line-height: 18px; vertical-align: middle; display: block; color: #fff; margin: 55px 0 0 1px; text-align: center; text-indent: -2000em; opacity: 0.8}
.slider-content-nav .slider-prev {background-position: 12px 8px; float: left}
.slider-content-nav .slider-next {background-position: -48px 8px; float: left;}
.slider-content-nav.dark-color .slider-prev {background-position: 12px -44px; float: left}
.slider-content-nav.dark-color .slider-next {background-position: -48px -44px; float: left;}
.slider-content-nav .slider-prev:hover, .slider-content-nav .slider-next:hover {opacity: 1; text-decoration: none}

.slider-content-paging-wrap {text-align: center; padding: 0; margin-top: -34px; position: relative; z-index: 10}
.slider-content-paging:before {background: url('../images/corner-paging.png') no-repeat left top; content: ""; width: 15px; height: 34px; display: inline-block; position: absolute; left: -15px; top: 0}
.slider-content-paging {background: url('../images/bg-paging.png') no-repeat right top; position: relative; display: inline-block !important; padding: 10px 25px 10px 10px; line-height: 0.1em;}
.slider-content-paging a span {background: #cecdcd; display: inline-block; width: 11px; height: 11px; border: 1px solid #fff; overflow: hidden; text-indent: -2000em; border-radius: 13px;}
.slider-content-paging a {border: 1px solid #cecdcd; border-radius: 13px;  margin: 0 4px; display: inline-block !important;}
.slider-content-paging a.selected span {background: #595959}

.caroufredsel_wrapper {background: #fff; overflow: hidden}

.slider-content-paging, .slider-content-nav .slider-prev, .slider-content-nav .slider-next, .slider-content img, .slider-content .desc-wrap, .slider-content-wrap > .desc-wrap {display: none}
.caroufredsel_wrapper .slider-content img {display: block;}
.slider-content-nav .slider-prev.disabled, .slider-content-nav .slider-prevdisabled {visibility: hidden}
*/

.ss-caption-wrap    {
     top: 28%;
     width: auto;
     left: 6%;

}
.ss-caption    {
     background: none;
     padding-top: 0;
     font-size: 50px;
     font-family: Oswald;
     font-weight: normal;
     text-align: left;
     text-transform: uppercase;
     /*line-height:  1.2em;*/
}
.smoothslides-on a.ss-prev,
.smoothslides-on a.ss-next {
     border-radius: 0;
     top: 50%;
     margin-top: -50px;
     font-size: 18px;
}
.ss-caption-wrap .btn    {
     text-transform: uppercase;
     font-family: Oswald;
     position: absolute;
}

.desc-wrap     {display: none;}

.space-outer {padding: 30px 0 0 30px;}
.space-outer-all {padding: 30px 0;}
.space-outer-all .ss-caption {color: #000;margin: 0 0 20px;}
.space-outer-all p {color: #000;}

/* footer
 * ============================================ */
.footer {background: #2d343b; color: #6d747b; display: block;}
.footer .wrap {min-height: 55px; position: relative; font: normal 14px/1 "Lato",Helvetica,Arial,sans-serif}
#footer-box {margin-bottom: 30px;}
#copy {float: left; margin: 18px 0 0 20px; color: inherit;}
#design-by {float: right; margin: 18px 20px 0 0; text-align: right; color: inherit;}
#design-by strong {font-weight: normal}
#design-by a {text-decoration: none; color: inherit;}


/* gallery
 * ============================================ */
.gallery-wrap {margin: 26px 0; width: 100%; clear: both}
.gallery-wrap .item {background-color: #F2F2EF; display: block; float: left; text-align: center; vertical-align: middle; margin: 0 10px 10px 0; position: relative; overflow: hidden;}
.gallery-photo-frame .item    { display: flex; flex-direction: column; justify-content: center; padding: 8px;}
.gallery-wrap .item > a {display: block; text-align: center; vertical-align: middle;}
.gallery-wrap .item:hover {filter:alpha(opacity: 90); -moz-opacity: 90%; opacity: 0.9;}
.gallery-wrap .item .title {padding: 5px 0 0 5px; line-height: 16px; font-weight: bold;}
.gallery-photo-frame .item .title  {padding: 5px 0 0 0;}
.gallery-wrap .item img {vertical-align: middle; margin: auto;}
.galleryPaging {display: table; width: 95%; clear: both; margin: 5px 0; padding-right: 20px;}
.fleft {float:left;}
.fright {float:right;}

.gallery-photo-hidden   {width: auto; display: inline-block;}
.gallery-photo-hidden .item  {display: none; background: none; padding: 0;}
.gallery-photo-frame .item a  {margin-top: -3px;}
.gallery-photo-hidden .item:first-child  {display: block; }
.gallery-photo-hidden .item .title  {/*text-align: left;*/ padding-top: 10px; font-weight: normal;}

/* form
 * ============================================ */
#form-contact textarea {height: 332px}


/* cookies
 * ============================================ */
#cookies {background: #50575E; background: rgba(80,87,94,0.95); width: 80%; color: #fff; border-top: 1px solid #DDDDDD;  font: 13px Arial, Helvetica, sans-serif; display:none; padding: 10px 0; position: fixed; bottom: 40px; right: 60px; z-index: 20; border-radius: 10px}
#cookies p {padding: 5px 20px; padding-right: 50px}
#cookies a.closecookies  {background-color: #3c464f; text-decoration: none; float: right; margin-bottom: 5px; margin-left: 10px}
#cookies a.closecookies:hover   {background-color: #dd4033; color: #fff; opacity: 1;}
#cookies a {}
#cookies a:hover {opacity: 0.7; color:#000;}


/* breadcrumb
 * ============================================ */
#breadcrumb {margin: 0 0 0 0; color: #817c7c; position: absolute; right: 0; top: 34%; max-width: 35%; text-align: right; }
#breadcrumb ul li   {list-style: none outside; margin-right: 0; /*float: left;*/ display: inline-block;}
#breadcrumb a {display:inline; line-height:22px; height:22px;; text-decoration: none;  }
#breadcrumb a:hover {color: #363d46}
#breadcrumb .arrow  { line-height: 13px; margin: 0 8px;}
/*#breadcrumb .link-to-home  a   {font-weight: bold;}*/
#breadcrumb li:last-child     {color: #191c23;}


/* facebook
 * ============================================ */
#slide-box-fblike {cursor: pointer; position: fixed; right: -326px; top: 126px; z-index: 15;}
.no-touch #slide-box-fblike {transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0.4s;}
.no-touch #slide-box-fblike:hover {right: 0; transition: right 0.4s ease-out 0s, z-index 0.01s ease-in 0s; z-index: 15;}
#slide-box-fblike .inside {background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #39579B; height: 250px; padding: 10px; position: relative; width: 302px; z-index: 2;}
#slide-box-fblike .belt {background: url("../images/bt_social.png") repeat scroll 0 0 #3B5999; border-radius: 3px 0 0 3px; color: #FFFFFF; font-family: Verdana; font-size: 1px; font-weight: bold; height: 49px; left: -47px; position: absolute; top: 0; width: 47px; z-index: 0;}
#slide-box-fblike:hover .belt {background-position: 0 -49px;}


/* default (news, catalog)
 * ============================================ */
.listing h3.title,   
.listing h3.title a {margin-top: 0; text-transform: none; padding-top: 0; padding-left: 0; font-size: 18px; font-weight: normal; text-transform: uppercase;}
.listing h3.title a {text-decoration: none; padding: 5px 0; display: block;}

.listing .item {padding: 10px 0; width: 100%;}
.listing .item:last-child {border: 0 none;}

.listing article {border-bottom: 1px solid #777575;}
article h3.title {font-size: 30px; text-transform: uppercase; margin: 0 0 20px; padding: 0 0 10px 0; }
article .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px}
article .thumbwrap img {display: block; margin: 0; width: 100%}
article .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0}

.news-single .thumbwrap {background: #FBFAF8; float:left; margin-right: 20px}
.news-single .thumbwrap img {display: block; margin: 0; width: 100%}
.news-single .thumbwrap .loading {position: absolute; width: 100%; text-align: center; color: #a0a0a1; height: 20px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; opacity: 0}

/* default paging
 * ============================================ */
.paging {text-align: center; border-top: 1px solid #D4D1D1; padding-top: 5px; margin-top: 10px}
.paging a, .paging span {margin: 0 2px; font-size: 15px;}
.paging a.prev, .paging a.next,
.paging span.prev, .paging span.next {font-size: 14px; padding: 4px 2px; float: left;}
.paging span.prev, .paging span.next {filter:alpha(opacity: 20); -moz-opacity: 20%; opacity: 0.2;}
.paging a.next, .paging span.next {float: right}
.paging a.number, .paging span.number {padding: 4px 1px; display: inline-block;}

.pagination { clear: both; padding: 0; }
.pagination li { display:inline; }
.pagination a { border: 1px solid #D5D5D5; color: #666666; font-size: 11px; font-weight: bold; height: 25px; padding: 4px 8px; text-decoration: none; margin:2px; }
.pagination a:hover, .pagination a:active { background:#efefef; }
.pagination span.current { background-color: #687282; border: 1px solid #D5D5D5; color: #ffffff; font-size: 11px; font-weight: bold; height: 25px; padding: 4px 8px; text-decoration: none; margin:2px; }
.pagination span.disabled { border: 1px solid #EEEEEE; color: #DDDDDD; margin: 2px; padding: 2px 5px; }

/*// tab catalog */
.tabs {clear:both;margin-top: -1px;min-height: 100px;padding: 10px 0;width: 680px;overflow: hidden;behavior: url('PIE/PIE.htc');}
.tabs-item { background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #f4e5db 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4e5db));background: -webkit-linear-gradient(top,  #ffffff 0%,#f4e5db 100%);background: -o-linear-gradient(top,  #ffffff 0%,#f4e5db 100%);background: -ms-linear-gradient(top,  #ffffff 0%,#f4e5db 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f4e5db 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4e5db',GradientType=0 );
     padding: 30px 20px;border: 1px solid #e5e5e5;}
.tabs-item li {margin-bottom: 8px;}
.tabs {overflow: hidden; position: relative; z-index: 2; padding-top: 15px;}
.tabs .tabs-listing {padding: 15px 0 0 0; margin: 0; position: relative; z-index: 99; overflow: hidden; margin-bottom: -1px;}
.tabs .tabs-listing li {position: relative; top: 1px; float: left; border: 1px solid #e5e5e5; list-style: none outside none; margin: 0 2px 0 0; margin-bottom: -1px; z-index: 101; position: relative; margin-right: 8px;}
.tabs .tabs-listing a {text-decoration: none; padding: 8px 15px 8px; margin: 0; border: 0; display: block; color: #595959; font: bold 12px/16px Arial, Helvetica, sans-serif;}
.tabs .tabs-listing li.ui-tabs-active {background: #fff; color: #000; border-bottom: 0 none; border-top: 2px solid #ae9c93}
.tabs .tabs-listing li.ui-tabs-active a {color: #876657}
.tabs .ui-tabs .ui-tabs-panel { padding: 10px 0; display: block; border-width: 0; background: none; }
.tabs .ui-tabs .ui-tabs-hide { display: none !important;}

#header-up {
     background-color: #423b3b;
     font-size: 13px;
    color: #898787;
}
#header-up .box-item-1  {float: left; }
#header-up .box-item-2  {float: right; }
#header-up .box     {margin-bottom: 0;}
#header-up .box ul {list-style: none;}
#header-up .box ul li {display: inline-block}
#box-header {width: calc(100% - 150px); display: inline-block;}
#box-header a  {padding: 10px;}
#header-up .box-item-1 li     {border-right: 1px solid #4f4949;}
#header-up .box-item-1 .fa, #header-up .box-item-1 a    {display: block;}
#header-up .box-item-1 .fa    {font-size: 24px;}
#header-up .box a:hover .fa,#header-up .box a:hover {color: #d8d8d8;}
#header-up .box-item-2 li  {padding: 12px 14px;border-right: 1px solid #4f4949;}
#header-up .box-item-2 .fa    {font-size: 16px;}

.home #content  {font-size: 17px;}
.titlewrap      {text-align: center; color: #423b3b; margin-bottom: 40px;}
.titlewrap h2 {font-weight: normal; font-size: 36px;}


.box-home-up-wrap   {background-color: #f4f4f4; padding-top: 40px; margin: 40px 0; }
.box-home-up-wrap .titlewrap    {margin-bottom: 50px;}
#box-home-up .box   {min-height: 500px; padding: 10% 4% 2% 4%; font-size: 15px; margin-bottom: 0; position: relative;}
#box-home-up .box:before    {background-color: rgba(255,255,255,0.7); position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    content: ""; z-index: 0;}
#box-home-up .box:hover:before  {background-color: rgba(255,255,255,0.8);}
#box-home-up .box .box-title,#box-home-up .box .inner    {z-index: 10; position: relative;}
#box-home-up .box-title     {font-weight: normal; padding-left: 80px; line-height: 2.5em; margin-bottom: 20px;}
#box-home-up .box-item-1    {background: url("../images/home_box_top_1.jpg") no-repeat center; background-size: cover;
color: #423b3b;}
#box-home-up .box-item-1 .box-title   {background: url("../images/home_box_up_title_1.png") no-repeat;}
#box-home-up .box-item-2    {background: url("../images/home_box_top_2.jpg") no-repeat center; background-size: cover;
 color: #fff;}
#box-home-up .box-item-2:before {background-color: rgba(221,64,51,0.65);}
#box-home-up .box-item-2:hover:before   {background-color: rgba(221,64,51,0.5);}
#box-home-up .box-item-2 .button        {background: none; border-color: #fff;}
#box-home-up .box-item-2 .box-title   {background: url("../images/home_box_up_title_2.png") no-repeat;}
#box-home-up .box-item-3    {background: url("../images/home_box_top_3_v2.jpg") no-repeat center; background-size: cover;
 color: #423b3b;}
#box-home-up .box-item-3 .box-title   {background: url("../images/home_box_up_title_3.png") no-repeat;}
#box-home-up .button    {background-color: #423b3b; color: #fff; border: 1px solid #423b3b; text-decoration: none}
#box-home-up .button:hover    {background-color: #221d1d;}

.box-home-tech-wrap     {padding: 40px 0;}
#box-home-tech .box-title   {font-size: 36px; font-weight: normal; text-align: center; font-family: 'Oswald'; color: #423b3b;}
#box-home-tech .box     {margin-top: 10px; color: #999999;}
#box-home-tech .box-arrow   {background: url("../images/home-box-tech-arrow.png") no-repeat 30px 5px; padding-left: 8%; }
#box-home-tech .box-item-1  {font-size: 18px; margin-bottom: 25px; }
#box-home-tech .box h4  {font-size: 18px; font-family: 'Oswald'; font-weight: normal; color: #444444; margin-top: 11px;}
#box-home-tech .box h4 a {text-decoration: none;}
#box-home-tech .box h4:hover a     {text-decoration: underline;}
#box-home-tech .col-red {   color: #fff; text-transform: uppercase; position: relative;}
#box-home-tech .col-red .box-title  {background: url("../images/home-box-tech-red.png") #dd4033 no-repeat right 8% bottom 30px; margin: 0 3%;}
#box-home-tech .col-red h3  { color: #fff; font-size: 17px; line-height: 1.5em; text-align: left; padding: 22px 4%; }
#box-home-tech .col-red .button {position: absolute; width: 100%; height: 100%; top: 0;} /* TODO */


.box-home-cert-wrap {background-color: #f4f4f4; padding: 40px 0;}
#box-home-cert .box-title   {font-size: 36px; font-weight: normal; text-align: center; font-family: 'Oswald'; color: #423b3b;}
#box-home-cert .box-item-1  {font-size: 18px; margin-bottom: 30px; }
#box-home-cert .box img     {border: 10px solid #eceaea;}
#box-home-cert .box:hover img   {border-color: #e1dfdf}
#box-home-cert .box h4      {color: #423b3b; font-family: 'Roboto'; font-size: 20px;padding-left: 12px; padding-right: 12px;}
#box-home-cert .box p       {padding-left: 12px; padding-right: 12px;}

.box-footer-up-wrap {background-color: #dd4033; padding: 40px 0}
#box-footer-up p  {color: #fff; font-weight: lighter; font-size: 25px; margin-bottom: 0; padding-bottom: 0;}
#box-footer-up .btn {float: right; text-transform: uppercase; text-decoration: none; border:1px solid #fff; width: 100%;
border-radius: 0; margin: 5px 0; font-family: 'Oswald'; padding: 10px 30px; }
#box-footer-up .btn:hover   {background-color: #423b3b; color: #fff; border-color: #423b3b;}
#box-footer-up .col-md-3    {margin-top: -5px;}


.box-footer-wrap {background-color: #3c464f; color: #cccccc; border-top: 5px solid #30383f; padding: 40px 0;}
#box-footer .box-item-1 {background: url("../images/footer-box-1-bg.jpg") no-repeat center bottom;}
#box-footer h3.box-title    {font-size: 16px; letter-spacing: 1px;}
#box-footer .menu ul  {display: none;}
#box-footer .menu   {list-style: none;}
#box-footer .menu  a    {background: url("../images/footer_box_meni_li_arrow.png") no-repeat center left 5px;
    padding: 5px 10px 5px 20px; text-decoration: none; display: block;}
#box-footer .menu  a:hover  {color: #fff;}

.sidebar-group-box-1 .box   {margin-bottom: 30px;}
.sidebar-group-box-1 .box-item-1 p      {margin-bottom: 0;  padding-bottom:0;}
.sidebar-group-box-1 .box-item-1 .box-text  {/*background-color: #f0f0f0; min-height: 160px; vertical-align: middle;*/
    display: flex; justify-content: center; align-items: center; align-content: center;}
.sidebar-group-box-1 h3.box-title     {font-family: 'Oswald'; font-weight: normal; font-size: 19px; text-transform: uppercase;
    margin-bottom: 10px;}
#form-fast-wrap {background: #f0f0f0; padding: 24px 8%;}
#form-fast input[type="text"], #form-fast select, #form-fast textarea   {
    background-color: #fff;
}
#form-fast input[type="text"], #form-fast select    {
    height: 42px; line-height: 42px;
}
#form-fast input[name="kod"], #form-fast input[name="kod2"] {
    width: 128px;
}
#form-fast input[type="submit"] {
    width: 100%; text-transform: uppercase; font-family: 'Oswald'; background-color: #d9291a; font-weight: normal;
    height: 42px; line-height: 42px; border-radius: 0;
}
#form-fast input[type="submit"]:hover   {background-color: #2d343b}

#gallery-wrap-id-7 .item, #gallery-wrap-id-8 .item  {padding: 0; margin-right: 30px; margin-bottom: 20px; }
#gallery-wrap-id-7 .item:nth-child(4n),#gallery-wrap-id-8 .item:nth-child(4n)  {margin-right: auto;}
#gallery-wrap-id-7 .title,#gallery-wrap-id-8 .title  {display: flex; align-items: center; text-align: center;
    justify-content: center; text-transform: uppercase; font-family: 'Oswald'; letter-spacing: 1px; font-weight: normal;
    padding: 5px 4%; width: 94%; line-height: 1.6em;}
#gallery-wrap-id-7 .item:hover .title,#gallery-wrap-id-8 .item:hover .title   {background-color: #f8f8f8}

#gallery-wrap-id-8 .item      {margin-right: 30px; margin-bottom: 30px;}

.red-text   {font-size: 18px; font-weight: bold; color: #d9291a;}
.page .content ul   {margin-left: 4px; margin-top: -10px;}
.page .content ul li {list-style: none; background: url("../images/page_content_ul_li_arrow.png") no-repeat top 7px left;
padding-left: 20px; color: #696969;}


#form-contact-wrap  {background-color: #f0f0f0; padding: 35px 4%; border: 1px solid #d8d8d8;}
#form-contact-wrap label {font-weight: normal;}
#form-contact input[type="text"], #form-contact select, #form-contact textarea  {
     background-color: #fff; border-color: #d8d8d8;
}
#form-contact textarea   {height: auto; margin-bottom: 20px;}
#form-contact input[type="text"], #form-contact select {height: 42px; line-height: 42px;}
#form-contact input[name="kod"], #form-contact input[name="kod2"]     {width: 120px; margin-top: 0;}
#form-contact .captcha, #form-contact #captcha    {margin-top: 0;}
#form-contact input[type="submit"] {
     padding: 0 40px; text-transform: uppercase; font-family: 'Oswald'; background-color: #d9291a; font-weight: normal;
     height: 42px; line-height: 42px; border-radius: 0;
}
.red-title-center   {background-color: #d9291a; color: #fff; font-family: 'Oswald'; font-size: 16px;
     text-transform: uppercase; display: table; margin: 0 auto; padding: 10px 80px; z-index: 1; position: relative}
.cert-wrap     {background-color: #f4f4f4; padding: 70px 0 30px; text-align: center; margin-top: -40px;  z-index: 0}

/*
.time-line     {background: url("../images/line_time.jpg") no-repeat center top; min-height: 520px; position: relative;}
.time-line .text-item    {width: 22%; position: absolute; text-align: center;}
.text-item-1   {bottom: -30px; left: -25px;}
.text-item-2   {top: 140px; left: 80px;}
.text-item-3   {bottom: 60px; left: 200px;}
.text-item-4   {top: 50px; left: 300px;}
.text-item-5   {bottom: 180px; right: 220px;}
.text-item-6   {top: 50px; right: 120px;}
.text-item-7   {top: 190px; right: -10px;}
*/

.time-line     {background: url("../images/timeline.png") no-repeat center top; min-height: 520px; position: relative;}
.time-line .text-item    {width: 18%; position: absolute; text-align: center;}
.text-item-1   {top: 440px; left: -5px;}
.text-item-2   {bottom: 208px; left: 70px;}
.text-item-3   {top: 375px; left: 178px;}
.text-item-4   {bottom: 282px; left: 273px;}
.text-item-5   {top: 299px; right: 291px;}
.text-item-6   {bottom: 353px; right: 202px;}
.text-item-7   {top: 224px; right: 85px;}
.text-item-8   {bottom: 437px; right: 10px;}


/*.lang-en .text-item-6   {top: 0;}*/


.panel-group .panel {border-radius: 0; margin-bottom: 20px; border: none; background: none; }
.panel-title > a    {background-color: #f3f3f3; text-decoration: none; font-size: 18px; font-weight: bold; width: 100%;
     display: block; padding: 12px 20px; position: relative;}

.panel-title > a.collapsed:before  {background: url("../images/0_nas_collaps_arrow_up.png") no-repeat center; background-color: #d9291a; width: 50px; height: 100%; position: absolute; right: 0; top: 0; content: ""; }
.panel-title > a:before  {background: url("../images/0_nas_collaps_arrow.png") no-repeat center; background-color: #d9291a; width: 50px; height: 100%; position: absolute; right: 0; top: 0; content: ""; transform: rotate(180deg);}

.panel-heading      {padding: 0;}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group {
     border: none;
}

.slides li     {background: none;}
.page .content .slides   {margin: 0}
.page .content .slides .item {margin: 0; padding: 0; background: none;}
.link-photo {
     display: block; width: 100%; height: 100%; min-height: 160px;
     vertical-align: middle;
     display: flex;
     justify-content: center;
     align-items: center;
     align-content: center;
}
.link-photo img     { background: #F0F0F0;}

.ss-slide-stage     {
     border-radius: 0;
}

#form-fast-tel input[type="text"]  {
    height: 36px;
    line-height: 36px;
    background-color: #30383f;
    border: 1px solid #2d343b;
    color: #90959a;
}
#form-fast-tel input[name="kod"], #form-fast-tel input[name="kod2"] {width: calc(100% - 90px);}
#form-fast-tel input[type="submit"]    {background-color: #dd4033; border-radius: 0; height: 36px; line-height: 36px;}
#form-fast-tel input[type="submit"]:hover   {background-color: #bf392d;}

.home #top  {position: relative;}
.bts-slider {bottom: 20%; position: absolute; left: 7%; text-decoration: none; border-radius: 0; border: 2px solid #da3d31;
    font-size: 14px; padding: 10px 28px;}
.bts-slider.contact {background: #da3d31; color: #fff;}
.bts-slider.read-more {left: 22%; color: #da3d31;}
.bts-slider:hover  {background-color: #423b3b; border-color: #423b3b; color: #fff;}


.sales a[href^="tel:"] {color: #696969;text-decoration:none;}


h2.procesy {float: left;width: 100%;margin: 0 0 20px;background: #F0F0F0;padding: 18px;font: normal 32px/60px "Oswald",sans-serif;color: #423b3b;text-transform: uppercase;}
h2.procesy span::before {display: inline-block;  width: 8px;  margin: 0 20px 0 0;  height: 60px;  background: #d0260d;  float: left;  content: "";}

.produkty h2 {float: left;width: 100%;margin: 0 0 0;background: #F0F0F0;padding: 18px;font: normal 30px/56px "Oswald",sans-serif;color: #423b3b;text-transform: uppercase;}
.produkty h2 span::before {display: inline-block;  width: 8px;  margin: 0 20px 0 0;  height: 60px;  background: #d0260d;  float: left;  content: "";}
.produkty .slick { background: #F0F0F0; }


.slick {/*max-height: 420px;*/float: left;  clear: both;  width: 100%;}
.slick-list {/*overflow: visible !important;*/}
.slick-slide {max-height: 425px;}
.opinion {display: block; width: 92%; margin: 0 auto;}

  .o_image {float: left;width: 100%;text-align: center;box-sizing: border-box;}
    .slick-slide .o_image img {/*width: 137px !important;*/display: table-cell;margin: 0 auto;max-height: 340px !important;}
  .o_title {float: left;width: 100%;padding: 0px 0;text-align: left;box-sizing: border-box;font: bold 30px/30px "Roboto",Helvetica,Arial,sans-serif; color: #000;min-height: 111px;max-height:111px;height: 111px;}
    .o_title .s_desc {margin: 15px 0 24px;font: 400 16px/24px "Roboto",Helvetica,Arial,sans-serif; color: #626262;text-align: center;}
    .o_title .s_name {font: 600 16px/24px "Roboto",Helvetica,Arial,sans-serif; color: #000;}
        /*.s_name span {font: 400 13px/13px "Poppins","Helvetica Neue",Helvetica,Arial,sans-serif; color: #8c8d91;text-transform: uppercase;}*/
.arrPrev,.arrNext {display: none !important;}
.slick-dots {bottom: 0px !important;position: static !important;}
.page .content ul.slick-dots li {background: none;}
.slick-dots li.slick-active button::before { opacity: 1 !important;  color: #d23535 !important;}
.slick-dots li button::before {font-size: 11px !important;}


@media only screen and (min-width: 1400px){
    .ss-caption-wrap    {left: 20%;}
    .bts-slider         {left: 20%;}
    .bts-slider.read-more {left: 28%;}
}

@media only screen and (min-width: 980px){
.col-itp-2     {width: 12%;}
.col-itp-5     {width: 12%;}
.col-itp-6     {width: 24%;}
}

/* mobile
 * ============================================ */
@media only screen and (min-width: 1000px){
     .rwd-hidden {display: none; padding-left: 10px; position: relative}
}
@media only screen and (min-width: 767px){
     #nav                                         {position: static !important; top: 0 !important}
     #nav .menu                                   {display: block !important;}
     

}

@media only screen and (max-width: 1200px){
    .wrap                                        {width: 980px;}
    #main iframe                                 {max-width: 100%;}
    #main img                                    {max-width: 100%; height: auto !important;}
    #box-home-cert .box img                      {max-height: 170px;}
    .bts-slider                                  {bottom: 14%; }
    .bts-slider.read-more                        {left: 30%;}

    #gallery-wrap-id-8 .item:nth-child(4n) {margin-right:30px;}
}

@media only screen and (max-width: 999px){
     
     .wrap                                        {width: 768px;}

     #nav a                                       {padding: 6px 10px 5px;}
     #nav .menu > li                              {margin: 0 2px}

     #logo img                                    {max-width: 95%}
     
     .page-sidebar-column #content                {width: 530px;}
     #sidebar-column                              {width: 220px; margin-left: 18px}
     .bts-slider                                  {bottom: 4%; }

    .time-line                                    {background: none;}
    .time-line .text-item                         {width: 100%; position: static;}    
    .time-line .text-item                         {text-align: left;}
    .rwd-hidden                                   {position: relative; padding-left: 10px;}
    .rwd-hidden:before                           {position: absolute; left: -2px; width: 8px; height: 8px; content: "";background-color: #d9291a; top: 6px; border-radius: 10px;}
}

@media only screen and (max-width: 767px){

     .wrap                                        {width: 100%;} 
     
     .one-third, .one-half, .one-fourth,
     #text-97ab, #text-de65, #text-062b, #text-0415           {float: none; margin: 0; width: auto; position: static;}
     #text-97ab, #text-de65, #text-062b, #text-0415 {height: auto; padding: 20px 0; margin: 0 0 20px}
     #text-97ab h3, #text-de65 h3, 
     #text-062b h3, #text-0415 h3                 {padding: 0 0 0 20px;}
     #sidebar-column                              {padding-bottom: 0}
     .section-wrap                                {padding-left: 20px; padding-right: 20px}
     .page-sidebar-column #content,
     #sidebar-column                              {width: auto; margin: 0; float: none}
     #text-bf4d                                   {padding-top: 0}
     
     #main                                        {padding: 0 15px 15px 15px; margin: 0}
     
     #slider-content-20 .slides > li, 
     #header-image                                {height: 494px;}
     
     #nav                                         {background: transparent; top: 50px; right: 0; position: fixed; margin: 0; width: 100%; z-index: 50}
     #nav .menu                                   {background: #32393e; display: none; width: 100%; position: absolute; z-index: 60; padding: 0; margin: 0; top: 90px; right: 0}
     
     #nav li                                      {width: 100% !important}
     #nav .menu li a,
     #nav .menu ul > li > a                       {text-align: center; color: #fff; float: none; padding: 12px 0; height: auto; border-radius: 0}
     #nav .menu li                                {margin: 0; float: none; border: 0 none !important;}
     #nav .menu > li:last-child                   {border: 0 none}
     #nav .menu ul                                {min-width: 100%; position: static; padding: 0; border: 0 none; display: block !important; visibility: visible !important; opacity: 1 !important; border-radius: 0}
     #nav .menu ul a                              {background: #e8e8e8; color: #fff !important}
     #nav .menu ul ul a                           {background: #d9d9d9; }
     #nav .menu ul a:hover                        {background: #b9bbbd !important;}
     #nav .menu > li a:before                   {display: none; visibility: hidden}
     
     #nav .menu > li:hover > a, 
     #nav .menu > li > a.current-link, #nav .menu > li.current-parent > a {color: #e1e1e1 !important}
     
     #top                                         {margin-bottom: 30px}
     
     #logo                                        {margin-left: 20px}
     
     #button-mobile-menu                          {display: block;}
     
     #langs                                       {top: 0; right: 10px; position: absolute; }
     
     
     #footer-box                                  {padding: 30px 30px 10px}
     
     #cookies                                     {width: 90%; margin: 0 5%; right: 0; bottom: 30px;}

    #box-home-up .box                             {min-height: auto; padding-bottom: 30px;}
    #box-home-tech .box-arrow                     {background-position: 10px 5px;padding-left: 14%;}
    #box-home-cert .col-sm-6                      {text-align: center;}
    #box-footer-up .box                           {padding-left: 4%; padding-right: 4%;}
    #box-footer .col-sm-6                         {width: 50%; float: left;}
    #header-up .box-item-2 li                     {padding: 4px 4px; border: none;}
    .ss-caption                                   {font-size: 24px;}
    .ss-prev, .ss-next                            {display: none;}
    #box-header                                   {width: calc(100% - 85px);}

    .flex-direction-nav                           {display: none;}
    #top .titlewrap                               {padding-left: 10px;}
    .gallery-wrap                                 {display: grid; justify-content: center; grid-template-columns: 49% 49%; grid-gap: 1%;}
    .gallery-wrap .item                           { margin: 0 auto 30px auto;}
    #gallery-wrap-id-7 .item, #gallery-wrap-id-8 .item { margin: 0 auto 30px auto;}
    #gallery-wrap-id-7:before, #gallery-wrap-id-8:before        {display: none;}
    .gallery-photo-hidden                         {margin: 0}

    .bts-slider                                   {display: none;}
    .home .content .col-md-1 p                    {display: none;}
    .page .box-footer-up-wrap                     {display: none;}

    .cert-wrap .col-sm-2,.cert-wrap .col-sm-3,.cert-wrap .col-sm-1  {
        width: 50%; float: left;
    }
    .box-home-up-wrap                             {margin-bottom: 0;}


    #gallery-wrap-id-8 .item:nth-child(4n) {margin-right:auto;}    
    #breadcrumb {right: 25px;}
    .box-11 {margin-top: 9px;margin-left: 9px;}
}
@media only screen and (max-width: 560px) {
    .gallery-wrap {
        grid-template-columns: 98%;
    }
    #breadcrumb {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    #logo {
        width: 90%;
        float: none;
        padding: 0;
        margin: 0 auto;
        display: block;
        text-align: center
    }

    #logo img {
        padding-left: 0;
        display: block;
        padding: 20px 0;
        display: inline-block;
    }

    .content img.left, .content img.right {
        float: none;
        display: block;
        margin-left: 0;
        margin-right: 0
    }

    table {
        width: 100% !important
    }

    .slider-content-nav {
        right: 5px
    }

    .slider-content-nav .slider-prev,
    .slider-content-nav .slider-next {
        margin-top: 20px;
    }

    #main {
        margin-bottom: 0
    }

    .home #main {
        padding: 20px 0;
    }

    .slider-content-wrap > .desc-wrap,
    .slider-content-paging-wrap {
        display: none !important
    }

    /*.slider-content-wrap                         {border-bottom: 15px solid #d5d2d2}*/
    /*#langs                                       {top: 0; right: auto; left: 0}*/
    #top .top-right {
        display: none
    }

    #footer-box, #footer {
        margin: 0
    }

    #footer .wrap {
        padding-top: 20px
    }

    #footer-foo {
        padding-bottom: 10px
    }

    #copy, #design-by {
        float: none;
        text-align: center;
        margin: 0 auto 5px;
        padding: 0;
        display: block;
    }

    #design-by strong {
        display: inline-block
    }

    #box-footer .col-sm-6 {
        width: auto;
        float: none;
    }

    #box-home-tech .box-arrow {
        background: none;
        padding-left: 4%;
    }

    #box-footer-up .btn {
        margin-top: 20px;
    }

    #header-up .box-item-2 ul li:last-child {
        display: none;
    }

    #slider-content-wrap-20 img {
        height: 160px;
        width: 150%;
        margin-right: -25%;
        max-width: 150%;
    }

    .content .titlewrap {
        margin-bottom: 10px
    }

    .content .titlewrap h2 {
        margin-bottom: 10px
    }

    /*.box-33                                       {display: none;}*/
    .page-id-6 .content .col-md-4:first-child {
        margin-bottom: 20px;
    }

    .cert-wrap .col-sm-2, .cert-wrap .col-sm-3, .cert-wrap .col-sm-1 {
        width: 100%;
        float: none;
    }

    .ss-caption-wrap    {
        top: 10%;
        width: 40%;
        left: 0%;
    }
    #top .titlewrap h2  {
        font-size: 28px;
    }
    .sidebar-column .box-3 {
        display: none;
    }
}