@font-face {
    font-family: 'PT Sans';
    src: url('font/PTSans-Italic.eot');
    src: url('font/PTSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('font/PTSans-Italic.woff2') format('woff2'),
        url('font/PTSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('font/PTSans-BoldItalic.eot');
    src: url('font/PTSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('font/PTSans-BoldItalic.woff2') format('woff2'),
        url('font/PTSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('font/PTSans-Regular.eot');
    src: url('font/PTSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('font/PTSans-Regular.woff2') format('woff2'),
        url('font/PTSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PT Sans';
    src: url('font/PTSans-Bold.eot');
    src: url('font/PTSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('font/PTSans-Bold.woff2') format('woff2'),
        url('font/PTSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF DinDisplay Pro';
    src: url('font/PFDinDisplayPro-Medium.woff2') format('woff2'),
        url('font/PFDinDisplayPro-Medium.woff') format('woff'),
        url('font/PFDinDisplayPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PF DinDisplay Pro';
    src: url('font/PFDinDisplayPro-Bold.woff2') format('woff2'),
        url('font/PFDinDisplayPro-Bold.woff') format('woff'),
        url('font/PFDinDisplayPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input,textarea,select{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}.clear{clear:both;}button{-webkit-appearance: none;}
input[type='number']::-webkit-inner-spin-button, 
input[type='number']::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"]{
  -moz-appearance:textfield;
}
button, input[type=button]{
  -webkit-appearance: none; border-radius: 0;
}

h1, h2, nav, .aReplace, .btn, .specHeading, .simple3columns em strong, .simple3columns strong em, .simple2columns td h3 + ol li:before, .servicesText table tr:first-child td, 
.servicesText table tr td:first-child, .calc, .kpiCalc .chart h3, .kpiCalc .calc .inputs .inputOverlay input, .kpiCalc .calc .inputs .inputOverlay, .jsSlider.ui-widget, .carouselBlock, .popupModal h1, footer .table-cell h3, .flexiChart h3,.kpiCalc .calc .inputs label{ font-family: 'IBM Plex Sans', sans-serif;  }

.table{ display: table; border-collapse: collapse;}
.table-cell{ display: table-cell; vertical-align: top;}
.table-row{ display: table-r.rotationBlockow;}
html{ margin: 0; height: 100%;}
body{font-family: 'PT Sans'; font-size:13.5px; line-height:1.428571429; color:#000000; background-color:#ffffff; margin: 0;}
body.bg50{background: #333333;}
body.bg49, body.bg52{background: #f2f2f2;}
input, select, button, textarea{ font-family: 'IBM Plex Sans'; font-size: 14px; }

.wrapper{ max-width: 1064px; width: 100%; margin: 0 auto; position: relative;} 
.wrapper.wrapper764{ max-width: 766px; } 
.wrapper.wrapper1070{ max-width: 1070px; } 
.galleryWrapper{ display: block; overflow: hidden; position: relative;}
.sliderWrapper{ max-width: 1366px; width: 100%; margin: 0 auto; position: relative;} 
.center{ width: 100%; text-align: center;}

.hidden{ display: none;}
.prepEmail{ display: none;}
img{vertical-align: middle;}

.cookiesMsg{ position: fixed; bottom: 0; width: 100%; left: 0; background: #000000; padding: 20px 0; z-index: 500;}
.cookiesMsg .wrapper{ width: 775px;}
.cookiesMsg .table-cell:first-child{ color: #FFF; font-size: 12px; line-height: 16px; width: calc(100% - 110px);}
.cookiesMsg .table-cell:first-child a{ color: #da1a22; font-style: italic; text-decoration: underline;}
.cookiesMsg .table-cell:last-child{ text-align: left;}
.cookiesMsg .table-cell:last-child .btn{ min-width: 110px;}

.btn{ text-decoration: none; color: #FFF; font-size: 14px; line-height: 40px; padding: 0 30px; background: #da1a22; font-weight: bold; display: inline-block; border: none; cursor: pointer;font-family: 'PF DinDisplay Pro'; position: relative;}
.btn.download{ padding-right: 50px;}
.btn.download:after{ content: ""; position: absolute; right: 15px; top: 50%; margin-top: -10px; width: 22px; height: 20px; background: url(images/Lejupladet-ikona-01.svg) no-repeat; background-size: auto 20px;}

.popupModal{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(30, 46, 93, 0.79); z-index: 520; overflow: hidden;}
.popupModal .popupMsg{ z-index: 521; position: absolute; top: 50%; left: 50%; background: #FFF; width: calc(100% - 46px); max-width: 430px; transform: translate(-50%, -50%); padding-top: 95px; text-align: center; color: #000;}
.popupModal .popupMsg:before{ content: ""; width: 100%; height: 85px; background: url(images/error-icon.png) no-repeat center top 37px; position: absolute; top: 0; left: 0;border-top-left-radius: 15px;border-top-right-radius: 15px;}
.popupModal .popupMsg.success:before{ background: url(images/success-icon.png) no-repeat center top 37px;}
.popupModal .popupMsg h1{ font-weight: 700; font-size: 25px; margin: 0px 0 15px 0; color: #004c7f; }
.popupModal .popupMsg div{ width: 100%; display: inline-block;}
.popupModal .popupMsg div p{ font-size: 14px; line-height: 20px; margin-bottom: 20px; color: #004c7f; font-weight: 700;}
.popupModal .popupMsg div input[type=button]{ min-width: 110px; margin-bottom: 35px;}

header{ height: 230px; display: inline-block; width: 100%; position: fixed; top: 0px; left: 0; z-index: 300;}
header.fixed{ top: 0px; background: rgba(0,0,0,0.76); height: 130px;}
header.static{  background: rgba(0,0,0,0.76); position: relative; top: unset; left: unset;height: 130px;}
header .wrapper{ height: 100px; text-align: center;}
header .logo{ text-indent: -9999px; background: url(images/Logo.svg) no-repeat; display: inline-block; width: 140px; height: 155px; margin-top: 0px; margin-left: 0; background-size: 140px 155px;}
header.fixed .logo, header.static .logo{background: url(images/Compor-small-logo.svg) no-repeat;width: 86px; height: 65px; background-size: 86px 65px;}

header.static, header.fixed{ height: 65px;}
header.static .langMenuBlock, header.fixed .langMenuBlock{ top: 22px;}
header.static .wrapper, header.fixed .wrapper{ display: flex; height: 65px;}
header.static .wrapper nav.mainMenu, header.fixed .wrapper nav.mainMenu{ width: 83%; margin-left: 20px; margin-top: 11px;}
header.static .wrapper nav.mainMenu > ul, header.fixed .wrapper nav.mainMenu > ul{ justify-content: flex-start;}
header.static .wrapper nav.mainMenu > ul li, header.fixed .wrapper nav.mainMenu > ul li{ margin: 0 8px;}
header.static .langMenuBlock, header.fixed .langMenuBlock{ display: flex; width: 28px;flex-direction: column; height: 26px; overflow: hidden; right: 25px;}
header.static .langMenuBlock.opened, header.fixed .langMenuBlock.opened{ height: 100px;}
header.static .langMenuBlock li, header.fixed .langMenuBlock li{ margin-bottom: 10px; margin-right: 0;}
header.static .fbMenu, header.fixed .fbMenu{ top: 22px;}

nav.mainMenu{width: 100%;margin-right: 0; margin-top: 15px; text-align: center;}
nav.mainMenu ul li:focus ul, nav.mainMenu ul li:hover ul { visibility: visible;opacity: 1;z-index: 1;transform: translateY(0%); }
nav.mainMenu ul, nav.mainMenu ul li { list-style-type: none; padding: 0; margin: 0; }
nav.mainMenu.diffMenu{ background: rgba(132, 153, 56, 0.6);}
nav.mainMenu.fixed{ position: fixed; top: 0; left: 0; z-index: 150;background: #FFF;}
nav.mainMenu > ul{ display: flex; justify-content: center;}
nav.mainMenu > ul li{ display: flex; margin: 0 20px;}
nav.mainMenu > ul li:first-child{ margin-left: 0px;}
nav.mainMenu > ul li:last-child{ margin-right: 0px;}
nav.mainMenu > ul li a{ display: inline-block; font-size: 16px; color: #FFF; text-decoration: none; font-weight: bold; line-height: 36px; padding-top: 7px; font-family: 'PF DinDisplay Pro';}
.fixed nav.mainMenu > ul li a, .static nav.mainMenu > ul li a{ line-height: 30px;}
nav.mainMenu > ul li.langMenu a{ border: 1px solid #000; border-radius: 50%; margin-left: 20px; min-height: unset;}
nav.mainMenu > ul li a:hover, nav.mainMenu ul li.active a{color: #FFF; border-bottom: 1px solid #FFF;}

nav.mainMenu > ul > li:hover ul{ display: block;}

nav.mainMenu ul ul { display: none;position: absolute;top: 44px;background-color: #333333;min-width: 160px;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;text-align: left; padding: 10px 0;}
.static nav.mainMenu ul ul, .fixed nav.mainMenu ul ul{ top: 38px;}
nav.mainMenu ul ul li{ width: 100%; font-size: 16px; margin: 0; line-height: 19px; white-space: nowrap; padding: 0 22px; }
nav.mainMenu ul ul li a{ line-height: 34px; text-decoration: none; font-weight: 500;}
nav.mainMenu ul li.active li a, nav.mainMenu ul li li a:hover{ border-bottom: none;}
nav.mainMenu ul li.active li a:hover, nav.mainMenu ul li.active li a.active, nav.mainMenu ul li li a:hover{ color: #da1a22; }

nav.mainMenu ul > li.download > a{padding-right: 28px; position: relative;}
nav.mainMenu ul > li.download > a:after { content: ""; position: absolute; right: 0px; top: 50%; margin-top: -10px; width: 22px; height: 20px; background: url(images/Lejupladet-ikona-01.svg) no-repeat; background-size: auto 20px;}

.mobileMenuSelector{ display: none;}

nav.mainMenu ul li { position: relative; }

.langMenuBlock{ position: absolute; top: 79px; right: 15px;}
.static .langMenuBlock, .fixed .langMenuBlock{ top: 43px;}
.langMenuBlock li.langMenu{ float: left; margin-right: 12px;}
.langMenuBlock li.langMenu a{ text-decoration: none; color: #000; font-size: 16px; padding: 4px 5px; background: #FFF;}
.langMenuBlock li.active a, .langMenuBlock li.langMenu a:hover{ background: #da1a22; color: #FFF; }

.fbMenu{  position: absolute; top: 79px; right: 0;}
.fbMenu a{ float: left; width: 13px; height: 24px; background: url(images/FB-01.svg) no-repeat; text-indent: -9999px; background-size: 13px 24px;}


.headerBg{ width: 100%; height: 658px; background: #000000; }
.headerBg .table-cell{ text-align: center; vertical-align: bottom; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.headerBg .table-cell img{ position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%);}
.rotationBlock{height: 658px; width: 100%; display: block; margin: 0 auto 0 auto; position: relative; z-index: 1; overflow: hidden; background: #000000;}
.rotationBlock.rotationBlock2{height: 658px; text-align: center;}
.rotationBlock.rotationBlock2 .headerBg{height: 658px; margin-top: 150px;}
.rotationBlock .rotatingImage{ width: 100%; display: inline-block; height: 100%; background-position: center bottom !important; background-color: #000000 !important;}
.rotationBlock .rotatingImage div.aReplace{ position: absolute; top: 57%; left: 0; transform: translate(0%, -50%); width: 100%; text-align: left;font-family: 'PF DinDisplay Pro';}
.rotationBlock .rotatingImage div.aReplace .slogan{ font-size: 60px; font-weight: bold; color: #FFF; line-height: 65px; float: left; text-align: center; width: 100%;}
.rotationBlock .rotatingImage div p{ margin-top: 275px;}
.rotationBlock .rotatingImage div strong{ font-size: 30px; line-height: 38px;font-weight: bold; text-shadow: 2px 2px #000;}
.cyclePagerWrapper { position: absolute; bottom: 50px; z-index: 120; width: 100%; text-align: center;}
.cycle-pager span { width: 13px; height: 12px; display: inline-block; cursor: pointer; text-indent:-9999px; margin-right: 7px; background: #FFF;}
.cycle-pager span:last-child{ margin-right: 0px;}
.cycle-pager span.cycle-pager-active { background: #da1a22;}
.cycle-pager > * { cursor: pointer;}

.breadcrumb{ background: #f2f2f2; width: 100%; padding: 15px 0; float: left;}
.breadcrumb a{ color: #000; font-size: 15px; text-decoration: none; float: left;}
.breadcrumb li { float: left;}
.breadcrumb li:after { content: ">"; color: #000; float: left; margin: 0 5px; position: relative; top: 1px;}
.breadcrumb li:last-child:after { content: unset;}

.fpBlock{ width: 100%; float: left; padding: 60px 0 45px 0;}
.fpBlock.block57{ padding: 60px 0 0px 0;}
.fpBlock.block49, .fpBlock.block52{ color: #000; background: #f2f2f2;}
.fpBlock.block52Open{ padding: 40px 0 40px 0;}
.fpBlock.block52OpenProduct{ padding: 10px 0 40px 0;}
.fpBlock.block50{ background: #333333; color: #FFF;}
.fpBlock.block38{ background: #808080; color: #FFF;}
.fpBlock.block38 .wrapper{ max-width: 708px;}
.fpBlock.block52 .wrapper .descr52, .fpBlock.block51 .wrapper .descr51, .fpBlock.block50 .wrapper .descr50, .fpBlock.block49 .wrapper .descr49, .fpBlock.block48 .wrapper .descr48, .fpBlock.block56 .wrapper .descr56, .fpBlock.block55 .wrapper .descr55{  -webkit-column-count: 2; /* Saf3, Chrome*/
  -webkit-column-gap: 4%; /* Saf3, Chrome*/
  -moz-column-count: 2; /* FF3.5+ */
  -moz-column-gap: 4%; /* FF3.5+ */
  column-count: 2; /* Opera 11+*/
  column-gap: 4%; /* Opera 11+*/}
.fpBlock.block38 h1, .fpBlock.block38 h2{ display: none;}
.fpBlock h1, .fpBlock h2{ text-align: center; font-size: 35px; font-weight: 700; line-height: 35px; margin-bottom: 38px; color: #da1a22;font-family: 'PF DinDisplay Pro'}
.fpBlock td h1{ text-align: left; color: #000; text-transform: uppercase; margin-bottom: 30px;}
.fpBlock h3{ font-size: 30px; font-weight: 700; line-height: 32px; margin-bottom: 25px;}
.fpBlock.block50 h1, .fpBlock.block38 h1, .fpBlock.block50 h2, .fpBlock.block38 h2{ color: #fff;}
.fpBlock .description{ font-size: 16px; line-height: 20px; text-align: justify;}
.fpBlock p, .fpBlock li{  position: relative; z-index: 1;}
.fpBlock p{  display: table; margin-bottom: 18px;}
.fpBlock em{ font-style: italic; }
.fpBlock strong{ font-weight: bold; }
.fpBlock ul{ margin-left: 17px;}
.fpBlock ul li{ list-style-type: disc; }
.fpBlock.block49 ul li{ text-align: left; }
.fpBlock table{ width: 100%; table-layout: fixed; border-collapse: collapse;}
.fpBlock table td{ padding-right: 23px; padding-left: 23px; vertical-align: top; font-size: 16px; text-align: justify; line-height: 19px;}
.fpBlock table td:last-child{ padding-right: 0px;}
.fpBlock table td:first-child{ padding-left: 0;}
.fpBlock .readMoreButton{ margin: 25px auto 0 auto; display: block;}
.fpBlock .readMoreButton.mobileOnly{ display: none;}

.fpBlock .catalogueTitle{ color: #da1a22; margin: 10px 0 10px 0; display: inline-block; width: 100%;}

.fpBlock .form{ width: 100%; text-align: center; }
.fpBlock .form input[type=text], .fpBlock .form input[type=email]{ width: 100%; height: 40px; border: none; font-size: 14px; font-weight: 15px; color: #000000; padding: 0 12px; margin-bottom: 8px;}
.fpBlock .form textarea{ width: 100%; height: 140px; border: none; font-size: 14px; font-weight: 15px; color: #000000; padding: 15px 12px;margin-bottom: 10px;}
.fpBlock.block54 ul{ list-style: disc; margin-bottom: 18px; margin-left: 35px;}
.fpBlock.block54 ul li{ margin: 0; line-height: 20px;list-style-type: disc;}

.contactsDetails{ font-size: 16px; text-align: center; margin-bottom: 12px; display: inline-block; width: 100%;}
.contactsDetails h1{ font-size: 30px; padding: 42px;}
.contactsDetails strong{ font-weight: bold;}
.contactsDetails p{ margin-bottom: 28px;}

.addressBlock p{ margin-bottom: 19px; }
.addressBlock p:last-child{ margin-bottom: 0; }
.addressBlock strong{ font-weight: bold; font-size: 16px; }
.addressBlock a{ color: #FFF; text-decoration: none; }
.addressBlock a:hover{text-decoration: underline; }

.contactsBlock{ width: 100%; text-align: center;}
.contactsBlock .items{ display: flex; justify-content: center; width: 100%; flex-wrap: wrap;}
.contactsBlock .items .item{ display: flex; flex-direction: column; align-items: center; margin: 0 20px 20px 0;}
.contactsBlock .items .item img{ display: block; margin-bottom: 25px;}
.contactsBlock .items .item p{ margin-bottom: 5px; }
.contactsBlock .items .item p:last-child{ margin-bottom: 0px; }
.contactsBlock .items .item .contactName{ font-weight: bold; font-size: 18px;}
.contactsBlock .items .item a{ text-decoration: none; color: #000;}
.contactsBlock .items .item a:hover{ text-decoration: underline;}

.defaultSlider{  position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin-left: 18px; margin-top: 32px;}
.defaultGallerySlider{  position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; margin-top: 0px;}
.block50 .defaultSlider{  margin-bottom: 45px; }
.defaultSlider .slick-list{ position: relative;  display: block; overflow: hidden;  margin: 0; padding: 0;}
.defaultGallerySlider .slick-list{ position: relative;  overflow: hidden;  margin: 0; padding: 0;}
.defaultSlider .slick-list:focus{ outline: none;}
.slick-list.dragging{ cursor: pointer; cursor: hand;}
.defaultSlider .slick-track, .defaultSlider .slick-list{ -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.defaultGallerySlider .slick-defaultGallerySlider, .defaultSlider .slick-list{ -webkit-transform: translate3d(0, 0, 0);  -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: 0; margin-right: auto;}
.slick-track:before,.slick-track:after{ display: table; content: '';}
.slick-track:after{ clear: both;}
.slick-loading .slick-track{ visibility: hidden; }
.slick-slide{ display: none; float: left; height: 100%; min-height: 1px; margin-right: 18px;}
.defaultGallerySlider .slick-slide, .galleryUsageSlider .slick-slide{ margin-left: 0px; margin-right: 0px;}
[dir='rtl'] .slick-slide{ float: right;}
.slick-slide img{ display: block;}
.slick-slide.slick-loading img{ display: none;}
.slick-slide.dragging img{ pointer-events: none;}
.slick-initialized .slick-slide{ display: block;}
.slick-loading .slick-slide{ visibility: hidden;}
.slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}
.defaultSlider .item{ height: 330px;}
/* .defaultSlider.productItems .item{ height: 170px;} */
.defaultSlider a{ width: 100%; display: block; height: 100%; text-align: center; color: #FFF; text-decoration: none; display: flex;flex-direction: column;justify-content: center;align-content: center; font-size: 30px; line-height: 33px; text-transform: uppercase; font-weight: bold;font-family: 'PF DinDisplay Pro';}
.defaultSlider a:hover, .defaultSlider .active a{  box-shadow:0px 0px 0px 9px #da1a22 inset; }
.slick-prev, .slick-next { bottom: 30px; transform: unset;-webkit-transform:unset;-ms-transform:unset; position: absolute; z-index: 5; background: transparent; color: transparent; width: 25px; height: 46px; border: none; cursor: pointer; padding: 0;}
.slick-disabled{ display: none !important;}
.slick-prev{ left: 30px;}
.slick-prev:before{ content: ""; background: url(images/bulta-pa-kreisi-white.svg) no-repeat; width: 25px; height: 46px; background-size: 25px 46px; display: block;}
.slick-prev:hover:before{ background: url(images/bulta-pa-kreisi-red.svg) no-repeat; background-size: 25px 46px;}
.slick-next{ right: 48px;}
.slick-next:before{ content: ""; background: url(images/bulta-pa-labi-white.svg) no-repeat; width: 25px; height: 46px; background-size: 25px 46px; display: block;}
.slick-next:hover:before{ background: url(images/bulta-pa-labi-red.svg) no-repeat; background-size: 25px 46px;}

.owl-prev, .owl-next{ bottom: 30px; transform: unset;-webkit-transform:unset;-ms-transform:unset; position: absolute; z-index: 5; background: transparent; color: transparent; width: 25px; height: 46px; border: none; cursor: pointer; padding: 0;}
.owl-prev.disabled, .owl-next.disabled{ display: none;}
.owl-nav .owl-prev span, .owl-nav .owl-next span{ display: none;}
.owl-prev{ left: 30px;}
.owl-prev:before{ content: ""; background: url(images/bulta-pa-kreisi-white.svg) no-repeat; width: 25px; height: 46px; background-size: 25px 46px; display: block;}
.owl-prev:hover:before{ background: url(images/bulta-pa-kreisi-red.svg) no-repeat; background-size: 25px 46px;}
.owl-next{ right: 48px;}
.owl-next:before{ content: ""; background: url(images/bulta-pa-labi-white.svg) no-repeat; width: 25px; height: 46px; background-size: 25px 46px; display: block;}
.owl-next:hover:before{ background: url(images/bulta-pa-labi-red.svg) no-repeat; background-size: 25px 46px;}


.fpBlock .slick-dots, .fpBlock .owl-dots{ margin-left: 0; bottom: 18px;}
.fpBlock .owl-dots{ text-align: center;}
.fpBlock .slick-dots li, .fpBlock .owl-dots button.owl-dot{ width: 13px; height: 12px; display: inline-block; cursor: pointer; text-indent:-9999px; margin-right: 7px; background: #FFF; list-style-type: none; margin-left: 0;}
.fpBlock .slick-dots li:last-child, .fpBlock .owl-dots button.owl-dot:last-child{ margin-right: 0;}
.fpBlock .slick-dots li.slick-active, .fpBlock .owl-dots button.owl-dot.active{ background: #da1a22;}
.defaultGallerySlider .slick-dots li button:before{ content: none;}
.defaultGallerySlider .slick-dotted.slick-slider{ margin-bottom: 0;}
.slick-dots > *, .owl-dots > * { cursor: pointer;}
.slick-dots li button:before, .owl-dots li button:before{ content: "" !important;}

.productItems{ display: flex; flex-wrap: wrap; width: 100%; margin-left: 0; margin-top: 0; justify-content: center;}
.productItems.constructionSlider{ display: inline;}
.productItems.shortList{ justify-content: center;}
.productItems .item{ display: flex; margin: 5px; background: #FFF; width: 170px; height: 170px;}
.productItems .item a{ position: relative; color: #000; text-decoration: none; width: 100%; height: 100%; text-align: center;}
.productItems .item a:hover, .productItems .item.active a{ box-shadow:0px 0px 0px 6px #da1a22 inset;}
.productItems .item img{ object-fit: contain;}
.productItems .item span{ position: absolute; bottom: 15px; font-size: 16px; line-height: 17px; text-transform: uppercase; font-weight: bold; text-align: center; width: 100%; min-height: 34px; display: flex; align-content: center; justify-content: center; flex-direction: column;}
.productItems .item.noImage span{position: absolute; bottom: 0px; font-size: 16px; line-height: 17px; text-transform: uppercase; font-weight: bold; text-align: center; width: calc(100% - 10px); min-height: 75px; padding: 5px; display: flex; align-content: center; justify-content: center; flex-direction: column;}
.productItems .item.noImage{ height: 85px !important;}

.constructionItems{ display: flex; flex-wrap: wrap; width: 100%; margin-left: 0; margin-top: 0; justify-content: center;}
.constructionItems.constructionSlider{ display: inline;}
.constructionItems.shortList{ justify-content: center;}
.constructionItems .item{ display: flex; margin: 5px; background: #FFF; width: 170px; height: 85px !important;}
.constructionItems .item a{ position: relative; color: #000; text-decoration: none; width: 100%; height: 100%;}
.constructionItems .item a:hover, .constructionItems .item.active a{ box-shadow:0px 0px 0px 6px #da1a22 inset;}
.constructionItems .item span{ position: absolute; bottom: 0px; font-size: 16px; line-height: 17px; text-transform: uppercase; font-weight: bold; text-align: center; width: calc(100% - 10px); min-height: 75px; padding: 5px; display: flex; align-content: center; justify-content: center; flex-direction: column;}

.owl-prev{ left: -17px;}
.owl-prev:before{ background: url(images/bulta-pa-kreisi-red.svg) no-repeat; background-size: 25px 46px;}
.owl-next{ right: -47px;}
.owl-next:before{ background: url(images/bulta-pa-labi-red.svg) no-repeat; background-size: 25px 46px;}
.owl-prev, .owl-next{ bottom: calc(50% - 24px); transform: translate(-50%, 0%);}
.owl-dots{ top: calc(100% + 10px);}
.owl-stage{ margin: 0 auto;}

.footerAddress{ padding-left: 28px; position: relative; display: inline-block;}
.footerAddress:before{ content: ''; background: url('images/pin-01.svg') no-repeat; background-size: 17px 23px; width: 17px; height: 23px; position: absolute; left: 0; top: -3px; display: block;}
.footerPhone{ padding-left: 28px; position: relative;}
.footerPhone:before{ content: ''; background: url('images/phone-01.svg') no-repeat; background-size: 21px 21px; width: 21px; height: 21px; position: absolute; left: 0; top: -2px; display: block;}
.footerEmail{ padding-left: 28px; position: relative;}
.footerEmail:before{ content: ''; background: url('images/e-mail-01.svg') no-repeat; background-size: 21px 21px; width: 21px; height: 21px; position: absolute; left: 0; top: -2px; display: block;}

.imageGallery{ display: flex; width: 100%; flex-wrap: wrap; flex-direction: row;}
.imageGallery div{ width: 255px; display: flex; flex-direction: column; margin-bottom: 25px; margin-right: 14px; }
.imageGallery div:nth-child(4n){ margin-right: 0px; }
.imageGallery div a{display: flex; width: 100%; height: 257px;  justify-content: center; overflow: hidden;align-items: center;}
.imageGallery div a img{align-self: center;}
.imageGallery div span{text-align: center; margin-top: 20px; line-height: 20px; font-size: 16px; }

footer{ width: 100%; float: left;  position: relative; text-align: center; background: #000000; color: #FFF; height: 80px; }
footer .copyright{ font-size: 15px; height: 80px; width: 100%; font-weight: bold;}
footer .copyright .table-cell{ text-align: center; vertical-align: middle;}
footer .copyright a{ color: #FFF; text-decoration: none;}
footer .copyright a:hover{text-decoration: underline;}

::placeholder { color: #000000; opacity: 1;}
:-ms-input-placeholder { color: #000000;}
::-ms-input-placeholder { color: #000000;}

.gallerySlider.slick-dotted.slick-slider{ margin-bottom: 0;}


@media screen and (max-width: 1120px){
	.wrapper{ width: 94%;}
	header .logo{background-size: 100px 113px;width: 100px; height: 113px; }
	header{ height: 187px;}
	.headerBg, .rotationBlock{ height: 614px; }
	.rotationBlock .rotatingImage div.aReplace .slogan{ font-size: 50px; line-height: 55px; }
	
	.imageGallery{ justify-content: center;}
	.imageGallery div:nth-child(4n){ margin-right: 14px; }
	.imageGallery div:nth-child(3n){ margin-right: 0px; }

}

@media screen and (max-width: 1060px){
	nav.mainMenu ul li{ margin-right: 0px;}
	nav.mainMenu ul li a{ padding: 0 4px;}
	.headerBg{ height: 350px;}
	.rotationBlock{height: 350px;}
	.rotationBlock .wrapper{width: calc(100% - 26px);}
	.rotationBlock .rotatingImage div.aReplace .slogan{ font-size: 40px;}	
}

@media screen and (max-width: 1024px){
	.carouselBlock .slider .item{ width: 100% !important;}
	header{ height: 115px; background: none;}
	header .wrapper{ height: 115px; width: 100%;}
	header.fixed{ height: 61px; background: #333;}
	header.static .wrapper, header.fixed .wrapper{ display: inline-block; }
	header .logo{ width: 105px; height: 115px; background-size: 105px 115px; }
	header.fixed .logo{ width: 70px; height: 61px; background: url(images/logo-mazais-header.svg) no-repeat; background-size: 70px 61px;  }
	.rotationBlock{ margin-top: 0px;}
	.langMenuBlock, header.static .langMenuBlock, header.fixed .langMenuBlock{top: 12px; right: 58px; display: none; width: auto; flex-direction: unset;}
	.fbMenu{top: 12px; right: 58px; display: none;}
	.langMenuBlock.opened, header.static .langMenuBlock.opened, header.fixed .langMenuBlock.opened{display: flex; z-index: 210; left: 36px; right: unset;height: 26px; top: 19px; overflow: unset;}
	.fbMenu.opened, header.static .fbMenu.opened, header.fixed .fbMenu.opened{display: block; z-index: 210; left: 79px; top: 19px; right: unset;}
	/* left: 158px; */
	.mobileMenuSelector{ display: block; float: right; width: 31px; height: 26px; background: url(images/menu-burger.svg) no-repeat; top: 19px; background-size: 31px 26px; cursor: pointer; right: 21px; position: absolute;}
	.mobileMenuSelector.opened{ width: 25px; height: 25px; background: url(images/x-close.svg) no-repeat; background-size: 25px 25px; z-index: 210;}
	header.static .wrapper nav.mainMenu > ul > li, header.fixed .wrapper nav.mainMenu > ul > li{ width: calc(100% - 72px); text-align: left; font-size: 16px; margin: 0 36px;}
	
	.mainMenu{ display: none;}
	.mainMenu.opened{ display: block;}
	nav.mainMenu, header.static .wrapper nav.mainMenu, header.fixed .wrapper nav.mainMenu{ width: 100%;  margin: 0; background-color: rgba(51, 51, 51, 0.96); margin-top: -115px; padding-top: 60px; height: unset; padding-bottom: 0; z-index: 200; position: relative; min-height: 431px;}
	header.static .wrapper nav.mainMenu, header.fixed .wrapper nav.mainMenu{ margin-top: -81px; padding-top: 79px;}
	header.fixed nav.mainMenu, header.static nav.mainMenu{  margin-top: -61px;}
	nav.mainMenu ul{ margin-top: 0; width: 100%;flex-direction: column;}
	nav.mainMenu.opened > ul > li{ width: calc(100% - 72px);text-align: left; font-size: 16px; margin: 0 36px; }
	nav.mainMenu.opened > ul > li{ flex-direction: column; }
	nav.mainMenu ul li a{ margin-top: 0; width: 100%; height: 100%; padding: 0; line-height: 30px;}
	nav.mainMenu ul li a:hover, nav.mainMenu ul li.active a{ color: #FFF; border: none;}
	nav.mainMenu ul li.active li a{ color: #FFF; font-size: 16px; line-height: 26px;}
	nav.mainMenu ul ul, .static nav.mainMenu ul ul, .fixed nav.mainMenu ul ul{ position: relative; top: unset; background: none; box-shadow: none; padding: 0px 0;}
	nav.mainMenu ul ul.dropped{ display: block;}
	nav.mainMenu.opened ul li li, header.static .wrapper nav.mainMenu > ul li, header.fixed .wrapper nav.mainMenu > ul li{ margin: 0 36px; width: calc(100% - 40px); padding: 0;}
	nav.mainMenu.opened ul li li a.active{ color: #da1a22;}
	
	.cycle-pager{ width: auto; left: 10%; margin-left: 0;}
	.wrapper{width: calc(100% - 46px);}
	.cookiesMsg .wrapper{ width: calc(100% - 46px); display: block;}
	.cookiesMsg .table-cell, .cookiesMsg .table-cell:first-child, .cookiesMsg .table-cell:last-child{ display: block; width: 100%; text-align: center;}
	.cookiesMsg .table-cell:first-child{ margin-bottom: 18px;}
	
	.fpBlock table td img{ max-width: 100%; height: auto;}
	
	.contactsBlock .items .item{ margin: 0 20px 20px 0;}
	
}


@media screen and (max-width: 840px){
	.imageGallery div:nth-child(3n){ margin-right: 14px; }
	.imageGallery div:nth-child(2n){ margin-right: 0px; }
}

@media screen and (max-width: 745px){
	.headerBg{ height: 510px;}
	.rotationBlock{height: 510px;}
	.rotationBlock .rotatingImage div.aReplace .slogan{ font-size: 35px; line-height: 40px;}
	.headerBg .table-cell img{ height: 100%;}
	.cyclePagerWrapper { bottom: 47px; top: unset;}
	.fpBlock .description{ font-size: 14px; line-height: 18px;}
	.fpBlock table, .fpBlock tbody, .fpBlock table tr, .fpBlock table td{ display: block; width: 100%; margin: 0; padding:0;}
	.fpBlock p{ margin-bottom: 23px;}
	.fpBlock li{ margin-bottom: 20px;}
	.fpBlock{ padding-top: 23px;}
	.fpBlock .form{ margin-bottom: 23px; }
	
	.galleryUsageSlider, .galleryProductSlider  { margin-top: 30px;}
	
	.fpBlock .descr48 td, .fpBlock .descr52 td{ display: none;}
	.fpBlock.block48 .readMoreButton, .fpBlock.block52 .readMoreButton{ margin-top: 0;}
	.fpBlock .descr48 td:first-child, .fpBlock .descr52 td:first-child{ display: inline-block;}
	.fpBlock .description.extraDescription{ max-height: 120px; overflow: hidden;  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);}
	.fpBlock .readMoreButton.mobileOnly{ display: block;}
	
	.productItems, .constructionItems{ width: 100%; }
	
	
	
	.fpBlock.block52 .wrapper .descr52, .fpBlock.block51 .wrapper .descr51, .fpBlock.block50 .wrapper .descr50, .fpBlock.block49 .wrapper .descr49, .fpBlock.block48 .wrapper .descr48, .fpBlock.block56 .wrapper .descr56{  -webkit-column-count: 1; /* Saf3, Chrome*/
	  -webkit-column-gap: 0%; /* Saf3, Chrome*/
	  -moz-column-count: 1; /* FF3.5+ */
	  -moz-column-gap: 0%; /* FF3.5+ */
	  column-count: 1; /* Opera 11+*/
	  column-gap: 0%; /* Opera 11+*/}
	
	.block52 .wrapper{ width: 96%;}
	
	.constructionItems .item{ max-width: 210px; width: 47%;}
	.constructionItems.constructionSlider .item{ width: 100%;}
	.productItems .item{ max-width: 210px; width: 47%;}
	.productItems.productionSlider .item{ width: 100%;}
}
	
	
@media screen and (max-width: 605px){
	.defaultSlider .item{ width: 158px;height: 158px;}
	.slick-list{padding:0 20% 0 calc(20% + 18px) !important;}
	.defaultGallerySlider .slick-list{ padding:0 !important;}
	.defaultSlider a{ font-size: 15px; line-height: 21px;}
	.defaultSlider a:hover, .defaultSlider .active a{ box-shadow: 0px 0px 0px 5px #da1a22 inset;}
}

@media screen and (max-width: 570px){
	
	.imageGallery{ flex-direction: column; align-content: center}
	.imageGallery div{ margin-right: 0px !important; }
	
}
@media screen and (max-width: 560px){
	.fpBlock h1, .fpBlock h2{ font-size: 25px; line-height: 28px; margin-bottom: 23px;}
	.fpBlock h3{ font-size: 25px; line-height: 28px;}
	.contactsBlock .items{ width: 99%;}
	.contactsBlock .items .item{ margin: 0 0 35px 0;}
}

@media screen and (max-width: 325px){
	.fpBlock img{ max-width: calc(100% + 46px); margin-left: -23px;}
	.productItems .item.noImage span, .constructionItems .item.noImage span{ font-size: 14px; line-height: 16px;}
}