/*********************************************
* Author: Klemen Olaj
* Description: Starting HTML + css grid system
* Author URI: http://arm-design.com
* Date modified: 15.06.2016
* Version: 1.5
**********************************************/

html {font-size:62.5%;}
body {font-family: 'Roboto', sans-serif; font-weight:300; font-size:13px; color:#363636;}

			.page-wr {opacity:0;}
body.loaded .page-wr {opacity:1;}

.page-loader {position: fixed; top: 0; width: 51%; height: 100%; background: rgba(71,71,71,0.9); z-index: 1000; width: 100%; -webkit-transition:all 0.5s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000); transition: all 0.5s 0.2s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
body.loaded .page-loader {opacity:0;}

.overlay {position: fixed; z-index:998; left:0; top:0; bottom:0; right:0; background: rgba(71,71,71,0.9);}
.loader {position: fixed; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background: #fff; border-radius: 50%; padding: 15px;}

.l {float:left;}
.r {float:right;}

ul {padding-left:20px;}
ul li {margin:5px 0;}

p {line-height:19px;}

.lg-t {font-size:16px; font-weight:normal;}
.lg-t p {    line-height: 24px;}
/* Titles */
h1 {font-size:22px; font-weight:600; margin:0 0 20px;}
h1.title {color:#ee352a; position: relative; margin-bottom:40px;}
h1.title a {position: absolute; right:0; bottom:3px; font-size:14px; color:#000;}

/* Links */
a {color:#000; text-decoration: none; -webkit-transition:300ms all ease; transition:300ms all ease;}
a:hover {text-decoration: underline;}
a[href^="mailto"] {text-decoration: underline; color:#1486c1;}
a[href^="mailto"]:hover {text-decoration: none;}

a.download-link {float:right; color:#ed1c24; font-size:15px; font-weight:500; position: relative; padding-left:28px;}
a.download-link i[class^="icon-"] {position: absolute; left:0; top:-1px; font-size:18px;}

a.pdf {padding-left:23px; background:url(../images/pdf-icon.png) no-repeat left top; min-height:16px; display:inline-block;}

.btn {min-width:180px; padding:10px; display:inline-block; vertical-align: top; border:none; background: #efefef; text-align: center; font-weight:normal;}
.btn:hover {background: #ee352a; color:#fff; text-decoration: none;}

/* Gradient */
.gradient, .categories-list .block-name  {
	background-color: #474747;
	background-image: -webkit-linear-gradient(bottom, #2c2c2c, #484848);
	background-image: linear-gradient(to top, #2c2c2c, #484848);
}

/* Background */
.gray     {background: #efefef;}
.yellow   {background: #f6e700;}
.orange   {background: #f68b1f;}
.red      {background: #ed1c24;}
.purple-1 {background: #cd007a;}
.purple-2 {background: #812990;}
.blue-1   {background: #0057a0;}
.blue-2   {background: #00baf2;}
.green    {background: #00ac4f;}
.dark-green    {background: #006231;}
.dark-gray    {background: #58585A;}

[data-color-scheme="yellow"] nav a:hover, .ye a:hover {color:#f6e700!important;}
[data-color-scheme="orange"] nav a:hover, .or a:hover {color:#f68b1f!important;}
[data-color-scheme="red"] nav a:hover, .re a:hover {color:#ed1c24!important;}
[data-color-scheme="purple-1"] nav a:hover, .pi a:hover {color:#cd007a!important;}
[data-color-scheme="purple-2"] nav a:hover, .pu a:hover {color:#812990!important;}
[data-color-scheme="blue-1"] nav a:hover, .bl a:hover {color:#0057a0!important;}
[data-color-scheme="blue-2"] nav a:hover, .db a:hover {color:#00baf2!important;}
[data-color-scheme="green"] nav a:hover, .gr a:hover {color:#00ac4f!important;}
.dg a:hover {color:#006231!important}


/* Inputs */
input:not([type="radio"]):not([type="checkbox"]), textarea {border:solid 1px #d4d4d4; background: #fff; padding:8px; height:44px;}
textarea {height:150px; resize:none;}

/* Paddings */
.padding-30-0 {padding:30px 0;}
.padding-70-0 {padding:70px 0;}
.padding-0-0-0-80 {padding:0 0 0 80px;}
.padding-0-50-0-0 {padding:0 50px 0 0;}

/* Header */
.header .row {position: relative;}
.header .info-row {padding:10px 0; color:#fff;}
.header .info-row a {color:#fff; text-decoration: none; }
.header .info-row nav:not(.lang-pick){float:left;}
.header .info-row nav:not(.lang-pick) a {position: relative; padding-left:25px; margin-right:25px;}
.header .info-row nav:not(.lang-pick) a i[class^="icon-"] {position: absolute; left:0; top:0; font-size:15px;}
.header .info-row nav:not(.lang-pick) a i.icon-telephone {font-size:14px;}
.header .info-row nav.lang-pick {float:right;}
.header .info-row nav.lang-pick * {display:inline-block; vertical-align: middle; margin-left:5px;}

.header .othr-row {padding:45px 0 25px}
.header .othr-row a.logo {margin-right:15px; display:inline-block; vertical-align: top;}
.header .othr-row a.logo + img {display:inline-block; vertical-align: top; }
.header .othr-row a.logo + img.special {margin-top: -28px; position: relative; top: 12px;}

.header .menu-row .row {position: relative;}
.header .menu-row nav {padding:20px 0;}
.header .menu-row nav ul {list-style:none; margin:0; padding:0;}
.header .menu-row nav ul li {margin:0;}
.header .menu-row nav > ul > li {display:inline-block; position: relative;}
.header .menu-row nav > ul > li:hover .sub-nav {display: block;}

.header .menu-row nav .sub-nav { -webkit-transition:350ms all ease; transition: 350ms all ease; display: none; position: absolute; top: 100%; left: -62px; width: 1160px; z-index: 999; color: #fff; }
.header .menu-row nav .sub-nav .inner { border-top: solid 5px #ee352a; margin-top: 20px; background: #2d2d2d; z-index: 999; background: rgba(45,45,45,.95); display: inline-block; width: 100%; vertical-align: top; padding: 60px 40px; }
.header .menu-row nav .sub-nav.production { width: 450px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
.header .menu-row nav .sub-nav.production .inner { padding: 40px; }
.header .menu-row nav .sub-nav.production li { }
.header .menu-row nav .sub-nav.production li:not(:last-child) { margin-bottom: 20px; }
.header .menu-row nav .sub-nav.production li a { display: block; }
.header .menu-row nav .sub-nav a:after { display: none; }
.header .menu-row nav .sub-nav.production li img { width: 100%; vertical-align: top; border: solid 1px #ee352a; -webkit-transition:250ms all ease; transition: 250ms all ease }
.header .menu-row nav .sub-nav.production li:hover img { box-shadow: 0px 1px 10px 4px rgba(237, 27, 46, 0.55); }
.header .menu-row nav .sub-nav ul[class^="col-"] { margin-left: 1.6%; }
.header .menu-row nav .sub-nav ul[class^="col-"]:first-child { margin-left: 0; }
.header .menu-row nav .sub-nav ul[class^="col-"] li { margin: 0; }
.header .menu-row nav .sub-nav ul[class^="col-"] a { color: #fff; padding: 0; display: block; margin: 7px 0; font-weight: 300; font-size: 14px; }
.header .menu-row nav .sub-nav ul[class^="col-"] h3 { background: none!important; margin: 0 0 15px; font-weight: 500; font-size: 15px; }

.header .menu-row nav .sub-nav ul[class^="col-"] h3:not(:first-child) {margin-top:40px;}	
.header .menu-row nav > ul > li > a {font-size:15px; font-weight:500; display:inline-block; padding:0 20px; color:#fff; position: relative; margin-right:-.2em; text-transform:capitalize}
.header .menu-row nav li:first-child a {margin-top:-10px; position: relative; top:3px;}
.header .menu-row nav a:before,
.header .menu-row nav a:after  {content:""; position: absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); height:15px; width:1px;}
.header .menu-row nav a:before {left:0;  background: #545454;}
.header .menu-row nav a:after  {right:0; background: #111111;}
.header .menu-row nav li:first-child a:before,
.header .menu-row nav li:last-child a:after{display: none;}
.header .menu-row nav a i.icon-home {font-size:22px;}
.header .menu-row nav a.active, .header .menu-row nav a:hover {color: #ee352a; text-decoration: none;}

.header .menu-row .mega-dropdown {display: none; position: absolute; z-index:999; left:0; top:100%; width:100%; color:#fff; background: #2d2d2d; background: rgba(45,45,45,.95); border-top:solid 5px #ee352a; padding:60px 40px;}
.header .menu-row .mega-dropdown > div {display:inline-block; vertical-align: top; width:100%;}
.header .menu-row .mega-dropdown > div:last-child nav {padding-bottom:0;}
.header .menu-row .mega-dropdown nav {padding:0 0 40px;}
.header .menu-row .mega-dropdown nav a {padding:0; display: block; margin:7px 0; font-weight:300; font-size:14px;}
.header .menu-row .mega-dropdown nav a:before,
.header .menu-row .mega-dropdown nav a:after {display: none;}
.header .menu-row .mega-dropdown h5 {margin:0 0 8px; font-weight:500; font-size:15px;}

.header .search-field {position: absolute; right:0; top:0; width:350px;}
.header .search-field input {width:100%; padding-right:45px; padding-left:12px;}
.header .search-field button {border:none; margin:0; background: none; color:#d4d4d4; position: absolute; right:0; top:0; height:100%; width:48px;font-size:25px; text-align: center; padding-top:4px;}

/* Slider */
.slider {padding:35px 0 20px;}
.slider img {width:100%;}
.slider li {position: relative; margin:0;}
.slider li .slide-content {position: absolute; max-width:500px; right:145px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); color:#fff;}
.slider li .slide-content h1 {font-size:45px; font-weight:bold; margin-bottom:10px;}
.slider li .slide-content p {font-size:22px; line-height:28px; margin:0;}
.slider li .btn {margin-top: 23px;}

/* Logo list */
.logo-list {padding:40px 0 25px; text-align:justify;}
.logo-list:after {content:""; display: inline-block; width:100%;}
.logo-list a {display:inline-block; vertical-align: middle;}

/* Tabs */
.tab-navigation a {font-size:22px; display:inline-block; text-decoration: none;}
.tab-navigation a.active {color:#ee352a; font-weight:600;}
.tab-navigation a:not(:last-child):after {content:"|"; float:right; margin:0 15px; color:#363636; font-weight:300;}

.tab-container {margin-top:25px; display: none;}
.tab-container[data-tab="categories"] {display: block;}

/* Block list */
.block-list-4 {list-style:none; margin:0; padding:0;}
.block-list-4 li {width:calc(25% - 11.25px); float:left; margin:0 15px 15px 0; background: #efefef;}
.block-list-4 li:nth-child(4n+4) {margin-right:0;}

.product-list li {text-align: center; padding:20px; background:none; border:solid 1px #efefef; min-height:300px; -webkit-transition:all 250ms ease; transition:all 250ms ease}
.product-list li a {text-decoration: none!important;}
.product-list li h1 {margin:20px 0 5px;  font-size: 18px; font-weight: 400;}
.product-list li h3 { font-size: 13px; font-weight: 400; margin:10px 0;}
.product-list li span.price {font-weight:500; font-size:15px;}
.product-list li:hover {background:#efefef ;}

.categories-list .block-content {position: relative; overflow:hidden; -webkit-perspective: 1000px; perspective: 1000px;}
.categories-list .block-content img {width:100%;}
.categories-list .block-content nav {position: absolute; left:0; top:0; right:0; bottom:0; background: rgba(0,0,0,.8); padding:10px; opacity:0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition:350ms all ease; transition:350ms all ease;}
.categories-list .block-content nav a {color:#fff; display: block; margin:4px 0; font-weight:normal; font-size:15px; text-decoration: none!important; -webkit-transition:250ms all ease; transition: 250ms all ease; -webkit-transform:translateX(-100%); transform:translateX(-100%)}
.categories-list .block-name {text-align: center; color:#fff; font-size:18px; font-weight:400; padding:11px 5px; position: relative;}
.categories-list .block-name > div {height:4px; position: absolute; left:0; top:-4px; width:100%;}

.categories-list li:hover .block-content nav {opacity:1;}
.categories-list li:hover .block-content nav a{-webkit-transform:translateX(0);transform:translateX(0)}

/* News */
.news-single {margin:0 0 40px 0; display:inline-block; width:100%;}
.news-single .news-single__image {float:left; width:195px; height:195px; border:solid 1px #e3e3e3; position: relative;}
.news-single .news-single__image img {position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); max-width:95%;}
.news-single .news-single__content {float:left; width:calc(100% - 195px); padding-left:30px;}
.news-single .news-single__content h1 {font-size:20px; margin:10px 0 10px;}
.news-single p {margin:0;}

.news-pagination {border-top:solid 1px #efefef; padding:20px 0 0; margin-top:20px; text-align: center;}
.news-pagination a {display:inline-block; margin-right:-.25em; width:32px; height:32px; text-align: center; padding:9px 5px; text-decoration: none!important;}
.news-pagination a.active {font-weight:500; background: #efefef;}

.date {color:#aaaaaa; font-weight:normal;}

/* Download list */
.download-list a {display: block; position: relative; font-weight:bold; padding-left:30px; margin:20px 0; min-height:20px;}
.download-list a small {font-size:11px; font-weight:normal;}
.download-list a i[class^="icon-"] {position: absolute; left:0; top:-3px; font-size:20px;}

.downloads h1 {background: #252525; color:#fff; font-size:20px; font-weight:normal; padding:20px 40px; margin:0;}
.downloads ul {list-style:none; margin:0; padding:0;}
.downloads ul li {border:solid 1px #e0e0e0; border-width:0 1px 1px 1px; padding:15px 25px 15px 75px; margin:0; font-size:14px; position: relative; -webkit-transition:250ms all ease; transition:250ms all ease;}
.downloads ul li i.icon-pdf {position: absolute; left:40px; top:13px; font-size:18px;}
.downloads ul li a.dwl-link {position: absolute; right:25px; top:50%; margin-top:-9.5px; text-align:right; color:#ee352a; text-decoration: none!important; font-weight:normal; opacity:0; -webkit-transition:250ms all ease; transition:250ms all ease;}
.downloads ul li a.dwl-link i {margin-right:10px; font-size:16px;}
.downloads ul li:hover {background: #f1f1f1;}
.downloads ul li:hover a.dwl-link {opacity:1;}
.downloads ul li span {display: block; margin-top:3px; font-size:13px}
.downloads ul li span:empty {display: none;}

.static th {padding:5px;}
.static td {padding:5px;}
.static p {margin:0;}
.static p img {margin:20px 0}

.links .__link {float:left; width:50%; padding:0 20px 20px 0;}
.links .__link-img {float:left; width:155px; padding:5px; border:solid 1px #e3e3e3;}
.links .__link-desc {float:left; width:calc(100% - 155px); padding-left:25px; min-height:155px; position: relative;}
.links .__link-desc > div {position: absolute; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; padding-left:25px;}
.links .__link-desc h2 {margin-top:0;}

/* Subpage */
.sub-page-header {height:175px; background:url(../images/sub-header-bg.jpg) no-repeat; border-bottom:solid 3px #323232;}
.sub-page-header .row {height:175px; position: relative;}
.sub-page-header h1 {font-size:45px; color:#252525; font-weight:bold; margin:0; position: absolute; left:20px; bottom:50px; text-transform:capitalize;}

/* Products */
.products-sidebar {width:300px; float:left;}
.product-display {width:calc(100% - 300px); float:left; padding-left:60px;}

.products-sidebar ul {list-style:none; margin:0; padding:0;}
.products-sidebar ul li {margin:0;}
.products-sidebar ul li nav {display: none;}
.products-sidebar ul li nav a {display: block; font-size:14px; border:solid 1px #e2e2e2; border-width:0 1px 1px 1px; padding:15px 10px 15px 35px;}
.products-sidebar ul li nav a.active, .products-sidebar ul li nav a:hover {background: #f1f1f1; text-decoration: none;}
.products-sidebar .category-title {color:#fff; background: #252525; position: relative; cursor: pointer;}
.products-sidebar .category-title:after {content:"+"; font-size:32px; position: absolute; right:20px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.products-sidebar .category-title h1 {font-size:18px; margin:0; padding:22px 50px 18px 35px; font-weight:normal;}
.products-sidebar .category-title > div {height:4px;}
.products-sidebar ul li.active .category-title:after {content:"-"; font-size:57px;}
.products-sidebar ul li.active nav {display: block;}

.product-display .product-img {border:solid 1px #e2e2e2; height:340px; width:340px; float:left; padding:10px; position: relative; overflow: hidden }
.product-display .product-img img {position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
.product-display .product-img + .product-description {width:calc(100% - 340px); float:left; padding-left:35px; border:none; padding-bottom:0; margin-bottom:0;}

.product-description.devider {padding: 30px; background: #f1f1f1; display: inline-block; width: 100%; margin: 30px 0 50px; border: solid 1px #e2e2e2;}
.product-description p {margin:0;}
.product-description ul li h2 {font-weight:300; font-size:14px!important; margin:5px 0;}
.product-description ul li h2 span {font-size:inherit!important}

.product-image-gallery {list-style:none; margin:0; padding:0; display:inline-block; width:100%;}
.product-image-gallery li {float:left; margin:0 7px 7px 0; background: #fff; border: solid 1px #e2e2e2; padding:5px; -webkit-transition:250ms all ease; transition:250ms all ease;}
.product-image-gallery li:nth-child(5n+5) {margin-right:0;}
.product-image-gallery li:hover {border-color:#ed1c24;}
.inner-row {display:inline-block; width:100%; vertical-align: top;}

.table {width:100%; margin:15px 0 30px; font-size:14px;}
.table th {padding:15px; background: #f1f1f1; border:solid 1px #c8c8c8; line-height:20px; text-align: center!important;}
.table td {padding:15px; text-align: center; border-bottom:solid 1px #c8c8c8;}
.table tr:hover td {background:#f1f1f1;}

.contact-form {list-style:none; margin:-30px 0 0; padding:0; max-width:700px;}
.contact-form li {margin:10px 0; display:inline-block; width:100%;}
.contact-form li > strong, .contact-form li > div > strong {display: block; margin:0 0 8px;}
.contact-form li input:not([type="radio"]) {width:100%; height:35px;}
.contact-form li textarea {width:100%;}
.contact-form li input[type="radio"] {width:15px; height:15px; margin-right:3px; position: relative; top:3px;}
.contact-form li label {margin-right:15px;}
.contact-form li.devide-3 > div {float:left; width:calc(33.9% - 20px); margin-left:20px;}
.contact-form li.devide-2 > div:first-child, .contact-form li.devide-3 > div:first-child {margin-left:0;}
.contact-form li.devide-2 > div {float:left; width:calc(50.8% - 20px); margin-left:20px;}
.contact-form li .btn {float:right; width:auto!important; background: #efefef!important; padding:10px!important; -webkit-transition:300ms all ease; transition:300ms all ease;}
.contact-form li .btn:hover {background:#ee352a!important;}

/* Footer */
.footer {background: #434343; color:#fff; padding:20px 0 0; font-weight:normal;}
.footer h1 {margin-bottom:40px;}
.footer a {color:#fff;}
.footer ul {list-style:none; margin:4px 0 0; padding:0; display:inline-block; vertical-align: top;}
.footer ul + ul {margin-left:60px;}
.footer ul li {margin:18px 0;}
.footer ul li:first-child {margin-top:0;}
.footer ul li:last-child {margin-bottom:0;}
.footer p {line-height: 22px;}
.footer .col-1-3:nth-child(2) {text-align: center;}
.footer .col-1-3:last-child {text-align: right;}
.footer .col-1-3 > div {display:inline-block; text-align:left;}
.footer .cr {background: #353535; margin-top:20px; color:#a8a8a8; padding:20px 0; font-weight:300;}
.footer .cr a {color:#a8a8a8;}