/*********************************************
* Author: Klemen Olaj
* Description: 
* Date modified: 24.11.2017
* Version: 1.0
**********************************************/

/** Imports **/
@import url(normalize.css);
@import url(fonts.css);
@import url(slick.css);

/* General */
*,
*:before,
*:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
.row { width: 100%; margin: 0 auto; max-width: 1230px; padding:0 15px;}

body {font-family: 'Barlow', sans-serif; font-size:18px; color:#414042; line-height:1.2; min-width:320px; overflow-x:hidden; background: #fff;}

.page {max-width:1920px; margin:0 auto; position: relative;}

a {color:#000; text-decoration: none;}
a:hover {text-decoration: underline;}

/* Page loader */
._pageLoader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background: #1c437b; -webkit-transition: 350ms opacity ease; -o-transition: 350ms opacity ease; transition: 350ms opacity ease; }
._pageLoader--loader { position: fixed; left: 50%; top: 50%; margin: -30px 0 0 -30px; }
._pageLoader--loader,
._pageLoader--loader:after { border-radius: 50%; width: 70px; height: 70px; }
._pageLoader--loader { font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(255, 255, 255, 0.4); border-right: 1.1em solid rgba(255, 255, 255, 0.4); border-bottom: 1.1em solid rgba(255, 255, 255, 0.4); border-left: 1.1em solid #ffffff; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; }

@-webkit-keyframes load8 {  
    0% {
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes load8 {  
    0% {
        -webkit-transform: rotate(0deg); transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }    
}

body.loaded ._pageLoader {opacity:0;}


/* Misc */
section {padding:60px 0;}

.c--blue {color:#1c437b;}
.c--red {color:#b43b44;}

.desktop {display: block!important;}
.mobile {display: none!important;}

@media (max-width:960px){
     section {padding:40px 0;}
    
    .desktop {display: none!important;}
    .mobile {display: block!important;}
}

/* Webkit scrollbar */
::-webkit-scrollbar {background: #f3f3f3; width: 5px; height: 5px}
::-webkit-scrollbar-thumb {background: #1c437b}

/* BlockGrid */
.blockGrid {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% + 10px); margin-left:-10px;}
.blockGrid--100 {width:calc(100% - 10px); margin:0 0 10px 10px;}
.blockGrid--50 {width:calc(50% - 10px); margin:0 0 10px 10px;}
.blockGrid--33 {width:calc(33.333%);}

/* Inputs */
.button {display:inline-block; font-size:22px; white-space: nowrap; line-height:1; font-weight:600; background: #1c437b; color:#fff; padding:15px 25px; -webkit-transition:background 200ms linear; -o-transition:background 200ms linear; transition:background 200ms linear;}
.button span, .button i[class^="fa fa"] {display:inline-block; vertical-align: baseline;}
.button span + i[class^="fa fa"] {margin-left:25px;}
.button i[class^="fa fa"] + span {margin-left:20px;}
.button i.fa.fa-envelope-o {font-size: 26px;}

.button:hover {background: #1c437b;}

.button--red {background: #b43b44;}
.button--red:hover {background: #a5242e;}

.button--small {display:inline-block; border:solid 3px #1c437b; background:transparent; padding:7.5px 18px; font-size:15px; font-weight:bold; color:#1c437b; -webkit-transition:background 200ms linear, color 200ms linear; -o-transition:background 200ms linear, color 200ms linear; transition:background 200ms linear, color 200ms linear;}
.button--small span, .button--small i[class^="fa fa"] {display:inline-block; vertical-align: baseline;}
.button--small span + i[class^="fa fa"] {margin-left:15px;}

.button--small.button--white {color:#fff; border-color:#fff;}

.button--small:hover {color:#fff; background: #1c437b;}

@media (max-width:960px){
    .button {font-size:18px; padding: 12px 20px;}
    .button span + i[class^="fa fa"] {margin-left:20px;}
    .button i[class^="fa fa"] + span {margin-left:15px;}
    .button i.fa.fa-envelope-o {font-size:22px;}
}

/* TITLE */
.title {text-align: center; font-weight:bold; line-height:1; margin:30px 0 50px;}
.title > span {position: relative;}
.title > span:before,
.title > span:after {content:""; position: absolute; left:0; bottom:-10px; width:100%; height:3px; background: #1c437b;}
.title > span:after {background: #b43b44; bottom:-16px;}

h2.title {font-size:35px;}

/* HEADER */
.header {position: fixed; left:50%; top:0; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); min-width:320px; max-width:1920px; width:100%; z-index:60; -webkit-transition:top 150ms linear, left 150ms linear; -o-transition:top 150ms linear, left 150ms linear; transition:top 150ms linear, left 150ms linear;}
.header .row {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.header ul {list-style:none; margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.header--top {background: #1c437b; padding:6px 0; color:#c9d0d9; font-size:14px; height:30px;}
.header--top a {color:#c9d0d9;}
.header--top ul.infoUl li,
.header--top ul.infoUl li a {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.header--top ul.infoUl li a:hover {text-decoration: none;}
.header--top ul.infoUl li a:hover span {text-decoration: underline;}
.header--top ul.infoUl li + li {margin-left:25px;}
.header--top ul.infoUl i[class^="fa fa"] {margin-right:10px;}
.header--top i.fa.fa-phone {font-size:18px;}
.header--top i.fa.fa-paper-plane {font-size:15px;}

.header--top ul.languageUl li a.active {font-weight:600;}
.header--top ul.languageUl li:not(.mobile) + li:before {content:"|"; margin:0 7px;}

.header--bottom {background:rgba(255,255,255,0.85); padding:12px 0; -webkit-transition:background 150ms linear, height 150ms linear; -o-transition:background 150ms linear, height 150ms linear; transition:background 150ms linear, height 150ms linear;}

.logo img {width:220px; -webkit-transition:width 150ms linear; -o-transition:width 150ms linear; transition:width 150ms linear;}

.mainNav {padding-top:5px; -webkit-transition:padding 150ms linear; -o-transition:padding 150ms linear; transition:padding 150ms linear;}
.mainNav a {font-size:18px; font-weight:500; color:#1c437b; position: relative; -webkit-transition:color 200ms linear; -o-transition:color 200ms linear; transition:color 200ms linear;}
.mainNav li {position: relative;}
.mainNav > ul > li + li {margin-left:50px;}
.mainNav > ul > li > a.active,
.mainNav > ul > li > a:hover {color:#b43b44; text-decoration: none;}
.mainNav > ul > li > a.active:before {content:""; width:100%; height:5px; background:#b43b44; position: absolute; left:0; bottom:-34px; -webkit-transition:bottom 150ms linear; -o-transition:bottom 150ms linear; transition:bottom 150ms linear;}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .mainNav > ul > li > a.active:before {bottom:-35px;}
    .header.scroll .mainNav > ul > li > a.active:before {bottom:-24px!important;}
}

.mainNav .subNav {position: absolute; left:0; top:100%; min-width:400px; padding-top:41px; visibility:hidden; opacity:0; margin-top:10px; -webkit-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear;}
.mainNav .subNav ul {background: #1c437b; display: block; padding:20px;}
.mainNav .subNav ul li + li {margin-top:9px;}
.mainNav .subNav ul li a.active,
.mainNav .subNav ul li a:hover {color:#8cc6df; text-decoration: none;}
.mainNav .subNav a {font-weight:normal; color:#fff;}

.mainNav > ul > li:hover .subNav {visibility: visible; opacity:1; margin-top:0;}

.navToggle {display: none;}

@media (max-width:1060px){
    .mainNav > ul > li + li {margin-left:30px;}
}
@media (min-width:961px){    
    .header.scroll {top:-30px; -webkit-box-shadow:5px 5px 5px #000; box-shadow:5px 5px 5px #000; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);}
    .header.scroll .header--bottom {background: #fff;}
    .header.scroll .logo img {width:140px;}
    .header.scroll .mainNav {padding-top:0;}
    .header.scroll .mainNav > ul > li > a.active:before {bottom:-23px;}
    .header.scroll .mainNav .subNav {padding-top:30px;}
}
@media (max-width:960px){
    .header {background: #fff; width:100%; left:0; -webkit-transform:none; -ms-transform:none; transform:none; -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1); -webkit-transition-duration:200ms; -o-transition-duration:200ms; transition-duration:200ms;}
    .header.mobile--header-hide {top:-60px;}
    
    .header--top {display: none;}
    .header--bottom {height:60px; padding:10px 0;}
    
    .logo img {width:80px;}
    
    .mainNav {position: fixed; right:-250px; top:0; padding-top:7px; z-index:150; visibility:hidden; width:250px; height:100vh; overflow:auto; background: #fff; -webkit-transition: right 200ms linear, visibility 200ms linear; -o-transition: right 200ms linear, visibility 200ms linear; transition: right 200ms linear, visibility 200ms linear;}
    .mainNav ul {display: block; padding:7px 20px;}
    .mainNav a {font-size:16px;}
    .mainNav > ul > li + li {margin:0;}
    .mainNav > ul > li > a {padding:10px 0; display: block;}
    .mainNav > ul > li > a.active:before {display: none;}    

    .mainNav .subNav {display: none!important; position: static; visibility: visible; opacity:1; margin:0; min-width:0; padding:0;}
    .mainNav .subNav a {font-size:14px;}
    .mainNav .subNav ul {padding:10px 20px 15px;}
    .mainNav .subNav ul li {line-height:0.95;}
    .mainNav .subNav ul li + li {margin-top:5px;}
    
    .mainNav ul.infoUl,
    .mainNav ul.languageUl {padding:20px; font-size:14px; font-weight:normal;}
    
    .mainNav ul.infoUl a,
    .mainNav ul.languageUl a {font-size:14px; display: block; font-weight:normal;}
    
    .mainNav ul.infoUl i,
    .mainNav ul.languageUl i {display: none;}    
    
    .mainNav ul.infoUl i.fa.fa-phone {font-size:14px; position: relative; top:2px;}
    
    .mainNav ul.infoUl li + li,
    .mainNav ul.languageUl li + li {margin-top:7px;}    
    
    .mainNav ul.languageUl li a.active {font-weight:bold;}
    
    .mainNav ul.infoUl a + span {display: none;}
    
    .mainNav ul.infoUl h4,
    .mainNav ul.languageUl h4 {margin: 0 0 10px; font-weight: 600; font-size: 16px; border-bottom: solid 2px #b43b44; padding: 0 0 7px;} 
    
    .navToggle {display: block; width:45px; height:40px; margin-right:-10px; padding:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; cursor: pointer; position: relative;}
    .navToggle span {display:block; width:100%; height:2px; background: #313131; -webkit-transition:background 200ms linear; -o-transition:background 200ms linear; transition:background 200ms linear;}
    .navToggle span:before,
    .navToggle span:after {content:""; position: absolute; left:10px; top:10px; width:calc(100% - 20px); height:2px; background: #313131; -webkit-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear;}
    .navToggle span:after {top:auto; bottom:10px;}     
    
    .page {right:0; -webkit-transition:right 200ms linear; -o-transition:right 200ms linear; transition:right 200ms linear;} 
    
    body:before {content:""; position: fixed; top: 0; width: 100%; height: 100%; z-index: 50; background:#1c437b; left: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 200ms ease-in-out,opacity 200ms ease-in-out; -o-transition: visibility 200ms ease-in-out,opacity 200ms ease-in-out; transition: visibility 200ms ease-in-out,opacity 200ms ease-in-out;}
    body.show-navigation:before {opacity: 1; visibility: visible;} 
    
    body.show-navigation {overflow: hidden;}
    body.show-navigation .page {right:250px}
    body.show-navigation .header {left:-250px}
    body.show-navigation .mainNav {visibility: visible; right:0;}
    
    body.show-navigation .navToggle span {background: transparent;}
    body.show-navigation .navToggle span:before {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg); top: 19px;}
    body.show-navigation .navToggle span:after {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); bottom: 19px;}    
}
/* Strojni park */

#machines {
    border-collapse: collapse;
    width: 100%;
}

#machines td, #machines th {
    border: 1px solid #ddd;
    padding: 4px;
}

#machines tr:nth-child(even){background-color: #f2f2f2;}

#machines tr:hover {background-color: #ddd;}

#machines th {
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

/* Slider */
.section--slider {padding:0;}
.slider .slide {height:770px; min-height:770px; padding:80px 0 40px; background-repeat: no-repeat; background-size:cover; background-position:center; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; outline:none!important;}
.slider .slide--text {width:100%; background: rgba(0,0,0,.7); padding:25px 0; color:#fff; text-align: center; line-height:1; text-shadow: 3px 3px 1px #000;}
.slider .slide--text h2 {margin:0; font-size:50px; font-weight:bold;}
.slider .slide--text h3 {margin:0; font-size:50px; font-weight:500;}
.slider .slick-arrow {position: absolute; z-index:15; left:12px; top: calc(50% + 20px); margin-top:-17.5px; font-size:35px; line-height:0; color:#c9d0d9; padding:0; border:none; background:none; -webkit-transition:color 200ms ease-in-out; -o-transition:color 200ms ease-in-out; transition:color 200ms ease-in-out;}
.slider .slick-next {left:auto; right:12px;}

.slider .slick-arrow:hover {color:#fff;}

/*.inquiryContainer {position: relative; margin-top:-100px;}*/
.inquiryContainer {position: relative;}

/*.inquiry {background: #178ec8; position: relative; padding:25px 0 35px;}*/
.inquiry {position: relative; padding:25px 0 35px;}
/*.inquiry:after {content:""; position: absolute; left:50%; margin-left:-150px; bottom:-185px; border:solid 150px transparent; border-top-color: #178ec8; border-top-width:35px;}*/
.inquiry .row {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

.inquiry--bg {width:100%; /*position: absolute; left:0; top:-100px;*/}
.inquiry--bg img {z-index:10; width:100%; max-width:1400px; display: block; margin:0 auto;}
.inquiry--bg:before,
.inquiry--bg:after {content:""; height:100px; width:calc(50% - 700px); background: #178ec8; position: absolute; right:0; top:0px;}
.inquiry--bg:before {left:0; right:auto;}

.inquiry--text {color:#fff; line-height:1.1;}
.inquiry--text h3 {font-size:35px; font-weight:bold; color:#b43b44; margin:0 0 5px;}
.inquiry--text p {font-size:25px; margin:0;}

@media (max-width:1200px){
    .slider .slide--text h2 {font-size:40px;}
    .slider .slide--text h3 {font-size:30px;}
}
@media (max-width:960px){
    .slider .slide {height:560px; min-height:560px; padding:80px 0 100px;}
    .slider .slick-arrow {display: none!important;}
    
    .inquiry {padding: 20px 0 25px;}
    .inquiry .row {display: block; text-align: center;}
    .inquiry--text h3 {font-size:30px; margin:0 0 10px;}
    .inquiry--text p {color: black; font-size:18px;}
    .inquiry--text + .button {margin-top:15px;}
}
@media (max-width:680px){
    .slider .slide--text {padding:15px 0;}
    .slider .slide--text h2 {font-size:30px;}
    .slider .slide--text h3 {font-size:25px;}
}
@media (max-width:480px){
    .slider .slide {height:460px; min-height: 460px;}
}

/* Proizvodnji program */
.proizvodnjiProgramBG {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch; margin-bottom: -10px;}
.proizvodnjiProgram {position: relative; margin:0 auto; padding-top: 10px;}
.proizvodnjiProgram:before {content:""; position: absolute; left:0; top:0; width:100%; height:100%; opacity:0; z-index:5; -webkit-transition:opacity 200ms linear; -o-transition:opacity 200ms linear; transition:opacity 200ms linear;}
.proizvodnjiProgram .button--small {visibility:hidden; opacity:0; position: absolute; right: 15px; bottom: 60px; z-index:10; -webkit-transition:all 200ms linear; -o-transition:all 200ms linear; transition:all 200ms linear;}
.proizvodnjiProgram--text {color:#fff; line-height: 1.4; position: relative; padding:12px 12px 12px 30px; z-index:10;}
/*padding:12px 12px 12px 30px;  max-width:360px; margin:10px 0 20px;*/
.proizvodnjiProgram--text h3 {font-size:20px; line-height:1.2; margin:0 0 3px;}
.proizvodnjiProgram--text p {margin:0;}


.proizvodnjiProgram[data-color="red"]:before,
.proizvodnjiProgram[data-color="red"] .proizvodnjiProgram--text,
.categoryRoot--sidebar [data-color="red"] {background: #1c437b;}

.proizvodnjiProgram[data-color="blue"]:before,
.proizvodnjiProgram[data-color="blue"] .proizvodnjiProgram--text,
.categoryRoot--sidebar [data-color="blue"] {background: #1c437b;}

.proizvodnjiProgram[data-color="light-blue"]:before {background: #8cc6df;}
.proizvodnjiProgram[data-color="light-blue"] .proizvodnjiProgram--text,
.categoryRoot--sidebar [data-color="light-blue"] {background: #8cc6df;}

.proizvodnjiProgram[data-color="light-blue"] .proizvodnjiProgram--text {color:#1c437b;}

.proizvodnjiProgram[data-color="gray"]:before,
.proizvodnjiProgram[data-color="gray"] .proizvodnjiProgram--text,
.categoryRoot--sidebar [data-color="gray"] {background: #414042;}

.proizvodnjiProgram[data-color="light-gray"]:before,
.proizvodnjiProgram[data-color="light-gray"] .proizvodnjiProgram--text,
.categoryRoot--sidebar [data-color="light-gray"] {background: #c9d0d9;}

.proizvodnjiProgram[data-color="light-gray"] .proizvodnjiProgram--text {color:#1c437b;}

.proizvodnjiProgram:hover {text-decoration: none;}
.proizvodnjiProgram:hover:before {opacity:0.6;}
.proizvodnjiProgram:hover .button--small {visibility:visible; opacity:1; background:transparent!important;}

.section--ourVision {padding:50px 0 70px; background-repeat: no-repeat; background-position:center top; background-size:cover; background-attachment: fixed; position: relative; font-size:20px; font-weight:500; text-align: center;}
.section--ourVision:after {content:""; position: absolute; left:0; top:0; width:100%; height:100%; background: rgba(201,208,217,.85);}
.section--ourVision:before {content:""; position: absolute; z-index:10; left:50%; margin-left:-150px; top:0; border:solid 150px transparent; border-top-color: #fff; border-top-width:35px;}
.section--ourVision .row {position: relative; z-index:10;}
.section--ourVision h4 {font-size:22px; margin:0 0 8px;}
.section--ourVision h4 + p {margin-top:0;}
.section--ourVision .button--small {margin-top:40px;}

@media (max-width:1200px){
    .proizvodnjiProgram--text {padding:12px;}
}
@media (max-width:960px){
    .section--ourVision {padding: 40px 0 35px;}
    
    .proizvodnjiProgramBG,
    .proizvodnjiProgram {width:100%; margin:0;}
    .proizvodnjiProgram + .proizvodnjiProgram {margin-top:10px;}
    
    .proizvodnjiProgram--text {max-width:480px; margin:10px 0 10px 10px;}
    .proizvodnjiProgram .button--small {margin:0 0 10px 10px!important;}
}
@media (max-width:520px){
    .proizvodnjiProgram--text {max-width:calc(100% - 20px);}
}
/* Section - contact us */
.section--contactUs {background: #1c437b; padding:35px 0;}
.contactUs {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; font-size:22px; color:#fff; font-weight:600;}

.contactUs--actions {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;}

.callUsBlock { border:solid 3px #fff; margin:0 40px; color:#fff; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:56px; padding:5px 25px 6px 60px; line-height:1; position: relative;}
.callUsBlock:before {content:"\f095"; position: absolute; left:20px; top:50%; margin-top:-15px; font: normal normal normal 14px/1 FontAwesome; font-size: 30px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.callUsBlock i[class^="fa fa"] {font-size:30px;}
.callUsBlock i[class^="fa fa"] + span {margin-left:22px;}
.callUsBlock:hover {text-decoration: none;}

@media (max-width:1060px){
    .callUsBlock {margin:0 20px;}
}
@media (max-width:960px){
    .section--contactUs {padding:30px 0;}
    .contactUs {display:block; text-align: center; font-size:18px;}
    .callUsBlock {margin:15px 0; height:46px;}
    .contactUs--actions {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
}
@media (max-width:460px){
    .callUsBlock {padding:5px 10px;}
    .callUsBlock:before {display: none;}
}

/* Section subheader */
.section--subHeader {background: #c9d0d9; text-align: center; padding:25px 0;}
.section--subHeader h1 {margin:0 0 12px; font-size:35px; color:#b43b44; font-weight:500;}

.breadcrumbs ul {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-wrap:wrap; flex-wrap:wrap; list-style:none; margin:0; padding:0;}
.breadcrumbs ul li, .breadcrumbs ul li a {color:#414042; font-size:18px; font-weight:500;}
.breadcrumbs ul li + li:before {content:">"; margin:0 8px;}

.header + .section--subHeader {margin-top:175px;}

@media (max-width:960px){
    .header + .section--subHeader {margin-top:60px;} 
    
    .section--subHeader {padding:10px 0 15px 0;}
    .section--subHeader h1 {margin:0 0 10px; font-size:30px; line-height:1;}
    .breadcrumbs ul li, .breadcrumbs ul li a {font-size:15px;}
}

/* Category root */
.categoryRootBG {width:100%; margin:0;}
.categoryRoot--sidebar {width:450px;}
.categoryRoot--sidebar nav a {display: block; font-size:20px; font-weight:500; padding:13px 20px; -webkit-transition:color 200ms linear, background 200ms linear; -o-transition:color 200ms linear, background 200ms linear; transition:color 200ms linear, background 200ms linear;}
.categoryRoot--sidebar nav a + a {margin-top:8px;}
.categoryRoot--sidebar nav a.active,
.categoryRoot--sidebar nav a:hover {text-decoration: none; background: transparent;}

.categoryRoot--main {width:calc(100% - 450px); padding-left:45px; line-height:1.4;}
.categoryRoot--main p:first-child {margin-top:0;}
.categoryRoot--main p:last-child {margin-bottom:0;}

.categoryContent {display: none;}

.categoryRoot--sidebar a[data-color="light-blue"],
.categoryRoot--sidebar a[data-color="light-gray"] {color: #414042;}
.categoryRoot--sidebar a[data-color="red"],
.categoryRoot--sidebar a[data-color="blue"],
.categoryRoot--sidebar a[data-color="gray"] {color: #fff;}

.categoryRoot--sidebar a[data-color="red"].active,
.categoryRoot--sidebar a[data-color="red"]:hover {color:#b43b44;}

.categoryRoot--sidebar a[data-color="blue"].active,
.categoryRoot--sidebar a[data-color="blue"]:hover {color:#1c437b;}

.categoryRoot--sidebar a[data-color="light-blue"].active,
.categoryRoot--sidebar a[data-color="light-blue"]:hover {color:#8cc6df;}

.categoryRoot--sidebar a[data-color="light-gray"].active,
.categoryRoot--sidebar a[data-color="light-gray"]:hover {color:#c9d0d9;}

.categoryRoot--sidebar a[data-color="gray"].active,
.categoryRoot--sidebar a[data-color="gray"]:hover {color:#414042;}

@media (max-width:1200px){
   .categoryRoot--main {padding-left:25px;} 
}
@media (max-width:960px){
   .categoryRoot--sidebar {width:100%;}
   .categoryRoot--sidebar nav a {font-size:16px; padding:15px;}
   .categoryRoot--main {width:100%; padding:0 15px; margin-top:25px;} 
}


/* Image hover with icon */
.image-hover {position: relative;}
.image-hover:before,
.image-hover:after {opacity:0; -webkit-transition:opacity 200ms linear; -o-transition:opacity 200ms linear; transition:opacity 200ms linear;}
.image-hover:before {content:""; position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(180, 59, 68, 0.6);}
.image-hover:after {content: "\f002"; color:#fff; z-index:10; position: absolute; left:50%; top:50%; margin:-20px 0 0 -30px; width:60px; height:60px; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background: rgba(255,255,255,.4); font: normal normal normal 25px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size:25px; -webkit-transition:opacity 200ms linear, margin 200ms linear; -o-transition:opacity 200ms linear, margin 200ms linear; transition:opacity 200ms linear, margin 200ms linear;}
.image-hover:hover:before,
.image-hover:hover:after {opacity:1;}
.image-hover:hover:after {margin-top:-30px;}

/* Gallery */
.gallery {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-wrap:wrap; flex-wrap:wrap; width:calc(100% + 10px); margin-left:-10px; margin-top:45px;}
.gallery--item {width:calc(33.333% - 10px); height:160px; position: relative; margin:0 0 10px 10px; background-repeat: no-repeat; background-position:center; background-size:cover; text-decoration: none!important;}

@media (max-width:580px){
    .gallery--item {width:calc(50% - 10px); height:180px;}
}
@media (max-width:380px){
    .gallery--item {width:calc(100% - 10px);}
}
/* Machine park */
.machineParkBG {width:calc(100% + 25px); margin-left:-25px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch;}
.machine {width:calc(33.333% - 25px); margin:0 0 25px 25px;}
.machine--image {display: block; height:270px; background-repeat: no-repeat; background-position: center; background-size:cover; text-decoration: none!important;}
.machine--content {padding:25px;}
.machine--content ul {list-style:none; margin:0; padding:0;}

.machine .image-hover:before {background:#1c437b;}
.machine .image-hover:after {width:100px; height:100px; margin:-40px 0 0 -50px; font-size:36px;}
.machine .image-hover:hover:after {margin-top:-50px;}

@media (max-width:1200px){
    .machineParkBG {width:calc(100% + 15px); margin-left:-15px;}
    .machine {width:calc(33.333% - 15px); margin:0 0 15px 15px;}   
}
@media (max-width:960px){
    .machine {width:calc(50% - 15px);}   
}
@media (max-width:680px){
    .machineParkBG {width:100%; margin-left:0;}
    .machine {width:100%; margin:0 0 15px 0;} 
    
    .machine .image-hover:after {width: 60px; height: 60px; margin: -20px 0 0 -30px; font-size: 25px;}
}
@media (max-width:480px){
    .machine--content {padding: 15px;}
}

/* Cad-Cam */
.cadCamBG {width:calc(100% + 30px); margin:0 0 0 -30px;}
.cadCam {width:calc(50% - 30px); margin:0 0 20px 30px;}
.cadCam--title {font-size:25px; margin:0 0 25px;}
.cadCam--block {background: #E7E8E8; padding:20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
.cadCam--block-image {width:150px;}
.cadCam--block-content {width:calc(100% - 150px); padding:0 0 0 30px; word-break:break-word;}
.cadCam--block-content h3 {margin:0 0 15px; font-weight:600; color:#b43b44; font-size:25px;}
.cadCam--block-content a {color:#1c437b;}
.cadCam--block-content p {margin:10px 0;}
.cadCam--block-content p:last-child {margin-bottom:0;}
.cadCam--block + .cadCam--block {margin-top:20px;}

@media (max-width:1260px){
    .cadCamBG {width:calc(100% + 20px); margin:0 0 0 -20px;}
    .cadCam {width:calc(50% - 20px); margin:0 0 20px 20px;}
    .cadCam--block-content {padding-left:20px;}
}
@media (max-width:960px){
    .cadCamBG {width:100%; margin:0;}
    .cadCam {width:100%; margin:0;}
    .cadCam + .cadCam {margin:35px 0 0;}
    .cadCam--block {padding:15px;}
    .cadCam--block + .cadCam--block {margin-top:15px;}
    .cadCam--block-content {padding-left:15px;}
}
@media (max-width:480px){
    .cadCam--block {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .cadCam--block-content {width:100%; padding:0; margin:15px 0 0;}
}

/* AboutUs */
.aboutUs {line-height:1.25;}
.aboutUs h3 {color:#1c437b; font-size:25px; font-weight:600; margin:0 0 15px; line-height: 1.1;}
.aboutUs h3 + p {margin-top:0;}
.aboutUs p {margin:15px 0;}
.aboutUs a[href^="mailto:"] {color:#b43b44;}
.aboutUs strong {font-weight:600;}
.aboutUs ul {margin:15px 0;}
.aboutUs .image--left {float:left; width:100%; max-width:450px; margin:0 25px 25px 0;}

ul.resetUl {list-style:none; padding:0;}
ul.resetUl li + li {margin-top:5px;}

@media (max-width:960px){
    .aboutUs .image--left {float:none; margin:0 0 25px;}
}

/* Contact */
.contactBG {width:100%; margin-left:0;}
.contact--form {width:calc(100% - 310px); margin-left:0; background: #e1e5ea; padding:30px 25px;}
.contact--form h2 {margin:0; font-weight:600; font-size:25px;}

.form input:not([type="radio"]):not([type="checkbox"]),
.form textarea {font-family: 'Barlow', sans-serif; width:100%; height:40px; border-radius:none; -webkit-box-shadow:none; box-shadow:none; padding:5px 15px; border:solid 1px #c9d0d9; background: #fff; -webkit-transition:border 200ms linear; -o-transition:border 200ms linear; transition:border 200ms linear;}
.form textarea {height:280px; resize:none; padding:10px 15px;}
.form .error {border-color:#f00!important;}

.form button {min-width:155px; text-align: center;}
.form button + em {margin-left:25px;}
.form--row {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; width:calc(100% + 20px); margin-left:-20px;}
.form--row-50 {width:calc(50% - 20px); margin:0 0 0 20px;}
.form--row-100 {width:calc(100% - 20px); margin:0 0 0 20px;}
.form--row + .form--row {margin-top:15px;}

.contact--content {width:310px; margin-left:0; padding-left:40px;}
.contact--content ul {list-style:none; margin:0; padding:15px 0 0;}
.contact--content ul li + li {margin-top:3px;}

.section--gmaps {height:430px;}

@media (max-width:960px){
    .contact--form {width:100%; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}
    .contact--content {width:100%; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; padding-left:0; margin-bottom:40px; padding:0 35px;}
    .contact--content ul {padding:0;}
}
@media (max-width:680px){
    .contact--content {padding:0 15px;}
    .contact--form {padding: 20px 15px;}
    
    .form--row {width:100%; margin:0; -ms-flex-wrap:wrap; flex-wrap:wrap;}
    .form--row + .form--row {margin-top:10px;}
    .form--row-50 {width:100%; margin:0;}
    .form--row-50 + .form--row-50 {margin-top:10px;}
    .form--row-100 {width:100%; margin:0;}
    
    .form button + em {margin-left: 15px; font-size: 14px;}
}
@media (max-width:480px){
    .contact--content {padding:0;}
    .form button {width:100%;}
    .form button + em {display:block; margin:10px 0 0;}
}
/* Footer */
.footer {background: #414042; color:#a2a8af; font-size:18px; padding:50px 0 0; font-size:16px;}
.footer a {color:#a2a8af;}
.footer h4 {margin:0 0 15px; color:#fff;}
.footer ul {margin:0; padding:0; list-style:none;}
.footer ul li + li {margin-top:5px;}
.footer ul.arrowUl li:before {content:">"; margin:0 10px 0 0;}
.footer img.certificate-img {margin:0 0 20px; max-width: 80%;}
.footer .googleMapsContainer {height:280px;}

.footer--cr {border-top:solid 1px #a2a8af; padding:25px 0; margin:50px 0 0;}
.footer--cr .row {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

@media (max-width:960px){
    .footer {padding:35px 0 0;}
    
    .footerBG {display: block; width:100%; margin:0;}
    .footerBG > .blockGrid--33 {width:100%; text-align: center; margin:0;}
    .footerBG > .blockGrid--33 + .blockGrid--33 {margin-top:30px;}
    
    .footer ul.arrowUl li:before {display: none;}
    
    .footer--cr {padding:15px 0; font-size:14px; margin-top:30px;}
    .footer--cr .row {display: block; text-align: center;}
    .footer--cr .row > div + div {margin-top:5px;}
}