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

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

/* Page styles */
*, *:before, *:after {-webkit-box-sizing: border-box;box-sizing: border-box;}
.row {width: 100%; margin: 0 auto; max-width: 1100px; padding:0 20px;}
.row:after {content: ""; display: table; clear: both;}

/* Page loader */
._pageLoader {position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; background:#3188B1; -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: loader 1.1s infinite linear; animation: loader 1.1s infinite linear; }

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

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

/* Webkit scrollbar & text select */
::-webkit-scrollbar {background: #ECECEC; width: 5px; height: 5px;}
::-webkit-scrollbar-thumb {background: #2F87B4;}

::-moz-selection {background:#424242; color:#fff!important;}
::selection {background:#424242; color:#fff!important;}

/* Defaults & Misc. */
body {font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#414042; line-height:1.3; min-width:320px; padding:116px 0 0; overflow-x:hidden;}
body.loaded ._pageLoader {opacity:0;}

body.loaded .pageContainer {top:0; opacity:1;}

.pageContainer {top:-50px; opacity:0; left:0; position: relative; -webkit-transition: left 250ms ease, top 250ms ease, opacity 250ms ease; -o-transition: left 250ms ease, top 250ms ease, opacity 250ms ease; transition: left 250ms ease, top 250ms ease, opacity 250ms ease;}

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

p {margin:15px 0;}
p:first-child {margin-top:0;}
p:last-child {margin-bottom:0!important;}

/* Titles */
h1,h2,h3,h4 {line-height:1.1; margin:15px 0;}
h1:first-child,h2:first-child,h3:first-child,h4:first-child {margin-top:0;}
h1:last-child,h2:last-child,h3:last-child,h4:last-child {margin-bottom:0;}

h2, h3 {color:#DC4913;}
h2 {font-size:26px;}
h3 {font-size:20px;}
h4 {color: #2F87B4; font-size:18px;}

p + h2 {margin-top:25px;}

.tagTitle {display:inline-block; font-size:22px; color:#fff; font-weight:bold; padding:25px 40px 15px; border-radius:0 0 4px 4px; background: #E05425; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.5); box-shadow: 0px 1px 5px rgba(0,0,0,.5); position: relative; z-index: 5;}

@media (max-width:960px) {
    .tagTitle {font-size:20px; padding: 15px 30px 10px;}
}
@media (max-width: 600px) {
    .hom {display: none;}
}

/* Inputs */
input:not([type="checkbox"]):not([type="radio"]), select, textarea {height:50px; width:100%; border:solid 1px #B0B3B3; padding:5px 20px; border-radius:4px; vertical-align: top;}
textarea {resize:none; height:150px;}

input:focus,
textarea:focus {border-color:#358EC4!important;}

input:not([type="checkbox"]):not([type="radio"]).error,
textarea.error {border-color:#ED1C24!important;}

.checkbox {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; cursor: pointer; line-height:1.1; float:left;}
.checkbox--input {display: none;}
.checkbox--icon {width:20px; height:20px; -ms-flex-item-align:start; align-self:flex-start; background: #fff; border:solid 1px #B0B3B3; border-radius: 3px; position: relative;}
.checkbox--icon:before {content: "\e90c"; font-family: 'icomoon'; font-size:9px; line-height:1; color:#358EC4; position: absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); display:none;}
.checkbox--text {width:calc(100% - 20px); padding-left:12px;}
.checkbox--input:checked + .checkbox--icon:before {display:block;}
.checkbox--input.error + .checkbox--icon {border-color:#ED1C24;}
.checkbox--input.error + .checkbox--icon + .checkbox--text {color:#ED1C24;}

.button {display:inline-block; vertical-align: middle; min-width:160px; border:none; text-align: center; color:#fff; line-height: 1.1; font-size:18px; padding:0; border-radius:4px; background: #3188B1; border: solid 1px rgba(255,255,255,.2); -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,.5); box-shadow: 0px 1px 5px rgba(0,0,0,.5); -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;}
.button i[class^="icon-"] {font-size:20px; margin-left:12px; position: relative; right:0; -webkit-transition:right 250ms ease; -o-transition:right 250ms ease; transition:right 250ms ease;}
.button--flex {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; height:48px; min-height:48px; padding:4px 23px 2px;}

.button.button-red {background:#E05425;}
.button.button-red:hover {background:#c2451b;}

.button-small {min-width:115px; font-size:16px;}
.button-small .button--flex {height:33px; min-height:33px;}

.button:hover {background:#246584; text-decoration: none;}
.button:hover i[class^="icon-"] {right:-3px}

.buttonContainer {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:-5px;}
.buttonContainer > a, 
.buttonContainer > .button {margin:5px;}

.downloadLink {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; margin-top:10px; -ms-flex-wrap:Wrap; flex-wrap:Wrap;}
.downloadLink + .downloadLink {margin-top:30px;}
.downloadLink--left {width:130px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.downloadLink--left i.icon-arrow-download {color:#DC4913; font-size:20px;}
.downloadLink--left span {font-size:18px; color:#fff; line-height:1; width:40px; text-align: center; text-transform: uppercase; border-top: solid 1px rgba(255,255,255,.2); background: #2F87B4; margin:0 10px 0 12px; padding:1px 5px; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.35); box-shadow: 1px 1px 4px rgba(0,0,0,.35); border-radius:4px;}
.downloadLink--left small {font-size:14px; color:#2F87B4;}
.downloadLink--right {width:calc(100% - 130px); padding-left:25px; font-size:16px; line-height:1.2; color:#3C3C3B; margin-top:0; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;}

.downloadLink:hover {text-decoration: none;}
.downloadLink:hover .downloadLink--right {color:#2F87B4;}

@media (max-width:420px){
    .downloadLink--right {width:100%; padding:0 0 0 32px; margin-top:10px;}
}

/* Colors */
.c-blue   {color:#2F87B4;}
.c-orange {color:#DC4913;}

/* Lists */
ul.ul-arrow {margin:15px 0; padding:0; list-style:none;}
ul.ul-arrow li {position: relative; padding-left:20px;}
ul.ul-arrow li + li {margin-top:5px;}
ul.ul-arrow li:before {content:"\e903"; font-family: 'icomoon'; position: absolute; left:0; top:3px; font-size:12px; color:#2F87B4;}

ul.ul-arrow.ul-arrow-red li:before {color:#DC4913;}

ul.ul-arrow:first-child {margin-top:0;}

table td {padding:2px 0}
table td:first-child {padding-right:25px;}

/* Floats */
.f-l {float:left;}

/* Fancybox */
[data-fancybox],
[data-fancybox] * {outline:none!important;}
[data-fancybox] {display:inline-block; vertical-align: top; position: relative; overflow:hidden}
[data-fancybox] img {width:100%; -webkit-transform: translate3d(0,0,0) scale(1); transform: translate3d(0,0,0) scale(1); -webkit-transition:-webkit-transform 600ms ease; transition:-webkit-transform 600ms ease; -o-transition:transform 600ms ease; transition:transform 600ms ease; transition:transform 600ms ease, -webkit-transform 600ms ease}
[data-fancybox]:before {}
[data-fancybox]:after {content:"\e909"; font-family: 'icomoon'; font-size:35px; line-height:1; color:#fff; background:rgba(49, 136, 177, 0.8); padding: 19px; border-radius: 50%; position: absolute; z-index:10; left:50%; top:50%; margin:-36.5px 0 0 -36.5px; opacity:0; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease;}
[data-fancybox]:hover img {-webkit-transform: translate3d(0,0,0) scale(1.05);transform: translate3d(0,0,0) scale(1.05)}
[data-fancybox]:hover:after {opacity:1;}


/* Block Grids */
.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% + 40px); margin-left:-20px;}
.blockGrid [class^="blockGrid--"] {padding:0 20px;}

.blockGrid--100 {width:100%;}
.blockGrid--66  {width:66.667%;}
.blockGrid--50  {width:50%;}
.blockGrid--33  {width:33.333%;}
.blockGrid--25  {width:25%;}
.blockGrid--20  {width:20%;}
.blockGrid--16  {width:16.667%;}

/* Aligns */
.textAlign-center {text-align: center;}
.textAlign-left   {text-align: left;}
.textAlign-right  {text-align: right;}

/* Justify content */
.alignItems-start   {-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;}
.alignItems-center  {-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
.alignItems-end     {-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;}

/* Justify content */
.justifyContent-start  {-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.justifyContent-end    {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.justifyContent-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.justifyContent-between {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}

/* Form */
.form--row {display:inline-block; width:100%; vertical-align: top;}
.form--row + .form--row {margin-top:10px;}
.form--row small {font-size:12px;}

.form--row > label:not(.checkbox) {font-weight:600; font-size:14px; display: block; margin:0 0 10px;}
.form--row > label.error {color:#ED1C24; font-weight:normal; margin-top:-5px; float:none; display:inline-block; vertical-align: top; width:100%;}
.form--row.form--row-error > label:not(.checkbox) {color:#ED1C24;}
.form--row.form--row-error .checkbox--icon {border-color:#ED1C24;}

.form-lg {max-width:700px;}
.form-lg .form--row + .form--row {margin-top:20px;}
.form-lg .button {margin-top:20px;}

.form input:not([type="checkbox"]):not([type="radio"]), .form select, .form textarea {border-color:#2F87B4; -webkit-box-shadow:none; box-shadow:none; -webkit-transition:-webkit-box-shadow 250ms ease; transition:-webkit-box-shadow 250ms ease; -o-transition:box-shadow 250ms ease; transition:box-shadow 250ms ease; transition:box-shadow 250ms ease, -webkit-box-shadow 250ms ease;}
.form input:focus, .form select:focus, .form textarea:focus {-webkit-box-shadow: 0px 0px 3px 0px 0px 3px rgba(47, 135, 180, 0.6)!important;box-shadow: 0px 0px 3px 0px 0px 3px rgba(47, 135, 180, 0.6)!important;}

.form textarea {padding:15px 20px;}
.form .checkbox--icon {border-color:#2F87B4;}
.form .button {margin-top:10px;}

@media (max-width: 600px) {
    .form .blockGrid--50 {width:100%; margin-top:10px; text-align: left!important;}
}

/* HEADER */
.header {background: #F7F7F6; height:116px; -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.3); box-shadow: 0px 2px 10px rgba(0,0,0,.3); font-size:16px; position: fixed; left:0; top:0; width:100%; z-index:900; -webkit-transition:top 250ms ease, left 250ms ease; -o-transition:top 250ms ease, left 250ms ease; transition:top 250ms ease, left 250ms ease;}
.header--top {background: #3188B1; color:#fff; padding:8px 0;}
.header--top nav {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.header--top nav a {color:#fff;}
.header--top nav a + a {margin-left:30px;}
.header--bottom {height:80px;}

.header--flex {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}

a.logo {margin:9px 0 0;}

.mainNav > ul {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
.mainNav > ul > li > a {height:80px; padding:5px 25px; position: relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; color:#3188B1; text-decoration: none!important; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;}
.mainNav > ul > li:hover > a {color:#E05425;}
.mainNav > ul > li > a:after {content:""; position: absolute; left:0; bottom:0; width:100%; height:6px; background: transparent;}
.mainNav > ul > li > a.active {color:#FFFFFF; font-weight:bold; background: #3188B1;}
.mainNav > ul > li > a.active:after {background: #E05425;}
.mainNav ul {list-style:none; margin:0; padding:0;}
.mainNav ul li {position: relative;}
.mainNav ul ul li.has-children > a:after {content:"\e903"; font-family: 'icomoon' !important; position: absolute; right:5px; top:50%; line-height: 1; font-size: 13px; margin-top: -6.5px;}
.mainNav ul li:hover > ul {opacity:1; visibility: visible; margin-top:0;}
.mainNav ul ul {position: absolute; right:0; top:100%; -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.4); box-shadow: 0px 2px 10px rgba(0,0,0,.4); opacity:0; visibility: hidden; margin-top:10px; -webkit-transition:opacity 300ms ease, visibility 300ms ease, margin 300ms ease; -o-transition:opacity 300ms ease, visibility 300ms ease, margin 300ms ease; transition:opacity 300ms ease, visibility 300ms ease, margin 300ms ease;}
.mainNav ul ul a {display: block; padding:4px 20px 2px; -webkit-transition:color 250ms ease, background 250ms ease; -o-transition:color 250ms ease, background 250ms ease; transition:color 250ms ease, background 250ms ease;}
.mainNav > ul > li > ul {background: #3188B1; min-width:150px; border-top:solid 6px #E05425; top:calc(100% - 6px); border-radius:0 0 6px 6px;}
.mainNav > ul > li > ul > li > a {color:#fff;}
.mainNav > ul > li > ul > li:hover > a {background: #C8D7E4; color:#3188B1; text-decoration: none;}
.mainNav > ul > li > ul > li:last-child > a {padding-bottom:5px;}
.mainNav > ul > li > ul > li:last-child:hover > a {border-radius:0 0 6px 6px;}
.mainNav ul ul ul {top:0; right:auto; left:100%; white-space:nowrap; background: #C8D7E4; font-size:14px; padding:5px 0; border-radius:0 6px 6px 0;}
.mainNav ul ul ul a {color:#3188B1; padding:4px 20px;}
.mainNav ul ul ul a:hover {color:#E05425; text-decoration: none;}

.mobileNav,
.navToggle {display: none;}

@media (min-width:961px){
    body.nav-partial-hide .header {top:-40px;}
}

@media (max-width:960px){
    
    .header--top,
    .mainNav {display: none;}
    
    .header {height:60px;}
    .header--bottom {padding:10px 0; height:60px;}
    
    a.logo {margin:0;}
    a.logo img {height:40px;}
    
    .navToggle {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; position: absolute; z-index:900; right:20px; top:50%; margin-top:-12px; height:24px; cursor: pointer; -webkit-transition:right 250ms ease-in-out; -o-transition:right 250ms ease-in-out; transition:right 250ms ease-in-out;}
    .navToggle span {width:30px; height:3px; background:  #3188B1; display:block; position: relative; border-radius:2px; -webkit-transition:background 200ms ease-in-out; -o-transition:background 200ms ease-in-out; transition:background 200ms ease-in-out;}
    .navToggle span:before,
    .navToggle span:after {content:""; position: absolute; left:0; top:-8px; width:100%; height:100%; background: #3188B1; border-radius:2px; -webkit-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out;}
    .navToggle span:before {top:auto; bottom:-8px;}    
    
    .mobileNav {display: block; position: fixed; right:-255px; top:0; height:100%; width:250px; padding:15px 15px 25px; background: #F7F7F6; font-size:16px; z-index:905; overflow:hidden; overflow-y:auto; -webkit-box-shadow: -2px -1px 5px rgba(0,0,0,.3); box-shadow: -2px -1px 5px rgba(0,0,0,.3); -webkit-transition:right 250ms ease; -o-transition:right 250ms ease; transition:right 250ms ease;}
    .mobileNav ul li a {text-decoration: none!important; display: block; padding:5px 0;}
    .mobileNav a.active {color:#E05425;}
    .mobileNav h3 {font-size:14px; font-weight:500; color:#3188B1; margin:0;}
    .mobileNav ul {list-style:none; margin:0; padding:0;}
    .mobileNav ul ul {display: none; padding-left:10px; font-size:14px; margin: 5px 0 10px;}
    .mobileNav ul ul li a {padding:3px 0;}
    .mobileNav ul li.has-children {position: relative;}
    .mobileNav ul li.has-children > a {width: calc(100% - 16px);}
    .mobileNav ul li.has-children > a strong {font-weight:500!important;}
    .mobileNav ul li.has-children.show-sub-nav > ul {display: block;}
    .mobileNav ul li.has-children.show-sub-nav > .subNav-toggle i {-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
          
    .mobileInfoNav {margin:20px 0 0;}
    .mobileInfoNav a {color:#3188B1; display: block;}
    .mobileInfoNav a span {display: none;}
    .mobileInfoNav a[href^="tel:"]:before {content:"T: "; font-weight:bold;}
    .mobileInfoNav a[href^="mailto:"]:before {content:"E: "; font-weight:bold;}
    
    .subNav-toggle {position: absolute; right:-15px; top:0; border:none; background:none; height: 100%; max-height:32px; padding:0 12px; font-size: 12px;}
    .subNav-toggle i {display:inline-block;}    
    
    body {padding-top:60px;}
    body:before {content:""; position: fixed; z-index:890; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4); opacity:0; visibility: hidden; pointer-events:none; -webkit-transition:visibility 250ms ease-in-out, opacity 250ms ease-in-out; -o-transition:visibility 250ms ease-in-out, opacity 250ms ease-in-out; transition:visibility 250ms ease-in-out, opacity 250ms ease-in-out;}
    body.show-nav {overflow:hidden!important;}
    body.show-nav .header {left:-250px;}
    body.show-nav .header:before,
    body.show-nav:before {opacity:1; visibility: visible;}
    body.show-nav .navToggle {}
    body.show-nav .pageContainer {left:-250px;}
    body.show-nav .mobileNav {right:0;}
    
    body.show-nav .navToggle span {background:transparent;}
    body.show-nav .navToggle span:before {-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); bottom:0;}
    body.show-nav .navToggle span:after {-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg); top:0;}       
}

/* Search */
.searchContainer {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin:0 0 10px;}
.searchContainer--left {width:calc(100% - 245px);}
.searchContainer--right {width:235px;}
.searchContainer--right .button {width:100%;}

.search {font-size:16px; position: relative;}
.search input {border-color:#3188B1!important;}
.search button {position: absolute; right:0; top:0; height:100%; background: #3188B1; border:none; border-radius:0 4px 4px 0; width:50px; padding:3px 0 0 0; color:#fff; font-size:24px; -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease;}
.search button:hover {background: #246584;}

@media (max-width:680px){
    .searchContainer {display:block; margin:0 0 -10px;}
    .searchContainer--left,
    .searchContainer--right {width:100%;}
    .searchContainer--right {margin-top:10px;}
}

/* Sections */
section {padding:40px 0;}
.section-background {position: relative; padding-top:15px;}
.section-background:before {content:""; position: absolute; z-index:-1; left:0; top:0; height:100%; max-height:400px; width:100%; background:url(../images/section-background-lg.jpg) no-repeat; background-size:cover; background-position: center bottom; pointer-events:none;}

.section-background.subPage:before {opacity: 0.35;}

/* Company BG */
.blockGrid.companyBG {width:calc(100% + 10px); margin:20px 0 40px -5px;}
.blockGrid.companyBG .blockGrid--item {width:25%; height:150px; padding:5px; position: relative;}

.companyContainer {position: relative; width:100%; height:100%; margin:0; -webkit-transition:all 250ms ease; -o-transition:all 250ms ease; transition:all 250ms ease;}
.company {position:absolute; z-index:10; left:0; top:0; width:100%; min-height:100%; padding:10px; background: #C8D7E4; border:solid 1px rgba(255,255,255,.2); -webkit-box-shadow:0px 2px 6px rgba(0,0,0,.4); box-shadow:0px 2px 6px rgba(0,0,0,.4); -webkit-transition:background 250ms ease; -o-transition:background 250ms ease; transition:background 250ms ease}
.company--logo {width:150px; height:110px; border-radius:50%; background: #fff; display: block; margin:0 auto; background-repeat:no-repeat; background-position: center; background-size:100px auto; -webkit-transition:width 250ms ease, height 250ms ease, background 250ms ease, opacity 250ms ease; -o-transition:width 250ms ease, height 250ms ease, background 250ms ease, opacity 250ms ease; transition:width 250ms ease, height 250ms ease, background 250ms ease, opacity 250ms ease;}
.company--desc {display:none; text-align: center; font-size:16px; color:#fff; margin:10px 0 0;}
.company--desc ul {list-style:none; margin:0; padding:0;}
.company--desc ul li + li {margin-top:3px;}
.company--desc a {color:#fff;}

@media (min-width:961px){
    .companyContainer:hover {width:calc(100% + 30px); min-height:calc(100% + 30px); margin:-15px 0 0 -15px; z-index:99}
    .companyContainer:hover .company {background: #3188B1; border-radius:4px;}
    .companyContainer:hover .company .company--logo {width:80px; height:55px; background-size: 60px auto;}
    .companyContainer:hover .company .company--logo:hover {opacity:0.8}
    .companyContainer:hover .company .company--desc {display: block;}
}
@media (max-width:960px){
    .blockGrid.companyBG .blockGrid--item {height:112px;}
    .company--logo {width:120px; height:80px; background-size: 55% auto;}
}
@media (max-width:680px){
    .blockGrid.companyBG .blockGrid--item {width:50%;}
}

/* Info boxes */
.blockGrid.miscBG {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch; width:calc(100% + 50px); margin-left:-25px; margin-top:40px;}
.blockGrid.miscBG [class^="blockGrid--"] {padding:0 25px;}
.blockGrid.miscBG [class^="blockGrid--"] + [class^="blockGrid--"] {border-left:solid 1px #2F87B4;}
.blockGrid.miscBG [class^="blockGrid--"] > div {display:inline-block; vertical-align: top; width:100%;}
.blockGrid.miscBG [class^="blockGrid--"] > div > img {margin:0 10px 8px 0;}
.blockGrid.miscBG h3 {margin:10px 0 13px;}
.blockGrid.miscBG p {margin:10px 0;}

@media (max-width:960px){
    .blockGrid.miscBG {width:100%; margin:0;}
    .blockGrid.miscBG [class^="blockGrid--"] {width:100%; padding:0;}
    .blockGrid.miscBG [class^="blockGrid--"] + [class^="blockGrid--"] {border:none; border-top: solid 1px #2F87B4; margin-top:30px; padding-top:30px;}
}

/* Carousel slider */
section.section-news-slider {background: #D4DFED; padding:0;}
.carousel-news {margin:-5px 0 50px; font-size:16px;}
.carousel-news .carousel--item {padding:5px 0; outline:none!important}
.carousel-news h4 {color:#2F87B4; margin:0 0 15px;}
.carousel-news .image {height:250px; background-color: #fff; background-position: center; background-size: contain; background-repeat: no-repeat;}
.carousel-news .buttonContainer {margin-top:10px; margin-bottom:-5px;}
.carousel-news .newsSliderBG {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch; width:calc(100% + 60px); margin-left:-30px;}
.carousel-news .newsSliderBG > .blockGrid--50 {padding:0 30px;}
.carousel-news .newsSliderBG > .blockGrid--50:first-child {padding-top:45px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}

.carousel-news .slick-arrow {position: absolute; z-index:10; left:40px; top:50%; margin-top:-20px; padding:0; line-height:0; border:none; background:none; font-size:40px; color:#2F87B4;}
.carousel-news .slick-arrow.slick-next {left:auto; right:40px;}

.carousel-bullets {margin:-44px -5px 10px 0;}
.carousel-bullets .slick-dots {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; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end;}
.carousel-bullets .slick-dots li {line-height:0; margin:5px;}
.carousel-bullets .slick-dots button {width:20px; height:20px; padding:0; border-radius:50%; background:none; border:solid 2px #2F87B4; text-indent:-999em; font-size:0px; position: relative;}
.carousel-bullets .slick-dots button:before {content:""; width:12px; height:12px; border-radius:50%; background: #DC4913; position: absolute; left:2px; top:2px; opacity:0; -webkit-transition:opacity 300ms ease; -o-transition:opacity 300ms ease; transition:opacity 300ms ease;}
.carousel-bullets .slick-dots li.slick-active button:before {opacity:1;}

@media (max-width:1230px) {
    .carousel-news .slick-arrow {display: none!important;}
}
@media (max-width:960px) {
    .carousel-news {margin: 15px 0 50px;}
    
    .carousel-news .newsSliderBG {width:100%; margin:0; text-align: center; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;}
    .carousel-news .newsSliderBG > .blockGrid--50 {width:100%; padding:0; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2;}
    .carousel-news .newsSliderBG > .blockGrid--50:first-child {padding-top:0; margin-top:20px;}
    .carousel-news .newsSliderBG > .blockGrid--50:last-child {-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;}
    
    .carousel-news .image {height:200px;}
    .carousel-news .buttonContainer {margin-top:15px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
    
    .carousel-bullets {margin: -38px -5px 17px 0;}
    .carousel-bullets .slick-dots {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
}

/* Exports */
.exportTitleContainer {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin:0 0 15px;}
.exportTitleContainer h2 {margin:0;}
.exportToggle {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; margin:-7px -14px -7px 0;}
.exportToggle button,
.tabToggle--nav button {padding:0 0 5px; margin:7px 14px; background:none; border:none; border-bottom:solid 3px #D4DFED; font-size:18px; -webkit-transition:color 250ms ease, border-color 250ms ease; -o-transition:color 250ms ease, border-color 250ms ease; transition:color 250ms ease, border-color 250ms ease;}
.exportToggle button.active,
.tabToggle--nav button.active {border-color:#DC4913;}
.exportToggle button.active,
.tabToggle--nav button.active,
.tabToggle--nav button:hover,
.exportToggle button:hover {color: #2F87B4;}

.exportContent {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; background: #fff; -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.25); box-shadow: 1px 3px 8px rgba(0,0,0,.25); border-radius: 5px; overflow:hidden; position: relative; min-height:300px;}
.exportContent ._pageLoader {opacity:1!important; position: absolute; background: rgba(255,255,255,.5);}
.exportContent ._pageLoader--loader {border-width:5px; width:40px; height:40px; border-color: #d4dfed; border-left-color: #2f87b4; margin: -20px 0 0 -20px;}
.exportContent--left {-webkit-box-flex:1;-ms-flex:1;flex:1;}
.exportContent--right {width:400px; background: #D4DFED;}

.exportContent--left,
.exportContent--right {font-size:16px; padding:20px; max-height:300px; overflow:hidden; overflow-y:auto;}

.subPage .exportContent {margin-bottom:35px;}

.tabToggleContainer {padding-left:30px;}
.tabToggle--nav {width:calc(100% + 28px); margin-left:-14px;}
.tabToggle--tab {display: none; margin:20px 0 0;}
.tabToggle--tab.active {display: block;}
.tabToggle--tab ul.ul-arrow li + li {margin-top:12px;}
.tabToggle--tab .downloadLink + .downloadLink {margin-top: 20px;}

@media (max-width:960px){
    .exportContent {-ms-flex-wrap:wrap;flex-wrap:wrap;}
    .exportContent--left, .exportContent--right {width:100%; max-height:none;}
    
    .exportTitleContainer {display:block; margin:0 0 15px;}
    .exportToggle, .tabToggle--nav {margin:10px -8px 0;}
    
    .exportToggle button,
    .tabToggle--nav button {margin:7px 8px;}
    
    .tabToggleContainer {padding:0; margin-top:-5px;}
}

/* Breadcrumbs */
.breadcrumbs {margin:12px 0 15px}
.breadcrumbs ul {list-style:none; margin:0; padding:0; 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; font-size:16px; color:#3188B1;}
.breadcrumbs ul a {color:#3188B1;}
.breadcrumbs ul li {position: relative; padding-right:16px; margin-right:10px;}
.breadcrumbs ul li:before {content:">"; position: absolute; right:0; top:0;}
.breadcrumbs ul li:last-child {padding-right:16px; margin-right:10px;}
.breadcrumbs ul li:last-child:before {content:none; display:none;}

@media (max-width: 680px){
    .breadcrumbs {margin:25px 0 10px;}
}

/* Info block */
.infoBlock {-webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.25);box-shadow: 1px 3px 8px rgba(0,0,0,.25); border-radius: 5px; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch; -ms-flex-wrap:wrap; flex-wrap:wrap; margin:20px 0 35px;}
.infoBlock--left,
.infoBlock--right {position: relative; padding:20px 25px;}
.infoBlock--flex {height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; position: relative; z-index:5;}

.infoBlock--bgImage {position: absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-size:cover;}

.infoBlock-1 .infoBlock--left {width:calc(100% - 350px); background-color: #3188B1; color:#fff;}
.infoBlock-1 .infoBlock--left ul.ul-arrow li {padding-left:25px;}
.infoBlock-1 .infoBlock--left h4 + ul.ul-arrow {margin-top:-5px;}
.infoBlock-1 .infoBlock--right {width:350px;}
.infoBlock-1 .infoBlock--right .button--flex {padding-left:15px; padding-right:15px;}
.infoBlock-1 h4 {color:#fff;}

.infoBlock-2 .infoBlock--left {width:calc(100% - 400px); background-color: #3188B1; color:#fff;}
.infoBlock-2 .infoBlock--right {width:400px; background: #DC4913; color:#fff;}
.infoBlock-2 .infoBlock--right a {color:#fff;}
.infoBlock-2 table {margin:20px 0;}
.infoBlock-2 table td {vertical-align: top;}

.infoBlock-3 .infoBlock--left {width:calc(100% - 350px); background: #fff; min-height:205px;}
.infoBlock-3 .infoBlock--right {width:350px; background: #fff;}
.infoBlock-3 h4 {color:#2F87B4;}

.infoBlock a[data-fancybox] {display: block;}
.infoBlock a[data-fancybox] img {width:auto; max-width:300px; max-height:200px; display: block; margin:0 auto;}

@media (max-width:960px){
    .infoBlock--left,
    .infoBlock--right {width:100%!important; padding:30px 0 10px;}
    
    .infoBlock-1 .infoBlock--left,
    .infoBlock-2 .infoBlock--left,
    .infoBlock-3 .infoBlock--left {padding:20px;}
    .infoBlock-1 .infoBlock--right,
    .infoBlock-2 .infoBlock--right,
    .infoBlock-3 .infoBlock--right {min-height:150px; padding:20px;}
    
    .infoBlock-2 .infoBlock--left,
    .infoBlock-3 .infoBlock--left {min-height:0;}
}

@media (max-width:480px){
    .infoBlock-2 table {margin-bottom:0;}
    .infoBlock-2 table tr {display: block;}
    .infoBlock-2 table tr + tr {margin-top:5px;}
    .infoBlock-2 table td {display:block; width:100%;}
}

/* Special blockGrid */
.blockGrid.specialBG .blockGrid--left {width:calc(100% - 400px);}
.blockGrid.specialBG .blockGrid--right {width:400px;}

@media (max-width:960px){
    .blockGrid.specialBG .blockGrid--left,
    .blockGrid.specialBG .blockGrid--right {width:100%;}
    
    .blockGrid.specialBG .blockGrid--right {margin-top:20px;}
}

/* Content blockGrid */
.blockGrid.contentBG {width:calc(100% + 30px); margin-left:-15px; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.blockGrid.contentBG > [class^="blockGrid--"] {padding:0 15px;}

.blockGrid.contentBG > .blockGrid--sidebar {width:260px;}
.blockGrid.contentBG > .blockGrid--main {width:calc(100% - 260px);}
.blockGrid.contentBG > .blockGrid--main > h2:first-child {margin-top:5px;}

.sidebarNav {background: #3188B1; border-radius:5px; overflow:hidden; -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.25); box-shadow: 1px 3px 8px rgba(0,0,0,.25); line-height:1.1;}
.sidebarNav ul {list-style:none; margin:0; padding:0;}
.sidebarNav ul ul {display: none;}
.sidebarNav ul a {display: block; -webkit-transition:background 250ms ease, color 250ms ease; -o-transition:background 250ms ease, color 250ms ease; transition:background 250ms ease, color 250ms ease;}
.sidebarNav ul a:hover {text-decoration: none;}
.sidebarNav ul a.active {color:#DC4913; font-weight:bold;}

.sidebarNav li.has-children > div {position: relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:stretch; -ms-flex-align:stretch; align-items:stretch;}
.sidebarNav li.has-children > div > a {width:calc(100% - 29px); padding-right:0;}
.sidebarNav li.has-children .sidebarNav-toggle {font-size:12px; padding:0 8px; width:29px; border:none; background:none; line-height:0; position: relative;}
.sidebarNav li.has-children .sidebarNav-toggle i {position: absolute; top:20px; left:8px;}

.sidebarNav li.active > ul {display: block;}
.sidebarNav li.has-children.active > div a {font-weight:bold}
.sidebarNav li.has-children.active > div .sidebarNav-toggle i {-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}

.sidebarNav > ul > li {font-size:16px;}
.sidebarNav > ul > li > a {color:#fff; font-weight:bold; }
.sidebarNav > ul > li > a:hover {background: #246584;}
.sidebarNav > ul > li + li {border-top:solid 1px #C8D7E4;}
.sidebarNav > ul > li > a,
.sidebarNav > ul > li > div > a {color:#fff; padding:16px 20px;}

.sidebarNav > ul > li > ul > li {color:#3188B1; background: #F8F8F9;}
.sidebarNav > ul > li > ul > li > a,
.sidebarNav > ul > li > ul > li > div > a {color:#3188B1; padding:13px 20px; font-weight:bold; }
.sidebarNav > ul > li > ul > li > a:hover,
.sidebarNav > ul > li > ul > li > div > a:hover {color:#246584;}
.sidebarNav > ul > li > ul > li + li {border-top:solid 1px #C8D7E4;}

.sidebarNav > ul > li > ul > li > ul > li {color:#414042; background: #C8D7E4;}
.sidebarNav > ul > li > ul > li > ul > li a,
.sidebarNav > ul > li > ul > li > ul > li > div a {color:#414042; padding:16px 30px;}

.sidebarNav > ul > li > ul > li > ul > li > ul > li > a {font-size:15px; padding:5px 40px;}
.sidebarNav > ul > li > ul > li > ul > li > ul > li > a:hover {color: #DC4913;}

.sidebarMisc {background: #C8D7E4; border-radius:5px; overflow:hidden; -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.25); box-shadow: 1px 3px 8px rgba(0,0,0,.25);}
.sidebarMisc h2 {background: #3188B1; font-size:16px; color:#fff; margin:0; border-radius:5px 5px 0 0; padding:15px 20px;}
.sidebarMisc ul {list-style:none; margin:0; padding:5px 0 10px;}
.sidebarMisc ul a {font-size:16px; color:#3188B1; padding:10px 20px; display: block; -webkit-transition:color 250ms ease; -o-transition:color 250ms ease; transition:color 250ms ease;}
.sidebarMisc ul a.active {color:#DC4913;}
.sidebarMisc ul a:hover {text-decoration: none; color:#DC4913;}

.sidebarNav--logo {width:140px; height:105px; background-color: #fff; margin: 0 auto; background-size: 80% auto; background-repeat: no-repeat; background-position: center; border-radius: 50%;}

@media (max-width:960px){
    .blockGrid.contentBG > .blockGrid--sidebar {width:100%; max-width:360px; -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2; margin-top:20px;}
    .blockGrid.contentBG > .blockGrid--main {width:100%; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1;}
}

/* Pagination */
.pagination {margin:45px 0 20px; 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; line-height:1;}
.pagination--item {font-size:14px; margin:0 5px; -webkit-transition:color 300ms ease; -o-transition:color 300ms ease; transition:color 300ms ease;}
.pagination--item.active {font-weight:bold; color:#3188B1; text-decoration: underline;}

.pagination--item.prev,
.pagination--item.next {font-size:18px; color:#3188B1; margin:0 10px}

.pagination--item.prev:hover,
.pagination--item.next:hover {text-decoration: none; color:#3188B1;}

/* Product blockGrid */
.blockGrid.productBG {width:calc(100% + 16px); margin-left:-8px;}
.blockGrid.productBG [class^="blockGrid--"] {padding:8px;}

.product {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; width:100%; height:255px; background: #fff; border-radius:5px; -webkit-box-shadow: 1px 3px 8px rgba(0,0,0,.25); box-shadow: 1px 3px 8px rgba(0,0,0,.25);}
.product--image {height:150px; width:100%; max-width:250px; margin:0 auto; padding:20px; position: relative;}
.product--image > div {position: absolute; left:20px; top:20px; width:calc(100% - 40px); height:calc(100% - 40px); background-position: center; background-repeat: no-repeat; background-size: contain; -webkit-transition:top 250ms ease; -o-transition:top 250ms ease; transition:top 250ms ease;}
.product--desc {text-align: center; font-weight:bold; padding:5px 20px;}
.product--actions .button {width:100%; border-radius:0 0 4px 4px; border:none;}

.product:hover {text-decoration: none;}
.product:hover .product--image > div {top:10px}
.product:hover .product--actions .button {background: #DC4913;}

@media (max-width:760px){
    .blockGrid.productBG [class^="blockGrid--"] {width:50%;}
}
@media (max-width:580px){
    .blockGrid.productBG [class^="blockGrid--"] {width:100%;}
}

/* FOOTER */
.footer {background: #3188B1; font-size:14px; line-height:1.6; color:#fff; padding:35px 0 25px;}
.footer h3 {color:#133F5F; font-size:17px; margin: 0 0 12px;}
.footer ul {list-style:none; margin:0; padding:0;}
.footer ul li + li {margin-top:1px;}
.footer a {color:#fff;}
.footer a[href^="mailto:"] {color:#133F5F;}
.footer input:not([type="checkbox"]):not([type="radio"]) {height:30px; padding:5px 10px;}
.footer textarea {height:65px; padding:5px 10px;}
.footer .checkbox {color:#C8D7E4;}
.footer .form {margin-top:5px;}
.footer .form .button {margin:0;}
.footer .form--row + .form--row {margin-top:5px;}
.footer .form input:not([type="checkbox"]):not([type="radio"]), 
.footer .form select, 
.footer .form textarea {border-color:#BDBCBC; color: #414042;}

.footer .form input:not([type="checkbox"]):not([type="radio"]).error, 
.footer .form select.error, 
.footer .form textarea.error {border-color:#ED1C24!important;}

.blockGrid.footerBG {-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch; width:calc(100% + 50px); margin-left:-25px;}
.blockGrid.footerBG .blockGrid--33 {padding:3px 25px;}
.blockGrid.footerBG .blockGrid--33 + .blockGrid--33 {border-left:solid 1px #C8D7E4;}

.footer--cr {color:#C8D7E4; margin-top:30px;}
.footer--cr 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;}
.footer--cr ul li {position: relative;}
.footer--cr ul li + li {margin-left:15px; margin-top:0; padding-left:15px;}
.footer--cr ul li + li:before {content:""; position: absolute; left:0; top:4px; height:12px; width:1px; background: #C8D7E4;}
.footer--cr a {color:#C8D7E4; text-decoration: underline;}
.footer--cr a:hover {text-decoration: none;}

@media (max-width:960px){
    .footer {text-align: center; font-size:15px; padding-top:45px;}
    .footer h3 {font-size:18px;}
    .footer ul li span {width:auto!important;}
    .footer .form {width:280px; margin:0 auto;}
    .blockGrid.footerBG .blockGrid--33 {width:100%;}
    .blockGrid.footerBG .blockGrid--33 + .blockGrid--33 {border:none; margin-top:40px;}
    
    .footer--cr {margin-top:40px;}
    .footer--cr ul {display: block;}
    .footer--cr ul li + li {margin:2px 0 0 0; padding:0;}
    .footer--cr ul li + li:before {content:none; display: none;}
}

/* Popup */
.popupContainer {opacity:0; visibility: hidden; position: fixed; left:0; top:0; min-width:320px; width:100%; height:100%; overflow:auto; z-index:910; text-align: center; background:rgba(0, 0, 0, 0.4); -webkit-transition:opacity 250ms ease, visibility 250ms ease; -o-transition:opacity 250ms ease, visibility 250ms ease; transition:opacity 250ms ease, visibility 250ms ease;}
.popupContainer:after {content:""; display:inline-block; vertical-align: middle; height:100%; width:1px;}

.popupContainer.visible {opacity:1; visibility: visible;}

.popup {display:inline-block; vertical-align: middle; text-align:left; background: #fff; border-radius:4px; overflow:hidden; margin-top: 20px; margin-bottom:20px; min-width:288px; width: calc(100% - 40px); max-width:600px; position: relative; left: 3px; -webkit-box-shadow: 0 10px 25px rgba(0,0,0,.5); box-shadow: 0 10px 25px rgba(0,0,0,.5);}
.popup--close {position: absolute; right:10px; top:6px; padding:12px; border:none; background: transparent; color:#fff; font-size:13px; line-height:0;}

.popup--header {background: #2F87B4; padding:14px 45px 14px 20px; position: relative;}
.popup--header h3 {font-weight:normal; color:#fff; margin:0;}
.popup--body {padding:25px;}

@media (max-width:960px){
}
@media (max-width:600px){
    .popup--body {padding:20px;}
    .popup--body .form--row .blockGrid--50 {margin-top:10px; width:100%; text-align:left!important;}    
}
@media (max-width:480px){
}


/* Cookies */
.cookieNotification {position: fixed; z-index:200; left:0; bottom:0; width:100%; padding:20px 0; background: #414042; -webkit-box-shadow: 0px 1px 8px 2px rgba(0,0,0,.2); box-shadow: 0px 1px 8px 2px rgba(0,0,0,.2); border-top:solid 5px #DC4913; display: none;}
.cookie {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:13px;}
.cookie--content {font-size:14px; line-height:1.4; color:#fff; max-width:700px; padding-right:20px;}
.cookie--content p {margin:0;}
.cookie--actions .button {min-width:120px;}

@media (max-width:680px) {
    .cookieNotification {padding:15px 0; border-top-width:3px;}
    .cookie {-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; text-align: center;}
    .cookie--content {padding-right:0;}
    .cookie--actions {margin:15px 0 0}
}